body { margin: 0; text-align: center; font: small "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; } .validation-advice { background-color: red; padding: 3px; color: white; } body#phpbb_simple { margin: 0; text-align: center; font: small Tahoma, "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; background: none; } img { border: none; } td { font-size: 11px; } th { border: 0; } p { line-height: 14px; } label { font-weight: bold; } /* *********************************** LINKS *********************************** */ #maincolumn a:link, #maincolumn a:visited { color: #274EB3; text-decoration: none; } #maincolumn a:hover { text-decoration: underline; } /* *********************************** PAGE STRUCTURE *********************************** */ .tablewidth { width: 33%; } #header { position: relative; background: url('/themes/FreakCyber/images/fc_header.gif') no-repeat; height: 109px; } #main { border-left: 1px solid black; border-right: 1px solid black; } #wrap { width: 871px; border: 0; background: #FFF; } #wrap #leftcolumn { width: 189px; padding: 0 10px; background-color: #C8CDD3; border-left: 1px solid #fff; color: #59636E; } #wrap #maincolumn { padding: 15px; background: url('/themes/FreakCyber/images/fc_shade.gif') repeat-x; text-align: left; } .content_box { width: 100%; text-align: left; } #maincolumn #teasers { margin: 15px 0 5px 0; } /* *********************************** HEADER *********************************** */ #header h1 { margin: 0; } #header h1 span { display: none; } #header h1 a { display: block; width: 111px; height: 85px; } #header #topbanner { position: absolute; left: 395px; top: 12px; } #header #mainmenu { position: absolute; left: 0px; top: 85px; width: 100%; border-top: 1px solid #000; background: url('/themes/FreakCyber/images/menu/fc_background.gif') repeat-x; } #header #login { display: none; position: absolute; left: 728px; top: 0; } #header #loginmenu { display: none; position: absolute; text-align: right; right: 0px; top: 43px; } #header #loginlogout { position: absolute; width: 80px; left: 560px; top: 80px; height: 22px; } /* *********************************** MAIN MENU *********************************** */ #mainmenu ul { margin: 0; padding: 0; width: 700px; } #mainmenu li { float: left; display: inline; list-style-type: none; } #mainmenu a { display: block; padding: 0; height: 23px; } #mainmenu li a.forum {width: 56px; background-image: url('/themes/FreakCyber/images/menu/fc_forum.gif');} #mainmenu li a.devices {width: 62px; background-image: url('/themes/FreakCyber/images/menu/fc_devices.gif');} #mainmenu li a.tools {width: 53px; background-image: url('/themes/FreakCyber/images/menu/fc_tools.gif');} #mainmenu li a.projects {width: 70px; background-image: url('/themes/FreakCyber/images/menu/fc_projects.gif');} #mainmenu li a.vendors {width: 67px; background-image: url('/themes/FreakCyber/images/menu/fc_vendors.gif');} #mainmenu li a.articles {width: 68px; background-image: url('/themes/FreakCyber/images/menu/fc_articles.gif');} #mainmenu li a.blogs {width: 80px; background-image: url('/themes/FreakCyber/images/menu/fc_gurublogs.gif');} #mainmenu li a.books {width: 53px; background-image: url('/themes/FreakCyber/images/menu/fc_books.gif');} #mainmenu li a.wiki {width: 54px; background-image: url('/themes/FreakCyber/images/menu/fc_wiki.gif');} #mainmenu a span { display: none; } /* *********************************** LEFT COLUMN *********************************** */ #leftcolumn h3 { font-size: 12px; font-weight: bold; color: #1A1D20; padding: 0; margin: 0; line-height: 22px; vertical-align: middle; } #leftcolumn table { width: 100%; border: 0; padding: 0; margin: 0; } #leftcolumn td { font-size: 11px; } #leftcolumn ul { margin: 3px 0 3px 0; padding: 4px 0 4px 0; } #leftcolumn li { font-size: 11px; list-style-type: none; } #leftcolumn a { color: #274EB3; text-decoration: none; } #leftcolumn a:hover { text-decoration: underline; } #leftcolumn p { font-size: 11px; margin: 0; padding: 0; } #leftcolumn p em { font-weight: normal; font-style: normal; color: #274EB3; } #leftcolumn .bordertop { border-bottom: 1px solid #B4BBC2; margin: 10px -10px 0 -10px; padding: 0; } #leftcolumn .borderbottom { border-bottom: 1px solid #ECEDEF; margin: 0 -10px 10px -10px; padding: 0; } /** Spesific **/ #leftcolumn .openPM, #leftcolumn .buddies, #leftcolumn .forumposts, #leftcolumn .projects, #leftcolumn .adv_search, #leftcolumn .editaccount, #leftcolumn .quiz { width: 27px; text-align: right; padding-left: 3px; } #leftcolumn .newPM, #leftcolumn .nonewPM { color: #fff; text-align: center; height: 20px; line-height: 20px; vertical-align: middle; width: 23px; padding-right: 3px; } #leftcolumn .newPM { background: url('/themes/FreakCyber/images/leftblock/fc_new_pm.gif') no-repeat -1px 2px; } #leftcolumn .nonewPM { background: url('/themes/FreakCyber/images/leftblock/fc_no_new_pm.gif') no-repeat -1px 2px; } #leftcolumn #myforumposts .replies, #leftcolumn #myprojects .dlcount, #leftcolumn #lc_quizz .score, #leftcolumn #lc_quizz .time, #leftcolumn #lc_quizz .place { width: 27px; padding-right: 7px; text-align: right; color: #505254; } #leftcolumn #myforumposts a { color: #5975BD; } #leftcolumn #myforumposts .new a { color: #274EB3; font-weight: bold; } #leftcolumn #lc_search { margin: -10px; padding: 10px; background-color: #D9DCE0; } #leftcolumn .account { width: 50px; } #leftcolumn .sendPM, #leftcolumn .onoff { width: 8px; padding-left: 11px; padding-right: 10px; } #leftcolumn #addBuddy { margin: 0 -10px -10px -10px; background-color: #D9DCE0; padding: 3px 10px 10px 10px; } #leftcolumn #lc_search #search_submit, #leftcolumn #addBuddy #addBuddySubmit { width: 35px; text-align: right; text-indent: 0; line-height: 22px; vertical-align: middle; } #leftcolumn #lc_search #search_submit {padding-right:8px;} #leftcolumn #addBuddy #bname, #leftcolumn #lc_search .search { width: 140px; } /* *********************************** MAIN COLUMN *********************************** */ #maincolumn textarea { width: 400px; } #maincolumn h1 { color: #274EB3; text-transform: lowercase; font-size: 20px; font-weight: bold; background: url('/themes/FreakCyber/images/fc_underline.gif') repeat-x bottom; text-align: left; margin: 2px 0 10px 0; } #maincolumn h1 a:hover {text-decoration: none;} #maincolumn .inline h1 { display: inline; background: none; padding-right: 1px; margin-right: 2px; } #maincolumn h2 { color: #274EB3; text-transform: lowercase; font-size: 18px; font-weight: bold; text-align: left; margin: 2px 0 2px 0; } #maincolumn h3 { font-size: 16px; font-weight: normal; margin: 3px 0 2px 0; padding: 3px 0 2px 0; color: #274EB3; } #maincolumn h5 { margin: 3px 0 2px 0; padding: 3px 0 2px 0; } #maincolumn .inline { text-align: left; display: block; padding: 3px 0 0 0; margin: 3px 0 3px 0; clear: both; background: url('/themes/FreakCyber/images/fc_underline.gif') repeat-x bottom; } #maincolumn .inline span a { font-size: 9px; line-height: 11px; vertical-align: 2px; } #maincolumn .news span.readmore { font-size: 9px; line-height: 12px; vertical-align: 3px; } #maincolumn p { text-align: left; margin: 1px 0 3px 0; padding: 1px 0 3px 0; } #maincolumn img.category { float: right; margin: 5px 0 5px 5px; } #maincolumn .news { background: url('/themes/FreakCyber/images/fc_underline.gif') repeat-x bottom; padding: 1px 0 1px 0; } #maincolumn .news h2 a { color: #000; } #maincolumn .news h2 { font-size: 14px; font-weight: bold; text-align: left; padding: 0px 0 1px 0; margin: 3px 0 0 0; } small { font-size: 9px; color: #818182; } #maincolumn ul.nobullet { margin-top: 3px; margin-left: 2px; padding-left: 2px; } #maincolumn ul.nobullet li { list-style-type: none; } /* *********************************** LATEST FORUM *********************************** */ #maincolumn .latestforum { width: 100%; border: 0; margin: 0px 0 5px 0; padding: 1px 0 1px 0; font-size: 12px; border-top: 1px solid #cde1b4; border-bottom: 1px solid #cde1b4; } #maincolumn .latestforum td, #maincolumn .latestforum th { border-width: 1px 0 0 0; border-style: solid; border-color: #fff; height: 18px; padding: 0 2px; } #maincolumn .latestforum .top { border-top: 0 !important; } #maincolumn .latestforum .even { background-color: #EBF2E0; height:12px; } #maincolumn .latestforum .odd { background-color: #F3F8EC; height:12px; } #maincolumn .latestforum .even:hover, #maincolumn .latestforum .odd:hover { background-color:#DDEDC1; } #maincolumn .latestforum .bullet { border-left: 0 !important; width: 10px; text-align: left; text-indent: 2px; } #maincolumn .latestforum .forum-name { text-align: left; } #maincolumn .latestforum .topic-short { text-align: left; text-indent: 0px; } #maincolumn .latestforum .username, #maincolumn .latestforum .post-date, #maincolumn .latestforum .replies { text-align: center; } #maincolumn .latestforum a:hover { color: #679318; text-decoration: none; } /* *********************************** LATEST TOOLS & PROJECTS *********************************** */ #maincolumn .latesttools, #maincolumn .latestprojects { width: 49%; font-size: 12px; border: 0; margin-bottom: 12px; } #maincolumn .latesttools{float:left;} #maincolumn .latestprojects {float: right;} #maincolumn .latesttools .inline h1, #maincolumn .latestprojects .inline h1 { } #maincolumn .latesttools h3, #maincolumn .latestprojects h3 { margin: 3px 0 7px 0; padding: 2px 0 2px 0; } #maincolumn .latesttools table, #maincolumn .latestprojects table { width: 100%; border: 0; margin: 0px 0 5px 0; padding: 1px 0 1px 0; font-size: 12px; } #maincolumn .latesttools table {border-top: 1px solid #E0D3E4; border-bottom: 1px solid #E0D3E4;} #maincolumn .latestprojects table {border-top: 1px solid #E8D6D6; border-bottom: 1px solid #E8D6D6;} #maincolumn .latesttools td, #maincolumn .latesttools th, #maincolumn .latestprojects td, #maincolumn .latestprojects th { border-width: 1px 0 0 0; border-style: solid; border-color: #fff; height: 16px; line-height: 16px; padding: 0 2px; margin: 0; } #maincolumn .latesttools table .even {background-color: #EEE8F0;height:12px} #maincolumn .latestprojects table .even {background-color: #F9F1F1;height:12px;} #maincolumn .latesttools table .odd {background-color: #F7F4F8;height:12px;} #maincolumn .latestprojects table .odd {background-color: #F0E5E5;height:12px;} #maincolumn .latesttools table .even:hover, #maincolumn .latesttools table .odd:hover { background-color:#E0D3E4; } #maincolumn .latestprojects table .even:hover, #maincolumn .latestprojects table .odd:hover { background-color:#E8D6D6; } #maincolumn .latesttools .bullet, #maincolumn .latestprojects .bullet { width: 10px; text-indent: 2px; text-align: left; } #maincolumn .latesttools .rating, #maincolumn .latestprojects .rating { width: 45px; text-align: right; padding-right:5px; } #maincolumn .latesttools .tool, #maincolumn .latestprojects .project { text-indent: 0px; white-space: nowrap; text-align: left; } #maincolumn .latesttools table a:hover { color: #A07AAD; text-decoration: none; } #maincolumn .latestprojects table a:hover { color: red; text-decoration: none; } #maincolumn .latesttools table .top, #maincolumn .latestprojects table .top { border-top: 0 !important; } /* *********************************** ADD BUDDY *********************************** */ #addBuddySuggest { position: absolute; background-color: #FFFFFF; text-align: left; width: 130px; border: 1px solid #000000; padding: 5px; } #addBuddySuggest ul { margin: 0; padding: 0; } /* *********************************** TAG CLOUD *********************************** */ .tagcloud a { line-height: 25px; padding-right: 10px; vertical-align: middle; } .tagcloud .s1 { font-size: 11px; } .tagcloud .s2 { font-size: 14px; } .tagcloud .s3 { font-size: 17px; } .tagcloud .s4 { font-size: 22px; } .tagcloud .s5 { font-size: 27px; } /* *********************************** GENERAL TABLE STYLES *********************************** */ /* GENERAL ODD AND EVEN STYLES */ .even { border-right-width: 0px; } .even:hover {background-color:#EBEBF4;} .odd { background-color: #f5f5f5; border-right-width: 0px; } .odd:hover {background-color:#EBEBF4;} /* TABLE WITHOUT BORDER */ .tbl_list { width: 100%; } .tbl_list td, .tbl_list th { border-width: 1px 0 0 1px; border-style: solid; border-color: #CCCCCC; height: 18px; padding: 0 2px; } /* clear style for nested tbl_list tables */ .tbl_list td td, .tbl_list td th { border-width: 0; height: auto; } .tbl_list td.first, .tbl_list th.first { border-left: 0 !important; } .tbl_list thead th, .tbl_list .header td { border-top: 0; font-weight: bold; font-size: 11px; border-left: 1px solid #CCCCCC; font-weight: bold; height: 22px; text-align: left; } /* TABLE WITH BORDER */ .tbl_border { background-color:#ffffff; border-collapse: collapse; width: 100%; } .tbl_border td, .tbl_border th { border: 1px solid #cccccc; height: 20px; text-align:center; color: #666666; } .tbl_border thead th { background-color:#EFEFEF; } /* ************************************************************************************************ */ .project .pn-title { font-size: 11px; } /* classes */ .pn-headline { font-size: 14px;font-weight: lighter;color: #767676; } .topblock-normal { color: #667178;font-weight: normal;font-size: 10px;line-height: 14px; } .ptabletop { border-left-width: 1px;border-left-style: solid;border-left-color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #ffffff;background-color: #6b7593;background-image: url('../images/academy/ptable/ptable_topbackl.gif');background-repeat: repeat-x;text-align: center;padding-left: 5px;padding-right: 5px; } .ptabletopleft { font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #ffffff;background-color: #2d5b73;background-image: url(../images/academy/ptable/ptable_topback.gif);background-repeat: repeat-x;padding-right: 5px; } .ptableconthead { font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #414345;background-color: #dce5e5;padding-left: 9px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 17px;vertical-align: middle;padding-right: 3px; } .ptablecontlight { font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #333333;background-color: #ecf2f8;padding-left: 9px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 15px;vertical-align: middle;border-bottom-color: #FFFFFF;border-left-width: 1px;border-left-style: solid;border-left-color: #FFFFFF;padding-right: 5px; } .ptablecontenttxt { font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #313131;background-color: #ffffff;padding-left: 8px;vertical-align: top;padding-right: 8px;padding-top: 8px; } /* *********************************** SHADED FORM *********************************** */ .shaded_form { width: 100%; margin: 0; } #maincolumn .shaded_form h3 { margin-top: 0; } .shaded_form .row0, .shaded_form .row1 { width: 100%; } .shaded_form .row0 { background: #FAFAFA url('../images/forms/lfield_leftback.gif') repeat-y left; } .shaded_form .row0 .last { background: url('../images/forms/lfield_rightback.gif') repeat-y right; } .shaded_form .last { padding-bottom:5px; padding-left: 8px; padding-right: 8px; width: 100%; /* a tiny boxmodel hack, to cope with ie 5 IE 5 needs 100% width, or else the form elements expand outside the page unfortunately, Firefox needs auto width, or the same thing happens.. sigh. */ voice-family: "\"}\""; voice-family:inherit; width:auto; } /* dark row */ .shaded_form .row1 { background: #F5F5F5 url('../images/forms/lfield_darker_back.gif') repeat-y left; } .shaded_form .row1 .last { background: url('../images/forms/lfield_darker_rightback.gif') repeat-y right; } /* seperator */ .shaded_form .line { width: 100%; background: url('../images/forms/lfield_darker_dottedback.gif') repeat-x;height: 1px; font-size: 0;/* ie 5 fix */ } /* header */ .shaded_form .header { background: url('../images/forms/lfield_topback.gif'); height: 10px; } .shaded_form .header .left { background: url('../images/forms/lfield_topleft_corner.gif') no-repeat; height: 10px; } .shaded_form .header .right { background: url('../images/forms/lfield_topright_corner.gif') top right no-repeat; height: 10px; } /* footer */ .shaded_form .footer { background: url('../images/forms/lfield_botback.gif') repeat-x; } .shaded_form .footer .left { background: url('../images/forms/lfield_botleft_corner.gif') no-repeat left; } .shaded_form .footer .right { background: url('../images/forms/lfield_botright_corner.gif') no-repeat right;text-align: center; } /*** shaded block ***/ .shadedblock { float: left; clear: none; width: 251px; } .shadedblock .tbright { background-position: 6px; } /* Even rows */ .shadedblock .tbeven { background-color: #ffffff; } .shadedblock .tbeven .tbleft { background: url('../images/topblock/topblock_leftback.gif'); } .shadedblock .tbeven .tbright { background: #ffffff url('../images/topblock/forum_rightback_second_small.gif') 3px 0 repeat-y;width: 9px; } /* Odd rows */ .shadedblock .tbodd { background: #F9FAFA; } .shadedblock .tbodd .tbleft { background: #f9fafa url('../images/topblock/forum/forum_second_back.gif'); } .shadedblock .tbodd .tbright { background: #f9fafa url('../images/topblock/topblock_rightback_small.gif') 3px 0 repeat-y; } /* line */ .shadedblock .tbline td { background: #f9fafa url( '../images/topblock/forum/forum_line.gif' ); } .shadedblock .tbline .tbleft { background: #f9fafa url('../images/topblock/forum/forum_leftdarker_back_line.gif'); } .shadedblock .tbline .tbright { } .shadedblock .tbname {text-indent:2px;font-size:9px; } .shadedblock .tbrating {margin-left:5px} .shadedblock .tbdate {font-size:9px; padding-right: 2px; } #FreaksErrorMsg { border: 1px solid #ff626f; background: #ffcdd2; padding: 3px; }