Jacklack3

IGM Resize all images.

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