ClickerGuy

Untitled

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