www/squelettes-dist/css/spip.css

   1 /* --------------------------------------------------------------
   2
   3    spip.css
   4    Styles associes au code genere par SPIP
   5
   6
   7 -------------------------------------------------------------- */
   8
   9 /* Neutraliser conflit spip / tinytypo */
  10 ul, ol {list-style:none;margin-left:0;}
  11 blockquote {   border:none; padding-left:3em;}
  12 blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }
  13 s, strike,del, .del { opacity:1;}
  14
  15 /* Compatibilite ancienne dist */
  16 .on {font-weight:bold;}
  17
  18 /* Listes SPIP */
  19 ul.spip,
  20 ol.spip { margin-left: 50px; }
  21 @media (max-width: 640px) {
  22         ul.spip,
  23         ol.spip { margin-left: 1.5em; }
  24 }
  25 ul.spip { list-style-type: square; }
  26 li ul.spip { list-style-type: disc; }
  27 li li ul.spip { list-style-type: circle; }
  28 ol.spip { list-style-type: decimal; }
  29
  30 dl.spip dt,
  31 dl.spip dd { padding-left: 50px; }
  32 dl.spip dt { clear: both; }
  33 dl.spip dd {}
  34
  35 /* Tableaux SPIP */
  36 table.spip { width: 100%; }
  37 table.spip caption {}
  38 table.spip tr.row_first th {}
  39 table.spip tr.odd td {}
  40 table.spip tr.even td {}
  41
  42 /* en responsive,  lineariser le tableau pour eviter les scrolls*/
  43 @media (max-width: 640px) {
  44         table.spip th, table.spip tr, table.spip td {
  45                 display:block;
  46         }
  47         table.spip thead th {
  48                 border-bottom:none !important;
  49         }
  50         table.spip thead th+th {
  51                 border-top:none;
  52         }
  53         table.spip tr {
  54                 border-bottom: 1px solid;
  55         }
  56         table.spip td {
  57                 border-bottom:none;
  58         }
  59 }
  60
  61 /* Citations, code et poesie */
  62 blockquote.spip { min-height: 40px; background: url(img/quote.png) no-repeat; }
  63 .spip_poesie { border-left: 1px solid; }
  64 .spip_poesie div { margin-left: 50px; text-indent: -50px; }
  65 .spip_code,
  66 .spip_cadre {
  67         font-family: 'Courier New', Courier, monospace;
  68         font-size: 1em;
  69         margin:0 .2em;
  70 }
  71
  72 .spip_code {
  73         border: 1px solid #dfdfcd;
  74         background-color: rgba(227,227,211,0.5);
  75         color: #3b3b25;
  76         text-shadow: 0 1px 0 #fdfdfc;
  77 }
  78
  79 .spip_cadre {
  80         background:#333;
  81         color:#fff;
  82         border-radius:0.5em;
  83         border:0;
  84 }
  85
  86 textarea.spip_code,
  87 textarea.spip_cadre {
  88         padding: 1em;
  89         width:98%;
  90 }
  91
  92 /* Logos, documents et images */
  93 .spip_logo { float:right; margin: 0 0 10px 10px; padding:0; border: none; }
  94
  95 .spip_logo { margin: 0 0 10px 10px; padding: 0; border: none; }
  96 .spip_logo_center { clear: both; display: block; margin: 0 auto 1.5em auto; }
  97 .spip_logo_left { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
  98 .spip_logo_right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
  99
 100 .spip_documents { margin-bottom: 1.5em; padding: 0; background: none; max-width: 100%;}
 101 .spip_documents,
 102 .spip_documents_center,
 103 .spip_doc_titre,
 104 .spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
 105 .spip_documents_center { clear: both; display: block; width: 100%; }
 106 .spip_documents_left { float: left; margin-right: 1.5em; }
 107 .spip_documents_right { float: right; margin-left: 1.5em; }
 108 .spip_doc_titre {}
 109 .spip_doc_descriptif { clear: both; }
 110 .spip_doc_credits { font-size:x-small; clear: both; }
 111 /* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
 112 @media (max-width: 640px) {
 113                 .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
 114 }
 115
 116 /* Modeles par defaut */
 117 .spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }
 118
 119 /* Formulaires */
 120 .formulaire_spip {}
 121 .formulaire_spip li { clear: both; margin-bottom: 0.75em; }
 122 .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
 123 .formulaire_spip .boutons input,
 124 .formulaire_spip .boutons button {}
 125 .formulaire_spip input.text,
 126 .formulaire_spip textarea {padding:.2em;border:solid 1px #aaa;}
 127 @media print {
 128         .formulaire_spip { display: none; }
 129 }
 130
 131 /* Barre typo */
 132 .markItUp .markItUpHeader ul .markItUpSeparator { display: none; }
 133
 134 /* Previsu */
 135 .previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
 136 fieldset.previsu legend { color: #F57900; }
 137
 138 /* Reponses */
 139 .reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
 140 .reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
 141 .reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
 142 .reponse_formulaire_ok a { color: #264409; }
 143 .reponse_formulaire_erreur a { color: #8a1f11; }
 144
 145 .erreur_message { color: red; }
 146
 147 .editer.erreur input[type="text"], .editer.erreur input.text,
 148 .editer.erreur input[type="password"], .editer.erreur input.password,
 149 .editer.erreur textarea,
 150 li.erreur input[type="text"], li.erreur input.text,
 151 li.erreur input[type="password"], li.erreur input.password,
 152 li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }
 153
 154 .spip_surligne { background-color: yellow; }
 155
 156 /* Formulaire de recherche */
 157 .formulaire_recherche * { display: inline; }
 158
 159 /* Paragraphes */
 160 div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }
 161
 162 /* Pagination */
 163 .pagination { clear: both; text-align: center; }
 164 .pagination .disabled {visibility:hidden;}
 165 @media print {
 166         .pagination { display: none; }
 167 }
 168
 169 /* Liens de SPIP */
 170 a.spip_note { font-weight: bold; } /* liens vers notes de bas de page */
 171 a.spip_in {} /* liens internes */
 172 a.spip_mail {}
 173 a.spip_out {} /* liens sortants */
 174 a.spip_url {} /* liens url sortants */
 175 a.spip_glossaire {} /* liens vers encyclopedie */
 176
 177 /* Boutons d'admin */
 178 .ie6 .spip-admin,
 179 .ie6 #spip-admin { display: none; }
 180 @media print {
 181         .spip-admin,
 182         #spip-admin { display: none; }
 183 }
 184
 185 /* fin */