source: extensions/sobre/theme.css @ 5583

/* $ Id: theme.css 2010-04-03 Par Gotcha pour son thème "Sobre" $ */

/* Importation de feuilles de styles additionnelles */
@import "menu.css";
@import "slider.css";

/* Le header */
/* Fonctionne avec l'administration */

#theHeader p {
        display:none;
} /* Désactivé par défaut */

/**************/

/* text color */
BODY, H1, H3,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
        color:#d0d0d0;
}
H2, #menubar DT {
        color: #fff48e;
}
/**************/

/* backgrounds */

BODY, H3, #imageBar, #imageToolBar A:hover {
        background: #393737
}
BODY {
background: #EAEAEA url(images/background-0.png) repeat-x top;
}

#menubar DL, .content, #imageToolBar, .header_notes {
        background-color: #505050;
}
H2 {
        background-image: url(images/tableh1_bg.png);
        color: #fff48e;
}
#imageHeaderBar H2 {
        background-image: none;
        background-color: transparent;
        border: none;
}
#imageHeaderBar {
        background-image: url(images/tableh2_bg.png);
        background-repeat: repeat-x;
        background-position: center;
        border-top: 1px solid #000;
}
/**************/

/* borders */
.content{
        border: 1px solid #252525;
        margin: 0;
}
H2, #imageToolBar {
        border-bottom: 1px solid #000;
}
FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
        border: 1px solid gray;
}
.content UL.thumbnails SPAN.wrap2 {
        border: 1px solid #aaaaaa;      /* thumbnails border color and style */
        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
.content UL.thumbnails SPAN.wrap2:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
        background-color: #faebd7;
        border-color: yellow;   /* thumbnails border color when mouse cursor is over it */
        color: black;
}


/* links */
A, INPUT.rateButton {
        color: #fff;
        border: none;
}
A:hover {
        color: #FFF48E;
}

/* Pied de page */
#copyright {
        color: black;
}
#copyright a {
        color: #FF7700;
}

/* Whois Online */
.Online {
        color: #444444;
}
.Online a {
        color: black;
}
  
/* Couleur de fond */
.content, #imageToolBar, .header_notes {
        background-color: black;
}
#imageToolBar {
        background-color:#505050;
}

/* Cadre autour de la page */
#thePicturePage {
        border:1px solid white;
}

/* Les polices */
h2 {
        font-family:Mon-menu;
        font-size:18px;
        font-style:italic;
        font-weight:normal;
}
.content ul.thumbnails span.thumbLegend {
        height: 100%;
}

/* Plus de place pour le texte des catégories */
.content ul.thumbnails span.wrap2, .content div.thumbnailCategory div.description  {
        height: 190px;
}



#theImage p {
        color:#D0D0D0;
        font-style:italic;
        margin:10px auto auto;
        position:relative;
        width:800px;
}

.content div.thumbnailCategory div.description .text {
        text-align: justify;
        padding-right:5px;
}
.content div.thumbnailCategory div.description {
        overflow: none;
}

/* Correction de l'affichage de la liste des tags */
ul.tagSelection {
        width:100%;
}
ul.tagSelection li{
        float:left;
        width:150px!important;
        overflow:hidden;
}

/* Tips pour picture.tpl */
#theImage img {
        margin-top: 10px;
}

/* Modification de zone de commentaires */
#comments fieldset {
        margin: auto;
        padding: 0;
        background-color: #F0F0F0;
        color: black;
}
#comments fieldset legend {
        margin-left: 10px;
        background: #F0F0F0;
}
#thePicturePage form.filter fieldset ul, #thePicturePage form.filter fieldset label {
        display:block;
        float:none;
        margin-right:0;
        padding:0;
}
table.commentr {
        margin-top: -20px;
        margin-bottom: -10px;
}
#outils {
        padding-top: 17px;
}
form.filter input[type="submit"] {
        margin-top:0;
}
form fieldset p {
        margin-top:0;
}
#comments  {
        border-width:0;
        padding:5px;
}
#theImage table {
        background-color: #D3D3D3;
        border:1px solid #000;
        width: 800px;
        margin:10px auto 0;
}
#theImage p {
        color: #000;
        font-style:italic;
        margin:0;
        position:relative;
}
#comments {
        width: 910px;
        margin: 0 auto;
        background-color: #505050;
}
#comments h3 {
        margin:14px -5px;
        padding:0 7px;
}
#comments table tbody tr td  select {
        width: 95px;
}
#comments SPAN.author {
        font-weight:bold;
}
#comments blockquote {
        border-color:black;
        border-style:solid;
        border-width:0 0 0 2px;
        padding-left:5px;
        font-style:italic;
}
#stuffs_block_3 #comments { /* Tip pour la page d'accueil */
        width: 100%;
}