829 lines
15 KiB
CSS
829 lines
15 KiB
CSS
@font-face
|
|
{
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/css/fonts/ssprolight.woff) format('woff');
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(/css/fonts/ssproregular.woff) format('woff');
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(/css/fonts/ssprosemibold.woff) format('woff');
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/css/fonts/ssprobold.woff) format('woff');
|
|
}
|
|
|
|
h2.font-weight-normal
|
|
{
|
|
font-size: 32px;
|
|
font-weight: bold!important;
|
|
color: #343434;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
body
|
|
{
|
|
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
|
color: #343434;
|
|
line-height: 1.428;
|
|
font-size: 14px;
|
|
}
|
|
|
|
div.SystemAlert
|
|
{
|
|
width: 906px;
|
|
margin: 0 auto 5px;
|
|
border: 1px solid gray;
|
|
text-align: center;
|
|
color: #FFF;
|
|
padding: 1px;
|
|
}
|
|
|
|
.SystemAlertText
|
|
{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
}
|
|
|
|
@media screen and (min-width:1480px)
|
|
{
|
|
.nav-container .nav-icon
|
|
{
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
.navigation
|
|
{
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:175px;
|
|
height:100%;
|
|
font-size:16px;
|
|
-webkit-transition:-webkit-transform .5s,left .5s;
|
|
transition:transform .5s,left .5s;
|
|
-ms-transform:translate(-100%,0);
|
|
-webkit-transform:translate(-100%,0);
|
|
transform:translate(-100%,0);
|
|
overflow:hidden;
|
|
z-index:12;
|
|
background:#e1e2e6;
|
|
-ms-user-select:none;
|
|
-moz-user-select:none;
|
|
-webkit-user-select:none;
|
|
}
|
|
|
|
.navigation-container
|
|
{
|
|
height:100%;
|
|
width:175px;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
.navigation ul
|
|
{
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
position:relative;
|
|
top:40px;
|
|
}
|
|
|
|
.navigation ul ul
|
|
{
|
|
top:0;
|
|
}
|
|
|
|
.navigation ul li .menu-item
|
|
{
|
|
text-decoration:none;
|
|
display:block;
|
|
padding:6px 7px;
|
|
text-shadow:0 0 1px rgba(255,255,255,0.1);
|
|
font-weight:inherit;
|
|
color:#444;
|
|
position:relative;
|
|
}
|
|
|
|
.navigation.mobile ul li .menu-item
|
|
{
|
|
padding:14px 7px;
|
|
}
|
|
|
|
.navigation ul li .menu-item:hover
|
|
{
|
|
color:#000;
|
|
background-color:#CACACA;
|
|
}
|
|
|
|
.navigation ul li .menu-item a
|
|
{
|
|
color:#444;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.navigation li.expand.nav-open .expand-icon
|
|
{
|
|
background-position:right -981px;
|
|
}
|
|
|
|
.navigation ul ul li .menu-item:hover,.navigation ul .expand ul li .menu-item:hover,.navigation li .menu-item:hover
|
|
{
|
|
cursor:pointer;
|
|
}
|
|
|
|
.nav-open .navigation
|
|
{
|
|
left:0;
|
|
-ms-transform:translate(0,0);
|
|
-webkit-transform:translate(0,0);
|
|
transform:translate(0,0);
|
|
display:block;
|
|
z-index:12;
|
|
margin-right:15px;
|
|
}
|
|
|
|
.navigation .user .username
|
|
{
|
|
padding-left:10px;
|
|
width:175px;
|
|
}
|
|
|
|
.navigation .user .menu-item
|
|
{
|
|
padding:0;
|
|
height:36px;
|
|
line-height:36px;
|
|
border-bottom:1px solid #ccc;
|
|
}
|
|
|
|
.navigation.mobile .user .menu-item
|
|
{
|
|
height:50px;
|
|
line-height:50px;
|
|
padding:0;
|
|
}
|
|
|
|
.navigation .user a,.navigation .under-13
|
|
{
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
.navigation .under-13
|
|
{
|
|
line-height:initial;
|
|
margin-top:17px;
|
|
color:white;
|
|
}
|
|
|
|
.navigation .upgrade-now
|
|
{
|
|
margin:15px 0;
|
|
}
|
|
|
|
.navigation .upgrade-now .nav-button
|
|
{
|
|
margin-left:20px;
|
|
font-size:16px;
|
|
color:white;
|
|
border-radius:4px;
|
|
padding:5px 20px 6px 20px;
|
|
height:auto;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.navigation .upgrade-now #upgrade-now-button
|
|
{
|
|
background-color:#00B259;
|
|
}
|
|
|
|
.navigation .upgrade-now #upgrade-now-button:hover
|
|
{
|
|
text-decoration:none;
|
|
background:#008C46;
|
|
}
|
|
|
|
.navigation .upgrade-now #builders-club-button
|
|
{
|
|
background-color:#2D528F;
|
|
}
|
|
|
|
.navigation .upgrade-now #builders-club-button:hover
|
|
{
|
|
text-decoration:none;
|
|
background:#27487E;
|
|
}
|
|
|
|
.navigation .icon
|
|
{
|
|
background:url('/img/2013/Icons/Navigation2014/Nav2014-icon-sprite-sheet.png') no-repeat;
|
|
padding:5px 16px;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.navigation .notification-icon
|
|
{
|
|
position:absolute;
|
|
top:7px;
|
|
left:121px;
|
|
height:20px;
|
|
background:#2D528F;
|
|
padding:0 7px;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.navigation.mobile .notification-icon
|
|
{
|
|
top:16px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-my-roblox .icon
|
|
{
|
|
background-position:-5px -3px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-profile .icon
|
|
{
|
|
background-position:-5px -32px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-messages .icon
|
|
{
|
|
background-position:-5px -59px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-friends .icon
|
|
{
|
|
background-position:-5px -90px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-character .icon
|
|
{
|
|
background-position:-5px -119px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-inventory .icon
|
|
{
|
|
background-position:-5px -147px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-trade .icon
|
|
{
|
|
background-position:-5px -176px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-develop .icon
|
|
{
|
|
background-position:-5px -206px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-groups .icon
|
|
{
|
|
background-position:-5px -235px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-blog .icon
|
|
{
|
|
background-position:-5px -263px;
|
|
}
|
|
|
|
.layout-2014 .nav-container #navigation .navigation-container .nav2014-forum .icon
|
|
{
|
|
background-position:-5px -291px;
|
|
}
|
|
|
|
.navigation .nav2014-events .events-text
|
|
{
|
|
font-size:14px;
|
|
color:#999;
|
|
font-weight:bold;
|
|
margin-left:7px;
|
|
}
|
|
|
|
.navigation .nav2014-sponsor .menu-item span,.navigation .nav2014-sponsor .menu-item img
|
|
{
|
|
margin-left:7px;
|
|
}
|
|
|
|
.nav-open-static .navigation
|
|
{
|
|
display:block;
|
|
margin-right:15px;
|
|
left:175px;
|
|
}
|
|
|
|
.navigation-container
|
|
{
|
|
height: 100%;
|
|
width: 175px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.navigation ul
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
top: 40px;
|
|
}
|
|
|
|
.nav-icon
|
|
{
|
|
/* position: fixed; */
|
|
height: 33px;
|
|
width: 46px;
|
|
/* margin: 4px 5px 4px 5px; */
|
|
left: 5px;
|
|
top: 0;
|
|
z-index: 10014;
|
|
background: url('/img/2013/Icons/Navigation2014/Nav2014-icon-sprite-sheet.png') no-repeat 2px -319px;
|
|
-ms-user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
border-radius: 4px;
|
|
margin-left: -6px;
|
|
margin-right: 22px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header-2014
|
|
{
|
|
background-color: #2D528F;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
min-height: 40px;
|
|
width: 100%;
|
|
min-width: 330px;
|
|
top: 0;
|
|
z-index: 10013;
|
|
-ms-user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
.header-2014 .header-links li
|
|
{
|
|
margin-right: 28px;
|
|
}
|
|
|
|
.header-2014 .header-links li a
|
|
{
|
|
font-size: 16px;
|
|
padding-top: 3px;
|
|
padding-bottom: 5px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.header-2014 .header-links li a:hover
|
|
{
|
|
color: #fff!important;
|
|
background-color: #27487E;
|
|
}
|
|
|
|
.header-2014 .search
|
|
{
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
width: 360px;
|
|
-webkit-transition: width .15s;
|
|
transition: width .15s;
|
|
transition-timing-function: ease;
|
|
transition-timing-function: ease;
|
|
transition-timing-function: ease-out;
|
|
}
|
|
|
|
.header-2014 .search-input-container
|
|
{
|
|
margin-top: 3px;
|
|
background: #fff;
|
|
padding: 0 10px;
|
|
border-radius: 5px;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.header-2014 .search.universal-search-open .search-input-container
|
|
{
|
|
border-radius: 5px 5px 0 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.header-2014 .search input
|
|
{
|
|
font-size: 18px;
|
|
border: none;
|
|
border-radius: 5px;
|
|
padding: 0;
|
|
display: block;
|
|
width:100%;
|
|
outline: none;
|
|
}
|
|
|
|
.header-2014 .search .search-icon
|
|
{
|
|
background: url('/img/2013/Icons/Navigation2014/Nav2014-icon-sprite-sheet.png') no-repeat;
|
|
background-position: -1px -349px;
|
|
height: 100%;
|
|
display: block;
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 0;
|
|
margin-top: 4px;
|
|
width: 37px;
|
|
}
|
|
|
|
.header-2014 .search .search-icon:hover
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header-2014 .universal-search-dropdown
|
|
{
|
|
position: fixed;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: inherit;
|
|
top: 32px;
|
|
height: auto;
|
|
border-radius: 0 0 5px 5px;
|
|
border: 1px solid #ccc;
|
|
border-top-color: rgb(204, 204, 204);
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-top: 0;
|
|
background: #fff;
|
|
display: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.header-2014 .search.universal-search-open .universal-search-dropdown
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.header-2014 .universal-search-option
|
|
{
|
|
width: 100%;
|
|
color: #444;
|
|
font-size: 16px;
|
|
border-top: 1px solid #ccc;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
.header-2014 .universal-search-option:hover
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header-2014 .universal-search-option.selected
|
|
{
|
|
background: #e1e2e6;
|
|
}
|
|
|
|
.header-2014 .universal-search-text
|
|
{
|
|
margin: 1px 10px 0;
|
|
}
|
|
|
|
.header-2014 .universal-search-text .universal-search-string
|
|
{
|
|
word-break: break-all;
|
|
}
|
|
|
|
.navbar-orange .navbar-button-container .btn
|
|
{
|
|
border: none;
|
|
border-radius: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.navbar-orange .navbar-button-container i
|
|
{
|
|
-moz-border-radius: 50px/50px;
|
|
-webkit-border-radius: 50px 50px;
|
|
border-radius: 50px/50px;
|
|
border: solid 1px;
|
|
background-color: #6684c3;
|
|
border-color: #6684c3;
|
|
color: white;
|
|
padding: 5px;
|
|
}
|
|
|
|
.navbar-orange .navbar-button-container .dropdown-menu
|
|
{
|
|
-webkit-transition: opacity .15s;
|
|
transition: opacity .15s;
|
|
transition-timing-function: ease;
|
|
transition-timing-function: ease;
|
|
transition-timing-function: ease-out;
|
|
opacity: 0;
|
|
min-width: 7rem;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 5px gray;
|
|
}
|
|
|
|
.navbar-orange .navbar-button-container .dropdown-menu::after
|
|
{
|
|
border-bottom: 8px solid #FFFFFF;
|
|
border-left: 9px solid rgba(0, 0, 0, 0);
|
|
border-right: 9px solid rgba(0, 0, 0, 0);
|
|
content: "";
|
|
display: inline-block;
|
|
right: 17%;
|
|
position: absolute;
|
|
top: -7px;
|
|
}
|
|
|
|
.dropdown-hover:hover > .dropdown-menu
|
|
{
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
|
|
.navbar-orange .navbar-button-container .dropdown-menu .dropdown-item
|
|
{
|
|
padding: .5rem .75rem;
|
|
}
|
|
|
|
.dropdown-menu .dropdown-item:hover
|
|
{
|
|
background-color: #f0eef0;
|
|
}
|
|
|
|
.btn-success, .btn-outline-success
|
|
{
|
|
border-color:#007001!important;
|
|
background-color:#007001!important;
|
|
background-image:url(https://polygon.pizzaboxer.xyz/img/2013/Buttons/StyleGuide/bg-btn-green.png);
|
|
color:white;
|
|
}
|
|
|
|
.btn-primary, .btn-outline-primary
|
|
{
|
|
border-color:#0852b7!important;
|
|
background-color:#0852b7!important;
|
|
background-image:url(https://polygon.pizzaboxer.xyz/img/2013/Buttons/StyleGuide/bg-btn-blue.png);
|
|
color:white;
|
|
}
|
|
|
|
.btn-secondary, .btn-outline-secondary,
|
|
.btn-warning, .btn-outline-warning,
|
|
.btn-danger, .btn-outline-danger
|
|
{
|
|
border-color:#565656!important;
|
|
background-color:#565656!important;
|
|
background-image:url(https://polygon.pizzaboxer.xyz/img/2013/Buttons/StyleGuide/bg-btn-gray.png);
|
|
color:white;
|
|
}
|
|
|
|
.app .btn, .modal .btn
|
|
{
|
|
border-radius: 0!important;
|
|
|
|
padding:1px 13px 3px 13px;
|
|
height:34px;
|
|
min-width:35px;
|
|
font-size:20px;
|
|
background-position:left -96px;
|
|
|
|
zoom: 1;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
cursor: pointer;
|
|
*display: inline;
|
|
*vertical-align: top;
|
|
|
|
transition: none!important;
|
|
}
|
|
|
|
.app .btn:hover, .app .btn:focus,
|
|
.modal .btn:hover, .modal .btn:focus
|
|
{
|
|
background-position:left -128px;
|
|
}
|
|
|
|
.app .btn-sm, .modal .btn-sm
|
|
{
|
|
padding:1px 7px 0 7px;
|
|
height:23px;
|
|
min-width:40px;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
background-position:left -160px;
|
|
}
|
|
|
|
.app .btn-lg, .modal .btn-lg
|
|
{
|
|
height:50px;
|
|
min-width:40px;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
background-position: left 0px;
|
|
}
|
|
|
|
.app a.btn-lg h4, .modal a.btn-lg h4
|
|
{
|
|
margin-top: 3px!important;
|
|
}
|
|
|
|
.app .btn-sm:hover, .app .btn-sm:focus,
|
|
.modal .btn-sm:hover, .modal .btn-sm:focus
|
|
{
|
|
background-position:left -181px;
|
|
}
|
|
|
|
.app .btn-lg:hover, .app .btn-lg:focus,
|
|
.modal .btn-lg:hover, .modal .btn-lg:focus
|
|
{
|
|
background-position:left -48px;
|
|
}
|
|
|
|
/* .btn-light,.btn-light:active,.btn-light:link,.btn-light:visited,.btn-light:hover,
|
|
.btn-outline-light,.btn-outline-light:active,.btn-outline-light:link,.btn-outline-light:visited,.btn-outline-light:hover
|
|
{
|
|
border:1px solid #777;
|
|
padding:0 6px;
|
|
color:#000;
|
|
text-decoration:none;
|
|
background-color:#ccc;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
cursor:pointer;
|
|
background-position:top;
|
|
display:inline-block;
|
|
*zoom:1;
|
|
*display:inline;
|
|
}
|
|
|
|
.btn-light:hover, .btn-light:focus,
|
|
.btn-outline-light:hover, .btn-outline-light:focus
|
|
{
|
|
background-position:bottom;
|
|
border-color:#888;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.btn-light.disabled, .btn-outline-light.disabled
|
|
{
|
|
border:1px solid #ccc;
|
|
cursor:default;
|
|
color:#a7a7a7;
|
|
background-position:center;
|
|
}
|
|
|
|
.btn-light, .btn-outline-light
|
|
{
|
|
height:27px!important;
|
|
line-height:24px!important;
|
|
font-size:13px!important;
|
|
padding:0 7px!important;
|
|
background-image:url(https://polygon.pizzaboxer.xyz/img/2013/StyleGuide/btn-control-large-tile.png);
|
|
}
|
|
|
|
a.btn-light.top-level
|
|
{
|
|
font-weight:bold;
|
|
} */
|
|
|
|
.app .btn-sm, .modal .btn-sm
|
|
{
|
|
padding:1px 7px 0 7px;
|
|
height:23px;
|
|
min-width:40px;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
background-position:left -160px;
|
|
}
|
|
|
|
.btn-light, .btn-outline-light
|
|
{
|
|
background: url(/img/2013/Buttons/bg-form_btn_lg-tile.png) repeat-x top left;
|
|
background-position-x: left;
|
|
background-position-y: top;
|
|
border-color: #777!important;
|
|
padding: 4px 8px 5px!important;
|
|
height: 27px!important;
|
|
font-size:14px!important;
|
|
line-height:18px;
|
|
background-position: left 0px!important;
|
|
}
|
|
|
|
.btn-light.next, .btn-light.previous
|
|
{
|
|
padding-top: 2px !important;
|
|
}
|
|
|
|
.btn-light:hover, .btn-light:focus,
|
|
.btn-outline-light:hover, .btn-outline-light:focus
|
|
{
|
|
background-position: left -25px!important
|
|
}
|
|
|
|
.nav-tabs .nav-link
|
|
{
|
|
color: black;
|
|
background-color: #D6D6D6;
|
|
border-radius: 0!important;
|
|
border: 1px solid #9e9e9e;
|
|
margin: 4px 2px 0 1px;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
border-bottom-width: 0;
|
|
padding: 9px 7px;
|
|
}
|
|
|
|
.nav-tabs .nav-link:hover
|
|
{
|
|
background-color: #e9e9e9;
|
|
border: 1px solid #ccc;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.nav-tabs .nav-link.active
|
|
{
|
|
background-color: #fff;
|
|
}
|
|
|
|
.nav-tabs.flex-column .nav-link
|
|
{
|
|
border: none;
|
|
margin: 1px 0px 0px 1px!important;
|
|
background-color: transparent!important;
|
|
font-weight: normal!important;
|
|
}
|
|
|
|
.nav-tabs.flex-column .nav-link:hover
|
|
{
|
|
border-bottom-width: 1px!important;
|
|
border-right-width: 0!important;
|
|
background-color: #EFEFEF!important;
|
|
z-index: 1;
|
|
}
|
|
|
|
.nav-tabs.flex-column .nav-link.active
|
|
{
|
|
background-color: #EFEFEF!important;
|
|
border: 1px solid #CCC!important;
|
|
border-right-color: rgb(204, 204, 204);
|
|
border-right-style: solid;
|
|
font-weight: bold!important;
|
|
border-right: none;
|
|
text-align: left;
|
|
z-index: 2;
|
|
}
|
|
|
|
input, select
|
|
{
|
|
padding-top: 0px!important;
|
|
padding-bottom: 0px!important;
|
|
height: revert!important;
|
|
}
|
|
|
|
.card.bg-cardpanel
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.footer
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.footer>.text-light
|
|
{
|
|
color: #2D528F!important;
|
|
}
|
|
|
|
a.text-light.px-2
|
|
{
|
|
color: #2D528F!important;
|
|
} |