Advertisement
ClickerGuy

CSS for GC Rebirth??

Sep 27th, 2022 (edited)
387
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.33 KB | None | 0 0
  1. #game
  2. {
  3. background-image:http://www.colorhexa.com/afafaf.png;
  4. font-size:12px;
  5. color:rgba(0,0,0,0.9);
  6. text-shadow:none;
  7. }
  8. .box
  9. {
  10. text-align:center;
  11. padding:0px;
  12. box-shadow:none;
  13. }
  14.  
  15. .thing,.box-header,.box-footer,.box-bit
  16. {
  17. background:#7c7c7c;
  18. border:1px solid rgba(0,0,0,0.9);
  19. margin:1px;
  20. }
  21. .thing.cantAfford
  22. {
  23. background:#cf5055;
  24. }
  25. .thing:hover
  26. {
  27. background:#cccccc;
  28. }
  29. .thing.cantAfford:hover
  30. {
  31. background:#cc6a6d;
  32. }
  33.  
  34. .box-header
  35. {
  36. margin-top:2px;
  37. margin-bottom:4px;
  38. display:inline-block;
  39. font-family:Verdana;
  40. font-weight:bold;
  41. border-radius:10px;
  42. border:3px solid black;
  43. }
  44. .box-footer
  45. {
  46. margin-top:4px;
  47. }
  48.  
  49. .title
  50. {
  51. text-decoration:underline;
  52. }
  53.  
  54. #box-title
  55. {
  56. display:inline-block;
  57. margin-top:0.75%;
  58. margin-left:0.75%;
  59. float:left;
  60. }
  61. #box-version
  62. {
  63. display:inline-block;
  64. margin-top:0.75%;
  65. margin-left:0.75%;
  66. margin-right:0.75%;
  67. float:left;
  68. }
  69.  
  70. #box-main
  71. {
  72. left:0px;
  73. top:0px;
  74. bottom:0px;
  75. overflow:hidden;
  76. width:60%;
  77. position:absolute;
  78. border:5px solid black;
  79. border-right:0px;
  80. }
  81. #box-buttons
  82. {
  83. top:0px;
  84. right:25px;
  85. bottom:0px;
  86. left:0px;
  87. position:absolute;
  88. }
  89. #box-store
  90. {
  91. right:0px;
  92. top:0px;
  93. bottom:0px;
  94. width:40%;
  95. position:absolute;
  96. }
  97. #box-buildings,#box-upgrades, upgradesVV, #box-achievs, #box-prestige
  98. {
  99. top:0px;
  100. bottom:0px;
  101. width:50%;
  102. right:0%;
  103. overflow-x:hidden;
  104. overflow-y:scroll;
  105. padding-bottom:48px;/* this is to accommodate the info and settings buttons */
  106. position:absolute;
  107. border:solid 5px black;
  108. }
  109. #box-res
  110. {
  111. border-top:5px solid black;
  112. border-left:2.5px solid black;
  113. border-bottom:3px solid black;
  114. width:150%;
  115. right:100%;
  116. bottom:72%;
  117. height:21.2%;
  118. z-index:100;
  119. position:absolute;
  120. overflow-y:scroll;
  121. background:linear-gradient(to right,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.15) 100%);
  122. }
  123. #box-buildings
  124. {
  125. right:50%;
  126. border-right:solid 0px black;
  127. }
  128. #box-achievs
  129. {
  130. right:100%;
  131. width:150%;
  132. top:75%;
  133. height:25%;
  134. border-right:solid 0px black;
  135. }
  136. #box-prestige
  137. {
  138. right:100%;
  139. top:28%;
  140. height:47.7%;
  141. border-top:solid 0px black;
  142. border-bottom:solid 0px black;
  143. border-right:solid 0px black;
  144. }
  145. #box-stats
  146. {
  147. border-top:2.5px solid black;
  148. border-bottom:5px solid black;
  149. width:0%;
  150. bottom:0%;
  151. right:0%;
  152. z-index:100;
  153. position:absolute;
  154. overflow-y:scroll;
  155. height:8.5%;
  156. background:linear-gradient(to right,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.15) 100%);
  157. }
  158.  
  159. #box-buildings>.box-header
  160. {
  161. padding-bottom:16px;
  162. }
  163.  
  164. #bulkDisplay
  165. {
  166. margin-top:-2.5px;
  167. border:solid 1px black;
  168. background:#7c7c7c;
  169. width:70px;
  170. margin-left:auto;
  171. margin-right:auto;
  172. position:relative;
  173. z-index:200;
  174. }
  175.  
  176.  
  177. .thing
  178. {
  179. display:inline-block;
  180. padding:0px;
  181. cursor:pointer;
  182. font-family:Verdana;
  183. }
  184. .thing:active
  185. {
  186. opacity:0.5;
  187. }
  188. .upgrade.owned,.achiev.owned
  189. {
  190. box-shadow:0px 0px 0px 2px rgba(0,0,0,0.5) inset;
  191. background:#55cf50;
  192. ]
  193. }
  194. .upgrade.owned:hover,.achiev.owned:hover
  195. {
  196. background:#7dcc7a;
  197. }
  198. .thing.cantAfford
  199. {
  200. opacity:0.65;
  201. }
  202. .upgrade.cantAfford
  203. {
  204. border:none;
  205. }
  206. .thing-costs{font-weight:bold;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
  207. .cost.hasEnough{color:#0f0;}
  208. .cost.notEnough{color:#f00;}
  209.  
  210.  
  211. .button>.thing-text
  212. {
  213. text-decoration:underline;
  214. }
  215.  
  216. .building
  217. {
  218. display:block;
  219. margin-right:0px;
  220. font-size:14px;
  221. }
  222.  
  223. .fullWidth
  224. {
  225. display:block;
  226. margin-left:0px;
  227. margin-right:0px;
  228. z-index:10;
  229. }
  230.  
  231. .fullWidth,.fullWidth:hover
  232. {
  233. background:rgba(0,0,0,0.75);
  234. box-shadow:none;
  235. color:#fff;
  236. }
  237. .fullWidth:before,.fullWidth:after
  238. {
  239. content:'';
  240. height:1px;
  241. background:rgba(255,255,255,0.75);
  242. position:absolute;
  243. left:0px;
  244. right:0px;
  245. z-index:-1;
  246. }
  247. .fullWidth .thing-icon
  248. {
  249. margin-top:-10px;
  250. margin-bottom:-10px;
  251. }
  252. .fullWidth .thing-text
  253. {
  254. margin-top:-4px;
  255. margin-bottom:-4px;
  256. }
  257.  
  258. .listing
  259. {
  260. font-weight:normal;
  261. }
  262.  
  263. .res
  264. {
  265. vertical-align:middle;
  266. }
  267.  
  268. #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
  269.  
  270. .tag-achievements
  271. {
  272. margin-bottom:4px;
  273. display:inline-block;
  274. font-family:Verdana;
  275. font-weight:bold;
  276. border-radius:10px;
  277. border:3px solid black;
  278. }
  279. .tag-upgradesII
  280. {
  281. margin-bottom:4px;
  282. display:inline-block;
  283. font-family:Verdana;
  284. font-weight:bold;
  285. border-radius:10px;
  286. border:3px solid black;
  287. }
  288. .tag-upgradesV
  289. {
  290. margin-bottom:4px;
  291. display:inline-block;
  292. font-family:Verdana;
  293. font-weight:bold;
  294. border-radius:10px;
  295. border:3px solid black;
  296. }
  297. .tag-prestigeII
  298. {
  299. margin-bottom:4px;
  300. display:inline-block;
  301. font-family:Verdana;
  302. font-weight:bold;
  303. border-radius:10px;
  304. border:3px solid black;
  305. }
  306. #box-things-achievements
  307. {
  308. display:inline-block;
  309. }
  310. #box-things-upgradesII
  311. {
  312. display:inline-block;
  313. }
  314. #box-things-upgradesV
  315. {
  316. display:inline-block;
  317. }
  318. #box-things-prestigeII
  319. {
  320. display:inline-block;
  321. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement