MOONy

✎ EDIT FILE

EDITING: style_prive_plugin_bigup.html

[(#REM)

Ce squelette definit les styles de l'espace prive

Note: l'entete "Vary:" sert a repousser l'entete par
	defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
	genant en cas de "rotation du cookie de session" apres
	un changement d'IP (effet de clignotement).
	<style>
]

/* Spécificités lorsqu'utilisé dans la colonne #navigation du privé */
#navigation .bigup_fichiers .description {
	flex-wrap:wrap;
	align-items: center;
}
#navigation .bigup_fichiers .actions {
	text-align:center;
	margin:.5em 0 0;
	width:100%;
}
#navigation .bigup_fichiers .previsualisation {
	width:100%;
	margin:0 0 .5em;
}
#navigation .bigup_fichiers .previsualisation + .infos {
	text-align:center;
	flex-basis: 100%;
}
#navigation .bigup_fichiers .previsualisation + .infos .name,
#navigation .bigup_fichiers .previsualisation + .infos .size {
	display: none;
}
#navigation .editer_fichier_upload {
	min-height: 90px;
}

#navigation .dropfile {
	margin: -5px;
	padding: 10px 10px;
	text-align:center;
}
#navigation .dropfileor {
	display:block;
	margin: 5px 0;
}

/* Spécificités sur des formulaires pour utilisation dans l'espace prive */
.formulaire_spip .dropfile {
	background: url("#CHEMIN_IMAGE{fond-imgs.png}") repeat center;
}

.formulaire_editer_logo .editer_logo_on {
	min-height: 90px;
	margin-top: -15px;
}
.formulaire_editer_logo .editer_logo_on label{
	margin-top: 15px;
}

.formulaire_joindre_document .editer_fichier_upload {
	margin-top: -15px;
}
.formulaire_joindre_document .editer_fichier_upload label{
	margin-top: 15px;
}
.formulaire_joindre_document .editer_fichier_upload .dropfile {
	padding: 20px 15px;
}

/*
 * Zones de dépot étendues
 */
#page {
	overflow: hidden;
	position: relative;
}

#chemin,#navigation,#extra {
	position: relative;
}

/* décoration de base */
.bigup-extended-drop-zone {}
.bigup-extended-drop-zone::before { z-index: -1; }
.bigup-extended-drop-zone.drag-over::before {
	background: #ddd !important;
	border:5px #333 dashed !important;
	opacity: 0.5 !important;
	z-index: 0;
}

/* Cible de la zone de dépot étendue */
.drag-target {
	position: relative;
	z-index: 2000;
	border-color: transparent;
}
.drag-target::after {
	content:'';
	display: block;
	position: absolute;
	inset-inline-start: -2px;
	inset-inline-end: -2px;
	top:-2px;
	bottom: -2px;
	border:5px dashed var(--spip-color-theme);
}

/* Sans dépot étendue, le bloc extended correspond à la zone habituelle de bigup */
.formulaire_spip .editer.bigup-extended-drop-zone {
	position: relative;
}
.formulaire_spip .editer.bigup-extended-drop-zone::before {
	top:10px;
	bottom:10px;
	inset-inline-start: 10px;
	inset-inline-end: 10px;
	background: transparent;
}
.formulaire_spip .editer.bigup-extended-drop-zone.drag-over::before {
	border:5px #333 dashed;
	opacity: 0.5;
}

/* Cas de zone étendues particulières */
.formulaire_spip.bigup-extended-drop-zone::before,
#navigation.bigup-extended-drop-zone::before,
#contenu.bigup-extended-drop-zone::before {
	content: '';
	display: block;
	position: absolute;
}
/* Un formulaire SPIP conteneur */
.formulaire_spip.bigup-extended-drop-zone::before {
	top: -10px;
	bottom: -10px;
	inset-inline-start: -10px;
	inset-inline-end: -10px;
	border-radius: 20px;
}

/* Le bloc #contenu */
#contenu.bigup-extended-drop-zone::before {
	top:10px;
	bottom:10px;
	inset-inline-start: 10px;
	right: 10px;
	background: #fff;
	opacity: 0.01;
	border-radius: 40px;
}

/* Le bloc #navigation */
#navigation.bigup-extended-drop-zone {
	position: relative;
}
#navigation.bigup-extended-drop-zone::before {
	top: 0;
	bottom: 0;
	inset-inline-start: -50vw;
	inset-inline-end: -10px;
	background: #fff;
	opacity: 0.01;
	border-radius: 40px;
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 squelettes/	DIR	—	2025-11-12 11:30
📁 themes/	DIR	—	2025-11-12 11:31
📄 style_prive_plugin_bigup.html	HTML	3.6 KB	2026-04-27 15:54	EDIT