IronDizaster

Untitled

Feb 10th, 2021 (edited)
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.29 KB | None | 0 0
  1. /*CSS*/
  2. /*B038FF*/
  3. /*15px*/
  4.  
  5. #meta-button-info:after {
  6. background: url(https://pipe.miroware.io/5f91b0d7e6bde66c95ca308c/infoCat);
  7. }
  8. #meta-button-settings:after
  9. {
  10. background: url(https://pipe.miroware.io/5f91b0d7e6bde66c95ca308c/wrenchCat);
  11. }
  12. #meta-buttons
  13. {
  14. position: absolute;
  15. right: 39.5px;
  16. bottom: 0px;
  17. z-index: 100000000000000;
  18. clear: both;
  19. }
  20. .thing.bigButton
  21. {
  22. position: relative;
  23. left: 7%;
  24. top: 275px;
  25. width: 256px;
  26. height: 256px;
  27. margin-left: -128px;
  28. margin-top: -128px;
  29. background-color: transparent;
  30. box-shadow: none;
  31. border: none;
  32. z-index:100;
  33. }
  34. .box
  35. {
  36. text-align:center;
  37. padding:0px;
  38. box-shadow:none;
  39. }
  40.  
  41. .thing,.box-header,.box-footer,.box-bit
  42. {
  43. background:#9E32E5;
  44. box-shadow:0px 0px 4px rgba(0,0,0,0.2),1px 1px 2px rgba(0,0,0,0.5),0px 0px 4px rgba(255,255,255,0.5) inset;
  45. }
  46. .box-bit{border-radius:20px;}
  47.  
  48. .box-header
  49. {
  50. border-bottom-left-radius:20px;
  51. border-bottom-right-radius:20px;
  52. margin-bottom:4px;
  53. }
  54. .box-footer
  55. {
  56. border-top-left-radius:20px;
  57. border-top-right-radius:20px;
  58. margin-top:4px;
  59. }
  60.  
  61.  
  62. #box-main,
  63. {
  64. left:0px;
  65. top:0px;
  66. bottom:0px;
  67. overflow:hidden;
  68. width:60%;
  69. position:absolute;
  70. }
  71. #box-res.fullWidth
  72. {
  73. width:100%;
  74. top:5%;
  75. height:5%;
  76. min-height:32px;
  77. z-index:100;
  78. position:absolute;
  79. }
  80. #box-buttons
  81. {
  82. top:0px;
  83. right:0px;
  84. bottom:0px;
  85. left:0px;
  86. position:absolute;
  87. }
  88. #box-store
  89. {
  90. right:0px;
  91. top:0px;
  92. bottom:0px;
  93. width:40%;
  94. position:absolute;
  95. }
  96. #box-buildings
  97. {
  98. top:0px;
  99. width:50%;
  100. bottom:0px;
  101. right:0%;
  102. overflow-x:hidden;
  103. overflow-y:scroll;
  104. direction:rtl;
  105. padding-bottom:48px;/* this is to accommodate the info and settings buttons */
  106. position:absolute;
  107. }
  108. #box-upgrades
  109. {
  110. top:0px;
  111. bottom:20%;
  112. width:50%;
  113. left:-149%;
  114. overflow-x:hidden;
  115. overflow-y:scroll;
  116. padding-bottom:48px;/* this is to accommodate the info and settings buttons */
  117. position:absolute;
  118. }
  119. #box-buildings
  120. {right:0%;}
  121.  
  122. #box-buildings{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 20%);}
  123. #box-upgrades{background:rgba(0,0,0,0.3);}
  124.  
  125. #bulkDisplay{margin:-11px 24px 4px 24px;}
  126.  
  127.  
  128. .thing
  129. {
  130. display:inline-block;
  131. padding:0px;
  132. margin:2px;
  133. cursor:pointer;
  134. }
  135. .thing:hover,.thing.lit
  136. {
  137. background:#C45CFF;
  138. }
  139. .thing.cantAfford
  140. {
  141. opacity:0.65;
  142. }
  143. .upgrade.cantAfford
  144. {
  145. box-shadow:0px 0px 4px #9E32E5;
  146. border-radius:8px;
  147. }
  148. .upgrade.cantAfford:hover
  149. {
  150. box-shadow:0px 0px 4px #C45CFF;
  151. }
  152. .upgrade.owned,.achiev.owned
  153. {
  154. background:#C45CFF;
  155. }
  156. .thing-text,.thing-costs{font-weight:bold;}
  157.  
  158. .building
  159. {
  160. border-radius:20px;
  161. display:block;
  162. margin-right:2px;
  163. font-size:14px;
  164. }
  165.  
  166. .fullWidth
  167. {
  168. display:block;
  169. margin-left:0px;
  170. margin-right:0px;
  171. z-index:10;
  172. }
  173. #game .fullWidth
  174. {
  175. height:auto;
  176. min-height:auto;
  177. }
  178. .fullWidth,.fullWidth:hover
  179. {
  180. /*background:rgba(0,0,0,0.5);
  181. background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.5) 100%);*/
  182. background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
  183. box-shadow:none;
  184. }
  185. .fullWidth:before,.fullWidth:after
  186. {
  187. content:'';
  188. height:0px;
  189. background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  190. position:absolute;
  191. left:0px;
  192. right:0px;
  193. z-index:-1;
  194. }
  195. .fullWidth:before{top:-1px;}
  196. .fullWidth:after
  197. {
  198. bottom:-1px;
  199. height: 25px;
  200. width: 325px;
  201. top: 21px;
  202. left: 300px;
  203. }
  204.  
  205. .fullWidth .thing-icon
  206. {
  207. margin-top:-14px;
  208. margin-bottom:-14px;
  209. }
  210. .fullWidth .thing-text
  211. {
  212. margin-top:-4px;
  213. margin-bottom:-4px;
  214. }
  215. .roundedCorners
  216. {
  217. border-radius:5px;
  218. }
  219. .resPosition
  220. {
  221. border-radius: 5px;
  222. right: 0px;
  223. top: 20px;
  224. }
  225. .ownedUpgrades
  226. {
  227. top:150px;
  228. }
  229. .rebirth
  230. {
  231. border-radius:5px;
  232. }
  233. #box-log
  234. {
  235. top:80%;
  236. position:absolute;
  237. height:20%;
  238. width:50%;
  239. left:-149%
  240. }
  241. #log
  242. {
  243. border-radius:0px;
  244. }
  245. #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
Add Comment
Please, Sign In to add comment