css/screen/spip_style.css

   1 /* * Styles pour le code genere par SPIP */
   2
   3 /* Spip Styles : intertitre, citations, etc... */
   4 i.spip {}
   5 strong.spip {}
   6 hr.spip {}
   7
   8 .spip_puce { list-style-position: outside; }
   9
  10 ul.spip { list-style: disc; }
  11 ol.spip { list-style: decimal; }
  12 ul.spip li, ol.spip li { list-style: inherit; }
  13 li.spip { margin-left: 0.8em; list-style-position: outside; }
  14
  15 h3.spip {
  16         text-align: center;
  17         margin: 0px 0px 0px 0px;
  18         padding: 0px 0px 0px 0px;
  19         margin-top: 2em;
  20         margin-bottom: 1.4em;
  21         font-size: 1.15em;
  22         font-weight: bold; }
  23
  24 p.spip {}
  25 p.spip_note {}
  26
  27 /* Citations, code et poesie */
  28 q, blockquote.spip, .spip_poesie, .spip_serif { font-family: Georgia, Garamond, Times, serif; }
  29
  30 blockquote.spip {
  31         margin: 1em;
  32         padding-left: 1em;
  33         padding-right: 1em;
  34         border: 1px dotted; }
  35
  36 .spip_poesie {
  37         margin: 1em;
  38         padding-left: 1em;
  39         border-left: 1px solid; }
  40 .spip_poesie div { text-indent: -60px; margin-left: 60px; }
  41
  42 .spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
  43 .spip_cadre { width: 99%; border: 1px solid; }
  44
  45 /* Tableaux */
  46 table.spip {
  47         margin: auto;
  48         margin-bottom: 1em;
  49         border: 1px solid #000000;
  50         border-collapse: collapse;
  51         text-align: left;
  52 }
  53 table.spip caption {
  54         caption-side: top; /* bottom pas pris en compte par IE */
  55         text-align: left;
  56         margin: auto;
  57         padding: 3px;
  58         font-weight: bold; }
  59 table.spip tr.row_first { background: #EFEFEF; text-align: left;}
  60 table.spip tr.row_odd { background: #EFEFEF; text-align: left;}
  61 table.spip tr.row_even { background: #EFEFEF; text-align: left;}
  62 table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
  63
  64 /* Logos, documents et images */
  65 img, .spip_logos { margin: 0; padding: 0; border: 0; }
  66
  67 .spip_documents { text-align: center; }
  68 .spip_documents_center { clear: both; width: 100%; margin: auto; }
  69 .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
  70 .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
  71 .spip_doc_titre { font-weight: bold; font-size: 0.77em; }
  72 .spip_doc_descriptif { clear: both; font-size: 0.71em; }
  73
  74 /* Images typographiques (via image_typo), URL a revoir... */
  75 .format_png { behavior: dist/win_width.htc; }
  76
  77 /* * Habillage des formulaires */
  78
  79 /* Correction des styles HTML par defaut */
  80 .formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: 0; background: none; }
  81
  82 /* Styles de Spip */
  83 .formulaire_spip {
  84         text-align: left;
  85         font-family: Verdana, Arial, Helvetica, sans-serif;
  86         font-size: 0.77em; }
  87 .formulaire_spip p {
  88         margin: 0.5em 0;
  89         padding: 0; }
  90
  91 .formulaire_spip fieldset, .spip_encadrer {
  92     display: block;
  93         margin: 0px;
  94         padding: 0px;
  95         border: 1px dotted; }
  96 .formulaire_spip legend { font-weight: bold; }
  97
  98 .spip_sanscadre { border: 0; }
  99 .spip_sanscadre legend { display: none; }
 100
 101 .formulaire_spip label {}
 102 .formulaire_spip .forml {
 103         width: 99%;
 104         padding: 1px;
 105         border: 1px solid;
 106         font-family: inherit;
 107         font-size: inherit; }
 108
 109 input.spip_bouton {
 110         float: right;
 111         margin: 3px 0;
 112         padding: 1px 2px;
 113         border: 2px outset;
 114         font-weight: bold; }
 115
 116 /* Reponse du formulaire */
 117 .reponse_formulaire { font-weight: bold; color: #F00; }
 118 fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }
 119
 120 /* Previsualisation du message */
 121 fieldset.previsu {
 122         padding: 1em;
 123         border: 1px solid; }
 124
 125 /* Barre de raccourcis typographiques */
 126 table.spip_barre { width: 100%; }
 127
 128 table.spip_barre a img {
 129         background: #FDA;
 130         padding: 3px;
 131         border-left: 1px solid #FFF;
 132         border-top: 1px solid #FFF;
 133         border-right: 1px solid #999;
 134         border-bottom: 1px solid #999; }
 135
 136 table.spip_barre a:hover img {
 137         background: #FFF;
 138         border: 1px solid #999; }
 139
 140 table.spip_barre .barre { width: 100%; background: #EEE; }
 141
 142 /* Choix des mots-clefs */
 143 .choix_mots { width: 47%; float: left; }
 144 .choix_mots label { display: inline; }
 145
 146 /* Formulaire de recherche */
 147 .formulaire_recherche { text-align: left; width: 12em; }
 148 .formulaire_recherche label { display: none; }
 149
 150 .spip_surligne { background: #FF6; }
 151
 152 /* Formulaire menu de langues */
 153 .formulaire_menu_lang { text-align: left; width: 12em; }
 154 .formulaire_menu_lang label { display: none; }
 155 .formulaire_menu_lang select.forml { margin: 0; padding: 0; background: #FFF; }
 156
 157 /* Formulaire de login */
 158 #page_login .formulaire_menu_lang { float: right; }
 159 #page_login .formulaire_login .forml, .formulaire_login_forum .forml { width: 12em; }
 160 #page_login .formulaire_login .spip_logos, .formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }
 161
 162 /* * Couleurs des liens de Spip */
 163 a.spip_in { color: #900; } /* liens internes */
 164 a.spip_out { color: #009; } /* liens sortants */
 165 a.spip_url { color: #009; } /* liens url sortants */
 166 a.spip_glossaire { color: #060; } /* liens vers encyclopedie */