1549 lines
26 KiB
CSS
1549 lines
26 KiB
CSS
/*
|
|
FILE ARCHIVED ON 20:10:15 Mar 23, 2016 AND RETRIEVED FROM THE
|
|
INTERNET ARCHIVE ON 16:20:56 Aug 07, 2021.
|
|
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
|
|
|
|
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
|
|
SECTION 108(a)(3)).
|
|
*/
|
|
.icon-default-navigation,
|
|
.icon-nav-menu,
|
|
.icon-nav-robux,
|
|
.icon-nav-tix,
|
|
.icon-nav-settings,
|
|
.icon-nav-search,
|
|
.icon-nav-home,
|
|
.icon-nav-profile,
|
|
.icon-nav-message,
|
|
.icon-nav-friends,
|
|
.icon-nav-charactercustomizer,
|
|
.icon-nav-inventory,
|
|
.icon-nav-trade,
|
|
.icon-nav-group,
|
|
.icon-nav-forum,
|
|
.icon-nav-blog,
|
|
.icon-nav-search-white,
|
|
.icon-nav-shop {
|
|
background-image: url('/static/img/navigation_02012016.svg');
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.dark-icon {
|
|
background-image: url('/static/img/navigation_02012016-dark.svg') !important;
|
|
}
|
|
|
|
.icon-nav-menu {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-nav-menu:hover {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
button:hover .icon-nav-menu,
|
|
a:hover .icon-nav-menu {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
.icon-nav-robux {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-nav-robux:hover {
|
|
background-position: -28px -28px;
|
|
}
|
|
|
|
button:hover .icon-nav-robux,
|
|
a:hover .icon-nav-robux {
|
|
background-position: -28px -28px;
|
|
}
|
|
|
|
.icon-nav-tix {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-nav-tix:hover {
|
|
background-position: -28px -56px;
|
|
}
|
|
|
|
button:hover .icon-nav-tix,
|
|
a:hover .icon-nav-tix {
|
|
background-position: -28px -56px;
|
|
}
|
|
|
|
.icon-nav-settings {
|
|
background-position: 0 -84px;
|
|
}
|
|
|
|
.icon-nav-settings:hover {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
button:hover .icon-nav-settings,
|
|
a:hover .icon-nav-settings {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
.icon-nav-search {
|
|
background-position: 0 -112px;
|
|
}
|
|
|
|
.icon-nav-search:hover {
|
|
background-position: -28px -112px;
|
|
}
|
|
|
|
button:hover .icon-nav-search,
|
|
a:hover .icon-nav-search {
|
|
background-position: -28px -112px;
|
|
}
|
|
|
|
.icon-nav-home {
|
|
background-position: 0 -140px;
|
|
}
|
|
|
|
.hover-icon-nav-home:hover {
|
|
color: #02b757;
|
|
}
|
|
|
|
.icon-nav-home:hover {
|
|
background-position: -28px -140px;
|
|
}
|
|
|
|
button:hover .icon-nav-home,
|
|
a:hover .icon-nav-home {
|
|
background-position: -28px -140px;
|
|
}
|
|
|
|
.icon-nav-profile {
|
|
background-position: 0 -168px;
|
|
}
|
|
|
|
.hover-icon-nav-profile:hover {
|
|
color: #f68802;
|
|
}
|
|
|
|
.icon-nav-profile:hover {
|
|
background-position: -28px -168px;
|
|
}
|
|
|
|
button:hover .icon-nav-profile,
|
|
a:hover .icon-nav-profile {
|
|
background-position: -28px -168px;
|
|
}
|
|
|
|
.icon-nav-message {
|
|
background-position: 0 -196px;
|
|
}
|
|
|
|
.icon-nav-message:hover {
|
|
background-position: -28px -196px;
|
|
}
|
|
|
|
button:hover .icon-nav-message,
|
|
a:hover .icon-nav-message {
|
|
background-position: -28px -196px;
|
|
}
|
|
|
|
.icon-nav-friends {
|
|
background-position: 0 -224px;
|
|
}
|
|
|
|
.icon-nav-friends:hover {
|
|
background-position: -28px -224px;
|
|
}
|
|
|
|
button:hover .icon-nav-friends,
|
|
a:hover .icon-nav-friends {
|
|
background-position: -28px -224px;
|
|
}
|
|
|
|
.icon-nav-charactercustomizer {
|
|
background-position: 0 -252px;
|
|
}
|
|
|
|
.icon-nav-charactercustomizer:hover {
|
|
background-position: -28px -252px;
|
|
}
|
|
|
|
.hover-icon-nav-charactercustomizer:hover {
|
|
color: #f68802;
|
|
}
|
|
|
|
button:hover .icon-nav-charactercustomizer,
|
|
a:hover .icon-nav-charactercustomizer {
|
|
background-position: -28px -252px;
|
|
}
|
|
|
|
.icon-nav-inventory {
|
|
background-position: 0 -280px;
|
|
}
|
|
|
|
.hover-icon-nav-inventory:hover {
|
|
color: #02b757;
|
|
}
|
|
|
|
.icon-nav-inventory:hover {
|
|
background-position: -28px -280px;
|
|
}
|
|
|
|
button:hover .icon-nav-inventory,
|
|
a:hover .icon-nav-inventory {
|
|
background-position: -28px -280px;
|
|
}
|
|
|
|
.icon-nav-trade {
|
|
background-position: 0 -308px;
|
|
}
|
|
|
|
.icon-nav-trade:hover {
|
|
background-position: -28px -308px;
|
|
}
|
|
|
|
button:hover .icon-nav-trade,
|
|
a:hover .icon-nav-trade {
|
|
background-position: -28px -308px;
|
|
}
|
|
|
|
.icon-nav-group {
|
|
background-position: 0 -336px;
|
|
}
|
|
|
|
.icon-nav-group:hover {
|
|
background-position: -28px -336px;
|
|
}
|
|
|
|
button:hover .icon-nav-group,
|
|
a:hover .icon-nav-group {
|
|
background-position: -28px -336px;
|
|
}
|
|
|
|
.icon-nav-forum {
|
|
background-position: 0 -364px;
|
|
}
|
|
|
|
.icon-nav-forum:hover {
|
|
background-position: -28px -364px;
|
|
}
|
|
|
|
button:hover .icon-nav-forum,
|
|
a:hover .icon-nav-forum {
|
|
background-position: -28px -364px;
|
|
}
|
|
|
|
.icon-nav-blog {
|
|
background-position: 0 -392px;
|
|
}
|
|
|
|
.icon-nav-blog:hover {
|
|
background-position: -28px -392px;
|
|
}
|
|
|
|
button:hover .icon-nav-blog,
|
|
a:hover .icon-nav-blog {
|
|
background-position: -28px -392px;
|
|
}
|
|
|
|
.icon-nav-search-white {
|
|
background-position: 0 -420px;
|
|
}
|
|
|
|
.icon-nav-search-white:hover {
|
|
background-position: -28px -420px;
|
|
}
|
|
|
|
button:hover .icon-nav-search-white,
|
|
a:hover .icon-nav-search-white {
|
|
background-position: -28px -420px;
|
|
}
|
|
|
|
.icon-nav-shop {
|
|
background-position: 0 -448px;
|
|
}
|
|
|
|
.icon-nav-shop:hover {
|
|
background-position: -28px -448px;
|
|
}
|
|
|
|
button:hover .icon-nav-shop,
|
|
a:hover .icon-nav-shop {
|
|
background-position: -28px -448px;
|
|
}
|
|
|
|
.icon-default-generic,
|
|
.icon-home,
|
|
.icon-search,
|
|
.icon-settings,
|
|
.icon-edit,
|
|
.icon-inactive,
|
|
.icon-male,
|
|
.icon-female,
|
|
.icon-page,
|
|
.icon-brokenpage,
|
|
.icon-audio,
|
|
.icon-moreinfo,
|
|
.icon-play,
|
|
.icon-pause,
|
|
.icon-menu,
|
|
.icon-right,
|
|
.icon-left,
|
|
.icon-up,
|
|
.icon-down,
|
|
.icon-next,
|
|
.icon-back,
|
|
.icon-checkmark,
|
|
.icon-checkmark-on,
|
|
.icon-close,
|
|
.icon-more,
|
|
.icon-sorting,
|
|
.icon-additem,
|
|
.icon-carousel-right,
|
|
.icon-carousel-left,
|
|
.icon-games-carousel-right,
|
|
.icon-games-carousel-left,
|
|
.icon-games-carousel-right.hover,
|
|
.icon-games-carousel-left.hover,
|
|
.icon-clock,
|
|
.icon-grid,
|
|
.icon-slideshow,
|
|
.icon-pastname,
|
|
.btn-generic-edit-lg .icon-edit,
|
|
a.btn-generic-edit-lg .icon-edit,
|
|
.btn-generic-edit-lg:hover .icon-edit,
|
|
a.btn-generic-edit-lg:hover .icon-edit,
|
|
.btn-generic-edit-md .icon-edit,
|
|
a.btn-generic-edit-md .icon-edit,
|
|
.btn-generic-edit-md:hover .icon-edit,
|
|
a.btn-generic-edit-md:hover .icon-edit,
|
|
.btn-generic-edit-sm .icon-edit,
|
|
a.btn-generic-edit-sm .icon-edit,
|
|
.btn-generic-edit-sm:hover .icon-edit,
|
|
a.btn-generic-edit-sm:hover .icon-edit,
|
|
.btn-generic-edit-xs .icon-edit,
|
|
a.btn-generic-edit-xs .icon-edit,
|
|
.btn-generic-edit-xs:hover .icon-edit,
|
|
a.btn-generic-edit-xs:hover .icon-edit {
|
|
background-image: url(/img/generic_03112016.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-generic-16x16,
|
|
.icon-edit-16x16,
|
|
.icon-right-16x16,
|
|
.icon-left-16x16,
|
|
.icon-up-16x16,
|
|
.icon-down-16x16,
|
|
.icon-checkmark-16x16,
|
|
.icon-close-16x16,
|
|
.rbx-input-group-btn .rbx-input-dropdown-btn:hover .icon-down,
|
|
.rbx-input-group-btn .rbx-input-dropdown-btn:focus .icon-down,
|
|
.rbx-select-group:hover .icon-down,
|
|
.open .rbx-input-dropdown-btn .icon-down {
|
|
background-image: url(/static/img/generic_03112016.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 32px auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-games,
|
|
.icon-inventory,
|
|
.icon-games,
|
|
.icon-catalog,
|
|
.icon-like,
|
|
.icon-like.selected,
|
|
.icon-dislike,
|
|
.icon-dislike.selected,
|
|
.icon-playaudio,
|
|
.icon-copylocked,
|
|
.icon-nocopylocked,
|
|
.icon-publicserver,
|
|
.icon-privateserver,
|
|
.icon-allgears,
|
|
.icon-partialgears,
|
|
.icon-nogear,
|
|
.icon-MeleeWeapon,
|
|
.icon-RangedWeapon,
|
|
.icon-PowerUp,
|
|
.icon-Explosive,
|
|
.icon-MusicalInstrument,
|
|
.icon-NavigationEnhancer,
|
|
.icon-BuildingTool,
|
|
.icon-SocialItem,
|
|
.icon-PersonalTransport {
|
|
background-image: url(/static/img/games.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-badges,
|
|
.icon-inviter,
|
|
.icon-friendship,
|
|
.icon-welcome-to-the-club,
|
|
.icon-ambassador,
|
|
.icon-combat-initiation,
|
|
.icon-warrior,
|
|
.icon-bloxxer,
|
|
.icon-homestead,
|
|
.icon-bricksmith,
|
|
.icon-official-model-maker,
|
|
.icon-builders-club,
|
|
.icon-turbo-builders-club,
|
|
.icon-outrageous-builders-club,
|
|
.icon-administrator,
|
|
.icon-veteran {
|
|
background-image: url(/static/img/roblox_badges.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 280px auto;
|
|
width: 140px;
|
|
height: 140px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-friendstatus,
|
|
.icon-game,
|
|
.icon-studio,
|
|
.icon-online {
|
|
background-image: url(/static/web/20160323201015im_/http://static.rbxcdn.com/images/Home/friendsstatus.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-creation,
|
|
.icon-profile,
|
|
.icon-develop,
|
|
.icon-charactercustomizer,
|
|
.icon-place,
|
|
.icon-personalserver,
|
|
.icon-shirt,
|
|
.icon-tshirt,
|
|
.icon-decal,
|
|
.icon-pants,
|
|
.icon-models,
|
|
.icon-tutorial {
|
|
background-image: url(/static/web/20160323201015im_/http://static.rbxcdn.com/images/NextStyleGuide/creation.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-social,
|
|
.icon-message,
|
|
.icon-addfriend,
|
|
.icon-friends,
|
|
.icon-group,
|
|
.icon-forum,
|
|
.icon-blog,
|
|
.icon-trade,
|
|
.icon-share {
|
|
background-image: url(/static/web/20160323201015im_/http://static.rbxcdn.com/images/NextStyleGuide/social.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-branded,
|
|
.icon-playerpoint,
|
|
.icon-clanpoint,
|
|
.icon-leaderboard,
|
|
.icon-favorite,
|
|
.icon-favorite.favorited,
|
|
.icon-robux,
|
|
.icon-tix {
|
|
background-image: url(/static/img/branded.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-bc,
|
|
.icon-bc,
|
|
.icon-tbc,
|
|
.icon-obc {
|
|
background-image: url(/static/img/bc.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 52px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-negative,
|
|
.icon-report.active,
|
|
.icon-remove,
|
|
.icon-alert,
|
|
.icon-flag,
|
|
.icon-warning,
|
|
.icon-lock {
|
|
background-image: url(/static/web/20160323201015im_/http://static.rbxcdn.com/images/NextStyleGuide/negative_08272015.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 200% auto;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-stars {
|
|
background-image: url(/web/20160323201015im_/http://static.rbxcdn.com/images/Games/stars.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-thumbs-16x16,
|
|
.icon-thumbs-up,
|
|
.icon-thumbs-down {
|
|
background-image: url(/static/img/thumbs.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-iconlabels,
|
|
.icon-bc-label,
|
|
.icon-tbc-label,
|
|
.icon-obc-label,
|
|
.icon-limited-label,
|
|
.icon-limited-bc-label,
|
|
.icon-limited-tbc-label,
|
|
.icon-limited-obc-label,
|
|
.icon-limited-unique-label,
|
|
.icon-limited-unique-bc-label,
|
|
.icon-limited-unique-tbc-label,
|
|
.icon-limited-unique-obc-label {
|
|
background-image: url(/static/img/icon_labels.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 110px;
|
|
height: 18px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-default-charts,
|
|
.icon-line-chart,
|
|
.icon-line-chart.selected,
|
|
.icon-pie-chart,
|
|
.icon-pie-chart.selected,
|
|
.icon-bar-chart,
|
|
.icon-bar-chart.selected {
|
|
background-image: url(/static/web/20160323201015im_/http://static.rbxcdn.com/images/Icons/charts.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: auto auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.icon-home {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-search {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-settings {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-edit {
|
|
background-position: 0 -84px;
|
|
}
|
|
|
|
.icon-inactive {
|
|
background-position: 0 -112px;
|
|
}
|
|
|
|
.icon-male {
|
|
background-position: 0 -140px;
|
|
}
|
|
|
|
.icon-male:hover {
|
|
background-position: -28px -140px;
|
|
}
|
|
|
|
button:hover .icon-male,
|
|
a:hover .icon-male {
|
|
background-position: -28px -140px;
|
|
}
|
|
|
|
.icon-female {
|
|
background-position: 0 -168px;
|
|
}
|
|
|
|
.icon-female:hover {
|
|
background-position: -28px -168px;
|
|
}
|
|
|
|
button:hover .icon-female,
|
|
a:hover .icon-female {
|
|
background-position: -28px -168px;
|
|
}
|
|
|
|
.icon-page {
|
|
background-position: 0 -196px;
|
|
}
|
|
|
|
.icon-brokenpage {
|
|
background-position: 0 -224px;
|
|
}
|
|
|
|
.icon-audio {
|
|
background-position: 0 -252px;
|
|
}
|
|
|
|
.icon-moreinfo {
|
|
background-position: 0 -280px;
|
|
}
|
|
|
|
.icon-moreinfo:hover {
|
|
background-position: -28px -280px;
|
|
}
|
|
|
|
button:hover .icon-moreinfo,
|
|
a:hover .icon-moreinfo {
|
|
background-position: -28px -280px;
|
|
}
|
|
|
|
.icon-play {
|
|
background-position: 0 -308px;
|
|
}
|
|
|
|
.icon-pause {
|
|
background-position: 0 -336px;
|
|
}
|
|
|
|
.icon-menu {
|
|
background-position: 0 -364px;
|
|
}
|
|
|
|
.icon-right {
|
|
background-position: 0 -392px;
|
|
}
|
|
|
|
.icon-right:hover {
|
|
background-position: -28px -392px;
|
|
}
|
|
|
|
button:hover .icon-right,
|
|
a:hover .icon-right {
|
|
background-position: -28px -392px;
|
|
}
|
|
|
|
.icon-left {
|
|
background-position: 0 -420px;
|
|
}
|
|
|
|
.icon-left:hover {
|
|
background-position: -28px -420px;
|
|
}
|
|
|
|
button:hover .icon-left,
|
|
a:hover .icon-left {
|
|
background-position: -28px -420px;
|
|
}
|
|
|
|
.icon-up {
|
|
background-position: 0 -448px;
|
|
}
|
|
|
|
.icon-down {
|
|
background-position: 0 -476px;
|
|
}
|
|
|
|
.icon-next {
|
|
background-position: 0 -504px;
|
|
}
|
|
|
|
.icon-back {
|
|
background-position: 0 -532px;
|
|
}
|
|
|
|
.icon-checkmark {
|
|
background-position: 0 -560px;
|
|
}
|
|
|
|
.icon-checkmark-on {
|
|
background-position: -28px -560px;
|
|
}
|
|
|
|
.icon-close {
|
|
background-position: 0 -588px;
|
|
}
|
|
|
|
.icon-more {
|
|
background-position: 0 -616px;
|
|
}
|
|
|
|
.icon-more:hover {
|
|
background-position: -28px -616px;
|
|
}
|
|
|
|
button:hover .icon-more,
|
|
a:hover .icon-more {
|
|
background-position: -28px -616px;
|
|
}
|
|
|
|
.icon-sorting {
|
|
background-position: 0 -644px;
|
|
}
|
|
|
|
.icon-additem {
|
|
background-position: 0 -672px;
|
|
}
|
|
|
|
.icon-edit-16x16 {
|
|
background-position: 0 -48px;
|
|
}
|
|
|
|
.icon-right-16x16 {
|
|
background-position: 0 -224px;
|
|
}
|
|
|
|
.icon-left-16x16 {
|
|
background-position: 0 -240px;
|
|
}
|
|
|
|
.icon-up-16x16 {
|
|
background-position: 0 -256px;
|
|
}
|
|
|
|
.icon-down-16x16 {
|
|
background-position: 0 -272px;
|
|
}
|
|
|
|
.icon-checkmark-16x16 {
|
|
background-position: 0 -320px;
|
|
}
|
|
|
|
.icon-close-16x16 {
|
|
background-position: 0 -336px;
|
|
}
|
|
|
|
.icon-carousel-right {
|
|
background-position: 0 -896px;
|
|
}
|
|
|
|
.icon-carousel-left {
|
|
background-position: 0 -924px;
|
|
}
|
|
|
|
.icon-games-carousel-right {
|
|
background-position: 0 -952px;
|
|
}
|
|
|
|
.icon-games-carousel-right:hover {
|
|
background-position: -28px -952px;
|
|
}
|
|
|
|
button:hover .icon-games-carousel-right,
|
|
a:hover .icon-games-carousel-right {
|
|
background-position: -28px -952px;
|
|
}
|
|
|
|
.icon-games-carousel-left {
|
|
background-position: 0 -980px;
|
|
}
|
|
|
|
.icon-games-carousel-left:hover {
|
|
background-position: -28px -980px;
|
|
}
|
|
|
|
button:hover .icon-games-carousel-left,
|
|
a:hover .icon-games-carousel-left {
|
|
background-position: -28px -980px;
|
|
}
|
|
|
|
.icon-games-carousel-right.hover {
|
|
background-position: -28px -952px;
|
|
}
|
|
|
|
.icon-games-carousel-left.hover {
|
|
background-position: -28px -980px;
|
|
}
|
|
|
|
.icon-clock {
|
|
background-position: 0 -1008px;
|
|
}
|
|
|
|
.icon-clock:hover {
|
|
background-position: -28px -1008px;
|
|
}
|
|
|
|
button:hover .icon-clock,
|
|
a:hover .icon-clock {
|
|
background-position: -28px -1008px;
|
|
}
|
|
|
|
.icon-grid {
|
|
background-position: 0 -1036px;
|
|
}
|
|
|
|
.icon-slideshow {
|
|
background-position: 0 -1064px;
|
|
}
|
|
|
|
.icon-pastname {
|
|
background-position: 0 -1092px;
|
|
}
|
|
|
|
.icon-inventory {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-games {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-catalog {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-like {
|
|
background-position: 0 -84px;
|
|
}
|
|
|
|
.icon-like:hover {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
button:hover .icon-like,
|
|
a:hover .icon-like {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
.icon-like.selected {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
.icon-dislike {
|
|
background-position: 0 -112px;
|
|
}
|
|
|
|
.icon-dislike:hover {
|
|
background-position: -28px -112px;
|
|
}
|
|
|
|
button:hover .icon-dislike,
|
|
a:hover .icon-dislike {
|
|
background-position: -28px -112px;
|
|
}
|
|
|
|
.icon-dislike.selected {
|
|
background-position: -28px -112px;
|
|
}
|
|
|
|
.icon-playaudio {
|
|
background-position: 0 -140px;
|
|
}
|
|
|
|
.icon-copylocked {
|
|
background-position: 0 -168px;
|
|
}
|
|
|
|
.icon-nocopylocked {
|
|
background-position: 0 -196px;
|
|
}
|
|
|
|
.icon-publicserver {
|
|
background-position: 0 -224px;
|
|
}
|
|
|
|
.icon-privateserver {
|
|
background-position: 0 -252px;
|
|
}
|
|
|
|
.icon-allgears {
|
|
background-position: 0 -280px;
|
|
}
|
|
|
|
.icon-partialgears {
|
|
background-position: 0 -308px;
|
|
}
|
|
|
|
.icon-nogear {
|
|
background-position: 0 -336px;
|
|
}
|
|
|
|
.icon-MeleeWeapon {
|
|
background-position: 0 -364px;
|
|
}
|
|
|
|
.icon-RangedWeapon {
|
|
background-position: 0 -392px;
|
|
}
|
|
|
|
.icon-PowerUp {
|
|
background-position: 0 -420px;
|
|
}
|
|
|
|
.icon-Explosive {
|
|
background-position: 0 -448px;
|
|
}
|
|
|
|
.icon-MusicalInstrument {
|
|
background-position: 0 -476px;
|
|
}
|
|
|
|
.icon-NavigationEnhancer {
|
|
background-position: 0 -504px;
|
|
}
|
|
|
|
.icon-BuildingTool {
|
|
background-position: 0 -532px;
|
|
}
|
|
|
|
.icon-SocialItem {
|
|
background-position: 0 -560px;
|
|
}
|
|
|
|
.icon-PersonalTransport {
|
|
background-position: 0 -588px;
|
|
}
|
|
|
|
.icon-profile {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-develop {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-charactercustomizer {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-place {
|
|
background-position: 0 -84px;
|
|
}
|
|
|
|
.icon-personalserver {
|
|
background-position: 0 -112px;
|
|
}
|
|
|
|
.icon-shirt {
|
|
background-position: 0 -140px;
|
|
}
|
|
|
|
.icon-tshirt {
|
|
background-position: 0 -168px;
|
|
}
|
|
|
|
.icon-decal {
|
|
background-position: 0 -196px;
|
|
}
|
|
|
|
.icon-pants {
|
|
background-position: 0 -224px;
|
|
}
|
|
|
|
.icon-models {
|
|
background-position: 0 -252px;
|
|
}
|
|
|
|
.icon-tutorial {
|
|
background-position: 0 -280px;
|
|
}
|
|
|
|
.icon-playerpoint {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-clanpoint {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-leaderboard {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-favorite {
|
|
background-position: 0 -84px;
|
|
}
|
|
|
|
.icon-favorite:hover {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
button:hover .icon-favorite,
|
|
a:hover .icon-favorite {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
.icon-favorite.favorited {
|
|
background-position: -28px -84px;
|
|
}
|
|
|
|
.icon-robux {
|
|
background-position: 0 -112px;
|
|
}
|
|
|
|
.icon-tix {
|
|
background-position: 0 -140px;
|
|
}
|
|
|
|
.icon-message {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-addfriend {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-friends {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-group {
|
|
background-position: 0 -84px;
|
|
}
|
|
|
|
.icon-forum {
|
|
background-position: 0 -112px;
|
|
}
|
|
|
|
.icon-blog {
|
|
background-position: 0 -140px;
|
|
}
|
|
|
|
.icon-trade {
|
|
background-position: 0 -168px;
|
|
}
|
|
|
|
.icon-share {
|
|
background-position: 0 -224px;
|
|
}
|
|
|
|
.icon-share:hover {
|
|
background-position: -28px -224px;
|
|
}
|
|
|
|
button:hover .icon-share,
|
|
a:hover .icon-share {
|
|
background-position: -28px -224px;
|
|
}
|
|
|
|
.icon-bc {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-tbc {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-obc {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-report.active {
|
|
background-position: -20px -40px;
|
|
}
|
|
|
|
.icon-remove {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-remove:hover {
|
|
background-position: -20px 0;
|
|
}
|
|
|
|
button:hover .icon-remove,
|
|
a:hover .icon-remove {
|
|
background-position: -20px 0;
|
|
}
|
|
|
|
.icon-alert {
|
|
background-position: 0 -20px;
|
|
}
|
|
|
|
.icon-alert:hover {
|
|
background-position: -20px -20px;
|
|
}
|
|
|
|
button:hover .icon-alert,
|
|
a:hover .icon-alert {
|
|
background-position: -20px -20px;
|
|
}
|
|
|
|
.icon-flag {
|
|
background-position: 0 -40px;
|
|
}
|
|
|
|
.icon-flag:hover {
|
|
background-position: -20px -40px;
|
|
}
|
|
|
|
button:hover .icon-flag,
|
|
a:hover .icon-flag {
|
|
background-position: -20px -40px;
|
|
}
|
|
|
|
.icon-warning {
|
|
background-position: 0 -60px;
|
|
}
|
|
|
|
.icon-lock {
|
|
background-position: 0 -80px;
|
|
}
|
|
|
|
.icon-lock:hover {
|
|
background-position: -20px -80px;
|
|
}
|
|
|
|
button:hover .icon-lock,
|
|
a:hover .icon-lock {
|
|
background-position: -20px -80px;
|
|
}
|
|
|
|
.icon-votes-background {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-votes-foreground {
|
|
background-position: 0 -16px;
|
|
}
|
|
|
|
.icon-votes-foreground.hover {
|
|
background-position: 0 -32px;
|
|
}
|
|
|
|
.icon-thumbs-up {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-thumbs-up:hover, .icon-thumbs-up.colored {
|
|
background-position: -16px 0;
|
|
}
|
|
|
|
button:hover .icon-thumbs-up,
|
|
a:hover .icon-thumbs-up {
|
|
background-position: -16px 0;
|
|
}
|
|
|
|
.icon-thumbs-down {
|
|
background-position: 0 -16px;
|
|
}
|
|
|
|
.icon-thumbs-down:hover, .icon-thumbs-down.colored {
|
|
background-position: -16px -16px;
|
|
}
|
|
|
|
button:hover .icon-thumbs-down,
|
|
a:hover .icon-thumbs-down {
|
|
background-position: -16px -16px;
|
|
}
|
|
|
|
.icon-bc-label {
|
|
width: 30px;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-tbc-label {
|
|
width: 40px;
|
|
background-position: 0 -18px;
|
|
}
|
|
|
|
.icon-obc-label {
|
|
width: 40px;
|
|
background-position: 0 -36px;
|
|
}
|
|
|
|
.icon-limited-label {
|
|
width: 60px;
|
|
background-position: 0 -54px;
|
|
}
|
|
|
|
.icon-limited-bc-label {
|
|
width: 90px;
|
|
background-position: 0 -72px;
|
|
}
|
|
|
|
.icon-limited-tbc-label {
|
|
width: 90px;
|
|
background-position: 0 -90px;
|
|
}
|
|
|
|
.icon-limited-obc-label {
|
|
width: 90px;
|
|
background-position: 0 -108px;
|
|
}
|
|
|
|
.icon-limited-unique-label {
|
|
width: 80px;
|
|
background-position: 0 -126px;
|
|
}
|
|
|
|
.icon-limited-unique-bc-label {
|
|
width: 100px;
|
|
background-position: 0 -144px;
|
|
}
|
|
|
|
.icon-limited-unique-tbc-label {
|
|
width: 110px;
|
|
background-position: 0 -162px;
|
|
}
|
|
|
|
.icon-limited-unique-obc-label {
|
|
background-position: 0 -180px;
|
|
}
|
|
|
|
.icon-inviter {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-friendship {
|
|
background-position: -140px 0;
|
|
}
|
|
|
|
.icon-welcome-to-the-club {
|
|
background-position: -140px -140px;
|
|
}
|
|
|
|
.icon-ambassador {
|
|
background-position: 0 -420px;
|
|
}
|
|
|
|
.icon-combat-initiation {
|
|
background-position: -140px -420px;
|
|
}
|
|
|
|
.icon-warrior {
|
|
background-position: 0 -560px;
|
|
}
|
|
|
|
.icon-bloxxer {
|
|
background-position: -140px -560px;
|
|
}
|
|
|
|
.icon-homestead {
|
|
background-position: 0 -700px;
|
|
}
|
|
|
|
.icon-bricksmith {
|
|
background-position: -140px -700px;
|
|
}
|
|
|
|
.icon-official-model-maker {
|
|
background-position: -140px -1260px;
|
|
}
|
|
|
|
.icon-builders-club {
|
|
background-position: 0 -700px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.icon-builders-club {
|
|
background-position: 0 -425px;
|
|
}
|
|
}
|
|
|
|
.icon-turbo-builders-club {
|
|
background-position: -140px -700px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.icon-turbo-builders-club {
|
|
background-position: -85px -425px;
|
|
}
|
|
}
|
|
|
|
.icon-outrageous-builders-club {
|
|
background-position: 0 -840px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.icon-outrageous-builders-club {
|
|
background-position: 0 -510px;
|
|
}
|
|
}
|
|
|
|
.icon-administrator {
|
|
/* background-position: -140px -1540px; */
|
|
background-position: -140px -840px;
|
|
}
|
|
|
|
.icon-veteran {
|
|
background-position: 0 -1680px;
|
|
}
|
|
|
|
.icon-line-chart {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-line-chart:hover {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
button:hover .icon-line-chart,
|
|
a:hover .icon-line-chart {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
.icon-line-chart.selected {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
.icon-pie-chart {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-pie-chart:hover {
|
|
background-position: -28px -28px;
|
|
}
|
|
|
|
button:hover .icon-pie-chart,
|
|
a:hover .icon-pie-chart {
|
|
background-position: -28px -28px;
|
|
}
|
|
|
|
.icon-pie-chart.selected {
|
|
background-position: -28px -28px;
|
|
}
|
|
|
|
.icon-bar-chart {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
.icon-bar-chart:hover {
|
|
background-position: -28px -56px;
|
|
}
|
|
|
|
button:hover .icon-bar-chart,
|
|
a:hover .icon-bar-chart {
|
|
background-position: -28px -56px;
|
|
}
|
|
|
|
.icon-bar-chart.selected {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
.icon-game {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.icon-studio {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.icon-online {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
/*
|
|
Genre Icons
|
|
*/
|
|
|
|
div.GamesInfoIcon {
|
|
height: 16px;
|
|
width: 16px;
|
|
display: inline-block;
|
|
top: 0;
|
|
padding: 0;
|
|
margin-right: 3px;
|
|
background: url(/img/CategoryIcons/CategorySprite.png);
|
|
}
|
|
|
|
div.GamesInfoIcon {
|
|
background: url(/img/GenreIcons/GenreIconsSprite.png);
|
|
height: 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Melee {
|
|
background-position: 48px 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.Ranged {
|
|
background-position: 64px 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Explosive {
|
|
background-position: -16px 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.PowerUps {
|
|
background-position: -16px -16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Navigation {
|
|
background-position: 16px 0;
|
|
z-index: inherit;
|
|
}
|
|
|
|
div.GamesInfoIcon.Music {
|
|
background-position: 32px 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.Social {
|
|
background-position: 48px 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Building {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.PersonalTransport {
|
|
background-position: 0 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Adventure {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.War {
|
|
background-position: 16px -3px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Funny {
|
|
background-position: 32px 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.Scary {
|
|
background-position: 49px 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.Fantasy {
|
|
background-position: -16px 0;
|
|
}
|
|
div.GamesInfoIcon.TownAndCity,
|
|
div.GamesInfoIcon.Town.City {
|
|
background-position: -32px 0;
|
|
}
|
|
|
|
div.GamesInfoIcon.All {
|
|
background-position: -47px 1px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Ninja {
|
|
background-position: 0 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Wild.West {
|
|
background-position: 16px 15px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Tutorial {
|
|
background-position: 32px 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Sports {
|
|
background-position: 49px 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Pirate {
|
|
background-position: -16px 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.Sci-Fi {
|
|
background-position: -32px 16px;
|
|
}
|
|
div.GamesInfoIcon.SkatePark,
|
|
div.GamesInfoIcon.Skate.Park {
|
|
background-position: -48px 16px;
|
|
width: 15px;
|
|
}
|
|
|
|
div.GamesInfoIcon.FPS {
|
|
background: url(/img/GenreIcons/FPS.png) no-repeat;
|
|
height: 16px;
|
|
}
|
|
|
|
div.GamesInfoIcon.RPG {
|
|
background: url(/img/GenreIcons/RPG.png) no-repeat;
|
|
height: 16px;
|
|
}
|
|
|
|
.icon-default-friendstatus,
|
|
.icon-game,
|
|
.icon-online,
|
|
.icon-studio {
|
|
background-image: url(/img/FriendsStatus.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-game {
|
|
background-position: 0 0;
|
|
}
|
|
.icon-studio {
|
|
background-position: 0 -28px;
|
|
}
|
|
.icon-online {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
span.game-privacy-symbol {
|
|
padding-left: 18px;
|
|
font-size: 12px;
|
|
background-image: url("/img/ico-game_privacy.png");
|
|
background-repeat: no-repeat;
|
|
display: inline;
|
|
height: 15px;
|
|
}
|
|
|
|
span.game-privacy-symbol.gps-inactive {
|
|
background-position: 0 -45px;
|
|
}
|
|
|
|
span.game-privacy-symbol.gps-active {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.tiny-thumbs-up, .tiny-thumbs-down, .upvote.tiny, .downvote.tiny {
|
|
background: url('/img/thumbsup.png') no-repeat 0 -170px;
|
|
width: 12px;
|
|
height: 13px;
|
|
padding-right: 5px;
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
.tiny-thumbs-down {
|
|
background-position: 0 -224px;
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
margin-left: 5px;
|
|
top: 2px;
|
|
} |