Sselia

Kromer CSS

Sep 24th, 2021 (edited)
826
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @font-face {
  2.   font-family:determination;
  3.   src: url(https://download1076.mediafire.com/z0a4q9tbx3ng/qfmbnn9e2qji6ft/DTM-Mono.otf);
  4. }
  5.  
  6. #game
  7. {
  8.     background:#fff;
  9.     font-size:12px;
  10.     color:rgba(0,0,0,0.9);
  11.     text-shadow:none;
  12. }
  13.  
  14.  
  15. .box
  16. {
  17.     text-align:center;
  18.     padding:0px;
  19.     box-shadow:none;
  20. }
  21. .thing,.box-header,.box-footer,.box-bit
  22. {
  23.     background:rgba(255,255,255,0.5);
  24.     border:1px solid rgba(0,0,0,0.9);
  25.     margin:1px;
  26. }
  27. .thing:hover
  28. {
  29.     background:rgba(255,255,255,0.75);
  30. }
  31.  
  32. .box-header
  33. {
  34.     margin-bottom:4px;
  35. }
  36. .box-footer
  37. {
  38.     margin-top:4px;
  39. }
  40.  
  41. .title
  42. {
  43.     text-decoration:underline;
  44. }
  45.  
  46. #box-log
  47. {
  48.     font-size:12px;
  49.     font-family:determination, Impact;
  50.     left:0px;
  51.     top:0px;
  52.     bottom:0px;
  53.     overflow:hidden;
  54.     width:60%;
  55.     position:absolute;
  56. }
  57.  
  58. #box-main
  59. {
  60.     left:0px;
  61.     top:0px;
  62.     bottom:0px;
  63.     overflow:hidden;
  64.     width:60%;
  65.     position:absolute;
  66. }
  67. #box-res.fullWidth
  68. {
  69.     width:100%;
  70.     top:5%;
  71.     height:5%;
  72.     min-height:32px;
  73.     z-index:100;
  74.     position:absolute;
  75. }
  76. #box-buttons
  77. {
  78.     top:0px;
  79.     right:0px;
  80.     bottom:0px;
  81.     left:0px;
  82.     position:absolute;
  83. }
  84. #box-store
  85. {
  86.     right:0px;
  87.     top:0px;
  88.     bottom:0px;
  89.     width:40%;
  90.     position:absolute;
  91. }
  92. #box-buildings,#box-upgrades
  93. {
  94.     top:0px;
  95.     bottom:0px;
  96.     width:50%;
  97.     right:0%;
  98.     overflow-x:hidden;
  99.     overflow-y:scroll;
  100.     padding-bottom:48px;/* this is to accommodate the info and settings buttons */
  101.     position:absolute;
  102. }
  103. #box-buildings
  104. {right:50%;}
  105.  
  106. #box-buildings>.box-header
  107. {
  108.     padding-bottom:16px;
  109. }
  110. #bulkDisplay
  111. {
  112.     margin:-20px 24px 6px 24px;
  113.     border:none;
  114.     background:transparent;
  115. }
  116.  
  117.  
  118. .thing
  119. {
  120.     display:inline-block;
  121.     padding:0px;
  122.     cursor:pointer;
  123. }
  124. .thing:active
  125. {
  126.     opacity:0.5;
  127. }
  128. .upgrade.owned,.achiev.owned
  129. {
  130.     box-shadow:0px 0px 0px 2px rgba(0,0,0,0.5) inset;
  131. }
  132. .thing.cantAfford
  133. {
  134.     opacity:0.65;
  135. }
  136. .upgrade.cantAfford
  137. {
  138.     border:none;
  139. }
  140.  
  141. .thing-costs{font-weight:bold;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
  142. .cost.hasEnough{color:#0f0;}
  143. .cost.notEnough{color:#f00;}
  144.  
  145.  
  146. .button>.thing-text
  147. {
  148.     text-decoration:underline;
  149. }
  150.  
  151. .building
  152. {
  153.     display:block;
  154.     margin-right:0px;
  155.     font-size:14px;
  156. }
  157.  
  158. .fullWidth
  159. {
  160.     display:block;
  161.     margin-left:0px;
  162.     margin-right:0px;
  163.     z-index:10;
  164. }
  165. #game .fullWidth
  166. {
  167.     height:auto;
  168.     min-height:auto;
  169. }
  170. .fullWidth,.fullWidth:hover
  171. {
  172.     background:rgba(0,0,0,0.75);
  173.     box-shadow:none;
  174.     color:#fff;
  175. }
  176. .fullWidth:before,.fullWidth:after
  177. {
  178.     content:'';
  179.     height:1px;
  180.     background:rgba(255,255,255,0.75);
  181.     position:absolute;
  182.     left:0px;
  183.     right:0px;
  184.     z-index:-1;
  185. }
  186. .fullWidth:before{top:-1px;}
  187. .fullWidth:after{bottom:-1px;}
  188.  
  189. .fullWidth .thing-icon
  190. {
  191.     margin-top:-10px;
  192.     margin-bottom:-10px;
  193. }
  194. .fullWidth .thing-text
  195. {
  196.     margin-top:-4px;
  197.     margin-bottom:-4px;
  198. }
  199.  
  200. .listing
  201. {
  202.     font-weight:normal;
  203. }
  204.  
  205. #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
RAW Paste Data