1 line
No EOL
13 KiB
CSS
1 line
No EOL
13 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Vinca Stencil";
|
|
src: url("fonts/vinca_stencil.ttf") format("truetype");
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, p,
|
|
.h1, .h2, .h3, .h4, .h5, .h6 {
|
|
margin: 0;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6,
|
|
.h1, .h2, .h3, .h4, .h5, .h6 {
|
|
font-family: Verdana;
|
|
}
|
|
|
|
hr {
|
|
color: #787878;
|
|
border: 1px solid #333333;
|
|
}
|
|
|
|
pre {
|
|
height: auto;
|
|
overflow-x:scroll;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
dd {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
|
|
p, dl, dt, dt {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
a {
|
|
color: #b71c2a;
|
|
text-decoration: none;
|
|
}
|
|
a.spip_out {
|
|
color:#b71c2a;
|
|
}
|
|
a:hover {
|
|
color: #b71c2a;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a img {
|
|
border: none;
|
|
}
|
|
|
|
blockquote, blockquote.spip {
|
|
background: #070707;
|
|
border: 1px solid #060606;
|
|
padding: 5px 15px;
|
|
margin: 10px 10px 5px 15px;
|
|
font-style: italic;
|
|
color: #fff;
|
|
font-size:10pt;
|
|
}
|
|
blockquote.spip_poesie div {
|
|
font-size:11pt;
|
|
}
|
|
|
|
code, .spip_code, .spip_cadre {
|
|
color: #3366cc;
|
|
font-style: italic;
|
|
font-size:9pt;
|
|
}
|
|
|
|
strong {
|
|
font-size: 110%;
|
|
}
|
|
|
|
body {
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0 0 15px 0;
|
|
background: #000 url(img/bgbody.jpg) top center no-repeat;
|
|
color: #eee;
|
|
font-family: trebuchet ms, arial, helvetica, sans-serif;
|
|
}
|
|
|
|
table {
|
|
margin:0;
|
|
margin-top: 5px;
|
|
}
|
|
table * {
|
|
color:#000000;
|
|
}
|
|
table caption {
|
|
color:#ffffff;
|
|
}
|
|
|
|
.cleared {clear: both;}
|
|
|
|
/* listes */
|
|
ul.spip, ol.spip,
|
|
.page_auteur .liste.articles ul, .page_auteur .liste.articles ol,
|
|
ul.forum, ul.forum li ul,
|
|
ul.plan, ul {
|
|
margin: 0;
|
|
padding: 0 0 5px 16px;
|
|
font-size:9pt;
|
|
}
|
|
|
|
ul.spip li, ol.spip li,
|
|
.page_auteur .liste.articles ul li, .page_auteur .liste.articles ol li,
|
|
ul.forum li,
|
|
ul.plan li, ul li {
|
|
margin: 0;
|
|
padding: 2px 2px 2px 10px;
|
|
color: #eee;
|
|
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
|
|
}
|
|
|
|
ul.plan li a , li.menu-entree a, li.item a, p.retour a { color: #b71c2a; }
|
|
|
|
.liste.articles ul {
|
|
padding:0;
|
|
}
|
|
|
|
/* Tableaux */
|
|
table.spip tr.row_first { background: #3366cc; }
|
|
table.spip tr.row_odd { background: #b71c2a; }
|
|
table.spip tr.row_even { background: #b8caed; }
|
|
|
|
|
|
|
|
/* Header and wrapper */
|
|
#wrapper {
|
|
margin: 0 auto;
|
|
width: 960px;
|
|
text-align: left;
|
|
padding: 0;
|
|
}
|
|
|
|
#header {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 102px;
|
|
}
|
|
|
|
#header .accueil {
|
|
float: left;
|
|
margin: 18px 0 0 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
#header .formulaire_menu_lang {
|
|
text-align: right;
|
|
float: right;
|
|
width: 300px;
|
|
margin: 10px 0 0 0;
|
|
clear:right;
|
|
}
|
|
#header #slogan_site_spip, #descriptif_site_spip p {
|
|
padding: 0;
|
|
color: #FFCC00;
|
|
font-size: 11pt;
|
|
}
|
|
#descriptif_site_spip p {
|
|
color:#f0f0f0;
|
|
}
|
|
#header #nom_site_spip {
|
|
font-family: "Vinca Stencil", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans;
|
|
font-size: 40pt;
|
|
letter-spacing: 0.05em;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#header #nom_site_spip a {
|
|
color: #fff;
|
|
font-size: 32pt;
|
|
text-decoration: none;
|
|
}
|
|
#header #nom_site_spip a:hover {
|
|
color: #b71c2a;
|
|
text-decoration: none;
|
|
}
|
|
#header .accueil a .spip_logos {
|
|
display:none;
|
|
}
|
|
|
|
/* Menu */
|
|
|
|
#catnav {
|
|
margin: 0;
|
|
clear: both;
|
|
height: 44px;
|
|
width: 960px;
|
|
}
|
|
|
|
#catnav #nav ul,
|
|
#catnav .menu-liste {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#catnav #nav ul ul,
|
|
#catnav .menu-liste ul {
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#catnav #nav ul li,
|
|
#catnav .menu-liste li {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
background:none;
|
|
}
|
|
|
|
#catnav #nav ul a,
|
|
#catnav .menu-liste a {
|
|
display: block;
|
|
line-height: 44px;
|
|
margin: 0;
|
|
padding: 0 20px 0 15px;
|
|
font-family: "Vinca Stencil", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans;
|
|
font-size: 12pt;
|
|
letter-spacing: 0.08em;
|
|
color: #fff;
|
|
}
|
|
|
|
#catnav #nav ul li a:hover,
|
|
#catnav .menu-liste li a:hover {
|
|
color: #FFCC00;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
|
|
#catnav #nav ul li ul,
|
|
#catnav .menu-liste li ul {
|
|
list-style: none;
|
|
position: absolute;
|
|
z-index: 11000;
|
|
width: 150px;
|
|
left: -999em;
|
|
}
|
|
|
|
#catnav .menu-liste li ul ul{
|
|
list-style: none;
|
|
position: absolute;
|
|
z-index: 11001;
|
|
width: 150px;
|
|
left: -999em;
|
|
}
|
|
|
|
#catnav #nav ul li:hover>ul, #catnav #nav ul li.sfhover>ul,
|
|
#catnav .menu-liste li:hover>ul, #catnav .menu-liste li.sfhover>ul {
|
|
left: auto;
|
|
}
|
|
|
|
#catnav #nav ul ul li:hover ul, #catnav #nav ul ul li.sfhover ul,
|
|
#catnav .menu-liste ul li:hover ul, #catnav .menu-liste ul li.sfhover ul {
|
|
left: auto;
|
|
margin-top: -35px;
|
|
margin-left: 185px;
|
|
}
|
|
|
|
#catnav #nav ul li li,
|
|
#catnav .menu-liste li li {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 150px;
|
|
}
|
|
|
|
#catnav #nav ul li li a,
|
|
#catnav .menu-liste li li a {
|
|
width: 150px;
|
|
height: auto;
|
|
line-height: 24px;
|
|
color: #b71c2a;
|
|
border-top: 1px solid #b71c2a;
|
|
background: transparent url(img/bg-trans2.png) repeat;
|
|
margin: 0;
|
|
padding: 5px 20px 5px 15px;
|
|
}
|
|
|
|
#catnav #nav ul li li a:hover,
|
|
#catnav .menu-liste li li a:hover {
|
|
border-top: 1px solid #b71c2a;
|
|
background: transparent url(img/bg-trans.png) repeat;
|
|
padding: 5px 20px 5px 15px;
|
|
}
|
|
|
|
#catnav #nav ul li:hover, #catnav #nav ul li.sfhover,
|
|
#catnav .menu-liste li:hover, #catnav .menu-liste li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
|
|
position: static;
|
|
}
|
|
|
|
/* Top Content */
|
|
|
|
#main {
|
|
margin: 5px 15px 0 15px;
|
|
clear: both;
|
|
width: 930px;
|
|
min-height: 600px;
|
|
padding-bottom: 5px;
|
|
}
|
|
#contentwrapper {
|
|
float: right;
|
|
width: 660px;
|
|
margin: 20px 0 15px 0;
|
|
padding: 0;
|
|
}
|
|
#contentwrapper2 {
|
|
float:left;
|
|
width: 900px;
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body.page_rubrique #contentwrapper .h1, body.page_rubrique #contentwrapper2 .h1,
|
|
body #contentwrapper .h2, body #contentwrapper2 .h2 {
|
|
margin: 15px 0 10px 0;
|
|
font-size: 24pt;
|
|
letter-spacing: 0.1em;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
font-family: "Vinca Stencil", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans;
|
|
background: url(img/bg-trans.png) repeat;
|
|
padding: 5px;
|
|
}
|
|
body.page_plan #contentwrapper h2 a {color: #FFCC00;}
|
|
body.page_rubrique #contentwrapper .h1, body.page_rubrique #contentwrapper2 .h1 {
|
|
font-size:18pt;
|
|
}
|
|
.liste.articles .spip_logos, .cartouche .spip_logos {
|
|
clear:right;
|
|
float:right;
|
|
margin:0.8em 0 4px 16px;
|
|
}
|
|
|
|
.liste {
|
|
margin-bottom:2em;
|
|
}
|
|
.liste .liste-items .item, .liste .menu .item {
|
|
margin: 0;
|
|
margin-bottom:2em;
|
|
padding: 0;
|
|
font-size: 9pt;
|
|
list-style:none;
|
|
}
|
|
.page_sommaire .articles .liste-items .item, .page_sommaire .articles .liste .menu .item,
|
|
.page_rubrique .articles .liste-items .item, .page_rubrique .articles .liste .menu .item {
|
|
margin-bottom:4.5em;
|
|
}
|
|
.liste-items .item .h3 a, .menu .item .h3 a,
|
|
.page_article #contentwrapper .cartouche .h1, .page_article #contentwrapper .cartouche .h1 a {
|
|
font-size: 24pt;
|
|
letter-spacing: 2em;
|
|
font-family: "Vinca Stencil", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans;
|
|
font-weight: normal;
|
|
color: #FFCC00;
|
|
letter-spacing: 0.1em;
|
|
line-height:17pt;
|
|
}
|
|
.liste-items .item .h3 a:hover, .menu .item .h3 a:hover,
|
|
.page_article #contentwrapper .cartouche .h1 a:hover {
|
|
text-decoration: none;
|
|
background: #FFCC00;
|
|
color: #000;
|
|
}
|
|
|
|
.info-publi {
|
|
padding: 0;
|
|
margin: -10px 0 0 0;
|
|
font-size: 9pt;
|
|
color: #eee;
|
|
}
|
|
.info-publi a {
|
|
color: #eee;
|
|
}
|
|
.info-publi a:hover {
|
|
color: #eee;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Sidebars */
|
|
#sidebars {
|
|
margin: 15px 20px 0 -15px;
|
|
padding: 15px 0 0 0;
|
|
background: url(img/sidebar-bg-trans.png) repeat-y;
|
|
float: left;
|
|
width: 240px;
|
|
color: #eee;
|
|
}
|
|
#sidebars .menu, #sidebars .formulaire_spip, #sidebars .liste {
|
|
background: transparent;
|
|
padding: 8px 15px;
|
|
margin-bottom: 2em;
|
|
}
|
|
.menu {
|
|
margin-bottom: 2em;
|
|
}
|
|
#sidebar_full {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#sidebar_left {
|
|
float: left;
|
|
width: 160px;
|
|
}
|
|
|
|
#sidebar_right {
|
|
float: right;
|
|
width: 160px;
|
|
}
|
|
|
|
#sidebars h2 {
|
|
margin: 0;
|
|
padding: 0 0 8px 0;
|
|
font-size: 20pt;
|
|
font-weight: normal;
|
|
letter-spacing: 0.05em;
|
|
font-family: "Vinca Stencil", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans;
|
|
color: #fff;
|
|
}
|
|
|
|
#sidebars table {
|
|
width: 130px;
|
|
}
|
|
|
|
#sidebars ul {
|
|
margin: 0;
|
|
padding: 0 0 5px 0;
|
|
}
|
|
|
|
#sidebars li {
|
|
margin-bottom: 20px;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
#sidebars li ul {
|
|
padding: 0;
|
|
}
|
|
|
|
#sidebars ul li {
|
|
margin: 0;
|
|
padding: 2px 2px 2px 16px;
|
|
color: #eee;
|
|
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
|
|
}
|
|
|
|
#sidebars a {
|
|
display: inline;
|
|
color: #FFCC00;
|
|
}
|
|
#sidebars a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#sidebars .menu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
#sidebars .menu li li{
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
#sidebars .menu a {
|
|
width: 87%;
|
|
margin: 0 0 0 -12px;
|
|
padding-left: 47px;
|
|
line-height: 19px;
|
|
display: block;
|
|
color: #eee;
|
|
font-size: 12pt;
|
|
}
|
|
#sidebars .menu a.on {
|
|
color: #FFCC00;
|
|
}
|
|
|
|
#sidebars .menu a:hover {
|
|
color: #b71c2a;
|
|
background: #eee url(img/guitare.png) left no-repeat;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#sidebars p {
|
|
padding: 2px 0;
|
|
font-size: 9pt;
|
|
color: #eee;
|
|
}
|
|
|
|
#tag_cloud a {
|
|
display: inline;
|
|
}
|
|
|
|
#sidebars ul.children li {border-bottom:none;}
|
|
#sidebars ul.children {margin-bottom:0;}
|
|
|
|
|
|
|
|
/* Formulaires */
|
|
.formulaire_recherche input.text {
|
|
padding:1px 1px 1px 24px;
|
|
width:135px;
|
|
}
|
|
|
|
.formulaire_spip .boutons input, input.submit {
|
|
margin: -5px 0 0 5px;
|
|
color: #fff;
|
|
border: 1px solid #fff;
|
|
background: #b71c2a;
|
|
font-size: 8pt;
|
|
padding: 3px 6px;
|
|
vertical-align: middle;
|
|
}
|
|
.formulaire_spip .boutons input, input.submit:hover {
|
|
cursor: pointer;
|
|
background: #fff;
|
|
color: #b71c2a;
|
|
border: 1px solid #b71c2a;
|
|
}
|
|
|
|
.formulaire_spip label {
|
|
border-bottom:1px dotted #333;
|
|
color:#fff;
|
|
font-size:12pt;
|
|
font-weight:normal;
|
|
letter-spacing: 0.1em;
|
|
font-family: "Vinca Stencil", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans;
|
|
margin:0 0 10px;
|
|
padding:0 0 2px;
|
|
}
|
|
#sidebars .formulaire_spip label {
|
|
border-bottom:1px dotted #fff;
|
|
color:#DFDFDF;
|
|
}
|
|
.formulaire_spip fieldset legend {
|
|
background:none;
|
|
color:#000;
|
|
font-size:1.05em;
|
|
font-weight:bold;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.formulaire_inscription form {
|
|
padding:10px;
|
|
}
|
|
|
|
.formulaire_spip ul, #sidebars .formulaire_inscription ul {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
}
|
|
|
|
.formulaire_spip ul li, #sidebars .formulaire_inscription ul li {
|
|
clear:both;
|
|
margin:0;
|
|
padding:0.5em 0;
|
|
background:none;
|
|
}
|
|
.formulaire_forum form, .formulaire_ecrire_auteur form {
|
|
background: url(img/bg-trans.png) top left repeat;
|
|
padding:10px;
|
|
}
|
|
|
|
.formulaire_menu_lang label {
|
|
border-bottom:1px dotted #fff;
|
|
font-size:9pt;
|
|
color: #fff;
|
|
float:left;
|
|
width:50%;
|
|
}
|
|
.formulaire_menu_lang select {
|
|
font-size:9pt;
|
|
float:right;
|
|
width:50%;
|
|
}
|
|
|
|
|
|
|
|
/* Before footer */
|
|
|
|
#morefoot {
|
|
background: transparent url(img/bg-trans.png) repeat;
|
|
padding: 15px;
|
|
color: #eee;
|
|
margin: 20px 0 10px 0;
|
|
clear:both;
|
|
}
|
|
#morefoot p {
|
|
margin: 5px 0;
|
|
padding: 5px 0;
|
|
}
|
|
#morefoot ul {
|
|
list-style-type: none;
|
|
margin-top: 5px;
|
|
}
|
|
#morefoot ul li, #morefoot p {
|
|
font-size: 9pt;
|
|
}
|
|
#morefoot a {
|
|
text-decoration: underline;
|
|
color: #eee;
|
|
}
|
|
#morefoot a:hover {
|
|
text-decoration: underline;
|
|
color: #FFCC00;
|
|
}
|
|
#morefoot h3 {
|
|
font-size: 12pt;
|
|
font-weight: normal;
|
|
color: #dfdfdf;
|
|
border-bottom: 1px dotted #444;
|
|
margin: 0;
|
|
padding: 0 0 2px 0;
|
|
}
|
|
#morefoot #searchbox {
|
|
padding: 1px;
|
|
width: 180px;
|
|
}
|
|
#morefoot .col1 {
|
|
float: left;
|
|
width: 340px;
|
|
}
|
|
#morefoot .col2 {
|
|
margin: 0 25px;
|
|
}
|
|
#morefoot .col2, #morefoot .col3 {
|
|
float: left;
|
|
width: 260px;
|
|
}
|
|
#morefoot li {
|
|
padding-left: 20px;
|
|
margin-bottom: 5px;
|
|
background: url(img/more.gif) left 2px no-repeat;
|
|
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
|
|
}
|
|
|
|
|
|
/* footer*/
|
|
#footer {
|
|
clear: both;
|
|
background: transparent url(img/bg-trans.png) repeat;
|
|
padding: 15px 15px 10px 15px;
|
|
}
|
|
#footer p, #footer #copyleft {
|
|
font-size: 9pt;
|
|
color: #bbb;
|
|
padding: 0;
|
|
}
|
|
#footer a {
|
|
color: #bbb;
|
|
text-decoration: underline;
|
|
}
|
|
#footer a:hover {
|
|
color: #fff;
|
|
}
|
|
#footerleft {
|
|
float: left;
|
|
width: 500px;
|
|
}
|
|
#footerright {
|
|
float: right;
|
|
width: 300px;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
|
|
/* Barre de raccourcis typographiques */
|
|
table.spip_barre { width: 100%; }
|
|
table.spip_barre a img { background: #f0f0f0; padding: 3px; border: 1px outset #CC9; }
|
|
table.spip_barre a:focus img,
|
|
table.spip_barre a:hover img,
|
|
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
|
|
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }
|
|
|
|
|
|
/* Page article */
|
|
.soustitre {
|
|
margin-top:0;
|
|
padding-top:0;
|
|
font-size:12pt;
|
|
}
|
|
.surtitre {
|
|
margin-bottom:0;
|
|
padding-bottom:0;
|
|
font-size:12pt;
|
|
}
|
|
.ps, .notes {
|
|
margin-bottom:2em;
|
|
}
|
|
.notes {
|
|
clear:both;
|
|
font-size:0.9em;
|
|
}
|
|
#contentwrapper .ps .h2,
|
|
#contentwrapper .notes .h2 {
|
|
margin-bottom:0;
|
|
}
|
|
#contentwrapper .ps p,
|
|
#contentwrapper .notes p {
|
|
padding-top:0;
|
|
} |