0,0 → 1,379 |
/* BACKGROUND */ |
|
body { background-color:#000000;} /*General background color*/ |
.main, .throw, .admin { background-color:#3F3F3F;} /*Main background color*/ |
.row1,input,select,textarea, .table1, .home { background-color:#5F5F5F;} /* Tables & forms */ |
.table2, .commentTitle { background-color: #797979;} /* Alternate table & comments */ |
.errors { background-color:red;} /* Errors display */ |
.titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.gif);} /* Titles background image */ |
.bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);} /* Buttons background image */ |
|
/* FONT COLORS */ |
|
body { color:#E0E0E0;} /* General font color */ |
input,select,textarea { color:#FFFFCC;} /* Forms font color */ |
.titreMenu, .titreMenu a, .info, .admin{ color:#FFF48E;} /* Menu & sections titles */ |
.titrePage, .titreMenu a:hover { color:#E0E0E0;} /* Page title */ |
.comment{ color:#C6B78E;} /* Comments */ |
.commentDate { color:#999999;} /* Comments date */ |
.throw { color:#FFFFCC;} /* First line of tables */ |
.bouton, .errors { color:#FFFFFF;} /* Buttons & errors */ |
|
/* Update results (admin side only) */ |
.update_summary_new, .best_gen_time |
{ color:#9cb4ce;} |
|
/* Update results (admin side only) */ |
.update_summary_del,.worst_gen_time |
{ color:#ffe1e1;} |
|
/* ANCHORS */ |
|
a { text-decoration:none; color:#FFFFFF;} |
a:hover { text-decoration:none; color:#FFF48E;} |
a.none:hover { text-decoration:none;} |
a.image:hover { text-decoration:none;} |
a.thumbLink:hover { text-decoration:none;} |
|
/* FONT STYLES */ |
|
body /* Main font style */ |
{ |
font-family: Verdana, Geneva, Arial, sans-serif; |
font-size:12px; |
margin:5px; |
} |
|
h1 /* H1 tag style (admin side only) */ |
{ |
font-family: 'Trebuchet MS', Verdana, sans-serif; |
text-decoration:none; |
line-height: 120%; |
font-size:18px; |
font-weight: bold; |
} |
|
h2 /* H2 tag style (admin side only) */ |
{ |
font-family: Arial, Helvetica, sans-serif; |
text-decoration:none; |
line-height: 120%; |
font-size:12px; |
font-weight: bold; |
} |
|
.titreMenu /* Menu titles */ |
{ |
font-size:12px; |
font-weight:600; |
} |
|
.titrePage /* Page titles */ |
{ |
font-family: 'Trebuchet MS', Verdana, sans-serif; |
font-weight:600; |
font-size:16px; |
} |
|
.commentTitle /* Comments title */ |
{ |
font-family: Arial, Helvetica, sans-serif; |
font-size:12px; |
font-weight:bold; |
} |
|
.menu, .thumbnail, .totalImages { font-size:11px;} |
.small{ font-size:10px;} |
.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;} |
.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category { font-weight:normal;} |
.commentDate, .bouton { font-weight:lighter;} |
.commentImage { font-style:italic; font-size:16px;} |
.nameImage { font-size:20px;} |
.info { font-size:16px;} |
.copyright { font-size:10px; text-align:center; letter-spacing:-1px;} |
div.information { font-size:14px; font-weight:bold;} |
|
/*----------------------------------------------*/ |
/* Under this point, do not modify the values */ |
/* unless you are aware of what you are doing! */ |
/*----------------------------------------------*/ |
|
/* POSITION */ |
|
#gauche,#droite |
{ |
float:left; |
width:30%; |
text-align:left; |
white-space:nowrap; |
} |
|
#centre |
{ |
float:left; |
width:39%; |
text-align:center; |
} |
|
#droite{text-align:right;} |
#left {float:left; } |
#right{float:right; } |
|
/* GENERAL LAYOUT STYLES */ |
|
.main |
{ |
border: 1px solid #E0E0E0; |
width:100%; |
padding-bottom:30px; |
text-align:center; |
display:block; |
} |
|
.home |
{ |
border: 1px solid #000000; |
display:block; |
text-align:center; |
width:100%; |
} |
|
.navigationBar |
{ |
text-align:center; |
margin-top:10px; |
margin-bottom:10px; |
} |
|
.info |
{ |
margin:5px 0px 5px 0px; |
/* white-space:nowrap; */ |
text-align:center; |
} |
|
.errors |
{ |
text-align:left; |
margin-top:5px; |
margin-bottom:5px; |
border:1px solid black; |
} |
|
div.information { |
text-align:left; |
margin:10px; |
padding:5px; |
} |
|
span.dateSelected, span.pageNumberSelected { |
text-decoration:underline; |
} |
/* MENU LAYOUT STYLES */ |
|
.titreMenu,.titrePage |
{ |
padding-right: 10px; |
padding-left: 10px; |
border-bottom: 1px solid #000000; |
border-right: 1px solid #000000; |
height: 25px; |
line-height: 25px; |
text-align:center; |
} |
.titrePage {text-align:left;} |
|
.menu |
{ |
margin:10px 5px 10px 5px; |
white-space:nowrap; |
text-align:left; |
} |
|
ul.menu |
{ |
text-align:left; |
list-style-type: square ; |
padding-left:15px; |
margin:5px; |
} |
|
.totalImages { |
text-align:center; |
margin-top:5px; |
} |
|
/* IMAGE LAYOUT STYLES */ |
|
.image |
{ |
border : 3px solid #FFFFFF; |
margin : 10px 4px 10px 4px; |
} |
|
#imgBarMenu |
{ |
width:100%; |
display:block; |
height:25px; |
border-bottom: 1px solid #000000; |
} |
|
.imgMenu |
{ |
width:48px; |
border:none; |
float:left; |
} |
|
.imgMenu img |
{ |
border:none; |
text-align:center; |
margin-top:4px; |
} |
|
.imgMenu a |
{ |
display:block; |
height: 25px; |
border-bottom: 1px solid #000000; |
border-left: 1px solid #838383; |
border-right: 1px solid #000000; |
} |
|
.imgMenu a:hover |
{ |
border-bottom: 1px solid #3F3F3F; |
border-left: 1px solid #3F3F3F; |
border-right: 1px solid #3F3F3F; |
} |
|
.commentImage { |
text-align:justify; |
margin-top: 10px; |
margin-bottom: 10px; |
} |
|
/* TABLE LAYOUT STYLES */ |
|
.table1 |
{ |
border: 1px solid #000000; |
display:block; |
} |
|
.table2 { |
border: 1px solid #000000; |
margin: 0px 10px 0px 0px; |
padding:0px; |
} |
|
.tablecompact{ |
width:100%; |
border-collapse:collapse; |
} |
|
.row1,.row2 { |
text-align:left; |
padding:5px 0px 5px 0px; |
height:20px; |
} |
|
.throw { |
text-align:center; |
border-top: 1px solid #000000; |
border-bottom: 1px solid #000000; |
height:20px; |
} |
|
td.throw{ |
text-align:left; |
width:auto; |
} |
|
/* THUMBNAILS LAYOUT STYLES */ |
|
.thumbnail { |
text-align:center; |
vertical-align: baseline; |
white-space: nowrap; |
} |
|
table.thumbnail { |
border-collapse:separate; |
display:inline-table; |
} |
|
.thumbLink { |
border-style: solid; |
border-width:1px; |
border-color: #A0A0A0; |
margin: 2px; |
} |
|
/* COMMENTS LAYOUT STYLES */ |
|
.commentTitle { padding: 15px 5px 10px 5px; } |
.commentDate { |
text-align:right; |
border-top: 1px solid #000000; |
border-bottom: 1px solid #000000; |
} |
|
/* FORM LAYOUT STYLES */ |
|
form |
{ |
text-align:left; |
padding:10px; |
} |
|
.bouton |
{ |
border: 1px solid #404750; |
padding-left: 3px; |
padding-right: 3px; |
background-position : bottom; |
margin-top:10px; |
} |
|
input,select,textarea |
{ |
text-indent:2px; |
border: 1px solid #797979; |
padding: 0; |
} |
|
.radio{ border:0;} |
|
/* ADMIN LAYOUT STYLES */ |
|
.adminMenu |
{ |
text-align:center; |
font-size:12px; |
} |
|
div.adminMenu{ margin:10px 50px 10px 50px; } |
|
.admin |
{ |
margin:0px 0px 12px 0px; |
text-align: center; |
padding:0px; |
} |
|
div.remoteOutput, div.remoteLocal { |
border:1px solid black; |
margin:10px; |
text-align:left; |
padding:5px; |
} |
|
div.remoteLocal { |
text-align:center; |
} |
|
/* for debugging purpose */ |
pre { text-align:left; } |