Agentperson

(CSS) I don't remember what games use this

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