Advertisement
morkysherk

Peanut Butter Cupper CSS

Dec 13th, 2017 (edited)
2,043
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.70 KB | None | 0 0
  1.  
  2. .box
  3. {
  4.     text-align:center;
  5.     padding:0px;
  6.     box-shadow:none;
  7. }
  8. .thing,.box-header,.box-footer
  9. {
  10.     background:#ff9811;
  11.     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;
  12. }
  13. .box-header:hover
  14. {
  15.     background:#d37700;
  16.     transform:scale(1.1, 1.1);
  17. }
  18.  
  19. .box-header
  20. {
  21.     font-family:Verdana;
  22.     font-weight:bold;
  23.     font-size:16px;
  24.     text-align:center;
  25.     margin-left:auto;
  26.     margin-right:99999px;
  27.     display:inline-block;
  28.     z-index:100;
  29.     float:left;
  30.     clear:both;
  31.     transform:rotate(-2deg);
  32.     border-radius:5px;
  33.     border:2px solid black;
  34.     font-variant: small-caps;
  35.     transition:transform 0.5s, background 0.5s;
  36.     cursor:pointer;
  37.     margin-bottom:-4
  38. }
  39.  
  40. .box-footer
  41. {
  42.     font-family:Verdana;
  43.     font-weight:bold;
  44.     border-radius:5px;
  45.     border:2px solid black;
  46.     text-align:center;
  47.     font-variant:small-caps;
  48.     font-size:18px;
  49.     margin-top:auto;
  50.     margin-bottom:auto;
  51.     clear:both;
  52. }
  53.  
  54. #box-menuButtons
  55. {
  56.     display:block;
  57.     width:100%;
  58.     z-index:110;
  59.     margin-bottom:5px;
  60.     background:rgba(0,0,0,1);
  61.     border:5px ridge grey;
  62.     border-top:5px ridge grey;
  63.     border-right:5px ridge grey;
  64.     text-align:center;
  65.     padding:0px;
  66. }
  67. #box-menuButtons2
  68. {
  69.     position:absolute;
  70.     display:block;
  71.     width:100%;
  72.     z-index:109;
  73.     margin-top:-50px;
  74.     background:rgba(0,0,0,1);
  75.     border:5px ridge grey;
  76.     border-top:5px ridge grey;
  77.     border-right:5px ridge grey;
  78.     text-align:center;
  79.     padding:0px;
  80. }
  81. .roundBg
  82. {
  83.     border-radius:5px;
  84. }
  85.  
  86. .cost.hasEnough
  87. {
  88.     color:#00ba03;
  89. }
  90.  
  91. .cost.notEnough{color:#f00;}
  92. .shiny
  93. {
  94.     width:260px;
  95.     height:260px;
  96. }
  97.    
  98. .inFront
  99. {
  100.     position:absolute;
  101.     z-index:99;
  102. }
  103.  
  104. .inBack
  105. {
  106.     position:absolute;
  107.     z-index:-100;
  108. }
  109.  
  110. #box-main
  111. {
  112.     left:0px;
  113.     top:0px;
  114.     bottom:0px;
  115.     overflow:hidden;
  116.     width:60%;
  117.     position:absolute;
  118. }
  119. #box-res.fullWidth
  120. {
  121.     width:100%;
  122.     top:15%;
  123.     height:5%;
  124.     min-height:32px;
  125.     z-index:110;
  126.     position:absolute;
  127.     text-align:center;
  128.     font-family:Lucida Console;
  129.     font-weight:light;
  130. }
  131. #box-res2.fullWidth
  132. {
  133.     width:100%;
  134.     top:7.5%;
  135.     height:5%;
  136.     min-height:32px;
  137.     z-index:100;
  138.     position:absolute;
  139.     text-align:center;
  140.     font-family:Lucida Console;
  141.     font-weight:light;
  142. }
  143. #box-res3
  144. {
  145.     width:100%;
  146.     bottom:30%;
  147.     height:5%;
  148.     min-height:32px;
  149.     z-index:100;
  150.     position:absolute;
  151.     text-align:center;
  152. }
  153. #box-cbuttons
  154. {
  155.     top:10px;
  156.     right:45%;
  157.     bottom:10%;
  158.     left:0px;
  159.     position:absolute;
  160. }
  161. #box-pbuttons
  162. {
  163.     top:10px;
  164.     right:0px;
  165.     bottom:10%;
  166.     left:45%;
  167.     position:absolute;
  168. }
  169. #box-store
  170. {
  171.     right:0px;
  172.     top:0px;
  173.     bottom:0px;
  174.     width:40%;
  175.     position:absolute;
  176.     padding:0px;
  177. }
  178. #box-store2, #box-log
  179. {
  180.     top:0px;
  181.     bottom:0px;
  182.     overflow-x:hidden;
  183.     overflow-y:scroll;
  184.     padding-bottom:48px;
  185.     position:absolute;
  186.     border:5px ridge grey;
  187. }
  188. #box-dbuttons
  189. {
  190.     bottom:0%;
  191.     text-align:center;
  192.     width:100%;
  193.     position:absolute;
  194.     height:25%;
  195.     overflow:scroll;
  196. }
  197. #box-upgrades,#box-achievs
  198. {
  199.     text-align:center;
  200. }
  201.  
  202. .cleared
  203. {
  204.     clear:both;
  205. }
  206.  
  207. #box-store2
  208. {
  209.     right:0%;
  210.     width:100%;
  211.     background:rgba(0,0,0,0.5);
  212.     top:45px;
  213. }
  214. #box-buildings
  215. {
  216.     height:100%;
  217.     right:0%;
  218.     background:rgba(0,0,0,0.5);
  219.     clear:both;
  220. }
  221.  
  222. #box-achievs
  223. {
  224.     height:25%;
  225.     right:50%;
  226.     background:rgba(0,0,0,0.5);
  227. }
  228.  
  229. #box-upgrades
  230. {
  231.     background:rgba(0,0,0,0.5);
  232.     top:25%;
  233.     right:50%;
  234. }
  235. #box-log
  236. {
  237.     right:100%;
  238.     height:25%;
  239.     top:75%;
  240.     width:150%;
  241.     background:rgba(0,0,0,0.5);
  242.     z-index:0;
  243.     overflow-y:hidden;
  244. }
  245.    
  246.  
  247. #bulkDisplay
  248. {
  249.     display:block;
  250.     margin-top:-20px;
  251.     margin-left:auto;
  252.     margin-right:auto;
  253.     text-align:center;
  254.     width:75px;
  255. }
  256.  
  257. .thing-text,.thing-costs
  258. {
  259.     font-weight:bold;
  260. }
  261.  
  262. .fullWidth
  263. {
  264.     display:block;
  265.     margin-left:0px;
  266.     margin-right:0px;
  267.     z-index:10;
  268. }
  269. #game .fullWidth
  270. {
  271.     height:auto;
  272.     min-height:auto;
  273. }
  274. .fullWidth,.fullWidth:hover
  275. {
  276.     /*background:rgba(0,0,0,0.5);
  277.     background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.5) 100%);*/
  278.     background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
  279.     box-shadow:none;
  280. }
  281. .fullWidth:before,.fullWidth:after
  282. {
  283.     content:'';
  284.     height:1px;
  285.     background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
  286.     position:absolute;
  287.     left:0px;
  288.     right:0px;
  289.     z-index:-1;
  290. }
  291. .fullWidth:before{top:-1px;}
  292. .fullWidth:after{bottom:-1px;}
  293.  
  294. .fullWidth .thing-icon
  295. {
  296.     margin-top:-14px;
  297.     margin-bottom:-14px;
  298. }
  299. .fullWidth .thing-text
  300. {
  301.     margin-top:-4px;
  302.     margin-bottom:-4px;
  303. }
  304. .thing-costs.cantAfford
  305. {
  306.     font-size:100px;
  307. }
  308.  
  309.  
  310. #game.filtersOn .smallThing.cantAfford * {filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5)) blur(0.6px);}
  311.  
  312. .blueFlares{z-index:0;}
  313. .blueFlares:before,.blueFlares:after
  314. {
  315.     content:'';
  316.     width:150%;
  317.     height:150%;
  318.     position:absolute;
  319.     left:-25%;
  320.     top:-25%;
  321.     background:url(stuff/flareBlue.png);
  322.     background-size:100%;
  323.     display:block;
  324.     z-index:-1;
  325.     animation:spinFade 3s linear infinite;
  326.     pointer-events:none;
  327. }
  328. .blueFlares:after
  329. {
  330.     animation:spinFade2 3s linear infinite;
  331. }
  332.  
  333. .redFlares{z-index:0;}
  334. .redFlares:before,.redFlares:after
  335. {
  336.     content:'';
  337.     width:150%;
  338.     height:150%;
  339.     position:absolute;
  340.     left:-25%;
  341.     top:-25%;
  342.     background:url(stuff/flareRed.png);
  343.     background-size:100%;
  344.     display:block;
  345.     z-index:-1;
  346.     animation:spinFade 3s linear infinite;
  347.     pointer-events:none;
  348. }
  349. .redFlares:after
  350. {
  351.     animation:spinFade2 3s linear infinite;
  352. }
  353.  
  354. #box-coolBox
  355. {
  356.     top:25000px;
  357. }
  358. #game.filtersOn .tag-stat:hover
  359. {
  360.     filter: drop-shadow(0px 0px 3px white);
  361. }
  362. #game.filtersOn .tag-resource:hover
  363. {
  364.     filter: drop-shadow(0px 0px 3px white);
  365. }
  366. #game.filtersOn .tag-special:hover
  367. {
  368.     filter: drop-shadow(0px 0px 3px white);
  369. }
  370.  
  371. .tag-stat
  372. {
  373.     float:left;
  374.     clear:both;
  375.     transition:opacity 0.5s;
  376. }
  377. #game.filtersOn .tag-stat
  378. {
  379.     transition:opacity 0.5s, filter 0.25s;
  380. }
  381. #game.filtersOn .tag-resource
  382. {
  383.     transition:filter 0.25s;
  384. }
  385. #game.filtersOn .tag-special
  386. {
  387.     transition:filter 0.25s;
  388. }
  389. #box-spells
  390. {
  391.     margin-left:-8px;
  392.     margin-right:-8px;
  393. }
  394. #box-prestige
  395. {
  396.     margin-left:-8px;
  397.     margin-right:-8px;
  398. }
  399.  
  400. #game.filtersOn .hue25 .thing-icon
  401. {
  402.     filter:hue-rotate(25deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  403. }
  404. #game.filtersOn .hue50 .thing-icon
  405. {
  406.     filter:hue-rotate(50deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  407. }
  408. #game.filtersOn .hue75 .thing-icon
  409. {
  410.     filter:hue-rotate(75deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  411. }
  412. #game.filtersOn .hue100 .thing-icon
  413. {
  414.     filter:hue-rotate(100deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  415. }
  416. #game.filtersOn .hue125 .thing-icon
  417. {
  418.     filter:hue-rotate(125deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  419. }
  420. #game.filtersOn .hue150 .thing-icon
  421. {
  422.     filter:hue-rotate(150deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  423. }
  424. #game.filtersOn .hue175 .thing-icon
  425. {
  426.     filter:hue-rotate(175deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  427. }
  428. #game.filtersOn .hue200 .thing-icon
  429. {
  430.     filter:hue-rotate(200deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  431. }
  432. #game.filtersOn .hue225 .thing-icon
  433. {
  434.     filter:hue-rotate(225deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  435. }
  436. #game.filtersOn .hue250 .thing-icon
  437. {
  438.     filter:hue-rotate(250deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  439. }
  440. #game.filtersOn .hue275 .thing-icon
  441. {
  442.     filter:hue-rotate(275deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  443. }
  444. #game.filtersOn .hue300 .thing-icon
  445. {
  446.     filter:hue-rotate(300deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  447. }
  448. #game.filtersOn .hue325 .thing-icon
  449. {
  450.     filter:hue-rotate(325deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  451. }
  452. #game.filtersOn .hue350 .thing-icon
  453. {
  454.     filter:hue-rotate(350deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  455. }
  456.  
  457. #game.filtersOn .sepiahue25 .thing-icon
  458. {
  459.     filter:sepia(100%) hue-rotate(25deg) saturate(2) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  460. }
  461. #game.filtersOn .sepiahue50 .thing-icon
  462. {
  463.     filter:sepia(100%) hue-rotate(50deg) saturate(2)drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  464. }
  465. #game.filtersOn .sepiahue75 .thing-icon
  466. {
  467.     filter:sepia(100%) hue-rotate(75deg) saturate(2) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
  468. }
  469.  
  470. #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
  471.  
  472.  
  473. .thing
  474. {
  475.     display:inline-block;
  476.     padding:0px;
  477.     margin:2px;
  478.     cursor:pointer;
  479.     transition:background 0.5s;
  480. }
  481. .thing:hover,.thing.lit
  482. {
  483.     background:#d37700;
  484. }
  485. .smallThing.cantAfford
  486. {
  487.     opacity:0.65;
  488. }
  489. .bigThing.cantAfford
  490. {
  491.     opacity:0.65;
  492. }
  493. .smallThing.cantAfford
  494. {
  495.     box-shadow:0px 0px 4px #39f;
  496. }
  497. .smallThing.cantAfford:hover
  498. {
  499.     box-shadow:0px 0px 4px #ffc57a;
  500. }
  501.  
  502. .upgrade.owned,.achiev.owned
  503. {
  504.     background:rgba(255,197,122,0.85);
  505.     border-radius:4px;
  506. }
  507. .building
  508. {
  509.     border-top-left-radius:20px;
  510.     border-bottom-left-radius:20px;
  511.     border-top-right-radius:20px;
  512.     border-bottom-right-radius:20px;
  513.     display:block;
  514.     font-size:14px;
  515.     border:outset 4px grey;
  516. }
  517.  
  518. .smallThing.notOwned
  519. {
  520.     transition:border-radius 0.25s, background 0.2s, transform 0.5s, opacity 0.5s;
  521.     overflow:hide;
  522. }
  523. .smallThing
  524. {
  525.     transition:border-radius 0.25s, transform 0.5s, opacity 0.5s;
  526.     overflow:hide;
  527.     will-change:transform;
  528.     box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
  529. }
  530. .smallThing:hover
  531. {
  532.     border-radius:10px;
  533. }
  534. .smallThing.notOwned:hover
  535. {
  536.     background:#c46e00;
  537. }
  538. .smallThing:active
  539. {
  540.     transform:scale(0.92);
  541.     opacity:0.80;
  542. }
  543. .spellBoost
  544. {
  545.     border-radius:0px;
  546.     display:inline-block;
  547.     width:48px;
  548.     height:48px;
  549.     border:none;
  550. }
  551. .bigThing
  552. {
  553.     transition:border-radius 0.6s, background 0.5s, opacity 0.5s;
  554. }
  555. .bigThing:hover
  556. {
  557.     border-radius:30px;
  558. }
  559. .box-bit
  560. {
  561.     width:100%;
  562. }
  563. .box-bit-content
  564. {
  565.     color:#b5b5b5;
  566. }
  567. #box-log
  568. {
  569.     padding:0px;
  570. }
  571. .meta-button
  572. {
  573.     filter:invert(100%);
  574. }
  575. .tag-menuButton
  576. {
  577.     clear:both;
  578.     border-right:solid 1px white;
  579.     border-left:solid 1px white;
  580.     border-bottom:solid 2px white;
  581.     border-top:solid 2px white;
  582.     margin:0px;
  583.     width:20%;
  584.     transition:background 0.2s;
  585.     z-index:150;
  586.     box-shadow:none;
  587.     height:100%;
  588.     padding:0px;
  589. }
  590. .tag-debugButton
  591. {
  592.     clear:both;
  593.     border:solid 2px white;
  594.     margin:0px;
  595.     width:20%;
  596.     transition:background 0.2s;
  597.     z-index:150;
  598.     box-shadow:none;
  599.     height:100%;
  600.     padding:0px;
  601.     right:65%;
  602. }
  603. .leftBorder
  604. {
  605.     border-left:solid 2px white;
  606. }
  607. .rightBorder
  608. {
  609.     border-right:solid 2px white;
  610. }
  611. .blurred .thing-icon
  612. {
  613.     filter:blur(1px);
  614. }
  615.  
  616. .bounceOnce
  617. {
  618.     transform-origin:50% 100%;
  619.     animation-name:bounce;animation-duration:0.8s;
  620. }
  621. @keyframes bounceOnce
  622. {
  623.     0%      {transform:scale(1,1);}
  624.     10%     {transform:scale(0.99,1.01);}
  625.     20%     {transform:scale(1.05,0.95);}
  626.     25%     {transform:scale(0.9,1.05) translate(0px,-5px);}
  627.     30%     {transform:scale(0.95,1.02) translate(0px,-15px);}
  628.     60%     {transform:scale(1,1) translate(0px,-12px);}
  629.     70%     {transform:scale(1.2,0.9);}
  630.     80%     {transform:scale(0.98,1.02);}
  631.     90%     {transform:scale(1,1);}
  632.     100%    {}
  633. }
  634. .lineBreak
  635. {
  636.     float:left;
  637.     clear:both;
  638. }
  639. .tag-setting
  640. {
  641.     float:left;
  642. }
  643. #box-pauseButton
  644. {
  645.     float:left;
  646.     clear:both;
  647. }
  648. #box-animSettingTitle
  649. {
  650.     float:left;
  651.     clear:both;
  652. }
  653. #box-clickanimSettings
  654. {
  655.     float:left;
  656.     clear:both;
  657. }
  658. #box-buttonSettingTitle
  659. {
  660.     float:left;
  661.     clear:both;
  662. }
  663. #box-buttonSettings
  664. {
  665.     float:left;
  666.     clear:both;
  667. }
  668. .wiggling2
  669. {
  670.     animation:wiggling2 0.5s;
  671. }
  672. @keyframes wiggling2
  673. {
  674.     0% {transform:rotate(0deg);}
  675.     17.5% {transform:rotate(-20deg);}
  676.     50% {transform:rotate(15deg);}
  677.     75% {transform:rotate(-10deg);}
  678.     100% {}
  679. }
  680.  
  681. .wiggling
  682. {
  683.     animation:wiggling 0.5s;
  684. }
  685. @keyframes wiggling
  686. {
  687.     0% {transform:rotate(0deg);}
  688.     17.5% {transform:rotate(10deg);}
  689.     50% {transform:rotate(-7.5deg);}
  690.     75% {transform:rotate(5deg);}
  691.     100% {}
  692. }
  693. .wobbleSlow
  694. {
  695.     animation:wobble2 0.5s;
  696. }
  697. .wobble2
  698. {
  699.     animation:wobble2 0.25s;
  700. }
  701. @keyframes wobble2
  702. {
  703.     0% {transform:translateZ(0) scale(1.1);}
  704.     20% {transform:translateZ(0) scale(0.95);}
  705.     40% {transform:translateZ(0) scale(1.05);}
  706.     60% {transform:translateZ(0) scale(0.975);}
  707.     80% {transform:translateZ(0) scale(1.025);}
  708.     99% {transform:scale(1,1)}
  709.     100% {}
  710. }
  711. .tag-setting{transition:opacity 0.5s;}
  712. .tag-settingTitle{transition:opacity 0.5s;}
  713. #game .thing.hidden
  714. {
  715.     display:inline-block;
  716.     position:absolute;
  717.     visibility:hidden;
  718.     opacity:0;
  719. }
  720. /*
  721. #game .achiev.hidden
  722. {
  723.     display:inline-block;
  724.     position:initial;
  725.     visibility:hidden;
  726.     width:0px;
  727.     height:0px;
  728.     margin-top:52px;
  729.     margin-bottom:0px;
  730.     margin-left:52px;
  731.     margin-right:0px;
  732. }
  733. */
  734. .invisible
  735. {
  736.     visibility:hidden;
  737.     position:absolute;
  738. }
  739. #logInner
  740. {
  741.     transform:rotate(180deg);
  742. }
  743. #logInner .message
  744. {
  745.     width:100%;
  746.     background-repeat:no-repeat;
  747.     display: inline-table;
  748.     transform:rotate(180deg);
  749. }
  750. #logInner .message.unlock
  751. {
  752.     background-image: url(https://cdn.rawgit.com/morkysherk/9d73c10921161f65723d803c6043ed56/raw/efe2b873fdedcaf8888603210c790f0ad02f442a/lock.svg);
  753.     padding-left: 48px;
  754.     height:48px;
  755. }
  756. #logInner .message.maxMana
  757. {
  758.     background-image: url(https://cdn.rawgit.com/morkysherk/17878b0e6065cc04058debceaf423fb1/raw/183cf6fec09208f552ff4b4ed2dd3f58d00d4468/mana%20hat.svg);
  759.     padding-left: 48px;
  760.     height:48px;
  761. }
  762. .messageContent
  763. {
  764.     display:table-cell;
  765.     vertical-align:middle
  766. }
  767. @keyframes popInVertical
  768. {
  769.     0% {transform:scale(1,0) transform:rotate(180deg);opacity:0;}
  770.     100% {transform:scale(1,1) transform:rotate(180deg);opacity:1;}
  771. }
  772. .divine
  773. {
  774.     border-radius:100%;
  775.     border:3px solid white;
  776.     background:black;
  777.     transition:box-shadow 0.25s, transform 0.5s, opacity 0.5s, background 0.25s;
  778. }
  779. .divine.owned
  780. {
  781.     border-radius:100%;
  782.     border:3px solid white;
  783.     background:black;
  784.     box-shadow:0px 0px 10px white;
  785.     transition:box-shadow 0.25s, transform 0.5s, opacity 0.5s, background 0.25s;
  786. }
  787. .divine:hover
  788. {
  789.     box-shadow:0px 0px 20px white;
  790.     border-radius:100%;
  791.     background:#191919;
  792. }
  793. .divine:active
  794. {
  795.     transform:scale(0.92);
  796.     opacity:0.80;
  797. }
  798. #box-shinyBox
  799. {
  800.     left:17.5%;
  801.     top:17.5%;
  802.     width:80%;
  803.     height:80%;
  804.     z-index:-100;
  805. }
  806. .tag-upgradeOwned
  807. {
  808.     background:rgba(255,197,122,0.85);
  809.     border-radius:4px;
  810.     transition:border-radius 0.25s, transform 0.5s, opacity 0.5s;
  811.     will-change:transform;
  812.     box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
  813. }
  814. .tag-upgradeOwned:hover
  815. {
  816.     border-radius:10px;
  817.     background:rgba(255,197,122,0.85);
  818. }
  819. .tag-upgradeOwned:active
  820. {
  821.     transform:scale(0.92);
  822.     opacity:0.80;
  823. }
  824. .medButton
  825. {
  826.     height:96px;
  827.     width:96px;
  828. }
  829. #box-codeButtons
  830. {
  831.     float:left;
  832.     clear:both;
  833. }
  834. .tag-cupRateTitle
  835. {
  836.     float:left;
  837.     clear:both;
  838. }
  839. #box-cupRateButtons
  840. {
  841.     float:left;
  842.     clear:both;
  843. }
  844. .tag-setting
  845. {
  846.     box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
  847.     transition:background 0.25s;
  848. }
  849. .tag-bulkSellBuy
  850. {
  851.     box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
  852.     transition:background 0.25s;
  853. }
  854. .classs
  855. {
  856.     pointer-events:visiblePainted;
  857. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement