Farmerama - Multi

Big game container

/* ==UserStyle==
@name           Farmerama - Multi
@namespace      scriptomatika
@author         mouse-karaganda
@description    Big game container
@license        MIT
@version        1.0
==/UserStyle== */

@-moz-document url-prefix("https://www.farmerama.com/?action=internalGameUnity"), url-prefix("https://www.farmerama.com/?action=internalGamePreUnity"), url-prefix("https://www.farmerama.com/index.php?action=externalLogout") {
:root {
    --multi: calc(726 / 600);
}
body #wrapper #gameContent,
#unity-container,
#unity-container canvas,
.webgl-content .progressLogo,
body #faIframeContent {
    width: calc(996px * var(--multi)) !important;
    height: calc(600px * var(--multi)) !important;
}
.webgl-content .progressLogo {
	background-size: calc(996px * var(--multi)) calc(600px * var(--multi));
}
body #wrapper {
    width: auto;
    min-height: calc(1000px * var(--multi));
    background-size: calc(1790px * var(--multi)) calc(1378px * var(--multi));
}
body #wrapper .logo {
	width: calc(499px * var(--multi));
	height: calc(172px * var(--multi));
	margin-left: calc(-250px * var(--multi));
    background-size: calc(499px * var(--multi)) calc(172px * var(--multi));
}
body #wrapper .switchClient {
	width: calc(204px * var(--multi));
	height: calc(122px * var(--multi));
	margin-left: calc(260px * var(--multi));
	top: calc(40px * var(--multi));
    background-size: calc(204px * var(--multi)) calc(122px * var(--multi));
}
body #wrapper .switchClient div {
	font-size: 16px;
	width: calc(183px * var(--multi));
	left: calc(10px * var(--multi));
	top: calc(84px * var(--multi));
}
body #wrapper .socialWrapper {
	width: calc(136px * var(--multi));
	height: calc(140px * var(--multi));
	margin-left: calc(-500px * var(--multi));
	top: calc(2px * var(--multi));
}
body #wrapper .socialWrapper a {
    width: calc(35px * var(--multi));
    height: calc(35px * var(--multi));
    background-size: calc(170px * var(--multi)) calc(45px * var(--multi));
}
body #wrapper .socialWrapper a.ico_fb {
	top: calc(93px * var(--multi));
	left: calc(22px * var(--multi));
	background-position-x: calc(-2px * var(--multi));
}
body #wrapper .socialWrapper a.ico_tw {
	top: calc(89px * var(--multi));
	left: calc(58px * var(--multi));
	background-position-x: calc(-45px * var(--multi));
}
body #wrapper .socialWrapper a.ico_yt {
	top: calc(85px * var(--multi));
	left: calc(96px * var(--multi));
	background-position-x: calc(-90px * var(--multi));
}
body #wrapper #gameContent {
	top: calc(177px * var(--multi));
}
body #wrapper .userinfo {
	top: calc(190px * var(--multi));
}
body #gl_footer {
	top: calc(240px * var(--multi));
}
#ad-skyscraper-1,
#adInfo,
#gameContent #logout .adbox {
    position: fixed;
    left: -10000px;
    top: -10000px;
}
#layer-downloadUnity {
	width: calc(560px * var(--multi));
	height: calc(596px * var(--multi));
	top: calc(180px * var(--multi));
	margin-left: calc(-280px * var(--multi));
    background-size: calc(560px * var(--multi)) calc(596px * var(--multi));
}
#layer-downloadUnity-button {
	top: calc(533px * var(--multi));
	left: calc(158px * var(--multi));
	width: calc(240px * var(--multi));
	height: calc(44px * var(--multi));
    padding-top: calc(16px * var(--multi));
    background-position-y: calc(-60px * var(--multi));
    background-size: calc(285px * var(--multi)) calc(119px * var(--multi));
}
#layer-downloadUnity-text {
	top: calc(240px * var(--multi));
	left: calc(60px * var(--multi));
	width: calc(425px * var(--multi));
	height: calc(200px * var(--multi));
}
#layer-downloadUnity-close {
	right: calc(14px * var(--multi));
	width: calc(38px * var(--multi));
	height: calc(36px * var(--multi));
    background-size: calc(38px * var(--multi)) calc(36px * var(--multi));
}
body #faLayerContentBox {
	width: calc(996px * var(--multi));
	top: calc(150px * var(--multi));
	margin-left: calc(-498px * var(--multi));
}
#fa_duHeader {
	top: calc(-67px * var(--multi));
	left: calc(-65px * var(--multi));
	width: calc(1132px * var(--multi));
	height: calc(95px * var(--multi));
    background-size: calc(1132px * var(--multi)) calc(95px * var(--multi));
}
#fa_duEfeuLi {
	top: calc(50px * var(--multi));
	left: calc(-64px * var(--multi));
	width: calc(47px * var(--multi));
	height: calc(144px * var(--multi));
    background-size: calc(47px * var(--multi)) calc(144px * var(--multi));
}
#fa_duefeuRe {
	top: calc(555px * var(--multi));
	left: calc(909px * var(--multi));
	width: calc(142px * var(--multi));
	height: calc(107px * var(--multi));
    background-size: calc(142px * var(--multi)) calc(107px * var(--multi));
}
#fa_duPayment {
	top: calc(-95px * var(--multi));
	left: calc(-88px * var(--multi));
	width: calc(170px * var(--multi));
	height: calc(170px * var(--multi));
    background-size: calc(170px * var(--multi)) calc(170px * var(--multi));
}
#fa_du_close {
	top: calc(-50px * var(--multi));
	left: calc(980px * var(--multi));
	width: calc(58px * var(--multi));
	height: calc(45px * var(--multi));
}
}

@-moz-document url-prefix("https://www.farmerama.com/index.php?action=externalLogout") {
body #wrapper #gameContent {
    width: calc(998px * var(--multi)) !important;
    height: calc(621px * var(--multi)) !important;
    margin-left: calc(-498px * var(--multi));
    top: calc(170px * var(--multi));
    background-size: calc(998px * var(--multi)) calc(621px * var(--multi));
}
#gameContent #logout .logoutTriviaText {
    margin-bottom: calc(20px * var(--multi));
    margin-left: calc(30px * var(--multi));
    width: calc(700px * var(--multi));
}
#gameContent .logoutContainer .logoutBoxLeft,
#gameContent .logoutContainer .logoutBoxRight {
    right: calc(65px * var(--multi));
    top: calc(100px * var(--multi));
    height: calc(35px * var(--multi));
    width: calc(155px * var(--multi));
    background-size: calc(164px * var(--multi)) calc(42px * var(--multi));
}
#gameContent .logoutContainer .logoutBoxRight {
    top: calc(160px * var(--multi));
}
#gameContent .logoutContainer .logoutBoxLeft input,
#gameContent .logoutContainer .logoutBoxRight input {
    height: calc(32px * var(--multi));
}
body #gl_footer {
    top: calc(910px * var(--multi));
    line-height: 40px;
    font-weight: bold;
    font-size: 14px;
}
body #gl_footer span,
body #gl_footer a {
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 1px white, 0 0 1px white, 0 0 1px white;
}
}