www/prive/minipres.css

   1 /* Correction des styles par defaut
   2 ---------------------------------------------- */
   3 html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
   4 body { font: .9em sans-serif; color: #2e3436; }
   5 input, textarea, select { font-size: 100%; font-family: inherit; }
   6
   7 h1 { margin: 1em auto; font-size: 1.2em; font-weight: bold; color: #5c3566; text-align: center; }
   8 h2 { margin: 0.80em 0 0.80em 0; font-size: 1.1em; font-weight: normal; }
   9
  10 img, .spip_logos { margin: 0; padding: 0; border: 0; }
  11 ul,ol,li { list-style: none; }
  12
  13
  14 /* Disposition a l'ecran
  15 ---------------------------------------------- */
  16 body { background: #babdb6 url(images/minipres-gris.png) no-repeat scroll 97% 100px; }
  17
  18 /* Espaceur de blocs */
  19 .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 0; font-size: 0; }
  20 .bugajaxie { display: none; } /* Bug IE/Win */
  21
  22
  23 /* Habillage (en vrac)
  24 ---------------------------------------------- */
  25 fieldset, .fieldset { text-align: left; padding: 0; border: 0; margin-top: 1em; font-size: .95em; }
  26 legend { font-weight: bold; font-size: 1em; color: #333; } /* Preciser la couleur des legend pour IE/Win */
  27 label {}
  28
  29 .reponse_formulaire, .erreur_message { font-weight: bold; color: red; }
  30
  31 body.minipres fieldset, body.minipres .fieldset  { border: 1px solid #ccc; padding: 1em; }
  32
  33 #minipres { width: 38em; background: #fff repeat; margin: 1em auto; padding: 1em; border: 1px solid #888; }
  34
  35 .pass #minipres { width: 90%; }
  36
  37 .petit-centre { font-size: .8em; text-align: center; }
  38 .petit-centre p { width: 300px; margin: auto; }
  39
  40 .suivant { display: block; margin-top: 1em; text-align: right; }
  41
  42 .toile_foncee { background: #777; }
  43
  44 #minipres label { color: #333; }
  45 .fondl { /*background-color: #eee; background-position: center bottom; padding: 3px; border: 1px solid #333; font-size: 0.90em;*/ }
  46 .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); }
  47 .formo, input.text, input.password, select { font-size: 1.1em; }
  48
  49 p.resultat { background-color: #fcaf3e; padding: 0.40em 0.10em; text-align: center; color: #fff; font-weight: bold; }
  50 p.resultat.ok { background-color: #73d216; }
  51 p.resultat.echec { background-color: #d60c0c; }
  52
  53 #etapes { display: block; position: absolute; top: 10px; left: 10px; }
  54 #etapes span { display: block; margin-top: -0.50em; padding: 12px 14px; margin-bottom: 5px; }
  55 #etapes span em { font-size: 2em; font-weight: bold; }
  56 #etapes span span { position: absolute; top: -100px; left: -100px; }
  57 #etapes span.ok { background: url(images/etape-ok.gif) center no-repeat; }
  58 #etapes span.encours { background: url(images/etape-encours.gif) center no-repeat; }
  59 #etapes span.todo { background: url(images/etape-todo.gif) center no-repeat; }
  60
  61 #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; }
  62 #infos_etapes.infos_etape_4 { background-image: url(../prive/images/degrade-etapes-vert-left.gif); background-color: green; }
  63 #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; }
  64 #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; }
  65 #infos_etapes li em {float:left;position:absolute;top:-1000px;}
  66 #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; }
  67 #infos_etapes li.on { background-image: url(../prive/images/degrade-etapes-vert-left.gif); color: #fff; font-weight: bold; }
  68 #infos_etapes li.on .fond { background-color: #88f560; background-image:  url(../prive/images/degrade-etapes-vert-left.gif); }
  69 #infos_etapes li.erreur { background-image: url(../prive/images/degrade-etapes-rouge-left.gif); }
  70 #infos_etapes li.erreur .fond { background-color: #ff6868; background-image: url(../prive/images/degrade-etapes-rouge-left.gif); }
  71 #infos_etapes li.prochains { background-image: url(../prive/images/degrade-etapes-clair-left.gif); }
  72 #infos_etapes li.prochains .fond { background-color: #dbdbdb;background-image: url(../prive/images/degrade-etapes-clair-left.gif); }
  73
  74 /* installation des plugins */
  75 .install-plugins {background:#ddd;border:1px solid black;color:#555;font-size:0.85em;padding:10px;}
  76 .install-plugins .ok {color:green;font-weight:bold;}
  77 .install-plugins .erreur {color:red;font-weight:bold;}
  78
  79
  80 /* Page de login
  81 ---------------------------------------------- */
  82 .page_login { text-align: center; }
  83 .page_login #minipres { width: 28em; }
  84 .page_login .formulaire_menu_lang { float: right; font-size: .9em; }
  85 .page_login .formulaire_menu_lang label { display: none; }
  86 .page_login .formulaire_menu_lang select { display: inline; }
  87 .page_login .formulaire_menu_lang input.submit { display: inline; }
  88 .page_login .formulaire_login { clear: both; text-align: left; font-size: .9em; }
  89 .page_login .formulaire_login fieldset { margin: 0; padding: 0; border: 1px solid #babdb6; padding: 1em; font-size: 1em; }
  90 .page_login .formulaire_login fieldset .spip_logos { float: right; padding-left: 5px; }
  91 .page_login .formulaire_login fieldset ul { float: left; width: 70%; margin: 0; padding: 0; list-style: none; }
  92 .page_login .formulaire_login fieldset ul li { margin: 0; padding: 0.50em 0; }
  93 .page_login .formulaire_login fieldset ul li label,
  94 .page_login .formulaire_login fieldset ul li .erreur_message,
  95 .page_login .formulaire_login fieldset ul li .details { display: block; width: auto; }
  96 .page_login .formulaire_login fieldset ul li label.nofx { display: inline; }
  97 .page_login .formulaire_login fieldset ul li input.text,
  98 .page_login .formulaire_login fieldset ul li input.password { width: 11em; margin: 0; display: inline; }
  99 .page_login .boutons { text-align: right; }
 100 .page_login .retour { clear: both; text-align: center; font-size: .9em; }
 101
 102
 103 /* Oublie du mot de passe
 104 ---------------------------------------------- */
 105 body.pass #minipres {}
 106 body.pass .formulaire_spip { background: none; border: none; margin: 0; padding: 0; }
 107
 108
 109 /* Couleurs des liens
 110 ---------------------------------------------- */
 111 a { color: #e86519; text-decoration: none; }
 112 a:visited { color: #75507b; }
 113 a:active { color: #8ae234; }
 114 a:hover { text-decoration: underline; }