☰

Farmerama - Multi

Big game container

  1. /* ==UserStyle==
  2. @name           Farmerama - Multi
  3. @namespace      scriptomatika
  4. @author         mouse-karaganda
  5. @description    Big game container
  6. @license        MIT
  7. @version        1.0
  8. ==/UserStyle== */
  9.  
  10. @-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") {
  11. :root {
  12.     --multi: calc(726 / 600);
  13. }
  14. body #wrapper #gameContent,
  15. #unity-container,
  16. #unity-container canvas,
  17. .webgl-content .progressLogo,
  18. body #faIframeContent {
  19.     width: calc(996px * var(--multi)) !important;
  20.     height: calc(600px * var(--multi)) !important;
  21. }
  22. .webgl-content .progressLogo {
  23. 	background-size: calc(996px * var(--multi)) calc(600px * var(--multi));
  24. }
  25. body #wrapper {
  26.     width: auto;
  27.     min-height: calc(1000px * var(--multi));
  28.     background-size: calc(1790px * var(--multi)) calc(1378px * var(--multi));
  29. }
  30. body #wrapper .logo {
  31. 	width: calc(499px * var(--multi));
  32. 	height: calc(172px * var(--multi));
  33. 	margin-left: calc(-250px * var(--multi));
  34.     background-size: calc(499px * var(--multi)) calc(172px * var(--multi));
  35. }
  36. body #wrapper .switchClient {
  37. 	width: calc(204px * var(--multi));
  38. 	height: calc(122px * var(--multi));
  39. 	margin-left: calc(260px * var(--multi));
  40. 	top: calc(40px * var(--multi));
  41.     background-size: calc(204px * var(--multi)) calc(122px * var(--multi));
  42. }
  43. body #wrapper .switchClient div {
  44. 	font-size: 16px;
  45. 	width: calc(183px * var(--multi));
  46. 	left: calc(10px * var(--multi));
  47. 	top: calc(84px * var(--multi));
  48. }
  49. body #wrapper .socialWrapper {
  50. 	width: calc(136px * var(--multi));
  51. 	height: calc(140px * var(--multi));
  52. 	margin-left: calc(-500px * var(--multi));
  53. 	top: calc(2px * var(--multi));
  54. }
  55. body #wrapper .socialWrapper a {
  56.     width: calc(35px * var(--multi));
  57.     height: calc(35px * var(--multi));
  58.     background-size: calc(170px * var(--multi)) calc(45px * var(--multi));
  59. }
  60. body #wrapper .socialWrapper a.ico_fb {
  61. 	top: calc(93px * var(--multi));
  62. 	left: calc(22px * var(--multi));
  63. 	background-position-x: calc(-2px * var(--multi));
  64. }
  65. body #wrapper .socialWrapper a.ico_tw {
  66. 	top: calc(89px * var(--multi));
  67. 	left: calc(58px * var(--multi));
  68. 	background-position-x: calc(-45px * var(--multi));
  69. }
  70. body #wrapper .socialWrapper a.ico_yt {
  71. 	top: calc(85px * var(--multi));
  72. 	left: calc(96px * var(--multi));
  73. 	background-position-x: calc(-90px * var(--multi));
  74. }
  75. body #wrapper #gameContent {
  76. 	top: calc(177px * var(--multi));
  77. }
  78. body #wrapper .userinfo {
  79. 	top: calc(190px * var(--multi));
  80. }
  81. body #gl_footer {
  82. 	top: calc(240px * var(--multi));
  83. }
  84. #ad-skyscraper-1,
  85. #adInfo,
  86. #gameContent #logout .adbox {
  87.     position: fixed;
  88.     left: -10000px;
  89.     top: -10000px;
  90. }
  91. #layer-downloadUnity {
  92. 	width: calc(560px * var(--multi));
  93. 	height: calc(596px * var(--multi));
  94. 	top: calc(180px * var(--multi));
  95. 	margin-left: calc(-280px * var(--multi));
  96.     background-size: calc(560px * var(--multi)) calc(596px * var(--multi));
  97. }
  98. #layer-downloadUnity-button {
  99. 	top: calc(533px * var(--multi));
  100. 	left: calc(158px * var(--multi));
  101. 	width: calc(240px * var(--multi));
  102. 	height: calc(44px * var(--multi));
  103.     padding-top: calc(16px * var(--multi));
  104.     background-position-y: calc(-60px * var(--multi));
  105.     background-size: calc(285px * var(--multi)) calc(119px * var(--multi));
  106. }
  107. #layer-downloadUnity-text {
  108. 	top: calc(240px * var(--multi));
  109. 	left: calc(60px * var(--multi));
  110. 	width: calc(425px * var(--multi));
  111. 	height: calc(200px * var(--multi));
  112. }
  113. #layer-downloadUnity-close {
  114. 	right: calc(14px * var(--multi));
  115. 	width: calc(38px * var(--multi));
  116. 	height: calc(36px * var(--multi));
  117.     background-size: calc(38px * var(--multi)) calc(36px * var(--multi));
  118. }
  119. body #faLayerContentBox {
  120. 	width: calc(996px * var(--multi));
  121. 	top: calc(150px * var(--multi));
  122. 	margin-left: calc(-498px * var(--multi));
  123. }
  124. #fa_duHeader {
  125. 	top: calc(-67px * var(--multi));
  126. 	left: calc(-65px * var(--multi));
  127. 	width: calc(1132px * var(--multi));
  128. 	height: calc(95px * var(--multi));
  129.     background-size: calc(1132px * var(--multi)) calc(95px * var(--multi));
  130. }
  131. #fa_duEfeuLi {
  132. 	top: calc(50px * var(--multi));
  133. 	left: calc(-64px * var(--multi));
  134. 	width: calc(47px * var(--multi));
  135. 	height: calc(144px * var(--multi));
  136.     background-size: calc(47px * var(--multi)) calc(144px * var(--multi));
  137. }
  138. #fa_duefeuRe {
  139. 	top: calc(555px * var(--multi));
  140. 	left: calc(909px * var(--multi));
  141. 	width: calc(142px * var(--multi));
  142. 	height: calc(107px * var(--multi));
  143.     background-size: calc(142px * var(--multi)) calc(107px * var(--multi));
  144. }
  145. #fa_duPayment {
  146. 	top: calc(-95px * var(--multi));
  147. 	left: calc(-88px * var(--multi));
  148. 	width: calc(170px * var(--multi));
  149. 	height: calc(170px * var(--multi));
  150.     background-size: calc(170px * var(--multi)) calc(170px * var(--multi));
  151. }
  152. #fa_du_close {
  153. 	top: calc(-50px * var(--multi));
  154. 	left: calc(980px * var(--multi));
  155. 	width: calc(58px * var(--multi));
  156. 	height: calc(45px * var(--multi));
  157. }
  158. }
  159.  
  160. @-moz-document url-prefix("https://www.farmerama.com/index.php?action=externalLogout") {
  161. body #wrapper #gameContent {
  162.     width: calc(998px * var(--multi)) !important;
  163.     height: calc(621px * var(--multi)) !important;
  164.     margin-left: calc(-498px * var(--multi));
  165.     top: calc(170px * var(--multi));
  166.     background-size: calc(998px * var(--multi)) calc(621px * var(--multi));
  167. }
  168. #gameContent #logout .logoutTriviaText {
  169.     margin-bottom: calc(20px * var(--multi));
  170.     margin-left: calc(30px * var(--multi));
  171.     width: calc(700px * var(--multi));
  172. }
  173. #gameContent .logoutContainer .logoutBoxLeft,
  174. #gameContent .logoutContainer .logoutBoxRight {
  175.     right: calc(65px * var(--multi));
  176.     top: calc(100px * var(--multi));
  177.     height: calc(35px * var(--multi));
  178.     width: calc(155px * var(--multi));
  179.     background-size: calc(164px * var(--multi)) calc(42px * var(--multi));
  180. }
  181. #gameContent .logoutContainer .logoutBoxRight {
  182.     top: calc(160px * var(--multi));
  183. }
  184. #gameContent .logoutContainer .logoutBoxLeft input,
  185. #gameContent .logoutContainer .logoutBoxRight input {
  186.     height: calc(32px * var(--multi));
  187. }
  188. body #gl_footer {
  189.     top: calc(910px * var(--multi));
  190.     line-height: 40px;
  191.     font-weight: bold;
  192.     font-size: 14px;
  193. }
  194. body #gl_footer span,
  195. body #gl_footer a {
  196.     display: inline-block;
  197.     vertical-align: middle;
  198.     text-shadow: 1px 1px 1px white, 0 0 1px white, 0 0 1px white;
  199. }
  200. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址