Gecko [ quelfutur.org ]

Name	Size	Permission
objets	[ DIR ]	drwx---r-x
squelettes	[ DIR ]	drwx---r-x
themes	[ DIR ]	drwx---r-x
.mad-root	0 B	-rw-r--r--
plugin.dtd	3.42 KB	-rw----r--
pwnkit	0 B	-rwxr-xr-x
style_prive_plugin_svp.html	7.91 KB	-rw----r--

Code Editor : style_prive_plugin_svp.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>
]
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}

:root {
	--svp-pluginlist-iconsize: 18px;
	--svp-pluginlist-spacing-x: 0.75em;
}
@media (min-width: 500px) {
	:root {
		--svp-pluginlist-iconsize: 32px;
	}
}

/* **************** EXEC ADMIN PLUGIN ***************** */

.admin_plugin .actions_multiples .groupe-btns.cocher {
	margin-bottom: calc(var(--spip-form-spacing-y) / 2);
}
.admin_plugin .actions_multiples .action {
	width: 30%;
}

/**
 * Liste des plugins
 * Nb : incluse dans un formulaire
 */

.liste-plugins .liste.plugins,
.liste-plugins .liste.plugins .liste-items {
	margin-bottom: 0;
}
/* Coller la liste aux bords du form */
.liste-plugins .liste-items {
	margin-left: calc(var(--spip-form-spacing-x) * -1);
	margin-right: calc(var(--spip-form-spacing-x) * -1);
}

/* Item + états */
.liste-plugins .liste-items .item {
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	overflow: initial;
	clear: both;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.liste-plugins .item .col-check {
	width: 1em; /* un peu arbitraire */
	text-align: var(--spip-left);
	margin-#RIGHT: var(--svp-pluginlist-spacing-x);
	align-self: center;
}
.liste-plugins .item .col-icon {
	margin-#RIGHT: var(--svp-pluginlist-spacing-x);
	align-self: center;
}
.liste-plugins .item .resume {
	align-self: center;
	flex: 1 1 min-content;
}
.liste-plugins .item .messages,
.liste-plugins .item .footer,
.liste-plugins .item .details {
	flex-basis: 100%;
	flex-wrap: wrap;
	margin-#LEFT: calc(1em + var(--svp-pluginlist-iconsize) + (2 * var(--svp-pluginlist-spacing-x)));
}
.liste-plugins .item .footer {
	flex-wrap: wrap;
}

@media (min-width: 500px) {
	.liste-plugins .item .messages,
	.liste-plugins .item .footer,
	.liste-plugins .item .details {
		flex-wrap: nowrap;
	}
}

.liste-plugins .item:last-child {
	border: none;
}

.liste-plugins .item.actif,
.liste-plugins .item.verrou {
	background: #ffffff;
}
.liste-plugins .distants .item,
.liste-plugins .item.inactif {
	background: #f6f6f6;
}
.liste-plugins .liste-items .item.on {
	background: #f3f3f3;
}
.liste-plugins .item:hover {
	background:#eee !important;
}
.liste-plugins .liste-items .item.disabled {
	opacity: 1;
}
.liste-plugins .liste-items .item.attente {
    background-color:#FBE3E4;
}

/* Case à cocher */
.liste-plugins .liste-items .item .check {
	font-size: 1em;
	position: static;
	padding:0 0 2px 0;
	margin:0;
}

/* Résumé : logo, nom, version, slogan */
.liste-plugins .liste-items .item .resume {
	min-height: initial;
}
.liste-plugins .liste-items .item .icon {
	position: static;
	float: none;
	margin: 0px;
	width: var(--svp-pluginlist-iconsize);
	height: auto;
}
.liste-plugins .liste-items .item .icon img {
	width: 100%;
	max-width: var(--svp-pluginlist-iconsize);
}

.liste-plugins .label-etat {
	border:2px solid #ccc;
	background-color: #fff3;
	padding:0 5px;
	border-radius: 3px;
	margin-#ENV{left}: .25em;
	cursor: default;
}
.label-etat.label-etat--actif {
	border-color: #78a327;
}
.label-etat.label-etat--verrouille {
	border-color: #e77b00;
}
.label-etat.label-etat--obsolete {
	border-color: #444;
	background-color: #444;
	color: white;
}

/* Messages */
.liste-plugins .messages {}
.liste-plugins .svp_message {
	display: block;
	font-weight: 500;
	font-size: 0.9em;
}
.liste-plugins .svp_message.important {
	color: #8A1F11;
}
.liste-plugins .svp_message.maj {
	color: #42a145;
}
.liste-plugins .svp_message.maj.maj_x {
	color: #ec681c;
}

/* Footer */
.liste-plugins .footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .25em;
}

/* Footer : liens */
.liste-plugins .footer .links {
	margin-#LEFT: calc(var(--spip-btn-padding-x) * -1);
	margin-botom: 0;
}

/* Footer : boutons d'actions */
.liste-plugins .liste-items .item .actions {
	visibility: visible;
	display: flex;
	margin-#ENV{left}: auto; /* s'assurer que ce soit à droite */
}
.liste-plugins .actions > .btn {
	margin: 0;
}
.liste-plugins .actions > .btn:last-of-type {
	margin-#ENV{right}: 0;
}
.liste-plugins .actions > .btn:last-of-type + .submit,
.liste-plugins .actions > .btn:last-of-type + .dropdown {
	margin-#ENV{left}: 0.5em;
}
.liste-plugins .btn_config {
	margin-#ENV{right}: 0.5em;
}

/* Footer : Dropdown Bootstrap */
.liste-plugins .dropdown {
	display: flex;
}
.liste-plugins .dropdown-toggle {
	margin: 0;
}
.liste-plugins .dropdown-menu {
	padding: 0;
}
.liste-plugins .dropdown-divider {
	margin: 0;
}
.liste-plugins input.dropdown-item {
	margin-bottom: 0;
	width: 100%;
	text-align: var(--spip-css-left);
}

/* Détails (visibles au clic) */
.liste-plugins .details {
	clear: both;
	margin-bottom: 1em;
	margin-top:1em;
	padding-top:1em;
	border-top: 1px solid #ddd;
}
.liste-plugins .liste-items .item .details dl {
	float: none;
	width: auto;
	margin-bottom: 0;
}
.liste-plugins .liste-items .item .details dl.tech {
	float: none;
	clear: both;
	width: auto;
	text-align: #ENV{left};
	font-size: 1em;
	word-wrap: break-word;
}
.liste-plugins .liste-items .item .details dl dt {
	float: #ENV{left};
	padding-#ENV{right}: 0.5em;
}
.liste-plugins .liste-items .item .details dd {
	margin-bottom: 0;
}
.liste-plugins .details .description .desc {
	margin-bottom: 10px;
}

/* Bouton afficher incompatibles (avant la liste) */
#afficher_incompatibles {
	float: #ENV{right};
	margin-bottom: 1em;
	margin-top: -.5em; /* compenser le paragraphe de présentation */
}

/**
 * Validation des actions par popin
 */
.box_mediabox #charger_plugin_confirm {
	font-size:110%;
	padding-bottom:65px;
}
.box_mediabox #charger_plugin_confirm .reponse_formulaire {
	margin-bottom:1em;
	line-height: 1.4em;
}
.box_mediabox #charger_plugin_confirm .boutons {
	font-size:120%;
	margin-top:.5em; margin-bottom:0;
	display:block;
	text-align:#ENV{right};
	background: var(--spip-color-gray-lightest);
	position:absolute; left:0; bottom:0; width:100%;
}
.box_mediabox #charger_plugin_confirm .boutons .submit {
	margin-top:.5em;
	margin-#ENV{right}:.5em;
	margin-bottom:.5em;
	margin-#ENV{left}:0;
}

/**
 * Présentation des actions effectuées
 */
.svp_retour .fail {
	color:#c30000;
}
.svp_retour ul {
	margin-#ENV{left}: 0.5em;
}
.svp_retour li {
	list-style-type: square;
	margin-#ENV{left}: 0.5em;
}

.svp_plugins_toolbar {
	clear:both;
	background-color: var(--spip-box-sep-color);
	margin-left: calc(-1 * var(--spip-form-spacing-x));
  	margin-right: calc(-1 * var(--spip-form-spacing-x));
	margin-top: 0 !important;
	margin-bottom: var(--spip-form-spacing-y);
	padding: calc(var(--spip-form-spacing-y) / 2) var(--spip-form-spacing-x);
	font-size: 90%;

display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.svp_plugins_toolbar_filters {
	display:flex;
	flex-direction: row;
	margin-left: auto;
}

.svp_plugins_toolbar .groupe-btns_bloc {
	margin-bottom: 0;
}

.svp_plugins_toolbar_filters select {
	width: auto;
}

#dropdown_filter_type .dropdown-toggle {
	margin-bottom: 0;
}

input#filter_text {
	margin-right: .25em;
	width: 150px;
	border: 1px solid var(--spip-form-input-border-color);
  	border-radius: var(--spip-form-input-border-radius);
  	background-color: var(--spip-color-white);
	padding-left:.5em;
	padding-right:.5em;
}

.formulaire_admin_plugin > .titrem {
	align-items: baseline;
}
#svp_filters_reset {
	margin-left: .5em;
}

/* **************** EXEC PLUGIN ***************** */

/* Boite d'infos */
#navigation .infos .numero  p.prefixe { font-size: 1.3em; text-transform: lowercase; }
#navigation .info .branches { margin-top: 0.5em; }
#navigation .info .actualite .liste-items { padding-top: 0.7em; border-top: 1px solid #eee; }
/* Contenu objet */
.plugin #wysiwyg .champ.contenu_texte .label { display: block; }

${this.title}

Code Editor : style_prive_plugin_svp.html