753 lines
35 KiB
CSS
753 lines
35 KiB
CSS
|
/* --------------------------------------------------------------
|
||
|
|
|
||
|
|
habillage.css
|
||
|
|
Adaptation de la version Brownie pour Zcore
|
||
|
|
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
html, body, div, span, applet, object, iframe,
|
||
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
|
|
a, abbr, acronym, address, big, cite, code,
|
||
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||
|
|
small, strike, strong, sub, sup, tt, var,
|
||
|
|
b, u, i, center,
|
||
|
|
dl, dt, dd, ol, ul, li,
|
||
|
|
fieldset, form, label, legend,
|
||
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||
|
|
article, aside, canvas, details, embed,
|
||
|
|
figure, figcaption, footer, header, hgroup,
|
||
|
|
menu, nav, output, ruby, section, summary,
|
||
|
|
time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
|
||
|
|
|
||
|
|
/* HTML5 display-role reset for older browsers */
|
||
|
|
article, aside, details, figcaption, figure,
|
||
|
|
footer, header, hgroup, menu, nav, section { display: block; }
|
||
|
|
body { line-height: 1; }
|
||
|
|
ol, ul { list-style: none; }
|
||
|
|
blockquote, q { quotes: none; }
|
||
|
|
blockquote:before, blockquote:after,
|
||
|
|
q:before, q:after { content: ''; content: none; }
|
||
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
||
|
|
|
||
|
|
/* Bicubic resizing for non-native sized IMG */
|
||
|
|
.ie7 img { -ms-interpolation-mode: bicubic; }
|
||
|
|
|
||
|
|
::selection { background: #2e2823; color: #fff; }
|
||
|
|
::-moz-selection { background: #2e2823; color: #fff; }
|
||
|
|
|
||
|
|
body.wait *, body.wait { cursor:wait !important; }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Base typographique
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
html { font-size: 100.01%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
|
||
|
|
body { background: #fff; color: #74665B; font: 12px/1.7 Helvetica, Arial, Tahoma, sans-serif; text-align: center; }
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Habillage des elements du contenu
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
|
||
|
|
/* Titraille / Intertitres */
|
||
|
|
h1, h2, h3, h4, h5, h6,
|
||
|
|
.h1, .h2, .h3, .h4, .h5, .h6 { color: #262626; display: block; margin: 0; padding: 0; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 100%; font-weight: 600; }
|
||
|
|
hr { border: 0; background: #D9D9D9; color: #222222; height: 1px; margin: 1.5em 0; }
|
||
|
|
|
||
|
|
h1,.h1 { font-size: 2em; line-height: 1.5; margin-bottom: .75em; }
|
||
|
|
h2,.h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
|
||
|
|
h3,.h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 1.2em; }
|
||
|
|
h4,.h4 { font-size: 1.1em; line-height: 1.364; margin-bottom: 1.364em; }
|
||
|
|
h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
|
||
|
|
h6,.h6 { font-size: 1em; font-weight: bold; }
|
||
|
|
|
||
|
|
/* Enrichissements typographiques */
|
||
|
|
strong, b { font-weight: bold; }
|
||
|
|
em, i { font-style: italic; }
|
||
|
|
small, .small { font-size: 90%; }
|
||
|
|
big, .big { font-size: 130%; }
|
||
|
|
abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
|
||
|
|
|
||
|
|
dfn { font-weight: bold; font-style: italic; }
|
||
|
|
del, .del { background-color: #FFDDDD; border-color: #CC0000; color: #CC0000; text-decoration: line-through; }
|
||
|
|
ins, .ins { background-color: #DDFFDD; border-color: #00AA00; color: #00AA00; text-decoration: none; }
|
||
|
|
sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
|
||
|
|
sup { vertical-align: super; }
|
||
|
|
.ie sup { vertical-align: text-top; }
|
||
|
|
sub { vertical-align: sub; }
|
||
|
|
.ie sub { vertical-align: text-bottom; }
|
||
|
|
.caps { font-variant: small-caps; }
|
||
|
|
|
||
|
|
/* Listes */
|
||
|
|
ul, ol, li, dl, dt, dd {}
|
||
|
|
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }
|
||
|
|
|
||
|
|
dl dt { font-weight: bold; }
|
||
|
|
dl dd {}
|
||
|
|
|
||
|
|
/* Tableaux */
|
||
|
|
table {}
|
||
|
|
caption { background: #EEE; }
|
||
|
|
th { font-weight: bold; }
|
||
|
|
thead th { background: #DDD; }
|
||
|
|
th,td,caption { padding: 0.75em; }
|
||
|
|
tbody tr:nth-child(even) th,
|
||
|
|
tbody tr:nth-child(even) td,
|
||
|
|
tbody tr.even th,
|
||
|
|
tbody tr.even td { background: #EEE; }
|
||
|
|
tfoot { font-style: italic; }
|
||
|
|
|
||
|
|
/* Citations, code et poesie */
|
||
|
|
q { font-style: italic; }
|
||
|
|
blockquote { padding: 0 50px; }
|
||
|
|
cite { font-style: italic; }
|
||
|
|
|
||
|
|
address { font-style: italic; }
|
||
|
|
|
||
|
|
pre,code,kbd,samp,var,tt { font-family: 'Courier New', Courier, monospace; font-size: 1em; }
|
||
|
|
pre {
|
||
|
|
margin: 1.5em 0;
|
||
|
|
white-space: pre; /* CSS 2.0 */
|
||
|
|
white-space: pre-wrap; /* CSS 2.1 */
|
||
|
|
white-space: pre-line; /* CSS 3.0 */
|
||
|
|
white-space: -pre-wrap; /* Opera 4-6 */
|
||
|
|
white-space: -o-pre-wrap; /* Opera 7 */
|
||
|
|
white-space: -moz-pre-wrap; /* Mozilla */
|
||
|
|
white-space: -hp-pre-wrap; /* HP Printers */
|
||
|
|
word-wrap: break-word; /* IE 5+ */
|
||
|
|
}
|
||
|
|
kbd { background-color: #222222; color: #FFFFFF; }
|
||
|
|
samp { font-weight: bold; }
|
||
|
|
var { font-style: italic; }
|
||
|
|
|
||
|
|
/* Paragraphes */
|
||
|
|
p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: 1.5em; }
|
||
|
|
|
||
|
|
/* Liens */
|
||
|
|
a {
|
||
|
|
color: #d93e39; padding: 1px 3px; text-decoration: none;
|
||
|
|
-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
a:focus, a:hover, a:active { background-color: #d93e39; color: #fff; text-decoration: none; }
|
||
|
|
a.spip_out, a.spip_glossaire { background: url("img/spip_out.gif") no-repeat scroll right center; color: #46839B; padding-right: 12px; }
|
||
|
|
a.spip_out:hover { background-color: #46839B; color: #fff; }
|
||
|
|
a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
|
||
|
|
.on { font-weight: bold; }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Base pour formulaires
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
margin: 0; width: 100%;
|
||
|
|
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.ie fieldset { padding-top: 0; }
|
||
|
|
input, textarea, select, button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
|
||
|
|
textarea { overflow: auto; width: 100%; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
|
||
|
|
legend { display: none; }
|
||
|
|
label { color: #262626; display: block; font-weight: bold; }
|
||
|
|
|
||
|
|
/* Hand cursor on clickable input elements */
|
||
|
|
input[type="submit"], input.submit,
|
||
|
|
input[type="button"], input.button,
|
||
|
|
input[type="image"], input.image,
|
||
|
|
button { cursor: pointer; overflow: visible; width: auto; }
|
||
|
|
.ie button, .ie input.submit, .ie input.button { position: relative; }
|
||
|
|
|
||
|
|
/* Success, info, notice and error/alert boxes (from BluePrint) */
|
||
|
|
.reponse, .error, .alert, .notice, .success, .info {
|
||
|
|
padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd;
|
||
|
|
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
|
||
|
|
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
|
||
|
|
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
|
||
|
|
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
|
||
|
|
|
||
|
|
.error p, .alert p, .notice p, .success p, .info p { margin-bottom: 0; }
|
||
|
|
|
||
|
|
.error a, .alert a { color: #8a1f11; }
|
||
|
|
.notice a { color: #514721; }
|
||
|
|
.success a { color: #264409; }
|
||
|
|
.info a { color: #205791; }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Styles associes au code genere par SPIP
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* Listes SPIP */
|
||
|
|
ul.spip, ol.spip { margin-left: 50px; }
|
||
|
|
ul.spip { list-style-type: square; }
|
||
|
|
li ul.spip { list-style-type: disc; }
|
||
|
|
li li ul.spip { list-style-type: circle; }
|
||
|
|
ol.spip { list-style-type: decimal; }
|
||
|
|
|
||
|
|
dl.spip dt, dl.spip dd { padding-left: 50px; }
|
||
|
|
dl.spip dt { background: url("img/def.png") no-repeat 25px .5em; clear: both; }
|
||
|
|
dl.spip dd {}
|
||
|
|
|
||
|
|
/* Tableaux SPIP */
|
||
|
|
table.spip { width: 100%; }
|
||
|
|
table.spip caption { background: none; border-bottom: 1px solid; font-weight: bold; text-align: left; }
|
||
|
|
table.spip tr.row_first th {}
|
||
|
|
table.spip tr.odd td {}
|
||
|
|
table.spip tr.even td {}
|
||
|
|
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
|
||
|
|
table.spip tbody tr th, table.spip tr td { background: none; }
|
||
|
|
table.spip tbody tr.odd th, table.spip tr.odd td { background: #F9F4E1; }
|
||
|
|
table.spip tfoot { border-top: 1px solid; }
|
||
|
|
|
||
|
|
/* Citations, code et poesie */
|
||
|
|
blockquote, blockquote.spip, .spip_poesie { border-left: 4px solid #D8C0A8; min-height: 40px; color: #666; font-style: italic; line-height: 1.4; padding: 0 25px; }
|
||
|
|
.spip_poesie { border-left: 1px solid; }
|
||
|
|
.spip_poesie div { margin-left: 50px; text-indent: -50px; }
|
||
|
|
.spip_code, .spip_cadre { background-color: #fff; color: #777; font-family: 'Courier New', Courier, monospace; font-size: 1em; }
|
||
|
|
.spip_cadre { border: 1px solid #ddd; }
|
||
|
|
|
||
|
|
/* 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; }
|
||
|
|
|
||
|
|
/* Logos, documents et images */
|
||
|
|
.spip_logos { float: right; margin: 0 0 10px 10px; padding: 0; border: none; }
|
||
|
|
|
||
|
|
.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
|
||
|
|
.spip_documents,
|
||
|
|
.spip_documents_center,
|
||
|
|
.spip_doc_titre,
|
||
|
|
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
|
||
|
|
.spip_documents_center { clear: both; display: block; width: 100%; }
|
||
|
|
.spip_documents_left { float: left; margin-right: 1.5em; }
|
||
|
|
.spip_documents_right { float: right; margin-left: 1.5em; }
|
||
|
|
.spip_doc_titre {}
|
||
|
|
.spip_doc_descriptif { clear: both; }
|
||
|
|
|
||
|
|
/* Modeles par defaut */
|
||
|
|
.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }
|
||
|
|
|
||
|
|
/* Formulaires */
|
||
|
|
.formulaire_spip {
|
||
|
|
background: #f8f8f8; border: 1px solid #f0f0f; clear: both; margin: 1.5em 0; padding: 2em 1em 1em;
|
||
|
|
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||
|
|
}
|
||
|
|
.aside .formulaire_spip { margin-top: 1em; padding: 2em 1em 1em; }
|
||
|
|
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
|
||
|
|
input.text,textarea {
|
||
|
|
background-color: #fff; border: 1px solid lightgrey; margin-bottom: 1em; padding: 4px; width: 100%;
|
||
|
|
-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
|
||
|
|
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||
|
|
}
|
||
|
|
.content input.text { width: 50%; }
|
||
|
|
|
||
|
|
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
|
||
|
|
.formulaire_spip .boutons input,
|
||
|
|
.formulaire_spip .boutons button {}
|
||
|
|
|
||
|
|
/* Barre typo */
|
||
|
|
.markItUp .markItUpHeader ul .markItUpSeparator { display: none; }
|
||
|
|
|
||
|
|
/* Previsu */
|
||
|
|
.previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
|
||
|
|
fieldset.previsu legend { color: #F57900; }
|
||
|
|
|
||
|
|
/* Reponses */
|
||
|
|
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
|
||
|
|
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
|
||
|
|
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
|
||
|
|
.reponse_formulaire_ok a { color: #264409; }
|
||
|
|
.reponse_formulaire_erreur a { color: #8a1f11; }
|
||
|
|
|
||
|
|
.erreur_message { color: red; display: block; }
|
||
|
|
|
||
|
|
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; }
|
||
|
|
|
||
|
|
.spip_surligne { background-color: yellow; }
|
||
|
|
|
||
|
|
/* Formulaire de recherche */
|
||
|
|
.formulaire_recherche * { display: inline; }
|
||
|
|
.formulaire_recherche { background: none; border: none; margin: 0 !important; padding: 0 !important; width: 100%; }
|
||
|
|
.formulaire_recherche .text { background: url("img/recherche.png") no-repeat left center; padding-left: 20px; width: 100%; }
|
||
|
|
.ie6 .formulaire_recherche .text, .ie7 .formulaire_recherche .text { width: 89%; }
|
||
|
|
.aside .formulaire_recherche { position: absolute; top: 0; left: 0; }
|
||
|
|
.aside .formulaire_recherche input.submit { display: none; }
|
||
|
|
|
||
|
|
/* Selection des langues */
|
||
|
|
.formulaire_menu_lang { background: none; margin: 0; padding: 0; }
|
||
|
|
.header .formulaire_menu_lang { display: block; margin-left: 370px; position: absolute; top: .6em; left: 50%; }
|
||
|
|
|
||
|
|
/* Choix des mots-clefs */
|
||
|
|
ul.choix_mots { display: block; list-style: none; margin: 0; padding: 0; }
|
||
|
|
ul.choix_mots li { clear: none; display: block; float: left; margin: 0; padding: 1%; width: 30%; }
|
||
|
|
ul.choix_mots li label { display: inline; font-weight: normal; }
|
||
|
|
|
||
|
|
.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/
|
||
|
|
|
||
|
|
/* Formulaire de login dans une page */
|
||
|
|
.formulaire_login ul li { clear: left; }
|
||
|
|
.formulaire_login .editer_password .details { display: block; }
|
||
|
|
.formulaire_login #spip_logo_auteur { float: right; }
|
||
|
|
|
||
|
|
/* Fomulaire de contact */
|
||
|
|
.formulaire_ecrire_auteur {}
|
||
|
|
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }
|
||
|
|
|
||
|
|
/* Paragraphes */
|
||
|
|
div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }
|
||
|
|
|
||
|
|
/* Pagination */
|
||
|
|
.pagination { clear: both; margin-bottom: 1.5em; overflow: hidden; text-align: center; }
|
||
|
|
.pagination a, .pagination .on {
|
||
|
|
background: #F9F4E1; color: #707070; font-size: 1em; line-height: 1;
|
||
|
|
display: block; float:left; margin: 0 10px 0 0; padding: 8px 15px; text-align: center; text-decoration: none;
|
||
|
|
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
|
||
|
|
}
|
||
|
|
.pagination a:focus, .pagination a:hover, .pagination a:active, .pagination .on { background: #d93e39; color: #fff; }
|
||
|
|
.pagination .sep { display: none; }
|
||
|
|
#pagination_articles { padding: 0; }
|
||
|
|
|
||
|
|
/* Liens de SPIP */
|
||
|
|
a.spip_note { font-weight: bold; } /* liens vers notes de bas de page */
|
||
|
|
a.spip_in {} /* liens internes */
|
||
|
|
a.spip_mail {}
|
||
|
|
a.spip_out {} /* liens sortants */
|
||
|
|
a.spip_url {} /* liens url sortants */
|
||
|
|
a.spip_glossaire {} /* liens vers encyclopedie */
|
||
|
|
|
||
|
|
/* Boutons d'admin */
|
||
|
|
.ie6 .spip-admin,
|
||
|
|
.ie6 #spip-admin { display: none; }
|
||
|
|
|
||
|
|
/* Fil d'ariane */
|
||
|
|
#hierarchie { clear: both; color: #453C34; font-size: .9em; }
|
||
|
|
#hierarchie * { font-weight: normal; }
|
||
|
|
|
||
|
|
/* Contenu */
|
||
|
|
.cartouche { margin-bottom: 1.5em; }
|
||
|
|
.cartouche .spip_logos { background: #fff; padding-left: 1em; padding-bottom: .5em; }
|
||
|
|
.cartouche h1 { border-bottom: 1px solid #d9d9d9; color: #453C34; font-weight: 400; margin: 10px 0; padding: 0; }
|
||
|
|
.cartouche p { margin-bottom: 0; }
|
||
|
|
.surtitre{}
|
||
|
|
.soustitre {}
|
||
|
|
|
||
|
|
/* Date */
|
||
|
|
.info-publi .published,
|
||
|
|
.dtreviewed, abbr.date,
|
||
|
|
.liste-items small,
|
||
|
|
.aside .menu_breves small { background: url("img/blog_date.png") no-repeat center left; border: 0; color: #a6a6a6; font-size: 11px; font-style: normal; line-height: 11px; margin-bottom: .6em; padding: 3px 0 0 18px; }
|
||
|
|
|
||
|
|
.info-publi { color: #a6a6a6; font-size: .9em; font-style: italic; margin: 1.5em 0 0; }
|
||
|
|
.traductions { border: 1px dotted lightgrey; font-size: .9em; line-height: 1.5; margin: 1.5em 0; padding: 1em; text-align: center }
|
||
|
|
.traductions a[hreflang]:after { content: ''; }
|
||
|
|
|
||
|
|
.chapo { color: #403830; font-size: 1.4em; font-style: italic; font-weight: normal; letter-spacing: -0.5px; line-height: 1.4; margin-bottom: 1em; }
|
||
|
|
.chapo p { margin-bottom: .5em; }
|
||
|
|
.texte {}
|
||
|
|
.hyperlien { background: #F9F4E1 url("img/def.png") no-repeat 25px 1.9em; display: block; font-weight: bold; padding: 1.5em 1.5em 1.5em 50px; }
|
||
|
|
.ps, .notes { margin-bottom: 1.5em; }
|
||
|
|
.notes { clear: both; font-size: .9em; }
|
||
|
|
.surlignable { }
|
||
|
|
.enclosures { margin: .5em; }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Blocs principaux
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.header { background: #403830 url(img/header-bg.jpg) repeat-x; padding: 90px 0 20px 0; }
|
||
|
|
.main { clear: both; }
|
||
|
|
.footer { background: #403830; border-top: 1px solid #453C34; clear: both; margin-top: 1.5em; padding: 2em 0; position: relative; }
|
||
|
|
|
||
|
|
.wrapper { clear: both; float: left; width: 70%; }
|
||
|
|
.content { min-height: 350px; }
|
||
|
|
|
||
|
|
.page_404 .content { background: url(img/404.png) no-repeat 0 100px; }
|
||
|
|
.page_404 .chapo { font-family: 'Courier New', Courier, monospace; font-size: 2em; line-height: 1.5; margin-top: 130px; margin-left: 200px; width: 350px;}
|
||
|
|
.aside { float: right; overflow: hidden; width: 26%; }
|
||
|
|
|
||
|
|
/* Centrer le layout */
|
||
|
|
.header .accueil, .menu-conteneur, .main, .nav, .footer .colophon { margin: 0 auto; position: relative; text-align: left; width: 900px; }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Habillage des forums
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* Habillage des forums */
|
||
|
|
.comments-list .comment { border-top: 1px solid #453C34; margin: 0; padding: 0 0 0 25px; position: relative; }
|
||
|
|
.comment-message .permalink { color: #a6a6a6; font-size: 2em; position: absolute; top: -2px; left: 0; }
|
||
|
|
.comments-list .comment .comment { border-style:dashed; border-color: #e6e6e6; }
|
||
|
|
.comment-fil ul {}
|
||
|
|
.nb_commentaires {
|
||
|
|
background-image: url(img/recent_post_comments.png); background-repeat: no-repeat; background-position: left top;
|
||
|
|
display: inline-block; font-size: 11px; padding-left: 15px; position: absolute; bottom: 6px; right: 19px; }
|
||
|
|
|
||
|
|
/* comments list */
|
||
|
|
.comment-meta { font-weight: bold; margin: 1em 0 0; }
|
||
|
|
.comment-meta small { color: #A6A6A6; font-size: 100%; font-weight: normal; }
|
||
|
|
.comment-meta small .sep { display: none; }
|
||
|
|
.comment-meta abbr.date { float: right; }
|
||
|
|
.ie6 .comment-meta small .sep, .ie7 .comment-meta small .sep { display: compact; }
|
||
|
|
.ie6 .comment-meta abbr.date, .ie7 .comment-meta abbr.date { float: none; }
|
||
|
|
.comment-meta a { padding: 2px 4px!important; }
|
||
|
|
.comment-meta a:focus,
|
||
|
|
.comment-meta a:hover,
|
||
|
|
.comment-meta a:active { color: #fff; }
|
||
|
|
.comment-content { color: #74665B; font-size: 1em; padding: 3px; max-height: 60em; width: 100%; overflow: auto; overflow-x: none; }
|
||
|
|
.comment-content .hyperlien { background: transparent; font-weight: normal; padding: 0; }
|
||
|
|
.comment-content p { margin-bottom: 1em; }
|
||
|
|
.comment-reply { clear: both; font-weight: bold; margin-bottom: 0; text-align: right; }
|
||
|
|
|
||
|
|
/* Formulaire de forum */
|
||
|
|
.formulaire_forum {}
|
||
|
|
.formulaire_forum legend { display: none; }
|
||
|
|
.formulaire_forum .saisie_titre input.text { width: 100% }
|
||
|
|
.formulaire_forum .session_qui { display: none; }
|
||
|
|
.formulaire_forum .saisie_texte .explication { color: #a6a6a6; font-size: .9em; font-style: italic; }
|
||
|
|
|
||
|
|
/* Habillage des petitions
|
||
|
|
---------------------------------------------- */
|
||
|
|
#signatures {}
|
||
|
|
#signatures td.signature-date small { white-space: nowrap; }
|
||
|
|
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }
|
||
|
|
|
||
|
|
/* Formulaire de signature */
|
||
|
|
.formulaire_signature {}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Sous-navigation et autres menus
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* Habillage general des menus de nav */
|
||
|
|
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
|
||
|
|
.menu p {}
|
||
|
|
.menu ul { margin-bottom: 1.5em; }
|
||
|
|
.menu ul li { line-height: 1.5; }
|
||
|
|
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
|
||
|
|
|
||
|
|
/* Breves */
|
||
|
|
.menu_breves li {}
|
||
|
|
.menu_breves li h3 { margin: 0; }
|
||
|
|
|
||
|
|
/* Menus dans la colonne de droite */
|
||
|
|
.aside { padding-top: 60px; position: relative; }
|
||
|
|
.aside .menu, .aside .liste { border-top: 1px solid #ccc; margin-top: 1em; padding:2em 0.75em 0.75em; }
|
||
|
|
.aside .liste h2 a { color: #262626; }
|
||
|
|
.aside .liste h2 a:focus, .aside .liste h2 a:hover, .aside .liste h2 a:active { background-color: #d93e39; color: #fff; text-decoration: none; }
|
||
|
|
.aside .menu a, .aside .liste a { display: block; }
|
||
|
|
.aside .menu ul, .aside .liste ul { margin-bottom: 0; }
|
||
|
|
.aside .menu li, .aside .liste li { border-bottom: 0; color: #A6A6A6; margin-bottom: .2em; }
|
||
|
|
.aside .menu p, .aside .liste p { color: #666; }
|
||
|
|
|
||
|
|
/* Menu Breves */
|
||
|
|
.aside .menu_breves h3 { margin-bottom: .5em; }
|
||
|
|
.aside .menu_breves small { display: block; }
|
||
|
|
|
||
|
|
/* Fichier en piece jointe */
|
||
|
|
.cboxElement img {
|
||
|
|
border: 1px solid #ddd; padding: 6px;
|
||
|
|
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||
|
|
}
|
||
|
|
.cboxElement:hover { background: none; }
|
||
|
|
.cboxElement:hover img { border-color: red; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Entete et barre de navigation
|
||
|
|
------------------------------------------ */
|
||
|
|
|
||
|
|
/* Entete */
|
||
|
|
.header .spip_logos { float: left; margin: 0 10px 5px 0; width: auto; height: 55px; }
|
||
|
|
.header #nom_site_spip a { color: #F9F4E1; font-size: 2.8em; font-weight: bold; font-family: 'Mr Dafoe', cursive; color: #F9F4E1; line-height: 1; margin-bottom: 4px; text-shadow: 1px 1px 2px #000; }
|
||
|
|
.header #nom_site_spip a, .header #nom_site_spip a:focus, .header #nom_site_spip a:hover, .header #nom_site_spip a:active { background: transparent; text-decoration: none; color: #F9F4E1; padding: 0; }
|
||
|
|
.header #slogan_site_spip { color: #D8C0A8; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
|
||
|
|
|
||
|
|
/* Navigation principale - Utilisation du plugin Menu */
|
||
|
|
#nav, .menu-conteneur { top: -65px; z-index: 90; }
|
||
|
|
#nav ul, .menu-conteneur ul { display: inline; float: right; margin: 0; padding: 0; max-width: 600px; /*overflow: hidden;*/ }
|
||
|
|
#nav li ul, .menu-conteneur li ul { left: -2px; }
|
||
|
|
#nav li ul li, .menu-conteneur li ul li { box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1); }
|
||
|
|
#nav li, .menu-conteneur li { display: block; position: relative; white-space: nowrap; }
|
||
|
|
#nav a, .menu-conteneur a { color: #f9f4e1; display: block; font-size: 14px; font-family: "Helvetica neue", Arial, sans-serif; font-weight: bold; padding: 4px 6px; position: relative; }
|
||
|
|
#nav a:hover, .menu-conteneur a:hover { background: transparent; color: #d8c0a8; text-decoration: none; }
|
||
|
|
#nav li.submenu > a, .menu-conteneur li.submenu > a { background-image: url("img/menu_down_arrow.png"); background-repeat: no-repeat; background-position: right; cursor: default; padding-right: 20px; }
|
||
|
|
#nav > ul > li, .menu-conteneur > ul > li { display: inline; float: left; margin-right: 14px; }
|
||
|
|
#nav > ul > li:last-child, .menu-conteneur > ul > li:last-child { margin-right: 0; }
|
||
|
|
#nav li ul, .menu-conteneur li ul { display: none; position: absolute; top: 98%; }
|
||
|
|
#nav li:hover > ul, .menu-conteneur li:hover > ul { display: block; }
|
||
|
|
#nav li ul li.submenu > a, .menu-conteneur li ul li.submenu > a { background-image: url("img/submenu_left_arrow.png"); background-repeat: no-repeat; background-position: right; padding-right: 10px; }
|
||
|
|
#nav li ul li.submenu > a:hover, .menu-conteneur li ul li.submenu > a:hover { background-color: #f5f5f5; }
|
||
|
|
#nav li ul li, .menu-conteneur li ul li { /*background: #fff;*/ border-bottom: 1px solid #534a42;}
|
||
|
|
#nav li ul li a:hover, .menu-conteneur li ul li a:hover { background-color: #f5f5f5; color: #d43a32; }
|
||
|
|
#nav li ul li:last-child, .menu-conteneur li ul li:last-child { border-bottom: 1px solid #2e2823; }
|
||
|
|
#nav li ul li a, .menu-conteneur li ul li a { background: #403830; line-height: 1.2; padding: 8px 25px 8px 12px; }
|
||
|
|
#nav li ul li ul, .menu-conteneur li ul li ul { top: -1px !important; left: 100% !important; padding: 0 !important; }
|
||
|
|
.ie7 #nav li ul li a, .ie7 .menu-conteneur li ul li a { line-height: 1.2; white-space: normal; width: 150px; zoom: 1; }
|
||
|
|
|
||
|
|
/* Navigation principale - Utilisation du plugin Menu */
|
||
|
|
.mnav { display: inline-block; margin: 1em 0; width: 100%; }
|
||
|
|
|
||
|
|
/* Pied de page
|
||
|
|
------------------------------------------ */
|
||
|
|
.footer .colophon { color: #74665B; }
|
||
|
|
.footer .colophon a { color: #fff; }
|
||
|
|
.footer .colophon a:hover { background-color: #74665B; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Sous-navigation et autres menus
|
||
|
|
------------------------------------------ */
|
||
|
|
|
||
|
|
/* Listes d'articles et extraits introductifs */
|
||
|
|
.page_site .content .liste .liste-items small { display: block; }
|
||
|
|
.js .content .liste .liste-items li { cursor: pointer; }
|
||
|
|
.content .liste .liste-items li {
|
||
|
|
border:1px solid #ccc; clear: both; list-style: none; margin:0 0 2em 0; padding: 2em; position: relative;
|
||
|
|
-webkit-box-shadow: 0px 2px 1px #e8e8e8; -moz-box-shadow: 0px 2px 1px #e8e8e8; box-shadow: 0px 2px 1px #e8e8e8;
|
||
|
|
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
|
||
|
|
background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
|
||
|
|
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
|
||
|
|
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
|
||
|
|
background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
|
||
|
|
background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
|
||
|
|
/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );*/
|
||
|
|
}
|
||
|
|
.content .liste .liste-items li:hover {
|
||
|
|
background: #fff;
|
||
|
|
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
|
||
|
|
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
|
||
|
|
box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
|
||
|
|
}
|
||
|
|
.page_sommaire .aside, .page_rubrique .aside { -webkit-animation: moveFromRight 500ms ease; -moz-animation: moveFromRight 500ms ease; -ms-animation: moveFromRight 500ms ease; }
|
||
|
|
|
||
|
|
.content .liste .liste-items li { -webkit-animation: smallToBig 900ms ease; -moz-animation: smallToBig 900ms ease; -ms-animation: smallToBig 900ms ease; }
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
@-webkit-keyframes smallToBig { from { -webkit-transform: scale(0.1) } to { -webkit-transform: scale(1); } }
|
||
|
|
@-moz-keyframes smallToBig{ from { -moz-transform: scale(0.1); } to { -moz-transform: scale(1); } }
|
||
|
|
@-ms-keyframes smallToBig{ from { -ms-transform: scale(0.1); } to { -ms-transform: scale(1); } }
|
||
|
|
|
||
|
|
@-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } }
|
||
|
|
@-moz-keyframes moveFromRight {from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } }
|
||
|
|
@-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Pages
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* Page Sommaire */
|
||
|
|
.content .liste .liste-items .entry-title { margin-bottom: 1em; }
|
||
|
|
.page_sommaire .content .liste .liste-items .entry-title a { background:none!important; color: #000; display: block; font-size: 1.4em; height:100%; margin: 0; padding: 0; overflow: hidden; }
|
||
|
|
.page_sommaire .content .liste .liste-items .entry-title a:hover { background: none; color: #D93E39; }
|
||
|
|
.content .liste .liste-items .info-publi { float: left; display:inline-block; position: absolute; bottom: 25px; right: 19px; }
|
||
|
|
|
||
|
|
.page_sommaire .content .liste .liste-items .spip_logos {
|
||
|
|
border: 1px solid #CCC; float: none; margin: 0 0 1.5em 0; padding: 5px!important; width: 100%; height: auto;
|
||
|
|
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
|
||
|
|
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.content .liste .liste-items .entry-content { padding-bottom: 25px; }
|
||
|
|
.content .liste .liste-items .lire-la-suite {
|
||
|
|
border: 1px solid #d3d3d3; color: #555; font-size: 12px; font-weight: bold; line-height: 12px; padding: 8px; position: absolute; left: 19px; bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255, 0.8); white-space: nowrap; z-index: 20;
|
||
|
|
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
|
||
|
|
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff));
|
||
|
|
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
|
||
|
|
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
|
||
|
|
background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
|
||
|
|
background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
|
||
|
|
}
|
||
|
|
.content .liste .liste-items .lire-la-suite:hover {
|
||
|
|
background: #efefef;
|
||
|
|
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #eeeeee));
|
||
|
|
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
|
||
|
|
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
|
||
|
|
background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
|
||
|
|
background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Page Contact */
|
||
|
|
.page_contact .formulaire_spip { background: none; border: none; }
|
||
|
|
|
||
|
|
/* Page Plan */
|
||
|
|
.page_plan h3 { margin-left: 35px; margin-bottom: .3em; }
|
||
|
|
ul.plan { margin-left: 35px; margin-bottom: 2em; }
|
||
|
|
|
||
|
|
/* Page Rurbique */
|
||
|
|
.liste-items .spip_logos { padding-left: 1em; padding-right: 0; }
|
||
|
|
|
||
|
|
/* Page Recherche */
|
||
|
|
.page_recherche .liste-items ul.spip, .page_recherche .liste-items ol.spip { margin-left: 0; }
|
||
|
|
|
||
|
|
/* Plugin : Social Tags */
|
||
|
|
.socialtags { margin-left: -450px!important; position: absolute; top: 20px; left: 50%; }
|
||
|
|
.socialtags a:focus, .socialtags a:hover, .socialtags a:active { background-color: transparent!important; }
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------------------------------------------------------
|
||
|
|
Autres medias
|
||
|
|
----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
@media print {
|
||
|
|
|
||
|
|
pre, blockquote { page-break-inside: avoid; }
|
||
|
|
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
||
|
|
tr, img { page-break-inside: avoid; }
|
||
|
|
@page { margin: 0.5cm; }
|
||
|
|
p, h2, h3 { orphans: 3; widows: 3; }
|
||
|
|
h2, h3 { page-break-after: avoid; }
|
||
|
|
|
||
|
|
abbr[title]:after { content: " (" attr(title) ")"; }
|
||
|
|
abbr[title].published:after { content: ""; }
|
||
|
|
abbr[title].dtreviewed:after { content: ""; }
|
||
|
|
|
||
|
|
/* Ne pas imprimer */
|
||
|
|
.spip-admin,
|
||
|
|
.spip-admin-float,
|
||
|
|
.spip-previsu,
|
||
|
|
.repondre,
|
||
|
|
.pagination,
|
||
|
|
.spip-admin, #spip-admin,
|
||
|
|
#hierarchie,
|
||
|
|
.aside, .footer,
|
||
|
|
.nav, .menu-conteneur, .mnav,
|
||
|
|
form, .formulaire_spip { display: none; }
|
||
|
|
|
||
|
|
/* MobileMenu Plugin - Cacher le select*/
|
||
|
|
.mnav { display: none; }
|
||
|
|
|
||
|
|
/* Souligner et expliciter les liens */
|
||
|
|
a { color: #600; text-decoration: underline !important; }
|
||
|
|
a.spip_out:after,
|
||
|
|
a.spip_glossaire:after,
|
||
|
|
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
|
||
|
|
a, a:visited { color: #222222; text-decoration: underline; }
|
||
|
|
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
||
|
|
a.spip_out:after, a.spip_url:after { content: " (" attr(href) ")"; }
|
||
|
|
|
||
|
|
.page, .wrapper, .content { width: auto; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ----------------------------------------------------------------- */
|
||
|
|
@media (max-width: 900px) {
|
||
|
|
/* Plugin : Social Tags */
|
||
|
|
.socialtags { left: 1em; margin: 0!important; }
|
||
|
|
|
||
|
|
/* Menu Lang */
|
||
|
|
.header .formulaire_menu_lang { left: auto; right: 1em; margin-left: 0!important; }
|
||
|
|
|
||
|
|
/* Navigation principale - Utilisation du plugin Menu */
|
||
|
|
#nav > ul > li:last-child, .menu-conteneur > ul > li:last-child { margin-right: 10px; }
|
||
|
|
|
||
|
|
/* Afficher le contenu en Plein ecran */
|
||
|
|
.header .accueil,
|
||
|
|
.menu-conteneur, .main, .nav,
|
||
|
|
.footer .colophon { overflow: visible; width: auto!important; }
|
||
|
|
|
||
|
|
.page { margin: 0; }
|
||
|
|
.header, .main, .footer { padding-left: 1em; padding-right: 1em; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ----------------------------------------------------------------- */
|
||
|
|
@media (max-width: 640px) {
|
||
|
|
|
||
|
|
body { background: white; font: 11px/1.5 Helvetica, Arial, Tahoma, sans-serif; }
|
||
|
|
|
||
|
|
/* Passer tous les elements de largeur fixe en largeur automatique */
|
||
|
|
body,
|
||
|
|
.page,
|
||
|
|
.header,
|
||
|
|
.main,
|
||
|
|
.footer,
|
||
|
|
.wrapper,
|
||
|
|
.content,
|
||
|
|
.aside { clear: both; float: none !important; margin: auto!important; padding: auto!important; width: auto!important; }
|
||
|
|
|
||
|
|
/* On remonte le header et on cache les icons */
|
||
|
|
.header { background-position: -0 -26px; padding: 0; height: 120px; }
|
||
|
|
.header .accueil { padding-top: 50px; padding-left: 10px; }
|
||
|
|
.socialtags { display:none;}
|
||
|
|
|
||
|
|
/* header du calendrier full-calendar */
|
||
|
|
table.fc-header td { display: block; text-align: left; border: 1px solid red }
|
||
|
|
|
||
|
|
/* Menu Lang */
|
||
|
|
.header .formulaire_menu_lang label { display: none; }
|
||
|
|
|
||
|
|
/* Pas de hauteur minimum pour les mobiles */
|
||
|
|
.content { min-height: inherit; }
|
||
|
|
|
||
|
|
/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
|
||
|
|
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100% !important; }
|
||
|
|
/* conserver le ratio des images, necessaire car attribut height existant */
|
||
|
|
img { height: auto; }
|
||
|
|
|
||
|
|
/* gestion des mots longs */
|
||
|
|
textarea, table, td, th, code, pre, samp { word-wrap: break-word; /* cesure forcee */ }
|
||
|
|
code, pre, samp { white-space: pre-line; /* passage a la ligne specifique pour les elements a chasse fixe */ }
|
||
|
|
|
||
|
|
.hyperlien { background-position: 5px 1.4em; padding: 1em 1em 1em 30px; }
|
||
|
|
#hierarchie { display: none; }
|
||
|
|
|
||
|
|
/* Listes et tableaux */
|
||
|
|
dl.spip dt { background-position: 0 .5em; }
|
||
|
|
dl.spip dt, dl.spip dd { padding-left: 25px; }
|
||
|
|
ul.spip, ol.spip { margin-left: 20px; }
|
||
|
|
|
||
|
|
/* Barre de navigation */
|
||
|
|
#nav, .menu-conteneur { background-color:#403830; margin-bottom: 1.5em; text-align: center; top: auto; }
|
||
|
|
#nav ul, .menu-conteneur ul { float: none; }
|
||
|
|
#nav ul li, .menu-conteneur ul li { border-top: 1px solid #fff; width: 100%; }
|
||
|
|
#nav ul li a, .menu-conteneur ul li a { border: none; color: #fff; display: block; float: none; padding: .3em 1em; text-decoration: none; }
|
||
|
|
#nav ul li a:focus, .menu-conteneur ul li a:focus,
|
||
|
|
#nav ul li a:hover, .menu-conteneur ul li a:hover,
|
||
|
|
#nav ul li a:active, .menu-conteneur ul li a:active { background: #fff; color: #222; }
|
||
|
|
|
||
|
|
/* Page Sommaire */
|
||
|
|
.content .liste .liste-items .info-publi { display: compact; float: none; margin-bottom: .6em; position: relative; top: 0; right: 0; }
|
||
|
|
|
||
|
|
.liste-items ul { margin: 0; }
|
||
|
|
.lire-la-suite-titre { display: none; }
|
||
|
|
|
||
|
|
.content input.text { width: 100%!important; }
|
||
|
|
|
||
|
|
/* Habillage des forums */
|
||
|
|
.comments-list .comment { padding-left: 0; }
|
||
|
|
.comment-message .permalink { display: none; }
|
||
|
|
.comment-meta .comment-author { display: block; }
|
||
|
|
.comment-meta abbr.date { float: left; width: 100%; }
|
||
|
|
|
||
|
|
.spip_documents_center, .spip_documents_left, .spip_documents_right { clear: both; float: none!important; display: block; width: 100%; }
|
||
|
|
|
||
|
|
/* Pagination */
|
||
|
|
.pagination a, .pagination .on { font-size: .9em; margin-right: 6px; padding: 8px 12px; }
|
||
|
|
|
||
|
|
/* Page Plan */
|
||
|
|
.page_plan h3, ul.plan { margin-left: 0; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width:640px) and (orientation: landscape) { body { -webkit-text-size-adjust: 70%; } }
|
||
|
|
|
||
|
|
@media (min-width: 480px) {
|
||
|
|
.submit {
|
||
|
|
position: relative; display: inline-block; width: auto; padding: 5px 1em 6px; overflow: visible; cursor: pointer;
|
||
|
|
background: #888 url(img/varicelle-sprite.png) left top repeat-x;
|
||
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
|
border: 0;
|
||
|
|
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||
|
|
font-size: 100%; line-height: 1; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
||
|
|
}
|
||
|
|
.ie6.submit { background-image: none; border: none; color: #FFF !important; }
|
||
|
|
|
||
|
|
.submit,
|
||
|
|
.submit:visited,
|
||
|
|
.submit * { color: #FFF; text-decoration: none; }
|
||
|
|
.submit:hover { background-color: #777; color: #FFF; text-decoration: none; }
|
||
|
|
}
|