ClickerGuy

New Style

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