Файл: img/fail.txt
Строк: 4086
margin: 5px auto;
}
.f-sport-fishing-header {
background:
#006db7 url('/images/bg/sportfishing-b.jpg') center top no-repeat;
height: 140px;
}
.f-fish-oval {
display: inline-block;
width:
55px;
height: 55px;
margin-top: 2px;
margin-left:
-2px;
}
.f-rod-oval {
display: inline-block;
width: 55px;
height: 55px;
margin: 2px 0 0 -4px;
}
.f-lure-oval {
display: inline-block;
width: 44px;
height: 44px;
margin-top: 8px;
}
.f-gold-fish-on-panel {
vertical-align:top;
display:inline-block;
background: transparent
url('../images/fish/goldFish.png') -8px -15px
no-repeat;
}
.f-action-pull-rod {
background:
url("../images/f-actions-backgrounds.png") no-repeat scroll
-136px bottom, url("../images/f-actions-f.png") no-repeat scroll
center -88px transparent;
}
.f-action-throw-rod {
background:
url("../images/f-actions-backgrounds.png") no-repeat scroll -8px
bottom, url("../images/f-actions-f.png") no-repeat scroll center
-88px transparent;
}
.f-action-change-rod {
background:
url("../images/f-actions-backgrounds.png") no-repeat scroll -72px
bottom, url("../images/f-actions-f.png") no-repeat scroll center
-88px transparent;
}
.f-action-change-lure-default {
background:
url("../images/f-actions-backgrounds.png") no-repeat scroll -72px
bottom, url("../images/f-actions-f.png") no-repeat scroll center
-44px transparent;
}
.f-action-change-lure {
background-position:
-72px bottom, center top;
background-repeat:
no-repeat;
}
.f-action-buy-bait-default {
background:
url("../images/f-actions-backgrounds.png") no-repeat scroll -8px
bottom, url("../images/baits/breadCrumbs.png") no-repeat scroll
center top transparent;
}
.f-action-buy-bait {
background-position: -8px bottom, center top;
background-repeat:
no-repeat;
}
.f-rod-overlay {
position: absolute;
z-index:7;
bottom: 0;
}
.lure-selection {
display:
inline-block;
vertical-align: middle;
width: 20px;
height:
20px;
background-image:
url('../images/lures/lure-selection-mini.png');
background-repeat:
no-repeat;
}
.lure-selection.bread { background-position: 0 0; }
.lure-selection.dough { background-position: 0 -25px; }
.lure-selection.grains { background-position: 0 -50px; }
.lure-selection.mosquito { background-position: 0 -75px; }
.lure-selection.plankton { background-position: 0 -100px; }
.lure-selection.worm { background-position: 0 -125px; }
.c-brown {
color: #6b441b !important;}
.a .c-brown {
color: #6b441b
!important;
}
.f-content-green-fishing {
position: relative;
margin-bottom:0px;
margin-top:0px;
}
/*
.clearer {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}
*/
/*
.btn-active, .btn-inactive {
display: block;
float:
left;
margin: 0 1px 0 2px;
width: 54px;
height: 48px;
background: url('../images/btn-active.png') 0 0
no-repeat;
}
.btn-inactive { background: url('../images/btn-active.png')
0 -48px no-repeat; }
*/
/*.icon-active, .icon-active-animal,
.icon-active-factory, .icon-active-fish {
margin: 4px auto 0 auto;
width: 30px;
height: 28px;
background-image:
url('images/f-action-mini.png');
background-repeat:
no-repeat;
}*/
/*
.icon-active-fish { background-image:
url('../images/f-action-mini-5.png'); }
.icon-active-fish.cast {
background-position: 0 0; }
.icon-active-fish.stretch {
background-position: 0 -34px; }
.icon-active-fish.stretch-lock {
background-position: 0 -65px; }
*/
/*.icon-text {
margin: 1px auto
0 auto;
height: 11px;
width: 45px;
background-image:
url('images/new/f-text-mini_240.png') ;
background-repeat:
no-repeat;
}*/
/*
.d-ib { display: inline-block !important; }
.pt6
{ padding-top: 6px !important; }
.va-t { vertical-align: top !important;
}
*/
/* !--------- layout & resets ------------------
*/
body, html {
background: #006db7;
font-family: Arial;
font-size: 11px;
color: #ffffff;
padding: 0;
margin:
0;
}
.f-wrapper {
margin: 0;
padding: 0;
background:
#006db7 url('../images/bg/general.jpg') center 27px
no-repeat;
}
.f-wrapper-no-link {
margin: 0;
padding: 0;
background: #006db7 url('../images/bg/general.jpg') center 0
no-repeat;
}
div.f-village {
background: #006db7
url('../images/bg/village.jpg') center 27px no-repeat;
}
div.f-shop {
background: #006db7 url('../images/bg/shop.jpg') center 27px
no-repeat;
}
div.f-garden {
background: #006db7
url('../images/bg/garden.jpg') center 28px
no-repeat;
}
div.f-garden-animation {
background:
#006db7;
}
div.f-barnyard {
background: #006db7
url('../images/bg/barnyard.jpg') center 28px
no-repeat;
}
div.f-barnyard-animation {
background:
#006db7;
}
div.f-factories {
background: #006db7
url('../images/bg/factories.jpg') center 28px
no-repeat;
}
div.f-warehouse {
background: #006db7
url('../images/bg/warehouse.jpg') center 27px no-repeat;
}
div.f-wheel
{
background: #006db7 url('../images/bg/wheel.jpg') center 27px
no-repeat;
}
div.f-kolhoz {
background: #006db7
url('../images/bg/kolhoz.jpg') center 27px
no-repeat;
}
div.f-lake-details {
background: #006db7
url('../images/bg/lake-details.jpg') center 27px
no-repeat;
}
div.f-kolhoz-fishing {
background: #006db7
url('/images/bg/lake-fishing-top-header-part.jpg') center 27px
no-repeat;
}
div.f-fishing-animation {
background: #006db7
url('/images/bg/lake-fishing-top-header-part-animations.jpg') center 27px
no-repeat;
}
div.f-pers-fishing {
background: #006db7
url('/images/bg/personal-fishing-top-header-part.jpg') center 27px
no-repeat;
}
div.f-pers-fishing-animation {
background: #006db7
url('/images/bg/personal-fishing-top-header-part.jpg') center 27px
no-repeat;
}
div.f-sport-fishing {
background: #006db7
url('/images/bg/sport-fishing-top-header-part.jpg') center 27px
no-repeat;
}
div.f-garage {
background: #006db7
url('../images/bg/garage.jpg') center 27px no-repeat;
}
.f {
display: block;
margin: 5px auto;
text-decoration:
none;
}
.f5 {
display: block;
margin: -5px auto 5px auto;
text-decoration: none;
}
.f10 {
display: block;
margin:
-10px auto 5px auto;
text-decoration: none;
}
.f17 {
display:
block;
margin: -17px auto 5px auto;
text-decoration:
none;
}
.f p,
.f5 p,
.f10 p,
.f17 p {
color: #333333;
margin: 0;
padding: 4px 5px;
font-size: 11px;
}
p.green {
margin: 0;
padding: 5px;
font-size: 11px;
}
.f p a,
.f10 p
a,
.f17 p a {
display: inline;
margin: 0;
padding: 0;
color: #ffffff;
}
a,
a:hover {
outline: none;
-moz-outline:
none;
text-decoration: none;
}
.bigger {
font-size:
12px;
}
.bigger a {
color: #b4d5ff;
text-decoration:
underline;
}
.a {
color: #4e6b00 !important;
font-size: 12px
!important;
}
a.a, a.blue-a {
color: #4e6b00 !important;
text-decoration: underline !important;
font-size: 12px
!important;
}
a.blue-a {
color: #2299dd !important;
}
.b {
color: #4b240b !important;
}
a img {
border: none;
outline:
none;
-moz-outline: none;
}
/* !--------- header
------------------ */
#f-header {
margin: 7px auto 0 auto;
height: 33px;
position: relative;
}
div.f-village #f-header {
height: 81px;
}
div.f-fishing #f-header {
height:
55px;
}
div.f-fishing-animation #f-header {
height:
55px;
}
div.f-pers-fishing-animation #f-header {
height:
55px;
}
div.f-kolhoz #f-header, div.f-warehouse #f-header, div.f-garden
#f-header, div.f-garden-animation #f-header, div.f-barnyard #f-header,
div.f-barnyard-animation #f-header, div.f-factories #f-header, div.f-shop
#f-header, div.f-lake-details #f-header {
height:
87px;
}
div.f-garage #f-header {
height: 74px;
}
div.f-fishing
.f-status-top {
margin-bottom: -5px;
}
div.f-fishing-animation
.f-status-top {
margin-bottom:
-5px;
}
div.f-pers-fishing-animation .f-status-top {
margin-bottom: -5px;
}
div.f-kolhoz .f-status-top, div.f-lake-details
.f-status-top, div.f-village .f-status-top, div.f-warehouse .f-status-top,
div.f-garden .f-status-top, div.f-garden-animation .f-status-top,
div.f-barnyard .f-status-top, div.f-barnyard-animation .f-status-top,
div.f-shop .f-status-top {
margin-top: -44px;
}
#f-logo-link {
color: #ffffff;
font-weight: bold;
font-size: 12px;
float:
left;
padding: 0;
text-decoration: none;
position:
absolute;
max-width: 230px;
}
#f-logo-link span {
display:
block;
}
#f-logo-link span.tease {
color: #eeeeee;
font-size:
10px;
font-weight: normal;
max-width:
230px;
}
div.f-garden-animation .animation-header-part {
background:#006db7 url('../images/bg/garden-animation.jpg') center
no-repeat;
position: absolute;
width: 230px;
height:
93px;
}
div.f-barnyard-animation .animation-header-part {
background: #006db7 url('../images/bg/barnyard-animation.jpg') center
no-repeat;
position: absolute;
width: 230px;
height:
93px;
}
div.f-fishing-animation .animation-part {
background:
#006db7 url('../images/bg/fishing-b-animation.jpg') center top no-repeat;
width:240px;
height: 140px;
}
div.f-pers-fishing-animation
.animation-part {
background: #006db7
url('../images/bg/persfishing-b-animation.jpg') center top no-repeat;
width:240px;
height: 140px;
}
/* !--------- panels
------------------ */
.f-panel {
display: block;
padding: 0;
margin: 0;
text-decoration: none;
}
.f-panel-inline {
display: inline-block;
padding: 0;
margin: 0;
text-decoration: none;
height: 35px;
}
.f-panel .panel-inner {
display: block;
padding: 2px 0 0 4px;
margin: 0 13px 0 0;
height: 35px;
}
input {
margin: 2px
0;
}
input.panel-inner-input, button.panel-inner-input {
border-radius: 0;
border: none;
display: block;
font-size:
13px;
color: #ffffff;
text-shadow: 0 -1px 1px #222222;
text-align: center;
margin: 0 13px 0 0;
padding: 0 0 0 12px;
height: 35px;
cursor: pointer;
}
.f-panel-light
input.panel-inner-input {
color: #222222;
text-shadow: 0 1px 1px
#ffffff;
}
.f-panel-light {
background: transparent
url('../images/f-panels.png') right -38px no-repeat;
}
.f-panel-light
.panel-inner {
background: transparent url('../images/f-panels.png')
left top no-repeat;
}
.f-panel-blue {
background: transparent
url('../images/f-panels.png') right -114px no-repeat;
}
.f-panel-blue
.panel-inner {
background: transparent url('../images/f-panels.png')
left -76px no-repeat;
}
.f-panel-bblue {
background: transparent
url('../images/f-panels.png') right -571px no-repeat;
}
.f-panel-bblue
.panel-inner {
height: 28px !important;
background: transparent
url('../images/f-panels.png') left -536px no-repeat;
}
.f-panel-bblue
.panel-inner-input {
background: transparent
url('../images/f-panels.png') left -536px no-repeat;
}
.f-panel-borange
{
background: transparent url('../images/f-panels.png') right -501px
no-repeat;
}
.f-panel-borange .panel-inner {
height: 28px
!important;
background: transparent url('../images/f-panels.png') left
-466px no-repeat;
}
.f-panel-borange .panel-inner-input { /* check */
background: transparent url('../images/f-panels.png') left -466px
no-repeat;
}
.f-panel-brown {
background: transparent
url('../images/f-panels.png') right -203px no-repeat;
}
.f-panel-brown
.panel-inner {
background: transparent url('../images/f-panels.png')
left -152px no-repeat;
}
.f-panel-grey {
background: transparent
url('../images/f-panels.png') right -309px no-repeat;
}
.f-panel-grey
.panel-inner {
background: transparent url('../images/f-panels.png')
left -254px no-repeat;
}
.f-panel .row {
display: block;
padding: 1px 0 0 0;
margin-right: -10px;
font-size: 11px;
white-space: nowrap;
}
.f-panel-light .row {
color:
#4b240b;
}
.f-panel-blue .row {
color:
#ffffff;
}
.f-panel-bigger {
font-size: 16px;
color:
#ffffff;
text-shadow: 0 1px 2px #000000;
text-align: center;
margin: 0;
vertical-align: text-bottom;
}
.f-panel-bigger
.panel-inner {
height: 30px;
padding: 7px 0 0
15px;
}
.f-panel-button {
display: inline-block;
text-align:
center;
margin: 8px 0 0 0;
vertical-align: top;
color:
#ffffff;
font-weight: bold;
min-width:
60px;
}
.f-panel-button .panel-inner {
height: 43px;
padding:
6px 0 0 8px;
margin-right: 7px;
}
.f-panel-button .panel-inner-2
{
height: 37px;
padding: 12px 0 0 8px;
}
.f-panel-button
.panel-inner-1 {
height: 31px;
padding: 18px 0 0
8px;
}
.f-panel-grey .panel-inner {
padding: 3px 0 0 8px;
height: 51px;
font-weight: normal;
}
.f-mini-panel {
display:
inline-block;
height: 17px;
}
.f-mini-panel .mini-inner {
display: inline-block;
margin: 0 6px 0 0;
padding: 1px 0 0 6px;
height: 18px;
color: #ffffff;
}
.f-mini-violet {
background: transparent url('../images/f-panels.png') right -383px
no-repeat;
}
.f-mini-violet .mini-inner {
background: transparent
url('../images/f-panels.png') left -364px no-repeat;
}
.f-mini-blue {
background: transparent url('../images/f-panels.png') right -421px
no-repeat;
}
.f-mini-blue .mini-inner {
margin: 0 7px 0 0;
background: transparent url('../images/f-panels.png') left -402px
no-repeat;
}
.res-changes {
display: block;
position:
relative;
float: right;
margin: 0 13px 0 0;
padding: 2px;
background: rgba(0, 0, 0, 0.3);
}
/* !--------- glossies
------------------------- */
.f-glossy {
display: inline-block;
background: transparent url('../images/f-pixel-glossy.png') right top
repeat-y;
padding: 2px 1px 2px 0;
}
.f-glossy-last {
padding:
2px 0;
background: none;
}
.f-glossy-wrapper {
display:
inline-block;
color: #ffffff;
text-align: center;
margin: 0
4px 0 1px;
background: transparent url('../images/f-panel-glossy.png')
left top no-repeat;
}
.f-glossy-wrapper .glossy-outer {
display:
inline-block;
margin: 0 -3px 0 0;
padding: 2px 0 0 0;
background: transparent url('../images/f-panel-glossy.png') right -13px
no-repeat;
}
/* !--------- shop -----------------------------
*/
.f-shop-facility-full {
vertical-align: top;
text-align:
center;
font-weight: bold;
font-size: 11px;
text-shadow: 0
1px 1px #fff;
}
.f-shop-facility {
text-align: center;
font-weight: bold;
font-size: 11px;
text-shadow: 0 1px 1px
#fff;
position: relative;
}
.f-content-brown
.f-shop-facility-full,
.f-content-brown .f-shop-facility {
color:
#5b340b !important;
}
.f-content-grey
.f-shop-facility-full,
.f-content-grey .f-shop-facility {
color:
#404040 !important;
}
.f-content-brown .f-shop-description {
color: #6b441b !important;
}
.f-content-brown .f-talent-description {
color: #6b441b !important;
}
.f-content-brown
.f-talent-description-next {
color: #6b441b
!important;
}
.f-content-grey .f-shop-description {
color: #606060
!important;
}
.shop-level {
font-weight: normal !important;
color: #ffffff !important;
text-shadow: none !important;
position: absolute !important;
top: 5px;
right:
5px;
}
.f-glossy-last .shop-level {
right: 0 !important;
}
/*
!--------- content & teasers ---------------- */
.f-status {
display: block;
padding: 3px 0 0 0;
margin: 4px auto;
text-decoration: none;
position: relative;
}
.f-status .inner {
display: block;
padding: 0 0 5px 0;
}
.f-status .inner-lower {
display: block;
padding: 0 0 2px 0;
}
.f-status .content {
display: block;
margin: 0 1px;
padding: 2px
5px;
}
.f-status-green {
color: #416618;
}
.f-status-grey {
color: #606060;
}
.f-tractor {
display: block;
padding-top:
4px;
padding-right: 4px;
vertical-align: middle;
}
.f-tractor
.f-button-stop {
margin-top: -4px;
}
.f-content h2 {
font-size: 12px;
font-weight: bold;
margin: 0 0 0 50px;
padding: 6px 0;
text-shadow: 0 1px 2px #003300;
color:
#ffffff;
}
.f-content h3 {
font-size: 12px;
font-weight:
bold;
margin: 0 0 0 8px;
padding: 6px 0;
text-shadow: 0 1px
2px #000000;;
color: #ffffff;
}
.f-content .content {
margin:
0;
width: 162px;
display: inline-block;
}
.f-content .timings
{
margin: 0 -4px -4px -4px;
background: transparent
url('../images/f-background-timing.gif') center top repeat-x;
padding:
5px 5px 0 5px;
text-align: right;
}
.f-content .timings-last {
margin-bottom: -8px;
}
.f-content .timings-left {
margin: 0 -4px
-4px -4px;
background: transparent
url('../images/f-background-timing.gif') center top repeat-x;
padding:
5px 5px 0 5px;
}
.f-progress {
display: inline-block;
vertical-align: top;
padding: 0 0 6px 6px;
font-size: 12px;
white-space: normal;
}
.f-animal-progress {
display:
inline-block;
vertical-align: top;
padding: 0 0 6px 6px;
font-size: 12px;
white-space: normal;
}
.f-progress-brown {
color: #4b240b;
text-shadow: 0 1px 2px #ffffff;
padding-top:
6px;
font-size: 12px;
}
.f-progress-grey {
color: #222222;
text-shadow: 0 1px 2px #ffffff;
width: 110px;
padding-top:
6px;
font-size: 12px;
}
.f-content .f-timer {
display:
block;
float: right;
font-size: 11px;
font-weight: normal;
padding-right: 5px;
}
.f-content .f-leveler {
display: block;
float: right;
font-size: 11px;
font-weight: normal;
padding-right: 5px;
}
.f-content .f-leveler .f-icon {
margin-top:
0;
}
.f-content-teaser {
display: block;
height: 29px;
overflow: hidden;
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding: 14px 5px 0 45px;
text-decoration:
none;
text-shadow: 0 1px 2px #000000;
}
.f-content-teaser-bank {
display: block;
height: 29px;
overflow: hidden;
color:
#ffffff;
font-size: 12px;
font-weight: bold;
padding: 14px
5px 0 68px;
text-decoration: none;
text-shadow: 0 1px 2px
#000000;
}
.f-content-teaser-news {
display: block;
height:
29px;
overflow: hidden;
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding: 14px 5px 0 68px;
text-decoration:
none;
text-shadow: 0 1px 2px #000000;
}
.costs {
display:
inline-block;
color: #6b441b;
vertical-align: middle;
padding: 0 0 0 3px;
}
.item-costs { width: 160px; }
/* !---------
teasers ------------------ */
.f-teaser {
height: 81px;
padding: 0;
overflow: hidden;
}
.f-teaser-link {
display:
block;
padding: 0;
margin: 0;
height: 81px;
overflow:
hidden;
text-decoration: none;
}
.f-teaser-close {
display:
block;
text-align: center;
padding: 0;
margin: 0;
height: 81px;
}
.f-teaser-close span {
display: block;
width:
32px;
height: 36px;
overflow: hidden;
background:
transparent url('../images/f-buttons2.png') center -152px no-repeat;
margin: 22px auto 0 auto;
}
.f-teaser .f-oval-inner {
height:
78px;
width: auto;
margin: 0 0 0 0;
text-align:
left;
}
.f-teaser span.leading {
display: block;
font-size:
12px;
font-weight: bold;
text-shadow: 0 -1px 1px
#000000;
}
.f-teaser span.text {
display: block;
line-height:
normal;
height: auto;
}
/* !--------- treasures
------------------ */
.f-treasures {
color:
#6b441b;
}
.f-treasure-bar {
display: block;
height: 19px;
text-decoration: none;
color: #ffffff;
padding-top:
5px;
}
.f-treasure-bar .f-info {
font-size: 11px;
font-weight: normal;
padding-right: 5px;
}
.f-treasure-side {
display: block;
color: #6b441b;
text-decoration: none;
padding: 6px 4px 0 4px;
margin: 0;
}
.f-treasures .row {
padding: 2px 0;
display: block;
}
/* !--------- footer
-------------------- */
#f-footer {
text-align: center;
margin-top: 10px;
}
#f-footer a,
#f-footer a:hover,
#f-footer
a:active,
#f-footer a:visited,
#f-footer a:link {
color:
#ffffff;
}
/* !--------- helpers --------------------
*/
.group:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.clear {
height: 1px;
float: none;
clear: both;
line-height:
1px;
}
.right {
float: right;
}
.left {
float:
left;
}
.center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.middle
{
vertical-align: middle;
}
.maxWidth {
width: 100%
!important;
}
.paddless {
padding: 0 1px
!important;
}
.tighten {
position: relative;
top:
-2px;
}
.pt5 {
padding-top: 5px
!important;
}
div.f-garden-animation .f-slot{
position:
relative;
}
div.f-barnyard-animation .f-slot{
position:
relative;
}
.social-network-panel .network-login-button{
display:
inline-block;
vertical-align: middle;
}
.social-network-panel
.text{
display: inline-block;
color: #333333;
vertical-align: middle;
}
.social-network-panel .white-text {
display: inline-block;
color: white;
vertical-align:
middle;
}
.mts-widget-header {
background-color:#961a1d;
height: 24px;
}
/* !--------- notify ------------------
*/
.f-notify-gift-info {
float: left;
width: 160px;
margin-bottom:
8px;
}
.f-notify-gift-header {
font-size: 14px;
font-weight:
bold;
margin-bottom: 8px;
}
.f-notify-gift-img {
display: block
!important;
margin-right: 5px !important;
float:
left;
}
.f-notify-gift-img.levelup {
display: inline-block
!important;
height: 44px;
width:
44px;
}
.f-notify-gift-img.levelup.plants {
height: 62px;
margin-top: -20px;
}
.f-notify-gift-img.levelup.rods {
height:
55px;
width: 55px;
}
.android-panel-top {
width: 100%;
height: 10px;
background:
url('../images/adverts/android/plashka-top.png') no-repeat 0
0;
}
.android-panel-cont {
color: #6d573b;
background:
url('../images/adverts/android/plashka-bg.png') repeat-y 0
0;
}
.android-panel-left {
float: left;
width: 148px;
margin-left: 15px;
margin-right: 2px;
}
a.btn-android-download {
display: block;
float: left;
width: 57px;
padding-top:
36px;
padding-bottom: 4px;
color: #fff;
text-align:
center;
font-size: 11px;
font-weight: bold;
text-shadow: 0 0
1px #000;
background: url('../images/adverts/android/getAndroid.png')
no-repeat 0 0;
text-decoration: none;
}
a.btn-android-later {
display: block;
margin-bottom: -3px;
font-size: 11px;
color:
#734c16;
text-decoration: underline;
}
.android-panel-bot {
width: 100%;
height: 10px;
background:
url('../images/adverts/android/plashka-bot.png') no-repeat 0
0;
}
.android-panel-head {
padding-bottom: 7px;
font-weight:
bold;
font-size: 12px;
color: #6b420d;
text-align:
center;
}
.img-hydroponics {
background-image:
url('../images/gifts/hydroponics.png');
height: 55px;
width:
55px;
}
.img-incubator {
background-image:
url('../images/gifts/incubator.png');
height: 55px;
width:
55px;
}
.below-rabbit-img {
margin-top: 35px;
}
.notice-table
{
}
.lvlup-img {
width: 55px;
height: 55px;
background:
url('../images/gifts/exp.png') no-repeat 50% 50%;
}
/* !------------
ovals --------- */
.f-blue {
height: 81px;
color: #ffffff;
overflow: hidden;
vertical-align: top;
padding-left:
1px;
}
.f-gold {
height: 81px;
color: #ffffff;
overflow:
hidden;
vertical-align: top;
padding-left:
1px;
}
.f-light-green {
height: 81px;
color: #ffffff;
overflow: hidden;
vertical-align: top;
padding-left:
1px;
}
.f-oval-c,
.f-oval-content {
display: inline-block;
vertical-align: middle;
height: 60px;
width: 50px;
margin:
0;
}
.f-oval-c .f-item {
margin-top: 0;
}
.f-oval-inner {
display: block;
float: left;
margin: 0 1px 0 0;
padding:
0;
height: 81px;
overflow: hidden;
text-align: center;
text-decoration: none;
color: #ffffff;
position:
relative;
}
.f-oval-inner .text {
display: inline-block;
line-height: 9px;
padding: 0;
height: 26px;
overflow:
hidden;
}
.f-oval-inner .f-count {
display: block;
position:
absolute;
top: 14px;
width: 25px;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
line-height: 14px;
text-align: center;
font-weight: normal;
}
.f-oval-inner .f-lock
{
padding-top: 4px;
position: absolute;
text-align:
center;
width: 100%;
}
.f-oval-inner .f-count-online {
display: block;
background: url('../images/f-online.png') no-repeat 0
0;
position: absolute;
top: 37px;
left: 11px;
width:
51px;
height: 18px;
padding-top: 4px;
white-space: nowrap;
overflow: hidden;
font-size: 11px;
line-height: 14px;
text-align: center;
font-weight: normal;
}
.f-k-members-count {
top: 41px !important;
right: 10px !important;
width: 45px
!important;
}
.f-k-chat-count {
top: 15px !important;
right:
5px !important;
}
.f-oval-inner-last {
margin-right:
0;
}
.f-oval-inner em {
font-style:normal;
}
/* !---------
paging ------------------ */
.f-paging {
text-align:
center;
}
.f-paging a,
.f-paging span {
display: block;
float: left;
width: 32px;
height: 25px;
overflow: hidden;
font-size: 16px;
color: #ffffff;
font-weight: normal;
background: transparent url('../images/f-paging.gif') center -35px
no-repeat;
vertical-align: middle;
padding: 8px 0 0 0;
margin: 0 1px 0 0;
text-decoration: none;
}
.f-paging .previous
{
background: transparent url('../images/f-paging.gif') center top
no-repeat;
}
.f-paging .next {
background: transparent
url('../images/f-paging.gif') center -105px no-repeat;
}
.f-paging
.selected {
background: transparent url('../images/f-paging.gif')
center -70px no-repeat;
}
.f-paging .last {
margin: 0;
}
/*
!--------- payments ------------------ */
.mobile-payment {
margin: 8px
0 10px 0;
background: #fdf4e3;
border: 1px solid
#2797d6;
border-radius: 5px;
}
.mobile-payment .mobile-descr {
padding: 5px 10px 8px 10px;
color: #6B441B;
}
.mobile-pay-step
{
overflow: hidden;
margin-bottom: 10px;
}
.mobile-pay-step-num {
float: left;
width: 21px;
height: 19px;
margin-left: 3px;
padding-top: 2px;
font-family: Tahoma;
font-size: 12px;
color: #fff;
text-align: center;
background:
url('../images/payments/circle.png') no-repeat 0
0;
}
.mobile-pay-step-descr {
float: left;
width: 177px;
margin-left: 6px;
font-size: 12px;
line-height: 13px;
color:
#6b441b;
}
.mobile-gray-descr {
font-size: 11px;
color:
#6f6f6f;
}
.phone-block {
margin-bottom: 5px;
margin-left:
5px;
color: #6b441b;
font-size: 14px;
}
.phone-number {
margin-top: 2px;
width: 95px;
color: #6b441b;
font-size:
14px;
padding: 2px;
}
.bank-action-icon {
background:
url('../images/f-icons-common.png') no-repeat scroll
center;
}
.prices-list-el .f-content-brown-top {
background:
url('../images/brown-top-background.png') no-repeat scroll 0 0
transparent;
padding-top:4px;
}
.prices-list-el .shot-button{
cursor: pointer;border:none;margin-top: 0px;
}
.prices-list-el .mt-1
{
margin-top:-1px;
}
.f-diamonds-img {
background:
url('../images/payments/diamonds.png') no-repeat scroll center;
width:
44px;
height: 44px;
}
.f-diamonds-amount-1 {
background-position: center top;
background-repeat:
no-repeat;
}
.f-diamonds-amount-2 {
background-position: center
-44px;
background-repeat: no-repeat;
}
.f-diamonds-amount-3 {
background-position: center -88px;
background-repeat:
no-repeat;
}
.f-diamonds-amount-4 {
background-position: center
-132px;
background-repeat: no-repeat;
}
.f-diamonds-amount-5 {
background-position: center -176px;
background-repeat:
no-repeat;
}
.f-diamonds-amount-6 {
background-position: center
-220px;
background-repeat: no-repeat;
}
.f-diamonds-amount-7 {
background-position: center -264px;
background-repeat:
no-repeat;
}
.f-diamonds-amount-8 {
background-position: center
-308px;
background-repeat: no-repeat;
}
.f-diamonds-amount-9 {
background-position: center -352px;
background-repeat:
no-repeat;
}
.f-percent-action {
background:
url('../images/payments/bank-percent.png') no-repeat 50% 50%;
width:
52px;
height: 52px;
}
.f-yandex-img {
background:
url('../images/payments/systems/yandex.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-2pay-img {
background:
url('../images/payments/systems/XSolla.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-webmoney-img {
background:
url('../images/payments/systems/WebMoney.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-sms-img {
background:
url('../images/payments/systems/sms.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-qiwi-img {
background:
url('../images/payments/systems/qiwi.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-ok-img {
background:
url('../images/payments/systems/ok.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-mail-img {
background:
url('../images/payments/systems/mail.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-alphaClick-img {
background:
url('../images/payments/systems/AlphaClick.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-spaces-img {
background:
url('../images/payments/systems/spaces.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-mobile-img {
background:
url('../images/payments/systems/mobile.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-mts-img {
background:
url('../images/payments/systems/mts.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-visa-img {
background:
url('../images/payments/systems/visa.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.f-xsolla2-img {
background:
url('../images/payments/systems/xsolla2.png') no-repeat scroll center;
width: 51px;
height: 51px;
}
.gems-coupon {
background:
#006db7 url('../images/payments/gems_coupon.png') center 45px
no-repeat;
}
.item-discount-gems-coupon {
background: #006db7
url('../images/payments/item_discount_coupon.png') center 45px
no-repeat;
}
.gems-coupon-reminder {
background: #006db7
url('../images/payments/gems_coupon.png') center no-repeat;
height:
60px;
}
.item-discount-coupon-reminder {
background: #006db7
url('../images/payments/item_discount_coupon.png') center no-repeat;
height: 60px;
}
.gems-coupon-bg {
background: #006db7
url('../images/payments/coupon-bg.png') center no-repeat;
height:
81px;
}
.gold-close-button{
background-image:
url('../images/payments/gold_close_button.png');
width: 26px;
height: 26px;
}
.coupon-spam .title {
color:
#9D2C17;
}
.coupon-spam .title {
color:
#9D2C17;
}
.coupon-spam .text {
height: 40px;
color:#513a16
}
.bank-with-coupon-button {
background-image:
url('../images/payments/bank_with_coupon_button.png');
width: 230px;
height: 64px;
}
.bank-with-coupon-button .button-name {
margin-left: 60px;
padding-top: 15px;
color:white;
height:
30px;
}
.bank-with-coupon-button .text {
color:white;
}
.bank-with-coupon-button .time {
color:#face22
}
.bank-list-table td { padding: 5px;
}
.f-content-green.f-content-bank { position: relative; }
.f-content-green.f-content-bank .inner { padding: 0;
}
.bank-subcontent-light {
padding-bottom: 1px;
color:
#6B441B;
border-top: 1px solid #fff;
background:
url('../images/payments/bank-item-bg.png') repeat-x 0 100% #f7f9ed;
}
.bank-sum {
background: url('../images/payments/bank-sum-bg.png')
repeat-x 0 100% #fdf4e3;
}
.bank-content-light-green {
background: #effad4;
}
.bank-pack-name {
font-size: 14px;
font-weight: bold;
color: #bb6644;
}
.bank-pack-about {
margin-top: 2px;
font-size: 11px;
color: #bd9077;
font-style: italic;
}
.bank-pack-sum {
margin-top: 3px;
color:
#b06f4c;
font-weight: bold;
}
.bank-pack-sum-action {
color:
#80a516;
font-weight: bold;
}
.bank-pack-sum-action.offset {
margin-left: -6px;
}
.bank-pack-goodprice {
font-size: 11px;
font-weight: bold;
color: #bb6644;
}
.bank-pack-action-offset {
margin-left: -9px;
}
/* !--------- plant styles ------------------
*/
.f-plant-garden-bed {
position: absolute;
display:
inline-block;
width: 44px;
height: 62px;
}
.f-plant-action
{
display: inline-block;
width: 44px;
height: 44px;
margin-top: 4px;
}
.f-plant {
position: absolute;
display:
inline-block;
width: 44px;
height: 62px;
margin-top:
-26px;
}
.f-plant-oval {
display: inline-block;
width:
50px;
height: 62px;
margin-top: -5px;
}
.bed-strip {
display: block;
height: 42px;
width: 220px;
position:
absolute;
top: 0px;
z-index: 200;
background: none repeat
scroll 0% 0% transparent;
}
/* plant phases */
.f-plant-phase-1 {
background-position: center top;
background-repeat:
no-repeat;
}
.f-plant-phase-2 {
background-position: center
-62px;
background-repeat: no-repeat;
}
.f-plant-phase-3 {
background-position: center -124px;
background-repeat:
no-repeat;
}
.f-plant-phase-4 {
background-position: center
-186px;
background-repeat: no-repeat;
}
/* !--------- tasks
------------------------- */
.f-quest-head {
position:
relative;
}
.f-quest-head .f-icon-expand {
position: absolute;
right: 7px;
top: 6px;
}
.f-quest-head .f-icon-expanded {
position: absolute;
right: 6px;
top: 8px;
}
.f-quest-head
.f-quest-level {
position: absolute;
left: 155px;
top:
7px;
color: #fff;
}
.quest-title {
padding: 3px 0;
background: #f9e9d7;
font-size: 14px;
color: #6b441b;
text-align: center;
border-bottom: 1px solid #d5c5b3;
}
.quest-text
{
display: inline;
color: #6b441b;
vertical-align:
middle;
}
.f-quest-item-big {
width: 52px;
padding: 0;
margin: 0;
text-align: center;
display:
inline-block;
}
.f-quest-item-big-wide {
width:65px;
}
.quest-in-progress {
font-size: 12px;
color:
#90775e;
}
.quest-done {
font-size: 12px;
color:
#70a80b;
}
.quest-prize {
margin: 10px 0 0 5px;
font-size:
12px;
color: #6b441b;
font-weight: bold;
}
.quest-prize
span {
font-weight: normal;
}
.f-quest-status {
position: relative;
margin-top: -21px;
margin-right: 3px;
float: right;
overflow: hidden;
width: 68px;
height: 16px;
background: transparent url('../images/f-backgrounds-7.png') -1681px top
no-repeat;
}
.f-quest-status.f-quest-status-mainpage {
position: absolute;
margin-top: 0;
right: 3px;
top: 17px;
}
.f-quest-progress {
overflow: hidden;
height:
16px;
padding: 0;
text-decoration: none;
background:
transparent url('../images/f-backgrounds-7.png') -1681px -84px
no-repeat;
}
.f-quest-progress-percent {
overflow: hidden;
position: absolute;
top: 1px;
width: 68px;
color: #fff;
text-align: center;
}
.f-quest-status-head, .f-quest-status-head-empty
{
position: absolute;
text-align: center;
right: 18px;
top: 2px;
color: #29768d;
}
.f-quest-status-head-empty {
top:
5px;
color: #124d5f;
}
.f-quest-link-counter {
position:
absolute;
left: 15px;
top: 7px;
text-align: center;
width: 45px;
height: 19px;
padding: 6px 1px 0 16px;
background: url('../images/tasks/task-list.png') no-repeat 0
0;
}
.f-quest-link-name {
padding-top: 11px;
text-align:
center;
font-size: 12px;
}
.f-quest-link {
color: #fff;
position: relative;
width: 230px;
height: 37px;
background:
transparent url('../images/f-backgrounds-7.png') -1760px -44px
no-repeat;
}
.f-quest-time {
width: 210px;
height: 17px;
padding:
2px 5px 0 5px;
margin: 0 auto;
margin-top: -5px;
font-size:
11px;
background: url('../images/quests-time-bg.png') no-repeat 0
0;
}
.f-quest-time-green { background-position: 0 -1px;
}
.f-quest-time-yellow { background-position: 0 -22px;
}
.f-quest-time-red{ background-position: 0 -43px; }
.quest-time-name
{ text-shadow: 0 1px 2px #000000; }
.quest-time-remain {
float:
right;
text-shadow: 0 1px 2px #000000;
}
.f-quest-time a {
color: #fff;
text-decoration: none;
}
.quest-alarm-icon
{
display: inline-block;
margin: -6px 0 -6px 4px;
width:
22px;
height: 22px;
background: url('../images/tasks/budilnik.png')
no-repeat 0 0;
}
.quest-alarm-info {
overflow: hidden;
padding:
10px 0 5px 0;
}
.quest-alarm-image-cont {
width:
22px;
}
.quest-alarm-spacer {
width:
8px;
}
.quest-alarm-info-text {
color: #5c7e02;
width:
180px;
font-size: 12px;
}
.f-expired-sad-rabbit {
padding-right: 3px;
float:left;
}
.img-egg {
background-image: url('../images/animals/kaily.png');
}/* !---------
layout ------------------- */
.f,
.f5,
.f10,
.f17 {
width:
230px;
}
/* !--------- content & teasers ----------------
*/
.f-status {
width: 230px;
}
.f-status-green {
background: transparent url('../images/f-backgrounds-statuses.png') -5px
top no-repeat;
}
.f-status-green .inner {
background: #effad4
url('../images/f-backgrounds-statuses.png') -245px bottom
no-repeat;
}
.f-status-grey {
background: transparent
url('../images/f-backgrounds-statuses.png') -485px top
no-repeat;
}
.f-status-grey .inner {
background: #e1e1e1
url('../images/f-backgrounds-statuses.png') -725px bottom
no-repeat;
}
.f-content {
width: 230px;
}
.f-progress {
width: 160px;
}
.f-animal-progress {
width:
148px;
}
.f-content-green {
background: transparent
url('../images/f-backgrounds-content-1.png') -725px top
no-repeat;
}
.f-content-green-round {
background: transparent
url('../images/f-backgrounds-content-r.png') left -30px
no-repeat;
}
.f-content-green .inner {
background: transparent
url('../images/f-backgrounds-content-1.png') -1205px bottom no-repeat;
padding: 0 4px 10px 4px;
}
.f-content-green .outer {
background:
transparent url('../images/f-backgrounds-content-1.png') -965px center
repeat-y;
}
.f-content-grey {
background: transparent
url('../images/f-backgrounds-content-1.png') -1445px top
no-repeat;
}
.f-content-grey-round {
background: transparent
url('../images/f-backgrounds-content-r.png') left -60px
no-repeat;
}
.f-content-grey .inner {
background: transparent
url('../images/f-backgrounds-content-1.png') -1925px bottom no-repeat;
padding: 0 4px 10px 4px;
}
.f-content-grey .outer {
background:
transparent url('../images/f-backgrounds-content-1.png') -1685px center
repeat-y;
}
.f-content-brown {
background: transparent
url('../images/f-backgrounds-content-1.png') -5px top
no-repeat;
}
.f-content-brown-round {
background: transparent
url('../images/f-backgrounds-content-r.png') left top
no-repeat;
}
.f-content-brown .inner {
background: transparent
url('../images/f-backgrounds-content-1.png') -485px bottom no-repeat;
padding: 0 4px 10px 4px;
}
.f-content-brown .outer {
background:
transparent url('../images/f-backgrounds-content-1.png') -245px center
repeat-y;
}
.f-content-light {
background: transparent
url('../images/f-backgrounds-content-2.png') -5px top
no-repeat;
}
.f-content-light-round {
background: transparent
url('../images/f-backgrounds-content-r.png') left -90px
no-repeat;
}
.f-content-light .inner {
background: transparent
url('../images/f-backgrounds-content-2.png') -485px bottom no-repeat;
padding: 0 4px 10px 4px;
}
.f-content-light .outer {
background:
transparent url('../images/f-backgrounds-content-2.png') -245px center
repeat-y;
}
.f-content-sandy {
background: transparent
url('../images/f-backgrounds-content-2.png') -725px top
no-repeat;
}
.f-content-sandy-round {
background: transparent
url('../images/f-backgrounds-content-r.png') left -120px
no-repeat;
}
.f-content-sandy .inner {
background: transparent
url('../images/f-backgrounds-content-2.png') -1205px bottom no-repeat;
padding: 0 4px 10px 4px;
}
.f-content-sandy .outer {
background:
transparent url('../images/f-backgrounds-content-2.png') -965px center
repeat-y;
}
.f-content-dbrown {
background: transparent
url('../images/f-backgrounds-content-2.png') -1445px top
no-repeat;
}
.f-content-dbrown-round {
background: transparent
url('../images/f-backgrounds-content-r.png') left -150px
no-repeat;
}
.f-content-dbrown .inner {
background: transparent
url('../images/f-backgrounds-content-2.png') -1925px bottom no-repeat;
padding: 0 4px 10px 4px;
}
.f-content-dbrown .outer {
background:
transparent url('../images/f-backgrounds-content-2.png') -1685px center
repeat-y;
}
.f-content-teaser-bank {
width:
159px;
}
.f-content-teaser {
width:
180px;
}
.f-content-teaser-brown {
background: transparent
url('../images/f-backgrounds-7.png') -5px top no-repeat;
position:
relative;
z-index: 10;
}
.f-content-teaser-purple {
background: transparent url('../images/f-backgrounds-7.png') -2229px -51px
no-repeat;
position: relative;
z-index:
10;
}
.f-content-teaser-grey {
background: transparent
url('../images/f-backgrounds-7.png') -5px -50px
no-repeat;
}
.f-content-teaser-yellow {
background: transparent
url('../images/f-backgrounds-7.png') -1205px -57px
no-repeat;
}
.f-content-teaser-brown-news {
background:
transparent url('../images/f-backgrounds-7.png') -2227px -5px no-repeat;
position: relative;
z-index: 10;
width: 161px;
}
.f-hint
{
width: 230px;
padding: 0 0 10px 0;
min-height: 80px;
overflow: hidden;
background: transparent url('../images/f-hint.png')
1px top no-repeat;
}
.f-hint .hint-outer {
background: transparent
url('../images/f-hint-wrapper.png') right bottom no-repeat;
padding: 0
0 4px 0;
}
.f-hint .hint-inner {
background: transparent
url('../images/f-hint-wrapper.png') right top no-repeat;
padding: 3px
0 0 94px;
margin: 0;
}
.f-hint .hint-content {
width:
128px;
padding: 0 4px;
overflow: hidden;
margin: 0;
color: #416618;
text-decoration: none;
background: #effad4;
min-height: 50px;
}
.nick-to-profile {
display: block;
overflow:
hidden;
z-index: 10;
}
.nickname {
display: block;
overflow:
hidden;
float: right;
margin-right: 4px;
height: 18px;
background:
#004c80;
border-radius: 4px 4px 0 0;
padding: 5px 6px 1px 8px;
color:
#fff;
font-size: 11px;
font-weight: bold;
text-shadow: 0 1px 1px
#000;
}
.nickname img {
vertical-align: middle; margin-left:
2px;
}
.f-experience {
text-decoration: none;
display:
block;
width: 232px;
height: 38px;
overflow: hidden;
margin: -9px auto 5px auto;
padding: 0;
background: transparent
url('../images/f-backgrounds-7.png') -964px top
no-repeat;
}
.f-experience .level {
display: block;
color:
#c63800;
width: 36px;
text-align: center;
padding: 0;
margin: 14px 0 0 0;
overflow: hidden;
}
.f-experience .progress
{
display: block;
width: 186px;
text-align: center;
padding: 0;
margin: 14px 0 0 0;
overflow: hidden;
color:
#ffffff;
}
.exp-progress {
width: 230px;
margin: -5px auto;
height: 3px;
background: #444;
}
.exp-progress-filled {
height: 3px;
background: url('../images/exp-progress.png')
repeat-x 0 0;
}
.f-tease {
position: relative;
}
.f-tease
.f-mini-panel {
margin: 1px 4px 0 4px;
}
.f-tease .content {
position: absolute;
padding: 1px 0 0 1px;
}
.f-tease .mini-inner
{
width: 33px;
}
.f-tease-rent .f-glossy,
.f-tease-rent
.f-glossy-last {
height: 47px;
overflow:
hidden;
}
.f-tease-rent {
height: 53px;
background:
transparent url('../images/f-backgrounds-teasers.png') center top
no-repeat;
}
.f-tease-purchase-left {
height: 34px;
width:
114px;
padding: 1px 0 1px 1px;
background: transparent
url('../images/f-backgrounds-teasers.png') -5px -55px no-repeat;
float: left;
}
.f-tease-purchase-right {
height: 34px;
width:
114px;
padding: 1px 0 1px 1px;
background: transparent
url('../images/f-backgrounds-teasers.png') -120px -55px no-repeat;
float: right;
}
.f-tease-purchase-full {
height: 34px;
width:
229px;
padding: 1px 0 1px 1px;
background: transparent
url('../images/f-backgrounds-teasers.png') -5px -55px no-repeat;
float: left;
}
.f-tease-locked-left {
height: 34px;
width:
114px;
padding: 1px 0 1px 1px;
background: transparent
url('../images/f-backgrounds-teasers.png') -5px -93px no-repeat;
float: left;
}
.f-tease-locked-right {
height: 34px;
width:
114px;
padding: 1px 0 1px 1px;
background: transparent
url('../images/f-backgrounds-teasers.png') -120px -93px no-repeat;
float: right;
}
.f-tease-locked-full {
height: 34px;
width:
229px;
padding: 1px 0 1px 1px;
background: transparent
url('../images/f-backgrounds-teasers.png') -5px -93px no-repeat;
float: right;
}
.f-tease-locked-left .f-glossy,
.f-tease-locked-right
.f-glossy,
.f-tease-purchase-left .f-glossy,
.f-tease-purchase-right
.f-glossy,
.f-tease-locked-left .f-glossy-last,
.f-tease-locked-right
.f-glossy-last,
.f-tease-purchase-left
.f-glossy-last,
.f-tease-purchase-right
.f-glossy-last,
.f-tease-locked-full
.f-glossy-last,
.f-tease-purchase-full .f-glossy-last {
display:
block;
margin: 0;
height: 29px;
overflow:
hidden;
}
.f-tease-locked-left
.f-glossy-wrapper,
.f-tease-locked-right
.f-glossy-wrapper,
.f-tease-locked-full
.f-glossy-wrapper,
.f-tease-purchase-left
.f-glossy-wrapper,
.f-tease-purchase-right
.f-glossy-wrapper,
.f-tease-purchase-full .f-glossy-wrapper {
display: block;
}
.f-tease-locked-left
.glossy-outer,
.f-tease-locked-right .glossy-outer,
.f-tease-locked-full
.glossy-outer {
display: block;
text-align: left;
padding-left: 30px;
padding-right: 5px;
background:
url('../images/f-buttons2.png') 0 -231px no-repeat,
url(http://px-ferma.box/images/f-panel-glossy.png) no-repeat 100% -13px
transparent;
height: 34px;
}
.f-tease-purchase-left
.glossy-outer,
.f-tease-purchase-right
.glossy-outer,
.f-tease-purchase-full .glossy-outer {
display: block
!important;
text-align: left;
padding-left: 35px;
padding-right: 5px;
font-weight: bold;
background:
url('../images/f-buttons2.png') 0 -269px no-repeat,
url(http://px-ferma.box/images/f-panel-glossy.png) no-repeat 100% -13px
transparent;
height: 34px;
}
.f-tease-locked-full
.glossy-outer,
.f-tease-purchase-full .glossy-outer {
padding-top:
8px;
}
.full-center {
width: 221px !important;
}
.full-center
span.shop-level {
right: 55px !important;
}
.f-technote {
width: 50px;
margin-right: -2px;
padding-top: 6px;
float:
right;
}
/* !--------- animals -----------------------
*/
.f-animals-wrapper {
position: relative;
width: 240px;
margin: 0 auto 5px auto;
}
.f-animals-wrapper .fence-back-row {
width: 220px;
height: 26px;
padding: 0;
margin: 0 auto
-14px;
background: transparent
url('../images/a-fences-horizontal.png') left top
repeat-x;
}
.f-animals-wrapper .fence-front-row {
width: 220px;
height: 26px;
padding: 0;
margin: -5px auto 0 auto;
background: transparent url('../images/a-fences-horizontal.png') left top
repeat-x;
position: relative;
}
.f-animals-wrapper .animal-row {
display: block;
width: 220px;
height: 44px;
margin: -6px
auto 0 auto;
overflow: visible;
position:
relative;
}
.f-animals-wrapper .path-row {
height: 26px;
margin: -2px auto -13px auto;
width: 220px;
background:
transparent url('../images/a-fences-horizontal.png') left top repeat-x;
position: relative;
}
.f-animals-wrapper .fence-right {
position:
absolute;
top: 0;
left: 7px;
width: 6px;
height:
100%;
padding: 0;
margin: 0;
background: transparent
url('../images/a-fences-vertical.png') -7px top
repeat-y;
}
.f-animals-wrapper .fence-right2 {
position:
absolute;
top: 0;
left: 61px;
width: 6px;
height:
100%;
padding: 0;
margin: 0;
background: transparent
url('../images/a-fences-vertical.png') -7px top
repeat-y;
}
.f-animals-wrapper .fence-center {
position:
absolute;
top: 0;
right: 118px;
width: 6px;
height:
100%;
padding: 0;
margin: 0;
background: transparent
url('../images/a-fences-vertical.png') -7px top
repeat-y;
}
.f-animals-wrapper .fence-left2 {
position:
absolute;
top: 0;
right: 63px;
width: 6px;
height:
100%;
padding: 0;
margin: 0;
background: transparent
url('../images/a-fences-vertical.png') -7px top
repeat-y;
}
.f-animals-wrapper .fence-left {
position: absolute;
top: 0;
right: 9px;
width: 6px;
height: 100%;
padding: 0;
margin: 0;
background: transparent
url('../images/a-fences-vertical.png') -7px top
repeat-y;
}
.f-animals-wrapper .animal {
margin: -8px 0 0 0;
width: 55px;
height: 62px;
display: block;
float: left;
overflow: visible;
}
.f-animals-wrapper .animal-num {
position:
absolute;
display: block;
margin: 0;
padding: 3px 0 0 0;
top: 11px;
left: -7px;
background: transparent
url('../images/f-buttons2.png') center -197px no-repeat;
text-align:
center;
color: #ffffff;
text-shadow: 0 -1px 1px #c65200;
font-size: 16px;
font-weight: bold;
width: 24px;
height:
21px;
z-index: 100;
}
.f-animals-wrapper .animals-wrapper {
position: relative;
}
/* !-------- nums switchers ------
*/
.num-switch {
text-decoration: none;
display: block;
width: 180px;
height: 21px;
overflow: hidden;
font-size:
12px;
font-weight: bold;
padding: 5px 0 0 60px;
color:
#ffffff;
}
.num-hide {
background: transparent
url('../images/f-backgrounds-7.png') -1200px top no-repeat;
text-shadow: 0 -1px 1px #06549c;
}
.num-show {
background:
transparent url('../images/f-backgrounds-7.png') -1200px -30px no-repeat;
text-shadow: 0 -1px 1px #c65100;
}
/* !-------- immediately buttons
------ */
.do-imm-wrapper {
width:240px;
margin:-5px auto 10px
auto;
position:relative;
z-index:10;
}
.do-imm-button {
text-decoration: none;
display: block;
width: 200px;
height: 21px;
overflow: hidden;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 40px;
background: transparent
url('../images/f-backgrounds-immediately.png') 5px top no-repeat;
color: #ffffff;
text-shadow: 0 -1px 1px #c65100;
}
/* !---------
plants ----------------------- */
.f-plants-wrapper {
position:
relative;
width: 240px;
margin: 0 auto 5px
auto;
}
.f-plants-wrapper .fence-back-row {
width: 220px;
height: 19px;
padding: 0;
margin: 0 auto;
background:
transparent url('../images/f-fences-horizontal.png') left top
repeat-x;
}
.f-plants-wrapper .fence-front-row {
width: 220px;
height: 19px;
padding: 0;
margin: -5px auto 0 auto;
background: transparent url('../images/f-fences-horizontal.png') left -21px
repeat-x;
position: relative;
}
.f-plants-wrapper .plant-row {
display: block;
width: 220px;
height: 36px;
margin: -6px
auto 0 auto;
overflow: visible;
position:
relative;
}
.f-plants-wrapper .plant-num {
position: absolute;
display: block;
margin: 0;
padding: 3px 0 0 0;
top: 7px;
left: -7px;
background: transparent url('../images/f-buttons2.png')
center -197px no-repeat;
text-align: center;
color: #ffffff;
text-shadow: 0 -1px 1px #c65200;
font-size: 16px;
font-weight:
bold;
width: 24px;
height: 21px;
z-index:
100;
}
.f-plants-wrapper .plant {
margin: 0 0 0 -8px;
width:
50px;
height: 36px;
display: block;
float: left;
overflow: visible;
}
.f-plants-wrapper .plant-first {
margin:
0;
}
.f-plants-wrapper .path-row {
height: 19px;
margin: -5px
auto 0 auto;
width: 220px;
background: transparent
url('../images/f-fences-horizontal.png') left -42px repeat-x;
position: relative;
}
.f-plants-wrapper .fence-right {
position:
absolute;
top: 0;
left: 10px;
width: 5px;
height:
100%;
padding: 0;
margin: 0;
background: transparent
url('../images/f-fences-vertical.png') left top
repeat-y;
}
.f-plants-wrapper .fence-left {
position: absolute;
top: 0;
right: 10px;
width: 5px;
height: 100%;
padding: 0;
margin: 0;
background: transparent
url('../images/f-fences-vertical.png') -7px top
repeat-y;
}
.f-plants-wrapper .plant-row-link {
position:
absolute;
top: 0;
left: 0;
}
.f-plants-wrapper
.plants-wrapper {
position: relative;
margin-top: -14px;
padding-top: 14px;
}
/* !--------- icons -----------------------
*/
.f-icon-common-sale {
background: transparent
url('../images/f-icons-common.png') 33px top no-repeat;
}
/*
!--------- teasers ------------------ */
.f-teaser {
background:
transparent url('../images/f-backgrounds-7.png') -725px top
no-repeat;
}
.f-teaser-link {
width: 188px;
}
.f-teaser-close
{
width: 42px;
}
.f-teaser span.leading {
padding: 10px 0 0
90px;
}
.f-teaser span.text {
padding: 5px 0 0 90px;
}
/*
!--------- shop ----------------------- */
.f-shop-facility {
width: 110px;
}
.f-shop-facility-full {
width:
90px;
}
.f-shop-description {
width: 100px;
padding: 5px
!important;
}
.f-panel-button-buy-bg {
margin-top: 19px;
margin-right: 4px;
}
.back-preview {
float: left;
width:
142px;
margin: 4px 0 0 2px;
height:
77px;
}
.inner.inner-owned-bg {
padding: 0
!important;
}
.bg-owned-img {
margin-top: -1px;
width:
230px;
height: 80px;
}
.last-bought-back {
margin-bottom:
-10px !important;
}
a.set-owned-bg {
display: block;
padding:
5px 0 7px 0;
margin-top: -22px;
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: white;
background: url('../images/set-bg-btn-bg.png') repeat 0
0;
}
.f-back-preview {
width: 142px;
height: 77px;
}
/*
!--------- treasures ------------------ */
.f-treasure-side {
width: 103px;
}
/* !--------- ovals and backgrounds for them --
*/
.f-blue {
background: transparent
url('../images/f-backgrounds-7.png') -245px top no-repeat;
}
.f-gold
{
background: transparent url('../images/f-backgrounds-7.png') -485px
top no-repeat;
}
.f-green {
background: transparent
url('../images/f-backgrounds-7.png') -1443px top
no-repeat;
}
.f-light-green {
background: transparent
url('../images/light-green-panel.png') no-repeat;
}
.f-blue
.f-glossy,
.f-gold .f-glossy,
.f-green .f-glossy,
.f-light-green
.f-glossy {
height: 75px;
overflow: hidden;
}
.f-oval-inner
{
width: 73px;
}
.f-oval-inner-last {
width:
72px;
}
.f-blue .w2,
.f-gold .w2,
.f-green .w2,
.f-light-green .w2
{
width: 110px;
}
.f-blue .w3,
.f-gold .w3,
.f-green
.w3,
.f-light-green .w3 {
width: 226px;
}
.f-oval-inner .f-count
{
right: 1px;
}
.f-blue .w2 .f-count,
.f-gold .w2
.f-count,
.f-green .w2 .f-count,
.f-light-green .w2 .f-count {
right: 20px;
}
.f-blue .w3 .f-count,
.f-gold .w3 .f-count,
.f-green
.w3 .f-count,
.f-light-green .w3 .f-count {
right: 78px;
}
/*
b-g: blue with green counter
b: blue without counter
br:
brown without counter
br-c: brown with orange counter
brd:
dark brown without counter
*/
.f-oval-b-g {
background:
transparent url('../images/f-backgrounds-oval-2.png') center 0
no-repeat;
}
.f-oval-b {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -83px
no-repeat;
}
.f-oval-br {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -166px
no-repeat;
}
.f-oval-br-online {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -170px
no-repeat;
}
.f-oval-br-c {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -249px
no-repeat;
}
.f-oval-brd {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -332px
no-repeat;
}
.f-teaser-link .f-oval-brd {
background: transparent
url('../images/f-backgrounds-oval-2.png') 4px -325px
no-repeat;
}
.f-oval-g {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -415px
no-repeat;
}
.f-oval-g-c {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -498px
no-repeat;
}
.f-oval-lock {
background: transparent
url('../images/f-backgrounds-oval-2.png') center -581px no-repeat;
color: #C1D7E6;
}
.f-top-stats {
background: transparent
url('../images/stats-bg.png') center -3px no-repeat;
height:16px;
margin-top:-5px;
}
.f-top-stats .inner {
padding-top:2px;
padding-left:10px;
color:#442200;
margin-right:auto;
margin-left:auto;
}
.f-top-stats .inner a{
color:#442200;
}
/* forum */
.forum-odd {
padding:
0;
margin-bottom: 1px;
background: #ffdbb5;
border-radius: 0 10px
10px 0;
}
.forum-even {
padding: 0;
margin-bottom: 1px;
background:
#ffebd5;
border-radius: 0 10px 10px 0;
}
.inner.forum-nav {
padding:
4px 8px 6px 8px;
}
.forum-nav a span {
font-size: 14px;
}
.forum-odd
a.a, .forum-even a.a {
display: block;
padding: 4px;
text-decoration:
none !important;
-webkit-transition: background 0.5s
ease-in-out;
-moz-transition: background 0.5s ease-in-out;
transition:
background 0.5s ease-in-out;
border-radius: 0 10px 10px 0;
}
.forum-odd
a.a:hover, .forum-even a.a:hover, .forum-odd a.a:active, .forum-even
a.a:focus {
border-left: 2px solid #ff8a10;
background:
#fdc283;
}
.forum-nav {
color: #FFFFFF !important;
}
.forum-nav a
{
text-decoration: underline !important;
color: #FFFFFF
!important;
}
.title-msg {
font-size: 14px !important;
text-align: center;
color: #333333 !important;
}
.separator-line
{
background-color: orange;
height: 1px;
}
/* Friends-ogorod
*/
div.friends-ogorod #f-header {
margin: 7px auto 0px auto;
height: 88px;
position: relative;
}
.f-friends-name-wrapper {
position: relative;
width: 240px;
margin: 0 auto 0
auto;
}
.f-friends-name {
background:
url('../images/friends_name.png') no-repeat center top;
height: 46px;
width: 244px;
margin-top: -32px;
position: absolute;
z-index:
1;
padding-top: 4px;
text-align: center;
font-weight:
bold;
}
div.friends-ogorod {
background: #006db7
url('../images/bg/garden.jpg') center 27px
no-repeat;
}
div.friends-barnyard {
background: #006db7
url('../images/bg/barnyard.jpg') center 27px
no-repeat;
}
div.friends-barnyard #f-header {
margin: 7px auto 0
auto;
height: 88px;
position: relative;
}
.free-point-max {
height: 24px;
margin-top: -29px;
}
/* END Friends-ogorod
*/
/* friends-front */
.f-friends-neighbours-link {
color:
#fff;
background: url('../images/friend-neighbor-buttom.png')
no-repeat scroll;
}
.action-point-icon-rich {
height: 25px;
width: 33px;
margin-left:-14px;
margin-top:-7px;
}
.f-action-points {
text-decoration: none;
display: block;
width: 232px;
height: 38px;
overflow:
hidden;
padding: 0;
background: transparent
url('../images/f-backgrounds-7.png') -1996px top
no-repeat;
}
.f-action-points .level {
display: block;
color:
#c63800;
width: 36px;
text-align: center;
padding: 0;
margin: 14px 0 0 0;
overflow: hidden;
}
.f-action-points .progress
{
display: block;
width: 186px;
text-align: center;
padding: 0;
margin: 14px 0 0 0;
overflow: hidden;
color:
#333;
}
.f-friends-link-counter {
position: absolute;
left:
16px;
top: 9px;
text-align: center;
width: 45px;
height: 19px;
padding: 5px 1px 0 16px;
background:
url('../images/friend_list.png') no-repeat 0
0;
}
.f-friends-link-counter-empty {
position: absolute;
left: 16px;
top: 4px;
text-align: center;
width: 34px;
height: 33px;
padding: 5px 1px 0 16px;
background:
url('../images/friend_list_empty.png') no-repeat 0
0;
}
.f-friends-icons {
margin-top: 0;
position: absolute;
right: 3px;
top: 5px;
float: right;
height: 29px;
margin-right: 3px;
overflow: hidden;
width:
80px;
}
.f-friends-ico {
background:
url('../images/friend_help_icons.png') no-repeat 0 0;
height:
22px;
width: 19px;
position: relative;
float: right;
top:
2px;
z-index: 1;
}
.f-friends-help-ico {
background:
url('../images/friend_help_icons.png') no-repeat 0 -22px;
height:
22px;
width: 19px;
position: relative;
float: right;
top:
2px;
z-index: 1;
}
.f-friends-help-g-ico {
background:
url('../images/friend_help_icons.png') no-repeat 0 -66px;
height:
22px;
width: 19px;
position: relative;
float: right;
top:
2px;
z-index: 1;
}
.f-friends-add {
background:
url('../images/friend_help_icons.png') no-repeat 0 -44px;
height:
22px;
width: 16px;
position: relative;
float: right;
top:
2px;
z-index: 2;
margin-left:-5px
}
.f-friends-first-icons { width:
19px; }
.f-friends-second-icons { width: 16px;
margin-left:-6px}
.f-friends-third-icons { width: 16px;
margin-right:-4px}
.f-friend-list-help {
margin-top: 0
!important;
}
.f-friends-icon {
height: 22px;
width: 29px;
background: url('../images/friends.png') no-repeat scroll 0 0
transparent;
}
.f-neighbours-icon {
height: 22px;
width:
29px;
background: url('../images/neighbours.png') no-repeat scroll 0 0
transparent;
}
.f-friends-help-simple-ico {
background:
url('../images/friend_help_icons.png') no-repeat 0 -22px;
height:
22px;
width: 19px;
}
/* END friends-front */
/* friends-help
*/
.f-content-help {
background:
url("../images/help-title.png") no-repeat scroll 0 0
transparent;
}
.f-help-title {
overflow: hidden;
height:
26px;
}
.f-help-msocial {
height: 18px;
margin: 4px 0 0 4px;
width: 18px;
float: left;
}
.fm-fb { background:
url("../images/social_small.png") no-repeat scroll 0 0
transparent;}
.fm-vk { background:
url("../images/social_small.png") no-repeat scroll 0 -18px
transparent;}
.fm-odkl { background:
url("../images/social_small.png") no-repeat scroll 0 -36px
transparent;}
.f-help-social-title {
color: #FFFFFF;
font-size:
12px;
font-weight: bold;
margin-left: 6px;
padding: 6px 0
4px 0;
text-shadow: 0 1px 2px #000000;
float:
left;
}
.f-help-user {
float: left;
margin-left: 8px;
margin-top: 6px;
}
.f-help-user-cnt {
color: #FFFFFF;
font-size:
12px;
margin-left: 2px;
padding: 6px 0 4px 0;
text-shadow: 0
1px 2px #000000;
float: left;
}
.f-help-expand {
float:
right;
margin: 7px 3px 0 0;
width: 14px;
}
.f-help-expand.hide
{
background: url("../images/f-icons-expand.png") no-repeat
scroll 0 -9px transparent;
height: 16px;
}
.f-help-expand.show
{
background: url("../images/f-icons-expand.png") no-repeat
scroll 0 4px transparent;
height: 12px;
}
.button-block {
height:
47px;
text-align: center;
}
.button-block.green
{
background-color: #749f02;
}
.button-block.last {
height:
45px;
}
.f-panel-button.f-panel-help-button {
margin: 4px 0
0;
}
.f-panel-button.f-panel-help-button .panel-inner {
padding: 8px
0 0 9px;
}
.f-panel-bgray {
background:
url("../images/f-panels.png") no-repeat scroll right -642px
transparent;
}
.f-panel-bgray .panel-inner {
background:
url("../images/f-panels.png") no-repeat scroll left -607px
transparent;
height: 28px
!important;
}
.f-panel-borange.f-panel-help-button .panel-inner
{
height: 26px !important;
}
.f-panel-help-button {
color:
#FFFFFF;
font-size: 12px;
text-shadow: 0 1px 2px
#000000;
}
.bottom-line {
background:
url("../images/bottom_line.png") no-repeat scroll -2px 0
transparent;
height: 4px;
width: 235px;
margin-top:
-4px;
}
.f-icon-g-user-profile {
background: transparent
url('../images/f-icons-user2.png') center -49px
no-repeat;
}
p.find-friends {
font-size: 12px;
}
p.find-attention
{
font-size: 10px;
line-height: 11px;
}
.f-panel-bblue-small
{
background: transparent url('../images/f-panels-right.png') right
-33px no-repeat;
height: 33px;
}
.f-panel-bblue-small .panel-inner
{
height: 28px !important;
background: transparent
url('../images/f-panels.png') left -536px
no-repeat;
}
.f-panel-borange-small {
background: transparent
url('../images/f-panels-right.png') right 0 no-repeat;
height:
33px;
}
.f-panel-borange-small .panel-inner {
height: 28px
!important;
background: transparent url('../images/f-panels.png') left
-466px no-repeat;
}
.f-panel-bgray-small {
background: transparent
url('../images/f-panels-right.png') right -66px no-repeat;
height:
33px;
}
.f-panel-bgray-small .panel-inner {
height: 28px
!important;
background: transparent url('../images/f-panels.png') left
-607px no-repeat;
}
/* END friends-help */
/* friends-help-expanded
*/
.f-help-expand-block {
overflow: hidden;
}
.f-help-expand-icon
{
float: left;
margin-left: 2px;
}
.f-help-expand-text {
color:
#6b441b;
font-size: 12px;
float: left;
margin-left:
3px;
margin-top: 10px;
}
.f-help-expand-text a {
color:
#6b441b;
font-size: 12px;
text-decoration: underline;
margin-top:
8px;
}
.f-help-expand-arrow {
position: absolute;
padding: 7px 0 0
2px;
}
.f-button-smile {
background:
url("../images/f-smiles.png") no-repeat scroll center 0px
transparent;
position: relative;
}
.f-button-smile-very-sad
{
background-position: center 0px;
}
.f-button-smile-sad
{
background-position: center -36px;
}
.f-button-smile-neutral
{
background-position: center -72px;
}
.f-button-smile-friendly
{
background-position: center -108px;
}
.f-button-smile-happy
{
background-position: center -144px;
}
.f-button-smile-super-happy
{
background-position: center -180px;
}
.f-icon-oval-friend-garden
{
background: transparent url('../images/f-icons-friends.png') 50% 0
no-repeat;
}
.f-icon-oval-friend-pets {
background: transparent
url('../images/f-icons-friends.png') 50% -55px
no-repeat;
}
.f-icon-oval-friend-home {
background: transparent
url('../images/f-icons-friends.png') 50% -108px
no-repeat;
}
.text-friends {
margin-top: -5px;
}
p.find-friends
{
font-size: 12px;
}/* !--------- factory styles ------------------
*/
.f-industry-wrapper {
position: relative;
width: 240px;
margin: 0 auto 5px auto;
}
.f-production-oval {
display:
inline-block;
width: 55px;
height:
55px;
}
.f-industry-wrapper .fence-back-row {
width: 220px;
height: 26px;
padding: 0;
margin: 0 auto -14px;
background:
transparent url('../images/a-fences-horizontal.png') left top
repeat-x;
}
.f-industry-wrapper .fence-front-row {
width: 220px;
height: 26px;
padding: 0;
margin: -5px auto 0 auto;
background: transparent
url('../images/factories/factory-fence-horizontal.png') left top
repeat-x;
position: relative;
}
.f-industry-wrapper .industry-row
{
display: block;
width: 220px;
height: 44px;
margin:
-6px auto 0 auto;
overflow: visible;
position:
relative;
}
.f-industry-wrapper .path-row {
height: 26px;
margin: -2px auto -13px auto;
width: 220px;
background:
transparent url('../images/factories/factory-fence-horizontal.png') left
top repeat-x;
position: relative;
}
.f-industry-wrapper
.fence-right {
position: absolute;
top: 0;
left: 9px;
width: 6px;
height: 100%;
padding: 0;
margin: 0;
background: transparent url('../images/factories/factory-fence-right.png')
left top repeat-y;
}
.f-industry-wrapper .fence-right2
{
}
.f-industry-wrapper .fence-center {
}
.f-industry-wrapper
.fence-left2 {
}
.f-industry-wrapper .fence-left {
position:
absolute;
top: 0;
right: 9px;
width: 6px;
height:
100%;
padding: 0;
margin: 0;
background: transparent
url('../images/factories/factory-fence-left.png') 0px 0px
repeat-y;
}
.f-industry-wrapper .factory {
margin: -8px 0 0 0;
width: 55px;
height: 62px;
display: block;
float: left;
overflow: visible;
}
.f-industry-wrapper .industry-num {
position: absolute;
display: block;
margin: 0;
padding: 3px
0 0 0;
top: 11px;
left: -7px;
background: transparent
url('../images/f-buttons2.png') center -197px no-repeat;
text-align:
center;
color: #ffffff;
text-shadow: 0 -1px 1px #c65200;
font-size: 16px;
font-weight: bold;
width: 24px;
height:
21px;
z-index: 100;
}
.f-industry-wrapper .industry-wrapper {
position: relative;
margin-top:-13px;
}
.f-factory {
position: absolute;
display: inline-block;
width: 55px;
height: 62px;
margin-top: -1px;
}
.f-factory-resource {
position: relative;
margin: 0 -4px 0 -4px;
padding: 4px 5px 3px
5px;
color: #5d3e17;
background:
#f0e5d0;
}
.f-factory-w-fence {
margin-top: -10px
!important;
}
.f-immediately-build {
width:
70px;
}
.f-hire-manager-desc {
height: 49px;
overflow:
hidden;
}
.f-hire-buttons {
overflow: hidden;
height:
33px;
margin: 0pt 2px;
}
.f-hire-manager-container {
height:
auto;
background: none;
}
.f-manager-container {
height:
52px;
}
.f-manager {
height: 52px;
width: 50px;
margin-left:10px;
margin-right:10px;
}
.f-manager-name {
margin-top: 10px;
margin-left: 50px;
left:
20px;
}
.hire-image {
}
.hire-message {
margin-top:5px;
width: 150px;
margin-left: -10px;
}
.manager-position-text {
color: #553c19;
font-weight:bold;
display: block;
font-weight:bold;
}
.manager-name-text {
color:
#5e5e5e;
}
.f-manager-button {
font-size: 14px !important;
width: 107px;
}
.left .f-manager-button {
margin-left:0px;
}
.right .f-manager-button {
margin-right:0px;
}
.f-hire-manager-container .f-manager {
margin-top:0;
}
.f-manager-notification {
}
.industrial-zone-strip
{
display: block;
height: 55px;
width: 220px;
position:
absolute;
top: 0px;
z-index: 200;
background: none repeat
scroll 0% 0% transparent;
}
.f-industry-wrapper .dirt-virgin {
background: transparent url('../images/factories/factory-dirts.png') center
-64px no-repeat;
}
.f-industry-wrapper .dirt-cleaned {
background:
transparent url('../images/factories/factory-dirts.png') center 10px
no-repeat;
}
.f-factory-level-1 {
background-position:center
-124px;
}
.f-factory-level-2 {
background-position:center
-124px;
}
.f-factory-level-3 {
background-position:center
-124px;
}
.f-factory-build-start {
background-position:center
0px;
margin-top: 8px !important;
}
.f-factory-build-progress {
background-position:center -62px;
}
.f-factory-action {
display: inline-block;
height: 44px;
width: 52px;
overflow:
hidden;
margin-top: 13px;
}
.f-action-buy-factory {
background: transparent url('../images/f-actions-i.png') center -136px
no-repeat;
}
.f-action-select-product {
background: transparent
url('../images/f-actions-i.png') center -88px
no-repeat;
}
.f-action-collect-product {
background-position:
-136px bottom, right -10px;
background-repeat:
no-repeat;
}
.f-action-upgrade-factory {
background: transparent
url('../images/f-actions-i.png') center -320px
no-repeat;
}
.f-action-upgrade-mode {
background: transparent
url('../images/f-actions-i.png') center 0px
no-repeat;
}
.f-action-hire-manager {
background: transparent
url('../images/f-actions-i.png') center -181px
no-repeat;
}
.f-action-hire-worker {
background: transparent
url('../images/f-actions-i.png') center -44px
no-repeat;
}
.f-action-pay {
background: transparent
url('../images/f-actions-i.png') center -270px
no-repeat;
}
.f-action-factory-feed {
background: transparent
url('../images/f-actions-i.png') center -225px
no-repeat;
}
.f-content .additional {
margin: 0 -4px 1px -4px;
padding: 5px 5px 0px 5px;
color: #6B441B;
width:
140px;
}
.f-factory-progress {
color: #4B240B;
text-shadow: 0
1px 2px white;
font-size: 12px;
text-align:left;
}
.f-icon-workers {
background: transparent
url('../images/f-icons-industry.png') center 0px
no-repeat;
}
.f-upgrade-desc {
color: #6B441B;
padding: 5px
5px 5px 5px;
}
.f-upgrade-no-level {
color: #6B441B;
font-weight:bold;
text-align:center;
}
a.task-link {
font-weight:bold;
color: #001E7F;
}
.f-tabs {
margin-top:
-3px;
position: relative;
overflow: visible;
}
a.tabs-tab,
span.tabs-tab {
position: relative;
display: block;
float:
left;
width: 57px;
height: 32px;
padding-top: 1px;
text-align:
center;
color: #ffebcf;
font-size: 11px;
background:
url('../images/tabs-panel-3.png') no-repeat 0
-246px;
}
a.tabs-tab.active, span.tabs-tab.active {
display:
block;
width: 59px;
height: 35px;
margin-top:
-3px;
padding-top: 1px;
color: #fff;
font-weight:
bold;
background: url('../images/tabs-panel-3.png') no-repeat 0
-206px;
z-index: 100;
}
.f-tabs-wide a.tabs-tab, .f-tabs-wide
span.tabs-tab {
width: 76px;
height: 24px;
padding-top:
9px;
font-size: 12px;
background-position: 0
-168px;
}
.f-tabs-wide a.tabs-tab.active, .f-tabs-wide
span.tabs-tab.active {
height: 26px;
padding-top: 10px;
width:
78px;
background-position: 0 -128px;
}
.f-tabs-widest
a.tabs-tab, .f-tabs-widest span.tabs-tab {
width: 114px;
height:
24px;
padding-top: 9px;
font-size: 12px;
background-position: 0
-361px;
}
.f-tabs-widest a.tabs-tab.active, .f-tabs-widest
span.tabs-tab.active {
height: 26px;
padding-top: 10px;
width:
116px;
background-position: 0 -321px;
}
a.tabs-tab.inactive,
span.tabs-tab.inactive {
background-position: 0 -77px;
}
.tabs-bot
{
margin-top: -1px;
clear: both;
float: none;
width:
230px;
height: 10px;
background: url('../images/tabs-panel-2.png')
repeat-x 0 -114px;
}
.f-under-tabs {
margin-top: -8px;
}
/*
factory overlay */
.factory-overlay {
position: relative;
display:
block;
width: 55px;
height: 55px;
z-index: 100;
background:
url('../images/factories/factory-locked.png') repeat 0
0;
}
.factory-overlay-gray {
position: relative;
display:
block;
width: 55px;
height: 55px;
z-index: 100;
background:
url('../images/factories/factory-locked-gray.png') repeat 0
0;
}
.factory-overlay .f-button-locked, .factory-overlay-gray
.f-button-locked {
position: absolute;
top: 12px;
left: 6px;
width: 32px;
height: 36px;
}
.f-factory-dirt {
display:
inline-block;
height: 62px;
width: 55px;
overflow: hidden;
margin-top: 0px;
vertical-align: top;
}
.f-factory-dirt-virgin
{
background: transparent
url('../images/factories/factory-dirts-s.png') center top
no-repeat;
}
.f-factory-dirt-cleaned {
background: transparent
url('../images/factories/factory-dirts-s.png') center -74px
no-repeat;
}
/* specialization selection */
a.btn-spec-select {
display: block;
width: 218px;
height: 72px;
margin-top:
7px;
color: #effad4;
background: url('../images/btn-spec.png')
repeat 0 0;
}
.btn-spec-select span.spec-head {
display:
block;
padding: 1px 0;
color: #fff;
text-align:
center;
font-size: 18px;
text-shadow: 0 1px 1px
#273600;
}
.btn-spec-select span.spec-image {
display:
block;
float: left;
margin-top: 3px;
width:
32px;
margin-left: 5px;
height: 35px;
}
.spec-image-drinks { background: url('../images/factories/icon-drinks.png')
no-repeat 0 0; }
.spec-image-meals { background:
url('../images/factories/icon-meals.png') no-repeat 0 0; }
.spec-image-goods { background: url('../images/factories/icon-goods.png')
no-repeat 0 0; }
.btn-spec-select span.spec-descr {
display:
block;
float: left;
width: 170px;
height:
48px;
margin-left: 5px;
overflow:hidden;
}
.worker-count {
font-size: 14px;
color:#4B240B;
text-shadow: 0 -1px -2px #FFFFFF;
background:
url('../images/factories/worker.png') no-repeat 0 0;
padding-top:2px;
padding-left:24px;
height:20px;
display:inline-block;
}
.f-fi-feed-work {
background: transparent
url('../images/f-flags-3.png') right -339px no-repeat;
}
.f-fi-salary
{
background: transparent url('../images/f-flags-3.png') right -383px
no-repeat;
}
.f-flag-work-feed {
background: transparent
url('../images/f-flags-3.png') center -336px no-repeat;
}
.f-flag-pay
{
background: transparent url('../images/f-flags-3.png') center -375px
no-repeat;
}
.f-flag-hungry-man {
margin-top: 33px;
margin-left: 10px;
}
.factory-desc {
width:160px;
display:inline-block;
color: #6b441b;
vertical-align: middle;
padding: 0 0 0 3px;
}
.unlock-spec {
margin-bottom:-10px;
}
.nothing-warehouse{
margin-bottom:
17px;
}
.f-expand-garden {
margin-top: -14px;
margin-bottom:
2px;
position:relative;
}
.f-expand-garden .f-panel-button
{
float: left;
text-shadow: 0 1px 2px
#000000;
}
.f-expand-garden .f-panel-button .panel-inner-2
{
padding-top: 9px;
height: 40px;
}
/*
.f-factory-resource {
position: relative;
margin: 0 -4px 0
-4px;
padding: 2px 5px 1px 5px;
color: #5d3e17;
background:
#f0e5d0;
}
.f-factory-resource-arr {
position:
absolute;
width: 10px;
height: 8px;
top:
-8px;
left: 10%;
background: url('files/newimages/res-arr.png')
no-repeat 0 0;
}
*//*
!--------- competitions
------------------ */
.competition-list, .competition-list .a {
color: #6B441B !important;
}
.competition-row {
overflow:
hidden;
margin: 5px 0;
}
.competition-row-left {
float: left;
width: 60%;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
.competition-row-right {
float:
right;
text-align: right;
width: 40%;
overflow:
hidden;
}
.competition-row-me, .competition-row-me .a {
color: #006db7 !important;
font-weight: bold;
}
.competition-finished {
color: #739e01;
font-weight:
bold;
}
.competition-rating-head {
color: #FFFFFF;
float:
right;
margin-right: 8px;
}
.competition-rating-count {
font-weight: bold;
font-size: 12px;
margin-right:
5px;
}
.personal-lake-icon { background:
url('../images/lake/personal-lake-icon.png') no-repeat 0 0;
}
.kolhoz-lake-icon { background:
url('../images/lake/kolhoz-lake-icon.png') no-repeat 0 0;
}
.comp-lake-icon { background: url('../images/lake/comp-lake-icon.png')
no-repeat 0 0; }/* !--------- talents ------------------ */
.talent-tab
{
width: 20px;
height: 22px;
padding-left: 24px;
margin-top: 4px;
}
a.tabs-narrow, span.tabs-narrow {
position:
relative;
display: block;
float: left;
width: 46px;
height:
32px;
padding-top: 1px;
text-align: center;
color:
#ffebcf;
font-size: 11px;
background: url('../images/tabs-panel-3.png')
no-repeat 0 -40px;
}
a.tabs-narrow.active, span.tabs-narrow.active
{
position: relative;
display: block;
float: left;
width: 46px;
height: 35px;
margin-top: -3px;
padding-top: 1px;
text-align:
center;
color: #ffebcf;
font-size: 11px;
background:
url('../images/tabs-panel-3.png') no-repeat 0
0;
}
a.tabs-narrow.inactive, span.tabs-narrow.inactive {
background-position: 0 -77px;
}
.f-talent-description {
padding:
5px 5px 0 5px !important;
}
.f-talent-description-next {
padding:
0px 5px 5px 5px !important;
}
.f-talent-img {
display:
inline-block;
width: 50px;
height: 44px;
margin-top:
-5px;
}/* === ANIMATIONS === */
.tutor-garden {
display:
block;
position: absolute;
top: -15px;
left: -3px;
z-index:
10;
}
.tutor-barn {
display: block;
position: absolute;
top:
-8px;
left: -3px;
z-index: 10;
}
.img-tutor-garden {
background: transparent url('../images/tutorial/tutor-garden.png');
width: 226px;
height: 54px;
}
.img-tutor-arrow {
background:
transparent url('../images/tutor-arrow.png');
width: 56px;
height: 66px;
}
.img-tutor-arrow-r {
background: transparent
url('../images/tutor-arrow-r.png');
width: 56px;
height:
66px;
}
.tutor-arrow {
display: block;
position:
absolute;
overflow: visible;
z-index: 10;
top: 32px;
left:
72px;
z-index: 11;
}
.tutor-arrow.tutor-arrow-q {
left: 100px;
top: 25px;
}
.tutor-arrow.tutor-arrow-q2 {
left: 100px;
top:
0px;
}
.tutor-arrow.tutor-arrow-2 {
left: 12px;
top:
42px;
}
.tutor-arrow.tutor-arrow-3 {
left: 12px;
top:
42px;
}
.tutor-arrow.tutor-arrow-4 {
left: 163px;
top:
32px;
}
.tutor-arrow.tutor-arrow-9 {
left: 130px;
top:
55px;
}
.tutor-arrow.tutor-arrow-10 {
left: 150px;
top:
-10px;
}
.tutor-arrow.tutor-arrow-11 {
left: 20px;
top:
-10px;
}
.tutor-arrow.tutor-arrow-barnyard-2 {
left: 14px;
top: 57px;
}
.tutor-arrow-inner {
position: absolute;
}
/*
plants image */
.img-plant-tomato {
background-image:
url('../images/plants/tomato.png');
}
.img-plant-onion {
background-image:
url('../images/plants/onion.png');
}
.img-plant-sunflower {
background-image:
url('../images/plants/sunflower.png');
}
.img-plant-dill {
background-image:
url('../images/plants/dill.png');
}
.img-plant-horseradish {
background-image:
url('../images/plants/horseradish.png');
}
.img-plant-parsley {
background-image: url('../images/plants/parsley.png');
}
/* fertilizers
image */
.img-fertilizers-kurnik {
background-image:
url('../images/fertilizers/kurnik.png');
}
.img-fertilizers-turf {
background-image:
url('../images/fertilizers/turf.png');
}
.img-fertilizers-compost {
background-image: url('../images/fertilizers/compost.png');
}
/* animal
images */
.img-animal-chicken {
background-image:
url('../images/animals/chicken.png');
}
.img-animal-heron {
background-image:
url("../images/animals/heron.png");
}
.img-animal-alpi {
background-image:
url('../images/animals/alpi.png');
}
.img-animal-gray-cat {
background-image: url('../images/animals/grayCat.png');
}
/* fishing
*/
.img-fishing-rod {
background-image:
url('../images/items/stick.png');
}
.img-fishing-overlay-rod {
background-image: url('../images/items/overlay/stick.png');
width:
240px;
height: 140px;
}
.tutor-arrow.tutor-arrow-fishing-1 {
left: 160px;
top: 102px;
}
.tutor-arrow.tutor-arrow-fishing-2 {
left: 80px;
top: 70px;
}
.tutor-arrow.tutor-arrow-fishing-3 {
left: 130px;
top: 45px;
}
.tutor-arrow.tutor-arrow-fishing-4 {
left: 80px;
top: 68px;
}
.tutor-arrow.tutor-arrow-fishing-6 {
left: 25px;
top: 70px;
}
.tutor-arrow.tutor-arrow-fishing-9 {
left: 25px;
top: 70px;
}
.btn-spec-select-fishing {
display: block;
width: 218px;
height: 72px;
margin-top:
7px;
color: #EFFAD4;
background: url('../images/btn-spec.png')
repeat 0 0;
}
.btn-spec-select-fishing span.spec-head {
display:
block;
padding: 1px 0;
color: white;
text-align: center;
font-size: 18px;
text-shadow: 0 1px 1px
#273600;
}
.btn-spec-select-fishing span.spec-image {
display:
block;
float: left;
margin-top: 3px;
width: 32px;
margin-left: 5px;
height: 35px;
}
.btn-spec-select-fishing
span.spec-head {
display: block;
padding: 1px 0;
color:
white;
text-align: center;
font-size: 18px;
text-shadow: 0
1px 1px #273600;
}
.btn-spec-select-fishing span.spec-descr {
display: block;
float: left;
width: 170px;
height: 48px;
margin-left: 5px;
overflow: hidden;
}
.img-fishing-bread {
background-image:
url('../images/lures/bread.png');
}
.img-fishing-dough {
background-image:
url('../images/lures/dough.png');
}
.img-fishing-grains {
background-image:
url('../images/lures/grains.png');
}
.img-fishing-worm {
background-image:
url('../images/lures/worm.png');
}
.img-fishing-bread-crumbs {
background-image:
url('../images/baits/breadCrumbs.png');
}
.img-fishing-tea {
background-image:
url('../images/baits/tea.png');
}
.img-fishing-pearlbarley {
background-image:
url('../images/baits/pearlbarley.png');
}
.img-level-up {
background-image:url('../images/tutorial/level_up.png');
width:240px;
height:106px;
}
.img-expired {
background-image:url('../images/tutorial/expired.png');
width:240px;
height:107px;
margin-top: -2px;
}
.anim-start-game {
width:220px;
height:110px;
}
.img-start-game {
background-image:url('../images/tutorial/start_game.png');
width:220px;
height:110px;
}
.img-sprat {
background-image:url('../images/fish/sprat.png');
width:55px;
height:62px;
}
.button-arrow {
position: relative;
right:
135px;
bottom: 35px;
}/* !--------- profile ------------------
*/
.profile-page {
color: #8e5517;
padding: 4px 4px 0
4px;
}
.profile-name {
min-width: 90px;
float: left;
margin: 0 5px 0 0;
padding: 1px 7px;
color: #fff;
background: #ff8f1a;
-webkit-transform: skew(-20deg); /* :) */
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
-ms-transform: skew(-20deg);
}
.profile-name-text {
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform:
skew(20deg);
}
.profile-online {
float: right;
margin: 0px
5px 0 0;
}
.profile-ava {
float: left;
margin: -2px 12px 0
5px;
border: 1px solid #ff8f1a;
width: 86px;
}
.profile-ava
img {
display: block;
}
.main-info {
float: left;
width:
50%;
}
.profile-lvl {
margin-top: 7px;
}
.profile-lvl span {
font-weight: bold;
}
.profile-exp {
margin-top:
3px;
}
.profile-kolhoz {
margin-top: 12px;
}
.profile-kolhoz a
{
color: #4e6b00;
text-decoration:
underline;
}
.profile-about-title {
margin: 5px 0 0
8px;
}
.profile-about {
padding: 4px 8px;
color: #bd8e5b;
background: #fff2e4;
border-radius: 5px; /* :)
*/
}
.profile-achievs {
margin: 8px 0 8px
8px;
}
.profile-rating {
width: 150px;
height: 50px;
padding-top: 15px;
margin: 0 auto;
text-align: center;
/*
background: url('profile_files/profile-images/ratecloud.png') no-repeat 0
0;*/
}
.profile-dates {
margin-top: 5px;
color:
#94714c;
}
.online-img {
background: url('../images/online.png')
no-repeat 0 0;
width: 9px;
height: 9px;