[SPIP] +2.1.12
[velocampus/web/www.git] / www / prive / minipres.css
diff --git a/www/prive/minipres.css b/www/prive/minipres.css
new file mode 100644 (file)
index 0000000..b12d6f7
--- /dev/null
@@ -0,0 +1,114 @@
+/* Correction des styles par defaut
+---------------------------------------------- */
+html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
+body { font: .9em sans-serif; color: #2e3436; }
+input, textarea, select { font-size: 100%; font-family: inherit; }
+
+h1 { margin: 1em auto; font-size: 1.2em; font-weight: bold; color: #5c3566; text-align: center; }
+h2 { margin: 0.80em 0 0.80em 0; font-size: 1.1em; font-weight: normal; }
+
+img, .spip_logos { margin: 0; padding: 0; border: 0; }
+ul,ol,li { list-style: none; }
+
+
+/* Disposition a l'ecran
+---------------------------------------------- */
+body { background: #babdb6 url(images/minipres-gris.png) no-repeat scroll 97% 100px; }
+
+/* Espaceur de blocs */
+.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 0; font-size: 0; }
+.bugajaxie { display: none; } /* Bug IE/Win */
+
+
+/* Habillage (en vrac)
+---------------------------------------------- */
+fieldset, .fieldset { text-align: left; padding: 0; border: 0; margin-top: 1em; font-size: .95em; }
+legend { font-weight: bold; font-size: 1em; color: #333; } /* Preciser la couleur des legend pour IE/Win */
+label {}
+
+.reponse_formulaire, .erreur_message { font-weight: bold; color: red; }
+
+body.minipres fieldset, body.minipres .fieldset  { border: 1px solid #ccc; padding: 1em; }
+
+#minipres { width: 38em; background: #fff repeat; margin: 1em auto; padding: 1em; border: 1px solid #888; }
+
+.pass #minipres { width: 90%; }
+
+.petit-centre { font-size: .8em; text-align: center; }
+.petit-centre p { width: 300px; margin: auto; }
+
+.suivant { display: block; margin-top: 1em; text-align: right; }
+
+.toile_foncee { background: #777; }
+
+#minipres label { color: #333; }
+.fondl { /*background-color: #eee; background-position: center bottom; padding: 3px; border: 1px solid #333; font-size: 0.90em;*/ }
+.formo, input.text, input.password { width: 50%; display: block; background-color: #f8f8f9; background-position: center bottom; margin-bottom: 1em; padding: 3px; border: 1px inset #333; behavior: url(win_width.htc); }
+.formo, input.text, input.password, select { font-size: 1.1em; }
+
+p.resultat { background-color: #fcaf3e; padding: 0.40em 0.10em; text-align: center; color: #fff; font-weight: bold; }
+p.resultat.ok { background-color: #73d216; }
+p.resultat.echec { background-color: #d60c0c; }
+
+#etapes { display: block; position: absolute; top: 10px; left: 10px; }
+#etapes span { display: block; margin-top: -0.50em; padding: 12px 14px; margin-bottom: 5px; }
+#etapes span em { font-size: 2em; font-weight: bold; }
+#etapes span span { position: absolute; top: -100px; left: -100px; }
+#etapes span.ok { background: url(images/etape-ok.gif) center no-repeat; }
+#etapes span.encours { background: url(images/etape-encours.gif) center no-repeat; }
+#etapes span.todo { background: url(images/etape-todo.gif) center no-repeat; }
+
+#infos_etapes { height: 63px; overflow: hidden; margin: 0; padding: 0; padding-left: 10px; background: #8c8c8c url(../prive/images/degrade-etapes-clair-left.gif) no-repeat right top; text-align: left; font-family: helvetica, arial, sans; list-style: none; }
+#infos_etapes.infos_etape_4 { background-image: url(../prive/images/degrade-etapes-vert-left.gif); background-color: green; }
+#infos_etapes li { float: left; margin-left: -28px; padding-left: 29px; background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat left top; color: #555; text-align: left; font-size: 0.85em; line-height: 1.05em; }
+#infos_etapes li .fond { width: 8em; height: 69px; padding-right: 2em; padding-top: 10px; background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top; }
+#infos_etapes li em {float:left;position:absolute;top:-1000px;}
+#infos_etapes li span.numero_etape { float: left; display: block; height: 50px; margin-left: -10px; padding: 7px 3px 0 3px; font-weight: bold; font-size: 3em; }
+#infos_etapes li.on { background-image: url(../prive/images/degrade-etapes-vert-left.gif); color: #fff; font-weight: bold; }
+#infos_etapes li.on .fond { background-color: #88f560; background-image:  url(../prive/images/degrade-etapes-vert-left.gif); }
+#infos_etapes li.erreur { background-image: url(../prive/images/degrade-etapes-rouge-left.gif); }
+#infos_etapes li.erreur .fond { background-color: #ff6868; background-image: url(../prive/images/degrade-etapes-rouge-left.gif); }
+#infos_etapes li.prochains { background-image: url(../prive/images/degrade-etapes-clair-left.gif); }
+#infos_etapes li.prochains .fond { background-color: #dbdbdb;background-image: url(../prive/images/degrade-etapes-clair-left.gif); }
+
+/* installation des plugins */
+.install-plugins {background:#ddd;border:1px solid black;color:#555;font-size:0.85em;padding:10px;}
+.install-plugins .ok {color:green;font-weight:bold;}
+.install-plugins .erreur {color:red;font-weight:bold;}
+
+
+/* Page de login
+---------------------------------------------- */
+.page_login { text-align: center; }
+.page_login #minipres { width: 28em; }
+.page_login .formulaire_menu_lang { float: right; font-size: .9em; }
+.page_login .formulaire_menu_lang label { display: none; }
+.page_login .formulaire_menu_lang select { display: inline; }
+.page_login .formulaire_menu_lang input.submit { display: inline; }
+.page_login .formulaire_login { clear: both; text-align: left; font-size: .9em; }
+.page_login .formulaire_login fieldset { margin: 0; padding: 0; border: 1px solid #babdb6; padding: 1em; font-size: 1em; }
+.page_login .formulaire_login fieldset .spip_logos { float: right; padding-left: 5px; }
+.page_login .formulaire_login fieldset ul { float: left; width: 70%; margin: 0; padding: 0; list-style: none; }
+.page_login .formulaire_login fieldset ul li { margin: 0; padding: 0.50em 0; }
+.page_login .formulaire_login fieldset ul li label,
+.page_login .formulaire_login fieldset ul li .erreur_message,
+.page_login .formulaire_login fieldset ul li .details { display: block; width: auto; }
+.page_login .formulaire_login fieldset ul li label.nofx { display: inline; }
+.page_login .formulaire_login fieldset ul li input.text,
+.page_login .formulaire_login fieldset ul li input.password { width: 11em; margin: 0; display: inline; }
+.page_login .boutons { text-align: right; }
+.page_login .retour { clear: both; text-align: center; font-size: .9em; }
+
+
+/* Oublie du mot de passe
+---------------------------------------------- */
+body.pass #minipres {}
+body.pass .formulaire_spip { background: none; border: none; margin: 0; padding: 0; }
+
+
+/* Couleurs des liens
+---------------------------------------------- */
+a { color: #e86519; text-decoration: none; }
+a:visited { color: #75507b; }
+a:active { color: #8ae234; }
+a:hover { text-decoration: underline; }
\ No newline at end of file