www/prive/themes/spip/content.css.html

   1 [(#REM)
   2
   3         Ce squelette definit les styles de l'espace prive
   4
   5         Note: l'entete "Vary:" sert a repousser l'entete par
   6         defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
   7         genant en cas de "rotation du cookie de session" apres
   8         un changement d'IP (effet de clignotement).
   9
  10         ATTENTION: il faut absolument le charset sinon Firefox croit que
  11         c'est du text/html !
  12         <style>
  13 ]
  14 #CACHE{3600*100,cache-client}
  15 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  16 #HTTP_HEADER{Vary: Accept-Encoding}
  17
  18
  19 /*  ------------------------------------------
  20 /*  Habillage des elements du contenu
  21 /*  ------------------------------------------ */
  22 html {background-color:#eee;}
  23 #pied {font-size:0.9em;border-top:1px solid #ddd;background:#eee;margin-top:[(#ENV{margin-bottom}|div{0.9})em];padding-top:[(#ENV{margin-bottom}|div{0.9})em];overflow:hidden;}
  24 #copyright {text-align:#ENV{right};}
  25
  26 #chemin { overflow: hidden; margin: 0; padding: 0;      text-align:#ENV{left};}
  27 #chemin > a  { color: #444; }
  28 #chemin > a:hover { text-decoration: underline;  }
  29
  30 #chemin .bouton_deplacer {display:block;float:#ENV{right};position:relative;padding:3px;padding-#ENV{left}:20px;}
  31 #chemin .bouton_deplacer .image_loading {position:absolute;top:0;#ENV{left}:0;}
  32 .edition #chemin .bouton_deplacer,.edition #chemin #chercher_rubrique {display: none;}
  33
  34 #chemin .aide {padding-top: 0px; }
  35
  36 #haut h1,#contenu h1 {color:#ENV{foncee};}
  37
  38 /* Liens hypertexte */
  39 a { text-decoration: none; color: [#(#ENV{foncee}|couleur_foncer{0.25})]; }
  40 a:hover { text-decoration: underline; }
  41 a.icone { text-decoration: none; }
  42 a.icone:hover { text-decoration: none; }
  43
  44 a.plus_info {display:block;position:absolute;#ENV{right}:10px;}
  45
  46 img.puce { width: 7px; height: 7px; border: 0; }
  47 img.lang { width: 12px; height: 12px; border: 0; }
  48
  49
  50 /* * Styles generes par les raccourcis de mise en page */
  51
  52 .chapo { font-weight: bold; color: #333; }
  53
  54 #wysiwyg a { /*color: #604A7F;*/ text-decoration: underline; }
  55 #wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }
  56
  57 .boutonlien { font-weight: bold; font-size: 9px; }
  58 a.boutonlien:hover { color: #454545; text-decoration: none; }
  59 a.boutonlien { color: #808080; text-decoration: none; }
  60
  61 a.triangle_block { margin-top: -3px; margin-bottom: -3px; margin-#ENV{right}: -3px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
  62 a.triangle_block:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  63
  64 a.ical { background: url(#CHEMIN_IMAGE{synchro-24.png}) no-repeat; background-position: top center; padding-#ENV{left}: 30px; padding-bottom: 20px; }
  65
  66 .enfants ul { list-style: none; }
  67 .enfants ul li.rubrique_12 {background:url(#CHEMIN_IMAGE{rubrique-12.png})[ (#ENV{left})] center no-repeat; padding: 2px; padding-#ENV{left}: 18px; margin-#ENV{left}: 6px;position:relative;}
  68
  69
  70 /* menu langues */
  71 .lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: #ENV{foncee}; }
  72
  73 /* pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre */
  74 /*li .puce_statut { float: #ENV{left}; padding-top: 5px; }
  75 li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }*/
  76 .puce_objet { position: relative; }
  77 .puce_objet_fixe { position: relative; }
  78
  79 .puce_objet_popup { position: absolute; margin-top:-2px; visibility: hidden; border: 1px solid #666; background-color: #ccc; z-index: 10; top: 0; #ENV{left}: 0;}
  80 .puce_objet_popup img { padding: 2px; border: 0; }
  81 .puce_objet .puce_objet_popup { visibility: hidden; }
  82 .puce_objet.on .puce_objet_popup { visibility: visible; }
  83
  84 .tabs-nav a { color: #ENV{foncee}; }
  85
  86 /* generique */
  87 #voir { overflow: hidden; }
  88
  89 #navigation .infos .numero { font-size: 0.769em;font-weight: bold; text-align: center; text-transform:uppercase;border-bottom: 1px solid #eee;padding-bottom: 10px;}
  90 #navigation .infos .numero p { font-size: 2.4em; margin:5px 0;color:#333; font-family: Verdana, Geneva, sans-serif; }
  91 #navigation .infos .noinfo { color:#ddd;}
  92 #contenu .bandeau_actions { margin:5px 0;clear:both; }
  93 #contenu .bandeau_actions a:hover { background: #fff; }
  94 #contenu .logo_titre { float: #ENV{right}; margin: 5px 0; margin-#ENV{left}: 5px; }
  95
  96 #contenu .fiche_objet .hd {padding-bottom: 0;}
  97 #contenu .fiche_objet .bd {padding-top: 0;}
  98
  99 .infos .instituer_objet {border-bottom:1px solid #eee;margin-bottom:[(#ENV{margin-bottom}|mult{0.5})em];}
 100 .infos .formulaire_instituer {background: none;border: 0;margin:0 -10px;}
 101 .infos .formulaire_instituer .reponse_formulaire {display: none;}
 102 .infos .formulaire_instituer ul {padding-bottom: 0;margin-bottom: 0;}
 103 .infos .formulaire_instituer .editer {padding-left: 10px;padding-right: 10px;}
 104 .infos .formulaire_instituer .show {display:block; margin:0 -10px;padding:10px;background-color: #eee;}
 105 .infos .formulaire_instituer .show select {width: 100%;}
 106 .infos .formulaire_instituer .show select,
 107 .infos .formulaire_instituer .show option {background-repeat:no-repeat;background-position: 4px center;background-color: #eee;color:inherit;}
 108 .infos .formulaire_instituer .show img {border: 1px solid white;}
 109 .infos .formulaire_instituer .boutons {background: none;border-top: 0;}
 110
 111 .infos .formulaire_instituer .statut_prepa .show {background-color: #fff;}
 112 .infos .formulaire_instituer .statut_prop .show {background-color: #f89058;}
 113 .infos .formulaire_instituer .statut_publie .show {background-color: #9dba00;}
 114 .infos .formulaire_instituer .statut_poubelle .show {background-color: #000;color:#fff;}
 115 .infos .formulaire_instituer .statut_poubelle .show select,
 116 .infos .formulaire_instituer .statut_poubelle .show option {color:#333;}
 117 .infos .formulaire_instituer .statut_refuse .show {background-color: #ff0000;}
 118
 119 #wysiwyg .label { clear: both;color:#888;}
 120 #wysiwyg div p { margin-top: 0; }
 121 #wysiwyg .champ {display:block;overflow: hidden;}
 122 #wysiwyg .contenu_ps { background:#dddddd; border:1px solid #666; padding:5px;  margin:1em 0;}
 123 #wysiwyg .contenu_ps.vide {display: none;}
 124 #wysiwyg .contenu_ps .label {display:inline; background:none;color:#666;}
 125 #wysiwyg .contenu_notes { background:#fff; border-top:1px solid #666; padding-top:5px; margin:1em 0; font-size: 0.9em; line-height: 1.3em;}
 126 #wysiwyg .contenu_notes.vide {display: none;}
 127 #wysiwyg .contenu_notes .label {display:inline;font-weight:bold;background:none;color:#000;}
 128 #wysiwyg .contenu_notes .notes { padding-#ENV{left}: 2em;}
 129 #wysiwyg .contenu_notes .spip_note_ref {display:block;float:#ENV{left};margin-#ENV{left}:-2em;}
 130 #wysiwyg .texte {font-size:1em;}
 131
 132 #wysiwyg { padding:5px;font-size: 1em;clear: both;}
 133
 134 #wysiwyg .contenu_soustitre,
 135 #wysiwyg .contenu_surtitre,
 136 #wysiwyg .contenu_titre {display: none;}
 137 #wysiwyg .vide {display: none;}
 138 #wysiwyg .contenu_descriptif,
 139 #wysiwyg .contenu_nom_site,
 140 #wysiwyg .contenu_bio,
 141 #wysiwyg .contenu_ps { background:#eeeeee; border: 1px solid #ccc; padding: 1em 1em 0em 1em; margin: 1em 0 ;}
 142 #wysiwyg .contenu_nom_site {padding: 1em;}
 143 #wysiwyg .contenu_descriptif .label {color:#000;background:none;display:inline;font-size:1.1em;font-weight:bold;}
 144 #wysiwyg .label{ display: none; }
 145 #wysiwyg .contenu_lien_titre {margin:1em 0;}
 146 #wysiwyg .contenu_lien_titre .label{ color:#000;background:none;display:inline; font-size:1.1em;font-weight:bold;font-family:Georgia,Garamond,Times New Roman,serif;}
 147 #wysiwyg .contenu_lien_titre .lien_titre p { display:inline;}
 148
 149 .site #wysiwyg .contenu_nom_site {display: none;}
 150
 151 .auteur #wysiwyg .contenu_nom,.infos_perso #wysiwyg .contenu_nom {display:none;}
 152 #wysiwyg .contenu_email {margin:0.5em 0;}
 153 #wysiwyg .contenu_email > div {display:inline;}
 154 .auteur #wysiwyg .contenu_nom_site,.infos_perso #wysiwyg .contenu_nom_site {padding:0;border:0;background:none;margin:0.5em 0;}
 155 .auteur #wysiwyg .contenu_nom_site > div,.infos_perso #wysiwyg .contenu_nom_site > div {display:inline;}
 156 #wysiwyg .contenu_pgp .label {display:inline;}
 157 #wysiwyg .contenu_pgp .pgp code {word-wrap:break-word;}
 158
 159
 160 /* fond des miniatures de logos et documents */
 161 .miniature_logo, .miniature_document {
 162         background: url(#CHEMIN_IMAGE{fond-grille.gif}) top left;
 163 }
 164
 165 h2.titrem { display: block; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-[(#ENV{left})]:16px;background-color: #ENV{claire};font-size:14px;}
 166
 167 .aide .contenu-aide,.box_mediabox .contenu-aide {padding-top:[(#ENV{margin-bottom}|mult{1.0})em];}
 168 .box_mediabox .contenu-aide {min-width:450px;margin-right: 15px;}