daily pastebin goal
50%
SHARE
TWEET

Grandma Clicker CSS

morkysherk Dec 13th, 2017 (edited) 307 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. .tag-achievements
  275. {
  276.     margin-bottom:4px;
  277.     display:inline-block;
  278.     font-family:Verdana;
  279.     font-weight:bold;
  280.     border-radius:10px;
  281.     border:3px solid black;
  282. }
  283. .tag-upgradesII
  284. {
  285.     margin-bottom:4px;
  286.     display:inline-block;
  287.     font-family:Verdana;
  288.     font-weight:bold;
  289.     border-radius:10px;
  290.     border:3px solid black;
  291. }
  292. .tag-prestigeII
  293. {
  294.     margin-bottom:4px;
  295.     display:inline-block;
  296.     font-family:Verdana;
  297.     font-weight:bold;
  298.     border-radius:10px;
  299.     border:3px solid black;
  300. }
  301. #box-things-achievements
  302. {
  303.     display:inline-block;
  304. }
  305. #box-things-upgradesII
  306. {
  307.     display:inline-block;
  308. }
  309. #box-things-prestigeII
  310. {
  311.     display:inline-block;
  312. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top