API tools faq
paste
Advertisement
Turgen

SimpleGCSS

Turgen
Nov 23rd, 2020 (edited)
831
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.33 KB | None | 0 0
raw download clone embed print report
  1. //SSM2CSS
  2. $yellow: #FFE800;
  3. $brown: #404040;
  4. $blue: #1CD3F8;
  5. $angle: 8px;
  6. $angle-o: 4px;
  7.  
  8.  
  9. .box
  10. {
  11.     text-align:center;
  12.     padding:0px;
  13.     box-shadow:none;
  14. }
  15.  
  16. .thing,.box-header,.box-footer,.box-bit
  17. {
  18.     //background:#39f;
  19.     box-shadow:0px 0px 4px rgba(0,0,0,0.2),1px 1px 2px rgba(0,0,0,0.5),0px 0px 4px rgba(255,255,255,0.5) inset;
  20. }
  21. .box-bit{border-radius:0px;}
  22.  
  23. .box-header
  24. {
  25.     border-bottom-left-radius:20px;
  26.     border-bottom-right-radius:20px;
  27.     margin-bottom:0px;
  28.     text-align: center;
  29. }
  30. .box-footer
  31. {
  32.     border-top-left-radius:20px;
  33.     border-top-right-radius:20px;
  34.     margin-top:1px;
  35. }
  36.  
  37.  
  38. #game{
  39. z-index: 3 !important;
  40. }
  41.  
  42. .thing .shiny .noClick .noText{
  43.  
  44. z-index: -1 !important;
  45.  
  46. }
  47.  
  48. .thing .shiny .bigButton .noText{
  49.  
  50. z-index: 4 !important;
  51.  
  52. }
  53.  
  54.  
  55.  
  56. .shiny-icon{
  57.  
  58.  
  59. //opacity: 0.2;
  60. //transform: rotate(90deg) !important;
  61.  
  62. }
  63.  
  64. #box-main
  65. {
  66.     left:0px;
  67.     top:0px;
  68.     bottom:0px;
  69.     overflow:hidden;
  70.     width:30%;
  71.     position:absolute;
  72. }
  73. #box-res.fullWidth
  74. {
  75.     width:100%;
  76.     top:40%;
  77.     height:5%;
  78.     min-height:32px;
  79.     z-index:100;
  80.     position:absolute;
  81. }
  82. #box-buttons
  83. {
  84.     top:0px;
  85.     right:0px;
  86.     bottom:0px;
  87.     left:0px;
  88.     position:absolute;
  89. }
  90. #box-store
  91. {
  92.     right:0px;
  93.     top:0px;
  94.     bottom:0px;
  95.     margin-bottom:0px;
  96.     width:70%;
  97.     position:absolute;
  98. }
  99. #box-buildings,#box-upgrades,#box-buildings2,#box-upgrades2
  100. {
  101.     top:0px;
  102.     bottom:0px;
  103.     width:25%;
  104.     //right:0px;
  105.     overflow-x:hidden;
  106.     overflow-y:scroll;
  107.     padding-bottom:48px;/* this is to accommodate the info and settings buttons */
  108.     position:absolute;
  109. }
  110. #box-buildings
  111. {right:75%;}
  112.  
  113. #box-upgrades
  114. {right:50%;}
  115.  
  116. #box-buildings2
  117. {
  118. right:0%;
  119.  
  120. }
  121.  
  122. #box-upgrades2
  123. {right:25%;}
  124.  
  125.  
  126. //#box-buildings{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 20%);}
  127. //#box-upgrades{background:rgba(0,0,0,0.3);}
  128. //#box-buildings2{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 20%);}
  129. //#box-upgrades2{background:rgba(0,0,0,0.3);}
  130.  
  131. #bulkDisplay{margin:-11px 24px 4px 24px;}
  132.  
  133.  
  134. .thing
  135. {
  136.     display:inline-block;
  137.     padding:auto;
  138.     margin:auto;
  139.     margin-bottom:1px;
  140.     cursor:pointer;
  141. }
  142. .thing:hover,.thing.lit
  143. {
  144.     background:#6cf;
  145. }
  146. .thing.cantAfford
  147. {
  148.     opacity:0.65;
  149. }
  150. .upgrade.cantAfford
  151. {
  152.     box-shadow:0px 0px 4px #39f;
  153.     border-radius:8px;
  154. }
  155. .upgrade.cantAfford:hover
  156. {
  157.     box-shadow:0px 0px 4px #6cf;
  158. }
  159. .upgrade.owned,.achiev.owned
  160. {
  161.     background:#6cf;
  162. }
  163. .thing-text,.thing-costs{font-weight:bold;}
  164.  
  165.  
  166.  
  167. .building
  168. {
  169.     padding-left: 10% !important;
  170.     border-top-left-radius:20px;
  171.     border-bottom-left-radius:20px;
  172.     display:block;
  173.     padding-right: auto;
  174.     margin-right:auto;
  175.     font-size:14px;
  176. }
  177.  
  178. .fullWidth
  179. {   background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  180.     display:block;
  181.     margin-left:0px;
  182.     margin-right:0px;
  183.     z-index:10;
  184. }
  185. #game .fullWidth
  186. {   background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  187.     height:auto;
  188.     min-height:auto;
  189. }
  190. .fullWidth,.fullWidth:hover
  191. {
  192.     background:rgba(0,0,0,0.5);
  193.     background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  194.     box-shadow:none;
  195. }
  196. .fullWidth:before,.fullWidth:after
  197. {
  198.     content:'';
  199.     height:1px;
  200.     background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  201.     position:absolute;
  202.     left:0px;
  203.     right:0px;
  204.     z-index:-1;
  205. }
  206. .fullWidth:before{top:-1px;}
  207. .fullWidth:after{bottom:-1px;}
  208.  
  209. .fullWidth .thing-icon
  210. {
  211.     margin-top:-14px;
  212.     margin-bottom:-14px;
  213. }
  214. .fullWidth .thing-text
  215. {
  216.     margin-top:-4px;
  217.     margin-bottom:-4px;
  218. }
  219.  
  220. #game.filtersOn .thing-icon{filter:drop-shadow(0px 0px 0px rgba(0,0,0,0));}
  221.  
  222.  
  223. //---------------------------------------------------------------------------------------------------------
  224.  
  225.  
  226.  
  227.  
  228.  
  229. #game
  230.   {
  231.    
  232.     background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  233.     background-size: cover;
  234.     font-family: DejaVu Sans Mono, monospace !important;
  235.     letter-spacing: 0px;
  236.     //font-size: 12px;
  237.     font-stretch: ultra-expanded
  238.    
  239.    // font-family:Century Gothic,sans-serif;
  240.     //font-weight:100;
  241.     color:#FFFFFF;
  242.  
  243.   }
  244. .upgrade, .building
  245.   {
  246. background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  247. background-repeat: no-repeat;
  248.     font-weight:100 !important;
  249.     margin-top:0px;
  250.     padding: 6% 6%;
  251.     text-align: left;
  252.     //height: 48px;
  253.     border-radius:0px;
  254.     //background:#002130;
  255.     border: 0px solid #002130;
  256.    
  257.     width: 100%;
  258.  
  259.   transition: all .15s linear 0s;
  260.   position: relative;
  261.   display: inline-block;
  262.  
  263.   background-color: $yellow;
  264.   color: $brown;
  265.  
  266.  
  267.  
  268.   box-shadow: -6px 6px 0 $brown;
  269.   text-decoration: none;
  270.  
  271.   &:hover {
  272.     top: 3px;
  273.     left: -3px;
  274.     box-shadow: -3px 3px 0 $brown;
  275.    
  276.     &::after {
  277.       top: 1px;
  278.       left: -2px;
  279.       width: $angle-o;
  280.       height: $angle-o;
  281.     }
  282.    
  283.     &::before {
  284.       bottom: -2px;
  285.       right: 1px;
  286.       width: $angle-o;
  287.       height: $angle-o;
  288.     }
  289.   }
  290.  
  291.   &::after {
  292.     transition: all .15s linear 0s;
  293.     content: '';
  294.     position: absolute;
  295.     top: 2px;
  296.     left: -4px;
  297.     width: $angle;
  298.     height: $angle;
  299.     background-color: $brown;
  300.     transform: rotate(45deg);
  301.     z-index: -1;
  302.    
  303.   }
  304.  
  305.   &::before {
  306.     transition: all .15s linear 0s;
  307.     content: '';
  308.     position: absolute;
  309.     bottom: -4px;
  310.     right: 2px;
  311.     width: $angle;
  312.     height: $angle;
  313.     background-color: $brown;
  314.     transform: rotate(45deg);
  315.     z-index: -1;
  316.   }
  317. }
  318.  
  319. .thing-text
  320. {
  321.  
  322.  
  323.  
  324. }
  325. .thing-icon
  326. {
  327.    
  328.  }
  329.  
  330.  
  331. #thing-0
  332.   {
  333.    
  334.     background-repeat: no-repeat;
  335.     //max-width: 250px;
  336.     //max-height: 250px;
  337.     padding: 0px 50px;
  338.     border-radius:50%;
  339.     float: left;
  340.     padding-left: 21%;
  341.     background:rgba(0,55,79,0.00);
  342.      
  343.    
  344.  
  345. -webkit-animation-name: spin;
  346.     -webkit-animation-duration: 4000ms;
  347.     -webkit-animation-iteration-count: infinite;
  348.     -webkit-animation-timing-function: linear;
  349.     -moz-animation-name: spin;
  350.     -moz-animation-duration: 4000ms;
  351.     -moz-animation-iteration-count: infinite;
  352.     -moz-animation-timing-function: linear;
  353.     -ms-animation-name: spin;
  354.     -ms-animation-duration: 4000ms;
  355.     -ms-animation-iteration-count: infinite;
  356.     -ms-animation-timing-function: linear;
  357.    
  358.     animation-name: spin;
  359.     animation-duration: 910000ms;
  360.     animation-iteration-count: infinite;
  361.     animation-timing-function: linear;
  362. }
  363. @-ms-keyframes spin {
  364.     from { -ms-transform: rotate(0deg); }
  365.     to { -ms-transform: rotate(360deg); }
  366. }
  367. @-moz-keyframes spin {
  368.     from { -moz-transform: rotate(0deg); }
  369.     to { -moz-transform: rotate(360deg); }
  370. }
  371. @-webkit-keyframes spin {
  372.     from { -webkit-transform: rotate(0deg); }
  373.     to { -webkit-transform: rotate(360deg); }
  374. }
  375. @keyframes spin {
  376.     from {
  377.         transform:rotate(0deg);
  378.     }
  379.     to {
  380.         transform:rotate(360deg);
  381.     }
  382. }
  383.  
  384.  
  385.  
  386. #thing-0:hover
  387.   {
  388.    
  389.     padding: 50px 50px;
  390.     border-radius:50%;
  391.     float: left;
  392.     padding-left: 21%;
  393.     color:#93f8ff;
  394.     background:rgba(0,55,79,0.00);
  395.     //background-image: linear-gradient(to right, #00000000 , #4286f466 , #93f8ff99);
  396.    
  397.   }
  398.  
  399. .thing-text{
  400.  
  401. font-weight:100;
  402.  
  403. }
  404.  
  405. #thing-1
  406.   {
  407.     padding: 40px 40px;
  408.     float: left;
  409.     padding-left: 15%;
  410.     width: 90%;
  411.    
  412.   }
  413.  
  414. #thing-2
  415.   {
  416.     padding: 40px 40px;
  417.     padding-left: 13%;
  418.     padding-top: 10px !important;
  419.     float: left;
  420.     width: 90%;
  421.    
  422.   }
  423.  
  424.  
  425. .building:hover {
  426.  
  427.     //transform: skew(30deg);
  428.    
  429. }
  430.  
  431. .thing:hover
  432.   {
  433.     border: 0px solid #93f8ff;
  434.     //background:#002130;
  435.     color:#93f8ff;
  436.     background:rgba(0,55,79,0.00);
  437.     background-image: linear-gradient(to right, #00000000 , #4286f466 , #93f8ff99);
  438.    
  439.   }
  440. .thing:active
  441.   {
  442.    
  443.     border: 0px solid #FFFFFF;
  444.     background:#002130;
  445.     color:#002130;
  446.     transform: translateY(2px);
  447.     background:rgba(255,255,255,0.0);
  448.     background-image: linear-gradient(to right, #00000000 , #93f8ff55);
  449.   }
  450.  
  451. .upgrade.owned, .achiev.owned {
  452.     //width: 100%;
  453.     //padding: 6% 6%;
  454.     text-align: left;
  455.     //height: 48px;
  456.     border-radius:0px;
  457.     //background:#002130;
  458.     border: 0px solid #002130;
  459.     background:rgba(255,255,255,0.0);
  460.     background-image: linear-gradient(to right, #00000000 , #4286f433 , #93f8ff55);
  461. }
  462. .upgrade:hover{
  463.     //width: 100%;
  464.     float: left;
  465.     border: 0px solid #93f8ff;
  466.     //background:#002130;
  467.     color:#93f8ff;
  468.     text-align: left;
  469.     background:rgba(0,55,79,0.00);
  470.     background-image: linear-gradient(to left, #00000000 , #4286f466 , #93f8ff99);
  471.     box-shadow: 0px 0px 0px #39f;
  472. }
  473. .upgrade.owned:hover{
  474.     //width: 100%;
  475.     float: left;
  476.     padding: 6% 6%;
  477.     text-align: left;
  478.     //height: 48px;
  479.     border-radius:0px;
  480.     //background:#002130;
  481.     border: 0px solid #002130;
  482.     background:rgba(255,255,255,0.0);
  483.     background-image: linear-gradient(to right, #00000000 , #4286f466 , #93f8ff99);
  484. }
  485. .upgrade.cantAfford {
  486.     //width: 100%;
  487.     float: left;
  488.     padding: 6% 6%;
  489.     text-align: left;
  490.     //height: 48px;
  491.     border-radius:0px;
  492.     //background:#002130;
  493.     border: 0px solid #002130;
  494.     background:rgba(255,255,255,0.0);
  495.     background-image: linear-gradient(to left, #00000000 , #4286f433 , #93f8ff55);
  496.     box-shadow: 0px 0px 0px #39f;
  497. }
  498. .upgrade {
  499.     width: 100%;
  500.     float: left;
  501.     padding: 6% 6%;
  502.     padding-left: 10% !important;
  503.     text-align: left;
  504.     //height: 48px;
  505.     border-radius:0px;
  506.     //background:#002130;
  507.     border: 0px solid #002130;
  508.     background:rgba(255,255,255,0.0);
  509.     background-image: linear-gradient(to left, #00000000 , #4286f433 , #93f8ff55);
  510.     box-shadow: 0px 0px 0px #39f;
  511.     font-family: DejaVu Sans Mono, monospace !important;
  512.     font-size: 14px;
  513. }
  514. .upgrade.notOwned {
  515.     width: 101% !important;
  516.     float: left;
  517.     margin-left: auto;
  518.     margin-right: auto;
  519.     padding: 6% 6%;
  520.     text-align: left;
  521.     //height: 48px;
  522.     border-radius:0px;
  523.     //background:#002130;
  524.     border: 0px solid #002130;
  525.     background:rgba(255,255,255,0.0);
  526.     background-image: linear-gradient(to left, #00000000 , #4286f433 , #93f8ff55);
  527.     box-shadow: 0px 0px 0px #39f;
  528. }
  529.  
  530. .upgrade.notOwned:hover{
  531.    
  532.     //float: left;
  533.     border: 0px solid #93f8ff;
  534.     //background:#002130;
  535.     color:#93f8ff;
  536.     text-align: left;
  537.     background:rgba(0,55,79,0.00);
  538.     background-image: linear-gradient(to left, #00000000 , #4286f466 , #93f8ff99);
  539.     box-shadow: 0px 0px 0px #39f;
  540. }
  541.  
  542.  
  543. .thing,.box-header,.box-footer,.box-bit
  544. {
  545.    
  546.     border: 0px solid #000000;
  547.     //font-family:"Courier",Courier,monospace;
  548.     //font-weight:300;
  549.     color:#93f8ff;
  550.     background:#002130;
  551.     background:rgba(255,255,255,0.0);
  552.     box-shadow:0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,55,79,0) inset;
  553.     background-image: linear-gradient(to right, #00000000 , #4286f433 , #93f8ff55);
  554. }
  555.  
  556. .glow {
  557.     animation: glow 0.0s;
  558. }
  559.  
  560.  
  561.  
  562. .box-header {
  563.    
  564.     margin-bottom:1px;
  565.     padding: 4% 4%;
  566.     height: 40px;
  567.     border: 0px solid #000000;
  568.     border-radius: 0px;
  569.     //font-family: "Courier",Courier,monospace;
  570.     font-size: 18px;
  571.     color: #93f8ff;
  572.     background: #002130;
  573.     background: rgba(255,255,255,0.0);
  574.     box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,55,79,0) inset;
  575.     background-image: linear-gradient(to right, #00000000 , #4286f433 , #93f8ff55);
  576.     text-align: center;
  577. }
  578.  
  579.  
  580. #bulkDisplay {
  581.     position: relative;
  582.     top: 0px;
  583.     margin: 0px 0px 0px 0px;
  584.     margin-bottom: 0px;
  585. }
  586.  
  587. #box-things-Buildings {
  588. position: relative;
  589.    
  590.  
  591. }
  592.  
  593. .box-bit{
  594. padding: 0% 0%;
  595. margin-bottom:0px;
  596. position: relative;
  597. top: 0px;
  598. border-radius: 0px;
  599. background: #00213000;
  600. }
  601.  
  602. //#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
  603. #game.filtersOn .thing-icon{filter:drop-shadow(0px 0px 0px rgba(0,0,0,0));}
  604.  
  605. .popup, #tooltip, .toast {
  606.     background: #000000FF;
  607.     background-image: linear-gradient(to top, #00000000 , #4286f455);
  608.     //text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  609.     color: #93f8ff;
  610.     //border: 0px solid #93f8ff;
  611.     //background: url(lib/img/darkNoise.jpg);
  612.     border-radius: 0px;
  613.     /*box-shadow: 0px 0px 0px 1px #000, 0px 0px 0px 2px rgba(255,255,255,0.5), 0px 0px 15px 1px rgba(255,255,255,0.15) inset, 4px 4px 2px rgba(0,0,0,0.25), 4px 4px 20px rgba(0,0,0,0.5);*/
  614.     box-sizing: border-box;
  615.     padding: 8px 8px;
  616.  
  617. }
  618.  
  619. #tooltipContent{
  620. color: #93f8ff;
  621. font-weight: 100;
  622.  
  623. }
  624.  
  625. ::-webkit-scrollbar-thumb {
  626.     background: #93f8ff33;
  627.     //background: #1f546a;
  628.  
  629.     //background-image: linear-gradient(to left, #00000000 , #93f8ff55);
  630.     box-shadow: 0px 0px 0px 0px #333 inset, 0px 0px 0px 0px #999 inset, 0px 0px 0px 0px #fff inset;
  631. }
  632.  
  633. ::-webkit-scrollbar-track {
  634.     background: #4286f400;
  635.     box-shadow: 0px 0px 0px 0px #00000000 inset, 0px 0px 0px 0px #444 inset, 0px 0px 0px 0px #222 inset;
  636. }
  637. ::-webkit-scrollbar-thumb {
  638.     background: #93f8ff33;
  639.     //background: #1f546a;
  640.    
  641.     //background-image: linear-gradient(to left, #00000000, #93f8ff55);
  642.     box-shadow: 0px 0px 0px 0px #000 inset, 0px 0px 0px 0px #999 inset, 0px 0px 0px 0px #fff inset;
  643. }
  644. ::-webkit-scrollbar-thumb:hover {
  645.     background: #93f8ff99;
  646.     //background: #5cb2c5;
  647.  
  648.     box-shadow: 0px 0px 0px 0px #000 inset, 0px 0px 0px 0px #999 inset, 0px 0px 0px 0px #fff inset;
  649. }
  650. .achiev, .achiev:hover{
  651.     padding:5px 5px;
  652.     background-image: linear-gradient(to right, #00000000 , #4286f400 , #93f8ff00);
  653. }
  654. title {
  655.     display: none;
  656. }
  657.  
  658. .my-anim {
  659.     animation-name: my-anim;
  660.     animation-duration: 0s;
  661. }
  662.  
  663. .thing.bigButton, .thing-icon {
  664. top: 21%;
  665. left: 51%;
  666. background-repeat: no-repeat;
  667.     opacity: 1;
  668.     transform: scale(1);
  669.     transition: transform 0.00s ease-out;
  670.    
  671. }
  672. #thing-icon-0{
  673. z-index: -2 !important;
  674.  
  675. }
  676. .thing.bigButton:hover, .thing-icon:hover {
  677. background-repeat: no-repeat;
  678.     transform: scale(1);
  679.     transition: transform 0.00s ease-out;
  680.     transition: transform 0.00s ease-in;
  681.    
  682.    
  683. }
  684.  
  685. #game.filtersOn .shadowed {
  686.     filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.0));
  687. }
  688.  
  689. .wobble {
  690.     animation: wobble 1s;
  691.     transform: scale(1);
  692.     animation-duration: 5s;
  693.     transition: transform 5.00s ease-out;
  694.     transition: transform 0.00s ease-in;
  695. }
  696.  
  697. @keyframes wobble {
  698. 0% {
  699.     opacity: 0.7;
  700.     transform: scale(1.5);
  701. }
  702. 10% {
  703.     opacity: 1;
  704.     transform: scale(1.5);
  705. }
  706. 100%
  707.     opacity: 1;
  708.     transform: scale(1);
  709. }
  710. }
  711.  
  712. .thing.bigButton .thing-icon{transform:scale(1);}
  713. .thing.bigButton:hover .thing-icon{transform:scale(1);}
  714. .thing.bigButton:active .thing-icon{transform:scale(1);}
  715.  
  716. div {
  717.     display: visible !important;
  718. }
  719.  
  720. #bulkDisplay {
  721.     position: relative;
  722.     top: 0px;
  723.     margin: 0px 0px 0px 0px;
  724.     margin-top: 5px;
  725.     margin-right: 0px;
  726.     margin-bottom: 0px;
  727.     margin-left: 0px;
  728.     margin-bottom: 0px;
  729.     visibility: visible !important;
  730.    
  731.     text-align: right;
  732. }
  733.  
  734.  
  735. .box-bit-content{
  736.  
  737. display: inline !important;
  738. }
  739.  
  740. div#bulkDisplay.box-bit {
  741. float: right;
  742. margin-right: auto;
  743. margin-left: auto;
  744.  
  745. }
  746.  
  747. .popup {
  748.     position: relative;
  749.     left: 50%;
  750.     top: 50%;
  751.     width: 30%;
  752.     pointer-events: auto;
  753.     transition: opacity 0.15s,left 0.15s,top 0.15s;
  754.     opacity: 0;
  755. }
  756. .box{
  757. margin: 0px !important;
  758. padding: 0px !important;
  759. }
  760.  
  761. #fpsGraph {
  762.     background: #333;
  763.     color: #93f8ff33;
  764.     position: absolute;
  765.     left: 0px;
  766.     bottom: 0px;
  767.     padding: 3px;
  768.     width: 128px;
  769.     height: 64px;
  770.     z-index: 10000000;
  771.     opacity: 0.5;
  772.     pointer-events: none;
  773. }
  774.  
  775. div#ad{
  776. width: 0%;
  777.  
  778. }
  779.  
  780. ::-webkit-scrollbar {
  781.     -webkit-appearance: none;
  782.     width: 5%;
  783.    
  784.      
  785. }
  786. #box-upgrades::-webkit-scrollbar {
  787.    // width: 29px;
  788. }
  789.  
  790. #box-upgrades{
  791. width: 25%;
  792. }
  793.  
  794. #ad {
  795.     left: auto;
  796.     right: 0px;
  797.     top: 26px;
  798.     bottom: 0px;
  799.     width: 0px !important;
  800.     height: auto;
  801. }
  802.  
  803. .outFrame #game {
  804.     right: 0% !important;
  805.     bottom: 0px;
  806. }
  807. div#bulkDisplay.box-bit
  808. {
  809. visibility: hidden !important;
  810. }
  811.  
  812. #game {
  813.     background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(243,243,255,1) 35%, rgba(255,255,255,1) 100%) !important;
  814. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!