[SPIP][PLUGINS] v3.0-->v3.2
[lhc/web/www.git] / www / squelettes-dist / css / spip.css
index 286dde0..69765b6 100644 (file)
@@ -1,9 +1,20 @@
 /* --------------------------------------------------------------
 
+   spip.css
    Styles associes au code genere par SPIP
 
+
 -------------------------------------------------------------- */
 
+/* Neutraliser conflit spip / tinytypo */
+ul, ol {list-style:none;margin-left:0;}
+blockquote {   border:none; padding-left:3em;}
+blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }
+s, strike,del, .del { opacity:1;}
+
+/* Compatibilite ancienne dist */
+.on {font-weight:bold;}
+
 /* Listes SPIP */
 ul.spip,
 ol.spip { margin-left: 50px; }
@@ -28,23 +39,65 @@ table.spip tr.row_first th {}
 table.spip tr.odd td {}
 table.spip tr.even td {}
 
+/* en responsive,  lineariser le tableau pour eviter les scrolls*/
+@media (max-width: 640px) {
+       table.spip th, table.spip tr, table.spip td {
+               display:block;
+       }
+       table.spip thead th {
+               border-bottom:none !important;
+       }
+       table.spip thead th+th {
+               border-top:none;
+       }
+       table.spip tr {
+               border-bottom: 1px solid;
+       }
+       table.spip td {
+               border-bottom:none;
+       }
+}
+
 /* Citations, code et poesie */
 blockquote.spip { min-height: 40px; background: url(img/quote.png) no-repeat; }
 .spip_poesie { border-left: 1px solid; }
 .spip_poesie div { margin-left: 50px; text-indent: -50px; }
 .spip_code,
-.spip_cadre { font-family: 'Courier New', Courier, monospace; font-size: 1em; }
+.spip_cadre {
+       font-family: 'Courier New', Courier, monospace;
+       font-size: 1em;
+       margin:0 .2em;
+}
 
-/* Enluminures typo V3 / Cf.: https://contrib.spip.net/3118 */
-sc, .sc { font-variant: small-caps; }
-.caractencadre-spip { background-color: #FFFFCC; color: purple; }
-.caractencadre2-spip { background-color: #FFFFCC; color: orange; }
-.texteencadre-spip { display: block; margin: 1.5em 50px; padding: 1.5em; background: #EEE; }
+.spip_code {
+       border: 1px solid #dfdfcd;
+       background-color: rgba(227,227,211,0.5);
+       color: #3b3b25;
+       text-shadow: 0 1px 0 #fdfdfc;
+}
+
+.spip_cadre {
+       background:#333;
+       color:#fff;
+       border-radius:0.5em;
+       border:0;
+}
+
+textarea.spip_code,
+textarea.spip_cadre {
+       padding: 1em;
+       width:98%;
+}
 
 /* Logos, documents et images */
-.spip_logos { float: left; margin: 0 10px 10px 0; padding: 0; border: none; }
+.spip_logo { float:right; margin: 0 0 10px 10px; padding:0; border: none; }
+
+.spip_logo { margin: 0 0 10px 10px; padding: 0; border: none; }
+.spip_logo_center { clear: both; display: block; margin: 0 auto 1.5em auto; }
+.spip_logo_left { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
+.spip_logo_right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
 
-.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
+.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; max-width: 100%;}
 .spip_documents,
 .spip_documents_center,
 .spip_doc_titre,
@@ -54,6 +107,11 @@ sc, .sc { font-variant: small-caps; }
 .spip_documents_right { float: right; margin-left: 1.5em; }
 .spip_doc_titre {}
 .spip_doc_descriptif { clear: both; }
+.spip_doc_credits { font-size:x-small; clear: both; }
+/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
+@media (max-width: 640px) {
+               .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
+}
 
 /* Modeles par defaut */
 .spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }
@@ -64,6 +122,8 @@ sc, .sc { font-variant: small-caps; }
 .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
 .formulaire_spip .boutons input,
 .formulaire_spip .boutons button {}
+.formulaire_spip input.text,
+.formulaire_spip textarea {padding:.2em;border:solid 1px #aaa;}
 @media print {
        .formulaire_spip { display: none; }
 }
@@ -84,6 +144,9 @@ fieldset.previsu legend { color: #F57900; }
 
 .erreur_message { color: red; }
 
+.editer.erreur input[type="text"], .editer.erreur input.text,
+.editer.erreur input[type="password"], .editer.erreur input.password,
+.editer.erreur textarea,
 li.erreur input[type="text"], li.erreur input.text,
 li.erreur input[type="password"], li.erreur input.password,
 li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }
@@ -98,6 +161,7 @@ div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_docu
 
 /* Pagination */
 .pagination { clear: both; text-align: center; }
+.pagination .disabled {visibility:hidden;}
 @media print {
        .pagination { display: none; }
 }
@@ -109,10 +173,6 @@ a.spip_mail {}
 a.spip_out {} /* liens sortants */
 a.spip_url {} /* liens url sortants */
 a.spip_glossaire {} /* liens vers encyclopedie */
-@media print {
-       a.spip_out:after,
-       a.spip_url:after { content: " (" attr(href) ")"; }
-}
 
 /* Boutons d'admin */
 .ie6 .spip-admin,
@@ -122,4 +182,4 @@ a.spip_glossaire {} /* liens vers encyclopedie */
        #spip-admin { display: none; }
 }
 
-/* end */
\ No newline at end of file
+/* fin */
\ No newline at end of file