/*!
* cache=true
* @license Licences are viewable at this URL: http://w.cdn.gaiaonline.com/src/=/e143bb5df5304ae98988a03a4dabca2e-1341-57/src/css/nimbus/common.css
*/
/*! /src/css/nimbus/common.css */
body {
background-color: #000000;
}
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
*zoom:1;
}
.search-icon {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -1780px -475px;
display: inline-block;
width: 11px;
height: 15px;
margin: 0;
}
.star-on {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -1758px -474px;
display: inline-block;
width: 11px;
height: 11px;
margin: 0;
}
.star-off {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -1769px -474px;
display: inline-block;
width: 11px;
height: 11px;
margin: 0px;
}
.hidden {
display: none;
}
.matchmaking-overlay-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60)
z-index: 1000;
}
.overlay-box .close {
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/lobby/lobby_sprite.png?20121031) no-repeat -952px -64px;
width: 31px;
height: 32px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.overlay-box .close:hover {
background-position: -983px -64px;
}
.overlay-box .close:active {
background-position: -1014px -64px;
}
.skip-button {
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/lobby/lobby_sprite.png?20121031) no-repeat -1277px 0px;
width: 105px;
height: 32px;
cursor: pointer;
}
.skip-button.disabled {
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/lobby/lobby_sprite.png?20121031) no-repeat -1277px -96px;
width: 105px;
height: 32px;
cursor: pointer;
}
.skip-button:hover {
background-position: -1277px -32px;
}
.skip-button:active {
background-position: -1277px -64px;
}
.cardinfo {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -1507px -0px;
padding: 20px;
padding-left: 24px;
width: 236px;
height: 390px;
position: relative;
text-align: left;
}
.rarity-uncommon,
.rarity-rare,
.rarity-epic,
.rarity-legen-wait-for-it-dary {
position: absolute;
top: 12px;
left: 14px;
width: 253px;
height: 406px;
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/store/color_borders.png) no-repeat;
}
.rarity-rare{
background-position: -253px 0;
}
.rarity-epic{
background-position: -506px 0;
}
.rarity-legen-wait-for-it-dary{
background-position: -759px 0;
}
div.cardinfo .title {
font-family: 'IM Fell English SC', serif;
font-variant: small-caps;
font-size: 18px;
color: #ffd672;
position: relative;
top: 5px;
left: 5px;
}
div.cardinfo .mana {
font-family: 'IM Fell English SC', serif;
font-variant: normal;
font-size: 19px;
position: relative;
left: 200px;
top: -110px;
color: black;
text-align: center;
text-shadow: #fff 0.05em 0.05em;
display: block;
width: 30px;
height: 28px;
}
div.cardinfo .headshot-frame{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png?20121221) no-repeat -2009px -456px;
width: 65px;
height: 65px;
position: relative;
top: 5px;
left: 8px;
display: block;
z-index: 2;
}
.simplemodal-wrap div.cardinfo .headshot-frame{
z-index: 0;
}
div.cardinfo img.headshot {
position: absolute;
top: 76px;
left: 34px;
}
div.cardinfo .rarity {
font-family: 'Cinzel', serif;
font-variant: small-caps;
font-size: 13px;
color: #ffd672;
position: relative;
top: 1px;
left: 5px;
}
div.cardinfo .type {
font-family: 'Cinzel', serif;
font-variant: small-caps;
font-size: 11px;
color: #ffd672;
position: relative;
left: 5px;
}
div.cardinfo .offset-properties {
font-family: 'Tahoma', serif;
position: relative;
top: -90px;
left: 90px;
width: 140px;
}
div.cardinfo .offset-properties.hidden{
visibility: hidden;
display: block;
}
div.cardinfo .prop-name {
font-size: 11px;
color: #ffd672;
float: left;
width: 70px;
}
div.cardinfo .prop-value {
font: 11px 'Tahoma', serif;
color: #fff;
}
div.cardinfo .property-name {
font-family: 'Cinzel', serif;
font-size: 12px;
color: #ffd672;
width: 70px;
position: relative;
top: -85px;
left: 5px;
float: left;
}
div.cardinfo .property-value {
font: 11px 'Tahoma', serif;
color: #fff;
position: relative;
top: -86px;
float:left;
width: 160px;
}
div.cardinfo div.special {
margin: 0 0 0 0;
position: relative;
top: -85px;
}
div.cardinfo div.special p {
padding-left: 35px;
font: 10px 'Tahoma', serif;
color: #95f0a9;
margin: 0px;
width: 200px;
}
div.cardinfo div.special-box{
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/store/actionpt_big.png?20121120) no-repeat 0 0;
width: 38px;
height: 38px;
float: left;
}
div.cardinfo div.special-cost{
text-align: center;
font-size: 18px;
font-family:'IM Fell English SC', serif;
font-variant: small-caps;
text-shadow: #fff 0.05em 0.05em;
color: #000;
position: relative;
left: 2px;
}
div.cardinfo div.special-cooldown{
font-size: 18px;
font-family:'IM Fell English SC', serif;
font-variant: small-caps;
text-shadow: #fff 0.05em 0.05em;
color: #000;
position: relative;
top: -12px;
left: 10px;
}
div.cardinfo div.cooldown-icon{
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/store/cooldown_icon.png?20121120) no-repeat 0 0;
width: 16px;
height: 16px;
display: block;
position: relative;
top: -28px;
left: 18px;
}
div.selected-check {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -2158px -395px;
width: 31px;
height: 25px;
color: #3cff00;
padding-left: 40px;
padding-top: 0px;
font-family:'IM Fell English SC', serif;
font-variant: small-caps;
font-size: 14px;
}
div.faction{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat;
display: block;
width: 165px;
height: 225px;
position: absolute;
top: 188px;
left: 95px;
}
div.faction.Kingdom{
background-position: -2350px -207px;
width: 192px;
top: 198px;
left: 67px;
}
div.faction.Demons{
background-position: -2190px -207px;
}
div.faction.Dragons{
background-position: -2544px -207px;
left: 110px;
}
div.cardinfo hr {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -1513px -474px;
width: 234px;
height: 3px;
border: none;
position: relative;
top: -82px;
clear: both;
}
#bonus_card {
display: none;
}
.nimbus-modal {
border: 1px solid #7b2500;
background: black;
font-size: 18px;
font-family:'IM Fell English SC', serif;
font-variant: small-caps;
color: #ffd672;
text-align: center;
padding: 30px;
display: none;
cursor: default;
}
.nimbus-modal p{
width: 530px;
}
.reward {
width: 500px;
height: 550px;
border: 1px solid #7b2500;
background: black;
}
.reward p.title {
font-family: 'IM Fell English SC', serif;
font-size: 14px;
font-variant: small-caps;
color: #ffd672;
line-height: 14pt;
text-align: center;
}
.card-image {
background: url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png?20121221) -1959px -454px;
width: 51px;
height: 62px;
float: left;
margin: 0px;
position: relative;
}
.card-image:hover{
cursor: pointer;
}
#collection .card-image:hover .add-info{
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/store/add-info.png?20121031) no-repeat 0 0;
display: block;
width: 52px;
height: 62px;
position: relative;
top: -53px;
z-index: 2;
}
#collection .card-image.checked:hover .add-info{
background: none;
top: -83px;
}
#collection .card-image.checked.available:hover .add-info{
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/store/add-info.png?20121031) no-repeat 0 0;
top: -83px;
}
#deck-contents .card-image:hover .remove-card{
background: transparent url(http://s.cdn.gaiaonline.com/images/nimbus/assets/store/remove-card.png?20121031) no-repeat 0 0;
display: block;
width: 50px;
height: 61px;
position: relative;
top: -53px;
z-index: 2;
}
#deck-contents .card-image .card-count{
display: none;
}
.empty-slot {
background: #d79751;
font: 11px 'Tahoma', serif;
color: #894103;
width: 49px;
height: 60px;
float: left;
margin: 0px;
border: 1px solid #ae7031;
text-align: center;
}
.checked .checkmark {
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png??20121221) no-repeat -2158px -395px;
width: 31px;
height: 30px;
top: -28px;
left: 14px;
position: relative;
z-index: 2;
}
.checked.available:hover .checkmark {
background: none;
}
/* Simplemodal stuff */
#simplemodal-container div {
}
#simplemodal-container ul {
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
#simplemodal-container ul li {
list-style: none;
text-align: center;
float: left;
}
#simplemodal-overlay {
background-color: #000;
}
/* CTA */
button.nimbus-cta-button-xsm,
button.nimbus-cta-button-sm,
button.nimbus-cta-button-md,
button.nimbus-cta-button-md-red,
button.nimbus-cta-button-md-black,
button.nimbus-cta-button-lg,
button.nimbus-cta-button-xlg {
position: relative;
border: 0;
cursor: pointer;
text-align:center;
width: auto;
margin: 0;
overflow: visible; /* removes extra side padding in IE */
white-space:nowrap;
background-color: transparent;
}
.nimbus-cta-button-xsm,
.nimbus-cta-button-sm,
.nimbus-cta-button-md,
.nimbus-cta-button-md-red,
.nimbus-cta-button-md-black,
.nimbus-cta-button-lg,
.nimbus-cta-button-xlg,
.nimbus-cta-dropdown-sm,
.nimbus-cta-dropdown-md {
text-decoration: none;
color: #333;
display: inline-block;
padding: 0;
cursor: pointer;
}
.nimbus-cta-button-xsm:hover,
.nimbus-cta-button-sm:hover,
.nimbus-cta-button-md:hover,
.nimbus-cta-button-md-red:hover,
.nimbus-cta-button-md-black:hover,
.nimbus-cta-button-lg:hover,
.nimbus-cta-button-xlg:hover,
.nimbus-cta-dropdown-sm:hover,
.nimbus-cta-dropdown-md:hover {
text-decoration: none;
}
/** this is b/c of core.css specificity, once fix that you can remove this **/
#content a.nimbus-cta-button-xsm,
#content a.nimbus-cta-button-sm,
#content a.nimbus-cta-button-md,
#content a.nimbus-cta-button-md-red,
#content a.nimbus-cta-button-md-black,
#content a.nimbus-cta-button-lg,
#content a.nimbus-cta-button-xlg,
#content a.nimbus-cta-dropdown-sm,
#content a.nimbus-cta-dropdown-md,
#content a.nimbus-cta-dropdown-sm-label,
#content a.nimbus-cta-dropdown-md-label,
#gaia_content #bd a.nimbus-cta-button-xsm,
#gaia_content #bd a.nimbus-cta-button-sm,
#gaia_content #bd a.nimbus-cta-button-md,
#gaia_content #bd a.nimbus-cta-button-md-red,
#gaia_content #bd a.nimbus-cta-button-md-black,
#gaia_content #bd a.nimbus-cta-button-lg,
#gaia_content #bd a.nimbus-cta-button-xlg,
#gaia_content #bd a.nimbus-cta-dropdown-sm,
#gaia_content #bd a.nimbus-cta-dropdown-md,
#gaia_content #bd a.nimbus-cta-dropdown-sm-label,
#gaia_content #bd a.nimbus-cta-dropdown-md-label {
color: #333;
}
.nimbus-cta-button-xsm span,
.nimbus-cta-button-sm span,
.nimbus-cta-button-md span,
.nimbus-cta-button-md-red span,
.nimbus-cta-button-md-black span,
.nimbus-cta-button-lg span,
.nimbus-cta-button-xlg span,
.nimbus-cta-dropdown-sm span,
.nimbus-cta-dropdown-md span {
position: relative;
display: block;
white-space: nowrap;
padding: 0;
}
.nimbus-cta-button-xsm::-moz-focus-inner,
.nimbus-cta-button-sm::-moz-focus-inner,
.nimbus-cta-button-md::-moz-focus-inner,
.nimbus-cta-button-md-red::-moz-focus-inner,
.nimbus-cta-button-md-black::-moz-focus-inner,
.nimbus-cta-button-lg::-moz-focus-inner,
.nimbus-cta-button-xlg::-moz-focus-inner,
.nimbus-cta-dropdown-sm::-moz-focus-inner,
.nimbus-cta-dropdown-md::-moz-focus-inner {
/* overrides extra padding in Firefox */
border: none;
padding:0;
}
/** defining cta button dimension **/
.nimbus-cta-button-xsm {
font-size: 10px;
padding-right: 5px;
height: 16px; /** b/c of IE button element not properly expanding from the span element **/
}
.nimbus-cta-button-xsm span {
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.nimbus-cta-button-sm,
.nimbus-cta-dropdown-sm {
font-size: 13px;
padding-right: 10px;
height: 22px;
}
.nimbus-cta-button-sm span,
.nimbus-cta-dropdown-sm span,
.nimbus-cta-dropdown-sm-label {
height: 22px;
line-height: 22px;
padding-left: 10px;
}
.nimbus-cta-button-md,
.nimbus-cta-button-md-red,
.nimbus-cta-button-md-black,
.nimbus-cta-dropdown-md {
font-size: 16px;
height: 32px;
}
.nimbus-cta-button-md span,
.nimbus-cta-button-md-red span,
.nimbus-cta-button-md-black span,
.nimbus-cta-dropdown-md span,
.nimbus-cta-dropdown-md-label {
color: rgb(251,251,139)
font-variant: small-caps;
height: 32px;
line-height: 32px;
}
.nimbus-cta-button-lg {
font-size: 20px;
padding-right: 24px;
height: 49px;
}
.nimbus-cta-button-lg span {
height: 49px;
line-height: 45px;
padding-left: 20px;
}
.nimbus-cta-button-xlg {
font-size: 24px;
padding-right: 29px;
height: 59px;
}
.nimbus-cta-button-xlg span {
height: 59px;
line-height: 55px;
padding-left: 25px;
}
/** defining cta yellow button appearance using sprites **/
.nimbus-cta-button-md
{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/green_button_medium.png?20121031) no-repeat 0 0;
}
.nimbus-cta-button-md-red{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/red_button_medium.png?20121031) no-repeat 0 0;
}
.nimbus-cta-button-md-black{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/black_button_medium.png?20121031) no-repeat 0 0;
}
.nimbus-cta-button-md-red span
{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/red_button_medium.png?20121031) no-repeat -127px -32px;
width: 140px;
}
.nimbus-cta-button-md-black span
{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/black_button_medium.png?20121031) no-repeat -127px -32px;
width: 140px;
}
.nimbus-cta-button-xsm,
.nimbus-cta-button-sm,
.nimbus-cta-button-lg,
.nimbus-cta-button-xlg,
.nimbus-cta-dropdown-sm,
.nimbus-cta-dropdown-md,
.nimbus-cta-button-xsm span,
.nimbus-cta-button-sm span,
.nimbus-cta-button-lg span,
.nimbus-cta-button-xlg span,
.nimbus-cta-dropdown-sm span,
.nimbus-cta-dropdown-md span,
.nimbus-cta-dropdown-sm-label,
.nimbus-cta-dropdown-sm-arrow,
.nimbus-cta-dropdown-md-label,
.nimbus-cta-dropdown-md-arrow,
.nimbus-cta-reply-icon {
background: transparent url(http://s.cdn.gaiaonline.com/images/gaia_global/buttons/cta_button_sprite2.png?v=4) no-repeat;
}
.nimbus-cta-button-xsm:hover span,
.nimbus-cta-button-sm:hover span,
.nimbus-cta-button-md:hover span,
.nimbus-cta-button-md-red:hover span,
.nimbus-cta-button-lg:hover span,
.nimbus-cta-button-xlg:hover span,
.nimbus-cta-dropdown-sm:hover span,
.nimbus-cta-dropdown-md:hover span {
}
.nimbus-cta-button-xsm.disabled,
.nimbus-cta-button-sm.disabled,
.nimbus-cta-button-md.disabled,
.nimbus-cta-button-md-red.disabled,
.nimbus-cta-button-md-black.disabled,
.nimbus-cta-button-lg.disabled,
.nimbus-cta-button-xlg.disabled,
.nimbus-cta-dropdown-sm.disabled,
.nimbus-cta-dropdown-md.disabled,
.nimbus-cta-dropdown-sm-label.disabled,
.nimbus-cta-dropdown-md-label.disabled {
cursor: default;
}
.nimbus-cta-button-xsm.disabled span,
.nimbus-cta-button-sm.disabled span,
.nimbus-cta-button-md.disabled span,
.nimbus-cta-button-md-red.disabled span,
.nimbus-cta-button-md-black.disabled span,
.nimbus-cta-button-lg.disabled span,
.nimbus-cta-button-xlg.disabled span,
.nimbus-cta-dropdown-sm.disabled span,
.nimbus-cta-dropdown-md.disabled span,
.nimbus-cta-dropdown-sm-label.disabled,
.nimbus-cta-dropdown-md-label.disabled {
color: #bbb;
}
.nimbus-cta-button-xlg {
background-position: right -1019px;
}
.nimbus-cta-button-xlg span {
background-position: left -833px;
}
.nimbus-cta-button-xlg:hover {
background-position: right -1081px;
}
.nimbus-cta-button-xlg:hover span {
background-position: left -895px;
}
.nimbus-cta-button-xlg.disabled,
.cta_button-xlg.gray-button {
background-position: right -1143px;
}
.nimbus-cta-button-xlg.disabled span,
.nimbus-cta-button-xlg.gray-button span {
background-position: left -957px;
}
.nimbus-cta-button-lg {
background-position: right -676px;
}
.nimbus-cta-button-lg span {
background-position: left -519px;
}
.nimbus-cta-button-lg:hover {
background-position: right -729px;
}
.nimbus-cta-button-lg:hover span {
background-position: left -572px;
}
.nimbus-cta-button-lg.disabled,
.nimbus-cta-button-lg.gray-button {
background-position: right -781px;
}
.nimbus-cta-button-lg.disabled span,
.nimbus-cta-button-lg.gray-button span {
background-position: left -624px;
}
.nimbus-cta-button-md,
.nimbus-cta-button-md-red,
.nimbus-cta-button-md-black {
width: 140px;
text-align: center;
}
.nimbus-cta-button-md-red,
.nimbus-cta-button-md-black {
background-position: 0 0;
}
.nimbus-cta-button-md span{
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/green_button_medium.png?20121031) no-repeat -127px -32px;
width: 140px;
}
.nimbus-cta-button-md:hover {
background-position: 0 -64px;
}
.nimbus-cta-button-md-red:hover,
.nimbus-cta-button-md-black:hover {
background-position: 0 -64px;
}
.nimbus-cta-button-md:hover span,
.nimbus-cta-button-md-red:hover span,
.nimbus-cta-button-md-black:hover span,
.nimbus-cta-dropdown-md:hover span,
.nimbus-cta-dropdown-md-label:hover {
background-position: -127px -96px;
}
.nimbus-cta-button-md.disabled,
.nimbus-cta-button-md-red.disabled {
background-position: 0 -192px;
}
.nimbus-cta-button-md.gray-button {
}
.nimbus-cta-button-md-red.gray-button {
background-position: right /*-483px*/ -224px;
}
.nimbus-cta-button-md.gray-button span,
.nimbus-cta-button-md-red.gray-button span,
.nimbus-cta-dropdown-md.disabled span,
.nimbus-cta-dropdown-md.gray-button span,
.nimbus-cta-dropdown-md-label.gray-button,
.nimbus-cta-dropdown-md-label.disabled {
background-position: left -381px;
}
.nimbus-cta-button-md.disabled span,
.nimbus-cta-button-md-red.disabled span,
.nimbus-cta-button-md-black.disabled span {
background-position: -127px -224px;
}
.nimbus-cta-button-sm {
background-position: right -226px;
}
.nimbus-cta-button-sm span,
.nimbus-cta-dropdown-sm span,
.nimbus-cta-dropdown-sm-label {
background-position: left -139px;
}
.nimbus-cta-button-sm:hover {
background-position: right -255px;
}
.nimbus-cta-button-sm:hover span,
.nimbus-cta-dropdown-sm:hover span,
.nimbus-cta-dropdown-sm-label:hover {
background-position: left -168px;
}
.nimbus-cta-button-sm.disabled,
.nimbus-cta-button-sm.gray-button {
background-position: right -284px;
}
.nimbus-cta-button-sm.disabled span,
.nimbus-cta-button-sm.gray-button span,
.nimbus-cta-dropdown-sm.gray-button span,
.nimbus-cta-dropdown-sm.disabled span,
.nimbus-cta-dropdown-sm-label.disabled,
.nimbus-cta-dropdown-sm-label.gray-button {
background-position: left -197px;
}
.nimbus-cta-button-xsm {
background-position: right -71px;
}
.nimbus-cta-button-xsm span {
background-position: left -2px;
}
.nimbus-cta-button-xsm:hover {
background-position: right -94px;
}
.nimbus-cta-button-xsm:hover span {
background-position: left -25px;
}
.nimbus-cta-button-xsm.disabled,
.nimbus-cta-button-xsm.gray-button {
background-position: right -117px;
}
.nimbus-cta-button-xsm.disabled span,
.nimbus-cta-button-xsm.gray-button span {
background-position: left -48px;
}
.gray-button {
color: #333;
}
/** cta-dropdown buttons */
.nimbus-cta-dropdown {
display: inline-block;
overflow: visible;
position: relative;
}
.nimbus-cta-button-sm.pressed {
background-position: right -1263px;
}
.nimbus-cta-button-sm.pressed span {
background-position: left -1205px;
}
.nimbus-cta-button-sm.gray-button.pressed {
background-position: right -1292px;
}
.nimbus-cta-button-sm.gray-button.pressed span {
background-position: left -1234px;
}
.nimbus-cta-button-md.pressed,
.nimbus-cta-button-md-red.pressed {
background-position: right -1389px;
}
.nimbus-cta-button-md.pressed span,
.nimbus-cta-button-md-red.pressed span {
background-position: left -1321px;
}
.nimbus-cta-button-md.gray-button.pressed,
.nimbus-cta-button-md-red.gray-button.pressed {
background-position: right -1423px;
}
.nimbus-cta-button-md.gray-button.pressed span,
.nimbus-cta-button-md-red.gray-button.pressed span {
background-position: left -1355px;
}
.nimbus-cta-dropdown-sm {
background-position: right -1627px;
padding-right: 20px;
}
.nimbus-cta-dropdown-sm span {
padding-left: 9px;
}
.nimbus-cta-dropdown-sm:hover {
background-position: right -1656px;
}
.nimbus-cta-dropdown-sm.gray-button {
background-position: right -1685px;
}
.nimbus-cta-dropdown-sm.gray-button:hover {
background-position: right -1714px;
}
.nimbus-cta-dropdown-sm.disabled {
background-position: right -1743px;
}
.nimbus-cta-dropdown-md {
background-position: right -1457px;
padding-right: 22px;
}
.nimbus-cta-dropdown-md span {
padding-left: 10px;
}
.nimbus-cta-dropdown-md:hover {
background-position: right -1491px;
}
.nimbus-cta-dropdown-md.gray-button {
background-position: right -1525px;
}
.nimbus-cta-dropdown-md.gray-button:hover {
background-position: right -1559px;
}
.nimbus-cta-dropdown-md.disabled {
background-position: right /*-1593px*/ -224px;
}
.nimbus-cta-dropdown-sm-label:hover,
.nimbus-cta-dropdown-md-label:hover {
color: #3987df;
}
/** htis is b/c of core.css specificity, once fix that you can remove this **/
#content a.nimbus-cta-dropdown-sm-label:hover,
#gaia_content #bd a.nimbus-cta-dropdown-sm-label:hover,
#content a.nimbus-cta-dropdown-md-label:hover,
#gaia_content #bd a.nimbus-cta-dropdown-md-label:hover {
color: #3987df;
}
.nimbus-cta-dropdown-sm-label.diabled,
.nimbus-cta-dropdown-md-label.disabled {
color: #bbb;
cursor: default;
}
/** htis is b/c of core.css specificity, once fix that you can remove this **/
#content a.nimbus-cta-dropdown-sm-label.disabled,
#gaia_content #bd a.nimbus-cta-dropdown-sm-label.disabled,
#content a.nimbus-cta-dropdown-md-label.disabled,
#gaia_content #bd a.nimbus-cta-dropdown-md-label.disabled {
color: #bbb;
}
.nimbus-cta-dropdown-sm-label,
.nimbus-cta-dropdown-sm-arrow,
.nimbus-cta-dropdown-md-label,
.nimbus-cta-dropdown-md-arrow {
text-decoration: none;
display: block;
float: left;
color: #333;
}
.nimbus-cta-dropdown-sm-label {
padding-right: 5px;
padding-left: 9px;
font-size: 13px;
}
.nimbus-cta-dropdown-sm-arrow {
width: 21px;
height: 22px;
line-height: 0;
background-position: right -1627px;
}
.nimbus-cta-dropdown-md-label {
font-size: 16px;
padding-right: 6px;
padding-left: 10px;
position: relative;
}
.nimbus-cta-dropdown-md-arrow {
width: 23px;
height: 27px;
line-height: 0;
background-position: right -1457px;
}
.nimbus-cta-dropdown-md-arrow:hover {
background-position: right -1491px;
}
.nimbus-cta-dropdown-md-arrow.gray-button {
background-position: right -1525px;
}
.nimbus-cta-dropdown-md-arrow.gray-button:hover {
background-position: right -1559px;
}
.nimbus-cta-dropdown-md-arrow.disabled {
background-position: right -1593px;
cursor: default;
}
.nimbus-cta-dropdown-sm-arrow:hover {
background-position: right -1656px;
}
.nimbus-cta-dropdown-sm-arrow.gray-button {
background-position: right -1685px;
}
.nimbus-cta-dropdown-sm-arrow.gray-button:hover {
background-position: right -1714px;
}
.nimbus-cta-dropdown-sm-arrow.disabled {
background-position: right -1743px;
cursor: default;
}
.nimbus-cta-reply-icon {
display: block;
height: 27px;
width: 33px;
float: left;
position: relative;
left: -25px;
top: -7px;
margin-right: -25px;
background-position: right -1772px;
}
.nimbus-cta-dropdown-sm-label .nimbus-cta-reply-icon {
top: -5px;
left: -18px;
margin-right: -18px;
}
// thank you http://seeboriscode.blogspot.com/2011/05/css3-iphone-badge.html
.badge {
background-color: #bc0000;
background: -moz-linear-gradient(100% 59% 90deg, #bc0000, #feb9be)
background: -webkit-gradient(linear, 0% 0%, 0% 78%, from(#feb9be), to(#bc0000))
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
box-shadow: 0px 3px 3px black;
-moz-box-shadow: 0px 3px 3px black;
-webkit-box-shadow: 0px 3px 3px black;
border: 2px solid #fff;
color:#fff;
font-family:'Tahoma', sans-serif;
font-size:14px;
padding:2px 6px;
text-decoration:none;
text-align:center;
}
#leaderboard_title {
width: 750px;
padding-top: 16px;
left: 0px;
margin: 0 auto;
font: 24pt 'IM Fell English SC', serif;
text-align: center;
color: #fdea80;
position: relative;
}
#leaderboard_container {
width: 750px;
height: 450px;
top: 80px;
left: 0px;
margin: auto;
background: transparent url(http://s.cdn.gaiaonline.com/images/Gaia_Flash/social/fbapps/nimbus/assets/web/deck_builder_sprite.png?20121221) no-repeat;
z-index: 1;
overflow: hidden;
}
#leaderboard_content {
margin-left: 35px;
margin-top: 35px;
width: 680px;
height: 380px;
font: 14px 'IM Fell English SC', serif;
}
#leaderboard_container #leader_title {
font: 18px 'IM Fell English SC', serif;
text-align: center;
margin: 0 auto;
}
#leaderboard_container #leader_lastupdate,
#leaderboard_container #leader_timeperiod {
font: 14px 'Cinzel', serif;
font-style: italic;
text-align: center;
}
#leaderboard_container #leader_table {
margin: 0px auto;
font: 13px 'Cinzel', serif;
}
#leaderboard_container #leader_table th {
text-align: left;
}