WebSVN – Sites.outils-naturalistes.fr – /trunk/spip/squelettes/css/styles.css

/* 
***************************************************************
*                 SQUELETTES EXIBIT POUR SPIP                 *
*                         version 1.3                         *
*                   last update : 10/03/2009                  *
*                    Licensed under the MIT                   *
*    http://www.opensource.org/licenses/mit-license.php       *
*                                                             *
*       Copyright 2009 Beno�t Vrins {benoit@exibit.be}        *
***************************************************************
*/
* {
margin: 0;
padding:0;
}

BODY, html{
        font-size:62.5%;
        background:#e8f1cd;
        margin:0 auto;
}

body {
        
        font-family:"Trebuchet MS";
        font-size:1.2em;
        color: #000000;
        line-height: 1.3em;
        margin: 0;
        padding:0;
        
}

A{
        color:#0A8D37;
        text-decoration:none;
}

A:HOVER{
        text-decoration:underline;
}

H1{
        font-size:1.8em;
        margin: 5px 0 20px 0;
}

H2{
        font-size:1.5em;
        margin: 5px 0 20px 0;
        font-style:italic;      
        color:#0A8D37;
        font-weight:normal;
        width:650px;
        padding:0 10px;
        line-height:20px;
        
}

H3{
        
        font-size:1.4em;
        color:#333333;
        margin: 8px 0 8px 0;
        
        font-family:"Trebuchet MS";
        color:#CC6600;
        font-weight:bold;
        padding-bottom:5px;
        
        
}

H4{
        font-size:1.3em;
        color: #333333;
        font-weight:bold;
}

P{
        font-size:1.1em;
        margin:5px 0 10px 0;
        line-height:1.3em;
        
        
}
HR{
        height:1px;
        border-top:#9cb4c7 solid 1px;
        border-bottom:none;
        border-left:none;
        border-right:none;
        margin:5px;
}
        


UL, OL {
        margin:10px 0 10px 20px;
        
}


LI {
        margin:10px 0 10px 20px;
        
}


IMG{
        border:none;
}

FORM{
        margin:0;
        border:none;
}


FIELDSET{
        margin:20px 0 20px 0;
        width:600px;
}


LEGEND{
        /*display:none;*/
}

LABEL{
        font-size:1.1em;
        margin:5px 0 10px 0;
        line-height:1.4em;
        font-weight:bold;
}
/* */
#principal:after,#tools:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------------------------------container-------------------------------------*/

#wrap{

}
/* header contient : tools, chemin et navigation */

#top {
        background:transparent url(../images/bandeau.png) no-repeat scroll left top;
        width:940px;
        height:132px;
        margin:0px auto;  /* Auto : centrage */
        position:relative;
        top:0px;
        left:0px;               
}

#header{        
        margin:0px auto;  /* Auto : centrage */
        position:relative;
        top:0px;
        left:0px;
        width:940px;
        background-color:#FFF;
        
}

#header H1{
        font-size:1.8em;
        margin: 0px 0 0px 0;
}

#tools{
        position:relative;
        float:right;
        text-align:right;
        border:0px solid #CCC;
        width:480px;
        margin: 100px 0 0px 0;
}

#chemin{
        position: relative;
        top:-5px;
        clear:right;

}

/*
#navigation{
        background-color:#FFF;          
        
}
*/

#navigation {
  float:left;
  background:#FFF;
  margin:0 auto;
  width:940px;

}

/* Principal contient menu et  contenu */

#principal{
        margin:0px auto;/* Auto : centrage */
        width:940px;
        top:0px;
        left:0px;
        background-color:#FFF;
        border:0px solid #CCC;
        
}

/* for Internet Explorer */
/*\*/
* #menu {
        height: 800px;
}
/**/



#menu{
        width:230px;
        position:relative;
        top:0px;
        left:0px;
        padding:10px;
        float:left;
        min-height:800px;
        background-color:#FFF;
        font-size: 1.2em;
}




#contenu{
        width:660px;
        position: relative;
        top:0px;
        left:0px;
        padding:10px;
        margin:0;
        float:right;
        min-height:250px;
        background-color:#FFF;
        overflow:hidden;
}



#footer{
        width:940px;
        position: relative;
        top:0px;
        left:0px;
        padding:5px;
        margin:5px auto;
        font-size:0.8em;
        text-align:center;
        border:0px solid #CCC;
        clear:both;
}

/*-------------------------------navigation-------------------------------------*/
#tools LI{
        display:block;
        float:right;
        padding:0 10px 0 10px;
}


/* Debut Porte coulissantes navigation */



#navigation ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
#navigation li {
  display:inline;
  margin:0;
  padding:0;
  }
#navigation a {
  float:left;
  background:url("../images/norm_left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
  white-space:nowrap;
  }
#navigation a span {
  float:left;
  display:block;
  background:url("../images/norm_right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {
  color:#333;
  }
#navigation #current a {
  background-position:0 -150px;
  border-width:0;
  }
#navigation #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#navigation a:hover {
  background-position:0% -150px;
  }
#navigation a:hover span {
  background-position:100% -150px;
  }


/* Fin Porte coulissantes navigation*/



/* Debut Porte articles */


#onglet ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
#onglet li {
  display:inline;
  margin:0;
  padding:0;
  }
#onglet a {
  float:left;
  background:url("../images/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
  white-space:nowrap;
  }
#onglet a span {
  float:left;
  display:block;
  background:url("../images/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglet a span {float:none;}
/* End IE5-Mac hack */
#onglet a:hover span {
  color:#333;
  }
#onglet #currentonglet a {
  background-position:0 -150px;
  border-width:0;
  }
#onglet #currentonglet a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#onglet a:hover {
  background-position:0% -150px;
  }
#onglet a:hover span {
  background-position:100% -150px;
  }


/* Fin Porte coulissantes articles */



#menu UL{
        position:relative;
        margin:0;
        list-style-type: none; 
}

#menu UL LI{
        list-style-type: none; 
}

#menu .item1, #menu .item1_down{
        /*line-height: 2em;*/
        display: block;
/*      font-weight:bold; */
        color:#0A8D37;
        border-bottom: #CCC 0px solid;
}



.item1 A{

} 
.item1 A:HOVER{

}

#menu .item1_down > A  {
        color:#333333;
}


#menu .item1 ul {
        display:none;           
}

/*-------------------------------mise en page-------------------------------------*/
.col1{
        width:400px;
        position: relative;
        top:0px;
        left:0px;
        padding:5px;
        float:left;
}
.col2{
        border:1px solid #CCC;
        width:220px;
        position: relative;
        top:0px;
        left:0px;
        padding:5px;
        float:right;
}
.article, .article_date, .article_galerie{
        clear:both;
}

.article {
        padding:15px 0 0 0;
}


.clear{
        clear:both;
}
SPAN.details{
        display:block;
        border-top:#CCCCCC dotted 1px;
        font-size:1em;
        clear:left;
        margin:5px 0 10px 0;
}
.telecharger{
        font-size:1.2em;
        color: #ff6600;
        font-weight:bold;
}
.ps{
        font-size:0.9em;
}
.ps P{
        font-size:1em;
}
.onglet1{
        float:left;
        margin: 0 8px 8px 0; 
}

 IMG.onglet1{
        border:solid #CCCCCC 1px;
        padding: 2px;
}
IMG.onglet1:hover{
        border:solid #CC0000 1px;
}
/* ----------------------------- SPIP ---------------------------------- */
.spip-admin-float{
        position:absolute;
        top:35px;
        right:100px;
}
/* IMAGES SPIP */
SPAN.spip_documents_left{
        padding:2px;
        border:1px solid #989794;
        margin:0 10px 5px 0;
}
SPAN.spip_documents_right{
        padding:2px;
        border:1px solid #989794;
        margin:0 0 5px 10px;
}
SPAN.spip_documents_center{
        margin:5px 0 5px 0;
        display:block;
        text-align:center;
}
SPAN.spip_documents_center IMG{
        padding:2px;
        border:1px solid #989794;
        margin:0 0 5px 10px;
}
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
/* FORMULAIRES SPIP */
#formulaire_recherche LABEL,
.formulaire_recherche LABEL,
#formulaire_menu_lang LABEL{
        display:none;
}
INPUT#recherche{
        width:120px;
        color:#999;
        font-size:10px;
}
INPUT.forml, INPUT.formo{
        background-color:#CCC;
        width:300px;
        padding:3px;
        border:none;
        display:block;
        margin:5px 0 5px 0;
        font-size:13px;
}
TEXTAREA.forml, TEXTAREA.formo{
        background-color:#CCC;
        width:320px;
        padding:3px;
        font-family:Arial, Georgia, "Times New Roman";
        border:none;
        display:block;
        margin:5px 0 5px 0;
        font-size:12px;
}
.spip_form_choix_multiple LI{
        list-style:none;
}
.spip_form_choix_multiple LABEL{
        font-size:0.9em;
}
/* TABLEAUX SPIP */
table.spip tr.row_even{
        background-color:#ebe6d2 ;
}
table.spip tr.row_odd {
        background-color:#FFFFFF;
}
table.spip th, table.spip td { 
        padding: 3px 5px 3px 5px; 
        text-align: left; 
        vertical-align: middle;
        line-height:1.3em;
}
table.spip {
        margin-bottom: 1em;
        margin-top: 1em;
        border:#ebe6d2 3px solid;
        border-collapse: collapse;
        padding:1px;
        font-size:12px;
}
Subversion Repositories Sites.outils-naturalistes.fr

(root)/trunk/spip/squelettes/css/styles.css – Rev 27
