/* /* RESET /**/ * { margin: 0; padding: 0; outline: none; } html { width: 100%; } body.main { width: 100%; margin: 0; padding: 0; font-size: 12px; position: relative; color: #333; background: #151515; font-family: Tahoma, Verdana, Geneva, sans-serif; } /* #7e7e7e url(../images/background/bg.jpg) no-repeat top center */ body.preview { font-family: Verdana, "Geneva", sans-serif; font-size: 12px; overflow: auto; } body#tinymce { width: auto; height: auto; margin: 0; padding: 0; font-family: Verdana, "Geneva", sans-serif; font-size: 14px; background-color: #fff; background-image: none !important; } div.tlr.splash { width: 100%; min-height: 100%; background: #1a1a1a url(../images/sample_bg.png) no-repeat 0 0; } div.tlr.text { width: 200px; height: 90px; margin: 0 auto 30px; clear: both; padding: 10px 0; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; color: #333; } div.tlr.text p { color: #999; } div.tlr.text span.tlr.seperator { display: block; height: 1px; background: #eee; margin: 10px 0; } div.tlr.logo { width: 600px; height: 500px; margin: 0 auto; background: url(../images/sample_logo.png) no-repeat 0 0; } div.tlr.sponsors { width: 1030px; height: 100px; margin: 0 auto; padding: 20px 0; background: url(../images/sponsors.png) no-repeat 0 20px; } div.tlr.sample { float: right; margin: 10px 50px 0 0; width: 482px; height: 917px; background: url(../images/sample.png) no-repeat 0 0; } div.sidebar.ga { padding: 10px; margin: 23px 23px; border: 1px solid #eee; } div.content.ga { padding: 10px; margin: 10px 63px; border: 1px solid #eee; } #tlr-community-tabs iframe { margin: 0 0 1px; } #tlr-community-tabs iframe .fbConnectWidgetTopmost { border: none !important; } /* /* LAYOUT /**/ #outer { padding: 0 0 180px; background: url(../images/background/bg_bottom.png) no-repeat bottom center; position: relative; } #outer-lower { background: url(../images/background/bg_top.jpg) no-repeat top center; } #wrapper { width: 1010px; margin: 0 auto; } #header { width: 1010px; height: 200px; margin: 0; padding: 0; background: url(../images/background/logo.png) no-repeat -20px 70px; } #menu { overflow: auto; } #content-upper { height: 154px; padding: 1px 0 0; background-image: url(../images/background/main_sprite.png); background-repeat: no-repeat; background-position: 0 -359px; overflow: hidden; } #content-main { padding: 0; background-color: #fff; background-position: 0 0; background-repeat: repeat-y; background-image: url(../images/background/main/bg_repeater.png); } #content-main-repeat { padding: 1px; background-position: 0 -769px; background-repeat: no-repeat; background-image: url(../images/background/main_sprite.png); } #content-main-left { width: 613px; min-height: 150px; padding: 0 0 101px; position: relative; } #content-main-right { width: 364px; min-height: 200px; padding: 0 0 30px 0; position: relative; } #content-main-right-top { width: 364px; height: 30px; background-image: url(../images/background/main_sprite.png); background-repeat: no-repeat; background-position: 0 -329px; margin: 0 0 1px; } #content-main-right-bottom { width: 364px; height: 30px; background-color: #262626; position: absolute; bottom: 0; left: 0; } #footer { width: 1000px; margin: 0; padding: 5px 5px 0; text-align: left; clear: both; background: #272727; } /* /* COLOURS /**/ #wrapper .sub-title { color: #eee; } #wrapper .main-title { font-size: 15px; font-weight: bold; } #wrapper .text {} #wrapper .text.orange { color: #ff9a09; } #wrapper .text.light { color: #999; } #wrapper .text.medium {} #wrapper .text.dark { color: #333; } #wrapper span.highlight { color: #ff9a09; } #wrapper .default-bar { height: 30px; } .orange-bar { background: url(../images/background/bars.png) repeat-x 0 -93px; } .lighter-grey-bar { background: url(../images/background/bars.png) repeat-x 0 -155px; } .light-grey-bar { background: url(../images/background/bars.png) repeat-x 0 -62px; } .light-mid-grey-bar { background: url(../images/background/bars.png) repeat-x 0 -186px; } .medium-grey-bar { background: url(../images/background/bars.png) repeat-x 0 -31px; } .mid-dark-grey-bar { background: url(../images/background/bars.png) repeat-x 0 -217px; } .dark-grey-bar { background: url(../images/background/bars.png) repeat-x 0 -124px; } .grey-bar { background: url(../images/background/bars.png) repeat-x 0 0; } .orange-bar span.text, .lighter-grey-bar span.text, .light-grey-bar span.text, .light-mid-grey-bar span.text { color: #333; } .medium-grey-bar span.text, .mid-dark-grey-bar span.text, .dark-grey-bar span.text, .grey-bar span.text { color: #eee; } #wrapper .hidden { display: none; } #wrapper p.loading { text-align: center; padding: 0; } #wrapper p.loading img { width: 16px; height: 16px; vertical-align: middle; } #wrapper div.items { margin: 0 0 0 1px; } #wrapper div.right div.items { margin: 0; } #wrapper div.login.required { width: 613px; height: 100px; margin: 0 0 1px; position: relative; background: url(../images/register.png) no-repeat 0 0; } #wrapper div.login.required p { margin: 0 0 0 20px; padding: 20px 5px 0; color: #eee; } #wrapper div.tag.share { overflow: auto; } #wrapper p.tags { font-size: 11px; float: left; clear: left; } #wrapper div.addthis_toolbox { float: right; clear: right; padding: 5px 0; } /* tlr logo sprites */ span.icon { display: block; width: 35px; height: 30px; background-image: url(../images/icons/misc/tlr_status.png); background-repeat: no-repeat; } span.icon.icon-green { background-position: 0 0; } span.icon.icon-red { background-position: -35px 0; } span.icon.icon-yellow { background-position: -70px 0; } span.icon.icon-blue { background-position: -105px 0; } span.icon.icon-orange { background-position: -140px 0; } span.icon.icon-black { background-position: -175px 0; } span.icon.icon-black-alt { background-position: -210px 0; } span.icon.icon-green-alt { background-position: -245px 0; } span.icon.icon-red-alt { background-position: -280px 0; } span.icon.icon-yellow-alt { background-position: -315px 0; } span.icon.icon-blue-alt { background-position: -350px 0; } span.icon.icon-orange-alt { background-position: -385px 0; } span.icon.small { width: 16px; height: 16px; background-image: url(../images/icons/icon_sprite.png); background-repeat: no-repeat; } span.icon.small.icon-news {} /* block quotes */ #wrapper blockquote, body.preview blockquote { margin: 5px 15px; padding: 5px 6px 3px; font-style: italic; background: url(../images/icons/misc/quote_end.png) no-repeat bottom right; } #wrapper blockquote:first-letter, body.preview blockquote:first-letter { padding: 5px 0 0 30px; background: url(../images/icons/misc/quote_start.png) no-repeat top left; } #wrapper blockquote a:link, #wrapper blockquote a:visited, #wrapper blockquote a:active, body.preview blockquote a:link, body.preview blockquote a:visited, body.preview blockquote a:active { color: #999; } #wrapper blockquote a:hover, body.preview blockquote a:hover { color: #333; } #wrapper pre, body.preview pre { margin: 5px 25px; padding: 3px 6px; border: 1px solid #fcefa1; background-color: #fbf9ee; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* TITLE BARS */ h2.title.bar { height: 30px; padding: 0; font-size: 13px; margin: 0 0 1px 1px; clear: both; } .ui-dialog h2.title.bar, .gallery h2.title.bar, #content-main-right h2.title.bar { margin: 0 0 1px; } div.form h2.title.bar { margin: 0 0 10px; } h2.title.bar span { float: left; width: 30px; height: 23px; padding: 7px 0 0; text-align: center; border-right: 1px solid #fff; } h2.title.bar span.text { width: auto; height: 23px; padding: 7px 5px 0; background: none; font-weight: normal; border-right: none; } #wrapper h2.title.bar span.bg-icon { padding: 0; height: 16px; width: 16px; margin: 0 5px; } h2.title.bar span img { width: 16px; height: 16px; vertical-align: bottom; } h2.title.bar a:link, h2.title.bar a:visited, h2.title.bar a:active {} h2.title.bar a:hover {} /* /* CONTENT-UPPER /**/ #content-upper > div.content.upper { overflow: auto; } div.content.upper.panel { float: left; } div.content.upper.panel.highlight { width: 353px; height: 154px; background: url(../images/background/main_sprite.png) no-repeat 0 -144px; } div.content.upper.panel.results { width: 260px; height: 154px; background: url(../images/background/main_sprite.png) no-repeat -353px -144px; } div.content.upper.panel.hidden { display: none; } div.content.upper.panel.user { width: 206px; padding: 14px 0 0; } div.content.upper.panel.search { width: 190px; margin: 0 0 0 1px; padding: 14px 0 0; } #user-register-panel { width: 300px; } /* USER-PANEL */ #content-upper div.user.login { height: 74px; margin: 1px 1px 0; background: #3f3f3f url(../images/background/main_sprite.png) no-repeat 0 -70px; } #content-upper div.user.login > p { padding: 5px; } #content-upper div.user.login > p a {} ul.user.panel { list-style: none; overflow: auto; } ul.user.panel > li { float: left; width: 103px; height: 34px; text-align: center; } ul.user.panel > li a:link, ul.user.panel > li a:visited, ul.user.panel > li a:active { display: block; width: 103px; height: 24px; padding: 10px 0 0; background-image: url(../images/background/main_sprite.png); background-repeat: no-repeat; color: #fff; } ul.user.panel > li a:hover { color: #ff9a09; } ul.user.panel > li.login, ul.user.panel > li.login a, ul.user.panel > li.logout, ul.user.panel > li.logout a { width: 102px; } ul.user.panel > li.account a, ul.user.panel > li.register a { background-position: 0 0; } ul.user.panel > li.account a:hover, ul.user.panel > li.register a:hover { background-position: 0 -34px; } ul.user.panel > li.logout a, ul.user.panel > li.login a { background-position: -103px 0; } ul.user.panel > li.logout a:hover, ul.user.panel > li.login a:hover { background-position: -103px -34px; } div.welcome.user { width: 204px; height: 30px; padding: 0; margin: 1px 1px 0; background-color: #262626; } div.welcome.user > img { width: 30px; height: 30px; float: left; } div.welcome.user > a:link, div.welcome.user > a:active, div.welcome.user > a:visited { float: left; height: 30px; padding: 0 10px; line-height: 30px; } div.welcome.user > a:hover {} /* HIGHLIGHT */ #highlight-panel { overflow: hidden; } #highlight { width: 100%; height: 100%; } #highlight-controls { width: 348px; height: 29px; margin: 0 0 0 5px; } #highlight-panels { width: 348px; height: 124px; margin: 0 0 0 5px; } #highlight-panels > a.panel { display: block; width: 100%; height: 100%; position: relative; } #highlight-panels > a.panel img {} #highlight-panels > a.panel span { position: absolute; bottom: 4px; left: 0; width: 328px; height: 23px; padding: 7px 10px 0; color: #fff; background: url(../images/black-70.png) repeat 0 0; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } /* RESULTS */ #results-panel { overflow: hidden; } #results-panel #latest-result-tabs ul.ui-tabs-nav { margin: 0; } #results-panel .ui-tabs > .ui-tabs-panel { height: 124px; padding: 0 8px; } #results-panel ul.results.latest { height: 23px; min-height: 0; padding: 0; background-image: none; } #results-panel ul.results.latest > li { height: 20px !important; min-height: 0 !important; padding: 3px 0 0; color: #eee; } #results-panel ul.results.latest > li a:link, #results-panel ul.results.latest > li a:active, #results-panel ul.results.latest > li a:visited { color: #eee; } #results-panel ul.results.latest > li a:hover { color: #666; } #results-panel ul.results.latest > li.tlr.team { display: none; } #results-panel ul.results.latest > li.team { width: 45%; } #results-panel ul.results.latest > li.score { width: 8%; } #results-panel ul.results.latest > li.vs { width: 7%; } #results-panel ul.results.latest > li.date { width: 20%; } #results-panel ul.results.latest > li.game { padding: 2px 0 0 !important; } #results-panel ul.results.latest > li.game img { width: 20px; height: 20px; } /* SEARCH */ #search-panel {} #search-panel div.search { width: 190px; height: 64px; margin: 0 0 1px; background: url(../images/background/main_sprite.png) no-repeat -205px -34px; } #search-panel div.search form { overflow: auto; } #search-panel div.search input { width: 117px; height: 21px; float: left; margin: 6px 0 0 6px; padding: 3px 1px 0; border: none; background: none; } #search-panel div.search > p { height: 23px; padding: 7px 5px 0; margin: 0 1px 0 0; background-color: #262626; text-align: right; } #search-panel div.search > p span { padding: 0 3px 0 4px; } #search-panel div.search form a:link, #search-panel div.search form a:visited, #search-panel div.search form a:active { display: block; width: 59px; height: 27px; float: right; margin: 0; padding: 7px 0 0; text-align: center; background-image: url(../images/background/main_sprite.png); background-repeat: no-repeat; background-position: -336px 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #search-panel div.search form a:hover { background-position: -336px -34px; } /* main search */ div.search.overview {} div.search.overview > form {} div.search.overview > form > div.search { overflow: auto; padding: 0 0 5px; } div.search.overview > form input { width: 75%; margin: 4px 0 0; } div.search.overview > form button { margin: 0 10px; } div.search.overview div.search.locations, div.search.overview div.search.options { width: 48%; padding: 0 5px; } ul.search.locations, ul.search.adv { list-style: none; overflow: auto; } ul.search.locations > li, ul.search.adv > li { margin: 0; padding: 3px; overflow: auto; } ul.search.locations > li { float: left; width: 27%; padding: 6px 3px; text-align: right; } ul.search.locations > li.full { float: none; width: 98%; padding: 3px; text-align: left; } ul.search.adv > li label { float: left; padding: 4px 2px; width: 40%; margin: 0 3% 0 0; } ul.search.adv > li input { width: 50%; } div.search.results {} div.search.results > h2.title.bar { margin: 0 0 1px !important; } div.search.results > div.result { border-bottom: 1px solid #eee; padding: 0 0 5px; margin: 0 5px 5px; } div.search.results > div.result h3 { padding: 5px; } div.search.results > div.result p { padding: 5px 10px; color: #333; } div.search.results > div.result p.author { padding: 5px; color: #999; } /* TICKER */ #content-upper-ticker { float: left; width: 1010px; height: 32px; background-color: #fff; } #ticker { width: 1008px; height: 30px; margin: 1px 0 1px 1px; overflow: auto; } #ticker > div.ticker.logo { float: left; width: 63px; height: 23px; padding: 7px 5px 0 7px; color: #333; background: url(../images/background/main_sprite.png) no-repeat -498px -329px; } #ticker > div.ticker.logo.right { width: 40px; height: 30px; padding: 0; background-position: -573px -329px; } #ticker > div.ticker.content { float: left; width: 891px; height: 30px; padding: 0 1px 0 1px; background: #efefef; overflow: auto; } #ticker > div.ticker.content > div { width: 889px; height: 30px; } #ticker > div.ticker.content span.item { display: inline-block; height: 23px; padding: 7px 15px 0; } #ticker > div.ticker.content span.item img { vertical-align: bottom; } #ticker > div.ticker.content span.bg-icon { float: left; margin-right: 5px; } /* /* COMMUNITY LINKS /**/ div.community.links { padding: 0; overflow: auto; } div.community > p { padding: 5px; color: #fff; } div.community a:link, div.community a:active, div.community a:visited { float: left; display: block; width: 38px; height: 75px; margin: 0; background-image: url(../images/background/community.png); background-repeat: no-repeat; background-position: 0 0; } div.community a:hover {} div.community a.fb { background-position: -38px 0; } div.community a.fb:hover { background-position: -38px -75px; } div.community a.tw { width: 37px; background-position: -76px 0; } div.community a.tw:hover { background-position: -76px -75px; } div.community a.ug { background-position: 0 0; } div.community a.ug:hover { background-position: 0 -75px; } div.community a.st { background-position: -113px 0; } div.community a.st:hover { background-position: -113px -75px; } div.community a.yt { background-position: -151px 0; } div.community a.yt:hover { background-position: -151px -75px; } /* /* ADS / MISC /**/ div.ad { overflow: hidden; } #header-adpanel { float: right; width: 800px; height: 95px; margin: 25px 0 0 0; } #content-upper-ad { width: 189px; height: 75px; } ul.url.tracking { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.url.tracking > li { height: 23px; padding: 7px 0 0; } ul.url.tracking > li.url { width: 40%; } ul.url.tracking > li.date { width: 25%; text-align: right; } ul.url.tracking > li.user.name { width: 20%; } ul.url.tracking > li.user.ip { width: 15%; } ul.url.tracking > li.clicks { width: 15%; text-align: center; } ul.url.tracking > li.actions { width: 20%; text-align: right; } ul.url.tracking > li.actions div.ip.list { display: none; } div.explore { width: 880px; height: 227px; background: #353535 url(../images/background/main_sprite.png) no-repeat 0 -514px; padding: 13px 5px 15px 125px; margin: 0; position: relative; } ul.explore { list-style: none; float: left; width: 200px; } ul.explore li { padding: 2px 5px; font-size: 13px; } ul.explore li.title { padding: 5px; color: #ff9a09; font-size: 14px; } ul.explore li a:link, ul.explore li a:active, ul.explore li a:visited { color: #666; } ul.explore li a:hover { color: #fff; } /* /* MENU /**/ #menu > div.menu.logo { float: left; width: 205px; height: 60px; margin: 0; padding: 0; background-position: -408px 0; background-repeat: no-repeat; background-image: url(../images/background/main_sprite.png); } #menu > ul.menu { float: left; width: 805px; height: 60px; list-style: none; margin: 0; padding: 0; } #menu > ul.menu > li { float: left; text-align: center; font-size: 11px; margin: 0; } #menu > ul.menu > li a:link, #menu > ul.menu > li a:active, #menu > ul.menu > li a:visited { display: block; width: 80px; height: 45px; padding: 15px 0 0; font-size: 15px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../images/background/top_menu.png); text-indent: -999em; } #menu > ul.menu > li.active a, #menu > ul.menu > li a:hover {} #menu > ul.menu > li.home a { width: 86px; background-position: 0 0; } #menu > ul.menu > li.home a:hover { width: 86px; background-position: 0 -60px; } #menu > ul.menu > li.news a { width: 76px; background-position: -86px 0; } #menu > ul.menu > li.news a:hover { width: 76px; background-position: -86px -60px; } #menu > ul.menu > li.articles a { width: 89px; background-position: -162px 0; } #menu > ul.menu > li.articles a:hover { width: 89px; background-position: -162px -60px; } #menu > ul.menu > li.teams a { width: 80px; background-position: -251px 0; } #menu > ul.menu > li.teams a:hover { width: 80px; background-position: -251px -60px; } #menu > ul.menu > li.servers a { width: 86px; background-position: -331px 0; } #menu > ul.menu > li.servers a:hover { width: 86px; background-position: -331px -60px; } #menu > ul.menu > li.results a { width: 85px; background-position: -417px 0; } #menu > ul.menu > li.results a:hover { width: 85px; background-position: -417px -60px; } #menu > ul.menu > li.gallery a { width: 88px; background-position: -502px 0; } #menu > ul.menu > li.gallery a:hover { width: 88px; background-position: -502px -60px; } #menu > ul.menu > li.sponsors a { width: 104px; background-position: -590px 0; } #menu > ul.menu > li.sponsors a:hover { width: 104px; background-position: -590px -60px; } #menu > ul.menu > li.forums a { width: 111px; background-position: -694px 0; } #menu > ul.menu > li.forums a:hover { width: 111px; background-position: -694px -60px; } /* /* CONTENT-MAIN /**/ #content-main-event { width: 613px; height: 135px; margin: 0 0 1px; background: url(../images/events/event_bg.png) no-repeat 0 0; } #content-main-left-top { width: 613px; height: 30px; margin: 0 0 1px; background: url(../images/background/main_sprite.png) no-repeat 0 -298px; } #content-main-left-panel { width: 613px; position: relative; } #content-main-right-panel { padding: 0; } #content-main-left-panel-bottom { width: 613px; background-color: #262626; } #content-left-bottom { position: absolute; bottom: 0; left: 0; } /* /* FOOTER /**/ #footer_logo { float: right; height: 150px; width: 260px; background: url(../images/background/footer_logo.png) no-repeat 0 0; } #footer p { font-size: 10px; padding: 0; margin: 0; color: #666; } #footer p.links { display: none; float: left; width: 35%; padding: 0; } #footer p.links span.copyright { display: block; } #footer div#pixaweb { display: none; float: left; width: 66px; height: 48px; margin: 0 25px 0 15px; background: url(../images/pixaweb_logo.png) no-repeat 0 0; } #footer div#pixaweb a { display: block; width: 100%; height: 100%; } /* /* BREADCRUMBS /**/ div.breadcrumbs { height: 30px; padding: 0; margin: 0 0 1px; } div.breadcrumbs > span { height: 23px; float: left; padding: 7px 0 0 8px; color: #eee; } div.breadcrumbs > span.create a, div.breadcrumbs > span.create strong { height: 16px; padding: 2px 0 2px 25px; background: url(../images/buttons/create.png) no-repeat 2px 3px; } div.breadcrumbs > span.sub { padding: 7px 0 0 16px; position: relative; } div.breadcrumbs > span.sub span.bg-icon { position: absolute; left: 0; } div.breadcrumbs a:link, div.breadcrumbs a:visited, div.breadcrumbs a:active { color: #ff9a09; } div.breadcrumbs a:hover { color: #fff; } /* /* FILTERS /**/ div.filter { float: right; width: 150px; } div.filter div.form.row { padding: 5px 5px 0; } div.filter div.form.row > input { width: 113px; height: 16px; padding: 2px 3px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/forms/filter_field.png); background-color: transparent; border: none; } div.filter div.form.row > input:active, div.filter div.form.row > input:hover { border: none; } div.filter p {} div.results.filter { float: none; height: 30px; line-height: 30px; padding: 0; width: 613px; } div.results.filter ul { height: 30px; list-style: none; } div.results.filter li { height: 30px; float: right; color: #eee; } div.results.filter li.filter { padding: 0 5px 0 10px; } div.results.filter a { display: block; } div.results.filter img { margin: 5px; } /* /* CPANEL /**/ div.cpanel { padding: 0; } div.cpanel.bottom { height: 30px; background-image: url(../images/background/cpanel_bottom.png); background-repeat: no-repeat; background-position: 0 0; } div.cpanel > div.section { min-height: 155px; margin: 0 0 1px; overflow: auto; background: url(../images/background/section_bg.png) repeat-y 0 0; } div.cpanel > div.section div.float-left { width: 152px; min-height: 155px; position: relative; background-color: #3f3f3f; color: #eee; } div.cpanel > div.section div.float-right { width: 460px; min-height: 155px; background-color: #ccc; overflow: hidden; } div.cpanel > div.section div.float-left h2 { padding: 5px 5px 0; font-size: 13px; } div.cpanel > div.section div.float-left p { padding: 0 10px 10px; font-size: 11px; } ul.cpanel { list-style: none; margin: 5px 0 0 10px; padding: 0; } ul.cpanel > li { margin: 0 0 10px; padding: 0; } ul.cpanel > li a:link, ul.cpanel > li a:active, ul.cpanel > li a:visited { display: block; } ul.cpanel > li a img { vertical-align: bottom; } div.c-panel.helper {} div.c-panel.helper > div {} div.c-panel.helper > div > h3 { height: 30px; padding: 0; } div.c-panel.helper > div > h3 > span { float: left; } div.c-panel.helper > div > h3 span.text { height: 23px; padding: 7px 5px 0; font-size: 13px; color: #999; } div.c-panel.helper > div > h3 > span.orange-bar { border-right: 1px solid #fff; } ul.cpanel.helper { padding: 0 5px; margin: 0 0 1px; } ul.cpanel.helper > li { height: 30px; padding: 0; margin: 0; border-bottom: 1px dashed #eee; } ul.cpanel.helper > li:last-child { border-bottom: none; } ul.cpanel.helper > li span { float: left; width: 35%; height: 23px; padding: 7px 0 0; border-right: 1px dashed #999; } ul.cpanel.helper > li span.data { width: 60%; padding: 7px 0 0 10px; border-right: none; } /* /* LINKS /**/ a:link, a:active, a:visited { color: #999; text-decoration: none; } a:hover { color: #333; text-decoration: none; } a img { border: none; } a.light:link, a.light:active, a.light:visited { color: #eee; } a.light:hover { color: #999; } a.light-orange:link, a.light-orange:active, a.light-orange:visited { color: #ccc; } a.light-orange:hover { color: #ff9a09; } a.light-white:link, a.light-white:active, a.light-white:visited { color: #ccc; } a.light-white:hover { color: #fff; } a.light-mid:link, a.light-mid:active, a.light-mid:visited { color: #ccc; } a.light-mid:hover { color: #666; } a.mid:link, a.mid:active, a.mid:visited { color: #999; } a.mid:hover { color: #333; } a.mid-orange:link, a.mid-orange:active, a.mid-orange:visited { color: #999; } a.mid-orange:hover { color: #ff9a09; } a.mid-white:link, a.mid-white:active, a.mid-white:visited { color: #999; } a.mid-white:hover { color: #fff; } a.dark:link, a.dark:active, a.dark:visited { color: #333; } a.dark:hover { color: #999; } a.dark-orange:link, a.dark-orange:active, a.dark-orange:visited { color: #333; } a.dark-orange:hover { color: #ff9a09; } a.dark-white:link, a.dark-white:active, a.dark-white:visited { color: #333; } a.dark-white:hover { color: #fff; } a.orange:link, a.orange:active, a.orange:visited { color: #ff9a09; } a.orange:hover { color: #fff; } a.orange-dark:link, a.orange-dark:active, a.orange-dark:visited { color: #ff9a09; } a.orange-dark:hover { color: #333; } a.white:link, a.white:active, a.white:visited { color: #fff; } a.white:hover { color: #333; } a.white-orange:link, a.white-orange:active, a.white-orange:visited { color: #fff; } a.white-orange:hover { color: #ff9a09; } /* /* NOTICE /**/ div.notice { clear: both; } div.notice p { margin: 0; padding: 5px 10px; font-style: italic; } /* /* COVERIT LIVE /**/ iframe.coverit { margin: 0 0 1px; } /* /* FORM /**/ div.gallery.test { border: 1px solid #ccc; width: 500px; } div.gallery.test > div { width: 100px; height: 100px; background-color: #eee; margin: 5px 10px; } form {} div.form {} #account_tabs div.form { padding: 10px 0 0; } div.form fieldset { border: none; outline: none; } div.form fieldset legend { font-weight: bold; padding: 5px 0 5px 5px; } div.form.row { min-height: 20px; margin: 0; padding: 5px 10px; position: relative; } div.form.row.button { padding: 0 5px 5px; } div.form.row.no-label { padding: 5px 5px 5px 150px; } div.form.row.textarea { overflow: auto; } div.form.row.select {} div.form.row.file { padding: 5px; } div.form.row.group { overflow: auto; } div.form.row span.helper { float: left; margin: 4px 0 0; font-size: 10px; color: #999; } div.file.upload {} div.file.upload p { padding: 0; height: 30px; line-height: 30px; } div.file.upload p span { float: left; height: 30px; line-height: 30px; margin-right: 5px; } div.file.upload p span span { float: none; } div.file.upload p span.bg-icon { margin: 7px 2px !important; } div.form.row.select p.loading { float: left; width: auto; margin: 0 10px; } div.form.row.preview {} div.form.row.preview > div.image { clear: both; padding: 10px 0 0 150px; } div.form.row.preview > div.image img { max-width: 430px; } div.form.row.preview > div.select { display: none; } div.form.row > div.form.controls { width: 56px; height: 22px; position: absolute; top: 5px; padding: 0; } div.form.row > div.form.controls.left { left: 152px; } div.form.row > div.form.controls.right { right: 15px; } div.form.row > div.form.controls span.icon { float: right; width: 28px; height: 22px; background-image: url(../images/forms/field_buttons.png); background-repeat: no-repeat; } div.form.row > div.form.controls span.icon a { display: block; width: 100%; height: 100%; color: transparent; } div.form.row > div.form.controls span.icon.banners { background-position: -56px 0; } div.form.row > div.form.controls span.icon.banners:hover { background-position: -56px -22px; } div.form.row > div.form.controls span.icon.remove { background-position: -28px 0; } div.form.row > div.form.controls span.icon.remove:hover { background-position: -28px -22px; } div.form.row > div.form.controls span.icon.error { float: left; background-position: 0 0; } div.form.row > div.form.controls span.icon.error:hover { background-position: 0 -22px; } div.form.row div.radio { float: left; width: 80px; padding: 0 10px 0 0; } div.scoring { height: auto; } div.scoring > div { overflow: auto; } div.scoring p.section.map { padding: 5px 5px 5px 150px; } div.form.row label { float: left; width: 24%; height: 20px; padding: 2px 0 0; cursor: pointer; } div.form.row label.ta { clear: right; margin: 25px 0 0; } div.form.row label.error { float: none; clear: both; margin: 0 0 0 25%; font-style: italic; color: #cc0000; } div.form.row div.radio label { width: 50%; } div.form.row span.flag { padding: 0 0 0 5px; } div.form.row span.flag img { margin: 4px 0 0; } div.form.row > em.small { float: right; } div.scoring input, div.form.row input { float: left; height: 18px; padding: 2px 0 0 3px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 1px 1px 3px #d9d9d9; -webkit-box-shadow: inset 1px 1px 3px #d9d9d9; box-shadow: inset 2px 2px 5px #d9d9d9; background-color: #f1f1f1; color: #333; font-family: Verdana, "Geneva", sans-serif; } div.form.row input.preview { width: 58%; height: 18px; padding: 2px 60px 0 3px; } div.form.row input.error { width: 70%; padding: 2px 0 0 30px; } div.form.row input[disabled] { border: 1px solid #eee; color: #999; } div.form.row button { margin: 0; } div.form.row.button > button { margin: 0 0 0 145px; } button.thumb, div.form.row button, div.form.row input[type=submit] { float: none; width: 120px; height: 27px; background-image: url(../images/forms/dark_button_sprite.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; border: none; color: #fff; cursor: pointer; } button.thumb, div.form.row button:active, div.form.row input[type=submit]:active { background-position: -120px 0; } button.thumb, div.form.row button:hover, div.form.row input[type=submit]:hover { background-position: -240px 0; } div.form.row > span.mceEditor { float: left; width: 75%; } div.form.row textarea { float: left; width: 75%; min-height: 100px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 1px 1px 3px #d9d9d9; -webkit-box-shadow: inset 1px 1px 3px #d9d9d9; box-shadow: inset 2px 2px 5px #d9d9d9; background-color: #f1f1f1; color: #333; font-family: Verdana, "Geneva", sans-serif; font-size: 12px; z-index: 20; } div.form.row > select { float: left; height: 20px; border: 1px solid #ccc; background-color: #f1f1f1; -moz-border-radius: 3px; } div.form.row > select option { } div.form.row > input:hover, div.form.row > input:focus, div.form.row > textarea:hover, div.form.row > textarea:focus, div.form.row > select:hover, div.form.row > select:focus { border-color: #999; } div.form.row > input[disabled]:hover { border-color: #eee; } div.form.row > input.error, div.form.row textarea.error { border-color: #cc0000; } .ui-dialog div.form.no-label { padding: 10px 10px 10px 115px; } .ui-dialog div.form.row > label { width: auto; } .ui-dialog div.form.row > input[type=text], .ui-dialog div.form.row > input[type=password] { float: right; width: 60%; } .ui-dialog div.form.row select { float: right; } .ui-dialog div.form.row span.flag { float: right; } .ui-dialog div.form.row div.radio { float: right; width: 60%; height: 30px; overflow: auto; margin: -3px 0 0; } .ui-dialog div.form.row div.radio label { float: left; width: 50%; } .ui-dialog div.form.row a.lost.password { float: left; padding: 7px 15px 0 5px; } .validation-advice { margin-left: 225px; font-size: 11px; font-style: italic; color: #cc0000; } .validation-passed { border: 1px solid #999; } .validation-failed { border: 1px solid #900; } /* UI ELEMENTS - RADIO/CHECKBOX */ span.ui-checkbox, span.ui-radio { display: block; float: left; width: 16px; height: 16px; padding: 0; margin: 3px; background-image: url(../images/forms/radio_sprite.png); background-repeat: no-repeat; background-position: 0 0; } span.ui-helper-hidden { display: none; } span.ui-checkbox { background-position: 0 -16px; } span.ui-radio-state-hover { background-position: -16px 0; } span.ui-checkbox-state-hover { background-position: -16px -16px; } span.ui-radio-state-checked { background-position: -32px 0; } span.ui-checkbox-state-checked { background-position: -32px -16px; } span.ui-radio-state-checked-hover { background-position: -48px 0; } span.ui-checkbox-state-checked-hover { background-position: -48px -16px; } /* random */ div.embed.overview { overflow: auto; padding: 10px 11px 10px 9px; margin: 10px 8.5px; border: 1px solid #eee; text-align: center; } div.embed.overview.hover_on, div.embed.overview:hover { background-color: #eee; } /* /* DEBUG /**/ #debug { } #debug ul { list-style: none; } #debug ul li { border-bottom: 1px solid #eee; } #debug ul li span { float: left; width: 15%; padding: 5px; } #debug ul li span.data { width: 70%; border-left: 5px solid #666; } ul.error { margin: 10px 20px; } /* /* TEMPLATES /**/ ul.templates.manage { height: 30px; list-style: none; margin: 0 0 1px; padding: 0; } ul.templates.manage > li { height: 25px; padding: 5px 0 0; } ul.templates.manage > li.title { width: 45%; } ul.templates.manage > li.date { width: 35%; } ul.templates.manage > li.actions { width: 20%; } /* /* TABS /**/ #wrapper .ui-tabs {} #wrapper .ui-tabs > ul { height: 30px; border: none; padding: 0; margin: 0 0 1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: 5px solid #ff9a09; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -124px; } #wrapper .ui-tabs > ul > li { float: left; margin: 0 5px 0 0; height: 30px; } #wrapper #account_tab_panels .ui-tabs > ul > li.ui-corner-top, #wrapper #content-main-right .ui-tabs > ul > li.ui-corner-top { float: right; margin: 0; } #wrapper div.content.upper .ui-tabs > ul { background: none; height: 29px; border-bottom: none; } #wrapper div.content.upper .ui-tabs > ul > li { height: 29px; margin: 0; } #wrapper div.content.upper .ui-tabs > ul > li > a:link, #wrapper div.content.upper .ui-tabs > ul > li > a:visited { height: 24px; padding: 5px 6px 0; text-decoration: none; outline: none; } #wrapper div.content.upper .ui-tabs > ul > li.title { width: 60px; height: 20px; padding: 5px 10px 0; } #wrapper .ui-tabs > ul > li.title { width: 80px; height: 23px; padding: 7px 10px 0; } #wrapper .ui-tabs > ul > li.toggle {} #wrapper .ui-tabs > ul > li.toggle span { display: block; height: 15px; color: #eee; font-size: 11px; } #wrapper .ui-tabs > ul > li.toggle span img { width: 13px; height: 13px; vertical-align: middle; } #wrapper .ui-tabs > ul > li.filter { float: right; width: 120px; } #wrapper .ui-tabs > ul > li > a { float: left; text-decoration: none; } #wrapper .ui-tabs > ul > li > a:link, #wrapper .ui-tabs > ul > li > a:visited { height: 23px; padding: 7px 10px 0; text-decoration: none; outline: none; } #wrapper .ui-tabs > div { border: none; padding: 0; margin: 0; color: #444444; -moz-border-radius: 0 0 5px 5px; } #wrapper .ui-state-default, #wrapper .ui-state-hover, #wrapper .ui-state-active { height: 30px; background: none; border-color: transparent; } #wrapper .ui-state-hover a { color: #fff; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -31px; } #wrapper .ui-state-active a { color: #fff; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -93px; } /*#wrapper .ui-tabs-selected a {}*/ #wrapper .ui-tabs > ul > li.ui-state-disabled a, #wrapper .ui-tabs > ul > li.ui-state-processing a { cursor: text; } #wrapper .ui-tabs .ui-tabs-hide { display: none !important; } /* WIDGET */ .ui-widget-header {} .ui-widget-content {} .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/black-70.png) repeat 0 0; } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(../images/theme/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; } #wrapper .ui-widget input, #wrapper .ui-widget select, #wrapper .ui-widget textarea, #wrapper .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } #wrapper .ui-widget-content { background-color: transparent; } #wrapper .ui-widget-header { border-bottom: 8px solid; background: #444444 url(../images/theme/ui-bg_highlight-soft_44_444444_1x100.png) 50% 50% repeat-x; } /* DIALOG */ .ui-dialog { width: 300px; padding: 0; position: relative; border: 5px solid #ccc; background-color: #fff; } .ui-dialog a:link, .ui-dialog a:visited, .ui-dialog a:active { color: #ff9a09; } .ui-dialog a:hover { color: #333; } .ui-dialog .ui-dialog-titlebar { height: 25px; padding: 0 .3em 0 1em; position: relative; border-bottom: 1px solid #eee; } .ui-dialog .ui-dialog-title { float: left; color: #333; position: absolute; bottom: 5px; left: 10px; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 5px; width: 19px; margin: 0; padding: 1px; height: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { background-color: #333; } .ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-content h4 { clear: both; } /* DATEPICKER */ .ui-datepicker { background-color: #fff; border: 5px solid #ccc; margin: 5px 0 0; } .ui-datepicker .ui-datepicker-header {} .ui-datepicker .ui-datepicker-calendar {} .ui-datepicker .ui-datepicker-calendar thead { color: #333; } .ui-datepicker .ui-datepicker-calendar thead tr {} .ui-datepicker .ui-datepicker-calendar thead td {} .ui-datepicker .ui-datepicker-calendar tbody {} .ui-datepicker .ui-datepicker-calendar tbody tr {} .ui-datepicker .ui-datepicker-calendar tbody td {} .ui-datepicker .ui-datepicker-calendar tbody td a:link, .ui-datepicker .ui-datepicker-calendar tbody td a:visited, .ui-datepicker .ui-datepicker-calendar tbody td a:active { color: #666; } .ui-datepicker .ui-datepicker-calendar tbody td a:hover { color: #ff9a09; } .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-week-end { background-color: #f2f2f2; } .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today { background-color: #333; } .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-current-day { background-color: #ccc; } .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today a:link, .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today a:visited, .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today a:active { background-color: #ff9a09; background-image: none; } .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-today a:hover { color: #fff; } .ui-datepicker a.ui-datepicker-prev, .ui-datepicker a.ui-datepicker-next { background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ui-datepicker a.ui-datepicker-prev-hover, .ui-datepicker a.ui-datepicker-next-hover { background-color: #ff9a09; padding: 0; } /* /* List Layouts /**/ ul.tabular { min-height: 30px; padding: 0 5px; list-style: none; } ul.tabular > li { float: left; width: auto; min-height: 23px; padding: 7px 0 0; } ul.tabular.info { height: 30px; color: #eee; font-size: 11px; font-weight: bold; cursor: default !important; } ul.tabular.info > li { height: 23px !important; padding-top: 7px !important; } ul.tabular > li.actions { width: 15%; text-align: right; } ul.tabular > li img { width: 100%; height: 100%; } ul.manage > li img { width: 16px; height: 16px; vertical-align: middle; } ul.manage > li.icon img { width: 20px; height: 20px; } /* CONTROLS */ ul.controls { float: right; list-style-type: none; margin: 0; padding: 0; z-index: 6; position: relative; } ul.controls li { float: left; margin-left: 3px; z-index: 7; position: relative; } li.actions ul.controls li, li.action ul.controls li { float: right; } ul.controls li a:link, ul.controls li a:visited, ul.controls li a:active { display: block; padding: 0 3px; z-index: 8; position: relative; } ul.controls li a:hover { } ul.controls li a img { z-index: 9; position: relative; } /* SECTIONS */ ul.sections.manage { height: 30px; margin: 0 0 1px; padding: 0; } ul.sections.manage > li { height: 25px; padding: 5px 0 0; } ul.sections.manage > li.title { width: 25%; } ul.sections.manage > li.access { width: 33%; } ul.sections.manage > li.link { width: 10%; text-align: center; } ul.sections.manage > li.actions { width: 12%; } /* STATUS LEVELS / PERMISSIONS */ ul.status.manage { height: 30px; margin: 0 0 1px; padding: 0; } ul.status.manage > li { height: 25px; padding: 5px 0 0; } ul.status.manage > li.title { width: 25%; } ul.status.manage > li.status { width: 10%; text-align: center; } ul.status.manage > li.link { width: 10%; text-align: center; } ul.status.manage > li.actions { width: 15%; } /* PAGINATION */ div.paginate {} div.paginate.inline { margin: 1px 0; } div.paginate.top { margin: 0 0 1px; } div.paginate.bottom { margin: 1px 0; } ul.paginate { height: 30px; padding: 0; margin: 0; overflow: auto; list-style: none; } ul.paginate > li { float: left; min-width: 30px; height: 30px; padding: 0; line-height: 30px; margin: 0 1px 0 0; cursor: pointer; text-align: center; } ul.paginate > li.prev, ul.paginate > li.next { min-width: 60px; } ul.paginate > li.active, ul.paginate > li:hover { background-color: #333; color: #ff9a09; } ul.paginate > li a:link, ul.paginate > li a:active, ul.paginate > li a:visited { display: block; padding: 0 15px; } ul.paginate > li a:hover { color: #ff9a09; } /* SITEMAP */ ul.sitemap { list-style: none !important; margin: 0 5px; } ul.sitemap > li { margin: 5px 10px; } ul.sitemap > li h3 { padding: 5px 0 0; } ul.sitemap > li p { padding: 5px; } /* PAGES */ ul.pages { height: 30px; padding: 0; margin: 0 0 1px; } ul.pages > li { height: 25px; padding: 5px 0 0; } ul.pages > li.title { width: 60%; } ul.pages > li.name { width: 25%; } ul.pages > li.action {} /* GAMES */ ul.games.manage { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.games.manage > li { height: 23px; padding: 7px 0 0; } ul.games.manage > li.game { width: 35%; } ul.games.manage > li.icon { width: 10%; text-align: center; } ul.games.manage > li.tag { width: 15%; text-align: center; } ul.games.manage > li.url { width: 25%; } ul.games.manage > li.actions { width: 15%; } /* CATEGORIES */ ul.categories.manage { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.categories.manage > li { height: 23px; padding: 7px 0 0; } ul.categories.manage > li.category { width: 45%; } ul.categories.manage > li.date { width: 35%; } ul.categories.manage > li.actions { width: 20%; text-align: right; } /* HIGHLIGHT */ ul.highlight.manage { height: 30px; list-style: none; padding: 0; } ul.highlight.manage > li { height: 25px; padding: 5px 0 0; } ul.highlight.manage > li.title { width: 30%; } ul.highlight.manage > li.url { width: 40%; } ul.highlight.manage > li.image { width: 15%; text-align: center; } ul.highlight.manage > li.actions { width: 15%; } /* UPLOAD */ div#upload_image { width: 120px; height: 20px; padding: 7px 0 0; margin: 5px 10px; text-align: center; color: #fff; background-image: url(../images/forms/dark_button_sprite.png); background-repeat: no-repeat; background-position: 0 0; } div.banner_preview { padding: 0; margin: 10px 0 0 155px; } div.banner_preview img { max-width: 600px; } div.banner_select > h4 { height: 23px; padding: 7px 5px 0; margin: 0 0 1px; clear: both; background: url(../images/background/bars.png) repeat-x 0 -31px; color: #eee; font-weight: normal; cursor: pointer; } div.banner_select > h4 span { font-size: 10px; color: #999; } div.banner_select > h4 img { vertical-align: bottom; } div.images.container { display: none; overflow: auto; } div.form.image.upload { float: left; max-width: 220px; padding: 5px; margin: 5px; border: 1px solid #eee; cursor: pointer; } div.form.image.upload:hover { background-color: #f2f2f2; } div.form.image.upload > img { float: right; } ul.image.stats { float: left; padding: 0 5px 0 0; margin: 0; list-style: none; overflow: auto; } ul.image.stats > li { padding: 0; } ul.image.stats > li span { display: block; height: 17px; padding: 3px 0 0; color: #999; } ul.image.stats > li span.data { padding: 3px 0 0 10px; color: #333; } div.gallery ul.image.stats { overflow: auto; padding: 0; } div.gallery ul.image.stats > li { float: left; } div.form.row div.video.thumb { float: left; clear: both; margin: 10px 0 0 155px; } div.crop.contain {} div.crop.contain div.form.row {} div.crop.contain div.form.row > label { float: left; width: 25%; margin: 0 2% 0 0; } div.crop.contain div.form.row{} div.crop.contain button.upload {} div.crop.contain button.save.thumb {} div.crop.contain button.ignore.thumb{} div.crop.contain div.preview {} div.crop.contain div.preview img { width: 110px; height: 100px; } div.crop.contain div.crop {} div.crop.contain div.crop div.image { float: left; width: 450px; } div.crop.contain div.crop div.save { clear: both; } div.crop.contain div.crop div.image div.thumb { margin-right: 10px; } ul.upload.stats { height: 70px; padding: 0; margin: 0; list-style: none; } ul.upload.stats > li { height: 30px; font-size: 11px; } ul.upload.stats > li.stat { float: left; width: 33%; height: 40px; } ul.upload.stats > li span { height: 20px; padding: 5px 10px 0 0; font-size: 11px; color: #999; } ul.upload.stats > li span.data { padding: 5px 0 0; font-size: 11px; color: #333; } ul.upload.stats > li.stat span { height: 17px; padding: 3px 10px 0 0; } ul.upload.stats > li.stat span.data { padding: 3px 0 0; font-size: 12px; } /* SITE STATS */ div.statistics.display { overflow: auto; background-color: #3f3f3f; margin: 0 0 1px; } ul.site.stats { float: right; width: 60%; list-style: none; padding: 0; margin: 0; background-color: #fff; } ul.site.stats > li { height: 30px; padding: 0; margin: 0 0 1px; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -62px; } ul.site.stats > li span { float: left; height: 23px; width: 64%; padding: 7px 0 0 5px; margin: 0; } ul.site.stats > li span.data { width: 30%; } /* NEWS */ ul.news.item { height: auto; margin: 0 0 1px; padding: 0; list-style: none; overflow: auto; } ul.news.item .hidden { display: none; } ul.news.item > li { height: 25px; padding: 5px 0 0; } ul.news.item > li.image { float: left; width: 220px; height: 100px; padding: 0; } ul.news.item > li.title { float: right; width: 387px; padding: 5px 0 0 5px; background-color: #333; color: #eee; } ul.news.item > li.summary { float: right; width: 387px; padding: 5px 0 0 5px; height: auto; display: block; } ul.news.item > li.author { float: right; width: 392px; text-align: right; } ul.news.item > li.comments { float: left; width: 220px; clear: both; text-align: center; } ul.news.item > li.author, ul.news.item > li.comments { color: #333; } ul.news.manage { height: 30px; margin: 0 0 1px; padding: 0; list-style: none; } ul.news.manage > li { height: 25px; padding: 5px 0 0; } ul.news.manage > li.author { width: 16%; } ul.news.manage > li.feature, ul.news.manage > li.publish { width: 10%; text-align: center; } ul.news.manage > li.date { width: 22%; } ul.news.manage > li.title { width: 30%; } ul.news.manage > li.actions { width: 12%; } div.news.display {} div.news.display > div.top { height: 30px; padding: 0 5px; margin: 0 0 1px; color: #eee; } div.news.display > div.top h2 { height: 23px; padding: 7px 0 0; font-size: 13px; } div.news.display > div.top p { height: 23px; padding: 7px 0 0; text-align: right; } div.news.display > div.title { width: 390px; } div.news.display > div.author { width: 203px; } div.news.display > div.image { width: 400px; } div.news.display > div.related { width: 212px; } div.news.display > div.content { padding: 10px; } div.news.related > div.notice { height: 30px; line-height: 30px; padding: 0 5px; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -62px; border-bottom: 1px dashed #999; } div.news.related > div.notice p { padding: 0; } ul.news.related { height: 30px; padding: 0; border-bottom: 1px dashed #999; } ul.news.related.info { font-size: 12px; font-weight: normal; border-bottom: none; } ul.news.related > li { height: 23px; padding: 7px 0 0; } ul.news.related > li.title { width: 78%; padding: 7px 0 0 2%; } ul.news.related > li.comments { width: 20%; text-align: center; } ul.news.related > li.comments img { width: 16px; height: 16px; } ul.news.latest { height: 30px; padding: 0; margin: 0 0 0 1px; border-bottom: 1px dashed #999; } ul.news.latest:last-child { border-bottom: none; } ul.news.latest.info { border-bottom: none; margin: 0; font-size: 12px; font-weight: normal; } ul.news.latest > li { height: 23px; padding: 7px 0 0; } ul.news.latest > li.title { width: 78%; padding: 7px 0 0 2%; } ul.news.latest > li.comments { width: 20%; text-align: center; } ul.news.latest > li.added { display: none; } ul.news.latest > li img { width: 16px; height: 16px; } #latest-news-tabs {} #latest-news-tabs ul.news.latest { border-bottom: none; margin: 0 0 1px; padding: 0 5px; } #latest-news-tabs ul.news.latest > li {} #latest-news-tabs ul.news.latest > li.title { width: 54%; } #latest-news-tabs ul.news.latest > li.comments { width: 5%; padding: 7px 6% 0 0; background: url(../images/icons/sections/comments.png) no-repeat center right; text-align: center; } #latest-news-tabs ul.news.latest > li.added { display: block; width: 33%; text-align: right; } div.news.feature { height: 339px; width: 400px; position: absolute; top: 0; left: 0; background-color: #fff; } div.news.feature div.post { position: relative; } div.news.feature h2, div.news.feature h3 { height: 23px; padding: 7px 5px 0; margin: 0 0 1px; color: #eee; font-size: 12px; font-weight: normal; } div.news.feature h3.title { font-size: 13px; color: #333; position: absolute; top: 0; left: 0; width: 390px; background: url(../images/black-70.png) repeat 0 0; } div.news.feature p { padding: 5px; } div.news.feature img { display: block; min-height: 30px; } div.news.feature div.info { width: 100%; height: 23px; padding: 7px 0 0; position: absolute; bottom: 0; left: 0; } div.news.feature div.info p { padding: 0 10px; color: #666; } div.news.overview { overflow: auto; margin: 0 0 1px; } div.news.overview > div.float-left { width: 400px; position: relative; } div.news.overview > div.float-right { width: 213px; } /* COMMENTS */ div.comments.display { padding: 0 0 9px; } div.comments.replies { margin: 0 0 5px 10px; } /* max stack */ div.comments.replies > div.comments.replies > div.comments.replies > div.comments.replies > div.comments.replies > div.comments.replies { margin: 0; } ul.comments.item { height: auto; min-height: 30px; margin: 9px 10px 1px; padding: 0; list-style: none; background: none; overflow: hidden; border: 1px solid #e5e5e5; } #wrapper ul.comments.item a:link, #wrapper ul.comments.item a:visited, #wrapper ul.comments.item a:active { color: #222; } #wrapper ul.comments.item a:hover { color: #ff9a09; } ul.comments.item.low-rank > li.title { color: #ccc; } ul.comments.item.low-rank > li.title span.toggle{ display: block; } ul.comments.item.low-rank > li.title span.votes span.count { color: #cc0000; } ul.comments.item.low-rank > li.comment { display: none; color: #ccc; } #wrapper ul.comments.low-rank a:link, #wrapper ul.comments.low-rank a:visited, #wrapper ul.comments.low-rank a:active { color: #999; } #wrapper ul.comments.low-rank a:hover { color: #ff9a09; } ul.comments.item.no-rank > li.title { color: #999; } ul.comments.item.no-rank > li.title span.toggle { display: none; } ul.comments.item.no-rank > li.comment { color: #999; } ul.comments.item.high-rank > li.title { color: #333; } ul.comments.item.high-rank > li.title span.toggle { display: none; } ul.comments.item.high-rank > li.title span.votes span.count { color: #00cc00; } ul.comments.item.high-rank > li.comment { color: #333; } #wrapper ul.comments.high-rank a:link, #wrapper ul.comments.high-rank a:visited, #wrapper ul.comments.high-rank a:active { color: #999; } #wrapper ul.comments.high-rank a:hover { color: #ff9a09; } ul.comments.item > li {} ul.comments.item > li.image { float: left; width: 5%; height: 30px; padding: 0; } ul.comments.item > li.image img { width: 100%; height: 100%; } ul.comments.item > li.title { float: right; width: 93.2%; height: 23px; padding: 7px 5px 0; color: #eee; } ul.comments.item > li.title span { height: 23px; padding: 0; } ul.comments.item > li.title span.votes { width: 100px; text-align: right; } ul.comments.item > li.title span.reply { width: 50px; text-align: center; } ul.comments.item > li.title span.toggle { width: 90px; font-size: 10px; padding: 3px 0 0; height: 20px; } ul.comments.item > li.title span.author { width: 270px; } ul.comments.item > li.comment { clear: both; padding: 5px; } ul.comments.item > li.information { width: 100%; padding: 0; clear: both; } ul.comments.item > li.information > div { padding: 5px; } ul.comments.item > li.information div.author {} ul.comments.item > li.information div.comment {} ul.comments.recent { height: 30px; padding: 0; margin: 0 0 1px; } ul.comments.recent > li { height: 23px; padding: 7px 0 0; } ul.comments.recent > li.image { width: 30px; height: 30px; padding: 0; border-right: 1px solid #fff; } ul.comments.recent > li.image img { width: 30px; height: 30px; } ul.comments.recent > li.author { width: 21%; padding: 7px 0 0 5px; } ul.comments.recent > li.title { width: 35%; padding: 7px 0 0 5px; overflow: hidden; } ul.comments.recent > li.parent { width: 35%; padding: 7px 0 0 5px; } ul.comments.recent > li.date { width: 27%; text-align: right; } #latest-comment-tabs ul.comments.recent > li.author { width: 26%; } #latest-comment-tabs ul.comments.recent > li.title { display: none; } ul.comments.manage { height: 30px; list-style: none; margin: 0 0 1px; padding: 0; } ul.comments.manage.open { min-height: 60px; } ul.comments.manage.open .hidden { display: block !important; } ul.comments.manage > li { height: 23px; padding: 7px 0 0; } ul.comments.manage > li.image { width: 30px; height: 30px; margin: 0 1px 0 0; padding: 0; } ul.comments.manage > li.image img { width: 30px; height: 30px; } ul.comments.manage > li.date { width: 30%; } ul.comments.manage > li.author { width: 26%; padding: 7px 0 0 5px; } ul.comments.manage > li.post, ul.comments.manage > li.votes { width: 10%; text-align: center; } ul.comments.manage > li.actions { width: 15%; } ul.comments.manage > li.comment { clear: both; width: 96%; height: auto; min-height: 24px; padding: 3px 2% 3px; background-color: #3f3f3f; color: #eee; } /* VOTES */ #wrapper span.vote { display: block; height: 100%; padding: 0 0 0 5px; overflow: auto; } #wrapper span.vote > span { float: left; padding: 0; } #wrapper span.vote > span.text { width: 35px; } #wrapper span.vote > span.count { width: 15px; padding: 0 3px; } #wrapper span.vote > a:link, #wrapper span.vote > a:visited, #wrapper span.vote > a:active { float: left; width: 16px; height: 16px; margin: 0 0 0 3px; background-image: url(../images/icons/misc/thumb_sprite.png); background-repeat: no-repeat; } #wrapper span.vote > a:hover {} #wrapper span.vote > a.vote.up { background-position: 0 0; } #wrapper span.vote > a.vote.up:hover { background-position: -16px 0; } #wrapper span.vote > a.vote.down { background-position: 0 -16px; } #wrapper span.vote > a.vote.down:hover { background-position: -16px -16px; } #wrapper span.vote img { display: none; } /* FORUM */ ul.forums { list-style: none; padding: 0; margin: 0 0 1px; clear: both; overflow: visible; } div.section ul.forums { height: 30px; } ul.forums.display.info { background-position: 0 -31px !important; } ul.forums > li { min-height: 23px; padding: 7px 0 0; } ul.forums > li.icon { width: 35px; height: 30px; padding: 0; border-right: 1px solid #fff; } ul.forums.info > li.icon { background-image: none; border-right: none; } ul.forums > li.forum { width: 50%; padding: 7px 0 0 10px; font-weight: bold; } ul.forums > li.count { width: 8%; text-align: center; } ul.forums > li.posts { margin: 0 1px 0 0; } ul.forums > li.extend { float: none; clear: both; width: 100%; padding: 0; background: url(../images/background/forum_bg.png) repeat-y 0 0; min-height: auto; } ul.forums > li.extend div.description { float: left; width: 38%; padding: 5px 5px 7px; color: #333; } ul.forums > li.extend div.latest.thread { float: right; width: 59%; text-align: right; font-size: 11px; padding: 1px 0 0 2px; } ul.forums > li.extend div.latest.thread span.last.thread { width: 100%; height: 23px; padding: 7px 0 0; float: right; clear: both; border-bottom: 1px dashed #999; } ul.forums > li.extend div.latest.thread span.last.thread:last-child { border-bottom: none; } ul.forums > li.actions { width: 20%; } ul.forums.manage { height: 30px; padding: 0 5px; } ul.forums.manage.placeholder { background-color: #ff9a09; background-image: none; } ul.forums.manage > li { height: 23px; padding: 7px 0 0; } ul.forums.manage > li.count { width: 15%; } ul.forums.manage > li.forum { width: 49%; font-weight: normal; } ul.forums.thread { height: 30px; margin: 0 0 1px; padding: 0; font-size: 11px; } ul.forums.thread > li.image { width: 35px; height: 30px; padding: 0; } ul.forums.thread > li.image img { width: 100%; height: 100%; } ul.forum.activity { height: 30px; padding: 0; margin: 0 0 1px; } ul.forum.activity > li { height: 23px; padding: 7px 0 0; } ul.forum.activity > li.image { width: 30px; height: 30px; padding: 0; border-right: 1px solid #fff; } ul.forum.activity > li.image img { width: 30px; height: 30px; } ul.forum.activity > li.date { width: 39%; text-align: right; } ul.forum.activity > li.username { width: 50%; padding: 7px 0 0 5px; } ul.forum.logos { float: left; width: 430px; list-style: none; padding: 0; margin: 0; overflow: auto; background-image: url(../images/background/bars.png); background-repeat: repeat-x; } ul.forum.logos > li { float: left; width: 35px; height: 30px; padding: 0; margin: 0; } ul.forum.logos > li.active { border-color: #999; } ul.forum.logos > li.hover_on { border-color: #ccc; } #forum_logo_preview { float: left; width: 35px; height: 30px; padding: 0; background-image: url(../images/background/bars.png); background-repeat: repeat-x; } div.forum.logo.slider { float: right; width: 2%; height: 30px; } #wrapper #forum_logo_slider { width: 5px; height: 30px; background-color: #ccc; } #forum_logo_slider .ui-slider-handle { height: 8px; width: 14px; margin: 0 0 -5px; background-color: #333; } /* THREADS */ ul.threads.display { list-style: none; min-height: 30px; margin: 0 0 1px; padding: 0; } ul.threads.display.info { background-position: 0 -31px !important; } ul.threads.display > li { height: 23px; padding: 7px 0 0; } ul.threads.display > li.title { width: 38%; padding: 7px 0 0 5%; background-image: url(../images/icons/sections/threads.png); background-repeat: no-repeat; background-position: 7px 7px; } ul.threads.display.new > li.title { background-image: url(../images/icons/misc/new.png); } ul.threads.display.info > li.title { background-image: none; } ul.threads.display > li.image { width: 30px; height: 30px; padding: 0 !important; margin: 0 1px 0 0; } ul.threads.display > li.image img { width: 30px; height: 30px; } ul.threads.display > li.author { width: 15%; padding: 7px 0 0 5px; } ul.threads.display > li.posts { width: 10%; text-align: center; } ul.threads.display > li.activity { width: 26%; text-align: right; } ul.threads.display > li.summary { clear: both; float: none; display: none; height: auto; min-height: 23px; padding: 7px 15px 0; } div.thread.display { overflow: auto; min-height: 120px; margin: 0 0 1px; background-image: url(../images/background/thread_bg.png); background-repeat: repeat-y; background-position: 0 0; } div.thread.display > div.author { width: 140px; min-height: 120px; color: #eee; } div.thread.display > div.thread { width: 472px; min-height: 120px; position: relative; } div.thread.display > div.thread > div.signature { margin: 10px 5px 0; padding: 15px 0 0; border-top: 1px solid #eee; color: #999; } div.thread.display > div.thread h2 { height: 23px; padding: 7px 5px 0; font-size: 14px; font-weight: normal; } div.thread.display > div.thread p { padding: 5px; } div.thread.display > div.thread > div.text { padding: 5px; } div.thread.display > div.thread h2 span.date { float: right; font-size: 10px; padding: 2px 0 0; } div.thread.display > div.thread h2 span.date img { vertical-align: middle; } div.thread.display.new > div.thread h2 span.date { padding: 2px 20px 0 0; background: url(../images/icons/misc/new.png) no-repeat 100% 2px; } ul.threads.latest { height: 30px; padding: 0; margin: 0 0 1px; } ul.threads.latest > li { height: 23px; padding: 7px 0 0; } ul.threads.latest > li.latest { height: 30px !important; padding: 0 !important; width: 100%; } ul.threads.latest > li.image { float: right; width: 30px; height: 30px; padding: 0; margin: 0 0 0 1px; } ul.threads.latest > li.image img { width: 30px; height: 30px; } ul.threads.latest > li.author { width: 21%; padding: 7px 5px 0 0; text-align: right; } ul.threads.latest > li.title { width: 40%; padding: 7px 0 0 10px; } ul.threads.latest > li.date { width: 26%; text-align: right; } ul.threads.manage { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.threads.manage > li { height: 23px; padding: 7px 0 0; } ul.threads.manage > li.title { width: 45%; } ul.threads.manage > li.author { width: 25%; } ul.threads.manage > li.posts { width: 10%; text-align: center; } ul.threads.manage > li.actions { width: 20%; } /* POSTS/REPLIES */ div.post.display { overflow: auto; min-height: 120px; margin: 0 0 1px; background-image: url(../images/background/thread_bg.png); background-repeat: repeat-y; background-position: 0 0; } div.post.display > div.post > div.signature { margin: 10px 5px 0; padding: 15px 0 0; border-top: 1px solid #eee; color: #999; } div.post.display > div.author { width: 140px; min-height: 120px; color: #eee; } div.post.display > div.post { width: 472px; min-height: 120px; position: relative; } div.post.display > div.post h2 { height: 23px; padding: 7px 5px 0; font-size: 14px; font-weight: normal; } div.post.display > div.post p { padding: 5px; } div.post.display > div.post > div.text { padding: 5px; } div.post.display > div.post h2 span.date { float: right; font-size: 10px; padding: 2px 0 0; } div.post.display > div.post h2 span.date img { vertical-align: middle; } div.post.display.new > div.post h2 span.date { padding: 2px 20px 0 0; background: url(../images/icons/misc/new.png) no-repeat 100% 2px; } div.post.display > div.post p.date { position: absolute; bottom: 0; right: 0; } ul.posts.latest { height: 30px; padding: 0; margin: 0 0 1px; } ul.posts.latest > li { height: 23px; padding: 7px 0 0; } ul.posts.latest > li.latest { height: 30px !important; padding: 0 !important; width: 100%; } ul.posts.latest > li.image { float: right; width: 30px; height: 30px; padding: 0; margin: 0 0 0 1px; } ul.posts.latest > li.image img { width: 30px; height: 30px; } ul.posts.latest > li.author { width: 21.1%; padding: 7px 5px 0 0; text-align: right; } ul.posts.latest > li.title { width: 40%; padding: 7px 0 0 10px; } ul.posts.latest > li.date { width: 26%; text-align: right; } ul.posts.manage { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.posts.manage > li { height: 23px; padding: 7px 0 0; } ul.posts.manage > li.title { width: 55%; } ul.posts.manage > li.author { width: 25%; } ul.posts.manage > li.actions { width: 20%; } /* LATEST POST/THREAD LINKS */ #wrapper ul.latest > li.latest h2.panel.title { margin: 0; } /* THREAD/POST AUTHOR */ ul.author { list-style: none; margin: 0; padding: 0; } ul.author > li { margin: 0; height: 23px; padding: 7px 0 0; } ul.author > li.avatar { float: left; width: 30px; height: 30px; padding: 0; margin: 0 1px 0 0; } ul.author > li.avatar img { width: 30px; height: 30px; } ul.author > li.username { float: left; width: 103px; padding: 7px 0 0 5px; } ul.author > li.user { clear: both; padding: 7px 0 0 10px; color: #666; } ul.author > li.user.posts { height: 28px; padding: 2px 0 0 10px; } ul.author > li.links { height: 30px; padding: 0; clear: both; margin: 0 1px 0 0; padding: 1px 0 0; } ul.author.links { height: 30px; margin: 0; } ul.author.links > li { width: 35px; height: 30px; padding: 0; text-align: center; } ul.author.links > li.status { margin: 0 0 0 5px; } ul.author.links > li.add { display: none; } ul.author.links > li a:link, ul.author.links > li a:visited, ul.author.links > li a:active { display: block; height: 16px; text-align: center; padding: 7px 0; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -62px; } #wrapper ul.author.links > li a:hover { background-position: 0 -93px; } ul.author.links > li a img { vertical-align: bottom; } ul.author > li span.status { display: block; width: 35px; height: 30px; padding: 0; margin: 0; background-image: url(../images/icons/misc/tlr_status.png); background-repeat: no-repeat; } ul.author > li span.status.online { background-position: 0 0; } ul.author > li span.status.offline { background-position: -35px 0; } ul.profile > li.status span.data { height: 30px; padding: 0; } ul.profile > li span span.status { width: 35px; height: 30px; padding: 0; margin: 0; background-image: url(../images/icons/misc/tlr_status.png); background-repeat: no-repeat; } ul.profile > li span span.status.online { background-position: 0 0; } ul.profile > li span span.status.offline { background-position: -35px 0; } /* TEAMS */ div.teams.display { overflow: auto; margin: 0 0 1px; background: url(../images/background/teams_bg.png) repeat-y 0 0; } div.teams.display > div.image { width: 150px; height: 100px; margin: 0; background-color: #333; } div.teams.display > div.information { width: 262px; min-height: 100px; } div.teams.display > div.related { width: 200px; min-height: 100px; } div.teams.display > div.information div.description, div.teams.display > div.information div.members { clear: both; padding: 5px; } div.teams.display > div.information h2 { height: 30px; padding: 0 5px 0 0; font-size: 12px; font-weight: normal; } div.teams.display > div.information h2 span.icon { float: left; width: 30px; height: 30px; border-right: 1px solid #fff; } div.teams.display > div.information h2 span.icon img { margin: 5px; } div.teams.display > div.information h2 span.text { float: left; width: auto; height: 23px; padding: 7px 5px 0; } ul.members { list-style: none; overflow: auto; } ul.members > li { float: left; width: 20%; } ul.members > li a:link, ul.members > li a:visited, ul.members > li a:active { color: #999; } ul.members > li a:hover { color: #333; } ul.teams.manage { height: 30px; list-style: none; margin: 0 0 1px; padding: 0; } ul.teams.manage > li { height: 23px; padding: 7px 0 0; } ul.teams.manage > li.team { width: 25%; } ul.teams.manage > li.members { width: 53%; } ul.teams.manage > li.game { width: 10%; text-align: center; } ul.teams.manage > li.actions { width: 12%; } /* SPONSORS */ div.sponsors.display { overflow: auto; background: url(../images/background/sponsor_bg.png) repeat-y 0 0; margin: 0 0 1px; } div.sponsors.display > h3 { height: 30px; padding: 0; color: #eee; border-bottom: 1px solid #fff; } div.sponsors.display > h3 span.orange-bar { float: left; height: 30px; width: 35px; border-right: 1px solid #fff; } div.sponsors.display > h3 span.text { float: left; height: 23px; padding: 7px 0 0 15px; color: #333; } div.sponsors.display > h3 span.sub-title { font-size: 12px; font-weight: normal; padding: 0 0 0 20px; color: #333 !important; } div.sponsors.display > div.image { float: left; width: 220px; text-align: center; } div.sponsors.display > div.info { float: right; width: 390px; } div.sponsors.short { min-height: 95px; padding: 0 0 0 1px; margin: 0; overflow: hidden; position: relative; } div.sponsors.short > div { width: 900px; min-height: 95px; } #footer div.sponsors.short { width: 1000px; float: right; padding: 5px 0 25px; } #footer div.sponsors.short > div { width: auto; } #footer div.sponsors.short > div a { height: 60px; padding: 0 5px; margin: 0 40px 10px; } #footer div.sponsors.short > div a.plus { margin: 15px 80px 10px; } #footer div.sponsors.short > div a img {} #footer div.sponsors.short > div a span { display: none; } div.sponsors.short > div a:link, div.sponsors.short > div a:visited, div.sponsors.short > div a:active { float: left; width: auto; height: 95px; margin: 0; padding: 0; color: #444; } div.sponsors.short > div a:hover { color: #fff; } div.sponsors.short > div a span { display: none; font-size: 11px; padding: 0 0 0 25px; } ul.sponsors.manage { height: 30px; margin: 0 0 1px; padding: 0 5px; } ul.sponsors.manage > li { height: 25px; padding: 5px 0 0; } ul.sponsors.manage > li.sponsor { width: 25%; } ul.sponsors.manage > li.url { width: 40%; } ul.sponsors.manage > li.type { width: 20%; text-align: center; } ul.sponsors.manage > li.actions { width: 15%; } /* SERVERS */ ul.servers.manage { height: 30px; list-style: none; padding: 0; margin: 0 0 1px; } ul.servers.manage > li { height: 23px; padding: 7px 0 0; } ul.servers.manage > li.server { width: 30%; } ul.servers.manage > li.ip { width: 30%; } ul.servers.manage > li.password { width: 20%; } ul.servers.manage > li.actions { width: 12%; } ul.servers.display { height: auto; min-height: 30px; list-style: none; padding: 0; margin: 0 0 1px; } ul.servers.display > li { height: 23px; padding: 7px 0 0; } ul.servers.display > li.game { width: 30px; height: 30px; padding: 0; } ul.servers.display > li.game img { width: 20px; height: 20px; padding: 5px; } ul.servers.display > li.server { width: 30%; } ul.servers.display > li.ip.port { width: 28%; } ul.servers.display > li.password { width: 15%; text-align: center; } ul.servers.display > li.toggle { width: 21%; text-align: right; padding: 7px 5px 0 0; } ul.servers.display > li.information { display: none; height: auto; min-height: 30px; padding: 0; float: none; clear: both; background-color: #fff; } ul.server.information { float: left; width: 30%; padding: 5px; list-style: none; } ul.server.information > li { height: 20px; padding: 0; } ul.server.information > li span { float: left; width: 30%; height: 18px; padding: 2px 0 0; color: #999; } ul.server.information > li span.data { width: 70%; color: #eee; } ul.server.players { width: 204px; height: 30px; padding: 0; margin: 0; list-style: none; float: left; } ul.server.players > li { float: left; height: 23px; padding: 7px 0 0; } ul.server.players > li.player { width: 52%; padding: 7px 0 0 5px; background-color: #f5f5f5; } ul.server.players > li.score { width: 15%; text-align: center; font-size: 11px; background-color: #eee; } ul.server.players > li.time { width: 30%; text-align: center; font-size: 11px; background-color: #fff; } ul.server.players.info > li.player, ul.server.players.info > li.score, ul.server.players.info > li.time { background-color: transparent; } div.server.information { padding: 0; } div.server.information > div.server { overflow: auto; background-color: #666; border-right: 1px solid #fff; margin: 0 0 1px; } div.server.information > div.players { height: auto; min-height: 30px; padding: 0 0 4px; color: #333; overflow: auto; } div.server.information > div.server > h2 { height: 30px; padding: 0 5px 0; font-size: 12px; color: #eee; font-weight: normal; } div.server.information > div.server > h2 span.text { float: left; padding: 7px 0 0; } div.server.information > div.server > h2 span.load { height: 30px; width: 30px; } div.server.information > div.server > h4, div.server.information > div.server > p { width: 70%; text-align: right; padding: 5px 5px 2px 0; } div.server.information > div.server > h4 { margin: 30px 0 0; } div.server.information > div.server a {} div.server.information > div.server a img { width: 16px; height: 16px; vertical-align: middle; } div.server.information > div.server > div.image { float: right; width: 160px; height: 120px; color: #eee; margin: 0 0 0 10px; border-left: 1px solid #fff; } div.server.short.information {} div.server.short.information > div.server { position: relative; width: 364px; } div.server.short.information > div.server div.image { float: left; margin: 0; width: 160px; } div.server.short.information > div.server h2 { float: right; width: 191px; } div.server.short.information > div.server ul { float: right; width: 191px; } div.server.short.information > div.server p.close { position: absolute; bottom: 3px; right: 3px; } ul.servers.short {} ul.servers.short > li { float: left; height: 23px; padding: 7px 0 0; } ul.servers.short > li.server { width: 40%; } ul.servers.short > li.ip.port { width: 50%; } ul.servers.short > li.refresh { width: 10%; text-align: center; } ul.servers.short > li.refresh p { padding: 0; } ul.servers.short > li.server.info { clear: both; float: none; width: 100%; height: auto; padding: 0; background-color: #fff; } ul.servers.short > li.server.info div.notice p { height: 30px; line-height: 30px; padding: 0 5px; } /* USERS */ ul.users.manage { height: 30px; list-style: none; padding: 0 5px; margin: 0 0 1px; } ul.users.manage > li { height: 23px; padding: 7px 0 0; } ul.users.manage > li.username { width: 22%; } ul.users.manage > li.status { width: 40%; padding: 0; height: 30px; } ul.users.manage > li.login { width: 23%; } ul.users.manage > li.actions { width: 15%; } ul.user.activity { height: 30px; list-style: none; padding: 0 5px; margin: 0 0 1px; } ul.user.activity > li { height: 25px; padding: 5px 0 0; } ul.user.activity > li.action { width: 70%; } ul.user.activity > li.date { width: 30%; float: right; text-align: right; } ul.user.activity > li.action img { width: 16px; height: 16px; vertical-align: bottom; } #wrapper #user-panel a:link, #wrapper #user-panel a:visited, #wrapper #user-panel a:active { color: #eee; } #wrapper #user-panel a:hover { color: #ff9a09; } /* WALL */ div.wall.items { margin: 0 0 0 1px; } ul.users.wall { list-style: none; min-height: 30px; padding: 0; margin: 0 0 1px; } ul.users.wall > li { min-height: 23px; padding: 7px 0 0; } ul.users.wall > li.image { width: 30px; height: 30px; padding: 0; margin: 0 1px 0 0; } ul.users.wall > li.image img { width: 30px; height: 30px; } ul.users.wall > li.username { color: #666; width: 340px; padding: 7px 5px 0; } ul.users.wall > li.message { float: none; clear: both; height: auto; padding: 7px 30px 0; color: #666; } ul.users.wall > li.date { float: right; width: 111px; padding: 7px 5px 0; text-align: right; color: #666; } ul.users.wall.manage { height: 30px; color: #333; padding: 0; } ul.users.wall.manage > li { height: 23px; padding: 7px 0 0; float: left; clear: none; color: #333; } ul.users.wall.manage.info > li { color: #eee; } ul.users.wall.manage > li.image { width: 30px; height: 30px; padding: 0; margin: 0 1px 0 0; } ul.users.wall.manage > li.image img { width: 30px; height: 30px; } ul.users.wall.manage > li.author { width: 31%; padding: 7px 0 0 5px; } ul.users.wall.manage > li.date { width: 30%; text-align: left; } ul.users.wall.manage > li.approved { width: 15%; text-align: center; } ul.users.wall.manage > li.actions { width: 15%; } /* FRIENDS */ div.friend.items { margin: 0 0 0 1px; } ul.user.friends { list-style: none; height: 30px; padding: 0; margin: 0 0 1px; } ul.user.friends > li { height: 23px; padding: 7px 0 0; } ul.user.friends > li.friend { width: 30%; padding: 7px 0 0 5px; } ul.user.friends > li.image { width: 30px; height: 30px; padding: 0; margin: 0 1px 0 0; } ul.user.friends > li.image img { width: 30px; height: 30px; } ul.user.friends > li.approved { width: 15%; text-align: center; } ul.user.friends > li.approved img { width: 16px; height: 16px; } ul.user.friends > li.last.login { width: 30%; } ul.user.friends > li.date { width: 28%; } ul.user.friends > li.actions { width: 18%; } #friends_list { margin: 0; padding: 0 1px; } ul.user.friends.hover_off { background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -62px; } ul.user.friends.hover_on { background-position: 0 -31px; color: #eee; } ul.user.friends > li.username { width: 42%; padding: 7px 0 0 5px; } ul.user.friends > li.rank { width: 43%; } ul.user.friends > li.create { width: 5%; text-align: right; } ul.user.friends > li.create img { width: 16px; height: 16px; } /* MESSAGES */ ul.user.messages { min-height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.user.messages > li { height: 23px; padding: 7px 0 0; } ul.user.messages > li.image { width: 30px; height: 30px; padding: 0; margin: 0 1px 0 0; } ul.user.messages > li.image img { width: 30px; height: 30px; } ul.user.messages > li.author { width: 35%; padding: 7px 0 0 5px; } ul.user.messages > li.date { width: 25%; } ul.user.messages > li.read { width: 15%; text-align: center; } ul.user.messages > li.read img { width: 16px; height: 16px; vertical-align: bottom; } ul.user.messages > li.actions { width: 17%; text-align: right; } ul.messages.user > li.user { width: 20%; } ul.messages.user > li.title { width: 40%; } ul.messages.user > li.sent.date { width: 22%; } ul.messages.user > li.actions {} ul.messages.user > li.message { display: none; float: none; padding: 7px 10px 0; clear: both; background-color: #fff; } ul.messages.user.inbox > li.title { width: 32%; } ul.messages.user.inbox > li.read { width: 8%; text-align: center; } #message_tab_controls {} #message_tab_controls > li { height: 30px; padding: 0; margin: 0; } #message_tab_controls > li a:link, #message_tab_controls > li a:active, #message_tab_controls > li a:visited { display: block; height: 23px; padding: 7px 10px 0; font-weight: normal; font-size: 12px; } #message_tab_controls > li a:hover { background-position: 0 -186px; color: #333; } #message_tab_controls > li a.active { background-position: 0 -93px; color: #fff; } #message_tab_panels {} #message_tab_panels > div.panel { display: none; } #message_tab_panels > div.panel:first-child { display: block; } /* PROFILE */ ul.profile { list-style: none; } ul.profile > li { padding: 0; margin: 0 0 1px; height: 30px; } ul.profile > li span { float: left; width: 23%; height: 23px; padding: 7px 5px 0; color: #999; } ul.profile > li span.data { width: 73%; color: #333; overflow: hidden; } ul.profile > li span.data span { color: #333; } ul.profile > li span.data span.text { float: none; width: auto; height: auto; padding: 0; } ul.profile > li span.data span { float: none; width: auto; height: auto; padding: 0; } ul.profile > li.gender span.data { height: 30px; padding: 0 0 0 5px; } .ui-dialog span.gender, #wrapper span.gender, ul.profile > li span.data span.gender { display: block; width: 30px; height: 30px; background-image: url(../images/forms/sex.png); background-repeat: no-repeat; } div.radio span.gender { float: left; } .ui-dialog span.gender.gender-m, #wrapper span.gender.gender-m, ul.profile > li span.gender.gender-m { background-position: -30px 0; } .ui-dialog span.gender.gender-f, #wrapper span.gender.gender-f, ul.profile > li span.gender.gender-f { background-position: 0 0; } ul.profile.about { padding: 0 0 10px; } ul.profile.about > li { height: auto; min-height: 30px; overflow: auto; } ul.profile.about > li span { width: 15%; } ul.profile.about > li span.data { width: 81%; height: auto; min-height: 23px; } ul.profile.float-left { width: 55%; } ul.profile.float-right { width: 45%; } ul.profile.float > li { } ul.profile.float > li span { width: 30%; padding: 7px 0 0 4px; font-size: 11px; } ul.profile.float > li span.data { width: 66%; font-size: 12px; } ul.profile.float > li span.data img { vertical-align: bottom; padding: 0 2px 0 0; } ul.profile.gaming { float: left; width: 402px; } ul.profile.gaming > li span { padding: 7px 0 0 5px; } ul.profile.gaming > li span.data { width: 74.5%; } div.profile.gaming.avatar { float: right; width: 101px; height: 92px; } div.profile.gaming.avatar img { width: 101px; height: 92px; } ul.user.visitors { height: 30px; padding: 0; margin: 0 0 1px; } ul.user.visitors > li { height: 23px; padding: 7px 0 0; } ul.user.visitors > li.image { width: 30px; height: 30px; margin: 0 1px 0 0; padding: 0; } ul.user.visitors > li.image img { width: 30px; height: 30px; } ul.user.visitors > li.visitor { width: 45%; padding: 7px 0 0 5px; } ul.user.visitors > li.date { width: 44%; text-align: right; } ul.user.forums { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.user.forums > li { height: 23px; padding: 7px 0 0; } ul.user.forums > li.title { width: 45%; } ul.user.forums > li.replies { width: 15%; text-align: center; } ul.user.forums > li.date { width: 40%; text-align: right; } /* BLOGS */ ul.blogs.manage { height: 30px; padding: 0; margin: 0 0 1px; } ul.blogs.manage > li { height: 23px; padding: 7px 0 0; } ul.blogs.manage > li.image { width: 30px; height: 30px; padding: 0; margin: 0 1px 0 0; } ul.blogs.manage > li.image img { width: 30px; height: 30px; } ul.blogs.manage > li.author { width: 15%; } ul.blogs.manage > li.title { width: 28%; } ul.blogs.manage > li.date { width: 25%; text-align: right; } ul.blogs.manage > li.published { width: 10%; text-align: center; } div.blogs.summary { margin: 0 0 1px; } div.blogs.summary > div.avatar { width: 110px; height: 100px; margin: 0 1px 0 0; } div.blogs.summary > div.blog { width: 502px; height: 70px; } div.blogs.summary > div.avatar img {} div.blogs.summary > div.blog h3.title { font-size: 13px; height: 30px; line-height: 30px; padding: 0 5px; } div.blogs.summary > div.blog h3 span.date { float: right; color: #ccc; font-size: 11px; font-weight: normal; } div.blogs.summary > div.blog div.content { height: 65px; padding: 5px 5px 0; position: relative; } div.blogs.summary > div.blog div.content div.comments { position: absolute; bottom: 0; right: 0; width: auto; padding: 5px; font-size: 11px; color: #666; } div.blog.display {} div.blog.display > h2.title { height: 30px; line-height: 30px; padding: 0 5px; color: #eee; font-size: 13px; } div.blog.display > div.content { padding: 5px 5px 10px; } div.blog.display > div.upper { height: 100px; background-color: #f1f1f1; } div.blog.display > div.upper > div { height: 100px; margin: 0 1px 0 0; } div.blog.display > div.upper > div p { padding: 5px; } div.blog.display > div.upper > div p.tags { padding: 10px 5px; } div.blog.display > div.upper div.avatar { width: 110px; } div.blog.display > div.upper div.author { width: 220px; } div.blog.display > div.upper div.related { width: 281px; margin: 0; background-color: #fff; } #wrapper div.blog.display > div.upper div.addthis_toolbox { float: none; padding: 5px; display: block; clear: left; } div.blog.display > h2.title ul.controls { padding: 5px 0; height: 20px; } ul.blogs.latest { height: 30px; padding: 0; margin: 0 0 1px; } ul.blogs.latest > li { height: 23px; padding: 7px 0 0; } ul.blogs.latest > li.date { width: 40%; text-align: right; } ul.blogs.latest > li.title { width: 45%; padding: 7px 0 0 5px; } ul.blogs.latest > li.comments { width: 13%; text-align: center; } ul.blogs.latest.user {} ul.blogs.latest.user > li {} ul.blogs.latest.user > li.author { width: 25%; padding: 7px 0 0 5px; } ul.blogs.latest.user > li.title { width: 31%; padding: 7px 0 0; } ul.blogs.latest.user > li.image { width: 30px; height: 30px; padding: 0; } ul.blogs.latest.user > li.date { width: 27%; } ul.blogs.latest.user > li.comments { width: 7%; } /* GALLERY */ ul.gallery.manage { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.gallery.manage > li { height: 23px; padding: 7px 0 0; } ul.gallery.manage > li.title { width: 50%; } ul.gallery.manage > li.items { width: 30%; text-align: center; } ul.gallery.manage > li.actions { width: 20%; text-align: right; } ul.gallery.display { float: left; width: 130px; padding: 0 5px; margin: 0 0 1px; list-style: none; } ul.gallery.display.hover_on {} ul.gallery.display.hover_on > li.images { background-color: #eee; } ul.gallery.display > li { height: 20px; padding: 5px 0 0; } ul.gallery.display > li.title { height: auto; text-align: center; } ul.gallery.display > li.images { width: 110px; height: 100px; padding: 10px; border: 1px solid #eee; } ul.gallery.display > li.comments { padding: 1px 0; font-size: 11px; color: #999; text-align: center; } #popular_images, #latest_images { overflow: auto; } div.gallery.latest { float: left; width: 130px; height: 170px; margin: 10px; text-align: center; } div.gallery.latest.small { width: 100px; height: 120px; } div.gallery.latest.hover_on {} div.gallery.latest.hover_on > div.image { background-color: #eee; } div.gallery.latest > div.image { padding: 10px; border: 1px solid #eee; } div.gallery.latest > div.image img { width: 110px; height: 100px; } div.gallery.latest.small > div.image {} div.gallery.latest.small > div.image img { width: 80px; height: 73px; } div.gallery.latest > h4 { padding: 5px 0 0; } div.gallery.latest > p { padding: 1px; font-size: 11px; color: #999; } div.gallery.images { text-align: center; position: relative; } div.gallery.images > a { display: block; width: 110px; height: 100px; position: relative; } div.gallery.images > a img { width: 110px; height: 100px; } div.gallery.images > div.overlay { width: 110px; position: absolute; bottom: 0; left: 0; background: url(../images/black-70.png) repeat 0 0; } #latest_videos, #popular_videos { overflow: auto; } #popular_videos div.gallery.item.display, #latest_videos div.gallery.item.display { width: 110px; min-height: 65px; text-align: center; } #popular_videos div.gallery.item.display > h4, #latest_videos div.gallery.item.display > h4 { font-size: 11px; font-weight: normal; } #popular_videos div.gallery.item.display > div.image div.overlay, #latest_videos div.gallery.item.display > div.image div.overlay { display: none; } #popular_videos div.gallery.item.display > div.image, #latest_videos div.gallery.item.display > div.image { width: 90px; height: 65px; } #popular_videos div.gallery.item.display > div.image img, #latest_videos div.gallery.item.display > div.image img { width: 90px; height: 65px; } div.gallery.videos { text-align: center; position: relative; } div.gallery.videos > a { display: block; width: 120px; height: 90px; position: relative; } div.gallery.videos > div.overlay { width: 120px; position: absolute; bottom: 0; left: 0; background: url(../images/black-70.png) repeat 0 0; } div.gallery.current { overflow: auto; } div.gallery.image.manage { float: left; width: 110px; height: 100px; padding: 10px; margin: 5px 10px; border: 1px solid #eee; position: relative; } div.gallery.image.manage.hover_on { background-color: #eee; } div.gallery.image.manage > img { width: 110px; height: 100px; } div.gallery.image.manage > div.overlay { width: 110px; height: 20px; padding: 2px 0 0; position: absolute; bottom: 10px; left: 10px; background: url(../images/black-70.png) repeat 0 0; } div.gallery.item.display {} div.gallery.item.display > h2 { height: 23px; padding: 7px 5px 0; font-size: 12px; font-weight: normal; color: #eee; } div.gallery.item.display > div.image { margin: 1px 0 0; padding: 0; text-align: center; } div.gallery.item.display > div.image img { } div.gallery.video.manage { float: left; width: 120px; height: 90px; padding: 10px; margin: 5px; border: 1px solid #eee; position: relative; } div.gallery.video.manage.hover_on { background-color: #eee; } div.gallery.video.manage > a { display: block; width: 120px; height: 90px; } div.gallery.video.manage > a img { width: 120px; height: 90px; } div.gallery.video.manage > div.overlay { width: 120px; height: 20px; padding: 2px 0 0; position: absolute; bottom: 10px; left: 10px; background: url(../images/black-70.png) repeat 0 0; } div.gallery.video.display { float: left; width: 140px; height: 170px; margin: 5px; position: relative; } div.gallery.video.display.hover_on > div.image { background-color: #eee; } div.gallery.video.display > div.image { width: 120px; height: 90px; padding: 10px; position: relative; border: 1px solid #eee; } div.gallery.video.display > div.image img { width: 120px; height: 90px; } div.gallery.video.display > div.image div.overlay { width: 110px; height: 20px; padding: 2px 5px 0; position: absolute; bottom: 10px; left: 10px; background: url(../images/black-70.png) repeat 0 0; } div.gallery.video.display > h4 { padding: 5px 0 0; } div.gallery.video.display > p { font-size: 11px; padding: 1px; color: #999; } div.gallery.video.embed { float: none; width: auto; min-height: 460px; margin: 0; background-color: #fff; } div.gallery.video.embed > p { font-size: 12px; color: #666; padding: 5px; } div.gallery.video.embed > h2 { height: 23px; padding: 7px 5px 0; font-size: 12px; font-weight: normal; color: #eee; margin: 0; border-bottom: 1px solid #fff; } div.gallery.video.embed > div.tag.share { padding: 2px 10px; } div.gallery.video.embed > div.video { min-height: 375px; text-align: center; position: relative; background-color: #fff; } div.gallery.video.embed > div.video object { margin: 0 auto; } div.gallery.outer { overflow: auto; } div.gallery.outer > h2 { height: 23px; padding: 7px 5px 0; font-size: 12px; font-weight: normal; color: #eee; } div.gallery.overview { overflow: auto; padding: 0; } div.gallery.overview > div.items { padding: 5px; overflow: auto; margin: 0 !important; } div.gallery.overview > div.items.video { padding: 5px 2px; } div.gallery.container {} div.gallery.container > h3 { height: 23px; padding: 7px 5px 0; color: #fff; font-size: 12px; font-weight: normal; } div.gallery.container > p { padding: 5px; } div.gallery.container > div.image.thumbs { overflow: auto; padding: 5px 24px 5px 26px; } div.rating { width: 80px; height: 18px; padding: 1px 15px; } div.rating span.text { display: block; float: right; width: 16px; height: 16px; padding: 0; text-align: center; color: #eee; } /* div.rating span.current { padding: 0 0 0 16px; background-image: url(../images/icons/sections/rating.png); background-repeat: no-repeat; background-position: 0 0; } */ div.rating > a { display: block; float: left; width: 16px; height: 16px; background-image: url(../images/icons/stars.png); background-repeat: no-repeat; cursor: pointer; } div.rating > a.star { background-position: -16px 0; } div.rating > a.star-full { background-position: 0 0; } /* ARTICLES */ ul.articles.manage { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.articles.manage > li { height: 23px; padding: 7px 0 0; } ul.articles.manage > li.title { width: 25%; } ul.articles.manage > li.feature { width: 14%; text-align: center; } ul.articles.manage > li.feature img { width: 16px; height: 16px; } ul.articles.manage > li.author { width: 20%; padding: 7px 0 0 5px; } ul.articles.manage > li.added { width: 22%; } ul.articles.manage > li.actions {} ul.articles.latest { height: 30px; padding: 0; margin: 0 0 1px; } ul.articles.latest > li { height: 23px; padding: 7px 0 0; } ul.articles.latest > li.image { width: 30px; height: 30px; padding: 0; } ul.articles.latest > li.image img { width: 30px; height: 30px; } ul.articles.latest > li.comments { display: none; } ul.articles.latest > li.comments img { width: 16px; height: 16px; } ul.articles.latest > li.author { width: 22%; padding: 7px 0 0 5px; } ul.articles.latest > li.title { width: 37%; font-weight: normal !important; } ul.articles.latest > li.date { width: 31%; text-align: right; } div.float-left div.articles.feature { position: absolute; top: 0; right: 0; } div.articles.feature { height: 339px; } div.articles.feature div.post { position: relative; } div.articles.feature h2, div.articles.feature h3 { height: 23px; padding: 7px 5px 0; margin: 0 0 1px; color: #eee; font-size: 12px; font-weight: normal; } div.articles.feature h3.title { font-size: 13px; color: #333; position: absolute; top: 0; left: 0; width: 390px; background: url(../images/black-70.png) repeat 0 0; } div.articles.feature p { padding: 5px; } div.articles.feature img { display: block; min-height: 30px; } div.articles.feature div.info { width: 100%; height: 23px; padding: 7px 0 0; position: absolute; bottom: 0; left: 0; } div.articles.feature div.info p { padding: 0 10px; color: #666; } div.articles.overview { overflow: auto; position: relative; } #wrapper div.articles.overview > div.items { margin: 0; } div.articles.overview > div.float-left { width: 213px; } div.articles.overview > div.float-right { width: 400px; position: relative; } div.articles.overview ul.articles.latest { border-bottom: 1px dashed #999; } div.articles.overview ul.articles.latest.info, div.articles.overview ul.articles.latest:last-child { border-bottom: none; } div.articles.overview ul.articles.latest > li.image, div.articles.overview ul.articles.latest > li.author, div.articles.overview ul.articles.latest > li.date { display: none; } div.articles.overview ul.articles.latest > li.title { width: 76%; padding: 7px 0 0 5px; } div.articles.overview ul.articles.latest > li.comments { display: block ;width: 20%; text-align: center; } div.articles.display {} div.articles.display > div.top { height: 30px; padding: 0 5px; margin: 0 0 1px; color: #eee; } div.articles.display > div.top h2 { height: 23px; padding: 7px 0 0; font-size: 13px; } div.articles.display > div.top p { height: 23px; padding: 7px 0 0; text-align: right; } div.articles.display > div.title { width: 390px; } div.articles.display > div.author { width: 203px; } div.articles.display > div.image { width: 400px; } div.articles.display > div.related { width: 212px; } div.articles.display > div.content { padding: 10px; } div.articles.display > div.image img { max-width: 400px; } ul.articles.related { height: 30px; padding: 0; border-bottom: 1px dashed #999; } ul.articles.related.info { font-size: 12px; font-weight: normal; border-bottom: none; } ul.articles.related > li { height: 23px; padding: 7px 0 0; } ul.articles.related > li.title { width: 78%; padding: 7px 0 0 2%; } ul.articles.related > li.comments { width: 20%; text-align: center; } ul.articles.related > li.comments img { width: 16px; height: 16px; } /* /* DOWNLOADS /**/ ul.downloads {} ul.downloads > li {} ul.downloads > li.title { width: 25%; } ul.downloads > li.category { width: 5%; text-align: center; } ul.downloads > li.clicks {} ul.downloads > li.date {} /* AVATAR */ div.avatar.preview { overflow: auto; } div.form.row > div.preview, div.avatar.preview > div.preview { width: 110px; height: 100px; overflow: hidden; margin: 0; } div.avatar.preview > div.crop { width: 373px; min-height: 30px; margin: 0 5px; background-color: #eee; } div.avatar.crop.display { overflow: auto; } /* JCROP */ div.jcrop-holder { float: left; padding: 0 0 10px; text-align: left; background: none; } .jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url('../images/jcrop.gif') top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width: 9px; *height: 9px; } .jcrop-tracker { width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* ACCOUNT */ div.account.display { margin: 0 0 1px; background: url(../images/users/account_bg.png) repeat-y 0 0; overflow: auto; } div.account.display > div.menu { width: 110px; } div.account.display > div.content { width: 503px; padding: 0; } div.account.display > div.content > form > div.form.row.button { margin: 20px 10px 0; padding: 10px 5px 5px; border-top: 1px dashed #ccc; } ul.account.tabs, ul.account.menu { list-style: none; margin: 0 0 10px; padding: 0; } ul.account.menu { margin: 0 0 1px; } ul.account.tabs > li { height: 30px; padding: 0; margin: 0 0 1px; text-align: center; } ul.account.menu > li { padding: 5px 0; margin: 0; text-align: center; color: #eee; } ul.account.menu > li.username { font-size: 14px; font-weight: bold; } ul.account.menu > li.avatar { padding: 0; } ul.account.menu > li.user.rank { padding: 2px 0 5px; font-size: 11px; color: #999; } ul.account.menu > li.links { padding: 5px 0 0; } ul.account.tabs > li a:link, ul.account.tabs > li a:visited, ul.account.tabs > li a:active { display: block; width: 100%; height: 23px; padding: 7px 0 0; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -31px; } ul.account.tabs > li a.active, ul.account.tabs > li a:hover { color: #fff !important; background-position: 0 -93px; } ul.account.sub { padding: 0 5px 0 7px; margin: 0; overflow: auto; } ul.account.sub > li { height: 25px; padding: 0; margin: 0; text-align: left; } ul.account.sub > li span { float: left; width: 35%; height: 20px; padding: 5px 0 0; color: #999; font-size: 10px; } ul.account.sub > li span.data { width: 65%; font-size: 12px; color: #ccc; } ul.account.sub > li span.data span { float: none; width: auto; padding: 0; color: #ccc; font-size: 12px; } ul.account.sub > li.username { height: 20px; padding: 5px 0 0; font-size: 12px; fon-weight: normal; } ul.account.sub > li.cpanel.link { height: 20px; line-height: 20px; padding: 0; } ul.account.sub > li.last.login { font-size: 10px; } ul.account.sub > li.messages, ul.account.sub > li.friends { float: left; width: 50%; height: 25px; font-size: 10px; } #account_tab_panels { position: relative; padding: 0 0 60px; } #account_tab_panels > div.form.row { position: absolute; bottom: 10px; left: 0; } #account_tab_panels > div.panel {} #wrapper div.comments h2.title, #wrapper div.items h2.title { margin: 0 0 1px; } #wrapper #personal_details h2.title, #wrapper #site_settings h2.title { margin: 0 0 11px 1px; } #wrapper #personal_details h2.title.extra, #wrapper #site_settings h2.title.extra { margin: 10px 0 11px 1px; } #wrapper #manage_blogs h2.title.extra { margin: 0 0 11px 1px; } #wrapper h2.title-alt { height: 23px; padding: 7px 5px 0; margin: 0 0 1px; font-size: 12px; font-weight: normal; color: #eee; } /* RESULTS */ ul.results { height: 30px; padding: 0 5px; margin: 0 0 1px; } ul.results > li { height: 23px; padding: 7px 0 0; } ul.results > li.game { width: 20px; min-height: 20px; height: 20px !important; padding: 5px !important; } ul.results > li.game img { width: 20px; height: 20px; } ul.results > li.vs { width: 5%; text-align: center; } ul.results > li.score { width: 10%; text-align: center; } ul.results > li.team { width: 22.5%; } ul.results > li.team.nme { text-align: right; } ul.results > li.added { width: 25%; text-align: right; } ul.results.latest > li.added { width: 24.5%; } ul.results.latest > li.team { width: 24%; } ul.results.latest > li.score { width: 7%; } ul.results.manage > li.score { width: 7%; } ul.results.manage > li.team { width: 22%; } ul.results.manage > li.added { width: 22%; } ul.results.manage > li.actions { width: 15%; } div.result.template {} div.result.template div div.result.template > h3 { padding: 10px 5px 5px; font-size: 13px; font-weight: normal; border-bottom: 1px dashed #ccc; } div.result.template > p { padding: 5px; } div.result.template > div.screenshots { padding: 10px; overflow: auto; } div.result.template > div.screenshots div {} div.result.news { width: 593px; min-height: 350px; position: relative; background-image: url(../images/banners/results/result_default.png); background-position: bottom right; background-repeat: no-repeat; } div.result.news > p { clear: both; } div.result.news.css { background-image: url(../images/banners/results/result_css.png); } div.result.news.cs { background-image: url(../images/banners/results/result_cs.png); } div.result.news.tf2 { background-image: url(../images/banners/results/result_tf2.png); } div.result.news.dod { background-image: url(../images/banners/results/result_dod.png); } div.result.news.cod, div.result.news.cod4{ background-image: url(../images/banners/results/result_cod4.png); } div.result.news.ql { background-image: url(../images/banners/results/result_ql.png); } div.result.news ul.score { position: absolute; bottom: 180px; right: 50px; list-style: none; } div.result.news ul.score li { width: 100%; height: 30px; line-height: 30px; background-color: #262626; color: #fff; margin: 0 0 10px; } div.result.news ul.score li.team { float: left; clear: left; width: 140px; padding: 0 0 0 10px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } div.result.news ul.score li.score { float: right; clear: right; width: 40px; text-align: center; font-size: 15px; font-weight: bold; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } div.result.news ul.score li.score.win { color: #39be40; } div.result.news ul.score li.score.loss { color: #c92121; } div.result.news ul.score li.score.draw { color: #666; } div.result.display { overflow: auto; margin: 0 0 1px; background: url(../images/background/result_bg.png) repeat-y 0 0; } div.result.display > div.float-left { width: 120px; } div.result.display > div.float-right { width: 493px; } div.result.display div.team.image { height: 60px; position: relative; } div.result.display div.team.image img { width: 120px; max-height: 60px; } div.result.display div.team.image div.overlay { width: 120px; height: 25px; line-height: 23px; position: absolute; bottom: 0; left: 0; background: url(../images/black-70.png) repeat 0 0; font-size: 12px; color: #eee; } div.result.display div.team.image div.overlay img { width: 20px; height: 20px; margin: -2px 2px 0; vertical-align: middle; } div.result.display div.screenshots, div.result.display div.report, div.result.display div.lineup { padding: 0 10px; } div.lineup p.lineup { height: 30px; padding: 0; } div.lineup p.lineup span { float: left; height: 30px; line-height: 30px; } div.lineup p.lineup span.team { width: 120px; font-size: 11px; } div.lineup p.lineup span.players{ width: 320px; } div.result.screens {} div.result.screens > img { margin: 5px; } div.result.screenshot { float: left; width: 110px; height: 100px; margin: 0 10px 0 0; padding: 10px; border: 1px solid #eee; position: relative; } div.result.screenshot:hover, div.result.screenshot.hover_on { background-color: #eee; } div.result.screenshot > div.overlay { width: 110px; height: 18px; padding: 2px 0 0; position: absolute; bottom: 10px; left: 10px; background: url(../images/black-70.png) repeat 0 0; } div.result.screenshot > a { display: block; width: 110px; height: 100px; position: relative; } div.result.screenshot > a > img { width: 110px; height: 100px; } ul.result.players { list-style: none; overflow: auto; min-height: 100px; } ul.result.players > li { width: 235px; padding: 5px 0 0; min-height: 100px; } ul.result.players > li.tlr { float: left; } ul.result.players > li.nme { float: right; text-align: right; } ul.result.players > li ul { list-style: none; } ul.result.players > li ul > li { padding: 2px 0; } ul.team.related { width: 100px; margin: 0; padding: 0; list-style: none; } ul.team.related > li { width: 100px; height: 30px; padding: 0; text-align: center; } ul.team.related > li a:link, ul.team.related > li a:active, ul.team.related > li a:visited { display: block; height: 23px; padding: 7px 5px 0; } ul.team.related > li a.active, ul.team.related > li a:hover { background-position: 0 -93px !important; color: #fff; } ul.result.score { list-style: none; height: 60px; padding: 0 0 10px; } ul.result.score > li { float: left; width: 100px; height: 100%; padding: 0; margin: 0; } ul.result.score > li.team { width: 100px; } ul.result.score > li.vs { width: 293px; text-align: center; } ul.result.score > li.vs > p { height: 13px; padding: 2px 5px 0; font-size: 11px; color: #666; } ul.result.score > li.vs > p.vs { height: 27px; padding: 3px 0 0; font-size: 21px; font-weight: bold; color: #ccc; } ul.result.score > li.vs > p.tlr { text-align: left; } ul.result.score > li.vs > p.nme { text-align: right; } ul.result.score > li.score { height: 52px; padding: 8px 0 0; font-size: 30px; color: #fff; text-align: center; background-image: url(../images/banners/results/result_sprite.png); background-repeat: no-repeat; } ul.result.score > li.score.tlr { background-position: -100px -60px; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; } ul.result.score > li.score.nme { background-position: 0 0; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; } ul.result.score > li.score.tlr.loss { background-position: -100px 0; } ul.result.score > li.score.nme.win { background-position: 0 -60px; } div.result.map { width: 180px; float: left; margin: 0 0 10px 15px; border: 1px dashed #ccc; position: relative; } div.result.map a.map { width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; } div.result.map div.image { width: 160px; height: 120px; margin: 10px; } div.result.map div.image img { width: 160px; height: 120px; } div.result.map label { float: left; clear: left; width: 20%; padding: 0 0 0 5%; } div.result.map label.score { clear: none; } div.result.map input { float: left; width: 65%; margin: 0 0 4px; } div.result.map input.score { width: 20%; text-align: center; } div.result.map input.score.win { background-color: #39be40; color: #fff; } div.result.map input.score.loss { background-color: #c92121; color: #fff; } div.result.map input.score.draw { background-color: #262626; color: #fff; } div.result.map span.score { float: left; height: 20px; line-height: 20px; width: 41px; text-align: center; } h4.map.title { padding: 5px 0; margin: 0 10px; border-bottom: 1px dashed #ccc; } h4.map.title span { padding: 0 15px; font-weight: normal; } ul.result.map.score { height: 80px; padding: 10px 0 0; margin: 0 10px; border-bottom: none; } ul.result.map.score li { height: 80px; } ul.result.map.score li.tlr { float: left; } ul.result.map.score li.nme { float: right; } ul.result.map.score li.score { width: 80px; height: 30px; line-height: 30px; margin: 20px 53px 0; padding: 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; background-image: none; } ul.result.map.score li.score.win { background-color: #39be40; color: #fff; } ul.result.map.score li.score.loss { background-color: #c92121; color: #fff; } ul.result.map.score li.score.draw { background-color: #262626; color: #fff; } ul.result.map.score li.image { float: left; width: 100px; } ul.result.map.score li.image img { height: 80px; width: 110px; } ul.team.stats { list-style: none; } ul.team.stats > li { height: 20px; line-height: 20px; padding: 0; border-bottom: 1px dashed #999; } ul.team.stats > li.team { height: 30px; line-height: 30px; color: #eee; border-bottom: none; padding: 0 5px; } ul.team.stats > li span { float: left; height: 20px; width: 70%; padding: 0 0 0 5%; font-size: 11px; color: #eee; } ul.team.stats > li span.data { width: 20%; font-size: 13px; color: #fff; text-align: center; } /* /* TWITTER /**/ ul.twitter.status { height: auto; min-height: 30px; margin: 0 0 1px; padding: 0; border-bottom: 1px dashed #ccc; } ul.twitter.status > li { height: 30px; padding: 0; line-height: 30px; } ul.twitter.status > li.avatar { height: 30px; padding: 0; } ul.twitter.status > li.avatar img { width: 30px; height: 30px; } ul.twitter.status > li.date { width: 30%; text-align: right; } ul.twitter.status > li.source { width: 30%; padding: 0 5px 0 15px; } ul.twitter.status > li.tweet { clear: both; float: none; padding: 0 5px; } /* /* RSS /**/ ul.rss.feed { height: 30px; padding: 0; margin: 0 0 1px; } ul.rss.feed > li { height: 23px; padding: 7px 0 0; } ul.rss.feed > li.title { width: 53%; padding: 7px 0 0 5px; } ul.rss.feed > li.author { width: 20%; text-align: center; } ul.rss.feed > li.date { width: 25%; text-align: right; } #tlr-rss-feed-tabs > ul > li.title { background: url(../images/icons/sections/rss.png) no-repeat center right; } /* /* UTILITY /**/ .clear { padding: 0; margin: 0; clear: both; } .hover_off {} .hover_on {} .float-left { float: left; } .float-right { float: right; } .float-centre, .float-center { margin: 0 auto; text-align: center; } .tiny { font-size: 0.7em; } .small { font-size: 0.8em; } .normal { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; } .no-padding { padding: 0; } .no-margin { margin: 0; } .no-bg { background: none; } .no-border { border: none; } /* /* TAGS /**/ p { padding: 5px 0; font-size: 1em; } h1 { padding: 5px; } h2 { padding: 0; font-size: 1.3em; } h3 { padding: 5px 0; font-size: 1.2em; } h4 { padding: 5px 0; font-size: 1.1em; } ul { padding: 0; list-style: inside; } body.preview ul { margin: 10px 5px; } /* .post is the bbcode_to_html class */ p.post { clear: both; } #content-main-left-panel p.post { padding: 5px; overflow: auto; clear: both; } #content-main-left-panel h2.post { padding: 5px; font-size: 14px; } #content-main-left-panel img.post { padding: 0 0 10px; max-width: 593px; } #content-main-left-panel img.post.float-left, #content-main-left-panel img.post.float-right { padding: 0; } #content-main-left-panel ul.post { padding: 5px 10px; list-style: none; } #content-main-left-panel ol.post { padding: 5px 10px; } #content-main-left-panel ul.post li, #content-main-left-panel ol.post li { padding: 2px 5px; } #content-main-left-panel .post img.post { padding: 0; } div.page ul, body.mceContentBody ul { padding: 5px; list-style: inside disc; } ol { } div.page ol, body.mceContentBody ol { padding: 5px; list-style: inside decimal; } li { } div.page li, body.mceContentBody li { padding: 5px; margin: 5px; } dl { } dt { } dd { } /* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp * { margin:0px; padding:0px; outline:none; } .markItUp a:link, .markItUp a:visited { color:#000; text-decoration:none; } .markItUp { float: left; width: 75%; margin:5px 0 5px 0; } .markItUpContainer { font-size: 11px; overflow: visible; } .markItUpEditor { z-index: 20; width: 100% !important; clear:both; display:block; line-height:18px; overflow:auto; } .markItUpPreviewFrame { width: 99.9%; height: 300px; padding: 0; margin: 5px 0; overflow: hidden; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px dashed #999; } .markItUpHeader { overflow: visible; } .markItUpFooter { width:100%; clear: both; } .markItUpResizeHandle { overflow:hidden; width:22px; height:5px; margin-left:auto; margin-right:auto; background-image:url(../images/editor/handle.png); cursor:n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader > ul { z-index: 29; overflow: auto; } .markItUpHeader > ul > li { width: 19px; height: 22px; } .markItUpHeader ul li { z-index: 30; list-style:none; float:left; } .markItUpHeader ul li:hover > ul { display: block; } .markItUpHeader ul .markItUpDropMenu { z-index: 31; background:transparent url(../images/editor/menu.png) no-repeat 115% 50%; margin-right: 5px; } .markItUpHeader ul .markItUpDropMenu > ul { width: 90px; padding: 5px; background-color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 35; position: relative; overflow: auto; display: none; } .markItUpHeader ul .markItUpDropMenu > ul > li { z-index: 36; width: 90px; padding: 0; margin-right: 0px; } .markItUpHeader ul .markItUpDropMenu > ul > li a:link, .markItUpHeader ul .markItUpDropMenu > ul > li a:visited, .markItUpHeader ul .markItUpDropMenu > ul > li a:active { background-color: #f2f2f2; } .markItUpHeader ul .markItUpDropMenu > ul > li a:hover { background-color: #fff; } /* next rows of buttons */ .markItUpHeader ul .markItUpSeparator { margin:0 5px; width:1px; height:16px; overflow:hidden; background-color:#CCC; } .markItUpHeader ul ul .markItUpSeparator { width: auto; height: 1px; margin: 0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; } .markItUpHeader ul ul ul li { float:none; } .markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px 0 3px 3px; margin:0px; } .markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:60px; padding:5px 5px 5px 25px; background-position:2px 50%; } .markItUpHeader ul ul a:hover { color:#FFF; background-color:#000; } /* autocomplete */ .ac_results { padding: 0px; border: 1px solid #999; border-top: none; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0 1px 0 0; } .ac_results li { margin: 0px; float: left; height: 23px; padding: 7px 10px 0; cursor: pointer; display: block; background-image: url(../images/background/bars.png); background-repeat: repeat-x; background-position: 0 -155px; color: #666; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; } .ac_results li.ac_over { background-position: 0 -93px; color: #fff; } .ac_loading { background: white url(../images/loading_orange.gif) right center no-repeat; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { font-weight: normal; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #999; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: none; font-weight: normal; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #cccccc; background: #eeeeee url(../images/theme/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #2e7db2; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url(../images/theme/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #111111; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #111111; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/theme/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/theme/ui-icons_cccccc_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/theme/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/theme/ui-icons_cccccc_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/theme/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/theme/ui-icons_222222_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/theme/ui-icons_4b8e0b_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/theme/ui-icons_a83300_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } .ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } .ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } .ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } .ui-corner-top { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .ui-corner-right { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } .ui-corner-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } .ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border-bottom: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; color: #eee; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; } .ui-datepicker td a:hover { color: #ccc; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* tlr icon sprite */ #wrapper .bg-icon { display: block; margin: 0 auto; width: 16px; height: 16px; padding: 0; background-image: url(../images/background/icon_sprite.png); background-repeat: no-repeat; border: none !important; } .bg-icon.icon-activity { background-position: 0 0; width: 16px; height: 16px; } .bg-icon.icon-application_add { background-position: 0 -17px; width: 16px; height: 16px; } .bg-icon.icon-application_delete { background-position: 0 -34px; width: 16px; height: 16px; } .bg-icon.icon-application_edit { background-position: 0 -51px; width: 16px; height: 16px; } .bg-icon.icon-application_error { background-position: 0 -68px; width: 16px; height: 16px; } .bg-icon.icon-article_create { background-position: 0 -85px; width: 16px; height: 16px; } .bg-icon.icon-article_delete { background-position: 0 -102px; width: 16px; height: 16px; } .bg-icon.icon-article_modify { background-position: 0 -119px; width: 16px; height: 16px; } .bg-icon.icon-articles { background-position: 0 -136px; width: 16px; height: 16px; } .bg-icon.icon-avatar { background-position: 0 -153px; width: 16px; height: 16px; } .bg-icon.icon-blogs { background-position: 0 -204px; width: 16px; height: 16px; } .bg-icon.icon-blogs_create { background-position: 0 -221px; width: 16px; height: 16px; } .bg-icon.icon-blogs_delete { background-position: 0 -238px; width: 16px; height: 16px; } .bg-icon.icon-blogs_modify { background-position: 0 -255px; width: 16px; height: 16px; } .bg-icon.icon-breadcrumb { background-position: 0 -272px; width: 16px; height: 16px; } .bg-icon.icon-comment { background-position: 0 -289px; width: 16px; height: 16px; } .bg-icon.icon-comments { background-position: 0 -306px; width: 16px; height: 16px; } .bg-icon.icon-comments_create { background-position: 0 -323px; width: 16px; height: 16px; } .bg-icon.icon-comments_delete { background-position: 0 -340px; width: 16px; height: 16px; } .bg-icon.icon-comments_modify { background-position: 0 -357px; width: 16px; height: 16px; } .bg-icon.icon-connect { background-position: 0 -374px; width: 16px; height: 16px; } .bg-icon.icon-contrib_stats { background-position: 0 -391px; width: 16px; height: 16px; } .bg-icon.icon-disabled { background-position: 0 -408px; width: 16px; height: 16px; } .bg-icon.icon-enabled { background-position: 0 -425px; width: 16px; height: 16px; } .bg-icon.icon-error_delete { background-position: 0 -442px; width: 16px; height: 16px; } .bg-icon.icon-expand { background-position: 0 -459px; width: 16px; height: 16px; } .bg-icon.icon-features { background-position: 0 -476px; width: 16px; height: 16px; } .bg-icon.icon-forums { background-position: 0 -493px; width: 16px; height: 16px; } .bg-icon.icon-forums_create { background-position: 0 -510px; width: 16px; height: 16px; } .bg-icon.icon-forums_delete { background-position: 0 -527px; width: 16px; height: 16px; } .bg-icon.icon-forums_modify { background-position: 0 -544px; width: 16px; height: 16px; } .bg-icon.icon-friends { background-position: 0 -561px; width: 16px; height: 16px; } .bg-icon.icon-friends_create { background-position: 0 -578px; width: 16px; height: 16px; } .bg-icon.icon-friends_delete { background-position: 0 -595px; width: 16px; height: 16px; } .bg-icon.icon-friends_manage { background-position: 0 -612px; width: 16px; height: 16px; } .bg-icon.icon-gallery { background-position: 0 -629px; width: 16px; height: 16px; } .bg-icon.icon-gallery_create { background-position: 0 -646px; width: 16px; height: 16px; } .bg-icon.icon-gallery_delete { background-position: 0 -663px; width: 16px; height: 16px; } .bg-icon.icon-gallery_images_delete { background-position: 0 -680px; width: 16px; height: 16px; } .bg-icon.icon-gallery_modify { background-position: 0 -697px; width: 16px; height: 16px; } .bg-icon.icon-games { background-position: 0 -714px; width: 16px; height: 16px; } .bg-icon.icon-games_create { background-position: 0 -731px; width: 16px; height: 16px; } .bg-icon.icon-games_delete { background-position: 0 -748px; width: 16px; height: 16px; } .bg-icon.icon-games_modify { background-position: 0 -765px; width: 16px; height: 16px; } .bg-icon.icon-gaming { background-position: 0 -782px; width: 16px; height: 16px; } .bg-icon.icon-hardware { background-position: 0 -799px; width: 16px; height: 16px; } .bg-icon.icon-highlight { background-position: 0 -816px; width: 16px; height: 16px; } .bg-icon.icon-image_create { background-position: 0 -833px; width: 16px; height: 16px; } .bg-icon.icon-image_delete { background-position: 0 -850px; width: 16px; height: 16px; } .bg-icon.icon-image_modify { background-position: 0 -867px; width: 16px; height: 16px; } .bg-icon.icon-images { background-position: 0 -884px; width: 16px; height: 16px; } .bg-icon.icon-messages { background-position: 0 -901px; width: 16px; height: 16px; } .bg-icon.icon-messages_create { background-position: 0 -918px; width: 16px; height: 16px; } .bg-icon.icon-messages_delete { background-position: 0 -935px; width: 16px; height: 16px; } .bg-icon.icon-messages_modify { background-position: 0 -952px; width: 16px; height: 16px; } .bg-icon.icon-new { background-position: 0 -969px; width: 16px; height: 16px; } .bg-icon.icon-news { background-position: 0 -986px; width: 16px; height: 16px; } .bg-icon.icon-news_create { background-position: 0 -1003px; width: 16px; height: 16px; } .bg-icon.icon-news_delete { background-position: 0 -1020px; width: 16px; height: 16px; } .bg-icon.icon-news_modify { background-position: 0 -1037px; width: 16px; height: 16px; } .bg-icon.icon-pages { background-position: 0 -1054px; width: 16px; height: 16px; } .bg-icon.icon-pages_create { background-position: 0 -1071px; width: 16px; height: 16px; } .bg-icon.icon-pages_delete { background-position: 0 -1088px; width: 16px; height: 16px; } .bg-icon.icon-pages_modify { background-position: 0 -1105px; width: 16px; height: 16px; } .bg-icon.icon-delete { background-position: 0 -1088px; width: 16px; height: 16px; } .bg-icon.icon-modify { background-position: 0 -1105px; width: 16px; height: 16px; } .bg-icon.icon-password { background-position: 0 -1122px; width: 16px; height: 16px; } .bg-icon.icon-permissions_create { background-position: 0 -1139px; width: 16px; height: 16px; } .bg-icon.icon-permissions_delete { background-position: 0 -1156px; width: 16px; height: 16px; } .bg-icon.icon-permissions_modify { background-position: 0 -1173px; width: 16px; height: 16px; } .bg-icon.icon-personal { background-position: 0 -1190px; width: 16px; height: 16px; } .bg-icon.icon-post_report { background-position: 0 -1207px; width: 16px; height: 16px; } .bg-icon.icon-posts { background-position: 0 -1224px; width: 16px; height: 16px; } .bg-icon.icon-posts_create { background-position: 0 -1241px; width: 16px; height: 16px; } .bg-icon.icon-posts_delete { background-position: 0 -1258px; width: 16px; height: 16px; } .bg-icon.icon-posts_modify { background-position: 0 -1275px; width: 16px; height: 16px; } .bg-icon.icon-quote_end { background-position: 0 -1292px; width: 20px; height: 20px; } .bg-icon.icon-quote_start { background-position: 0 -1313px; width: 20px; height: 20px; } .bg-icon.icon-rating { background-position: 0 -1334px; width: 16px; height: 16px; } .bg-icon.icon-refresh { background-position: 0 -1351px; width: 16px; height: 16px; } .bg-icon.icon-results { background-position: 0 -1368px; width: 16px; height: 16px; } .bg-icon.icon-results_create { background-position: 0 -1385px; width: 16px; height: 16px; } .bg-icon.icon-results_delete { background-position: 0 -1402px; width: 16px; height: 16px; } .bg-icon.icon-results_modify { background-position: 0 -1419px; width: 16px; height: 16px; } .bg-icon.icon-rss { background-position: 0 -1436px; width: 16px; height: 16px; } .bg-icon.icon-rss_alt { background-position: 0 -1453px; width: 16px; height: 16px; } .bg-icon.icon-search { background-position: 0 -1470px; width: 16px; height: 16px; } .bg-icon.icon-server_create { background-position: 0 -1487px; width: 16px; height: 16px; } .bg-icon.icon-server_delete { background-position: 0 -1504px; width: 16px; height: 16px; } .bg-icon.icon-server_modify { background-position: 0 -1521px; width: 16px; height: 16px; } .bg-icon.icon-settings { background-position: 0 -1538px; width: 16px; height: 16px; } .bg-icon.icon-site_stats { background-position: 0 -1555px; width: 16px; height: 16px; } .bg-icon.icon-sponsors { background-position: 0 -1572px; width: 16px; height: 16px; } .bg-icon.icon-sponsors_create { background-position: 0 -1589px; width: 16px; height: 16px; } .bg-icon.icon-sponsors_delete { background-position: 0 -1606px; width: 16px; height: 16px; } .bg-icon.icon-sponsors_modify { background-position: 0 -1623px; width: 16px; height: 16px; } .bg-icon.icon-stack { background-position: 0 -1640px; width: 16px; height: 16px; } .bg-icon.icon-statistics { background-position: 0 -1657px; width: 16px; height: 16px; } .bg-icon.icon-teams { background-position: 0 -1674px; width: 16px; height: 16px; } .bg-icon.icon-teams_create { background-position: 0 -1691px; width: 16px; height: 16px; } .bg-icon.icon-teams_delete { background-position: 0 -1708px; width: 16px; height: 16px; } .bg-icon.icon-teams_modify { background-position: 0 -1725px; width: 16px; height: 16px; } .bg-icon.icon-threads { background-position: 0 -1742px; width: 16px; height: 16px; } .bg-icon.icon-threads_create { background-position: 0 -1759px; width: 16px; height: 16px; } .bg-icon.icon-threads_delete { background-position: 0 -1776px; width: 16px; height: 16px; } .bg-icon.icon-threads_modify { background-position: 0 -1793px; width: 16px; height: 16px; } .bg-icon.icon-tlr { background-position: 0 -1810px; width: 16px; height: 16px; } .bg-icon.icon-upload { background-position: 0 -1827px; width: 16px; height: 16px; } .bg-icon.icon-user_avatar { background-position: 0 -1844px; width: 16px; height: 16px; } .bg-icon.icon-user_create { background-position: 0 -1861px; width: 16px; height: 16px; } .bg-icon.icon-user_delete { background-position: 0 -1878px; width: 16px; height: 16px; } .bg-icon.icon-user_modify { background-position: 0 -1895px; width: 16px; height: 16px; } .bg-icon.icon-user_profile { background-position: 0 -1912px; width: 16px; height: 16px; } .bg-icon.icon-user_stats { background-position: 0 -1929px; width: 16px; height: 16px; } .bg-icon.icon-user_wall { background-position: 0 -1946px; width: 16px; height: 16px; } .bg-icon.icon-video_create { background-position: 0 -1963px; width: 16px; height: 16px; } .bg-icon.icon-video_delete { background-position: 0 -1980px; width: 16px; height: 16px; } .bg-icon.icon-video_modify { background-position: 0 -1997px; width: 16px; height: 16px; } .bg-icon.icon-videos { background-position: -70px 0; width: 16px; height: 16px; } .bg-icon.icon-visitor_stats { background-position: -70px -17px; width: 16px; height: 16px; } .bg-icon.icon-visitors { background-position: -70px -34px; width: 16px; height: 16px; } .bg-icon.icon-vote_down { background-position: -70px -51px; width: 16px; height: 16px; } .bg-icon.icon-vote_up { background-position: -70px -68px; width: 16px; height: 16px; } .bg-icon.icon-wall { background-position: -70px -85px; width: 16px; height: 16px; }