Turgen

NGMCSS

May 25th, 2022 (edited)
522
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
  19. .box-bit{border-radius:0px;}
  20.  
  21. .box-header
  22. {
  23.     border-bottom-left-radius:20px;
  24.     border-bottom-right-radius:20px;
  25.     margin-bottom:0px;
  26.     text-align: center;
  27. }
  28. .box-footer
  29. {
  30.     border-top-left-radius:20px;
  31.     border-top-right-radius:20px;
  32.     margin-top:1px;
  33. }
  34.  
  35.  
  36. #game{
  37. background-image: hidden !important;
  38. z-index: 3 !important;
  39. }
  40.  
  41. .thing .shiny .noClick .noText{
  42.  
  43. z-index: -1 !important;
  44.  
  45. }
  46.  
  47. .thing .shiny .bigButton .noText{
  48.  
  49. z-index: -100 !important;
  50.  
  51. }
  52.  
  53.  
  54.  
  55. .shiny-icon{
  56.  
  57.  
  58. opacity: 0.0;
  59. //transform: rotate(90deg) !important;
  60.  
  61. }
  62.  
  63. #box-main
  64. {
  65.     left:0px;
  66.     top:0px;
  67.     bottom:0px;
  68.     overflow:hidden;
  69.     width:100%;
  70.     position:absolute;
  71. }
  72. #box-res.fullWidth
  73. {
  74.     width:50% !important;
  75.     top:60% !important;
  76. right: 25% !important;
  77.     height:5%;
  78.     z-index:100;
  79.     position:absolute;
  80.    
  81. }
  82.  
  83. #box-things-Resources
  84. {
  85. width:100%;
  86. justify-content: space-evenly !important;
  87. }
  88.  
  89. #box-buttons
  90. {
  91.     top:0px;
  92.     right:0px;
  93.     bottom:0px;
  94.     left:0px;
  95.     position:absolute;
  96. }
  97. #box-store
  98. {
  99.     right:0px;
  100.     top:0px;
  101.     bottom:0px;
  102.     margin-bottom:-2px;
  103.    
  104.     position:absolute;
  105. }
  106. #box-buildings,#box-upgrades,#box-buildings2,#box-upgrades2
  107. {
  108.     top:-2px;
  109.     bottom:0px;
  110.     width:25%;
  111.     //right:0px;
  112.     overflow-x:hidden;
  113.     overflow-y:scroll;
  114.     padding-bottom:48px;/* this is to accommodate the info and settings buttons */
  115.     position:absolute;
  116.     margin-top:-2px;
  117. }
  118. #box-buildings
  119. {right:60%;
  120. width:15%;}
  121.  
  122. #box-upgrades
  123. {right:75%;}
  124.  
  125. #box-buildings2
  126. {
  127. right:40%;
  128. width:20%;
  129. }
  130.  
  131. #box-upgrades2
  132. {right:0%;
  133. }
  134.  
  135.  
  136.  
  137.  
  138. #bulkDisplay{margin:-11px 24px 4px 24px;}
  139.  
  140.  
  141. .thing
  142. {
  143.     display:inline-block;
  144.     padding:auto;
  145.     margin:auto;
  146.     margin-bottom:1px;
  147.     cursor:pointer;
  148. }
  149. .thing:hover,.thing.lit
  150. {
  151.     background:#6cf;
  152. }
  153. .thing.cantAfford
  154. {
  155.     opacity:0.65;
  156. }
  157. .upgrade.cantAfford
  158. {
  159.    
  160. }
  161. .upgrade.cantAfford:hover
  162. {
  163.    
  164. }
  165. .upgrade.owned,.achiev.owned
  166. {
  167.     background:#6cf;
  168. }
  169. .thing-text,.thing-costs{font-weight:bold;}
  170.  
  171.  
  172.  
  173. .building
  174. {
  175.     padding-left: 2% !important;
  176.     border-top-left-radius:20px;
  177.     border-bottom-left-radius:20px;
  178.     display:block;
  179.     padding-right: auto;
  180.     margin-right:auto;
  181.     font-size:14px;
  182. }
  183.  
  184.  
  185.  
  186.  
  187. //---------------------------------------------------------------------------------------------------------
  188.  
  189.  
  190.  
  191.  
  192.  
  193. #game
  194.   {
  195.     background:#002130;
  196.     background-size: cover;
  197.     font-family: Kanit, sans-serif !important;
  198.     letter-spacing: 0px;
  199.     //font-size: 12px;
  200.     font-stretch: ultra-expanded
  201.    
  202.    // font-family: Kanit, sans-serif;
  203.     //font-weight:100;
  204.     color:#000000;
  205.   }
  206. .upgrade, .building
  207.   {
  208.  
  209. background-repeat: no-repeat;
  210.     font-weight:100 !important;
  211.     margin-top:0px;
  212.     padding: 2% 2%;
  213.     text-align: left;
  214.     //height: 48px;
  215.     border-radius:0px;
  216.     //background:#002130;
  217.     border: 1px solid #002130;
  218.     background:rgba(255,255,255,0.0);
  219.    
  220.     width: 100%;
  221.  
  222.   transition: all .15s linear 0s;
  223.   position: relative;
  224.   display: inline-block;
  225.  
  226.   background-color: $yellow;
  227.   color: $brown;
  228.  
  229.  
  230.  
  231.   box-shadow: -6px 6px 0 $brown;
  232.   text-decoration: none;
  233.  
  234.   &:hover {
  235.     top: 3px;
  236.     left: -3px;
  237.     box-shadow: -3px 3px 0 $brown;
  238.    
  239.     &::after {
  240.       top: 1px;
  241.       left: -2px;
  242.       width: $angle-o;
  243.       height: $angle-o;
  244.     }
  245.    
  246.     &::before {
  247.       bottom: -2px;
  248.       right: 1px;
  249.       width: $angle-o;
  250.       height: $angle-o;
  251.     }
  252.   }
  253.  
  254.   &::after {
  255.     transition: all .15s linear 0s;
  256.     content: '';
  257.     position: absolute;
  258.     top: 2px;
  259.     left: -4px;
  260.     width: $angle;
  261.     height: $angle;
  262.     background-color: $brown;
  263.     transform: rotate(45deg);
  264.     z-index: -1;
  265.    
  266.   }
  267.  
  268.   &::before {
  269.     transition: all .15s linear 0s;
  270.     content: '';
  271.     position: absolute;
  272.     bottom: -4px;
  273.     right: 2px;
  274.     width: $angle;
  275.     height: $angle;
  276.     background-color: $brown;
  277.     transform: rotate(45deg);
  278.     z-index: -1;
  279.   }
  280. }
  281.  
  282. .thing-text
  283. {
  284.  
  285.  
  286.  
  287. }
  288. .thing-icon
  289. {
  290.    
  291.  }
  292.  
  293.  
  294. #thing-0
  295.   {
  296.     transform: translate(-50%, -50%) !important;
  297.     left: 50% !important;
  298.     background-repeat: no-repeat;
  299.     border-radius:50%;
  300.     background:#00000000;
  301.      
  302.    
  303.  
  304. /*-webkit-animation-name: spin;
  305.     -webkit-animation-duration: 4000ms;
  306.     -webkit-animation-iteration-count: infinite;
  307.     -webkit-animation-timing-function: linear;
  308.     -moz-animation-name: spin;
  309.     -moz-animation-duration: 4000ms;
  310.     -moz-animation-iteration-count: infinite;
  311.     -moz-animation-timing-function: linear;
  312.     -ms-animation-name: spin;
  313.     -ms-animation-duration: 4000ms;
  314.     -ms-animation-iteration-count: infinite;
  315.     -ms-animation-timing-function: linear;
  316.    
  317.     animation-name: spin;
  318.     animation-duration: 910000ms;
  319.     animation-iteration-count: infinite;
  320.     animation-timing-function: linear;*/
  321. }
  322. @-ms-keyframes spin {
  323.     from { -ms-transform: rotate(0deg); }
  324.     to { -ms-transform: rotate(360deg); }
  325. }
  326. @-moz-keyframes spin {
  327.     from { -moz-transform: rotate(0deg); }
  328.     to { -moz-transform: rotate(360deg); }
  329. }
  330. @-webkit-keyframes spin {
  331.     from { -webkit-transform: rotate(0deg); }
  332.     to { -webkit-transform: rotate(360deg); }
  333. }
  334. @keyframes spin {
  335.     from {
  336.         transform:rotate(0deg);
  337.     }
  338.     to {
  339.         transform:rotate(360deg);
  340.     }
  341. }
  342.  
  343.  
  344.  
  345. #thing-0:hover
  346.   {
  347.    
  348.     //background-image: linear-gradient(to right, #00000000 , #4286f466 , #93f8ff99);
  349.    
  350.   }
  351.  
  352. .thing-text{
  353.  
  354. font-weight:100;
  355.  
  356. }
  357.  
  358. #thing-3
  359.   {
  360.     float:left;
  361.     width: 25%;
  362.    
  363.   }
  364. #thing-1
  365.   {
  366.     float:left;
  367.     width: 25%;
  368.   }
  369.  
  370. #thing-2
  371.   {
  372. float:left;
  373.     width: 25%;
  374.   }
  375.  
  376. #thing-4
  377.   {
  378.     float:left;
  379.     width: 25%;
  380.   }
  381.  
  382.  
  383. .building:hover {
  384.  
  385.     //transform: skew(30deg);
  386.    
  387. }
  388.  
  389. .thing:hover
  390.   {
  391.     //background:#002130;
  392.     color:#93f8ff;
  393.     background:rgba(0,55,79,0.00);
  394.     background-color: #999999;
  395.    
  396.   }
  397.  
  398.  
  399. .upgrade.owned, .achiev.owned {
  400.     //width: 100%;
  401.     //padding: 2% 2%;
  402.     text-align: left;
  403.     //height: 48px;
  404.     border-radius:0px;
  405.     //background:#002130;
  406.     border: 1px solid #002130;
  407.     background:rgba(255,255,255,0.0);
  408.     background-color: #qqqqqq;
  409.  
  410. }
  411. .upgrade:hover{
  412.     //width: 100%;
  413.     //background:#002130;
  414.     color:#93f8ff;
  415.     background-color: #999999;
  416. }
  417. .upgrade.owned:hover{
  418.     //width: 100%;
  419.     //height: 48px;
  420.     //background:#002130;
  421.     background:rgba(255,255,255,0.0);
  422.     background-color: #999999;
  423. }
  424. .upgrade.cantAfford {
  425.     //width: 100%;
  426.     float: left;
  427.     padding: 2% 2%;
  428.     text-align: left;
  429.     //height: 48px;
  430.     border-radius:0px;
  431.     //background:#002130;
  432.     border: 0px solid #002130;
  433.     background:rgba(255,255,255,0.0);
  434.     background-color: #eeeeee;
  435.     box-shadow: 0px 0px 0px #39f;
  436. }
  437. .upgrade {
  438.     width: 100%;
  439.     float: left;
  440.     padding: 2% 2%;
  441.     padding-left: 10% !important;
  442.     text-align: left;
  443.     //height: 48px;
  444.     border-radius:0px;
  445.     //background:#002130;
  446.     border: 1px solid #002130;
  447.     background:rgba(255,255,255,0.0);
  448.     background-color: #eeeeee;
  449.     box-shadow: 0px 0px 0px #39f;
  450.     font-family: Kanit, sans-sherif !important;
  451.     font-size: 14px;
  452.  
  453. }
  454. .upgrade.notOwned {
  455.     width: 100% !important;
  456.     float: left;
  457.     margin-left: auto;
  458.     margin-right: auto;
  459.     padding: 2% 2%;
  460.     text-align: left;
  461.     //height: 48px;
  462.     //background:#002130;
  463.    
  464.     background:rgba(255,255,255,0.0);
  465.     background-color: #999999;
  466.     box-shadow: 0px 0px 0px #39f;
  467. border: 1px solid #002130;
  468. border-style: solid !important;
  469. }
  470.  
  471. .upgrade.notOwned:hover{
  472.    
  473.     //float: left;
  474.     //background:#002130;
  475.     color:#93f8ff;
  476.     background-color: #999999;
  477. border: 1px solid #002130;
  478. border-style: solid !important;
  479. }
  480.  
  481.  
  482. .thing,.box-header,.box-footer,.box-bit
  483. {
  484.    
  485.    
  486.     //font-family: Kanit, sans-serif !important;
  487.     //font-weight:300;
  488.     //color:#93f8ff;
  489.     background:#002130;
  490.     background:rgba(255,255,255,0.0);
  491.    
  492. }
  493.  
  494. .glow {
  495.     animation: glow 0.0s;
  496. }
  497.  
  498.  
  499.  
  500. .box-header {
  501.    
  502.     margin-bottom:1px;
  503.     padding: 15px 15px;
  504.     height: 40px;
  505.     border: 0px solid #000000;
  506.     border-radius: 0px;
  507.     //font-family: Kanit, sans-serif !important;
  508.     font-size: 18px;
  509.     //color: #93f8ff;
  510.    
  511.     text-align: center;
  512. }
  513.  
  514.  
  515. #bulkDisplay {
  516.     position: relative;
  517.     top: 0px;
  518.     margin: 0px 0px 0px 0px;
  519.     margin-bottom: 0px;
  520. }
  521.  
  522. #box-things-Buildings {
  523. position: relative;
  524.    
  525.  
  526. }
  527.  
  528.  
  529.  
  530.  
  531. .popup, #tooltip {
  532. color: #ffde00EE;
  533. border: 2px !important;
  534. border-color: #ffde00EE !important;
  535. background-color: #0a3a4dAA !important;
  536. border-style: dashed dashed dashed dashed !important;
  537.  
  538. }
  539.  .toast{
  540. background-color: #0a3a4dAA !important;
  541. }
  542.  
  543. #tooltipContent{
  544. color: #ffde00EE;
  545. border: 0px !important;
  546. border-color: #ffde0000 !important;
  547. background-color: #0a3a4d00 !important;
  548. border-style: dashed dashed dashed dashed !important;
  549.  
  550. }
  551.  
  552. ::-webkit-scrollbar-thumb {
  553.     background: #eeeeee;
  554.     //background: #1f546a;
  555.     border: 2px outset #FFFFFFFF;
  556.     //background-image: linear-gradient(to left, #00000000 , #93f8ff55);
  557.     box-shadow: 0px 0px 0px 0px #333 inset, 0px 0px 0px 0px #999 inset, 0px 0px 0px 0px #fff inset;
  558. }
  559.  
  560. ::-webkit-scrollbar-track {
  561.     background: #EEEEEE00;
  562.     box-shadow: 0px 0px 0px 0px #00000000 inset, 0px 0px 0px 0px #444 inset, 0px 0px 0px 0px #222 inset;
  563.     width: 20px !important;
  564.     border: 1px !important;
  565. border-color: #999999;
  566. margin-bottom: -1px !important;
  567. margin-right: 0px !important;
  568. border-style: solid solid solid none;
  569. }
  570. ::-webkit-scrollbar-thumb {
  571. width: 22px !important;
  572.     background: #eeeeee;
  573.     //background: #1f546a;
  574.     border: 2px outset #FFFFFFFF;
  575. margin: -1px;
  576. left: -1px !important;
  577.     //background-image: linear-gradient(to left, #00000000, #93f8ff55);
  578.     box-shadow: inset 0 0 0px #000000;
  579.  
  580. }
  581. ::-webkit-scrollbar-thumb:hover {
  582.     background: #aaaaaa;
  583.     //background: #5cb2c5;
  584. }
  585. .achiev, .achiev:hover{
  586.     padding:5px 5px;
  587.     background-image: linear-gradient(to right, #00000000 , #4286f400 , #93f8ff00);
  588. }
  589. title {
  590.     display: none;
  591. }
  592.  
  593. .my-anim {
  594.     animation-name: my-anim;
  595.     animation-duration: 0s;
  596. }
  597.  
  598. .thing.bigButton, .thing-icon {
  599.  
  600. background-repeat: no-repeat;
  601.    
  602.    
  603. }
  604.  
  605. .thing.bigButton{
  606.  
  607.  
  608. }
  609. #thing-icon-0{
  610. z-index: -2 !important;
  611.  
  612. }
  613. #game.filtersOn .shadowed {
  614.     filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.0));
  615. }
  616.  
  617. .wobble {
  618.     animation: wobble 0.5s;
  619.     transform: scale(1);
  620.     animation-duration: 1s;
  621.     transition: transform 1.00s ease-out;
  622.     transition: transform 1.00s ease-in;
  623. }
  624.  
  625. @keyframes wobble {
  626. 0% {
  627.     opacity: 0.7;
  628.     transform: scale(1);
  629. }
  630. 10% {
  631.     opacity: 1;
  632.     transform: scale(1.3);
  633. }
  634. 100%
  635.     opacity: 1;
  636.     transform: scale(1);
  637. }
  638. }
  639.  
  640. .thing.bigButton .thing-icon{transform:scale(1);}
  641. .thing.bigButton:hover .thing-icon{transform:scale(1);}
  642. .thing.bigButton:active .thing-icon{transform:scale(1);}
  643.  
  644. div {
  645.     display: visible !important;
  646. }
  647.  
  648. #bulkDisplay {
  649.     position: relative;
  650.     top: 0px;
  651.     margin: 0px 0px 0px 0px;
  652.     margin-top: 5px;
  653.     margin-right: 0px;
  654.     margin-bottom: 0px;
  655.     margin-left: 0px;
  656.     margin-bottom: 0px;
  657.     visibility: visible !important;
  658.    
  659.     text-align: right;
  660. }
  661.  
  662.  
  663.  
  664.  
  665. .popup {
  666.     position: relative;
  667.     left: 50%;
  668.     top: 50%;
  669.     width: 30%;
  670.     pointer-events: auto;
  671.     transition: opacity 0.15s,left 0.15s,top 0.15s;
  672.     color: #ffde00EE;
  673. border: 2px !important;
  674. border-color: #ffde00EE !important;
  675. background-color: #0a3a4dDD !important;
  676. border-style: dashed dashed dashed dashed !important;
  677. }
  678. .box{
  679. margin: 0px !important;
  680. padding: 0px !important;
  681. }
  682.  
  683. #fpsGraph {
  684.     background: #333;
  685.     color: #93f8ff33;
  686.     position: absolute;
  687.     left: 0px;
  688.     bottom: 0px;
  689.     padding: 3px;
  690.     width: 128px;
  691.     height: 64px;
  692.     z-index: 10000000;
  693.     opacity: 0.5;
  694.     pointer-events: none;
  695. }
  696.  
  697.  
  698.  
  699. #box-upgrades::-webkit-scrollbar, #box-buildings::-webkit-scrollbar, #box-upgrades2::-webkit-scrollbar, #box-buildings2::-webkit-scrollbar {
  700.     width: 10px !important;
  701. margin-bottom: -1px !important;
  702. margin-right: 0px !important;
  703.  
  704. }
  705.  
  706. #box-upgrades, #box-buildings, #box-upgrades2, #box-buildings2{
  707.     top: 39px;
  708.     overflow-y: visible !important;
  709. }
  710.  
  711. #box-upgrades{
  712. width: 25%;
  713. }
  714.  
  715.  
  716.  
  717. .outFrame #game {
  718.     right: 0% !important;
  719.     bottom: 0px;
  720. }
  721. div#bulkDisplay.box-bit
  722. {
  723.  
  724. }
  725. #box-store{
  726.  
  727. top: 0px !important;
  728. }
  729.  
  730. #box-buildings2Header{
  731.  
  732. right:0%;
  733.  
  734.  
  735. }
  736. #box-upgrades2Header{
  737.  
  738. right:25%;
  739.  
  740.  
  741. }
  742. #box-upgradesHeader{
  743.  
  744. right:50%;
  745.  
  746.  
  747. }
  748. #box-buildingsHeader{
  749.  
  750. right:75%;
  751.  
  752.  
  753. }
  754.  
  755. #box-buildings2Header, #box-upgrades2Header, #box-upgradesHeader, #box-buildingsHeader{
  756. top: 0px;
  757. position:absolute;
  758. width: 25%;
  759. height: 40px;
  760. }
  761.  
  762. #toasts {
  763. position: absolute !important;
  764. top: 52% !important;
  765.  
  766. z-index: 1000 !important;
  767.  
  768. }
  769. #fpsCounter, #fpsGraph{
  770. position: absolute !important;
  771. bottom: 60px !important;
  772. left: 40px !important;
  773. width: 128px !important;
  774. height: 64px !important;
  775. }
  776.  
  777. #thing-8{
  778. visibility: hidden !important;
  779. position: absolute !important;
  780. top: -37vh;
  781. font-size: 2.8vh;
  782. left: 1vw;
  783. color: #ffffff44;
  784. background-color: #00000000;
  785. background-color: #999999;
  786. }
  787.  
  788. #thing-text-8{
  789. font-weight: 900 !important;
  790. }
  791.  
  792. #thing-9{
  793. visibility: hidden !important;
  794. position: absolute !important;
  795. top: -35vh;
  796. font-size: 1.8vh;
  797. left: 1vw;
  798. color: #93f8ff44;
  799. background-color: #00000000;
  800. background-color: #999999;
  801.  
  802. }
  803.  
  804. .thing{
  805. border: 2px #FFFFFFFF!important;
  806.  
  807. color: #999999;
  808. border-style: outset !important;
  809. background-color: #eeeeee !important;
  810. margin-bottom: -1px !important;
  811. font-family: Kanit, sans-serif !important;
  812. text-shadow: 0px 0px !important;
  813. }
  814. .thing:hover{
  815. background-color: #FFFFFFFF;
  816.  
  817. }
  818. .box-header{
  819. border: 0px !important;
  820. margin-bottom: -1px !important;
  821. margin-left: 0px !important;
  822. border-style: solid none solid solid !important;
  823. }
  824. .box-header:hover{
  825.  
  826.  
  827. }
  828. .box{
  829.  
  830. }
  831. #box-buildings,#box-upgrades,#box-buildings2,#box-upgrades2
  832. {
  833. border: 0px;
  834.  
  835. border-color: #555555 !important;
  836. border-style: none solid none none !important;
  837. overflow-y: scroll !important;
  838. background-color: #eeeeee !important;
  839. }
  840.  
  841. #box-upgrades{
  842. transform: skew(0deg, 10deg);
  843. top: -1.4vw !important;
  844. height: 95% !important;
  845. }
  846. #box-upgrades2{
  847. transform: skew(0deg, -10deg);
  848. top: -1.4vw !important;
  849. height: 95% !important;
  850. }
  851. #box-buildingsHeader{
  852. transform: skew(0deg, 10deg);
  853. top: -3.4vw !important;
  854. }
  855. #box-buildings2Header{
  856. transform: skew(0deg, -10deg);
  857. top: -3.4vw !important;
  858. }
  859.  #thing-1{
  860. //transform: skew(0deg, 10deg);
  861. //top: -3.4vw !important;
  862. }
  863.  #thing-4{
  864. //transform: skew(0deg, -10deg);
  865. //top: -3.4vw !important;
  866. }
  867. .box.sep3, .box.sep4, .box.sepOne, .box.sepTwo{
  868. height: 7%;
  869. }
  870. .box.sepOne,.box.sepOne:hover{
  871.  
  872. width: 200%;
  873. color: #eeeeee !important;
  874. border: 0px;
  875. border: 0px;
  876. z-index:-1000;
  877. background: rgb(2,0,36);
  878. background-image: linear-gradient(to left,  rgba(196,184,107,1) 26%, rgba(237,237,237,1) 71%);
  879. }
  880. .box.sepTwo,.box.sepTwo:hover{
  881.  
  882. width: 200%;
  883. color: #eeeeee !important;
  884. border: 0px;
  885. border: 0px;
  886. z-index:-1000;
  887. background: rgb(2,0,36);
  888. background-image: linear-gradient(to right,  rgba(196,184,107,1) 26%, rgba(237,237,237,1) 71%);
  889. }
  890. .box.sep3,.box.sep3:hover{
  891.  
  892. width: 200%;
  893. color: #eeeeee !important;
  894. border: 0px;
  895. border: 0px;
  896. z-index:-1000;
  897. background: rgb(2,0,36);
  898. background-image: linear-gradient(to right,  rgba(196,184,107,1) 26%, rgba(237,237,237,1) 71%);
  899. }
  900. .box.sep4,.box.sep4:hover{
  901.  
  902. width: 200%;
  903. color: #eeeeee !important;
  904. border: 0px;
  905. border: 0px;
  906. z-index:-1000;
  907. background: rgb(2,0,36);
  908. background-image: linear-gradient(to left,  rgba(196,184,107,1) 26%, rgba(237,237,237,1) 71%);
  909. }
  910.  
  911. #box-sepOne{
  912. top: 69%;
  913. left: -40%;
  914. transform: rotate(-35deg);
  915. }
  916. #box-sep3{
  917. top: 58%;
  918. left: -40%;
  919. transform: rotate(-35deg);
  920. }
  921.  
  922. #box-sepTwo{
  923. top: 63%;
  924. right: 60%;
  925. transform: rotate(35deg);
  926. }
  927. #box-sep4{
  928. top: 52%;
  929. right: 60%;
  930. transform: rotate(35deg);
  931. }
  932.  
  933.  
  934. body{
  935. text-shadow: 0px 0px !important;
  936. }#game{
  937. text-shadow: 0px 0px !important;
  938. }
  939.  
  940. #box-store{
  941.  
  942. background-color: #eeeeee !important;
  943. width: 100% !important;
  944. height: 40% !important;
  945. top: 60% !important;
  946. }
  947. #game{
  948. background-position: center center;}
  949.  
  950. .thing.shiny.noClick.noText{
  951. visibility: hidden !important;
  952. }
  953.  
  954. #thing-0{
  955. transform: translate(0%, -50%) !important;
  956.     left: 50% !important;
  957.     background-repeat: no-repeat;
  958.     border-radius:50%;
  959.     background:#00000000;
  960. border: 2px !important;
  961. border-color: #ffde00EE !important;
  962. background-color: #eeeeee00 !important;
  963. border-style: dashed dashed dashed dashed !important;
  964. }
  965. #thing-0:hover{
  966. border: 2px !important;
  967. border-color: #ffde00EE !important;
  968. background-color: #eeeeee00 !important;
  969. border-style: solid solid solid solid !important;
  970. }
  971. #thing-0:active{
  972. border: 4px !important;
  973. border-color: #ff7800EE !important;
  974. background-color: #eeeeee00 !important;
  975. border-style: solid solid solid solid !important;
  976. }
  977. .shiny{
  978. width: 40px !important;
  979. height: 40px !important;
  980. border: 2px !important;
  981. border-color: #ffde00EE !important;
  982. background-color: #eeeeee00 !important;
  983. border-style: dashed dashed dashed dashed !important;
  984. }
  985. .stationSh{
  986. width: 200px !important;
  987. height: 200px !important;
  988. }
  989. .shiny:hover{
  990.  
  991. border: 2px !important;
  992. border-color: #ffde00EE !important;
  993. background-color: #eeeeee00 !important;
  994. border-style: solid solid solid solid !important;
  995. }
  996. .shiny:active{
  997.  
  998. border: 4px !important;
  999. border-color: #ff7800EE !important;
  1000. background-color: #eeeeee00 !important;
  1001. border-style: solid solid solid solid !important;
  1002. }
  1003.  
  1004. .box-things
  1005. {
  1006. }
  1007.  
  1008. .toast.popInVertical.center{
  1009. color: #ffde00EE;
  1010. border: 2px !important;
  1011. border-color: #ffde00EE !important;
  1012. background-color: #18546cAA !important;
  1013. border-style: dashed dashed dashed dashed !important;
  1014. border-radius: 0px;
  1015. z-index: 100 !important;
  1016. }
  1017. .building{
  1018. border: 8px !important;
  1019. border-style: outset !important;
  1020. background-color: #eeeeeeFF!important;
  1021. border-color: #FFFFFFFF !important;
  1022. }
  1023. .building:hover{
  1024.  
  1025. color: #ffe33b;
  1026. background-color: #FFFFFFFF!important;
  1027. border-color: #FFFFFFFF !important;
  1028. }
  1029. .building:active{
  1030. background-color: #EEEEEEFF!important;
  1031. border-color: #FFFFFFFF !important;
  1032. border-style: inset !important;
  1033. }
  1034. .upgrade{
  1035. border: 1px solid #002130 !important;
  1036. border-style: solid !important;
  1037. background-color: #eeeeeeFF!important;
  1038. border-color: #aaaaaaAA !important;
  1039. }
  1040. .upgrade:hover{
  1041.  
  1042. color: #ffe33b;
  1043. background-color: #FFFFFFFF!important;
  1044. border-color: #FFFFFFFF !important;
  1045. }
  1046. .upgrade:active{
  1047. background-color: #EEEEEEFF!important;
  1048. border-color: #FFFFFFFF !important;
  1049. border-style: solid !important;
  1050. }
  1051. #box-log{
  1052. position: absolute !important;
  1053. top: 65%;
  1054. right: 25.7%;
  1055. height: 30%;
  1056. width: 14%;
  1057. border-radius: 5%;
  1058. border: 10px !important;
  1059. border-color: #FFFFFFFF !important;
  1060. border-style: outset !important;
  1061. background: rgba(0,0,0,1);
  1062. background-image: linear-gradient(0deg, rgba(118,101,0,1) 0%, rgba(37,69,82,1) 100%);
  1063. }
  1064.  
  1065. #log::-webkit-scrollbar {
  1066.   display: none;
  1067. }
  1068.  
  1069. #logOuter{
  1070. display: table;
  1071. width: 100% !important;
  1072. height: 100% !important;
  1073.  
  1074. }
  1075. #logInner{
  1076. padding: 5%;
  1077. color: #ffe33b;
  1078. width: 110% !important;
  1079. height: 110% !important;
  1080. font-family: 'Courier Prime', monospace !important;
  1081.  
  1082. }
  1083. #bulkDisplay{
  1084. visibility: hidden !important;
  1085. }
RAW Paste Data Copied