/* profile modules */ .profile-module { margin: 0 0 25px 0; width: 745px; background: url("../../images/profile/module-bg.jpg") repeat-y; } .profile-module .module-top { background: url("../../images/profile/module-top.jpg") 0 0 no-repeat; } .profile-module .module-bot { background: url("../../images/profile/module-bot.gif") 0 100% no-repeat; padding: 0 8px 4px 0; } html.ie67 .profile-module .module-bot { zoom: 1; } .profile-module .module-body { padding: 15px; } .profile-module .module-title { padding: 8px 15px 7px 24px; letter-spacing: 2px; } .ko-kr .profile-module .module-title { letter-spacing: 0; } .profile-module .module-title h3 { padding-bottom: 3px; } .profile-module .module-title h3 span { color: #fff; } .profile-module .module-footer { height: 30px; padding-top: 12px; text-align: center; background: url("../../images/profile/module-footer.png") no-repeat; } .profile-module .module-left { float: left; width: 496px; } .profile-module .module-right { float: left; width: 230px; } .profile-module h3 { color: #fff; font-weight: normal; font-family: Tahoma, "Arial", "Verdana", sans-serif; font-size: 14px; } .ko-kr .profile-module h3 { font-family: Dotum; } .profile-module.single { background: url("../../images/profile/module-bg2.jpg") repeat-y; } .profile-module.single .module-top { background: url("../../images/profile/module-top2.jpg") 0 0 no-repeat; } /* layout */ #profile-wrapper { padding: 20px 15px 35px 15px; background: url("../../images/profile/content-top.jpg") 0 0 no-repeat; } #profile-wrapper #profile-left { width: 200px; float: left; } #profile-wrapper #profile-right { width: 745px; float: right; } /* header */ #profile-header { height: 105px; position: relative; padding-left: 120px; margin-bottom: 40px; } #profile-header h2 { font: normal 32px "Arial", "Verdana", sans-serif; color: #C1FFFF; padding: 10px 0; } .ko-kr #profile-header h2 { font-family: DaumRegular, Dotum; } #profile-header h2 a { color: #C1FFFF; } #profile-header h2 a:hover { color: #0084ff; } #profile-header h2.has-clan { padding: 4px 0; } #profile-header h2.has-clan .user-name { font-size: 25px; line-height: 35px; } #profile-header h2.has-clan .clan-tagname { color: #65d3fc; font-size: 17px; display: block; font-weight: normal; } #profile-header h3 { font: bold 24px "Arial", "Verdana", sans-serif; color: #c1ffff; padding-left: 44px; line-height: 35px; text-transform: uppercase; background: url("../../images/icons/achievement-large.png") 0 0 no-repeat; } #profile-header #portrait { cursor: pointer; width: 141px; height: 130px; position: absolute; top: -14px; left: -24px; } #profile-header #portrait .icon-frame { position: absolute; z-index: 5; top: 24px; left: 32px; } #profile-header #portrait #portrait-frame { position: absolute; z-index: 10; top: 4px; left: 7px; width: 141px; height: 130px; background: url("../../images/profile/portrait-summary-default.png") no-repeat 50% 50%; } #profile-header #portrait #portrait-frame.portrait-border-gold { background-image: url("../../images/profile/portrait-summary-gold.png"); } #profile-header #portrait #portrait-frame.portrait-border-bronze { background-image: url("../../images/profile/portrait-summary-bronze.png"); } #profile-header #portrait #portrait-frame.portrait-border-silver { background-image: url("../../images/profile/portrait-summary-silver.png"); } #profile-header #portrait #portrait-frame.portrait-border-platinum { background-image: url("../../images/profile/portrait-summary-platinum.png"); } #profile-header #portrait #portrait-frame.portrait-border-diamond { background-image: url("../../images/profile/portrait-summary-diamond.png"); } #profile-header #portrait #portrait-frame.portrait-border-master { background-image: url("../../images/profile/portrait-summary-master.png"); } #profile-header #portrait #portrait-frame.portrait-border-grandmaster { background-image: url("../../images/profile/portrait-summary-grandmaster.png"); } #profile-point { width: 44px; height: 30px; background: transparent url("../../images/profile/portrait-summary-pointbox.png") no-repeat; text-align: center; line-height: 30px; position: absolute; bottom: 8px; left: 23px; z-index: 15;} #profile-activity { position: absolute; right: 5px; top: 75px; } #current-decals { position: absolute; top: 10px; right: 10px; height: 45px; } #current-decals .current-decal { float: right; margin-left: 10px; } #current-decals .current-decal .icon-frame { border: 2px solid #0d5683; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; } #current-decals .current-decal .icon-frame:hover { border-color: #1d99de; } /* menu */ #profile-menu { margin: 0 0 25px 0; } #profile-menu li { margin-bottom: 5px; height: 39px; } #profile-menu li a { display: block; height: 39px; line-height: 39px; color: #2abbff; background: url("../../images/profile/menu-tab.jpg") 0 0 no-repeat; padding: 0 10px; text-transform: uppercase; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #profile-menu li.submenu a { padding: 0 10px 0 18px; } #profile-menu li a span { color: #0059be; } #profile-menu li a:hover, #profile-menu li.hover a { background: url("../../images/profile/menu-tab.jpg") 0 -40px no-repeat; text-decoration: none; color: #fff; } #profile-menu li a:hover span, #profile-menu li.active a span, #profile-menu li.hover a span { color: #2abbff; } #profile-menu li.active a { background: url("../../images/profile/menu-tab.jpg") 0 -80px no-repeat; color: #fff; } #profile-menu .forward { width: 20px; height: 39px; float: right; display: block; background: url("../../images/profile/menu-arrows.png") 0 0 no-repeat; } #profile-menu .back { width: 20px; height: 39px; float: left; display: block; background: url("../../images/profile/menu-arrows.png") -10px -37px no-repeat; } #sub-menu { margin: 0 0 25px 15px; } #sub-menu li { padding-top: 2px; padding-bottom: 2px; } /* Progress bar */ .progress-tile { float: left; width: 85px; margin-left: 10px; text-align: center; margin-bottom: 20px; } .progress-tile:first-child, .progress-tile:nth-child(6) { margin: 0; } .progress-tile .portrait-a { margin-bottom: 5px; } .progress-tile a { display: block; } .progress-tile .profile-progress { width: 85px; margin-top: 5px; } .progress-tile.empty { color: #007ebd; } .progress-tile .progress-link { height: 120px; } .profile-progress { width: 115px; } .profile-progress span { font-size: 11px; color: #47c5ff; display: block; text-align: left; padding-left: 12px; background: url("../../images/icons/achievement.png") 0 -79px no-repeat; } .profile-progress .progress-wrapper { text-align: left; border: 2px solid #003076; overflow: hidden; padding: 2px; height: 4px; display: block; margin: 3px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .profile-progress .progress-bar { background: #00ff84; height: 4px; } /* summary */ #campaign-completion .badge-item { height: 50px; display: block; padding: 15px 0 0 12px; } html.ie6 #career-stats .badge-item, html.ie6 #campaign-completion .badge-item { position: relative; } #career-stats .badge-item .badge, #campaign-completion .badge-item { float: left; } #career-stats .badge-item .mode, #campaign-completion .badge-item .mode { padding-left: 60px; font-size: 12px; color: #0066bd; line-height: 25px; } #career-stats .badge-item .league-name, #campaign-completion .badge-item .league-name { padding-left: 60px; font-size: 12px; color: #c1ffff; } /* Race levels */ #race-levels .race-level-block { position: absolute; line-height: 20px; top: 179px; } #race-levels .race-level-block.terran { left: 20px; } #race-levels .race-level-block.zerg { left: 188px; } #race-levels .race-level-block.protoss { left: 351px; } #race-levels .race-level-block .race-title { color: #0066bd; font-size: 14px; display: block; margin-left: 39px; } #race-levels .race-level-block .level-value { color: #c1ffff; font-size: 16px; margin-left: 39px; } #race-levels .race-level-block .no-played { font-size: 11px; } #race-levels .race-level-block .levels { padding-bottom: 3px; } /* campaign badges */ #campaign-completion .badge-item.campaign { height: 56px; display: block; padding: 2px 0 13px 0; width: 100%; } #campaign-completion .badge-item.campaign .badge { float: left; background: url("../../images/profile/campaign/campaign_badge_sprite.gif") no-repeat; height: 56px; width: 64px; } #campaign-completion .badge-item.campaign-heart-of-the-swarm .badge { background-image: url("../../images/profile/campaign/campaign_badge_sprite_hots.gif") !important; } #campaign-completion .badge-item.campaign-heart-of-the-swarm .badge { background-image: url("../../images/profile/campaign/campaign_badge_sprite_hots.gif") !important; } #campaign-completion .badge-item.campaign .badge.unearned { background-position: 0 0 !important; } #campaign-completion .badge-item.campaign .badge.casual { background-position: -64px 0 !important; } #campaign-completion .badge-item.campaign .badge.normal { background-position: -128px 0 !important; } #campaign-completion .badge-item.campaign .badge.hard { background-position: -192px 0 !important; } #campaign-completion .badge-item.campaign .badge.brutal { background-position: -256px 0 !important; } #campaign-completion .badge-item.campaign-legacy-of-the-void .badge.unearned { background-image: url("../../images/profile/campaign/campaign_badge_lotv_unearned.png") !important; background-position: 5px 0 !important; } #campaign-completion .badge-item.campaign-legacy-of-the-void .badge.casual { background-image: url("../../images/profile/campaign/campaign_badge_lotv_casual.png") !important; background-position: 5px 0 !important; } #campaign-completion .badge-item.campaign-legacy-of-the-void .badge.normal { background-image: url("../../images/profile/campaign/campaign_badge_lotv_normal.png") !important; background-position: 5px 0 !important; } #campaign-completion .badge-item.campaign-legacy-of-the-void .badge.hard { background-image: url("../../images/profile/campaign/campaign_badge_lotv_hard.png") !important; background-position: 5px 0 !important; } #campaign-completion .badge-item.campaign-legacy-of-the-void .badge.brutal { background-image: url("../../images/profile/campaign/campaign_badge_lotv_brutal.png") !important; background-position: 5px 0 !important; } #campaign-completion .badge-item.campaign .mode { padding-left: 64px; line-height: 28px; } #campaign-completion .badge-item.campaign .rank { padding-left: 64px; } #career-stats .module-body { padding: 11px 5px 15px 11px; } #career-stats .career-stats-box { background: url("../../images/profile/bg-career-stats-bot.png") 50% 100% no-repeat; padding: 6px 0 16px 4px; margin-bottom: 4px; min-height: 100px; } #career-stats .best-finishes { padding-bottom: 16px; } #career-stats .badge-item { padding: 15px 0 2px 0; clear: both; } #career-stats .career-stat-block { width: 100%; font-size: 12px; line-height: 15px; padding-bottom: 6px; } #career-stats .career-stat-block .stat-title { color: #0066bd; float: left; width: 70%; } .ko-kr #career-stats .career-stat-block .stat-title { width: 60%; } #career-stats .career-stat-block .stat-value { color: #c1ffff; float: right; width: 30%; text-align: right; } #season-snapshot .module-body { padding: 16px 0 0 18px; height: 295px; background: url("../../images/profile/bg-default.jpg") 100% 0 no-repeat; } #season-snapshot .badge-item { width: 100%; margin-bottom: 13px; } #season-snapshot .badge-item .badge, #season-snapshot .badge-item .detail-value { float: left; } #season-snapshot .badge-item .detail-value { width: 80%; font-size: 14px; color: #0066BD; margin: 2px 0 0 14px; } #season-snapshot .badge-item .detail-value .mode, #season-snapshot .badge-item .detail-value .mode-stat { float: left; } #season-snapshot .badge-item .detail-value .mode { color: #c1ffff; margin-bottom: 1px; } #season-snapshot .badge-item .detail-value .profile-progress { width: 100%; } #season-snapshot .badge-item .detail-value .profile-progress .progress-wrapper { height: 7px; } #season-snapshot .badge-item .detail-value .profile-progress .progress-bar { height: 7px; } /* #campaign-completion .module-body { padding: 0 0 15px 3px; } #campaign-completion .campaign-unearned { background: url("../../images/profile/campaign/unearned.png") 50% 100% no-repeat; } #campaign-completion .campaign-casual { background: url("../../images/profile/campaign/casual.png") 50% 100% no-repeat; } #campaign-completion .campaign-normal { background: url("../../images/profile/campaign/normal.png") 50% 100% no-repeat; } #campaign-completion .campaign-hard { background: url("../../images/profile/campaign/hard.png") 50% 100% no-repeat; } #campaign-completion .campaign-brutal { background: url("../../images/profile/campaign/brutal.png") 50% 100% no-repeat; } */ #race-levels .module-body { height: 228px; background: url("../../images/profile/bg-racelevels.png") 6px 0 no-repeat; position: relative; } .ie6 #race-levels .module-body { background: url("../../images/profile/bg-racelevels.gif") 6px 0 no-repeat; } #race-levels .progress-tile { float: left; width: 158px; margin-left: 10px; text-align: left; } #race-levels .progress-tile:first-child { margin: 0; } #race-levels .progress-tile .portrait-a { margin-bottom: 5px; } #race-levels .progress-tile a { display: block; } #race-levels .progress-tile .profile-progress { width: 85px; margin-top: 5px; } #race-levels .progress-tile.empty { color: #007ebd; } #top-achievements { padding-right: 0; } #top-achievements .progress-tile { margin-bottom: 0; } #top-achievements table { width: 100%; border-collapse: collapse; } #top-achievements table td { padding: 5px 0; } #top-achievements .points { background: url("../../images/icons/achievement.png") 0 0 no-repeat; padding-left: 20px; margin-bottom: 5px; } #achievement-showcase, #showcase-wrapper { position: relative; padding: 0; } html.ie67 #achievement-showcase, #showcase-wrapper { zoom: 1; } #achievement-showcase .showcase-arrow { width: 22px; height:43px; position: absolute; top: 35px; background: url("../../images/profile/slider-arrows.png") 0 0 no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #achievement-showcase .showcase-arrow.left { left: 32px; } #achievement-showcase .showcase-arrow.left:hover { background-position: 0 -44px; } #achievement-showcase .showcase-arrow.right { right: 28px; background-position: -32px 0; } #achievement-showcase .showcase-arrow.right:hover { background-position: -32px -44px; } #achievement-showcase .showcase-tile { text-align: center; color: #c1ffff; position: absolute; top: 0; left: 0; width: 100%; } #achievement-showcase .showcase-tile p { margin: 125px 0 0 0; padding: 0 15px; } #achievement-showcase .showcase-tile .showcase-image { display: block; width: 100%; text-align: center; position: absolute; left: 0; top: 15px; white-space: nowrap; } #achievement-showcase .showcase-tile .showcase-image .portrait-a { margin: 0 auto; margin-bottom: 5px; } .campaign-badge { margin: -20px; text-align: center; } /* ladders */ #bonus-pool { float: right; padding-top: 10px; } #bonus-pool span { color: #77ffb7; font-weight: bold; } #ladder-spotlight { margin-bottom: 25px; } #ladder-spotlight .spotlight { margin-left: 20px; width: 235px; height: 250px; float: left; background: url("../../images/profile/ladders-plate.jpg") -940px 0 no-repeat; position: relative; } #ladder-spotlight .spotlight.first-child { margin: 0; } #ladder-spotlight .spotlight.tile-zerg { background-position: -705px 0; } #ladder-spotlight .spotlight.tile-protoss { background-position: -470px 0; } #ladder-spotlight .spotlight.tile-terran { background-position: -235px 0; } #ladder-spotlight .spotlight.tile-random { background-position: 0 0; } #ladder-spotlight .spotlight .players { position: absolute; top: 100px; left: 25px; width: 190px; } #ladder-spotlight .spotlight .players li { margin-bottom: 2px; padding: 0 10px; background: url("../../images/profile/spotlight-player.png") 0 0 repeat-y; } #ladder-spotlight .spotlight .players li:hover { background-position: -190px 0; } #ladder-spotlight .spotlight .players li a { display: block; padding: 2px 0 2px 25px; color: #fff; } #ladder-spotlight .spotlight .league { position: absolute; top: 25px; right: 25px; width: 105px; text-align: center; color: #c1ffff; text-transform: uppercase; } #ladder-spotlight .spotlight .league strong { display: block; font-size: 16px; } #ladder-spotlight .spotlight .league:hover { color: #fff; } #ladder-spotlight .spotlight .division { position: absolute; bottom: 25px; left: 25px; width: 190px; text-align: center; color: #47c5d9; text-transform: uppercase; } #ladder-spotlight .spotlight .division span { display: block; color: #00efa7; } #ladder-spotlight .spotlight .emblem { display: block; width: 120px; height: 130px; position: absolute; top: -30px; left: -20px; background: url("../../images/profile/spotlight-badge.png") 0 0 no-repeat; } #ladder-spotlight .spotlight .emblem .badge { margin: 19px 0 0 11px; } /* friends */ #friends-wrapper .friend-tile { display: block; color: #76e3ff; cursor: pointer; float: left; padding: 5px; width: 225px; border: 1px solid #024b7f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 10px 5px 0 5px; background: #002f53 url("../../images/profile/friend-tile.gif") 0 0 repeat-x; } #friends-wrapper .friend-tile strong { font-weight: normal; color: #fff; } #friends-wrapper .friend-tile .portrait-c { float: left; margin-right: 5px; } #friends-wrapper .friend-tile .friend-meta { display: block; float: left; padding-top: 7px; } #friends-wrapper .friend-tile:hover { background: #024b7f; border-color: #146ead; } /* rewards */ #rewards-wrapper .reward-tile { text-align: center; color: #fff; margin: 0 4px 15px 4px; width: 115px; height: 168px; float: left; background: url("../../images/profile/rewards-plate.jpg") 0 0 no-repeat; } #rewards-wrapper .reward-tile.clickable:hover { background-position: 0 -168px; } #rewards-wrapper .reward-tile .reward-portrait { padding: 13px 13px 0 13px; height: 95px; } #rewards-wrapper .reward-tile .reward-name { padding: 0 10px 8px; color: #c1ffff; max-width: 95px; } #rewards-wrapper .reward-tile .reward-meta { padding: 8px 0 0 0; color: #006fff; } #rewards-wrapper .reward-tile.earned .reward-meta { color: #c1ffff; } #rewards-wrapper .reward-tile.selected { background-position: 0 -336px; } #rewards-wrapper .reward-tile.selected .reward-meta { color: #00b3ff; } #rewards-wrapper .reward-tile.clickable:hover .reward-portrait .portrait-a, #rewards-wrapper .reward-tile.selected .reward-portrait .portrait-a { background-position: -105px -114px; } #rewards-wrapper .reward-tile.unearned { background-position: 0 -504px; position: relative; color: #0050aa; } #rewards-wrapper .reward-tile.unearned .reward-locked { width: 86px; height: 82px; position: absolute; top: 12px; left: 14px; background: url("../../images/profile/rewards-locked.png") 0 0 no-repeat; } #rewards-wrapper .reward-tile.unearned .reward-portrait .portrait-a { background: none; } #rewards-wrapper .reward-tile.unearned:hover { background-position: 0 0; } #rewards-wrapper .reward-tile.unearned:hover .reward-locked { display: none; } #rewards-wrapper .reward-tile.unearned:hover .reward-portrait .portrait-a { background: url("../../images/portrait-frame.gif") 0 -114px no-repeat } .reward-tooltip { min-width: 200px; } .reward-tooltip .portrait-c { float: left; margin-right: 10px; } /* match history */ #match-history .match-win { background: url("../../images/icons/ladder/match-symbols.png") 0 0 no-repeat; padding: 1px 0 1px 25px; display: inline-block; } #match-history .match-loss, #match-history .match-bailer, #match-history .match-disagree { background: url("../../images/icons/ladder/match-symbols.png") 0 -43px no-repeat; padding: 1px 0 1px 25px; display: inline-block; } #match-history .match-tie, #match-history .match-undecided { background: url("../../images/icons/ladder/match-symbols.png") 0 -85px no-repeat; padding: 1px 0 1px 25px; display: inline-block; } #match-history .match-watcher { background: url("../../images/icons/ladder/match-symbols.png") 0 -127px no-repeat; padding: 1px 0 1px 25px; display: inline-block; } /* achievements */ #achievements-left { float: left; width: 520px; } #achievements-right { float: right; width: 200px; } #achievement-filters { padding-right: 15px; } #achievement-filters .profile-progress { float: left; width: 175px; } #progress-module { background: url("../../images/profile/module-header.jpg") no-repeat 6px 0; } #showcase-module .data-empty { background: none; padding: 50px 25px; } #recent-achievements .recent-tile { display: block; padding: 5px; margin-bottom: 5px; background: url("../../images/profile/friend-tile.gif") repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #a7e5ec; } #recent-achievements .recent-tile .icon-frame { margin-right: 5px; } #recent-achievements .recent-tile span { color: #47c5ff; display: block; font-size: 10px; margin-top: 3px; } .ko-kr #recent-achievements .recent-tile span { font-size: 11px; } #recent-achievements .recent-tile:hover { background: #004d84; } /* progress bar */ .profile-progress { width: 115px; } .profile-progress span { font-size: 11px; color: #47c5ff; display: block; text-align: left; padding-left: 12px; background: url("../../images/icons/achievement.png") 0 -79px no-repeat; } .profile-progress .progress-wrapper { text-align: left; border: 2px solid #003076; overflow: hidden; padding: 2px; height: 4px; display: block; margin: 3px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .profile-progress .progress-bar { background: #00ff84; height: 4px; } /* achievement plates */ .achievement { color: #44d1ff; } .achievement .inner { padding: 10px; } .achievement .icon { margin-right: 10px; float: left; background-position: -105px -287px; } .achievement .meta { width: 75px; height: 47px; font-size: 10px; padding: 3px 0 0 0; float: right; background: #012874; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #009cff; } .ko-kr .achievement .meta { font-size: 11px; } .achievement .meta span { color: #c1ffff; font-size: 24px; font-weight: bold; display: block; margin: -1px 0; } .ko-kr .achievement .meta span { font-family: Tahoma; } .achievement .meta div { padding-top: 3px; } .achievement .desc { float: left; padding: 7px 0; } .achievement .desc span { color: #c1ffff; font-size: 14px; } .achievement .content { padding-left: 70px; clear: both; } .achievement .tile-locked { opacity: .3; filter: alpha(opacity=30); } .achievement.expandable { position: relative; cursor: pointer; } /* Series */ .achievement .series { clear: both; padding-top: 5px; } .achievement .series-content { padding: 0 85px 0 65px; } .achievement .series-unlocked { float: right; width: 20px; font-size: 10px; height: 20px; text-align: center; padding-left: 20px; line-height: 20px; background: url("../../images/profile/achievements/reward-badge.gif") no-repeat; } .achievement .series-progress, .achievement .series-tiles { padding-bottom: 10px; } .achievement .series-tile { float: left; margin-right: 10px; text-align: center; position: relative; } .achievement .series-tile .reward-star { overflow: hidden; position: absolute; top: -8px; left: 15px; width: 27px; height: 26px; display: block; background: url("../../images/profile/achievements/reward-star.png") no-repeat; } .ie6 .achievement .series-tile .reward-star { background: url("../../images/profile/achievements/reward-star.gif") no-repeat; } .achievement .series-rewards .series-tile { margin-bottom: 10px; } .achievement .series-badge { padding-left: 13px; font-size: 11px; background: url("../../images/icons/achievement.png") 0 -78px no-repeat; } .achievement .series-bar { color: #b4f0f3; font-size: 11px; height: 15px; } .achievement .series-bar span { display: none; } .achievement:hover .series-bar span, .achievement.opened .series-bar span { display: block; } .achievement .profile-progress { width: 100%; } .achievement .profile-progress span { display: none; } .achievement .profile-progress .progress-wrapper { border-color: #0061c2; } .achievement .series-criteria ul { margin: 0 0 10px 0; } .achievement .series-criteria li { opacity: .5; filter: alpha(opacity=50); padding: 1px 0 1px 25px; background: url("../../images/profile/criteria.gif") no-repeat; } .achievement .series-criteria li.earned { opacity: 1; filter: alpha(opacity=100); } .achievement .series-criteria li.list-bullet { background-position: 0 -28px; } .achievement .series-criteria li.list-bullet.earned { background-position: 0 0; } .achievement .series-criteria li.list-badge { background-position: 0 -55px; } /* Expanders */ .series-expander { display: block; float: left; margin: 1px 5px 0 0; width: 14px; height: 14px; overflow: hidden; background: url("../../images/profile/achievements/toggler.gif") 0 0 no-repeat; } .series-expander.minus { background-position: -14px 0; } .series-expander.plus:hover, .expandable:hover .series-expander.plus { background-position: 0 -14px; } .series-expander.minus:hover, .expandable:hover .series-expander.minus { background-position: -14px -14px; } .unearned .series-expander.plus { background-position: 0 -28px; } .unearned .series-expander.minus { background-position: -14px -28px; } .unearned .series-expander.plus:hover, .unearned.expandable:hover .series-expander.plus { background-position: 0 -42px; } .unearned .series-expander.minus:hover, .unearned.expandable:hover .series-expander.minus { background-position: -14px -42px; } /* Locked / Unearned */ .achievement.unearned .meta { background: #001036; } .achievement.unearned .meta span, .achievement.unearned .desc span, .achievement.unearned .series-bar span { color: #00aeff; } .achievement.unearned .series { padding-top: 10px; } .achievement.unearned .profile-progress .progress-wrapper { border-color: #002b6e; } /* Large - Normal */ .achievement-large { width: 730px; margin-bottom: 10px; background: #01318f url("../../images/profile/achievements/large-top.jpg") 0 0 no-repeat; } .achievement-large .inner { background: url("../../images/profile/achievements/large-bot.jpg") 0 100% no-repeat; } .achievement-large .desc { width: 560px; } .achievement-large.expandable:hover { background-position: -730px 0; } .achievement-large.expandable:hover .inner { background-position: -730px 100%; } /* Large - Locked */ .achievement-large.locked-large { color: #0072ff; background-position: -1460px 0; background-color: #00133f; } .achievement-large.locked-large .inner { background-position: -1460px 100%; } .achievement-large.expandable.locked-large:hover { background-position: -2190px 0; background-color: #00133f; } .achievement-large.expandable.locked-large:hover .inner { background-position: -2190px 100%; } /* Medium - Normal */ .achievement-medium { width: 520px; margin-bottom: 10px; background: #01318f url("../../images/profile/achievements/medium-top.jpg") 0 0 no-repeat; } .achievement-medium .inner { background: url("../../images/profile/achievements/medium-bot.jpg") 0 100% no-repeat; } .achievement-medium .desc { width: 350px; } .achievement-medium.expandable:hover { background-color: #01318f; background-position: -520px 0; } .achievement-medium.expandable:hover .inner { background-position: -520px 100%; } /* Medium - Locked */ .achievement-medium.locked-medium { color: #0072ff; background-color: #00133f; background-position: -1040px 0; } .achievement-medium.locked-medium .inner { background-position: -1040px 100%; } .achievement-medium.expandable.locked-medium:hover { background-color: #00133f; background-position: -1560px 0; } .achievement-medium.expandable.locked-medium:hover .inner { background-position: -1560px 100%; } /* Small - Normal */ .achievement-small { width: 200px; margin-bottom: 10px; background: #01318f url("../../images/profile/achievements/small-top.jpg") 0 0 no-repeat; } .achievement-small .inner { background: url("../../images/profile/achievements/small-bot.jpg") 0 100% no-repeat; } .achievement-small.expandable:hover { background-position: -200px 0; } .achievement-small.expandable:hover .inner { background-position: -200px 100%; } /* Small - Locked */ .achievement-small.locked-small { color: #0072ff; background-color: #00133f; background-position: -400px 0; } .achievement-small.locked-small .inner { background-position: -400px 100%; } .achievement-small.expandable.locked-small:hover { background-position: -600px 0; } .achievement-small.expandable.locked-small:hover .inner { background-position: -600px 100%; } /* Comparing */ .compare-row { clear: both; } .compare-row .achievement-medium { float: left; } .compare-row .achievement-small { float: right; } /* data tables / options */ .data-title { height: 35px; background: url("../../images/profile/table-header.jpg") no-repeat; padding: 0 15px 5px 15px; position: relative; } .data-title .data-more { float: right; display: block; padding-top: 10px; } .data-title .data-label { padding-top: 9px; padding-bottom: 9px; } .data-title .data-label h3 { color: #c1ffff; font-weight: normal; padding-top: 1px; padding-bottom: 1px; } .data-title .data-label h3 span { color: #0084ff; } .data-table { width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 25px; background: url("../../images/profile/table-header.jpg") 0 -40px no-repeat; } .data-table thead th { padding: 14px; color: #c1ffff; font-weight: normal; white-space: nowrap; } .data-table td { padding: 10px; border-bottom: 1px solid #00213e; } .data-table tr.row1 td { background: #000f26; } .data-table tr.row2 td { } .data-table tr#current-rank td { background: #001a30; font-weight: bold; color: #fff; } .data-table tr td.banner, .data-table tr#current-rank td.banner{ background: none; width: 69px; border: none; position: relative; } .data-options { position: absolute; top: 4px; right: 5px; } .data-filters { padding-bottom: 15px; } .data-filters .ui-dropdown { float: right; } .data-empty { padding: 50px 75px; background: url("/sc2/static/local-common/images/icons/warning.png") 40px 45px no-repeat; } /* ladder */ .ladder-tooltip .badge { float: left; margin-right: 10px; } .ladder-table { margin-bottom: 100px; } .badge-banner { position: absolute; top: 0; left: 0; width: 69px; font-weight: normal; text-align: center; height: 140px; padding: 12px 0 0 0; background: url("../../images/icons/league/banner-wide.png") no-repeat; } .badge-banner .rank { display: block; margin-top: 10px; color: #fff; text-shadow: #C1FFFF 0 0 10px; } .badge-banner .rank strong { font-size: 22px; } .tier-1 .badge-banner { background-position: -69px 0; } .tier-1 .badge-banner .rank { text-shadow: #fbcb66 0 0 10px; } .tier-1 .badge-banner .rank strong { font-size: 30px; line-height: 100%; }