source: trunk/spip/2.1/extensions/magusine-portage2.1/themes/shu/style.css @ 756

/* feuille de style POLICES.CSS - theme : shu */
/* version novembre 2006 */
/* Code par Puissant Gregory dans le cadre du projet Magusine des Corsaires asbl */


/* containers de premier niveau */
#general {
        width: 804px;
        margin: 239px auto 0 auto;
        padding:0;
}

#bandeau {
        position: absolute;
        top: 15px;
        margin:0;
        height: 190px;
        width:780px;
        background-repeat: no-repeat;
        background-position: bottom left;
        border: 12px solid white;
        background-color:#dddbdc;
}
#pagesommaire #separateur{
        display:none;
}
#pagesommaire #corps{
        border:10px solid white;
}



#navigation {
        position:absolute;
        top:27px;
        width:200px;
        margin-left:531px;
}
#contextes {
        float:right;
        width:255px;
        border: 12px solid white;
        background-color:white;
        margin-bottom:10px;
        background-color:#f0eeef;
        background-image: url("bg.gif");
}
#corps {
        margin:0 290px 0 0;
        padding:20px 20px 15px 20px;
        border: 12px solid white;
        background-image: url("bg.gif");
}
#blocinfosecondaires {
        margin-right: 275px;
        padding: 10px 0px;
}

#footer {
        clear:both;
        padding:10px 0;
        margin:10px 0;
        border: 12px solid white;
        background-color:#f0eeef;
        background-image: url("bg.gif");
}
#conteneur-plan {
        z-index: 30;
        height: auto;
        padding: 10px 10px 10px 20px;
}

/*------------------------------*/
/*
                Feuille de style POLICES.CSS - theme : shu 
                Version novembre 2006 
                Code par Puissant Gregory dans le cadre du projet Magusine des Corsaires asbl 
                Blocs de premier niveau 
*/

body {
        font-family:Helvetica, Arial, sans-serif;
        font-size:11px;
        color: #111;
        line-height: 15px;
        margin: 0px;
        background: #595959 url("lignes.gif") no-repeat top left;
        background-attachement:fixed;
}

a {
        color: #f02e94; 
        text-decoration: none;
}
img{
        behavior: url("win_png.htc");
}
a:hover {
        color:#999;
        text-decoration:underline;
}       

ul, li {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

a img {
        border:none;
}
        /*------------------------*/
        /* fond du bloc principal */
        /*------------------------*/
#chemin {
        font-weight: normal;
        font-size:10px;
        color:black;
        font-weight:bold;
        margin-bottom:20px;
}
        
#footer {
        text-align: center;
        text-transform: lowercase;
}

#footer img {
        border: 0px;
        margin:12px 15px 0 15px;
}

#footer p {
        margin:0px;
}

        /*--------------------*/
        /* listage contextuel */
        /*--------------------*/
        
#contextes {
        font-family:Helvetica, Arial, sans-serif;
        color: #000;
}

#contextes h2 {
        color:black;
        font-size:14px;
        font-weight:bold;
        letter-spacing: 0.05em;
        margin: 10px 0px 6px 0px;
        padding: 8px 10px 8px 10px;
        text-transform:uppercase;       
}

#contextes ul ul {
        list-style: none;
        margin: 0 0 18px 0;
        padding: 0px 10px 8px 10px;
}
#pagesommaire #edito{
        margin-top:10px;
}
#menuhasard ul {
        text-align: center;
}

#contextes ul ul li {
        padding: 2px 0px 2px 0px;
}

.formrecherche {
        margin: 0;
        padding: 0;
}

/* corps du texte */

.logo {
        float: left;
        margin: 0 10px 10px 0;
        border: 1px solid #999;
}

.sursoustitre {
        color: #2f1200;
        letter-spacing: 0.2em;
}

h1 {
        font-size:180%;
        font-weight:bold;
        color: black;
        line-height: 160%;
        margin-top:0px;
        padding-top:4px;
        margin-bottom:2px;
        border-bottom:1px solid #f0037f;
        display:inline;
}

.dateauteurs {
        color: #777;
        margin-top:10px;
        margin-bottom:40px;
}

.chapeau {
        margin: 10px 40px 10px 0px;
        font-weight: bold;
        letter-spacing:0.1em;
        color:black;
        clear:left;
}

.texte {
        font-family:verdana;    
        line-height: 150%;
        text-align: justify;
        font-size:11px;
        color:black;
}

.ps {
        margin: 12px 0px 6px 0px;
        color:#333;
}

h3 {
        margin: 30px 0 1px 0;
        font-weight: normal;
        font-size:15px;
        line-height: 120%;
        text-align: left;
        text-transform:uppercase;
}
#contextes h2{
color:black;
font-size:14px;
font-weight:bold;
letter-spacing:0.05em;
margin:10px 0px 6px;
padding:8px 10px;
text-transform:uppercase;
}
        /*      ------------------------------------------------------------------------------------
                style general des listes :                                                                                                                
                page article : pieces jointes, forum                                                                                       
                page rubrique : liste d'article et de sous rubriques                                                       
                page sommaire : article et rubriques a la une, derniers articles breves liens forum 
                ------------------------------------------------------------------------------------    */
                
#corps h2 {
        font-size:14px;
        letter-spacing: 0.1em;
        margin: 10px 0 0 0;
        padding: 25px 0px 0px 0px;
        color: black;
        text-weight:bold;
        text-align:right;
        border-bottom:2px solid #333;
        clear:left;
}

#corps h2:before{
        color:#f0037f;
        content:"# ";
}

.listageconteneur {
        margin: 0px 0px 12px 0px;
        
}
#rubinrub .listageconteneur li{
        min-height:60px;
}
#corps .listageconteneur li{
        padding:20px 20px;
        background-image:url("bgliste.gif");
} 
#contextes .listageconteneur li{
padding:0 20px 10px 20px;
}

.listagetitre a {
        margin: 24px 0px 8px 0px;
        font-size:16px;
        text-decoration:none;
        color:#222;
}

.listagetitre a:hover {
        color:#f055a6;
        border-bottom:none;
        background-color:transparent;
}

.listagetexte {
        margin: 2px 0px 2px 0px;
        color:#222;
        text-align: justify;
        line-height: 130%;
        margin:0;
}

.listagelogo {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        border: 2px solid white;
 }
 
#audio .listagelogo {
        border:none;
}

.listagelogo .spip_logos, .spip_logos {
        border:none;
        margin-top:0px;
}

.listageinfo {
        font-family:verdana;
        font-size:9px;
        margin-bottom:7px;
        color:#777;
}
.listagedate {
        margin: 2px 0px 2px 0px;
}

.listagedescriptif {
        margin: 2px 0px 10px 0px;
        text-align: justify;
}

.listagerepondre {
        text-align: right;
        margin: 30px 10px 5px 0;
}
.listagerepondre:before{
        content:">> ";
        color:#f0037f;
} 

/* pour modifier specifiquement les classes de ces parties, utiliser le # du bloc */
        
        /* -------------------*/
        /* rubriques a la une */
        /* -------------------*/


#rubriqueune .listagetitregeneral {
        color: #666;
}

#rubriqueune .dernierart {
        padding: 10px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
}

#rubriqueune .infodernart {
        line-height: 120%;
        font-style: normal;
        margin: 4px 0px 4px 0px;
}

#rubriqueune .titredernart {
        line-height: 120%;
}

#rubriqueune .textedernart {
        line-height: 120%;
        margin: 4px 0px 0px 0px;
}

        /* ---------------*/
        /* pieces jointes */
        /* ---------------*/


.clearer {
        clear: both;
        height:20px;
}



#video .listagelogo,#piecesjointes .listagelogo {
        margin:0;
        overflow: hidden;
        border: 0px;
}

#piecesjointes .listagebloctexteheader {
        margin-left: 30px;      
        height: auto;
}

        /* ---------*/
        /* le forum */
        /* ---------*/

#forum ul ul {
         margin-left: 10px;
         padding-left: 6px;
         border-left: 1px solid black;
}

#pageforum .formulaire_spip textarea{
        margin-right:-277px;
}

        /* ------------------------------*/
        /* specifique a la page rubrique */
        /* ------------------------------*/

#artinrub, #rubinrub {
        height: auto;
        padding: 5px 10px 10px 0px;
        margin: 5px 0px 0px 0px;
}

#rubinrub li, #artinrub li {
        margin-bottom: 20px;
}

#rubinrub .listagedescriptif, #artinrub .listagedescriptif {
        margin: 0px;
        padding: 0px;
}

        /* ------------------------------*/
        /* specifique a la page sommaire */
        /* ------------------------------*/


#edito h1 {
        font-size: 150%;
        margin: 0px 0px 2px 0px;
        letter-spacing: 0.1px;
}
#edito #corps h2{
        border-bottom:none;
        margin: 0px 0 10px 0;
        padding-top: 5px;
        background:none;
}

#edito .texte {
        text-align: justify;
}

#edito .chapeau {
        margin: 0px 0px 2px 0px;
}

#edito .autreseditos {
        font-variant: normal;
        text-align: right;
}
#rubriqueune .dernierart{
        margin-left:20px;
}

#rubriqueune .dernierart #corps h4{
        font-weight:normal;
}

#corps h4{
        margin-bottom:6px;
}
.listageconteneur .listagetitre{
        margin-top:0px;
}
        /* ----------------------------*/
        /* specifique a la page auteur */
        /* ----------------------------*/

.formauteur {
        text-align:right;
}

        /* ----------------------------*/
        /* redefinition de tgs de spip */
        /* ----------------------------*/
        
hr.spip{
        height:1px;
        width:80%;
        border:0;
        text-align-center;
        background-color:black;
}
.logo{
        border:none;
}
.spip_logos {
        border:3px solid white;
        margin-top:5px;
}

.spip_documents_left {
        margin: 0 6px 6px 0;
        border: 1px solid white;
        width: auto;
}

.spip_documents_right {
        margin: 0 0 6px 8px;
        border: 1px solid white;
        width: auto;
}

.spip_documents_center {
        border: 1px solid white;
        text-align: center;
        padding: 4px;
        margin: auto;
        width: auto;
}

.spip_doc_titre {
        margin: 3px;
        font-size: 10px;
        text-align: center;
}

.spip_doc_descriptif {
        font-size: 9px;
        text-align: center;
        line-height: 120%;
}


div.spip_code {
        font-family: courier, sans-serif;
        padding: 10px 10px 10px 10px;
        margin: 10px 5px 10px 5px;
        border: 1px solid #ccc;
        background-color: #efefef;
}

span.spip_code {
        font-family: courier, sans-serif;
}

.spip_surligne {
        background-color: yellow;
}

.formulaire_spip{
}

fieldset{
        border:none;
        padding:15px 0px 30px 10px;
        width:400px;
}

fieldset p{
        margin:10px 0px 0px 0px;
}

legend{
        display:none;
}

#var_login_admin, #recherche .forml, #var_lang_ecrire, #email_auteur, #titre, #url_site, #textarea_1, .forml {
        color:black;
        background-color:#ececec;
        border: 1px solid black;
        cursor:default;
}

.barre{
        color:white;
        background-color:#777;
        border: 1px solid black;
        cursor:default;
}
/*---------------------------*/

/* feuille de style MENU.CSS - theme : shu */
/* version novembre 2006 */
/* Code par Puissant Gregory dans le cadre du projet Magusine des Corsaires asbl */

#navigation {
        text-align: left;
        font-family:Helvetica, Arial, sans-serif;
        background-position:top left;
        background-repeat:no-repeat;
        min-height:150px;
        font-size:12px;
        font-weight:bolder;
        line-height:20px;
}
#navigation #contextes h2{
        display:none;
}
.niveau2{
        display:none;
}
#navigation a {
        font-weight: bold;
        border: none;
        text-decoration: none;
        width:261px;
        display:block;
        text-indent:5px;
        background-image: url("bg_menu.png");
        filter:alpha(opacity=90);
}
#navigation a:before{
        color:#f0037f;
        content:"# ";
}
#navigation a:link, #navigation a:visited {
        color: #111;
}
#navigation a:active {
        color: #B00;
}
#navigation a:hover {
        color: white;
        background-image:none;
        background-color:black;
        width:261px;
        text-indent:20px;
}
#menu .courante a{
        text-align:center;
}
#navigation li {
        margin: 0;
        border-bottom:1px solid white;
        width:261px;
        !important padding-right:20px;
}
#navigation ul {
        margin: 0px 0 0 531px;
}