www/squelettes-dist/css/theme.css

   1 /* --------------------------------------------------------------
   2
   3    theme.css
   4    Theme par defaut de SPIP 3.1
   5    2014 - theme neodist - collectif SPIP
   6
   7 -------------------------------------------------------------- */
   8
   9 /* ------------------------------------------
  10 /* Habillage des balises HTML
  11 /* ------------------------------------------ */
  12
  13 /* Elements principaux
  14 ------------------------------------------ */
  15 body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#222222;background:#ffffff;}
  16
  17 h1,.h1,
  18 h2,.h2 { line-height: 1.2;}
  19
  20 /* Hyperliens
  21 ---------------------------------------------- */
  22 a, a:visited { color: #db1762;  }
  23
  24 a:focus,
  25 a:hover,
  26 a:active { background-color:#c41558; color:#fff; text-decoration:none; }
  27
  28 /* ------------------------------------------
  29 /* Habillage des elements du contenu
  30 /* ------------------------------------------ */
  31
  32 /* fil d'ariane */
  33 .arbo { clear: both; font-size: .9em; color: #666; }
  34 .arbo * { font-weight: normal; }
  35 .arbo a,
  36 .arbo a:visited { color: #666; }
  37 .arbo a:hover,
  38 .arbo a:focus { background: #666; color: white; text-decoration:none; }
  39
  40 .cartouche { margin-bottom: 1.5em; }
  41 .cartouche h1 { margin-bottom: 0; }
  42 .cartouche p { margin-bottom: 0; }
  43 .surtitre{}
  44 .soustitre {}
  45 abbr.published { border: 0; }
  46 @media print {
  47         abbr[title].published:after { content: ""; }
  48         abbr[title].dtreviewed:after { content: ""; }
  49 }
  50 .info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
  51 html[dir="rtl"] .info-publi { font-style: normal; }
  52 .traductions { font-size: .9em; }
  53 .traductions a[hreflang]:after { content: ''; }
  54
  55 .chapo { font-weight: bold; }
  56 .texte {}
  57 .hyperlien { display: block; padding: 1.5em 50px; background: #EEE url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
  58 .ps, .notes { margin-bottom: 1.5em; }
  59 .notes { clear: both; font-size: .9em; }
  60
  61 /* Listes et tableaux */
  62 dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
  63 dl.spip dd {}
  64
  65 table.spip {margin:1em 0;}
  66 table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
  67 table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
  68 table.spip tbody tr th,
  69 table.spip tr td { background: none; }
  70 table.spip tbody tr.odd th,
  71 table.spip tr.odd td { background: #EEE; }
  72 table.spip tr:hover td {background: #AAD;}
  73 table.spip tfoot { border-top: 1px solid; }
  74
  75 /* Formulaires : variantes et cas particuliers
  76 ----------------------------------------------- */
  77 .formulaire_spip { margin-bottom: 1.5em; }
  78
  79 fieldset {
  80   width: 100%; margin: 0;
  81   -ms-box-sizing: border-box;
  82   -webkit-box-sizing: border-box;
  83   -moz-box-sizing: border-box;
  84 }
  85
  86 label { display: block; }
  87 .formulaire_recherche label { display: block; }
  88 .erreur_message { display: block; }
  89 input.text,textarea {
  90   width: 100%;
  91   -ms-box-sizing: border-box;
  92   -webkit-box-sizing: border-box;
  93   -moz-box-sizing: border-box;
  94   box-sizing: border-box;
  95 }
  96 .content input.text { width: 50%; }
  97 textarea { width: 100%; }
  98
  99 /* Selection des langues */
 100 .formulaire_menu_lang { margin: 0; padding: 0; background: none; }
 101
 102 /* Formulaires de recherche (site / petitions) */
 103 .formulaire_recherche input.text {
 104         width: 83%;
 105         height: 32px;
 106         padding-left: 20px;
 107         vertical-align: middle;
 108         border:solid 1px #aaa;
 109         background:#fff url(img/recherche.png) no-repeat left center;
 110         -webkit-border-radius: 0.25em 0 0 0.25em;
 111         border-radius: 0.25em 0 0 0.25em;
 112 }
 113 .formulaire_recherche input.submit {
 114         width: 17%;
 115         padding:0;
 116         height: 32px;
 117         vertical-align: middle;
 118         border:solid 1px #aaa;
 119         background:#ddd;
 120         border-left: none;
 121         -webkit-border-radius: 0 0.25em 0.25em 0;
 122         border-radius: 0 0.25em 0.25em 0;
 123         text-align: center;
 124 }
 125
 126 /* Choix des mots-clefs */
 127 ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
 128 ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
 129 ul.choix_mots li label { display: inline; font-weight: normal; }
 130
 131 .formulaire_spip .bugajaxie { display: none; } /*IE/Win*/
 132
 133 /* Formulaire de login dans une page */
 134 .formulaire_login .editer-groupe .editer { clear: left; }
 135 .formulaire_login .editer_password .details { display: block; }
 136 .formulaire_login #spip_logo_auteur { float: right; }
 137
 138 /* Fomulaire de contact */
 139 .formulaire_ecrire_auteur {}
 140 .formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }
 141
 142
 143 /* Habillage des portfolios
 144 ---------------------------------------------- */
 145 .documents_portfolio li {display:inline;margin:0;padding:0;}
 146 .documents_portfolio a {display:inline-block;padding:10px;margin:5px;border:1px solid #ccc !important;color:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}
 147 .documents_portfolio a:hover {color:#999;opacity:0.8;}
 148 .documents_portfolio img {margin:0;}
 149
 150 .documents_joints .descriptif p {margin:0;}
 151
 152 /* Habillage des forums
 153 ---------------------------------------------- */
 154 .comments  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
 155 .comments  ul {list-style:none;}
 156 .comment-item {margin:0.5em 0 0 0;padding:0.5em 0 0 0;border-top:1px solid #EEE;}
 157 .comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
 158 .comment-meta { margin: 0; font-weight: bold; }
 159 .comment-meta small { font-size: 100%; }
 160 .comment-meta abbr { border: 0; }
 161 .comment-meta a { text-decoration:none;}
 162 .comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }
 163
 164 /* Formulaire de forum */
 165 .forum-titre  {margin-top:2em;padding:1em 0;border-top:10px solid #EEE;}
 166 .formulaire_forum {}
 167 .formulaire_forum legend { display: none; }
 168 .formulaire_forum .saisie_titre input.text { width: 100% }
 169 .formulaire_forum .session_qui { display: none; }
 170 .formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; margin: 0.5em 0; }
 171 html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: normal; }
 172 .formulaire_forum .boutons { margin-top: 1em; }
 173
 174 /* Habillage des petitions
 175 ---------------------------------------------- */
 176 #signatures td.signature-date small { white-space: nowrap; }
 177 #signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }
 178
 179 /* Formulaire de signature */
 180 .formulaire_signature {}
 181
 182 /* ------------------------------------------
 183 /* Sous-navigation et autres menus
 184 /* ------------------------------------------ */
 185
 186 /* Habillage general des menus de nav */
 187 .menu { clear: both; margin-bottom: 1.5em; text-align: left; }
 188 .menu p {}
 189 .menu ul { margin-bottom: 1.5em; }
 190 .menu ul li {}
 191 .menu ul li ul { margin-left: 1.5em; list-style: circle; }
 192
 193 /* Pagination */
 194 .pagination a,
 195 .pagination .on  { padding:.5em; margin: 0em; border-radius:.25em; }
 196 .pagination a { background: #f0f0f0; text-decoration: none; }
 197 .pagination .on,
 198 .pagination a:hover,
 199 .pagination a:focus,
 200 .pagination a:active { font-weight: bold; background: #c41558; color: #fff; }
 201 .pagination .sep { visibility: hidden; }
 202 .menu_articles .pagination strong {font-size:1em;}
 203
 204 /* Listes d'articles et extraits introductifs */
 205 .menu_articles li { clear: both; margin-bottom: 1.5em; }
 206 .menu_articles li h3,
 207 .menu_articles li h2 { margin: 0 0 0.2em 0; }
 208 .menu_articles li p { margin: 0; }
 209 .menu_articles li small {  }
 210 .menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
 211 .menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
 212 .menu_articles a {text-decoration:none;}
 213 .menu_articles strong {font-size:1.2em;}
 214
 215 .menu_breves li {}
 216 .menu_breves li h3 { margin: 0; }
 217
 218 .aside h2 {border-bottom:3px solid #EEE;padding-bottom:.1em;}
 219 .aside li {margin:1em 0;}
 220 .aside a {text-decoration:none;}
 221
 222 .footer a {text-decoration:none;}
 223 .footer a.spip_out:after {
 224   content: "";
 225 }
 226
 227 /* ------------------------------------------
 228 /* Autres medias
 229 /* ------------------------------------------ */
 230
 231 @media print {
 232
 233         /*  Ne pas imprimer */
 234         .spip-admin,
 235         .spip-admin-float,
 236         .spip-previsu { display: none; }
 237         .repondre,
 238         .formulaire_spip { display: none; }
 239
 240         /* Souligner et expliciter les liens */
 241         a { color: #600; text-decoration: underline !important; }
 242         a.spip_out:after,
 243         a.spip_glossaire:after,
 244         a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
 245
 246 }
 247
 248
 249 /* ------------------------------------------
 250 /* Responsive
 251 /* ------------------------------------------ */
 252
 253 /* largeur maximum 767px */
 254 @media (max-width: 767px) {
 255   .pagination {line-height:3;}
 256 }
 257
 258
 259 /* largeur maximum 640px */
 260 @media (max-width: 640px) {
 261   body {font-size:.95em;}
 262   h1,.h1,
 263   h2,.h2 { line-height:1;}
 264
 265 }
 266
 267
 268 /* fin */