/* Standard-CSS for gaming.lu Author: Jens Lumm Version 1: 04.12.2006 Version 1.1: 21.03.2007 Version 1.2: 28.03.2007 Version 1.3: 16.05.2007 Version 1.4: 24.05.2007 Version 1.5: 31.05.2007 Version 1.6: 25.10.2007 Version 1.7: 07.11.2007 -----------------------------------------------*/ /* BODY -----------------------------------------------*/ html, body { background-image:url(/images/bg_canvas.gif); background-repeat: repeat; font-size: 101%; height:100%; } html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color:#333333; border: 0; } a { text-decoration:none; } a:hover { text-decoration:underline; } table { width:100%; } /* Background Stuff -----------------------------------------------*/ .bg_transp_gray { background: url('/images/bg_transp_gray.png') repeat-x; min-height:100%; } .stripes { background: url('/images/bg_transp_star_stripes.png') no-repeat; background-position:center top; min-height:100%; } /* Structure -----------------------------------------------*/ #burrito_wrapper { position: relative; width:960px; margin-left:auto; margin-right:auto; font-size:0.69em; line-height:1.25em;} #makemehigh { height:100%; background-image:url(/images/bg_content_middle.gif); background-repeat:repeat-y; background-position:0px 10px;} /* Header -----------------------------------------------*/ #header_area { width:100%; height:265px;} #logo_gaming_lu_big { float:left; width:187px; height:115px; background-repeat:no-repeat; background-image:url(/images/logo_gaming_big.png);} #logo_lanparty_lu_small { float:right; background-image:url(/images/logo_lanparty_small.gif); width:74px; height:17px; background-repeat:no-repeat; margin-top:19px;} #drips { float:right; background-image:url(/images/bg_drips.gif); background-repeat:no-repeat; width:240px; height:75px; margin-right:44px;} #mainnavi_area { float:right;} #top_row_01 { font-size:1em; line-height:1.2em; background-image:url(/images/bg_top_row_01.gif); background-repeat:no-repeat; width:100%; height:70px;} #top_row_03 { background-image:url(/images/bg_top_row_03.gif); background-repeat:no-repeat; width:100%; height:10px;} #profile_column_left { float:left;height:70px; padding:10px 0px 0px 20px;} #profile_column_left a { color:#999999; } #profile_column_left a:hover { color:#ffffff; text-decoration:none;} #profile_column_left input { font-size: 11px; height: 10px; color:#000000; text-decoration:none; margin-bottom: 2px; margin-top: 3px;} #profile_column_left label { font-size: 11px; color:#ffffff; width: 5em; float: left; text-align: right; margin-top: 3px; margin-right: 0.5em; display: block; } #profile_line_spacer { float:left;height:50px; width:1px; background-color:#1a1a1a; margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px;} #profile_column_right { height:70px; color:#999999; padding:10px 0px 0px 0px;} #profile_column_right a { color:#ffffff; } #profile_column_right a:hover { color:#ffffff; } /* Login Form -----------------------------------------------*/ #loginform input { font-size: 11px; border: 1px solid black; height: 13px; color:#000000; text-decoration:none; margin-bottom: 2px; margin-top: 3px; padding-left: 2px;} #loginform label { font-size: 11px; color:#ffffff; width: 5em; float: left; text-align: right; margin-top: 3px; margin-right: 0.5em; display: block; } #loginform .text { font-size: 11px; color:#ffffff; margin-top: 3px; margin-left: 0.5em} #loginform .button { font-size: 10px; color:#000000; margin: 2px; height: 18px; } #loginform .checkbox { color:#000000; margin-top: 3px; margin-left: 0.5em; height: 13px; border: 1px solid black; margin-bottom: 2px; margin-top: 3px; padding-left: 2px;} /* Content -----------------------------------------------*/ #clear { clear:both; padding: 0px; margin: 0px; line-height: 0px; visibility:hidden; } #content_area { padding:20px; height:100%; float:left; width:900px; background-image:url(/images/bg_content_center.gif); background-repeat:repeat-x; background-color:#FFFFFF;} #content_area_sidekicks { float:left; width:10px; height:158px; background-image:url(/images/bg_content_sidekicks.gif); background-repeat:no-repeat;} #content_area_end { background-image:url(/images/bg_transp_content_end.png); background-repeat:no-repeat; width:960px; height:88px; } #content_area_end #bloemkes { background-image:url(/images/bg_content_end_apes.gif); background-repeat:no-repeat;height:88px; background-position:center;} /* Column Styles Splash Page -----------------------------------------------*/ #content_area #column_style_01 { position:relative; float:left; width:20%; } #content_area #column_style_02 { position:relative; float:left; width:47%; font-family:Verdana, Arial, Helvetica, sans-serif; } #content_area #column_style_03 { position:relative; float:left; width:25%; } #content_area #three_columns_same_width { position:relative; float:left; width:30%; padding-right:2px; } #content_area #seperate_columns { position:relative; float:left; width:4%; } .rtfm_width { float:left;width:150px; text-align:left;} /* Post a new topic -----------------------------------------------*/ #newTopic_ColumnLeft { position:relative; float:left; width:25%; padding-right:5%; padding-bottom:5px; padding-top:5px; } #newTopic_ColumnRight { position:relative; float:left; width:70%; padding-right:0px; padding-bottom:5px; padding-top:5px; } #newTopic_threesome_01 { position:relative; float:left; width:215px; padding-right:0px; padding-bottom:5px; padding-top:5px; } #newTopic_threesome_02 { position:relative; float:left; width:480px; padding-right:0px; padding-bottom:5px; padding-top:5px; } #newTopic_threesome_03 { position:relative; float:left; width:170px; padding-right:0px; padding-bottom:5px; padding-top:5px; } #tiny_footnote { font-size:0.85em; color:#999999;} #content_area .form_field, .post { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:3px; background-image:url(/images/bg_thread.gif); background-repeat:repeat-x; border: 1px solid #ccc;} #content_area .form_field.message , .post { width:492px;} #content_area .form_field.poll { margin-right:10px; width:380px;} #content_area .form_field.day { margin-right:10px; width:22px;} #content_area .polltable { width:auto; } .off_red { color:#FF0000;} .on_green { color: #99CC00;} .column_fifty { width:45%; padding: 5px; } #content_area .searchfield { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:2px; background-image:url(/images/bg_thread.gif); background-repeat:repeat-x; border: 1px solid #ccc; margin: 2px;} /* Event Editor -----------------------------------------------*/ #editor input, #editor textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:3px; background-image:url(/images/bg_thread.gif); background-repeat:repeat-x; border: 1px solid #ccc; width:100%;} #editor #icon_area { line-height:2em;} /* Image floats, without the text wrap (in Events verwendet) -----------------------------------------------*/ /**/ * { margin:1;padding:1; } .callout { border:0px solid #000; float:left; width:345px; } .callout h3 { border:0px solid #000; width:83px; height:83px; float:left; } .callout * { border:0px solid #000; width:250px; float:right; } .callout * * { width:auto; float:none; } /* Column Styles Forum Thread View -----------------------------------------------*/ .basic_table_layout { padding:4px;} #forum_container { float: left; background: url(/images/example-7.gif) bottom center no-repeat; padding-bottom: 1px; width:100%;} #forum_container #inner { float: left; overflow: hidden; width:100%;} #forum_HeaderFooterTypo { font-family: Verdana, Arial, Helvetica, sans-serif;} #forum_HeaderFooterTypo a { color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;} #forum_HeaderFooterTypo a.active { color: #000000; } #forum_HeaderFooterTypo a:hover { color: #000000; text-decoration:none; } #forum_HeaderFooterTypo a.page_active { color: #cc0098; font-weight:bold; } #forum_HeaderFooterTypo a:hover.page_active { color: #cc0098; font-weight:bold; } #forum_HeaderFooterTypo .align_left { color:#999999; font-family: Verdana, Arial, Helvetica, sans-serif;} #forum_HeaderFooterTypo .align_right { color:#999999; font-family: Verdana, Arial, Helvetica, sans-serif;} #forum_thread_view .forum_col { border: 1px solid #d9d9d9; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 10px; padding: 10px 10px 10px 10px; vertical-align:top; } .forum_col { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 0px 5px 12px; vertical-align:top; } .slighly_darker { background-image: url(/images/bg_thread.gif); background-repeat:repeat-x;} .forum_title, .thCornerL, .thTop , .thCornerR { font-size:1em; font-weight:bold; color:#666666; background-color:#ebebe5; background-image:url(/images/bg_forum_title.gif); background-repeat:repeat-x; border: 1px solid #cccccc; padding:5px 10px 5px 10px; } .FirstColWidth_ViewTopicBody, #newTopic_ColumnLeft.FixWidth { width:170px;} .progress_bar { font-size:1em; font-weight:bold; color:#666666; background-color:#fff; background-image:url(/images/bg_progress_bar.gif); background-repeat: no-repeat; border: 1px solid #cccccc; padding: 0px; background-position:right; } .center_me { text-align:center; } .typo_currently_viewing { color:#cc0098;} .statsForGeeks_area { color:#999999; } .statsForGeeks_area .marked { color:#666666; } .statsForGeeks_area a { color:#666666; text-decoration:underline; } .statsForGeeks_area a:hover { color:#000000; } /* Footer -----------------------------------------------*/ #footer_area { width:100%; height:164px; background-image:url(/images/bg_transp_footer.png); background-repeat:no-repeat; margin-top:10px; padding-bottom:25px;} #footer_area #content { padding: 90px 20px 20px 20px;color:#999999; } #footer_area #logo_vo { position:absolute; bottom:80px; right: 40px; background-image:url(/images/logo_vo.png); background-repeat:no-repeat; width:142px; height:78px; } #footer_area #logo_rss { position:absolute; bottom:30px; right: 20px; background-image:url(/images/logo_rss_feed.png); background-repeat:no-repeat; width:18px; height:35px; } #footer_area a { color:#999999; text-decoration:underline; } #footer_area a:hover { color:#ffffff; } /* Typografie -----------------------------------------------*/ .txt_align_right { text-align:right; } .align_right { float:right; line-height:1.6em; } .align_left { float:left; line-height:1.6em; } .typo_time, .typo_date, .typo_comments_numbers { color:#0097ff } .typo_comments_hint { color:#999999 } .quote { color:#999999; line-height:1.5em;} .last_post_width { width:210px;} .all_caps_and_bold { text-transform: uppercase; font-weight:bold; color:#000000; } a:hover .no_text_decoration { text-decoration:none;} .underlined { text-decoration:underline;} #comments_area a:hover { text-decoration:none; } a:hover .typo_comments_hint { color:#333333; } a:hover .typo_comments_numbers { color:#006699; } .typo_profile_headline { color:#FFFFFF; font-weight:bold; } .footnote_size { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#666666;} .footnote_size a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;} .footnote_size a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;} .typo_block_style_black { background-color:#000000; color:#FFFFFF; border: 1px solid #000000; padding-left:4px; padding-right:4px;} .typo_block_style_white a { background-color:#FFFFFF; color:#cccccc; border: 1px solid #cccccc; padding-left:4px; padding-right:4px;} .typo_block_style_white a.active { background-color:#FFFFFF; color:#000000; text-decoration:none; border: 1px solid #cccccc; padding-left:4px; padding-right:4px;} .typo_block_style_white a:hover { background-color:#FFFFFF; color:#666666; text-decoration:none; border: 1px solid #cccccc;} .typo_block_style_white a:hover.active { background-color:#FFFFFF; color:#000000; text-decoration:none; border: 1px solid #cccccc; padding-left:4px; padding-right:4px;} .i_want_more { color:#cc0099; } .i_want_more a { color:#000000; font-weight:bold;} .i_want_more a:hover {} .author { font-weight:bold; color:#000000; vertical-align: top; font-size:1.1em;} .author a {color:#666666; font-size:0.9em;} .author a:hover {color:#666666;} #paged_numbers {text-align:center; padding-bottom:10px; padding-top:10px; color:#000000; } #paged_numbers a {text-decoration: none; font-weight:normal; color:#999999;} #paged_numbers a:hover {text-decoration: none; color:#000000; } /* Headlines -----------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-weight: normal; } h1, .h1, .cattitle { font-size:1.81em; line-height:1.79em; color:#cc0097; margin-bottom:0.4em; } h2, .h2 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:1.18em; font-weight:bold; line-height:1.79em; } h3, .h3 { font-size:1em; line-height:1.79em; color:#cc0097;} h4, .h4 { font-size:1.2em; color:#0099ff;} /* Listen -----------------------------------------------*/ .nobullets { list-style:none;} li { line-height:1.79em; } ol { list-style:lower-roman inside;} ol li { text-decoration:none; background: url(/images/bg_hr_dotted.gif) 0px 18px; background-repeat:repeat-x; } ol li a { color:#999999; } ol li a.active { color:#000000; } ol li a:hover { color:#666666; text-decoration:none;} ol ol { padding-left:16px; list-style:upper-roman outside; } ol ol li { list-style: none; background: url(/images/bg_hr_dotted.gif) 0px 18px; background-repeat:repeat-x; } ol ol li a { } ol ol li a.active { } ol ol li a:hover { } /* Lines -----------------------------------------------*/ .line_style_01 { background-color:#1c1c1c; margin: 8px 0px 8px 0px; height: 1px; font-size:1px;} .line_style_02 { background: url(/images/bg_hr_dotted.gif) center bottom; margin: 8px 0px 8px 0px; height: 1px; font-size:1px;} .line_style_03 { background: url(/images/bg_hr_dotted.gif) center bottom; background-repeat:repeat-x; margin: 0px 0px 6px 0px; height: 6px; clear:both;} .line_style_04 { background: url(/images/bg_hr_dotted.gif) center bottom; margin: 0px 0px 0px 0px; height: 1px; font-size:1px;} /* Avatare -----------------------------------------------*/ #avatars_xs { color:#999999; float:left; line-height:1.1em; margin-right:11px;} #avatars_xs a { color:#000000;} #avatars_xs a:hover { color:#000000;} #avatars_xs img { border: 1px solid #cccccc; background-color:#FFFFFF; padding:3px; float:left; margin-right:9px; } #avatars_xl { color:#999999; margin-right:11px;} #avatars_xl a { color:#000000;} #avatars_xl a:hover { color:#000000;} #avatars_xl img { border: 1px solid #cccccc; background-color:#FFFFFF; padding:4px; margin-top:7px;margin-bottom:10px;} /* Gallery -----------------------------------------------*/ #gallery_thumbnail_area { margin-top:5px; margin-bottom:5px;} #gallery_thumbnail_area img { border: 1px solid #cccccc; background-color:#FFFFFF; padding:3px; margin-right:2px; margin-top:3px; } .mbf-item { display: none; } /* Icons -----------------------------------------------*/ .icon_comments { background-image:url(/images/icon_comments.gif); background-repeat:no-repeat; margin-left:0px; padding-right:14px;} a.icon_comments { } .bg_date_badge_01 { margin-right:10px; float:left; line-height:1.45em; padding-top:3px; text-align:center; color:#FFFFFF; background-image:url(/images/bg_date_badge_01.png); background-repeat:no-repeat; width:28px; height:38px;} .bg_date_badge_02 { margin-right:10px; float:left; line-height:1.45em; padding-top:3px; text-align:center; color:#FFFFFF; background-image:url(/images/bg_date_badge_02.png); background-repeat:no-repeat; width:28px; height:38px;} #new_post_area { color:#cccccc; } #new_post_area a { color:#0097ff; } #forum_HeaderFooterTypo #icon_area { color:#999999; font-family: Verdana, Arial, Helvetica, sans-serif;} .moderators { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;} #icon_area img { vertical-align: middle; padding-right:2px;padding-left:2px; border:0;} .event_img { width:75px; float:left; padding-right:15px;line-height: 50px; border: 1px solid #cccccc; background-color:#FFFFFF; padding:3px;float:left; margin-right:9px; } .box_img { width:50px; float:left; padding-right:15px;line-height: 50px;} .clan_img { width:100px; float:left; padding-right:15px;line-height: 50px; border: 1px solid #cccccc; padding:3px; margin-right:9px;} .galleries_list_img { float:left; padding:3px; border: 1px solid #cccccc; background-color:#FFFFFF; margin-right:15px; } .galleries_detail_flickr_img { width:75px; float:left; padding:3px; line-height: 50px; border: 1px solid #cccccc; background-color:#FFFFFF; float:left; margin:3px; } .galleries_detail_img { width:75px; padding:3px; border: 1px solid #cccccc; background-color:#FFFFFF; margin:3px; } .detail_img { border: 1px solid #cccccc; background-color:#FFFFFF; padding:3px; margin-right:9px;} /* Navigation -----------------------------------------------*/ /* Sub Navigation Area -----------------------------------------------*/ #subnavi_area { margin:0px 40px 0px 0px;} #subnavi_area a { margin:0px 0px 0px 92px; float:left; height:12px; display:block; line-height:12px; background-repeat:no-repeat; } #subnavi_area a:hover { text-decoration:none; } a#subnavi_area_01_01.active { background:url(/images/btn_faq_on.png); } a#subnavi_area_01_01 { background:url(/images/btn_faq_off.png) no-repeat; width:39px; } a#subnavi_area_01_01:hover { background:url(/images/btn_faq_on.png); } a#subnavi_area_01_02.active { background:url(/images/btn_search_on.png); } a#subnavi_area_01_02 { background:url(/images/btn_search_off.png) no-repeat; width:60px; } a#subnavi_area_01_02:hover { background:url(/images/btn_search_on.png); } a#subnavi_area_01_03.active { background:url(/images/btn_memberlist_on.png); } a#subnavi_area_01_03 { background:url(/images/btn_memberlist_off.png) no-repeat; width:84px; } a#subnavi_area_01_03:hover { background:url(/images/btn_memberlist_on.png); } a#subnavi_area_01_04.active { background:url(/images/btn_usergroups_on.png); } a#subnavi_area_01_04 { background:url(/images/btn_usergroups_off.png) no-repeat; width:92px; } a#subnavi_area_01_04:hover { background:url(/images/btn_usergroups_on.png); } a#subnavi_area_01_05.active { background:url(/images/btn_register_on.png); } a#subnavi_area_01_05 { background:url(/images/btn_register_off.png) no-repeat; width:68px; } a#subnavi_area_01_05:hover { background:url(/images/btn_register_on.png); } a#subnavi_area_01_06.active { background:url(/images/btn_myprofile_on.png); } a#subnavi_area_01_06 { background:url(/images/btn_myprofile_off.png) no-repeat; width:81px; } a#subnavi_area_01_06:hover { background:url(/images/btn_myprofile_on.png); } a#subnavi_area_01_07.active { background:url(/images/btn_mymsg_on.png); } a#subnavi_area_01_07 { background:url(/images/btn_mymsg_off.png) no-repeat; width:101px; } a#subnavi_area_01_07:hover { background:url(/images/btn_mymsg_on.png); } a#subnavi_area_01_08.active { background:url(/images/btn_logout_on.png); } a#subnavi_area_01_08 { background:url(/images/btn_logout_off.png) no-repeat; width:64px; } a#subnavi_area_01_08:hover { background:url(/images/btn_logout_on.png); } a#subnavi_area_01_09.active { background:url(/images/btn_login_on.png); } a#subnavi_area_01_09 { background:url(/images/btn_login_off.png) no-repeat; width:51px; } a#subnavi_area_01_09:hover { background:url(/images/btn_login_on.png); } a#subnavi_area_01_10.active { background:url(/images/btn_lostpw_on.png); } a#subnavi_area_01_10 { background:url(/images/btn_lostpw_off.png) no-repeat; width:115px; } a#subnavi_area_01_10:hover { background:url(/images/btn_lostpw_on.png); } a#subnavi_area_01_11.active { background:url(/images/btn_myclans_on.png); } a#subnavi_area_01_11 { background:url(/images/btn_myclans_off.png) no-repeat; width:76px; } a#subnavi_area_01_11:hover { background:url(/images/btn_myclans_on.png); } /* Tabbed Menü -----------------------------------------------*/ #tabThisMenu { padding:0; margin:20px 0 0 0; list-style-type:none; width:590px;} #tabThisMenu li { float:left;} #tabThisMenu li a { float:left; color:#444; font-size:15px;font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif; text-decoration:none; margin-right:10px; padding-bottom:3px; border-bottom:1px solid #444;} #tabThisMenu li a:visited { float:left; color:#444; font-size:15px;font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif; text-decoration:none; margin-right:10px; padding-bottom:3px; border-bottom:1px solid #444;} #tabThisMenu li a:hover { border-bottom:3px solid #000; color:#444; padding-bottom:1px;} #tabThisMenu li a.chosen { border-bottom:3px solid #000; padding-bottom:1px;} #tabThisMenu li a.chosen:visited { border-bottom:3px solid #000; padding-bottom:1px;} /* Yves Test Classes - Jens, make more beautiful ;) -----------------------------------------------*/ .forum_post_body table { border: 1px #d9d9d9 solid; border-left:2px #d9d9d9 solid; background: #F5F5F5; padding: 6px; margin: 8px;} .forum_post_body a { text-decoration:underline; } #pages_list { cursor: move; list-style: none; } /* AJAX Loading Carousel -----------------------------------------------*/ #ajax_loading_overlay { display: none; width: 200px; height: 80px; background-color: #FFF; position: absolute; top: 25px; left: 150px; padding-top: 10px; z-index: 100; color: #000; border:1px solid #1a1a1a; z-index:100;text-align: center; font-size: 18px; filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0;} #HTML_AJAX_LOADING { position: absolute; top: 0; right: 0; display: none; background-color: #f00; color: #fff; border: 1px solid #f99; width: 80px; padding: 4px;} /* Article Editor -----------------------------------------------*/ #articleeditor { background: #ffffff; padding: 15px; height: auto; background-image:none; } #artedit_ColumnLeft { position:relative; float:left; width:150px; padding-right:5%; padding-bottom:5px; padding-top:5px; border: 2px solid green;} #artedit_ColumnRight { position:relative; float:left; width:600px; padding-right:0px; padding-bottom:5px; padding-top:5px; border: 2px solid blue; } /* Forms -----------------------------------------------*/ #editor fieldset { width: 100%; margin: 15px; } #editor legend { color: #fff; background: #ffa20c; padding: 2px 6px; } /* #editor label { background-color: #00CC00; width: 18em; float: left; text-align: right; margin-right: 0.5em; display: block; font-weight: bold; } */ #editor label { position: relative; font-weight: bold; font-size:1em; top:-24px; } #editor input.radio { width:10px; margin-bottom:1.9em;} #editor input.button { width: 80px; } #DEBUGGER_AREA { float: right; background-color: #f00; color: #fff; border: 1px solid #f99; width: 160px; padding: 4px;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; line-height:0.9em;} #preloadbox { display: none; } #shoutbox { overflow-y: hidden; overflow-x:hidden; }