489 lines
11 KiB
CSS
489 lines
11 KiB
CSS
|
/*#############################################################
|
|||
|
|
<EFBFBD> 2007
|
|||
|
|
Author: Igor Jovic
|
|||
|
|
URL: http://spinz.se
|
|||
|
|
#############################################################*/
|
|||
|
|
|
|||
|
|
/* default elements */
|
|||
|
|
*{margin:0px;padding:0px}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* spip elements */
|
|||
|
|
|
|||
|
|
/* Espaceur de blocs */
|
|||
|
|
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
|
|||
|
|
|
|||
|
|
/* Non visible a l'ecran */
|
|||
|
|
.invisible { position: absolute; top: -3000em; height: 1%; }
|
|||
|
|
|
|||
|
|
#hierarchie { margin-bottom: 2em; font-size: 0.90em; }
|
|||
|
|
#hierarchie { color: #666; }
|
|||
|
|
|
|||
|
|
/* Listes d'articles et extraits introductifs */
|
|||
|
|
.liste { margin-bottom:2em; }
|
|||
|
|
.liste .liste-items { margin-left: 0; padding-left:0; }
|
|||
|
|
.liste .liste-items .item { padding: 0.20em 0.20em; list-style-type:none; border:none;}
|
|||
|
|
.liste .liste-items .item .h3 { margin: 0.30em 0 0.1em 0; }
|
|||
|
|
.item .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
|
|||
|
|
.liste .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
|
|||
|
|
.liste .liste-items .item .introduction { margin-top: 0.30em; line-height: 22px; }
|
|||
|
|
.info-publi {font-size:0.9em;}
|
|||
|
|
.h1 + .info-publi {margin-top:-1em;}
|
|||
|
|
|
|||
|
|
.meta-publi {margin-top:-0.3em; margin-bottom:2em;}
|
|||
|
|
|
|||
|
|
.documents_portfolio {margin-bottom:2em;}
|
|||
|
|
.documents_portfolio .spip_logos {
|
|||
|
|
margin:5px; padding:5px; border:1px solid #bbb; background:#ddd;
|
|||
|
|
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
|
|||
|
|
}
|
|||
|
|
.documents_portfolio a:hover .spip_logos {border-color:#888; background:#aaa; }
|
|||
|
|
|
|||
|
|
/* cartouche */
|
|||
|
|
.cartouche { margin-bottom: 2em; overflow:auto; }
|
|||
|
|
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
|
|||
|
|
.cartouche p { margin: 0; padding: 0; }
|
|||
|
|
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
|
|||
|
|
.cartouche .surtitre { margin-bottom: 0.30em; }
|
|||
|
|
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
|
|||
|
|
.cartouche .traductions { font-size: 0.90em; }
|
|||
|
|
|
|||
|
|
.menu .menu-liste {margin-left:0;}
|
|||
|
|
.menu .menu-liste .menu-liste {margin-left:1.5em;}
|
|||
|
|
.menu .menu-liste .menu-entree {list-style-type:none;}
|
|||
|
|
.menu .menu-liste .menu-entree .on {text-decoration:underline;}
|
|||
|
|
.menu .menu-liste .menu-entree .menu-entree {list-style-type:disc; border:none;}
|
|||
|
|
|
|||
|
|
#content .formulaire_spip{margin:2em 0;}
|
|||
|
|
|
|||
|
|
/* Habillage des forums
|
|||
|
|
---------------------------------------------- */
|
|||
|
|
.repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; }
|
|||
|
|
|
|||
|
|
/* * Habillage des forums */
|
|||
|
|
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
|
|||
|
|
ul.forum, ul.forum ul { list-style: none; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* comments list */
|
|||
|
|
ul.forum,ul.forum ul {
|
|||
|
|
margin: 12px 10px;
|
|||
|
|
padding: 0;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: #F0F0F0;
|
|||
|
|
border-width: 1px 1px 0 1px;
|
|||
|
|
}
|
|||
|
|
ul.forum ul.spip {border:0;}
|
|||
|
|
ul.forum ul { margin:0; }
|
|||
|
|
.forum li {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 10px;
|
|||
|
|
list-style: none;
|
|||
|
|
border-bottom: 1px solid #F0F0F0;
|
|||
|
|
background:#fafafa;
|
|||
|
|
}
|
|||
|
|
.forum ul.spip li {border:0;padding:0;}
|
|||
|
|
.forum li cite {
|
|||
|
|
display: block;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: bold;
|
|||
|
|
padding: 7px;
|
|||
|
|
}
|
|||
|
|
.forum li cite img {
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.forum li cite .forum-chapo {
|
|||
|
|
font-size: .8em;
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
.forum li .forum-texte {
|
|||
|
|
clear: both;
|
|||
|
|
margin: 0; padding: 0;
|
|||
|
|
}
|
|||
|
|
.forum li.alt {
|
|||
|
|
background: #f8f8f8
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Habillage des petitions
|
|||
|
|
---------------------------------------------- */
|
|||
|
|
|
|||
|
|
/* barre typo */
|
|||
|
|
table.spip_barre{margin:0 0 2px 0px;padding:0; width:auto;}
|
|||
|
|
table.spip_barre tr{height:auto;}
|
|||
|
|
table.spip_barre tr td{border:0; padding:0;}
|
|||
|
|
table.spip_barre tr td a img{background:#fcfcfc; padding:5px; border:#999 solid 1px !important; margin:0 2px 0 0 !important;}
|
|||
|
|
table.spip_barre tr td a:hover img{background:#D9E6F1 !important; border:#467AA7 solid 1px !important;}
|
|||
|
|
table .barre{display:none;}
|
|||
|
|
/* */
|
|||
|
|
|
|||
|
|
ul.spip{margin-bottom:1em;}
|
|||
|
|
ol.spip{margin-bottom:1em;}
|
|||
|
|
ul.spip li{border:none;}
|
|||
|
|
ol.spip li{border:none;}
|
|||
|
|
|
|||
|
|
.notes{clear:both; float:right; width:300px; font-size:0.9em;}
|
|||
|
|
.ps{clear:both; float:right; width:300px; font-size:0.9em;}
|
|||
|
|
#content h2{clear:both;}
|
|||
|
|
|
|||
|
|
hr{width:40%;}
|
|||
|
|
|
|||
|
|
#content table.spip {margin:10px; width:500px; border:solid 1px #467AA7; border-collapse:collate;}
|
|||
|
|
#content .spip th {background:#e0e0e0; padding:5px 15px 5px 15px; color:#666; font-weight:bold; text-align:left; border:0; border-bottom:1px solid #467AA7;}
|
|||
|
|
#content .spip td {border:0; padding:5px 15px 5px 15px; border-right:#467AA7 solid 1px;}
|
|||
|
|
#content .spip tr {background-color:#fff;}
|
|||
|
|
#content .spip tr.row_odd {background-color:#f3f3f3;}
|
|||
|
|
|
|||
|
|
#content .formulaire_spip{background:#fafafa; padding:0.5em; border:1px solid #eee;}
|
|||
|
|
|
|||
|
|
/* html */
|
|||
|
|
|
|||
|
|
h1,.h1 {
|
|||
|
|
font-family:arial, verdana, helvetica, sans-serif;
|
|||
|
|
font-size:2.2em;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color:#333333;
|
|||
|
|
line-height:1.6em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h2,.h2 {
|
|||
|
|
font-family:arial, verdana, helvetica, sans-serif;
|
|||
|
|
font-size:1.8em;
|
|||
|
|
color: #6d6d6d;
|
|||
|
|
font-weight:normal;
|
|||
|
|
padding-bottom:10px;
|
|||
|
|
line-height:1.2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h3,.h3 {
|
|||
|
|
font-family:arial, verdana, helvetica, sans-serif;
|
|||
|
|
font-size:1.6em;
|
|||
|
|
font-weight: normal;
|
|||
|
|
color:#333333;
|
|||
|
|
line-height:1.2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h3.spip {
|
|||
|
|
font-size:1.4em;
|
|||
|
|
font-weight: normal;
|
|||
|
|
line-height:1.2em;
|
|||
|
|
text-align:left;
|
|||
|
|
margin:1em 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
font-family:Verdana, Arial, helvetica, sans-serif;
|
|||
|
|
font-size:1em;
|
|||
|
|
font-weight: normal;
|
|||
|
|
color:#555;
|
|||
|
|
line-height:1.6em;
|
|||
|
|
padding:0 0 20px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.quote, blockquote, blockquote.spip {
|
|||
|
|
background:url(img/quote.jpg) no-repeat top left;
|
|||
|
|
font-family:Verdana, Arial, helvetica, sans-serif;
|
|||
|
|
font-style: italic;
|
|||
|
|
margin-left:0px;
|
|||
|
|
padding-left:80px;
|
|||
|
|
padding-top:0px;
|
|||
|
|
line-height:1.6em;
|
|||
|
|
float:left;
|
|||
|
|
min-height:80px;
|
|||
|
|
border:0;
|
|||
|
|
}
|
|||
|
|
blockquote.spip_poesie {
|
|||
|
|
background-image:none;
|
|||
|
|
border:0;
|
|||
|
|
padding:0 80px;
|
|||
|
|
}
|
|||
|
|
blockquote.spip_poesie div{
|
|||
|
|
margin-left:0;
|
|||
|
|
text-indent:0em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Special Formatting */
|
|||
|
|
code{
|
|||
|
|
font-size:0.8em;
|
|||
|
|
margin: 0 3px; padding:0 2px;
|
|||
|
|
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
|
|||
|
|
background: #FAFAFA;
|
|||
|
|
border: 1px solid #f2f2f2;
|
|||
|
|
color:#444;}
|
|||
|
|
.spip_code{color:#444;font-size:0.9em;}
|
|||
|
|
.spip_cadre {
|
|||
|
|
color:#666;
|
|||
|
|
margin: 5px 0;
|
|||
|
|
padding: 10px;
|
|||
|
|
text-align: left;
|
|||
|
|
display: block;
|
|||
|
|
overflow: auto;
|
|||
|
|
font: 500 0.9em/1.5em 'Lucida Console', 'courier new', monospace;
|
|||
|
|
/* white-space: pre; */
|
|||
|
|
background: #FAFAFA;
|
|||
|
|
border: 1px solid #f2f2f2;
|
|||
|
|
border-left: 3px solid #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.right {
|
|||
|
|
background-color:black;
|
|||
|
|
float:right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a {
|
|||
|
|
color:#467AA7;
|
|||
|
|
font-size:1em;
|
|||
|
|
font-weight:normal;
|
|||
|
|
font-style:normal;
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:link {
|
|||
|
|
color:#467AA7;
|
|||
|
|
font-weight:normal;
|
|||
|
|
font-style:normal;
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:visited {
|
|||
|
|
color:#467aa7;
|
|||
|
|
font-style:normal;
|
|||
|
|
font-weight:normal;
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
a:hover {
|
|||
|
|
color:#ff6600;
|
|||
|
|
font-style:normal;
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ul, ol {
|
|||
|
|
margin-left:1.5em;
|
|||
|
|
}
|
|||
|
|
li {
|
|||
|
|
line-height:1.5em;
|
|||
|
|
border-bottom:1px dotted #ccc;
|
|||
|
|
padding:3px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Layout */
|
|||
|
|
body {
|
|||
|
|
margin: 0;
|
|||
|
|
padding:0;
|
|||
|
|
font-size:0.8em;
|
|||
|
|
font-family: Verdana,'Lucida Grande', Verdana, Helvetica, sans-serif;
|
|||
|
|
background-image: url(img/bg.jpg);
|
|||
|
|
background-repeat: repeat-x;
|
|||
|
|
background-color:#ffffff;
|
|||
|
|
list-style:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#wrapper {
|
|||
|
|
margin-top: 0pt;
|
|||
|
|
margin-right: auto;
|
|||
|
|
margin-bottom: 0pt;
|
|||
|
|
margin-left: auto;
|
|||
|
|
padding-top: 0pt;
|
|||
|
|
padding-right: 0pt;
|
|||
|
|
padding-bottom: 0pt;
|
|||
|
|
padding-left: 0pt;
|
|||
|
|
width:1000px;
|
|||
|
|
background:transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#header {
|
|||
|
|
position:relative;
|
|||
|
|
width: 950px;
|
|||
|
|
height:172px;
|
|||
|
|
background: url(img/b.jpg) repeat-x;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#header #head {
|
|||
|
|
width:400px;
|
|||
|
|
float:left;
|
|||
|
|
margin-top:70px;
|
|||
|
|
color:white;
|
|||
|
|
padding-left:20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#header .accueil {
|
|||
|
|
/*float:left;*/
|
|||
|
|
display:block;
|
|||
|
|
border: none;
|
|||
|
|
font-size:2.3em;
|
|||
|
|
font-family:Arial,verdana,helvetica,sans-serif;
|
|||
|
|
font-weight:normal;
|
|||
|
|
color:white;
|
|||
|
|
}
|
|||
|
|
#header .accueil strong{font-weight:normal;}
|
|||
|
|
#header .accueil img {display:none;}
|
|||
|
|
|
|||
|
|
#formulaire_menu_lang {
|
|||
|
|
font-size:1em;
|
|||
|
|
position:absolute;
|
|||
|
|
top:25px;
|
|||
|
|
right:40px;
|
|||
|
|
}
|
|||
|
|
#formulaire_menu_lang label {
|
|||
|
|
color:#666; display:inline;
|
|||
|
|
margin-right:5px;
|
|||
|
|
width:auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#formulaire_menu_lang select { width:auto; }
|
|||
|
|
|
|||
|
|
#nav {width: 540px; height: 170px; overflow:hidden;}
|
|||
|
|
|
|||
|
|
#nav ul {
|
|||
|
|
display:block;
|
|||
|
|
float:right;
|
|||
|
|
list-style:none;
|
|||
|
|
margin-top:80px;
|
|||
|
|
margin-right:20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#nav li {
|
|||
|
|
float:left;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
padding-bottom:0px;
|
|||
|
|
padding-right:19px;
|
|||
|
|
border:0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#nav ul li a {
|
|||
|
|
float:left;
|
|||
|
|
border-left:4px solid #858383;
|
|||
|
|
display:block;
|
|||
|
|
margin-right:1px;
|
|||
|
|
padding-right:5px;
|
|||
|
|
padding-left:5px;
|
|||
|
|
padding-top:10px;
|
|||
|
|
padding-bottom:10px;
|
|||
|
|
color: #ffffff;
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-size: 1em;
|
|||
|
|
text-decoration: none;
|
|||
|
|
font-family:Arial, Helvetica, sans-serif;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#nav li a:hover { color: #ffffff; border-left:4px solid #facd00; }
|
|||
|
|
|
|||
|
|
#nav .on a { color: #ffffff; border-left:4px solid #facd00; }
|
|||
|
|
#nav .menu-entree .menu-liste{ display:none; }
|
|||
|
|
|
|||
|
|
#content {
|
|||
|
|
clear:both;
|
|||
|
|
float:left;
|
|||
|
|
background-color:transparent;
|
|||
|
|
margin-top:0px;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
padding:10px;
|
|||
|
|
width:920px;
|
|||
|
|
border-bottom:1px solid #eaeaea;
|
|||
|
|
color:#555;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#content h1 {
|
|||
|
|
font-size:1.6em;
|
|||
|
|
color: #6d6d6d;
|
|||
|
|
font-weight:normal;
|
|||
|
|
padding-bottom:10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#col1 {
|
|||
|
|
float:left;
|
|||
|
|
background-color:transparent;
|
|||
|
|
margin-top:20px;
|
|||
|
|
margin-bottom:5px;
|
|||
|
|
padding:10px 30px 10px 10px;
|
|||
|
|
width: 550px;
|
|||
|
|
border-right:1px solid #eaeaea;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#col1 .articles li{margin:10px 10px 10px 0;}
|
|||
|
|
|
|||
|
|
#col2 {
|
|||
|
|
float:right;
|
|||
|
|
background-color:transparent;
|
|||
|
|
margin-top:20px;
|
|||
|
|
margin-bottom:5px;
|
|||
|
|
padding:10px 0 10px 15px;
|
|||
|
|
width: 310px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#boxcontainer {
|
|||
|
|
float:left;
|
|||
|
|
clear:both;
|
|||
|
|
background-color:transaprent;
|
|||
|
|
margin-top:0px;
|
|||
|
|
margin-bottom:15px;
|
|||
|
|
padding:10px;
|
|||
|
|
width: 920px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box {
|
|||
|
|
width:167px;
|
|||
|
|
float:left;
|
|||
|
|
margin-left:0px;
|
|||
|
|
padding-right:5px;
|
|||
|
|
margin-top: 8px;
|
|||
|
|
padding-left: 20px;
|
|||
|
|
padding-top: 0px;
|
|||
|
|
padding-bottom:8px;
|
|||
|
|
border-right:1px dotted #dadada;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box p {
|
|||
|
|
font-size:0.9em;
|
|||
|
|
padding-top:10px;
|
|||
|
|
padding-left:10px;
|
|||
|
|
padding-right:10px;
|
|||
|
|
color:#555555;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box h1 {
|
|||
|
|
display:block;
|
|||
|
|
font-family: 'Trebuchet MS';
|
|||
|
|
font-size:1.2em;
|
|||
|
|
padding-top:0px;
|
|||
|
|
padding-left:10px;
|
|||
|
|
color:#619fde;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#footer {
|
|||
|
|
clear: both;
|
|||
|
|
margin: 0px;
|
|||
|
|
background-color:#191718;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size: 1em;
|
|||
|
|
line-height:3em;
|
|||
|
|
font-family: arial;
|
|||
|
|
font-weight: normal;
|
|||
|
|
color: #5b5b5b;
|
|||
|
|
padding: 0px 0 10px 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#footer, #footer img {vertical-align:middle;}
|
|||
|
|
|
|||
|
|
#footer #copyleft {
|
|||
|
|
padding-top: 0px;
|
|||
|
|
line-height:1em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#footer a {
|
|||
|
|
font-size: 1em;
|
|||
|
|
font-weight: normal;
|
|||
|
|
color: #facd00;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#footer a:hover {
|
|||
|
|
text-decoration: underline;
|
|||
|
|
font-weight: normal;
|
|||
|
|
color: #facd00;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|