File "style_prive_plugin_svp.html"

Full path: /home/argothem/www/v4_old/plugins-dist/svp/prive/style_prive_plugin_svp.html
File size: 7.38 KB
MIME-type: text/html
Charset: utf-8

[(#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;
}

/* Filtre */
input#filtrer {
	position: absolute;
	z-index:1;
	top:4px;
	#ENV{right}: var(--spip-form-spacing-x);
	width: 150px;
	background-color: #777;
	border: 1px solid #777;
	border-radius: 4px;
	color: #FFF;
	font-size: 90%;
	padding: 3px;
}
input#filtrer::-webkit-input-placeholder {
	color:#FFF;
	opacity:1;
}
input#filtrer::-moz-placeholder {
	color:#FFF;
	opacity:1;
}
input#filtrer:-ms-input-placeholder {
	color:#FFF;
	opacity:1;
}
input#filtrer:-moz-placeholder {
	color:#FFF;
	opacity:1;
}

/* **************** 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; }