www/squelettes-dist/css/style.css

   1 /* --------------------------------------------------------------
   2
   3    Theme pour la dist de SPIP 3
   4
   5 -------------------------------------------------------------- */
   6
   7 /* ------------------------------------------
   8 /* Habillage des elements du contenu
   9 /* ------------------------------------------ */
  10
  11 .arbo { clear: both; font-size: .9em; color: #DDC; }
  12 .arbo * { font-weight: normal; }
  13
  14 .cartouche { margin-bottom: 1.5em; }
  15 .cartouche h1 { margin-bottom: 0; }
  16 .cartouche p { margin-bottom: 0; }
  17 .surtitre{}
  18 .soustitre {}
  19 abbr.published { border: 0; }
  20 @media print {
  21         abbr[title].published:after { content: ""; }
  22         abbr[title].dtreviewed:after { content: ""; }
  23 }
  24 .info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
  25 .traductions { font-size: .9em; }
  26 .traductions a[hreflang]:after { content: ''; }
  27
  28 .chapo { font-weight: bold; }
  29 .texte {}
  30 .hyperlien { display: block; padding: 1.5em 50px; background: #EED url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
  31 .ps, .notes { margin-bottom: 1.5em; }
  32 .notes { clear: both; font-size: .9em; }
  33
  34 /* Listes et tableaux */
  35 dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
  36 dl.spip dd {}
  37
  38 table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
  39 table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
  40 table.spip tbody tr th,
  41 table.spip tr td { background: none; }
  42 table.spip tbody tr.odd th,
  43 table.spip tr.odd td { background: #EED; }
  44 table.spip tfoot { border-top: 1px solid; }
  45
  46 /* Formulaires : variantes et cas particuliers
  47 ----------------------------------------------- */
  48 .formulaire_spip { margin-bottom: 1.5em; }
  49 .aside .formulaire_spip { padding-top: 1.3em; border-top: 5px solid; }
  50 fieldset {
  51 width: 100%; margin: 0;
  52 -ms-box-sizing: border-box;
  53 -webkit-box-sizing: border-box;
  54 -moz-box-sizing: border-box; }
  55 legend { display: none; }
  56 label { display: block; }
  57 .erreur_message { display: block; }
  58 input.text,textarea {
  59 width: 100%;
  60 -ms-box-sizing: border-box;
  61 -webkit-box-sizing: border-box;
  62 -moz-box-sizing: border-box;
  63 box-sizing: border-box;
  64 background-color: #EED;
  65 border: 4px solid #EED;
  66 }
  67 .content input.text { width: 50%; }
  68 textarea { width: 100%; }
  69
  70 /* Selection des langues */
  71 .formulaire_menu_lang { margin: 0; padding: 0; background: none; }
  72
  73 /* Formulaires de recherche (site / petitions) */
  74 .formulaire_recherche input.text { width: 10em; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
  75 .formulaire_recherche input.submit {}
  76
  77 /* Choix des mots-clefs */
  78 ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
  79 ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
  80 ul.choix_mots li label { display: inline; font-weight: normal; }
  81
  82 .formulaire_spip .bugajaxie { display: none; } /*IE/Win*/
  83
  84 /* Formulaire de login dans une page */
  85 .formulaire_login ul li { clear: left; }
  86 .formulaire_login .editer_password .details { display: block; }
  87 .formulaire_login #spip_logo_auteur { float: right; }
  88
  89 /* Fomulaire de contact */
  90 .formulaire_ecrire_auteur {}
  91 .formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }
  92
  93 /* Habillage des forums
  94 ---------------------------------------------- */
  95
  96 /* Habillage des forums */
  97 .comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
  98 .comment-fil ul {}
  99 .comment-meta { margin: 0; font-weight: bold; }
 100 .comment-meta small { font-size: 100%; }
 101 .comment-meta abbr { border: 0; }
 102 .comment-meta a { color: #222; }
 103 .comment-meta a:focus,
 104 .comment-meta a:hover,
 105 .comment-meta a:active { color: #fff; }
 106 .comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }
 107
 108 /* Formulaire de forum */
 109 .formulaire_forum {}
 110 .formulaire_forum legend { display: none; }
 111 .formulaire_forum .saisie_titre input.text { width: 100% }
 112 .formulaire_forum .session_qui { display: none; }
 113 .formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }
 114
 115 /* Habillage des petitions
 116 ---------------------------------------------- */
 117 #signatures {}
 118 #signatures td.signature-date small { white-space: nowrap; }
 119 #signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }
 120
 121 /* Formulaire de signature */
 122 .formulaire_signature {}
 123
 124 /* ------------------------------------------
 125 /* Sous-navigation et autres menus
 126 /* ------------------------------------------ */
 127
 128 /* Habillage general des menus de nav */
 129 .menu { clear: both; margin-bottom: 1.5em; text-align: left; }
 130 .menu p {}
 131 .menu ul { margin-bottom: 1.5em; }
 132 .menu ul li {}
 133 .menu ul li ul { margin-left: 1.5em; list-style: circle; }
 134
 135 /* Pagination */
 136 .pagination a,
 137 .pagination .on  { padding: .2em .5em; margin: 0 1px; }
 138 .pagination a { background: #EED; text-decoration: none; }
 139 .pagination .on { font-weight: bold; background: #222; color: #fff; }
 140 .pagination .sep { display: none; }
 141
 142 /* Listes d'articles et extraits introductifs */
 143 .menu_articles li { clear: both; margin-bottom: 1.5em; }
 144 .menu_articles li h3,
 145 .menu_articles li h2 { margin: 0; }
 146 .menu_articles li p { margin: 0; }
 147 .menu_articles li small { font-style: italic; }
 148 .menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
 149
 150 .menu_breves li {}
 151 .menu_breves li h3 { margin: 0; }
 152
 153
 154 /* Hyperliens
 155 ---------------------------------------------- */
 156 a { color: #900; text-decoration: none; }
 157 a:focus,
 158 a:hover,
 159 a:active { background-color: #900; color: #FFF; text-decoration: none; }
 160
 161 /* ------------------------------------------
 162 /* Autres medias
 163 /* ------------------------------------------ */
 164
 165 @media print {
 166
 167 /*  Ne pas imprimer */
 168 .spip-admin,
 169 .spip-admin-float,
 170 .spip-previsu { display: none; }
 171 .repondre,
 172 .formulaire_spip { display: none; }
 173
 174 /* Souligner et expliciter les liens */
 175 a { color: #600; text-decoration: underline !important; }
 176 a.spip_out:after,
 177 a.spip_glossaire:after,
 178 a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
 179
 180 }
 181
 182 /* end */