/* CSS Document */ /* ==================================================================================================================================== */ /* STANDARD HTML TAGS */ /* ==================================================================================================================================== */ html,body { background: url(/layout/images/top_gradient.png) repeat-x #333; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/top_gradient.png', sizingMethod='scale'); color: #CCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 100%; width: 100%; margin: 0px; padding: 0px; z-index: 1;} body { behavior:url("/layout/css/csshover.htc"); } html { overflow-y: scroll; } table { font-size: 9px; } th { font-size: 12px; text-align: left; } h3 { color: #0CF; font-size: 12px; margin: 0px; } img { border-color: #0CF; } form { margin: 0px; padding: 0px; width:100%; height:100%; } /* --- List Properties --- */ ul { float:left; list-style: none; margin: 0px; padding: 0px; } /* --- Anchor Properties --- */ a { color: #0CF; text-decoration: none; } a:hover { text-decoration: underline; } /* --- Form Properties --- */ input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} .text_field { border:none; height:15px; width: 175px; padding: 2px 2px 2px 2px;} .text_area { border:none; height:125px; width: 176px; padding: 2px 2px 2px 2px;} .submit { background:url(/layout/images/submit_bg.png) repeat-x center center #000; border: 2px solid #000; padding:2px 5px; height:24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; display:inline; text-align:center; margin:8px 0px 8px 0px; color: #CCC;} /* ==================================================================================================================================== */ /* MAIN ID'S */ /* ==================================================================================================================================== */ #mainWrapper { margin:0px auto; overflow:hidden; padding:0px; position: relative; width:1014px; z-index: 2;} #contentWrapper { margin:0px; padding:0px; width:100%; clear:both;} #contentWrapper:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0px; visibility: hidden; } #background_image { height: 99%; left: 0px; position: absolute; top: 0px; width: 100%; z-index:0;} /* #background_gradient { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }*/ /* ==================================================================================================================================== */ /* FOOTER PROPERTIES */ /* ==================================================================================================================================== */ #footer { float:left; width: 100%; text-align: center; color: #666; height: 125px;} #footer .title { margin-top: 4px; } /* ==================================================================================================================================== */ /* COMMON CLASS ELEMENTS */ /* ==================================================================================================================================== */ .box { float: left; background: #000; border: 5px solid #000; width: 100%; display:block; } .container { float: left; padding-bottom: 31px; display:block; } *div.container { padding-bottom: 27px;} a.block { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } a.block span { display: none; } .small_padd { border: 3px solid #000; } .large_padd { border: 7px solid #000; } .padd { padding: 5px; } .left { float: left; } .right { float: right; } .margin { margin: 5px;} .margin_left { margin-left: 15px; } .margin_right { margin-right: 20px; } .margin_top { margin-top: 10px; } .padding_top { padding-top:5px; } .sort_by_bottom { margin-bottom: 1px; } .sort_by_w { border:none; height:15px; width: 195px; padding: 5px 5px 2px 5px;} span.date { color: #666; float: right; } .no_info { margin-bottom: 15px; } .text_align_center { text-align: center; } .align_middle { margin: 10px 15px 15px 30px; } img.align_middle { margin: auto; vertical-align: middle; } span.rating { height: 11px; display: block; width: 75px; background: url(/layout/images/rating_background.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/rating_background.png', sizingMethod='image');} span.rating img { margin-right: 2px; } span.rating img.last { margin-right: 0px; } /* --- Text styles --- */ .blue_color { color: #0CF; } .red_color { color: #F00; } .grey_color { color: #4a4a4a; } .white_color { color: #fff; } .hide { font-style:italic; color:#666666;} .text_size_s { font-size:11px } .text_size_m { font-size:14px } .text_size_l { font-size:18px } .underline { text-decoration: underline; } h2.warning a { color: #F00; display: block; font-size: 14px; margin: 0px; padding: 0px; text-align: center; width: 100%; } h3.warning { color: #666; font-size: 16px; text-align: center; } .full_blocks li.large_2 h3.warning { margin-top: 42px; } /* --- Common sizes --- */ .small_w { width: 225px; _width: 215px; } .container.small_w { width: 235px; _width: 225px; } .regular_w { width: 315px; _width: 305px; } .container.regular_w { width: 325px; _width: 315px; } .medium_w { width: 400px; _width: 390px; } .container.medium_w { width: 415px; _width: 405px; } .normal_w { width: 477px; _width: 467px; } .container.normal_w { width: 487px; _width: 477px; } .large_w { width: 749px; _width: 739px; } .container.large_w { width: 759px; _width: 749px; } .full_w { width: 1004px; _width: 994px; } .container.full_w { width: 1014px; _width: 1004px; } .extra_w { width: 235px; _width: 225px; } /* ==================================================================================================================================== */ /* SINGLE BLOCK HEIGHT PROPERTIES */ /* ==================================================================================================================================== */ .small_h { background: url(/layout/images/background_medium.png) repeat-x center; height: 100px; } .regular_h { background: url(/layout/images/background_medium.png) repeat-x center; height: 215px; } .normal_h { background: url(/layout/images/box_normal_up.png) repeat-x center; height: 300px; } .medium_h { background: url(/layout/images/box_normal_up.png) repeat-x center; height: 359px; padding: 15px 0px 0px 0px;} .extra_large_h { background: url(/layout/images/box_extra_large_up.png) repeat-x center; height: 425px; } .extra_h { height: 350px; } /* ==================================================================================================================================== */ /* HEADER PROPERTIES */ /* ==================================================================================================================================== */ /* --- Header styles --- */ div#header h1 { background:url(/layout/images/logo_header.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/logo_header.png', sizingMethod='image'); display:block; height:128px; margin:0px; padding:0px; width:100%; } div#header h1 span { display:none; } div#header h1 a { display:block; height:128px; width:100%; } /* --- Menu styles --- */ #menu { margin: 0px 0px 1px 0px; width: 100%; } #menu ul { background: url(/layout/images/menu_bg.png) #333 repeat-x; height: 30px; margin:0px; width: 1008px; display:block; } #menu ul li { display:block; float:left; _margin:8px;} #menu ul li a { background-repeat:no-repeat; background-position:center 8px; display: block; height:30px; } #menu ul li span { display:none; } #menu ul li#home a { background-image: url(/layout/images/menu_home_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_home_up.png', sizingMethod='image'); width: 69px; } #menu ul li#information a { background-image: url(/layout/images/menu_information_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_information_up.png', sizingMethod='image'); width: 135px; } #menu ul li#register a { background-image: url(/layout/images/menu_register_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_register_up.png', sizingMethod='image'); width: 100px; } #menu ul li#my_profile a { background-image: url(/layout/images/menu_my_profile_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_my_profile_up.png', sizingMethod='image'); width: 115px; } #menu ul li#go_bombing a { background-image: url(/layout/images/menu_bombing_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_bombing_up.png', sizingMethod='image'); width: 124px; } #menu ul li#battle a { background-image: url(/layout/images/menu_battle_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_battle_up.png', sizingMethod='image'); width: 80px; } #menu ul li#gallery a { background-image: url(/layout/images/menu_gallery_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_gallery_up.png', sizingMethod='image'); width: 92px; } #menu ul li#hall_of_fame a { background-image: url(/layout/images/menu_halloffame_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_halloffame_up.png', sizingMethod='image'); width: 130px; } #menu ul li#contact a { background-image: url(/layout/images/menu_contact_up.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_contact_up.png', sizingMethod='image'); width: 96px; } #menu ul li#home a:hover, #menu ul li#home.selected a { background-image: url(/layout/images/menu_home_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_home_hover.png', sizingMethod='image'); } #menu ul li#information a:hover, #menu ul li#information.selected a { background-image: url(/layout/images/menu_information_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_information_hover.png', sizingMethod='image'); } #menu ul li#register a:hover, #menu ul li#register.selected a { background-image: url(/layout/images/menu_register_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_register_hover.png', sizingMethod='image'); } #menu ul li#my_profile a:hover, #menu ul li#my_profile.selected a { background-image: url(/layout/images/menu_my_profile_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_my_profile_hover.png', sizingMethod='image'); } #menu ul li#go_bombing a:hover, #menu ul li#go_bombing.selected a { background-image: url(/layout/images/menu_bombing_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_bombing_hover.png', sizingMethod='image'); } #menu ul li#gallery a:hover, #menu ul li#gallery.selected a { background-image: url(/layout/images/menu_gallery_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_gallery_hover.png', sizingMethod='image'); } #menu ul li#battle a:hover, #menu ul li#battle.selected a { background-image: url(/layout/images/menu_battle_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_battle_hover.png', sizingMethod='image'); } #menu ul li#hall_of_fame a:hover, #menu ul li#hall_of_fame.selected a { background-image: url(/layout/images/menu_halloffame_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_halloffame_hover.png', sizingMethod='image'); } #menu ul li#contact a:hover, #menu ul li#contact.selected a { background-image: url(/layout/images/menu_contact_hover.png); _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/menu_contact_hover.png', sizingMethod='image'); } /* --- Breadcrumb styles --- */ #breadcrumbs div { background: url(/layout/images/breadcrumbs_bg.png) repeat-x; border: 1px solid #2f2f2f; color: #999; display: block; height: 14px; padding-top: 3px; text-indent:15px; width: 1006px; } #breadcrumbs div a { text-decoration:none; color:#999;} #breadcrumbs div a:hover { text-decoration:none; color:#0cf;} #breadcrumbs #crumbs { width:200px; float:right; } #breadcrumbs #status { width:200px; float:right; } #not_a_member_yet { width:250px; text-align:center;} #not_a_member_yet span { background: url(/layout/images/breadcrumbs_bg.png) repeat-x; border: 1px solid #2f2f2f; color: #999; display: block; height: 110px; padding: 3px 5px 5px 5px; } #not_a_member_yet img { margin: 8px 0px 0px 0px; } #not_a_member_yet span a { text-decoration:none; color:#999;} #not_a_member_yet span a:hover { text-decoration:none; color:#0cf;} #why_register { background:url(/layout/images/why_register_info.png); line-height:16px;} #menu_footer { background: url(/layout/images/menu_shadow.png) no-repeat left; _background-image:none; float: left; height: 52px; width: 100%; } /* =========================================== ========================================================================================= */ /* UNORDERED LIST, FULL BLOCK PROPERTIES ( + alternative sizes ) */ /* ==================================================================================================================================== */ .no_results_small { background: url(/layout/images/box_large_up.png) repeat-x; border: 5px solid #000; height: 40px; padding: 5px; } ul.full_blocks li { background: url(/layout/images/box_large_up.png) repeat-x; height: 40px; margin-bottom: 5px; padding: 5px; position: relative; display:block;} *ul.full_blocks li { margin-bottom: 3px; } ul.full_blocks li:hover { background: url(/layout/images/box_large_hover.png) repeat-x; border: 1px solid #333; color: #FFF; padding: 4px; display:block;} ul.full_blocks li a.block { background: url(/layout/images/none.gif); border-bottom: 1px solid #333; padding-bottom: 2px; } ul.full_blocks li:hover a.block { padding: 0px 1px 3px 1px; left: -1px; } ul.full_blocks li:hover span.date { right: 2px; top: 2px; } ul.full_blocks li span.ranking_nr { color: #333; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; float: left; font-weight: bold; padding: 10px 5px 0px 0px; text-align: center; width: 25px; } ul.full_blocks li:hover span.ranking_nr { color: #0CF; } ul.full_blocks li.extra_small span.ranking_nr { font-size: 12px; padding: 0px 5px 0px 0px; } ul.full_blocks li.selected span.ranking_nr { color: #0CF; font-size: 22px; padding-top: 7px; } ul.full_blocks li table { width: 125px; } ul.full_blocks li table.td { width: 50%; } ul.full_blocks li h3, ul.full_blocks li p { font-size: 9px; font-weight: normal; margin: 0px; } ul.full_blocks li h3 { color: #0CF; float: left; text-decoration: underline; } ul.full_blocks li h3.warning { color: #666; float: none; font-size: 14px; font-weight: bold; margin: 0px; text-align: center; text-decoration: none; } ul.full_blocks li .thumb { border: 3px solid #0CF; margin: -3px 0px 0px 5px; } ul.full_blocks li.last { margin-bottom: 0px; } *ul.full_blocks li.last { margin-bottom: -2px; } ul.full_blocks li.last a.block { border-bottom: 0px; margin: 0px; } /* --- Alternative sizes --- */ ul.full_blocks li.extra_small { background: url(/layout/images/box_small_up.png); height: 12px; } ul.full_blocks li:hover.extra_small { background: url(/layout/images/box_small_hover.png); } ul.full_blocks li.medium { background: none #333; height: 57px; } ul.full_blocks li:hover.medium { background: none #000; } ul.full_blocks li.large { background: none #333; height: 93px; } ul.full_blocks li:hover.large { background: none #000; } ul.full_blocks li.large_2 { background: url(/layout/images/box_medium_up.png) repeat-x; height: 114px; } ul.full_blocks li:hover.large_2 { background: url(/layout/images/box_medium_hover.png) repeat-x; } ul.full_blocks li.extra_large { background: url(/layout/images/box_medium_up.png) repeat-x; height: 149px; } ul.full_blocks li:hover.extra_large { background: url(/layout/images/box_medium_hover.png) repeat-x; } /* --- Alternative sizes properties --- */ ul.full_blocks li.extra_small table { width: 138px; } /* ==================================================================================================================================== */ /* SEARCH RESULT BOX */ /* ==================================================================================================================================== */ .search_result .thumb { margin-right: 7px; } .search_result .artwork_data .date { margin-bottom: 7px; } .search_result .artwork_data { border-right: 1px dotted #ccc; float: left; height: 77px; padding: 7px; width: 488px; margin: 5px; } .search_result .user_data .thumb { margin: 12px 7px; } .search_result .user_data table { height: 80px; margin: 10px; } /* ==================================================================================================================================== */ /* MORE INFORMATION BOX */ /* ==================================================================================================================================== */ div.more_info { color: #666; height: 15px; display:block;} div.more_info a { background: #000; color: #666; display: block; float: left; height: 15px; margin-top: -1px; text-decoration: none; } div.more_info a:hover { color: #0CF; } div.more_info a.selected { text-decoration: underline; color: #0cf; } div.more_info span { background: #000; float: left; height: 100%; margin-top: -1px; } div.more_info span.left { background: url(/layout/images/more_information_left_corner.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/more_information_left_corner.png', sizingMethod='image'); float: left; height: 100%; width: 10px; margin-top: 0px; } div.more_info span.right { background: url(/layout/images/more_information_right_corner.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/more_information_right_corner.png', sizingMethod='image'); float: left; height: 100%; width: 10px; margin-top: 0px; } /* ==================================================================================================================================== */ /* SORT BY... NAVIGATION */ /* ==================================================================================================================================== */ .sort_by { background: url(/layout/images/breadcrumbs_bg.png) repeat-x; border: 1px solid #2f2f2f; color: #999; display: block; height: 14px; padding-top: 3px; text-indent:15px; } .sort_by li { float: left; list-style: none; } .sort_by a { color: #999; } .sort_by li.selected a, .sort_by a:hover { color: #0CF; text-decoration: underline; } .small_w .sort_by { width: 226px; } .normal_w .sort_by { width: 480px; } .message { position: relative; } .message .margin { position: relative; z-index: 200; } .message img.img_background { position: absolute; top: 0px; left: 0px; z-index: 150; width: 100%; float: left; height: 100%; _display:none; } div.message { _background-color:#111111;} /* ==================================================================================================================================== */ /* SORT BY... NAVIGATION */ /* ==================================================================================================================================== */ .search_by { background: url(/layout/images/breadcrumbs_bg.png) repeat-x; border: 1px solid #2f2f2f; color: #999; display: block; height: 14px; padding-top: 3px; padding-bottom: 1px; text-indent:15px; } .search_by li { float: left; list-style: none; vertical-align:middle;} .search_by .radioBut { width:10px; height:10px; margin:0px;margin-bottom:1px; padding:0px; vertical-align:text-bottom; } .small_w .search_by { width: 226px; } .search_by_w { border:none; height:15px; width: 190px; padding:2px;} /* ==================================================================================================================================== */ /* INDIVIDUAL ID PROPERTIES */ /* ==================================================================================================================================== */ /* --- My profiel page Properties */ table#myData { width:100%; height:100%; border-collapse:collapse;} table#myData td { padding:0px; margin:0px; height:18px;} table#myData th { padding:0px; margin:0px;} table#myData td.row1 { width:90px;} table#myData td.row2 { width:175px;} table#myData .myAvatar { width:125px; height:125px; vertical-align:middle; padding:0px; padding-left:30px; margin:0px;} table#myData .tdButton { text-align:center; padding:5px 5px 5px 5px; height:52px; width:100%; vertical-align:top;} table#myData .message { text-align:left; vertical-align:bottom; height:15px; text-indent:30px; width:100%;} table#myData .checkboxRow { width:40px; text-align: center; } /* --- Profile page Properties --- */ .award { width: 152px; _width:142px; float: left; height: 205px; padding: 5px; text-align: center; } .award span.theme { border-bottom: 1px dotted #999; display: block; float: left; height: 12px; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 118px 0px 20px 0px; text-align: center; width: 100%; } .award.king span.theme { background: url(/layout/images/award_king.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/award_king.png', sizingMethod='image'); } .award.master span.theme { background: url(/layout/images/award_master.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/award_master.png', sizingMethod='image'); } .award.pro span.theme { background: url(/layout/images/award_pro.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/award_pro.png', sizingMethod='image'); } .award.pro span.theme { background: url(/layout/images/award_pro.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/award_pro.png', sizingMethod='image'); } .award h3.warning { color: #666; font-size: 12px; margin-top: 45px; } table#last_gallery, table#random_gallery, table#my_gallery, table#user_gallery { background: url(/layout/images/gallery_background.gif) no-repeat center #000; height: 500px; margin: 1px 0px 0px 0px; padding: 0px; float: left;} table#last_gallery tr.height, table#random_gallery tr.height, table#my_gallery tr.height, table#user_gallery tr.height { height: 50px; } table#last_gallery tr td, table#random_gallery tr td, table#my_gallery tr td, table#user_gallery tr td { background: url(/layout/images/box_medium_up.png) repeat-x; width: 237px; height: 158px; margin: 0px; padding: 0px; vertical-align: middle; overflow: hidden; position:relative;} table#last_gallery tr td a, table#random_gallery tr td a, table#my_gallery tr td a, table#user_gallery tr td a { background: url(/layout/images/box_medium_up.png) repeat-x; display: block; padding: 5px; width: 227px; height: 149px; margin-top: -1px; } table#last_gallery tr td a span.date, table#random_gallery tr td a span.date, table#my_gallery tr td a span.date, table#user_gallery tr td a span.date { color:#666; margin-top: 7px;} table#last_gallery tr td a:hover, table#random_gallery tr td a:hover, table#my_gallery tr td a:hover, table#user_gallery tr td a:hover { background: url(/layout/images/box_medium_hover.png) repeat-x; border: 1px solid #333; padding: 4px; text-decoration: none; } table#last_gallery tr td a span.title, table#random_gallery tr td a span.title, table#my_gallery tr td a span.title, table#user_gallery tr td a span.title { color: #0CF; font-size: 12px; font-weight: bold; margin: 5px 0px 10px 0px; } table#last_gallery tr td a span, table#random_gallery tr td a span, table#my_gallery tr td a span, table#user_gallery tr td a span { color: #CCC; margin-top: 10px; } table#last_gallery tr td a img.artwork, table#random_gallery tr td a img.artwork, table#my_gallery tr td a img.artwork, table#user_gallery tr td a img.artwork { border: 3px solid #0cf; margin: 0px 22px; } table#last_gallery tr td a .rating, table#random_gallery tr td a .rating, table#my_gallery tr td a .rating, table#user_gallery tr td a .rating { border: none; float: right; margin-top: 15px; } table#last_gallery tr td a img, table#random_gallery tr td a img, table#my_gallery tr td a img, table#user_gallery tr td a img { border: none; } table#my_gallery, table#my_gallery td { position:relative; } table#my_gallery a.absolute { position:absolute; z-index:999; margin-left:218px; margin-top:12px; background:none; overflow:hidden; } *table#my_gallery a.absolute { margin-top:13px; } table#my_gallery a.delete { width:10px; height:10px; background:none; border:none; padding:0px; } table#my_gallery a.delete:hover { width:10px; height:10px; background:none; border:none; padding:0px; } table#my_gallery tr td a span.date { margin-right:23px; } table#userData { width:100%; height:100%; border-collapse:collapse;} table#userData td { padding:0px; margin:0px; height:18px;} table#userData th { padding:0px; margin:0px;} table#userData td.row1 { width:90px;} table#userData td.row2 { width:175px;} table#userData .userAvatar { width:125px; height:125px; vertical-align:middle; padding:0px; padding-left:30px; margin:0px;} table#userData .hide { font-style:italic; color:#666666;} /* --- Gallery artwork page Properties --- */ #title_gallery_artwork .artwork { border: 5px solid #0CF; margin: 15px 15px 0px 15px; } #galery_artwork_info { height: 75px; margin: 10px 20px 0px 20px; width: 720px; } #galery_artwork_info table .rating { margin-top: 3px; } #galery_artwork_info .main_info { width: 360px; } #galery_artwork_info .sub_info { height: 48px; text-align: right; width: 160px; } #galery_artwork_info .sub_info strong { color: #0CF; font-weight: normal; text-align: left; display: block; width: 100%; } #galery_artwork_info .main_info h2 { color: #0CF; font-size: 14px; margin: 0px; margin-right: 30px; } #title_artwork_desc h3.warning { margin-top: 95px; } #title_artwork_post_comment h3 { margin-top: 10px; } #title_artwork_post_comment form { padding: 0px; margin: 0px; } #title_artwork_post_comment textarea { border: none; height: 113px; padding: 5px; margin-top: 10px; width: 455px; } #title_artwork_post_comment .regular_h h3.warning { margin-top: 90px; } #title_artwork_comment .small_h h3.warning { margin-top: 33px; } #title_artwork_comment .regular_h h3.warning { margin-top: 95px; } #title_artwork_comment .message table { width: 100%; margin: 0px; color: #999; } #title_artwork_comment .message td { width: 25%; } #title_artwork_comment .message p { margin: 5px 0px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; } #title_artwork_comment .box { overflow: hidden; } #title_news_archive .message p { padding-bottom: 5px; margin: 5px 0px;} #title_news_archive .box { overflow:hidden;} /* --- Go bombing page Properties --- */ #title_start_bombing a img { border: 0px; } #title_get_instructed .box { background: url(/layout/images/go_bombing_instructions.jpg) no-repeat center; height: 514px; } #title_get_instructed a { display: block; text-decoration: underline; padding-left: 30px; } #title_get_instructed a.member { padding-top: 125px; } #title_get_instructed a.bomb { padding-top: 118px; } #title_get_instructed a.artwork { padding-top: 195px; } /* --- Battle page Properties --- */ #title_current_top5 { margin-right: 25px; } #title_next_month_battle { width: 225px; margin-right: 35px; } #title_next_month_battle .box h2 { color: #CCC; display: block; border-bottom: 1px dotted #CCC; font-size: 16px; margin: 5px 5px 20px 5px; padding: 5px 0px; } #title_next_month_battle h3.days { color: #CCC; font-size: 20px; text-align: center; } #title_next_month_battle h3.minutes { color: #CCC; font-size: 22px; text-align: center; } #title_next_month_battle h3.next_battle { color: #0CF; font-size: 29px; margin-bottom: 5px; text-align: center; } #title_this_month_battle .box { background: url(/layout/images/this_month_battle_bg.png) no-repeat center; text-align: center; } #title_this_month_battle .first { margin-top: 66px; } #title_this_month_battle .sort_by { margin-top: 40px; height: 17px; padding: 0px; } #title_this_month_battle table { margin: 0px; width: 100%; } #title_this_month_battle table tr td { width: 12% } /* --- Battle page Properties --- */ #title_middle_hall_of_shame .sort_by_bottom, #title_middle_hall_of_fame .sort_by_bottom { width: 319px; } #title_middle_hall_of_shame .sort_by_bottom .sort_by, #title_middle_hall_of_fame .sort_by_bottom .sort_by { padding-right: 15px; } /* --- Hall of Fame Properties ---- */ #title_all_rankings .box table { text-align: center; } #title_middle_hall_of_fame img, #title_middle_hall_of_shame img { margin-right: 15px; } #title_left_hall_of_fame ul.full_blocks h3, #title_right_hall_of_shame ul.full_blocks h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-left: 5px; text-decoration: none; } #title_left_hall_of_fame ul.full_blocks .thumb, #title_right_hall_of_shame ul.full_blocks .thumb { margin-right: 64px; } #title_left_hall_of_fame ul.full_blocks .sort_by, #title_right_hall_of_shame ul.full_blocks .sort_by { margin-top: 5px; text-align: center; width: 303px; } #title_left_hall_of_fame ul.full_blocks .ranking_nr, #title_right_hall_of_shame ul.full_blocks .ranking_nr { display: block; width: 60px; font-size: 30px; font-weight: bold; padding-top: 40px; } /* --- Gallery Properties ---- */ #title_advanced_search .search_table { margin-top: 25px; } /* ==================================================================================================================================== */ /* TITLE PROPERTIES */ /* ==================================================================================================================================== */ h2.title { height: 24px; margin:0px; margin-bottom: 5px; padding:0px; display:block; } h2.title span { display: none; } h2.subtitle { height: 24px; margin:0px; margin-bottom: 5px; padding:0px; display:block; } h2.subtitle span { display: none; } /* --- Title id's --- */ #title_middle_hall_of_shame h2.title { background: url(/layout/images/_titles/hallofshame.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/hallofshame.png', sizingMethod='image');} #title_middle_hall_of_fame h2.title { background: url(/layout/images/_titles/halloffame.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/halloffame.png', sizingMethod='image');} #title_left_hall_of_fame h2.title { background: url(/layout/images/_titles/halloffame.png) no-repeat left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/halloffame.png', sizingMethod='image');} #title_right_hall_of_shame h2.title { background: url(/layout/images/_titles/hallofshame.png) no-repeat right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/hallofshame.png', sizingMethod='image');} #title_latest_news h2.title { background: url(/layout/images/_titles/latestnews.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/latestnews.png', sizingMethod='image');} #title_go_bombing h2.title { background: url(/layout/images/_titles/gobombing.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/gobombing.png', sizingMethod='image');} #title_start_bombing h2.title { background: url(/layout/images/_titles/startbombing.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/startbombing.png', sizingMethod='image');} #title_get_instructed h2.title { background: url(/layout/images/_titles/getinstructed.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/getinstructed.png', sizingMethod='image');} #title_how_to_bomb h2.title { background: url(/layout/images/_titles/howtobomb.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/getinstructed.png', sizingMethod='image');} #title_top_5_most_wanted h2.title { background: url(/layout/images/_titles/top5mostwanted.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/top5mostwanted.png', sizingMethod='image');} #title_top_5_almost_wanted h2.title { background: url(/layout/images/_titles/top5almostwanted.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/top5almostwanted.png', sizingMethod='image');} #title_galleryBox h2.title { background: url(/layout/images/_titles/halloffame.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/halloffame.png', sizingMethod='image');} #title_king_status h2.title { background: url(/layout/images/_titles/kingstatus.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/kingstatus.png', sizingMethod='image');} #title_master_status h2.title { background: url(/layout/images/_titles/masterstatus.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/masterstatus.png', sizingMethod='image');} #title_pro_status h2.title { background: url(/layout/images/_titles/prostatus.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/prostatus.png', sizingMethod='image');} #title_skilled_status h2.title { background: url(/layout/images/_titles/skilledstatus.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/skilledstatus.png', sizingMethod='image');} #title_average_status h2.title { background: url(/layout/images/_titles/averagestatus.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/averagestatus.png', sizingMethod='image');} #title_rookie_status h2.title { background: url(/layout/images/_titles/rookiestatus.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/rookiestatus.png', sizingMethod='image');} #title_toy_status h2.title { background: url(/layout/images/_titles/toystatus.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/toystatus.png', sizingMethod='image');} #title_user_profile h2.title { background: url(/layout/images/_titles/userprofile.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/userprofile.png', sizingMethod='image');} #title_user_gallery h2.title { background: url(/layout/images/_titles/usergallery.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/usergallery.png', sizingMethod='image');} #title_user_awards h2.title { background: url(/layout/images/_titles/userawards.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/userawards.png', sizingMethod='image');} #title_my_profile h2.title { background: url(/layout/images/_titles/myprofile.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/myprofile.png', sizingMethod='image');} #title_my_avatar h2.title { background: url(/layout/images/_titles/myavatar.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/myavatar.png', sizingMethod='image');} #title_my_password h2.title { background: url(/layout/images/_titles/mypassword.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/mypassword.png', sizingMethod='image');} #title_my_anonymity h2.title { background: url(/layout/images/_titles/myanonymity.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/myanonymity.png', sizingMethod='image');} #title_my_gallery h2.title { background: url(/layout/images/_titles/mygallery.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/mygallery.png', sizingMethod='image');} #title_my_awards h2.title { background: url(/layout/images/_titles/userawards.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/userawards.png', sizingMethod='image');} #title_delete_artwork h2.title { background: url(/layout/images/_titles/deleteartwork.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/deleteartwork.png', sizingMethod='image');} #title_login_here h2.title { background: url(/layout/images/_titles/loginhere.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/loginhere.png', sizingMethod='image');} #title_become_a_member h2.title { background: url(/layout/images/_titles/becomeamember.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/becomeamember.png', sizingMethod='image');} #title_not_a_member_yet h2.title { background: url(/layout/images/_titles/notamemberyet.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/notamemberyet.png', sizingMethod='image');} #title_why_register h2.title { background: url(/layout/images/_titles/whyregister.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/whyregister.png', sizingMethod='image');} #title_contact_us h2.title { background: url(/layout/images/_titles/contactus.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/contactus.png', sizingMethod='image');} #title_news_archive h2.title { background: url(/layout/images/_titles/newsarchive.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/newsarchive.png', sizingMethod='image');} #subtitle_bombstyle_net { background: url(/layout/images/_titles/bombstylenet.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/bombstylenet.png', sizingMethod='image');} #title_search_news h2.title { background: url(/layout/images/_titles/searchnews.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/searchnews.png', sizingMethod='image');} #title_my_awards h2.title { background: url(/layout/images/_titles/myawards.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/myawards.png', sizingMethod='image');} #title_gallery_artwork h2.title { background: url(/layout/images/_titles/usergraffiti.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/usergraffiti.png', sizingMethod='image');} #title_artwork_desc h2.title { background: url(/layout/images/_titles/graffitidesc.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/graffitidesc.png', sizingMethod='image');} #title_artwork_comment h2.title { background: url(/layout/images/_titles/commentsandresp.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/commentsandresp.png', sizingMethod='image');} #title_artwork_post_comment h2.title { background: url(/layout/images/_titles/postcomment.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/postcomment.png', sizingMethod='image');} #title_next_month_battle h2.title { background: url(/layout/images/_titles/nextmonthbattle.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/nextmonthbattle.png', sizingMethod='image');} #title_this_month_battle h2.title { background: url(/layout/images/_titles/thismonthbattle.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/thismonthbattle.png', sizingMethod='image');} #title_last_month_winners h2.title { background: url(/layout/images/_titles/lastmonthwinners.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/lastmonthwinners.png', sizingMethod='image');} #title_last_battle h2.title { background: url(/layout/images/_titles/lastbattle.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/lastbattle.png', sizingMethod='image');} #title_new_users h2.title { background: url(/layout/images/_titles/newusers.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/newusers.png', sizingMethod='image');} #title_bombstyles_ranking h2.title { background: url(/layout/images/_titles/bombstylesranking.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/bombstylesranking.png', sizingMethod='image');} #title_bombstyles_policy h2.title { background: url(/layout/images/_titles/bombstylespolicy.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/bombstylespolicy.png', sizingMethod='image');} #title_your_profile h2.title { background: url(/layout/images/_titles/yourprofile.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/yourprofile.png', sizingMethod='image');} #title_how_to_bomb h2.title { background: url(/layout/images/_titles/howtobomb.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/howtobomb.png', sizingMethod='image');} #title_how_to_battle h2.title { background: url(/layout/images/_titles/howtobattle.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/howtobattle.png', sizingMethod='image');} #title_advanced_search h2.title { background: url(/layout/images/_titles/searchgallery.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/searchgallery.png', sizingMethod='image');} #title_search_results h2.title { background: url(/layout/images/_titles/searchresults.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/searchresults.png', sizingMethod='image');} #title_random_artwork h2.title { background: url(/layout/images/_titles/randomgallery.png) no-repeat center right; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/randomgallery.png', sizingMethod='image');} #title_last_post h2.title { background: url(/layout/images/_titles/lastinsertedgallery.png) no-repeat center left; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/_titles/lastinsertedgallery.png', sizingMethod='image');} /* ==================================================================================================================================== */ /* CONVERT BLUE TO RED */ /* ==================================================================================================================================== */ .red a:hover { color: #F00; } .red ul.full_blocks li h3 { color: #F00; } .red ul.full_blocks li .thumb { border-color: #F00; } .red div.more_info a { color: #666; } .red div.more_info a:hover { color: #F00; } .red img { border-color: #F00; } .red ul.full_blocks li:hover span.ranking_nr { color: #F00; } .red ul.full_blocks li.selected span.ranking_nr { color: #F00; } /* ==================================================================================================================================== */ /* STAR RATING */ /* ==================================================================================================================================== */ .star-rating{ list-style:none; margin: 0px; padding:0px; width: 150px; height: 30px; position: relative; margin-left: 30px; margin-top: 3px; background: url(/layout/images/star_rating.png) top left repeat-x; _background-image:none; } .star-rating li{ padding:0px; margin:0px; height:30px; width: 30px; float: left; } .star-rating li a{ display:block; width:30px; height: 30px; line-height:30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; } .star-rating li a:hover{ background: url(/layout/images/star_rating.png) left center; _background-image:none; z-index: 2; left: 0px; border:none; } .star-rating a.one-star{ left: 0px; } .star-rating a.one-star:hover{ width:30px; } .star-rating a.two-stars{ left:30px; } .star-rating a.two-stars:hover{ width: 60px; } .star-rating a.three-stars{ left: 60px; } .star-rating a.three-stars:hover{ width: 90px; } .star-rating a.four-stars{ left: 90px; } .star-rating a.four-stars:hover{ width: 120px; } .star-rating a.five-stars{ left: 120px; } .star-rating a.five-stars:hover{ width: 150px; } .star-rating li.current-rating{ background: url(/layout/images/star_rating.png) left bottom; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/star_rating.png', sizingMethod='image'); position: absolute; height: 30px; display: block; text-indent: -9000px; left: 0px; z-index: 1; width: 0px; } #title_rate_artwork span.rating { width: 150px; height: 30px; background: url(/layout/images/star_rating_background.png) no-repeat center; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/images/star_rating_background.png', sizingMethod='image'); margin-left: 30px; margin-top: 3px; } #title_rate_artwork span.rating img { margin: 0px; }