spip_nursit/plugins/dist/themes/zpip-1/Brominerary/habillage.css

541 lines
17 KiB
CSS
Raw Permalink Normal View History

2023-06-01 15:30:12 +00:00
/* Général */
body { margin: 0; padding: 0; color: #000; background: transparent url('img/bg.jpg') left top repeat; font: normal 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
form { margin: 0; padding: 0; display: block; }
a{ text-decoration: none; color: #4A9BAC; outline: 0 none; list-style-type: none;}
a:hover{ text-decoration: underline; }
a:link, a:visited { color: #4a9bac; }
a:hover, a:active { color: #4a9bac; }
div#container { background: transparent url('img/bg-container.png') center 34px repeat-x; }
.info-publi{font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;text-transform: uppercase;color: #B6B6B6;}
h1.h1{color: #4A9BAC; font: bold 24px/28px Vollkorn,serif; background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent; border-top: 1px solid; border-top-color: #EAEAEA; margin: 0 0 10px; padding: 6px 0 12px 0;}
blockquote.spip {border:none;}
abbr{border:none;}
/* Formulaire */
.formulaire_spip input.text {border: 1px solid #EAEAEA; height: 1.8em; padding: 0 0 0 8px; margin:5px 0 0 0;}
.formulaire_spip textarea {border: 1px solid #EAEAEA;}
form p.input input {background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD;color: #000000;}
form small {color: #B7B7B7;}
form textarea, .formulaire_spip textarea {background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD; color: #000000;}
div#formulaire_forum fieldset legend{color: #41403B; font: bold 14px/18px Vollkorn,serif;}
/* Divs Principales */
div#contenu{
width: 640px;
float:left;
}
div#barrecote{
width: 250px;
float:right;
}
div#navigation{
float: right;
margin: 0;
width: 250px;
}
.no-display { display: none; }
.clear { clear: both; }
/* Menu Principale */
div#menubar { position: relative; height: 33px; top: -122px; }
div#menubar { border-bottom: 1px solid; }
div#menubar .pad { width: 962px; margin: 0 auto; height: 33px; }
div#menubar h3 { display: none; }
div#menubar ul { display: block; margin: 0 -10px 0 0; padding: 0; list-style: none; height: 33px; float: right; }
div#menubar ul li { display: block; margin: 0; padding: 0 0 0 1px; float: left; height: 33px; }
div#menubar ul ul { position: absolute; display: none; width: 180px; float: none; margin: 1px 0 0 0; height: auto; z-index: 9999999;}
div#menubar ul li a { display: block; margin: 0; padding: 0 10px; }
div#menubar ul li a span.sf-sub-indicator { display: block; float: right; padding: 0 0 0 5px; }
div#menubar ul li:hover ul, div#menubar ul li.hover ul { display: block; z-index: 999999; }
div#menubar ul ul li { padding: 0; margin: 0 5px; float: none; width: auto; height: auto; }
div#menubar ul ul li a { border-bottom: 1px solid; padding: 0 5px; margin: 0; float: none; width: auto; height: auto; }
div#menubar ul ul ul { margin: -28px 0 0 175px; }
div#menubar { background: #151313 none; border-bottom-color: #2b2b2b; }
div#menubar ul li { background: transparent url('img/bd-menubar-item-1.png') left center no-repeat; }
div#menubar ul li a { color: #646464; }
div#menubar ul li:hover a { color: #a1a1a1; }
div#menubar ul li.current-menu-item a { color: #a1a1a1; }
div#menubar ul li:hover ul, div#menubar ul li.hover ul { background: #2b2b2b none; }
div#menubar ul li:hover ul li a, div#menubar li.hover ul li a { color: #646464; background: #2b2b2b none; border-bottom-color: #3a3a3a; }
div#menubar ul li:hover ul li:hover a, div#menubar ul li.hover ul li.hover a { color: #a1a1a1; }
div#menubar ul li:hover ul li.li-current-menu-item a, div#menubar ul li.hover ul li.current-menu-item a { color: #a1a1a1; }
div#menubar ul li:hover ul li.current_page_item a, div#menubar ul li.hover ul li.current_page_item a { color: #a1a1a1; }
div#menubar ul li:hover ul li:hover ul li a, div#menubar ul li.hover li.hover li a { color: #646464; }
div#menubar ul li:hover ul li:hover ul li:hover a, div#menubar ul li.hover ul li.hover ul li.hover a { color: #a1a1a1; }
div#menubar ul li:hover ul li:hover ul li.current-menu-item a, div#menubar ul li.hover ul li.hover ul li.current-menu-item a { color: #a1a1a1; }
div#menubar ul li:hover ul li:hover ul li.current_page_item a, div#menubar ul li.hover li.hover ul li.current_page_item a { color: #a1a1a1; }
div#menubar ul li { font: bold 10px/33px 'Helvetica Neue', Helveticam Arial, sans-serif; text-transform: uppercase; }
div#menubar ul li a { font-weight: bold; text-decoration: none; }
div#menubar ul ul li { line-height: 27px; }
/* Header */
div#header .pad { background: transparent url('img/bg-header.png') center bottom no-repeat; }
div#header .box-search input { color: #666; text-shadow: 1px 1px #000; background: transparent url('img/input-search.png') left top no-repeat; }
div#header .formulaire_recherche input.submit { color: #4a4a4a; text-shadow: 1px 1px #fff; background: transparent url('img/button-search.png') left top no-repeat;}
div#header .box-search input { font: italic 12px/12px Vollkorn, serif; }
div#header .formulaire_recherche input.submit { font: normal 12px/12px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
div#header { position: relative; height: 122px; top: 34px; }
div#header .pad { width: 960px; margin: 0 auto; padding: 0 5px 25px 5px; }
div#header h3 { display: none; }
div#header .box-masthead { height: 97px; float: left; }
div#header .box-masthead .accueil{margin: 10px 0 0 0}
div#header .box-masthead .accueil strong a{font: normal 42px/44px Vollkorn, serif;color: #EAEAEA; text-decoration: none; }
div#header .title { display: block; margin: 0; padding: 0; color:#b7b7b7 }
div#header .title a { display: block; margin: 0; padding: 0; width: 326px; height: 97px; text-indent: -999999px; }
div#header .description { display: none; }
div#header .box-search { float: right; margin: 30px 0 0 0; }
div#header .box-search label { display: none; }
div#header .box-search input { width: 198px; padding: 11px; margin: 0; border: 0 none; float: left; }
div#header .formulaire_recherche input.submit { margin: 0; padding: 0; width: 70px; height: 34px; text-align: center; border: 0 none; float: left; }
/* Body */
div#body { width: 920px; margin: 0 auto; padding: 0px 20px 25px 20px; position: relative; }
div#body div#content { width: 590px; margin: 0; float: left; }
div#body { background: transparent url('img/bg-common.png') center center repeat-y; }
/* Footer */
div#footer .pad { width: 920px; margin: 0 auto; padding: 10px 25px; position: relative; }
div#footer p { display: block; margin: 0; padding: 0; }
div#footer { background: #000 none; color: #3a3a3a; }
div#footer p { font: normal 10px/14px Verdana, sans-serif; }
div#footer p a { text-decoration: none; }
div#footer p a:hover { text-decoration: underline; }
/* Fonts */
/* Bold Face
-----------------------------------------*/
@font-face {
font-family: 'Vollkorn';
src: url('fonts/vollkorn-bold.eot');
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: 'Vollkorn';
src: url(//:) format('no404'), url('fonts/vollkorn-bold.woff') format('woff'), url('fonts/vollkorn-bold.ttf') format('truetype'), url('fonts/vollkorn-bold.svg#webfontJV84zI5j') format('svg');
font-style: normal;
font-weight: bold;
}
/* Italic Face
-----------------------------------------*/
@font-face {
font-family: 'Vollkorn';
src: url('fonts/vollkorn-italic.eot');
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: 'Vollkorn';
src: url(//:) format('no404'), url('fonts/vollkorn-italic.woff') format('woff'), url('fonts/vollkorn-italic.ttf') format('truetype'), url('fonts/vollkorn-italic.svg#webfontW736jsGt') format('svg');
font-style: italic;
font-weight: normal;
}
/* Bold Italic Face
-----------------------------------------*/
@font-face {
font-family: 'Vollkorn';
src: url('fonts/vollkorn-bolditalic.eot');
font-style: italic;
font-weight: 700;
}
@font-face {
font-family: 'Vollkorn';
src: url(//:) format('no404'), url('fonts/vollkorn-bolditalic.woff') format('woff'), url('fonts/vollkorn-bolditalic.ttf') format('truetype'), url('fonts/vollkorn-bolditalic.svg#webfontksAiltW2') format('svg');
font-style: italic;
font-weight: bold;
}
/* Normal
-----------------------------------------*/
@font-face {
font-family: 'Vollkorn';
src: url('fonts/vollkorn-normal.eot');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Vollkorn';
src: url(//:) format('no404'), url('fonts/vollkorn-normal.woff') format('woff'), url('fonts/vollkorn-normal.ttf') format('truetype'), url('fonts/vollkorn-normal.svg#webfontJOWxQLX2') format('svg');
font-style: normal;
font-weight: normal;
}
/* Divs Secondaires */
/* Sommaire */
.page_page.page_sommaire .contenu-principal{display:none}
/* liste articles sommaire */
.page_sommaire .liste.articles.sommaire{float: left; margin: 0 30px 0 0; width: 360px; }
.page_sommaire .liste.articles.sommaire h2.h2{display: none;}
a.nb_commentaires{ color: #A04140; }
.page_sommaire img.spip_logos { border: 0 none; float: right; margin: 40px 0 10px; padding: 0 0 0 10px; }
.page_sommaire .liste ul.liste-items{padding:0;list-style: none; margin: 0;}
.page_sommaire .liste ul.liste-items li{margin: 0 0 20px;}
.page_sommaire .liste ul.liste-items li.item h3.h3{
font: bold 16px/18px Vollkorn,serif;
background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent;
border-top: 1px solid;
border-top-color: #EAEAEA;
color: #4A9BAC;
display: block;
margin: 0 0 10px;
padding: 6px 0 12px;
}
/* Formulaire de recherche */
div#formulaire_recherche { position:absolute; top:-90px; float:right; height: 36px; width: 290px; right: 0;}
div#formulaire_recherche input {
color: #666666;
text-shadow: 1px 1px #000;
background: transparent url('img/input-search.png') left top no-repeat;
border: 0 none;
float: left;
margin: 0;
padding: 11px;
width: 198px;
font: italic 12px/12px Vollkorn,serif;
}
div#formulaire_recherche input.submit {
background: url("img/button-search.png") no-repeat scroll left top transparent;
color: #4A4A4A;
text-shadow: 1px 1px #FFFFFF;
border: 0 none;
float: left;
height: 34px;
margin: 0;
padding: 0;
text-align: center;
width: 70px;
}
div#formulaire_recherche label {display: none;}
/* menu rubriques */
.menu.rubriques { margin:0 0 20px; }
.menu.rubriques h2{
background: url("img/bg-sidebar-title.gif") no-repeat scroll left bottom #D1E2E9;
text-shadow: 1px 1px #FFFFFF;
color: #000000;
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
color: #41403B;
border-top: 1px solid;
border-top-color: #A1BFCB;
display: block;
margin: 0;
padding: 8px 10px 13px;
font: bold 14px/18px Vollkorn,serif;
text-transform: uppercase;
}
.menu.rubriques ul {display: block; margin: 0; padding: 5px 10px 10px;background: none repeat scroll 0 0 #F6FBFD; list-style: none;}
.menu.rubriques ul li {background: url("img/bullet-list-item-sidebar.png") no-repeat scroll left 10px transparent; border-bottom: 1px solid; border-bottom-color: #D5E4EB; display: block; margin: 0 0 5px; padding: 0 0 5px;}
/* Formulaire inscription */
div#formulaire_inscription{
width: 250px;
float: right;
clear: right;
background: none repeat scroll 0 0 #CFE7E9;
}
div#formulaire_inscription legend{
background: url("img/bg-sidebar-subscription-title.gif") no-repeat scroll left bottom #B3D0D2;
border-top: 1px solid;
color: #3A888B;
font: bold 14px/18px Vollkorn,serif;
padding: 8px 10px 13px;
text-shadow: 1px 1px #FFFFFF;
text-transform: uppercase;
display: block;
width: 230px;
}
div#formulaire_inscription fieldset{display: block; margin: 0; background: none repeat scroll 0 0 #CFE7E9;}
div#formulaire_inscription p{ margin: 5px 10px}
div#formulaire_inscription ul{margin: 0.5em 0.5em;}
/* Commentaires, Articles Syndic, Liste Articles, Bréves */
.page_sommaire .liste.forums{
width: 250px;
overflow: hidden;
margin-bottom:20px;
}
.liste.syndic_articles{
float: left;
width: 250px;
margin:0 0 20px;
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.page_article .liste.articles, .page_breve .liste.breves{
width: 250px;
overflow: hidden;
margin-bottom:20px;
margin-right: 0;
float:right;
clear:none
}
.liste.syndic_articles h2,.page_sommaire .liste.forums h2, .page_article .liste.articles h2, .page_breve .liste.breves h2{
background: url("img/bg-hentry-title.gif") no-repeat scroll left bottom transparent;
color: #666666;
font: bold 14px/18px Vollkorn,serif;
text-transform: uppercase;
border-top: 1px solid;
border-top-color: #EAEAEA;
display: block;
margin: 0;
padding: 8px 10px 12px;
font: bold 14px/18px Vollkorn,serif;
text-transform: uppercase;
}
.liste.syndic_articles ul, .page_sommaire .liste.forums ul, .page_article .liste.articles ul, .page_breve .liste.breves ul{
display: block;
margin: 0;
padding: 5px 0px 10px;
}
.liste.syndic_articles ul li, .page_sommaire .liste.forums ul li, .page_article .liste.articles ul li, .page_breve .liste.breves ul li{
border-bottom: 1px solid; border-bottom-color: #EAEAEA;
display: block; margin: 0 0 5px; padding: 0 10px 5px 10px;
color: #B6B6B6;
font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;
text-transform: uppercase;
}
.liste.syndic_articles ul li a, .page_sommaire .liste.forums ul li a, .page_article .liste.articles ul li a, .page_breve .liste.breves ul li a{
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-transform: none;
}
/* Mots clés */
.liste.mots, .liste.groupes_mots{
float: right;
width: 250px;
margin:0 0 20px;
text-shadow: 1px 1px #FFFFFF;
font: 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.liste.mots h2, .liste.groupes_mots h2{
background: url("img/bg-box-tabs-title.gif") no-repeat scroll left bottom #A6A497;
color: #000000;
border-top: 1px solid;
border-top-color: #EAEAEA;
display: block;
margin: 0;
padding: 8px 10px 13px;
font: bold 14px/18px Vollkorn,serif;
text-transform: uppercase;
}
.liste.mots ul, .liste.groupes_mots ul {display: block; margin: 0; background: none repeat scroll 0 0 #B9B7AB;
padding: 5px 10px 10px;}
.liste.mots ul li, .liste.groupes_mots ul li {
border-bottom: 1px solid #A6A497;
color: #000000;
display: block;
margin: 0 0 5px;
padding: 0 0 5px;
}
.liste.mots ul li a, .liste.groupes_mots ul li a {color: #000000;}
/* contenu-principal */
.contenu-principal{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
.notes.surlignable{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
div#conteneur p.repondre{
margin: 0 20px 20px 0;
float:left;
color: #666666;
font: bold 16px/18px Vollkorn,serif;
}
.liste.articles{
width: 640px;
margin: 0 20px 20px 0;
padding: 0;
float:left;
border: 0 none;
clear: both;
}
div#contenu h2{
color: #4A9BAC;
border-bottom: 1px dashed #CCCCCC;
display: block;
font: bold 24px/28px Vollkorn,serif;
margin: 0 0 20px;
padding: 0 0 7px;
}
.ajaxbloc{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
div#signatures{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
div#formulaire_site{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
.formulaire_signature{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
/* Commentaires */
div#comments{
width: 640px;
margin: 0 20px 20px 0;
float:left;
}
div#comments ul {
padding:0;
margin:0 0 0 40px;
display:block;
}
div#comments li {
padding: 0 0 20px;
list-style-type: none;
display:block;
}
div#comments .comment-message{
border-bottom: 1px solid;
border-bottom-color: #cccccc;
display: block;
min-height: 140px;
margin: 0 0 15px;
}
div#comments p.repondre{
clear: both;
color: #666666;
display: block;
float: right;
font: bold 12px/16px Vollkorn,serif;
margin: 0 10px 10px;
padding: 0;
width: auto;
}
div#comments span.comment-author{
float: left;
clear:both;
}
div#comments .comment-meta{
width: 170px;
display:block;
padding: 10px 0 0;
float: left;
}
div#comments .comment-content p.hyperlien{
float:left;
clear: both;
}
div#comments .comment-content{
border-left: 1px dashed;
border-left-color: #cccccc;
display: block;
overflow: hidden;
padding: 10px 0 0 20px;
min-height: 140px;
}
div#comments .comment-content .comment-texte{
float: left;
height: 100%;
min-height: 100px;
}
div#comments .comment-meta abbr{
border: 0 none;
clear: both;
float: left;
color: #B6B6B6;
font: 10px/14px 'Helvetica Neue',Helvetica,Arial sans-serif;
margin: 0 0 6px;
padding: 0;
text-transform: uppercase;
}
/* Liste article autre */
div#contenu .liste.articles img.spip_logos {
border: 1px solid #DDDDDD;
float: right;
margin: 0 10px 10px;
padding: 10px;
}
div#contenu .liste.articles ul li{margin: 0 0 20px;}
div#contenu .liste.articles ul{
list-style: none;
padding: 0;
}
div#contenu .cartouche .spip_logos {
border: 1px solid #DDDDDD;
float: right;
margin: 60px 0 10px 10px;
padding: 10px;
}
p.surtitre{
color: #666666;
font: bold 20px/22px Vollkorn,serif;
}
p.soustitre{
color: #41403B;
font: bold 16px/20px Vollkorn,serif;
}