*{
margin: 0;
padding: 0;
}
/*---Variables---*/
:root {
/*--Typograhy--*/
font-size: 12px;
--main-font-family: 'Open Sans', sans-serif;
/*-Font size-*/
--main-font: 'Open Sans', sans-serif;
--font-size-12: 1.000rem;
--font-size-13: 1.083rem;
--font-size-14: 1.167rem;
--font-size-16: 1.333rem;
--font-size-18: 1.500rem;
--font-size-22: 1.833rem;
--font-size-24: 2.000rem;
--font-size-30: 2.500rem;
/*-Font weight-*/
--font-weight-normal: 400;
--font-weight-lighter: 100;
--font-weight-bold: 600;
/*-Font color-*/
--font-color-link: #ff0090;
--font-color-link2: #ffa8f6;
--font-color-default-dark: #705982;
--font-color-default-light: #feedff;
--font-color-darker: #441b52;
--font-color-active: #f52ea9;
--font-color-active2: #ff679a;
/*--Colors--*/
/*--Pages-bg--*/
--page-bg: rgb(67, 37, 83);
/*-Transparent-gradient-colors-*/
--bg-g1-color-1: rgba(140, 14, 158, 0.7);
--bg-g1-color-2: rgba(59, 32, 84, 0.7);
--bg-g2-color-1: rgba(245,215,249,.9);
--bg-g2-color-2: rgba(255,255,255,.9);
--bg-g3-color-1: rgba(255,255,255,.3);
--bg-g3-color-2: rgba(255,0,253,.3);
--bg-g5-color-1: rgba(250,255,250,.7);
--bg-g5-color-2: rgba(215,170,250,.7);
/*-Solid-gradient-colors-*/
--bg-g4-color-1: rgb(141,80,156);
--bg-g4-color-2: rgb(58,1,85);
/*-Flat-background-colors-*/
--bg-s1: rgba(125, 75, 135, .3);
--bg-s2: rgba(65, 10, 80, .7);
--bg-s3: rgba(255, 255, 255, .3);
--bg-white: rgba(255,255,255,1);
/*-Input-fields-bg-color-*/
--input-style-1-bg: rgba(250,245,255,.8);
--input-style-2-bg: rgba(47, 16, 71, .4);
--input-style-3-bg: rgba(217, 190, 226, .7);
--input-style-4-bg: rgba(255, 255, 255, .5);
/*-Progress-bar-colors-*/
--progress-g1-collor-1: rgb(255,202,76);
--progress-g1-collor-2: rgb(255,180,73);
--progress-g2-collor-1: rgb(255,150,66);
--progress-g2-collor-2: rgb(255,104,140);
--progress-g3-collor-1: rgb(255, 67, 133);
--progress-g3-collor-2: rgb(255, 67, 67);
--progress-g4-collor-1: rgb(83, 16, 114);
--progress-g4-collor-2: rgb(170, 0, 168);
--progress-g5-collor-1: rgb(6, 206, 200);
--progress-g5-collor-2: rgb(8, 206, 80);
--progress-s1: rgb(255, 204, 82);
--progress-s2: rgb(255, 120, 161);
--progress-s3: rgb(255, 32, 137);
--progress-s4: rgb(204, 121, 255);
--progress-s5: rgb(0, 255, 150);
/*-Progress-bar-drop-shadow-*/
--progress-ds1: rgba(255, 180, 0,.5);
--progress-ds2: rgba(255, 0, 100,.5);
--progress-ds3: rgba(255, 0, 170,.5);
--progress-ds4: rgba(200, 0, 255,.5);
--progress-ds5: rgba(0, 228, 255,.5);
/*--Border-radius--*/
--border-radius-xs: 0.167rem;
--border-radius-s: 0.500rem;
--border-radius-m: 0.833rem;
--border-radius-l: 1.333rem;
--border-radius-xl: 2.500rem;
--border-radius-xxl: 3.333em;
/*-Other-*/
}
a, img {
text-decoration: none;
border: 0;
outline: 0;
}
input, input:focus,
textarea, textarea:focus,
select, select:focus,
option, option:focus,
button, button:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
h2{
color: #fff;
font: italic bold 14px georgia,serif;
text-transform: uppercase;
}
hr{
background-color: #A887B9;
border: 0 none;
display: inline-block;
height: 2px;
margin: 5px 0;
width: 100%;
}
hr.gradient1{
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
border: medium none;
height: 1px;
}
#profilePage-profile .commentContent .commentHeader #addComment.profile-addComment hr{
height: 1px;
width: 940px;
background-color: #dab9ae;
}
/* CLEARFIX */
.clear:after { content: ".";display: block;clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear {display: block; }
* html .clear { height: 1%; }
/* ----------------------------------------- */
body {
background-color: rgb(67, 37, 83);
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
body iframe[width="1"] {
position: absolute !important;
left: 0 !important;
top: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
}
#pageWrapper {
height: auto !important;
min-height: 100%;
min-width: 980px;
overflow: hidden;
position: relative;
}
#search_result #pageWrapper,
#duel-html #pageWrapper,
#mallStores #pageWrapper{
overflow: hidden;
}
#search_hint {
position: absolute;
z-index: 101;
right: 5px;
top: 5px;
font-family: var(--main-font-family);
background: var(--bg-white);
font-size: var(--font-size-12);
font-weight: var(--font-weight-bold);
color: var(--font-color-default-dark);
padding: 4px 10px;
border-radius: 50%;
cursor: default;
box-shadow: 0 0 4px 0 #ca96d1 inset, 0 0 4px 0 #fff;
}
.wrapper {
height: auto !important;
margin: 0 auto;
min-height: 100%;
min-width: 980px;
position: relative;
width: 980px;
overflow: visible;
z-index: 1;
}
.wrapper.wide{
width: 98%;
}
.centered-content{
display: inline-block;
margin: 0 auto;
}
.hidden {
display: none !important;
}
.unselectable {
-webkit-user-select: none; /* Safari 3+*/
-khtml-user-select: none; /* Safari 2 */
-ms-user-select: none; /* IE 10 and IE 11 */
-o-user-select: none; /* Opera */
-moz-user-select: none; /* Mozilla */
user-select: none; /* Standard syntax */
}
/* --------------header--------------- */
body#nolady #mainNav,
body#nolady #header .wrapper .play-video{
display:none;
}
.myPlace .main-menu-pulse{
background: url("../img/layout/myplace-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.myLady .main-menu-pulse{
background: url("../img/layout/mylady-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.city .main-menu-pulse{
background: url("../img/layout/city-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.ranking .main-menu-pulse{
background: url("../img/layout/ranking-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.games .main-menu-pulse{
background: url("../img/layout/games-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.guild .main-menu-pulse{
background: url("../img/layout/guild-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.premium .main-menu-pulse{
background: url("../img/layout/premium-nav-btn.png") no-repeat scroll 0 -177px transparent;
}
.main-menu-pulse{
display: block;
height: 93%;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
opacity: 0;
}
.main-menu-pulse.anim{
-webkit-animation: main-menu-pulse 1s ease-out 0s infinite normal;
animation: main-menu-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes main-menu-pulse {
from {
opacity: 0;
}
50% {
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 20px 5px #ffedfb, 0 -6px 10px 0 #ffedfb inset, 0 2px 6px 3px #ffedfb inset;
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes main-menu-pulse {
0% {
opacity: 0;
}
50% {
border-radius: 10px;
box-shadow: 0 0 20px 5px #ffedfb, 0 -6px 10px 0 #ffedfb inset, 0 2px 6px 3px #ffedfb inset;
opacity: 1;
}
100% {
opacity: 0;
}
}
#popup #reset-fp-action-btn {
margin-top: 40px;
}
.reset-fp-btn:hover {
opacity: 1;
}
/* Sand clock rotate animation*/
.clock-rotate{
position: relative;
}
.clock-rotate::before {
content: "";
background: url(../img/layout/popup/quest/sand-clock.png) no-repeat center center / 100% auto;
width: 42px;
height: 53px;
position: absolute;
-webkit-animation: 1s linear 0s normal none infinite running clock-rotate;
animation: 1s linear 0s normal none infinite running clock-rotate;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
@-webkit-keyframes clock-rotate{
0%{
-webkit-transform: rotate(0deg);
}
50%{
-webkit-transform: rotate(180deg);
}
100%{
-webkit-transform: rotate(360deg);
}
}
@keyframes clock-rotate{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50%{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* ----infoBar---- */
#infoBar {
background: url('../img/layout/infobar-bg2.png') no-repeat right top;
position: absolute;
width: 362px;
height: 165px;
z-index: 1;
left: -18px;
}
#avatar{
background: url('../img/layout/ld-avatar.png') no-repeat right top;
width: 62px;
height: 64px;
margin: 7px 0 0 27px;
float: left;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
z-index: 1;
}
#ladyName{
float: left;
font-weight: bold;
margin: 9px 100px 4px 10px;
text-shadow: 0 -1px 0 #100613;
width: 143px;
}
.level-icon{
background: transparent url("../img/layout/stats-icons.png") no-repeat scroll center -81px;
display: block;
float: left;
height: 20px;
margin-left: 7px;
margin-top: 14px;
width: 20px;
}
.levelNumber{
float: left;
width: 20px;
margin-top: 3px;
text-align: center;
position: relative;
}
.levelBar{
background-color: #2d0839;
float: left;
height: 21px;
margin: 15px 0 10px 3px;
position: relative;
width: 133px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
z-index: 10;
}
/* Old - big
.header-phone{
background: url("../img/layout/popup/quest/header-phone.png") repeat scroll;
display: block;
height: 120px;
position: absolute;
right: 23px;
top: 11px;
width: 80px;
}
.header-phone:hover,
.header-phone.glow{
background-position: -90px 0;
}*/
.header-phone{
background: rgba(0, 0, 0, 0) url("../img/layout/popup/quest/header-phone.png") no-repeat scroll -3px -4px / 232% auto;
display: block;
height: 86px;
position: absolute;
right: 36px;
top: 5px;
width: 55px;
}
.header-phone:hover,
.header-phone.glow{
background-position: -72px -4px;
}
.header-phone span{
background-color: #d60080;
border-radius: 12px;
box-shadow: 0 0 3px 0 #7f0000 inset, 0 0 2px 0 #930000;
color: white;
display: inline-block;
font-size: 10px;
font-weight: bold;
height: 13px;
line-height: 1.2;
margin: 3px 0 0 38px;
text-align: center;
width: 13px;
}
.info-bar-pulse{
background: url("../img/layout/infobar-bg-blink.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 143px;
position: absolute;
right: 21px;
top: 0;
width: 92px;
opacity: 0;
}
.info-bar-pulse.anim{
-webkit-animation: 0.3s ease-out 0s normal none infinite running info-bar-pulse;
animation: 0.3s ease-out 0s normal none infinite running info-bar-pulse;
}
@-webkit-keyframes info-bar-pulse{
0%{
opacity: 0;
}
20%{
opacity: 1;
}
40%{
opacity: 0;
}
60%{
opacity: 0;
}
50%{
opacity: 1;
}
80%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes info-bar-pulse{
0%{
opacity: 0;
}
20%{
opacity: 1;
}
40%{
opacity: 0;
}
60%{
opacity: 0;
}
50%{
opacity: 1;
}
80%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.barWrapper{
width: 92px;
height: 15px;
float: left;
margin-top: 3px;
overflow: hidden;
background: url('../img/layout/level-progres-bg.gif') repeat-x;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
position:relative;
}
.prbarHolder .barWrapper{
width:50%;
margin:8px 0 0 10px;
position:relative;
float:left
}
#profilePage-profile .barWrapper{
display: none;
}
.petsPage .topBar .boxBlick .column .barWrapper{
width: 264px;
}
.prbarHolder .barWrapper span.fill,
.levelBar .barWrapper span.fill,
.jobProgress .barWrapper span.fill,
.centerContent .center span.fill,
.achievement-category-box span.fill,
span.fill-pink{
display: block;
height: 13px;
margin-top: 1px;
background: url('../img/layout/level-progress-fill.gif') repeat-x;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
-webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.5);
}
.levelBar .barWrapper span.fill{
position: relative;
box-shadow: none;
}
.levelBar.anim .barWrapper span.fill{
-webkit-animation: 0.5s ease-out 0s normal none 1 running level-bar-animation;
animation: 0.5s ease-out 0s normal none 1 running level-bar-animation;
}
@-webkit-keyframes level-bar-animation{
0%{
-webkit-box-shadow: 0 0 4px 2px white inset;
}
100%{
}
}
@keyframes level-bar-animation{
0%{
box-shadow: 0 0 4px 2px white inset;
}
100%{
}
}
span.level-up-animation{
background: url("../img/layout/stats-icons.png") no-repeat scroll 15px -81px rgba(0, 0, 0, 0);
font-size: 18px;
left: 22%;
padding-left: 45px;
position: absolute;
text-shadow: 0 1px 1px black;
z-index: 1;
opacity: 0;
}
.levelBar.anim span.level-up-animation{
-webkit-animation: 1s cubic-bezier(.05,.36,.87,.31) 0s normal none 1 running level-up-animation;
animation: 1s cubic-bezier(.05,.36,.87,.31) 0s normal none 1 running level-up-animation;
}
@-webkit-keyframes level-up-animation{
0%{
top: 0;
opacity: 0.5;
}
10%{
opacity: 1;
}
50%{
top: -36px;
opacity: 1;
left: 25%;
}
90%{
top: 36px;
opacity: 1;
left: 30%;
}
100%{
top: 40px;
opacity: 0;
left: 32%;
}
}
@keyframes level-up-animation{
0%{
top: 0;
opacity: 0.5;
}
10%{
opacity: 1;
}
50%{
top: -36px;
opacity: 1;
left: 25%;
}
90%{
top: 36px;
opacity: 1;
left: 30%;
}
100%{
top: 40px;
opacity: 0;
left: 32%;
}
}
.energyBar .barWrapper span.energyTimer{
position: absolute;
font-size: 10px;
font-weight: bold;
margin: 0 6px;
text-shadow: 0 1px 0 #100613;
top: 1px;
color: white;
}
.energyBar .barWrapper span.energyTimer.orangeTimer{
color: #E13700;
left: 87px;
text-shadow: none;
}
.singleStats{
float: left;
height: 42px;
margin: 2px 12px 5px;
padding: 0 2px;
position: relative;
text-align: center;
width: 51px;
}
.singleStats a{
position: relative;
}
.currency-blink{
left: -21px;
position: absolute;
top: -19px;
display: none;
}
.singleStats.anim .currency-blink{
display: block;
}
.singleStats.anim span.money {
-webkit-animation: 0.5s ease-out 0s normal none 1 running curency-icon-pulse-money;
animation: 0.5s ease-out 0s normal none 1 running curency-icon-pulse-money;
}
@-webkit-keyframes curency-icon-pulse-money{
0%{
background-size: 76% auto;
background-position: center -1px;
}
100%{
background-size: 62% auto;
background-position: center 1px;
}
}
@keyframes curency-icon-pulse-money{
0%{
background-size: 76% auto;
background-position: center -1px;
}
100%{
background-size: 62% auto;
background-position: center 1px;
}
}
.singleStats.anim span.emerald {
-webkit-animation: 0.5s ease-out 0s normal none 1 running curency-icon-pulse-emerald;
animation: 0.5s ease-out 0s normal none 1 running curency-icon-pulse-emerald;
}
@-webkit-keyframes curency-icon-pulse-emerald{
0%{
background-size: 76% auto;
background-position: center -34px;
}
100%{
background-size: 62% auto;
background-position: center -25px;
}
}
@keyframes curency-icon-pulse-emerald{
0%{
background-size: 76% auto;
background-position: center -34px;
}
100%{
background-size: 62% auto;
background-position: center -25px;
}
}
.singleStats.anim span.diamond {
-webkit-animation: 0.5s ease-out 0s normal none 1 running curency-icon-pulse-diamond;
animation: 0.5s ease-out 0s normal none 1 running curency-icon-pulse-diamond;
}
@-webkit-keyframes curency-icon-pulse-diamond{
0%{
background-size: 76% auto;
background-position: -3px -66px;
}
100%{
background-size: 62% auto;
background-position: 0 -51px;
}
}
@keyframes curency-icon-pulse-diamond{
0%{
background-size: 76% auto;
background-position: -3px -66px;
}
100%{
background-size: 62% auto;
background-position: 0 -51px;
}
}
.singleStats .value{
font-weight: bold;
color: white;
text-shadow: 0 -1px 0 #100613;
}
#infoBar span.add-diamonds {
background-color: #2d0839;
border-radius: 50px 50px;
-webkit-border-radius: 50px;
box-shadow: 0px 0 7px 0 #f4c1ff inset, 0 2px 1px 0 #2d0839;
-webkit-box-shadow: 0px 0 7px 0 #f4c1ff inset, 0 2px 1px 0 #2d0839;
text-shadow: 0 0 3px #f4d3ff;
color: #F8E5FF;
font-size: 20px;
height: 23px;
line-height: 1.1;
padding: 0 7px 0 30px;
position: absolute;
left: -25px;
top: 1px;
z-index: -1;
}
#infoBar dl dd:last-child a:hover span.add-diamonds {
box-shadow: 0 0 1px 1px #f4c1ff inset, 0 0 9px 0 #f4c1ff inset, 0 2px 1px 0 #2d0839;
-webkit-box-shadow: 0 0 1px 1px #f4c1ff inset, 0 0 9px 0 #f4c1ff inset, 0 2px 1px 0 #2d0839;
}
#infoBar dl.stats dd.singleStats span.money,
#content.duel-html .centerContent .award span.award-money{
display: block;
background: url('../img/layout/stats-icons.png') no-repeat center 1px;
height: 24px;
}
#infoBar dl.stats dd.singleStats span.emerald {
display: block;
background: url('../img/layout/stats-icons.png') no-repeat center -25px;
height: 24px;
}
#infoBar dl.stats dd.singleStats span.diamond,
#content.duel-html .centerContent .award span.award-diamond{
background: url('../img/layout/stats-icons.png') no-repeat 0 -51px;
}
#messagesBox .messageWrapper .messageBody p span.emeraldIcon,
#questsBox.quests .rightColumn .rewards-holder .rewards span,
#messagesBox .messageBody p [class*="award-"],
#tooltip [class*="award-"],
#custom-tooltip [class*="award-"],
#jobsHolder .jobContent .jobSalary span.award-money,
#jobsHolder .jobContent .jobSalary span.award-exp,
.makeupBox.lucky-cards.ingame .rewards-holder [class*="award-"]{
background: url('../img/layout/new/currency.png') no-repeat 0 -164px;
display: inline;
padding: 5px 0 2px 27px;
line-height: 39px;
font-weight: bold;
margin-right: 10px;
}
#messagesBox .messageWrapper .messageBody p span.emeraldIcon,
#questsBox.quests .rightColumn .rewards-holder .rewards span.award-emerald,
#messagesBox .messageBody p span.award-emerald,
.makeupBox.lucky-cards.ingame .rewards-holder span.award-emerald {
background-position: 0 -200px;
}
.makeupBox.lucky-cards.ingame .rewards-holder span.award-money {
background-position: 0 -163px;
}
#questsBox.quests .rightColumn .rewards-holder .rewards span.award-exp,
#messagesBox .messageBody p span.award-exp{
background: url('../img/layout/new/experience-star.svg') no-repeat 0 3px;
background-size: 17px auto;
padding: 5px 0 2px 20px;
}
#questsBox.quests .rightColumn .rewards-holder .rewards span.award-points{
background-position: 0 -108px;
}
.makeupBox.lucky-cards.ingame .rewards-holder span.award-diamond{
background-position: 2px -77px;
display: inline;
padding: 5px 10px 3px 29px;
}
#messagesBox .messageBody p span.award-diamond{
background-position: 0 -233px;
}
#tooltip .body .award-exp,
#jobsHolder .jobContent .jobSalary span.award-exp{
background-position: 0 -82px;
margin-right: auto;
line-height: 15px;
}
#jobsHolder .jobContent .jobSalary span.award-exp{
background-position: 0 -78px
}
#jobsHolder .jobContent .jobSalary span.award-money,
#tooltip h3 [class*="award-"],
#tooltip h3 .fashion-points,
#custom-tooltip .fashion-points{
background-position: -7px 0;
line-height: 25px;
margin: 0 3px;
padding: 2px 0 2px 24px;
}
#tooltip h3 .award-money,
#custom-tooltip .award-money{
background-position: -3px -3px;
}
#tooltip h3 .award-diamond,
#custom-tooltip .award-diamond{
background-position: -3px -80px;
}
#tooltip h3 .award-emerald,
#custom-tooltip .award-emerald{
background-position: -3px -42px;
}
#tooltip h3 .award-emerald-dust {
background: url(../img/layout/emerald-dust.png) no-repeat -14px -77px;
line-height: normal;
}
#tooltip h3 .fashion-points,
#custom-tooltip .fashion-points{
background: url('../img/layout/stats-icons.png') no-repeat;
background-position: -3px -110px;
}
.energyBar{
float: left;
width: 225px;
margin: -2px 0 0 27px;
}
.energyIcon,
#messagesBox .messageWrapper .messageBody p span.energyIcon{
background: url('../img/layout/energy-icon.png') no-repeat;
float: left;
width: 17px;
height: 23px;
}
#messagesBox .messageWrapper .messageBody p span.energyIcon{
float: none;
display: inline-block;
margin: 0px -16px -17px 5px;
padding: 3px 11px 5px 9px;
}
#infoBar .energyBar .barWrapper{
width: 153px;
margin: 1px 6px;
}
.energyBar .barWrapper span.fill,
.boxHolder .boxContent .barWrapper span.fill2,
.column03 span.fill {
background: url('../img/layout/energy-progress-fill.gif') repeat-x;
display: block;
height: 13px;
margin-top: 1px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
-webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.5);
}
.energyLevel{
float: left;
text-shadow: 0 -1px 0 #100613;
}
/* ----Banners stuff---- */
a.close-banner{
background-color: #FFFFFF;
border-radius: 6px 0 0 6px;
color: #70625F;
font-size: 22px;
height: 17px !important;
left: -17px;
opacity: 0.7;
position: absolute;
top: 5px;
width: 16px !important;
}
a.close-banner.close-banner-street{
left: 4px;
}
a.close-banner:before{
content: "×";
display: inline-block;
margin: -5px 0 0 2px;
}
a.close-banner:hover{
opacity: 0.9 !important;
background: #fff !important;
}
#banner-vertical{
position: relative;
width: 100%;
z-index: 9990;
}
#banner-vertical > div{
min-width: 1330px;
}
#banner-vertical > div > div{
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
float: right;
height: 600px;
position: relative;
width: 160px;
z-index: 1000;
}
span.banner-text{
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 1px #555;
width: 100%;
left: 0;
}
.horizontal-banner{
border: 1px solid #b29c84;
box-sizing: border-box;
clear: both;
height: 90px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: center;
width: 728px;
}
.horizontal-banner:before{
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
border-radius: 0 0 3px;
color: #ddd;
content: "Adversisement";
font-size: 11px;
height: 15px;
left: 0;
line-height: normal;
padding: 0 3px;
position: absolute;
text-align: left;
top: 0;
z-index: 1000;
}
/*
.horizontal-banner::after {
color: #b29c84;
content: "728 x 90";
font: 30px/3 Impact;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 0;
}*/
/* ----mainNav---- */
#mainNav{
position: absolute;
top: 28px;
right: 0;
}
ul#mainNav > li{
float: left;
height: 90px;
margin-right: 15px;
width: 78px;
text-align: center;
position: relative;
}
ul#mainNav > li > a{
color: white;
display: block;
height: 85px;
line-height: 11px;
padding: 9px 3px 0;
font-weight: bold;
position: relative;
z-index: 1;
text-shadow: 0px 1px 1px #240024;
/*filter: dropshadow(color=#240024, offx=0, offy=1);*/
}
ul#mainNav > li.premium > a{
color: #952300;
text-shadow: 0 -1px 1px white;
}
.main-nav-title-holder {
display: table;
height: 26px;
width: 70px;
}
.main-nav-title{
display: table-cell;
vertical-align:middle;
text-align: center;
}
ul#mainNav li.myLady2,
ul#mainNav li.myLady{
background: url("../img/layout/mylady-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.myBoy{
background: url("../img/layout/myboy-nav-btn.png") no-repeat scroll 0 2px transparent;
}
body.game-ru ul#mainNav li.quests{
background: url("../img/layout/quests-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.myPlace{
background: url("../img/layout/myplace-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.city{
background: url("../img/layout/city-nav-btn.png") no-repeat scroll 0 2px transparent;
position: relative;
}
/* LDPTHREE-10041 */
/* Halloween decor main menu button
ul#mainNav li.city::after {
content: " ";
display: block;
position: absolute;
width: 27px;
height: 29px;
bottom: 4px;
right: -5px;
background: url("../img/layout/pumpkin-label.png") no-repeat;
z-index: 1;
}*/
ul#mainNav li.ranking{
background: url("../img/layout/ranking-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.games{
background: url("../img/layout/games-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.friends{
background: url("../img/layout/friends-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.guild{
background: url("../img/layout/guild-nav-btn.png") no-repeat scroll 0 2px transparent;
}
ul#mainNav li.premium{
background: url("../img/layout/premium-nav-btn.png") no-repeat scroll 0 2px transparent;
margin: 0;
}
span.event-boss-icon {
background: transparent url("../img/layout/gift-box-2.png") no-repeat scroll -2px -9px / 284px 62px;
bottom: 4px;
display: block;
height: 40px;
position: absolute;
right: -17px;
width: 45px;
}
.leftMenu span.event-boss-icon{
bottom: -8px;
right: -8px;
z-index: 5;
}
ul#mainNav > li.hover {
background-position: 0 -87px !important;
}
ul#mainNav li.locked{
background: url(../img/layout/main-nav-locked.png) no-repeat -8px -2px;
}
ul#mainNav li.locked a:hover{
cursor: default;
}
ul#mainNav li.locked .main-nav-title{
text-indent: -9999px;
}
/* ----DropDown---- */
#mainNav .mainDropdown,
#topLinks ul li.settings ul,
#topLinks .mainDropdown{
background: #5b246d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViMjQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzQ0MTU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzViMjQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzQ0MTU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YjI0NmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5b246d 0%, #441554 24%, #5b246d 50%, #441554 75%, #5b246d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b246d), color-stop(24%,#441554), color-stop(50%,#5b246d), color-stop(75%,#441554), color-stop(100%,#5b246d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5b246d 0%,#441554 24%,#5b246d 50%,#441554 75%,#5b246d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5b246d 0%,#441554 24%,#5b246d 50%,#441554 75%,#5b246d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5b246d 0%,#441554 24%,#5b246d 50%,#441554 75%,#5b246d 100%); /* IE10+ */
background: linear-gradient(top, #5b246d 0%,#441554 24%,#5b246d 50%,#441554 75%,#5b246d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b246d', endColorstr='#5b246d',GradientType=0 ); /* IE6-8 */
/*background: #2d0839 url('../img/layout/dropdown-bg.gif') repeat-x bottom center;*/
position: absolute;
top: 89px;
left: 0;
z-index: 1000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 1px 2px #111111, inset 0px 0px 7px 0px #a659bc;
-moz-box-shadow: 0 1px 2px #111111, inset 0px 0px 7px 0px #a659bc;
-webkit-box-shadow: 0 1px 2px #111111, inset 0px 0px 7px 0px #a659bc;
width: auto;
min-width: 212px;
display: none;
padding: 10px;
border: 2px solid #BC91C1;
text-align: left;
}
#mainNav .mainDropdown.right{
left: auto;
right: -91px;
}
ul#mainNav li ul li{
height: auto;
border-bottom: 1px solid #642878;
text-align: left;
transition: all 0.3s ease-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
ul#mainNav li ul li:hover,
#topLinks ul ul li:hover,
ul#mainNav li ul li.anim{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0 2px 0px #260631, inset 0px 0px 5px 2px #8c489f;
-moz-box-shadow: 0px 0 2px 0px #260631, inset 0px 0px 5px 2px #8c489f;
box-shadow: 0px 0 2px 0px #260631, inset 0px 0px 5px 2px #8c489f;
background: #885199; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4NTE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzYxMmI3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzRhMjA1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #885199 0%, #612b70 52%, #4a2059 53%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#885199), color-stop(52%,#612b70), color-stop(53%,#4a2059)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #885199 0%,#612b70 52%,#4a2059 53%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #885199 0%,#612b70 52%,#4a2059 53%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #885199 0%,#612b70 52%,#4a2059 53%); /* IE10+ */
background: linear-gradient(top, #885199 0%,#612b70 52%,#4a2059 53%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#885199', endColorstr='#4a2059',GradientType=0 ); /* IE6-8 */
}
ul#mainNav li ul li.anim{
-webkit-animation: main-drop-down-pulse 1s ease-out 0s infinite normal;
animation: main-drop-down-pulse 1s ease-out 0s infinite normal;
}
ul#mainNav li ul li.anim a{
color: #fff;
}
@-webkit-keyframes main-drop-down-pulse {
from {
-webkit-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
-moz-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
}
50% {
-webkit-box-shadow: 0 0px 3px 0 #000, 0 0 5px 2px #8c489f inset, 0 0 20px 0 #e48cff inset, 0 0 5px 1px #FFFFFF inset;
-moz-box-shadow: 0 0px 3px 0 #000, 0 0 5px 2px #8c489f inset, 0 0 20px 0 #e48cff inset, 0 0 5px 1px #FFFFFF inset;
box-shadow: 0 0px 3px 0 #000, 0 0 5px 2px #8c489f inset, 0 0 20px 0 #e48cff inset, 0 0 5px 1px #FFFFFF inset;
}
to {
-webkit-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
-moz-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
}
}
@keyframes main-drop-down-pulse {
from {
-webkit-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
-moz-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
}
50% {
-webkit-box-shadow: 0 0px 3px 0 #000, 0 0 5px 2px #8c489f inset, 0 0 20px 0 #e48cff inset, 0 0 5px 1px #FFFFFF inset;
-moz-box-shadow: 0 0px 3px 0 #000, 0 0 5px 2px #8c489f inset, 0 0 20px 0 #e48cff inset, 0 0 5px 1px #FFFFFF inset;
box-shadow: 0 0px 3px 0 #000, 0 0 5px 2px #8c489f inset, 0 0 20px 0 #e48cff inset, 0 0 5px 1px #FFFFFF inset;
}
to {
-webkit-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
-moz-box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
box-shadow: 0 0 2px 0 #260631, 0 0 5px 2px #8c489f inset;
}
}
ul#mainNav li ul li:hover a,
ul#mainNav li ul li.anim a{
margin-left: 10px;
}
ul#mainNav li ul li a{
background: url("../img/layout/main-nav-drop-sprite.png") no-repeat 0 11px transparent;
color: #ffacfe;
display: block;
padding: 10px 0 10px 28px;
text-transform: uppercase;
}
ul#mainNav li ul li a.main-drop-profile{
background-position: -8px -1px;
}
ul#mainNav li ul li a.main-drop-popularity{
background-position: -9px -39px;
}
ul#mainNav li ul li a.main-drop-quests{
background-position: -8px -77px;
}
ul#mainNav li ul li a.main-drop-myboy{
background-position: -8px -195px;
}
ul#mainNav li ul li a.main-drop-gallery{
background-position: -6px -114px;
}
ul#mainNav li ul li a.main-drop-achievements{
background-position: -8px -154px;
}
ul#mainNav li ul li a.main-drop-wardrobe{
background-position: -267px -3px;
}
ul#mainNav li ul li a.main-drop-apartment{
background-position: -264px -39px;
}
ul#mainNav li ul li a.main-drop-pets{
background-position: -267px -77px;
}
ul#mainNav li ul li a.main-drop-cars {
background-position: -268px -113px;
}
ul#mainNav li ul li a.main-drop-bsalon {
background-position: -529px 0;
}
/* LDPTHREE-10041 */
ul#mainNav li ul li a.main-drop-bsalon {
background: url("../img/layout/main-nav-drop-sprite.png") no-repeat scroll -529px 0;
width: 100%;
}
ul#mainNav li ul li a.main-drop-bsalon:hover {
background: url("../img/layout/main-nav-drop-sprite.png") no-repeat scroll -529px 0;
}
ul#mainNav li ul li a.main-drop-mall {
background-position: -529px -39px;
}
ul#mainNav li ul li a.main-drop-fshop {
background-position: -528px -78px;
}
ul#mainNav li ul li a.main-drop-pshop {
background-position: -528px -116px;
}
ul#mainNav li ul li.limited-pets a.main-drop-pshop {
background: url("../img/layout/main-nav-drop-sprite.png") no-repeat scroll -528px -116px,
url("../img/layout/label-limited.png") no-repeat scroll 169px 3px;
width: 100%;
}
ul#mainNav li ul li.limited-pets:hover a.main-drop-pshop {
background: url("../img/layout/main-nav-drop-sprite.png") no-repeat scroll -528px -116px,
url("../img/layout/label-limited.png") no-repeat scroll 150px 3px;
}
ul#mainNav li ul li a.main-drop-job{
background-position: -527px -153px;
}
ul#mainNav li ul li a.main-drop-clubs{
background-position: -527px -192px;
}
ul#mainNav li ul li a.main-drop-lpodium{
background-position: -786px -4px;
}
ul#mainNav li ul li a.main-drop-fpodium{
background-position: -789px -39px;
}
ul#mainNav li ul li a.main-drop-apodium{
background-position: -788px -78px;
}
ul#mainNav li ul li a.main-drop-ppodium{
background-position: -1047px -162px;
}
ul#mainNav li ul li a.main-drop-ranking{
background-position: -788px -116px;
}
ul#mainNav li ul li a.main-drop-farena{
background-position: -1047px -2px;
}
ul#mainNav li ul li a.main-drop-minigames{
background-position: -1047px -40px;
}
ul#mainNav li ul li a.main-drop-ifriends{
background-position: -1310px -2px;
}
ul#mainNav li ul li a.main-drop-friends{
background-position: -1310px -40px;
}
ul#mainNav li ul li a.main-drop-oponents{
background-position: -1310px -78px;
}
ul#mainNav li ul li a.main-drop-ignored{
background-position: -1310px -116px;
}
ul#mainNav li ul li a.main-drop-luckycards{
background-position: -1044px -79px;
}
ul#mainNav li ul li a.main-drop-partycenter{
background-position: -1047px -118px;
}
ul#mainNav li ul li a.main-drop-guides{
background-position: -1311px -154px;
}
ul#mainNav li ul li a.main-drop-starhouse{
background-position: -1312px -195px;
}
ul#mainNav li ul li a:hover {
color: white;
}
ul#mainNav li ul li a:hover li.myLady{
background-position: 0 87px;
}
ul#mainNav > li.hover ul{
display: block;
}
#topLinks {
position: absolute;
right: 0;
width: 636px;
}
#nolady #topLinks{
width: 980px;
}
#gameInfo,
#topLinks ul.activityIndicator {
background: rgb(241,220,184); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmMWRjYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(241,220,184,1) 25%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(241,220,184,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(241,220,184,1) 25%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(241,220,184,1) 25%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(241,220,184,1) 25%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(241,220,184,1) 25%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1dcb8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
padding-right: 10px;
height: 21px;
float: left;
-webkit-box-shadow: inset 0px -1px 2px 0px rgba(88, 35, 0, 0.7);
box-shadow: inset 0px -1px 2px 0px rgba(88, 35, 0, 0.7);
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
#topLinks ul.activityIndicator{
background: rgb(91,36,109); /* Old browsers */
background: -moz-linear-gradient(top, rgba(91,36,109,1) 0%, rgba(68,21,84,1) 25%, rgba(117,51,139,1) 50%, rgba(68,21,84,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,36,109,1)), color-stop(25%,rgba(68,21,84,1)), color-stop(50%,rgba(117,51,139,1)), color-stop(100%,rgba(68,21,84,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(91,36,109,1) 0%,rgba(68,21,84,1) 25%,rgba(117,51,139,1) 50%,rgba(68,21,84,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(91,36,109,1) 0%,rgba(68,21,84,1) 25%,rgba(117,51,139,1) 50%,rgba(68,21,84,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(91,36,109,1) 0%,rgba(68,21,84,1) 25%,rgba(117,51,139,1) 50%,rgba(68,21,84,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(91,36,109,1) 0%,rgba(68,21,84,1) 25%,rgba(117,51,139,1) 50%,rgba(68,21,84,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b246d', endColorstr='#441554',GradientType=0 ); /* IE6-8 */
margin-left: 5px;
padding: 0 10px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(78, 29, 95, 0.5);
box-shadow: 0px 1px 3px 0px rgba(78, 29, 95, 0.5);
}
#topLinks ul.activityIndicator.anim{
-webkit-animation: header-icon-pulse 1s ease-out 0s infinite normal;
animation: header-icon-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes header-icon-pulse {
from {
}
50% {
-webkit-box-shadow: 0 1px 5px 3px rgba(255, 255, 255, 1), 0 0 5px 2px #e17aff inset;
box-shadow: 0 1px 5px 3px rgba(255, 255, 255, 1), 0 0 5px 2px #e17aff inset;
}
to {
}
}
@keyframes header-icon-pulse {
from {
}
50% {
-webkit-box-shadow: 0 1px 5px 3px rgba(255, 255, 255, 1), 0 0 5px 2px #e17aff inset;
box-shadow: 0 1px 5px 3px rgba(255, 255, 255, 1), 0 0 5px 2px #e17aff inset;
}
to {
}
}
#topLinks ul.activityIndicator li,
#topLinks ul.activityIndicator li span{
background: url('../img/layout/top-indicator-icons.png') no-repeat;
height: 23px;
padding-left: 23px;
display: block;
cursor: pointer;
}
#topLinks ul.activityIndicator li.photoSession-indicator span{
background-position: 0 -32px;
margin-right: 5px;
}
#topLinks ul.activityIndicator li.superModel-indicator span{
background-position: 0 -64px;
}
#topLinks ul li {
color: #953500;
font-weight: bold;
font-size: 10px;
float: left;
}
#onlinePlayers {
background: url('../img/layout/top-left-icons.gif') no-repeat scroll 0 -16px;
height: 16px;
margin: 2px 0 0 9px;
padding: 1px 0 0 20px;
}
#topLinks #gameInfo #current-activity{
height: 16px;
margin-left: 18px;
}
#topLinks #current-activity .current-activity-ico{
float: left;
background: url('../img/layout/progress-ico.gif') no-repeat scroll 0 0;
height: 15px;
padding: 1px 0 0 20px;
margin: 1px;
}
#topLinks #current-activity .activity-bar-holder{
float: left;
position: relative;
display: block;
width: 66px !important;
height: 8px;
margin: 4px 0 0 3px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 0 0px rgba(122, 53, 31, 0.5) !important;
box-shadow: inset 0px 1px 0 0px rgba(122, 53, 31, 0.5) !important;
overflow: hidden;
}
#topLinks #current-activity .activity-bar-holder .activity-progress-bar{
background: url('../img/layout/activity-progress.gif') repeat-x;
position: absolute;
top: 0;
left: 0;
width: 56%;
height: 8px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
-webkit-box-shadow: 1px 0px 0px 0px rgba(16, 36, 10, 0.3);
-moz-box-shadow: 1px 0px 0px 0px rgba(16, 36, 10, 0.3);
box-shadow: 1px 0px 0px 0px rgba(16, 36, 10, 0.3);
}
#topLinks #current-activity .activity-timer{
color: #E13700;
float: left;
margin: 3px 0 0 5px;
}
#helpMenu{
height: 24px;
position: absolute;
right: 0;
}
#helpMenu .my-friends{
position: relative;
}
#helpMenu li.settings {
height: 25px;
}
#topLinks #helpMenu li a.event-new,
#topLinks #helpMenu li a.new-woman-collection,
#topLinks #helpMenu li a.new-man-collection{
background: url("../img/layout/new-event-ico.png") no-repeat left top !important;
width: 44px;
height: 35px;
margin-top: -2px !important;
}
#topLinks #helpMenu li a.new-man-collection{
background: url("../img/layout/new-store-ico.png") no-repeat left top !important;
}
#topLinks #helpMenu li a.special-offer-btn,
#topLinks #helpMenu li a.special-offer-btn:hover,
#topLinks #helpMenu li a.special-offer-btn-3,
#topLinks #helpMenu li a.special-offer-btn-3:hover,
#topLinks #helpMenu li a.special-offer-btn-4,
#topLinks #helpMenu li a.special-offer-btn-4:hover,
#topLinks #helpMenu li a.special-offer-btn-5,
#topLinks #helpMenu li a.special-offer-btn-5:hover,
#topLinks #helpMenu li a.special-offer-btn-6,
#topLinks #helpMenu li a.special-offer-btn-6:hover{
background: url("../img/layout/special-offer/top-icon.gif") no-repeat left top !important;
transform: translateY(-9px);
width: 45px;
height: 38px;
}
#topLinks #helpMenu li a.event-new:hover,
#topLinks #helpMenu li a.new-woman-collection:hover,
#topLinks #helpMenu li a.new-man-collection:hover{
background-position: -44px 0 !important;
}
#topLinks #helpMenu li a.special-offer-btn-11 {
display: block;
background: url("../img/layout/special-offer/pumpkin-icon-normal.png") no-repeat left -9px !important;
width: 50px !important;
height: 50px !important;
transition: background-position .3s ease-out;
}
#topLinks #helpMenu li a.special-offer-btn-11:hover {
display: block;
background: url("../img/layout/special-offer/pumpkin-icon-normal.png") no-repeat left -5px !important;
/*background-position: left bottom !important;*/
}
#topLinks #helpMenu li a.special-offer-btn-12 {
position: relative;
display: block;
background: url("../img/layout/special-offer/patrick-header-icon.png") no-repeat left -5px !important;
width: 39px !important;
height: 38px !important;
transition: background-position .3s ease-out;
}
#topLinks #helpMenu li a.special-offer-btn-12::before {
content: "";
display: block;
background: url(../img/layout/sparkles.png) no-repeat scroll 0 0 transparent;
width: 65px;
height: 63px;
position: absolute;
top: -17px;
left: -18px;
transform: rotate(0deg) scale(0);
opacity: 0;
}
#topLinks #helpMenu li a.special-offer-btn-12:hover {
display: block;
background: url("../img/layout/special-offer/patrick-header-icon.png") no-repeat left 2px !important;
}
#topLinks #helpMenu li a.special-offer-btn-12:hover:before {
content: "";
display: block;
background: url(../img/layout/sparkles.png) no-repeat scroll 0 0 transparent;
width: 65px;
height: 63px;
position: absolute;
top: -17px;
left: -18px;
animation-name: patrick-sparkling;
animation-duration: .6s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes patrick-sparkling {
0% {transform: rotate(0deg) scale(0); opacity: 0;}
/*50% {transform: rotate(90deg) scale(1); opacity: 1;}*/
100% {transform: rotate(180deg) scale(1); opacity: 1;}
}
#topLinks > ul > li > a {
background: url('../img/layout/help-icons.png') no-repeat scroll 0 0 transparent !important;
width: 21px;
height: 18px;
display: inline-block;
margin-top: 2px;
position: relative;
}
#topLinks #helpMenu li a.event-new.levels-event-btn-cross-promo {
background: url("../img/layout/cross-promo-icon.png") no-repeat scroll left 0 !important;
display: inline-block;
height: 31px;
width: 38px;
position: relative;
cursor: pointer;
}
#topLinks #helpMenu li a.event-new.levels-event-btn-cross-promo:hover {
background-position: -42px 0 !important;
}
#topLinks #helpMenu > li > a#dailyRewardsBtn{
padding-top: 4px;
background: url("../img/layout/tl-get-rewards.png") no-repeat !important;
height: 27px;
margin-top: -2px;
width: 44px;
}
#topLinks ul li a.helpMenu1{
background-position: 0 0;
}
#topLinks ul li a.helpMenu1:hover{
background-position: -24px 0;
}
#topLinks #helpMenu li a.helpMenu1-dropdown{
background: url("../img/layout/help-icons.png") no-repeat 0 -151px !important;
height: 20px;
margin-top: 2px;
width: 21px;
}
#topLinks #helpMenu li a.helpMenu1-dropdown:hover{
background-position: -25px -151px !important;
}
#topLinks ul li.my-friends ul.friends-dropdown{
left: -91px;
min-width: 180px;
top: 24px;
}
#topLinks ul li.my-friends:hover ul.friends-dropdown{
display: block;
}
#topLinks ul li.my-friends:hover{
height: 50px;
}
#topLinks #helpMenu .mainDropdown li a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
height: auto;
margin: 0;
padding: 8px 0 !important;
width: auto;
}
#topLinks ul li a.helpMenu2 {
background-position: 0 -18px !important;
height: 16px;
position: relative;
}
#topLinks ul li a.helpMenu2:hover {
background-position: -24px -18px !important;
}
#topLinks ul li a.helpMenu3 {
background-position: 0 -35px !important;
}
#topLinks ul li a.helpMenu3:hover {
background-position: -24px -35px !important;
}
#topLinks ul li a.helpMenu4 {
background-position: 0 -52px !important;
}
#topLinks ul li a.helpMenu4:hover {
background-position: -24px -52px !important;
}
#topLinks ul li a.helpMenu5 {
background-position: 0 -70px !important;
}
#topLinks ul li a.helpMenu5:hover {
background-position: -24px -70px !important;
}
#topLinks ul li a.helpMenu6 {
background-position: 0 -127px !important;
margin-left: 4px;
display: none;
}
#topLinks ul li a.helpMenu6:hover {
background-position: -25px -127px !important;
}
#topLinks ul li a.helpMenu7 {
background-position: 0 -108px !important;
}
#topLinks ul li a.helpMenu7:hover {
background-position: -25px -108px !important;
}
#topLinks ul li a.helpMenu8 {
background: url(../img/layout/switch-to-lp2.png) no-repeat !important;
height: 22px;
width: 26px;
}
#topLinks ul li a.helpMenu8:hover {
background-position: -26px 0 !important;
}
#topLinks #helpMenu li a.event-gift-25 {
background: url("../img/layout/christmas-top-ico.png") no-repeat -5px -25px !important;
height: 34px !important;
margin-top: -2px !important;
width: 58px !important;
}
#topLinks ul li a.acorn-isle-event {
background: url("../img/layout/acornisle/event-icon.png") no-repeat;
height: 33px;
margin-top: -2px;
width: 40px;
}
#topLinks ul li a.acorn-isle-event:hover {
background-position: -40px 0;
}
#topLinks #helpMenu li a.event-gift-25:hover {
background-position: -71px -25px !important;
}
#topLinks #helpMenu li a.event-teleport-halloween {
background: url("../img/layout/helloween-animated-top-icon.gif") no-repeat !important;
height: 27px;
margin-top: -2px;
width: 43px;
}
#topLinks #helpMenu li a.event-teleport-halloween:hover {
background-position: -50px 0!important;
}
#topLinks #helpMenu li a.halloween-beauty-salon-icon{
background: rgba(0, 0, 0, 0) url("../img/layout/vampire-top-ico.png") no-repeat scroll 0 0 !important;
height: 39px;
width: 44px;
margin-top: -2px;
}
#topLinks #helpMenu li a.halloween-beauty-salon-icon:hover{
background-position: -53px 0 !important;
}
#topLinks #helpMenu li a.bondgirl-beauty-salon-icon{
background: rgba(0, 0, 0, 0) url("../img/layout/bs-top-icon.gif") no-repeat scroll 0 0 !important;
height: 33px;
width: 50px;
margin-top: -2px;
}
#topLinks #helpMenu li a.bondgirl-beauty-salon-icon:hover{
background-position: -60px 0 !important;
}
#topLinks #helpMenu li a.event-gift-73 {
background: url("../img/layout/007-2-ico.gif") no-repeat 0 -3px !important;
height: 37px;
width: 53px;
}
#topLinks #helpMenu li a.event-gift-73:hover {
background-position: -60px -3px !important;
}
#topLinks #helpMenu li a.event-gamesoffire{
background: rgba(0, 0, 0, 0) url("../img/layout/event-dice/gof-top-ico.png") no-repeat scroll 0 -6px !important;
height: 40px;
width: 42px;
}
#topLinks #helpMenu li a.event-gamesoffire:hover{
background-position: -51px -6px !important;
}
#topLinks #helpMenu li a.event-dice-cityofshadows{
background: url('../img/layout/event-dice/ico.png') no-repeat right 0 !important;
width: 44px;
height: 29px;
}
#topLinks #helpMenu li a.event-dice-cityofshadows:hover{
background-position: left 0!important;
}
#topLinks #helpMenu li a.box-event-btn-97 {
background: url("../img/layout/africa-small-paw.png") no-repeat 0 -3px !important;
height: 35px;
width: 31px;
opacity: 0.8;
}
#topLinks #helpMenu li a.box-event-btn-97:hover {
background: url("../img/layout/africa-small-paw.png") no-repeat 0 -3px !important;
height: 35px;
width: 31px;
opacity: 1;
}
#topLinks #helpMenu li a.event-map-94 {
background: url("../img/layout/map/got-2016/ico.png") no-repeat 0 -3px !important;
height: 27px;
width: 47px;
}
#topLinks #helpMenu li a.event-map-94:hover {
background-position: -61px -3px !important;
}
#topLinks #helpMenu li a.event-teleport-retro_summer,
#topLinks #helpMenu li a.event-teleport-summer {
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/ball.png") no-repeat scroll right 1px !important;
height: 28px;
width: 29px;
}
#topLinks #helpMenu li a.event-teleport-retro_summer:hover,
#topLinks #helpMenu li a.event-teleport-summer:hover{
background: url("../img/layout/time-machine/ball.gif") no-repeat right 1px !important;
}
#topLinks ul#helpMenu li a.event-solitaire-solitaire {
background: url(../img/layout/solitaire/top-ico.png) no-repeat right top !important;
width: 54px;
height: 29px;
margin-top: -2px;
}
#topLinks ul#helpMenu li a.event-solitaire-solitaire:hover{
background-position: left top !important;
}
/* Event 242 */
#topLinks ul#helpMenu li a.event-solitaire-solitaire.new-event-242 {
background: url(../img/layout/solitaire/top-ico-relaxed.png) no-repeat right top !important;
}
#topLinks ul#helpMenu li a.event-solitaire-solitaire.new-event-242::before {
display: block;
position: absolute;
content:"";
background: url(../img/layout/solitaire/coffee-header.png) no-repeat right top !important;
width: 46px;
height: 46px;
top: -45px;
left: 13px;
transform: rotate(-86deg);
transition: transform .4s ease-out, top .4s ease-out;
}
#topLinks ul#helpMenu li a.event-solitaire-solitaire.new-event-242:hover:before {
display: block;
position: absolute;
content:"";
background: url(../img/layout/solitaire/coffee-header.png) no-repeat right top !important;
width: 46px;
height: 46px;
top: -12px;
left: 13px;
transform: rotate(0deg);
}
#topLinks ul#helpMenu li a.event-solitaire-solitaire.new-event-242:hover .new-event-timer {
transform: translateX(-50%) translateY(24px) scale(1);
}
/* END Event 242 */
#topLinks ul#helpMenu li a.transfer-to-ico,
#topLinks ul#helpMenu li a.ssoTransferButton{
background: url("../img/layout/transfer-arrows.png") no-repeat scroll 0 -2px !important;
background-size: 25px 25px !important;
-webkit-animation-name: transfer-to-ico-anim;
animation-name: transfer-to-ico-anim;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes transfer-to-ico-anim {
0%,10% {}
11%,100% {
transform: rotate(720deg);
-webkit-transform: rotate(720deg);
}
}
#topLinks > ul > li .timer{
background: #fff none repeat scroll 0 0;
border-radius: 5px 0 0 5px;
box-shadow: 3px 0 4px 0 rgba(0, 0, 0, 0.5);
color: #8d017b;
margin: -3px 7px 0 0;
padding: 1px 5px 1px 7px;
position: relative;
top: -6px;
}
#topLinks > ul > li .timer::after {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 7px 0 8px 9px;
content: "";
position: absolute;
right: -9px;
top: 0;
}
#topLinks > ul > li > a#showNews,
#topLinks > ul > li > a#showNews span{
background: rgba(0, 0, 0, 0) url("../img/layout/news-btn2.png") no-repeat scroll -117px -1px !important;
margin: -3px 0 0;
padding: 7px 0 9px 18px;
width: auto;
}
#topLinks > ul > li > a#showNews span{
background: rgba(0, 0, 0, 0) url("../img/layout/news-btn2.png") no-repeat scroll right -77px !important;
color: #fff;
padding: 7px 21px 14px 3px;
}
#topLinks > ul > li > a#showNews:hover{
background-position: -117px -41px !important;
}
#topLinks > ul > li > a#showNews:hover span{
background-position: right -117px !important;
}
@-moz-document url-prefix() {
#topLinks > ul > li > a#showNews{
background: rgba(0, 0, 0, 0) url("../img/layout/news-btn2.png") no-repeat scroll -117px 0px !important;
}
#topLinks > ul > li > a#showNews:hover{
background-position: -117px -40px !important;
}
}
#topLinks > ul > li > a#showNews.anim{
-webkit-animation: news-btn-pulse 1s ease-out 0s infinite normal;
animation: news-btn-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes news-btn-pulse{
0%{
opacity: 0.5;
}
50%{
opacity: 1;
}
100%{
opacity: 0.5;
}
}
@keyframes news-btn-pulse{
0%{
opacity: 0.5;
}
50%{
opacity: 1;
}
100%{
opacity: 0.5;
}
}
#topLinks > ul > li > a#showNews.anim span{
-webkit-animation: news-btn-pulse-span 1s ease-out 0s infinite normal;
animation: news-btn-pulse-span 1s ease-out 0s infinite normal;
}
#topLinks ul#helpMenu li a.event-gift-130{
background: url("../img/layout/pr-top-ico.png") no-repeat scroll 0 1px transparent !important;
display: inline-block;
height: 24px;
margin: -2px 0 -8px;
width: 23px;
}
#topLinks ul#helpMenu li a.event-gift-130:hover{
background-position: -23px 1px!important;
}
#topLinks ul#helpMenu li a.event-gift-43{
background: url("../img/layout/fall-top-ico.png") no-repeat 0 0 !important;
width: 53px;
height: 33px;
margin-top: -2px;
}
#topLinks ul#helpMenu li a.event-gift-43:hover{
background-position: right top !important;
}
#topLinks ul#helpMenu li a.box-event-btn-141,
#topLinks ul#helpMenu li a.box-event-btn-141:hover{
background: url("../img/layout/ny-top-ico.gif") no-repeat 0 0 !important;
width: 36px;
height: 15px;
margin-top: 4px !important;
}
#topLinks ul#helpMenu li a.box-event-btn-127{
background: url("../img/layout/map/easter2015/top-ico.png") no-repeat scroll 0 -5px rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 31px;
margin: -2px 0 0;
width: 26px;
}
#topLinks ul#helpMenu li a.box-event-btn-127:hover{
background-position: -30px -5px !important;
}
#topLinks ul#helpMenu li a.event-teleport-teleport_58{
background: url("../img/layout/time-machine/sun-top-ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 44px;
width: 44px;
position: relative;
top: -5px;
}
#topLinks ul#helpMenu li a.event-teleport-teleport_58:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.event-teleport-color_festival{
background: url("../img/layout/time-machine/rainbow-top-icon.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 35px;
width: 72px;
position: relative;
}
#topLinks ul#helpMenu li a.event-teleport-color_festival:hover{
background-position: -75px 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-51,
#topLinks ul#helpMenu li a.box-event-btn-74{
background: url("../img/layout/glamour-box-top-ico.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 34px;
width: 50px;
position: relative;
}
#topLinks ul#helpMenu li a.levels-event-btn-121{
background: url("../img/layout/award-top-ico.png") no-repeat scroll left -7px rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 34px;
width: 35px;
position: relative;
transition: background-position .3s ease-out;
}
#topLinks ul#helpMenu li a.levels-event-btn-121:hover {
background: url("../img/layout/award-top-ico-hover.gif") no-repeat scroll left -12px rgba(0, 0, 0, 0) !important;
}
#topLinks ul#helpMenu li a.box-event-btn-51:hover,
#topLinks ul#helpMenu li a.box-event-btn-74:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-83{
background: url("../img/layout/video-ico.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 28px;
width: 34px;
position: relative;
}
#topLinks ul#helpMenu li a.box-event-btn-83:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-92{
background: url("../img/layout/video-ico.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 28px;
width: 34px;
position: relative;
}
#topLinks ul#helpMenu li a.box-event-btn-92:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.levels-event-btn-154,
#topLinks ul#helpMenu li a.levels-event-btn-154:hover{
background: url("../img/layout/award-top-ico.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 35px;
width: 36px;
position: relative;
margin-top: -7px !important
}
#topLinks ul#helpMenu li a.event-beachhouse{
background: url("../img/layout/event-dice/house.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 32px;
width: 38px;
position: relative;
}
#topLinks ul#helpMenu li a.event-beachhouse:hover{
background-position: -43px 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-64{
background: url("../img/layout/video-ico.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 28px;
width: 34px;
position: relative;
}
#topLinks ul#helpMenu li a.box-event-btn-64:hover{
background-position: right 0;
}
#topLinks ul#helpMenu li a.event-gift-67{
background: url("../img/layout/bm-top-ico.png") no-repeat scroll left 0 !important;
display: inline-block;
height: 29px;
width: 41px;
position: relative;
}
#topLinks ul#helpMenu li a.event-gift-67:hover{
background: url("../img/layout/bm-top-ico-anim.gif") no-repeat scroll left 0 !important;
}
#topLinks ul#helpMenu li a.event-gift-139{
background: url("../img/layout/bm-top-ico.png") no-repeat scroll left 0 !important;
display: inline-block;
height: 29px;
width: 41px;
position: relative;
}
#topLinks ul#helpMenu li a.event-gift-139:hover{
background: url("../img/layout/bm-top-ico-anim.gif") no-repeat scroll left 0 !important;
}
#topLinks ul#helpMenu li a.event-dice2_140,#topLinks ul#helpMenu li a.event-dice2_140:hover{
background: url(../img/layout/bts-top-ico-anim.gif) no-repeat left -1px !important;
width: 43px;
height: 29px;
}
#topLinks ul#helpMenu li a.board-event-btn-45{
background: url("../img/layout/event-45-top-ico.png") no-repeat !important;
width: 32px;
height: 32px;
margin-top: -5px !important;
}
#topLinks ul#helpMenu li a.board-event-btn-45:hover{
background-position: -35px 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-143{
background: url("../img/layout/ml-cathedral.png") no-repeat scroll 6px -6px rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 30px;
width: 50px;
}
#topLinks ul#helpMenu li a.box-event-btn-143:hover{
background-position: -75px -6px !important;
}
#topLinks ul#helpMenu li a.box-event-btn-144{
background: url("../img/layout/paris-top-ico.gif") no-repeat left top !important;
display: inline-block;
height: 31px;
margin: -2px 0 0;
width: 44px;
transition: all 0.3s ease-out;
}
#topLinks ul#helpMenu li a.box-event-btn-144:hover{
background-position: right top !important;
}
#topLinks ul#helpMenu li a.levels-event-btn-145{
background: rgba(0, 0, 0, 0) url("../img/layout/event-levels-up/top-ico.png") no-repeat scroll -2px -3px !important;
height: 32px;
width: 39px;
}
#topLinks ul#helpMenu li a.event-map-147:hover{
background-position: -52px -3px!important;
}
#topLinks ul#helpMenu li a.event-map-147{
background: rgba(0, 0, 0, 0) url("../img/layout/map/anna-karenina/ticket.png") no-repeat scroll 0px 0px !important;
height: 42px;
width: 56px;
margin: -13px 0 0 0 !important;
}
#topLinks ul#helpMenu li a.event-map-147:hover{
background-position: -69px 0px !important;
}
#topLinks ul#helpMenu li a.event-map-196{
background: rgba(0, 0, 0, 0) url("../img/layout/map/anna-karenina/ticket.png") no-repeat scroll 0px 0px !important;
height: 42px;
width: 56px;
margin: -13px 0 0 0 !important;
}
#topLinks ul#helpMenu li a.event-map-196:hover{
background-position: -69px 0px !important;
}
#topLinks ul#helpMenu li a.box-event-btn-149,
#topLinks ul#helpMenu li a.box-event-btn-149:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/sw-top-ico.gif") no-repeat scroll 0px 0px !important;
height: 26px;
width: 26px;
}
#topLinks ul#helpMenu li a.box-event-btn-181{
background: rgba(0, 0, 0, 0) url("../img/layout/feather-event-ico.png") no-repeat scroll 0px 0px !important;
height: 44px;
width: 42px;
margin-top: -2px;
}
#topLinks ul#helpMenu li a.box-event-btn-181:hover{
background-position: -44px 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-191 {
background: url("../img/layout/hanamy-top-ico.png") no-repeat left top !important;
display: inline-block;
height: 35px;
width: 36px;
position: relative;
top: -4px;
-webkit-animation: hanamy-ico 3s linear infinite;
animation: hanamy-ico 3s linear infinite;
-webkit-animation-play-state: running;
animation-play-state: running;
}
#topLinks ul#helpMenu li a.box-event-btn-191:hover {
background-position: left top!important;
animation: none;
}
@-webkit-keyframes hanamy-ico {
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes hanamy-ico {
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
#topLinks ul#helpMenu li a.new-event-164.event-teleport-teleport_164{
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/forest-ico.png") no-repeat scroll 0px -5px !important;
height: 31px;
width: 31px;
}
#topLinks ul#helpMenu li a.new-event-164.event-teleport-teleport_164:hover{
background-position: -41px -5px !important;
}
#topLinks ul#helpMenu li a.event-dice2_170{
background: url("../img/layout/top-ico-tropic.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 35px;
width: 42px;
position: relative;
}
#topLinks ul#helpMenu li a.event-dice2_170:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.event-dice2_175{
background: url("../img/layout/time-machine/rainbow-top-icon.png") no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 35px;
width: 72px;
position: relative;
}
#topLinks ul#helpMenu li a.event-dice2_175:hover{
background-position: -75px 0 !important;
}
#topLinks ul#helpMenu li.logout{
background: url("../img/layout/logout-bg.gif") no-repeat scroll right top;
margin: 0 0 0 9px;
width: 22px;
height: 25px;
}
#topLinks ul li.faq{
position: relative;
}
#topLinks ul li.settings ul{
left: auto;
min-width: 100px;
right: 0;
top: 25px;
}
#topLinks ul#helpMenu li.settings ul li,
#topLinks ul#helpMenu li.my-friends ul.mainDropdown li{
float: none;
margin: 0;
text-align: center;
border-bottom: 1px solid #642878;
}
#topLinks ul#helpMenu li.settings ul li a,
#topLinks ul#helpMenu li.my-friends ul.mainDropdown li a{
color: #ffacfe;
display: block;
padding: 5px;
font-size: 12px;
}
#topLinks ul li.settings:hover ul,
#topLinks ul#helpMenu li.my-friends:hover ul.mainDropdown{
display: block;
}
#topLinks ul#helpMenu li{
margin: 2px 0 0 9px;
}
#topLinks ul#helpMenu li.settings-ico{
margin: 2px 0 0 17px;
}
#topLinks ul#helpMenu li.swith-to-lp2{
margin: 0 0 0 15px;
}
.helpMenuSeparator{
background: url('../img/layout/separator.png') no-repeat;
width: 1px;
height:25px;
}
#topLinks ul li.music-play a {
background-position: 0 -172px !important;
height: 22px;
margin-top: 0;
}
#topLinks ul li.music-play a:hover,
#topLinks ul li.music-pause a:hover,
#topLinks ul li.music-pause a{
background-position: -24px -172px !important;
height: 22px;
margin-top: 0;
}
#topLinks ul#helpMenu li a.valentines-day,
span.award-valentinesGiftsHeartIcon{
background: url("../img/layout/save-the-day/icon.png") no-repeat scroll left center !important;
display: inline-block;
height: 33px;
margin: -2px 0 -8px;
width: 40px;
}
#topLinks ul#helpMenu li a.valentines-day:hover{
background-position: -42px center !important;
}
#topLinks ul#helpMenu li a.event-map-39{
background: url("../img/layout/beach/h_top_world-new.png") no-repeat scroll 0 0px !important;
display: inline-block;
height: 32px;
margin: -2px 0 -8px;
width: 32px;
}
#topLinks ul#helpMenu li a.event-map-39:hover{
background-position: -38px 0px !important;
}
#topLinks ul#helpMenu li a.box-event-btn-34{
background: url("../img/layout/small-easter-egg.png") no-repeat scroll 0 -8px !important;
display: inline-block;
height: 24px;
margin: -2px 0 0;
width: 24px;
}
#topLinks ul#helpMenu li a.box-event-btn-34:hover{
background-position: 0 -6px !important;
height: 26px;
}
#topLinks ul#helpMenu li a.prom-day,
span.award-promGiftsHeartIcon{
background: url("../img/layout/pr-top-ico.png") no-repeat scroll 0 1px !important;
display: inline-block;
height: 25px;
margin: -2px 0 -8px;
width: 29px;
}
#topLinks ul#helpMenu li a.vd-day,
#topLinks ul#helpMenu li a.event-gift-50,
#topLinks ul#helpMenu li a.event-gift-118{
background: url("../img/layout/vd-top-ico.png") no-repeat scroll 0 1px !important;
display: inline-block;
height: 25px;
margin: -2px 0 -8px;
width: 29px;
}
#topLinks ul#helpMenu li a.event-gift-50:hover,
#topLinks ul#helpMenu li a.event-gift-118:hover{
background-position: 0 1px !important;
}
#topLinks ul#helpMenu li a.event-teleport-timemachine{
background: url("../img/layout/time-machine/event-ico.png") no-repeat scroll 0 1px !important;
display: inline-block;
height: 27px;
margin: -3px 0 0;
width: 50px;
}
#topLinks ul#helpMenu li a.event-teleport-timemachine:hover{
background-position: -70px 1px !important;
}
#topLinks ul#helpMenu li a.new-event-71{
background: url("../img/layout/time-machine/event-ico2.png") no-repeat scroll right top !important;
display: inline-block;
height: 36px;
margin: -3px 0 0;
width: 70px;
}
#topLinks ul#helpMenu li a.event-teleport-halloween_2016:hover{
background-position: left top !important;
}
#topLinks ul#helpMenu li a.event-teleport-teleport_49{
background: url("../img/layout/time-machine/event-ico3.png") no-repeat scroll right top !important;
display: inline-block;
height: 35px;
margin: -3px 0 0;
width: 70px;
}
#topLinks ul#helpMenu li a.event-teleport-teleport_49:hover{
background-position: left top !important;
}
#topLinks ul#helpMenu li a.event-teleport-teleport_201{
background: url("../img/layout/time-machine/sun-top-ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 44px;
width: 44px;
position: relative;
top: -5px;
}
#topLinks ul#helpMenu li a.event-teleport-teleport_201:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.auction-ico{
background: url(../img/layout/auction-ico.png) no-repeat !important;
width: 47px;
height: 27px;
margin-top: -2px;
}
#topLinks ul#helpMenu li a.auction-ico:hover{
background-position: -50px 0 !important;
}
#topLinks ul#helpMenu li a.event-gift-99{
background: url(../img/layout/music-event-top-ico.png) no-repeat left -4px !important;
width: 33px;
height: 33px;
margin-top: -2px;
}
#topLinks ul#helpMenu li a.event-gift-99:hover{
background-position: right -4px !important;
}
#topLinks ul#helpMenu li a.event-map-13,
#topLinks ul#helpMenu li a.event-map-13:hover{
background: url(../img/layout/beach/h_top_world.png) no-repeat left -2px !important;
width: 32px;
height: 32px;
}
#topLinks ul#helpMenu li a.event-dice2_101,
#topLinks ul#helpMenu li a.event-dice2_101:hover{
background: url(../img/layout/bts-top-ico-anim.gif) no-repeat left -1px !important;
width: 43px;
height: 29px;
}
#topLinks ul#helpMenu li a.box-event-btn-142,
#topLinks ul#helpMenu li a.box-event-btn-142:hover{
background: url(../img/layout/london-top-ico2.gif) no-repeat left -1px !important;
width: 47px;
height: 26px;
}
#topLinks ul#helpMenu li a.christmas-calendar{
background: url("../img/layout/christmas-calendar-items/2014/top-ico.png") no-repeat -3px top !important;
width: 38px;
height: 38px;
margin-top: -2px;
}
#topLinks ul#helpMenu li a.christmas-calendar:hover{
background-position: -49px top !important;
}
#topLinks ul#helpMenu li a.box-event-btn-79,
#topLinks ul#helpMenu li a.box-event-btn-79:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/ny-2018-top-ico.gif") no-repeat scroll right top !important;
height: 23px;
position: relative;
top: 4px;
width: 48px;
}
#topLinks ul#helpMenu li a.event-map-82{
background: rgba(0, 0, 0, 0) url("../img/layout/map/carnival-2016/top-ico.png") no-repeat scroll 0 top !important;
height: 36px;
position: relative;
top: -4px;
width: 54px;
}
#topLinks ul#helpMenu li a.event-map-82:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.event-dice2_84{
background: rgba(0, 0, 0, 0) url("../img/layout/event-dice/8mart.gif") no-repeat scroll 0 top !important;
height: 36px;
position: relative;
top: -4px;
width: 32px;
}
#topLinks ul#helpMenu li a.event-dice2_84:hover,
#topLinks ul#helpMenu li a.box-event-btn-85:hover{
background-position: 0 top !important;
}
#topLinks ul#helpMenu li a.box-event-btn-85{
background: rgba(0, 0, 0, 0) url("../img/layout/spring-top-ico2.gif") no-repeat scroll 0 top !important;
height: 36px;
position: relative;
top: -4px;
width: 36px;
}
#topLinks ul#helpMenu li a.event-teleport-icequeen{
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/event-ico4.png") no-repeat scroll -65px 0 !important;
height: 35px;
position: relative;
top: -4px;
width: 50px;
}
#topLinks ul#helpMenu li a.event-teleport-icequeen:hover{
background-position: 0 top !important
}
#topLinks ul#helpMenu li a.event-gift-109{
background: url("../img/layout/angels-event-top-ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 35px;
width: 35px;
position: relative;
top: -5px;
}
#topLinks ul#helpMenu li a.event-gift-109:hover{
background-position: -49px 0 !important;
}
#topLinks ul#helpMenu li a.event-dice2_110{
background: url("../img/layout/event-dice/hat.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: inline-block;
height: 25px;
width: 33px;
position: relative;
top: 3px;
}
#topLinks ul#helpMenu li a.event-dice2_110:hover{
background: url("../img/layout/event-dice/hat.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#topLinks ul#helpMenu li a.event-map-115{
background: rgba(0, 0, 0, 0) url("../img/layout/map/crown.png") no-repeat scroll left 0 !important;
display: inline-block;
height: 36px;
position: relative;
top: -5px;
width: 52px;
}
#topLinks ul#helpMenu li a.event-map-115:hover{
background-position: right 0 !important;
}
#topLinks ul#helpMenu li a.box-event-btn-117{
background: rgba(0, 0, 0, 0) url("../img/layout/block-event/ch-ny.gif") no-repeat scroll left 0 !important;
display: inline-block;
height: 37px;
position: relative;
top: -5px;
width: 57px;
}
#topLinks ul#helpMenu li a.box-event-btn-136 {
background: rgba(0, 0, 0, 0) url("../img/layout/block-event/top-ico-thailand.png") no-repeat scroll 3px center !important;
height: 31px;
width: 40px;
}
#topLinks ul#helpMenu li a.box-event-btn-136:hover {
background-position: -47px center !important;
}
#topLinks ul#helpMenu li a.box-event-btn-117:hover{
background-position: left 0!important;
}
#topLinks ul#helpMenu li a.event-teleport-christmas,
#topLinks ul#helpMenu li a.event-teleport-christmas:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/winter-top-ico.gif") no-repeat scroll 0px -1px !important;
height: 33px;
width: 34px;
}
#topLinks ul#helpMenu li a.event-teleport-St_Valentines_2018{
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/love.gif") no-repeat scroll 0px -1px !important;
height: 30px;
width: 40px;
}
#topLinks ul#helpMenu li a.event-teleport-St_Valentines_2018:hover{
background-position: -50px -1px !important;
}
#topLinks ul#helpMenu li a.event-gift-156{
background: rgba(0, 0, 0, 0) url("../img/layout/vc-top-ico.png") no-repeat scroll 0px -1px !important;
height:29px;
width: 51px;
}
#topLinks ul#helpMenu li a.event-gift-156:hover{
background-position: -59px -1px !important;
}
#topLinks ul#helpMenu li a.event-map-161,
#topLinks ul#helpMenu li a.event-map-161:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/map/top-ico.gif") no-repeat scroll 0px -1px !important;
height:29px;
width: 45px;
}
#topLinks ul#helpMenu li a.event-gift-162 {
background: rgba(0, 0, 0, 0) url("../img/layout/car-show-top-ico.png") no-repeat scroll -2px 1px !important;
height: 30px;
width: 28px;
}
#topLinks ul#helpMenu li a.event-gift-162:hover{
background-position: -42px 1px !important;
}
#topLinks ul#helpMenu li a.new-event-166 {
background: rgba(0, 0, 0, 0) url("../img/layout/map/spa-top-icon.png") no-repeat scroll left 0;
height: 32px;
width: 43px;
}
#topLinks ul#helpMenu li a.new-event-166:hover{
background-position: right 0px !important;
}
#topLinks ul#helpMenu li a.event-gift-167 {
background: rgba(0, 0, 0, 0) url("../img/layout/miami-beach-top-ico.png") no-repeat scroll 0px 0px !important;
height: 33px;
width: 43px;
}
#topLinks ul#helpMenu li a.event-gift-167:hover{
background-position: -43px 0px !important;
}
#topLinks #helpMenu li a.event-gift-174 {
background: url("../img/layout/helloween-animated-top-icon.gif") no-repeat !important;
height: 27px;
margin-top: -2px;
width: 43px;
}
#topLinks #helpMenu li a.event-gift-174:hover {
background-position: -50px 0!important;
}
#topLinks #helpMenu li a.event-gift-187,
#topLinks #helpMenu li a.event-gift-187:hover {
background: url("../img/layout/butterfly.gif") no-repeat !important;
height: 35px;
margin-top: -4px !important;
width: 38px;
}
#topLinks ul#helpMenu li a.new-event-173 {
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/event-ico5.png") no-repeat scroll 0px 0px !important;
height: 28px;
width: 53px;
}
#topLinks ul#helpMenu li a.new-event-173:hover{
background-position: right 0px !important;
}
#topLinks ul#helpMenu li a.new-event-177 {
background: rgba(0, 0, 0, 0) url("../img/layout/mask.gif") no-repeat scroll 0px 0px !important;
height: 36px;
width: 46px;
margin-top: -6px !important;
}
#topLinks ul#helpMenu li a.new-event-177:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/mask-hover.png") no-repeat scroll 0px 0px !important;
}
#topLinks ul#helpMenu li a.new-event-194, #topLinks ul#helpMenu li a.event-slot-200{
background: rgba(0, 0, 0, 0) url("../img/layout/slot/slot-anim-ico.gif") no-repeat scroll 0px 0px !important;
height: 35px;
width: 66px;
margin-top: -2px !important;
}
#topLinks ul#helpMenu li a.new-event-194:hover, #topLinks ul#helpMenu li a.event-slot-200:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/slot/slot-ico.png") no-repeat scroll 0px 0px !important;
}
#topLinks ul#helpMenu li a.event-gift-195{
background: url("../img/layout/pr-top-ico.png") no-repeat scroll 0 1px transparent !important;
display: inline-block;
height: 24px;
margin: 0px 0 -8px !important;
width: 23px;
}
#topLinks ul#helpMenu li a[class*="event-slot-"],
#topLinks ul#helpMenu li a.new-event-194,
#topLinks ul#helpMenu li a.event-slot-200{
background: rgba(0, 0, 0, 0) url("../img/layout/slot/slot-anim-ico.gif") no-repeat scroll 0px 0px !important;
height: 35px;
width: 66px;
margin-top: -2px !important;
}
#topLinks ul#helpMenu li a[class*="event-slot-"]:hover,
#topLinks ul#helpMenu li a.new-event-194:hover,
#topLinks ul#helpMenu li a.event-slot-200:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/slot/slot-ico.png") no-repeat scroll 0px 0px !important;
}
#topLinks ul#helpMenu li a.event-slot-205{
background: rgba(0, 0, 0, 0) url("../img/layout/slot/back-to-school.png") no-repeat scroll 0px -12px !important;
height: 61px;
width: 60px;
margin-top: -2px !important;
}
#topLinks ul#helpMenu li a.event-slot-205:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/slot/back-to-school.png") no-repeat scroll !important;
background-position: -60px -12px !important;
}
#topLinks ul#helpMenu li a.event-gift-195:hover{
background-position: -23px 1px!important;
}
#topLinks ul#helpMenu li a.event-gift-202{
background: url("../img/layout/atlantis.png") no-repeat scroll 0 0px transparent !important;
display: inline-block;
height: 38px;
margin-top: -2px !important;
width: 49px;
}
#topLinks ul#helpMenu li a.event-gift-202:hover{
background-position: -49px 0px !important;
}
#topLinks ul#helpMenu li a.event-map-203{
background: url("../img/layout/beach/h_top_world-new.png") no-repeat scroll 0 0px !important;
display: inline-block;
height: 32px;
margin: -2px 0 -8px;
width: 32px;
}
#topLinks ul#helpMenu li a.event-map-203:hover{
background-position: -38px 0px !important;
}
#topLinks ul#helpMenu li a.new-event-180 {
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/winter-event-ico.png") no-repeat scroll 0px 0px !important;
height: 30px;
width: 40px;
}
#topLinks ul#helpMenu li a.new-event-180:hover{
background-position: right 0px !important;
}
#topLinks ul#helpMenu li a.new-event-182 {
background: rgba(0, 0, 0, 0) url("../img/layout/map/golden-globe-ico.png") no-repeat scroll 0px 0px !important;
height: 35px;
width: 44px;
}
#topLinks ul#helpMenu li a.new-event-182:hover{
background-position: right 0px !important;
}
#topLinks ul#helpMenu li a.new-event-183 {
background: rgba(0, 0, 0, 0) url("../img/layout/event-levels-up/shining-armor-ico.png") no-repeat scroll 0px 0px !important;
height: 34px;
width: 43px;
}
#topLinks ul#helpMenu li a.new-event-183:hover{
background-position: right 0px !important;
}
#topLinks ul#helpMenu li a.new-event-185 {
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/heart-icon-ico.png") no-repeat scroll 0px 0px !important;
height: 31px;
width: 51px;
}
#topLinks ul#helpMenu li a.new-event-185:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/heart-icon-ico.gif") no-repeat scroll 0px 0px !important;
}
#topLinks ul#helpMenu li a.board-event-btn-186{
background: url("../img/layout/event-board-icon.png") no-repeat scroll left 0 !important;
display: inline-block;
height: 29px;
width: 43px;
position: relative;
}
#topLinks ul#helpMenu li a.board-event-btn-186:hover{
background-position: -59px 0 !important;
}
#topLinks ul#helpMenu li a.board-event-btn-198{
background: url("../img/layout/event-board-icon.png") no-repeat scroll left 0 !important;
display: inline-block;
height: 29px;
width: 43px;
position: relative;
}
#topLinks ul#helpMenu li a.board-event-btn-198:hover{
background-position: -59px 0 !important;
}
#topLinks ul#helpMenu li a[class*="board-event-btn-"] {
background: url("../img/layout/event-board/event-board-icon.gif") no-repeat scroll left 0 !important;
display: inline-block;
height: 29px;
width: 43px;
position: relative;
}
#topLinks ul#helpMenu li a[class*="board-event-btn-"]:hover{
background: url("../img/layout/event-board/event-board-icon-hover.png") no-repeat scroll left 0 !important;
/*background-position: -59px 0 !important;*/
}
#topLinks ul#helpMenu li a.new-event-189 {
background: rgba(0, 0, 0, 0) url("../img/layout/event-dice/military-ico.png") no-repeat scroll 0px 0px !important;
margin-top: -4px !important;
height: 41px;
width: 50px;
}
#topLinks ul#helpMenu li a.new-event-189:hover{
background: rgba(0, 0, 0, 0) url("../img/layout/event-dice/military-ico.png") no-repeat scroll -51px 0px !important;
}
#topLinks ul#helpMenu li a.new-event-190,
#topLinks ul#helpMenu li a.new-event-206 {
background: rgba(0, 0, 0, 0) url("../img/layout/event-levels-up/pattern-mix-ico.gif") no-repeat scroll 0px 0px !important;
height: 34px;
width: 43px;
margin-top: -4px !important;
}
#topLinks ul#helpMenu li a.new-event-190:hover,
#topLinks ul#helpMenu li a.new-event-206:hover {
background: rgba(0, 0, 0, 0) url("../img/layout/event-levels-up/pattern-mix-ico.png") no-repeat scroll 0px 0px !important;
height: 34px;
width: 43px;
margin-top: -4px !important;
}
#topLinks ul#helpMenu li a.new-event-190:hover:before,
#topLinks ul#helpMenu li a.new-event-206:hover:before {
-webkit-animation: 4s linear 0s normal none infinite running active-level;
animation: 4s linear 0s normal none infinite running active-level;
background: rgba(0, 0, 0, 0) url("../img/layout/event-levels-up/event-levels.png") no-repeat scroll -406px 2px;
content: "";
height: 94px;
left: 50%;
margin: -47px;
position: absolute;
top: 50%;
width: 94px;
z-index: -1;
}
#topLinks ul#helpMenu li a.new-event-192 {
background: rgba(0, 0, 0, 0) url("../img/layout/time-machine/easter-top-ico.png") no-repeat scroll 0px 0px !important;
height: 38px;
width: 42px;
margin-top: -5px !important;
}
#topLinks ul#helpMenu li a.new-event-192:hover{
background-position: -42px 0 !important;
}
#topLinks ul#helpMenu li a.new-event-193 {
background: rgba(0, 0, 0, 0) url("../img/layout/event-dice/friends-ico.png") no-repeat scroll 0px 0px !important;
height: 37px;
width: 68px;
margin-top: -3px !important;
}
#topLinks ul#helpMenu li a.new-event-193:hover{
background-position: -68px 0 !important;
}
.new-event-timer {
position: absolute;
z-index: 0;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
background-color: #3d04577a;
text-align: center;
border-radius: 0 0 20px 20px;
-webkit-transform: translateX(-50%) translateY(35px) scale(.9);
-ms-transform: translateX(-50%) translateY(35px) scale(.9);
transform: translateX(-50%) translateY(35px) scale(.9);
left: 50%;
width: 200px;
bottom: 15px;
padding: 17px 0 0 0;
}
.new-event-timer p {
color: #fff;
padding: 4px 6px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a53da4+0,5b2177+100 */
background: rgb(165,61,164); /* Old browsers */
background: -moz-linear-gradient(top, rgba(165,61,164,1) 0%, rgba(91,33,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(165,61,164,1) 0%,rgba(91,33,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(165,61,164,1) 0%,rgba(91,33,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a53da4', endColorstr='#5b2177',GradientType=0 ); /* IE6-9 */
}
.new-event-timer span {
color: #ff4c98;
margin: 0 4px 4px;
display: inline-block;
-webkit-animation: new-event-timer-anim 2s linear infinite;
animation: new-event-timer-anim 2s linear infinite;
padding-top: 3px;
}
@-webkit-keyframes new-event-timer-anim{
5%, 45%{
color: #fff;
}
50%, 95%{
color: #ff4c98;
}
}
@keyframes new-event-timer-anim{
5%, 45%{
color: #fff;
}
50%, 95%{
color: #ff4c98;
}
}
.new-event-timer span::before {
content: "";
display: inline-block;
margin-right: 10px;
-webkit-animation: new-event-timer-clock 1s linear infinite;
animation: new-event-timer-clock 1s linear infinite;
margin-bottom: -2px;
-webkit-transition: all 1s;
transition: all 1s;
border-style: solid;
border-width: 5px;
border-color: currentColor transparent;
}
@-webkit-keyframes new-event-timer-clock{
from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
50%{-webkit-transform: rotate(180deg);transform: rotate(180deg)}
to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes new-event-timer-clock{
from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
50%{-webkit-transform: rotate(180deg);transform: rotate(180deg)}
to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/* Custom font icons */
@font-face {
font-family: 'lp-custom-glyphs';
src:url('../fonts/lp-custom-glyphs.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
[class*="simboll-icon"]{
font-family: 'lp-custom-glyphs';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.simboll-icon-cog:before{
content: "❖";
}
.profile-info-btn.simboll-icon-cog:before{
display: block;
font-size: 17px;
margin: 4px 0 0 4px;
}
.simboll-icon-arrow-right:before{
content: "➤";
font-size: 21px;
line-height: 15px;
}
/* --------------content--------------- */
body#myLady #pageWrapper #content{
height: 600px;
}
#search #content,
body#profilePage #pageWrapper #content{
height:auto;
}
body#profilePage-pet #pageWrapper #content{
height:530px
}
body #pageWrapper #content .wrapper,
.wrapper.wide {
padding: 60px 0;
}
body #pageWrapper #content.beauty-salon .wrapper {
z-index: 3;
}
body #pageWrapper #content .wrapper.party-gallery {
min-height: 515px !important;
}
body #pageWrapper #content.mall-stores .wrapper,
body #pageWrapper #content.boyfriendPage .wrapper,
body #pageWrapper #content.pets-page .wrapper,
.wrapper.wide,
body #pageWrapper #content .wrapper.fight {
padding: 30px 0;
}
#profilePage.wrapper.public-profile{
padding: 170px 0 20px 0 !important;
}
.duel-search.fight .wrapper.fight{
padding: 0 !important;
position: relative;
}
.fashion-arena .leftContent > div:not(.player-container),
.fashion-arena .rightLadyContent > div:not(.player-container){
position: absolute;
left: 0px;
top: 0;
z-index: 1;
width: 280px;
height: 700px;
}
.fashion-arena .leftContent > div > div:not(.player-container),
.fashion-arena .rightLadyContent > div > div:not(.player-container){
position: absolute !important;
left: -170px !important;
top: -100px !important;
}
.fashion-arena .rightLadyContent > div {
right: -30px !important;
left: auto !important;
}
/*body.game-ru #pageWrapper #content {
min-height: 700px;
}*/
body #pageWrapper #content{
background-color: #e5c7a4;
position: relative;
background: #e5c7a4 url('../img/model/backgrounds/new/57-fade.jpg') no-repeat scroll center top ;
/*fixed header
margin-top: 141px;*/
}
/* russian header
.ng-scope body #pageWrapper #content{
margin-top: 117px;
}*/
.page-background{
background: linear-gradient(to right, rgba(229,199,164,1) 0%, rgba(229,199,164,0.9) 3%, rgba(229,199,164,0) 18%, rgba(229,199,164,0) 82%, rgba(229,199,164,0.9) 97%, rgba(229,199,164,1) 100%),
linear-gradient(to bottom, rgba(229,199,164,0) 75%, rgba(229,199,164,0.9) 96%, rgba(229,199,164,1) 100%),
linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 2%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0) 15%),
url("../img/model/backgrounds/new/58.jpg") no-repeat scroll center top;
background: -moz-linear-gradient(left, rgba(229,199,164,1) 0%, rgba(229,199,164,0.9) 3%, rgba(229,199,164,0) 18%, rgba(229,199,164,0) 82%, rgba(229,199,164,0.9) 97%, rgba(229,199,164,1) 100%),
-moz-linear-gradient(top, rgba(229,199,164,0) 75%, rgba(229,199,164,0.9) 96%, rgba(229,199,164,1) 100%),
-moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 2%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0) 15%),
url("../img/model/backgrounds/new/58.jpg") no-repeat scroll center top;
background: -webkit-linear-gradient(left, rgba(229,199,164,1) 0%, rgba(229,199,164,0.9) 3%, rgba(229,199,164,0) 18%, rgba(229,199,164,0) 82%, rgba(229,199,164,0.9) 97%, rgba(229,199,164,1) 100%),
-webkit-linear-gradient(top, rgba(229,199,164,0) 75%, rgba(229,199,164,0.9) 96%, rgba(229,199,164,1) 100%),
-webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 2%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0) 15%),
url("../img/model/backgrounds/new/58.jpg") no-repeat scroll center top;
content: "";
height: 780px;
left: 50%;
margin-left: -800px;
position: absolute;
top: 0;
width: 1600px;
}
body.rtl .page-background{
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
body #pageWrapper #content-animeCity{
background-color: #e5c7a4;
overflow: hidden;
height: 740px;
position: relative;
}
body #pageWrapper #content.podium{
background: #E5C7A4 url('../img/layout/bg-podium.jpg') no-repeat scroll center top !important;
}
body #pageWrapper #content.city-page{
height: 580px;
min-height: auto;
}
body #pageWrapper #content.pets-page{
background: #e5c7a4 url('../img/layout/bg-field-day.jpg') no-repeat scroll;
background-position: center top !important; /* if changing this property please revise if the js function removeScrollTwitching works properly */
z-index: 2;
}
body #pageWrapper #content.store-content{
background: #e5c7a4 url('../img/layout/bg-stores.jpg') no-repeat scroll;
background-position: center top !important; /* if changing this property please revise if the js function removeScrollTwitching works properly */
min-height: 800px;
}
body #pageWrapper #content.mall-stores{
background: #e5c7a4 url('../img/layout/wardrobe-bg.jpg') no-repeat scroll;
background-position: center top !important; /* if changing this property please revise if the js function removeScrollTwitching works properly */
min-height: 800px;
}
body #pageWrapper #content.mall-stores.bf-store{
background: #e5c7a4 url('../img/layout/bg-stores-bf.jpg') no-repeat scroll;
background-position: center top !important; /* if changing this property please revise if the js function removeScrollTwitching works properly */
min-height: 800px;
}
#content.duel-search,
#content.duel-html{
background: #060408 url('../img/layout/fashion-arena-bg.jpg') no-repeat scroll center top !important;
height: 832px;
}
body#myLady #pageWrapper #content{
background: #e5c7a4 url('../img/model/backgrounds/new/58.jpg') no-repeat scroll center top !important;
}
.rightContent{
float: left;
margin-left: 28px;
width: 728px;
}
.mall-stores .rightContent{
width: auto;
z-index: 101;
position: relative;
}
#myLady .rightContent {
float: right;
margin: 0;
width: 294px;
position: relative;
z-index: 11;
}
#myLady .leftContent{
height: 0;
}
#beautySalonPages.rightContent{
min-height: 620px;
}
#beautySalonPages .thumbnail {
margin: -5px 0 0;
}
.leftContent .welcome-lady{
left: 150px;
position: absolute;
top: -50px;
z-index: 3;
pointer-events: none;
}
.leftContent .profile-lady{
z-index: 0;
position: absolute;
top: -50px;
left: -150px;
}
.leftContent .lady-profile-boyfriend,
.leftContent #ladyModelCopy-pet{
top: -30px;
left:100px;
position:absolute;
z-index:1;
}
.leftContent .boyfriend-profile{
top: -10px;
position:absolute;
z-index:0;
left: -150px;
}
#myLady .leftContent .boyfriend-profile{
-webkit-transform: translate(8px, -76px);
transform: translate(8px, -76px);
}
.leftContent .pet-profile{
top: -10px;
left:-190px;
position:absolute;
z-index:1;
}
.rightContent.my-apartment{
margin-left: 0;
width: auto;
}
#content.podium .rightContent{
float:left;
margin-left:0;
width:980px;
}
#profilePage .rightContent{
float:right ;
}
.apartment-wrapper{
width: 100% !important;
}
.apartment-wrapper .rightContent{
float: none;
left: 50%;
margin-left: -238px;
position: absolute;
top: 60px;
}
#profilePage-profile .rightContent{
min-height: 620px;
}
#search .rightContent {
float: right;
position: relative;
z-index: 2;
height: 480px;
}
.rightContent.jobs{
width: 480px;
float: right;
margin: 0;
}
.leftContent{
float: left;
width: 224px;
}
.leftContent.jobs{
width: 480px;
}
/* ----StatusBox---- */
.boxHolder{
background-color: white;
border: solid 2px #e4c4ea;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 2px 2px 8px #360b17;
-webkit-box-shadow: 2px 2px 8px #360b17;
box-shadow: 2px 2px 8px #360b17;
width: 290px;
float: right;
margin-bottom: 28px;
position: relative;
}
#myLady .boxHolder, #HalloweenContent .boxHolder{
background:url('../img/layout/makeup-box-bg.png') repeat 0 0;
border: solid 1px #7d6482;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 2px 2px 8px #360b17;
-webkit-box-shadow: 2px 2px 8px #360b17;
box-shadow: 2px 2px 8px #360b17;
width: 290px;
float: right;
margin-bottom: 28px;
position: relative;
padding: 0 2px 2px 0;
}
#myLady .boxHolder.style2{
padding: 0 2px 0 0;
}
#myLady #items.boxHolder a.goto-vip,
.sketch-in #inventoryBox a.goto-vip{
background-color: rgba(89, 29, 29, 0.6);
color: #FFDDB8;
margin: 0 auto;
text-align: center;
width: auto;
padding: 5px 10px;
border: 0;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 194, 0.8) inset;
box-shadow: 0 1px 2px 0 rgba(255, 255, 194, 0.8) inset;
}
#myLady #items.boxHolder a.goto-vip:hover,
.sketch-in #inventoryBox a.goto-vip:hover{
cursor: pointer;
background-color: rgba(89, 29, 29, 0.8);
-webkit-box-shadow: 0 2px 2px 0 rgba(255, 255, 194, 0.8) inset;
box-shadow: 0 2px 2px 0 rgba(255, 255, 194, 0.8) inset;
}
.boxTitle{
background: rgba(0, 0, 0, 0) url("../img/layout/box-head-l.png") no-repeat scroll 0 0;
padding-left: 15px;
white-space: nowrap;
font-size: 14px;
font-weight: bold;
left: -2px;
position: absolute;
text-shadow: 0 1px 2px #732B00;
text-transform: uppercase;
top: -14px;
z-index: 9;
}
.boxTitle.black{
background: rgba(0, 0, 0, 0) url("../img/layout/box-head-b-l.png") no-repeat scroll 0 0;
}
.pet-clothes-holder .boxTitle{
width: 290px;
}
.boxTitle .boxTitleL{
background: url('../img/layout/box-head-l.png') no-repeat;
width: 15px;
display: none;
}
.boxTitle .boxTitleR{
background: url('../img/layout/box-head-r.png') no-repeat top right;
line-height: 25px;
padding: 2px 21px 0 5px;
color: #fff;
}
.boxTitle .boxTitleL.black{
background: url('../img/layout/box-head-b-l.png') no-repeat;
}
.boxTitle .boxTitleR.black{
background: url('../img/layout/box-head-b-r.png') no-repeat top right;
}
.jobHolder .boxTitle .boxTitleR{
position: relative;
z-index: 3;
}
.boxTitle span{
display: block;
float: left;
height: 31px;
}
.messages .boxTitle{
white-space: normal;
}
.boxHolder .boxContent{
margin: 27px 13px 7px 12px;
float: left;
}
.centerContent .center .bar {
position: relative;
height: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 10px;
box-sizing: border-box;
font-family: var(--main-font-family);
}
.boxHolder .boxContent .bar .name,
.boxHolder .boxContent .bar .value{
color: #591D1D;
float: left;
margin-left: 6px;
text-shadow: 0px 1px 1px #fff;
font-weight: bold;
/*filter: dropshadow(color=#fff, offx=0, offy=1); */
}
.boxHolder .boxContent .bar .value {
float: right;
margin-right: 6px;
/*filter: dropshadow(color=#fff, offx=0, offy=1); */
}
.centerContent .center .bar .name,
.centerContent .center .bar .value {
margin-left: 50px;
font-size: var(--font-size-16);
text-shadow: 0 0 1px #140038b8, 0 1px 1px #140038b8,1px 0 1px #140038b8,0 -1px 1px #140038b8, -1px 0 1px #140038b8, 0 3px 3px #140038b8
}
.centerContent .center .bar .value{
margin-left: auto;
font-weight: var(--font-weight-bold)
}
.centerContent .center .bar .used-boosters:not(.car-booster-active) {
background-image: url(../img/layout/main-nav-drop-sprite.png);
background-position: -8px -47px;
width: 22px;
height: 21px;
display: none;
margin: 0 5px;
}
.buttonsContainer .boosters-btn .used-boosters{
background-image: url(../img/layout/main-nav-drop-sprite.png);
background-position: -3px -46px;
width: 26px;
height: 23px;
}
.centerContent .center .bar .used-boosers-value{
display: none;
color: #12921c;
padding-left: 3px;
}
.avarage-stats-info {
width: 15px;
height: 15px;
}
.avarage-stats-info.even {
visibility: hidden;
}
.avarage-stats-info.up {
fill: #0f9017;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-filter: drop-shadow(0 0 10px #0f9017);
filter: drop-shadow(0 0 10px #0f9017);
}
.avarage-stats-info.down{
fill: #e50101;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-filter: drop-shadow(0 0 10px #e50101);
filter: drop-shadow(0 0 10px #e50101);
}
#stats.boxHolder div.boxContent .trainBtn{
text-align: center;
margin: 6px 0pt;
display: none;
}
#content .wrapper #stats.boxHolder{
float: left;
margin-left: 108px;
z-index:2000;
padding: 0 2px 0 0;
}
#myLady #content .wrapper #stats.boxHolder{
display: none;
}
#profilePage-profile .achievements .alreadyVoted .fashion-points,
#profilePage-apartment .alreadyVoted .fashion-points{
background: url('../img/layout/item-price-points-ico.png') no-repeat;
padding: 0 0 0 16px;
margin: 0 0 0 2px;
}
#profilePage-profile .achievements .alreadyVoted .icon-generosity,
#profilePage-apartment .alreadyVoted .icon-generosity{
background: url('../img/layout/popularity-icons-mini.png') no-repeat;
padding: 0 0 0 18px;
}
#profilePage-profile .achievements .alreadyVoted .icon-generosity,
#profilePage-apartment .alreadyVoted .icon-generosity{
background-position: 0 -86px;
}
#profilePage-profile .achievements .alreadyVoted .icon-generosity,
#profilePage-apartment .alreadyVoted .icon-generosity{
padding: 0 0 0 13px;
}
#content .wrapper .rightContent .take-picture{
float: left !important;
height: 44px;
margin-bottom: 0;
z-index: 2000;
}
#content #profilePage.wrapper #stats.boxHolder{
margin-left:99px;
}
.used-boosters{
background: url('../img/layout/booster-ico.png') no-repeat;
width: 42px;
height: 45px;
}
.used-boosters.car-booster-active{
background: url('../img/layout/booster-ico-car.png') no-repeat;
}
#items.boxHolder .boxContent{
overflow-y: auto;
height: 195px;
margin: -5px 0 7px 5px;
}
#profilePage #items.boxHolder .boxContent{
overflow:hidden;
width:284px;
overflow-y: none;
}
#myLady #inventoryBox.boxContent {
height: 280px;
margin: 27px 3px 0;
overflow: hidden;
width: 284px;
}
#myLady #inventoryBox.boxContent .viewport {
width:268px;
height:280px;
position:relative;
}
#inventoryBox .thumbnail{
margin: 0 -13px -12px -2px;
}
/* ----------- profile Page --------------*/
#profilePage .rank-top-control .profile-top-menu-float{
float: left;
}
#profilePage .rank-top-control{
background: none;
border: none;
border-radius: 0;
box-shadow: none;
padding-bottom: 0;
margin-bottom: 30px !important;
margin-top: -50px !important;
position: relative;
z-index: 3;
}
#profilePage .rank-top-control .centered-content{
background: url("../img/layout/profile-top-control-bg.png") no-repeat -44px 0;
float: left;
height: 57px;
margin: 0 -2px;
overflow: hidden;
position: relative;
width: 497px;
}
#profilePage .rank-top-control .menu-pointer.position1{
background: url("../img/layout/menu-pointer.png") no-repeat scroll 0 0 transparent;
bottom: 9px;
height: 4px;
left: 238px;
position: absolute;
width: 4px;
}
#profilePage .rank-top-control .menu-pointer.position2{
left: 258px;
}
#profilePage .rank-top-control .menu-pointer.position3{
left: 278px;
}
#profilePage .rank-top-control .buttons{
height: 46px;
position: absolute;
width: 1289px;
margin-left: 7px;
left: 0;
}
#profilePage .rank-top-control .left,
#profilePage .rank-top-control .right{
background: url("../img/layout/profile-top-control-lr.png") no-repeat -50px -60px;
float: left;
height: 52px;
margin: 0;
padding: 0;
width: 26px;
}
#profilePage .rank-top-control .right{
background-position: 1px -60px;
}
#profilePage .rank-top-control .left:hover{
background-position: -50px top;
}
#profilePage .rank-top-control .right:hover{
background-position: 1px top;
}
#profilePage .rank-top-control a.createAlbum{
margin: 13px 7px 0;
width: 119px;
}
#profilePage .rank-top-control .random-profile{
background:url('../img/layout/random-profiles-btn-bg.png') no-repeat 0 0;
width: 76px;
height: 50px;
float: right;
}
.rightContent .rank-top-control a.createAlbum.random-lady.anim{
-webkit-animation: pink-white-pulse 1s ease-out 0s infinite normal;
animation: pink-white-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes pink-white-pulse{
50%{
border: 1px solid;
-webkit-box-shadow: 0 0 4px 3px rgb(246, 232, 255), 0 0 5px 5px #ffd3ec inset;
}
}
@keyframes pink-white-pulse{
50%{
border: 1px solid;
box-shadow: 0 0 4px 3px rgb(246, 232, 255), 0 0 5px 5px #ffd3ec inset;
}
}
#search .boxHolder,
#profilePage .boxHolder,
#header .wrapper .quick-links{
background:url('../img/layout/makeup-box-bg.png') repeat 0 0;
border: solid 1px #9C828C;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 2px 2px 8px #360b17;
-webkit-box-shadow: 2px 2px 8px #360b17;
box-shadow: 2px 2px 8px #360b17;
width: 300px;
float: right;
margin-bottom: 28px;
padding: 0 2px 0 0;
position: relative;
}
#profilePage-boyfriend .boxHolder{
margin-bottom:300px
}
#search .boxHolder{
width:608px
}
#profilePage .boxHolder.positioned{
z-index:1;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
border-bottom:none;
box-shadow:none;
height: 204px;
}
#profilePage .boxHolder.positioned.alone{
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
border-bottom:1px solid #9C828C;
height: 354px;
}
#profilePage div.addShadow.alone{
height:356px;
}
#profilePage div.addShadow .alone.anim{
-webkit-animation: box-pulse 1s ease-out 0s infinite normal;
animation: box-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes box-pulse{
50%{
-webkit-box-shadow: 0 0 40px 4px #ffebff inset, 0 0 20px 4px #fff inset, 0 0 10px 0px #fff;
box-shadow: 0 0 40px 4px #ffebff inset, 0 0 20px 4px #fff inset, 0 0 10px 0px #fff;
}
}
@keyframes box-pulse{
50%{
-webkit-box-shadow: 0 0 40px 4px #ffebff inset, 0 0 20px 4px #fff inset, 0 0 10px 0px #fff;
box-shadow: 0 0 40px 4px #ffebff inset, 0 0 20px 4px #fff inset, 0 0 10px 0px #fff;
}
}
#profilePage #profileInfoBox{
overflow:hidden;
width:285px;
height:180px;
}
#profilePage .boxHolder.positioned.alone #profileInfoBox{
overflow:hidden;
width:285px;
height:320px;
}
#profilePage .boxHolder.positioned .viewport{
height:165px;
width:270px;
position:relative;
}
#profilePage .boxHolder.positioned.alone .viewport{
height:300px;
}
.addShadow{
box-shadow:2px 2px 8px #360B17;
border-radius:8px 8px 8px 8px;
width:304px;
height:305px;
float: right;
}
#profilePage .boxContent .leftRow,
#profilePage .boxContent .rightRow{
margin-top:10px;
display:block;
float:left;
}
#profilePage .boxContent .leftRow{
width:81px;
}
#profilePage .boxContent .rightRow{
width:178px;
padding-left:5px;
overflow:hidden
}
#profilePage .boxContent .starhouse-participant .leftRow {
text-align: right;
padding-right: 3px;
box-sizing: border-box;
}
#profilePage .boxContent .rightRow h2{
color:#591d1d;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-shadow:1px 1px #fff
}
.vip.talants .level{
width:178px;
height:30px;
display:block;
text-align:center;
margin-top:4px;
background:url('../img/layout/profile-level.png') 0 -7px no-repeat;
color:#c82d88;
font-size:16px;
font-weight:bold;
padding:5px 0 0 0
}
.vip.talants .level{
margin-top:0px
}
#profilePage .boxContent .rightRow ul{
margin-top:10px
}
#profilePage .boxContent .rightRow ul li{
color:#591d1d;
margin-bottom:3px
}
#profilePage .boxContent .rightRow ul li span,
#profilePage .boxContent .rightRow .level{
color:#c82d88;
font-size:14px;
font-weight:bold;
text-shadow:1px 1px #fff;
margin-right:5px
}
#profilePage .profileSlider {
background-color:#fff;
position: absolute;
right: 0;
top: 316px;
width: 298px;
z-index: 0;
border:3px solid #e9c8f2;
border-top:none;
border-radius: 0px 0px 8px 8px;
}
#profilePage .profileSep{
position:absolute;
z-index:2;
right:0;
top:302px;
margin:0;
padding:0;
}
#profilePage .profileSlider .sliderButts a.buyOutfit{
border: medium none;
margin: 0 auto 2px;
width: 85%;
}
#profilePage .profileSlider .sliderButts{
margin-top: 16px;
text-align: center;
}
#profilePage .profileSlider .sliderButts a.buyOutfit:hover{
box-shadow: 0 1px 2px #a77a9a;
-moz-box-shadow: 0 1px 2px #a77a9a;
-webkit-box-shadow: 0 1px 2px #a77a9a;
}
#profilePage .profileSlider ul{
margin: -4px auto 0;
overflow: hidden;
position: relative;
width: 280px;
z-index: 1;
}
#profilePage .profileSlider ul li {
float:left;
color:#591d1d;
font-weight:bold;
width:25%;
text-align:center;
}
#profilePage .profileSlider ul li span{
padding: 4px 0;
display:block
}
#profilePage .profileSlider ul li a{
color:#b50033;
font-weight:100;
text-decoration:underline;
padding: 4px 0;
display:block
}
#profilePage .profileSlider ul li a:hover{
background: url('../img/layout/buy-outfit-btn-bg.gif') repeat-x;
border: 1px solid #d9a3a5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #B50033;
display: block;
height: 12px;
line-height: 13px;
margin: auto;
padding: 4px 0;
text-align: center;
text-decoration:none
}
#profilePage .profileSlider .bottomGradient{
width:100%;
height:20px;
display:block;
position:absolute;
bottom:0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmM4YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,200,166,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(230,200,166,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(230,200,166,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(230,200,166,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(230,200,166,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(230,200,166,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6c8a6',GradientType=0 ); /* IE6-8 */
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
#profilePage .achievements{
width:625px;
display:block;
float:right
}
#profilePage .achievements .achievementSep{
padding-right:2px;
display:block;
float:left;
margin:10px 0 10px 0;
background:url('../img/layout/achievement-sep.png') right center no-repeat;
}
#profilePage .achievements .achievementSep.last{
padding:0;
background:none
}
#profilePage .achievements .achievemntRow{
width:187px;
padding:10px;
display:block;
height: 190px;
position: relative;
}
#profilePage .achievements.ownProfile .achievemntRow{
height: 148px;
}
#profilePage ul.rating li{
float:left
}
#profilePage ul.rating li a{
background: url("../img/layout/rating_stars.png") no-repeat scroll 1px 0 rgba(0, 0, 0, 0);
display: block;
float: left;
height: 27px;
margin-right: 2px;
position: relative;
right: auto;
top: auto;
width: 29px;
transition: background-position 0.3s, transform 0.5s;
-moz-transition: background-position 0.3s, -moz-transform 0.5s;
-webkit-transition: background-position 0.3s, -webkit-transform 0.5s;
-o-transition: background-position 0.3s, -o-transform 0.5s;
}
#profilePage ul.rating li a:hover{
background-position: 0 -28px;
}
#profilePage ul.rating li a.minusOne{
background-position: -30px 0;
}
#profilePage ul.rating li a.minusOne:hover{
background-position: -30px -28px;
}
#profilePage ul.rating li a.One{
background-position: -60px 0;
}
#profilePage ul.rating li a.One:hover{
background-position: -60px -28px;
}
#profilePage ul.rating li a.Two{
background-position: -91px 0;
}
#profilePage ul.rating li a.Two:hover{
background-position: -91px -28px;
}
#profilePage ul.rating li a.Three{
background-position: -122px 0;
}
#profilePage ul.rating li a.Three:hover{
background-position: -122px -28px;
}
#profilePage ul.rating li a.Four{
background-position: -152px 0;
margin-right:0
}
#profilePage ul.rating li a.Four:hover{
background-position: -152px -28px;
}
#profilePage ul.rating li a.Five{
background-position: -184px 0;
margin-right:0
}
#profilePage ul.rating li a.Five:hover{
background-position: -184px -28px;
}
#profilePage ul.rating li.pulse{
background: url("../img/layout/rating_stars-blink.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 44px;
left: 9px;
opacity: 0;
position: absolute;
top: -8px;
width: 201px;
}
#profilePage ul.rating li.pulse.anim{
-webkit-animation: profil-voting-pulse 1s ease-out 0s infinite normal;
animation: profil-voting-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes profil-voting-pulse{
from{
opacity: 0;
}
50%{
opacity: 1;
}
to{
opacity: 0;
}
}
@keyframes profil-voting-pulse{
from{
opacity: 0;
}
50%{
opacity: 1;
}
to{
opacity: 0;
}
}
#profilePage .achievements .ratingShadow{
margin: 10px auto;
display: block;
width: 186px;
text-align: center;
position: absolute;
top: 43px;
}
#profilePage-profile .achievements.ownProfile .ratingShadow{
top: 4px;
}
#profilePage .ratingShadow span{
color:#591d1d;
float:left;
width:80px;
font-size:10px;
margin-left:28px;
border:1px solid #ac7553;
text-transform:uppercase;
padding:3px 5px 3px 8px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
background: rgb(255,219,182); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGJiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmRiYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,219,182,1) 0%, rgba(255,255,255,1) 50%, rgba(255,219,182,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,219,182,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,219,182,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,219,182,1) 0%,rgba(255,255,255,1) 50%,rgba(255,219,182,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,219,182,1) 0%,rgba(255,255,255,1) 50%,rgba(255,219,182,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,219,182,1) 0%,rgba(255,255,255,1) 50%,rgba(255,219,182,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,219,182,1) 0%,rgba(255,255,255,1) 50%,rgba(255,219,182,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdbb6', endColorstr='#ffdbb6',GradientType=0 ); /* IE6-8 */
}
#profilePage .ratingShadow span.ratingPoints{
padding:2px 5px;
min-width:20px;
width: auto;
border-left:none;
font-size:12px;
color:#fff;
margin:0;
text-shadow:1px 1px #2d0839;
font-weight:bold;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
background: rgb(189,95,178); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkNWZiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2Q4NzhjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDVmYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(189,95,178,1) 0%, rgba(216,120,192,1) 42%, rgba(189,95,178,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,95,178,1)), color-stop(42%,rgba(216,120,192,1)), color-stop(100%,rgba(189,95,178,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(189,95,178,1) 0%,rgba(216,120,192,1) 42%,rgba(189,95,178,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(189,95,178,1) 0%,rgba(216,120,192,1) 42%,rgba(189,95,178,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(189,95,178,1) 0%,rgba(216,120,192,1) 42%,rgba(189,95,178,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(189,95,178,1) 0%,rgba(216,120,192,1) 42%,rgba(189,95,178,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd5fb2', endColorstr='#bd5fb2',GradientType=0 ); /* IE6-8 */
}
#profilePage .achievements .achievemntRow ul.rating{
padding-left: 17px;
height: 30px;
position: relative;
}
#profilePage .achievements .achievemntRow ul.trophies{
position: absolute;
bottom: 10px;
}
#profilePage .achievements .achievemntRow ul.trophies li{
background:url('../img/layout/trophies.png') 0 0 no-repeat;
width:61px;
height:120px;
display:block;
float:left;
margin-right:1px
}
#profilePage .achievements .achievemntRow ul.trophies li span,
#profilePage-profile .achievemntRow span.alreadyVoted,
#profilePage-profile .achievementSep span.voting-title,
#profilePage-profile .profileSlider .playerConnection{
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
color:#591d1d;
text-shadow: 0 1px 1px #FFFFFF;
margin-top:116px;
display:block;
}
#profilePage-profile .profileSlider .playerConnection{
margin-top: 8px;
}
#profilePage-profile .achievementSep span.voting-title{
font-weight: bold;
font-size: 14px;
margin-top: 0;
}
#profilePage-profile .achievemntRow span.alreadyVoted,
#profilePage-apartment span.alreadyVoted{
margin: 0;
font-size: 12px;
display: block;
text-align:center;
}
#profilePage-apartment span.alreadyVoted{
float: left;
margin: 8px 20px;
}
#profilePage .achievements .achievemntRow ul.trophies.fashion li{
background:url('../img/layout/fashion-trophies.png') 0 0 no-repeat;
}
#profilePage .achievements .achievemntRow ul.trophies li.off{
opacity:0.4
}
#profilePage .achievements .achievemntRow ul.trophies.lady li.one{background-position:-12px 0px;}
#profilePage .achievements .achievemntRow ul.trophies.lady li.two{background-position:-104px 0px;}
#profilePage .achievements .achievemntRow ul.trophies.lady li.three{background-position:-193px 0px;}
#profilePage .achievements .achievemntRow ul.trophies.fashion li.one{background-position:7px 23px !important;}
#profilePage .achievements .achievemntRow ul.trophies.fashion li.two{background-position:-73px 23px !important;}
#profilePage .achievements .achievemntRow ul.trophies.fashion li.three{background-position:-153px 23px !important;}
#profilePage .achievements .achievemntRow ul.trophies.strange li.one{background-position:-282px -16px;}
#profilePage .achievements .achievemntRow ul.trophies.strange li.two{background-position:-371px -16px;}
#profilePage .achievements .achievemntRow ul.trophies.strange li.three{background-position:-462px -16px;}
#profilePage .commentContent{
margin-top:20px;
width:100%;
display:block
}
#profilePage .commentContent .commentHeader,
.rightContent #messagesBox .messagesHeader{
width:955px;
background-color:#985f5f;
display:block;
padding:7px 5px 4px 20px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
margin-bottom:20px ;
}
.rightContent #messagesBox .messagesHeader{
width: 696px;
}
#profilePage .commentContent .commentHeader h1,
.rightContent #messagesBox .messagesHeader h1{
font-size:14px;
text-transform:uppercase;
background:url('../img/layout/icon-comment.png') 0 0 no-repeat;
padding-left:28px;
width:250px;
height: 20px;
}
#profilePage .commentContent a.miniButton{
float:right ;
margin-top:-2px;
padding-right:10px
}
#profilePage-apartment .boxHolder{
width:968px ;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
margin-bottom:0;
float: left;
}
.apartment span.vote,
.myapartment span.vote,
span.my-ranking{
color: #591D1D;
display: table-cell;
float: left;
margin: 8px 0;
text-shadow: 1px 1px #EFDBDA;
text-transform: uppercase;
vertical-align: middle;
}
.apartment span.vote span{
display: block;
float: left;
font-size: 16px;
font-weight: bold;
margin: -3px 7px 0 0;
text-transform: lowercase;
}
.myapartment span.vote{
margin-bottom:4px;
}
#profilePage-apartment .boxHolder ul.rating{
float:left;
width:184px ;
margin-left:20px;
}
#profilePage-apartment .boxHolder .ratingShadow{
float:left;
margin:6px 0 0;
}
.outer-center{
padding-top: 10px;
display: inline-block;
}
#profilePage-apartment .apartmentImage{
width:971px;
height:701px;
display:block;
border:none;
margin-left:-1px;
}
#profilePage-apartment .apartmentImage.testApp{
background:url('../img/layout/apartment-test.jpg') 0 0 no-repeat
}
#profilePage-boyfriend .boxHolder{
width:500px;
}
#profilePage-boyfriend .boxContent .leftRow{
margin-top:0;
width:340px;
}
#profilePage-boyfriend .leftRow h1{
color:#5b266c;
font-weight:bold;
font-size:24px;
text-shadow:1px 1px #ebdfdb;
margin:0 0 0 0;
margin-top:-5px;
}
#profilePage-boyfriend .leftRow ul{
margin-top:10px;
margin-bottom:10px;
}
#profilePage-boyfriend .leftRow ul li{
color:#5b266c;
font-weight:bold;
font-size:16px;
text-shadow:1px 1px #ebdfdb;
margin-top:3px;
}
#profilePage-boyfriend .leftRow ul li span{
color:#a9003c;
font-weight:100;
font-size:16px;
}
#profilePage-boyfriend .boxContent .rightRow{
margin-top:0;
width:102px;
padding-left:15px;
height:156px;
}
#profilePage-boyfriend #calendar {
top: auto !important;
bottom: -130px;
right: -26px !important;
z-index: 10;
}
#calendar .date {
font-family: var(--main-font-family);
font-weight: bold;
color: var(--font-color-default-light);
text-transform: uppercase;
letter-spacing: -1px;
}
#profilePage-boyfriend #calendar .days,
#myBoyWrapper #optionsPanel #calendar .days {
font-family: var(--main-font-family);
font-size: var(--font-size-30);
font-weight: var(--font-weight-bold);
padding-top: 0;
margin: 9px 0 -2px;
}
#profilePage-boyfriend #calendar .month,
#profilePage-boyfriend #calendar .hour,
#myBoyWrapper #optionsPanel #calendar .hour {
font-style: italic;
text-transform: none;
}
#profilePage-pet .boxHolder{
width:500px;
margin-bottom:250px
}
#profilePage-pet .boxHolder .column{
width:500px;
display:block;
text-align:center;
}
#profilePage-pet img.petImage{
position:absolute;
left:250px;
top:320px;
z-index:1;
}
#profilePage-pet #petAppearance9{
margin-top: -50px;
}
#profilePage-pet img.ladyImage{
position:absolute;
left:20px;
top:50px;
z-index:1;
}
#profilePage-pet .boxHolder .column.first{
margin-top:0px;
}
#profilePage-pet .boxHolder .column .petType{
float:right
}
#profilePage-pet .boxHolder .column h1 span,
#profilePage-pet .boxHolder .column.first p{
font-size:15px;
text-shadow:1px 1px #fff;
color:#804847;
font-weight:100;
}
#profilePage-pet .boxHolder .column.first p{
font-size:15px;
line-height:43px;
float:right;
margin-right:10px;
}
#profilePage-pet .boxHolder .column h1{
font-size:24px;
font-weight:bold;
color:#5b266c;
text-shadow:1px 1px #eedfda;
margin-left:10px;
margin-bottom:5px;
text-align: left;
}
#profilePage-pet .numbers{
padding-left:10px
}
#profilePage-pet .inner-center p,
#profilePage-pet .inner-center .left,
#profilePage-pet .inner-center .right{
float:left
}
#profilePage-pet .inner-center{
margin-top:20px ;
margin-bottom:5px;
}
#profilePage-pet #petAppearance15{
margin: -12px 0 0 70px;
}
#profilePage-profile .boxHolder .boxContent .bar {
background: rgba(0, 0, 0, 0) url("../img/layout/statistics-icons.png") no-repeat scroll left 6px;
display: table;
float: none;
font-size: 13px;
height: 30px;
margin: 9px 0;
padding-left: 56px;
width: 220px;
}
#profilePage-profile .boxHolder .boxContent .bar.creativity{
background-position: 2px -50px;
background-size: 16.2% auto;
}
#profilePage-profile .boxHolder .boxContent .bar.devotion{
background-position: 3px -105px;
background-size: 16% auto;
}
#profilePage-profile .boxHolder .boxContent .bar.beauty{
background-position: 5px -158px;
background-size: 16% auto;
}
#profilePage-profile .boxHolder .boxContent .bar.generosity{
background-size: 16% auto;
background-position: 3px -223px;
}
#profilePage-profile .boxHolder .boxContent .bar.loyalty{
background-position: left -309px;
}
#profilePage-profile .boxHolder .boxContent .bar div:first-child, #profilePage-profile .boxHolder .boxContent .bar div:nth-child(2) {
margin: 14px 13px 13px 0;
}
/* ----QuickNavigationBox---- */
#content .wrapper .rightContent #quickNavi{
height: 104px;
}
#quickNavi .boxContent{
left: 3px;
position: relative;
top: -32px;
}
#quickNavi .boxContent .add-l{
overflow: hidden;
display: block;
left: 11px;
overflow: hidden;
position: relative;
float: right;
}
#quickNavi .boxContent .add-l a{
background: url('../img/layout/quick-nav-add-bg.gif') no-repeat top left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #9F1A62;
display: block;
float: right;
font-size: 10px;
height: 18px;
margin-top: 4px;
padding: 2px 7px 0 23px;
position: relative;
text-decoration: underline;
}
.quickNavItemsHolder{
height: 78px;
float: left;
margin-top: 2px;
overflow: hidden;
}
.quickNavItemsHolder .quickNavItem{
background: url('../img/layout/quick-nav-item.jpg') no-repeat top center;
float: left;
}
.quickNavItemsHolder .quickNavItem a{
width: 66px;
display: block;
text-align: center;
padding-top: 64px;
}
#myLady #pageWrapper #content .wrapper .rightContent #quickNavi.boxHolder .boxBlick .boxContent h1{
width:110px;
height:89px;
background: url('../img/layout/quests-back.png') no-repeat top center;
display:block;
margin:0 0 0 -5px;
font-size:50px;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow:1px 1px #fff;
text-align:center;
font-weight:100;
color:#591d1d;
float:left;
padding-top:20px;
line-height:32px;
}
#myLady #pageWrapper #content .wrapper .rightContent #quickNavi.boxHolder .boxBlick .boxContent h1 span{
display:block;
font-size:14px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow: 0px 1px 1px #fff;
/*filter: dropshadow(color=#fff, offx=0, offy=1);*/
font-weight:100;
color:#591d1d;
}
#myLady #pageWrapper #content .wrapper .rightContent #quickNavi.boxHolder .boxBlick .boxContent p,
#myLady #pageWrapper #content .wrapper .rightContent #items.boxHolder p,
.wardrobeInventar .inventarContent span.empty-list
p.lc-title{
float:left;
margin-top:35px;
font-size:18px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow: 0px 1px 1px #fff;
/*filter: dropshadow(color=#fff, offx=0, offy=1);*/
width:140px;
color:#591d1d;
}
.wardrobeInventar .inventarContent span.empty-list
p.lc-title{
color: #FFFFFF;
text-shadow: 0 1px 1px #000000;
width: 100%;
margin-top: 56px;
}
p.lc-title{
display: block;
float: none;
font-size: 14px;
font-style: italic;
margin: auto;
padding: 0 22px;
width: auto;
}
.wardrobeInventar .inventarContent span.empty-list a.empty-list-link,
.jobHolder p.ftv-info a{
color: #FF5DC1;
text-decoration: underline;
}
#myLady #pageWrapper #content .wrapper .rightContent #items.boxHolder p{
margin-top: 25px;
width: auto;
float: none;
}
#myLady #pageWrapper #content .wrapper .rightContent a:hover #quickNavi.boxHolder .boxBlick .boxContent h1{
background-position: center bottom ;
}
/* ----ItemsBox---- */
.itemsThumb{
background: url('../img/layout/thumbnail-box-bg.png') no-repeat top center;
width: 87px;
height: 89px;
float: left;
margin: 2px 2px 2px 2px;
position: relative;
}
.itemsThumb.ach-pop{
background-position: 7px 6px;
height: 100px;
width: 100px;
float: none;
display: inline-block;
}
/* ----leftMenu---- */
.leftMenu {
width: 224px;
/* background: url('../img/layout/lm-bg.png') no-repeat top center; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d509c+0,3a0155+100 */
background: rgb(141,80,156); /* Old browsers */
background: -moz-linear-gradient(top, rgba(141,80,156,1) 0%, rgba(58,1,85,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(141,80,156,1) 0%,rgba(58,1,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(141,80,156,1) 0%,rgba(58,1,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d509c', endColorstr='#3a0155',GradientType=0 ); /* IE6-9 */
font-family: 'Open Sans', sans-serif;
border-radius: 13px;
padding-bottom: 10px;
}
.messages-page .leftMenu {
width: 240px;
}
.bfMirror-frame,
.ladyMirror-frame{
background: url('../img/layout/lady-mirror-frame.png') no-repeat;
height: 253px;
width: 207px;
position:relative;
z-index: 100;
}
.bfMirror-frame{
background: url('../img/layout/bf-mirror-frame.png') no-repeat;
}
.ladyMirror-holder,
.bfMirror-holder{
position: relative;
margin: 0 0 0 8px;
}
.makeUpActionButtons{
margin-top: 20px;
}
.makeUp-completeInfo {
color: #F4D3FF;
font-style: italic;
line-height: 18px;
margin: 10px 10px 0;
text-align: center;
}
.act-btn{
background: url('../img/layout/act-btns.png') no-repeat scroll 0 0;
width: 133px;
height: 39px;
color: #522262 !important;
display: table;
margin: 20px auto 14px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
padding: 0 0 0 65px;
line-height: 15px;
position: relative;
text-shadow: 0 0 1px white;
text-decoration: none !important;
font-style: normal !important;
}
#shoppingCartButton span.pulse{
background: url("../img/layout/act-btns.png") no-repeat scroll 0 -46px rgba(0, 0, 0, 0);
display: inline-block;
height: 39px;
left: 0;
position: absolute;
width: 194px;
z-index: 1;
visibility: hidden;
}
#shoppingCartButton span.pulse.anim{
visibility: visible;
-webkit-animation: shopping-card-pulse 1s ease-out 0s infinite normal;
animation: shopping-card-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes shopping-card-pulse {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes shopping-card-pulse {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.act-btn.create{
float: right;
margin: 21px 115px 10px 0;
}
.quests .act-btn.create{
margin: 61px 30px 10px 0
}
.act-btn.buy{
margin: 0 auto;
}
a.act-btn:hover,
a.act-btn.hover {
background-position: 0 -46px;
color: white !important;
text-shadow: 0 1px 1px black;
}
a.act-btn:hover span.buttonIcon{
background-position: -59px -90px;
}
a.act-btn.save-look:hover span.buttonIcon{
background-position: -154px -122px;
}
a.act-btn.create:hover span.buttonIcon{
background-position: -154px -90px;
}
a.act-btn.buy:hover span.buttonIcon{
background-position: -154px -89px;
}
a.act-btn .buttonIcon{
position: absolute;
background: url("../img/layout/act-btns.png") no-repeat;
}
a.act-btn.shopping-bag .buttonIcon{
background-position: 0 -89px;
height: 74px;
left: 3px;
top: -20px;
width: 65px;
z-index: 2;
}
a.act-btn span.shopping-bag-title{
display: table-cell;
vertical-align: middle;
z-index: 2;
position: relative;
}
a.act-btn.confirmOk span.shopping-bag-title,
a.act-btn.confirmCancel span.shopping-bag-title{
line-height: 39px;
display: block;
}
a.act-btn.shopping-bag span.itemsCount{
background: url("../img/layout/item-counter.png") no-repeat;
color: white;
font-size: 10px;
height: 21px;
line-height: 19px;
position: absolute;
right: -3px;
text-align: center;
text-shadow: none;
top: -7px;
width: 22px;
letter-spacing: -1px;
z-index: 2;
}
#helpMenu span.messageCount,
#mainNav li.guild .counter{
background-color: red;
border-radius: 12px;
color: white;
display: inline-block;
font-size: 10px;
height: 13px;
left: 4px;
letter-spacing: -1px;
min-width: 10px;
padding: 0 3px 2px 2pt;
position: absolute;
text-align: center;
top: 11px;
z-index: 1;
}
#helpMenu span.messageCount.announcements{
background: yellow;
color: brown;
opacity: 0;
}
#helpMenu a.new-announcements .announcements{
-webkit-animation: new-announcements 2s ease 0s infinite normal;
animation: new-announcements 2s ease 0s infinite normal;
}
@-webkit-keyframes new-announcements{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes new-announcements{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
#helpMenu a.new-announcements .new-messages{
-webkit-animation: new-messages 2s ease 0s infinite normal;
animation: new-messages 2s ease 0s infinite normal;
}
@-webkit-keyframes new-messages{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes new-messages{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
#mainNav li.guild .counter{
border: 1px solid white;
left: 33px;
padding: 2px 1px 0;
top: 66px;
}
a.act-btn.save-look .buttonIcon{
background-position: -119px -122px;
height: 39px;
left: 10px;
top: 1px;
width: 35px;
}
a.act-btn.create .buttonIcon{
background-position: -119px -90px;
height: 33px;
left: 146px;
top: 2px;
width: 35px;
}
a.act-btn.buy .buttonIcon{
background-position: -119px -89px;
height: 36px;
left: 10px;
top: 1px;
width: 35px;
}
#makeUpActionButtons .removeHair {
display: block;
margin: 10px auto;
}
a.removeHair:hover{
background-position: 0 -37px;
color: #fff;
}
a.removeHair span{
display: table-cell;
line-height: 1;
vertical-align: middle;
}
.texture-box .bill-title{
background: url('../img/layout/bill-bg.png') no-repeat center bottom;
height: 19px;
margin: 0 auto;
font-size: 14px;
font-weight: bold;
color: #FDCF62;
text-align: center;
padding: 10px 0 4px;
text-transform: uppercase;
}
.yourBill .billAmount{
margin-top: 10px;
text-align: center;
padding-bottom: 10px;
}
.texture-box .total.bill > span{
padding: 2px 0 0 27px;
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin-right: 10px;
display: inline-block;
}
.vip.talants span.totalDiamond,
.btn-black-wrap .price.diamonds,
.auction-single-item-wrap .price.diamonds,
.price-wrapper .totalDiamond{
background: url('../img/layout/stats-icons.png') no-repeat scroll -1px -53px;
}
.bill-discount{
background: url('../img/layout/bill-discount-bg.png') no-repeat;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 206px;
display: block;
margin: 0 auto;
text-align: center;
}
.bill-discount .discount-card-type{
display: inline-block;
}
.bill-discount .discount-card-type .discount-card.silver{
background: url("../img/layout/discount-card-silver.png") no-repeat scroll 0 0 transparent;
}
.bill-discount .discount-card-type .discount-card.gold{
background: url("../img/layout/discount-card-gold.png") no-repeat scroll 0 0 transparent;
}
.bill-discount .discount-card-type .discount-card.platinum{
background: url("../img/layout/discount-card-platinum.png") no-repeat scroll 0 0 transparent;
}
.bill-discount .discount-card-type .discount-card{
display: block;
float: left;
height: 37px;
margin: 0 0 0 10px;
padding: 0;
width: 51px;
}
.bill-discount .discount-card-type .discount-value{
float: left;
margin: 6px 10px 0 15px;
padding: 0;
text-shadow: 0 1px 0 #2D0839;
}
.discount-billAmount{
margin-top: 6px;
}
.leftMenuTitle {
font-size: 22px;
padding-top: 20px;
font-weight: lighter;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.leftMenuTitle.top{
padding: 20px 0 0 0;
}
.leftMenu ul.subMenu{
padding: 14px 18px;
}
.leftMenu ul.subMenu li{
display: table;
font-size: 11px;
padding: 7px 0 0;
text-transform: uppercase;
width: 190px;
position: relative;
}
.leftMenu ul.messagesMenu.subMenu li{
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--font-size-14);
width: 209px;
}
.leftMenu ul.subMenu li a {
color: #edc1f9;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
/* background: url("../img/layout/left-nav-btn-bg.svg") no-repeat scroll transparent;*/
}
.leftMenu ul.messagesMenu.subMenu li a {
max-width: 188px;
}
li a .left-menu-pulse{
background: url("../img/layout/sub-nav-btn-bg.png") no-repeat scroll 0 -91px transparent;
bottom: 0;
display: block;
height: 27px;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 0;
}
li a .left-menu-pulse.anim{
-webkit-animation: left-menu-pulse 1s ease-out 0s infinite normal;
animation: left-menu-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes left-menu-pulse {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes left-menu-pulse {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.leftMenu ul.subMenu li a:hover{
color: #fff;
}
.leftMenu ul.subMenu li.active a{
color: #ff688c;
}
.leftMenu ul.subMenu li.locked a{
color: #643378;
}
.leftMenu ul.subMenu li.locked a:hover{
cursor: default;
}
span.lockedStore {
background: url("../img/layout/icons/padlock-icon.svg") no-repeat;
height: 16px;
width: 13px;
position: absolute;
right: -2px;
top: -3px;
}
.locked-limited span.lockedStore{
background: rgba(0, 0, 0, 0) url("../img/layout/locked-store-limited.png") no-repeat scroll 0 0;
height: 18px;
top: 14px;
width: 18px;
}
span.lockedStore.lockedByTrophy19{
background: url("../img/layout/locked-store-f.png") no-repeat -1px 0;
width: 24px;
}
.leftMenu ul.subMenu li span.storeDiscount{
background: rgba(0, 0, 0, 0) url("../img/layout/label-discount1.png") no-repeat scroll 0 0;
height: 25px;
position: absolute;
right: 4px;
width: 49px;
top: 11px;
padding-top: 7px;
text-align: center;
}
.leftMenu ul.subMenu li.active span.storeDiscount{
right: 2px;
top: 10px;
padding-top: 8px;
color: #000;
}
.left-menu-new{
background: rgba(0, 0, 0, 0) url("../img/layout/label-new6.png") no-repeat scroll 0 0;
height: 25px;
position: absolute;
right: 4px;
width: 49px;
top: 11px;
}
.active .left-menu-new {
right: 2px;
top: 9px;
}
.left-menu-new.anim{
-webkit-animation: 2.5s ease-out 0s normal none 1 running left-menu-new;
animation: 2.5s ease-out 0s normal none 1 running left-menu-new;
}
@-webkit-keyframes left-menu-new{
0% {
opacity: 0;
right: 140px;
}
30% {
opacity: 0.5;
right: 4px;
}
80% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes left-menu-new{
0% {
opacity: 0;
right: 140px;
}
30% {
opacity: 0.5;
right: 4px;
}
80% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.leftMenu ul.subMenu li.big a {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
span.new-message{
display: inline-block;
text-align: center;
width: 100%;
}
span.new-message a{
color: #fdc154;
font-size: 14px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #692a7e;
background-color: #431a50;
padding: 8px;
margin: 15px;
display: inline-block;
}
span.new-message a:hover{
background-color: #692a7e;
border: 1px solid #431a50;
}
ul.messagesMenu{
padding: 0 20px 20px;
}
.btn-write-new-msg {
margin: 30px 0 10px;
}
ul.messagesMenu li span.messages-numbers {
float:right;
display:block;
white-space: nowrap;
}
.announcements-indicator{
background: yellow none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
height: 5px;
left: -10px;
position: absolute;
top: 12px;
width: 5px;
opacity: 0;
}
a.new-announcements .announcements-indicator{
-webkit-animation: new-announcements-indicator 1s ease-out 0s infinite normal;
animation: new-announcements-indicator 1s ease-out 0s infinite normal;
}
@-webkit-keyframes new-announcements-indicator{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes new-announcements-indicator{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.leftMenuBottom{
background: url('../img/layout/lm-bottom-bg.png') no-repeat bottom center;
height: 58px;
width: 224px;
display: none;
}
/* --------------wardrobe--------------- */
#wardrobeWrapper{
background: url('../img/layout/wardrobe-room.jpg') no-repeat scroll 1px 1px #d2c7d5;
border: 1px solid #705975;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
box-shadow: 0 0 6px #7A6381;
-moz-box-shadow: 0 0 6px #7A6381;
-webkit-box-shadow: 0 0 6px #7A6381;
height: 707px;
position: relative;
overflow: hidden;
}
#wardrobeWrapper input{
width:214px;
margin-left:0px;
}
#wardrobeWrapper .rightControl{
float: right;
width: 387px;
}
.topButtons{
background: url('../img/layout/wrdr-top-btn-bg.png') no-repeat;
height: 80px;
width: 387px;
position: relative;
z-index: 102;
text-align: center;
}
.topButtons ul{
padding: 16px 0 0 16px;
position: absolute;
top: 0;
left: 0;
}
.topButtons ul li{
float: left;
margin-right: 3px;
}
.topButtons ul li#successfullSave{
background: url("../img/layout/checkmark.png") no-repeat scroll center center rgba(0, 0, 0, 0);
height: 51px;
margin-top: -2px;
width: 113px;
}
#wardrobeWrapper .myOutfits{
width:260px;
height:568px;
position:relative;
float:left;
overflow: visible;
background: rgb(255,221,184); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,221,184,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,221,184,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,221,184,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,221,184,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,221,184,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,221,184,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddb8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
z-index:101;
top:39px;
left:16px;
border:1px solid #fff;
-webkit-box-shadow: 0px 0px 5px 0px #000;
-moz-box-shadow: 0px 0px 5px 0px #000;
box-shadow: 0px 0px 5px 0px #000;
}
#wardrobe-container .myOutfits a.close,
#wardrobeWrapper .myOutfits a.close{
background: url("../img/layout/close.gif") no-repeat 0 7px;
height: 28px;
position: absolute;
right: 10px;
top: 10px;
width: 28px;
}
#wardrobe-container .myOutfits a.close:hover,
#wardrobeWrapper .myOutfits a.close:hover{
background-position: 0px -23px;
}
#wardrobeWrapper .myOutfits .boxFooter{
height:20px;
background-color:red;
position:relative;
top:549px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTkwYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(201,144,184,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(201,144,184,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(201,144,184,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(201,144,184,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(201,144,184,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(201,144,184,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c990b8',GradientType=0 ); /* IE6-8 */
}
#wardrobeWrapper .myOutfits .outfitsContainer{
margin:-5px 15px 10px 12px;
}
#wardrobeWrapper .myOutfits .outfitsContainer h1{
color:#512061;
font-size:14px;
text-transform:uppercase;
margin:0;padding:0;
}
#wardrobeWrapper .outfitsSlots{
background-color: rgba(255,255,255,0.8);
height: 38px;
margin-top: 0;
padding: 8px 12px;
position: absolute;
left: 28px;
width: 218px;
z-index: 100;
}
#wardrobeWrapper .outfitsSlots span{
color:#382510;
font-size:14px;
float:left;
margin-top:2px;
color: #B50033;
display: inline;
}
#wardrobeWrapper .outfitsSlots .linkContainer{
float:right ;
}
#wardrobe-container a.buyOutfit,
#wardrobeWrapper .rightControl a.buyOutfit{
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
position: absolute;
right: 48px;
text-transform: uppercase;
top: 9px;
width: 34px;
padding: 2px 0;
}
input#outfitName{
width: 368px;
text-align: center;
}
#wardrobeWrapper .outfitsSlots .linkContainer .slotPrice{
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 5px;
border-radius: 5px;
background: url("../img/layout/small-diamond-ico.png") no-repeat scroll 55px 5px #F5CDA0;
color: #B50033;
float: right;
font-weight: bold;
height: 13px;
padding: 4px 0 5px 45px;
width: 30px;
}
#wardrobeWrapper .myOutfits .outfitsContainer ul.outfitResults{
position: relative;
}
#wardrobeWrapper .myOutfits .outfitsContainer div.outfitResultsWindow{
margin-top:15px;
padding-right:10px;
height:437px;
overflow:hidden;
}
#wardrobeWrapper .myOutfits .outfitsContainer ul.outfitResults li{
color:#512061;
font-size:14px;
font-weight:bold;
margin:0
}
#wardrobeWrapper .myOutfits .outfitsContainer ul.outfitResults li a{
color:#512061;
display:block;
width:160px;
float:left;
padding:7px 0 7px 10px;
overflow: hidden;
}
#wardrobeWrapper .myOutfits .outfitsContainer ul.outfitResults li a:hover{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWI2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,155,106,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,155,106,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,155,106,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,155,106,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,155,106,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(255,155,106,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b6a', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}
#wardrobeWrapper .myOutfits .outfitsContainer ul.outfitResults li a.delete{
background:url("../img/layout/message-icons.png") no-repeat -98px 0 ;
width:18px;
height:18px;
float:right;
display:block;
padding:0;
margin-top:4px
}
#wardrobeWrapper .myOutfits .outfitsContainer ul.outfitResults li .sepLine{
width:100%;
display:block;
height:1px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkNTI4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(125,82,138,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,82,138,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(125,82,138,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(125,82,138,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(125,82,138,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(125,82,138,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d528a', endColorstr='#007db9e8',GradientType=1 ); /* IE6-8 */
}
#wardrobeWrapper .myOutfits .sepLine2{
width:100%;
display:block;
height:1px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}
.rightThumbs{
background: url('../img/layout/wrdr-left-thumbs-bg.png') repeat-y top;
height: 627px;
width: 102px;
float: right;
position: relative;
overflow: hidden;
}
.rightThumbs ul, .sc-options-holder ul.sc-overview {
margin-left: 2px;
width: 77px;
}
.rightThumbs ul li,
.sc-inventar ul li{
height: 80px;
position: relative;
}
.rightThumbs ul li a, .wardrobeInventar .inventarContent ul li a, .wardrobeInventarItemAnimation a,
.sc-inventar ul.sc-overview li a.thumb{
background: url('../img/layout/wrdr-thumbs-bg.png') no-repeat;
display: block;
height: 75px;
width: 76px;
margin: 0 auto;
cursor: move;
}
.sc-inventar ul.sc-overview li a.thumb{
margin-right: 0;
}
.rightThumbs ul li a:hover, .wardrobeInventar .inventarContent ul li a:hover,
.sc-inventar ul.sc-overview li a.thumb:hover{
background-position: 0 -77px;
}
.wardrobe-strip-all,
.wardrobe-change-order{
background: url('../img/layout/strip-all-bg.png') no-repeat bottom;
left: 5px;
position: absolute;
top: 460px;
width: 96px;
z-index: 4
}
.wardrobe-strip-all {
}
.wardrobe-change-order{
top: -45px;
}
.wardrobe-strip-all a,
.wardrobe-change-order a{
background: url("../img/layout/strip-all-btn.png") no-repeat scroll 0 0 transparent;
color: white;
display: block;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 0 black;
text-transform: uppercase;
padding: 10px;
}
.wardrobe-strip-all a:hover,
.wardrobe-change-order a:hover{
background-position: 0 -40px;
}
.wardrobe-items-scroller-container {
position: absolute;
top: 160px;
left: 555px;
}
.wardrobe-items-scroller-container .rightThumbs{
position: absolute;
top:0;
left: 0;
height: 460px;
z-index:3;
}
.wardrobe-items-scroller-container .viewport {
height: 460px;
width:76px
}
.wardrobe-save-btn-container, .remove-all-from-archive-btn-container {
position: absolute;
left: 580px;
z-index: 4;
top: 40px;
}
.wardrobe-save-btn-container button{
-webkit-animation: wardrobe-ok-btn .5s ease-out forwards;
animation: wardrobe-ok-btn .5s ease-out forwards;
}
@-webkit-keyframes wardrobe-ok-btn{
from{
-webkit-transform: rotateY(100deg) translateY(50px);
transform: rotateY(100deg) translateY(50px);
opacity: .1;
}
to{
-webkit-transform: rotateY(0deg) translateY(0);
transform: rotateY(0deg) translateY(0);
opacity: 1;
}
}
@keyframes wardrobe-ok-btn{
from{
-webkit-transform: rotateY(100deg) translateY(50px);
transform: rotateY(100deg) translateY(50px);
opacity: .1;
}
to{
-webkit-transform: rotateY(0deg) translateY(0);
transform: rotateY(0deg) translateY(0);
opacity: 1;
}
}
/* --------------boyfriend wardrobe--------------- */
.boyfriend-wardrobe #wardrobeWrapper{
background: url('../img/layout/bf-wardrobe/wardrobe-room.jpg') no-repeat scroll 1px 1px #d2c7d5;
}
.boyfriend-wardrobe .topButtons{
background: url('../img/layout/bf-wardrobe/wrdr-top-btn-bg.png') no-repeat;
}
.boyfriend-wardrobe .rightThumbs{
background: url('../img/layout/bf-wardrobe/wrdr-left-thumbs-bg.png') repeat-y top;
}
.boyfriend-wardrobe .stripAll{
background: url('../img/layout/bf-wardrobe/strip-all-bg.png') no-repeat bottom;
}
/* ----wardrobeItems---- */
.wardrobe-items{
position: absolute;
width: 290px;
height: 650px;
right: 107px;
top: 57px;
}
.boyfriend-wardrobe .wardrobe-items{
right: 69px;
z-index: 100;
}
.table-items{
position: absolute;
width: 233px;
height: 443px;
left: 33px;
top: 57px;
}
.wardrobe-items a.wardrobeItem, .table-items a.wardrobeItem{
background-repeat: no-repeat;
position: absolute;
display: block;
}
.wardrobe-items a.wardrobeItem i,
.boyfriend-wardrobe a.wardrobeItem i{
background: url("../img/layout/label-new1.png") no-repeat scroll 0 0;
height: 57px;
left: -28px;
position: absolute;
top: 84px;
width: 41px;
display: none;
}
.table-items a.wardrobeItem i,
.wardrobeInventar .inventarContent ul li a i,
#petCategories.pet-clothes-category ul li i,
#apartmentItemTypesList .inventory-wrap ul li i{
background: url("../img/layout/label-new2.png") no-repeat scroll 0 0;
height: 40px;
left: -28px;
position: absolute;
top: 84px;
width: 30px;
display: none;
}
.wardrobe-items a.wardrobeItem i.new-item,
.table-items a.wardrobeItem i.new-item,
.wardrobeInventar .inventarContent ul li a i.new-item,
#petCategories.pet-clothes-category ul li i.new-item,
#apartmentItemTypesList .inventory-wrap ul li i.new-item{
display: inline-block;
}
#petCategories.pet-clothes-category ul li i{
top: -6px;
left: -13px;
}
#apartmentItemTypesList .inventory-wrap ul li i.new-item{
top: 0;
left: -5px;
}
.wardrobe-items a.wardrobeItem span, .table-items a.wardrobeItem span{
display: block;
width: 100%;
height: 100%;
opacity: 0;
}
.wardrobe-items a.wardrobeItem span.anim, .table-items a.wardrobeItem span.anim{
-webkit-animation: dress-pulse 1s ease-out 0s infinite normal;
animation: dress-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes dress-pulse{
50%{
opacity: 0.3;
}
}
@keyframes dress-pulse{
50%{
opacity: 0.3;
}
}
.wardrobe-items a.hats,
.wardrobe-items a.hats span{
background-image: url("../img/layout/wrdr-hats.png");
top: 35px;
left: 28px;
width: 73px;
height: 86px;
z-index: 100;
}
.wardrobe-items a.hats:hover, .wardrobe-items a.hats:focus,
.wardrobe-items a.hats span{
background-position: 0 -88px;
}
.wardrobe-items a.hats i{
left: -22px;
top: 35px;
}
.wardrobe-items a.skirts,
.wardrobe-items a.skirts span{
background-image: url("../img/layout/wrdr-skirts.png");
top: 137px;
left: 23px;
width: 78px;
height: 108px;
z-index: 100;
}
.wardrobe-items a.skirts:hover, .wardrobe-items a.skirts:focus,
.wardrobe-items a.skirts span{
background-position: 0 -110px;
}
.wardrobe-items a.skirts i{
left: -27px;
top: 84px;
}
.wardrobe-items a.pants,
.wardrobe-items a.pants span{
background-image: url("../img/layout/wrdr-pants.png");
top: 318px;
left: 1px;
width: 78px;
height: 163px;
z-index: 100;
}
.wardrobe-items a.pants:hover, .wardrobe-items a.pants:focus,
.wardrobe-items a.pants span{
background-position: 0 -165px;
}
.wardrobe-items a.pants i{
left: -11px;
top: 75px;
}
.wardrobe-items a.bags,
.wardrobe-items a.bags span{
background-image: url("../img/layout/wrdr-bags.png");
top: 41px;
left: 121px;
width: 84px;
height: 91px;
z-index: 100;
}
.wardrobe-items a.bags:hover, .wardrobe-items a.bags:focus,
.wardrobe-items a.bags span{
background-position: 0 -93px;
}
.wardrobe-items a.bags i{
left: -22px;
top: 25px;
}
.wardrobe-items a.dresses,
.wardrobe-items a.dresses span{
background-image: url("../img/layout/wrdr-dresses.png");
top: 147px;
left: 72px;
width: 132px;
height: 335px;
z-index: 90;
}
.wardrobe-items a.dresses:hover, .wardrobe-items a.dresses:focus,
.wardrobe-items a.dresses span{
background-position: 0 -337px;
}
.wardrobe-items a.dresses i{
left: 23px;
top: 88px;
}
.wardrobe-items a.coats,
.wardrobe-items a.coats span{
background-image: url("../img/layout/wrdr-coats.png");
top: 151px;
left: 123px;
width: 82px;
height: 256px;
z-index: 100;
}
.wardrobe-items a.coats:hover, .wardrobe-items a.coats:focus,
.wardrobe-items a.coats span{
background-position: 0 -258px;
}
.wardrobe-items a.coats i{
left: 23px;
top: 52px;
}
.wardrobe-items a.accessories,
.wardrobe-items a.accessories span{
background-image: url("../img/layout/wrdr-accessories.png");
top: 488px;
left: 108px;
width: 97px;
height: 119px;
z-index: 100;
}
.wardrobe-items a.accessories:hover, .wardrobe-items a.accessories:focus,
.wardrobe-items a.accessories span{
background-position: 0 -121px;
}
.wardrobe-items a.accessories i{
left: 35px;
top: 78px;
}
.wardrobe-items a.gloves,
.wardrobe-items a.gloves span{
background-image: url("../img/layout/wrdr-gloves.png");
top: 99px;
left: 220px;
width: 63px;
height: 38px;
z-index: 100;
}
.wardrobe-items a.gloves:hover, .wardrobe-items a.gloves:focus,
.wardrobe-items a.gloves span{
background-position: 0 -39px;
}
.wardrobe-items a.gloves i{
left: -22px;
top: 16px;
}
.wardrobe-items a.scarves,
.wardrobe-items a.scarves span{
background-image: url("../img/layout/wrdr-scarves.png");
height: 57px;
left: 236px;
top: 108px;
width: 55px;
z-index: 100;
}
.wardrobe-items a.scarves:hover, .wardrobe-items a.scarves:focus,
.wardrobe-items a.scarves span{
background-position: 0 -60px;
}
.wardrobe-items a.scarves i{
left: 11px;
top: 10px;
}
.wardrobe-items a.tops,
.wardrobe-items a.tops span{
background-image: url("../img/layout/wrdr-tshirts.png");
top: 176px;
left: 228px;
width: 62px;
height: 54px;
z-index: 100;
}
.wardrobe-items a.tops:hover, .wardrobe-items a.tops:focus,
.wardrobe-items a.tops span{
background-position: 0 -56px;
}
.wardrobe-items a.tops i{
left: 0;
top: 18px;
}
.wardrobe-items a.bras,
.wardrobe-items a.bras span{
background-image: url("../img/layout/wrdr-underwear-bras.png");
top: 283px;
left: 240px;
width: 50px;
height: 32px;
z-index: 100;
}
.wardrobe-items a.bras:hover, .wardrobe-items a.bras:focus,
.wardrobe-items a.bras span{
background-position: 0 -34px;
}
.wardrobe-items a.bras i{
left: 0;
top: 15px;
}
.wardrobe-items a.underwear,
.wardrobe-items a.underwear span{
background-image: url("../img/layout/wrdr-underwear-bikini.png");
top: 236px;
left: 212px;
width: 78px;
height: 64px;
z-index: 100;
}
.wardrobe-items a.underwear:hover, .wardrobe-items a.underwear:focus,
.wardrobe-items a.underwear span{
background-position: 0 -65px;
}
.wardrobe-items a.underwear i{
left: -21px;
top: 38px;
}
.wardrobe-items a.belts,
.wardrobe-items a.belts span{
background-image: url("../img/layout/wrdr-belt.png");
top: 345px;
left: 228px;
width: 38px;
height: 33px;
z-index: 100;
}
.wardrobe-items a.belts:hover, .wardrobe-items a.belts:focus,
.wardrobe-items a.belts span{
background-position: 0 -35px;
}
.wardrobe-items a.belts i{
left: -27px;
top: 12px;
}
.wardrobe-items a.socks,
.wardrobe-items a.socks span{
background-image: url("../img/layout/wrdr-socks.png");
top: 345px;
left: 259px;
width: 31px;
height: 40px;
z-index: 100;
}
.wardrobe-items a.socks:hover, .wardrobe-items a.socks:focus,
.wardrobe-items a.socks span{
background-position: 0 -42px;
}
.wardrobe-items a.socks i{
left: -10px;
top: 7px;
}
.wardrobe-items a.shoes,
.wardrobe-items a.shoes span{
background-image: url("../img/layout/wrdr-shoes.png");
top: 395px;
left: 215px;
width: 75px;
height: 136px;
z-index: 100;
}
.wardrobe-items a.shoes:hover, .wardrobe-items a.shoes:focus,
.wardrobe-items a.shoes span{
background-position: 0 -138px;
}
.wardrobe-items a.shoes i{
top: 18px;
left: 0;
}
.table-items a.earrings,
.table-items a.earrings span{
background-image: url("../img/layout/wrdr-earrings.png");
left: 36px;
top: 146px;
width: 61px;
height: 27px;
z-index: 100;
}
.table-items a.earrings:hover, .table-items a.earrings:focus,
.table-items a.earrings span{
background-position: 0 -30px;
}
.table-items a.earrings i{
left: 0;
top: -22px;
}
.table-items a.rings,
.table-items a.rings span{
background-image: url("../img/layout/wrdr-rings.png");
left: 27px;
top: 177px;
width: 77px;
height: 16px;
z-index: 100;
}
.table-items a.rings:hover, .table-items a.rings:focus,
.table-items a.rings span{
background-position: 0 -16px;
}
.table-items a.rings i{
left: -4px;
top: -6px;
}
.table-items a.bracelets,
.table-items a.bracelets span{
background-image: url("../img/layout/wrdr-bracelet.png");
left: 57px;
top: 207px;
width: 45px;
height: 23px;
z-index: 90;
}
.table-items a.bracelets:hover, .table-items a.bracelets:focus,
.table-items a.bracelets span{
background-position: 0 -25px;
}
.table-items a.bracelets i{
left: 21px;
top: -9px;
}
.table-items a.necklaces,
.table-items a.necklaces span{
background-image: url("../img/layout/wrdr-necklace.png");
left: 26px;
top: 214px;
width: 34px;
height: 44px;
z-index: 90;
}
.table-items a.necklaces:hover, .table-items a.necklaces:focus,
.table-items a.necklaces span{
background-position: 0 -46px;
}
.table-items a.necklaces i{
left: 8px;
top: -15px;
}
.table-items a.glasses,
.table-items a.glasses span{
background-image: url("../img/layout/wrdr-glasses.png");
left: 91px;
top: 244px;
width: 56px;
height: 17px;
z-index: 100;
}
.table-items a.glasses:hover, .table-items a.glasses:focus,
.table-items a.glasses span{
background-position: 0 -19px;
}
.table-items a.glasses i{
left: 14px;
top: -20px;
}
.table-items a.hair-accessories,
.table-items a.hair-accessories span{
background-image: url("../img/layout/wrdr-coronet.png");
left: 166px;
top: 214px;
width: 40px;
height: 37px;
z-index: 100;
}
.table-items a.hair-accessories:hover, .table-items a.hair-accessories:focus,
.table-items a.hair-accessories span{
background-position: 0 -39px;
}
.table-items a.hair-accessories i{
left: 5px;
top: -8px;
}
/* ----boyfriend wardrobeItems---- */
.boyfriend-wardrobe .wardrobe-items a.pants{
background-image: url("../img/layout/bf-wardrobe/wrdr-pants.png");
height: 155px;
left: -466px;
top: 99px;
width: 91px;
z-index: 100;
}
.boyfriend-wardrobe .wardrobe-items a.pants:hover,
.boyfriend-wardrobe .wardrobe-items a.pants:focus{
background-position: 0 -155px;
}
.boyfriend-wardrobe a.pants i{
left: 52px;
top: 98px;
}
.boyfriend-wardrobe .wardrobe-items a.coats{
background-image: url("../img/layout/bf-wardrobe/wrdr-coats.png");
height: 222px;
left: -594px;
top: 54px;
width: 142px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.coats:hover,
.boyfriend-wardrobe .wardrobe-items a.coats:focus{
background-position: 0 -228px;
}
.boyfriend-wardrobe a.coats i{
left: 64px;
top: 83px;
}
.boyfriend-wardrobe .wardrobe-items a.shirts{
background-image: url("../img/layout/bf-wardrobe/wrdr-shirts.png");
height: 210px;
left: -618px;
top: 41px;
width: 75px;
z-index: 103;
}
.boyfriend-wardrobe .wardrobe-items a.shirts:hover,
.boyfriend-wardrobe .wardrobe-items a.shirts:focus{
background-position: 0 -234px;
}
.boyfriend-wardrobe a.shirts i{
left: 13px;
top: 37px;
}
.boyfriend-wardrobe .wardrobe-items a.vests{
background-image: url("../img/layout/bf-wardrobe/wrdr-vests.png");
height: 131px;
left: -493px;
top: 85px;
width: 91px;
z-index: 101;
}
.boyfriend-wardrobe .wardrobe-items a.vests:hover,
.boyfriend-wardrobe .wardrobe-items a.vests:focus{
background-position: 0 -142px;
}
.boyfriend-wardrobe a.vests i{
left: 36px;
top: 86px;
}
.boyfriend-wardrobe .wardrobe-items a.bags{
background: url("../img/layout/bf-wardrobe/wrdr-bags.png") no-repeat 0 10px;
height: 105px;
left: -613px;
top: 240px;
width: 112px;
z-index: 103;
}
.boyfriend-wardrobe .wardrobe-items a.bags:hover,
.boyfriend-wardrobe .wardrobe-items a.bags:focus{
background-position: 0 -95px;
}
.boyfriend-wardrobe a.bags i{
left: 34px;
top: 49px;
}
.boyfriend-wardrobe .wardrobe-items a.shoes{
background: url("../img/layout/bf-wardrobe/wrdr-shoes.png") no-repeat scroll -26px 4px rgba(0, 0, 0, 0);
height: 89px;
left: -543px;
top: 445px;
width: 112px;
z-index: 100;
}
.boyfriend-wardrobe .wardrobe-items a.shoes:hover,
.boyfriend-wardrobe .wardrobe-items a.shoes:focus{
background-position: -26px -105px;
}
.boyfriend-wardrobe a.shoes i{
left: 52px;
top: 17px;
}
.boyfriend-wardrobe .wardrobe-items a.belts{
background: url("../img/layout/bf-wardrobe/wrdr-belts.png") no-repeat 0 10px;
height: 51px;
left: 123px;
top: 69px;
width: 64px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.belts:hover,
.boyfriend-wardrobe .wardrobe-items a.belts:focus{
background-position: 0 -47px;
}
.boyfriend-wardrobe a.belts i{
left: -11px;
top: 28px;
}
.boyfriend-wardrobe .wardrobe-items a.hats{
background: url("../img/layout/bf-wardrobe/wrdr-hats.png") no-repeat 0 10px;
height: 80px;
left: 175px;
top: 32px;
width: 86px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.hats:hover,
.boyfriend-wardrobe .wardrobe-items a.hats:focus{
background-position: 0 -78px;
}
.boyfriend-wardrobe a.hats i{
left: 0;
top: 61px;
}
.boyfriend-wardrobe .wardrobe-items a.scarves{
background: url("../img/layout/bf-wardrobe/wrdr-scarves.png") no-repeat 0 10px;
height: 59px;
left: 111px;
top: 139px;
width: 87px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.scarves:hover,
.boyfriend-wardrobe .wardrobe-items a.scarves:focus{
background-position: 0 -56px;
}
.boyfriend-wardrobe a.scarves i{
left: 0;
top: 21px;
}
.boyfriend-wardrobe .wardrobe-items a.accessories {
background: url("../img/layout/bf-wardrobe/wrdr-accessories.png") no-repeat 0 10px;
height: 38px;
left: 195px;
top: 136px;
width: 52px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.accessories:hover,
.boyfriend-wardrobe .wardrobe-items a.accessories:focus{
background-position: 0 -26px;
}
.boyfriend-wardrobe a.accessories i{
left: 6px;
top: 21px;
}
.boyfriend-wardrobe .wardrobe-items a.glasses {
background: url("../img/layout/bf-wardrobe/wrdr-glasses.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
height: 49px;
left: 164px;
top: 188px;
width: 74px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.glasses:hover,
.boyfriend-wardrobe .wardrobe-items a.glasses:focus{
background-position: 0 -41px;
}
.boyfriend-wardrobe a.glasses i{
left: -7px;
top: 21px;
}
.boyfriend-wardrobe .wardrobe-items a.tie {
background: url("../img/layout/bf-wardrobe/wrdr-tie.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
height: 63px;
left: 142px;
top: 242px;
width: 113px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.tie:hover,
.boyfriend-wardrobe .wardrobe-items a.tie:focus{
background-position: 0px -60px;
}
.boyfriend-wardrobe a.tie i{
left: 66px;
top: 29px;
}
.boyfriend-wardrobe .wardrobe-items a.jewelry {
background: url("../img/layout/bf-wardrobe/wrdr-jewelry.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
height: 49px;
left: 151px;
top: 294px;
width: 47px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.jewelry:hover,
.boyfriend-wardrobe .wardrobe-items a.jewelry:focus{
background-position: 0px -59px;
}
.boyfriend-wardrobe a.jewelry i{
left: 0;
top: 18px;
}
.boyfriend-wardrobe .wardrobe-items a.gloves {
background: url("../img/layout/bf-wardrobe/wrdr-gloves.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
height: 44px;
left: 201px;
top: 330px;
width: 49px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.gloves:hover,
.boyfriend-wardrobe .wardrobe-items a.gloves:focus{
background-position: 0 -46px;
}
.boyfriend-wardrobe a.gloves i{
}
.boyfriend-wardrobe .wardrobe-items a.socks {
background: url("../img/layout/bf-wardrobe/wrdr-socks.png") no-repeat scroll 0 27px rgba(0, 0, 0, 0);
height: 102px;
left: 96px;
top: 335px;
width: 107px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.socks:hover,
.boyfriend-wardrobe .wardrobe-items a.socks:focus{
background-position: 0 -95px;
}
.boyfriend-wardrobe a.socks i{
left: 0;
top: 83px;
}
.boyfriend-wardrobe .wardrobe-items a.underwear {
background: url("../img/layout/bf-wardrobe/wrdr-underwear.png") no-repeat scroll 0 34px rgba(0, 0, 0, 0);
height: 101px;
left: 141px;
top: 448px;
width: 123px;
z-index: 102;
}
.boyfriend-wardrobe .wardrobe-items a.underwear:hover,
.boyfriend-wardrobe .wardrobe-items a.underwear:focus{
background-position: 0 -88px;
}
.boyfriend-wardrobe a.underwear i{
left: 5px;
top: 85px;
}
.boyfriend-wardrobe .bags i,
.boyfriend-wardrobe .coats i,
.boyfriend-wardrobe .pants i,
.boyfriend-wardrobe .shirts i,
.boyfriend-wardrobe .shoes i,
.boyfriend-wardrobe .vests i{
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
/* ----wardrobeInventar---- */
.wardrobeInventar{
background: url("../img/layout/wrdr-inventar-bg.png") repeat-x scroll 0 0 transparent;
border-left: 1px solid #BBA6C1;
border-right: 1px solid #BBA6C1;
box-shadow: 0 0 6px #7A6381;
-moz-box-shadow: 0 0 6px #7A6381;
-webkit-box-shadow: 0 0 6px #7A6381;
height: 153px;
margin-left: 1px;
width: 976px;
}
.wardrobeInventar .left{
border-left: 1px solid #786274;
position: absolute;
top: 0;
left: 0;
height: 153px;
margin-left: -2px;
}
.wardrobeInventar .left a{
background: url("../img/layout/wrdr-inventar-move-l.png") no-repeat scroll 0 0 transparent;
display: block;
height: 47px;
margin-top: 52px;
width: 40px;
}
.wardrobeInventar .left a:hover{
background-position: 0 -48px;
}
.wardrobeInventar .inventarContent{
background: url('../img/layout/wrdr-inventar-lights-bg.png') no-repeat top center;
float: left;
margin: 0 auto;
position: relative;
width: 975px;
overflow: hidden;
}
.wardrobeInventar .inventarContent ul{
display: inline-block;
height: 150px;
}
.wardrobeInventar .inventarContent ul li a{
cursor: pointer;
position: relative;
}
.wardrobeInventar .inventarContent ul li a i{
left: auto;
right: 0;
top: 0;
z-index: 1;
}
.wardrobeInventar .inventarContent ul li,
.wardrobeInventarItemAnimation {
float: left;
width: 74px;
}
.wardrobeInventar .inventarContent ul li a img,
.wardrobeInventarItemAnimation a img,
.rightThumbs ul li a img,
.sc-inventar ul.sc-overview li a img {
border: 0;
width: 56px;
position: relative;
left: 10px;
top: 8px;
}
.wardrobeInventar .right{
border-right: 1px solid #786274;
position: absolute;
right: 0;
top: 0;
height: 153px;
margin-right: -2px;
}
.wardrobeInventar .right a{
background: url('../img/layout/wrdr-inventar-move-r.png') no-repeat;
display: block;
height: 47px;
margin-top: 52px;
width: 40px;
}
.wardrobeInventar .right a:hover{
background-position: 0 -48px;
}
/* ----wardrobeCategories---- */
.categories{
background: url('../img/layout/categories-bg.png') repeat-x 0 28px;
border-radius: 0 0 12px 12px;
-moz-border-radius: 0 0 12px 12px;
-webkit-border-radius: 0 0 12px 12px;
}
.categories table{
font-size: 14px;
margin: 0 auto;
padding: 0 5px;
}
.categories .title{
background: url('../img/layout/categories-title-bg.png') no-repeat;
height: 29px;
width: 100%;
}
.categoriesContent{
background: url("../img/layout/categories-floral-bg.png") no-repeat 0 bottom;
height: 123px;
margin-bottom: 1px;
}
.categories table tbody{
padding: 0 20px;
}
.categories .categoriesContent table td{
height: 17px;
padding: 5px 0 5px 9px;
}
.categories .categoriesContent table td.new-item{
background: url("../img/layout/label-new3.png") no-repeat scroll left 4px;
}
.categories .categoriesContent table a{
text-decoration: underline;
color: white;
padding-left: 3px;
}
/* ----pet wardrobe---- */
#wardrobeWrapper .pet-clothes-holder{
position: absolute;
bottom: 17px;
right: 117px;
}
#wardrobeWrapper .pet-clothes-category{
width: 268px;
border: 2px solid #f1e8e2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #ffddb8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjY4MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffddb8 0%, #ffffff 92%, #e66835 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffddb8), color-stop(92%,#ffffff), color-stop(100%,#e66835)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffddb8 0%,#ffffff 92%,#e66835 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffddb8 0%,#ffffff 92%,#e66835 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffddb8 0%,#ffffff 92%,#e66835 100%); /* IE10+ */
background: linear-gradient(top, #ffddb8 0%,#ffffff 92%,#e66835 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddb8', endColorstr='#e66835',GradientType=0 ); /* IE6-8 */
}
#wardrobeWrapper .pet-clothes-category ul{
display: inline-block;
margin: 18px 0 0 18px;
padding-bottom: 30px;
}
#wardrobeWrapper .pet-clothes-category ul li{
width: 44px;
height: 44px;
padding: 4px 0 0 4px;
border: 1px solid #e46834;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f2ece6;
position: relative;
float: left;
margin: 10px 11px 0 0;
-webkit-box-shadow: 0px 1px 2px 1px rgba(55, 16, 0, 0.2);
-moz-box-shadow: 0px 1px 2px 1px rgba(55, 16, 0, 0.2);
box-shadow: 0px 1px 2px 1px rgba(55, 16, 0, 0.2);
}
#wardrobeWrapper .pet-clothes-category ul li:hover{
-webkit-box-shadow: 0px 1px 3px 1px rgba(55, 16, 0, 0.6);
-moz-box-shadow: 0px 1px 3px 1px rgba(55, 16, 0, 0.6);
box-shadow: 0px 1px 3px 1px rgba(55, 16, 0, 0.6);
cursor: pointer;
}
#wardrobeWrapper .pet-clothes-category ul li img{}
#wardrobeWrapper .pet-clothes-category ul li span.blick{
display: block;
background: url('../img/layout/pcctb.png') no-repeat;
position: absolute;
width: 40px;
height: 23px;
}
/* --------------noLady--------------- */
body .wrapper.no-lady {
padding: 0 !important;
}
#nolady #content{
margin: 0;
padding: 0;
}
.createLadyWrapper{
background: url("../img/layout/no-lady-shadow.png") no-repeat scroll 366px 625px rgba(0, 0, 0, 0);
height: 616px;
position: relative;
font-family: 'Open Sans', sans-serif;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.tuneContainer .h1-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 127px;
opacity: 0;
padding: 0 50px 30px 146px;
-webkit-animation: no-lady-page .4s steps(6) forwards;
animation: no-lady-page .4s steps(6) forwards;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
@-webkit-keyframes no-lady-page{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
@keyframes no-lady-page{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
.tuneContainer h1 {
font-size: 40px;
color: #8c4f9b;
position: relative;
font-weight: lighter;
}
.createLadyWrapper .ladyWrapper{
left: 10px;
position: absolute;
top: 0;
}
.createLadyWrapper .random{
background: url("../img/layout/random-btn.png") no-repeat scroll 0 0 #5a1b6e;
border-radius: 50%;
height: 54px;
position: absolute;
right: 23px;
top: 300px;
transition: all 0.3s ease-out 0s;
width: 54px;
}
.ladyName {
clear: both;
margin: 61px 96px 20px 383px;
text-align: center;
z-index: 3;
}
.ladyName span span{
background: url("../img/layout/wrong-ok.png") no-repeat scroll 0 3px;
color: #ffa9d1;
display: inline-block;
font-weight: bold;
line-height: 18px;
margin-left: -18px;
padding: 3px 0 0 25px;
white-space: nowrap;
}
.ladyName span.ladyName-ok span{
background: url("../img/layout/wrong-ok.png") no-repeat 0 -19px;
color: #dcffa9;
}
.createLadyWrapper .tuneContainer {
margin: 0 0 0 338px;
width: 682px;
position: relative;
z-index: 3;
overflow: hidden;
height: 826px;
/* -webkit-animation: tuneContainer-anim 1.5s cubic-bezier(0,.71,0,1) forwards; */
/* animation: tuneContainer-anim 1.5s cubic-bezier(0,.71,0,1) forwards; */
}
@-webkit-keyframes tuneContainer-anim{
from{
height: 0;
padding-top: 0;
}
to{
height: 713px;
padding-top: 80px;
}
}
@keyframes tuneContainer-anim{
from{
height: 0;
padding-top: 0;
}
to{
height: 713px;
padding-top: 80px;
}
}
.no-lady-bg {
height: calc(100% - 25px);
width: 100%;
position: absolute;
top: 0;
transform: translateY(0);
transform-origin: top center;
animation: no-lady-page-bg .3s steps(7) forwards;
}
@keyframes no-lady-page-bg{
from{
transform: scaleY(0);
}
to{
transform: scaleY(1);
}
}
.tuneContainer > div {
position: relative;
}
element {
position: relative;
padding-top: 60px;
}
.createLadyWrapper .tune {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 40px;
opacity: 0;
-webkit-animation: tuneRow-anim .5s cubic-bezier(0,.71,0,1) forwards;
animation: tuneRow-anim .5s cubic-bezier(0,.71,0,1) forwards;
}
@-webkit-keyframes tuneRow-anim{
from{
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
to{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes tuneRow-anim{
from{
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
to{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.createLadyWrapper .tune:nth-of-type(2){
-webkit-animation-delay: .25s;
animation-delay: .25s;
}
.createLadyWrapper .tune:nth-of-type(3){
-webkit-animation-delay: .35s;
animation-delay: .35s;
}
.createLadyWrapper .tune:nth-of-type(4){
-webkit-animation-delay: .45s;
animation-delay: .45s;
}
.createLadyWrapper .tune:nth-of-type(5){
-webkit-animation-delay: .55s;
animation-delay: .55s;
}
.createLadyWrapper .tune > span {
text-align: right;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
color: #3a0155;
font-size: 20px;
margin-bottom: 20px;
position: relative;
}
.tuneContainer .thumbnail {
background: no-repeat;
width: 80px;
height: 80px;
margin: 0 0 20px 20px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
box-shadow: 0 3px 18px 0 rgba(70,10,100,.5);
}
.tuneContainer .thumbnail:hover {
box-shadow: 0 0 0 3px #fff,0 3px 18px 0 rgba(70,10,100,.5);
border-radius: 4px;
}
.tuneContainer .thumbnail.active {
border-radius: 2px;
animation: selected-thumb-anim .7s forwards;
}
@keyframes selected-thumb-anim{
10%, 20%{
box-shadow: 0 0 0 3px #eb39bb,0 3px 18px 0 rgba(70,10,100,.5);
}
20%,30%{
box-shadow: none;
}
30%, 40%{
box-shadow: 0 0 0 3px #eb39bb,0 3px 18px 0 rgba(70,10,100,.5);
}
40%,50%{
box-shadow: none;
}
50%, 100%{
box-shadow: 0 0 0 3px #eb39bb,0 3px 18px 0 rgba(70,10,100,.5);
}
}
.tuneContainer .thumbnail-bg {
background: #fff;
margin: 0;
}
.tuneContainer .bottom {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 122px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
opacity: 0;
-webkit-animation: no-lady-page .4s steps(6) forwards;
animation: no-lady-page .4s steps(6) forwards;
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.tuneContainer .btn-save-lady {
width: 200px;
margin-right: 19px;
}
.btn-random-lady{
width: 50px;
height: 50px;
}
.btn-random-lady svg {
fill: #c534d6;
position: relative !important;
width: 22px;
height: 18px;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
}
.btn-random-lady.btn-desabled svg{
fill: #a5a4a4;
}
.btn-random-lady:hover > svg {
-webkit-transform: rotateZ(1turn);
transform: rotateZ(1turn);
}
.btn-random-lady.btn-disabled:hover > svg {
-webkit-transform: none;
transform: none;
}
.btn-random-lady .tooltip {
font-size: 12px;
background: #fff;
color: #c534d6;
}
#nolady #floor::after {
content: "";
background: url("../img/layout/no-lady-shadow.png") no-repeat scroll center 0;
width: 590px;
height: 98px;
position: absolute;
bottom: 30px;
left: 50%;
z-index: 1000;
-webkit-transform: translateX(-16%);
-ms-transform: translateX(-16%);
transform: translateX(-16%);
}
/* THUMBNAILS */
.thumbnail{
background: url('../img/layout/main-thumbs-bg.png') no-repeat;
width: 100px;
height: 100px;
position: relative;
display: inline-block;
z-index: 2;
}
.thumbnail-hover:hover,
.thumbnail.active{
background-position: 0 -99px !important;
}
.thumbnail-bg{
background: url("../img/layout/thumb-sep-bg.jpg") no-repeat;
display: block;
height: 80px;
position: absolute;
width: 80px;
margin: 9px 0 0 10px;
}
.thumbnail-bf .thumbnail-bg{
background: url("../img/thumbs/boyfriend/bf-thumb-new.jpg") no-repeat;
}
.thumbnail-lady .thumbnail-bg{
background: url("../img/thumbs/lady-thumb-new.jpg") no-repeat;
}
.thumbnail > .thumbnail-bg span:not(.item-price-amount):not(.item-price-free):not(.item-fashion-points-amount):not(.inventory-item-boost){
background-color: #9B2F6C;
color: white;
line-height: 20px;
font: bold 12px arial,sanserif;
opacity: 0.8;
position: absolute;
padding: 0 3px;
text-shadow: 0 1px 1px #240024;
}
.thumbnail.beauty-pageant-pass-slot .thumbnail-bg {
background: url("../img/layout/inventory-img.jpg") -80px -1360px no-repeat;
}
.thumbnail.beauty-pageant-energy-slot .thumbnail-bg {
background: url("../img/layout/inventory-img.jpg") 0 -1280px no-repeat;
}
.thumbnail.arena-energy-slot .thumbnail-bg {
background: url("../img/layout/inventory-img.jpg") -80px -1280px no-repeat;
}
.thumbnail-bg .thumbnail-top-right{
border-radius: 0 0 0 4px;
-webkit-border-radius: 0 0 0 4px;
top: 0;
right: 0;
}
.thumbnail-bg > img:first-child{
float: left;
}
.thumbnail-bg span img{
margin-bottom: -4px;
}
.thumbnail-bg .thumbnail-top-left{
border-radius: 0 0 4px 0;
-webkit-border-radius: 0 0 4px 0;
top: 0;
left: 0;
}
.thumbnail-bg .thumbnail-bottom-right{
bottom: 0;
right: 0;
border-radius: 4px 0 0 0;
-webkit-border-radius: 4px 0 0 0;
}
.thumbnail-bg .thumbnail-bottom-left{
bottom: 0;
left: 0;
border-radius: 0 4px 0 0;
-webkit-border-radius: 0 4px 0 0;
}
.thumbnail-bg .thumbnail-bottom{
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 4px;
text-align: center;
}
.thumbnail-label-favourite {
position: absolute;
fill: #f62ca5;
width: 16px;
height: 15px;
top: -4px;
left: -3px;
stroke: white;
stroke-width: 1px;
filter: drop-shadow(0px 0px 1px rgb(100, 30, 50));
}
.storeItemsHolder div.total-bill {
position: relative;
}
.total-bill .thumbnail-label-discount {
background: rgba(0, 0, 0, 0) url("../img/layout/label-discount2.png") no-repeat scroll 0 0!important;
height: 45px;
left: -4px;
position: absolute;
top: -15px;
width: 43px;
}
.thumbnail-bg .thumbnail-label-discount{
background: rgba(0, 0, 0, 0) url("../img/layout/label-discount2.png") no-repeat scroll 0 0!important;
height: 45px;
left: -7px;
position: absolute;
top: -7px;
width: 43px;
}
.thumbnail-bg .thumbnail-label-new{
background: rgba(0, 0, 0, 0) url("../img/layout/label-new5.png") no-repeat scroll 0 0!important;
height: 45px;
left: -7px;
position: absolute;
top: -7px;
width: 42px;
}
/* LDPTHREE-10041 */
.thumbnail-bg .special-item-event-2019-11-20 {
background: rgba(0, 0, 0, 0) url("../img/layout/label-new-halloween.png") no-repeat scroll 0 0!important;
}
.thumbnail-bg .thumbnail-label-new.anim{
-webkit-animation: thumbnail-new 1s ease-out 0s infinite normal;
animation: thumbnail-new 1s ease-out 0s infinite normal;
}
@-webkit-keyframes thumbnail-new{
from{opacity: 0;}
to{opacity: 1;}
}
@keyframes thumbnail-new{
from{opacity: 0;}
to{opacity: 1;}
}
.tooltipTxt {
width: 50px;
height: 14px;
z-index: 1000;
position: absolute;
top: 0;
right: 0;
}
.thumbnail .color, thumb .color{
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
}
.thumbnail .close,
.thumbnail .icon-eye,
.thumb .close-thumb,
.albumsList .close,
.singlePicture .close,
#rightThumbsList .close{
background: url('../img/layout/wrdr-thumbs-close.png') no-repeat;
display:block;
width: 22px;
height: 20px;
position: absolute;
left: 78px;
z-index: 3;
}
#rightThumbsList .close{
left: 57px;
}
.thumbnail .close:hover,
.thumb .close-thumb:hover,
.albumsList .close:hover,
.singlePicture .close:hover,
#rightThumbsList .close:hover{
background-position: 0 -21px;
cursor:pointer;
}
.sc-inventar ul.sc-overview li a.close{
display:none;
}
.makeupBox.lucky-cards .boxBlick ul.outfits li,
.makeupBox.lucky-cards .boxBlick .luckyCard-big span.item-thumb,
span.item-thumb{
background: url('../img/layout/main-thumbs-bg.png') no-repeat;
width: 100px;
height: 100px;
float: left;
position: relative;
}
.createLadyWrapper .tune ul li input {
display: none;
}
/* ----itemColorTooltip---- */
.itemColorTooltip{
position: absolute;
width: 160px;
z-index: 100000;
top:340px;
left:620px;
}
.furnitureWrapper .itemColorTooltip{
position: absolute;
width: 160px;
z-index: 100000;
top:110px;
left:300px;
}
.itemColorTooltip > div{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: white;
padding: 3px 3px 3px 5px;
box-shadow: 0 0 6px #7A6381;
-moz-box-shadow: 0 0 6px #7A6381;
-webkit-box-shadow: 0 0 6px #7A6381;
}
.itemColorTooltip dl{
line-height: 1px;
overflow: hidden;
padding: 2px 0px 2px 1px;
}
.itemColorTooltip dl dd{
float: left;
padding: 2px;
position: relative;
}
.itemColorTooltip dl dd a img{
border: 1px solid #ccc;
}
.itemColorTooltip dl dd a:hover img{
box-shadow: 0 1px 3px #2d0839;
-moz-box-shadow: 0 1px 3px #2d0839;
-webkit-box-shadow: 0 1px 3px #2d0839;
border: 1px solid #66516d;
}
.itemColorTooltip .arrow{
background: url("../img/layout/item-tooltip-arrow.png") no-repeat 22px 0;
display: block;
height: 26px;
}
.colorList .color-count{
color: #666666;
margin-left: 3px;
position: relative;
right: 3px;
top: -4px;
}
/* --------------jobs--------------- */
.jobHolder{
position: relative;
margin-bottom: 22px !important;
}
.jobContent{
background: url("../img/layout/job-bg.png") no-repeat;
width: 480px;
height: 164px;
}
.jobContent.fashion{
background: url("../img/layout/job-f-bg.png") no-repeat;
}
#jobsHolder.leftContent .jobContent .jobPicture-holder,
.rightContent.jobs .jobContent.fashion .jobPicture-holder,
.makeupBox.gaining-emeralds .emeralds-place .place-pic{
background: #F9F6E1 url("../img/layout/jobs-img-bg.jpg") no-repeat;
margin: 22px 6px 0 16px;
float: left;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #d4b3e2;
-webkit-box-shadow: 0 0 20px 2px #512061 inset, 0 1px 2px 0 #2D0839;
-moz-box-shadow: 0 0 20px 2px #512061 inset, 0 1px 2px 0 #2D0839;
box-shadow: 0 0 20px 2px #512061 inset, 0 1px 2px 0 #2D0839;
}
.rightContent.jobs .jobContent.fashion .jobPicture-holder,
.makeupBox.gaining-emeralds .emeralds-place .place-pic{
background: #F9F6E1 url("../img/layout/ps-sm-img-bg.jpg") no-repeat;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture{
background: url("../img/layout/jobs-img.png") no-repeat;
display: block;
width: 140px;
height: 140px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-1{
background-position: -450px -150px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-2{
background-position: -300px -150px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-3{
background-position: -150px -150px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-4{
background-position: 0 0;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-5{
background-position: -450px 0;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-6{
background-position: -300px -0px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-7{
background-position: -600px -150px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-8{
background-position: -0px -150px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-9{
background-position: -600px -0px;
}
#jobsHolder.leftContent .jobPicture-holder .jobPicture.job-10{
background-position: -150px 0;
}
.rightContent.jobs .jobContent.fashion .jobPicture-holder .jobPicture,
.makeupBox.gaining-emeralds .emeralds-place .place-pic span{
background: url("../img/layout/ps-sm-img.png") no-repeat;
display: block;
width: 140px;
height: 140px;
}
.rightContent.jobs .jobContent.fashion .jobPicture-holder .jobPicture.job-1{
background-position: -6px -5px;
}
.rightContent.jobs .jobContent.fashion .jobPicture-holder .jobPicture.job-2{
background-position: -155px -3px;
}
.makeupBox.gaining-emeralds .emeralds-place .place-pic span.friends-pic{
background-position: -7px -158px;
}
.makeupBox.gaining-emeralds .emeralds-place .place-pic span.quest-pic{
background-position: -156px -158px;
}
.makeupBox.gaining-emeralds .emeralds-place .place-pic span.photo-pic{
background-position: -6px -6px;
}
.makeupBox.gaining-emeralds .emeralds-place .place-pic span.supermodels-pic{
background-position: -154px -3px;
}
.jobContent select{
float: right;
margin: 6px;
}
#startWorkingBox .tutorialDescription{
font-size: 14px;
font-weight: bold;
left: 175px;
line-height: 1.1;
padding-right: 14px;
position: absolute;
text-shadow: 0 0 1px #CF409C, 0 0 2px #CF409C, 0 0 3px #CF409C, 0 0 4px #CF409C;
top: 55px;
}
.jobSalary{
background: url("../img/layout/job-salary-bg.png") no-repeat;
color: #fff;
float: left;
font-weight: bold;
height: 35px;
margin: 7px 0px -3px 15px;
padding: 4px 0;
text-align: center;
text-shadow: 0 1px 0 #5A0056, 0 -1px 0 #5A0056, 1px 0px 0 #5A0056, -1px 0px 0 #5A0056, 0px 2px 3px #5A0056;
width: 285px;
}
.jobSalary span span{
font-size: 18px;
}
.jobContent p{
float: left;
height: 33px;
margin: 21px 0 2px 12px;
overflow: hidden;
width: 300px;
}
.dd-holder{
left: 170px;
position: absolute;
top: 136px;
color: #b50033;
font-weight: bold;
cursor: pointer;
min-width: 42px;
height: 26px;
padding: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 0px 0px #512061;
-moz-box-shadow: 0px 1px 0px 0px #512061;
box-shadow: 0px 1px 0px 0px #512061;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmOGQwZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 40%, #f8d0e9 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(60%,#f8d0e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 40%,#f8d0e9 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 40%,#f8d0e9 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 40%,#f8d0e9 60%); /* IE10+ */
background: linear-gradient(top, #ffffff 40%,#f8d0e9 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8d0e9',GradientType=0 ); /* IE6-8 */
}
.dd-arrow{
width: 20px;
height: 20px;
background: url("../img/layout/dropdown-btn.png") no-repeat top center;
display: block;
float: right;
}
.dd-hours{
float: left;
margin-top: 5px;
}
ul.work-time{
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: #f8d0e9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZDBlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #f8d0e9 0%, #ffffff 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d0e9), color-stop(97%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8d0e9 0%,#ffffff 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8d0e9 0%,#ffffff 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8d0e9 0%,#ffffff 97%); /* IE10+ */
background: linear-gradient(top, #f8d0e9 0%,#ffffff 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d0e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
display: none;
height: auto;
position: absolute;
top: 23px;
width: 100%;
z-index: 10;
left: 0;
}
ul.work-time li{
padding: 4px;
}
ul.work-time li:hover{
background: url("../img/layout/pet-dropdown-hover.jpg") repeat-x scroll center top transparent;
color: white;
}
.dd-holder:hover ul.work-time{
/*display: block;*/
cursor:pointer;
-webkit-box-shadow: 0px 1px 1px 0px #512061;
-moz-box-shadow: 0px 1px 1px 0px #512061;
box-shadow: 0px 1px 1px 0px #512061;
}
.dd-holder:hover .dd-arrow{
background-position: 0 -21px;
}
.jobContent p.ftv-info{
margin: 12px 0 2px 12px;
float: left;
}
.jobContent > span > p{
height: 63px;
margin: 21px 0 0 9px0;
text-shadow: 0 1px 0 #2D0839;
}
.jobContent span span.job-locked{
display: inline-block;
margin-left: 12px !important;
height: 49px !important;
}
.jobContent span span.job-locked > p{
background: url("../img/layout/locked-pet.png") no-repeat scroll -84px -1px transparent;
display: inline-block;
float: none;
height: auto;
line-height: 50px;
margin: 0 auto;
padding: 3px 0 0 58px;
width: auto;
}
.jobContent .jobProgress{
background-color: #9f73a9;
border: 1px solid #6e3b7f;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: bold;
height: 14px;
line-height: 13px;
padding: 5px 0 3px;
width: 172px;
position: relative;
float: left;
margin: 5px 0 0 5px;
box-shadow: 0 1px 0 #825093;
-moz-box-shadow: 0 1px 0 #825093;
-webkit-box-shadow: 0 1px 0 #825093;
text-shadow: 0 1px 0 #2D0839;
}
.jobContent .jobProgress.fashion{
width: 283px;
background-color: #836b89;
margin: 11px 0 4px 9px;
box-shadow: 0 1px 0 #321c39;
-moz-box-shadow: 0 1px 0 #321c39;
-webkit-box-shadow: 0 1px 0 #321c39;
}
.jobContent .jobProgress .barWrapper{
margin: -1px 7px 0;
width: 100px;
}
.jobContent.fashion .jobProgress .barWrapper{
width: 210px;
}
.outfitRequiredWrapper, .f-outfitRequiredWrapper{
background: url("../img/layout/job-outfit-top.png") no-repeat;
width: 480px;
padding-top: 15px;
/*position: absolute;*/
}
.f-outfitRequiredWrapper{
background: url("../img/layout/f-job-outfit-top.png") no-repeat;
}
.outfitRequiredWrapper.noRequired{
background: url("../img/layout/job-outfit-top2.png") no-repeat;
}
.f-outfitRequiredWrapper.noRequired{
background: url("../img/layout/f-job-outfit-top2.png") no-repeat;
}
.outfitRequiredWrapper.open{
z-index: 10;
}
.outfitRequiredContent{
background: url('../img/layout/outfit-content-bg.png') repeat-y 1px 0;
display: none;
}
.outfitRequiredContent .thumbnail-bg{
display: inline-block !important;
}
.boosters-checkbox{
margin: 0 0 0 46px;
text-align: center;
padding: 20px 0;
}
.boosters-checkbox input[type="checkbox"]{
display: none;
}
.boosters-checkbox label{
position: relative;
color: #a81a63;
font-weight: bold;
}
.boosters-checkbox label span{
background: url("../img/layout/checkbox.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
height: 46px;
left: -42px;
position: absolute;
top: -14px;
width: 46px;
}
.boosters-checkbox label input[type="checkbox"]:checked + span{
background-position: right 0;
}
.outfitRequiredContent ol{
overflow: hidden;
padding: 5px 35px 15px;
}
.outfitRequiredContent a.buyOutfit{
width: auto;
padding: 4px 20px;
display: inline-block;
}
.sketch-in a.buyOutfit.timer,
.itemsThumbHolder a.buyOutfit.timer{
cursor: default;
}
.sketch-in a.buyOutfit.timer:hover,
.itemsThumbHolder a.buyOutfit.timer:hover{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.outfitRequiredbottom{
background: url("../img/layout/outfit-drop-btn.png") no-repeat 1px 0;
height: 26px;
text-align: center;
}
.outfitRequiredbottom:hover{
background: url("../img/layout/outfit-drop-btn.png") no-repeat 1px -28px;
cursor: pointer;
}
.outfitRequiredbottom span{
float: left;
cursor: pointer;
color: #b50033;
font-weight: bold;
margin: 0 5px;
}
.outfitRequiredbottom span.arrows, .slider span.arrows {
background: url("../img/layout/arx.gif") no-repeat;
height: 7px;
width: 6px;
margin: 5px;
display: block;
}
.outfitRequiredbottom span.arrows.open{
background-position: 0 0;
}
.outfitRequiredbottom span.arrows.close{
background-position: -7px 0;
}
.slider span.arrows.open, .slider span.arrows.close-left{
background: url("../img/layout/arx.gif") no-repeat scroll -10px -8px transparent;
margin: 7px 0 7px 8px;
}
.slider span.arrows.close-left{
background-position: 0 -8px;
}
.slider span.arrows.close{
background: url("../img/layout/arx.gif") no-repeat -7px 0;
}
.outfitRequiredbottom a{
display: inline-block;
padding-top: 3px;
text-align: center;
width: auto;
}
.jobHolder .promo-wrap {
background-color: rgba(0,0,0,.6);
border-radius: 0 20px 20px 0;
display: flex;
font-size: 12px;
text-transform: none;
font-weight: normal;
justify-content: space-between;
align-items: center;
padding: 0 15px 0 25px;
transform: translate(-18px, 2px);
z-index: 1;
color: #ffcef1;
}
.jobHolder .promo-wrap .promo {
text-indent: -10000px;
width: 50px;
height: 25px;
background: url(../img/layout/starhouse/plus-50-percent.png) no-repeat 0 4px;
margin-right: 4px;
}
.jobHolder .fashion-logo{
background: url("../img/layout/fashion-logo.png") no-repeat;
height: 43px;
position: absolute;
right: 0;
top: -21px;
width: 51px;
}
#jobDescription-2.red,
#jobDescriptionFail-2{
color: red;
font-weight: bold;
}
a.my-ranking {
background: #c33586; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiNjMzM1ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDg4MmI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #c33586 72%, #d882b6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#c33586), color-stop(100%,#d882b6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c33586 72%,#d882b6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c33586 72%,#d882b6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c33586 72%,#d882b6 100%); /* IE10+ */
background: linear-gradient(top, #c33586 72%,#d882b6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c33586', endColorstr='#d882b6',GradientType=0 ); /* IE6-8 */
margin: 8px 0 0 14px;
padding: 2px 18px;
color: white;
border: 1px solid #eda0cc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 2px 0px #2d0839;
-moz-box-shadow: 0px 1px 2px 0px #2d0839;
box-shadow: 0px 1px 2px 0px #2d0839;
}
a.createAlbum.buy.off:hover{
background: #743c87; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiM3NDNjODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWM2ZWFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #743c87 72%, #9c6ead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#743c87), color-stop(100%,#9c6ead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #743c87 72%,#9c6ead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #743c87 72%,#9c6ead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #743c87 72%,#9c6ead 100%); /* IE10+ */
background: linear-gradient(top, #743c87 72%,#9c6ead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743c87', endColorstr='#9c6ead',GradientType=0 ); /* IE6-8 */
border: 1px solid #e0b4ef;
color:#fff !important
}
a.createAlbum.buy.back{
left: 10px;
position: absolute;
top: 57px;
}
a.createAlbum.buy.back span:before{
color: #fff;
content: "➤";
display: inline-block;
font-size: 13px;
left: -4px;
position: relative;
top: 2px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
a.createAlbum.buy.back:hover span:before{
color: #743c87;
}
#boyfriend .rank-top-control,
#profilePage .rank-top-control{
float: right;
margin-bottom: 40px;
margin-top: -55px;
width: 633px;
}
.galleryTopNav a.createAlbum span{
font-size: 15px;
font-weight:bold;
display: inline-block;
margin-right: 7px;
}
.galleryTopNav > div div.remaining{
background-color: white;
color: #743C87;
float: right;
margin: 8px -4px 0 10px;
padding: 3px 14px;
-webkit-box-shadow: inset 0px 1px 1px 1px #9474A6;
-moz-box-shadow: inset 0px 1px 1px 1px #9474A6;
box-shadow: inset 0px 1px 1px 1px #9474A6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a.createAlbum.buy,
a.rank-sorting{
background: rgb(129,70,147); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxNDY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc0M2M4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzgxNDY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjdlYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(129,70,147,1) 0%, rgba(116,60,135,1) 50%, rgba(129,70,147,1) 70%, rgba(175,126,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,70,147,1)), color-stop(50%,rgba(116,60,135,1)), color-stop(70%,rgba(129,70,147,1)), color-stop(100%,rgba(175,126,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(129,70,147,1) 0%,rgba(116,60,135,1) 50%,rgba(129,70,147,1) 70%,rgba(175,126,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(129,70,147,1) 0%,rgba(116,60,135,1) 50%,rgba(129,70,147,1) 70%,rgba(175,126,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(129,70,147,1) 0%,rgba(116,60,135,1) 50%,rgba(129,70,147,1) 70%,rgba(175,126,183,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(129,70,147,1) 0%,rgba(116,60,135,1) 50%,rgba(129,70,147,1) 70%,rgba(175,126,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#814693', endColorstr='#af7eb7',GradientType=0 ); /* IE6-8 */
border: 1px solid #d49ae7;
margin: 8px 17px 0 0;
padding: 2px 18px;
float: right;
position: relative;
z-index: 10;
}
.voting-gallery a.createAlbum.buy {
background: rgb(255,239,253);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,239,253,1) 0%, rgba(255,255,255,1) 30%, rgba(255,239,253,1) 50%, rgba(235,160,229,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,239,253,1)), color-stop(30%,rgba(255,255,255,1)), color-stop(50%,rgba(255,239,253,1)), color-stop(99%,rgba(235,160,229,1)));
background: -webkit-linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%);
background: -o-linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%);
background: -ms-linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%);
background: linear-gradient(to bottom, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeffd', endColorstr='#eba0e5',GradientType=0 );
}
.galleryControl {
color: #743C87;
font-size: 22px;
font-weight: bold;
text-align: center;
}
.galleryControl span {
text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}
.galleryControl a {
font-size: 12px;
font-weight: normal;
color: #743c87;
text-decoration: underline;
}
.galleryControl a:hover{
color: #c33586;
}
.galleryControl a.goBack{
float: left;
background: url("../img/layout/gallery-control-l.png") no-repeat scroll 0 -25px;
height: 24px;
line-height: 23px;
padding-left: 32px;
}
.galleryControl a.goBack:hover{
background: url("../img/layout/gallery-control-l.png") no-repeat scroll 0 0;
}
.galleryControl a.nextAlbum{
float: right;
background: url("../img/layout/gallery-control-r.png") no-repeat scroll right -25px;
height: 24px;
line-height: 23px;
padding-right: 32px;
}
.galleryControl a.nextAlbum:hover{
float: right;
background: url("../img/layout/gallery-control-r.png") no-repeat scroll right 0;
}
/*.albumsList, .picturesList{
margin: 5px 0;
width: 980px;
display: block;
}*/
body.game-ru .albumsList, body.game-ru .picturesList{
min-height:850px;
}
.albumsList .singleAlbum{
background: url("../img/layout/gallery-album-bg.png") no-repeat;
height: 200px;
padding: 16px 17px;
width: 155px;
position: relative;
display: inline-block;
}
.album_dfault_cover{
background:url("../img/layout/gallery-album-cover.jpg") no-repeat center top;
}
.singleAlbum > a.albumBackground{
background-color: #ffc88e;
background: -moz-linear-gradient(top, #ffb9e6 0%, #ffc88e 100%);
background: -webkit-linear-gradient(top, #ffb9e6 0%,#ffc88e 100%);
background: -o-linear-gradient(top, #ffb9e6 0%,#ffc88e 100%);
background: -ms-linear-gradient(top, #ffb9e6 0%,#ffc88e 100%);
background: linear-gradient(top, #ffb9e6 0%,#ffc88e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb9e6', endColorstr='#ffc88e',GradientType=0 );
display: block;
height: 195px;
width: 155px;
}
.singleAlbum.hover_album > a.albumBackground
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.singleAlbum a.albumBackground:hover{
background: #ffffff !important;
}
.singleAlbum > .albumBackground img,
.singleAlbum > .albumBackground div{
width: 126px;
height: 112px;
border: 4px solid #ab286d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: absolute;
top: 30px;
width: 126px;
left: 27px;
overflow: hidden;
}
.singleAlbum .albumName{
background: url('../img/layout/gallery-album-name-bg.png') no-repeat;
height: 25px;
left: 10px;
padding: 14px 0 0 6px;
position: absolute;
top: 130px;
width: 169px;
overflow: hidden;
text-shadow: 0px 1px 1px #72003c;
/*filter: dropshadow(color=#72003c, offx=0, offy=1);*/
}
.singleAlbum .albumName a.editName{
background: url(../img/layout/gallery-edit-name.png) no-repeat scroll -1px 0;
width: 16px;
height: 16px;
float: none;
margin: 0;
position: absolute;
top: -2px;
left: 7px;
cursor: pointer !important;
}
.singleAlbum .albumName a.editName:hover{
background-position: -1px -16px;
}
.singleAlbum .albumName a.editName.act{
background-position: -41px -16px;
}
.singleAlbum .albumName a.editName.act:hover{
background-position: -61px -16px;
}
.singleAlbum .albumName .value, .pictureName .value {
overflow: hidden;
text-align: center;
width: calc(100% - 10px);
position: absolute;
bottom: 6px;
padding: 0 10px 0 20px;
box-sizing: border-box;
font-size: 14px;
font-family: var(--main-font-family);
white-space: nowrap;
}
.imagesNumberThumb {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: auto;
bottom: 25px;
color: #9C0052;
}
.imagesNumberThumb img{
border:1px solid #b8b2b6;
position:absolute;
}
.imagesNumberThumb > div {
position: relative;
width: 155px;
height: 40px;
margin-left: 3px;
}
.albumsList .close, .singlePicture .close{
right: -10px;
top: -10px;
left: unset;
height: 22px;
background-position: 0px 2px;
}
/*.albumsList .close {
top: -10px;
left: auto;
right: -10px;
}*/
.party-gallery .singlePicture .close{
background-position: right top;
}
.albumsList .close:hover, .singlePicture .close:hover {
background-position: 0px -19px;
}
.singlePicture .close.remove{
background-position: -28px 0;
top: 30px;
}
.singlePicture .close.remove:hover{
background-position: -28px -21px;
}
.picturesList .singlePicture {
position: relative;
width: 134px;
height: 200px;
display: inline-block;
vertical-align: top;
margin: 0 6px 10px;
/*border: 4px solid transparent;*/
box-shadow: 0 0 10px 0 rgba(75, 52, 77, 0.54);
border-radius: 6px;
transition: border .3s;
}
.picturesList .singlePicture.ui-sortable-placeholder
{
height: 1px !important;
}
.picturesList .singlePicture a.dragger{
display: flex;
overflow: hidden;
justify-content: center;
}
#profileBox .picturesList .singlePicture a.dragger:hover{
cursor:pointer;
}
.picturesList .singlePicture:hover {
border-color: #fff;
}
.picturesList .singlePicture .pictureName, .albumsList .singleAlbum .albumName {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 5px;
color: #850047;
text-align: center;
overflow: visible;
z-index: 1;
box-sizing: border-box;
font-family: var(--main-font-family) !important;
}
a.editName {
background: url("../img/layout/gallery-edit-name.png") no-repeat scroll -2px 0;
width: 16px;
height: 16px;
float: left;
margin: -4px 4px 1px -1px;
cursor: pointer !important;
position: relative;
z-index: 10;
}
.picturesList .singlePicture .pictureName a.act,
.albumsList .singleAlbum .albumName{
background-position: -41px -16px;
}
.picturesList .singlePicture .pictureName a.act:hover,
.albumsList .singleAlbum .albumName a.act:hover{
background-position: -61px -16px;
}
.picturesList .singlePicture .pictureName a:hover,
.albumsList .singleAlbum .albumName a:hover{
background: url("../img/layout/gallery-edit-name.png") no-repeat scroll -2px -16px;
}
.picturesList .singlePicture .pictureName input, .albumsList .singleAlbum .albumName input {
height: 20px;
padding-left: 18px;
width: calc(100% - 10px);
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 6px;
}
.albumsList .singleAlbum .albumName {
left: 0;
}
/* -------------Voting gallery------------- */
.voting-gallery .makeupBox{
height: auto;
width: 100%;
float: none;
}
.voting-gallery .boxBlick{
padding: 10px 20px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
}
.voting-gallery .boxBlick h1{
font-weight: normal;
}
.voting-gallery .boxBlick h1 + div{
display: flex;
justify-content: space-between;
align-items: center;
}
.voting-gallery-timer {
background: url(../img/layout/quest-clock.png) no-repeat left 4px;
padding: 8px 14px 8px 35px;
}
.voting-gallery-timer,
.voting-gallery .boxBlick .createAlbum{
margin: 0 0 0 20px;
}
.party-state .photo-contest.voting-gallery .viewport {
height: 305px;
top: 0;
}
.voting-gallery ul{
display: flex;
flex-wrap: wrap;
}
.voting-gallery li {
display: inline-flex;
flex-direction: column;
width: 176px;
height: 290px;
margin: 0 25px 25px 0;
padding: 13px;
border-radius: 6px;
background-color: rgba(255,255,255,.7);
font-size: 15px;
box-sizing: border-box;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.35)
}
.photo-contest.voting-gallery li:first-child{
background-color: transparent;
justify-content: center;
box-shadow: none;
padding: 0;
}
.voting-gallery li:hover{
background-color: rgba(255,255,255,.9);
}
.voting-gallery li:nth-child(5n),
.photo-contest.voting-gallery li:nth-child(4n){
margin-right: 0;
}
.photo-contest.voting-gallery li:nth-child(5n){
margin-right: 25px;
}
.voting-gallery .gallery-img-top, .voting-gallery .gallery-img-bottom {
color: #866996;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.voting-gallery li img{
width: 100%;
margin: 10px 0;
}
.voting-gallery .heart-btn-inactive .icon-heart {
fill: #866996;
}
.voting-gallery .gallery-img-bottom .heart-btn + i {
font-stretch: normal;
color: #fe4698;
margin-left: 5px;
}
.voting-gallery .gallery-img-bottom .heart-btn-inactive,
.voting-gallery li .heart-btn-inactive:hover{
background: transparent;
box-shadow: none;
cursor: default;
}
.voting-gallery .gallery-img-bottom .heart-btn-inactive + i{
color: #866996 !important;
}
.gallery-bottom-btns {
position: relative;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.act-btn-global.gallery-page.view-more-btn {
top: 5px;
text-transform: capitalize;
border-radius: 35px;
}
a.act-btn-global.view-more-btn span.act-btn-top-blick.gallery-btns {
font-size: 14px;
font-style: italic;
width: auto;
padding: 6px 30px 3px 30px;
}
.gallery-bottom-btns a.back-to-top {
background: url("../img/layout/back-to-top.png") no-repeat top left;
float: right;
height: 43px;
margin-right: 15px;
width: 42px;
}
.gallery-bottom-btns a.back-to-top:hover {
background-position: right;
}
/* -------------furniture------------- */
.rightContent .furnitureWrapper{
margin: 0 !important;
width: 719px;
float: left;
}
.rightContent .furnitureWrapper .storeName{
background: url("../img/layout/stores-name-bg-wide.png") no-repeat;
height: 72px;
color: white;
font-size: 26px;
text-shadow: 0px 1px 2px #512061;
line-height: 27px;
text-align: center;
display:table;
width: 720px;
position: relative;
}
.rightContent .furnitureWrapper .storeItemsSorting,
#outfitsContainer .outfits-list-top{
background: url("../img/layout/stores-bg-t-wide.png") no-repeat;
height: 41px;
text-align: center;
}
.rightContent .furnitureWrapper .storeItemsHolder{
background: url("../img/layout/stores-bg-m-wide.png") repeat-y left top;
}
.rightContent .furnitureWrapper .storeItemsPaging{
background: url("../img/layout/stores-bg-b-wide.png") no-repeat;
height: 50px;
width:100%;
float: left;
}
.rightContent .furnitureWrapper .pagingWrapper{
padding: 4px 18px;
height: 50px;
width: 300px;
margin: 0;
}
/* --------------stores--------------- */
.rightContent .storesWrapper{
margin: 0 !important;
width: 312px;
float: left;
position: relative;
z-index: 4;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ff00fc+100&0.55+0,0.3+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.55) 0%, rgba(255,0,252,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.55) 0%,rgba(255,0,252,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%,rgba(255,0,252,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#4dff00fc',GradientType=0 ); /* IE6-9 */
box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
border-radius: 12px;
visibility: visible;
opacity: 1;
}
.shopping-cart-pets {
left: auto !important;
top: auto !important;
}
.rightContent .storesWrapper.hide{
opacity: 0;
visibility: hidden;
}
.makeupBox .strip-all-wrapper{
position: absolute;
overflow: hidden;
width: 99px;
height: 44px;
right: -99px;
top: 29px;
z-index: 3;
}
.makeupBox .strip-all-wrapper a.strip-all{
background: url("../img/layout/strip-all-btn-bsalon.png") no-repeat 0 0;
width: 99px;
height: 44px;
display: block;
text-align: center;
position: absolute;
right: 81px;
top: 1px;
color: white;
display: table;
text-shadow: 0 1px 2px #2D0839;
text-transform: uppercase;
-webkit-transition: right 0.2s ease-out;
-moz-transition: right 0.2s ease-out;
-ms-transition: right 0.2s ease-out;
-o-transition: right 0.2s ease-out;
transition: right 0.2s ease-out;
}
.makeupBox .strip-all-wrapper a.strip-all span {
padding: 0 5px 4px 2px !important;
display: table-cell;
vertical-align: middle;
}
.makeupBox .strip-all-wrapper a.strip-all:hover{
background-position: 0 -47px;
right: -1px;
}
.rightContent .storeName {
color: #ff4c87;
font-size: 26px;
padding: 20px 0;
text-align: center;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.rightContent .storeName .storeName-title, .rightContent .storeName .storeNameitemsUnlocked {
line-height: 1.2;
display: inline-block;
padding: 10px 30px 10px 30px;
}
.rightContent .storeName .storeNameitemsUnlocked {
font-size: var(--font-size-18);
color: var(--font-color-default-dark);
}
.collection-locked-unlock-area .unlock-btn {
-webkit-animation: collection-unlock-btn .2s 2 linear;
animation: collection-unlock-btn .2s 2 linear;
}
@-webkit-keyframes collection-unlock-btn{
0%{
-webkit-transform:translateX(0);
transform:translateX(0);
}
30%{
-webkit-transform:translateX(10px);
transform:translateX(10px);
}
65%{
-webkit-transform:translateX(-10px);
transform:translateX(-10px);
}
100%{
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes collection-unlock-btn{
0%{
-webkit-transform:translateX(0);
transform:translateX(0);
}
30%{
-webkit-transform:translateX(10px);
transform:translateX(10px);
}
65%{
-webkit-transform:translateX(-10px);
transform:translateX(-10px);
}
100%{
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.empty-store-message {
color: #ff4c87;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
text-align: center;
display: block;
font-style: italic;
font-size: 16px;
margin-top: 40px;
padding: 0 20px;
font-weight: bold;
}
.rightContent .storeItemsSorting {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btn-sort-up .sort-arrow-down {
opacity: .5;
}
.btn-sort-down .sort-arrow-up {
opacity: .5;
}
.rightContent .furnitureWrapper div.total > span,
.rightContent .storesWrapper div.total > span{
text-transform: uppercase;
text-shadow: 0px 1px 2px #512061;
}
.rightContent .furnitureWrapper div.total > span > span,
.rightContent .storesWrapper div.total > span > span,
.texture-box.cart .total .itemsNumber{
font-weight: bold;
font-size: 18px;
margin: 0 4px;
color: #fdcf62;
}
#outfitsContainer .outfits-list-container .myOutfits{
padding: 0px 5px 0 15px;
height: 545px;
/* max-width: 300px;*/
}
.rightContent .storeItemsPaging {
text-align: center;
margin-bottom: 20px;
}
.rightContent #cartClothesBox .storeItemsPaging{
background: none;
float: none;
}
.rightContent .furnitureWrapper div.total > span,
.rightContent .storesWrapper div.total > span{
display: inline-block;
padding: 2px 12px;
}
.rightContent .furnitureWrapper .storeItemsHolder ul,
.rightContent .makeupBox .boxBlick ul{
padding: 12px 12px 18px;
text-align: center;
}
span.storeItemPoints, span.storeItemPrice{
background-color: #9B2F6C;
height: 19px;
position: absolute;
opacity:0.8;
filter: alpha(opacity=80);
color: white;
font-weight: bold;
line-height: 20px;
}
.thumbnail span.lc-award-amount{
background: #fff none repeat scroll 0 0 !important;
border: 1px solid #c7908d;
border-radius: 12px;
color: #ac4646;
font-size: 13px;
font-weight: bold !important;
height: 18px;
left: -2px;
line-height: 19px !important;
padding: 0 6px !important;
position: absolute;
text-shadow: 0 0 2px white;
top: -2px;
}
span.storeItemPrice{
left: 3px;
top: 61px;
width: 74px;
text-align: center;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-shadow: 0 1px 1px #240024;
}
.storeItemPoints{
left: auto;
right: 0;
top: 0;
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
text-shadow: 0 1px 1px #240024;
padding-right: 3px;
}
.itemsThumb.ach-pop span.storeItemPoints.cart{
right: 0px !important;
}
.rightContent .furnitureWrapper .storeItemsHolder ul, .rightContent .storesWrapper .storeItemsHolder ul, .rightContent .makeupBox .boxBlick ul{
padding: 12px 12px 18px;
text-align: center;
}
.rightContent .furnitureWrapper .storeItemsHolder ul li:hover span,
.rightContent .storesWrapper .storeItemsHolder ul li:hover span:not(.thumbnail-label-new),
.rightContent .storesWrapper .storeItemsHolder ul li:hover .thumbnail-bottom{
background-color: white !important;
opacity:0.9;
filter: alpha(opacity=90);
color: #9B2F6C !important;
z-index: 2;
text-shadow: none !important;
}
.rightContent .furnitureWrapper .storeItemsHolder ul li:hover span.t-check{
background-position: 3px -10px;
}
.item-thumb .fashion-points{
background: url("../img/layout/item-price-points-ico.png") no-repeat scroll 0 0 transparent;
margin: 0 0 0 2px;
padding: 0 0 0 16px;
}
.sketch-in #trainList .prbarHolder a.oval-act-btn span > img{
margin-bottom: -4px;
}
.storeItemsHolder li,
#cart-clothes-box li,
#cartClothesBox li{
margin: -4px;
cursor: pointer;
}
.rightContent .furnitureWrapper .storeItemsHolder ul li a .item,
.rightContent .backgroundBox ul li a .item,
.rightContent .storesWrapper .storeItemsHolder ul li a .item{
height: 80px;
position: absolute;
width: 80px;
top: 0;
z-index: 1;
}
.rightContent .furnitureWrapper .storeItemsHolder ul li a .item.lock,
.rightContent .backgroundBox ul li a .item.lock,
.rightContent .storesWrapper .storeItemsHolder ul li a .item.lock{
background: url('../img/layout/locked-item.png') no-repeat;
}
.rightContent .furnitureWrapper .storeItemsHolder ul li a .item.open,
.rightContent .storesWrapper .storeItemsHolder ul li a .item.open{
background: none;
}
.rightContent .storesWrapper .pagingWrapper{
margin: 0;
}
.storePages {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.storePages.storePages-wardrobe {
height: 40px;
width: auto;
background-color: rgba(255,255,255,.35);
border-radius: 20px;
margin: 0 auto;
padding: 0 10px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.pagingLeft{
background: url('../img/layout/pl.png') no-repeat;
display: inline-block;
width: 33px !important;
height: 24px;
line-height: 24px;
margin-right: 8px;
}
.pagingLeft:hover{
background: url('../img/layout/plo.png') no-repeat;
}
.pagingRight{
background: url('../img/layout/pr.png') no-repeat;
display: inline-block;
width: 33px !important;
height: 24px;
line-height: 24px;
margin-left: 8px;
}
.pagingRight:hover{
background: url('../img/layout/pro.png') no-repeat;
}
/* --------------shopping-bag-cart--------------- */
#guildDuelResult .content,
.texture-box .total,
.storeResponseMsg{
width: 278px;
height: 40px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjMTA2MCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxMjA2MSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(76,16,96,0.7) 0%, rgba(81,32,97,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,16,96,0.7)), color-stop(100%,rgba(81,32,97,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(76,16,96,0.7) 0%,rgba(81,32,97,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(76,16,96,0.7) 0%,rgba(81,32,97,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(76,16,96,0.7) 0%,rgba(81,32,97,0.7) 100%); /* IE10+ */
background: linear-gradient(top, rgba(76,16,96,0.7) 0%,rgba(81,32,97,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34c1060', endColorstr='#b3512061',GradientType=0 ); /* IE6-8 */
margin: 4px auto 20px;
/* opacity:0.7;
filter: alpha(opacity=70); */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #886995;
-webkit-box-shadow: inset 0px 3px 5px 0px #391345;
-moz-box-shadow: inset 0px 3px 5px 0px #391345;
box-shadow: inset 0px 3px 5px 0px #391345;
text-align: center;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 3px #2D0839;
}
.jobContent.fashion span span.job-locked{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-8 */
border: 1px solid #444;
-webkit-box-shadow: inset 0px 3px 5px 0px #111;
-moz-box-shadow: inset 0px 3px 5px 0px #111;
box-shadow: inset 0px 3px 5px 0px #111;
}
.storeResponseMsg{
height: auto;
margin: 0 auto 30px;
padding: 20px;
top: 11px;
width: 278px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.storeItemsHolder .reward-btn{
background: rgba(0, 0, 0, 0) url("../img/layout/reward-btn.png") no-repeat scroll 0 0;
box-sizing: border-box;
display: table;
font: bold 14px Arial;
height: 116px;
margin: -20px auto 10px;
padding: 23px 25px 25px 100px;
text-shadow: 0 1px 0 #fff;
text-transform: uppercase;
width: 251px;
-webkit-animation: 1s steps(2) infinite reward-btn;
animation: 1s steps(2) infinite reward-btn;
}
@-webkit-keyframes reward-btn {
0% {
background-position: 0 center;
}
100% {
background-position: -502px center;
}
}
@keyframes reward-btn {
0% {
background-position: 0 center;
}
100% {
background-position: -502px center;
}
}
.storeItemsHolder .reward-btn span{
display: table-cell;
vertical-align: middle;
}
.rightContent div.total > span{
margin-top: 6px;
}
.furnitureWrapper .storeItemsHolder .bill-title,
.storesWrapper .storeItemsHolder .bill-title,
.texture-box .bill-title{
background: none;
padding: 0;
}
.furnitureWrapper .storeItemsHolder .total.bill > span,
.storesWrapper .storeItemsHolder .total.bill > span,
.texture-box .total.bill > span{
padding-top: 0;
margin-top: 10px !important;
}
.rightContent .furnitureWrapper div.total > span > span img,
.rightContent .storesWrapper div.total > span > span img,
.texture-box.cart .total .itemsNumber img{
margin: -2px 2px -4px;
}
#wardrobe-container .sc-options-holder {
position: absolute;
top: 106px;
z-index: 100;
right: auto;
left: 564px;
}
.mall-stores .sc-options-holder {
position: absolute;
top: 103px;
z-index: 100;
right: auto;
left: 564px;
}
#mall-right-thumbs-list .overview{
position:relative; /*find solution && remove later*/
}
#mall-right-thumbs-list .viewport{
position:absolute;/*find solution && remove later*/
max-height: 370px;
}
.sc-options-holder a.sc-change-order, .sc-options-holder a.sc-strip-all {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100px;
height: 37px;
text-align: center;
color: var(--font-color-default-dark);
font-size: var(--font-size-14);
border-radius: 0 10px 0 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
box-sizing: border-box;
opacity: .8;
cursor: pointer;
}
.lang-hu .sc-options-holder a.sc-change-order, .lang-hu .sc-options-holder a.sc-strip-all {
width: 126px;
}
.sc-options-holder a.sc-strip-all {
border-radius: 0 0 10px 0;
}
.rightContent .storesWrapper .sc-inventar,
#wardrobe-container .sc-inventar,
.mall-stores #mall-right-thumbs-list {
background: -webkit-linear-gradient(top, rgba(255,255,255,0.55) 0%, rgba(255,0,252,0.3) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%,rgba(255,0,252,0.3) 100%);
overflow: hidden;
height: 370px;
position: relative;
width: 100px;
}
/* --------------makeup--------------- */
.makeupBox,
.rightContent .rank-top-control,
table.popularity,
div.wrapper.wide div.streetView,
div.wrapper.wide div.streetViewNav{
background: url('../img/layout/makeup-box-bg.png') repeat;
padding: 0 2px 2px 0;
margin-bottom: 28px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 2px 4px 0px #7e695d;
-moz-box-shadow: 0px 2px 4px 0px #7e695d;
box-shadow: 0px 2px 4px 0px #7e695d;
border: 1px solid #816A80;
position: relative;
height: 530px;
float: left;
z-index: 2;
}
.opaque-box-bg{
background:url('../img/layout/makeup-box-bg-opaque.png') repeat 0 0 !important;
}
.bf-beauty-salon .makeupBox,
.makeupBox.dark-purple{
background: url('../img/layout/bf-box-bg.png') repeat;
}
.quests.makeupBox.style2.wide{
width: 99%;
text-align: center;
height: auto;
margin-bottom: 100px;
}
.quests.makeupBox.style2.wide .boxBlick{
padding: 20px 0;
color: #893B18;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
text-shadow: 0 1px 1px #FFFFFF;
}
.quests.makeupBox.style2.wide .boxBlick.no-quest{
background: url("../img/layout/no-quest-bg.png") no-repeat;
height: 85px;
width: 970px;
padding-top: 60px;
}
.makeupBox.style2{
padding: 0 2px 0px 0;
}
.vip.exchange .makeupBox,
.makeupBox.gaining-emeralds,
.makeupBox.black-box,
#vipShop-mynetPayments .makeupBox.style2.lines,
.fm-game-wrapper.makeupBox,
.limited-collection .content{
background: url("../img/layout/black-box-bg.png") repeat scroll 0 0 transparent;
border: 1px solid #725C7A;
}
.quests .makeupBox.wide.black-box.helloween-quest-header{
overflow: hidden;
}
#questsBox.quests div.hr{
background: url("../img/layout/helloween-quest-separator.png") repeat-x scroll 65px 0 transparent;
float: left;
height: 32px;
margin: -8px 0 14px;
width: 100%;
}
#questsBox.quests div.hr hr{
display: none;
}
.makeupBox.gaining-emeralds{
height: 380px;
}
.vip.talants .makeupBox,
.makeupBox.lucky-cards{
height:auto
}
.quests .makeupBox.style2:hover{
-webkit-box-shadow: 0px 2px 4px 2px #7e695d;
-moz-box-shadow: 0px 2px 4px 2px #7e695d;
box-shadow: 0px 2px 4px 2px #7e695d;
}
.makeupBox.tattoo{
float: none;
height: 440px;
width: 320px;
z-index: 3;
}
.makeupBox.tattoo.celebrity{
height: 250px;
}
.makeupBox.line{
width: 720px;
height: 147px;
}
.makeupBox.lines{
width: 720px;
}
.bf-beauty-salon .lines{
height: 345px;
}
.makeupBox.lines.tan{
height: auto;
}
.makeupBox.line.short{
width: 520px;
}
.makeupBox.messages{
height: auto !important;
padding-bottom: 0;
margin: 0 0 30px;
min-height: 30px;
}
#content.podium .makeupBox.messages{
width:970px
}
.makeupBox .storeClothesBox.short{
width: 500px;
}
.makeupBox.line.shorter{
width: 420px;
}
.makeupBox .storeClothesBox.shorter{
width: 400px
}
.makeupBox .storeClothesBox{
width: 700px;
overflow: hidden;
padding: 38px 0 0;
height: auto !important;
margin: -5px 0 0 10px;
}
.makeupBox .storeClothesBox.tattoo{
width: 300px;
}
.makeupBox:hover .scroll-h-wrapper,
#eventBoardRewards:hover .scroll-h-wrapper,
.scroll-h-holder:hover .scroll-h-wrapper{
filter: alpha(opacity=100);
opacity: 1;
}
.makeupBox:hover .scroll-h-wrapper .handle,
#eventBoardRewards:hover .handle,
.scroll-h-holder:hover .handle{
filter: alpha(opacity=100);
opacity: 1;
-webkit-box-shadow: 1px 1px #3f252d;
-moz-box-shadow: 1px 1px #3f252d;
box-shadow: 1px 1px #3f252d;
background: #492943;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiOTFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTI5NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #cb91b4 0%, #492943 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb91b4), color-stop(100%,#492943));
background: -webkit-linear-gradient(top, #cb91b4 0%,#492943 100%);
background: -o-linear-gradient(top, #cb91b4 0%,#492943 100%);
background: -ms-linear-gradient(top, #cb91b4 0%,#492943 100%);
background: linear-gradient(top, #cb91b4 0%,#492943 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb91b4', endColorstr='#492943',GradientType=0 );
}
.boxBlick{
background: url('../img/layout/makeup-box-blick.png') center top no-repeat;
height: 100%;
border:1px solid #E3CDB8;
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 4;
}
.makeupBox.gaining-emeralds div.boxBlick{
border:1px solid #8d8796;
text-align: center;
}
.boxBlick.message{
background: none;
}
.boxBlick.top{
background: url('../img/layout/top-nav-blk.png') center top no-repeat;
border: 1px solid #b4a3c1;
}
.rank-top-control.another-profile .boxBlick.top{
padding-left: 2px;
}
.boxBlick.top.paging{
border: none;
padding-top: 11px;
}
.boxBlick.top.paging.messages{
padding-top: 0;
}
.boxBlick.next{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
height:45px;
}
.makeupBox .storeClothesBox ol li{
float: left;
margin-top: -8px;
}
/* --h scroll-- */
.scroll-h-holder{
padding: 0 10px;
}
.scroll-h-wrapper{
margin: 6px 0 10px 0;
background-color: #f2dfd6;
display: inline-block;
position: relative;
width: 100%;
border: 1px solid #f1dec7;
filter: alpha(opacity=40);
opacity: 0.4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 1px 0px #896989;
-moz-box-shadow: inset 0px 1px 1px 0px #896989;
box-shadow: inset 0px 1px 1px 0px #896989;
height:5px;
}
.scroll-h-holder .scroll-h-wrapper .handle{
background-color: #9a6a8a;
display: block;
height: 5px;
cursor: url("../img/layout/new/openhand.cur"), default !important;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:absolute;
}
.scroll-h-holder .scroll-h-wrapper .handle:active {
cursor: url("../img/layout/new/closedhand.cur"), default !important;
}
.scroll-h-holder .scroll-h-wrapper .scrollbar {
position:relative;
height:10px;
}
.scroll-h-holder .scroll-h-wrapper .scrollbar .track {
position:relative;
height:10px;
}
.rtl .car-wrapper .viewport .overview {
width: auto;
}
.viewport .overview {
position:absolute;
top: 0;
left: 0;
width: 100%;
}
.viewport .overview.makeup {
position:absolute;
top: 32px;
left: 0;
}
.scroll-h-holder .scroll-h-wrapper .handle:after{
content: "";
display: block;
height: 20px;
left: 0;
position: absolute;
top: -7px;
width: 100%;
}
/* --v scroll-- */
.scroll-v-holder{
position: relative;
z-index: 1;
float: right;
margin: 0 6px;
}
.scroll-v-holder.welcome{
margin: 5px 2px 0 0;
}
.sketch-in .scroll-v-holder{
float:right;
margin: 5px 0 0 0;
background-color:#fff;
width:15px
}
.scroll-v-wrapper{
background-color: #f2dfd6;
display: inline-block;
position: relative;
width: 100%;
border: 1px solid #f1dec7;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 0 1px 0px #896989;
-moz-box-shadow: inset 1px 0 1px 0px #896989;
box-shadow: inset 1px 0 1px 0px #896989;
width: 5px;
}
.petType .scroll-v-wrapper,
.petsPage .scroll-v-wrapper,
.pet-list .scroll-v-wrapper,
#profilePage .scroll-v-wrapper{
height: 100%;
}
.scroll-v-holder:hover .scroll-v-wrapper{
filter: alpha(opacity=100);
opacity: 1;
}
.outfitsContainer .scroll-v-holder .scroll-v-wrapper{
height:475px
}
#profilePage .positioned.alone .scroll-v-wrapper{
height:300px;
}
.sketch-in .scroll-v-wrapper{
height:532px;
margin-right:2px
}
#myLady #inventoryBox.boxContent .scroll-v-wrapper{
height:272px;
margin-right:2px;
font-family: 'Courier New',Courier,monospace;
}
.sketch-in .viewport {
position:relative;
width: 210px;
height:530px;
margin: 5px 10px 10px 5px;
overflow:hidden;
}
.scroll-v-holder .scroll-v-wrapper .handle{
background-color: #9a6a8a;
display: block;
width: 5px;
cursor: url("../img/layout/new/openhand.cur"), default !important;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:absolute;
}
.scroll-v-holder:hover .scroll-v-wrapper .handle{
filter: alpha(opacity=100);
opacity: 1;
-webkit-box-shadow: 0 1px 1px 0 #3f252d;
-moz-box-shadow: 0 1px 1px 0 #3f252d;
box-shadow: 0 1px 1px 0 #3f252d;
background: #492943; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5Mjk0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjkxYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #492943 0%, #cb91b4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#492943), color-stop(100%,#cb91b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #492943 0%,#cb91b4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #492943 0%,#cb91b4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #492943 0%,#cb91b4 100%); /* IE10+ */
background: linear-gradient(left, #492943 0%,#cb91b4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#492943', endColorstr='#cb91b4',GradientType=1 ); /* IE6-8 */
}
.scroll-v-holder .scroll-v-wrapper .handle:after{
content: "";
display: block;
height: 100%;
left: -7px;
position: absolute;
top: -7px;
width: 47px;
}
.scroll-v-holder .scroll-v-wrapper .handle.train:after{
left: -12px;
width: 23px;
}
.scroll-v-holder .scroll-v-wrapper .handle.outfits:after{
width: 20px;
}
/* --v scroll 2 - Wardrobe thumbs-- */
.scroll-v2-holder{
float: right;
margin: 5px 6px 0 0;
}
.sc-inventar .scroll-v2-holder {
margin: 5px 6px 0 0;
}
.scroll-v2-wrapper{
background-color: #58305f;
height: 585px;
width: 5px;
position: relative;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.scroll-v2-holder .scroll-v2-wrapper .handle{
background-color: #7f4f87;
display: block;
width: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 2px 2px 0px #35123b;
-moz-box-shadow: 0px 2px 2px 0px #35123b;
box-shadow: 0px 2px 2px 0px #35123b;
position:absolute;
}
.scroll-v2-holder .scroll-v2-wrapper .handle:hover{
background: #b76fb1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiNzlhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2I3NmZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2I3NmZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjc5YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ab79a7 0%, #b76fb1 20%, #ffffff 50%, #b76fb1 80%, #ab79a7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab79a7), color-stop(20%,#b76fb1), color-stop(50%,#ffffff), color-stop(80%,#b76fb1), color-stop(100%,#ab79a7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ab79a7 0%,#b76fb1 20%,#ffffff 50%,#b76fb1 80%,#ab79a7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ab79a7 0%,#b76fb1 20%,#ffffff 50%,#b76fb1 80%,#ab79a7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ab79a7 0%,#b76fb1 20%,#ffffff 50%,#b76fb1 80%,#ab79a7 100%); /* IE10+ */
background: linear-gradient(top, #ab79a7 0%,#b76fb1 20%,#ffffff 50%,#b76fb1 80%,#ab79a7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab79a7', endColorstr='#ab79a7',GradientType=0 ); /* IE6-8 */
cursor: url("../img/layout/new/openhand.cur"), default !important;
}
.scroll-v2-holder .scroll-v2-wrapper .handle:active{
cursor: url("../img/layout/new/closedhand.cur"), default !important;
}
.scroll-v2-holder .scroll-v2-wrapper .handle:after{
content: "";
display: block;
height: 100%;
left: -7px;
position: absolute;
top: -7px;
width: 47px;
}
.rtl .car-wrapper .makeupBox .boxBlick ul{
width: auto;
}
.makeupBox .boxBlick ul:not(.ui-autocomplete){
width: 100%;
padding: 0 !important;
}
.makeupBox .boxBlick ul li{
float: left;
}
a.remove-btn{
display: none;
position: absolute;
top: 1px;
right: 1px;
font-size: 11px;
font-weight: bold;
color: #ffd6e5;
text-shadow: 0px 1px 1px #4d001c;
padding: 1px 20px 1px 24px;
margin: -1px;
line-height: 17px;
border: 1px solid #e6cdbf;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 10px 0px 10px;
border-radius: 0px 10px 0px 10px;
background: #990D3E;
background: -moz-linear-gradient(top, #d33b71 0%, #a82050 23%, #990d3e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33b71), color-stop(23%,#a82050), color-stop(100%,#990d3e));
background: -webkit-linear-gradient(top, #d33b71 0%,#a82050 23%,#990d3e 100%);
background: -o-linear-gradient(top, #d33b71 0%,#a82050 23%,#990d3e 100%);
background: -ms-linear-gradient(top, #d33b71 0%,#a82050 23%,#990d3e 100%);
z-index: 8;
}
/*.game-fr .makeupBox.tattoo a.remove-btn{
max-width: 100px;
}*/
a.remove-btn:hover{
background: #BD0143;
background: -moz-linear-gradient(top, #fb71a2 0%, #db2c6a 23%, #bd0143 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb71a2), color-stop(23%,#db2c6a), color-stop(100%,#bd0143));
background: -webkit-linear-gradient(top, #fb71a2 0%,#db2c6a 23%,#bd0143 100%);
background: -o-linear-gradient(top, #fb71a2 0%,#db2c6a 23%,#bd0143 100%);
background: -ms-linear-gradient(top, #fb71a2 0%,#db2c6a 23%,#bd0143 100%);
}
a.remove-btn .remove-ico{
background: url("../img/layout/arx.gif") no-repeat -14px 0;
display: inline-block;
height: 7px;
margin: 0 9px 0 0;
width: 7px;
}
a.remove-btn.empty-cart{
border: 1px solid #840230;
border-radius: 6px 6px 6px 6px;
display: inline-block;
margin: 16px 0;
position: relative;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
width: auto;
height: auto;
padding: 9px;
}
#myLady #pageWrapper #content .wrapper .rightContent a.view-all{
display:block;
position: absolute;
top: 63px;
right: 3px;
font-size: 11px;
font-weight: bold;
color: #ffd6e5;
text-shadow: 0px 1px 1px #4d001c;
padding: 1px 20px 1px 24px;
margin: -2px;
line-height: 17px;
border: 1px solid #e6cdbf;
-webkit-border-radius: 0px 5px 0px 10px;
border-radius: 0px 5px 0px 10px;
background: #990D3E;
background: -moz-linear-gradient(top, #d33b71 0%, #a82050 23%, #990d3e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33b71), color-stop(23%,#a82050), color-stop(100%,#990d3e));
background: -webkit-linear-gradient(top, #d33b71 0%,#a82050 23%,#990d3e 100%);
background: -o-linear-gradient(top, #d33b71 0%,#a82050 23%,#990d3e 100%);
background: -ms-linear-gradient(top, #d33b71 0%,#a82050 23%,#990d3e 100%);
z-index:100;
}
#myLady #pageWrapper #content .wrapper .rightContent a.view-all:hover{
background: #BD0143;
background: -moz-linear-gradient(top, #fb71a2 0%, #db2c6a 23%, #bd0143 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb71a2), color-stop(23%,#db2c6a), color-stop(100%,#bd0143));
background: -webkit-linear-gradient(top, #fb71a2 0%,#db2c6a 23%,#bd0143 100%);
background: -o-linear-gradient(top, #fb71a2 0%,#db2c6a 23%,#bd0143 100%);
background: -ms-linear-gradient(top, #fb71a2 0%,#db2c6a 23%,#bd0143 100%);
}
a.buyOutfit{
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZmZGJiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #ffffff 0%, #ffdbb6 34%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(34%,#ffdbb6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffdbb6 34%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffdbb6 34%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffdbb6 34%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ffdbb6 34%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdbb6',GradientType=0 ); /* IE6-8 */
border: 1px solid #d9a3a5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #B50033;
display: block;
font-size: 11px;
font-weight: bold;
height: auto;
line-height: 13px;
margin: auto;
padding: 4px 0;
text-align: center;
text-transform: uppercase;
position: relative;
top: -7px;
text-decoration: none !important;
}
a.buyOutfit:hover{
box-shadow: 0 1px 2px 1px #725273;
-moz-box-shadow: 0 1px 2px 1px #725273;
-webkit-box-shadow: 0 1px 2px 1px #725273;
color: #B50033;
}
a.buyOutfit.inactive{
color: gray;
cursor: default;
}
a.buyOutfit.anim{
-webkit-animation: consume-pulse 1s ease-out 0s infinite normal;
animation: consume-pulse 1s ease-out 0s infinite normal;
}
a.buyOutfit.anim:hover{
-webkit-animation-play-state: paused;
animation-play-state: paused;
color: #B50033 !important;
}
@-webkit-keyframes consume-pulse{
50%{
border: 1px solid;
box-shadow: 0 0 50px 0 #b50033 inset, 0 1px 2px 1px #725273;
-webkit-box-shadow: 0 0 20px 0 #b50033 inset, 0 1px 2px 1px #725273;
color: #ffffff;
}
}
@keyframes consume-pulse{
50%{
border: 1px solid;
box-shadow: 0 0 50px 0 #b50033 inset, 0 1px 2px 1px #725273;
-webkit-box-shadow: 0 0 20px 0 #b50033 inset, 0 1px 2px 1px #725273;
color: #ffffff;
}
}
.achievements-page ul.achievements li a.buyOutfit{
left: 45px !important;
top: 85px !important;
width: 105px;
}
/*.achievements-page .lc-award-img,
.valentines-dai-popup .lc-award-img,
.diaries-box-bottom .lc-award-img,
.special-ofer-complete .lc-award-img
{
margin: 7px !Important;
}*/
.achievements-page ul.achievements li.active a.buyOutfit{
left: 45px !important;
top: 98px !important;
}
.thumbnail a.buyOutfit{
left: 8px !important;
position: absolute !important;
text-transform: none;
top: 70px !important;
width: 82%;
}
a.buyOutfit.inactive:hover{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Change price when visit Beauty salon and when Voting */
.profile-info-btn{
background-color: rgba(247, 186, 120, 0.5);
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
height: 25px;
position: absolute !important;
right: 5px;
top: 4px;
width: 25px;
}
.achievements .profile-info-btn{
right: auto;
left: 5px;
top: 5px;
}
.profile-info-btn.settings span.ico{
background-position: -224px 0;
margin: 4px 0 0 3px;
}
.profile-info-btn.settings.anim{
-webkit-animation: settings 1s ease-out 0s infinite normal;
animation: settings 1s ease-out 0s infinite normal;
}
@-webkit-keyframes settings{
0%{
-webkit-box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
50%{
-webkit-box-shadow: 0 0px 5px 3px #FFFBE5, 0 2px 2px 0 #fff inset;
background-color: #551A8B;
border-radius: 40%;
}
100%{
-webkit-box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
}
@keyframes settings{
0%{
box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
50%{
box-shadow: 0 0px 5px 3px #FFFBE5, 0 2px 2px 0 #fff inset;
background-color: #551A8B;
border-radius: 40%;
}
100%{
box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
}
.profile-info-btn.settings.anim::before{
-webkit-animation: 1s ease-out 0s infinite normal settings-ico;
animation: 1s ease-out 0s infinite normal settings-ico;
}
@-webkit-keyframes settings-ico{
0%{
color: #551A8B;
}
50%{
color: #fff;
}
100%{
color: #551A8B;
}
}
@keyframes settings-ico{
0%{
color: #551A8B;
}
50%{
color: #fff;
}
100%{
color: #551A8B;
}
}
.yourBill .profile-info-btn{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #522162;
box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.5) inset;
right: 9px;
top: 43px;
}
.yourBill .profile-info-btn span.ico{
background-position: -246px 0;
margin: 4px 0 0 3px;
padding: 0;
}
.profile-info-btn:hover{
background-color: #FFDDB8;
box-shadow: 0 1px 2px #805774;
-moz-box-shadow: 0 1px 2px #805774;
-webkit-box-shadow: 0 1px 2px #805774;
cursor: pointer;
}
.yourBill .profile-info-btn:hover{
border-color: #774886;
box-shadow: 0 4px 6px 0 rgba(255, 255, 255, 0.8) inset;
cursor: pointer;
background: none;
}
.profile-info-btn span.ico{
background: url('../img/layout/message-icons.png') no-repeat -60px 2px ;
width: 18px;
height: 18px;
display: block;
float: left;
margin: 2px;
}
#podiumPriceForm label,
#beautySalonPriceForm label{
cursor: pointer;
display: block;
margin: 10px auto 0;
overflow: hidden;
padding-left: 33px;
width: 143px;
}
#podiumPriceForm input,
#beautySalonPriceForm input {
float: left;
}
#podiumPriceForm span,
#beautySalonPriceForm span {
background: url("../img/layout/item-price-points-ico.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);
float: left;
margin-left: 10px;
padding-right: 20px;
}
/* - */
.slideHolder{
height:150px;
width: 200px;
float: left;
overflow: hidden;
position: relative;
}
.slideHolder .slider{
height: 130px;
width: 100%;
border: 2px solid #e9c8f2;
background-color: white;
margin-top: 9px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 8px 8px 0px;
border-radius: 0px 8px 8px 0px;
-webkit-box-shadow: 0px 1px 2px 0px #7e695d;
-moz-box-shadow: 0px 1px 2px 0px #7e695d;
box-shadow: 0px 1px 2px 0px #7e695d;
position: absolute;
left: -180px;
z-index: 1;
}
.slideHolder .slider.training-slider{
left: -6px;
}
.slideHolder .slider a.change-slider-size{
width: 20px;
height: 130px;
float: right;
color: #992e5b;
cursor: pointer;
overflow: hidden;
background: #e6c8a6; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmM4YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #ffffff 0%, #e6c8a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e6c8a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* IE10+ */
background: linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6c8a6',GradientType=1 ); /* IE6-8 */
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
}
.sketch-in .slideHolder .slider a.change-slider-size:hover,
.slideHolder .slider a.change-slider-size:hover{
background: #cb93ba; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjkzYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #ffffff 0%, #cb93ba 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#cb93ba)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#cb93ba 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#cb93ba 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#cb93ba 100%); /* IE10+ */
background: linear-gradient(left, #ffffff 0%,#cb93ba 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cb93ba',GradientType=1 ); /* IE6-8 */
}
.sketch-in .slideHolder .slider a.change-slider-size span.roto,
.slideHolder .slider a.change-slider-size span.roto{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');
display: block;
height: 90px;
line-height: 14px;
text-align: center;
width: 98px;
letter-spacing: 2px;
font-weight: bold;
}
.size{
color: #937B69;
float: left;
font-family: Georgia;
font-size: 11px;
font-style: italic;
margin: 25px 0 0 7px;
text-align: center;
}
.brst{
margin: 4px 0 0 17px;
}
.size a /*, .size span.dash-circle*/{
width: 82px;
height: 82px;
display: block;
background: url('../img/layout/circle-thumbs-bg.png') no-repeat;
margin-bottom: 4px;
}
.size a:hover, .size a.active{
background-position: 0 -92px;
}
.size a span{
background: url('../img/layout/circle-thumbs.png') no-repeat;
display: inline-block;
height: 74px;
width: 74px;
margin: 4px 5px;
}
.size a .s-a {
background-position: -1px -77px;
}
.size a .s-b {
background-position: -78px -77px;
}
.size a .s-c{
background-position: -153px -77px;
}
.slider .size a span.eye-big{
background-position: -77px 0;
}
.slider .size a span.lips-big{
background-position: -230px 1px;
}
.slider .size a span.lips-small{
background-position: -230px -77px;
}
.size .s-ar{
background: url("../img/layout/circle-thumbs.png?1") no-repeat scroll -161px -1px transparent;
display: block;
height: 30px;
margin: 25px 3px;
width: 58px;
}
.makeupBox dl dd{
width: 121px;
height: 297px;
float: left;
position: relative;
margin: 0 9px 30px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 2px 11px 0px #543244;
-moz-box-shadow: 0px 2px 11px 0px #543244;
box-shadow: 0px 2px 11px 0px #543244;
}
.makeupBox dl dd a{
color: wheat;
display: block;
height: 293px;
position: relative;
text-align: center;
width: 117px;
}
#profilePage .playerAvatar,
.makeupBox dl dd:hover, .messageItem .playerAvatar,
.messageItem .messageBody {
-webkit-box-shadow: 0px 2px 5px 0px #543244;
-moz-box-shadow: 0px 2px 5px 0px #543244;
box-shadow: 0px 2px 5px 0px #543244;
margin: 2px 9px 28px 10px;
}
#profilePage .playerAvatar{
margin: 2px 9px 5px 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
#profileInfoBox .user-guild{
background: url("../img/layout/seperator-line2.png") no-repeat center top,
url("../img/layout/seperator-line2.png") no-repeat center bottom;
padding: 0 0 10px;
}
#profileInfoBox .starhouse-participant li {
display: inline-flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.starhouse-participant:hover {
cursor: pointer;
}
#profileInfoBox .starhouse-participant{
display: flex;
align-items: center;
background: url("../img/layout/seperator-line2.png") no-repeat center bottom;
}
.user-guild .guild-logo-wrap{
float: right;
margin: 0 40px 0 0;
position: relative;
}
.makeupBox dl dd:hover span.label{
background-color: white;
color: #63183F;
margin-top: 272px;
}
.makeupBox dl dd a:hover{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 2px solid white;
}
.makeupBox dl dd.solarium.stage1{
background: url("../img/layout/solarium_stage_1.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage2{
background: url("../img/layout/solarium_stage_2.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage3{
background: url("../img/layout/solarium_stage_3.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage4{
background: url("../img/layout/solarium_stage_4.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage5{
background: url("../img/layout/solarium_stage_5.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage6{
background: url("../img/layout/solarium_stage_6.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage7{
background: url("../img/layout/solarium_stage_7.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage8{
background: url("../img/layout/solarium_stage_8.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage9{
background: url("../img/layout/solarium_stage_9.jpg") no-repeat;
}
.makeupBox dl dd.solarium.stage10{
background: url("../img/layout/solarium_stage_10.png") no-repeat;
}
.makeupBox dl dd.solarium.stage20{
background: url("../img/layout/solarium_stage_20.png") no-repeat;
}
.makeupBox dl dd.solarium.stage30{
background: url("../img/layout/solarium_stage_30.png") no-repeat;
}
.makeupBox dl dd.solarium.stage40{
background: url("../img/layout/solarium_stage_40.png") no-repeat;
}
/* Solarium thumbnails for AR version */
body.lang-ar .makeupBox dl dd.solarium.stage1{
background: url("../img/layout/solarium_stage_1-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage2{
background: url("../img/layout/solarium_stage_2-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage3{
background: url("../img/layout/solarium_stage_3-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage4{
background: url("../img/layout/solarium_stage_4-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage5{
background: url("../img/layout/solarium_stage_5-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage6{
background: url("../img/layout/solarium_stage_6-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage7{
background: url("../img/layout/solarium_stage_7-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage8{
background: url("../img/layout/solarium_stage_8-ar.png") no-repeat;
}
body.lang-ar .makeupBox dl dd.solarium.stage9{
background: url("../img/layout/solarium_stage_9-ar.png") no-repeat;
}
.makeupBox dl dd span.label{
background-color: #7f2855;
display: inline-block;
padding: 4px 8px;
margin: 273px 0 0 5px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}
/* --------------ranking--------------- */
.rightContent .rank-top-control{
background: url('../img/layout/top-p-bg.png') repeat;
width: 99%;
height: auto;
text-align: center;
padding-bottom: 0;
}
.rightContent .rank-top-control a{
display: inline-block;
float: left;
margin: 12px 6px;
padding-left:13px;
padding-right:13px;
width: 101px;
}
.rightContent .rank-top-control.another-profile a{
text-align: center;
width: 101px;
}
.rightContent .rank-top-control a.createAlbum.random-lady{
float: right;
height: 15px;
margin-right: 12px !important;
width: 23px !important;
}
.makeupBox.ranking.top .topInfo{
color: #c2006f;
font-weight: bold;
font-size: 16px;
position: absolute;
top: 15px;
}
.makeupBox.ranking.top .number{
left: 30px;
}
.clubs-container .makeupBox.ranking.top .lady-name{
left: 177px;
max-width: 180px;
}
.clubs-container .makeupBox.ranking.top .experience{
left: 400px;
}
.players-ranking .experience{
left: 720px !important;
}
.players-ranking .lady-name{
left: 102px !important;
}
.league-container .makeupBox.ranking.top .duels-initiated{
left: 742px;
}
.league-container .makeupBox.ranking.top .duels-won{
left: 657px;
}
.league-container .makeupBox.ranking.top .lady-name{
left: 78px;
}
.ranking.top .topInfo{
position: absolute;
top: 15px;
color: #c2006f;
font-weight: bold;
font-size: 16px;
}
.ranking.top .topInfo.number{
left: 34px;
}
.ranking.top .topInfo.lady-name{
left: 177px;
}
.ranking.top .topInfo.experience{
left: 370px;
}
.ranking.top .topInfo.duels-won{
left: 370px;
}
.ranking.top .topInfo.duels-initiated{
left: 370px;
}
a.my-ranking, span.my-ranking {
float: right;
margin: 9px 35px 0 0;
padding: 3px 16px;
display: flex;
align-items: center;
}
span.my-ranking{
display: table-cell;
float: none;
margin: 0;
padding: 1px 12px 1px 0;
text-align: right;
text-transform: none;
vertical-align: middle;
}
.my-ranking-wrap{
display: table;
float: right;
height: 46px;
width: 264px;
}
table.popularity{
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
padding: 0;
color: #441b52;
height: auto !important;
}
.makeupBox.ranking.top{
height: 45px;
width: 99%;
margin-bottom: -1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.makeupBox.ranking.top span,
table.popularity tbody td{
text-shadow: 0 0 1px white;
}
table.popularity td, table.popularity th {
border-bottom: 1px solid #A9848C;
height: 33px;
padding: 0 16px;
text-align: left;
}
table.popularity th.popularity-topline.icon, table.popularity td.icon{
text-align:center;
}
table.popularity tbody tr:nth-child(2n-2) {
background-color: rgba(241, 209, 175, 0.4);
}
table.popularity a, .messageItem .messageWrapper a{
text-decoration: underline;
font-weight: bold;
color: #c2006f;
}
table.popularity tbody tr.active, table.popularity tbody tr:hover{
background: #ffd2a4; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTljZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQyYTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffe9cf 0%, #ffd2a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe9cf), color-stop(100%,#ffd2a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffe9cf 0%,#ffd2a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffe9cf 0%,#ffd2a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffe9cf 0%,#ffd2a4 100%); /* IE10+ */
background: linear-gradient(top, #ffe9cf 0%,#ffd2a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9cf', endColorstr='#ffd2a4',GradientType=0 ); /* IE6-8 */
}
table.popularity thead tr:hover{
background: none;
}
.popularity-topline{
color: white;
font-weight: bold;
height: 33px;
background: #743c87; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiM3NDNjODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmM3ZmQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #743c87 72%, #bc7fd1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#743c87), color-stop(100%,#bc7fd1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #743c87 72%,#bc7fd1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #743c87 72%,#bc7fd1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #743c87 72%,#bc7fd1 100%); /* IE10+ */
background: linear-gradient(top, #743c87 72%,#bc7fd1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743c87', endColorstr='#bc7fd1',GradientType=0 ); /* IE6-8 */
}
.popularity .pop-shadow{
background: url('../img/layout/pop-shadow.png') no-repeat 0 -2px /100% auto;
border: none;
height: 13px;
}
#content.podium .pop-shadow{
background-position:center -2px
}
table.popularity tbody tr td a.my-ranking {
float: left;
margin: 0 6px 0 0;
padding: 1px 7px;
text-align: center;
width: 30px;
}
table.popularity tbody tr td a.my-ranking:last-child {
margin: 0;
}
a.my-ranking span.ico, a.message-sender span.ico,
.rightContent .rank-top-control a.createAlbum.random-lady span.ico{
background: url("../img/layout/s-act-icons.png") no-repeat 3px 2px;
display: inline-block;
height: 18px;
width: 18px;
margin: 0 auto;
}
.rightContent .rank-top-control a.createAlbum.random-lady span.ico{
background-position: -70px 1px;
}
.rightContent .rank-top-control a.createAlbum.random-lady:hover span.ico{
background-position: -70px -15px;
}
a.my-ranking.showme span.ico {
background-position: 1px 2px;
margin-right: 4px;
}
a.my-ranking.showme:hover span.ico{
background-position: 0 -14px;
margin: 1px 4px -1px -5px;
}
a.my-ranking.profile span.ico{
background-position: -13px 3px;
}
a.my-ranking.profile:hover span.ico,
a.message-sender span.ico{
background-position: -13px -13px;
}
a.my-ranking.messages span.ico{
background-position: -29px 3px;
}
a.my-ranking.messages:hover span.ico{
background-position: -29px -13px;
}
a.my-ranking.challange span.ico{
background-position: -45px 2px;
}
a.my-ranking.challange:hover span.ico{
background-position: -45px -14px;
}
a.my-ranking.sendInvitation span.ico{
background-position: -169px -1px;
}
a.my-ranking.sendInvitation:hover span.ico{
background-position: -169px -16px;
}
a.my-ranking.chat-message span.ico{
background-position: -193px 2px;
}
a.my-ranking.chat-message:hover span.ico{
background-position: -193px -14px;
}
.rank-bottom,
table.popularity tbody tr.rank-bottom:hover{
background: url('../img/layout/top-p-bg.png') repeat;
border: none !important;
height: 45px !important;
}
.rank-paging{
border:none;
text-align: center !important;
}
.popularity .pagingWrapper{
margin: 0 auto;
display: inline-block;
}
.ranking.guild-ranking .topInfo.experience{
left: 400px !important;
}
.banned-left {
background: url('../img/layout/in-vacation.png') no-repeat;
float: left;
width: 228px;
height: 288px;
margin: 30px 0 0 100px;
}
.banned-left{
background: url('../img/layout/banned-user-big.png') no-repeat;
height: 217px;
}
.banned-right{
text-align: center;
float: right;
margin: 70px 215px 0 0;
}
.banned-right{
margin: 70px 115px 0 0;
width: 500px;
}
.banned-date{
}
.banned-info{
font-weight: normal;
}
/* --------------messages--------------- */
#content.messages-page{
z-index: 10;
}
#messagesBox .boxBlick span.no-messages{
background: url('../img/layout/no-messages.png') no-repeat;
line-height: 30px;
padding: 10px 0 20px 60px;
}
.messageItem{
position: relative;
float: left;
margin-bottom: 28px;
}
.messageItem:hover ul.messageOptions{
bottom: -20px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.messageItem ul li a{
text-transform: uppercase;
font-size: 10px;
line-height: 18px;
color: #C2006F;
display: block;
}
a.message-sender{
margin: 0 8px;
float: left;
}
#ladyNameSearchMessagesWrapper{
position: relative;
}
#searchLadyNameResults{
top:0;
height: 0;
}
span.message-date{
display: block;
float: left;
margin: 2px;
}
.messageItem ul li a span.ico{
background: url('../img/layout/message-icons.png') no-repeat;
width: 18px;
height: 18px;
display: block;
float:left;
margin-right: 5px;
}
.messageItem ul li a.delete-message span{
background-position: -98px 0;
}
.messageItem .playerAvatar{
float: left;
border: 1px solid white;
margin: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 62px;
height: 62px;
}
.messageItem .playerAvatar img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.messageItem span.message-arrow{
background: url('../img/layout/message-ar.png') no-repeat;
width: 23px;
height: 22px;
display: block;
margin: 42px 0 0 8px;
float: left;
position: relative;
z-index: 3;
}
.messageItem .messageWrapper{
position: relative;
background-color: #f79838;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: left;
padding-top: 4px;
width: 626px;
z-index: 2;
}
#profilePage .messageItem .messageWrapper{
width:866px
}
#profilePage .messageItem .messageWrapper .messageBody .quote
{
border-left: 1px dashed #f79838;
padding-left: 5px;
display:block;
}
.messageWrapper > ul > li{
float: left;
margin-right: 8px;
padding: 0 8px 0 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #f3821f;
background: #f6b877; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2Yjg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTk3MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f6b877 0%, #f59739 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b877), color-stop(100%,#f59739)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6b877 0%,#f59739 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6b877 0%,#f59739 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6b877 0%,#f59739 100%); /* IE10+ */
background: linear-gradient(top, #f6b877 0%,#f59739 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b877', endColorstr='#f59739',GradientType=0 ); /* IE6-8 */
}
.messageWrapper > ul{
float: right;
}
.messageWrapper ul li:hover{
background: #f7ba78;
}
#messagesBox .annonce-content ul li{
background: none repeat scroll 0 0 transparent;
display: block;
float: none;
height: auto;
margin: 10px 0 0 10px;
width: auto;
font-style: italic;
}
#messagesBox .annonce-content ul{
list-style: disc;
}
.messageItem .messageBody{
margin: 5px 0 0;
float: left;
width: 606px;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
min-height: 30px;
background: #white; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffddb8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffddb8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffddb8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffddb8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffddb8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ffddb8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddb8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
color: #881c55;
}
.commentContent .messageItem .messageBody{
width: 845px;
}
.messageBody p{
display: block;
float: left;
margin: 4px 0 0;
width: 80%;
}
.messages-page .messageBody p{
width: 74%;
word-wrap: break-word;
font-size: var(--font-size-14);
line-height: 1.4;
}
.feedback-ticket-number {
text-decoration: underline;
color: var(--font-color-link);
cursor: pointer;
font-weight: var(--font-weight-bold);
}
.messageBody #fbShareBtn{
float: right;
}
ul.messageOptions{
position: absolute;
right: 8px;
bottom: 10px;
z-index: 1;
}
ul.messageOptions li{
float: left;
background-color: #f7ba78;
height: 20px;
margin: 0 0 0 8px;
padding: 10px 10px 0 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 21px;
-webkit-box-shadow: 0px 1px 2px 0px #543244;
-moz-box-shadow: 0px 1px 2px 0px #543244;
box-shadow: 0px 1px 2px 0px #543244;
}
ul.messageOptions li a{
line-height: 22px !important;
}
ul.messageOptions li:hover{
background-color: #ffddb8;
}
a.message-history span.ico{
background-position: -21px 2px !important;
}
a.message-ignore span.ico{
background-position: -40px 2px !important;
}
a.reject-guild-invitation span.ico{
background-position: -40px 1px !important;
}
a.message-report span.ico{
background-position: -60px 2px !important;
}
a.message-add span.ico{
background-position: -80px 2px !important;
}
a.message-add-as-oponent span.ico{
background-position: -143px 2px !important;
}
a.message-remove-oponent span.ico{
background-position: -121px 2px !important;
}
a.message-remove-ignored span.ico{
background-position: -182px 2px !important;
}
a.message-remove-friend span.ico{
background-position: -163px 2px !important;
}
a.accept-guild-invitation span.ico{
background-position: -202px 1px !important;
}
.messageOptions .party-invitation span.ico {
background-position: -311px 1px !important;
}
.report-message {
background: url("../img/layout/message-icons.png") no-repeat scroll -61px 0;
display: inline-block;
height: 18px;
vertical-align: bottom;
width: 18px;
}
.annonce-content{
margin: 10px;
color: #881C55;
padding-top:20px;
width: auto;
float: none;
}
.diamond-news {
background: url('../img/layout/small-diamond-ico.png') no-repeat;
padding-left: 17px;
margin-left: 5px;
}
span.annonce-date{
color: #881C55;
float: right;
font-size: 12px;
font-weight: bold;
margin-left: 10px;
text-shadow: none;
text-transform: lowercase;
font-weight: normal;
}
.messages-paging{
width: 100%;
background: rgba(255,255,255,.55);
padding: 10px;
border-radius: 10px;
float: right;
text-align: center;
}
.pagingWrapper{
display: inline-block;
margin-top: 10px;
}
.messageWrapper .messageBody p img{
max-width: 500px;
max-height: 500px;
}
.messageWrapper .messageBody p span.duel-result{
background: url('../img/layout/duel-result-ico.png') no-repeat;
float: left;
margin: -5px 10px 0 0;
width: 45px;
height: 50px;
}
.messageWrapper .messageBody p span.duel-result.won{
background-position: -168px 4px;
}
.messageWrapper .messageBody p span.duel-result.lost{
background-position: -86px 4px;
}
.messageWrapper .messageBody p span.duel-result.draw{
background-position: -3px 4px ;
margin: -12px 10px 0 0;
}
.messageWrapper .messageBody p span.podium-winner{
background: url('../img/layout/podium-winner-message-icons.png') no-repeat;
width: 35px;
height: 57px;
float: left;
}
.messageWrapper .messageBody p span.podium-winner.lady-podium.gold{
background-position: -1px 0;
}
.messageWrapper .messageBody p span.podium-winner.lady-podium.silver{
background-position: -36px 0;
}
.messageWrapper .messageBody p span.podium-winner.lady-podium.bronze{
background-position: -72px 0;
}
.messageWrapper .messageBody p span.podium-winner.ftv-podium.gold{
background-position: -143px -72px;
margin-right: 10px;
}
.messageWrapper .messageBody p span.podium-winner.ftv-podium.silver{
background-position: -72px -72px ;
margin-right: 10px;
}
.messageWrapper .messageBody p span.podium-winner.ftv-podium.bronze{
background-position: -2px -72px;
margin-right: 10px;
}
.messageWrapper .messageBody p span.podium-winner.apartment-podium.gold{
background-position: -36px -72px;
}
.messageWrapper .messageBody p span.podium-winner.apartment-podium.silver{
background-position: -106px -72px;
}
.messageWrapper .messageBody p span.podium-winner.apartment-podium.bronze{
background-position: -106px -4px;
}
/* --------------floor--------------- */
#floor{
background: url('../img/layout/floor-new.jpg') repeat-x bottom;
height: 210px;
border-top: 1px solid #09040a;
position: relative;
}
/*#floorLight{
background: url('../img/layout/floor-light.png') no-repeat center top;
height: 210px;
position: relative;
}*/
/* --------------footer--------------- */
#footer{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#290535+0,432553+100 */
background: rgb(41,5,53); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,5,53,1) 0%, rgba(67,37,83,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(41,5,53,1) 0%,rgba(67,37,83,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(41,5,53,1) 0%,rgba(67,37,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#290535', endColorstr='#432553',GradientType=0 ); /* IE6-9 */
text-align: center;
color: #745a7c;
overflow: hidden;
position: relative;
padding: 50px 0 0 0;
Font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
#footer:before, #footer:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7b447c+0,2b0b37+99&1+0,0+64,0+64 */
background: -moz-radial-gradient(center, ellipse cover, rgba(123,68,124,1) 0%, rgba(71,31,79,0) 64%, rgba(43,11,55,0) 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(123,68,124,1) 0%,rgba(71,31,79,0) 64%,rgba(43,11,55,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(123,68,124,1) 0%,rgba(71,31,79,0) 64%,rgba(43,11,55,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b447c', endColorstr='#002b0b37',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#footer::before {
transform: translateX(-50%);
top: -450px;
width: 110%;
left: 50%;
height: 700px;
}
#footer::after {
bottom: -800px;
transform: scaleY(.3) translateX(-50%);
width: 200%;
left: 50%;
height: 200%;
}
.footer-logo {
width: 313px;
height: 123px;
margin: 0 auto;
background: url(../img/layout/footer/footer-logo.png) no-repeat;
}
.lang-lt .footer-logo {
width: 313px;
height: 123px;
margin: 0 auto;
background: url(../img/layout/logos/lt.png) no-repeat;
}
#footer ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 27px 0 93px;
}
#footer ul li {
font-size: 18px;
}
#footer a {
color: #99909d;
}
#footer a:hover{
color: white;
}
.footer-copy{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
position: relative;
}
.footer-copy:before{
content: "";
height: 1px;
width: 100%;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#563c56+0,563c56+100&0+0,0.9+50,0+100 */
background: -moz-linear-gradient(left, rgba(86,60,86,0) 0%, rgba(86,60,86,0.9) 50%, rgba(86,60,86,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(86,60,86,0) 0%,rgba(86,60,86,0.9) 50%,rgba(86,60,86,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(86,60,86,0) 0%,rgba(86,60,86,0.9) 50%,rgba(86,60,86,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00563c56', endColorstr='#00563c56',GradientType=1 ); /* IE6-9 */
}
.xs-logo{
width: 145px;
height: 34px;
background: url(../img/layout/footer/xs-logo.svg) no-repeat;
opacity: .6;
cursor: pointer;
}
.xs-logo:hover{
opacity: 1;
}
.footer-server-time {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #543b61;
padding: 5px 20px;
border-radius: 20px;
position: relative;
margin: 40px 0 20px;
left: 50%;
transform: translateX(-50%);
color: #745a7c;
}
.footer-server-time::before, .footer-server-time::after {
content: "";
position: absolute;
height: 1px;
width: 439px;
left: -440px;
background: -webkit-linear-gradient(left, rgba(123,68,124,0) 0%,rgba(100,70,100,0.99) 99%,rgba(100,70,100,1) 100%);
background: -webkit-linear-gradient(left, rgba(123,68,124,0) 0%, rgba(100,70,100,0.99) 99%, rgba(100,70,100,1) 100%);
background: linear-gradient(to right, rgba(123,68,124,0) 0%,rgba(100,70,100,0.99) 99%,rgba(100,70,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007b447c', endColorstr='#644664',GradientType=1 );
}
.footer-server-time::after {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
left: auto;
right: -441px;
}
.footer-server-time .icon-clock {
fill: #d8d2db;
width: 16px;
height: 15px;
margin-right: 10px;
}
#footer .facebook-link{
background: url('../img/layout/facebook-ico.png') no-repeat;
width: 20px;
height: 20px;
display: block;
margin-left: 13px;
}
#footer .facebook-link:hover{
background-position: -25px 0;
}
.socialLinks .fb_iframe_widget{
overflow: hidden;
}
/* lady model */
#bodyWrapper,
.bodyWrapper{
position: absolute;
width: 600px;
height: 800px;
z-index: 2;
top: -10px;
left: -140px;
}
#bodyWrapper div,
.bodyWrapper div{
position: absolute;
width: 600px;
height: 800px;
top: 0;
left: 0;
}
.ladyMirrorWrapper,
.bfMirrorWrapper{
position: absolute;
width: 155px;
height: 198px;
overflow: hidden;
left: 26px;
top: 25px;
background-color: #2d0839;
box-shadow: 0 2px 10px 0 #24042F inset;
z-index: 10;
}
.ladyMirror-holder #bodyWrapper,
.bfMirror-holder #bodyWrapper {
position: absolute;
left: -186px;
top: -115px;
}
.bfMirror-holder #bodyWrapper {
left: -210px;
top: -98px;
}
#tattooLadyHolder,
#specialMakeupLadyHolder,
#hennaLadyHolder,
#piercingLadyHolder{
position: absolute;
width: 400px;
height: 800px;
overflow: hidden;
left: 578px;
top: 12px;
}
.storeLadyHolder{
position: absolute;
right: 40px;
top: 80px;
}
#model-container.storeLadyHolder {
top: 50px;
}
.mall-stores img#furniture-item {
position: absolute;
right: -40px;
bottom: -600px;
max-width: 400px;
}
.mall-stores img#furniture-item[src*="/view/"],
.mall-stores img#furniture-item[src*="/wallpaper/"] {
bottom: -350px;
border-radius: 10px;
border: 2px solid white;
}
.mall-stores img#furniture-item[src*="/curtain"] {
top: 50px;
}
.mall-stores img#furniture-item[src*="/coffe-mashine/"],
.mall-stores img#furniture-item[src*="/pillow/"],
.mall-stores img#furniture-item[src*="/vase/"] {
right: 100px;
}
.mall-stores img#furniture-item[src$="/pillow-10-30.png"],
.mall-stores img#furniture-item[src$="/pillow-10-40.png"],
.mall-stores img#furniture-item[src$="/pillow-10-58.png"],
.mall-stores img#furniture-item[src$="/pillow-10-61.png"],
.mall-stores img#furniture-item[src$="/pillow-9-4.png"],
.mall-stores img#furniture-item[src$="/pillow-9-33.png"],
.mall-stores img#furniture-item[src$="/pillow-9-36.png"],
.mall-stores img#furniture-item[src$="/pillow-9-62.png"] {
right: -40px;
}
.mall-stores img#furniture-item[src*="/hanger/"],
.mall-stores img#furniture-item[src*="/towel/"] {
top: 200px;
right: 100px;
}
.mall-stores img#furniture-item[src$="/towel-7-8.png"],
.mall-stores img#furniture-item[src$="/towel-7-36.png"],
.mall-stores img#furniture-item[src$="/towel-7-40.png"],
.mall-stores img#furniture-item[src$="/towel-7-62.png"] {
right: 10px;
}
.mall-stores img#furniture-item[src*="/floor/"] {
border: 1px solid #350e00;
border-radius: 5px;
bottom: -442px;
}
#tattooLadyHolder #bodyWrapper,
#specialMakeupLadyHolder #bodyWrapper,
#hennaLadyHolder #bodyWrapper,
#piercingLadyHolder #bodyWrapper {
left: -93px;
top: -50px;
}
/* items */
#itemColorPicker {
position: absolute;
background-color: white;
border: 1px solid black;
}
/* tooltip */
#tooltip {
max-width: 400px;
margin-right: 5px;
position: absolute;
background: #7f4592 none repeat scroll 0 0;
color: #f4d1ff;
padding: 10px;
border: 1px solid #e8a0ff;
font-size: 11px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 5px #320e39;
-moz-box-shadow: 0px 0px 5px #320e39;
-webkit-box-shadow: 0px 0px 5px #320e39;
z-index: 100000;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip .url{
text-decoration: underline;
margin-top: 10px;
}
#tooltip .url:hover{
text-decoration: none;
color: white;
cursor: pointer;
}
#footer .socialLinks{
margin-left:20px;
}
/*---------COLORS CHECK MARK-----------*/
.c-check, .t-check{
background: url("../img/layout/checkmarks.png") no-repeat 3px 4px;
height: 18px;
display: inline-block;
width: 11px;
}
.c-check{
background-position: -12px 4px;
left: 2px;
position: absolute;
top: 2px;
width: 17px;
}
/*---------/COLORS CHECK MARK-----------*/
/* ---------- Boyfriend PAGE ------------ */
#myBoyWrapper {
width: 980px;
min-height: 800px;
position: relative;
margin: 0 auto;
margin-bottom: -320px;
color: #5B266C;
font-family: var(--main-font-family);
}
#modelBoyfriendBodyWrapper {
height: 800px;
left: -169px;
position: relative;
top: -30px;
width: 600px;
z-index: 2;
}
#modelBoyfriendBodyWrapper .no-friend {
display: none;
width: 260px;
height: 660px;
background: url("../img/model/boyfriend/no-boyfriend.png") no-repeat scroll -172px -107px;
position: absolute;
right: 160px;
top: 110px;
}
#modelBoyfriendBodyWrapper.no-boyfriend .no-friend{
display: block;
}
#modelBoyfriendBodyWrapper.no-boyfriend #static-preload-boyfriend{
display: none;
}
#myBoyWrapper #modelBoyfriendBodyWrapper{
top: -90px;
position: absolute;
}
#modelBoyfriendBodyWrapper.frog{
background: url("../img/layout/prince-frog.png") no-repeat scroll 0 160px / 100% auto rgba(0, 0, 0, 0);
height: 780px;
width: 580px;
}
#modelBoyfriendBodyWrapper.frog div:first-child{
display: none;
}
#myBoyWrapper .rightContent {
float: none;
width: 625px;
margin-left: auto;
position: relative;
z-index: 3;
}
#modelBoyfriendBody {
position: absolute;
width: 600px;
height: 800px;
top: 0;
left: 0;
}
#modelBoyfriendBodyWrapper a{
position: absolute;
width: 250px;
height: 680px;
top: 110px;
left: 176px;
z-index: 100;
}
#myBoyWrapper .topPanel {
padding: 17px 30px;
position: relative;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: var(--border-radius-m);
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
#myBoyWrapper .optionsPanel h1,
.boyfriendPage .name{
font-size: var(--font-size-22);
width: 420px;
font-weight: normal;
color: var(--font-color-default-dark);
-webkit-filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 1px #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(1px 0px 1px #fff) drop-shadow(0 1px 1px rgba(60, 14, 115, 0.3));
filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 1px #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(1px 0px 1px #fff) drop-shadow(0 1px 1px rgba(60, 14, 115, 0.3));
background: -webkit-linear-gradient(left, #531072 0%, #bb00b9 100%);
background: linear-gradient(to right, #531072 0%, #bb00b9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.boyfriendPage .name {
width: 215px;
}
#boyfriendNameDisplay input .edit-name{
position: relative;
}
#boyfriendNameDisplay input{
font-size: var(--font-size-22);
width: 420px;
font-weight: normal;
color: var(--font-color-default-dark);
background: transparent;
padding: 0;
}
#boyfriendNameDisplay .edit-name-checkbox + span {
border: none;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
align-items: flex-end;
}
#boyfriendNameDisplay .edit-name-checkbox:checked + span {
border-color: transparent;
box-shadow: none;
justify-content: flex-start;
}
#boyfriendNameDisplay .edit-name svg {
width: 62%;
height: 76%;
}
.rename-modal {
position: absolute;
opacity: 0;
visibility: hidden;
background-color: rgba(255,255,255,.8);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out, transform .2s ease-out;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 21px;
padding: 2px 2px 2px 5px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
-webkit-transform: scaleX(.95);
-ms-transform: scaleX(.95);
transform: scaleX(.95);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.rename-modal.show{
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
z-index: 1;
opacity: 1;
visibility: visible;
}
#boyfriendNameDisplay .rename-modal {
top: 16px;
right: 570px;
}
#boyfriendNameDisplay .rename-modal::before {
content: "";
position: absolute;
width: 110%;
height: 120%;
z-index: -1;
}
.rename-modal .icon.icon-cancel {
fill: var(--font-color-default-dark);
}
#boyfriendNameDisplay {
margin-bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
width: 100%;
z-index: 1;
}
#boyfriendStats > h1{
margin-bottom: 20px;
}
.myBoyEngaged .topPanel .row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 8px 0 0 0;
width: 440px;
}
.myBoyEngaged .topPanel .row span {
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 37px;
height: 37px;
padding: 6px;
box-sizing: border-box;
color: white;
border-radius: 50%;
box-shadow: 0 0px 0px 0px #ab007996,0 1px 10px 0px #e3a4ff,0 3px 4px 0 #fff inset;
margin-right: 10px;
/* background: linear-gradient(45deg, rgb(255, 55, 121) 0%,rgb(148, 29, 192) 100%); */
border: 1px solid rgb(182, 129, 202);
}
.myBoyEngaged .topPanel .row .icon {
fill: url("#popularity-stat-gradient");
-webkit-filter: drop-shadow(0 2px 2px #d385f7);
filter: drop-shadow(0 2px 2px #d385f7);
}
#myBoyWrapper .bottomPanel {
margin-top: -12px;
}
#myBoyWrapper .optionsPanel .row {
font-size: var(--font-size-16);
}
#myBoyWrapper .optionsPanel strong,
.boyfriendPage .profession,
.boyfriendPage .bonus strong{
color: var(--font-color-active);
}
#myBoyWrapper .optionsPanel [class*="bonus-"],
.boyfriendPage .bonus [class*="bonus-"]{
background: rgba(0, 0, 0, 0) url("../img/layout/new/stats-new.png") no-repeat scroll left 6px;
padding: 10px 0 10px 32px;
background-size: 30px;
display: inline-block;
}
#myBoyWrapper .optionsPanel .bonus-style,
.boyfriendPage .bonus .bonus-style{
background-position: left 6px;
}
#myBoyWrapper .optionsPanel .bonus-beauty,
.boyfriendPage .bonus .bonus-beauty{
background-position: left -99px;
}
#myBoyWrapper .optionsPanel .bonus-creativity,
.boyfriendPage .bonus .bonus-creativity{
background-position: left -28px;
}
#myBoyWrapper .optionsPanel .bonus-devotion,
.boyfriendPage .bonus .bonus-devotion{
background-position: left -62px;
}
#myBoyWrapper .optionsPanel .bonus-generosity,
.boyfriendPage .bonus .bonus-generosity{
background-position: left -133px;
}
#myBoyWrapper .optionsPanel .bonus-loyalty,
.boyfriendPage .bonus .bonus-loyalty{
background-position: left -167px;
}
.bf-panel-bg {
width: 624px;
height: 350px;
position: absolute;
}
#myBoyWrapper #bottomButtons{
display: flex;
}
ul.boyfriendsList li div.friend,
#popupMessage .newBoyFriend-wrapper .friend{
width: 100px;
height: 100px;
}
#boyfriend.club .leftContent.friend div{
height: 800px;
position: absolute;
top: -30px;
width: 600px;
}
#myBoyWrapper #optionsPanel #calendar, #profilePage-boyfriend #calendar {
background: url('../img/layout/boyfriend-calendar-new.png') no-repeat 3px 0;
width: 115px;
height: 110px;
position: absolute;
top: -40px;
right: 3px;
color: var(--font-color-darker);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--font-size-14);
padding: 29px 20px 0;
}
#myBoyWrapper .stats .row {
background: -webkit-linear-gradient(top, rgba(245,215,249,1) 0, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,rgba(245,215,249,1) 0,rgba(255,255,255,1) 100%);
border-radius: 60px 10px 10px 60px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: var(--font-size-18);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 15px 5px 5px;
margin-bottom: 30px;
box-shadow: 0 15px 15px rgba(54, 35, 75, 0.44);
}
#myBoyWrapper .stats {
position: relative;
padding: 40px 30px 0;
}
#myBoyWrapper .stats .progress-bar {
width: 230px;
box-shadow: 1px 1px 1px 0 #9473b6;
}
#myBoyWrapper .stats .numbers {
margin: 0 auto 0 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#myBoyWrapper .stats .text {
width: 160px;
}
#myBoyWrapper .bf-quester-wrap{
width: 626px;
height: 113px;
margin: 10px 0 0 -32px;
background: url('../img/layout/boyfriend-quester-bg.png') no-repeat;
position: relative;
}
#myBoyWrapper .party-link{
margin: 32px 0 17px -30px;
padding: 18px 0;
text-align: center;
width: 111%;
position: relative;
background: -moz-linear-gradient(left, rgba(197,179,181,0) 0%, rgba(228,219,226,1) 50%, rgba(197,179,181,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(197,179,181,0)), color-stop(50%,rgba(228,219,226,1)), color-stop(100%,rgba(197,179,181,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(197,179,181,0) 0%,rgba(228,219,226,1) 50%,rgba(197,179,181,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(197,179,181,0) 0%,rgba(228,219,226,1) 50%,rgba(197,179,181,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(197,179,181,0) 0%,rgba(228,219,226,1) 50%,rgba(197,179,181,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(197,179,181,0) 0%,rgba(228,219,226,1) 50%,rgba(197,179,181,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5b3b5', endColorstr='#00c5b3b5',GradientType=1 ); /* IE6-9 */
}
#myBoyWrapper .party-link:after{
content: "";
position: absolute;
top: 59px;
left: 0;
width: 645px;
height: 20px;
background: url(../img/layout/shadowbf.png) no-repeat;
}
#myBoyWrapper .bf-quester-wrap > *:first-child{
display: block;
font: italic 14px georgia,serif;
margin: 0 auto;
max-width: 232px;
padding: 9px 0 0;
text-align: center;
}
.bf-quester-wrap div.quest{
display: table;
float: left;
font-weight: bold;
height: 40px;
margin: 10px 0 0 10px;
width: 390px;
position: relative;
}
.bf-quester-wrap .info-question{
left: 12px;
right: auto;
top: -5px;
}
.bf-quester-wrap > div.quest > span{
display: table-cell;
vertical-align: middle;
width: 330px;
padding: 0 0 0 70px;
}
.bf-quester-wrap > a{
float: left;
margin: 30px 0 0 50px;
max-width: 130px;
min-width: 120px;
}
.slim-bar{
background-color: white;
border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: 0 -1px 0 0 #7A351F inset;
-webkit-box-shadow: 0 -1px 0 0 #7A351F inset;
height: 6px;
overflow: hidden;
}
.bf-quester-wrap .slim-bar{
left: 25px;
position: absolute;
top: 83px;
width: 400px;
}
[class*="slim-bar-fill-"]{
box-shadow: 0 0 1px 0 black;
-webkit-box-shadow: 0 0 1px 0 black;
display: inline-block !important;
height: 4px;
margin: 1px 0 0 1px;
}
.slim-bar-fill-orange{
background: url("../img/layout/slim-bar-orange.png") repeat-x scroll 0 0 transparent;
}
.slim-bar-fill-pink{
background: url("../img/layout/slim-bar-pink.png") repeat-x scroll 0 0 transparent;
}
#myBoyWrapper .stats .icon {
background: url('../img/layout/boyfriend-icon-smile.png') no-repeat;
width: 42px;
height: 42px;
margin-right: 15px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
#myBoyWrapper .stats .icon::before {
content: "";
position: absolute;
width: 0px;
height: 0px;
opacity: 1;
background: white;
border-radius: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
top: 50%;
}
#myBoyWrapper .stats .icon.anim::before {
content: "";
position: absolute;
width: 200px;
height: 200px;
opacity: 0;
transition: all .3s ease-out;
}
#myBoyWrapper .stats .row:nth-child(2) .icon {
background: url('../img/layout/boyfriend-gifts-new.png') no-repeat -3px 0;
}
#myBoyWrapper #optionsPanel .stats .text {
height: 42px;
width:175px;
line-height: 42px;
font-size: 24px;
font-weight: bold;
color: #a9003c;
text-align:left;
}
#myBoyWrapper #optionsPanel .stats .numbers {
height: 42px;
line-height: 42px;
font-size: 24px;
font-weight: bold;
}
#myBoyWrapper .stats .gift, .boyfriendsList .gift, #boyfriend.club .gift {
width: 150px !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 43px;
right: -15px;
position: absolute;
}
#myBoyWrapper .stats .gift {
top: -26px;
right: -21px;
-webkit-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85);
width: auto !important;
}
.boyfriendsList .gift {
top: 10px;
right: 0;
}
#boyfriend.club .gift{
bottom: 329px;
right: 26px;
}
#myBoyWrapper .gift li, .boyfriendsList .gift li {
background: url(../img/layout/boyfriend-gifts-new.png) no-repeat;
float: none;
width: 42px;
height: 43px;
margin: 0 0 0 5px;
position: relative;
}
#myBoyWrapper .gift li {
margin: 0 0 0 -11px;
}
#myBoyWrapper .gift li::before,
.boyfriendsList .gift li::before{
content: "";
position: absolute;
width: 36px;
height: 36px;
box-shadow: 0 -1px 0px 0px #ffda6a, 0px 1px 2px 1px #ab007996, 0 -1px 0px 1px #ffda48, 0px 5px 20px 0px #aa0078, 0px -5px 20px 0px #ffa35f, 0px -2px 6px 0px #fff inset;
border-radius: 50%;
left: 2px;
top: 2px;
}
.boyfriendsList .gift li::before{
box-shadow: 0 -1px 0px 0px #ffda6a, 0px 1px 2px 1px #ab007996, 0 -1px 0px 1px #ffda48, 0px 5px 20px 0px #aa007880, 0px -5px 20px 0px #ffc35085, 0px -2px 6px 0px #fff inset;
}
#myBoyWrapper .gift li.inactive::before,
.boyfriendsList .gift li.inactive::before{
display: none;
}
#myBoyWrapper .gift li:hover, .boyfriendsList .gift li:hover {
cursor: pointer;
background-position-y: 0px;
}
#myBoyWrapper .gift .gift-1,
.boyfriendsList .gift .gift-1,
#boyfriend.club .gift .gift-1{
background-position: -3px -46px;
}
#myBoyWrapper .gift .gift-2,
.boyfriendsList .gift .gift-2,
#boyfriend.club .gift .gift-2{
background-position: -46px -46px;
}
#myBoyWrapper .gift .gift-3,
.boyfriendsList .gift .gift-3,
#boyfriend.club .gift .gift-3{
background-position: -89px -46px;
}
#myBoyWrapper .gift .gift-1.inactive,
.boyfriendsList .gift .gift-1.inactive,
#boyfriend.club .gift .gift-1.inactive{
background-position: -3px -91px;
}
#myBoyWrapper .gift .gift-2.inactive,
.boyfriendsList .gift .gift-2.inactive,
#boyfriend.club .gift .gift-2.inactive{
background-position: -46px -91px;
}
#myBoyWrapper .gift .gift-3.inactive,
.boyfriendsList .gift .gift-3.inactive,
#boyfriend.club .gift .gift-3.inactive{
background-position: -89px -91px;
}
#myBoyWrapper .gift li.inactive,
.boyfriendsList .gift li.inactive,
#boyfriend.club .gift li.inactive{
background-position: -40px 0;
}
#myBoyWrapper #optionsPanel #boyfriendDates,
#myBoyWrapper #optionsPanel #boyfriendGifts
{
width:600px;
height:255px;
padding:15px 10px 10px 10px;
}
#myBoyWrapper #optionsPanel #boyfriendDates h1,
#myBoyWrapper #optionsPanel #boyfriendGifts h1
{
text-align:center;
}
#myBoyWrapper #optionsPanel ul.gifts li a {
background: url('../img/layout/boyfriend-gift-bg.png') no-repeat;
display: block;
float: left;
width: 186px;
height: 200px;
margin: 16px 1px 0 10px;
text-align: center;
position: relative;
}
#myBoyWrapper #optionsPanel ul.gifts li a .discount-50{
background: url('../img/layout/bf-discount-50.png') no-repeat;
width: 58px;
height: 58px;
display: block;
position: absolute;
left: -14px;
top: -18px;
}
#myBoyWrapper #optionsPanel ul.gifts li a h3 {
height: 40px;
text-align: center;
}
#myBoyWrapper #optionsPanel ul.gifts li a .icon {
padding-left: 34px;
height:40px;
line-height: 41px;
display:inline-block;
font-family: Arial,Helvetica,sans-serif;
font-size: 26px;
font-weight: bold;
font-style: italic;
text-shadow: 0 1px 1px #fff;
text-align: center;
color: #5b266c;
}
#myBoyWrapper #optionsPanel ul.gifts li a .icon.first {
}
#myBoyWrapper #optionsPanel ul.gifts li a .icon.second {
}
#myBoyWrapper #optionsPanel ul.gifts li a .icon.first {
background: url('../img/layout/icon_smile_30.png') no-repeat 0px 5px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .icon.second {
background: url('../img/layout/icon_heart_30.png') no-repeat 0px 5px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img {
height: 25px;
padding-top: 80px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
color: #5b266c;
text-shadow: 0 1px 1px #fff;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type3 {
background: url('../img/layout/boyfriend-dating.png') no-repeat 60px 10px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type4 {
background: url('../img/layout/boyfriend-dating.png') no-repeat 60px -150px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type5 {
background: url('../img/layout/boyfriend-dating.png') no-repeat 60px -310px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type6 {
background: url('../img/layout/boyfriend-gifts.png') no-repeat 50px 4px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type7 {
background: url('../img/layout/boyfriend-gifts.png') no-repeat 50px -476px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type8 {
background: url('../img/layout/boyfriend-gifts.png') no-repeat 50px -316px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type9 {
background: url('../img/layout/boyfriend-gifts.png') no-repeat 50px -638px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .img.type10 {
background: url('../img/layout/boyfriend-gifts.png') no-repeat 50px -158px;
}
#myBoyWrapper #optionsPanel ul.gifts li a .price {
height: 25px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #fff;
text-shadow: 0px 1px 1px #2D0839;
/*filter: dropshadow(color=#2D0839, offx=0, offy=1);*/
line-height: 40px;
}
#myBoyWrapper #bottomButtons #bottomButtonsWrapper {
position:relative;
width:620px;
height:100%;
margin-left:5px;
}
#myBoyWrapper #bottomButtons #effectImage
{display: none;
position:absolute;
top:11px;
left:-575px;
z-index:5;
}
#myBoyWrapper #bottomButtons .complete-bf {
height: 130px;
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
}
#myBoyWrapper #bottomButtons ul {
text-align: center;
}
#myBoyWrapper #bottomButtons ul li {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 43px 7px 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px;
cursor: pointer;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17003f+0,230060+100&0.5+0,0+100 */
background: -moz-linear-gradient(top, rgba(23,0,63,0.5) 0%, rgba(35,0,96,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(23,0,63,0.5) 0%,rgba(35,0,96,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(23,0,63,0.5) 0%,rgba(35,0,96,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8017003f', endColorstr='#00230060',GradientType=0 ); /* IE6-9 */
border-radius: var(--border-radius-m);
}
#myBoyWrapper #bottomButtons ul li a {
background: url('../img/layout/boyfriend-action-icons-new.png') no-repeat;
width: 108px;
height: 88px;
}
#myBoyWrapper #bottomButtons ul li.kiss a {
background-position: -2px -4px;
}
#myBoyWrapper #bottomButtons ul li.call a {
background-position: -152px -4px;
}
#myBoyWrapper #bottomButtons ul li.date a {
background-position: -303px -4px;
}
#myBoyWrapper #bottomButtons ul li.gift a {
background-position: -452px -7px;
}
#myBoyWrapper #bottomButtons ul li:hover span[class*="boyfriend-action-price-"] {
background: none;
background-color: rgb(255, 255, 255);
box-shadow: 0 0px 10px 2px #bb62ff, 0 3px 15px 0 rgba(80, 45, 85, 0.8), 0 0 3px 1px #fcdfff inset, 0 0 12px 3px rgb(212, 90, 255) inset;
color: #552365;
}
#myBoyWrapper #bottomButtons ul li a.notify{
-webkit-animation: bf-action-btn .65s ease-in-out infinite;
animation: bf-action-btn .65s ease-in-out infinite;
}
@-webkit-keyframes bf-action-btn{
from{
-webkit-transform: scale(1);
transform: scale(1);
}
50%{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
to{
}
}
@keyframes bf-action-btn{
from{
-webkit-transform: scale(1);
transform: scale(1);
}
50%{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
to{
}
}
#myBoyWrapper #bottomButtons .bf-action-reward {
height: 33px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: bold;
position: absolute;
top: 6px;
}
.bf-action-reward.bf-action-reward-gift span {
background: url('../img/layout/boyfriend-gift-ico.png') no-repeat left -8px;
color: #d5fcff;
text-shadow: 0 0 10px #00f6ff;
padding: 5px 0 0px 35px;
}
.bf-action-reward.bf-action-reward-happiness span {
background: url('../img/layout/boyfriend-happy-ico.png') no-repeat left 3px;
color: #fcf8d0;
text-shadow: 0 0 10px #ffa200;
padding: 5px 0 1px 29px;
}
#myBoyWrapper #bottomButtons .boyfriend-action,
#myBoyWrapper #bottomButtons .boyfriend-action-timer,
#myBoyWrapper #bottomButtons .boyfriend-action-price-diamond,
#myBoyWrapper #bottomButtons .boyfriend-action-price-money {
background: rgb(233,126,252);
background: -webkit-linear-gradient(top, rgba(233,126,252,1) 0%,rgba(158,18,183,1) 17%,rgba(108,12,127,1) 53%,rgba(88,36,104,1) 54%,rgba(88,36,104,1) 79%,rgba(117,45,130,1) 89%,rgba(184,76,218,1) 100%);
background: -webkit-linear-gradient(top, rgba(233,126,252,1) 0%, rgba(158,18,183,1) 17%, rgba(108,12,127,1) 53%, rgba(88,36,104,1) 54%, rgba(88,36,104,1) 79%, rgba(117,45,130,1) 89%, rgba(184,76,218,1) 100%);
background: linear-gradient(to bottom, rgba(233,126,252,1) 0%,rgba(158,18,183,1) 17%,rgba(108,12,127,1) 53%,rgba(88,36,104,1) 54%,rgba(88,36,104,1) 79%,rgba(117,45,130,1) 89%,rgba(184,76,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e97efc', endColorstr='#b84cda',GradientType=0 );
border-radius: 20px;
padding: 4px 0;
color: #fff;
text-align: center;
box-shadow: 0 0 10px 0 rgba(106,40,130,.8);
width: 90%;
font-weight: bold;
height: 16px;
}
#myBoyWrapper #bottomButtons .boyfriend-action-empty{
display: none;
}
#myBoyWrapper #bottomButtons .boyfriend-action-empty span {
padding: 3px 0 1px 19px;
}
#myBoyWrapper #bottomButtons .boyfriend-action-price-money span {
background: url(../img/layout/currency.png) no-repeat -6px -168px;
color: #ffdda8;
text-shadow: 0 0 5px #c36a00, 0 0 3px #c36a00, 0 0 2px #c36a00;
padding: 3px 0 1px 19px;
}
#myBoyWrapper #bottomButtons .boyfriend-action-price-diamond > span {
background: url(../img/layout/currency.png) no-repeat -8px -237px;
color: #daf4ff;
text-shadow: 0 0 5px #258abe, 0 0 3px #258abe, 0 0 2px #258abe;
padding: 0 0 1px 19px;
display: inline-flex;
justify-content: center;
}
#myBoyWrapper #bottomButtons .boyfriend-action-price-diamond > span span.old-price {
text-decoration: line-through;
margin: 0 3px 0 0;
}
#myBoyWrapper #bottomButtons ul .boyfriend-action-timer > span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 15px;
color: #ffb6b6;
}
#myBoyWrapper .tooltip {
font-size: var(--font-size-12);
padding: 5px 30px 5px;
font-weight: 700;
}
#myBoyWrapper #bottomButtons ul .boyfriend-action-timer .timer-clock {
background: url(../img/layout/leagues/sand-clock.png) no-repeat center center;
display: inline-block;
width: 20px;
height: 30px;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
margin-right: 5px;
-webkit-animation: bf-action-timer 1.5s linear infinite;
animation: bf-action-timer 1.5s linear infinite;
}
@-webkit-keyframes bf-action-timer{
from{
-webkit-transform: scale(.7) rotate(0deg);
transform: scale(.7) rotate(0deg);
}
to{
-webkit-transform: scale(.7) rotate(360deg);
transform: scale(.7) rotate(360deg);
}
}
@keyframes bf-action-timer{
from{
-webkit-transform: scale(.7) rotate(0deg);
transform: scale(.7) rotate(0deg);
}
to{
-webkit-transform: scale(.7) rotate(360deg);
transform: scale(.7) rotate(360deg);
}
}
.topBar .nav-wrapper{
display: inline-block;
position: absolute;
left: 50%;
margin-left: -116px;
}
.topBar .nav-wrapper a,
.partyCenter-top-nav > a{
background: url('../img/layout/bf-dress-gift-nav.png') no-repeat left top;
display: block;
float: left;
height: 34px;
margin-top: 15px;
width: 34px;
}
.topBar .nav-wrapper a.right,
.partyCenter-top-nav a.right{
background-position: right top;
}
.topBar .nav-wrapper a:hover,
.partyCenter-top-nav > a:hover{
background-position: left bottom;
}
.topBar .nav-wrapper a.right:hover,
.partyCenter-top-nav a.right:hover{
background-position: right bottom;
}
.topBar .nav-wrapper ul{
float: left;
margin-top: 6px;
padding: 0 10px;
width: 150px;
}
.boyfriendPage .topBar .nav-wrapper ul li{
background: url('../img/layout/boyfriend-dress-gift.png') no-repeat right top;
float: left;
height: 50px;
margin: 0 4px;
position: relative;
width: 42px;
}
.boyfriendPage .topBar .nav-wrapper ul li.active{
background-position: left top;
}
.boyfriendPage .topBar .nav-wrapper ul li span{
background: url('../img/layout/bf-dress-gift-get.png') no-repeat;
width: 22px;
height: 20px;
position: absolute;
top: -2px;
right: -6px;
display: none;
}
.boyfriendPage .topBar .nav-wrapper ul li.taken span{
display: block;
}
/* ---------- PETSHOP ------------ */
.petsWrapper > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 30px;
}
.petsWrapper .petsList {
height: 374px;
margin-bottom: 40px;
border-radius: var(--border-radius-m);
position: relative;
z-index: 2;
-webkit-box-flex: 1;
-webkit-flex: 1 0 306px;
-ms-flex: 1 0 306px;
flex: 1 0 306px;
max-width: 350px;
opacity: 0;
-webkit-animation: petsList-anim .2s ease-out forwards;
animation: petsList-anim .2s ease-out forwards;
}
@-webkit-keyframes petsList-anim{
from{
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 0;
}
to{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes petsList-anim{
from{
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 0;
}
to{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.petsWrapper .petsList.owned {
box-shadow: 0px -210px 80px 0 rgba(215, 170, 250, 0.35) inset, 0 16px 28px rgba(50, 25, 80, .3);
}
.petsWrapper > ul li:nth-child(1){
animation-delay: 0;
}
.petsWrapper > ul li:nth-child(2){
animation-delay: .2s;
}
.petsWrapper > ul li:nth-child(3){
animation-delay: .3s;
}
.petsWrapper > ul li:nth-child(4){
animation-delay: .4s;
}
.petsWrapper > ul li:nth-child(5){
animation-delay: .5s;
}
.petsWrapper > ul li:nth-child(6){
animation-delay: .6s;
}
.petsWrapper > ul li:nth-child(7){
animation-delay: .7s;
}
.petsWrapper > ul li:nth-child(8){
animation-delay: .8s;
}
.petsWrapper > ul li:nth-child(9){
animation-delay: .9s;
}
.petsWrapper > ul li:nth-child(10){
animation-delay: 1s;
}
.petsWrapper > ul li:nth-child(11){
animation-delay: 1.1s;
}
.petsWrapper > ul > li:not(:nth-child(2n)):not(:last-child) {
margin: 0 30px 40px 0;
}
.petsWrapper .buy-skin-modal {
top: 60px;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
.buy-skin-modal {
position: absolute;
bottom: 62px;
opacity: 0;
left: 10px;
pointer-events: none;
background-color: rgba(68, 27, 82, .8);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 21px;
padding: 7px;
}
.buy-skin-modal .btn-price-tag {
margin: 0 7px 0 0;
}
.buy-skin-modal.show {
opacity: 1;
pointer-events: initial;
z-index: 10;
}
.petsWrapper .petsList ul {
display: flex;
float: left;
}
.pets-page .petHolder {
height: 200px;
position: relative;
overflow: hidden;
width: 100%;
}
.petsWrapper .petsList ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.petsWrapper .petsList li {
margin: 0 3px;
}
.pets-page .petHolder img {
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}
.pets-page .pet-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-top: 8px;
}
.petsWrapper ul.inside .petHolder > div{
position: absolute;
top: 0;
width: 100%;
}
.petsWrapper ul.inside .petHolder > div p:first-child{
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(76, 16, 96, 0.7) 0%, rgba(81, 32, 97, 0.7) 100%) repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 3px 5px 0 #391345 inset;
margin: 10px auto 0;
padding: 5px;
width: 278px;
}
.petsWrapper ul.inside .petHolder > div p:first-child span{
color: #fdcf62;
text-shadow: 0 1px 3px #512061;
display: inline-block;
margin: 0 5px;
}
.petsWrapper ul.inside li.petsList .boxBlick .petHolder .lock {
background: url('../img/layout/locked-pet.png') 0 0 no-repeat;
width: 60px;
height: 60px;
position: absolute;
left: 140px;
top: 120px;
}
p.limited-pet-description {
position: relative;
padding: 16px 23px;
line-height: 1.3;
display: block;
background: rgba(68, 27, 82, .4);
margin: 11px 31px;
border-radius: 11px;
}
p.limited-pet-description::before {
content: "";
display: block;
left: 139px;
position: absolute;
bottom: -8px;
width: 8px;
height: 8px;
background: url(../img/layout/pin-down-dark.png);
}
p.limited-pet-timer {
background: none !important;
box-shadow: none !important;
font-size: 16px;
font-style: normal;
font-family: Arial;
letter-spacing: 0px;
font-weight: bold;
}
.petsWrapper ul.inside li.petsList.pet30 .petHolder ul li.skin1 div {
background: url(../img/model/pet/skins/skins-30.jpg) 0 0;
}
.petsWrapper ul.inside li.petsList .petHolder ul.right {
position: absolute;
right: 30px;
top: 30px;
}
.petsWrapper .skins-list {
overflow-x: hidden;
margin: 17px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px 0;
cursor: pointer;
}
.skins-list li::before,
.skins-list li.skins-clicked::before {
content: "";
position: relative;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background-image: -webkit-linear-gradient(top, rgba(254,230,0,1) 0%, rgba(250,162,27,1) 100%);
background-image: linear-gradient(to bottom, rgba(254,230,0,1) 0%, rgba(250,162,27,1) 100%);
z-index: -1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
transition: transform .2s ease-out, opacity .2s ease-out;
}
.skins-list li:hover::before,
.skins-list li.selected::before,
.skins-list li.skins-clicked::before
{
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.skins-list li.selected {
pointer-events: none;
}
.pets-page .petsList ul li {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
height: 30px;
width: 30px;
}
.pets-page .pet1 li{
background: url('../img/model/pet/skins/skins-1.png') 0 0;
}
.pets-page .pet2 li{
background: url('../img/model/pet/skins/skins-2.png') 0 0;
}
.pets-page .pet3 li{
background: url('../img/model/pet/skins/skins-3.png') 0 0;
}
.pets-page .pet4 li{
background: url('../img/model/pet/skins/skins-4.png') 0 0;
}
.pets-page .pet5 li{
background: url('../img/model/pet/skins/skins-5.png') 0 0;
}
.pets-page .pet6 li{
background: url('../img/model/pet/skins/skins-6.png') 0 0;
}
.pets-page .pet7 li{
background: url('../img/model/pet/skins/skins-7.png') 0 0;
}
.pets-page .pet8 li{
background: url('../img/model/pet/skins/skins-8.png') 0 0;
}
.pets-page .pet10 li{
background: url('../img/model/pet/skins/skins-10.png') 0 0;
}
.pets-page .pet11 li{
background: url('../img/model/pet/skins/skins-11.png') 0 0;
}
.pets-page .petsList .skin1 {
background-position: 0 0;
}
.pets-page .petsList .skin2 {
background-position: 0 -60px;
}
.pets-page .petsList .skin3 {
background-position: 0 -120px;
}
.pets-page .petsList .skin4 {
background-position: 0 -180px;
}
.pets-page .petsList .skin5 {
background-position: 0 -240px;
}
.pets-page .petsList .skin6 {
background-position: 0 -300px;
}
.pets-page .petsList .skin7 {
background-position: 0 -360px;
}
.pets-page .petsList .skin8 {
background-position: 0 -420px;
}
.pets-page .loyalty {
margin: 10px auto 20px;
/*text-transform: uppercase;*/
font-size: var(--font-size-16);
text-shadow: 0 0px 1px #fff, 0 0px 1px #fff;
filter: drop-shadow(0 0px 1px #fff) drop-shadow(0 0px 5px #fff);
}
.pets-page .loyalty span {
padding: 5px 0 5px 33px;
color: var(--font-color-active);
font-weight: var(--font-weight-bold);
background: url(../img/layout/new/stats-new.png) no-repeat left -173px / 30px auto;
}
.auction-single-item-wrap .price{
background: url('../img/layout/stats-icons.png') no-repeat scroll 0 0;
color: #fdcf62;
font-size: 16px;
padding: 2px 0 0 27px;
}
.petsWrapper ul.inside li.petsList a.buy {
float: right;
margin: 5px 34px 0 0;
}
a.actionButton {
background: url('../img/layout/actionButton.png') no-repeat scroll 0 0;
height: 36px;
display: block;
position: relative;
color: #522262;
line-height: 36px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
text-shadow: 0 1px 3px #ffe59f;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 2px 1px #2d0839;
-moz-box-shadow: 0px 2px 1px #2d0839;
box-shadow: 0px 2px 1px #2d0839;
}
a.actionButton .text {
background: url('../img/layout/actionButton-blink.png') no-repeat center top;
display: block;
height: 36px;
padding: 0 20px;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.actionButton:hover {
background-position: 50% -60px;
color: #fff;
text-shadow: 0 0 3px #16001d;
}
.friendsPage.vote a.actionButton{
width:200px;
text-align:center
}
.friendsPage.vote a.actionButton.inactive:hover{
background-position:0 0;
color: #522262;
text-shadow: 0 1px 3px #ffe59f;
}
a.actionButton:hover span {
background-position: 50% -80px;
}
a.actionButton .arrow {
background: url("../img/layout/act-btns.png") no-repeat -119px -90px;
height: 33px;
width: 35px;
display: block;
position: absolute;
top: 1px;
right: 25px;
}
a.actionButton:hover .arrow {
background-position: -154px -90px;
}
/* ---------- PET PAGE ------------ */
.petsPage #panelWrapper{
height:300px;
position:absolute;
top:150px;
left: 0;
}
.topBar {
background: url('../img/layout/purple-box-bg.png') repeat;
width: 980px;
height: 62px;
padding: 0 2px 2px 0;
margin-bottom: 28px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 2px 4px 0px #7e695d;
-moz-box-shadow: 0px 2px 4px 0px #7e695d;
box-shadow: 0px 2px 4px 0px #7e695d;
border: 1px solid #816a80;
position: relative;
float: left;
z-index: 11;
text-align: center;
}
.topBar .boxBlick,
.messageBox .boxBlick {
background: url('../img/layout/pink-box-blick.png') center top no-repeat;
border: 1px solid #948598;
}
.quests .topBar .colum,
.petsPage .topBar .column,
.boyfriendPage .topBar .column {
float: left;
height: 50px;
margin: 6px 20px;
}
.quests .topBar .column01,
.petsPage .topBar .column01,
.boyfriendPage .topBar .column01 {
margin-left: 30px;
}
.quests .topBar .column02,
.petsPage .topBar .column02 {
margin: 20px 22px 0;
float: right;
}
.quests .topBar .column03,
.petsPage .topBar .column03 {
float: right;
margin-top: 21px;
margin-right: 30px;
}
.quests .topBar .column01 p,
.petsPage .topBar .column01 p,
.boyfriendPage .topBar .column01 p {
font-size: 14px;
line-height: 50px;
color: #fff;
text-shadow: 0px 1px 1px #2d0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1); */
float: left;
}
.drop-down-wraper {
float: left;
/* height: 37px; */
margin: 10px 10px 0 5px;
position: relative;
width: auto;
}
.drop-down-wraper .dropDown{
background: url('../img/layout/dropdown.png') center top repeat-x;
width: auto;
height: 30px;
font-size: 14px;
line-height: 32px;
padding: 0 10px;
border: 1px solid #755080;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px #f4e9fa, 0 2px 3px #6f437d;
-moz-box-shadow: inset 0 0 5px #f4e9fa, 0 2px 3px #6f437d;
box-shadow: inset 0 0 5px #f4e9fa, 0 2px 3px #6f437d;
}
.drop-down-wraper .dropDown:hover{
box-shadow: inset 0 0 10px #fff, 0 2px 3px#6f437d;
background-position: center bottom;
}
.drop-down-wraper .dropDown span {
background: url('../img/layout/dropdown-arrow.png') right 10px no-repeat;
display: block;
width: auto;
height: 30px;
padding: 0 25px 0 10px;
margin-right:10px;
text-align:center;
}
#scroll-container {
position: absolute;
z-index: 10;
min-width: 103%;
left: 0;
display: flex;
visibility: hidden;
flex-direction: row-reverse;
padding: 5px 0 5px 5px;
border-radius: 5px;
top: 40px;
box-shadow: 0 10px 100px 0 rgba(105, 39, 67, 0.5), 0 10px 30px 0 rgba(23, 5, 50, 0.4), 0 4px 6px 0 rgba(255, 0, 225, 0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7dbe9+0,fdefff+67,fef5ff+68&0.8+0,1+68,0.8+100 */
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(231, 219, 233, 0.8) 0%, rgba(253, 239, 255, 1) 67%, rgba(254, 245, 255, 1) 68%, rgba(254, 245, 255, 0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(231, 219, 233, 0.8) 0%, rgba(253, 239, 255, 1) 67%, rgba(254, 245, 255, 1) 68%, rgba(254, 245, 255, 0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cce7dbe9', endColorstr='#ccfef5ff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.messageBox #scroll-container{
opacity: 1;
height: auto !important;
}
.leftMenu .drop-down-wraper {
margin: 0 0 20px 0;
float: none;
width: 100%;
text-align: center;
}
.leftMenu #scroll-container {
width: 90%;
min-width: 90%;
left: 50%;
transform: translateX(-50%) !important;
}
.leftMenu #scroll-container .viewport{
box-shadow: none;
}
.leftMenu .drop-down-wraper .dropDown {
background: none;
background-color: #632778 !important;
height: auto;
font-size: var(--font-size-14);
line-height: normal;
padding: 10px 30px 10px 10px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: var(--border-radius-m);
box-shadow: inset 0 0 10px #925fa2, 0 5px 13px 0 #3b02564f;
background-color: transparent;
text-align: center;
margin: 0 auto;
cursor: pointer;
display: inline-block;
position: relative;
}
.leftMenu .drop-down-wraper .dropDown::after {
border-color: #d3bdd9 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
border-style: solid;
border-width: 7px 6px 0 6px;
top: 17px;
content: "";
display: block;
right: 11px;
position: absolute;
}
.leftMenu .drop-down-wraper .dropDown:hover{
box-shadow: inset 0 0 10px #b079c1, 0 5px 13px 0 #3b02564f;
}
.leftMenu .drop-down-wraper .dropDown span {
background: none;
display: inline;
padding: 0;
margin-right: 0;
text-align: center;
}
#scroll-container .scroll-v-wrapper{
background-color: #c6bdc3;
box-shadow: none;
}
#scroll-container::before {
content: "";
width: 100%;
height: 10px;
position: absolute;
top: -10px;
}
.drop-down-wraper:hover #scroll-container {
-webkit-animation: scrol-container-show .25s ease-out forwards;
animation: scrol-container-show .25s ease-out forwards;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@-webkit-keyframes scrol-container-show{
from{
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.8);
transform: scale(.8);
}
to{
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scrol-container-show{
from{
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.8);
transform: scale(.8);
}
to{
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
}
#scroll-container .viewport {
position: relative;
max-height: 180px;
overflow: hidden;
width: 100%;
border-radius: 5px;
box-shadow: 0px 10px 10px 0 #3727323d;
}
#scroll-container .overview {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#scroll-container .scroll-v-holder {
margin: 0 0 0 5px;
}
#searchLadyNameResults #scroll-container li,#searchLadyNameResults #scroll-container li a {
height: 72px;
}
#scroll-container li, #scroll-container li a {
font-size: 14px;
color: #5b266c;
position: relative;
padding: 2px 5px;
height: 30px;
white-space: nowrap;
text-align: left;
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.autocomplete-drop-down-avatar {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px 0 0;
box-shadow: 0 2px 4px 0px rgba(0,0,0,.2);
}
.autocomplete-drop-down-avatar img {
height: 100%;
}
#scroll-container li:hover, #scroll-container li:hover a {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a742a6+0,e889a8+100 */
background: rgb(167,66,166); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,66,166,1) 0%, rgba(232,137,168,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(167,66,166,1) 0%,rgba(232,137,168,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(167,66,166,1) 0%,rgba(232,137,168,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a742a6', endColorstr='#e889a8',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
color: #fff;
text-shadow: 0 1px 1px #2d0839;
cursor: pointer;
}
.petsPage .topBar .column01 ul li.notify::before {
content: "";
background-color: #ff007a;
display: inline-block;
width: 6px;
height: 6px;
border-radius: 10px;
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
}
.quests .column02 .boxWrapper,
.petsPage .column02 .boxWrapper {
background-color: #643774;
height: 26px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 5px 8px #522e5e;
-moz-box-shadow: inset 0 5px 8px #522e5e;
box-shadow: inset 0 5px 8px #522e5e;
}
.friendsPage.resetAccount .boxWrapper {
background-color: #bb9a8d;
height: 26px !important;
width:288px !important;
margin: 0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 2px 1px #7e6453;
-moz-box-shadow: inset 0 2px 1px #7e6453;
box-shadow: inset 0 2px 1px #7e6453;
}
.friendsPage.resetAccount .barWrap,
.quests .column02 .barWrap,
.petsPage .column02 .barWrap {
width: 102px;
height: 15px;
float: left;
margin: 4px 0 0 7px;
overflow: hidden;
background: url('../img/layout/level-progres-bg.gif') repeat-x;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-top: 1px solid #38004c;
border-bottom: 1px solid #9366a2;
}
.friendsPage.resetAccount .barWrap{
background: url('../img/layout/level-progres-bg.png') repeat-x;
width:200px ;
}
.profileSettings.resetAccount .barWrap span.fill,
.quests .column02 .barWrap span.fill,
.petsPage .column02 .barWrap span.fill {
display: block;
height: 13px;
margin-top: 1px;
background: url('../img/layout/level-progress-fill.gif') repeat-x;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.quests .column02 .timer,
.petsPage .column02 .timer {
float: left;
text-shadow: 0 1px 0 #2d0839;
margin: 5px;
}
.profileSettings.resetAccount .timer{
float: left;
text-shadow: 0 1px 0 #2d0839;
margin: 5px 0 0 10px;
margin-left:10px;
font-weight:bold;
font-size:14px
}
.miniButton {
display: block;
float: right;
height: 20px;
padding: 0 25px 0 10px;
margin: 2px 2px 2px 10px;
border: 1px solid #d8d0da;
color: #fff;
text-shadow: 0 1px 2px #2d0839;
font-weight: bold;
line-height: 20px;
position: relative;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #f971c0; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5NzFjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2NiMzc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #f971c0 0%, #cb378e 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f971c0), color-stop(99%,#cb378e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f971c0 0%,#cb378e 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f971c0 0%,#cb378e 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f971c0 0%,#cb378e 99%); /* IE10+ */
background: linear-gradient(top, #f971c0 0%,#cb378e 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f971c0', endColorstr='#cb378e',GradientType=0 ); /* IE6-8 */
}
.quests .miniButton .diamond,
.petsPage .miniButton .diamond {
background: url('../img/layout/item-price-diamond-ico.png') no-repeat;
width: 14px;
height: 15px;
display: block;
position: absolute;
right: 5px;
top: 2px;
}
.miniButton:hover {
color: #522262;
text-shadow: 0 0 1px #ffffff;
background: #fede90; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGU5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZjYWU0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlhMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fede90 0%, #fcae4d 46%, #fb9a39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fede90), color-stop(46%,#fcae4d), color-stop(100%,#fb9a39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fede90 0%,#fcae4d 46%,#fb9a39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fede90 0%,#fcae4d 46%,#fb9a39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fede90 0%,#fcae4d 46%,#fb9a39 100%); /* IE10+ */
background: linear-gradient(top, #fede90 0%,#fcae4d 46%,#fb9a39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fede90', endColorstr='#fb9a39',GradientType=0 ); /* IE6-8 */
}
.quests .column03 p.left,
.petsPage .column03 p.left {
float: left;
line-height: 22px;
margin: 0 5px;
text-transform: uppercase;
text-shadow: 0px 1px 1px #2d0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1);*/
}
.quests .column03 .barWrap {
width: 186px;
height: 15px;
float: left;
margin: 4px 0 0 7px;
overflow: hidden;
background: url('../img/layout/level-progres-bg.gif') repeat-x;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-bottom: 1px solid #9366a2;
}
.petsPage .makeupBox.wide {
width: 980px;
height: 400px;
overflow: hidden;
}
.makeupBox.wide,
div.wrapper.wide div.streetView,
div.wrapper.wide div.streetViewNav {
width: 100%;
height:auto;
overflow: hidden;
}
.makeupBox.purple{
background:url("../img/layout/purple-box-bg.png") repeat scroll 0 0 transparent !important;
}
.makeupBox.red{
background:url("../img/layout/red-box-bg.png") repeat scroll 0 0 transparent;
}
.makeupBox.red .boxBlick{
border-color: #c18aa5;
}
.loyalty .makeupBox.wide.purple.active{
background:url("../img/layout/pink-box-bg.png") repeat scroll 0 0 transparent;
-webkit-box-shadow: 0 2px 12px 4px rgba(73, 0, 93, 0.7);
-moz-box-shadow: 0 2px 12px 4px rgba(73, 0, 93, 0.7);
box-shadow: 0 2px 12px 4px rgba(73, 0, 93, 0.7);
}
.makeupBox.purple .boxBlick,
.quests .makeupBox.wide.black-box .boxBlick,
.loyalty .makeupBox.wide.purple .boxBlick,
.loyalty .makeupBox.wide.black-box .boxBlick,
.achievement-category-box .boxBlick,
.bf-beauty-salon .boxBlick{
border: 1px solid #948598;
}
.loyalty .makeupBox.wide.purple .boxBlick.active{
box-shadow: 0 0 15px 10px #f7dcff inset;
}
.quests .makeupBox.wide.purple .midColumn h1,
.quests .makeupBox.wide.black-box .midColumn h1,
.quests .makeupBox.black-box .rightColumn .right1 .numbers{
color:#fbc91c;
text-shadow:1px 1px #2d0839
}
.quests .makeupBox.wide.purple .midColumn p,
.quests .makeupBox.wide.black-box .midColumn p{
color:#fff;
text-shadow:1px 1px #60345d
}
#profilePage-pet .loyalty p,
.quests .makeupBox.wide.purple .rightColumn .loyalty p{
color:#fff;
text-shadow:1px 1px #60345d
}
.quests .makeupBox.wide.purple .rightColumn .loyalty .right .numbers{
color:#fff;
text-shadow:1px 1px #60345d
}
.quests .makeupBox.wide{
overflow:visible
}
.quests .makeupBox.wide .questDone{
width:70px;
height:68px;
display:block;
background:url("../img/layout/quest-done.png") 0 0 no-repeat;
position:absolute;
top:-20px;
right:-24px
}
.cars-page .makeupBox.wide .carBodyWrapper{
position:absolute;
top:-160px;
}
.quests .makeupBox.wide .petBodyWrapper,
.petsPage .makeupBox.wide .petBodyWrapper{
position:absolute;
top:-350px;
}
.quests .makeupBox.short .petBodyWrapper,
.petsPage .makeupBox.short .petBodyWrapper {
position:absolute;
top:-500px;
}
.petsPage #petBodyWrapper6{
top: -427px;
}
.petsPage #petBodyWrapper8{
top: -446px;
}
.petsPage #petBodyWrapper10{
top: -412px;
}
.petsPage #petBodyWrapper11{
top: -420px;
}
.petsPage #petBodyWrapper15{
top: -372px;
}
.petsPage #petBodyWrapper21{
top: -414px;
}
.petsPage #petBodyWrapper23{
top: -420px;
left: -150px;
}
.petsPage #petBodyWrapper25 {
top: -296px;
left: -60px;
}
.petsPage #petBodyWrapper28 {
transform: scale(.85);
}
.petsPage #petBodyWrapper25 > div > div {
background-size: 100%;
width: 500px !important;
}
.petsPage #petBodyWrapper28 {
transform: scale(.8);
top: -320px
}
.quests .makeupBox.short,
.petsPage .makeupBox.short {
height: 320px;
width: 980px;
}
.petsPage .leftColumn {
width: 500px;
float: left;
}
.quests .leftColumn {
width: 135px;
float: left;
padding:15px 10px 15px 20px;
}
.quests .makeupBox .midColumn,
.boxHolder.duel-mania p.duels-info{
float:left;
width:490px;
padding:20px 0 20px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow:1px 1px #f4e0db ;
font-style:italic;
font-weight:bold;
}
.quests .makeupBox.helloween-quest-header .midColumn{
min-height: 80px;
width: 666px;
}
#questsBox.quests .rightColumn .rewards-holder,
.makeupBox.lucky-cards.ingame div.boxBlick div.rewards-holder{
background: url('../img/layout/quest-rewards-bg.png') no-repeat top center rgba(255, 210, 162, 0.4);
height: 36px;
display: inline-block;
margin: -2px 28px 0;
padding: 0px 10px;
color: #5b266c;
font: italic 14px georgia,serif;
text-transform: capitalize;
text-shadow: 0px 1px 0px #ffffff;
border: 1px solid #9C828C;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
-webkit-box-shadow: inset 0px 0px 1px 1px #e1d4d1, 0px 1px 0px 0px rgba(119, 93, 128, 0.5);
box-shadow: inset 0px 0px 1px 1px #e1d4d1, 0px 1px 0px 0px rgba(119, 93, 128, 0.5);
}
#questsBox.quests .makeupBox.style2.wide.purple .rightColumn .rewards-holder,
#questsBox.quests .makeupBox.style2.wide.black-box .rightColumn .rewards-holder,
.makeupBox.lucky-cards.ingame div.boxBlick div.rewards-holder{
background: url('../img/layout/quest-rewards-bg.png') no-repeat top center rgba(239, 175, 255, 0.2);
border: none;
-webkit-box-shadow: 0 0 0 1px #B89CAF inset, 0px 1px 0px 1px rgba(119, 93, 128, 1);
box-shadow: 0 0 0 1px #B89CAF inset, 0px 1px 0px 1px rgba(119, 93, 128, 1);
color: #ffffff;
text-shadow: 0px 1px 0px #22001b;
}
#questsBox.quests .makeupBox.style2.wide.black-box .rightColumn .rewards-holder{
background: url('../img/layout/quest-rewards-bg.png') no-repeat top center rgba(165, 165, 165, 0.2);
}
#questsBox.quests .rightColumn .rewards-holder .rewards span{
margin-right: 2px;
}
#questsBox.quests .rightColumn .rewards-holder .rewards{
}
.sketch-in .leftColumn h1,
.quests .midColumn h1{
font-size:16px;
color:#5b266c;
text-transform:uppercase;
}
.sketch-in .leftColumn h1{
font-size:14px;
height: auto !important;
}
.quests .midColumn p,
.boxHolder.duel-mania p.duels-info{
color:#893b18;
font-size:14px;
margin-top:10px;
line-height:20px;
}
.petsPage .rightColumn {
min-width: 480px;
float: right;
}
.quests .rightColumn {
float: right;
text-align: center;
width: 305px;
}
#questsBox .makeupBox.helloween-quest-header .rightColumn{
position: absolute;
width: 202px;
height: 191px;
top: -50px;
right: -10px;
background: url('../img/layout/helloween-quest-decor.png') no-repeat;
}
.quests .leftColumn .color,
.petsPage .leftColumn .color,
.radioWrap{
background-color: #93625f;
height: 28px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 5px 8px #653230;
-moz-box-shadow: inset 0 5px 8px #653230;
box-shadow: inset 0 5px 8px #653230;
position: absolute;
left: 20px;
top: 20px;
color: #fdcf62;
text-shadow: 0 1px 3px #512061;
padding: 2px 3px 0 10px;
line-height: 26px;
}
.petsPage .leftColumn .color span.changeColor-title{
float: left;
}
.quests .leftColumn ul.skins.left,
.petsPage .leftColumn ul.skins.left {
position: absolute;
left: 20px;
top: 80px;
width: 140px;
}
.quests .leftColumn ul.skins.left li,
.petsPage .leftColumn ul.skins.left li {
float: left;
margin: 5px 20px 20px 5px;
opacity: 0.8;
/*transition: opacity 0.1s linear, box-shadow 0.1s linear;
-moz-transition: opacity 0.1s linear, box-shadow 0.1s linear;
-webkit-transition: opacity 0.1s linear, box-shadow 0.1s linear;
-o-transition: opacity 0.1s linear, box-shadow 0.1s linear;*/
}
.quests .leftColumn ul.skins.left li div,
.petsPage .leftColumn ul.skins.left li div {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 30px;
width: 30px;
}
.quests .leftColumn ul.skins.left.pet1 li div,
.petsPage .leftColumn ul.skins.left.pet1 li div {
background: url('../img/model/pet/skins/skins-1.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet2 li div,
.petsPage .leftColumn ul.skins.left.pet2 li div {
background: url('../img/model/pet/skins/skins-2.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet3 li div,
.petsPage .leftColumn ul.skins.left.pet3 li div {
background: url('../img/model/pet/skins/skins-3.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet4 li div,
.petsPage .leftColumn ul.skins.left.pet4 li div {
background: url('../img/model/pet/skins/skins-4.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet5 li div,
.petsPage .leftColumn ul.skins.left.pet5 li div {
background: url('../img/model/pet/skins/skins-5.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet6 li div,
.petsPage .leftColumn ul.skins.left.pet6 li div {
background: url('../img/model/pet/skins/skins-6.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet7 li div,
.petsPage .leftColumn ul.skins.left.pet7 li div {
background: url('../img/model/pet/skins/skins-7.png') 0 0;
}
.quests .leftColumn ul.skins.left.pet8 li div,
.petsPage .leftColumn ul.skins.left.pet8 li div {
background: url('../img/model/pet/skins/skins-8.png') 0 0;
}
.quests .leftColumn ul.skins.left li.skin1 div,
.petsPage .leftColumn ul.skins.left li.skin1 div {
background-position: 0 0;
}
.quests .leftColumn ul.skins.left li.skin2 div,
.petsPage .leftColumn ul.skins.left li.skin2 div {
background-position: 0 -60px;
}
.quests .leftColumn ul.skins.left li.skin3 div,
.petsPage .leftColumn ul.skins.left li.skin3 div {
background-position: 0 -120px;
}
.quests .leftColumn ul.skins.left li.skin4 div,
.petsPage .leftColumn ul.skins.left li.skin4 div {
background-position: 0 -180px;
}
.quests .leftColumn ul.skins.left li.skin5 div,
.petsPage .leftColumn ul.skins.left li.skin5 div {
background-position: 0 -240px;
}
.quests .leftColumn ul.skins.left li.skin6 div,
.petsPage .leftColumn ul.skins.left li.skin6 div {
background-position: 0 -300px;
}
.quests .leftColumn ul.skins.left li.skin7 div,
.petsPage .leftColumn ul.skins.left li.skin7 div {
background-position: 0 -360px;
}
.quests .leftColumn ul.skins.left li.skin8 div,
.petsPage .leftColumn ul.skins.left li.skin8 div {
background-position: 0 -420px;
}
.quests .leftColumn ul.skins.left li:hover,
.petsPage .leftColumn ul.skins.left li:hover {
cursor: pointer;
box-shadow: 0 2px 5px #fff;
-moz-box-shadow: 0 2px 5px #fff;
-webkit-box-shadow: 0 2px 5px #fff;
opacity: 1;
}
.quests .leftColumn img.pet01,
.petsPage .leftColumn img.pet01 {
position: absolute;
left: 30px;
top: -440px;
}
.quests .leftColumn img.pet04,
.petsPage .leftColumn img.pet04 {
position: absolute;
left: -20px;
top: -350px;
}
.quests .rightColumn .name,
.petsPage .rightColumn .name {
height: 40px;
margin-top: 25px;
font-size: 14px;
color: #804847;
text-shadow: 0 1px 1px #fff;
}
.quests .rightColumn .name strong,
.petsPage .rightColumn .name strong {
font-size: 24px;
color: #5b266c;
font-weight: bold;
text-shadow: 0 1px 1px #fff;
margin: 0 2px;
}
.edit {
background: url(../img/layout/gallery-edit-name.png) no-repeat -1px -39px;
width: 18px;
height: 18px;
display: block;
margin: 5px 0 0 5px;
}
#boyfriendNameDisplay a.edit{
float: left;
}
#boyfriendNameEdit a.edit{
position: relative;
z-index: 1;
margin: 0px 0 -5px 10px;
}
#boyfriendNameEdit span.confirm{
border: 1px solid #93625F;
border-radius: 20px;
-webkit-border-radius: 20px;
color: #804847;
font-weight: bold;
margin: 0 0 0 -26px;
padding: 5px 2px 4px 28px;
}
#boyfriendNameEdit span.confirm img {
margin-bottom: -2px;
}
.edit:hover {
background-position: -21px -39px;
cursor: pointer;
}
.edit.act {
background-position: -41px -39px;
}
.edit.act:hover {
background-position: -61px -39px;
cursor: pointer;
}
.edit.cancel {
background-position: -41px -79px;
}
.edit.cancel:hover {
background-position: -61px -79px;
cursor: pointer;
}
.quests.rightColumn .name span,
.quests .rightColumn .name strong,
.petsPage .rightColumn .name span,
.petsPage .rightColumn .name strong {
float: left;
}
.quests .rightColumn .name span,
.petsPage .rightColumn .name span {
line-height: 36px;
}
#profilePage-pet .inner-center p,
.quests .rightColumn .loyalty p,
.petsPage .rightColumn .loyalty p {
float: left;
width: 140px;
font-size: 24px;
color: #804847;
text-shadow: 0 1px 1px #fff;
text-align: center;
margin-right: 10px;
}
.petsPage .rightColumn .left {
float: left;
height: 90px;
}
.quests .rightColumn .left {
width: 100%;
text-align: center;
}
.petsPage .rightColumn .right {
float: left;
width: 140px;
height: 90px;
}
.quests .rightColumn .right1{
text-align: center;
}
.quests .rightColumn .right1.clock{
padding: 0 32%;
height: 30px;
}
.quests .rightColumn .right1.clock p{
background:url('../img/layout/quest-clock.png') 0 4px no-repeat;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#a11c62;
font-weight:bold;
padding: 4px 0 3px 33px;
margin: 0 auto;
width: auto;
}
#profilePage-pet .bar,
.quests .rightColumn .left .bar,
.petsPage .rightColumn .left .bar {
background: url('../img/layout/boyfriend-bar-bg.png') no-repeat;
width: 163px;
height: 23px;
padding: 3px;
}
#questsBox.quests .rightColumn .loyalty{
padding-top: 10px;
}
.quests .rightColumn .left .bar{
margin: 10px auto 0;
}
#questsBox.quests .rightColumn .buttons{}
#profilePage-pet .bar span.fill,
.quests .rightColumn .left .bar span.fill,
.petsPage .rightColumn .left .bar span.fill {
display: block;
height: 22px;
background: url('../img/layout/boyfriend-bar-progress.jpg') repeat-x;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
max-width:100%;
}
#profilePage-pet .right .numbers,
.quests .rightColumn .right1 .numbers,
.petsPage .rightColumn .right .numbers {
line-height: 30px;
font-size: 24px;
font-weight: bold;
color: #4e205d;
text-shadow: 0 1px 2px #fff;
}
.quests .rightColumn .left .color,
.petsPage .rightColumn .left .color {
background-color: #93625f;
height: 27px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 5px 8px #653230;
-moz-box-shadow: inset 0 5px 8px #653230;
box-shadow: inset 0 5px 8px #653230;
color: #fdcf62;
text-shadow: 0 1px 3px #512061;
padding: 1px 2px 0 5px;
line-height: 26px;
margin-top: 20px;
}
.quests .rightColumn .left .color .miniButton,
.petsPage .rightColumn .left .color .miniButton {
padding: 0 15px 0 15px;
}
.quests .rightColumn .left .color .totalMoney,
.petsPage .rightColumn .left .color .totalMoney
{
background: url('../img/layout/currency.png') no-repeat scroll 0 -163px;
padding: 2px 0 1px 23px;
line-height: 25px;
font-weight: bold;
font-size: 16px;
float: left;
}
.petsPage .rightColumn .buttons .act-btn {
float: left;
margin: 0 40px 0 0;
text-align: center;
width:154px;
padding:0px 40px 0px 0px;
}
.petsPage .rightColumn .line {
background: url('../img/layout/seperator-line.png') no-repeat scroll center center;
height: 2px;
margin: 30px 0 50px;
}
.petsPage .short .rightColumn .line {
margin: 10px 0 30px;
}
.pets-page .thumbnail-bg .limited-clock{
background: url("../img/layout/limited-clock.png") no-repeat;
display: inline-block;
height: 23px;
left: -11px;
position: absolute;
top: -7px;
width: 23px;
z-index:2;
}
.pets-page .wrapper{
min-height: 550px;
}
.oval-act-btn.trainLoyalty.notify {
-webkit-animation: train-loyaltu-btn .65s ease-in-out infinite;
animation: train-loyaltu-btn .65s ease-in-out infinite;
}
@-webkit-keyframes train-loyaltu-btn{
from{
-webkit-transform: scale(1);
transform: scale(1);
}
50%{
-webkit-transform: scale(1.3);
transform: scale(1.3);
color: #582b62;
background-color: #fbca7f;
text-shadow: none;
}
to{
}
}
@keyframes train-loyaltu-btn{
from{
-webkit-transform: scale(1);
transform: scale(1);
}
50%{
-webkit-transform: scale(1.3);
transform: scale(1.3);
color: #582b62;
background-color: #fbca7f;
text-shadow: none;
}
to{
}
}
/* ---------- SKETCH IN PAGE -----------------*/
.sketch-in .halfBox{
background: url("../img/layout/makeup-box-bg.png") repeat scroll 0 0 transparent;
border: 1px solid #9C828C;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 2px 4px 0 #7E695D;
float: left;
margin-bottom: 28px;
padding: 0 2px 0 0;
position: relative;
z-index: 2;
width:726px;
}
.sketch-in .halfBox .boxBlick{
padding: 20px 0;
}
.sketch-in.wide .halfBox{
width:956px;
}
.sketch-in .halfBox .row{
margin:10px 10px 10px 10px;
}
.sketch-in .halfBox .row .leftColumn{
width:150px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-shadow:1px 1px #ecdfd0;
padding-top:5px;
}
.sketch-in .halfBox .row .rightColumn{
float:right;
width:530px;
margin-right: 10px;
}
.sketch-in.wide .halfBox .row .rightColumn{
width:760px;
}
.sketch-in .halfBox .row .rightColumn .prbarHolder,
.friendsPage.resetAccount .boxWrapper{
background-color:#9a6a68;
width:100%;
height:30px;
display:block;
-webkit-box-shadow: inset 1px 3px 10px 1px rgba(58, 0, 0, 1);
-moz-box-shadow: inset 1px 3px 10px 1px rgba(58, 0, 0, 1);
box-shadow: inset 1px 3px 10px 1px rgba(58, 0, 0, 1);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.sketch-in .slideHolder{
height: 545px;
overflow:hidden;
position: absolute;
width: 250px;
right:0;
top: 72px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
box-shadow: 0 2px 4px 0 #7E695D;
}
.sketch-in.wide .slideHolder{
width:20px;
text-align:right
}
.sketch-in .slideHolder .slider{
background-color: white;
border: none;
height: 545px;
margin-top: auto;
position: relative;
width: 100%;
z-index: 1;
padding-right:6px
}
.sketch-in .controlsContainer{
width:20px;
position:absolute;
right:0;
top: 0;
}
.sketch-in .slideHolder .slider a.change-slider-size{
width: 20px;
height: 345px;
float: right;
color: #992e5b;
cursor: pointer;
overflow: hidden;
background: #e6c8a6; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmM4YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #ffffff 0%, #e6c8a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e6c8a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* IE10+ */
background: linear-gradient(left, #ffffff 0%,#e6c8a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6c8a6',GradientType=1 ); /* IE6-8 */
padding-top:200px
}
.sketch-in .slideHolder .slideScroll{
width:236px;
height:545px;
overflow:hidden;
float:left
}
.sketch-in .slideHolder ul.itemsThumbHolder{
margin:0px 0 0 15px
}
span.inventory-img {
width: 80px;
height: 80px;
display: block;
background: url('../img/layout/inventory-img-new.jpg?ver=12') no-repeat;
overflow: hidden;
position: relative;
}
span.inventory-img .inventory-item-boost {
position: relative;
top: -18px;
display: inline-flex;
justify-content: center;
align-items: flex-end;
width: 50px;
height: 34px;
background-color: #92bd25;
box-shadow:0 0 3px 0 black inset, 0 0 3px 0 black;
padding: 0 0 6px;
border-radius: 50%;
font-family: 'Open Sans';
font-weight: 800;
color: #90034f;
text-shadow:
-1px -1px 0 #ffffff,
1px -1px 0 #ffffff,
-1px 1px 0 #ffffff,
1px 1px 0 #ffffff;
opacity: 1;
}
.inventory-img.reward-furniture-set{
background-position: -320px -480px;
}
.inventory-img.reward-outfit{
background-position: -320px -560px;
}
.inventory-img,
.thumbnail .lc-award-img{
margin: 9px 0 0 10px !important;
}
.inventoryItem1 span.inventory-img{
background-position: -160px -240px;
}
.inventoryItem2 span.inventory-img{
background-position: 0 -240px;
}
.inventoryItem3 span.inventory-img{
background-position: -80px -240px;
}
.inventoryItem4 span.inventory-img{
background-position: 0 -1440px;
}
.inventoryItem5 span.inventory-img{
background-position: -80px -1440px;
}
.inventoryItem6 span.inventory-img{
background-position: -160px -1440px;
}
.inventoryItem7 span.inventory-img{
background-position: -240px -1440px;
}
.inventoryItem209 span.inventory-img{
background-position: 0 -1520px;
}
.inventoryItem210 span.inventory-img{
background-position: -80px -1520px;
}
.inventoryItem211 span.inventory-img,
.inventoryItem223 span.inventory-img{
background-position: -160px -1520px;
}
.inventoryItem212 span.inventory-img,
.inventoryItem224 span.inventory-img{
background-position: -240px -1520px;
}
#beauty_pageant_passes span.inventory-img {
background-position: -80px -1360px;
}
.inventoryItem8 span.inventory-img,
.inventoryItem191 span.inventory-img,
.inventoryItem197 span.inventory-img,
.inventoryItem20 span.inventory-img,
.inventoryItem14 span.inventory-img,
.inventoryItem213 span.inventory-img,
.inventoryItem219 span.inventory-img,
.inventoryItem225 span.inventory-img,
.inventoryItem231 span.inventory-img,
.inventoryItem237 span.inventory-img {
background-position: 0 -80px;
}
.inventoryItem9 span.inventory-img,
.inventoryItem192 span.inventory-img,
.inventoryItem198 span.inventory-img,
.inventoryItem15 span.inventory-img,
.inventoryItem21 span.inventory-img,
.inventoryItem214 span.inventory-img,
.inventoryItem220 span.inventory-img,
.inventoryItem26 span.inventory-img,
.inventoryItem226 span.inventory-img,
.inventoryItem232 span.inventory-img,
.inventoryItem238 span.inventory-img {
background-position: -80px -80px;
}
.inventoryItem10 span.inventory-img,
.inventoryItem193 span.inventory-img,
.inventoryItem199 span.inventory-img,
.inventoryItem16 span.inventory-img,
.inventoryItem22 span.inventory-img,
.inventoryItem215 span.inventory-img,
.inventoryItem227 span.inventory-img,
.inventoryItem233 span.inventory-img,
.inventoryItem239 span.inventory-img {
background-position: -160px -80px;
}
.inventoryItem221 span.inventory-img {
background-position: 0 0;
}
.inventoryItem222 span.inventory-img {
background-position: -80px 0;
}
.inventoryItem11 span.inventory-img,
.inventoryItem194 span.inventory-img,
.inventoryItem200 span.inventory-img,
.inventoryItem17 span.inventory-img,
.inventoryItem23 span.inventory-img,
.inventoryItem216 span.inventory-img,
.inventoryItem228 span.inventory-img,
.inventoryItem234 span.inventory-img,
.inventoryItem240 span.inventory-img {
background-position: -240px -80px;
}
.inventoryItem12 span.inventory-img,
.inventoryItem195 span.inventory-img,
.inventoryItem201 span.inventory-img,
.inventoryItem18 span.inventory-img,
.inventoryItem24 span.inventory-img,
.inventoryItem217 span.inventory-img,
.inventoryItem229 span.inventory-img,
.inventoryItem235 span.inventory-img,
.inventoryItem241 span.inventory-img {
background-position: 0 -160px;
}
.inventoryItem13 span.inventory-img,
.inventoryItem196 span.inventory-img,
.inventoryItem202 span.inventory-img,
.inventoryItem19 span.inventory-img,
.inventoryItem25 span.inventory-img,
.inventoryItem218 span.inventory-img,
.inventoryItem230 span.inventory-img,
.inventoryItem236 span.inventory-img,
.inventoryItem242 span.inventory-img {
background-position: -80px -160px;
}
.inventoryItem243 span.inventory-img {
background-position: -80px -1600px;
}
.inventoryItem26 span.inventory-img{
background-position: 0 -480px;
}
.inventoryItem27 span.inventory-img{
background-position: 0 -480px;
}
.inventoryItem28 span.inventory-img{
background-position: 0 -480px;
}
.inventoryItem29 span.inventory-img{
background-position: 0 -480px;
}
.inventoryItem30 span.inventory-img{
background-position: -80px -480px;
}
.inventoryItem31 span.inventory-img{
background-position: -160px -480px;
}
.inventoryItem32 span.inventory-img{
background-position: -240px -480px;
}
.inventoryItem33 span.inventory-img{
background-position: 0 -640px;
}
.inventoryItem34 span.inventory-img{
background-position: -80px -640px;
}
.inventoryItem35 span.inventory-img{
background-position: 0 -560px;
}
.inventoryItem36 span.inventory-img{
background-position: -80px -560px;
}
.inventoryItem37 span.inventory-img{
background-position: -160px -560px;
}
.inventoryItem38 span.inventory-img{
background-position: -240px -560px;
}
.inventoryItem39 span.inventory-img{
background-position: 0 -720px;
}
.inventoryItem40 span.inventory-img{
background-position: -80px -720px;
}
.inventoryItem41 span.inventory-img{
background-position: 0 -320px;
}
.inventoryItem42 span.inventory-img{
background-position: 0 -400px;
}
.inventoryItem43 span.inventory-img{
background-position: -80px -320px;
}
.inventoryItem44 span.inventory-img{
background-position: -80px -400px;
}
.inventoryItem45 span.inventory-img{
background-position: -160px -320px;
}
.inventoryItem46 span.inventory-img{
background-position: -320px -320px;
}
.inventoryItem47 span.inventory-img{
background-position: -320px -400px;
}
.inventoryItem48 span.inventory-img{
background-position: -160px -400px;
}
.inventoryItem49 span.inventory-img{
background-position: -240px -320px;
}
.inventoryItem50 span.inventory-img{
background-position: -240px -400px;
}
.inventoryItem51 span.inventory-img,
.inventoryItem54 span.inventory-img,
.inventoryItem57 span.inventory-img,
.inventoryItem72 span.inventory-img,
.inventoryItem75 span.inventory-img,
.inventoryItem78 span.inventory-img,
.inventoryItem81 span.inventory-img,
.inventoryItem92 span.inventory-img,
.inventoryItem95 span.inventory-img,
.inventoryItem111 span.inventory-img,
.inventoryItem114 span.inventory-img,
.inventoryItem129 span.inventory-img,
.inventoryItem132 span.inventory-img,
.inventoryItem135 span.inventory-img,
.inventoryItem138 span.inventory-img,
.inventoryItem179 span.inventory-img,
.inventoryItem182 span.inventory-img
{
background-position: -320px -720px;
}
.inventoryItem52 span.inventory-img,
.inventoryItem55 span.inventory-img,
.inventoryItem58 span.inventory-img,
.inventoryItem73 span.inventory-img,
.inventoryItem76 span.inventory-img,
.inventoryItem79 span.inventory-img,
.inventoryItem82 span.inventory-img,
.inventoryItem93 span.inventory-img,
.inventoryItem96 span.inventory-img,
.inventoryItem112 span.inventory-img,
.inventoryItem115 span.inventory-img,
.inventoryItem130 span.inventory-img,
.inventoryItem133 span.inventory-img,
.inventoryItem136 span.inventory-img,
.inventoryItem139 span.inventory-img,
.inventoryItem180 span.inventory-img,
.inventoryItem183 span.inventory-img{
background-position: -240px -720px;
}
.inventoryItem53 span.inventory-img,
.inventoryItem56 span.inventory-img,
.inventoryItem59 span.inventory-img,
.inventoryItem74 span.inventory-img,
.inventoryItem77 span.inventory-img,
.inventoryItem80 span.inventory-img,
.inventoryItem83 span.inventory-img,
.inventoryItem94 span.inventory-img,
.inventoryItem97 span.inventory-img,
.inventoryItem113 span.inventory-img,
.inventoryItem116 span.inventory-img,
.inventoryItem131 span.inventory-img,
.inventoryItem134 span.inventory-img,
.inventoryItem137 span.inventory-img,
.inventoryItem140 span.inventory-img,
.inventoryItem181 span.inventory-img,
.inventoryItem184 span.inventory-img{
background-position: -160px -720px;
}
.inventoryItem60 span.inventory-img,
.inventoryItem63 span.inventory-img{
background-position: -321px -640px;
}
.inventoryItem61 span.inventory-img,
.inventoryItem64 span.inventory-img{
background-position: -242px -640px;
}
.inventoryItem62 span.inventory-img,
.inventoryItem65 span.inventory-img{
background-position: -160px -640px;
}
.inventoryItem66 span.inventory-img,
.inventoryItem69 span.inventory-img{
background-position: -321px -800px;
}
.inventoryItem67 span.inventory-img,
.inventoryItem70 span.inventory-img{
background-position: -242px -800px;
}
.inventoryItem68 span.inventory-img,
.inventoryItem71 span.inventory-img{
background-position: -160px -800px;
}
.inventoryItem84 span.inventory-img,
.inventoryItem85 span.inventory-img{
background-position: -80px -800px;
}
.inventoryItem86 span.inventory-img,
.inventoryItem89 span.inventory-img{
background-position: -320px -880px;
}
.inventoryItem87 span.inventory-img,
.inventoryItem90 span.inventory-img{
background-position: -240px -880px;
}
.inventoryItem88 span.inventory-img,
.inventoryItem91 span.inventory-img{
background-position: -160px -880px;
}
.inventoryItem98 span.inventory-img{
background-position: -80px -880px;
}
.inventoryItem177 span.inventory-img,
.inventoryItem178 span.inventory-img{
background-position: 0 -800px;
}
.inventoryItem99 span.inventory-img,
.inventoryItem102 span.inventory-img,
.inventoryItem153 span.inventory-img,
.inventoryItem156 span.inventory-img{
background-position: -321px -960px;
}
.inventoryItem100 span.inventory-img,
.inventoryItem103 span.inventory-img,
.inventoryItem154 span.inventory-img,
.inventoryItem157 span.inventory-img{
background-position: -242px -961px;
}
.inventoryItem101 span.inventory-img,
.inventoryItem104 span.inventory-img,
.inventoryItem155 span.inventory-img,
.inventoryItem158 span.inventory-img{
background-position: -162px -960px;
}
.inventoryItem105 span.inventory-img,
.inventoryItem108 span.inventory-img{
background-position: -321px -1040px;
}
.inventoryItem106 span.inventory-img,
.inventoryItem109 span.inventory-img{
background-position: -242px -1040px;
}
.inventoryItem107 span.inventory-img,
.inventoryItem110 span.inventory-img{
background-position: -162px -1040px;
}
.inventoryItem117 span.inventory-img,
.inventoryItem120 span.inventory-img{
background-position: -321px -1120px;
}
.inventoryItem118 span.inventory-img,
.inventoryItem121 span.inventory-img{
background-position: -242px -1120px;
}
.inventoryItem119 span.inventory-img,
.inventoryItem122 span.inventory-img{
background-position: -162px -1120px;
}
.inventoryItem123 span.inventory-img,
.inventoryItem126 span.inventory-img{
background-position: -321px -1200px;
}
.inventoryItem124 span.inventory-img,
.inventoryItem127 span.inventory-img{
background-position: -242px -1200px;
}
.inventoryItem125 span.inventory-img,
.inventoryItem128 span.inventory-img{
background-position: -162px -1200px;
}
.inventoryItem141 span.inventory-img,
.inventoryItem144 span.inventory-img{
background-position: -321px -960px;
}
.inventoryItem142 span.inventory-img,
.inventoryItem145 span.inventory-img{
background-position: -242px -961px;
}
.inventoryItem143 span.inventory-img,
.inventoryItem146 span.inventory-img{
background-position: -162px -960px;
}
.inventoryItem147 span.inventory-img,
.inventoryItem150 span.inventory-img{
background-position: -81px -1200px;
}
.inventoryItem148 span.inventory-img,
.inventoryItem151 span.inventory-img{
background-position: -81px -1120px;
}
.inventoryItem149 span.inventory-img,
.inventoryItem152 span.inventory-img{
background-position: -82px -1040px;
}
.inventoryItem159 span.inventory-img,
.inventoryItem162 span.inventory-img{
background-position: -1px -1200px;
}
.inventoryItem160 span.inventory-img,
.inventoryItem163 span.inventory-img{
background-position: -1px -1120px;
}
.inventoryItem161 span.inventory-img,
.inventoryItem164 span.inventory-img{
background-position: -1px -1040px;
}
.inventoryItem165 span.inventory-img,
.inventoryItem168 span.inventory-img{
background-position: -320px -640px;
}
.inventoryItem166 span.inventory-img,
.inventoryItem169 span.inventory-img{
background-position: -240px -640px;
}
.inventoryItem167 span.inventory-img,
.inventoryItem170 span.inventory-img{
background-position: -160px -640px;
}
.inventoryItem171 span.inventory-img,
.inventoryItem174 span.inventory-img{
background-position: -320px -1280px;
}
.inventoryItem172 span.inventory-img,
.inventoryItem175 span.inventory-img{
background-position: -240px -1280px;
}
.inventoryItem173 span.inventory-img,
.inventoryItem176 span.inventory-img{
background-position: -160px -1280px;
}
.inventoryItem185 span.inventory-img,
.inventoryItem188 span.inventory-img{
background-position: -320px -1360px;
}
.inventoryItem186 span.inventory-img,
.inventoryItem189 span.inventory-img{
background-position: -240px -1360px;
}
.inventoryItem187 span.inventory-img,
.inventoryItem190 span.inventory-img{
background-position: -160px -1360px;
}
.inventoryItem203 span.inventory-img,
.inventoryItem206 span.inventory-img{
background-position: -320px -640px;
}
.inventoryItem204 span.inventory-img,
.inventoryItem207 span.inventory-img{
background-position: -240px -640px;
}
.inventoryItem205 span.inventory-img,
.inventoryItem208 span.inventory-img{
background-position: -160px -640px;
}
.inventoryItem209 span.inventory-img,
.inventoryItem212 span.inventory-img {
background-position: -320px -1600px;
}
.inventoryItem210 span.inventory-img,
.inventoryItem213 span.inventory-img {
background-position: -240px -1600px;
}
.inventoryItem211 span.inventory-img,
.inventoryItem214 span.inventory-img {
background-position: -160px -1600px;
}
.inventoryItem218 span.inventory-img,
.inventoryItem215 span.inventory-img {
background-position: -320px -1680px;
}
.inventoryItem219 span.inventory-img,
.inventoryItem216 span.inventory-img {
background-position: -240px -1680px;
}
.inventoryItem220 span.inventory-img,
.inventoryItem217 span.inventory-img {
background-position: -160px -1680px;
}
.inventoryItem243 span.inventory-img {
background-position: -80px -1600px;
}
.inventoryItem244 span.inventory-img,
.inventoryItem247 span.inventory-img {
background-position: -320px -1760px;
}
.inventoryItem245 span.inventory-img,
.inventoryItem248 span.inventory-img {
background-position: -240px -1760px;
}
.inventoryItem246 span.inventory-img,
.inventoryItem249 span.inventory-img {
background-position: -160px -1760px;
}
.inventoryItem250 span.inventory-img,
.inventoryItem253 span.inventory-img {
background-position: -80px -960px;
}
.inventoryItem251 span.inventory-img,
.inventoryItem254 span.inventory-img {
background-position: 0 -960px;
}
.inventoryItem252 span.inventory-img,
.inventoryItem255 span.inventory-img {
background-position: 0 -880px;
}
.inventoryItem256 span.inventory-img,
.inventoryItem259 span.inventory-img {
background-position: -80px -1680px;
}
.inventoryItem257 span.inventory-img,
.inventoryItem260 span.inventory-img {
background-position: 0 -1680px;
}
.inventoryItem258 span.inventory-img,
.inventoryItem261 span.inventory-img {
background-position: 0 -1600px;
}
/* WORKING */
.inventoryItem262 span.inventory-img,
.inventoryItem265 span.inventory-img {
background-position: -320px -1520px;
}
.inventoryItem263 span.inventory-img,
.inventoryItem266 span.inventory-img {
background-position: -320px -1440px;
}
.inventoryItem264 span.inventory-img,
.inventoryItem267 span.inventory-img {
background-position: 0 -1360px;
}
.inventoryItem268 span.inventory-img,
.inventoryItem271 span.inventory-img {
background-position: -80px -1760px;
}
.inventoryItem269 span.inventory-img,
.inventoryItem272 span.inventory-img {
background-position: 0 -1760px;
}
.inventoryItem270 span.inventory-img,
.inventoryItem273 span.inventory-img {
background-position: -320px -1840px;
}
/* END WORKING */
.luckyCardsHolder .luckyCard-big span.lc-award-img.lc-award-item26,
.luckyCardsHolder .luckyCard-big span.lc-award-img.lc-award-item27,
.luckyCardsHolder .luckyCard-big span.lc-award-img.lc-award-item28{
background: url('../img/layout/supermodel-boosters-inventory.jpg') no-repeat -200px 0;
}
.luckyCardsHolder .luckyCard-big span.lc-award-img.lc-award-item27{
background-position: -100px 0;
}
.luckyCardsHolder .luckyCard-big span.lc-award-img.lc-award-item28{
background-position: 0 0;
}
.thumbnail .picture-slot{
background-position: -240px -160px;
}
.thumbnail .album-slot{
background-position: -320px -160px;
}
.thumbnail .outfit-slot{
background-position: -320px -80px;
}
li.inventoryItemMaxEnergy span.inventory-img{
background-position: -240px -240px;
}
.crm-gift{
width: 200px;
height: 210px;
display: inline-block;
margin: 0 auto;
}
.crm-gift.crm-gift-98, .april-fool{
background: url('../img/layout/crm-gift-ico.png') no-repeat;
}
.april-fool{
background-size: 100% auto;
display: inline-block;
height: 143px;
margin-top: 27px;
width: 140px;
}
.prbarHolder .barWrapper .progress,
.boxContent .bar .barWrapper .progress,
#search_result .centerContent .bar .barWrapper .progress.progress3,
#content.duel-html .centerContent .bar .barWrapper .progress.progress3,
#profilePage-profile .rightContent #stats.boxHolder .boxContent .bar .barWrapper .progress{
display: block;
height: 13px;
margin-top: 1px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
-webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.3);
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.3);
}
.prbarHolder .barWrapper .progress.all-round,
.boxContent .bar .barWrapper .progress.all-round,
#search_result .centerContent .bar .barWrapper .progress.progress3.all-round,
#content.duel-html .centerContent .bar .barWrapper .progress.progress3.all-round,
#profilePage-profile .rightContent #stats.boxHolder .boxContent .bar .barWrapper .progress.all-round,
.energyBar .barWrapper span.fill.all-round,
.boxHolder .boxContent .barWrapper span.fill2.all-round,
.jobHolder .jobContent .jobProgress .barWrapper span.fill.all-round,
.quests .column03 .barWrap span.fill.all-round,
.petsPage .column03 .barWrapper span.fill.all-round,
.prbarHolder .barWrapper span.fill.all-round,
.levelBar .barWrapper span.fill.all-round,
.jobHolder .jobContent.fashion .jobProgress .barWrapper span.fill.all-round,
.centerContent .center span.fill.all-round{
-webkit-border-radius: 6px ;
border-radius: 6px ;
}
.prbarHolder .barWrapper .progress.progress1,
.boxHolder .boxContent .barWrapper .progress.progress1{
background: url('../img/layout/energy-progress-fill2.gif') repeat-x;
position:absolute;
z-index:5;
top:0;
left:0
}
.prbarHolder .barWrapper .progress.progress2{
background: url("../img/layout/level-progress-fill3.gif") repeat-x scroll 0 0 transparent;
position:absolute;
z-index:10;
top:0;
left:0
}
.prbarHolder .barWrapper .progress.progress3,
.boxHolder .boxContent .barWrapper .progress.progress3,
#search_result .centerContent .bar .barWrapper .progress.progress3,
#content.duel-html .centerContent .bar .barWrapper .progress.progress3,
.petsPage .column03 .barWrapper span.fill{
background: url('../img/layout/level-progress-fill.gif') repeat-x;
position:absolute;
z-index:15;
top:0;
left:0;
}
.prbarHolder .barWrapper .progress.progress4{
background: url("../img/layout/level-progress-fill4.gif") repeat-x scroll 0 0 transparent;
position:absolute;
z-index:9;
top:0;
left:0
}
.prbarHolder .barWrapper .progress.progress4:hover,
.prbarHolder .barWrapper .progress.progress3:hover,
.prbarHolder .barWrapper .progress.progress2:hover,
.prbarHolder .barWrapper .progress.progress1:hover,
.guild-page #statsList .barWrapper .progress:hover{
-webkit-box-shadow: inset 0px 0px 3px 2px #ffffff;
box-shadow: inset 0px 0px 3px 2px #ffffff;
}
.sketch-in span.progressPoints{
float:left;
margin:6px 0 0 10px;
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-shadow:1px 1px #2d0839
}
.sketch-in a.sketchTrain{
float:right;
margin:4px 5px 0 0;
color:#fff;
padding:3px 15px 4px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgb(255,119,198); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzdjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NiMzc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,119,198,1) 0%, rgba(203,55,142,1) 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,119,198,1)), color-stop(80%,rgba(203,55,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,119,198,1) 0%,rgba(203,55,142,1) 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,119,198,1) 0%,rgba(203,55,142,1) 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,119,198,1) 0%,rgba(203,55,142,1) 80%); /* IE10+ */
background: linear-gradient(top, rgba(255,119,198,1) 0%,rgba(203,55,142,1) 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77c6', endColorstr='#cb378e',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 0px 0px 3px 1px rgba(58, 0, 0, 1);
-moz-box-shadow: 0px 0px 3px 1px rgba(58, 0, 0, 1);
box-shadow: 0px 0px 3px 1px rgba(58, 0, 0, 1);
text-transform:uppercase;
font-weight:bold;
text-shadow:1px 1px #782054;
}
.sketch-in a.sketchTrain span{
color:#fdcf62
}
.sketch-in a.sketchTrain:hover{
background: rgb(203,55,142); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiMzc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc3YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(203,55,142,1) 0%, rgba(255,119,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,55,142,1)), color-stop(100%,rgba(255,119,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(203,55,142,1) 0%,rgba(255,119,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(203,55,142,1) 0%,rgba(255,119,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(203,55,142,1) 0%,rgba(255,119,198,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(203,55,142,1) 0%,rgba(255,119,198,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb378e', endColorstr='#ff77c6',GradientType=0 ); /* IE6-8 */
}
.sketch-in .msgHolder{
width:515px;
padding:0 0 0 15px;
background-color:#edddc8;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-top:8px;
color:#5b266c;
font-weight:bold;
height: auto;
}
.sketch-in.wide .msgHolder{
width:744px
}
.sketch-in .msgHolder.text{
height:auto;
}
.sketch-in .msgHolder p{
padding-top:3px;
}
.sketch-in .msgHolder.text p{
height:auto;
padding-top:5px;
padding-bottom:5px;
font-family:Georgia, "Times New Roman", Times, serif ;
font-style:italic;
color:#893b18;
font-weight:100;
}
.sketch-in .msgHolder p span{
display: block;
padding-right: 157px;
}
.sketch-in .msgHolder p span.point{
background: url("../img/layout/fashion-points.png") no-repeat scroll 0 -6px transparent;
display: inline-block;
padding: 18px 0 0 27px;
vertical-align: text-bottom;
}
#makeUpCompleteInfo span.fashion-points,
.storeResponseMsg .fashion-points{
background:url('../img/layout/fashion-points.png') 0 -3px no-repeat;
padding-left:24px;
padding-top: 4px;
padding-bottom: 3px;
position: relative;
}
.sketch-in .row .leftColumn h1,
#makeUpCompleteInfo span.popularity,
.storeResponseMsg span.popularity{
background:url('../img/layout/popularity-icons.png') no-repeat;
width: 26px;
height: 28px;
}
#makeUpCompleteInfo span.fashion-points{
padding-left: 4px;
padding-bottom: 10px;
position: relative;
width: 20px;
display: inline-block;
height: 10px;
margin-bottom: -7px;
}
.fashion-points strong{
color: #fdcf62;
}
.achievemntRow .fashion-points strong{
color: #591d1d;
}
.storeResponseMsg span.popularity.icon-style{
background-position: 5px -68px;
padding: 0 0 11px 28px;
}
.sketch-in .row.style .leftColumn h1{
background-position: 2px -68px;
padding: 0 0 4px 30px;
}
.sketch-in .row.beauty .leftColumn h1,
#makeUpCompleteInfo span.popularity.icon-beauty{
background-position: 0 -36px;
padding: 2px 0 9px 19px;
}
#makeUpCompleteInfo span.popularity.icon-beauty{
padding: 6px 0 9px 19px;
}
.sketch-in .row.beauty .leftColumn h1{
padding: 2px 0 4px 30px;
}
.sketch-in .row.creativity .leftColumn h1{
background-position: 1px 0px;
padding: 2px 0 9px 23px;
}
.sketch-in .row.creativity .leftColumn h1{
padding: 3px 0 7px 30px;
}
.sketch-in .row.devotion .leftColumn h1{
background-position: 0 -157px;
padding: 2px 0 7px 30px;
}
.sketch-in .row.generosity .leftColumn h1{
background-position: -1px -95px;
padding: 2px 0 5px 30px;
}
.sketch-in .row.loyalty .leftColumn h1{
background-position: 1px -127px;
padding: 0 0 4px 28px;
}
.sketch-in .msgHolder a.sketchMall{
float:right;
padding:5px 15px 5px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color:#522262;
text-shadow:1px 1px #ffc388;
text-transform:uppercase;
background: rgb(254,219,121); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGI3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2ZiOWEzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(254,219,121,1) 0%, rgba(251,154,57,1) 59%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,219,121,1)), color-stop(59%,rgba(251,154,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,219,121,1) 0%,rgba(251,154,57,1) 59%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,219,121,1) 0%,rgba(251,154,57,1) 59%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,219,121,1) 0%,rgba(251,154,57,1) 59%); /* IE10+ */
background: linear-gradient(top, rgba(254,219,121,1) 0%,rgba(251,154,57,1) 59%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedb79', endColorstr='#fb9a39',GradientType=0 ); /* IE6-8 */;
-moz-transition: -moz-box-shadow 0.5s; /* Firefox 4 */
-webkit-transition: -webkit-box-shadow 0.5s; /* Safari and Chrome */
-o-transition: box-shadow 0.5s; /* Opera */
}
.sketch-in .msgHolder a.sketchMall:hover{
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.sepLine1{
width:100%;
height:1px;
margin:5px 0 0 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkNTI4YSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzdkNTI4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDUyOGEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(125,82,138,0) 0%, rgba(125,82,138,1) 48%, rgba(125,82,138,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,82,138,0)), color-stop(48%,rgba(125,82,138,1)), color-stop(100%,rgba(125,82,138,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(125,82,138,0) 0%,rgba(125,82,138,1) 48%,rgba(125,82,138,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(125,82,138,0) 0%,rgba(125,82,138,1) 48%,rgba(125,82,138,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(125,82,138,0) 0%,rgba(125,82,138,1) 48%,rgba(125,82,138,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(125,82,138,0) 0%,rgba(125,82,138,1) 48%,rgba(125,82,138,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d528a', endColorstr='#007d528a',GradientType=1 ); /* IE6-8 */
}
.sepLine2{
width:100%;
height:1px;
margin:0 0 5px 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(48%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}
/* ---------- MY FRIENDS PAGE ------------ */
.friendsPage .makeupBox {
height: 210px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.friendsPage .makeupBox.dinamicBox {
width: 720px;
height: 250px;
margin-top: 35px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*input.test,
input[type='text'],
input[type='password'] {
background: rgb(254,220,184);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(254,220,184,1) 0%, rgba(254,252,252,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,220,184,1)), color-stop(100%,rgba(254,252,252,1)));
background: -webkit-linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
background: -o-linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
background: -ms-linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
background: linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedcb8', endColorstr='#fefcfc',GradientType=0 );
width: 680px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
border: 1px solid #A88563;
padding: 6px 10px;
margin: 30px 9px 10px;
color: #881c55;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset 0px 1px 5px #553511;
-moz-box-shadow: inset 0px 1px 5px #553511;
-webkit-box-shadow: insetv 0px 1px 5px #553511;
}*/
.friendsPage .radioWrap{
float:left;
text-align:center;
position: static;
}
.radioWrap input[type='radio']{
width: auto;
}
.radioWrap span{
padding: 0 5px 0 5px;
font-weight: bold;
text-shadow: 1px 1px #966555;
color: #fff;
padding: 0 15px 0 2px;
}
.friendsPage.profileSettings input.butt{
width:80px;
margin-left:-92px;
height:22px;
padding:0px 5px 4px 5px;
margin-top:2px;
position:absolute;
cursor:pointer;
}
.profileSettings .otherGamesContainer {
margin: 20px;
}
.profileSettings .otherGamesContainer .img {
border: 1px solid rgba(185, 131, 216, .4);
width: 80px;
height: 80px;
padding: 5px;
margin: -6px 10px -5px -106px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px #a7856c;
-moz-box-shadow: 0 0 5px #a7856c;
box-shadow: 0 0 0 1px #e2c0ff, 0 1px 15px 0 #bc41e8;
}
.profileSettings .otherGamesContainer .img span{
background: #93625F url('../img/layout/xs-games/profile_madmoo.jpg') no-repeat;
display: block;
width: 80px;
height: 80px;
}
.profileSettings .otherGamesContainer .img.ladypopular span{
background: #93625F url('../img/layout/xs-games/profile_ladypopular.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.ladypopular3 span{
background: #93625F url('../img/layout/xs-games/profile_ladypopular3.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.managore span{
background: #93625F url('../img/layout/xs-games/profile_managore.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.khanwars span{
background: #93625F url('../img/layout/xs-games/profile_khanwars.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.nemexia span{
background: #93625F url('../img/layout/xs-games/profile_nemexia.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.streetcrime span{
background: #93625F url('../img/layout/xs-games/profile_streetcrime.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.penguinfarmer span{
background: #93625F url('../img/layout/xs-games/profile_penguinfarmer.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.battlespell span{
background: #93625F url('../img/layout/xs-games/profile_battlespell.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .img.pirati span{
background: #93625F url('../img/layout/xs-games/pirati.png') no-repeat;
}
.profileSettings .otherGamesContainer .img.scandal span{
background: #93625F url('../img/layout/xs-games/profile_scandal.jpg') no-repeat;
}
.profileSettings .otherGamesContainer .games {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 100px;
margin: 0 0 40px 0;
}
.otherGamesContainer .games .gameName {
border-bottom: 1px solid #71467a;
margin: 8px 0 10px;
font-weight: lighter;
width: calc(100% - 30px);
height: 25px;
font-size: var(--font-size-14);
padding-bottom: 4px;
}
.otherGamesContainer .games span.world {
margin: -34px 10px 10px 6px;
}
.otherGamesContainer .games span.world small{
font-style: italic;
}
.otherGamesContainer .games span.world big{
font-weight: bold;
}
.profileSettings span.money,
.boxBlick.apartment span.money,
#popupMessage .button-wrapper .money{
background: #93625F url('../img/layout/stats-icons.png') no-repeat scroll 7px 3px;
height: 27px;
float: left;
color: #FDCF62;
font-size: 16px;
font-weight: bold;
line-height: 28px;
text-shadow: 0 1px 3px #512061;
margin: 8px 20px;
padding: 2px 20px 0 32px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 5px 8px #653230;
-moz-box-shadow: inset 0 5px 8px #653230;
box-shadow: inset 0 5px 8px #653230;
}
.profileSettings span.money.diamonds {
background-position: 7px -49px;
margin: 16px;
float: right;
}
.friendsPage.profileSettings .rightHolder{
width: 225px;
position: relative;
}
.friendsPage.profileSettings.hotlinks .rightHolder{
float: left;
width: 255px;
}
.friendsPage .player-avatar {
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 4px 10px 0 rgba(120,50,50,.5);
}
.friendsPage .add-avatar-btn,
.friendsPage .btn-cancel{
position: absolute;
width: 40px;
height: 40px;
padding: 10px;
border: none;
left: 62px;
z-index: 3;
}
.friendsPage .btn-cancel{
width: 30px;
height: 30px;
}
.friendsPage .btn-cancel:hover {
padding: 10px;
}
.friendsPage.rightContent.profileSettings .removeAvatar{
color: #CE0063;
float: left;
font-size: 11px;
font-weight: bold;
margin: 5px 0 0 8px;
text-decoration: underline;
}
.friendsPage.profileSettings .avatar img{
margin:5px;
padding:0;
}
.friendsPage .line,
.profileSettings .line {
background: url('../img/layout/seperator-line.png') no-repeat scroll center center;
height: 2px;
margin: 19px 0 19px;
}
/* .friendsPage bbCode */
.flex-row-break {
flex-basis: 100%;
height: 0;
}
.bbCode {
padding: 5px;
border-radius: 8px;
background: rgba(255,255,255,.8);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bbCode a {
margin: 0 4px 0 0;
}
.bbCode a.format-txt {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
width: 23px;
height: 23px;
border-radius: 5px;
border: 1px solid rgba(74, 63, 79, .5);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0eadd+0,d1c4aa+100 */
background: #f0eadd; /* Old browsers */
background: -moz-linear-gradient(top, #f0eadd 0%, #d1c4aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0eadd 0%,#d1c4aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0eadd 0%,#d1c4aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eadd', endColorstr='#d1c4aa',GradientType=0 ); /* IE6-9 */
}
.bbCode a.format-txt:hover {
opacity: .7;
}
#message-max-chars-reached {
color: #f77a49;
margin-left: 10px;
}
.textarea-message-header span:first-of-type {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.buttonsContainer li {
background: none !important;
width: 148px !important;
height: 42px !important;
margin: 0 16px !important;
float: left;
}
.buttonsContainer li a {
background: url('../img/layout/friends-action-buttons.png') no-repeat;
display: block;
width: 100px;
height: 42px;
padding: 0 5px 0 43px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 40px;
text-shadow: 0 1px 0 #595959;
}
.buttonsContainer li.fshare a {
background-position: 0 0;
}
.buttonsContainer li.send a {
background-position: -168px 0;
color: #335ca2;
text-shadow: 0 1px 0 #fff;
}
.buttonsContainer li.email a {
background-position: -336px 0;
}
.buttonsContainer li.signature a {
background-position: -504px 0;
}
.buttonsContainer li.fshare a:hover {
background-position: 0 -80px;
}
.buttonsContainer li.send a:hover {
background-position: -168px -80px;
}
.buttonsContainer li.email a:hover {
background-position: -336px -80px;
}
.buttonsContainer li.signature a:hover {
background-position: -504px -80px;
}
.friendsPage .makeupBox{
float: none;
margin:0px;
}
.friendsPage .panelWrapper {
}
.friendsPage .purpleBox {
background: url('../img/layout/purple-box-bg.png') repeat;
width: 702px;
height: 260px;
padding: 0px 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-webkit-box-shadow: 0px 2px 4px 0px #7e695d;
-moz-box-shadow: 0px 2px 4px 0px #7e695d;
box-shadow: 0px 2px 4px 0px #7e695d;
border: 1px solid #816a80;
position: relative;
z-index: 0;
}
.friendsPage .purpleBox .boxBlick {
background: url('../img/layout/pink-box-blick.png') center top no-repeat;
height: 100%;
width: 100%;
border: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 15px;
position: relative;
}
.friendsPage .purpleBox ul.list {
padding: 40px 0;
}
.friendsPage .purpleBox ul.list li {
background: url('../img/layout/list-type-emerald.png') left center no-repeat;
padding-left: 30px;
text-transform: uppercase;
font-size: 14px;
margin: 0 15px 30px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList {
margin: 25px 10px;
overflow: hidden;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li {
background: url('../img/layout/purple-box-bg.png') repeat;
width: 327px;
height:auto;
margin: 5px 11px 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 2px 4px 0px #7e695d;
-moz-box-shadow: 0px 2px 4px 0px #7e695d;
box-shadow: 0px 2px 4px 0px #7e695d;
border: 1px solid #816a80;
position: relative;
z-index: 11;
float: left;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .boxBlick {
background-position: 0 -24px;
border: 1px solid #b597af;
height: auto;
overflow: hidden;
padding: 3px 3px 5px;
width: 319px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .avatar {
border: 1px solid #fff;
float: left;
height: 63px;
margin: 4px 8px 18px 5px;
overflow: hidden;
width: 63px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .name {
font-size: 14px;
font-weight: bold;
margin: 6px 0 7px;
padding-left: 10px;
text-shadow: 0 1px 1px #2d0839;
text-transform: capitalize;
text-align: left;
}
ul#friendsList .boxBlick div.name a{
color: #fff;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a {
background: none;
color: #fff;
display: block;
float: left;
font-size: 11px;
height: 18px;
left: auto;
line-height: 22px;
margin: 0 10px 10px 0;
position: inherit;
text-align: center;
text-shadow: none;
text-transform: capitalize;
top: auto;
width: auto;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a span.ico {
background: #c33586 url(../img/layout/s-act-icons.png) no-repeat;
display: block;
float: left;
width: 18px;
height: 18px;
margin-right: 3px;
text-align: center;
position: inherit;
left: auto;
top: auto;
border: 1px solid #eda0cc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 3px #451f4e;
-moz-box-shadow: 0 1px 3px #451f4e;
-webkit-box-shadow: 0 1px 3px #451f4e;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.profile span.ico {
background-position: -13px 3px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.messages span.ico {
background-position: -29px 3px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.challange span.ico {
background-position: -45px 3px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.gift span.ico {
background-position: -143px 1px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.gift.inactive span.ico {
background: #999 url(../img/layout/s-act-icons.png) no-repeat -143px 1px;
border-color: #ccc;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.gift.inactive{
color: #ccc;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.gift.inactive:hover{
cursor: default;
text-decoration: none;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.gift.inactive:hover span.ico{
cursor: default;
text-decoration: none;
background: #999 url(../img/layout/s-act-icons.png) no-repeat -143px 1px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a:hover {
text-decoration: underline;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a:hover span.ico {
background-color: #fff;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.profile:hover span.ico {
background-position: -13px -13px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.messages:hover span.ico {
background-position: -29px -13px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.challange:hover span.ico {
background-position: -45px -13px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li div.options a.gift:hover span.ico {
background-position: -143px -15px;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .close {
background: url('../img/layout/wrdr-thumbs-close.png') no-repeat;
display:block;
width: 22px;
height: 20px;
position: absolute;
right: -8px;
top: -8px;
z-index: 1;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .close:hover {
background-position: 0 -21px;
cursor:pointer;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .reward {
background: url('../img/layout/reward-button-bg.png') no-repeat;
width: 93px;
padding-right: 20px;
height: 27px;
position: absolute;
bottom: -17px;
right: -10px;
color: #522262;
font-size: 11px;
line-height: 24px;
text-align: center;
text-shadow: none;
text-transform: capitalize;
}
.friendsPage .makeupBox.dinamicBox ul#friendsList li .reward:hover {
opacity: 0.9;
cursor: pointer;
}
.friendsPage .purpleBox .inviteForm {
margin-top: -24px;
}
.friendsPage .purpleBox .inviteForm label {
display: block;
font-weight: bold;
font-size: 14px;
text-shadow: 0 1px 1px #2d0839;
}
.friendsPage .purpleBox .inviteForm .left {
float: left;
width: 230px;
margin: 25px 0 0 2px;
}
.friendsPage .purpleBox .inviteForm .left input {
width: 200px;
margin: 8px 0;
}
.friendsPage .purpleBox .inviteForm .right {
float: right;
width: 460px;
margin: 25px 2px 0 0;
}
.friendsPage .purpleBox .inviteForm textarea,
.guild-page .chat-info textarea,
.guild-page .chat-info input.chatMessage{
background: rgb(254,220,184);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(254,220,184,1) 0%, rgba(254,252,252,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,220,184,1)), color-stop(100%,rgba(254,252,252,1)));
background: -webkit-linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
background: -o-linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
background: -ms-linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
background: linear-gradient(top, rgba(254,220,184,1) 0%,rgba(254,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedcb8', endColorstr='#fefcfc',GradientType=0 );
width: 440px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
border: none;
padding: 5px 10px;
margin: 5px 0;
color: #881c55;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset 0px 1px 5px #553511;
-moz-box-shadow: inset 0px 1px 5px #553511;
-webkit-box-shadow: insetv 0px 1px 5px #553511;
resize: none;
}
input[type='checkbox']{
width: auto !important;
}
#profilePage-profile .commentHeader #addComment textarea#messageBody{
width: 920px;
height:100px;
}
.messageBox .boxBlick form textarea#messageBody{
width: 670px;
height:100px;
}
.messageBox #scroll-container .overview ul {
display: block !important;
top: 0 !important;
left: 0 !important;
}
div.profile-addComment{
margin: 15px 0;
}
#guildDescriptionEdit textarea {
margin-right: 0;
padding: 12px;
box-sizing: border-box;
width: 100%;
margin: 0 0 10px 0;
border-radius: 0 0 8px 8px;
}
.friendsPage .purpleBox .inviteForm .right .actionButton {
float: right;
margin: 7px 2px 0 0;
}
.friendsPage .purpleBox .back-arrow,
#optionsPanel .back-arrow,
.makeupBox.lucky-cards.ingame .boxBlick a.back-arrow,
.boxHolder.duel-mania a.back-arrow{
background: url('../img/layout/back-arrow.png') no-repeat;
width: 21px;
height: 15px;
position: absolute;
right: 8px;
top: 8px;
z-index: 10;
}
.friendsPage .purpleBox .back-arrow:hover {
opacity: 0.8;
cursor: pointer;
}
.friendsPage .purpleBox .colContainer {
width: 400px;
height: 60px;
}
.friendsPage .purpleBox .column {
width: 200px;
float: left;
}
.friendsPage .purpleBox .column label,
.friendsPage .purpleBox .column2 label {
display: block;
margin-bottom: 3px;
font-size: 14px;
text-shadow: 0 1px 1px #2d0839;
}
body#search select,
.friendsPage.profileSettings .column select,
.friendsPage .purpleBox .column select {
border: none;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #c43100;
font-weight: bold;
text-shadow: 0 1px 1px #d3d3d3;
}
.friendsPage.profileSettings .column select{
margin-right:5px;
}
.friendsPage .purpleBox .column2 {
width: 400px;
margin: 0 0 0 160px;
}
.friendsPage .copyedMessage {
font-size: 14px;
color: #f6b572;
text-shadow: 0 1px 1px #2d0839;
text-align: right;
position: absolute;
right: 12px;
}
.rank-top-control a.opened,
a.createAlbum:hover, a.createAlbum.buy:hover, a.createAlbum.active,
a.my-ranking:hover,
.rank-top-control a.ranking.active,
#filter-colors-btn.active{
-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 1);
color:#743c87 !important;
border: 1px solid #fff;
background: rgb(255,239,253); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZWZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ViYTBlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,239,253,1) 0%, rgba(255,255,255,1) 30%, rgba(255,239,253,1) 50%, rgba(235,160,229,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,239,253,1)), color-stop(30%,rgba(255,255,255,1)), color-stop(50%,rgba(255,239,253,1)), color-stop(99%,rgba(235,160,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%); /* IE10+ */
background: linear-gradient(top, rgba(255,239,253,1) 0%,rgba(255,255,255,1) 30%,rgba(255,239,253,1) 50%,rgba(235,160,229,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeffd', endColorstr='#eba0e5',GradientType=0 ); /* IE6-8 */
}
.rank-top-control a.off{
cursor:default;
opacity:0.5 ;
}
.copyBtn {
border: 1px solid #f3821f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(246,184,119); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2Yjg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTk3MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(246,184,119,1) 0%, rgba(245,151,57,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,184,119,1)), color-stop(100%,rgba(245,151,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,184,119,1) 0%,rgba(245,151,57,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,184,119,1) 0%,rgba(245,151,57,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,184,119,1) 0%,rgba(245,151,57,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(246,184,119,1) 0%,rgba(245,151,57,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b877', endColorstr='#f59739',GradientType=0 ); /* IE6-8 */
display: inline;
padding: 1px 10px 1px 7px;
color: #c0006e;
text-shadow: 0 1px 2px #ffffff;
}
.copyBtn:hover {
cursor: pointer;
background: rgb(242,191,140); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYmY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmFhNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(242,191,140,1) 0%, rgba(242,170,99,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,191,140,1)), color-stop(100%,rgba(242,170,99,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,191,140,1) 0%,rgba(242,170,99,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,191,140,1) 0%,rgba(242,170,99,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,191,140,1) 0%,rgba(242,170,99,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(242,191,140,1) 0%,rgba(242,170,99,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2bf8c', endColorstr='#f2aa63',GradientType=0 ); /* IE6-8 */
}
.copyBtn span {
background: url('../img/layout/copyArrow.png') no-repeat 0 3px;
padding-left: 17px;
}
.friendsPage .inviteFriendsTop,
.makeupBox.gaining-emeralds .inviteFriendsTop {
position: relative;
}
.friendsPage .inviteFriendsTop .copyBtn,
.makeupBox.gaining-emeralds .inviteFriendsTop .copyBtn,
#lightbox-getImageCode .copyBtn{
position: absolute;
top: 35px;
right: 15px;
}
#lightbox-getImageCode .copyBtn{
right: 9px;
top: 28px;
}
#clipboardInput_1{
margin: 32px 0 0 16px;
width: 673px;
}
.makeupBox.gaining-emeralds .inviteFriendsTop .copyBtn{
right: 5px;
top: 10px;
}
.friendsPage .purpleBox .btnCenter {
margin: 25px 0 0 310px;
float: left;
}
.friendsPage.profileSettings .btnCenter {
margin: 2px 0 20px 184px;
float: left;
}
.friendsPage.profileSettings .btnCenter.right {
margin: 2px 244px 20px 0;
float: right;
}
.friendsPage.profileSettings.hotlinks .btnCenter{
margin-left:256px;
}
.friendsPage.profileSettings.vote .btnCenter{
margin-left:0px;
}
.friendsPage.profileSettings.vote .btnCenter.inactive{
opacity:0.3;
cursor:default;
}
.friendsPage.profileSettings.vote .row.small span.timer{
color:#4e205d;
font-size:18px;
font-weight:bold;
margin-left:15px;
line-height:40px;
}
.profileSettings .row{
position: relative;
}
.profileSettings .boxBlick {
padding-top: 50px;
}
.profileSettings .row.center {
text-align: center;
margin: 0;
}
.profileSettings .row {
margin-right: 50px;
}
.friendsPage.profileSettings .row .column,
#settingsPage-email .row .column,
#settingsPage-password .row .column,
.friendsPage.resetAccount .row .column{
text-align: left;
float: right;
width: 472px;
}
.friendsPage.profileSettings .row .column {
width: 440px;
}
.friendsPage.profileSettings.hotlinks .row.first{
margin-bottom:30px;
}
.friendsPage.profileSettings .row.center{
text-align: center;
margin: 0;
}
.friendsPage.profileSettings .makeupBox,
.makeupBox.change-email,
.makeupBox.change-password{
height:auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 28px;
}
.friendsPage .rightLinks {
width: 280px;
position: absolute;
top: 35px;
right: 0;
}
.friendsPage .rightLinks input {
width: 260px;
margin: 10px 0 20px;
}
.friendsPage .rightLinks .linkContainer {
position: relative;
}
.friendsPage .rightLinks .linkContainer .copyBtn {
position: absolute;
top: 30px;
right: 4px;
}
.select2-results__option > span {
display: flex;
align-items: center;
}
.select2-results .img-flag {
width: 29px;
margin-right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-dropdown {
color: #893B18 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #93625F transparent transparent transparent !important;
border-width: 6px 5px 0 5px !important;
margin-left: -9px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #93625F transparent !important;
border-width: 0 5px 6px 5px !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff !important;
border-radius: 7px !important;
box-shadow: 0 2px 10px 0 rgba(140, 40, 50, .2);
border: none !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
/* ---------- BOYFRIEND PAGE ------------ */
#content.boyfriendPage {
margin-bottom: -147px;
}
.boyfriendPage .wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.boyfriendsList {
position: relative;
z-index: 98;
}
.boyfriends-counter {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
height: 70px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 99;
}
.boyfriends-counter::before {
content: "";
width: 43px;
height: 43px;
position: absolute;
background: var(--bg-s1);
border-radius: 50%;
}
.boyfriends-counter svg {
fill: url("#counter-ico-bg");
-webkit-filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0px 2px #fff) drop-shadow(0 0 3px #f577ff);
filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0px 2px #fff) drop-shadow(0 0 3px #f577ff);
height: 27px;
margin: 8px 5px 5px;
width: 23px;
}
.rtl .boyfriends-counter .ico-face-male,
.boyfriends-counter .ico-face-female{
display: none;
}
.rtl .boyfriends-counter .ico-face-female{
display: block;
}
.boyfriends-counter span {
padding: 2px 8px;
border-radius: var(--border-radius-m);
text-shadow: 0 0 1px #5f4872, 0 0 2px #33005d;
font-size: var(--font-size-12);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.boyfriends-counter .tooltip {
width: 200px;
}
.boyfriendPage .boyfriendsList > li {
width: 485px;
height: 130px;
margin-bottom: 10px;
position: relative;
color: var(--font-color-default-dark);
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
-webkit-animation: boyfriends-list .3s ease-out forwards;
animation: boyfriends-list .3s ease-out forwards;
}
@-webkit-keyframes boyfriends-list{
from{
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
}
to{
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
@keyframes boyfriends-list{
from{
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
}
to{
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
.boyfriendPage .boyfriendsList > li:first-child{
animation-delay: 0;
}
.boyfriendPage .boyfriendsList > li:nth-child(2){
animation-delay: .1s;
}
.boyfriendPage .boyfriendsList > li:nth-child(3){
animation-delay: .2s;
}
.boyfriendPage .boyfriendsList > li:nth-child(4){
animation-delay: .3s;
}
.boyfriendPage .boyfriendsList > li:last-child{
animation-delay: 0.4s;
}
.boyfriendPage .boyfriendsList > li:before {
content: "";
background: -webkit-linear-gradient(315deg, rgba(252,232,252,0.9) 0%, rgba(255,255,255,0.9) 50%, rgba(252,232,252,0.9) 100%);
background: linear-gradient(135deg, rgba(252,232,252,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(252,232,252,0.9) 100%);
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
box-shadow: 0 16px 28px rgba(0, 0, 0, .22);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: var(--border-radius-s);
-webkit-transition: transform .15s ease-out;
transition: transform .15s ease-out;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.boyfriendPage .boyfriendsList > li:hover{
z-index: 10;
}
.boyfriendPage .boyfriendsList > li:hover::before {
background: -webkit-linear-gradient(315deg, rgba(252,232,252,1) 0%, rgba(255,255,255,1) 50%, rgba(252,232,252,1) 100%);
background: linear-gradient(135deg, rgba(252,232,252,1) 0%,rgba(255,255,255,1) 50%,rgba(252,232,252,1) 100%);
-webkit-transform: scale(1.07, 1.2) translateX(-50%) translateY(-50%);
-ms-transform: scale(1.07, 1.2) translateX(-50%) translateY(-50%);
transform: scale(1.07, 1.2) translateX(-50%) translateY(-50%);
}
.boyfriendPage .img {
float: left;
margin-right: 10px;
}
.boyfriendPage .inside {
padding: 13px;
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.boyfriendPage .boyfriendsList button {
margin: 57px 0 0 auto;
display: none;
-webkit-animation: heart-anim-puls 2s steps(10) infinite;
animation: heart-anim-puls 2s steps(10) infinite;
position: absolute;
right: 20px;
bottom: 15px;
z-index: 1;
}
.boyfriendPage .boyfriendsList button::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
pointer-events: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 0 20px 0 rgba(255, 34, 148, .9);
z-index: -1;
border-radius: 50%;
opacity: .5;
-webkit-animation: heart-anim-puls-glow 2s steps(10) .15s infinite;
animation: heart-anim-puls-glow 2s steps(10) .15s infinite;
transform-origin: 0 0;
}
.boyfriendPage .boyfriendsList > li:hover button{
display: block;
}
.boyfriendPage .boyfriendsList > li:hover .heart-anim{
display: none;
}
.boyfriendPage .boyfriendsList > li .heart-anim {
fill: url("#heart-anim-fill");
width: 40px;
height: 40px;
margin: 62px 5px 0 auto;
position: absolute;
-webkit-animation: heart-anim-puls 2s steps(10) .15s infinite;
animation: heart-anim-puls 2s steps(10) .15s infinite;
right: 20px;
bottom: 20px;
}
@-webkit-keyframes heart-anim-puls{
0%, 10%, 20%, 100%{
-webkit-transform: scale(1);
transform: scale(1);
}
5%, 15%{
-webkit-transform: scale(1.10);
transform: scale(1.10);
}
}
@keyframes heart-anim-puls{
0%, 10%, 20%, 100%{
-webkit-transform: scale(1);
transform: scale(1);
}
5%, 15%{
-webkit-transform: scale(1.10);
transform: scale(1.10);
}
}
@keyframes heart-anim-puls-glow{
5%{
-webkit-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
opacity: .5;
}
30%, 100%{
-webkit-transform: scale(2) translate(-50%, -50%);
transform: scale(2) translate(-50%, -50%);
opacity: 0;
}
}
.boyfriendPage .inside.complete {
background-color: rgba(30,170,10,.2);
border-radius: 16px;
box-shadow: 0 0 10px 0 rgba(0,250,0,.8) inset;
}
.boyfriendPage .inside.active {
background: url('../img/layout/boyfriend_active.png') no-repeat scroll center top;
}
.boyfriendPage .name {
font-size: var(--font-size-22);
margin: 7px 0 14px 0;
}
.boyfriendPage .profession {
font-size: var(--font-size-16);
margin: 5px 0 7px 0;
padding-bottom: 7px;
}
.boyfriendPage .bonus {
font-size: var(--font-size-16);
margin-top: -10px;
padding-right: 60px;
}
.boyfriendPage ul.boyfriendsList .complete .bf-complete{
display: flex;
}
.boyfriendPage .reqLevel {
background-color: #93625f;
height: 28px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 5px 8px #653230;
-moz-box-shadow: inset 0 5px 8px #653230;
box-shadow: inset 0 5px 8px #653230;
position: absolute;
right: 20px;
top: 60px;
color: #fdcf62;
text-shadow: 0 1px 3px #512061;
padding: 2px 12px 0 12px;
line-height: 26px;
}
p.text {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 14px;
font-style: italic;
color: #893b18;
text-shadow: 0 1px 1px #fff;
text-align: justify;
}
p.text.invert{
color: white;
text-shadow: 0 0 2px #260033;
text-align: center;
}
.boyfriendPage p.text {
width: 390px;
position: absolute;
right: 50px;
top: 675px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 14px;
font-style: italic;
color: #893b18;
text-shadow: 0 1px 1px #fff;
text-align: center;
z-index: 14;
}
.boyfriendRewards {
position: absolute;
height: 100%;
top: -20px;
width: 50%;
right: 0;
}
.boyfriendRewards .stat-reward {
position: absolute;
right: 40px;
top: 30px;
width: 70px;
height: 70px;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-animation: boyfriend-stat-reward .2s steps(5) forwards;
animation: boyfriend-stat-reward .25s steps(5) forwards;
}
@keyframes boyfriend-stat-reward{
from{
-webkit-transform: rotateY(-120deg) translateY(-30px);
transform: rotateY(-120deg) translateY(-30px);
opacity: 0;
}
65%{
-webkit-transform: rotateY(0) translateY(5px);
transform: rotateY(0) translateY(5px);
opacity: 1;
}
to{
-webkit-transform: rotateY(0) translateY(0);
transform: rotateY(0) translateY(0);
opacity: 1;
}
}
.boyfriendRewards .stat-reward figcaption {
position: absolute;
right: 3px;
bottom: 2px;
font-size: 18px;
border-radius: 50%;
font-weight: bold;
text-shadow: 0 0 0px purple, 0 0 1px purple, 1px 0 1px purple, -1px 0 1px purple, 0 1px 1px purple, 0 -1px 1px purple, 1px 1px 1px purple, -1px -1px 1px purple, 0 0 2px purple, 0 0 3px purple, 0 0 4px purple;
}
.boyfriendRewards .stat-reward figcaption::before {
content: "+";
}
/*------Boyfriend---------*/
#boyfriend.club .boxComplex{
width:505px;
height:466px;
background:url('../img/layout/search_results_bg.png') 0 0 no-repeat;
position:absolute;
display:block;
right:0;
}
#boyfriend.club .boxComplex .topNav{
display:block;
height:41px;
text-align: center;
}
.newArrButton{
display:block;
}
.newArrButton span.leftCorner{
float:left;
width:34px;
height:41px;
display:block;
background:url('../img/layout/new-arr-butt-left.png') left top no-repeat;
}
.newArrButton span.doorText{
float:left;
padding:10px 25px 0 5px;
height:31px;
display:block;
background:url('../img/layout/new-arr-butt-right.png') right top no-repeat;
font-size:14px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
.newArrButton:hover span.doorText{
background:url('../img/layout/new-arr-butt-right-h.png') right top no-repeat;
}
.newArrButton:hover span.leftCorner{
background:url('../img/layout/new-arr-butt-left-h.png') left top no-repeat;
}
.newCornerButton{
display:block;
}
.newCornerButton span.leftCorner{
float:left;
width:19px;
height:41px;
display:block;
background:url('../img/layout/new-corner-butt-left.png') left top no-repeat;
}
.newCornerButton span.doorText{
float:left;
padding:10px 25px 0 5px;
height:31px;
display:block;
background:url('../img/layout/new-arr-butt-right.png') right top no-repeat;
font-size:14px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
.newCornerButton:hover span.doorText{
background:url('../img/layout/new-arr-butt-right-h.png') right top no-repeat
}
.newCornerButton:hover span.leftCorner{
background:url('../img/layout/new-corner-butt-left-h.png') left top no-repeat
}
.newCornerButton.magenta span.leftCorner{
float:left;
width:19px;
height:41px;
display:block;
background:url('../img/layout/new-corner-butt-left-magenta.png') left top no-repeat;
}
.newCornerButton.magenta span.doorText{
float:left;
padding:10px 25px 0 5px;
height:31px;
display:block;
background:url('../img/layout/new-arr-butt-right-magenta.png') right top no-repeat;
font-size:14px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
.newCornerButton.magenta:hover span.doorText{
background:url('../img/layout/new-arr-butt-right-magenta-h.png') right top no-repeat
}
.newCornerButton.magenta:hover span.leftCorner{
background:url('../img/layout/new-corner-butt-left-magenta-h.png') left top no-repeat
}
#boyfriend.club .newArrButton{
margin:13px 10px 0 40px;
}
#boyfriend.club .newArrButton span.doorText{
width:140px;
}
#boyfriend.club .newCornerButton{
margin:13px 0 0 40px;
}
#boyfriend.club .newCornerButton span.doorText{
width:140px;
}
#boyfriend.club .newCornerButton span.leftCorner{
margin-left:15px;
}
#boyfriend.club .boxComplex .infoRow{
display: block;
height: 255px;
margin-left: 60px;
margin-top: 50px;
overflow: hidden;
padding-bottom: 40px;
width: 350px;
}
#boyfriend.club .boxComplex .infoRow h1{
font-size:24px;
font-weight:bold;
color:#5b266c;
text-shadow:1px 1px #eedfda;
margin-bottom:5px;
}
#boyfriend.club .boxComplex .infoRow ul{
margin-top:10px;
margin-bottom:10px;
}
#boyfriend.club .boxComplex .infoRow ul li{
color:#5b266c;
font-weight:bold;
font-size:16px;
text-shadow:1px 1px #ebdfdb;
margin-top:3pxl
}
#boyfriend.club .boxComplex .infoRow ul li span{
color:#a9003c;
font-weight:100;
font-size:16px;
}
#boyfriend.club .boxComplex .infoRow ul li span.boldless{
font-weight:100;
margin-left:5px;
color:#5b266c;
font-size:14px
}
#boyfriend.club .boxComplex .infoRow p{
color:#5b266c;
font-weight:bold;
font-size:14px;
text-shadow:1px 1px #ebdfdb;
margin-top:3px;
font-weight:100;
margin-top:10px;
}
a.slideLeftButt{
width:43px;
height:46px;
background:url('../img/layout/slide-left-butt.png') 0 0 no-repeat;
}
a.slideRightButt{
width:43px;
height:46px;
background:url('../img/layout/slide-right-butt.png') 0 0 no-repeat;
}
a.slideRightButt:hover,
a.slideLeftButt:hover{
background-position:left bottom;
}
#boyfriend.club .boxComplex .bottomNav{
display:block;
padding-top:24px;
text-align:center;
height:30px;
}
#boyfriend.club .boxComplex .bottomNav a.newCornerButton{
margin-left:135px
}
#boyfriend.club .boxComplex .bottomNav a.slideLeftButt{
position:absolute;
left:4px;
bottom:12px;
}
#boyfriend.club .boxComplex .bottomNav a.slideRightButt{
position:absolute;
right:3px;
bottom:12px;
}
#boyfriend.club .rightContent{
height: 453px;
position: relative;
z-index: 10;
float: right;
}
#boyfriend.club .leftContent img{
position:absolute;
z-index:3;
top: -10px;
left: -150px;
}
#profilePage-pet .boxContent{
margin:0;
float:none;
}
#boyfriend.club img.boyfriendImage{
position:absolute;
top:50px;
left:20px;
z-index:1;
}
#boyfriend.club #content{
height:560px
}
/* PODIUM */
#content.podium {}
.podiumBack {
width: 1136px;
height: 750px;
display: block;
position: absolute;
left: -89px;
top: 257px;
background: url('../img/layout/podium-back.png') 0 362px no-repeat;
}
.ftv .podiumBack {
background: url('../img/layout/podium-back-ftv.png') 0 0 no-repeat;
}
.appartment .podiumBack {
background: url("../img/layout/app-frame-2.png") no-repeat 0 0;
height: 630px;
left: -32px;
position: absolute;
top: 69px;
width: 1045px;
z-index: 2;
}
#content.podium .apartPositions .app1,
.apartLinks a.gold {
width: 301px;
height: 401px;
background: url('../img/layout/test-app-thumb.jpg') 0 0 no-repeat;
left: 340px;
top: 150px
}
#content.podium .apartPositions .app1 img {
height: 402px;
left: -128px;
top: 0;
}
#content.podium .apartPositions .app2,
.apartLinks a.silver {
background: url("../img/layout/test-app-thumb1.jpg") no-repeat scroll 0 0 transparent;
height: 301px;
left: 30px;
top: 182px;
width: 226px;
}
#content.podium .apartPositions .app2 img {
height: 302px;
left: -95px;
top: 6px;
}
#content.podium .apartPositions .app3,
.apartLinks a.bronze {
background: url("../img/layout/test-app-thumb1.jpg") no-repeat scroll 0 0 transparent;
height: 301px;
right: 30px;
top: 182px;
width: 226px;
}
#content.podium .apartPositions .app3 img {
height: 302px;
left: -95px;
top: 6px;
}
.apartLinks a {
display: block;
position: absolute;
}
.apartLinks a.gold,
.apartLinks a.silver,
.apartLinks a.bronze {
background: none;
z-index: 2;
}
.apartLinks a:hover {
background: rgba(255, 255, 255, 0.1);
}
#content.podium .podiumHeight {
width: 100%;
height: 970px;
display: block
}
#content.podium.appartment .podiumHeight {
height: 663px
}
#content.podium.appartment .placeFirst,
#content.podium.appartment .placeSecond,
#content.podium.appartment .placeTirth {
color: #453411;
text-shadow: #e4c777;
font-size: 18px;
font-weight: bold;
}
#content.podium.appartment .placeSecond,
#content.podium.appartment .placeTirth {
font-size: 14px;
}
#content.podium.appartment .placeFirst span,
#content.podium.appartment .placeSecond span,
#content.podium.appartment .placeTirth span {
text-align: center;
width: 300px;
position: absolute;
z-index: 4
}
#content.podium.appartment .placeFirst span {
top: 630px;
left: 339px;
}
#content.podium.appartment .placeSecond span {
top: 536px;
left: -9px;
}
#content.podium.appartment .placeTirth span {
top: 536px;
left: 689px;
}
.rightContent div div span a {
color: #ffb8f1;
text-shadow: 0 -1px 1px #441B52;
}
#content.podium.appartment .rightContent div div span a:hover {
color: #FFF;
}
#content.podium .apartPositions div {
position: absolute;
z-index: 1;
overflow: hidden;
}
#content.podium .apartPositions div img {
position: absolute;
}
#content.podium .ladiesPositions img {
position: absolute;
z-index: 2;
}
#content.podium .signsPositions {
width: 215px;
height: 166px;
background: url('../img/layout/podium-sign.png') 0 0 no-repeat;
position: absolute;
z-index: 301
}
#content.podium .signsPositions.placeFirst {
left: 380px;
top: 788px;
}
#content.podium .signsPositions.placeSecond {
left: 120px;
top: 824px;
}
#content.podium .signsPositions.placeTirth {
left: 640px;
top: 824px;
}
#content.podium .signsPositions ul {
margin: 11px 0 0 20px
}
#content.podium .signsPositions ul li {
height: 25px
}
#content.podium .signsPositions ul li span {
color: #fff3df;
font-size: 14px;
text-shadow: 1px 1px #7a21b8;
font-weight: bold;
display: block;
float: left;
width: 80px;
height: auto !important
}
#content.podium .signsPositions ul li span.name {
width: 177px;
text-align: center;
}
#content.podium .signsPositions ul li span.title {
color: #2d0839;
font-size: 12px;
text-shadow: none;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
#content.podium .signsPositions ul li a {
color: #fff;
}
div.ladiesPositions div.winner1 {
position: absolute;
left: 180px;
top: -86px;
height: 800px;
width: 600px;
z-index: 100;
}
div.ladiesPositions div.winner2 {
position: absolute;
left: -100px;
top: 4px;
}
div.ladiesPositions div.winner3 {
position: absolute;
left: 480px;
top: 34px;
}
div.ladiesPositions .no-winner,
.party-podium-lady-wrap.no-winner {
background: url("../img/layout/no-winner.png") no-repeat scroll transparent;
height: 800px;
width: 600px;
z-index: 50;
}
.party-podium {
margin: 40px 0;
overflow: hidden;
}
.party-podium .party-picture {
background: url("../img/layout/app-frame-3.png") no-repeat;
float: left;
height: 529px;
position: relative;
width: 435px;
}
.party-podium .party-picture a {
background: url("../img/layout/test-app-thumb.jpg") no-repeat;
display: block;
height: 401px;
position: relative;
width: 301px;
z-index: -1;
margin: 36px 0 0 62px;
overflow: hidden;
}
.party-podium .party-picture a img {
height: 400px;
margin-left: -340px;
}
.party-podium .party-picture.pointer:hover {
cursor: pointer;
}
.party-podium-sign {
background: url("../img/layout/podium-sign2.png") no-repeat;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
height: 166px;
margin: 0 0 0 12px;
padding: 20px 35px 70px;
width: 404px;
}
.party-podium-sign p {
font-weight: bold;
line-height: 2;
text-shadow: 0 1px 0 #7a21b8;
}
.party-podium-sign p span {
color: #2d0839;
text-shadow: 0 1px 0 #ba6eee;
}
.party-podium-lady-wrap {
float: right;
margin: -82px -55px 0 0;
}
/*--------- VIP pages ------------*/
.rightContent.vip.talants{
}
.rightContent.vip.talants .talantBox{
width:318px;
height:auto;
padding:10px;
float:left;
margin:10px;
background: rgb(230,220,221); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZGNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkZTNlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q5YzdjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(230,220,221,1) 0%, rgba(237,227,230,1) 50%, rgba(217,199,200,1) 50%, rgba(224,206,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,220,221,1)), color-stop(50%,rgba(237,227,230,1)), color-stop(50%,rgba(217,199,200,1)), color-stop(100%,rgba(224,206,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(230,220,221,1) 0%,rgba(237,227,230,1) 50%,rgba(217,199,200,1) 50%,rgba(224,206,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(230,220,221,1) 0%,rgba(237,227,230,1) 50%,rgba(217,199,200,1) 50%,rgba(224,206,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(230,220,221,1) 0%,rgba(237,227,230,1) 50%,rgba(217,199,200,1) 50%,rgba(224,206,206,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(230,220,221,1) 0%,rgba(237,227,230,1) 50%,rgba(217,199,200,1) 50%,rgba(224,206,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6dcdd', endColorstr='#e0cece',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #fffcf8;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
}
.rightContent.vip.talants .talantBox.first{
margin-top:30px;
}
.rightContent.vip.talants .talantBox p span{
background-color: #9A7070;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: block;
padding: 1px 2px;
text-shadow: none;
-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
}
.rightContent.vip.talants a.actionButton{
width:200px ;
text-align:center;
}
.rightContent.vip.talants .avatar{
width:118px;
height:118px;
background:url('../img/layout/talant-avatar.png') 0 0 no-repeat;
display:block;
position:relative;
}
#vipShop-photosessionBoosters.rightContent.vip.talants .avatar span.ps-equipment,
#vipShop-talents.rightContent.vip.talants .avatar span.talents-equipment,
#vipShop-supermodelBoosters.rightContent.vip.talants .avatar span.sm-boosters{
background:url('../img/layout/ps-equipment.jpg') 0 0 no-repeat;
width: 100px;
height: 100px;
display: block;
padding: 0;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#vipShop-supermodelBoosters.rightContent.vip.talants .avatar span.sm-boosters{
background:url('../img/layout/supermodel-boosters.jpg') 0 0 no-repeat;
}
.inventoryItem26 span.inventory-img,
.inventoryItem27 span.inventory-img,
.inventoryItem28 span.inventory-img{
background:url('../img/layout/supermodel-boosters-inventory.jpg') 0 0 no-repeat;
}
#vipShop-talents.rightContent.vip.talants .avatar span.talents-equipment{
background:url('../img/layout/talents-equipment.jpg') 0 0 no-repeat;
}
#vipShop-photosessionBoosters.rightContent.vip.talants .avatar.item1 span.ps-equipment{
background-position: -120px 0px;
}
#vipShop-photosessionBoosters.rightContent.vip.talants .avatar.item2 span.ps-equipment{
background-position: 0 0;
}
#vipShop-photosessionBoosters.rightContent.vip.talants .avatar.item3 span.ps-equipment{
background-position: -240px 0px;
}
#vipShop-talents.rightContent.vip.talants .avatar.talent1 span.talents-equipment{
background-position: 0px 0;
}
#vipShop-talents.rightContent.vip.talants .avatar.talent2 span.talents-equipment{
background-position: -120px 0;
}
#vipShop-talents.rightContent.vip.talants .avatar.talent3 span.talents-equipment{
background-position: -240px 0px;
}
#vipShop-supermodelBoosters.rightContent.vip.talants .avatar.item26 span.sm-boosters{
background-position: -240px 0px;
}
#vipShop-supermodelBoosters.rightContent.vip.talants .avatar.item27 span.sm-boosters{
background-position: -120px 0;
}
#vipShop-supermodelBoosters.rightContent.vip.talants .avatar.item28 span.sm-boosters{
background-position: 0 0;
}
.inventoryItem26 span.inventory-img{
background-position: -200px 0px;
}
.inventoryItem27 span.inventory-img{
background-position: -101px 0;
}
.inventoryItem28 span.inventory-img{
background-position: 0 0;
}
.rightContent.vip.talants .avatar span,
#vipShopBox .talantBox span.promo-x2{
position:absolute;
right:0;
bottom:0;
background-color: #E6E6E6;
font-size:14px;
font-weight:bold;
color:#c82d88;
padding:3px 5px 2px 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px;
margin:0 9px 9px 0;
}
#vipShopBox .talantBox span.promo-x2{
margin: 0 11px 5px 0;
}
.rightContent.vip.talants .left,
.rightContent.vip.talants .right{
float:left;
display:block;
position:relative;
}
.rightContent.vip.talants .left{
width:120px;
}
.rightContent.vip.talants .right{
width:188px;
margin-left:10px;
position:relative
}
/*#vipShopBox .talantBox span.promo-x2{
background-color: #E4E4E4;
bottom: 5px;
color: #522062;
padding: 1px 3px;
position: absolute;
right: 11px;
-webkit-border-radius: 4px 0px 0px 0px;
border-radius: 4px 0px 0px 0px;
font-weight: bold;
-webkit-box-shadow: -2px -2px 2px 2px #521D6;
box-shadow: -2px -2px 2px 2px #521D6;
}*/
.rightContent.vip.talants .talantBox .left span.talents-promotion-1{
background:url('../img/layout/tallents-promo.png') no-repeat;
width: 66px;
height: 44px;
position: absolute;
left: 49%;
margin-left: -34px;
top: -11px;
}
.rightContent.vip.talants .talantBox .left div.talents-promotion-2{
background:url("../img/layout/tallents-promo2.png") no-repeat -1px 0;
width: 66px;
height: 44px;
}
.rightContent.vip.talants .talantBox.promoBox .left span.talents-promotion-1{
display: block;
}
.rightContent.vip.talants .right h2{
color:#5b266c;
font-size:18px;
font-weight:bold;
background:url('../img/layout/talant-h2-back.png') 0 bottom no-repeat;
padding-bottom:4px;
text-shadow:1px 1px #fff;
height: 45px;
}
.rightContent.vip.talants .right p{
color: #591D1D;
height: 58px;
margin: 2px 0;
text-shadow: 1px 1px #FFFFFF;
}
.rightContent.vip.talants .brownWrapper{
width:99%;
height:33px;
background-color:#9a7070;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
margin-top:5px;
margin-left:3px
}
.vip.talants span.totalDollars{
background: url('../img/layout/stats-icons.png') no-repeat scroll 0 0;
}
.vip.talants span.totalDollars,
.vip.talants span.totalDiamond,
.price-wrapper .totalDiamond{
margin: 6px 4px 0 2px;
padding-top:0;
position: relative;
font-size:16px;
font-weight:bold;
line-height:24px;
display:inline-block;
text-transform:uppercase;
padding-left:30px;
text-shadow: 0px 1px 1px #2d0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1); */
}
.vip.talants span.diamondText{
text-shadow:1px 1px #512061;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin-left:10px
}
a.info, a.info-question{
width:28px;
height:28px;
background:url('../img/layout/info-butt.png') 0 0 no-repeat;
display:block;
position:absolute;
right:-27px;
top:-19px;
}
a.info:hover{
background-position: left -29px;
}
a.info-question{
width: 55px;
height: 55px;
background-position: right top;
}
a.info-question:hover{
background-position: right -55px;
}
.boxBlick div.deckDone{
width:70px;
height:68px;
display:block;
background:url("../img/layout/quest-done.png") 0 0 no-repeat;
position:absolute;
top:-20px;
right:-24px
}
.boxBlick a.deckCompleted{
border: 1px solid #e6cdbf;
border-radius: 10px 10px 0 0;
font-weight: bold;
line-height: 17px;
}
.tooltipBig{
width:auto;
height:auto;
position:absolute;
z-index:10;
}
.avatarHolderCss{
background: rgb(229,229,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 50%, rgba(191,191,191,1) 50%, rgba(252,252,252,1) 86%, rgba(227,227,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(11%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(191,191,191,1)), color-stop(86%,rgba(252,252,252,1)), color-stop(100%,rgba(227,227,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(167, 133, 108, 1);
-moz-box-shadow: 0px 0px 5px 0px rgba(167, 133, 108, 1);
box-shadow: 0px 0px 5px 0px rgba(167, 133, 108, 1);
border:1px solid #fff;
width: 80px;
height: 80px;
padding: 4px;
position: relative;
}
#vipShop-energy.rightContent .energy-column .avatarHolderCss span.energy-ico,
#vipShop-energy.rightContent .avatarHolderCss span.max-energy-ico,
#vipShop-popularityBoosters .avatarHolderCss span.popularity-boost,
.achievements-page .itemsThumb span.max-energy-ico,
.inventory-img.max-energy{
background:url('../img/layout/energy-icons.jpg') 0 0 no-repeat;
width: 80px;
height: 80px;
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#vipShop-energy.rightContent .energy-column .avatarHolderCss span.energy-amount{
position: absolute;
font-size: 20px;
font-weight: bold;
text-shadow: 0px 0px 5px #4a2457;
top: 11px;
left: 15px;
}
#vipShop-energy.rightContent .avatarHolderCss span.max-energy-ico,
.achievements-page .itemsThumb span.max-energy-ico,
.inventory-img.max-energy{
background-position: -114px 0;
}
#vipShop-popularityBoosters .avatarHolderCss span.popularity-boost{
background:url('../img/layout/popularity-boosters-icons.jpg') 0 0 no-repeat;
}
#vipShop-popularityBoosters .avatarHolderCss.itemCreativity span.popularity-boost{
background-position: -100px 0;
}
#vipShop-popularityBoosters .avatarHolderCss.itemDevotion span.popularity-boost{
background-position: -200px 0;
}
#vipShop-popularityBoosters .avatarHolderCss.itemBeauty span.popularity-boost{
background-position: 0 -100px;
}
#vipShop-popularityBoosters .avatarHolderCss.itemGenerosity span.popularity-boost{
background-position: -100px -100px;
}
#vipShop-popularityBoosters .avatarHolderCss.itemLoyalty span.popularity-boost{
background-position: -200px -100px;
}
.vip.talants.energy .left{
width:96px
}
.vip.talants.energy .right{
width:210px;
}
.vip.talants.energy .right p{
margin-top:0
}
.vip.talants.energy .totalDiamond.emeralds,
.talantBox .brownWrapper span.totalDiamond.emeralds,
.price-wrapper span.totalDiamond.emeralds{
background-position: 0 -26px;
display: block;
float: left;
height: 25px;
margin: 5px -13px 0 4px;
}
.price-wrapper span.totalDiamond.emeralds {
margin: 4px 4px 0 2px;
}
.rightContent.vip.talants .talantBrown,
.boxContent.advancedSearch .pressedContent{
width:318px;
height:92px;
padding:10px;
float:left;
margin:30px 10px 10px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #9A7070;
-webkit-box-shadow: inset 0px 3px 4px 0px rgba(58, 0, 0, 0.5);
-moz-box-shadow: inset 0px 3px 4px 0px rgba(58, 0, 0, 0.5);
box-shadow: inset 0px 3px 4px 0px rgba(58, 0, 0, 0.5);
}
.rightContent.vip.talants .talantBrown p{
font-family:Georgia, "Times New Roman", Times, serif;
color:#fdcf62;
text-shadow:1px 1px #512061;
text-align:center;
font-size:14px;
width:80%;
margin:10px auto 0 auto;
font-style:italic;
}
.rightContent.vip.talants .talantBrown p.max{
font-size:16px
}
.rightContent.vip.talants .talantBrown h2{
width:336px;
height:33px;
padding-top:10px;
background:url('../img/layout/increase-back.png') 0 0 no-repeat;
color:#c82d88;
font-size:16px;
text-shadow:1px 1px #fff;
text-align:center
}
.rightContent.vip.talants .level{
margin:5px 0 8px 15px
}
.rightContent.vip.talants.popularity .level{
margin:-2px 0 -6px 0px;
width:211px;
background-position:center -7px
}
.rightContent.vip.talants.popularity .brownWrapper{
margin-left:0px
}
.vip.exchange .wallet{
float:right;
text-transform:uppercase;
font-weight:bold;
padding: 10px;
text-shadow: 0px 1px 1px #2d0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1);*/
}
.vip.exchange .wallet span.totalDiamond{
font-size:12px ;
margin-left:7px
}
.vip.exchange .strangeContainer{
width:95%;
height:62px;
border:2px solid #d0a958;
margin:0 auto 50px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.7);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-8 */
}
.vip.exchange p.bigMessage{
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
width:80%;
margin:0 auto 10px auto;
color:#fdcf62;
font-style:italic;
text-shadow: 0px 1px 1px #2d0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1); */
}
.vip.exchange a.actionButton{
margin:50px auto 50px auto
}
.vip.exchange .strangeContainer a.actionButton{
float:right;
margin:12px 12px 0 0;
width:150px;
}
.vip.exchange .strangeContainer input[type='text']{
width:150px;
height:30px;
margin:10px;
font-size:22px;
float:left;
}
.vip.exchange .strangeContainer span.exchange{
padding:0 0 0 111px;
height:40px;
color:#fdcf62;
font-size:30px;
float:left;
display:block;
margin-top:11px;
background:url("../img/layout/exchange.png") 0 0 no-repeat;
line-height:44px;
}
/* Transfer page */
.transfer-page{
height: auto;
}
.transfer-page .boxBlick{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
width: 980px;
text-shadow: 0 0 1px #521d63, 0 0 2px #521d63;
}
.transfer-page h2,
.ssoTransferText{
font-size: 20px;
text-align: center;
text-transform: none;
margin-bottom: 20px;
background: rgba(0, 0, 0, 0) url("../img/layout/transfer-arrows.png") no-repeat scroll center top;
padding-top: 139px;
}
.transfer-page p{
font-size: 13px;
}
.transfer-page{
text-align: center;
}
.transfer-page form{
margin-top: 30px;
text-align: center;
}
.transfer-page form input{
border: medium none;
display: block;
margin: 10px auto;
text-align: center;
width: 200px;
}
.transfer-page .act-btn-global{
margin-top: 10px;
}
/* ------------------- search page ----------------------------*/
.lady-in-search{
left: -150px;
position: absolute;
top: -50px;
z-index: 1;
}
.boxHolder .boxContent.searchContent{
float:none;
}
.boxHolder .boxContent.searchContent .outer-center{
margin-bottom:10px
}
.boxContent.searchContent span.text,
.boxContent.searchContent input,
.boxContent.searchContent a{
float:left;
display:block;
}
.boxContent.searchContent input{
width: auto;
margin: 3px 20px 25px 0;
height:25px;
position: relative;
z-index: 4;
}
.boxContent.advancedSearch span.text,
.boxContent.searchContent span.text{
color: #893b18;
display: block;
font-weight: bold;
line-height: 39px;
min-width: 60px;
padding-right: 10px;
text-shadow: 1px 1px #eddee0;
}
.activateExtendedSearch .text{
line-height:1.5!important;
}
.boxContent.advancedSearch{
float: none;
}
.popularity-type,
.advancedSearch .level .oval-act-btn{
position: relative;
z-index: 1;
}
.boxContent.advancedSearch .popularity-type li{
border: 2px solid #ae8674;
border-radius: 8px;
-webkit-box-shadow: 0 3px 5px 1px rgba(140, 60, 25, 0.4), 0 9px 7px 0 #fff inset;
box-shadow: 0 3px 5px 1px rgba(140, 60, 25, 0.4), 0 9px 7px 0 #fff inset;
float: left;
margin-right: 10px;
}
.boxContent.advancedSearch .popularity-type li a{
color: #893b18;
display: inline-block;
font-weight: bold;
padding: 8px 24px;
text-shadow: 0 1px 0 #fff;
}
.boxContent.advancedSearch .popularity-type li:hover,
.boxContent.advancedSearch .popularity-type li.active{
border-color: #fff;
-webkit-box-shadow: 0 1px 3px 0 rgba(255, 186, 217, 0.8) inset, 0 0 10px 4px #ffdceb;
box-shadow: 0 1px 3px 0 rgba(255, 186, 217, 0.8) inset, 0 0 10px 4px #ffdceb;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffeffd+1,ffffff+29,ffeffd+59,eba0e5+100 */
background: #ffeffd; /* Old browsers */
background: -moz-linear-gradient(top, #ffeffd 1%, #ffffff 29%, #ffeffd 59%, #eba0e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffeffd), color-stop(29%,#ffffff), color-stop(59%,#ffeffd), color-stop(100%,#eba0e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffeffd 1%,#ffffff 29%,#ffeffd 59%,#eba0e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffeffd 1%,#ffffff 29%,#ffeffd 59%,#eba0e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffeffd 1%,#ffffff 29%,#ffeffd 59%,#eba0e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffeffd 1%,#ffffff 29%,#ffeffd 59%,#eba0e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeffd', endColorstr='#eba0e5',GradientType=0 ); /* IE6-9 */
}
.boxContent.advancedSearch .popularity-type li:hover a,
.boxContent.advancedSearch .popularity-type li.active a{
color: #fc0086;
}
.boxContent.advancedSearch .popularity-type li.anim{
-webkit-animation: duel-search-pulse 1s ease-out 0s infinite normal;
animation: duel-search-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes duel-search-pulse{
0%{
-webkit-box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
50%{
-webkit-box-shadow: 0 0 8px 4px #ffdceb, 0 1px 3px 0 rgba(255, 186, 217, 0.9) inset, 0 -8px 11px 0 rgba(255, 186, 217, 0.9) inset;
background-color: #551A8B;
border-radius: 40%;
}
100%{
-webkit-box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
}
@keyframes duel-search-pulse{
0%{
box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
50%{
box-shadow: 0 0 8px 4px #ffdceb, 0 1px 3px 0 rgba(255, 186, 217, 0.9) inset, 0 -8px 11px 0 rgba(255, 186, 217, 0.9) inset;
background-color: #fff;
border-color: #fff;
}
100%{
box-shadow: 0 1px 2px 0 #543244, 0 4px 5px 0 #fff inset;
}
}
.boxContent.advancedSearch .pressedContent{
background-color: rgba(126, 97, 97, 0.5);
height: auto;
margin: 19px 0 0 3px;
padding: 30px 20px;
width: 540px;
}
.advancedSearch .pressedContent .promo-extended-search{
background: url("../img/layout/promo-extended-search.png") no-repeat scroll 0 0;
height: 92px;
position: absolute;
right: 13px;
top: 84px;
width: 93px;
}
.advancedSearch .promo-extended-search2{
background: rgba(0, 0, 0, 0) url("../img/layout/promo-extended-search2.png") no-repeat scroll 0 0;
height: 34px;
left: 50%;
position: absolute;
top: 77px;
transform: translate(-50%);
width: 124px;
}
.boxContent.advancedSearch .leftColumn{
float:left;
}
.boxContent.advancedSearch .act-btn-global{
float:right;
margin: 20px 0;
}
.boxContent.advancedSearch .rightColumn select{
margin-top:7px
}
.boxContent.advancedSearch .rightColumn a.oval-act-btn{
margin-top:9px
}
.boxContent.advancedSearch .pressedContent span.text{
color:#fff;
text-shadow:1px 1px #81696a;
}
.boxContent.advancedSearch input.short{
width:40px ;
margin-top:7px;
}
.boxContent.advancedSearch input.noMarginLeft{
margin-left:0px
}
body#search > .level{
color: #fc0086;
font-size: 14px;
font-weight: bold;
margin-top: 70px;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
#myBoyWrapper .footButtons {
text-align: center;
margin: 47px 0 0 0;
}
#myBoyWrapper .footButtons a:last-child{
margin-left: 60px;
}
.overflow-hidden {
overflow: hidden;
}
ul.ui-autocomplete {
padding: 0;
top: -5px;
margin-top: 5px;
width: 100% !important;
right: 0;
background: -webkit-linear-gradient(45deg, rgba(231, 219, 233, 0.8) 0%, rgba(253, 239, 255, 1) 67%, rgba(254, 245, 255, 1) 68%, rgba(254, 245, 255, 0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(231, 219, 233, 0.8) 0%, rgba(253, 239, 255, 1) 67%, rgba(254, 245, 255, 1) 68%, rgba(254, 245, 255, 0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cce7dbe9', endColorstr='#ccfef5ff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
box-shadow: 0px 21px 25px 0 #8c7184, 0 0px 60px -1px #caacce inset;
border-radius: 10px;
overflow: hidden;
}
ul.ui-autocomplete li a {
display: inline-flex;
cursor: pointer;
padding: 5px;
color: #881C55 !important;
text-shadow: none !important;
align-items: center;
}
ul.ui-autocomplete li {
float: none !important;
padding: 0 20px 0 8px;
text-align: left;
}
.create-guid-wrapper ul.ui-autocomplete li{
margin: 0!Important;
}
ul.ui-autocomplete li:hover{
background-color: #D766A9;
border-radius: 3px;
}
ul.ui-autocomplete li:hover a,
.ui-widget-content .ui-state-focus{
color: white !important;
background: transparent;
border: none;
}
ul.ui-autocomplete li a:hover {
background: transparent none repeat scroll 0 0;
border: medium none;
}
ul.ui-autocomplete li:nth-child(even) {
}
ul.ui-autocomplete li:nth-child(odd) {
}
/* ---------- Double Slider -----------*/
.double-slider-active-area{
position: absolute;
top: 0;
left: 0;
padding: 113px 71px 154px 95px;
}
.double-slider-wrap{
/*background: rgba(0, 0, 0, 0) url("../img/layout/double-slider.png") no-repeat scroll 0 19px;
background: rgba(0, 0, 0, 0) url("../img/layout/double-slider-2.png") no-repeat scroll 0 19px;*/
height: 50px;
position: relative;
width: 444px;
}
.double-slider-wrap.inactive{
background: rgba(0, 0, 0, 0) url("../img/layout/inactive-double-slider.png") no-repeat scroll 0 2px;
float: left;
height: 50px;
margin: 7px 0;
}
.double-slider-range{
background: url("../img/layout/double-slider-range.png") repeat-x scroll 0 0;
height: 23px;
position: absolute;
top: 15px;
}
.double-slider-handle{
background: url("../img/layout/double-slider-drag.png") no-repeat scroll 0 0;
display: inline-block;
height: 38px;
position: absolute;
top: 6px;
width: 33px;
cursor: pointer;
}
.double-slider-handle:hover{
background-position: right 0;
}
.double-slider-handle input{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-shadow: none;
color: #fc0086;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff;
top: -21px;
width: 33px;
}
.double-slider-wrap .anim-arrows{
background: url("../img/layout/anim-arrows.gif") no-repeat scroll 0 0;
height: 19px;
left: -30px;
position: absolute;
top: -20px;
width: 30px;
display: none;
}
.double-slider-wrap #max-handle .anim-arrows{
left: auto;
right: -30px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.double-slider-wrap .anim-dot{
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ffc8ef;
box-shadow: 0 0 4px 0 #ffffc4 inset, 0 0 8px 2px #fff2dd;
bottom: 7px;
left: 220px;
opacity: 0;
}
.double-slider-wrap.anim .anim-arrows{
display: block;
}
.double-slider-wrap.anim .anim-dot{
-webkit-animation: double-slider-dot 1s ease-out 0s infinite normal;
animation: double-slider-dot 1s ease-out 0s infinite normal;
}
@-webkit-keyframes double-slider-dot{
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes double-slider-dot{
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.activateExtendedSearch {
margin-top: 70px;
margin-bottom: -2px;
}
/* ---------- LOYALTY PAGE ------------ */
.makeupBox.loyalty-top-box{
height: 190px;
width: 100%;
position: relative;
}
.makeupBox.cards{
height: auto !important;
padding-bottom: 0;
width: 346px;
}
.makeupBox.cards.center{
margin: 0 0 28px 28px;
}
.makeupBox.loyalty-top-box .boxBlick h1{
font: bold italic small-caps 14px georgia,serif;
text-transform: uppercase;
color: #5b266c;
margin: 15px 20px;
text-shadow: 0px 1px 0px #ffffff;
/*filter: dropshadow(color=#ffffff, offx=0, offy=1); */
width: 190px;
}
.loyalty-progress-bar-holder{
margin: 92px 0 18px 18px;
position: relative;
}
.loyalty-progress-bar-bg,
.duels-progress-bar-bg{
background: url(../img/layout/cc-loyalty-progress-bg.jpg) repeat-x;
width: 920px;
height: 37px;
float: left;
position: relative;
border-top: 1px solid #755080;
border-bottom: 1px solid #755080;
-webkit-box-shadow: 0px 3px 6px 1px #816a88;
-moz-box-shadow: 0px 3px 6px 1px #816a88;
box-shadow: 0px 3px 6px 1px #816a88;
}
.loyalty-progress-bar-bg{
width: 680px;
}
.loyalty-progress-bar{
height: 35px;
margin: 1px 1px 0;
background: #640085; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0MDA4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTAwNmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #640085 0%, #d1006c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#640085), color-stop(100%,#d1006c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #640085 0%,#d1006c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #640085 0%,#d1006c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #640085 0%,#d1006c 100%); /* IE10+ */
background: linear-gradient(left, #640085 0%,#d1006c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#640085', endColorstr='#d1006c',GradientType=1 ); /* IE6-8 */
-webkit-box-shadow: 1px 0px 2px 0px #83668c;
-moz-box-shadow: 1px 0px 2px 0px #83668c;
box-shadow: 1px 0px 2px 0px #83668c;
}
.loyalty-progress-bar-fg{
background: url(../img/layout/cc-loyalty-progress-fg.png) repeat-x scroll 0 0 transparent;
height: 35px;
width: 100%;
}
.loyalty-progress-bar-fg span{
background: url(../img/layout/stats-icons.png) no-repeat scroll 0 -53px transparent;
display: block;
float: right;
font-size: 14px;
font-weight: bold;
height: 23px;
line-height: 22px;
margin: 7px 10px;
padding-left: 31px;
text-shadow: 0px 1px 0px #000000;
position: relative;
z-index: 10;
}
.loyalty-progress-bar-fg span.beginer{
margin: 7px -50px 0 0;
color: #5B266C;
text-shadow: none;
}
.loyalty-progress-left{
background: url(../img/layout/cc-loyalty-progress-l.png) no-repeat;
float: left;
width: 6px;
height: 39px;
}
.loyalty-progress-right{
background: url(../img/layout/cc-loyalty-progress-r.png) no-repeat;
float: left;
width: 6px;
height: 39px;
}
.state-of-amount,
.state-of-duels{
background: url(../img/layout/vertical-dashed-line.gif) repeat-y top right;
position: absolute;
top: 75px;
height: 86px;
color: #512061;
font-size: 12px;
font-weight: bold;
padding-right: 10px;
text-shadow: 0px 0px 2px #ffffff;
/*filter: dropshadow(color=#ffffff, offx=0, offy=0);*/
}
#vipShop-buyAndWin .loyalty-progress-bar-holder{
height: 113px;
}
#vipShop-buyAndWin .annonce-content{
margin-top: 36px;
}
#vipShop-buyAndWin .state-of-amount{
background-position: right top;
padding-right: 10px;
top: 1px;
}
.amount-1500{
right: 479px;
}
.amount-3000{
right: 255px;
}
.amount-5000{
right: 25px;
}
#vipShop-buyAndWin .amount-0{
left: 0px;
}
#vipShop-buyAndWin .amount-200{
left: 161px;
}
#vipShop-buyAndWin .amount-400,
#vipShop-buyAndWin .amount-600{
left: 387px;
}
#vipShop-buyAndWin .amount-700,
#vipShop-buyAndWin .amount-1000{
background-position: right top;
left: auto;
padding-left: 0;
padding-right: 10px;
right: 0;
}
#vipShop-buyAndWin .gifts > div{
width: 66px;
height: 71px;
background: url(../img/layout/gift-box-2.png) no-repeat -150px 0;
position: absolute;
cursor: pointer;
}
#vipShop-buyAndWin .gifts > div span{
opacity: 0;
position: absolute;
top: 0;
left: 0;
background: url(../img/layout/gift-box-2.png) no-repeat -313px -6px;
height: 80px;
width: 74px;
}
#vipShop-buyAndWin .gifts > div.active span{
animation: buy-win-anim ease 1s infinite;
}
@keyframes buy-win-anim{
from{
opacity:0;
}
50%{
opacity: 1;
}
to{
opacity: 0;
}
}
#vipShop-buyAndWin .gifts > div.inactive{
background-position: -74px 0;
}
#vipShop-buyAndWin .gifts > div.active{
background-position: -229px -6px;
height: 80px;
width: 74px;
}
#vipShop-buyAndWin .gifts > .gift-200{
left: 198px;
}
#vipShop-buyAndWin .gifts > .gift-400{
left: 423px;
}
#vipShop-buyAndWin .gifts > .gift-700{
left: 635px;
}
#vipShop-buyAndWin .radioWrap{
float: right;
margin: 0 31px 56px 0;
position: relative;
}
#vipShop-buyAndWin .gifts{
clear: right;
}
#vipShop-buyAndWin .gifts .oval-act-btn{
display: block;
left: 50%;
position: absolute;
transform: translateY(46px) translateX(-50%);
}
#vipShop-buyAndWin .gifts .inactive .oval-act-btn {
display: none;
}
.state-of-amount > span,
.state-of-duels > span{
display: block;
color: white;
text-align: center;
text-shadow: none;
font-size: 11px;
line-height: 16px;
padding: 3px 8px;
margin-top: 2px;
background-color: #512061;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-shadow: 0px 1px 0px #000000;
/*filter: dropshadow(color=#000000, offx=0, offy=1);*/
-webkit-box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.8) inset, 0 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.8) inset, 0 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.8) inset, 0 0 1px 1px rgba(255, 255, 255, 0.6) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#vipShop-buyAndWin .state-of-amount > span{
margin-top: 66px;
}
.state-of-amount span.reached{
background-color: #c21e73;
}
.state-of-amount span span.diamond{
margin: 0 5px 0 2px !important;
}
span.discount-rate{
font: italic small-caps 100px georgia,serif;
color: #512061;
text-align: right;
position: absolute;
top: -30px;
right: 10px;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
text-shadow: 0px 0px 1px #ffffff;
/*filter: dropshadow(color=#ffffff, offx=0, offy=0);*/
}
span.discount-rate span{
font-size: 60px;
}
.loyalty-card{
width: 307px;
height: 206px;
position: relative;
margin: 33px auto 0;
}
.loyalty-card.silver{
background: url(../img/layout/loyalty-card-silver.png) no-repeat;
}
.loyalty-card.gold{
background: url(../img/layout/loyalty-card-gold.png) no-repeat;
}
.loyalty-card.platinum{
background: url(../img/layout/loyalty-card-platinum.png) no-repeat;
}
.loyalty-card div{
position: absolute;
}
.loyalty-card .card-number{
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 0px 1px 0px #000000;
/*filter: dropshadow(color=#000000, offx=0, offy=1);*/
left: 43px;
top: 80px;
}
.loyalty-card .card-number span{
margin: 0 2px;
}
.loyalty-card .valid-thru,
.loyalty-card .card-holder{
font-size: 14px;
font-weight: bold;
color: #471856;
letter-spacing: 0 !important;
letter-spacing: 2px;text-shadow: 0px 1px 0px #ffffff;
/*filter: dropshadow(color=#ffffff, offx=0, offy=1);*/
right: 38px;
top: 120px;
}
.loyalty-card .card-holder{
top: 154px;
left: 43px;
text-transform: uppercase;
}
.discount-info h2{
background: url(../img/layout/discount-line.png) no-repeat center bottom;
font: bold italic 20px georgia,serif;
text-align: center;
padding: 0 0 12px;
text-shadow: 0px 1px 0px #2d0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1);*/
}
.discount-info p{
font-style: italic;
font-weight: bold;
letter-spacing: 1px;
padding: 12px 12px 20px;
text-align: center;
text-shadow: 0 1px 1px #2D0839;
/*filter: dropshadow(color=#2d0839, offx=0, offy=1);*/
}
/* ---------- STREET STORES ------------ */
div.wrapper.wide div.streetView,
div.wrapper.wide div.streetViewNav{
padding: 12px;
width: auto;
float: none;
}
div.wrapper.wide div.streetView{
height: 466px;
padding-left: 10px;
}
#smallStreetView.streetViewNav{
height: 76px;
}
div.wrapper.wide div.streetView ul{
border: 1px solid #4E3E4F;
-webkit-box-shadow: 0 4px 8px 0 #634B54;
box-shadow: 0 4px 8px 0 #634B54;
}
div.wrapper.wide div.streetView ul li{
height: 450px;
}
div.wrapper.wide div.streetViewNav ul li{
height: 91px;
}
div.wrapper.wide div.streetViewNav ul li:hover{
background-position: 0 -121px !important;
}
div.wrapper.wide div.streetView ul li a,
div.wrapper.wide div.streetViewNav ul li a {
height: 450px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
#storesList li a:hover{
background: rgba(255, 255, 255, 0.1) ;
}
div.wrapper.wide div.streetViewNav ul li a{
height: 91px;
}
div.wrapper.wide div.streetView ul li.notify a::before {
content: "";
display: block;
width: 556px;
height: 394px;
border-radius: 3px;
border: 3px solid #f1c0f2;
transform: translateY(-23px);
box-shadow: 0 0 10px 1px #ae2ca3, 0 0 10px 1px #ae2ca3 inset;
animation-name: pulsing-shadow;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: steps(7,start)
}
@keyframes pulsing-shadow{
50%{
border-color:#fef1ff;
box-shadow: 0 0 14px 2px #fa78ef, 0 0 14px 2px #fa78ef inset;
}
}
div.wrapper.wide div.streetView ul li,
div.wrapper.wide div.streetViewNav ul li{
float: left;
-webkit-box-shadow: inset 0px 5px 5px 1px #ffffff/*, 0px 0px 2px 0px #000000*/;
box-shadow: 0px 12px 10px -7px #FFFFFF inset/*, 0px 0px 2px 0px #000000*/;
}
div.wrapper.wide .streetBanner{
background: rgba(0, 0, 0, 0) url("../img/layout/street_store_banner.jpg") no-repeat scroll right 0;
height: 450px;
left: 14px;
position: absolute;
top: 74px;
width: 620px;
z-index: 10;
-webkit-box-shadow: 0 12px 10px -7px #ffffff inset, 0 4px 8px 0 #634b54;
box-shadow: 0 12px 10px -7px #ffffff inset, 0 4px 8px 0 #634b54;
}
.carnival div.wrapper.wide .streetBanner,
.clubs div.wrapper.wide .streetBanner{
background: rgba(0, 0, 0, 0) url("../img/layout/street_clubs_banner2.jpg") no-repeat scroll right 0;
}
.carnival div.wrapper.wide .streetView > div{
margin-left: 0px;
}
.clubs div.wrapper.wide .streetView > div{
}
div.wrapper.wide .streetBanner > span{
display: block;
height: 250px;
margin: 74px 0 0 138px;
width: 300px;
position: relative;
}
div.wrapper.wide div.streetView ul li.streetBanner div.banner,
div.wrapper.wide div.streetView ul li.clubsBanner div.banner{
background: none repeat scroll 0 0 #FFFFFF;
height: 330px;
left: 28px;
position: absolute;
top: 33px;
width: 540px;
}
div.streetView ul li{
width: 450px;
}
div.streetViewNav ul.smallStreet{
height: 80px;
overflow: hidden;
background: url("../img/layout/small-stree-bg.jpg") repeat-x;
}
.streetViewNav-selector{
cursor: pointer;
height: 110px;
position: absolute;
top: -9px;
width: auto;
}
.streetViewNav-selector:hover .left{
background-position: 0 -110px;
}
.streetViewNav-selector:hover .center{
background-position: -17px -110px;
}
.streetViewNav-selector:hover .right{
background-position: 100% -110px;
}
.streetViewNav-selector .left{
background: url("../img/layout/selector.png") no-repeat;
height: 110px;
width: 17px;
float: left;
}
.streetViewNav-selector .center{
background: url("../img/layout/selector.png") no-repeat -17px 0;
height: 110px;
float: left;
}
.streetViewNav-selector .right{
background: url("../img/layout/selector.png") no-repeat 100% 0;
height: 110px;
width: 17px;
float: right;
}
ul#storesList li.lockedClub span.club-lock{
background: rgba(212, 175, 158, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd0b29e', endColorstr='#ccd0b29e');
display: inline-block;
width: 99.9%;
height: 450px;
text-align: center;
}
ul#storesList li span.club-lock span{
display: none;
}
ul#storesList li.lockedClub span.club-lock span{
background: url("../img/layout/locked-stores-clubs.png") no-repeat 0 top;
color: #753983;
text-shadow: 0 1px 2px #FFFFFF;
display: inline-block;
font-size: 16px;
font-weight: bold;
min-width: 66px;
padding-top: 75px;
text-align: center;
margin-top: 150px;
}
ul#storesList li.lockedClub span.club-lock.lockedByTrophy19 span{
background: url(../img/layout/guild/f-trophy.png) no-repeat center 0;
}
/*----- NEW MALL -----*/
/* ---------- STREET CLUBS PAGE ------------ */
div.wrapper.wide div.streetView ul li.clubsBanner{
background: url("../img/layout/street_clubs_banner2.jpg") no-repeat right 0;
width: 600px;
position: relative;
}
div.wrapper.wide div.streetView ul li.streetClub-1{
background: url("../img/layout/street-clubs/club-pulse.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetClub-2{
background: url("../img/layout/street-clubs/club-stars.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetClub-3{
background: url("../img/layout/street-clubs/club-burn.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetClub-4{
background: url("../img/layout/street-clubs/club-rock&roll.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetClub-5{
background: url("../img/layout/street-clubs/club-essence.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetViewNav ul li.streetBanner-clubs{
background: url("../img/layout/street-clubs/banner/thumb_promo-banner.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetClub-1{
background: url("../img/layout/street-clubs/thumb-club-pulse.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetClub-2{
background: url("../img/layout/street-clubs/thumb-club-stars.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetClub-3{
background: url("../img/layout/street-clubs/thumb-club-burn.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetClub-4{
background: url("../img/layout/street-clubs/thumb-club-rock&roll.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetClub-5{
background: url("../img/layout/street-clubs/thumb-club-essence.png") no-repeat;
width: 80px;
}
/* Clubs - PL */
.game-pl div.wrapper.wide div.streetView ul li.streetClub-1{
background: url("../img/layout/street-clubs/pl/club-pulse-pl.jpg") no-repeat;
width: 600px;
}
.game-pl div.wrapper.wide div.streetView ul li.streetClub-2{
background: url("../img/layout/street-clubs/pl/club-stars-pl.jpg") no-repeat;
width: 600px;
}
.game-pl div.wrapper.wide div.streetView ul li.streetClub-3{
background: url("../img/layout/street-clubs/pl/club-burn-pl.jpg") no-repeat;
width: 600px;
}
/* ---------- CARNIVAL STREET PAGE ------------ */
div.wrapper.wide div.streetView ul li.streetRoom-0{
background: url("../img/layout/street-carnival/minigames-window.jpg") no-repeat;
width: 575px;
}
div.wrapper.wide div.streetView ul li.streetRoom-1{
background: url("../img/layout/street-carnival/lucky-cards-window.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetRoom-2{
background: url("../img/layout/street-carnival/christmas-times-window.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetRoom-6{
background: url("../img/layout/street-carnival/event-board1.jpg") no-repeat;
width: 493px;
}
div.wrapper.wide div.streetView ul li.streetRoom-7{
background: url("../img/layout/street-carnival/prom-event.jpg") no-repeat;
width: 530px;
}
div.wrapper.wide div.streetView ul li.streetRoom-8{
background: url("../img/layout/street-carnival/fashion-machine.jpg") no-repeat;
width: 600px;
}
div.wrapper.wide div.streetView ul li.streetRoom-9{
background: url("../img/layout/street-carnival/spring-event.jpg") no-repeat;
}
div.wrapper.wide div.streetView ul li.streetRoom-10{
background: url("../img/layout/street-carnival/easter.jpg") no-repeat;
}
div.wrapper.wide div.streetView ul li.streetRoom-11{
background: url("../img/layout/street-carnival/wizard-of-fashion.jpg") no-repeat;
width: 543px;
}
div.wrapper.wide div.streetView ul li.streetRoom-12{
display:none;
/*background: url("../img/layout/street-carnival/africa-event.jpg") no-repeat;
width: 450px;*/
}
div.wrapper.wide div.streetView ul li.streetRoom-13{
background: url("../img/layout/street-carnival/vampire-diaries.jpg") no-repeat;
}
div.wrapper.wide div.streetView ul li.auction-window{
background: url("../img/layout/street-carnival/auction-window.jpg") no-repeat;
width: 533px;
}
div.wrapper.wide div.streetView ul li.streetRoom-3,
div.wrapper.wide div.streetView ul li.streetRoom-4,
div.wrapper.wide div.streetView ul li.streetRoom-5 {
width: 600px;
}
/* ----------Limited collections---------- */
div.wrapper.wide div.streetView ul li.salesRoom-1{
background: url("../img/layout/street-carnival/limited-collection-1.jpg") no-repeat;
width: 450px;
}
/* ----------thumbnails---------- */
div.wrapper.wide div.streetViewNav ul li.streetRoom-0{
background: url("../img/layout/street-carnival/thumb-minigames-window.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-1{
background: url("../img/layout/street-carnival/thumb-lucky-cards-window.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-2{
background: url("../img/layout/street-carnival/thumb-christmas-time-window.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-6{
background: url("../img/layout/street-carnival/thumb-event-board1.png") no-repeat;
width: 66px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-7{
background: url("../img/layout/street-carnival/thumb-prom.png") no-repeat;
width: 71px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-8{
background: url("../img/layout/street-carnival/thumb-fashion-machine.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-9{
background: url("../img/layout/street-carnival/thumb-spring-event.png") no-repeat;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-10{
background: url("../img/layout/street-carnival/thumb-easter.png") no-repeat;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-11{
background: url("../img/layout/street-carnival/thumb-wizard-of-fashion.png") no-repeat;
width: 72px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-12{
display:none;
/*background: url("../img/layout/street-carnival/thumb-africa-event.png") no-repeat;
width: 60px;*/
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-13{
background: url("../img/layout/street-carnival/thumb-vampire-diaries.png") no-repeat;
width: 72px;
}
div.wrapper.wide div.streetViewNav ul li.auction-window-thumb{
background: url("../img/layout/street-carnival/thumb-auction-window.png") no-repeat;
width: 71px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-3,
div.wrapper.wide div.streetViewNav ul li.streetRoom-4,
div.wrapper.wide div.streetViewNav ul li.streetRoom-5{
background: url("../img/layout/street-clubs/ar/thumb-no-club.png") no-repeat;
width: 80px;
}
div.wrapper.wide div.streetViewNav ul li.streetRoom-13{
background: url("../img/layout/street-carnival/thumb-vampire-diaries.png") no-repeat;
width: 72px;
}
div.wrapper.wide div.streetViewNav ul li.salesRoom-1{
background: url("../img/layout/street-carnival/thumb-limited-collection-1.png") no-repeat;
width: 60px;
}
/* -------------------- global elements ------------------ */
/*ACTION BUTTONS STYLE*/
/*BASIC STYLE*/
.act-btn-global {
background: url("../img/layout/act-btn-pattern.png") repeat-x;
position: relative;
font-weight: bold;
color: white;
display: inline-block;
font-size: 14px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
border: 1px solid white;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #ffffff, inset 0px -2px 4px 0px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #ffffff, inset 0px -2px 4px 0px rgba(255, 255, 255, 0.3);
box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #ffffff, inset 0px -2px 4px 0px rgba(255, 255, 255, 0.3);
text-shadow: 0px 1px 1px #16001d;
/*filter: dropshadow(color=#16001d, offx=1, offy=1);*/
opacity:0.95;
filter:alpha(opacity=95);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#questsBox .act-btn-global{
margin-top: 32px;
}
.act-btn-global span.act-btn-top-blick{
/*---CSS Top Blick---*/
/*
background-image: -webkit-gradient(radial, 50% 0, 200, 50% 0, 10, from(hsla(0,0%,0%,0)), to(hsla(0,0%,100%,.6)));
background-image: -webkit-radial-gradient(50% 2%, ellipse farthest-corner, rgba(255,255,255,0.6), transparent);
background-image: -moz-radial-gradient(50% 2%, ellipse farthest-corner, rgba(255,255,255,0.6), transparent);
background-image: -ms-radial-gradient(50% 2%, ellipse farthest-corner, rgba(255,255,255,0.6), transparent);
background-image: -o-radial-gradient(50% 2%, ellipse farthest-corner, rgba(255,255,255,0.6), transparent);
background-image: radial-gradient(50% 2%, ellipse farthest-corner, rgba(255,255,255,0.6), transparent);
*/
background: url("../img/layout/act-btn-top-blick.png") no-repeat top center;
display: inline-block;
height: 27px;
min-width: 148px;
padding: 10px 20px 0;
float: left;
}
/*----------*/
/* Make button with less height */
.act-btn-global.low{
font-size: 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.act-btn-global span.act-btn-top-blick.low{
height: auto !important;
padding: 6px 20px 3px;
float: none;
}
/*-----------------------------------------------*/
/* Make the button shorter then the normal width */
span.act-btn-top-blick.short{
min-width: 0 !important;
float: none;
}
/*-----------------------------------------------*/
/*---Different Colors---*/
/*Yellow*/
.act-btn-yellow{
background-color: #fb9a39;
color: #522262 !important;
text-shadow: 0px 1px 1px #ffffff !important;
-webkit-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #fff2b4, inset 0px -2px 4px 0px rgba(255, 242, 180, 0.3);
-moz-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #fff2b4, inset 0px -2px 4px 0px rgba(255, 242, 180, 0.3);
box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #fff2b4, inset 0px -2px 4px 0px rgba(255, 242, 180, 0.3);
}
/*Purple*/
.act-btn-purple{
background: #5a1b6e url("../img/layout/act-btn-pattern2.png") repeat-x;
-webkit-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #d97dff, inset 0px -2px 4px 0px rgba(217, 125, 255, 0.3);
-moz-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #d97dff, inset 0px -2px 4px 0px rgba(217, 125, 255, 0.3);
box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #d97dff, inset 0px -2px 4px 0px rgba(217, 125, 255, 0.3);
color: #fff !important;}
/*Red*/
.act-btn-red{
background: #ab0b65 url("../img/layout/act-btn-pattern2.png") repeat-x;
-webkit-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #ffc5e5, inset 0px -2px 4px 0px rgba(255, 197, 229, 0.3);
-moz-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #ffc5e5, inset 0px -2px 4px 0px rgba(255, 197, 229, 0.3);
box-shadow: 0px 2px 2px 0px #411b4a, inset 0px 0px 5px 0px #ffc5e5, inset 0px -2px 4px 0px rgba(255, 197, 229, 0.3);
}
/*Black*/
.act-btn-black{
background: #000000 url("../img/layout/act-btn-pattern2.png") repeat-x;
-webkit-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px -2px 2px 0px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0px 2px 2px 0px #411b4a, inset 0px -2px 2px 0px rgba(255, 255, 255, 0.3);
box-shadow: 0px 2px 2px 0px #411b4a, inset 0px -2px 2px 0px rgba(255, 255, 255, 0.3);
}
/*-----------------*/
/*WITH ICON*/
.act-btn-global span.act-btn-ico{
background: url("../img/layout/act-btn-ico.png") no-repeat -4px -1px;
width: 30px;
height: 32px;
float: left;
margin: 3px -12px 0 10px;
position: relative;
z-index: 2;
}
/*WITH PRICE*/
.act-btn-global span.act-btn-ico.diamonds {
background: #522161 none repeat scroll 0 0;
border-radius: 20px;
box-shadow: 0 3px 3px 0 #291031 inset, 0 0 0 1px rgba(255, 255, 255, 0.3);
box-sizing: border-box;
font-size: 16px;
height: auto;
margin-top: 4px;
padding: 8px 7px 3px;
width: auto;
}
.act-btn-global span.act-btn-ico.diamonds span {
background: rgba(0, 0, 0, 0) url("../img/layout/stats-icons.png") no-repeat scroll 0 -55px;
padding: 0 0 0 29px;
}
/*Icon on Left*/
/*.act-btn-global span.act-btn-ico.left-ico{
float: left;
}*/
/*Icon on Right*/
.act-btn-global span.act-btn-ico.right-ico{
background-position: -4px -39px;
/*float: right;*/
margin: 4px 10px 0 -12px;
}
/*Inactive*/
.act-btn-global.inactive, .act-btn-global.inactive:hover {
background: #5a1b6e url("../img/layout/act-btn-pattern2.png") repeat-x;
background-color: rgba(158, 158, 158, 0.7) !important;
box-shadow: 0 2px 2px 0 #411B4A, 0 0 5px 0 #C9C9C9 inset, 0 -2px 4px 0 rgba(255, 242, 180, 0.3) inset !important;
color: #515151 !important;
text-shadow: 0 1px 1px #FFFFFF !important;
cursor: default !important;
opacity: .5 !important;
}
/*---------------------*/
/*ACT-BTN ANIMATIONS*/
.act-btn-yellow.anim{
-webkit-animation: act-btn-yellow-pulse 1s infinite;
animation: act-btn-yellow-pulse 1s infinite;
}
@-webkit-keyframes act-btn-yellow-pulse {
from {
background-color: #fb9a39;
color: white!important;
}
50% {
background-color: #bf3298;
color: white !important;
text-shadow: #000!important;
}
to {
background-color: #fb9a39;
color: white!important;
}
}
@keyframes act-btn-yellow-pulse {
from {
background-color: #fb9a39;
color: white!important;
}
50% {
background-color: #bf3298;
color: white !important;
text-shadow: #000!important;
}
to {
background-color: #fb9a39;
color: white!important;
}
}
.act-btn-purple.anim{
-webkit-animation: act-btn-purple-pulse 1s infinite;
animation: act-btn-purple-pulse 1s infinite;
}
@-webkit-keyframes act-btn-purple-pulse {
from {
background-color: #5a1b6e;
color: white!important;
}
50% {
background-color: #bf3298;
color: white !important;
text-shadow: #000!important;
}
to {
background-color: #5a1b6e;
color: white!important;
}
}
@keyframes act-btn-purple-pulse {
from {
background-color: #5a1b6e;
color: white!important;
}
50% {
background-color: #bf3298;
color: white !important;
text-shadow: #000!important;
}
to {
background-color: #5a1b6e;
color: white!important;
}
}
/*---------------------*/
/*--HOVER EFFECT---*/
.act-btn-global.act-btn-yellow:hover,
.act-btn-global.act-btn-yellow.anim:hover,
a.act-btn-global.act-btn-purple:hover,
a.act-btn-global.act-btn-red:hover,
a.act-btn-global.act-btn-black:hover{
background: #bf3298 url("../img/layout/act-btn-pattern2.png") repeat-x;
color: white !important;
text-shadow: 0px 1px 1px #000000 !important;
/*filter: dropshadow(color=#000000, offx=1, offy=1);*/
opacity:1;
filter:alpha(opacity=100);
}
/*--Press EFFECT---*/
.act-btn-purple:active {
background: #d5a2e6 url("../img/layout/act-btn-pattern2.png") repeat-x !important;
box-shadow: 0 0 5px 5px #d5a2e6;
}
/* ---------- OVAL BUTTONS ------------*/
/*-- Global Style-- */
.oval-act-btn{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 4px 15px;
font-weight: bold;
color: white;
display: inline-block;
font-size: 12px;
text-decoration: none;
text-align: center;
cursor: pointer;
/*text-transform: uppercase;*/
text-transform: capitalize;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.6), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.6), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.6), inset 0px 0px 5px 0px #ffedb9;
}
/*Yellow Style*/
.oval-act-btn.yellow{
background-color: #fb9a39;
color: #522262 !important;
text-shadow: 0px 1px 1px #ffffff;
}
/*Pink Style*/
.oval-act-btn.pink{
background-color: #cb378e;
color: #ffffff;
text-shadow: 0px -1px 1px #522262;
}
/*WITH ARROW*/
.oval-act-btn span.oval-btn-arrow{
background: url(../img/layout/oval-act-btns-arrows.gif) no-repeat;
display: block;
width: 4px;
height: 7px;
float: right;
margin: 4px -2px 0 8px;
}
/*HOVER EFFECT*/
.oval-act-btn.yellow:hover,
.oval-act-btn.pink:hover{
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
}
/*PRESS EFFECT*/
.oval-act-btn.yellow:active,
.oval-act-btn.pink:active{
-webkit-box-shadow: inset 0px 0px 4px 1px #ffedb9;
-moz-box-shadow: inset 0px 0px 4px 1px #ffedb9;
box-shadow: inset 0px 0px 4px 1px #ffedb9;
}
/*PULSE ANIMATION*/
.oval-act-btn.pink.anim{
-webkit-animation: oval-btn-pulse 1s ease-out 0s infinite normal;
animation: oval-btn-pulse 1s ease-out 0s infinite normal;
}
@-webkit-keyframes oval-btn-pulse {
from {
background-color: #8E0068;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
50% {
background-color: #cb378e;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
}
to {
background-color: #8E0068;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
}
@keyframes oval-btn-pulse {
from {
background-color: #8E0068;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
50% {
background-color: #cb378e;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
}
to {
background-color: #8E0068;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
}
/* ----------------------*/
/* ---------- OVAL BUTTONS in different pages ------------*/
/*train page*/
.oval-act-btn.yellow.train{
float: right;
}
.oval-act-btn.pink.train{
margin: 4px 5px 0 0;
float: right;
}
/*profile page*/
#profilePage .commentHeader a.oval-act-btn{
float: right;
margin: -3px 0 0 20px;
}
.oval-act-btn.pink.profile{
float:right;
margin: -3px 20px 0 0;
}
/*pet page*/
.oval-act-btn.pink.pet-p{
float:right;
margin: 2px 2px 0 6px;
line-height: 14px;
position: relative;
}
.oval-act-btn.pink.pet-p .diamond,
.state-of-amount span span.diamond{
background: url('../img/layout/item-price-diamond-ico.png') no-repeat;
width: 14px;
height: 14px;
display: block;
float: left;
margin: 0 -5px 0 5px;
}
.oval-act-btn.pet-p span.changeColor-price{
float: left;
}
.oval-act-btn.pink.extented-search{
margin-top: 7px;
}
/*messages page */
.oval-act-btn.pink.delete-all{
float: right;
margin: -3px 0 0;
}
/*duel-html page */
.oval-act-btn.yellow.play-animation{
padding: 4px 15px 4px 7px;
margin: 0 auto;
line-height: 16px;
}
.oval-act-btn.yellow.play-animation span.play-ico,
.oval-act-btn.yellow.play-animation span.play-ico.report,
.oval-act-btn.yellow.play-animation span.play-ico.stop{
background: url('../img/layout/play-icon.gif') no-repeat;
display: block;
float: left;
width: 17px;
height: 17px;
margin-right: 5px;
}
.oval-act-btn.yellow.play-animation span.play-ico.report{
background: url('../img/layout/report-icon.gif') no-repeat;
}
.oval-act-btn.yellow.play-animation span.play-ico.stop{
background: url('../img/layout/stop-icon.gif') no-repeat -5px -4px;
}
/* ---------- ACT BUTTONS in different pages ------------*/
/*boy friend page*/
.act-btn-global.act-btn-red.bf-flirt {
}
.act-btn-global.act-btn-purple.bf-top{
margin: 12px 5px;
}
.act-btn-global.act-btn-yellow.bf-reward{
position: absolute;
right: 150px;
top: 680px;
z-index: 15;
}
.act-btn-global.act-btn-yellow.bf-reward span.act-btn-ico.left-ico{
background-position: -4px -115px;
}
/*pet page*/
.act-btn-global.act-btn-yellow.short.pets{
margin: 0 10px;
}
div.petsPage .buttons-bottom{
text-align: center;
margin-top: 40px;
}
.game-es a.act-btn-global.buy-pet span.act-btn-top-blick{
line-height: 14px;
padding: 5px 10px;
width: 100px;
}
.act-btn-global span.act-btn-ico.right-ico.pet-bottom{
background-position: -4px -39px;
}
div.petsPage div.buttons-bottom a.act-btn-global span.act-btn-top-blick{
float: left;
}
/*friends page - send email*/
.act-btn-global.act-btn-yellow.short.send-email{
float: right;
margin-top: 20px;
}
/*friends page - signatures*/
.act-btn-global.act-btn-yellow.short.signatures{
margin-top: 20px;
}
/*quest page*/
span.act-btn-ico.right-ico.quests{
background-position: -5px -77px;
}
/*create lady page*/
.act-btn-global.act-btn-yellow.create-lady{
float: right;
margin: 0 26px 0 0;
z-index: 3;
}
.act-btn-ico.left-ico.random-lady{
background-position: -5px -77px;
}
/*settings - profile page*/
.act-btn-global.act-btn-yellow.settings-profile{
margin-bottom: 30px;
margin-top: 10px;
}
.act-btn-ico.left-ico.settings-profile{
background-position: -5px -114px;
}
/*profile page - add-comment*/
div#addComment.profile-addComment form a.act-btn-global.short.act-btn-yellow.profile-comment,
.messageBox .boxBlick a.act-btn-global{
margin-top: 10px;
}
/*vip-shop - exchange page*/
.act-btn-global.act-btn-yellow.exchange{
float: right;
margin: 10px;
}
.act-btn-global.act-btn-yellow.more-diamonds{
margin: 20px 0 30px;
}
.talantBox .right .brownWrapper a.act-btn-global,
.talantBox .brownWrapper a.act-btn-global{
width: 110px;
margin: 3px 3px 0 0;
float: right;
}
.talantBox .right .brownWrapper a.act-btn-global span.act-btn-top-blick,
.talantBox .brownWrapper a.act-btn-global span.act-btn-top-blick{
width: 70px;
}
/*buy pet*/
.act-btn-global.act-btn-yellow.short.buy-pet{
float: right;
margin: 5px 34px 0 0;
}
/*boyfriends summary*/
.act-btn-global.act-btn-purple.boyfriends-summary{
float: right;
margin: 10px;
}
/*wardrobe page */
.act-btn-global.act-btn-purple.wardrobe{
margin: 17px;
float: left;
position: relative;
z-index: 10;
}
.act-btn-global.act-btn-purple.wardrobe-top{
/*max-width: 122px;
min-width: 84px;*/
width: 113px;
margin-right: 5px;
display: table;
}
.game-lfr .act-btn-global.act-btn-purple.wardrobe-top{
width: 91px;
}
.game-de .act-btn-global.act-btn-purple.wardrobe-top,
.game-it .act-btn-global.act-btn-purple.wardrobe-top{
width: 100px;
}
span.act-btn-top-blick.short.wardrobe-top-in{
display: table-cell;
vertical-align: middle;
height: 36px;
padding: 2px 4px;
}
.game-es span.act-btn-top-blick.short.wardrobe-top-in{
padding: 2px 13px;
}
/*jobs page*/
.act-btn-global.low.act-btn-purple.work,
.act-btn-global.low.act-btn-red.work,
.act-btn-global.low.act-btn-black.work{
margin: 3px 22px 0 9px;
float: right;
min-width: 197px;
}
.act-btn-global.low.act-btn-red.work,
.makeupBox.gaining-emeralds .emeralds-place a.act-btn-global.low.act-btn-purple{
float: left;
width: 283px;
}
.act-btn-global.low.act-btn-black.work{
margin-top: 10px;
width: 283px;
float: left;
}
.act-btn-global.low.act-btn-purple.work.ftv{
margin: 10px 18px 0 10px;
float: left;
width: 283px;
}
.act-btn-global.low.act-btn-red.stop-work{
width: 110px;
margin: 3px 18px 0 0;
float: right;
}
.act-btn-top-blick.low.stop-work{
min-width: 100px;
padding: 6px 6px 3px !important;
}
span.act-btn-top-blick.low.work > span{
}
.act-btn-purple.job-promote{
position: absolute;
bottom: 16px;
right: 20px;
}
/*welcome page*/
.act-btn-global.low.short.act-btn-yellow.gallery{
width: 128px;
margin: 8px 0;
text-transform: capitalize;
position: relative;
}
.act-btn-global.low.short.act-btn-yellow.gallery span.ico{
display: inline-block;
background: url('../img/layout/gallery-btns-ico.png') no-repeat;
position: absolute;
width: 40px;
height: 40px;
left: -7px;
bottom: -9px;
}
.act-btn-global.low.short.act-btn-yellow.gallery.shoot{
float: left;
margin-left: 10px;
}
.act-btn-global.low.short.act-btn-yellow.gallery.shoot span.ico{
background-position: -60px 0px;
}
.act-btn-global.low.short.act-btn-yellow.gallery.pictures{
float: right;
margin-right: 8px;
}
.act-btn-global.low.short.act-btn-yellow.gallery.pictures span.ico{
background-position: -2px -1px;
}
a.act-btn-global span.act-btn-top-blick.gallery-btns{
width: 96px;
padding: 6px 4px 3px 31px;
}
/*gallery*/
.act-btn-global.gallery-page{
left: 50%;
margin-left: -5% !important;
position: absolute !important;
top: 10px;
width: auto !important;
}
.act-btn-global.gallery-page .low{
width: auto;
}
/*beauty salon*/
#makeUpActionButtons .btn-beauty-salon {
border: none;
width: 100%;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
border-radius: 13px;
}
.act-btn-global.act-btn-yellow.beauty-salon span.act-btn-top-blick{
padding: 0 12px 0 15px;
min-width: 130px;
max-width: 130px;
display: table-cell;
vertical-align: middle;
float: none;
line-height: 1;
}
.act-btn-global.act-btn-yellow.beauty-salon span.act-btn-ico.left-ico{
background-position: -4px -115px;
}
.act-btn-global.act-btn-yellow.chalange span.act-btn-ico.left-ico{
background-position: -5px -153px;
}
/*deleted report*/
#content.duel-search .centerContent .back-btn span.act-btn-ico{
background-position: -4px 0;
}
/*welcome page*/
.act-btn-global.act-btn-purple.back-to-search {
margin-left: 14px;
/*max-width: 230px;*/
float: left;
}
.act-btn-global.right.another-victim {
margin-right: 14px;
/*max-width: 230px;*/
float: none;
}
/* .centerContent .buttonsContainer .act-btn-global.act-btn-yellow.chalange {
margin-right: 14px;
float: right;
} */
.centerContent .buttonsContainer .act-btn-global.another-victim {
margin-left: 14px;
float: left;
}
/* ---------- SWITCH BTN's ------------*/
.switch-btn{
background: url("../img/layout/switch-btn.png") no-repeat scroll 0 -61px transparent;
height: 38px;
position: absolute;
right: 0;
top: 10px;
padding: 0 5px 0 4px;
z-index: 1000;
}
.switch-btn.switch-btn-3{
background-position: 0 0;
}
.switch-btn a{
background: url("../img/layout/switch-btn.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 30px;
margin: 5px 0 0;
width: 49px;
z-index: 1001;
}
.switch-btn a.switch-lady{
background-position: -162px 0px;
}
.switch-btn a.switch-bf{
background-position: -219px 1px;
}
.switch-btn a.switch-pet{
background-position: -276px 1px;
}
.switch-btn a.switch-lady.active{
background-position: -162px -79px;
}
.switch-btn a.switch-bf.active{
background-position: -219px -79px;
}
.switch-btn a.switch-pet.active{
background-position: -276px -79px;
}
.switch-btn a.switch-lady:hover{
background-position: -162px -37px;
}
.switch-btn a.switch-bf:hover{
background-position: -219px -37px;
}
.switch-btn a.switch-pet:hover{
background-position: -276px -37px;
}
#wardrobeWrapper .switch-btn{
left: 19px;
right: auto;
}
/* ---------- Search results ------------*/
.fashion-arena .centerContent .center{
width: 100%;
height: 434px;
z-index: 10;
transition: transform .3s ease-out;
}
.centerContent .buttonsContainer .act-btn-global.chalange {
box-shadow: 0 3px 8px 0 #ff9d00, 0 3px 15px 0 #f9ff68 inset, 0 -3px 10px 0 #ffc400 inset, 0 -7px 18px 0 #ff7f06 inset;
background-color: #ffea00;
text-shadow: 0px 1px 1px #ffffff !important;
color: #9c4222 !important;
border-radius: 30px;
}
.centerContent .buttonsContainer .act-btn-global.chalange:hover {
background-color: #fff86b;
-webkit-box-shadow: 0 3px 8px 0 #ff9d00, 0 3px 15px 0 #fcffb6 inset, 0 -3px 10px 0 #ffe798 inset, 0 -7px 18px 0 #ff7f06 inset;
box-shadow: 0 3px 8px 0 #ff9d00, 0 3px 15px 0 #fcffb6 inset, 0 -3px 10px 0 #ffe798 inset, 0 -7px 18px 0 #ff7f06 inset;
text-shadow: 0px 1px 1px #ffffff !important;
}
.centerContent .buttonsContainer .act-btn-global.chalange.inactive {
background: #808080 !important;
color: #343434 !important;
}
.rightLadyContent {
float: right;
width: 224px;
}
.fashion-arena .centerContent {
width: 422px;
margin: 0 auto;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.fashion-arena .centerContent .top{
position: relative;
width: 100%;
}
.fashion-arena .player-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 240px;
max-width: 120%;
position: absolute;
z-index: 1;
padding: 4px 20px 4px 4px;
top: 150px;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
left: 50%;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.fashion-arena .leftContent > div:hover .player-container,
.fashion-arena .rightLadyContent > div:hover .player-container {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, 20px);
-ms-transform: translate(-50%, 20px);
transform: translate(-50%, 20px);
}
#victimName.player-container, #victimName .avatar-guild {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-right: 0;
padding: 4px 4px 4px 14px;
}
#victimName .avatar-guild .guild-logo {
margin-left: 5px;
margin-right: 0;
}
.player-container .avatar {
height: 60px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
position: relative;
}
.player-container .avatar img {
border-radius: 50%;
width: 100%;
height: 100%;
box-shadow: 0 2px 8px 0 rgba(0,0,0,.4), 0 1px 2px 0 rgba(0,0,0,.55);
}
.player-container .level {
position: absolute;
background: url(../img/layout/leagues/star.svg) no-repeat;
width: 26px;
height: 26px;
text-align: center;
left: -1px;
top: -4px;
font-size: 12px;
padding-top: 7px;
}
#victimName.player-container .level{
left: auto;
right: -1px;
}
.player-container .avatar-right {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
margin-left: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
/* -webkit-mask-image: -webkit-linear-gradient(right, transparent -1%, rgba(0,0,0,.5) 3%, black 10%);
mask-image: linear-gradient(to left, transparent -1%, rgba(0,0,0,.5) 3%, black 10%);*/
overflow-x: hidden;
}
.duel-html .avatar-right{
white-space: nowrap;
}
.duel-html .stats-name .tooltip{
white-space: nowrap;
transform: translateY(8px) translateX(-50%);;
}
#victimName .avatar-right {
margin-right: 10px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: 0;
}
#victimName .avatar-right .avatar-guild{
text-align: right;
}
.player-container .avatar-name a{
font-size: 18px;
color: #fff;
text-shadow: 0 2px 4px #cf00ff, 0 1px 1px #ff00e4;
}
.player-container .guild-name {
font-size: 16px;
color: #ffa8f6;
text-shadow: 0 1px 2px #cf00b9;
word-break: break-all;
}
.winner .guild-name {
text-shadow: 0 1px 1px #00330b,0 2px 4px #006115,0 3px 5px #006115;
color: #acf9ac;
}
.player-container .avatar-name a:hover,
.player-container .guild-name:hover{
text-decoration: underline;
}
.player-container.winner {
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;
background-color: #49ff9c63;
border-radius: 65px;
-webkit-animation: player-win-anim .5s ease-out forwards;
animation: player-win-anim .5s ease-out forwards;
}
@-webkit-keyframes player-win-anim{
0%, 20%{
box-shadow: none;
background-color: transparent;
}
21%, 40%{
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
41%, 60%{
box-shadow: none;
background-color: transparent;
}
61%, 70%{
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
71%, 85%{
box-shadow: none;
background-color: transparent;
}
86%, 90%{
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
91%, 94%{
box-shadow: none;
background-color: transparent;
}
95%, 100%{
box-shadow: 0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
}
@keyframes player-win-anim{
0%, 20%{
box-shadow: none;
background-color: transparent;
}
21%, 40%{
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
41%, 60%{
box-shadow: none;
background-color: transparent;
}
61%, 70%{
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
71%, 85%{
box-shadow: none;
background-color: transparent;
}
86%, 90%{
box-shadow: 0 -1px 2px 1px #a3ffab,0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
91%, 94%{
box-shadow: none;
background-color: transparent;
}
95%, 100%{
box-shadow: 0 0 5px 0px #096c3a,0 0 1px 4px #00ff59,0 4px 9px 7px #004a24,0 0 12px 12px #00ff0963, 0 0 30px 20px #00ff008a,0 0 20px 0 #00ff008a, 0 0 40px 10px #1cff0082 inset, 0 0 15px 5px #1cff0082 inset;;
background-color: #49ff9c63;
}
}
.fashion-arena .centerContent .buttonsContainer{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 53px;
position: relative;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/* Fashion Arena Challange button center */
.fashion-arena .centerContent .buttonsContainer.tutorial{
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.fashion-arena .buttonsContainer .circle-btn{
padding: 10px;
}
.buttonsContainer #challengeLady {
margin: 0 20px;
}
#search_result #message-counter-container {
font-size: 14px;
font-weight: bold;
display: table;
width: 96%;
height: 59px;
margin: -7px auto 22px;
line-height: 1;
}
#search_result #message-counter-container > div{
display: table-cell;
vertical-align: middle;
}
#search_result #message-counter-container .activityTimer{
background: rgba(0, 0, 0, 0) url("../img/layout/popup/stopwatch.png") no-repeat scroll left 0px;
display: inline-block;
padding: 6px 0 4px 28px;
margin-left: 10px;
color: #ff59bf;
text-shadow: 0 0 12px #ff039a, 0 0 1px black, 0 0 2px black, 0 0 3px black;
}
body#search_results #content{
height:530px;
z-index: 5;
}
.act-btn-global.another-victim span.act-btn-top-blick {
width: 138px;
min-width: unset;
padding: 10px 10px 0 20px;
}
.act-btn-global.chalange span.act-btn-top-blick {
width: 138px;
min-width: unset;
padding: 10px 10px 0 20px;
}
.buttonsContainer .act-btn-global.chalange span.act-btn-top-blick {
background: none;
}
.buttonsContainer a.act-btn-global .cost-background {
display: inline-block;
margin: 5px;
background-color: #451378;
border: 1px solid rgb(195, 150, 94);
-webkit-box-shadow: inset 0 0 15px rgba(27, 17, 29, .45);
box-shadow: inset 0 0 15px rgba(27, 17, 29, .45);
border-radius: 20px;
text-align: center;
}
.buttonsContainer a.act-btn-global.chalange .cost-background {
padding: 2px 10px;
background-color: rgba(49, 24, 71, .9);
border-radius: 20px;
border: none;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cost-background .cost-dollars {
background: url(../img/layout/stats-icons.png) no-repeat;
background-position: -2px 0px;
padding: 3px 7px 0px 24px;
font-size: 16px;
line-height: 24px;
}
.cost-background .cost-arena-enery {
line-height: 24px;
font-size: 18px;
padding: 1px 0px 0px 5px;
color: white;
text-shadow: 0px 1px 1px #16001d;
}
.buttonsContainer .icon-energy-fill {
position: relative;
height: 22px;
left: 0;
margin-left: 0;
}
.centerContent .bar::before {
content: '';
position: absolute;
width: 50px;
height: 49px;
left: -10px;
background: url(../img/layout/new/stats-new.png) no-repeat scroll left;
background-size: 86% auto;
bottom: 8px;
}
.centerContent .bar.style:before {
background-position: 5px 8px;
}
.centerContent .bar.creativity:before {
background-position: 5px -41px;
}
.centerContent .bar.devotion:before {
background-position: 5px -90px;
}
.centerContent .bar.beauty:before {
background-position: 5px -141px;
}
.centerContent .bar.generosity:before {
background-position: 5px -191px;
}
.centerContent .bar.loyalty:before {
background-position: 5px -239px;
}
.warning-sign {
background: url('../img/layout/warning-sign.png') no-repeat 0 0;
display: inline-block;
width: 51px;
height: 48px;
cursor: pointer;
position: absolute;
top: -100%;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
.warning-sign.anim {
-webkit-animation: warning-sign-anim steps(1) 1.2s infinite;
animation: warning-sign-anim steps(1) 1.2s infinite;
}
.warning-sign.anim:hover {
-webkit-animation-iteration-count: 0;
animation-iteration-count: 0;
}
@-webkit-keyframes warning-sign-anim{
0% {
background-position: 0 -49px;
}
50% {
background-position: 0 0px;
}
100% {
background-position: 0 -49px;
}
}
@keyframes warning-sign-anim{
0% {
background-position: 0 -49px;
}
50% {
background-position: 0 0px;
}
100% {
background-position: 0 -49px;
}
}
.duel-search .hint-panel {
position: absolute;
left: 50%;
bottom: 15px;
width: 165px;
padding: 30px 20px 20px;
border-radius: 6px;
background: -webkit-linear-gradient(top, rgba(231,219,233,0.9) 0%, rgb(253, 239, 255) 67%, rgba(254,245,255,0.9) 99%, rgba(254,245,255,0.9) 100%);
background: linear-gradient(to bottom, rgba(231,219,233,0.9) 0%,rgb(253, 239, 255) 67%,rgba(254,245,255,0.9) 99%,rgba(254,245,255,0.9) 100%);
color: #5b0063;
z-index: 17;
box-shadow: 0 5px 20px 0 rgba(23, 3, 37, 0.3);
-webkit-transform: translate(-50%, -80px);
transform: translate(-50%, -80px);
opacity: 0;
-webkit-transition: transform .2s ease-out;
transition: .2s ease-out;
transition-property: transform, opacity;
pointer-events: none;
}
.duel-search .warning-sign:hover + .hint-panel{
-webkit-transform: translate(-50%, -80px);
-ms-transform: translate(-50%, -80px);
transform: translate(-50%, -80px);
opacity: 1;
}
.duel-search .hint-panel h2 {
text-align: center;
color: #e50201;
padding-bottom: 5px;
font-size: 16px;
font-family: Arial;
font-style: normal;
font-weight: bold;
text-transform: none;
}
.duel-search .hint-panel p {
font-size: 14px;
text-align: center;
line-height: 1.4;
}
.hint-panel .avarage-stats-info.down {
position: absolute;
left: 89px;
top: -16px;
width: 30px;
height: 30px;
filter: none;
}
/* ---------- Duels html ------------*/
.used-boosters-holder {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
left: -30px;
bottom: -32px;
z-index: 100;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 84px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.used-boosters-holder.hide{
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
opacity: 0;
}
.duel-search .used-boosters-holder {
bottom: -27px;
right: -20px;
left: auto;
}
.centerContent .center .bar .used-boosters.car-booster-active {
width: 43px;
height: 32px;
margin: -10px 5px -3px;
background: url(../img/layout/main-nav-drop-sprite.png) -259px -121px;
}
.used-boosters-holder.right {
left: auto;
right: -28px;
}
.center-wrapper {
-webkit-clip-path: polygon(-15px -10%, -13px 99.78%, 103.43% 100.23%, 103.27% -10%);
clip-path: polygon(-15px -10%, -13px 99.78%, 103.43% 100.23%, 103.27% -10%);
}
.duel-html .show-result .center {
-webkit-transform: translateY(440px);
-ms-transform: translateY(440px);
transform: translateY(440px);
}
.duel-html .btn-toggle-report {
width: 30px;
height: 20px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -30px;
-webkit-transition: -webkit-transform .2s ease;
transition: transform .2s ease;
}
.duel-html .btn-toggle-report:hover {
-webkit-transform: translateX(-50%) translateY(-3px);
-ms-transform: translateX(-50%) translateY(-3px);
transform: translateX(-50%) translateY(-3px);
}
.duel-html .btn-toggle-report .icon{
fill: rgba(245, 215, 250, .55);
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear;
}
.duel-html .show-result .btn-toggle-report .icon{
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
#content.duel-html .centerContent .center .round-title {
font-size: var(--font-size-16);
text-align: center;
text-transform: uppercase;
}
#content.duel-html .centerContent .center .round-title:not(:first-of-type){
margin-top: 10px;
}
.duel-html .duel-stat-row {
display: flex;
font-size: var(--font-size-16);
grid-column-gap: 10px;
align-items: center;
margin-top: 10px;
}
.duel-stat-row span:not(.stats-name):not(.tooltip){
text-shadow: 0 0 1px #140038,0 0 1px #140038,0 0 1px #140038,0 0 2px #140038,0 0 3px #140038,0 3px 3px #140038c7, 0 1px 0 #140038, 1px 0 0 #140038, 0 -1px 0 #140038, -1px 0 0 #140038, 0 2px 0 #140038, 2px 0 0 #140038, 0 -2px 0 #140038, -2px 0 0 #140038;
width: 30px;
display: inline-block;
text-align: right;
}
.right-lady-stats {
text-align: left !important;
}
.fight .progress-bar{
-webkit-filter: drop-shadow(0 0 1px #140038b8) drop-shadow(0 3px 3px #140038c7);
filter: drop-shadow(0 0 1px #140038b8) drop-shadow(0 3px 3px #140038c7);
}
.duel-html .fight .progress-bar{
width: 110px;
}
duel-html .centerContent .right-lady-stats{
text-align: left;
}
.duel-stat-row .stats-name {
background: url(../img/layout/new/stats-new.png) no-repeat scroll left;
background-size: 112% auto;
width: 30px;
height: 30px;
display: inline-block;
margin: 0 auto;
position: relative;
opacity: 1;
transition: opacity .3s linear;
}
.show-result .duel-stat-row .stats-name{
opacity: 0;
}
.duel-stat-row .stats-name.style {
background-position: -2px 2px;
}
.duel-stat-row .stats-name.creativity {
background-position: -1px -37px;
}
.duel-stat-row .stats-name.devotion {
background-position: -1px -76px;
}
.duel-stat-row .stats-name.beauty {
background-position: -2px -116px;
}
.duel-stat-row .stats-name.generosity {
background-position: -2px -155px;
}
.duel-stat-row .stats-name.loyalty {
background-position: -2px -193px;
}
.duel-html .center .bar{
margin: 0;
}
.duel-html .top .right.winner{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00ff95+0,00ff95+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(0,255,149,0) 0%, rgba(0,255,149,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,255,149,0) 0%,rgba(0,255,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,255,149,0) 0%,rgba(0,255,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff95', endColorstr='#00ff95',GradientType=1 ); /* IE6-9 */
box-shadow: 10px 0px 25px 7px rgba(60, 41, 75, 0.6) inset;
}
.centerContent .winner .player-photo img {
border: 2px solid #0dc075;
}
.duel-html .award {
width: 100%;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--main-font-family);
text-align: center;
display: none !important;;
}
.duel-html .show-result + .award{
display: block !important;
}
.duel-html .award > div{
-webkit-animation: duel-award-anim .4s ease-out forwards;
animation: duel-award-anim .4s ease-out forwards;
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
opacity: 0;
}
@-webkit-keyframes duel-award-anim{
from{
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
80%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes duel-award-anim{
from{
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7);
}
80%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.duel-html .winner .title {
color: #d1ffd2;
text-shadow: 0 2px 2px rgb(0, 30, 0),
0 0 10px rgba(0, 255, 25, .7),
0 0 20px rgba(0, 255, 25, .7);
}
.duel-html .award.looser .title {
color: #fff;
text-shadow: 0 2px 2px rgb(30, 0, 0),
0 0 10px rgba(255, 0, 30, .7),
0 0 20px rgba(255, 0, 30, .7),
0 0 20px rgba(255, 0, 30, .7),
0 0 30px rgba(255, 0, 30, .5);
font-size: var(--font-size-24);
}
.duel-html .award .title {
font-size: 40px;
font-weight: var(--font-weight-lighter);
letter-spacing: 1px;
margin: 0 0 10px 0;
padding: 0;
display: block;
width: 100%;
background: none;
}
.duel-html .award span {
text-shadow: 0 1px 1px #16001d;
font-size: var(--font-size-30);
background: url(../img/layout/currency-l.png) no-repeat;
background-size: 40px auto;
font-weight: var(--font-weight-bold);
padding: 0 0 0 46px;
margin: 0 20px 0 0;
}
.duel-html .award span.award-money{
background-position: 15px -2px;
}
.duel-html .award span.award-exp {
background: url(../img/layout/new/experience-star.svg) no-repeat 0px 2px/36px auto;
color: #ff89d3;
padding-left: 40px;
}
.duel-html .award span.award-diamond {
background-position: 3px -136px;
color: #36bdff;
}
.duel-html .award span.award-emerald {
background-position: 3px -67px;
color: #5eff62;
}
.duel-html .award span:not(.award-emerald-dust):last-child {
margin: 0;
}
.duel-html .award span.award-emerald-dust:before,
.duel-html .award span.award-emerald-dust:after{
content: "";
width: 172px;
height: 1px;
position: absolute;
left: calc(100% + 20px);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93ff9b+0,d3ffd6+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(147,255,155,1) 0%, rgba(211,255,214,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(147,255,155,1) 0%,rgba(211,255,214,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(147,255,155,1) 0%,rgba(211,255,214,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ff9b', endColorstr='#00d3ffd6',GradientType=1 ); /* IE6-9 */
top: 20px;
}
.duel-html .award span.award-emerald-dust:after{
left: auto;
right: calc(100% + 20px);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d3ffd6+0,93ff9b+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(211,255,214,0) 0%, rgba(147,255,155,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(211,255,214,0) 0%,rgba(147,255,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(211,255,214,0) 0%,rgba(147,255,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d3ffd6', endColorstr='#93ff9b',GradientType=1 ); /* IE6-9 */
}
.duel-html .award span.award-emerald-dust {
background: url(../img/layout/emerald-dust.png) no-repeat -1px 9px / 39px auto !important;
margin: 0;
color: #5eff62;
position: relative;
text-shadow: 0 2px 2px rgb(30, 0, 0), 0 0 10px rgba(0, 255, 28, 0.5), 0 0 20px rgba(0, 255, 40, 0.2), 0 0 20px rgba(8, 255, 0, 0.2), 0 0 30px rgba(0, 255, 124, 0.5) !important;
}
#content.duel-html .award .ad-award-btn {
background: url(../img/layout/ad-button.png) no-repeat;
width: 103px;
height: 103px;
position: absolute;
top: -18px;
right: -40px;
z-index: 2;
}
.duel-html .award span.ad-award-area {
border-color: #374aa8;
background: #086497 url(../img/layout/emerald-dust.png) no-repeat -6px -79px;
padding: 2px 7px 3px 32px;
top: 15px;
}
.duel-html .award .converted-emerald {
font-size: var(--font-size-16);
padding: 10px 0;
z-index: 1;
text-transform: none;
width: 100%;
color: #5eff62;
font-weight: normal;
background: none;
text-shadow: 0 2px 2px rgb(30, 0, 0), 0 0 10px rgba(0, 255, 28, 0.5), 0 0 20px rgba(0, 255, 40, 0.2), 0 0 20px rgba(8, 255, 0, 0.2), 0 0 30px rgba(0, 255, 124, 0.5) !important;
}
.duel-html .award .converted-emerald b {
background: url(../img/layout/currency.png) no-repeat 1px -36px;
padding: 5px 0px 5px 30px;
display: inline-block;
}
/* Scaling Fashion Arena for low resolutions - 1366/768 */
@media only screen and (max-height: 700px) {
.center-wrapper {
-webkit-clip-path: polygon(-15px -8%, -15px 95%, 103.20% 95%, 103.27% -8%);
clip-path: polygon(-15px -8%, -15px 95%, 103.20% 95%, 103.27% -8%);
}
.fashion-arena .centerContent .center{
-webkit-transform: scale(.9) translateY(-30px);
-ms-transform: scale(.9) translateY(-30px);
transform: scale(.9) translateY(-30px);
}
/*.fashion-arena .centerContent .buttonsContainer {
margin-top: -15px;
-webkit-transform: scale(.9) translateY(-10px);
-ms-transform: scale(.9) translateY(-10px);
transform: scale(.9) translateY(-10px);
z-index: 10;
}*/
.fashion-arena .centerContent .buttonsContainer #challengeLady{
padding: 0 28px 0 0 !important;
height: 40px;
}
.duel-html .show-result .center {
-webkit-transform:scale(.9) translateY(432px);
-ms-transform:scale(.9) translateY(432px);
transform:scale(.9) translateY(432px);
}
.fashion-arena .centerContent .buttonsContainer{
margin-top: -10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.duel-search .warning-sign:hover + .hint-panel{
-webkit-transform: scale(1.12) translate(-45%, -80px);
-ms-transform: scale(1.12) translate(-45%, -80px);
transform: scale(1.12) translate(-45%, -80px);
}
.duel-search .used-boosters-holder {
bottom: -22px;
right: -5px;
left: auto;
}
.duel-html .used-boosters-holder {
left: -10px;
}
}
.duel-html .play-btn,
.city-page .play-btn,
.duel-search.fight .play-btn,
#content-animeCity .play-btn{
position: absolute;
text-align: right;
top: 10px;
left: 0;
width: 100%;
z-index: 10;
}
a.back-to-carnival,
a.back-to-pc{
position: absolute;
right: 2px;
top: 10px;
z-index: 100;
}
a.back-to-pc.left{
right: 170px
}
a.back-to-carnival:hover .back-to-carnival-arrow,
a.back-to-pc:hover .back-to-pc-arrow{
background-color: #712e87;
}
a.back-to-carnival:hover .back-to-carnival-ico,
a.back-to-pc:hover .back-to-pc-ico{
background-position: 0 -49px;
}
a.back-to-carnival .back-to-carnival-ico,
a.back-to-pc .back-to-pc-ico{
background: url("../img/layout/back-to-carnival-ico.png") no-repeat 0 0;
display: block;
height: 43px;
width: 43px;
position: relative;
float: right;
}
a.back-to-pc .back-to-pc-ico{
background: url("../img/layout/party-center/back-to-party-center-ico.png") no-repeat 0 0;
}
a.back-to-carnival .back-to-carnival-arrow,
a.back-to-pc .back-to-pc-arrow{
background-color: #512061;
border: 1px solid #ba92be;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0px 5px 5px 2px rgba(202, 129, 226, 0.6), inset 0px 0px 8px 2px rgba(174, 32, 220, 0.5), 0 2px 2px 0px rgba(45, 8, 57, 0.7);
box-shadow: inset 0px 5px 5px 2px rgba(202, 129, 226, 0.6), inset 0px 0px 8px 2px rgba(174, 32, 220, 0.5), 0 2px 2px 0px rgba(45, 8, 57, 0.7);
color: #ffddb9;
text-shadow: 0 1px 1px #000;
font-weight: bold;
margin: 10px -18px 0;
padding: 1px 20px 0 9px;
display: block;
float: right;
line-height: 20px;
}
a.back-to-carnival .back-to-carnival-arrow .arrow,
a.back-to-pc .back-to-pc-arrow .arrow{
background: url("../img/layout/back-to-carnival-arrow.png") no-repeat scroll 0 0 transparent;
margin: 3px 6px -2px 0;
width: 8px;
height: 13px;
float: left;
}
#content.duel-search.fight div.buttonsContainer{
bottom: 238px;
left: 220px;
position: absolute;
top: auto;
width: 566px;
}
/* ---------- Quick Links ------------*/
#header .wrapper a.ql-btn,
#header .wrapper .show-advisor,
#header .wrapper .play-video{
background: url('../img/layout/quick-links-btn.png') no-repeat;
display: block;
position: absolute;
top: 73px;
left: -33px;
width: 34px;
height: 42px;
z-index: 2;
}
#header .wrapper a.ql-btn:hover{
background-position: 0px -48px;
}
#header .wrapper .show-advisor{
background-position: -44px 0px;
top: 29px;
}
#header .wrapper .show-advisor:hover{
background-position: -44px -48px;
}
#header .wrapper .play-video{
background: url('../img/layout/video-ico2.gif') no-repeat;
top: 22px;
}
#header .wrapper .play-video.enable{
background: url('../img/layout/video-ico3.gif') no-repeat;
}
.ql-holder{
position: absolute;
left: -157px;
top: 118px;
width: 150px;
overflow: hidden;
padding-right: 15px;
}
#header .wrapper .quick-links{
border-top: 1px solid #9C828C;
border-right: 1px solid #9C828C;
border-bottom: none;
border-left: 1px solid #9C828C;
float: left;
width: 100%;
margin-bottom: 0;
}
#header .wrapper .quick-links .boxBlick{
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
text-align: center;
border-top: 1px solid #E3CDB8;
border-right: 1px solid #E3CDB8;
border-bottom: none;
border-left: 1px solid #E3CDB8;
padding-bottom: 1px;
}
.quick-links span.ql-title{
font: bold italic 12px georgia,serif;
text-transform: uppercase;
margin-top: 10px;
display: block;
color: #591d1d;
text-shadow: 0 1px 1px #FFFFFF;
}
.quick-links ul li span,
.quick-links span.ql-line,
.ql-holder a.ql-close span{
background: url('../img/layout/quick-links-ico.png') no-repeat 0 center;
}
.quick-links span.ql-line{
background-position: center -31px;
display: block;
height: 3px;
margin: 6px 0;
}
.quick-links ul{
text-align: left;
padding: 0 4px;
}
.quick-links ul li a{
color: #512061;
display: block;
float: none;
margin: 0 0 9px;
text-decoration: underline;
line-height: 20px;
}
.quick-links ul li a:hover{
text-shadow: 0 0 2px #fff;
text-decoration: none;
}
.quick-links ul li span{
display: block;
width: 24px;
height: 24px;
float: left;
margin-right: 5px;
}
.quick-links ul li a.add-ql span{
background-position: -23px -2px;
}
.quick-links ul li a.add-ql:hover span{
background-position: -46px -2px;
}
.quick-links ul li a.manage-ql span{
background-position: -73px -2px;
}
.quick-links ul li a.manage-ql:hover span{
background-position: -101px -2px;
}
.quick-links ul li a.single-ql span{
background-position: -126px -5px;
}
.quick-links ul li a.single-ql:hover span{
background-position: 0px -5px;
}
.ql-holder a.ql-close{
background-color: #764f4d;
display: inline-block;
color: #faecbc;
-webkit-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
height: 17px;
text-align: center;
}
.ql-holder a.ql-close:hover{
background-color: #946b69;
}
.ql-holder a.ql-close span{
float: left;
display: block;
}
.ql-holder a.ql-close span.close{
background: none;
}
.ql-holder a.ql-close span.ar-up{
background-position: -67px -28px;
width: 5px;
height: 3px;
margin: 6px;
}
/* -------- Invalid Report --------- */
#content.duel-search .centerContent div.invalid-perort-message{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #591d1d;
position: absolute;
font-weight: bold;
font-style: italic;
text-shadow: 0px 1px 1px #ffffff;
text-align: center;
top: 145px;
left: auto;
margin: 0 20px;
}
#content.duel-search .centerContent div.invalid-perort-message span{
font-size: 42px;
font-weight: normal;
}
#content.duel-search .centerContent .back-btn{
position: absolute;
bottom: 35px;
left: 0;
width: 100%;
text-align: center;
}
/* -------- Publick profile --------- */
.puplic-head{
background: url('../img/layout/public-head.png') no-repeat top center;
height: 111px;
width: 1050px;
position: absolute;
left: 50%;
margin-left: -525px;
top: 14px;
}
.puplic-head .logo{
width: 254px;
height: 71px;
background: url('../img/layout/public-profile-logos/logo.png') no-repeat left center;
position: absolute;
left: 80px;
top: 27px;
}
body.game-draugas .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo.png') no-repeat left center;
}
body.game-de .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo-de.png') no-repeat left center;
}
body.game-it .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo-it.png') no-repeat left center;
}
body.game-br .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo-br.png') no-repeat left center;
}
body.game-sk .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo-sk.png') no-repeat left center;
}
body.game-lt .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo-lt.png') no-repeat left center;
}
body.game-ar .puplic-head .logo{
background: url("../img/layout/public-profile-logos/logo-ar.png") no-repeat left center;
left: auto;
right: -41px;
top: 23px;
}
body.game-pl .puplic-head .logo{
background: url('../img/layout/public-profile-logos/logo-pl.png') no-repeat left center;
}
body.game-il .puplic-head .logo{
background: url("../img/layout/public-profile-logos/logo-il.png") no-repeat scroll left center rgba(0, 0, 0, 0);
left: auto;
right: 80px;
}
.puplic-head a.register-btn{
background: url('../img/layout/register-btn.png') no-repeat;
color: #784646;
display: block;
margin: 16px auto;
font-size: 14px;
font-weight: bold;
height: 43px;
letter-spacing: 8px;
padding-top: 46px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 325px;
z-index: 100;
text-shadow: 0 1px 1px #FFFFFF;
}
.puplic-head a.register-btn:hover{
background-position: 0 -110px;
}
#profilePage.public-profile .alone .viewport {
height: 260px !important;
overflow: hidden !important;
}
.public-profile .leftContent{
z-index:0;
position:absolute;
top:20px;
left:-117px;
}
.rtl .public-profile .leftContent{
left: auto;
right: -117px;
}
.rtl .puplic-head a.register-btn{
background-position: 10px 0;
padding-right: 10px;
}
/* -------- Tutorial / Advisor --------- */
.tutorial-mall-cart-counter {
position: absolute;
background: white;
padding: 7px 20px;
border-radius: 30px;
z-index: 999;
color: var(--font-color-active);
font-weight: bold;
font-size: var(--font-size-16);
left: 50%;
bottom: -20px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tutorial-mall-cart-counter span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.advisor-holder{
position: absolute;
z-index: 900;
margin-left: -330px;
top: 290px;
left: 50%;
display: none;
}
.advisor-holder .advice-box{
width: 425px;
position: relative;
margin: 0 0 0 170px;
/*left: 230px;*/
border: 4px solid #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 20px 30px 0px #270015;
box-shadow: 0px 20px 30px 0px #270015;
text-align: center;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VkZDdkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,215,217,1) 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(30%,rgba(237,215,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,215,217,1) 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,215,217,1) 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,215,217,1) 30%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,215,217,1) 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edd7d9',GradientType=0 ); /* IE6-8 */
}
.advisor-holder .advice-box .advisor{
background: url('../img/layout/advisor.png') no-repeat;
position: absolute;
top: -64px;
left: -171px;
width: 236px;
height: 233px;
z-index: 10;
}
.advisor-holder .advice-box .advice-box-header{
position: absolute;
height: 30px;
right: -15px;
top: -16px;
width: 444px;
-webkit-border-radius: 13px;
border-radius: 13px;
-webkit-box-shadow: 0px 0px 1px 0px #6f4e60;
box-shadow: 0px 0px 1px 0px #6f4e60;
/*background: url('../img/layout/advisor-box-header.gif') repeat-x;*/
background: rgb(249,217,234); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZDllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkZTlmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZDllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(249,217,234,1) 0%, rgba(253,233,240,1) 50%, rgba(249,217,234,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,217,234,1)), color-stop(50%,rgba(253,233,240,1)), color-stop(50%,rgba(249,217,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,217,234,1) 0%,rgba(253,233,240,1) 50%,rgba(249,217,234,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,217,234,1) 0%,rgba(253,233,240,1) 50%,rgba(249,217,234,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,217,234,1) 0%,rgba(253,233,240,1) 50%,rgba(249,217,234,1) 50%); /* IE10+ */
background: linear-gradient(to bottom, rgba(249,217,234,1) 0%,rgba(253,233,240,1) 50%,rgba(249,217,234,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d9ea', endColorstr='#f9d9ea',GradientType=0 ); /* IE6-8 */
}
.advisor-holder .advice-box .advice-box-header a.advisor-box-dragger{
width: 377px;
height: 17px;
float: left;
margin: 6px 0 0 20px;
background: url('../img/layout/advisor-box-dragger.gif') no-repeat top center;
cursor: move;
}
.advisor-holder .advice-box .advice-box-header a.advisor-close{
background: url('../img/layout/advisor-close.png') no-repeat top center;
height: 30px;
position: absolute;
right: 0;
width: 30px;
top: 1px;
}
.advisor-holder .advice-box .advice-box-header a:hover{
background-position: center bottom;
}
.advisor-holder .advice-box p{
color: #6E3939;
font-size: 14px;
line-height: 20px;
margin: 27px 40px 35px;
}
.advisor-holder .advice-box .advise-box-floral{
background: url('../img/layout/advise-box-floaral.png') no-repeat;
position: absolute;
width: 420px;
height: 54px;
bottom: 0;
left: 2px;
}
.advisor-holder .advice-box .advice-box-bottom{
position: absolute;
bottom:-14px;
text-align: center;
width: 100%;
}
.advice-box-bottom .buttons{
display: inline-block;
}
.advisor-holder .advice-box .advice-box-bottom a{
height: 23px;
padding: 0 16px;
display: block;
float: left;
line-height: 22px;
margin: 0 5px;
padding: 0 26px;
color: #fff;
border: 2px solid #fff;
-webkit-border-radius: 13px;
border-radius: 13px;
background: rgb(224,158,231); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwOWVlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2E4NWZiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzQ0MTU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTNmYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(224,158,231,1) 0%, rgba(168,95,182,1) 10%, rgba(68,21,84,1) 30%, rgba(137,63,162,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,158,231,1)), color-stop(10%,rgba(168,95,182,1)), color-stop(30%,rgba(68,21,84,1)), color-stop(100%,rgba(137,63,162,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(224,158,231,1) 0%,rgba(168,95,182,1) 10%,rgba(68,21,84,1) 30%,rgba(137,63,162,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(224,158,231,1) 0%,rgba(168,95,182,1) 10%,rgba(68,21,84,1) 30%,rgba(137,63,162,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224,158,231,1) 0%,rgba(168,95,182,1) 10%,rgba(68,21,84,1) 30%,rgba(137,63,162,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224,158,231,1) 0%,rgba(168,95,182,1) 10%,rgba(68,21,84,1) 30%,rgba(137,63,162,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09ee7', endColorstr='#893fa2',GradientType=0 ); /* IE6-8 */
}
.advisor-holder .advice-box .advice-box-bottom a:hover{
background: rgb(241,88,167); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNThhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzhkMDA0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2I1MzE2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDVlYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(241,88,167,1) 0%, rgba(141,0,73,1) 30%, rgba(181,49,111,1) 70%, rgba(228,94,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,88,167,1)), color-stop(30%,rgba(141,0,73,1)), color-stop(70%,rgba(181,49,111,1)), color-stop(100%,rgba(228,94,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(241,88,167,1) 0%,rgba(141,0,73,1) 30%,rgba(181,49,111,1) 70%,rgba(228,94,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(241,88,167,1) 0%,rgba(141,0,73,1) 30%,rgba(181,49,111,1) 70%,rgba(228,94,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(241,88,167,1) 0%,rgba(141,0,73,1) 30%,rgba(181,49,111,1) 70%,rgba(228,94,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(241,88,167,1) 0%,rgba(141,0,73,1) 30%,rgba(181,49,111,1) 70%,rgba(228,94,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f158a7', endColorstr='#e45ea3',GradientType=0 ); /* IE6-8 */
}
.advisor-arrow{
background: url('../img/layout/advisor-arrow.png') no-repeat;
position: absolute;
z-index: 9001;
}
.advisor-arrow.top{
background-position: -98px -6px;
width: 83px;
height: 110px;
}
.advisor-arrow.right{
background-position: -191px -115px;
width: 101px;
height: 87px;
}
.advisor-arrow.left{
background-position: -9px -115px;
width: 101px;
height: 87px;
}
.advisor-arrow.bottom{
background-position: -98px -196px;
width: 83px;
height: 90px;
}
/* -------- Gain Emeralds --------- */
.makeupBox.gaining-emeralds .emeralds-place{
display: inline-block;
text-align: left;
width: 474px;
}
.makeupBox.gaining-emeralds .emeralds-place span.place-info{
float: left;
margin: 24px 0 0 6px;
position: relative;
width: 285px;
}
.makeupBox.gaining-emeralds span.place-info h2{
text-shadow: 0 1px 1px #240024;
}
.makeupBox.gaining-emeralds .emeralds-place a.act-btn-global.low.act-btn-purple{
position: absolute;
top: 106px;
left: 0;
}
input.invite-fr2{
width: 263px !important;
margin: 7px 0 6px !important;
}
.makeupBox.gaining-emeralds .place-info p,
.makeupBox.gaining-emeralds .place-info p.short{
height: 86px;
overflow: hidden;
}
.makeupBox.gaining-emeralds .place-info p.short{
height: 46px;
}
/* -------- Welcome Message --------- */
.messageItem .messageBody{
position: relative;
overflow: hidden;
}
.welcome-message-header{
height: 184px;
text-align: center;
font: 18px Arial, san-serif;
color: #881c55;
position: relative;
}
.welcome-message-header > span{
display: block;
margin: 6px 0 0;
}
.welcome-message-header h1,
.welcome-message-header h2{
font-weight: bold;
color: #d0026f;
}
.welcome-message-header h2{
font: italic bold 16px Arial, sans-serif;
display: inline-block;
padding: 3px 6px;
}
.welcome-message-header h1{
font: italic bold 46px Georgia, serif;
text-shadow: 0px 5px 5px #98597b, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.welcome-message-header .fad{
background: url('../img/layout/wm-fad.gif') repeat-x 0 8px;
display: inline-block;
}
.welcome-message-header .wm-title{
width: auto;
display: inline-block;
}
.welcome-message-wrapper ul.message-categories{
width: 523px;
margin: 0 auto;
}
.sun-glow-anim{
position: absolute;
top: -210px;
left: -10px;
background: url("../img/layout/welcome-glow.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
width: 637px;
height: 637px;
opacity: 0.7;
-webkit-animation: 30s linear 0s infinite normal sun-burst-anim;
animation: 30s linear 0s infinite normal sun-burst-anim;
}
@-webkit-keyframes sun-burst-anim{
0%{
-webkit-transform: rotate(0deg);
}
50%{
-webkit-transform: rotate(180deg);
}
100%{
-webkit-transform: rotate(360deg);
}
}
@keyframes sun-burst-anim{
0%{
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
50%{
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
100%{
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.welcome-message-wrapper ul.message-categories li.category{
width: 432px;
height: 90px;
margin-bottom: 28px;
position: relative;
padding: 22px 0 0 32px;
border: 5px solid rgb(255, 242, 227);
border-radius: 12px;
-webkit-box-shadow: 0px 0px 20px 1px rgba(114, 43, 7, .2);
-moz-box-shadow: 0px 30x 20px 1px rgba(114, 43, 7, .2);
box-shadow: 0px 0px 20px 1px rgba(114, 43, 7, .2), 0px 0px 1px 0px rgba(222, 171, 147, 1);
}
.welcome-message-wrapper ul.message-categories li.category:nth-child(odd) {
background: rgb(254,222,186);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(254,222,186,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(254,222,186,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(254,222,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fedeba',GradientType=1 );
}
.welcome-message-wrapper ul.message-categories li.category:nth-child(even) {
background: rgb(254,222,186);
background: -moz-linear-gradient(-45deg, rgba(254,222,186,1), rgba(255,255,255,1) 0% 100%);
background: -webkit-linear-gradient(-45deg, rgba(254,222,186,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(254,222,186,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedeba', endColorstr='#ffffff',GradientType=1 );
}
.message-categories li.category a{
height: 113px;
left: 0;
position: absolute;
top: 0;
width: 464px;
z-index: 1;
}
ul.message-categories li.category.left{
float: left;
}
ul.message-categories li.category.right{
float: right;
}
ul.message-categories li.category span.category-img{
position: absolute;
}
ul.message-categories li.category.popularity .category-img{
background: url('../img/layout/wm-popularity-img.png') no-repeat;
left: -110px;
top: -34px;
width: 172px;
height: 154px;
}
ul.message-categories li.category.arena .category-img{
background: url('../img/layout/wm-arena-img.png') no-repeat;
right: -70px;
top: -24px;
width: 165px;
height: 149px;
}
ul.message-categories li.category.shopping .category-img{
background: url('../img/layout/wm-shopping-img.png') no-repeat;
left: -70px;
top: -7px;
width: 176px;
height: 124px;
}
ul.message-categories li.category.decorate .category-img{
background: url('../img/layout/wm-decorate-img.png') no-repeat;
right: -72px;
top: -26px;
width: 154px;
height: 157px;
}
ul.message-categories li.category.beauty .category-img{
background: url('../img/layout/wm-beauty-img.png') no-repeat;
left: -75px;
top: -38px;
width: 177px;
height: 168px;
}
ul.message-categories li.category.ftv-center .category-img{
background: url('../img/layout/wm-ftv-center-img.png') no-repeat;
right: -72px;
top: -40px;
width: 119px;
height: 166px;
}
ul.message-categories li.category.clubbing .category-img{
background: url('../img/layout/wm-clubbing-img.png') no-repeat;
left: -70px;
top: -26px;
width: 159px;
height: 150px;
}
ul.message-categories li.category.contest .category-img{
background: url('../img/layout/wm-contest-img.png') no-repeat;
right: -72px;
top: -38px;
width: 168px;
height: 152px;
}
ul.message-categories li.category.friends .category-img{
background: url('../img/layout/wm-friends-img.png') no-repeat;
left: -76px;
top: -18px;
width: 117px;
height: 156px;
}
ul.message-categories li.category h2.category-title{
font: bold 18px Arial, sans-serif;
color: #d0026f;
text-transform: capitalize;
position: absolute;
top: 14px;
left: auto;
}
ul.message-categories li.category p{
font: normal 13px Arial, sans-serif !important;
position: absolute;
left: auto;
top: 34px;
}
ul.message-categories li.category p,
.messageItem .welcome-message-wrapper > p{
font-family: Georgia, serif;
font-style: italic;
margin-top: 8px;
}
ul.message-categories li.category.shopping.right p,
ul.message-categories li.category.beauty.right p,
ul.message-categories li.category.clubbing.right p,
ul.message-categories li.category.shopping.right h2,
ul.message-categories li.category.beauty.right h2,
ul.message-categories li.category.clubbing.right h2{
padding: 0 10px 0 68px;
}
ul.message-categories li.category.popularity.right p,
ul.message-categories li.category.popularity.right h2,
ul.message-categories li.category.friends.right p,
ul.message-categories li.category.friends.right h2{
padding: 0 10px 0 16px;
}
ul.message-categories li.category.left p{
padding-right: 90px;
}
ul.message-categories li.category.ftv-center.left p{
padding-right: 38px;
width: 84%;
}
.messageItem .welcome-message-wrapper > p{
text-align: center;
color: #9e466c;
line-height: 24px;
margin-bottom: 10px;
width: 100%;
font-family: Arial, sans-serif !important;
}
.messageItem .welcome-message-wrapper > p > span{
color: #d0026f;
}
/*--- Promo Stuff---*/
.promo-label-wrap{
position: relative;
width: 100%;
min-width: 1250px;
}
body a.promo {
background: url("../img/layout/promo_label2.png") no-repeat scroll 0 0 transparent;
display: block;
height: 120px;
position: absolute;
right: 0;
top: 0;
width: 147px;
z-index: 1001;
}
body.rtl a.promo{
background: url("../img/layout/promo_label2.png") no-repeat scroll right 0 transparent;
right: auto;
left: 0;
}
body a.promo:hover {
background: url("../img/layout/promo_label2.png") no-repeat scroll 0 100% transparent;
}
body.rtl a.promo:hover {
background: url("../img/layout/promo_label2.png") no-repeat scroll right 100% transparent;
}
/* ---------- Lady Ads ------------ */
#ladyAds .ladyMirror-frame{
background: url('../img/layout/lady-adv-frame.png') no-repeat;
height: 167px;
width: 117px;
position:relative;
z-index: 100;
}
#ladyAds .ladyMirror-frame:hover {
background: url('../img/layout/lady-adv-frame-lights.png') no-repeat;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
#ladyAds .ladyMirror-holder{
position: relative;
margin: -5px 0 10px 4px;
}
#ladyAds .ladyMirror-holder span, .ladyAdsAdd span {
position: absolute;
z-index: 110;
bottom: 21px;
left: 17px;
width: 85px;
text-align: center;
color: #2d0839;
text-shadow: 1px 1px 0 #dea7db;
font-size: 12px;
overflow: hidden;
}
#ladyAds .ladyMirrorWrapper {
position: absolute;
width: 100px;
height: 120px;
overflow: hidden;
left: 11px;
top: 11px;
background-color: #2d0839;
box-shadow: 0 2px 10px 0 #24042F inset;
z-index: 10;
}
#ladyAds .ladyMirrorWrapper div {
left: -85px;
top: -50px;
}
.ladyAdsAdd{
background: url('../img/layout/lady-adv-add.png') no-repeat;
float: left;
height: 167px;
width: 117px;
position: relative;
margin-top: -5px;
}
.ladyAdsAdd:hover {
background: url('../img/layout/lady-adv-add-lights.png') no-repeat;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
p.ladyAdsDesc {
color: #fff;
font-family: Georgia,'Times New Roman',Times,serif;
font-size: 14px; font-style: italic;
font-weight: bold;
text-shadow: 0px 1px 1px #360e43;
padding-bottom: 10px;
}
.act-btn-ads-wrapper {
-webkit-box-shadow: inset 0px 0px 3px 2px rgba(47, 15, 60, 1);
box-shadow: inset 0px 0px 3px 2px rgba(47, 15, 60, 1);
margin: 10px 8px;
border-bottom: 1px solid rgb(102, 67, 121);
display: inline-block;
padding: 5px;
border-radius: 9px;
}
.act-btn-ads-wrapper span {
display: inline-block;
font-style: normal;
color: rgb(251, 205, 94);
font-weight: bold;
font-size: 16px;
padding: 0px 8px 0px 25px;
line-height: 39px;
}
.act-btn-ads-wrapper span.diamond{
background:url('../img/layout/popup/pop-diamond-icon.png') no-repeat center left;
}
.act-btn-ads-wrapper span.emerald{
background:url('../img/layout/popup/pop-emerald-icon.png') no-repeat center left;
}
.act-btn-ads{
background: url('../img/layout/act-btns.png') no-repeat scroll center 0;
height: 39px;
color: #522262 !important;
display: table;
margin: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
padding: 0px 30px;
line-height: 39px;
position: relative;
text-shadow: 0 0 1px white;
text-decoration: none !important;
font-style: normal !important;
border-radius: 7px;
display: inline-block;
}
a.act-btn-ads:hover{
background-position: center -46px;
color: white !important;
text-shadow: 0 1px 1px black;
}
/* ---------- Lucky Cards ------------ */
.makeupBox.lucky-cards{
width: 975px;
text-align: center;
}
.lucky-cards.ingame .boxBlick{
height: 423px;
border: 1px solid #E3CDB8 !important;
}
p.lc-title{
font-size: 18px;
margin: 18px 0 0;
padding: 10px 50px 0;
}
.makeupBox.lucky-cards .packsOfCards{
margin: 0 0 0 35px;
}
.makeupBox.lucky-cards .packsOfCards .card-pack{
width: 203px;
height: 178px;
background: url("../img/layout/packs-of-lc.png") no-repeat;
margin: 20px 30px 10px 0;
position: relative;
transform: scale(1);
}
.makeupBox.lucky-cards .packsOfCards .card-pack:hover{
background-position: -218px 0!important;
cursor: pointer;
}
.makeupBox.lucky-cards .packsOfCards .card-pack.locked{
background-position: -432px 0;
cursor: default;
pointer-events: none;
}
.makeupBox.lucky-cards .packsOfCards .card-pack.notify {
-webkit-animation: card-pack-anim .6s ease-in-out infinite;
animation: card-pack-anim .6s ease-in-out infinite;
}
@-webkit-keyframes card-pack-anim{
from{
-webkit-transform: scale(1);
transform: scale(1);
}
50%{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to{
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes card-pack-anim{
from{
-webkit-transform: scale(1);
transform: scale(1);
}
50%{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to{
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*Christmas Pack Start*/
.makeupBox.lucky-cards .packsOfCards #cardsDeck9.card-pack{
background: url("../img/layout/christmas-packs-of-lc.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck9.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck15.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck16.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck17.card-pack:hover{
background-position: -217px 0;
cursor: pointer;
}
/*Christmas Pack End*/
/*With clock instead number*/
.makeupBox.lucky-cards .packsOfCards #cardsDeck13.card-pack,
.makeupBox.lucky-cards .packsOfCards #cardsDeck18.card-pack,
.makeupBox.lucky-cards .packsOfCards #cardsDeck19.card-pack,
.makeupBox.lucky-cards .packsOfCards #cardsDeck20.card-pack,
.makeupBox.lucky-cards .packsOfCards #cardsDeck21.card-pack,
.makeupBox.lucky-cards .packsOfCards #cardsDeck22.card-pack{
background: url("../img/layout/packs-of-lc-misc.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck10.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck11.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck12.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck13.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck14.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck18.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck19.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck20.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck21.card-pack:hover,
.makeupBox.lucky-cards .packsOfCards #cardsDeck22.card-pack:hover{
background-position: -218px 0;
cursor: pointer;
}
.card-pack.locked .pack-number,
#cardsDeck9 .pack-number,
#cardsDeck10 .pack-number,
#cardsDeck11 .pack-number,
#cardsDeck12 .pack-number,
#cardsDeck13 .pack-number,
#cardsDeck14 .pack-number,
#cardsDeck15 .pack-number,
#cardsDeck16 .pack-number,
#cardsDeck17 .pack-number,
#cardsDeck18 .pack-number,
#cardsDeck19 .pack-number,
#cardsDeck20 .pack-number,
#cardsDeck21 .pack-number,
#cardsDeck22 .pack-number,
#cardsDeck23 .pack-number,
#cardsDeck24 .pack-number,
#cardsDeck25 .pack-number,
#cardsDeck26 .pack-number,
#cardsDeck27 .pack-number,
#cardsDeck28 .pack-number,
#cardsDeck29 .pack-number,
#cardsDeck30 .pack-number,
#cardsDeck31 .pack-number{
display: none;
}
/*City Pack Start*/
.makeupBox.lucky-cards .packsOfCards #cardsDeck14.card-pack{
background: url("../img/layout/packs-of-lc-brazil2014.png") no-repeat;
}
/*.makeupBox.lucky-cards .packsOfCards #cardsDeck13.card-pack{
background: url("../img/layout/packs-of-lc-pr.png") no-repeat;
}*/
.makeupBox.lucky-cards .packsOfCards #cardsDeck12.card-pack{
background: url("../img/layout/packs-of-lc-mi.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck11.card-pack{
background: url("../img/layout/packs-of-lc-london.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck24.card-pack{
background: url("../img/layout/packs-of-lc-ny.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck25.card-pack{
background: url("../img/layout/packs-of-lc-london.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck26.card-pack{
background: url("../img/layout/packs-of-lc-mi.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck27.card-pack{
background: url("../img/layout/packs-of-lc-pr.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck15.card-pack{
background: url("../img/layout/packs-of-lc-music.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck16.card-pack{
background: url("../img/layout/packs-of-lc-retro.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck17.card-pack{
background: url("../img/layout/packs-of-lc-london-spring.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck28.card-pack{
background: url("../img/layout/packs-of-lc-bbq.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck29.card-pack{
background: url("../img/layout/packs-of-lc-of.png") no-repeat;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck31.card-pack{
background: url("../img/layout/packs-of-lc-spd.png") no-repeat;
}
/*City Pack End*/
/*StarWars Pack*/
.makeupBox.lucky-cards .packsOfCards #cardsDeck30.card-pack{
background: url("../img/layout/packs-of-lc-sw.png") no-repeat 3px 0;
}
.makeupBox.lucky-cards .packsOfCards #cardsDeck30.card-pack:hover{
background-position: -215px 0 !important;
}
.card-pack .locked-pack-level{
display: none;
}
.card-pack.locked .locked-pack-level{
display: block;
position: absolute;
top: 77px;
left: 40px;
width: 73px;
text-align: center;
font-size: 14px;
color: white;
}
.card-pack .pack-number{
left: 5px;
position: absolute;
text-align: center;
top: 33px;
width: 33px;
font: italic 20px Arial, sans-serif;
}
.makeupBox.lucky-cards.ingame{
text-align: center;
}
.makeupBox.lucky-cards.ingame div.boxBlick div.rewards-holder{
background: url("../img/layout/quest-rewards-bg.png") no-repeat scroll center top rgba(115, 100, 120, 0.8);
box-shadow: 0 0 0 1px #E3CDB8 inset, 0 1px 0 1px #775D80;
margin-top: -1px;
}
.makeupBox.lucky-cards.ingame .boxBlick .luckyCardsHolder li.luckyCard-big{
width: 233px;
height: 328px;
background: url("../img/layout/lucky-cards-states.png") no-repeat -248px 0;
cursor: pointer;
margin: 12px 46px;
font: italic 16px georgia,serif;
color: #522262;
text-align: center;
}
.makeupBox.lucky-cards.ingame .boxBlick .luckyCardsHolder li.luckyCard-big:hover{
background-position: -742px 0;
}
.makeupBox.lucky-cards.ingame .boxBlick .luckyCardsHolder li.luckyCard-big.opened{
background-position: 0 0;
cursor: default;
}
.makeupBox.lucky-cards.ingame .boxBlick .luckyCardsHolder li.luckyCard-big.lost{
background-position: -495px 0;
cursor: default;
}
.luckyCardsHolder .luckyCard-big p.lc-award-info,
.luckyCardsHolder .luckyCard-big span.lc-award-amount,
.luckyCardsHolder .luckyCard-big span.item-thumb{
display: block;
padding: 0 20px;
width: 176px;
}
.luckyCardsHolder .item-thumb.boosters .lc-award-img{
position: absolute;
top: 9px;
left: 10px;
}
.achievements-page .itemsThumb a.popThumb span.lc-award-img{
display: block;
}
.lc-award-img{
background: url("../img/layout/lc-award-sprite.png") no-repeat 0 0 !important;
width: 80px;
height: 80px;
display: block !important;
}
.lc-award-img.lc-award-dollars{
background-position: 0 0 !important;
}
.lc-award-img.lc-award-emeralds{
background-position: 0 -80px !important;
}
.lc-award-img.lc-award-experience{
background-position: 0 -605px !important;
}
.lc-award-img.lc-award-credits{
background-position: 0 -238px !important;
}
/* NEW CLASSES ADDED */
.lc-award-img.lc-award-emerald-dust{
background-position: 0 -400px !important;
}
.lc-award-img.lc-award-bp-energy{
background-position: 0 -480px !important;
}
.lc-award-img.lc-award-bp-pass {
background-position: 0 -320px !important;
}
.lc-award-img.lc-award-bp-diamonds {
background-position: 0 -160px !important;
}
/*END NEW CLASSES */
.luckyCardsHolder .lc-award-img{
margin: 0 67px;
}
.luckyCard-big.lost .lc-award-img{
opacity: 0.5;
}
.makeupBox.lucky-cards.ingame .boxBlick .refresh-btn-holder{
background: url("../img/layout/lc-refresh-btn-bg.png") no-repeat;
width: 80px;
height: 60px;
position: relative;
margin: -22px auto -2px;
}
.makeupBox.lucky-cards.ingame .boxBlick .refresh-btn-holder a.refresh-btn{
background: url("../img/layout/lc-refresh-btn.png") no-repeat top left;
width: 35px;
height: 35px;
position: absolute;
top: 18px;
left: 22px;
}
.makeupBox.lucky-cards.ingame .boxBlick .refresh-btn-holder a.refresh-btn:hover{
background-position: -40px 0;
}
.makeupBox.lucky-cards.ingame .boxBlick .refresh-btn-holder a.refresh-btn:active{
background-position: -76px 0;
}
.luckyCard-big span.lc-award-amount{
font-weight: bold;
font-size: 30px;
margin-top: 67px;
}
.makeupBox.lucky-cards .boxBlick ul.outfits{
margin: 24px 0 20px 12px;
}
.makeupBox.lucky-cards .boxBlick ul.outfits li{
margin: 0 5px 2px 1px;
float: none;
}
.luckyCard-big .thumbnail{
margin: 100px 0 10px -10px;
}
.luckyCard-big.lost .thumbnail{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.makeupBox.lucky-cards .boxBlick .luckyCard-big span.item-thumb.boosters{
margin: 0 0 0 60px;
}
.luckyCard-big .item-thumb span.storeItemPoints{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
/* ---------- Gid Page ------------ */
ul#friendsList .boxBlick .gid-status{
position: absolute;
/*top: 66px;
right: -3px;
border: 1px solid #ffe4fa;*/
border: 1px solid #b984b0;
top: 5px;
right: 5px;
font-size: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: /*0px 2px 4px 0px #876d41,*/inset 0px 2px 2px 0px rgba(55, 10, 60, 0.4);
box-shadow: /*0px 2px 4px 0px #876d41,*/ inset 0px 2px 2px 0px rgba(55, 10, 60, 0.4);
padding: 2px 10px;
}
ul#friendsList .boxBlick .gid-status.on-line{
background: rgb(114,187,0); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyYmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzU5OTAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzdjYzIwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmQ5M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(114,187,0,1) 0%, rgba(89,144,2,1) 45%, rgba(124,194,14,1) 85%, rgba(162,217,63,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,187,0,1)), color-stop(45%,rgba(89,144,2,1)), color-stop(85%,rgba(124,194,14,1)), color-stop(100%,rgba(162,217,63,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(114,187,0,1) 0%,rgba(89,144,2,1) 45%,rgba(124,194,14,1) 85%,rgba(162,217,63,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(114,187,0,1) 0%,rgba(89,144,2,1) 45%,rgba(124,194,14,1) 85%,rgba(162,217,63,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(114,187,0,1) 0%,rgba(89,144,2,1) 45%,rgba(124,194,14,1) 85%,rgba(162,217,63,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(114,187,0,1) 0%,rgba(89,144,2,1) 45%,rgba(124,194,14,1) 85%,rgba(162,217,63,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bb00', endColorstr='#a2d93f',GradientType=0 ); /* IE6-8 */
}
ul#friendsList .boxBlick .gid-status.off-line{
background: rgb(178,0,54); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiMjAwMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNjMjBlNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMzRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(178,0,54,1) 50%, rgba(194,14,74,1) 75%, rgba(255,3,74,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(178,0,54,1)), color-stop(75%,rgba(194,14,74,1)), color-stop(100%,rgba(255,3,74,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(178,0,54,1) 50%,rgba(194,14,74,1) 75%,rgba(255,3,74,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(178,0,54,1) 50%,rgba(194,14,74,1) 75%,rgba(255,3,74,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(178,0,54,1) 50%,rgba(194,14,74,1) 75%,rgba(255,3,74,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(178,0,54,1) 50%,rgba(194,14,74,1) 75%,rgba(255,3,74,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20036', endColorstr='#ff034a',GradientType=0 ); /* IE6-8 */
}
#friendsPage-guides .makeupBox.guides{
-webkit-border-radius: 10px;
border-radius: 10px;
width: 720px;
margin-bottom: 20px;
}
.guide-ico{
margin: 0px 2px -3px 0;
}
/* ---------- Event - Duel Mania ------------ */
.duels-progress-bar-holder{
margin: 60px 0 0 18px
}
.duels-progress-bar-bg{
width: 560px;
}
.state-of-duels{
height: 68px;
top: -32px;
}
.state-of-duels.duels-10{
right: 490px;
}
.state-of-duels.duels-30{
right: 420px;
}
.state-of-duels.duels-55{
right: 350px;
}
.state-of-duels.duels-85{
right: 280px;
}
.state-of-duels.duels-130{
right: 210px;
}
.state-of-duels.duels-190{
right: 140px;
}
.state-of-duels.duels-265{
right: 70px;
}
.state-of-duels.duels-350{
right: 0;
}
p.duels-info{
font-size: 12px !important;
margin: 0 5px 0 20px;
padding: 0 !important;
width: auto !important;
}
a.oval-act-btn.pink.get-rewards{
float: right;
margin: 16px 18px 0 0;
}
.state-of-duels span.reached {
background-color: #C21E73;
}
.boxHolder.duel-mania ol.duels-list{
margin: 30px 0 0 14px;
}
.boxHolder.duel-mania ol.duels-list li.duels{
background: url("../img/layout/duels-bg.png") no-repeat scroll -73px 0 transparent;
float: left;
font-style: italic;
margin: 0 4px 0 0;
text-align: center;
}
.boxHolder.duel-mania ol.duels-list li.duels.won-duels{
background-position: 0 0;
}
.boxHolder.duel-mania ol.duels-list li.duels.reward-taken{
background-position: -221px 0;
}
.boxHolder.duel-mania ol.duels-list li.duels.won-duels:hover{
background-position: -147px 0;
}
.boxHolder.duel-mania ol.duels-list li.duels:hover{
background-position: -73px 0;
}
.boxHolder.duel-mania ol.duels-list li.duels.reward-taken{
background-position: -221px 0;
cursor: default;
}
.boxHolder.duel-mania ol.duels-list li.duels a{
color: white;
display: block;
font-size: 30px;
font-weight: bold;
height: 80px;
padding: 20px 0 0;
width: 69px;
text-shadow: 0px 2px 5px #740081;
}
.boxHolder.duel-mania ol.duels-list li.duels a:hover{
cursor: default;
}
.boxHolder.duel-mania ol.duels-list li.duels.won-duels a:hover{
cursor: pointer;
}
.boxHolder.duel-mania ol.duels-list li.duels a span{
display: block;
font: italic 14px georgia,serif;
margin-top: 10px;
}
.boxHolder.duel-mania ol.duels-list li.duels.reward-taken a span{
display: none;
}
#photo_with, #photo_pets{
float: left;
margin: 0 10px 0 0;
}
#photo_pets{
visibility: hidden;
width: 190px;
}
#photo_pets .simulate-select-input {
background: none rgba(155,105,155,.5);
border-radius: 10px !important;
box-shadow: none;
color: #fab4b4 !important;
font-size: 18px !important;
width: 200px;
float: left;
height: 31px;
display: flex;
padding-left: 10px;
position: relative;
align-items: center;
}
#photo_pets .simulate-select-input:hover {
color: #fff2f1 !important;
background: none rgba(205,155,205,.5);
}
#photo_pets .simulate-select-input::after {
content: "";
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath fill='%239c61ad' d='M19.526,0.494c-0.623-0.647-1.656-0.647-2.279,0L10,8.02L2.753,0.494c-0.622-0.647-1.657-0.647-2.279,0c-0.632,0.657-0.632,1.647,0,2.304l8.386,8.709c0.333,0.346,0.813,0.501,1.14,0.501c0.455,0,0.806-0.154,1.14-0.501l8.387-8.709C20.158,2.141,20.158,1.15,19.526,0.494z'/%3E%3C/svg%3E") no-repeat;
position: absolute;
width: 20px;
height: 10px;
right: 12px;
top: 12px;
}
#photo_pets .simulate-select-input:hover:after{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath fill='%23ddb7e8' d='M19.526,0.494c-0.623-0.647-1.656-0.647-2.279,0L10,8.02L2.753,0.494c-0.622-0.647-1.657-0.647-2.279,0c-0.632,0.657-0.632,1.647,0,2.304l8.386,8.709c0.333,0.346,0.813,0.501,1.14,0.501c0.455,0,0.806-0.154,1.14-0.501l8.387-8.709C20.158,2.141,20.158,1.15,19.526,0.494z'/%3E%3C/svg%3E") no-repeat;
}
#photo_pets .pet-list .pet-list-element{
cursor: pointer;
font-size: 18px;
padding-left: 5px;
color: #c888d9;
}
#photo_pets .pet-list .pet-list-element:hover{
background: #4D90FE;
}
span.event-dm-icon{
background: url('../img/layout/event-dm-icon.png') no-repeat;
position: absolute;
width: 51px;
height: 44px;
right: -13px;
top: 42px;
}
span.event-dm-icon:hover{
cursor: pointer;
}
/* ---------- Fashion machine ------------ */
.fm-game-wrapper{
width: 973px;
height: 542px;
position: relative;
}
.black-box .boxBlick{
background: url("../img/layout/box-blick2.png") no-repeat center top;
border: 1px solid #82787d;
}
.fm-game-wrapper .fm-left,
.fm-game-wrapper .fm-center,
.fm-game-wrapper .fm-right,
.collectible-box-wrapper .collectible-item{
border: 2px solid #46344f;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 16px 10px #160F1E inset;
box-shadow: 0 0 16px 10px #160F1E inset;
margin: 23px 0 0 14px;
float: left;
}
.fm-game-wrapper .fm-left,
.jokers-holder a.joker span,
.fm-game-wrapper .act-btn-holder a.btn-paid span.counter,
.collectible-box-wrapper ul.callectible-counter li{
width: 251px;
height: 489px;
color: #ffdfbd;
font-size: 12px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}
.fm-game-wrapper .fm-center{
width: 400px;
height: 404px;
}
.fm-game-wrapper .fm-right{
width: 250px;
height: 200px;
position: relative;
}
.fm-right a.info{
position: absolute;
right: 2px;
top: 171px;
}
.fm-game-wrapper h2{
background: url("../img/layout/fm-titles-bg.png") no-repeat scroll 0 0 transparent;
color: #FFDFBD;
font-size: 16px;
font-weight: bold;
height: 31px;
margin: 0 auto 11px;
padding-top: 7px;
text-align: center;
text-shadow: 0 2px 2px #000000;
text-transform: none;
width: 231px;
}
.fm-game-wrapper h2:hover{
cursor: pointer;
color: #FFF4EA;
}
.fm-game-wrapper .fm-left .collectible-group{
}
.fm-game-wrapper .fm-left .collectible-group h3{
-webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjMmUxNiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkY2JjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzJlMTYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(108,46,22,0.15) 0%, rgba(253,203,204,1) 50%, rgba(108,46,22,0.15) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(108,46,22,0.15)), color-stop(50%,rgba(253,203,204,1)), color-stop(100%,rgba(108,46,22,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266c2e16', endColorstr='#266c2e16',GradientType=1 ); /* IE6-8 */
color: #1c010f;
font-size: 14px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
font-weight: normal;
text-shadow: 0px -1px 0px #caaa9e;
padding: 2px 2px 1px;
}
.fm-game-wrapper .fm-left .collectible-group ul{
height: 90px;
}
.fm-game-wrapper .fm-left .collectible-group:hover ul{
cursor: pointer;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjMmUxNiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkY2JjYyIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzJlMTYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(108,46,22,0.15) 0%, rgba(253,203,204,0.75) 50%, rgba(108,46,22,0.15) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(108,46,22,0.15)), color-stop(50%,rgba(253,203,204,0.75)), color-stop(100%,rgba(108,46,22,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,0.75) 50%,rgba(108,46,22,0.15) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,0.75) 50%,rgba(108,46,22,0.15) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,0.75) 50%,rgba(108,46,22,0.15) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(108,46,22,0.15) 0%,rgba(253,203,204,0.75) 50%,rgba(108,46,22,0.15) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266c2e16', endColorstr='#266c2e16',GradientType=1 ); /* IE6-8 */
}
.fm-game-wrapper .fm-left li.single-collectible,
.collectible-box-wrapper ul.callectible-counter li{
height: 70px;
margin: 5px 1px 0 8px;
text-align: center;
width: 40px;
position: relative;
}
.single-collectible.inactive .collectible-amount,
.jokers-holder a.joker span,
.fm-game-wrapper .act-btn-holder a.btn-paid span.counter{
border-radius: 12px;
-webkit-border-radius: 12px;
border: 1px solid #302437;
-webkit-box-shadow: 0 0 6px 4px #160F1E inset;
box-shadow: 0 0 6px 4px #160F1E inset;
padding: 3px 5px 5px;
margin-top: 5px;
display: inline-block;
min-width: 12px;
text-align: center;
color: #C68E92;
border: 1px solid #685051;
background: none;
}
li.single-collectible .collectible-icon{
background: url("../img/layout/fm-collectibles-icons.png") no-repeat;
width: 40px;
height: 40px;
display: block;
margin-bottom: 5px;
}
li.single-collectible.small{
transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
-webkit-transform: scale(0.8,0.8);
-o-transform: scale(0.8,0.8);
-moz-transform: scale(0.8,0.8);
}
li.single-collectible.type_1_component_1.inactive .collectible-icon{
background-position: 0 0;
}
li.single-collectible.type_1_component_2.inactive .collectible-icon{
background-position: 0 -40px;
}
li.single-collectible.type_1_component_3.inactive .collectible-icon{
background-position: 0 -80px;
}
li.single-collectible.type_1_component_4.inactive .collectible-icon{
background-position: 0 -120px;
}
li.single-collectible.type_1_component_5.inactive .collectible-icon{
background-position: 0 -160px;
}
li.single-collectible.type_2_component_1.inactive .collectible-icon{
background-position: -80px 0;
}
li.single-collectible.type_2_component_2.inactive .collectible-icon{
background-position: -80px -40px;
}
li.single-collectible.type_2_component_3.inactive .collectible-icon{
background-position: -80px -80px;
}
li.single-collectible.type_2_component_4.inactive .collectible-icon{
background-position: -80px -120px;
}
li.single-collectible.type_2_component_5.inactive .collectible-icon{
background-position: -80px -160px;
}
li.single-collectible.type_3_component_1.inactive .collectible-icon{
background-position: -160px 0;
}
li.single-collectible.type_3_component_2.inactive .collectible-icon{
background-position: -160px -40px;
}
li.single-collectible.type_3_component_3.inactive .collectible-icon{
background-position: -160px -80px;
}
li.single-collectible.type_3_component_4.inactive .collectible-icon{
background-position: -160px -120px;
}
li.single-collectible.type_3_component_5.inactive .collectible-icon{
background-position: -160px -160px;
}
li.single-collectible.type_4_component_1.inactive .collectible-icon{
background-position: -240px 0;
}
li.single-collectible.type_4_component_2.inactive .collectible-icon{
background-position: -240px -40px;
}
li.single-collectible.type_4_component_3.inactive .collectible-icon{
background-position: -240px -80px;
}
li.single-collectible.type_4_component_4.inactive .collectible-icon{
background-position: -240px -120px;
}
li.single-collectible.type_4_component_5.inactive .collectible-icon{
background-position: -240px -160px;
}
li.single-collectible.type_1_component_1 .collectible-icon{
background-position: -40px 0;
}
li.single-collectible.type_1_component_2 .collectible-icon{
background-position: -40px -40px;
}
li.single-collectible.type_1_component_3 .collectible-icon{
background-position: -40px -80px;
}
li.single-collectible.type_1_component_4 .collectible-icon{
background-position: -40px -120px;
}
li.single-collectible.type_1_component_5 .collectible-icon{
background-position: -40px -160px;
}
li.single-collectible.type_2_component_1 .collectible-icon{
background-position: -120px 0;
}
li.single-collectible.type_2_component_2 .collectible-icon{
background-position: -120px -40px;
}
li.single-collectible.type_2_component_3 .collectible-icon{
background-position: -120px -80px;
}
li.single-collectible.type_2_component_4 .collectible-icon{
background-position: -120px -120px;
}
li.single-collectible.type_2_component_5 .collectible-icon{
background-position: -120px -160px;
}
li.single-collectible.type_3_component_1 .collectible-icon{
background-position: -200px 0;
}
li.single-collectible.type_3_component_2 .collectible-icon{
background-position: -200px -40px;
}
li.single-collectible.type_3_component_3 .collectible-icon{
background-position: -200px -80px;
}
li.single-collectible.type_3_component_4 .collectible-icon{
background-position: -200px -120px;
}
li.single-collectible.type_3_component_5 .collectible-icon{
background-position: -200px -160px;
}
li.single-collectible.type_4_component_1 .collectible-icon{
background-position: -280px 0;
}
li.single-collectible.type_4_component_2 .collectible-icon{
background-position: -280px -40px;
}
li.single-collectible.type_4_component_3 .collectible-icon{
background-position: -280px -80px;
}
li.single-collectible.type_4_component_4 .collectible-icon{
background-position: -280px -120px;
}
li.single-collectible.type_4_component_5 .collectible-icon{
background-position: -280px -160px;
}
.fm-game-wrapper .fm-center ul.user-numbers{
margin: 6px 0 0 5px;
}
.fm-game-wrapper .fm-center ul.user-numbers li{
background: url("../img/layout/fm-play-plates.png") no-repeat left top;
color: #F7E5FF;
float: left;
font-size: 36px;
font-weight: bold;
height: 72px;
line-height: 68px;
margin: 3px;
text-align: center;
text-shadow: 0 2px 5px #2F1A25;
width: 72px;
-webkit-box-shadow: 0px 2px 4px 1px #1E0E26;
box-shadow: 0px 2px 4px 1px #1E0E26;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.fm-game-wrapper .fm-center ul.user-numbers li:hover{
cursor: pointer;
background-position: -74px top;
-webkit-box-shadow: 0px 2px 6px 4px #1E0E26;
box-shadow: 0px 2px 6px 4px #1E0E26;
}
.fm-center ul.user-numbers li.correct-num{
background-position: -148px top;
}
.fm-center ul.user-numbers li.bingo{
background-position: -223px top;
}
.fm-game-wrapper .fm-center ul.user-numbers li.correct-num:hover{
-webkit-box-shadow: 0px 2px 4px 1px #1E0E26;
box-shadow: 0px 2px 4px 1px #1E0E26;
cursor: default;
background-position: -148px top;
}
.fm-game-wrapper .fm-center ul.user-numbers li.hit-blink {
-webkit-animation: 0.9s ease-out 0s normal none infinite running hit-blinking-anim;
animation: 0.9s ease-out 0s normal none infinite running hit-blinking-anim;
}
@-webkit-keyframes hit-blinking-anim {
50% {
color: #ff0084;
}
}
@keyframes hit-blinking-anim {
50% {
color: #ff0084;
}
}
.fm-game-wrapper .fm-center ul.random-numbers{
background: url("../img/layout/fm-random-numbers-bg.png") no-repeat left top;
width: 388px;
height: 71px;
margin: 24px 0 0 -3px;
padding-left: 16px !important;
float: left;
}
.fm-game-wrapper .fm-center ul.random-numbers > li{
color: #F7E5FF;
font-size: 36px;
font-weight: bold;
height: 54px;
line-height: 54px;
margin: 8px 13px 8px 0px;
width: 64px;
overflow: hidden;
}
.fm-game-wrapper .fm-center ul.random-numbers ul.spin-strip{
height: 100%;
width: 100%;
}
.fm-center ul.random-numbers ul.spin-strip li{
color: #F7E5FF;
font-size: 36px;
font-weight: bold;
height: 100%;
width: 100%;
margin: 0;
text-align: center;
text-shadow: 0 2px 5px #2F1A25;
}
.fm-game-wrapper .fm-center ul.random-numbers ul.spin-strip li.joker,
.fm-game-wrapper .fm-center ul.random-numbers ul.spin-strip li.super.joker{
background: url("../img/layout/fm-joker-ico.png") no-repeat scroll 1px -5px transparent;
color: transparent;
text-shadow: none;
}
.fm-game-wrapper .fm-center ul.random-numbers ul.spin-strip li.super.joker{
background-position: -79px -5px;
}
.fm-game-wrapper .fm-right ol{
text-align: center;
}
.fm-game-wrapper .fm-right ol li{
background: url("../img/layout/fm-win-map.png") no-repeat -4px -4px rgb(46, 41, 50);
width: 37px;
height: 37px;
float: none;
display: inline-block;
border: 1px solid #874353;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 1px 4px;
}
.fm-right ol li.current{
-webkit-box-shadow: 0px 0px 5px 1px #ff9dd2, 0 0 2px 1px #FF9DD2 inset;
box-shadow: 0px 0px 5px 1px #ff9dd2, 0 0 2px 1px #FF9DD2 inset;
border: 1px solid #ffdbf3;
}
.fm-right ol li.case-2{
background-position: -48px -4px !important;
}
.fm-right ol li.case-3{
background-position: -91px -4px !important;
}
.fm-right ol li.case-4{
background-position: -135px -4px !important;
}
.fm-right ol li.case-5{
background-position: -178px -4px !important;
}
.fm-right ol li.case-6{
background-position: -4px -49px !important;
}
.fm-right ol li.case-7{
background-position: -48px -49px !important;
}
.fm-right ol li.case-8{
background-position: -91px -49px !important;
}
.fm-right ol li.case-9{
background-position: -135px -49px !important;
}
.fm-right ol li.case-10{
background-position: -178px -49px !important;
}
.fm-right ol li.case-11{
background-position: -48px -94px !important;
}
.fm-right ol li.case-12{
background-position: -91px -94px !important;
}
.fm-right ol li.case-13{
background-position: -135px -94px !important;
}
.fm-game-wrapper .act-btn-mask{
float: left;
height: 152px;
margin: 7px 0 0 -1px;
overflow: hidden;
position: relative;
width: 286px;
}
.fm-game-wrapper .act-btn-holder{
position: absolute;
bottom: 16px;
}
.fm-game-wrapper .act-btn-holder.free{
background: url("../img/layout/fm-1btn-bg.png") no-repeat;
width: 206px;
height: 137px;
right: 82px;
}
.fm-game-wrapper .act-btn-holder.free .btn-paid,
.party-fm-game-wrapper .act-btn-holder.free .btn-paid{
display: none;
}
.fm-game-wrapper .act-btn-holder a.btn-free,
.party-fm-game-wrapper .act-btn-holder a.btn-free{
background: url("../img/layout/fm-free-btn.png") no-repeat scroll 0 0 transparent;
color: white;
display: block;
font-size: 20px;
font-weight: bold;
height: 88px;
margin: -4px 0 0 67px;
padding-top: 60px;
text-align: center;
text-shadow: 0 0 5px #000000, 0 0 12px #000000;
text-transform: uppercase;
width: 140px;
}
.fm-game-wrapper .act-btn-holder a.inactive,
.fm-game-wrapper .act-btn-holder a.inactive:hover,
.party-fm-game-wrapper .act-btn-holder a.inactive,
.party-fm-game-wrapper .act-btn-holder a.inactive:hover{
background-position: -435px 0 !important;
color: #5B4755;
text-shadow: none;
cursor: default;
}
.fm-game-wrapper .act-btn-holder a.btn-free:hover,
.party-fm-game-wrapper .act-btn-holder a.btn-free:hover{
background-position: -145px 0;
}
.fm-game-wrapper .act-btn-holder a.btn-free:active,
.party-fm-game-wrapper .act-btn-holder a.btn-free:active{
background-position: -290px 0;
text-shadow: 0 0 5px #000000;
}
.fm-game-wrapper .act-btn-holder.paid .btn-free,
.party-fm-game-wrapper .act-btn-holder.paid .btn-free{
display: none;
}
.fm-game-wrapper .act-btn-holder.paid,
.party-fm-game-wrapper .act-btn-holder.paid{
background: url("../img/layout/fm-3btns-bg.png") no-repeat scroll 0 0 transparent;
height: 92px;
padding-left: 6px;
width: 273px;
}
.fm-game-wrapper .act-btn-holder.paid.position2,
.party-fm-game-wrapper .act-btn-holder.paid.position2{
right: 96px;
}
.fm-game-wrapper .act-btn-holder.paid.position3,
.party-fm-game-wrapper .act-btn-holder.paid.position3{
right: 187px;
}
.fm-game-wrapper .act-btn-holder a.btn-paid,
.party-fm-game-wrapper .act-btn-holder a.btn-paid{
background: url("../img/layout/fm-paid-btn.png") no-repeat scroll 0 0 transparent;
color: white;
display: block;
float: right;
font-size: 20px;
font-weight: bold;
height: 62px;
margin: -5px 2px 0 -10px;
padding-top: 39px;
text-align: center;
text-shadow: 0 0 5px #000000, 0 0 12px #000000;
text-transform: uppercase;
width: 98px;
position: relative;
}
.fm-game-wrapper .act-btn-holder a.btn-paid:hover,
.party-fm-game-wrapper .act-btn-holder a.btn-paid:hover{
background-position: -100px 0 !important;
}
.fm-game-wrapper .act-btn-holder a.btn-paid.inactive,
.fm-game-wrapper .act-btn-holder a.btn-paid.inactive:hover,
.party-fm-game-wrapper .act-btn-holder a.btn-paid.inactive,
.party-fm-game-wrapper .act-btn-holder a.btn-paid.inactive:hover{
background-position: -298px 0 !important;
color: #8C7785;
text-shadow: none;
cursor: default;
}
.fm-game-wrapper .act-btn-holder a.btn-paid:active,
.party-fm-game-wrapper .act-btn-holder a.btn-paid:active{
background-position: -200px 0 !important;
text-shadow: 0 0 5px #000000;
}
.fm-game-wrapper .act-btn-holder a.btn-free .pulse{
background: url("../img/layout/fm-free-btn.png") no-repeat scroll -145px 0 transparent;
display: block;
height: 133px;
opacity: 0;
position: absolute;
top: -4px;
width: 140px;
}
.fm-game-wrapper .act-btn-holder a.btn-free .pulse.anim{
-webkit-animation: 1s ease-out 0s normal none infinite running slingo-spin-pulse;
animation: 1s ease-out 0s normal none infinite running slingo-spin-pulse;
}
@-webkit-keyframes slingo-spin-pulse{
50%{
opacity: 1;
}
}
@keyframes slingo-spin-pulse{
50%{
opacity: 1;
}
}
.act-btn-holder a.btn-paid.inactive span.price{
opacity: 0.5;
}
.act-btn-holder a.btn-paid span.price{
background: url("../img/layout/fm-paid-icons.png") no-repeat scroll 0 0 transparent;
}
.act-btn-holder a.btn-paid.energy span.price{
background-position: 0 -2px;
padding: 15px 8px 8px 39px;
}
.act-btn-holder a.btn-paid.money span.price{
background-position: -7px -60px;
padding: 15px 4px 6px 29px;
}
.act-btn-holder a.btn-paid.diamond span.price{
background-position: 0 -120px;
padding: 10px 4px 6px 43px;
}
.fm-game-wrapper .btn-paid .counter,
.party-fm-game-wrapper .btn-paid .counter{
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #F5D9FF !important;
font-weight: normal;
left: 38px;
min-width: 12px;
padding: 0 3px 3px;
top: 2px;
}
.fm-game-wrapper .jokers-holder{
float: left;
margin: 26px 0 0 26px;;
}
.fm-game-wrapper .jokers-holder a.joker{
position: relative;
background: url("../img/layout/fm-j.png") no-repeat scroll right 0 transparent;
width: 108px;
height: 131px;
display: block;
float: left;
}
.fm-game-wrapper .jokers-holder a.super.joker{
background-position: left 0;
margin-right: 20px;
}
.jokers-holder a.joker span,
.fm-game-wrapper .act-btn-holder a.btn-paid span.counter{
position: absolute;
width: auto;
height: auto;
border: 2px solid #46344f;
}
.jokers-holder a.joker:hover span.name,
.single-collectible span.collectible-amount,
.jokers-holder a.joker.active span.amount{
background: rgb(160,87,100); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwNTc2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiZDhjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDU3NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(160,87,100,1) 0%, rgba(251,216,197,1) 50%, rgba(160,87,100,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(160,87,100,1)), color-stop(50%,rgba(251,216,197,1)), color-stop(100%,rgba(160,87,100,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(160,87,100,1) 0%,rgba(251,216,197,1) 50%,rgba(160,87,100,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(160,87,100,1) 0%,rgba(251,216,197,1) 50%,rgba(160,87,100,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(160,87,100,1) 0%,rgba(251,216,197,1) 50%,rgba(160,87,100,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(160,87,100,1) 0%,rgba(251,216,197,1) 50%,rgba(160,87,100,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a05764', endColorstr='#a05764',GradientType=1 ); /* IE6-8 */
color: #1c0913;
-webkit-box-shadow: inset 0px 0px 10px 0px #e5bbbc;
box-shadow: inset 0px 0px 10px 0px #e5bbbc;
border-radius: 12px;
-webkit-border-radius: 12px;
border: 1px solid #302437;
padding: 3px 5px 5px;
display: inline-block;
min-width: 12px;
text-align: center;
margin-top: 5px;
}
.jokers-holder a.joker:hover span.name{
margin-top: 0;
}
.jokers-holder a.joker span.amount{
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #B79DA0;
right: 8px;
}
.jokers-holder a.joker span.name{
left: -5px;
margin: 0 auto;
top: 105px;
width: 93%;
background-color: rgba(0, 0, 0, 0.4);
}
.fm-game-wrapper .ng-holder{
display: inline-block;
position: absolute;
text-align: center;
width: 100%;
}
.fm-game-wrapper a.new-game{
display: inline-block;
margin-top: -6px;
position: relative;
}
.fm-game-wrapper a.new-game::before {
top: 16px !important;
right: 20px !important;
}
.fm-game-wrapper a.new-game span{
float: left;
height: 37px;
position: relative;
display: inline-block;
}
.fm-game-wrapper a.new-game span .ng-pulse{
left: 0;
position: absolute;
top: 0;
opacity: 0;
}
.fm-game-wrapper a.new-game span .ng-pulse.anim{
-webkit-animation: 1s ease-out 0s normal none infinite running slingo-ng;
animation: 1s ease-out 0s normal none infinite running slingo-ng;
}
@-webkit-keyframes slingo-ng{
50%{
opacity: 1;
}
}
@keyframes slingo-ng{
50%{
opacity: 1;
}
}
.fm-game-wrapper a.new-game span.ng-left{
background: url("../img/layout/fm-ng-btn-l.png") no-repeat left 0;
width: 28px;
}
.fm-game-wrapper a.new-game span.ng-left .ng-pulse{
background: url("../img/layout/fm-ng-btn-l-ovr-pulse.png") no-repeat left 0;
width: 28px;
}
.fm-game-wrapper a.new-game span.ng-center{
background: url("../img/layout/fm-ng-btn-c.png") repeat-x 0 0;
}
.fm-game-wrapper a.new-game span.ng-center .ng-pulse{
background: url("../img/layout/fm-ng-btn-c-ovr-pulse.png") repeat-x 0 0;
top: 1px;
}
.fm-game-wrapper a.new-game span.ng-right{
background: url("../img/layout/fm-ng-btn-r.png") no-repeat right 0;
width: 28px;
}
.fm-game-wrapper a.new-game span.ng-right .ng-pulse{
background: url("../img/layout/fm-ng-btn-r-ovr-pulse.png") no-repeat right 0;
width: 28px;
}
.fm-game-wrapper a.new-game span.ng-center > span{
background: url("../img/layout/fm-ng-btn-glow.png") no-repeat scroll center 19px transparent;
color: white;
font-size: 14px;
font-weight: bold;
line-height: 31px;
min-width: 132px;
text-align: center;
text-shadow: 0 1px 3px black;
text-transform: uppercase;
width: 100%;
}
.fm-game-wrapper a.new-game .ng-center span span.price{
float: right;
font-size: 16px;
font-weight: normal;
margin: -8px 0 -7px 10px;
position: relative;
}
.fm-game-wrapper a.new-game .ng-center span span.price img{
left: 0;
padding-top: 5px;
position: relative;
top: 5px;
}
.fm-game-wrapper a.new-game:hover .ng-pulse{
display: none;
}
.fm-game-wrapper a.new-game:hover span.ng-left{
background: url("../img/layout/fm-ng-btn-l-ovr.png") no-repeat left 0;
}
.fm-game-wrapper a.new-game:hover span.ng-center{
background: url("../img/layout/fm-ng-btn-c-ovr.png") repeat-x 0 0;
}
.fm-game-wrapper a.new-game:hover span.ng-right{
background: url("../img/layout/fm-ng-btn-r-ovr.png") no-repeat right 0;
}
.fm-game-wrapper a.new-game:hover span.ng-center > span{
background: url("../img/layout/fm-ng-btn-glow-ovr.png") no-repeat center 19px transparent;
}
.fm-game-wrapper a.new-game.inactive span.ng-left{
background: url("../img/layout/fm-ng-btn-l-inact.png") no-repeat left 0;
}
.fm-game-wrapper a.new-game.inactive span.ng-center{
background: url("../img/layout/fm-ng-btn-c-inact.png") repeat-x 0 0;
}
.fm-game-wrapper a.new-game.inactive span.ng-right{
background: url("../img/layout/fm-ng-btn-r-inact.png") no-repeat right 0;
}
.fm-game-wrapper a.new-game.inactive span.ng-center > span{
background: none;
color: #7d6d84;
}
.collectible-box-wrapper .box-header{
background: url("../img/layout/fm-col-c-top.png") no-repeat 0 0;
width: 618px;
height: 78px;
margin: 0 0 0 -3px;
}
.collectible-box-wrapper .fm-game-wrapper{
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-top: none;
border-left: 1px solid #725C7A;
border-right: 1px solid #725C7A;
border-bottom: 1px solid #725C7A;
width: 608px;
height: auto;
box-shadow: 0 4px 4px 0 #7E695D;
}
.collectible-box-wrapper .fm-game-wrapper .boxBlick{
background: none;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-top: none;
border-left: 1px solid #82787D;
border-right: 1px solid #82787D;
border-bottom: 1px solid #82787D;
padding-top: 20px;
text-align: center;
min-height: 580px;
}
.collectible-box-wrapper .dropDownHolder{
float: left;
height: 23px;
margin: 39px 0 0 12px;
position: relative;
}
.collectible-box-wrapper .dropDown{
box-shadow: 0 0 5px 0 #f4e9fa inset, 0 3px 3px 0 #2f1538;
-webkit-box-shadow: 0 0 5px 0 #f4e9fa inset, 0 3px 3px 0 #2f1538;
color: #fff;
float: left;
height: 31px;
margin: 39px 0 0 29px;
padding: 0 8px;
text-shadow: 0 1px 1px #2d0839;
}
.collectible-box-wrapper .dropDownHolder:hover ul{
display: block;
}
.collectible-box-wrapper .dropDown.back-to-game {
position: relative;
z-index: 10;
width: 47px;
background: url('../img/layout/dropdown.png') center top repeat-x;
border-radius: 5px;
margin: 0;
}
.collectible-box-wrapper .drop-down-wraper {
margin: 38px 0 0 20px;
}
.collectible-box-wrapper #scroll-container {
padding: 5px 0 5px 10px;
}
.collectible-box-wrapper .dropDown.collectibles-list{
display: table;
line-height: 1;
margin: 0;
max-width: 155px;
padding-left: 15px;
position: relative;
z-index: 10;
}
.collectible-box-wrapper #scroll-container .overview{
position: relative;
}
.collectible-box-wrapper #scroll-container .viewport{
box-shadow: none;
}
.collectible-box-wrapper .dropDown span{
display: table-cell;
vertical-align: middle;
}
.collectible-box-wrapper .dropDown span.arrow{
height: 16px;
margin: 7px 7px 0;
padding: 0;
width: 11px;
}
.collectible-box-wrapper .dropDown.back-to-game span.arrow {
background-position: 2px -64px;
display: table-cell;
padding-left: 18px;
background: url('../img/layout/dropdown-arrow.png') 2px -64px no-repeat;
}
.collectible-box-wrapper .dropDown.back-to-game span.board-ico{
background: url("../img/layout/fm-col-c-back-ico.png") no-repeat 2px 8px;
height: 27px;
width: 35px;
}
.collectible-box-wrapper .dropDown.collectibles-list span.arrow{
background-position: 0 3px;
width: 16px;
}
.collectible-box-wrapper ul.callectible-counter li{
float: left;
margin: 14px 0 0 16px;
}
.collectible-box-wrapper ul.callectible-counter.main li{
margin: 9px 0 0 16px;
}
.collectible-box-wrapper ul.callectible-counter{
display: block;
float: right;
height: 77px;
margin-right: 22px;
width: 281px !important;
}
.collectible-box-wrapper ul.callectible-counter.main{
margin-right: 51px;
}
.collectible-box-wrapper .box-header ul li span.collectible-amount{
box-shadow: 0 0 2px 2px #FFCDCE inset, 0 1px 5px 0 #210C00;
font-weight: bold;
margin-top: 0;
padding: 3px 6px 5px;
}
.collectible-box-wrapper .collectible-item{
width: 560px;
height: 140px;
margin: 0 auto 20px;
float: none;
}
.collectible-box-wrapper .collectible-item .item-holder{
background: url("../img/layout/fm-col-bg.png") no-repeat left top;
width: 235px;
height: 138px;
margin: -2px 0 0 22px;
float: left;
position: relative;
}
/* Carnival VIP Shop item info */
.collectible-item .item-holder .item-info {
display: flex;
align-items: center;
justify-content: center;
float: left;
position: relative;
width: 87px;
height: 100%;
}
.collectible-item .item-holder .item-info .time-duration-icon {
display: block;
background: url("../img/layout/leagues/sand-clock.png") no-repeat 5px 0;
width: 32px;
height: 39px;
margin-bottom: 3px;
}
.collectible-item .item-holder .item-info h2 {
width: auto;
background: none;
font-family: Arial, sans-serif;
font-size: 26px;
font-style: normal;
color: #ffffff;
font-weight: bold;
height: auto;
margin: 0;
padding: 0;
pointer-events: none;
line-height: 20px;
}
.collectible-item .item-holder .item-info h2 span {
font-size: 20px;
font-weight: normal;
padding-left: 3px;
}
.collectible-item .item-holder .item-info h3 {
text-shadow: 0 2px 2px #000000;
}
.item-holder .limitedItem{
background: url('../img/layout/fm-limited-item-timer.png') no-repeat;
width: 41px;
height: 39px;
position: absolute;
left: 100px;
top: -15px;
}
.item-holder .title-amount{
position: absolute;
top: -8px;
left: auto;
height: 18px;
width: 212px;
color: #391d00;
font-size: 11px;
font-weight: bold;
font-style: italic;
font-family: Georgia, serif;
text-align: center;
margin: 0 0 0 11px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyNzA3YSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiZDhjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjcwN2EiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(162,112,122,0) 0%, rgba(251,216,197,1) 50%, rgba(162,112,122,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(162,112,122,0)), color-stop(50%,rgba(251,216,197,1)), color-stop(100%,rgba(162,112,122,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(162,112,122,0) 0%,rgba(251,216,197,1) 50%,rgba(162,112,122,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(162,112,122,0) 0%,rgba(251,216,197,1) 50%,rgba(162,112,122,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(162,112,122,0) 0%,rgba(251,216,197,1) 50%,rgba(162,112,122,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(162,112,122,0) 0%,rgba(251,216,197,1) 50%,rgba(162,112,122,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2707a', endColorstr='#00a2707a',GradientType=1 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 6px 5px #e5bbbc;
box-shadow: inset 0px 0px 6px 5px #e5bbbc;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.item-holder .title-amount .left,
.item-holder .title-amount .right{
background: url("../img/layout/fm-title-lr.png") no-repeat scroll left top transparent;
float: left;
height: 18px;
left: -1px;
margin: 3px 0 0 -17px;
position: absolute;
width: 19px;
}
.item-holder .title-amount .right{
background-position: right top;
left: auto;
margin: 2px -20px 0 0;
position: absolute;
right: 2px;
}
.collectible-box-wrapper .collectible-item:hover .item-holder{
background-position: -244px top;
}
.collectible-box-wrapper .collectible-item:hover{
box-shadow: 0 0 30px 20px #160F1E inset;
}
.collectible-item .thumbnail{
margin: 15px 0 0 21px;
float: left;
}
.collectible-item ol.item-colors{
background: url("../img/layout/fm-col-sep.png") no-repeat scroll left top transparent;
float: left;
height: 80px;
margin: 23px 0 0 5px;
padding: 0 0 0 15px;
width: 70px;
}
.collectible-item ol.item-colors li{
position: relative;
box-shadow: 0 0 2px 1px rgba(53, 9, 0, 0.9);
float: left;
height: 16px;
margin: 0 0 6px 7px;
}
.collectible-item ol.item-colors li:hover,
.collectible-item ol.item-colors li.selected{
box-shadow: 0 0 2px 2px #fff;
}
.collectible-item a.act-btn-global{
margin: 19px 0 0 -3px;
width: 260px;
}
.collectible-box-wrapper .pagingWrapper{
display: inline-block;
margin: 0 auto 20px;
}
.fm-game-wrapper .item-thumb .inventory-img{
margin: 9px 0 0 10px;
}
.fm-game-wrapper .boxBlick span.empty{
color: #FFDFBD;
font-family: Georgia;
font-size: 16px;
font-style: italic;
line-height: 24px;
padding: 0 40px;
text-shadow: 0 2px 2px black;
}
.fm-game-wrapper .boxBlick span.empty hr{
margin: 20px auto;
-webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjMmUxNiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkY2JjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzJlMTYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(108,46,22,0.15) 0%, rgba(253,203,204,1) 50%, rgba(108,46,22,0.15) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(108,46,22,0.15)), color-stop(50%,rgba(253,203,204,1)), color-stop(100%,rgba(108,46,22,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(108,46,22,0.15) 0%,rgba(253,203,204,1) 50%,rgba(108,46,22,0.15) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266c2e16', endColorstr='#266c2e16',GradientType=1 ); /* IE6-8 */
display: block;
width: 90%;
}
/* ---------- ACHIEVEMENTS ------------ */
.achievements-page .topBar .nav-wrapper{
left: auto;
margin: auto;
position: relative;
}
.achievements-page .topBar ul{
margin-top: 2px;
width: auto;
}
.achievements-page .topBar li.achievement-group{
background: url('../img/layout/ach-group--icons.png') no-repeat;
width: 58px;
height: 58px;
float: left;
margin: 0 20px;
position: relative;
}
.topBar li.achievement-group.beauty_salon{
background-position: left -58px;
}
.topBar li.achievement-group.beauty_salon:hover,
.topBar li.achievement-group.beauty_salon.active{
background-position: right -58px;
}
.topBar li.achievement-group.boyfriend{
background-position: left 0;
}
.topBar li.achievement-group.boyfriend:hover,
.topBar li.achievement-group.boyfriend.active{
background-position: right 0;
}
.topBar li.achievement-group.items{
background-position: left -116px;
}
.topBar li.achievement-group.items:hover,
.topBar li.achievement-group.items.active{
background-position: right -116px;
}
.topBar li.achievement-group.carnival{
background-position: left -176px;
}
.topBar li.achievement-group.carnival:hover,
.topBar li.achievement-group.carnival.active{
background-position: right -176px;
}
.topBar li.achievement-group.duels{
background-position: left -237px;
}
.topBar li.achievement-group.duels:hover,
.topBar li.achievement-group.duels.active{
background-position: right -237px;
}
.topBar li.achievement-group.vip{
background-position: left -294px;
}
.topBar li.achievement-group.vip:hover,
.topBar li.achievement-group.vip.active{
background-position: right -294px;
}
.achievements-page .topBar li:hover{
cursor: pointer;
}
.achievement-category-box{
height: 278px;
width: 100%;
}
.achievement-category-box .info-wrapper{
background: url('../img/layout/ach-box-bg.png') repeat, url("../img/layout/makeup-box-blick.png") no-repeat scroll center top transparent;
height: 140px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}
.achievement-category-box ul.achievements{
background: url("../img/layout/ach-box-shadow.png") no-repeat scroll center top transparent;
display: inline-block;
}
.achievement-category-box ul.achievements li,
#profilePage-achievements .none-personal-achievements li{
background: url("../img/layout/ach-icons-bg.png") no-repeat scroll center 0 transparent;
height: 137px;
margin: 17px 0 0;
width: 196px;
text-align: center;
position: relative;
}
.achievement-category-box ul.achievements li.active{
background: url("../img/layout/ach-icons-active-bg.png") no-repeat scroll center 0 transparent;
margin: 0;
padding-top: 17px;
}
.achievement-category-box ul.achievements li.active.not-reached{
background: url("../img/layout/ach-icons-active-bg-not-reached.png") no-repeat scroll center 0 transparent;
}
.achievement-category-box ul.achievements li.not-reached{
background: url("../img/layout/ach-icons-bg-not-reached.png") no-repeat scroll center 0 transparent;
}
#profilePage-achievements .none-personal-achievements{
margin: 13px 0 0 20px;
}
#profilePage-achievements .none-personal-achievements li{
width: 134px;
height: 108px;
}
#profilePage-achievements .none-personal-achievements li.inactive{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: url("../img/layout/ach-icons-bg-not-reached.png") no-repeat center 0;
}
ul.none-personal-achievements li .counter,
ul.achievements li .counter{
-webkit-border-radius: 11px;
border-radius: 11px;
margin-top: -10px;
padding: 1px 10px;
font-size: 16px;
font-weight: bold;
display: inline-block;
text-align: center;
-webkit-box-shadow: 0px 3px 10px #7b1534;
box-shadow: 0px 3px 10px #7b1534;
background: rgb(247,76,128); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,76,128,1) 0%, rgba(247,76,128,1) 51%, rgba(234,2,73,1) 51%, rgba(246,115,152,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,76,128,1)), color-stop(51%,rgba(247,76,128,1)), color-stop(51%,rgba(234,2,73,1)), color-stop(100%,rgba(246,115,152,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,76,128,1) 0%,rgba(247,76,128,1) 51%,rgba(234,2,73,1) 51%,rgba(246,115,152,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,76,128,1) 0%,rgba(247,76,128,1) 51%,rgba(234,2,73,1) 51%,rgba(246,115,152,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,76,128,1) 0%,rgba(247,76,128,1) 51%,rgba(234,2,73,1) 51%,rgba(246,115,152,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,76,128,1) 0%,rgba(247,76,128,1) 51%,rgba(234,2,73,1) 51%,rgba(246,115,152,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f74c80', endColorstr='#f67398',GradientType=0 ); /* IE6-9 */
border: 1px solid #ff9bb5;
text-shadow: 0 1px 1px #A50D3B;
}
ul.achievements li.not-reached .counter{
background: rgb(169,151,151); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,151,151,1) 50%, rgba(99,99,99,1) 50%, rgba(186,148,154,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(169,151,151,1)), color-stop(50%,rgba(99,99,99,1)), color-stop(99%,rgba(186,148,154,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(169,151,151,1) 50%,rgba(99,99,99,1) 50%,rgba(186,148,154,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(169,151,151,1) 50%,rgba(99,99,99,1) 50%,rgba(186,148,154,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(169,151,151,1) 50%,rgba(99,99,99,1) 50%,rgba(186,148,154,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(169,151,151,1) 50%,rgba(99,99,99,1) 50%,rgba(186,148,154,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a99797', endColorstr='#ba949a',GradientType=0 ); /* IE6-9 */
border: 1px solid #c3c3c3;
box-shadow: 0 3px 10px #333333;
text-shadow: 0 1px 1px #222222;
}
.achievement-category-box .progress-wrapper{
margin-left: 168px;
}
.achievement-category-box .barWrapper{
width: 412px;
}
.achievement-category-box p{
color: #860152;
display: inline-block;
font: italic bold 14px Georgia, serif;
margin: 30px 0 14px 168px;
text-shadow: 0 1px 0 #F7D8FF;
max-width: 482px;
}
.achievement-category-box span.progress-num{
color: #BA2352;
font-size: 14px;
font-weight: bold;
margin-left: 9px;
}
.achievement-category-box .thumbnail{
position: absolute;
right: 200px;
top: 28px;
}
.achievement-category-box .itemsThumb a{
top: 3px;
left: 3px;
}
span.ach-category-img{
background: url("../img/layout/ach-icons.png") no-repeat;
width: 100px;
height: 100px;
display: block;
margin: -16px auto 0;
cursor: pointer;
}
/*.none-personal-achievements li span.ach-category-img{
margin: 0 0 0 17px;
}*/
span.ach-category-img.appearance {
background-position: 0 0;
}
span.ach-category-img.celebrity_items {
background-position: -113px 0;
}
span.ach-category-img.kiss {
background-position: -4px -112px;
}
span.ach-category-img.call {
background-position: -114px -112px;
}
body a.happyHour {
background: url("../img/layout/hh-label-sprite.png") no-repeat scroll 0 0 transparent;
display: block;
height: 162px;
left: calc(50% - 483px);
position: absolute;
top: 62px;
width: 103px;
font-family: Arial, Tahoma;
z-index: 999;
transform: translateX(-100%);
filter: brightness(100%);
opacity: .9;
transition: filter .3s ease-out, opacity .3s ease-out;
}
body a.happyHour:hover {
filter: brightness(120%);
opacity: 1 !important;
}
body a.happyHour::before {
content: "";
display: block;
background: url("../img/layout/sparkles.png") no-repeat scroll 0 0 transparent;
width: 65px;
height: 63px;
position: absolute;
top: 6px;
left: 18px;
transform: rotate(0deg) scale(0);
opacity: 0;
}
body a.happyHour:hover:before {
content: "";
display: block;
background: url("../img/layout/sparkles.png") no-repeat scroll 0 0 transparent;
width: 65px;
height: 63px;
position: absolute;
top: 6px;
left: 18px;
animation-name: hh-sparkling;
animation-duration: .6s;
animation-iteration-count: 2;
animation-direction: alternate;
}
@keyframes hh-sparkling {
0% {transform: rotate(0deg) scale(0); opacity: 0;}
100% {transform: rotate(180deg) scale(1); opacity: .8;}
}
body a.happyHour span {
color: #f8eff7;
font-size: 26px;
letter-spacing: -1px;
font-weight: bold;
text-shadow: 1px 1px 0 #a0092d;
}
body a.happyHour span.hh-title {
display: block;
position: absolute;
position: absolute;
top: 59px;
left: 34px;
width: 51px;
transform: rotate(21deg);
text-transform: uppercase;
font-size: 14px;
text-align: center;
}
body a.happyHour span.hh-text {
position: absolute;
top: 86px;
left: 35px;
transform: rotate(21deg);
font-size: 26px;
}
span.ach-category-img.gift{
background-position: -223px -114px;
}
span.ach-category-img.clothes{
background-position: 0 -220px;
}
span.ach-category-img.furniture{
background-position: -113px -220px;
}
span.ach-category-img.pet_clothes{
background-position: -225px -220px;
}
span.ach-category-img.lucky_cards{
background-position: -224px 0;
}
span.ach-category-img.fashion_machine{
background-position: -332px 1px;
}
span.ach-category-img.ranking{
background-position: -3px -327px;
}
span.ach-category-img.duels{
background-position: -113px -330px;
}
span.ach-category-img.supermodels{
background-position: -221px -333px;
}
span.ach-category-img.exchange{
background-position: -333px -109px;
}
span.ach-category-img.boosters{
background-position: -334px -223px;
}
span.ach-category-img.energy{
background-position: -330px -330px;
}
span.ach-category-img.boyfriend_appearance{
background-position: 0 -437px;
}
span.ach-category-img.boyfriend_celebrity_items{
background-position: -114px -439px;
}
span.ach-category-img.boyfriend_clothes{
background-position: -225px -437px;
}
.itemsThumb .inventory-img.reward-outfit{
background-position: -320px -560px;
margin: 0;
}
.itemsThumb .inventory-img.reward-furniture-set{
background-position: -320px -480px;
margin: 0;
}
.achievements-page .itemsThumb a.popThumb span.lc-award-img{
background: url("../img/layout/lucky-cards-icons.png") no-repeat scroll 0 0 transparent;
display: block;
height: 80px;
width: 80px;
}
.achievements-page .itemsThumb a.popThumb span.lc-award-img.lc-award-dollars{
background-position: -109px -109px;
}
.achievements-page .itemsThumb a.popThumb span.lc-award-img.lc-award-emeralds{
background-position: -111px -13px;
}
.achievements-page .itemsThumb a.popThumb span.lc-award-img.lc-award-energy{
background-position: -111px -514px;
}
.ach-reward-indicator{
background: url("../img/layout/ach-reward-indicator.png") no-repeat scroll -7px -59px transparent;
display: inline-block;
height: 37px;
margin: -20px 0 0;
width: 60px;
z-index: 10;
}
.ach-reward-indicator.get{
background-position: -7px -7px;
}
li.itemsThumb > a.itemsThumb{
background: none;
margin: -3px;
}
/* ---------------------------
MyNet Payment Page
--------------------------- */
#vipShop-mynetPayments ul.mynet-payments-list{
text-align: center;
}
#vipShop-mynetPayments ul.mynet-payments-list li{
float: none;
display: inline-block;
margin: 30px 8px 13px 7px;
background: none;
width: auto;
height: auto;
position: relative;
}
#vipShop-mynetPayments ul.mynet-payments-list li a{
width: 123px;
height: 195px;
background: url('../img/layout/mnp-bg.png') no-repeat;
display: block;
}
#vipShop-mynetPayments ul.mynet-payments-list li a:hover{
background-position: -139px 0;
}
ul.mynet-payments-list a span{
position: absolute;
text-shadow: 0px 1px 2px #000000;
color: #fff;
font-weight: bold;
text-align: center;
width: 115px;
left: 5px;
text-transform: uppercase;
}
ul.mynet-payments-list a span.d-amount{
font-size: 24px;
bottom: 72px;
}
ul.mynet-payments-list a span.d-price{
font-size: 12px;
color: #c393d7;
font-weight: normal;
bottom: 50px;
}
ul.mynet-payments-list a span.buy-btn{
font-size: 12px;
bottom: 12px;
height: 21px;
}
ul.mynet-payments-list a span.buy-btn span{
height: 27px;
display: table-cell;
vertical-align: middlel;
}
/* -------------------------------------
JQUERY SCROLLER STYLES
-------------------------------------*/
.jac {
height: 250px; /* default height */
position: relative;
direction: ltr;
}
.jac .carousel {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
}
.jac .arrow-left, .jac .arrow-right {
float: left;
}
.jac .carousel .jac-content {
float: left;
}
.streetView a.scrollLeft,
.streetView a.scrollRight {
display: block;
position: absolute;
width: 50px;
height: 48px;
top: 200px;
}
.streetView a.scrollRight {
background: url('../img/layout/arrows.png') no-repeat;
background-position: -50px 0;
right: 15px;
}
.streetView a.scrollRight:hover {
background-position: -50px -48px;
}
.streetView a.scrollLeft {
background: url('../img/layout/arrows.png') no-repeat;
left: 648px;
}
.streetView a.scrollLeft:hover {
background-position: 0 -48px;
}
.streetView a.scrollLeft.anim,
.streetView a.scrollRight.anim{
-webkit-animation: mall-scroll 1s ease-out 0s infinite normal;
animation: mall-scroll 1s ease-out 0s infinite normal;
}
@-webkit-keyframes mall-scroll{
from{
opacity: 0;
}
50%{
opacity: 1;
}
to{
opacity: 0;
}
}
@keyframes mall-scroll{
from{
opacity: 0;
}
50%{
opacity: 1;
}
to{
opacity: 0;
}
}
#wardrobeInventar.wardrobeInventar .inventarContent .jcarousel-container{
padding: 0 43px;
}
#wardrobeInventar.wardrobeInventar .inventarContent .jcarousel-clip{
overflow: hidden;
}
iframe{
border: none;
}
.promo-tag{
background: url("../img/layout/discount_tag.png") no-repeat;
height: 52px;
left: -12px;
line-height: 60px;
position: absolute;
text-align: center;
top: -3px;
width: 47px;
}
.promo-tag span{
-moz-transform: rotate(348deg);
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
text-shadow: 0 1px 0 #000000;
font-style: normal;
}
.promotion-wrapper .payments_mass_promotion .promotion{
color: #512160;
text-shadow: 0px 2px 5px #fff;
}
.promotion .promo-btn-bg .act-btn-global{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
#madmooBar .wrapper .menuWrapper .menu .gamesList .gameItem .description h2{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
font-size: 18px !important;
color: white;
font-style: normal;
text-transform: capitalize;
}
/*code for preloader*/
.preloadTimer {
position:relative;
font-size: 60px;
width:1em;
height:1em;
float: left;
left:40%;
top:40%;
}
#beautySalonMirrorHolder .preloadProgress-preload {
position: absolute;
left: -186px;
top: -115px;
}
#beautySalonMirrorHolder .preloadTimer {
top:25%;
}
.preloadTimer > .percent {
position: absolute;
top: 1.05em;
left: 0;
width: 3.33em;
font-size: 0.3em;
text-align:center;
}
.preloadTimer > .slice {
position:absolute;
width:1em;
height:1em;
clip:rect(0px,1em,1em,0.5em);
}
.preloadTimer > .slice.gt50 {
clip:rect(auto, auto, auto, auto);
}
.preloadTimer > .slice > .pie {
border: 0.1em solid #c0c0c0;
position:absolute;
width:0.8em; /* 1 - (2 * border width) */
height:0.8em; /* 1 - (2 * border width) */
clip:rect(0em,0.5em,1em,0em);
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
}
.preloadTimer > .slice > .pie.fill {
-moz-transform:rotate(180deg) !important;
-webkit-transform:rotate(180deg) !important;
-o-transform:rotate(180deg) !important;
transform:rotate(180deg) !important;
}
.preloadTimer.fill > .percent {
display: none;
}
.preloadTimer.fill > .slice > .pie {
border: transparent;
background-color: #c0c0c0;
width:1em;
height:1em;
}
/* --------------CARS--------------- */
#content.cars-page .carHolder {
position:absolute;
top: 360px;
width:450px;
}
#content.cars-page .leftColumn ul.skins.left {
z-index:5;
width: 400px;
position: relative;
}
#content.cars-page .leftColumn .color {
padding: 2px 10px 0;
}
.cars-page #petBodyWrapper1 {
top: -190px;
}
.cars-page #petBodyWrapper3 {
top: -280px;
left: 9px;
}
.cars-page #petBodyWrapper2,
.cars-page #petBodyWrapper5{
left: 7px;
top: -250px;
}
.cars-page #petBodyWrapper4 .carHolder{
left: 32px;
top: 280px;
}
.cars-page #petBodyWrapper5{
left: 70px;
}
.cars-page #petBodyWrapper6{
top: -200px;
left: 30px;
}
.cars-page #petBodyWrapper7 {
top: -220px;
left: 30px;
}
.cars-page #petBodyWrapper8 {
left: 23px;
top: -211px;
}
.cars-page #petBodyWrapper9 {
left: 30px;
top: -250px;
}
.cars-page #petBodyWrapper10 {
top: -250px;
left: 30px;
}
.cars-page #petBodyWrapper11 {
top: -230px;
left: 30px;
}
.cars-page #petBodyWrapper12 {
top: -210px;
left: -125px;
transform: scaleX(-1);
}
.cars-page #petBodyWrapper13 {
top: -240px;
left: 27px;
}
.cars-page #petBodyWrapper14 {
top: -230px;
left: 25px;
}
.cars-page #petBodyWrapper11 {
top: -160px;
left: 30px;
}
.cars-page #petBodyWrapper12 {
top: -190px;
left: -130px;
transform: scaleX(-1);
}
#content.cars-page #car15 .carHolder {
top: 550px;
left: 16px;
}
#content.cars-page #car16 .carHolder{
top: 330px;
left: 10px;
}
#content.cars-page #car17 .carHolder{
top: 320px;
}
#content.cars-page #car18 .carHolder{
top: 320px;
left: -18px;
}
#content.cars-page #car19 .carHolder{
top: 337px;
left: 20px;
}
#content.cars-page #car20 .carHolder{
top: 320px;
left: -30px;
}
#content.cars-page #car21 .carHolder {
top: 578px !important;
left: 35px;
}
span.lc-award-img.lc-award-credits {
background-position: 1px -160px !important;
}
#content.cars-page #car22 .carHolder{
top: 320px !important;
left: 5px;
}
#content.cars-page #petBodyWrapper2 .carHolder img,
#content.cars-page #petBodyWrapper3 .carHolder img {
width: 505px;
}
#content.cars-page #petBodyWrapper5 .carHolder img{
width: 360px;
}
#content.cars-page .rightColumn h1 {
border-bottom: 1px solid #B89B8A;
color: #5B266C;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
padding: 0 0px 4px;
text-shadow: 1px 1px #EEDFDA;
text-align: left;
}
#content.cars-page .rightColumn h1 span{
color: #A9003C;
font-weight: normal;
float: right;
}
#content.cars-page .rightColumn h1 span strong{
color: #5B266C;
}
#content.cars-page .rightColumn ul {
margin: 10px 0 0 3px;
overflow: hidden;
width: 420px;
text-align: left;
}
li.single-collectible.fm-mark-acquired::before {
content: "";
display: block;
position: absolute;
border: 2px solid #efe423;
width: 49px;
height: 88px;
right: -7px;
top: -6px;
border-radius: 8px;
background-color: rgba(240,230,35,.5);
z-index: -1;
-webkit-box-shadow: 0 0 6px 0 #160F1E inset;
box-shadow: 0 0 6px 0 #160F1E inset;
-webkit-animation-name: fm-blinking-indication;
animation-name: fm-blinking-indication;
-webkit-animation-duration: 1s;
animation-duration: 1s;
opacity: 0;
}
@-webkit-keyframes fm-blinking-indication {
0% {opacity: .1;}
25% {opacity: 1;}
50% {opacity: .1;}
75% {opacity: 1;}
100% {opacity: .1;}
}
@keyframes fm-blinking-indication {
0% {opacity: .1;}
25% {opacity: 1;}
50% {opacity: .1;}
75% {opacity: 1;}
100% {opacity: .1;}
}
#content.cars-page .rightColumn li {
color: #5B266C;
font-size: 16px;
text-shadow: 1px 1px #EBDFDB;
margin: 0px 1% 6px 0;
width: 46%;
padding: 5px;
border-radius: 6px;
font: italic bold 14px georgia,serif;
line-height: 28px;
}
#content.cars-page .rightColumn li span {
background: rgb(229,229,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 50%, rgba(191,191,191,1) 50%, rgba(252,252,252,1) 86%, rgba(227,227,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(11%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(191,191,191,1)), color-stop(86%,rgba(252,252,252,1)), color-stop(100%,rgba(227,227,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 50%,rgba(191,191,191,1) 50%,rgba(252,252,252,1) 86%,rgba(227,227,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(167, 133, 108, 1);
-moz-box-shadow: 0px 0px 5px 0px rgba(167, 133, 108, 1);
box-shadow: 0px 0px 5px 0px rgba(167, 133, 108, 1);
border:1px solid #fff;
float: left;
padding: 4px;
position: relative;
margin-right: 5px;
}
#content.cars-page .rightColumn li span span{
background:url('../img/layout/popularity-boosters-icons-mini.png') 0px 0px no-repeat;
border: none;
padding: 0px;
margin-right: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
float: left;
width: 20px;
height: 20px;
padding: 0;
}
#content.cars-page .rightColumn li span span.carsBonusCreativity{
background-position: 0 -20px;
}
#content.cars-page .rightColumn li span span.carsBonusDevotion{
background-position: 0 -40px;
}
#content.cars-page .rightColumn li span span.carsBonusBeauty{
background-position: 0 -60px;
}
#content.cars-page .rightColumn li span span.carsBonusGenerosity{
background-position: 0 -80px;
}
#content.cars-page .rightColumn li span span.carsBonusLoyalty{
background-position: 0 -100px;
}
#content.cars-page .rightColumn div.color {
display: inline-block;
padding: 2px 2px 1px;
}
#content.cars-page .rightColumn div.color .oval-act-btn{
margin: 2px;
}
#content.cars-page .carHolder img{
width: 450px;
}
#content.cars-page .rightColumn p {
color: #804847;
font-size: 24px;
margin-right: 10px;
text-align: left;
text-shadow: 0 1px 1px #FFFFFF;
padding: 0 10px 10px 15px;
}
#content.cars-page .rightColumn span.timer {
color: #4E205D;
font-size: 24px;
font-weight: bold;
line-height: 46px;
text-shadow: 0 1px 2px #FFFFFF;
}
.cars-page .rightColumn .left {
margin: 0 10px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdhNDI0MyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(122,66,67,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(122,66,67,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(122,66,67,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(122,66,67,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(122,66,67,0.5) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(122,66,67,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#807a4243',GradientType=0 ); /* IE6-8 */
border: 1px solid #b89b8a;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 1px 0 #e9ccbe, inset -1px -1px 0 #e9ccbe;
-moz-box-shadow: inset 1px 1px 0 #e9ccbe, inset -1px -1px 0 #e9ccbe;
box-shadow: inset 1px 1px 0 #e9ccbe, inset -1px -1px 0 #e9ccbe;
height: auto;
padding: 10px;
text-align: center;
}
#content.cars-page .boxBlick .rightColumn .name {
padding: 0 0 0 15px;
}
.cars-page .rightColumn .line {
margin: 30px 0;
}
.boost_style_percent, .boost_creativity_percent, .boost_devotion_percent, .boost_beauty_percent, .boost_generosity_percent, .boost_loyalty_percent {
background: url("../img/layout/popularity-icons-mini.png") no-repeat;
padding: 0 5px 0 15px;
}
.boost_style_percent {
background-position: 0 -57px;
}
.boost_creativity_percent {
background-position: 0 1px;
}
.boost_devotion_percent {
background-position: 0 -143px;
}
.boost_beauty_percent {
background-position: 0 -28px;
}
.boost_generosity_percent {
background-position: 0 -86px;
}
.boost_loyalty_percent {
background-position: 0 -114px;
}
/* --------------CARS SKINS--------------- */
#content.cars-page ul.skins li div {
background: url('../img/model/car/skins/skins-1.png') 0 0;
}
#content.cars-page ul.skins li.skin1 div {
background-position: 0 0;
}
#content.cars-page ul.skins li.skin2 div {
background-position: 0 -60px;
}
#content.cars-page ul.skins li.skin3 div {
background-position: 0 -120px;
}
#content.cars-page ul.skins li.skin4 div {
background-position: 0 -180px;
}
#content.cars-page ul.skins li.skin5 div {
background-position: 0 -240px;
}
#content.cars-page ul.skins li.skin6 div {
background-position: 0 -300px;
}
#content.cars-page ul.skins li.skin7 div {
background-position: 0 -360px;
}
/* Scuter */
#content.cars-page ul.car5 li div {
background: url('../img/model/car/skins/skins-2.png') 0 0;
}
#content.cars-page ul.skins li.skin15 div {
background-position: 0 0;
}
#content.cars-page ul.skins li.skin17 div {
background-position: right top;
}
#content.cars-page ul.skins li.skin21 div {
background-position: 0 -60px;
}
#content.cars-page ul.skins li.skin30 div {
background-position: 0 -120px;
}
#content.cars-page ul.skins li.skin33 div {
background-position: 0 -180px;
}
#content.cars-page ul.skins li.skin34 div {
background-position: 0 -240px;
}
#content.cars-page ul.skins li.skin38 div {
background-position: 0 -300px;
}
#content.cars-page ul.skins li.skin40 div {
background-position: 0 -360px;
}
#content.cars-page ul.skins li.skin41 div {
background-position: 30px -60px;
}
#content.cars-page ul.skins li.skin42 div {
background-position: 30px -120px;
}
#content.cars-page ul.skins li.skin46 div {
background-position: 30px -180px;
}
#content.cars-page ul.skins li.skin49 div {
background-position: 30px -240px;
}
#content.cars-page ul.skins li.skin51 div {
background-position: 30px -300px;
}
#content.cars-page ul.skins li.skin61 div {
background-position: 0 -480px;
}
/* Bond car*/
#content.cars-page ul.car8 li div {
background: url('../img/model/car/skins/skins-8.png') 0 0;
}
#content.cars-page ul.car8.skins li.skin11 div {
background-position: 0 0;
}
#content.cars-page ul.car8.skins li.skin17 div {
background-position: 0 -60px;
}
#content.cars-page ul.car8.skins li.skin24 div {
background-position: 0 -120px;
}
#content.cars-page ul.car8.skins li.skin34 div {
background-position: 0 -180px;
}
#content.cars-page ul.car8.skins li.skin41 div {
background-position: 0 -240px;
}
#content.cars-page ul.car8.skins li.skin46 div {
background-position: 0 -300px;
}
#content.cars-page ul.car8.skins li.skin47 div {
background-position: 0 -360px;
}
#content.cars-page ul.car8.skins li.skin62 div {
background-position: 0 -420px;
}
/* Wedding cars skins */
.cars-page .skins {
position: absolute !important;
top: 70px !important;
display: flex;
left: 20px !important;
flex-wrap: wrap;
}
.cars-page .skins li {
height: 30px !important;
min-width: 30px !important;
float: left !important;
border-radius: 30px !important;
box-shadow: 0 2px 5px 0px rgba(110, 80, 180, .8) !important;
margin: 0 10px 0 0 !important;
overflow: hidden;
position: relative;
padding: 0 !important;
opacity: 1 !important;
}
.cars-page .skins li::after {
content: "";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+20,0.5+50,0.05+75,0+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.05) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.05) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.05) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
width: 30px;
height: 30px;
position: absolute;
background-position: 0 19px;
opacity: .5;
}
.cars-page .skins li:hover {
box-shadow: 0 2px 5px 0px rgba(255, 255, 255, .8);
}
.cars-page li.skin1 div,
.cars-page li.skin2 div,
.cars-page li.skin3 div,
.cars-page li.skin5 div,
.cars-page li.skin17 div,
.cars-page li.skin19 div,
.cars-page li.skin20 div,
.cars-page li.skin28 div,
.cars-page li.skin31 div,
.cars-page li.skin33 div,
.cars-page li.skin34 div,
.cars-page li.skin36 div,
.cars-page li.skin37 div,
.cars-page li.skin46 div,
.cars-page li.skin49 div,
.cars-page li.skin50 div,
.cars-page li.skin51 div,
.cars-page li.skin52 div,
.cars-page li.skin56 div,
.cars-page li.skin61 div,
.cars-page li.skin64 div,
.cars-page li.skin72 div{
display: none;
}
/* --------------CARS PROFILE PAGE--------------- */
#profilePage-car .leftContent {
height: 417px;
z-index: 1;
}
#profilePage-car .carHolder {
position: absolute;
right: 0;
top: 445px;
z-index: 0;
}
#profilePage-car #petBodyWrapper2 .carHolder{
right: -180px;
top: 140px;
}
#profilePage-car #petBodyWrapper3 .carHolder{
top: 163px;
}
#profilePage-car #petBodyWrapper4 .carHolder{
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
#profilePage-car #carAppearance5 .carHolder{
top: 300px;
}
#profilePage-car #carAppearance5 .carHolder img {
width: 530px;
}
.fm-game-wrapper .jokers-holder {
float: left;
margin: 26px 0 0 26px;
}
#profilePage-car #carAppearance6 .carHolder{
top: 411px;
right: -102px;
}
#profilePage-car #carAppearance6 .carHolder img{
width: 780px;
}
#profilePage-car #carAppearance9 .carHolder{
right: -60px;
top: 340px;
}
#profilePage-car .rightContent .boxHolder {
z-index: 4;
width: 500px;
}
#profilePage-car .boxHolder .column.first p {
float: right;
font-size: 15px;
line-height: 50px;
margin-right: 10px;
color: #804847;
font-weight: 100;
text-shadow: 1px 1px #FFFFFF;
}
#profilePage-car .petType {
float: right;
margin: 10px 10px 0 5px;
height: 37px;
position: relative;
}
#profilePage-car .boxHolder .boxContent {
float:none;
margin: 0;
}
#profilePage-car .boxHolder .column h1 span{
font-size:15px;
text-shadow:1px 1px #fff;
color:#804847;
font-weight:100;
}
#profilePage-car .boxHolder .column h1{
font-size:24px;
font-weight:bold;
color:#5b266c;
text-shadow:1px 1px #eedfda;
margin-left:10px;
margin-bottom:5px;
text-align: left;
padding: 9px 0 8px;
}
/* Explode ianimation */
.explode {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
}
.blocks-event .explode{
left: -25px;
top: -25px;
}
#infoBar .explode{
left: -20px;
top: -30px;
}
.explode span {
background: rgba(0, 0, 0, 0) url("../img/layout/explode.png") no-repeat scroll 0 0 / 100% 100%;
display: inline-block;
height: 0;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
width: 0;
}
.explode:before {
content: "";
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
left: 50%;
top: 50%;
box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.8), 0 0 20px 0 rgba(255, 255, 255, 0.8) inset;
width: 100px;
height: 100px;
border-radius: 50%;
width: 0;
height: 0;
opacity: 0;
}
.explode.anim:before {
-webkit-animation: bum-glow .4s ease-out;
animation: bum-glow .3s ease-out;
}
.explode.anim span:first-child {
-webkit-animation: bum1 .6s ease-out;
animation: bum1 .75s ease-out;
}
.explode.anim span:nth-child(2) {
-webkit-animation: bum2 .6s ease-out;
animation: bum2 .75s ease-out;
}
.explode.anim span:nth-child(3) {
-webkit-animation: bum3 .6s ease-out;
animation: bum3 .75s ease-out;
}
.explode.anim span:nth-child(4) {
-webkit-animation: bum4 .6s ease-out;
animation: bum4 .75s ease-out;
}
.explode.anim span:nth-child(5) {
-webkit-animation: bum5 .6s ease-out;
animation: bum5 .75s ease-out;
}
.explode.anim span:last-child {
-webkit-animation: bum6 .6s ease-out;
animation: bum6 .75s ease-out;
}
@-webkit-keyframes bum-glow {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
width: 100%;
height: 100%;
}
}
@keyframes bum-glow {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
width: 100%;
height: 100%;
}
}
@-webkit-keyframes bum1 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
width: 0;
opacity: 1;
}
100% {
height: 50px;
-webkit-transform: matrix(-1.60, 0, 0, -1.60, -25, -20);
width: 50px;
opacity: 0;
}
}
@keyframes bum1 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
width: 0;
opacity: 1;
}
100% {
height: 50px;
transform: matrix(-1.60, 0, 0, -1.60, -25, -20);
width: 50px;
opacity: 0;
}
}
@-webkit-keyframes bum2 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
-webkit-transform: matrix(-0.74, 0, 0, 0.81, 31, 0);
width: 50px;
opacity: 0;
}
}
@keyframes bum2 {
0% {
height: 0;
transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
transform: matrix(-0.74, 0, 0, 0.81, 31, 0);
width: 50px;
opacity: 0;
}
}
@-webkit-keyframes bum3 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
-webkit-transform: matrix(-0.87, 0, 0, 0.49, -10, 40);
width: 50px;
opacity: 0;
}
}
@keyframes bum3 {
0% {
height: 0;
transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
transform: matrix(-0.87, 0, 0, 0.49, -10, 40);
width: 50px;
opacity: 0;
}
}
@-webkit-keyframes bum4 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
-webkit-transform: matrix(-0.34, 0, 0, 0.1, -65, -50);
width: 50px;
opacity: 0;
}
}
@keyframes bum4 {
0% {
height: 0;
transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
transform: matrix(-0.34, 0, 0, 0.1, -65, -50);
width: 50px;
opacity: 0;
}
}
@-webkit-keyframes bum5 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
-webkit-transform: matrix(-0.34, 0, 0, 0.1, 30, -50);
width: 50px;
opacity: 0;
}
}
@keyframes bum5 {
0% {
height: 0;
transform: matrix(1.00, 0, 0, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
transform: matrix(-0.34, 0, 0, 0.1, 30, -50);
width: 50px;
opacity: 0;
}
}
@-webkit-keyframes bum6 {
0% {
height: 0;
-webkit-transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
-webkit-transform: matrix(-0.50, 0, 0, 0.50, -85, -10);
width: 50px;
opacity: 0;
}
}
@keyframes bum6 {
0% {
height: 0;
transform: matrix(1.00, 0.00, 0.00, 1.00, 0, 0);
width: 0;
opacity: 1;
}
40% {
opacity: 1;
}
100% {
height: 50px;
transform: matrix(-0.50, 0, 0, 0.50, -85, -10);
width: 50px;
opacity: 0;
}
}
/* --------------AUCTION PAGE--------------- */
.auction-page{
min-height: 709px;
}
.auction-page #bodyWrapper{
left: -124px;
top: -112px;
}
.auction-page .boxBlick{
text-shadow: 0 0 1px #1A0023, 0 0 2px #1A0023;
text-align: center;
}
.auction-page .lc-title{
margin: 18px 0;
font-size: 20px;
font-weight: bold;
}
.auction-single-item-wrap{
background: -moz-linear-gradient(top, rgba(239,175,255,0) 0%, rgba(239,175,255,0.3) 50%, rgba(239,175,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,175,255,0)), color-stop(50%,rgba(239,175,255,0.3)), color-stop(100%,rgba(239,175,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(239,175,255,0) 0%,rgba(239,175,255,0.3) 50%,rgba(239,175,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(239,175,255,0) 0%,rgba(239,175,255,0.3) 50%,rgba(239,175,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(239,175,255,0) 0%,rgba(239,175,255,0.3) 50%,rgba(239,175,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(239,175,255,0) 0%,rgba(239,175,255,0.3) 50%,rgba(239,175,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efafff', endColorstr='#00efafff',GradientType=0 ); /* IE6-9 */
}
.auction-single-item-wrap:hover{
background: -moz-linear-gradient(top, rgba(239,175,255,0) 0%, rgba(239,175,255,0.5) 50%, rgba(239,175,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,175,255,0)), color-stop(50%,rgba(239,175,255,0.5)), color-stop(100%,rgba(239,175,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(239,175,255,0) 0%,rgba(239,175,255,0.5) 50%,rgba(239,175,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(239,175,255,0) 0%,rgba(239,175,255,0.5) 50%,rgba(239,175,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(239,175,255,0) 0%,rgba(239,175,255,0.5) 50%,rgba(239,175,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(239,175,255,0) 0%,rgba(239,175,255,0.5) 50%,rgba(239,175,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efafff', endColorstr='#00efafff',GradientType=0 ); /* IE6-9 */
}
.auction-single-item-wrap .thumb-holder{
background: transparent url("../img/layout/auction/item-plate-bg.png") no-repeat scroll left top;
float: left;
height: 120px;
margin: 10px 15px 0 -16px;
padding: 13px 0 0 0px;
width: 150px;
}
.auction-page .boxBlick hr{
height: 2px;
background-color: #ffe5b4;
background: -moz-linear-gradient(left, rgba(255,229,180,0) 0%, rgba(255,229,180,0.9) 15%, rgba(255,229,180,1) 50%, rgba(255,229,180,0.9) 85%, rgba(255,229,180,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,229,180,0)), color-stop(15%,rgba(255,229,180,0.9)), color-stop(50%,rgba(255,229,180,1)), color-stop(85%,rgba(255,229,180,0.9)), color-stop(100%,rgba(255,229,180,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,229,180,0) 0%,rgba(255,229,180,0.9) 15%,rgba(255,229,180,1) 50%,rgba(255,229,180,0.9) 85%,rgba(255,229,180,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,229,180,0) 0%,rgba(255,229,180,0.9) 15%,rgba(255,229,180,1) 50%,rgba(255,229,180,0.9) 85%,rgba(255,229,180,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,229,180,0) 0%,rgba(255,229,180,0.9) 15%,rgba(255,229,180,1) 50%,rgba(255,229,180,0.9) 85%,rgba(255,229,180,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,229,180,0) 0%,rgba(255,229,180,0.9) 15%,rgba(255,229,180,1) 50%,rgba(255,229,180,0.9) 85%,rgba(255,229,180,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffe5b4', endColorstr='#00ffe5b4',GradientType=1 ); /* IE6-9 */
-webkit-box-shadow: 0 0 20px 5px #320042;
box-shadow: 0 0 20px 5px #320042;
}
.auction-page .auction-single-item-content > hr{
height: 1px;
background: -moz-linear-gradient(left, rgba(255,229,180,0.7) 0%, rgba(255,229,180,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,229,180,0.7)), color-stop(100%,rgba(255,229,180,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,229,180,0.7) 0%,rgba(255,229,180,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,229,180,0.7) 0%,rgba(255,229,180,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,229,180,0.7) 0%,rgba(255,229,180,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,229,180,0.7) 0%,rgba(255,229,180,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffe5b4', endColorstr='#00ffe5b4',GradientType=1 ); /* IE6-9 */
}
.auction-single-item-content{
float: left;
width: 440px;
}
.auction-single-item-content input{
margin: 0 10px 0 0;
padding: 6px;
position: relative;
width: 63px;
}
.auction-single-item-content > .row{
display: table;
height: 30px;
padding: 4px 0 0;
width: 440px;
}
.auction-timer{
background: url("../img/layout/fm-limited-item-timer.png") no-repeat scroll right -2px transparent;
float: right;
font-weight: bold;
height: 24px;
padding: 12px 40px 0 0;
text-align: right;
}
.auction-single-item-content .btn-black-wrap,
.limited-collection .btn-black-wrap{
background-color: rgba(15, 0, 30, 0.7);
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5) inset;
display: inline-block;
height: 30px;
padding: 4px 4px 0;
float: right;
min-width: 225px;
margin: 0 44px 0 0;
}
.auction-single-item-content .btn-black-wrap .act-btn-purple,
.limited-collection .btn-black-wrap .act-btn-yellow{
float: right;
}
.btn-black-wrap .price,
.auction-single-item-wrap .price{
font: bold 16px Arial;
margin: 2px 13px 0 0;
float: left;
}
.auction-single-item-wrap .price-old::before, .auction-single-item-wrap .price-old::after {
background-color: red;
content: "";
height: 2px;
margin: 10px 0 0 -24px;
position: absolute;
transform: rotate(20deg);
width: 41px;
}
.auction-single-item-wrap .price-old::after {
margin: 10px 0 0 -40px !important;
transform: rotate(-20deg) !important;
}
.btn-black-wrap .price.diamonds-emeralds{
background: url("../img/layout/diamond-emerald.png") no-repeat scroll 0 0 transparent;
padding: 2px 0 0 50px;
}
.auction-single-item-wrap i{
display: table-cell;
padding: 0 10px 0 0;
text-align: right;
vertical-align: middle;
width: 123px;
font: italic 14px georgia,serif;
}
.starting-price{
display: inline-block;
margin-top: 5px !important;
}
.bid-price{
float: left;
height: 24px;
margin: 2px 4px 0 0 !important;
padding: 0 !important;
width: 26px;
}
.bid-price.diamonds-emeralds{
width: 53px;
}
.auction-page .act-btn-top-blick {
min-width: 100px !important;
}
.auction-page form,
.auction-page .act-btn-yellow{
float: left;
}
.auction-page #pagingWrapper,
.limited-collection #pagingWrapper{
margin: 20px 0 10px;
}
/*a.fbShareBtn {
background: url("http://ladypopular.com/img/facebook/login_facebook.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #284470;
border-radius: 3px;
-webkit-border-radius: 3px;
color: #FFFFFF !important;
font: normal bold 12px/20px Arial, Helvetica, sans-serif !important;
height: 20px;
padding: 0 10px 0 30px;
text-decoration: none !important;
text-shadow: -1px -1px 0 #284470;
}*/
a[class$="ShareBtn"]:hover{
opacity: 0.8;
-ms-filter: alpha(opacity=80);
filter: alpha(opacity=80);
}
.messageBody a[class$="ShareBtn"] {
float: right;
}
.guild-show .social-links{
margin: -32px 0 12px;
}
.rightContent.mini-games a[class$="ShareBtn"] {
float: right;
margin: 0 3px 10px;
}
#lightbox-getImageCode input.fb-share-button {
background: rgba(0, 0, 0, 0) url("../img/layout/facebook_button.png") no-repeat scroll 0 0 !important;
border-radius: 11px;
color: #fff;
cursor: pointer;
font-size: 18px;
height: 60px;
margin: 20px auto 0;
padding: 0 0 8px 67px;
text-align: center;
width: 270px !important;
}
#lightbox-getImageCode input.fb-share-button:hover{
opacity: .8;
}
/* Lightbox popup fix to fit browser size */
#lightbox-container-image-box, #lightbox-container-image-data-box{
max-width: 90% !important;
height: auto !important;
}
#lightbox-getImageCode input{
width: 99% !important;
}
#lightbox-container-image-data-box{
padding: 0 !important;
position: relative;
}
#lightbox-image{
max-width: 100% !important;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.display-block{display: block !important;}
.display-none {display: none !important;}
.reset-top {top: 0;}
.invisible{visibility: hidden;}
/* ---------- Duels Banner -----------*/
.duels-banner{
position: relative;
}
#ad_before_game{
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10000;
}
/* ---------- Free Diamond link for FB App Center -----------*/
#helpMenu .free-diamond{
background: url("../img/layout/free-diamond.gif") no-repeat scroll left top !important;
height: 41px;
margin-top: -6px;
width: 63px;
position: relative;
}
#helpMenu .free-diamond:hover{
background-position: right top !important;
}
#helpMenu .free-diamond span{
background-color: #fff;
border-radius: 3px;
bottom: 12px;
left: 72px;
box-shadow: 0 1px 3px 0 rgba(0, 68, 194, 0.5);
min-width: 110px;
padding: 3px;
position: absolute;
text-align: center;
z-index: 10;
color: #0080d9;
text-transform: uppercase;
opacity: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: -40px center 0;
transform-origin: -40px center 0;
visibility: hidden;
}
#helpMenu .free-diamond span:before{
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 5px 8px 5px 0;
content: "";
left: -8px;
position: absolute;
top: 5px;
}
#helpMenu .free-diamond:hover span{
-webkit-animation: free-disamond-tooltip ease-out .2s forwards;
animation: free-disamond-tooltip ease-out .2s forwards;
}
@-webkit-keyframes free-disamond-tooltip{
0%{
visibility: visible;
opacity: 0;
}
100%{
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
visibility: visible;
}
}
@keyframes free-disamond-tooltip{
0%{
visibility: visible;
opacity: 0;
}
100%{
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
visibility: visible;
}
}
#topLinks ul#helpMenu li a.event-map-17{
background: url("../img/layout/map/main-menu-ico.png") no-repeat scroll 0 1px !important;
display: inline-block;
height: 38px;
margin: -2px 0 -8px;
width: 48px;
}
#topLinks ul#helpMenu li a.event-map-17:hover{
background-position: -46px 1px !important;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.rotating {
-webkit-animation: rotating 2s infinite linear;
-moz-animation: rotating 2s infinite linear;
-ms-animation: rotating 2s infinite linear;
-o-animation: rotating 2s infinite linear;
animation: rotating 2s infinite linear;
}
#topLinks ul#helpMenu li a.levels-event-btn-145:hover{
background-position: -52px -3px!important;
}
#popupMessage .act-btn-global .award-diamond {
line-height: 1.4;
}
.social-links {
height: 20px;
position: relative;
z-index: 2;
display: flex;
background-color: #b01f79;
}
.social-links a {
position: relative;
flex: 1 0 auto;
background-position: center center !important;
}
/*social links line */
.social-links a.fcebook{
background: #3b5998 url(../img/layout/social-icons/facebook.svg) no-repeat center center / auto 90%;
}
.social-links a.instagram{
background: #5280a5 url(../img/layout/social-icons/instagram.svg) no-repeat center center / auto 90%;
}
.social-links a.youtube{
background: #FF0000 url(../img/layout/social-icons/youtube.svg) no-repeat center center / auto 160%;
}
.social-links a.pinterest{
background: #cb2125 url(../img/layout/social-icons/pinterest.svg) no-repeat center center / auto 90%;
}
.social-links a.twitter{
background: #1faee9 url(../img/layout/social-icons/twitter.svg) no-repeat center center / auto 90%;
}
.social-links a.ladyblog{
background: #b01f79 url(../img/layout/social-icons/blog.svg) no-repeat center center / auto 90%;
}
.social-links a:hover {
opacity: .8;
}
/* GDPR Switch in profile page */
.gdpr-switch {
text-align: center;
}
.gdpr-switch * {
box-sizing: border-box;
}
.gdpr-switch label {
margin: 0;
}
.gdpr-switch > div {
display: inline-block;
padding: 10px 25px;
border-radius: 30px;
margin-bottom: 30px;
}
.gdpr-switch > div input {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.gdpr-switch > div input + span {
border-radius: 50%;
width: 20px;
height: 20px;
display: inline-block;
border: 2px solid var(--font-color-link2);
position: absolute;
margin: 3px 0px 0 -30px;
}
.gdpr-switch > div span + i {
font-style: normal;
color: var(--font-color-link2);
text-shadow: none;
font-weight: normal;
font-size: 16px;
padding-top: 2px;
box-sizing: border-box;
display: inline-block;
}
.gdpr-switch .disabled span {
margin: 3px 0 0 0px;
}
.gdpr-switch > div input + span:after {
left: 4px;
top: 4px;
width: 8px;
height: 8px;
position: absolute;
display: none;
content: "";
background-color: #fff;
border-radius: 50%;
}
.gdpr-switch fieldset {
border: none;
float: left;
margin: 0 20px;
}
.gdpr-switch > div fieldset:last-child {
margin: 0 -40px 0 100px;
}
.gdpr-switch > div span + i{
font-style: normal;
}
.gdpr-switch > div input#consent-choice-neutral:checked + span {
background-color: #C5A250;
border-color: #C5A250;
}
.gdpr-switch > div input#consent-choice-neutral:checked + span::after {
background-color: #7A514E;
}
.gdpr-switch > div input#consent-choice-yes:checked + span {
border-color: transparent;
background-color: green;
}
.gdpr-switch > div input#consent-choice-yes:checked + span + i {
text-shadow: 0 1px 1px #00361d, 0 0 5px #00fca9, 0 0 20px #009a67;
}
.gdpr-switch > div input#consent-choice-no:checked + span {
border-color: transparent;
background-color: red;
}
.gdpr-switch > div input#consent-choice-no:checked + span + i {
text-shadow: 0 1px 1px #36001c, 0 0 5px #fc00b1, 0 0 20px #9a003a;
}
.gdpr-switch > div input:checked + span:after {
display: block;
}
.gdpr-switch input:disabled {
margin: 0 20px;
}
.gdpr-switch label:not(.disabled):hover {
cursor: pointer;
}
.pointer-events-none {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
pointer-events: none;
}
.loading-area {
display: flex;
justify-content: center;
align-items: center;
}
.loading-area span {
width: 60px;
display: flex;
justify-content: space-between;
align-items: center;
}
.loading-area span i {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 0;
border-radius: 5px;
-webkit-animation: loading-circles 1s linear infinite;
animation: loading-circles 1s linear infinite;
box-shadow: 0 0 1px 1px rgba(150, 100, 250, .3);
}
.leftMenu .loading-area {
height: 49px;
}
.topButtons .loading-area {
width: 118px;
height: 42px;
}
@-webkit-keyframes loading-circles {
50% {
opacity: .7;
}
}
@keyframes loading-circles {
50% {
opacity: .7;
}
}
.loading-area span i:nth-child(2) {
-webkit-animation-delay: 250ms;
animation-delay: 250ms;
}
.loading-area span i:last-child {
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
/* Leagues */
.leagues .ranking-table-wraper{
margin-top: 20px
}
.ranking-table-wraper{
font-family: var(--main-font);
font-size: var(--font-size-14);
}
.ranking-table {
width: 100%;
color: #441b52;
border-collapse: collapse;
position: relative;
}
.ranking-table tbody a {
color: var(--font-color-link);
}
.ranking-self{
display: grid;
grid-template-columns: 60px 570px repeat(2, 100px) auto;
font-size: var(--font-size-16);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
border-radius: 6px;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
color: #441b52;
position: relative;
z-index: 1;
padding: 3px 14px 0;
height: 30px;
}
.ranking-table-wraper .ranking-self{
margin-bottom: 12px;
}
.ranking-self > span:not(.ranking-self-position) {
text-shadow: 0 0 5px #fff, 0 0 3px #fff, 0 0 2px #fff;
}
.ranking-self-position {
font-size: var(--font-size-18);
position: relative;
margin-top: -9px;
color: #fff;
font-weight: 300;
text-align: center;
border-radius: 100px;
width: 44px;
height: 44px;
justify-self: center;
background-color: rgba(79, 57, 94, 0.95);
box-shadow: 0 10px 30px 0 rgba(155, 68, 122, .4);
}
.ranking-self-position span {
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
left: 50%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9efe+0,ffffff+50 */
background: rgb(255,158,254); /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,158,254,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(255,158,254,1) 0%, rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom, rgba(255,158,254,1) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9efe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ranking-self:hover .ranking-self-position{
box-shadow: 0 10px 30px 0 rgba(155, 68, 122, .4), 0 0px 3px 2px rgba(255, 138, 202, .5)inset;
-webkit-animation: ranking-position-rotate .4s .2s ease-out forwards;
animation: ranking-position-rotate .4s .2s ease-out forwards;
}
@-webkit-keyframes ranking-position-rotate{
from{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
to{
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes ranking-position-rotate{
from{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
to{
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
.ranking-self-name {
margin-left: 30px;
}
.ranking-self .btn-find-me {
position: absolute;
right: 2px;
top: 3px;
padding: 4px 20px 4px 30px !important;
}
.ranking-table thead {
height: 53px;
position: relative;
color: #fff;
z-index: 1;
text-align: left;
}
.ranking-table thead::before {
content: "";
background: -webkit-linear-gradient(315deg, rgba(167,66,166,0.8) 0%, rgba(117,89,112,0.8) 50%, rgba(167,66,166,0.8) 100%);
background: linear-gradient(135deg, rgba(167,66,166,0.8) 0%,rgba(117,89,112,0.8) 50%,rgba(167,66,166,0.8) 100%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 42px;
box-shadow: 0 15px 30px 0 rgba(125, 88, 112, .4);
border-radius: 6px;
z-index: -1;
}
.ranking-table thead th {
padding: 0 14px 11px;
}
.lang-de .ranking-table thead .popularity-rating{
word-break: break-all;
line-height: 1;
}
.ranking-table .popularity-rank,
.ranking-table .ranking-player-psition{
text-align: center;
width: 90px;
padding: 0 0 11px;
}
.ranking-table .ranking-player-psition{
padding: 0 !important;
}
.ranking-table .popularity-messages{
text-align: center;
}
.ranking-table tbody{
position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fdefff+100&0.7+0,0.7+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.85) 0%,rgba(253,239,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(253,239,255,0.7) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%,rgba(253,239,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3fdefff',GradientType=0 ); /* IE6-9 */
box-shadow: 0 15px 30px 0 rgba(125, 88, 112, .4), 0 4px 0px -1px rgba(250, 250, 250, .8);
}
.ranking-table tbody tr{
height: 96px;
}
.ranking-table tbody tr:not(:last-of-type) {
box-shadow: 0 1px 0 #d4bfc7;
}
.ranking-table tr{
position: relative;
height: 52px;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.ranking-table tbody tr:hover{
background-color: #eedbe3;
}
.ranking-table tbody tr.active {
/* background: rgb(167,66,166); */
/* background: -moz-linear-gradient(top, rgba(167,66,166,1) 0%, rgba(232,137,168,1) 100%); */
/* background: -webkit-linear-gradient(top, rgba(167,66,166,1) 0%,rgba(232,137,168,1) 100%); */
background: linear-gradient(to bottom, rgba(167,66,166,1) 0%,rgba(232,137,168,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a742a6', endColorstr='#e889a8',GradientType=0 );
color: #fff;
}
.ranking-table tbody tr.active a {
color: #ffd59e;
}
.ranking-table td{
padding: 0 14px;
}
.ranking-table .ta-c{
text-align: center;
}
.ranking-table .ranking-player-psition{
font-size: var(--font-size-24);
font-weight: 300;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9a4c8+0,b399bc+100 */
background: rgb(217,164,200); /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(217,164,200,1) 0%,rgba(179,153,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(217,164,200,1) 0%, rgba(179,153,188,1) 100%);
background: linear-gradient(to bottom, rgba(217,164,200,1) 0%,rgba(179,153,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a4c8', endColorstr='#b399bc',GradientType=0 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ranking-table .active .ranking-player-psition {
-webkit-text-fill-color: white;
}
.ranking-player-avatar {
width: 250px;
word-break: break-all;
padding: 0 !important;
}
.ranking-player-guild{
width: 162px;
word-break: break-all;
}
.ranking-player-stat{
width: 72px;
}
#partyPodiumRankingWrapper .ranking-player-btn{
width: 80px;
}
.ranking-player-btn {
text-align: center;
}
.ranking-player-btn button {
width: 50px;
height: 50px;
padding: 10px;
}
.ranking-player-btn .icon{
fill: url(#ranking-table-btn-gradient);
}
.ranking-table .active .icon-btn-chat .icon{
fill: #ffd59e52;
}
.party-of-the-month{
font-family: var(--main-font-family);
font-size: var(--font-size-14);
border-radius: var(--border-radius-s);
text-align: center;
margin: 80px 0 40px 0;
}
.party-of-the-month > div {
padding: 10px 40px;
font-size: var(--font-size-22);
text-align: center;
border-radius: var(--border-radius-xl);
display: inline-block;
transform: translateY(-24px);
color: var(--font-color-active);
}
.party-of-the-month > p {
padding: 0 20px 20px;
line-height: 1.5;
}
.party-ranking-title {
font-size: var(--font-size-30);
font-weight: var(--font-weight-lighter);
font-family: var(--main-font-family);
color: var(--font-color-darker);
text-align: center;
margin: 20px 10px;
}
.guild-logo-container {
position: relative;
top: -12px;
}
.guild-logo-container {
position: relative;
top: -12px;
}
.ranking-table tfoot th {
background: #fff3;
border-radius: 0 0 6px 6px;
}
/* Ranking table changes in Club ranking page */
.rightContent.clubs-container .ranking-self {
grid-template-columns: 60px 342px 80px auto;
}
.rightContent.clubs-container .ranking-table tbody tr{
height: auto;
}
.rightContent.clubs-container .ranking-player-avatar{
width: 230px;
}
.rightContent.clubs-container .ranking-player-guild{
width: 30px;
}
.rightContent.clubs-container .ranking-self-name {
margin-left: 85px;
}
.rightContent.clubs-container .player-avatar-name {
margin-left: 0;
}
/* Pagination */
.pagination-wraper,
.pagination-wraper ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pagination-wraper li{
margin: 0 5px;
font-weight: normal;
}
.pagination-page {
background-color: transparent;
color: var(--font-color-default);
/*width: 30px;*/
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
#mallStores .pagination-page, #mallStores .pagination-page:hover,
.texture-box .pagination-page, .texture-box .pagination-page:hover {
color: #fff;
}
.pagination-page:hover,
.pagination-page.current {
color: var(--font-color-link);
}
.pagination-page.current{
font-weight: bold;
font-size: var(--font-size-18);
}
.storesWrapper .pagination-page,
.storesWrapper .pagination-page:hover,
.texture-box .pagination-page,
.texture-box .pagination-page:hover{
color: #fff;
}
.pagination-page:hover{
background-color: rgba(255,255,255,.35);
}
.pagination-page.current:hover{
background-color: transparent;
cursor: default;
}
.pagination-page.current:hover{
background-color: transparent;
cursor: default;
}
.pagination-btn {
background-color: rgba(255,255,255,.45);
border-radius: 50%;
display: inline-flex;
padding: 10px;
}
.pagination-btn:hover{
background-color: rgba(255,255,255,.75);
}
.pagination-btn .arrow {
width: 10px;
height: 10px;
fill: var(--font-color-default);
opacity: .7;
}
#mallStores .pagination-btn .arrow {
fill: #fff;
}
.pagination-right .arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.pagination-left .arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.league-top-info,
.player-ranking-nav{
height: auto;
width: 100%;
}
.league-top-info{
margin-top: -20px;
}
.league-top-info .boxBlick {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
position: relative;
}
.league-top-info-left {
background: -webkit-linear-gradient(left, rgba(68,27,82,0.5) 0%,rgba(68,27,82,0.8) 100%);
background: -webkit-linear-gradient(left, rgba(68,27,82,0.5) 0%, rgba(68,27,82,0.8) 100%);
background: linear-gradient(to right, rgba(68,27,82,0.5) 0%,rgba(68,27,82,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14441b52', endColorstr='#80441b52',GradientType=1 );
border-radius: 0 100px 100px 0;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: transparent;
height: 120px;
position: relative;
width: 280px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 40px;
flex-grow: 1;
}
.league-top-info-left:hover {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #c5a4cb;
cursor: pointer;
}
.league-top-info-left > div:not(.league-crown-wrap):first-child {
padding: 0 0 0 20px;
}
.league-top-info.makeupBox.purple.no-league-info-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
padding: 20px 30px;
min-height: 166px;
text-align: center;
font-family: var(--main-font);
font-size: var(--font-size-16);
line-height: 1.6;
font-weight: var(--font-weight-lighter);
box-sizing: border-box;
}
.league-top-info.makeupBox.purple.no-league-info-container p{
text-align: center;
}
.league-crown-wrap {
min-width: 100px;
padding-top: 20px;
max-width: 130px;
}
.league-top-info-left > div:not(.league-crown-wrap) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
word-break: break-word;
}
.oval-act-btn.league-info-btn {
position: absolute;
top: 10px;
left: 10px;
}
.league-navigation {
position: absolute;
bottom: -13px;
left: 10px;
}
.league-navigation button {
margin-right: 10px;
}
.league-top-info button {
border: none;
white-space: nowrap;
cursor: pointer;
}
.league-top-info .league-info-btn {
bottom: auto;
font-family: Georgia, sans-serif;
text-transform: none;
font-style: italic;
padding: 6px 11px;
top: -12px;
}
.league-top-info-left img {
width: auto;
max-width: 100%;
}
.league-top-info-left p {
font-size: 18px;
font-weight: bold;
}
.league-top-info-left .timer {
margin-top: 20px;
font-size: 14px;
float: left;
}
.leagues .timer > span {
background: url(../img/layout/leagues/sand-clock.png) no-repeat left center;
padding: 6px 0 4px 30px;
}
.leagues .timer div {
width: 100%;
height: 3px;
background-color: #441b52;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 2px;
margin-top: 10px;
border-radius: 10px;
}
.league-award-info {
/* -webkit-box-flex: 1; */
/* -webkit-flex-grow: 1; */
/* -ms-flex-positive: 1; */
/* flex-grow: 1; */
padding: 0 50px 0 30px;
}
.leagues .timer div span {
width: 60px;
height: 1px;
background: rgb(186,140,199);
background: -webkit-linear-gradient(left, rgba(186,140,199,1) 50%,rgba(255,0,132,1) 100%);
background: -webkit-linear-gradient(left, rgba(186,140,199,1) 50%, rgba(255,0,132,1) 100%);
background: linear-gradient(to right, rgba(186,140,199,1) 50%,rgba(255,0,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8cc7', endColorstr='#ff0084',GradientType=1 );
box-shadow: 0 0 2px 2px rgba(255, 0, 142, .35);
}
.league-award-info h2 {
background: url(../img/layout/leagues/sprite.png) no-repeat scroll -38px -132px;
width: 313px;
height: 40px;
text-align: center;
padding: 33px 0 0px 0;
margin: -35px auto -5px;
font-family: arial, serif;
font-style: normal;
font-weight: normal;
text-shadow: 0 0 1px #791b9b, 0 1px 2px #791b9b, 0 1px 2px #791b9b, 0 1px 0 #791b9b, 1px 0 0 #791b9b, 0 -1px 0 #791b9b, -1px 0 0 #791b9b;
}
.league-award-info > div, .league-award-info ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.league-award-info ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 10px 0;
width: auto !important;
height: 114px;
}
.league-award-info ul:nth-child(2) {
margin-left: 30px;
}
.league-award-info li {
background: -webkit-linear-gradient(left, rgba(68,27,82,0.5) 0%, rgba(68,27,82,1) 100%);
background: linear-gradient(to right, rgba(68,27,82,0.5) 0%,rgba(68,27,82,1) 100%);
width: 140px;
height: 27px;
margin: 0 0 11px 0 !important;
border-radius: 20px 0 0 20px;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 10px 0 0;
font-size: 14px;
}
.league-award-info .trophy-list {
margin-bottom: 30px;
margin-top: 5px;
}
.league-award-info .trophy-list div {
width: 70px;
background: rgba(200, 170, 200,.2) url('../img/layout/monthly-trophies.png') 15px 8px no-repeat;
text-align: center;
margin: 0 10px;
box-shadow: 0 10px 25px 0 rgba(210, 180, 250,.5) inset, 0 6px 10px 0 rgba(30, 10, 40, .2);
border-radius: 10px;
padding: 10px 15px;
}
.league-award-info .trophy-list span:not(.reward) {
display: inline-block;
font-size: 14px;
margin-top: 100px;
text-shadow: 0 1px 2px #441b52;
}
.league-award-info .trophy-list .reward {
margin-top: 10px;
display: inline-block;
line-height: normal;
height: 16px;
}
.league-award-info .trophy-list .trophy-silver{
background-position: -84px 8px;
}
.league-award-info .trophy-list .trophy-bronze{
background-position: -182px 8px;
}
.league-award-info.reward-group-type-newbie > div li {
/* text-align: center; */
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0;
background: -webkit-linear-gradient(left, rgba(68,27,82,1) 0%, rgba(68,27,82,0.5) 50%, rgba(68,27,82,1) 100%);
background: linear-gradient(to right, rgba(68,27,82,1) 0%,rgba(68,27,82,0.5) 50%,rgba(68,27,82,1) 100%);
border-radius: 10px;
height: 50px;
}
.league-award-info li::after,
.league-award-info.reward-group-type-newbie > div li:before{
content: "";
background: url(../img/layout/leagues/sprite.png) no-repeat scroll 0 -69px;
position: absolute;
right: -11px;
top: 0;
width: 11px;
height: 27px;
}
.league-award-info.reward-group-type-newbie > div li:before{
right: auto;
left: -9px;
-webkit-transform: rotate(180deg) translateY(-50%);
-ms-transform: rotate(180deg) translateY(-50%);
transform: rotate(180deg) translateY(-50%);
}
.league-award-info.reward-group-type-newbie > div li::after {
top: 50%;
right: -9px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.league-award-info.reward-group-type-newbie .place{
display: none !important;
}
.leagues .place {
background: url(../img/layout/leagues/sprite.png) no-repeat;
text-align: center;
padding: 10px 0;
color: #482057;
width: 28px;
text-shadow: 0 0 1px #fff, 0 1px 2px #fff, 0 1px 2px #fff, 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
line-height: 1.2;
}
.leagues .place.first-place{
background-position: -223px -66px;
}
.leagues .place.second-place{
background-position: -276px -66px;
}
.leagues .place.third-place{
background-position: -329px -66px;
}
.leagues .place i {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 23px;
font-style: normal;
text-shadow: none;
letter-spacing: -1px;
text-align: center;
}
.leagues .reward{
padding-left: 20px;
line-height: 1.2;
background: url(../img/layout/currency.png) no-repeat;
}
.leagues .reward-diamond{
background-position: -8px -237px;
color: #daf4ff;
text-shadow: 0 0 5px #258abe, 0 0 3px #258abe, 0 0 2px #258abe;
}
.leagues .reward-emerald{
background-position: -8px -204px;
color: #dafed1;
text-shadow: 0 0 5px #3aa500, 0 0 3px #3aa500, 0 0 2px #3aa500;
}
.leagues .league-award-info.reward-group-type-newbie .reward-emerald {
background: url(../img/layout/new/currency-big.png) no-repeat 0px -37px / 35px auto;
padding: 10px 0 5px 37px;
font-size: 22px;
}
.leagues .reward-money{
background-position: -6px -168px;
color: #ffdda8;
text-shadow: 0 0 5px #c36a00, 0 0 3px #c36a00, 0 0 2px #c36a00;
}
.leagues .current-reward .reward {
text-shadow: 0 0 5px #ad006b, 0 0 3px #f00, 0 0 2px #ff0018;
color: #fff;
background: url(../img/layout/leagues/sprite.png) no-repeat;
}
.leagues .reward.reward-podium {
background-position: -420px -151px;
padding: 2px 0 2px 26px;
}
.leagues .reward.reward-pagent {
background-position: -417px -225px;
padding: 2px 0 2px 30px;
}
.leagues .reward.reward-guild {
background-position: -417px -191px;
padding: 3px 0 3px 33px;
}
.leagues .reward.reward-arena {
background-position: -417px -116px;
padding: 3px 0 3px 30px;
}
.leagues .player-first .current-reward {
min-width: 100%;
background: no-repeat;
text-align: center;
padding: 0;
}
.league-award-info > div ul:last-child .place {
width: 58px;
height: 26px;
background: url(../img/layout/leagues/sprite.png) no-repeat scroll -385px -72px;
padding: 0 2px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-style: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.leagues-podium-wraper .podiumBack {
width: 1136px;
height: 750px;
position: absolute;
left: -195px;
top: 60px;
background: url('../img/layout/podium-back.png') 0 362px no-repeat;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
z-index: 0;
}
.leagues-podium-wraper {
position: relative;
padding: 120px 220px 0 0;
height: 570px;
box-sizing: border-box;
clear: left;
}
/*.podium-container .leagues-podium-wraper{
padding: 0 220px 0 0;
height: 450px;
}
.podium-container .leagues-podium-wraper .podiumBack{
top: -60px;
}*/
/*.podium-container .league-top-info-left{
padding: 0 40px 0 30px;
}
.podium-container .leagues-podium-wraper {
padding: 10px 220px 0 0;
height: 490px;
}
.podium-container .podiumBack {
top: -56px;
}*/
.league-container .makeupBox.ranking.top .duels-initiated{
left: 766px;
}
.league-container .makeupBox.ranking.top .duels-won{
left: 698px;
}
.league-container .makeupBox.ranking.top .lady-name{
left: 90px;
}
.leagues-podium {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
position: relative;
}
.leagues-podium-wraper .leagues-podium:nth-child(2) {
z-index: 3;
}
.leagues-podium-wraper .leagues-podium:nth-child(4) {
z-index: 2;
}
.leagues-podium-wraper .leagues-podium:nth-child(6) {
z-index: 1;
}
.leagues .player-info-wrap.player-first {
top: -10px;
left: 30%;
width: 316px;
min-height: auto;
}
.player-info-wrap.player-second {
top: 113px;
left: -53px;
}
.player-info-wrap.player-third {
right: -30px;
top: 167px;
}
.player-info-wrap.player-second,
.player-info-wrap.player-third{
width: auto !important;
min-width: 144px;
max-width: 200px;
}
.leagues .player-info-wrap {
position: absolute;
width: 144px;
min-height: 220px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 10;
}
.player-info-wrap .player-place {
font-size: 16px;
margin-bottom: 10px;
color: #482057;
width: 44px;
text-shadow: 0 0 1px #fff, 0 1px 2px #fff, 0 1px 2px #fff, 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
text-align: center;
background: url(../img/layout/leagues/sprite.png) no-repeat;
height: 39px;
padding-top: 9px;
}
.player-first .player-place{
background-position: -45px -65px;
}
.player-second .player-place{
background-position: -98px -65px;
}
.player-third .player-place{
background-position: -150px -65px;
}
.player-first .player-place {
background-position: -45px -65px;
position: absolute;
left: -50px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.player-info-wrap .player-avatar{
margin-bottom: -30px;
z-index: 2;
}
.player-avatar-wraper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.player-avatar {
position: relative;
width: 66px;
border-radius: 50%;
height: 66px;
flex-shrink: 0;
}
.player-avatar-name {
margin-left: 20px;
}
.player-guilg-logo-wraper {
position: relative;
display: flex;
align-items: center;
height: 26px;
}
.player-guild-logo-name {
margin-left: 40px;
}
.leagues .player-avatar img:not(.player-flag) {
box-shadow: 0 0 0 2px #4b354c;
}
.leagues .active .player-avatar img:not(.player-flag){
box-shadow: 0 0 0 2px #fff;
}
.player-first .player-avatar {
position: absolute;
left: 10px;
top: 13px;
}
.player-avatar .player-level {
position: absolute;
color: #fff;
width: 30px;
height: 28px;
z-index: 10;
top: -10px;
right: -2px;
padding: 8px 2px 0px;
font-size: 11px;
text-shadow: 0px 1px 2px rgba(40, 10, 108, 0.7);
text-align: center;
box-sizing: border-box;
font-weight: bold;
letter-spacing: 0px;
font-family: var(--main-font-family);
}
.player-level .level-star {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
fill: #EF569F;
-webkit-filter: drop-shadow(0px 2px 2px rgba(158, 0, 126, 0.4));
filter: drop-shadow(0px 2px 2px rgba(158, 0, 126, 0.4));
}
.player-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.leagues .player-flag {
position: absolute;
bottom: -5px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.leagues-podium-wraper .player-first .player-name,
.player-info .player-reward {
padding: 0px 46px 0px 80px;
}
.player-info .player-reward {
padding: 8px 40px;
}
.player-info .player-reward li{
padding-bottom: 9px;
}
.leagues-podium-wraper .player-name a {
color: #FDBE54;
font-weight: bold;
padding: 0 2px;
}
.leagues-podium-wraper .player-info a:hover {
border-color: #ED74FF;
}
.leagues-podium-wraper .player-info {
background-color: rgba(70, 30, 80, .7);
border-radius: 40px;
box-shadow: 0 0 50px 0 rgb(50, 35, 57) inset;
color: #ffe2f4;
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 36px;
font-size: 14px;
text-align: center;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.leagues .player-info-wrap.player-first .player-info {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding-top: 8px;
border-radius: 50px;
min-height: 84px;
}
.leagues-podium-wraper .player-info::after {
content: "";
width: 20px;
height: 24px;
position: absolute;
background: url(../img/layout/leagues/pin.png) no-repeat;
}
.player-first .player-info::after {
right: 80px;
-webkit-transform: rotate(270deg) scaleY(-1);
-ms-transform: rotate(270deg) scaleY(-1);
transform: rotate(270deg) scaleY(-1);
bottom: -22px;
}
.player-second .player-info::after {
right: -20px;
-webkit-transform: scaleX(-1) scaleY(-1);
-ms-transform: scaleX(-1) scaleY(-1);
transform: scaleX(-1) scaleY(-1);
bottom: 38px;
}
.player-third .player-info::after {
right: auto;
left: -20px;
bottom: 36px;
transform: scaleY(-1);
}
.leagues-podium-wraper .player-guild,
#league-ranking-container .ranking-guild-logo{
font-size: 12px;
padding: 5px 0;
margin-top: 8px;
display: flex;
align-items: center;
}
.leagues-podium-wraper .player-guild > div,
#league-ranking-container .ranking-guild-logo > div{
width: 26px;
height: 26px;
position: relative;
margin-right: 5px;
}
.leagues-podium-wraper .player-guild {
box-shadow: 0 0 8px 2px #482457 inset;
justify-content: center;
color: #ffda00;
text-shadow: 0 0 1px #bc00ff,0 0 4px #bc00ff;
}
.leagues-podium-wraper .player-first .player-guild {
border-radius: 0 16px 6px 0;
padding: 5px 80px 5px 70px;
margin: 3px 10px 0;
}
.player-info .player-reward {
margin-top: 10px;
position: relative;
}
.player-reward.currency-reward {
margin: 20px 0 4px 0 !important;
padding: 0 20px !important;
}
.player-reward.currency-reward li{
padding: 5px 0;
}
.player-reward.currency-reward::before {
content: "";
height: 1px;
width: 80%;
background: -webkit-linear-gradient(45deg, rgba(255,226,244,0) 0%, rgba(255,226,244,1) 50%, rgba(255,226,244,0) 100%);
background: linear-gradient(45deg, rgba(255,226,244,0) 0%,rgba(255,226,244,1) 50%,rgba(255,226,244,0) 100%);
position: absolute;
top: -7px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.leagues .player-info-wrap.player-first .player-reward {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 3px 0 3px 0;
padding: 0 27px 0 59px;
}
.player-info .player-reward
.player-info .player-reward li {
margin-bottom: 7px;
}
.player-first .player-info .player-reward li {
margin: 0 5px 7px;
}
/* Leagues ranking table */
#league-ranking-container .ranking.top {
box-sizing: border-box;
width: 980px;
height: 49px;
}
.leagues-popularity-table {
font-size: 14px;
border-radius: 0 0 10px 10px !important;
width: 980px;
}
.leagues-popularity-table tfoot td {
text-align: center;
padding: 10px 0;
}
.leagues-popularity-table tbody tr{
height: 95px;
border-bottom: 1px solid #ae8990;
}
.leagues-popularity-table tbody td {
position: relative;
}
.leagues-popularity-table .popularity-lady {
width: 257px;
}
.leagues-popularity-table .popularity-guild {
width: 204px;
}
.leagues-popularity-table .player-avatar{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.leagues-popularity-table .player-avatar + span{
margin-left: 80px;
}
table.popularity.leagues-popularity-table .chat-message {
float: none;
margin: 0;
padding: 5px 12px 0px;
}
/* Ramking by player experience */
.player-ranking-nav {
height: 156px;
margin: 0;
}
.player-ranking-nav + .tiers-scroller-container .viewport {
position: relative;
width: 732px;
overflow: hidden;
z-index: 2;
border-radius: 10px;
-webkit-transform: translateY(-168px);
-ms-transform: translateY(-168px);
transform: translateY(-168px);
height: 174px;
margin-bottom: -195px;
}
.player-ranking-nav + .tiers-scroller-container .viewport .overview{
position: absolute;
}
.player-ranking-nav + .tiers-scroller-container .viewport ul {
display: flex;
}
.player-ranking-nav + .tiers-scroller-container .viewport li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 150px;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
height: 174px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
cursor: pointer;
position: relative;
margin: 0 2px;
}
.player-ranking-nav + .tiers-scroller-container .viewport figure {
width: 115px;
-webkit-transform: translateY(12px);
-ms-transform: translateY(12px);
transform: translateY(12px);
}
.player-ranking-nav + .tiers-scroller-container .viewport .league-name {
background-color: rgba(70, 30, 80, .7);
padding: 4px 10px;
border-radius: 14px;
width: 70%;
text-align: center;
text-shadow: 0 0 5px #ff71c9;
box-shadow: 0 0 20px 0 rgb(69, 49, 78) inset;
}
.player-ranking-nav + .tiers-scroller-container .viewport .league-level {
text-shadow: 0 0 5px #ad006b, 0 0 3px #b300ff, 0 0 2px #ff0018;
color: #ffc3dd;
font-style: italic;
}
.player-ranking-nav + .tiers-scroller-container .viewport .player-ranking-nav-hover {
background-color: rgba(70, 30, 80, 0);
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) scale(0);
width: 100%;
height: 100%;
border-radius: 9px;
z-index: -1;
transition: all .1s ease-out;
}
.player-ranking-nav + .tiers-scroller-container .viewport li:hover .player-ranking-nav-hover
{
background-color: rgba(70, 30, 80, .85);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.player-ranking-nav + .tiers-scroller-container .viewport:hover + .scroll-h-holder .scroll-h-wrapper {
opacity: 1;
}
.tiers-scroller-container .active-tier{
background-color: rgba(70, 30, 80, .85);
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}
.player-ranking-nav + .tiers-scroller-container .viewport li:hover .league-name{
background-color: transparent;
box-shadow: none;
}
.player-ranking-nav + .tiers-scroller-container .viewport + .scroll-h-holder {
overflow: hidden;
}
/* Mall and Mall-2 */
#wardrobe-container .leftMenu,
#mall-container .leftMenu{
margin-top: 44px;
border-radius: 0 0 13px 13px;
}
.switch-mall-boutique,
.switch-wardrobe-archive {
height: 44px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: hidden;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-44px);
-ms-transform: translateY(-44px);
transform: translateY(-44px);
}
.switch-mall-boutique a,
.switch-wardrobe-archive a {
width: 59px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d1c72+0,491760+100&0.5+0,0.7+50,0.9+100 */
background: -moz-linear-gradient(top, rgba(77,28,114,0.5) 0%, rgba(75,26,105,0.7) 50%, rgba(73,23,96,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(77,28,114,0.5) 0%,rgba(75,26,105,0.7) 50%,rgba(73,23,96,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(77,28,114,0.5) 0%,rgba(75,26,105,0.7) 50%,rgba(73,23,96,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804d1c72', endColorstr='#e6491760',GradientType=0 ); /* IE6-9 */
color: #fff;
font-size: 12px;
font-weight: bold;
text-shadow: 0 3px 5px #511769, 0 1px 1px #511769, 0 2px 11px #d130c7;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
border-radius: 13px 13px 0 0;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
}
.switch-boutique.notify::before {
top: 3px !important;
right: 0px !important;
width: 7px !important;
height: 7px !important;
}
.switch-mall-boutique a:hover, .switch-wardrobe-archive a:hover {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background-color: rgba(73,23,96,0.2);
}
.switch-mall-icon {
background: url(../img/layout/switch-mall-icon.png) no-repeat;
width: 39px;
height: 36px;
display: block;
}
.switch-boutique-icon {
background: url(../img/layout/switch-boutique-icon.png) no-repeat;
width: 37px;
height: 40px;
display: block;
margin-left: -2px;
}
.switch-title {
display: none;
}
.switch-mall-boutique a.active, .switch-wardrobe-archive a.active {
width: 164px;
background: none;
border: none;
cursor: auto;
opacity: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaa0ff+0,8d509c+70 */
background: rgb(234,160,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(234,160,255,1) 0%, rgba(141,80,156,1) 70%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(234,160,255,1) 0%,rgba(141,80,156,1) 70%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(234,160,255,1) 0%,rgba(141,80,156,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaa0ff', endColorstr='#8d509c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background-position: 0 -20px;
background-repeat: no-repeat;
background-color: rgb(141, 80, 156);
}
.switch-mall-boutique a.active span.switch-title,
.switch-wardrobe-archive a.active span.switch-title {
display: block;
padding-left: 5px;
}
.filter-mall-boutique {
height: auto;
margin: 0 auto 40px;
width: 220px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: center;
}
#beautySalonMirrorHolder + .filter-mall-boutique {
margin: 0 auto 20px;
padding-top: 40px;
}
.filter-mall-boutique a {
position: relative;
width: 42px;
height: 42px;
box-shadow: inset 0 2px 5px 0 rgba(225, 117, 255, 0.8);
border-radius: 50px;
border: 2px solid rgba(255, 187, 241, 0.4);
margin: 0 10px;
transition: all 0.3s ease-out;
}
.filter-mall-boutique a:hover {
opacity: .6;
}
.filter-mall-boutique a.inactive {
cursor: auto;
opacity: .5;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.filter-mall-boutique a.active {
border-color: #ffbf00;
box-shadow: inset 0 0px 1px rgba(231, 144, 255, 0.8), 0 2px 10px rgb(91, 32, 113), 0 0 25px 0 #d58ee9;
cursor: auto;
opacity: 1;
}
.filter-mall-boutique a.active::after {
content: '';
position: absolute;
top: 45px;
left: 0px;
background: url(../img/layout/filter-active.png) no-repeat;
width: 41px;
height: 18px;
}
.filter-1-icon {
position: absolute;
top: -20px;
left: -3px;
background: url(../img/layout/filter-lady.png) no-repeat;
width: 46px;
height: 62px;
}
.filter-2-icon {
position: absolute;
top: -22px;
left: -2px;
background: url(../img/layout/filter-boy.png) no-repeat;
width: 45px;
height: 63px;
}
.filter-3-icon {
position: absolute;
top: -11px;
left: -1px;
background: url(../img/layout/filter-furniture.png) no-repeat;
width: 45px;
height: 51px;
}
.filter-limited-icon {
position: absolute;
top: 4px;
left: 8px;
background: url(../img/layout/limited-icon.png) no-repeat;
width: 26px;
height: 34px;
}
.filter-locked-icon {
position: absolute;
top: 5px;
left: 8px;
background: url(../img/layout/locked-icon.png) no-repeat;
width: 37px;
height: 36px;
}
.filter-unlocked-icon {
position: absolute;
top: 4px;
left: 8px;
background: url(../img/layout/unlocked-icon.png) no-repeat;
width: 36px;
height: 38px;
}
.mall-stores .categories-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.categories-container .next-level-items {
box-sizing: border-box;
margin: 0 20px 20px;
color: #f2c4f6;
height: auto;
}
.categories-container .next-level-items .icon {
left: 16px;
}
div.subMenu-categories,
div.wardrobe-submenu-container{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
div.subMenu-categories a {
position: relative;
padding: 10px;
width: 32px;
height: 32px;
margin: 0 5px 10px;
background-color: #441b52;
border-radius: 6px;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.subMenu-categories a.active span.lockedStore {
background: url(../img/layout/locked-store-dark-ico.png) no-repeat;
}
.subMenu-categories a:hover {
background-color: #673a75;
box-shadow: 0 0 0 2px #673a75;
}
.subMenu-categories a.active {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffea00+0,ff9d00+100 */
background: rgb(255,234,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,234,0,1) 0%, rgba(255,157,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,234,0,1) 0%,rgba(255,157,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,234,0,1) 0%,rgba(255,157,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea00', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */
box-shadow: 0 5px 20px 0 rgba(255, 132, 0, .3);
}
.subMenu-categories a.active .icon {
fill: #b24940;
}
.subMenu-categories a .icon {
fill: url(#icons-gradient) #cb9ecf;
}
.subMenu-categories a.inactive {
opacity: .4;
background-color: #4c175e;
}
.subMenu-categories a.inactive:active {
pointer-events: none;
}
.subMenu-categories a.inactive:hover {
cursor: default;
box-shadow: none;
}
.limited-collections-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 10px auto 0;
}
.limited-collections-list ul {
width: 100%;
}
.limited-collections-list li {
margin-bottom: 10px;
position: relative;
transition: all .3s ease-out;
}
.limited-collections-container .limited-collections-list li {
margin-bottom: 30px;
}
.limited-collections-list .locked::after {
content: "";
background: #ac1e7e url("../img/layout/icons/padlock-icon.svg") no-repeat center center / 10px auto;
width: 22px;
height: 22px;
position: absolute;
top: -8px;
right: -8px;
border-radius: 50%;
z-index: 3;
}
.limited-collections-list .locked:hover + li{
margin-top: 38px;
}
.limited-collections-list a {
display: inline-block;
height: 60px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 2;
cursor: pointer;
border-radius: 4px;
background-size: 100% auto;
}
.limited-collections-list a:hover {
box-shadow: 0 0 0 2px #ff9900 inset;
opacity: 1;
}
.limited-collections-list a::after {
content: "";
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.05) 75%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.05) 75%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.05) 75%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
width: 520px;
height: 50px;
position: absolute;
bottom: -15px;
left: -213px;
}
.limited-collections-list li a::before {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: url("data:image/svg+xml; utf8, ");
background-color: rgba(0,0,0,.15);
z-index: 10;
border-radius: 3px;
opacity: 0;
pointer-events: none;
}
.limited-collections-list a:hover::before{
opacity: 1;
}
.limited-collections-list a.active {
box-shadow: 0 0 0px 2px #f90 inset, 0 0 10px 2px #3a0155, 0 1px 1px 1px #3a0155;
opacity: 1;
}
.limited-collections-list .locked a {
box-shadow: 0 0 0px 2px #ac1e7e inset;
}
.limited-collections-list a h3 {
position: absolute;
bottom: 5px;
line-height: 1;
left: 2px;
height: 26px;
display: inline-flex;
align-items: center;
padding-right: 5px;
font-size: 13px;
margin: 40px 0 0 12px;
z-index: 1;
color: #9b1aa7;
text-align: left;
}
.limited-collections-list a h3 strong {
margin-bottom: 5px;
}
.limited-collections-list .active h3::before {
content: "";
position: absolute;
z-index: 2;
left: -20px;
top: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #ff9900;
}
.limited-collections-list a.active h3 {
margin: 40px 0 0 18px;
}
.limited-collections-list button {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) scale(.8);
-ms-transform: translateX(-50%) scale(.8);
transform: translateX(-50%) scale(.8);
bottom: -30px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0;
visibility: hidden;
}
.limited-collections-list li:hover button {
bottom: -30px;
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.locked-collections-container .buttons-container {
margin-top: 26px;
}
.unlock-title {
background: url(../img/layout/bill-bg.png) no-repeat center bottom;
height: 19px;
margin: 0 auto;
font-size: 14px;
font-weight: bold;
color: #FDCF62;
text-align: center;
padding: 0 0 4px;
text-transform: uppercase;
}
.unlock-title-icon {
width: 40px;
height: 40px;
border-radius: 50px;
background-color: #431752;
box-shadow: 0 -1px 1px rgba(180, 113, 156, .2), 0 6px 6px rgba(51, 13, 64, 0.80) inset;
display: block;
position: relative;
margin: 0 auto;
z-index: 2;
}
.unlock-title-icon:after {
content: '';
position: absolute;
top: 4px;
left: 8px;
background: url(../img/layout/unlock-icon.png) no-repeat;
width: 25px;
height: 31px;
}
.left-menu-hint {
text-align: center;
font-style: italic;
color: #c988d4;
margin-top: 10px;
}
.price-wrapper {
width: 92%;
height: 30px;
background-color: #441b52;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
margin: 0 auto;
margin-bottom: 10px;
}
.price-wrapper a.oval-act-btn.yellow {
float: right;
padding: 7px 15px;
margin-top: 1px;
margin-right: 1px;
font-size: 13px;
line-height: normal;
transition: all 1s ease-out;
}
.price-wrapper .totalDiamond {
float: left;
}
.locked-collections-container {
text-align: center;
padding: 0 12px 10px;
}
.load-new-collections {
}
.limited-collections-container .load-new-collections {
box-shadow: none;
}
.load-new-collections .text-title {
font-size: 14px;
font-weight: lighter;
line-height: 23px;
/*margin: -14px 0 0;*/
display: inline-block;
padding: 0;
background-color: transparent;
text-shadow: 0 2px 3px #440a5d;
position: relative;
transform: translateY(calc(-50% - 2px));
z-index: 1;
flex: 1 1 auto;
}
.load-new-collections {
box-shadow: 0 1px 0 1px #450C5F;
border-radius: 13px;
margin: 40px 0 10px;
padding: 1px 10px 20px;
text-align: center;
position: relative;
z-index: 1;
}
.boutique-title-row {
display: flex;
flex-direction: row;
}
.boutique-border-left,.boutique-border-right {
display: block;
background: url('../img/layout/boutique-radius-fix.png') no-repeat left 0 top 0;
height: 18px;
min-width: 10px;
margin-left: -11px;
flex: 1 1 auto;
}
.boutique-border-right {
background-position: right 0 top 0;
margin-left: 0;
margin-right: -11px;
}
.time-left-new-collections {
position: relative;
margin: 20px 0 10px 14px;
font-size: 16px;
color: #fff;
display: inline-block;
text-shadow: 0 0 10px #ff326c, 0 0 10px #ff32e9, 0 1px 1px #ff326c, 1px 0px 1px #ff326c;
}
.time-left-new-collections::after {
content: '';
background: url("../img/layout/quest-clock.png") no-repeat scroll 0 3px transparent;
width: 28px;
height: 27px;
position: absolute;
left: -30px;
top: -4px;
}
.btn-get-new-random-collections {
margin: 20px 0;
}
.unlock-all-collections {
text-align: center;
margin: 32px 0 0;
}
div#cart-container {
position: relative;
width: 980px;
margin: 0 auto;
}
.shopping-bag {
position: absolute;
top: -30px;
left: 538px;
z-index: 105;
}
.pets-page .shopping-bag {
top: 0px;
}
.shopping-bag .buttonIcon {
display: block;
width: 50px;
height: 60px;
background: url(../img/layout/icons/shopping-cart-color.svg) no-repeat center top;
}
.shopping-bag.close .buttonIcon{
background: url(../img/layout/icons/shopping-cart-close-color.svg) no-repeat center top;
}
.shopping-bag span.itemsCount {
position: absolute;
top: -2px;
right: 2px;
background-color: red;
border-radius: 50%;
width: 16px;
height: 16px;
font-size: 10px;
line-height: 15px;
letter-spacing: -1px;
text-align: center;
color: #fff;
z-index: 2;
}
.shopping-cart {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
transition: all 1s ease-out;
position: absolute;
z-index: 104;
top: 0px;
left: 252px;
border-radius: 10px;
width: 312px;
box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
font-size: 18px;
/*max-height: 648px;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ff00fc+100&0.9+0,0.3+50,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,128,254,0.3) 50%,rgba(255,0,252,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,128,254,0.3) 50%, rgba(255,0,252,0.3) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,128,254,0.3) 50%,rgba(255,0,252,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#4dff00fc',GradientType=0 ); /* IE6-9 */
}
.shopping-cart-short-info{
transition: all 1s ease-out;
position: absolute;
top: 0px;
left: 252px;
z-index: 104;
border-radius: 10px;
display: none;
opacity: 0;
font-size: 18px;
height: 57px;
width: 312px;
box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
background: rgb(245,215,249);
background: -moz-linear-gradient(top, rgba(245,215,249,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(245,215,249,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,215,249,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d7f9', endColorstr='#ffffff',GradientType=0 );
}
.shopping-cart-short-info .billAmount {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 20px;
flex-wrap: wrap;
}
.shopping-bag:not(.close):hover + .shopping-cart-short-info{
opacity: 1;
display: block;
}
.shopping-cart h2 {
color: #ff4c87;
font: normal 26px/1.6 'Open Sans', sans-serif;
text-align: center;
text-transform: none;
transition: all .3s ease-out;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
}
.shopping-cart h2 span{
font-size:18px;
}
.shopping-cart h2 {
padding-top: 10px;
margin-bottom: 10px;
}
.shopping-cart .billAmount {
margin: 20px 0 0;
width: 90%;
position: relative;
color: var(--font-color-darker);
}
.billAmount .info-tag {
display: flex;
margin: -8px auto;
}
.billAmount .info-tag:before{
background-color: #8647a3
}
.billAmount .info-tag:hover:before{
background-color: currentColor;
}
.billAmount .info-tag:after{
color: #fff;
}
.billAmount .info-tag .tooltip {
white-space: nowrap;
font-size: var(--font-size-12);
background-color: #8647a3;
border-radius: var(--border-radius-s);
}
.billAmount-title {
min-width: 100%;
text-align: center;
color: #52375c;
margin-bottom: 6px;
}
.shopping-cart .billAmound-fp {
background-color: rgba(73,23,100,.9);
border-radius: 10px 10px 0 0;
color: #f2ceff;
font-size: 14px;
padding: 3px;
text-align: center;
}
.billAmound-fp span {
font-size: 18px;
color: #ffde00;
text-shadow: 0 0 12px #ffde00, 0 0 15px #ffde00;
background-position: 3px -264px !important;
}
.billAmount .amount {;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
border-radius: 0 0 10px 10px;
}
.shopping-cart-short-info .amount{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.shopping-cart .billAmount .amount {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffbfe8+100&0.85+0,0.85+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(255,191,232,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.85) 0%,rgba(255,191,232,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%,rgba(255,191,232,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#d9ffbfe8',GradientType=0 ); /* IE6-9 */
padding: 10px 0;
border-radius: 0 0 10px 10px;
}
.shopping-cart .billAmount-discount .amount{
border-radius: 0;
}
.shopping-cart .billAmount-info .amount{
padding: 10px 0 20px;
}
.shopping-cart .billAmount-discount.billAmount-info .amount{
padding: 10px 0;
}
.shopping-cart .thumbnail {
cursor:pointer;
}
.billAmount div > span:not(.info-tag):not(.billAmount-lc-gold):not(.billAmount-lc-silver):not(.billAmount-lc-bronze),
.total.bill span {
position: relative;
padding: 3px 0 3px 30px;
margin: 5px;
background: url(../img/layout/new/currency.png) no-repeat left center;
}
.shopping-cart .billAmount-discount .amount > span:before,
.shopping-cart .billAmount-discount .amount > span:after{
content: "";
height: 2px;
width: 100%;
background-color: rgba(255,0,0,.5);
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%) rotate(15deg);
-ms-transform: translateY(-50%) rotate(15deg);
transform: translateY(-50%) rotate(15deg);
}
.shopping-cart .billAmount-discount .amount > span:after{
-webkit-transform: translateY(-50%) rotate(-15deg);
-ms-transform: translateY(-50%) rotate(-15deg);
transform: translateY(-50%) rotate(-15deg);
}
.billAmount .totalMoney,
.total.bill .totalMoney {
color: #d18d3c;
background-position: 1px -2px !important;
text-shadow: 0 0 1px #fff3b3, 0 0 3px #fff3b3, 0 0 5px #fff3b3, 0 0 7px #fff3b3, 0 0 9px #fff3b3, 0 0 12px #fff3b3, 0 0 15px #fff3b3;
}
.billAmount .totalEmerald,
.total.bill .totalEmerald {
color: #3aa04b;
background-position: -1px -40px !important;
text-shadow: 0 0 1px #ceffcd, 0 0 3px #ceffcd, 0 0 5px #ceffcd, 0 0 7px #ceffcd, 0 0 9px #ceffcd, 0 0 12px #ceffcd, 0 0 15px #ceffcd;
}
.billAmount .totalDiamond,
.total.bill .totalDiamond {
color: #487ca8;
background-position: 0px -78px !important;
text-shadow: 0 0 1px #bbfbff, 0 0 3px #bbfbff, 0 0 5px #bbfbff, 0 0 7px #bbfbff, 0 0 9px #bbfbff, 0 0 12px #bbfbff, 0 0 15px #bbfbff;
}
.billAmount-lc .totalMoney {
color: #fff;
text-shadow: 0 0 1px #b49700, 0 0 3px #b49700, 0 0 5px #b49700, 0 0 7px #b49700, 0 0 9px #b49700, 0 0 12px #b49700, 0 0 15px #b49700;
}
.billAmount-lc .totalEmerald{
color: #fff;
text-shadow: 0 0 1px #26ec21, 0 0 3px #26ec21, 0 0 5px #26ec21, 0 0 7px #26ec21, 0 0 9px #26ec21, 0 0 12px #26ec21, 0 0 15px #26ec21;
}
.billAmount-lc .totalDiamond{
color: #fff;
text-shadow: 0 0 1px #30e6f1, 0 0 3px #30e6f1, 0 0 5px #30e6f1, 0 0 7px #30e6f1, 0 0 9px #30e6f1, 0 0 12px #30e6f1, 0 0 15px #30e6f1;
}
.billAmount-lc {
background-color: rgba(73,23,100,.9);
border-radius: 0 0 10px 10px;
text-align: center;
padding: 10px 2px;
display: none;
}
.billAmount-info .billAmount-lc{
padding: 10px 2px 20px;
}
.billAmount .billAmount-lc > span {
padding: 3px 0 3px 50px;
margin: 0px 0 6px 0;
display: inline-block;
position: relative;
color: var(--font-color-default-light);
}
.billAmount .billAmount-lc > span::before,
.billAmount .billAmount-lc > span::after {
content: "";
position: absolute;
height: 1px;
width: 40%;
left: -50%;
top: 45%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dba1d3+0,dba1d3+100&0+0,0.85+100 */
background: -moz-linear-gradient(left, rgba(219,161,211,0) 0%, rgba(219,161,211,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(219,161,211,0) 0%,rgba(219,161,211,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(219,161,211,0) 0%,rgba(219,161,211,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dba1d3', endColorstr='#d9dba1d3',GradientType=1 ); /* IE6-9 */
}
.billAmount .billAmount-lc > span:after{
left: auto;
right: -50%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dba1d3+0,dba1d3+100&0.85+0,0+100 */
background: -moz-linear-gradient(left, rgba(219,161,211,0.85) 0%, rgba(219,161,211,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(219,161,211,0.85) 0%,rgba(219,161,211,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(219,161,211,0.85) 0%,rgba(219,161,211,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dba1d3', endColorstr='#00dba1d3',GradientType=1 ); /* IE6-9 */
}
.billAmount-lc-gold{
background: url(../img/layout/discount-card-mini.png) no-repeat left top !important;
}
.billAmount-lc-silver{
background: url(../img/layout/discount-card-mini.png) no-repeat left -32px !important;
}
.billAmount-lc-bronze{
background: url(../img/layout/discount-card-mini.png) no-repeat left -64px !important;
}
.billAmount-discount .billAmount-lc {
display: block;
}
#cart-buy-btn {
margin: 25px 0 -20px;
max-width: 238px;
}
.empty-cart {
position: absolute;
bottom: 10px;
right: 10px;
background-color: transparent;
border: none;
width: 30px;
height: 30px;
cursor: pointer;
padding: 4px;
opacity: .7
}
.empty-cart:hover{
padding: 2px;
opacity: .9
}
.empty-cart .icon {
fill: rgb(255,255,255);
-webkit-filter: drop-shadow(2px 2px 4px #441b52);
filter: drop-shadow(2px 2px 4px #441b52);
}
.empty-cart:hover .icon{
fill: rgb(255,0,0);
-webkit-filter: none;
filter: none;
}
.subMenu-categories a .new-in-category-label{
background: rgba(0, 0, 0, 0) url("../img/layout/label-new5.png") no-repeat scroll 0 0!important;
height: 45px;
left: -5px;
position: absolute;
top: -5px;
width: 42px;
z-index: 1;
}
.unlock-area .oval-act-btn.shake-anim {
-webkit-animation: oval-btn-shake-anim .5s ease-out 0s infinite normal, shake 0.82s cubic-bezier(.36,.07,.19,.97);
animation: oval-btn-shake-anim .5s ease-out 0s infinite normal, shake 0.82s cubic-bezier(.36,.07,.19,.97);
}
@-webkit-keyframes oval-btn-shake-anim {
from {
background-color: #8E0068;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
50% {
background-color: #cb378e;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
}
to {
background-color: #8E0068;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
}
@keyframes oval-btn-shake-anim {
from {
background-color: #fb9a39;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
50% {
background-color: #cb378e;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 0px 10px 2px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px #ffedb9;
}
to {
background-color: #fb9a39;
-webkit-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
-moz-box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
box-shadow: 0px 0px 2px 0px #3A0000, inset 0px 5px 5px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 5px 0px #ffedb9;
}
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
span.have-discount {
text-decoration-color: red;
text-decoration-line: line-through;
}
/* Wardrobe and Archive */
.leftMenu .switch-wardrobe-icon {
background: url(../img/layout/switch-wardrobe-icon.png) no-repeat 1px 4px;
width: 45px;
height: 36px;
display: block;
}
.leftMenu .switch-archive-icon {
background: url(../img/layout/switch-archive-icon.png) no-repeat 2px 2px;
width: 57px;
height: 41px;
display: block;
margin-left: -2px;
}
.remove-from-archive {
margin: 0 0 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 6px 5px 10px;
-webkit-box-shadow: 0 0 0 1px #9c56af;
box-shadow: 0 0 0 1px #9c56af;
margin: 0 20px 20px;
border-radius: 30px;
}
.remove-all-from-archive {
height: 36px;
padding: 6px;
align-self: center;
flex: 0 0 36px;
margin-left: 8px;
}
.filter-4-icon {
position: absolute;
top: -20px;
left: -2px;
background: url(../img/layout/filter-pets.png) no-repeat;
width: 52px;
height: 61px;
}
.wardrobe-submenu-container .petType .dropDown {
margin: 0 0 20px 0;
}
.wardrobe-submenu-container .outfit-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 20px 20px;
width: 100%;
box-shadow: 0 0 0 1px #9c56af;
border-radius: 30px;
padding: 5px 6px;
}
.leftMenu .btn-round {
box-sizing: border-box;
height: auto;
}
.leftMenu .filter-all-favorites.active,
.leftMenu .saved-outfits.active{
color: #b24940;
background: -webkit-linear-gradient(top, rgba(255,234,0,1) 0%, rgba(255,157,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,234,0,1) 0%,rgba(255,157,0,1) 100%)
}
.leftMenu .filter-all-favorites.active .icon{
fill: currentColor;
}
#wardrobe-container .btn-create-outfit {
width: 36px;
height: 36px;
padding: 10px;
margin-left: 7px;
outline: none;
}
.filter-all-favorites{
text-align: left;
margin: 0 20px 20px;
}
.filter-all-favorites .icon {
width: 20px !important;
max-width: none !important;
fill: #f62ca5 !important;
left: 13px !important;
}
.wardrobe-submenu-container .btn-create-outfit.circle-btn .icon {
opacity: .9;
}
.wardrobe-options-tooltip:not(.wardrobe-color-filter) {
width: auto;
}
.wardrobe-item-options-area svg {
fill: rgb(255, 34, 148) !important;
width: 60% !important;
}
.itemColorTooltip.wardrobe-options-tooltip .color-list-container {
padding: 15px;
}
.itemColorTooltip .wardrobe-item-options-area {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-color: unset;
padding: 5px 0px 15px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #d2cbcc;
margin-bottom: 10px;
width: 74px;
}
.itemColorTooltip div.wardrobe-item-options-area span {
color: #333333;
font-size: 14px;
flex-grow: 1;
}
.favorite-checkbox, .archive-checkbox {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 30px;
height: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.storeItemsSorting a {
margin: 5px 0;
}
.favorite-checkbox label, .archive-checkbox label {
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
cursor: pointer;
}
.favorite-checkbox label::before, .archive-checkbox label::before {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
right: 0;
top: 0;
}
.favorite-checkbox input[type="checkbox"],
.archive-checkbox input[type="checkbox"],
.favorite-checkbox-btn input[type="checkbox"],
.storeItemsSorting input[type="checkbox"] {
display: none !important;
}
.favorite-checkbox input[type="checkbox"]:checked + label:before,
.archive-checkbox input[type="checkbox"]:checked + label:before
{
background: rgb(255, 34, 148);
box-shadow: none;
}
.favorite-checkbox-btn label,
.filter-favourites-btn label {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 0 0 0px;
}
.filter-favourites-btn .icon {
opacity: 1 !important;
width: 16px;
margin: 0 10px 0 -5px;
fill: #f62ca5 !important;
}
.filter-colors-btn .icon {
left: 13px !important;
}
.favorite-checkbox-btn input[type="checkbox"]:checked + label svg,
.filter-favourites-btn input[type="checkbox"]:checked + label svg,
.favorite-checkbox-btn:hover .icon,
.filter-favourites-btn:hover .icon{
fill: rgb(255, 34, 148) !important;
}
.favorite-checkbox input[type="checkbox"]:checked + label svg,
.archive-checkbox input[type="checkbox"]:checked + label svg,
.favorite-checkbox-btn input[type="checkbox"] + label svg
{
fill: #fff !important;
}
.favorite-checkbox:hover,
.archive-checkbox:hover,
.btn-create-outfit:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#wardrobe-container #outfitsContainer {
left: 252px;
height: 560px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
width: 289px;
z-index: 101;
margin-left: 0;
}
.outfits-wrapper{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ff00fc+100&0.9+0,0.3+50,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,128,254,0.3) 50%,rgba(255,0,252,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,128,254,0.3) 50%, rgba(255,0,252,0.3) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,128,254,0.3) 50%,rgba(255,0,252,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#4dff00fc',GradientType=0 ); /* IE6-9 */
}
.outfitsContainer .viewport {
overflow: hidden;
position: relative;
height: 485px;
}
.outfitsContainer .overview {
width: 97%;
}
.mall-stores #wardrobe-container .outfitsSlots {
background-color: transparent;
font-size: 18px;
margin-bottom: 20px;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mall-stores #wardrobe-container .outfitsSlots .slots-info {
font-size: inherit;
color: #ff4c87;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
}
.mall-stores #wardrobe-container .outfitsSlots .slots-info strong {
display: inline-flex;
}
#wardrobe-container .myOutfits .outfitsContainer h1,
.mall-stores #wardrobe-container .outfitsSlots .linkContainer,
#wardrobe-container .myOutfits .boxFooter,
#wardrobe-container .outfitsSlots .linkContainer{
display: none;
}
#wardrobe-container input.outfitsInput {
margin: 0 0 20px 0;
display: block;
width: 97%;
}
#wardrobe-container .outfitResults li {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
font-size: 15px;
margin: 10px 0;
background-color: rgba(255,255,255,.3);
box-shadow: 0 0 18px 0 rgb(255, 255, 255) inset;
text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
border-radius: 4px;
padding: 4px 0px 4px 10px;
box-sizing: border-box;
}
#wardrobe-container .outfitResults li:hover{
background-color: rgba(255,255,255,.7);
}
#wardrobe-container .outfitResults li a {
color: #5b0063;
text-decoration: underline;
min-width: 20px;
height: 20px;
background: none;
margin: 0 0 0 10px;
}
#wardrobe-container .outfitResults li .delete:hover svg {
fill: red;
}
#wardrobe-container .outfitResults li svg{
fill: #5b0063;
}
#wardrobe-container .outfitResults li .edit.act svg {
fill: #ea3bbd;
}
#wardrobe-container .outfitResults .edit-icon,
#wardrobe-container .outfitResults .trash-icon {
opacity: .6;
}
#wardrobe-container .outfitResults li a:hover svg{
opacity: 1;
}
#wardrobe-container .outfitResults li .outfit-number {
color: #5e0e79;
background-color: rgba(255,255,255,.7);
padding: 2px 0px;
flex: 0 0 30px;
text-align: center;
border-radius: 18px 18px 18px 0;
font-size: 14px;
margin-right: 18px;
}
#wardrobe-container .outfitResults li:hover .outfit-number{
background-color: rgba(255,255,255,.95);
}
#wardrobe-container .outfitResults li .outfitItem {
height: auto;
overflow-wrap: break-word;
margin: 0 auto 0 0;
}
#wardrobe-container .outfitResults li a:not(.outfitItem) {
width: 20px;
}
.outfitResults input.outfit-name {
margin-right: auto;
}
.close-outfits {
background: no-repeat;
width: 25px;
height: 25px;
position: absolute;
top: 20px;
right: 20px;
}
.circle-btn.close-outfits svg {
stroke: #fff;
fill: #854996;
}
.close-outfits:hover svg {
fill: #ff4c87 !important;
}
.message-submit-btn {
box-shadow: 0 3px 8px 0 #ff9d00, 0 3px 15px 0 #f9ff68 inset, 0 -3px 10px 0 #ffc400 inset, 0 -7px 18px 0 #ff7f06 inset;
background-color: #ffea00;
text-shadow: 0 1px 2px #fff, 0 -1px 2px #ff6f00, 0 0 5px #fff;
color: #9c4222 !important;
font-size: 14px;
padding: 6px 20px;
border-radius: 16px;
display: inline-block;
text-decoration: none;
text-align: center;
height: auto;
border: none;
cursor: pointer;
}
.storeItemsHolder ul li a .item {
position: absolute;
top: 0;
width: 80px;
height: 80px;
z-index: 1;
}
.edit-name-checkbox{
position: absolute;
visibility: hidden;
}
.edit-name-checkbox + span,
.gallery-container .edit-name button {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid currentColor;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.gallery-container .edit-name button {
position: absolute;
left: 5px;
bottom: 5px;
width: 22px;
height: 22px;
border: none;
z-index: 1;
background-color: transparent;
}
.gallery-container .edit-name button:hover {
background-color: #d6b4da;
}
.gallery-container .edit-name input:focus + button:hover {
background-color: #ff8aea;
}
.gallery-container .edit-name svg {
width: 11px;
height: 11px;
fill: #850047;
}
.gallery-container .edit-name .edit-active .icon-ok {
display: block;
fill: #850047;
}
.edit-name-checkbox:checked + span {
border-color: #0f0;
box-shadow: 0 0 10px 0px #0f0, 0 0 10px 0px #029e02 inset;
}
.edit-name .icon-ok,
.edit-name-checkbox:checked + span .icon-edit,
.gallery-container .edit-name .edit-active .icon-edit {
display: none;
}
.edit-name-checkbox:checked + span .icon-ok {
display: block;
fill: #0f0;
}
.edit-name svg {
width: 55%;
height: 55%;
fill: currentColor;
}
.gallery-container .edit-name .icon-ok svg {
width: 16px;
height: 16px;
fill: currentColor;
}
/* Index New Inventory Panel */
#myLady button {
cursor:pointer;
border: none;
}
#myLady button:focus {
outline:none;
}
#myLady .rightContent {
width: 300px;
}
#myLady .rightContent * {
box-sizing: border-box;
}
#myLady #inventoryBox.boxContent {
margin: 6px 3px 0;
opacity: 0;
transition: opacity .5s ease-out;
}
#myLady .box-container {
background-image: linear-gradient(45deg, rgba(255,255,255,0.8), rgba(253,239,255,0.8));
box-shadow: 0 16px 28px rgba(0, 0, 0, .22);
width: 100%;
padding: 10px 8px;
border-radius: 4px;
margin-bottom: 10px;
overflow: hidden;
height: 54px;
transition: height .5s ease-out;
}
#myLady .expand-inventory {
height: 343px !important;
}
#myLady .expand-inventory .opacity-up {
opacity: 1 !important;
}
#myLady .box-title {
cursor: pointer;
}
#myLady .box-title h3 {
font-family: 'Open Sans';
font-weight: 300;
font-size: 24px;
color: #5b0063;
text-align: center;
margin-right: 5px;
position: relative;
}
#myLady .box-title h3::after {
content: "";
width: 9px;
height: 9px;
position: absolute;
border: 1px solid;
border-color: #5b0063 #5b0063 transparent transparent;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
top: 10px;
right: 2px;
transition: transform .3s ease-out;
}
#myLady .flex-col-center {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
}
#myLady .flex-col-center button.btn-icon {
margin: 5px;
}
#myLady .separator {
height: 10px;
}
#myLady .expand-inventory .mark-expanded h3::after {
transform: rotate(315deg) translateY(3px) translateX(-5px);
}
#myLady a.consumeOutfit {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #f5f2f0;
color: #5b0063;
text-shadow: none;
padding: 4px 0 3px 0;
opacity: .75;
}
#myLady a.consumeOutfit:hover {
opacity: .8;
}
#myLady a.consumeOutfit.timer {
-webkit-animation-name: timer-blinking; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: .6s; /* Safari 4.0 - 8.0 */
animation-name: timer-blinking;
animation-duration: .6s;
animation-iteration-count: infinite;
}
@keyframes timer-blinking {
0% {color: #5b0063;}
50% {color: #c9b6ca;}
100% {color: #5b0063;}
}
#myLady .empty-inventory-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 30px;
}
#myLady .empty-inventory-info h4 {
font-size: 18px;
color: #ff0b79;
text-align: center;
margin-bottom: 10px;
}
#myLady .empty-inventory-info p {
font-size: 14px;
color: #5d0061;
line-height: 1.4;
text-align: center;
margin-bottom: 10px;
}
#myLady .thumbnail.vip-shop-link-container {
background: none;
padding: 10px;
}
.inventory-vip-shop-link {
display: block;
background-color: rgba(0,0,0,.16);
transition: background-color .3s ease-out;
width: 100%;
height: 100%;
padding: 13px;
}
.inventory-vip-shop-link:hover {
background-color: rgba(255,255,255,.5);
box-shadow: 0 0 6px rgba(0,0,0,.3);
}
.inventory-icon-vip-shop {
width: 45px;
height: 42px;
background: transparent url(../img/layout/new/header-sprite-1.png) no-repeat -154px -5px;
margin: auto;
}
.inventory-vip-shop-link .icon {
display: block;
width: 12px;
height: 12px;
fill: #705074;
transition: fill .3s ease-out;
margin: auto;
}
.inventory-vip-shop-link:hover .icon {
fill: #f1870c;
}
.bubble-pin-down, .total-loyalty-hint {
position: absolute;
top: -30px;
left: -20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 70px;
height: 26px;
border-radius: 13px;
background-color: rgba(255,255,255,1);
font-size: 14px !important;
opacity: 0;
color: #541a6b !important;
box-shadow: 0 0 10px 0px rgba(84, 26, 107, .5);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
transition: transform .2s ease-out, opacity .2s ease-out, top .2s ease-out;
z-index: 2;
padding: 2px 7px !important;
}
.show-hint {
opacity: 1;
}
.bubble-pin-down::after, .total-loyalty-hint::after {
content: "";
position: absolute;
border-style: solid;
border-color: #fff transparent transparent transparent;
border-width: 8px;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.bubble-pin-down b {
font-weight: 400;
}
.bubble-pin-down.diamond b {
background: url("../img/layout/new/currency.png") no-repeat;
background-position: -7px -234px;
padding: 3px 0 3px 18px;
}
.adminMsg {
background: rgba(255,0,50,.7);
padding: 10px 20px;
text-align: center;
margin-bottom: 40px;
margin: 0 40px 30px;
border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(110,0,0,.2);
animation: msg-anim ease-out .4s forwards;
}
@keyframes msg-anim {
from {
transform: translateY(-15px);
opacity: .2;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/*---UI-STYLES
-----taken from ui-styles.css
---*/
/*--Typography--*/
a{
color: var(--font-color-link);
}
.font-light{
font-weight: var(--font-weight-lighter);
}
.font-bold{
font-weight: var(--font-weight-bold);
}
.ta-l{
text-align: left;
}
.ta-r{
text-align: right;
}
.ta-c{
text-align: center;
}
.block-title-m{
font-size: var(--font-size-24);
}
/*--Display-type--*/
.flex-row,
.flex-col{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-row{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-col{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.inline-flex{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.grid-container{
display: grid;
}
.grid-2-auto{
grid-template-columns: 1fr 1fr;
}
.inline-grid-container{
display: inline-grid;
}
.block-container{
display: block;
}
.inline-block-container{
display: inline-block;
}
.hiddent{
display: none;
}
.invisible{
visibility: hidden;
}
/*--Layout--*/
/*-Bordr-radius-*/
.br-s{
border-radius: var(--border-radius-s) !important;
}
.br-m{
border-radius: var(--border-radius-m) !important;
}
.br-l{
border-radius: var(--border-radius-l) !important;
}
.br-xl{
border-radius: var(--border-radius-xl) !important;
}
.br-xxl{
border-radius: var(--border-radius-xxl) !important;
}
/*-Margins/Paddings-*/
.mt-20{
margin-top: 20px;
}
.mt-40{
margin-top: 40px;
}
.mb-20{
margin-bottom: 20px;
}
.mb-40{
margin-bottom: 40px;
}
.mt-a{
margin-top: auto;
}
.mr-a{
margin-right: auto;
}
.mb-a{
margin-bottom: auto;
}
.ml-a{
margin-left: auto;
}
.mr-17{
margin-right: 17px!important;
}
.pr-17{
padding-right: 17px!important;
}
/*---Containers-backgrounds---*/
.bg-g1{
background: -webkit-linear-gradient(315deg, var(--bg-g1-color-1) 0%, var(--bg-g1-color-2) 20%, var(--bg-g1-color-2) 80%, var(--bg-g1-color-1) 100%);
background: linear-gradient(135deg, var(--bg-g1-color-1) 0%, var(--bg-g1-color-2) 20%, var(--bg-g1-color-2) 80%, var(--bg-g1-color-1) 100%);
box-shadow: 0 16px 28px rgba(16, 7, 26, .3);
color: var(--font-color-default-light);
}
.bg-g2{
background: -webkit-linear-gradient(315deg, var(--bg-g2-color-1) 0%, var(--bg-g2-color-2) 30%, var(--bg-g2-color-2) 70%, var(--bg-g2-color-1) 100%);
background: linear-gradient(135deg, var(--bg-g2-color-1) 0%, var(--bg-g2-color-2) 30%, var(--bg-g2-color-2) 70%, var(--bg-g2-color-1) 100%);
box-shadow: 0 16px 28px rgba(16, 7, 26, .3);
color: var(--font-color-default-dark);
}
.bg-g3{
background: -webkit-linear-gradient(top, var(--bg-g3-color-1) 0%, var(--bg-g3-color-2) 100%);
background: linear-gradient(to bottom, var(--bg-g3-color-1) 0%, var(--bg-g3-color-2) 100%);
box-shadow: 0 16px 28px rgba(16, 7, 26, .3);
}
.bg-g4{
background: -webkit-linear-gradient(top, var(--bg-g4-color-1) 0%, var(--bg-g4-color-2) 100%);
background: linear-gradient(to bottom, var(--bg-g4-color-1) 0%, var(--bg-g4-color-2) 100%);
}
.bg-g5{
background: linear-gradient(to bottom, var(--bg-g5-color-1) 70%, var(--bg-g5-color-2) 100%);
box-shadow: 0 16px 28px rgba(50, 25, 80, .3);
color: var(--font-color-default-dark);
}
.bg-s1{
background-color: var(--bg-s1);
}
.bg-s2{
background-color: var(--bg-s2);
}
.bg-s3 {
background-color: var(--bg-s3);
color: var(--font-color-darker);
}
/*--Progress-bar-layout--*/
.progress-bar-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.progress-bar {
position: relative;
width: 100%;
background-color: var(--bg-s1);
border-radius: var(--border-radius-xl);
overflow: hidden;
}
.progress-bar-number{
margin-left: 0.833rem;
}
/*-Progress-bar-size-*/
.progress-bar-s{
height: 0.500em;
}
.progress-bar-s + .progress-bar-number{
font-size: var(--font-size-14);
}
.progress-bar-m{
height: 0.833rem;
}
.progress-bar-m + .progress-bar-number{
font-size: var(--font-size-16);
}
.progress-bar-l{
height: 1.500rem;
}
.progress-bar-l + .progress-bar-number{
font-size: var(--font-size-16);
}
.progress-bar-xl{
height: 2.167rem;
}
.progress-bar-xl + .progress-bar-number{
font-size: var(--font-size-18);
}
/*-Progress-bar-style-*/
.progress-bar-style-1{
background: -webkit-linear-gradient(left, var(--progress-g1-collor-1) 0%, var(--progress-g1-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g1-collor-1) 0%, var(--progress-g1-collor-2) 100%);
}
.progress-bar-style-2{
background: -webkit-linear-gradient(left, var(--progress-g2-collor-1) 0%, var(--progress-g2-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g2-collor-1) 0%, var(--progress-g2-collor-2) 100%);
}
.progress-bar-style-3{
background: -webkit-linear-gradient(left, var(--progress-g3-collor-1) 0%, var(--progress-g3-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g3-collor-1) 0%, var(--progress-g3-collor-2) 100%);
}
.progress-bar-style-4{
background: -webkit-linear-gradient(left, var(--progress-g4-collor-1) 0%, var(--progress-g4-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g4-collor-1) 0%, var(--progress-g4-collor-2) 100%);
}
.progress-bar-style-5{
background: -webkit-linear-gradient(left, var(--progress-g5-collor-1) 0%, var(--progress-g5-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g5-collor-1) 0%, var(--progress-g5-collor-2) 100%);
}
.progress-bar > span{
position: absolute;
left: 0;
top: 0;
height: 100%;
}
body #pageWrapper #content.backgroundFix,
.backgroundFix{
background-position: calc(50% - 8.5px) top !important;
}
/*--- Pagination---*/
.pagination-wraper {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--border-radius-xl);
padding: 0.833em;
}
.pagination-page {
background-color: transparent;
/* width: 2.5rem; */
height: 2.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 30px;
color: currentColor;
padding: 0 11px;
}
.pagination-btn {
border-radius: 50%;
padding: 0.833rem;
color: currentColor;
cursor: pointer;
}
.pagination-btn:hover{
background-color: rgba(255,255,255,.75);
}
.pagination-page.current{
font-weight: bold;
font-size: var(--font-size-16);
cursor: default;
}
.pagination-page.current:hover{
background-color: transparent !important;
color: currentColor !important;
}
.pagination-btn .arrow {
width: 0.833rem;
height: 0.833rem;
fill: currentColor;
opacity: .7;
}
.pagination-right .arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.pagination-left .arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
/*-Pagination-styles*/
.pagination-light{
color: var(--font-color-default-light);
}
.pagination-light .pagination-page:hover,
.pagination-light .pagination-btn{
background-color: var(--bg-s3);
}
.pagination-light .arrow {
fill: var(--bg-white);
}
.pagination-dark{
color: var(--font-color-default-dark);
}
.pagination-dark .pagination-page:hover,
.pagination-dark .pagination-btn {
background-color: var(--bg-s1);
}
/* Progress bars */
/*--Progress-bar-layout--*/
.progress-bar-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.progress-bar {
position: relative;
width: 100%;
background-color: var(--bg-s1);
border-radius: var(--border-radius-xl);
overflow: hidden;
}
.progress-bar-number{
margin-left: 0.833rem;
}
/*-Progress-bar-circle-*/
.progress-bar-circle {
position: relative;
display: flex;
justify-content: center;
align-items: center;
color: currentColor;
}
.progress-bar-circle-fill {
stroke-linecap: round;
stroke-width: .18rem;
fill: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-bar-circle-icon {
fill: currentColor;
width: 35%;
height: 35%;
}
/*-Progress-bar-size-*/
.progress-bar-s{
height: 0.500rem;
}
.progress-bar-s + .progress-bar-number{
font-size: var(--font-size-14);
}
.progress-bar-m{
height: 0.833rem;
}
.progress-bar-m + .progress-bar-number{
font-size: var(--font-size-16);
}
.progress-bar-l{
height: 1.500rem;
}
.progress-bar-l + .progress-bar-number{
font-size: var(--font-size-16);
}
.progress-bar-xl{
height: 2.167rem;
}
.progress-bar-xl + .progress-bar-number{
font-size: var(--font-size-18);
}
.progress-bar-circle-s{
font-size: var(--font-size-12);
width: 3.667rem;
height: 3.667rem;
}
.progress-bar-circle-m{
font-size: var(--font-size-14);
width: 4.167rem;
height: 4.167rem;
}
.progress-bar-circle-l{
font-size: var(--font-size-16);
width: 5.500rem;
height: 5.500rem;
}
.progress-bar-circle-xl{
font-size: var(--font-size-24);
width: 7.500rem;
height: 7.500rem;
}
/*-Progress-bar-style-*/
.progress-bar-style-1{
background: -webkit-linear-gradient(left, var(--progress-g1-collor-1) 0%, var(--progress-g1-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g1-collor-1) 0%, var(--progress-g1-collor-2) 100%);
}
.progress-bar-style-2{
background: -webkit-linear-gradient(left, var(--progress-g2-collor-1) 0%, var(--progress-g2-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g2-collor-1) 0%, var(--progress-g2-collor-2) 100%);
}
.progress-bar-style-3{
background: -webkit-linear-gradient(left, var(--progress-g3-collor-1) 0%, var(--progress-g3-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g3-collor-1) 0%, var(--progress-g3-collor-2) 100%);
}
.progress-bar-style-4{
background: -webkit-linear-gradient(left, var(--progress-g4-collor-1) 0%, var(--progress-g4-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g4-collor-1) 0%, var(--progress-g4-collor-2) 100%);
}
.progress-bar-style-5{
background: -webkit-linear-gradient(left, var(--progress-g5-collor-1) 0%, var(--progress-g5-collor-2) 100%);
background: linear-gradient(to right, var(--progress-g5-collor-1) 0%, var(--progress-g5-collor-2) 100%);
}
.progress-bar > span{
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.progress-bar-flip > span{
left: auto !important;
right: 0;
}
.progress-bar-circle-fill-1{
stroke: var(--progress-s1);
filter: drop-shadow(0 0 5px var(--progress-ds1));
}
.progress-bar-circle-fill-2{
stroke: var(--progress-s2);
filter: drop-shadow(0 0 5px var(--progress-ds2));
}
.progress-bar-circle-fill-3{
stroke: var(--progress-s3);
filter: drop-shadow(0 0 5px var(--progress-ds3));
}
.progress-bar-circle-fill-4{
stroke: var(--progress-s4);
filter: drop-shadow(0 0 5px var(--progress-ds4));
}
.progress-bar-circle-fill-5{
stroke: var(--progress-s5);
filter: drop-shadow(0 0 5px var(--progress-ds5));
}
/*---FORMS/INPUT-STYLES
-----taken from input-fields.css
---*/
/*--Form--*/
.form-wraper {
display: grid;
grid-gap: 20px;
}
.form-wraper_one-col{
grid-gap: 10px;
}
.form-wraper_two-col {
grid-template-columns: fit-content(280px) minmax(300px , 340px);
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-wraper_three-col{
grid-template-columns: 200px 1fr 1fr;
}
.form-wraper label:not(.checkbox):not(.radiobutton) {
text-align: right;
grid-column: 1 / 2;
}
.form-wraper_one-col label:not(.checkbox):not(.radiobutton){
text-align: left;
}
.form-wraper_one-col label:not(.checkbox):not(.radiobutton){
margin: 0px 0 -5px 0;
}
.form-wraper_one-col label{
text-align: left;
}
.form-wraper_two-col label:not(.checkbox):not(.radiobutton) {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.form-wraper .full-width-col{
grid-column: 1 / 3;
}
.form-wraper_two-col input:not([type="button"]),
.form-wraper_two-col .select,
.form-wraper_two-col textarea,
.form-wraper_two-col .checkbox,
.form-wraper_two-col .radiobutton,
#searchLadyNameResults{
grid-column: 2 / 3;
}
.form-wraper .checkbox,
.form-wraper .radiobutton{
justify-self: start;
}
/*--Input-layout--*/
input:not([type="button"]):not([type="file"]), select, textarea {
background-color: #6e4181;
border-radius: 10px;
color: #fff;
font-size: var(--font-size-14);
padding: 6px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
justify-self: normal;
outline: 0;
border: none;
font-family: var(--main-font-family) !important;
}
textarea{
font-family: var(--default-font);
height: auto !important;
resize: none;
}
.select {
position: relative;
}
.select::after {
content: "";
width: 9px;
height: 9px;
margin-top: -8px;
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
right: 20px;
border-style: solid;
border-width: 0 0 3px 3px;
border-color: #aa8ab7;
pointer-events: none;
border-radius: 2px;
}
select{
width: 100%;
padding: 6px 50px 6px 10px;
-moz-appearance: none;
-webkit-appearance: none;
}
select:-moz-focusring {
color: inherit;
text-shadow: 0 0 0 transparent;
}
select:-ms-expand {
display: none;
}
select:focus {
border-color: #835895;
}
/*Fake radio/checkbox*/
input[type="checkbox"],
input[type="radio"]{
display: none !important;
}
.checkbox,
.radiobutton{
position: relative;
display: inline-block;
}
.checkbox-fake,
.radiobutton-fake{
position: absolute;
border-radius: 3px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.radiobutton-fake{
border-radius: 50%;
}
.checkbox-fake::after,
.radiobutton-fake:after{
left: auto;
top: auto;
width: 0.833rem;
height: 0.5rem;
position: absolute;
display: none;
content: "";
border-style: solid;
border-color: currentColor;
box-sizing: border-box;
border-radius: 0.05rem;
border-width: 0 0 0.250rem 0.250rem;
-webkit-transform: rotate(-46deg) translateX(1px) translateY(-1px);
-ms-transform: rotate(-46deg) translateX(1px) translateY(-1px);
transform: rotate(-46deg) translateX(1px) translateY(-1px);
}
.radiobutton-fake::after {
width: 40%;
height: 40.9%;
border: none;
transform: none;
background-color: currentColor;
border-radius: 50%;
}
.checkbox input:checked + .checkbox-fake:after,
.radiobutton input:checked + .radiobutton-fake:after{
display: block;
}
/*-Input-style-*/
.input-style-1 input:not([type="button"]),
.input-style-1 select,
.input-style-1 textarea,
.input-style-1 .checkbox-fake,
.input-style-1 .radiobutton-fake{
background-color: var(--input-style-1-bg);
color: var(--font-color-default-dark);
}
.input-style-1 input:not([type="button"]):hover,
.input-style-1 select:hover,
.input-style-1 textarea:hover,
.input-style-1 .checkbox-fake:hover,
.input-style-1 .radiobutton-fake:hover{
background-color: rgba(250,245,255,.9);
color: var(--font-color-default-dark);
}
.input-style-1 input:not([type="button"]):focus,
.input-style-1 select:focus,
.input-style-1 textarea:focus,
.input-style-1 .checkbox input:checked + .checkbox-fake:hover,
.input-style-1 .radiobutton input:checked + .radiobutton-fake:hover {
background-color: rgba(250,245,255,1);
box-shadow: 0 5px 20px 0 #943fb3, 0 0 3px 2px #c684ff, 0 0 0px 1px #c684ff;
color: #4c215f;
}
.input-style-2 input:not([type="button"]),
.input-style-2 select,
.input-style-2 textarea,
.input-style-2 .checkbox-fake,
.input-style-2 .radiobutton-fake{
background-color: var(--input-style-2-bg);
box-shadow: 0 0 0 2px #a081a7, 0 5px 15px 0 rgba(40, 15, 57, 0.5);
}
.input-style-2 input:not([type="button"]):hover,
.input-style-2 select:hover,
.input-style-2 textarea:hover,
.input-style-2 .checkbox-fake:hover,
.input-style-2 .radiobutton-fake:hover{
background-color: rgba(76, 39, 105, .3);
box-shadow: 0 0 0 2px #c299cb, 0 5px 15px 0 rgba(40, 15, 57, 0.5);
}
.input-style-2 input:not([type="button"]):focus,
.input-style-2 select:focus,
.input-style-2 textarea:focus,
.input-style-2 .checkbox input:checked + .checkbox-fake:hover,
.input-style-2 .radiobutton input:checked + .radiobutton-fake:hover {
background-color: rgba(185, 131, 216, .4);
box-shadow: 0 0 0 2px #e2c0ff, 0 1px 15px 0 #bc41e8;
}
.input-style-3 input:not([type="button"]),
.input-style-3 select,
.input-style-3 textarea,
.input-style-3 .checkbox-fake,
.input-style-3 .radiobutton-fake{
background-color: var(--input-style-3-bg);
color: var(--font-color-default-dark);
}
.input-style-3 input:not([type="button"]):hover,
.input-style-3 select:hover,
.input-style-3 textarea:hover,
.input-style-3 .checkbox-fake:hover,
.input-style-3 .radiobutton-fake:hover{
background-color: rgba(217, 190, 226, .8);
color: var(--font-color-default-dark);
}
.input-style-3 input:not([type="button"]):focus,
.input-style-3 select:focus,
.input-style-3 textarea:focus,
.input-style-3 .checkbox input:checked + .checkbox-fake:hover,
.input-style-3 .radiobutton input:checked + .radiobutton-fake:hover{
background-color: rgba(247, 223, 255, .9);
box-shadow: 0 3px 10px 0 #dcbde4, 0 1px 2px 0 #c000ef;
color: #4c215f;
}
.input-style-4 input:not([type="button"]),
.input-style-4 select,
.input-style-4 textarea,
.input-style-4 .checkbox-fake,
.input-style-4 .radiobutton-fake{
background-color: var(--input-style-4-bg);
box-shadow: 0 0 0 2px #d6b4da, 0 5px 15px 0 rgba(149, 92, 162, 0.4);
color: var(--font-color-default-dark);
}
.input-style-4 input:not([type="button"]):hover,
.input-style-4 select:hover,
.input-style-4 textarea:hover,
.input-style-4 .checkbox-fake:hover,
.input-style-4 .radiobutton-fake:hover{
background-color: rgba(252, 237, 253, .5);
box-shadow: 0 0 0 2px #efa2f0, 0 5px 15px 0 rgba(149, 92, 162, 0.4);
color: #d67bdc;
}
.input-style-4 input:not([type="button"]):focus,
.input-style-4 select:focus,
.input-style-4 textarea:focus,
.input-style-4 .checkbox input:checked + .checkbox-fake:hover,
.input-style-4 .radiobutton input:checked + .radiobutton-fake:hover {
background-color: rgba(251, 216, 255, .6);
box-shadow: 0 0 0 2px #ff8aea, 0 1px 15px 0 #f3a8fb;
color: #ff1cbd;
}
/*-Input-size-*/
.input-size-s input:not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.input-size-s select,
.input-size-s textarea{
height: 2.500rem;
font-size: var(--font-size-13);
border-radius: var(--border-radius-s);
}
.input-size-s label:not(.checkbox):not(.radiobutton){
font-size: var(--font-size-13);
}
.input-size-s .checkbox,
.input-size-s .radiobutton{
width: 1.333rem;
height: 1.333rem;
}
.input-size-m input:not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.input-size-m select,
.input-size-m textarea{
height: 3.333rem;
border-radius: var(--border-radius-s);
}
.input-size-m label:not(.checkbox):not(.radiobutton){
font-size: var(--font-size-14);
}
.input-size-m .checkbox,
.input-size-m .radiobutton{
width: 1.667rem;
height: 1.667rem;
}
.input-size-m .checkbox-fake::after,
.input-size-l .checkbox-fake::after{
width: 1rem;
height: 0.6rem;
}
.input-size-l input:not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.input-size-l select,
.input-size-l textarea{
height: 4.167rem;
font-size: var(--font-size-16);
border-radius: var(--border-radius-m);
}
.input-size-l label:not(.checkbox):not(.radiobutton){
font-size: var(--font-size-16);
}
.input-size-l .checkbox,
.input-size-l .radiobutton{
width: 1.833rem;
height: 1.833rem;
}
.input-size-xl input:not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.input-size-xl select,
.input-size-xl textarea{
height: 5.000rem;
font-size: var(--font-size-18);
border-radius: var(--border-radius-m);
}
.input-size-xl label:not(.checkbox):not(.radiobutton){
font-size: var(--font-size-16);
}
.input-size-xl .checkbox,
.input-size-xl .radiobutton{
width: 2.000rem;
height: 2.000rem;
}
.input-size-xl .checkbox-fake::after {
width: 1.2rem;
height: 0.7rem;
}
/*-Sand-clock-*/
.sand-clock {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sand-clock::before {
content: "";
background: url("../img/layout/popup/quest/sand-clock.png") no-repeat center center / 100% auto;
-webkit-animation: 1s linear 0s normal none infinite running sand-clock-rotate;
animation: 1s linear 0s normal none infinite running sand-clock-rotate;
}
.sand-clock-text-r {
display: inline-grid;
grid-template-columns: 1fr auto;
}
.sand-clock-text-b {
display: inline-grid;
grid-template-rows: 1fr auto;
justify-items: center;
}
/*Sand-clock-size*/
.sand-clock-xs::before {
width: 1.250rem;
height: 1.250rem;
}
.sand-clock-s::before {
width: 1.667rem;
height: 1.667rem;
}
.sand-clock-m::before{
width: 2.500rem;
height: 2.500rem;
}
.sand-clock-l::before{
width: 3.333rem;
height: 3.333rem;
}
.sand-clock-xl::before{
width: 4.167rem;
height: 4.167rem;
}
/*Sand-clock-text-right*/
.sand-clock-xs {
grid-gap: 0.3rem;
}
.sand-clock-s {
grid-gap: 0.5rem;
font-size: var(--font-size-13);
}
.sand-clock-m {
grid-gap: 0.7rem;
font-size: var(--font-size-14);
}
.sand-clock-l {
grid-gap: 0.9rem;
font-size: var(--font-size-24);
}
.sand-clock-xl {
grid-gap: 1rem;
font-size: var(--font-size-30);
}
/*Sand-clock-with-circle-progress-bar*/
.sand-clock-circle-progress {
position: relative;
margin: 1.250rem;
}
.sand-clock-circle-progress svg {
stroke: var(--font-color-active2);
stroke-linecap: round;
stroke-width: .18rem;
fill: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 220%;
height: 220%;
-webkit-filter: drop-shadow(0 0 5px var(--bg-g3-color-2));
filter: drop-shadow(0 0 5px var(--bg-g3-color-2));
}
.wheel-wrapper .no-more-spin .no-more-spin-counter-box {
background-color: rgb(38 6 47 / 60%);
padding: 10px 15px 10px 8px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,.2);
display: flex;
align-items: center;
}
.wheel-wrapper .no-more-spin .no-more-spin-counter-box .no-more-spin-text {
display: inline-block;
margin: 0 7px;
font-size: var(--font-size-16);
}
/*---*/
/*--- Messages page
----- redesign
---*/
.messageBox{
width: 715px;
height: 120px;
text-align: left;
border-radius: var(--border-radius-m);
padding: 1.667em;
}
.messageBox form{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.messageBox .bbCode {
width: 425px;
background: none;
padding: 0;
}
.messageBox textarea {
width: 680px;
height: 196px !important;
flex-grow: 1;
flex-shrink: 0;
margin-top: 20px;
background-color: rgba(250, 245, 255, .95);
padding: 15px 46px 15px 15px !important;
animation: send-message-textarea-anim .5s ease-out forwards;
}
@keyframes send-message-textarea-anim{
from{
margin-top: 0px;
}
to{
margin-top: 20px;
}
}
#ladyNameSearchMessagesWrapper #ladyNameSearchField{
width: 270px;
}
.messageBox button {
margin: -20px auto 0;
}
.symbolsLeft {
position: absolute;
}
.symbolsLeft input {
background: none !important;
}
#messageBody + .symbolsLeft input:focus {
box-shadow: none !important;
}
.messageBox .symbolsLeft {
right: 5px;
top: 145px;
}
.messageBox .symbolsLeft input{
text-align: right;
}
#ladyNameSearchMessagesWrapper .ladySearchResults {
top: 15px;
left: 0;
width: 103% !important;
}
#ladyNameSearchMessagesWrapper .ladySearchResults #scroll-container {
background: transparent;
box-shadow: none;
}
.messages-paging .pagination-wraper {
background: var(--bg-s3);
display: inline-flex;
}
/*---*/
/*--- Settings page
----- redesign
---*/
#settingsBox {
font-family: var(--main-font-family);
}
#settingsBox .rightContent{
display: grid;
grid-row-gap: 40px;
}
.hot-links-wraper.form-wraper {
grid-template-columns: 1fr 1fr;
padding: 0 30px 0 0;
margin: 50px auto;
}
#settingsBox .block-title-m {
padding-bottom: 40px;
}
#settingsBox .bg-g1{
padding: 40px;
transform: scale(.9);
animation: settings-content-anim .35s ease-out forwards;
}
@keyframes settings-content-anim{
to{
transform: scale(1);
}
}
.token-code > div:not(.token-timer) {
font-size: var(--font-size-30);
margin: 30px 200px 10px;
padding: 20px;
color: var(--font-color-active);
}
.token-timer {
margin-top: 40px;
color: var(--font-color-active2);
filter: drop-shadow(0 0 5px var(--progress-ds3));
display: flex;
align-items: center;
justify-content: center;
}
.token-expirate {
font-size: var(--font-size-14);
margin: 0 20px 0 0;
}
#settingsPage-reset .form-wraper,
#settingsPage-email .form-wraper,
#settingsPage-change_ladyname .form-wraper,
#settingsPage-password .form-wraper{
width: 50%;
margin: 0 auto 40px;
}
#settingsPage-profile .form-wraper_two-col {
grid-template-columns: minmax(120px, auto) minmax(auto , 470px);
margin-bottom: 40px;
}
#settingsPage-profile #messageBody {
width: 100%;
margin-top: 20px;
padding: 6px 50px 6px 10px;
}
#settingsPage-profile #messageBody + .symbolsLeft {
top: 77px;
right: -17px;
}
#settingsPage-profile .info-text-wraper {
width: 490px;
position: relative;
}
.adminMsg {
background: rgba(255,0,50,.7);
padding: 10px 20px;
text-align: center;
margin-bottom: 40px;
margin: 0 40px 30px;
border-radius: 5px;
box-shadow: 0 2px 3px 0 rgba(110,0,0,.2);
animation: msg-anim ease-out .4s forwards;
}
@keyframes msg-anim {
from{transform: translateY(-15px); opacity: .2;}
to{ transform: translateY(0); opacity: 1;}
}
/* 2x Reward - Promo label */
.x2-label {
position: absolute;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
background: url(../img/layout/new/currency.png),url("data:image/svg+xml; utf8, ");
background-repeat: no-repeat,no-repeat;
background-size: auto,45px 27px;
background-position-x: right,0;
background-position-y: -328px,0;
box-sizing: border-box;
padding: 0px 0 0 4px;
width: 44px;
height: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
opacity: .85;
color: white !important;
filter: drop-shadow(0 5px 5px #ff009b7d) drop-shadow(1px 1px 0px #9c3e7c);
text-shadow: 0px 2px 2px #a0005a;
}
nav .nav-link > .x2-label {
left: 50%;
transform: translateX(-50%);
top: 5px;
background: url("data:image/svg+xml; utf8, ");
background-position-x: 0;
width: auto;
height: 23px;
padding: 1px 11px 0px 4px;
background-size: 100% auto;
background-repeat: no-repeat;
font-weight: 400;
font-size: 12px;
}
.x2-label strong {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.x2-label.x2-label-emerald {
background-position-y: -199px,0;
background-position-x: 15px,0;
}
.x2-label.x2-label-dollar {
background-position-y: -163px,1px;
background-position-x: 16px,0;
}
.btn-challenge-lady{
position: relative;
}
.btn-challenge-lady .x2-label,
.nav-link li .x2-label {
right: -17px;
top: -14px;
}
.bp-action-btn-wraper > div .x2-label {
right: -26px;
top: 140px;
}
#content.duel-html .centerContent .award .x2-reward,
#reward-amount-container.reward-money.x2-reward b,
button.claim-reward.x2-reward .btn-price_dollars b{
filter: drop-shadow(0 0 1px #ed1883) drop-shadow(0 -2px 1px #ed1883) drop-shadow(0 2px 1px #ed1883) drop-shadow(2px 0 1px #ed1883) drop-shadow(-2px 0 1px #ed1883) drop-shadow(0 0 15px #ed1883);
text-shadow: none !important;
}