/* Dark Elegance Design by Olivier R. */ * { margin: 0; padding: 0; } body { background: #303040 url(img/main_header.png) repeat-x; font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; color: #E0E0F0; } h1, h2, h3, h4 { font-family: "Times New Roman", "Liberation Serif", serif; color: #FFFFFF; } h1 { font-size: 32px; margin: 12px 0 16px 0; font-weight: bold; letter-spacing: -1px; } h2 { font-size: 24px; margin-top: 24px; } h3 { font-size: 20px; margin-top: 16px; } h4 { font-size: 20px; margin-top: 0px; } p { font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; color: #E0E0F0; } dfn { font: bold 12px "Courier New", "Liberation Mono", FreeMono; color: #FFFFFF; letter-spacing: 0px; } samp { font: bold 12px "Courier New", "Liberation Mono", FreeMono; color: lemonchiffon; letter-spacing: 0px; } span { font-family: "Courier New", "Liberation Mono", FreeMono; color: #FFE89F; } a:link, a:visited { color: #B0E9F0; /* #A0D9E0; */ text-decoration: none; } a:hover, a:active { color: #FFFFFF; background-color: #6099FF; } img { border: none; } ul { padding: 0 2px 0 30px; } th { font: bold 14px "Trebuchet MS", "Liberation Sans", sans-serif; text-align: left; } td { font-size: 14px; vertical-align: top; } u { text-decoration: underline; } select { font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; background-color: #E0E0F0; border: 1px solid #F5F5FF; } option { padding-left: 20px; background-color: #FFFFEE; } textarea { font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; background-color: #D0D0E0; border: 3px solid #F5F5FF; width: 100%; } .inputtxt { font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; background-color: #E0E0F0; border: 1px solid #F5F5FF; } /* underlines */ .section { margin: 20px 0 10px 0; line-height: 30px; color: #FFF7DE; background: #975020; border-top: 2px solid #D79060; border-bottom: 2px solid #D79060; padding: 8px 10px 8px 10px; } .underline { font-weight: bold; color: #FFD78E; margin: 10px 0 2px 0; border-bottom: 1px dotted #FDF5E6; } blockquote { background: #242434 url('img/elem_quotes.png') no-repeat; border-bottom: 1px solid #666676; border-top: 1px solid #666676; font: normal 18px "Times New Roman", "Liberation Serif", serif; color: #F0F0F5; display: block; margin: 10px 0 6px 0; padding: 6px 5px 4px 40px; } blockquote p { font: normal 18px "Times New Roman", "Liberation Serif", serif; color: #F0F0F5; } code { background: #FFFFFF url('img/codebg.png'); border: 2px solid #C5C5D5; color: #555; display: block; font: normal 11px "Courier New", "Liberation Mono", FreeMono; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } code a:link, code a:visited { color: #4079DF; } code a:hover, code a:active { color: #FFFFFF; background-color: #6099FF; } .monospace { font: normal 12px "Courier New", "Liberation Mono", FreeMono; } .roundcorner { background-color: #4A4A5A; padding: 10px 10px 10px 10px; margin: 20px 0px 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .roundcorner h2 { margin-top: 0px; } /* Project button */ .projectbutton a { display: block; padding: 20px; background: #444454; border: 1px solid #555565; font: bold 32px "Times New Roman", "Liberation Serif", serif; color: #CCCCDC; text-align: center; vertical-align: middle; } .projectbutton a:hover { background: #707080 url(img/main_header.png) repeat-x; } /* HEADER ===================================================================== */ #header { width: 900px; height: 160px; margin: 0 auto 0 auto; } #maintitle { float: left; } #maintitle h1 { margin: 0; font: normal 42px "Trebuchet MS", "Liberation Sans", sans-serif; color: #FFFFFF; } #maintitle h1 sup { vertical-align: text-top; font-size: 26px; } #maintitle h1 a { color: #FFFFFF; } #maintitle h1 a:hover { background-color: transparent; } #maintitle h2 { margin-top: -10px; font: normal 16px "Trebuchet MS", "Liberation Sans", sans-serif; color: #B0B0C0; } #maintitle a { text-decoration: none; } #noscript { float: right; margin: 4px 4px 0 0; padding: 2px; background-color: #AA0000; border: 1px solid #FF5555; } #noscript p { font: normal 12px "Courier New", "Liberation Mono", FreeMono; color: #FFFFFF; } /* MENU ======================================================================= */ #menu { width: 900px; margin: 5px auto 0px auto; } .menublock { display: block; float: left; width: 149px; } .menublock a { display: block; font: normal 16px "Trebuchet MS", "Liberation Sans", sans-serif; line-height: 20px; color: #EEEEFE; padding: 0 10px 0 10px; text-decoration: none; } .menublock a:hover { color: #FFFFFF; } .menulimit { border-left: 1px dotted #666676; } /* MAIN ======================================================================= */ #main { width: 900px; margin: 0px auto 0 auto; } /* SYSTEM MESSAGE */ #message { padding: 12px 25px 12px 25px; margin: 0px 0px 20px 0px; background-color: #008800; border: 1px solid #55DD55; } #message_error { padding: 12px 25px 12px 25px; margin: 0px 0px 20px 0px; background-color: #AA0000; border: 1px solid #FF5555; } #message p, #message_error p { font: normal bold 14px "Trebuchet MS", "Liberation Sans", sans-serif; color: #FFFFFF; } /* MAIN_LEFT ================================================================== */ #main_left { float: left; width: 564px; padding: 0px 0px 0px 0px; margin: 0 30px 0 0; } #main_left p { color: #EEE; text-align: justify; margin-top: 4px; margin-bottom: 2px; } .imgzone_left { float: left; width: 64px; height: 64px; margin: 0px 20px 0px 0px; } .imgzone_right { float: right; width: 64px; height: 64px; margin: 0px 0px 0px 20px; } .prop h1, .prop h2 { margin: 0px; } .entrydetail { border-left: 5px solid #808090; margin: 0 0 20px 0; padding: 10px; background: #505060; } .specialframe { padding: 20px; background: #552222; border: 3px solid #996666; } .highline li { height: 28px; line-height: 28px; font-size: 28px; list-style: none; } /* Columns */ .column_left { float: left; width: 400px; padding: 0; margin-right: 75px; } .column_right { /* float: right; */ width: 400px; padding: 0; overflow: hidden; } .block_left { float: left; padding: 5px; } .block_right { float: right; padding: 5px; } /* Link button */ .linkbutton a { display: block; padding: 0px 5px 0px 5px; background: #B97000; border: 1px solid #FFD78E; line-height: 16px; font: bold 16px "Trebuchet MS", "Liberation Sans", sans-serif; color: #FFD78E; text-align: center; } .linkbutton a:hover { background: #DB9200; border-color: #FFE89F; color: #FFFFFF; } .littlelinkbutton a { display: block; padding: 0px 4px 0px 4px; background: #505060; border: 1px solid #808090; font: bold 12px "Trebuchet MS", "Liberation Sans", sans-serif; color: #FFD78E; text-align: center; vertical-align: middle; } .littlelinkbutton a:hover { background: #808090; border-color: #D0D0E0; color: #FFFFFF; } /* pagination buttons */ .pagination { margin: 20px 0 20px 0; } .pagination a { background: #444454; border: 1px solid #555565; color: #AAAABA; margin: 0 1px 0 0; padding: 0 2px 0 2px; font-size: 12px; } .pagination a:hover { background: #8B4200; /*#DB9200;*/ border-color: #DB9200; /*#FFD78E;*/ color: #FFFFFF; } /* notezone ----------------------------------------------- */ .notezone { float: right; color: #C0C0D0; background-color: #202030; line-height: 24px; margin: 10px 0 5px 10px; padding: 5px 5px 5px 5px; border: 2px solid #C0C0D0; text-align: center; } .date_day { display: block; font-size: 32px; text-align: right; font-weight: bold; } .date_month { display: block; font-size: 32px; text-align: right; font-weight: bold; } .date_year { display: block; font-size: 16px; line-height: 18px; font-weight: bold; } /* table -------------------------------------------------- */ .border_collapse { border-collapse: collapse; } .table_centeralign tr { vertical-align: center; } .table_centeralign tr:hover { background: #404050; } .table_centeralign tr.tablehead:hover { color: #FFFFFF; background: #803040; } .table_centeralign td { height: 20px; line-height: 20px; } .table_topalign tr { vertical-align: top; } .table_topalign tr:hover { background: #404050; } .table_topalign tr.tablehead:hover { color: #FFFFFF; background: #A06070; } .table_topalign td { height: 16px; } .thesentry { border-left: 3px solid #E0E0F0; padding-left: 2px; } .thesentry tr { vertical-align: top; } .thesentry tr:hover { background: #404050; } .vcenter tr { vertical-align: center; } /* forms -------------------------------------------------- */ .defaultlbl { display: block; float: left; } .dictform p { line-height: 24px; height: 24px; } .entryform p { line-height: 20px; height: 20px; } .entryformlbl { display: block; width: 160px; float: left; } .widgetbutton a { display: block; float: right; margin: 2px 0 0 0; padding: 0px 4px 0px 4px; background: #9090A0; border: 1px solid #C0C0D0; font: bold 12px "Trebuchet MS", "Liberation Sans", sans-serif; color: #FFD78E; text-align: center; vertical-align: middle; } .widgetbutton a:hover { background: #A0A0B0; border-color: #D0D0E0; color: #FFFFFF; } .presetvalues { border: solid 1px #777787; margin: 4px 0 10px 20px; padding: 5px 20px 5px 20px; } .presetvalues a { font-size: 12px; } /* Comments ----------------------------------------------- */ #comments { padding: 25px 20px 0 20px; overflow: hidden; clear: both; } .commentblock { background: #404050; border: 1px solid #606070; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .comment { padding: 16px; text-align: left; font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; color: #F0F0F5; } .commentnote { /* line-height: 50px; */ font-size: 16px; padding: 0 0 6px 0; } .commentdate { text-align: right; } .commentdate span { color: #D0D0E0; font-size: 11px; border-bottom: 1px dotted; } /* Download ----------------------------------------------- */ .downloadsection { background-color: #4A4A5A; padding: 10px 20px 10px 20px; margin: 5px 0px 5px 0px; } .dlitem { /* deprecated */ padding: 40px 0 0 30px; float: right; width: 280px; font-size: 16px; color: #EAEAFA; } .dlitem a { /* deprecated */ font-size: 20px; color: #B0E9F0; text-align: right; border-bottom: 1px dashed; } .dlitem a:hover { /* deprecated */ color: #FFFFFF; } .downloaditem a { display: block; background: #1A1A2A; border: 1px solid #6A6A7A; font-size: 22px; padding: 5px 10px 5px 10px; margin: 1px; } .downloaditem a small { font-weight: bold; color: #FFD78E; } .downloaditem a:hover { background-color: #520020; border: 1px solid #DB9020; } .dldate { float: right; } /* Tabulations -------------------------------------------- */ .tabs { height: 36px; border-bottom: 4px solid #777787; } .tabs div { float: left; margin-right: 5px; width: 150px; } .tabs a { padding-top: 5px; display: block; font-size: 14px; font-weight: bold; text-align: center; height: 29px; line-height: 21px; text-decoration: none; } .tabs .tabOff a { color: #777787; background: #444454; border-left: 2px solid #606070; border-right: 2px solid #606070; border-top: 2px solid #606070; } .tabs .tabOn a { color: #FFFFFF; background: #777787; border-left: 2px solid #C0C0D0; border-right: 2px solid #C0C0D0; border-top: 2px solid #C0C0D0; } /* MAIN_RIGHT ================================================================= */ #main_right { float: left; width: 288px; background: #202030; border: 5px solid #202030; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4px; } #main_right p { margin: 4px 10px 4px 10px; font: normal 14px "Trebuchet MS", "Liberation Sans", sans-serif; } #main_right h1, #main_right h2, #main_right h3, #main_right h4 { margin-left: 10px; } .caption { padding: 10px 20px 10px 10px; margin: 2px 20px 20px 20px; font-size: 14px; color: #B0B0C0; background: #404050; border: 1px solid #606070; } /* titles ------------------------------------------------- */ .label { background: #333343 url('img/sidebar-label.png') no-repeat; clear: both; color: #EEEEEE; font: normal bold 24px "Times New Roman", "Liberation Serif", serif; height: 50px; line-height: 50px; overflow: hidden; text-align: center; } .biglabel { background: #333343 url('img/sidebar-labelbig.png') no-repeat; clear: both; color: #FFFFFF; font: normal bold 32px "Times New Roman", "Liberation Serif", serif; height: 100px; line-height: 100px; overflow: hidden; text-align: center; } /* external links */ ul.extlinks { padding: 0; margin: 0; } ul.extlinks li { border-bottom: 2px solid #2A2A3A; list-style: none; } ul.extlinks li a { background: #1A1A2A; background-position: right; color: #CCC; display: block; font: normal 13px Verdana, "Liberation Sans", sans-serif; line-height: 16px; padding: 5px 10px 5px 10px; border-left: 4px solid #101020; border-right: 4px solid #101020; } ul.extlinks li a:hover { background: #242434; /* url('img/linkbg.png') repeat-x left top; */ color: #FFF; border-left: 4px solid #CACADA; border-right: 4px solid #CACADA; } ul.extlinks li a:hover:after { content: "\0000a0\2197"; } /* BUTTONS ------------------------------------------------ */ .largebutton a { display: block; background: #202030; border: 1px solid #404050; font-size: 14px; line-height: 32px; color: #CCCCDC; text-align: center; } .largebutton a:hover { background: #303040; border-color: #606070; } /* other buttons */ .buttonline { text-align: center; } /* 1/2 length buttons */ .buttonlightgrey a { display: block; float: left; background: #888898; border: 1px solid #AAAABA; width: 142px; color: #444454; line-height: 14px; } .buttonlightgrey a:hover { background: #AAAABA; border-color: #DDDDED; } .buttondarkgrey a { display: block; float: left; background: #555565; border: 1px solid #777787; width: 142px; color: #CCCCDC; line-height: 14px; } .buttondarkgrey a:hover { background: #666676; } /* 1/3 length buttons */ .buttonmarroon a { display: block; float: left; background: #AA5555; border: 1px solid #CC7777; width: 94px; color: #FFCCCC; line-height: 14px; } .buttonmarroon a:hover { background: #BB6666; } .buttonblue a { display: block; float: left; background: #5555AA; border: 1px solid #7777CC; width: 94px; color: #CCCCFF; line-height: 14px; } .buttonblue a:hover { background: #6666BB; } .buttonpurple a { display: block; float: left; background: #AA55AA; border: 1px solid #CC77CC; width: 94px; color: #FFCCFF; line-height: 14px; } .buttonpurple a:hover { background: #BB66BB; } /* 1/4 length buttons */ .buttoncyan a { display: block; float: left; background: #CCCCEE; border: 1px solid #AAAACC; width: 70px; color: #555555; line-height: 14px; font-size: 12px; } .buttoncyan a:hover { background: #DDDDFF; } .buttongreen a { display: block; float: left; background: #CCEECC; border: 1px solid #AACCAA; width: 70px; color: #557755; line-height: 14px; font-size: 12px; } .buttongreen a:hover { background: #DDFFDD; } .buttonred a { display: block; float: left; background: #EECCCC; border: 1px solid #CCAAAA; width: 70px; color: #775555; line-height: 14px; font-size: 12px; } .buttonred a:hover { background: #FFDDDD; } .buttonyellow a { display: block; float: left; background: #EEEECC; border: 1px solid #CCCCAA; width: 70px; color: #777755; line-height: 14px; font-size: 12px; } .buttonyellow a:hover { background: #FFFFDD; } /* FOOTER ===================================================================== */ #footer { background: #404050 url(img/main_footer.png) repeat-x left top; height: 160px; } #info { padding-top: 50px; font-size: 12px; text-align: center; color: #B0B0C0; } /* MISC. ====================================================================== */ .clearer { clear: both; font-size: 0; height: 0; } .separator { clear: both; background: url(img/separator.old.png) no-repeat center; margin: 40px 0 30px 0; } #debugpanel { margin-top: 140px; position: absolute; color: #F6F6F6; padding: 10px; }