Trevin

Hacking Simulator Stylesheet!

Jul 16th, 2016
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.17 KB | None | 0 0
  1. #game {
  2. font-family: Inconsolata;
  3. text-shadow: none;
  4. }
  5. #upgrades {
  6. width: 261px;
  7. min-height: 110px;
  8. }
  9. #title {
  10. visibility: hidden;
  11. }
  12. #title:before {
  13. font-size: small;
  14. position: fixed;
  15. left: 32%;
  16. bottom: 5px;
  17. content: "";
  18. visibility: visible;
  19. }
  20. #achievements {
  21. position: fixed;
  22. overflow: auto;
  23. top: 310px;
  24. left: 0px;
  25. min-height: 110px;
  26. width: 270px;
  27. }
  28.  
  29. <!-- START-RESOURCES -->
  30. #resources {
  31. min-width: 270px;
  32. }
  33. .blankDivider {
  34. visibility: hidden;
  35. height: 15px;
  36. }
  37. .resourceAmount {
  38. color: rgb(67, 240, 67);
  39. }
  40. .resourceManual {
  41. color: #FFE100;
  42. }
  43. .resourceAutomated {
  44. color: #0081FF;
  45. }
  46. .worldResource {
  47. color: #9451E7;
  48. }
  49. .controledResource {
  50. color: #B90F0F;
  51. }
  52. <!-- END-RESOURCES -->
  53.  
  54. #saveBox {
  55. bottom: 0px;
  56. width: 273px;
  57. padding: 0px;
  58. }
  59. .title {
  60. color: rgb(67, 240, 67);
  61. font-size: 15px;
  62. text-align: center;
  63. margin-bottom: 5px;
  64. }
  65. .title:before {
  66. content: "---";
  67. }
  68. .title:after {
  69. content: "---";
  70. }
  71. .particle {
  72. color: rgb(67, 240, 67);
  73. font-size: 7px;
  74. font-weight: 500;
  75. }
  76. .box {
  77. border: 1px solid green;
  78. margin: 2px 4px;
  79. padding: 4px 6px;
  80. min-width: 200px;
  81. float: left;
  82. box-shadow: none;
  83. overflow: hidden;
  84. }
  85. .sell {
  86. color: yellow;
  87. }
  88. .hidden {
  89. visibility: hidden;
  90. }
  91. .button {
  92. display: inline-block;
  93. cursor: pointer;
  94. margin: 1px;
  95. border: 1px solid green;
  96. box-shadow: none;
  97. margin: 10px;
  98. }
  99. .button:hover {
  100. background: none;
  101. border: 1px solid yellow;
  102. }
  103. .building {
  104. width: 95%;
  105. position: relative;
  106. left: 0px;
  107. margin: 0px;
  108. }
  109. #clickables {
  110. margin: 5px;
  111. position: fixed;
  112. left: 35%;
  113. margin: 5px;
  114. }
  115. .remaining {
  116. color: lightgreen;
  117. }
  118. #popups {
  119. position: absolute;
  120. left: 32%;
  121. top: 120px;
  122. z-index: 100000000;
  123. }
  124. .popup {
  125. position: relative;
  126. left: 0px;
  127. background: none repeat scroll 0% 0% #000;
  128. padding-left: 5px;
  129. margin: 5px 5px 5px 0px;
  130. border: 1px solid #32CD32;
  131. border-radius: 0px;
  132. box-shadow: 0px 0px 0px 0px transparent, 0px 0px 0px transparent, 0px 0px 0px 0px transparent inset;
  133. text-shadow: 0px 0px 0px #000;
  134. color: #CCC;
  135. font-size: 12px;
  136. line-height: 125%;
  137. width: 500px;
  138. padding-top: 5px;
  139. padding-bottom: 5px;
  140. }
  141. .popup.text {
  142. color: pink;
  143. }
  144. #tooltip {
  145. position: absolute;
  146. background: #000;
  147. padding: 4px 8px;
  148. margin: 4px;
  149. border: 3px dotted;
  150. border-color: limegreen;
  151. border-radius: 0px;
  152. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px 0px rgba(0,0,0,0) inset;
  153. text-shadow: 0px 0px 0px #000;
  154. color: #ccc;
  155. font-size: 12px;
  156. line-height: 125%;
  157. pointer-events: none;
  158. opacity: 0.75;
  159. }
  160. .icon {
  161. visibility: hidden;
  162. height: 1px;
  163. width: 1px;
  164. display: block;
  165. }
  166. .thing.disabled {
  167. opacity: 0.75;
  168. border: 1px solid rgb(255, 2, 2);
  169. background: black;
  170. color: limegreen;
  171. }
  172. #costs {
  173. color: limegreen;
  174. }
  175. #costs.disabled {
  176. color: yellow;
  177. }
  178. .upgrade.bought {
  179. display: none;
  180. }
  181. .upgrade.hidden {
  182. display: none;
  183. }
  184. .building > img {
  185. float: right;
  186. margin: 5px;
  187. }
  188. .achievement.hidden {
  189. display: none;
  190. }
  191. .occupations {
  192. color: orange;
  193. }
Add Comment
Please, Sign In to add comment