Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .box
- {
- text-align:center;
- padding:0px;
- box-shadow:none;
- }
- .thing,.box-header,.box-footer
- {
- background:#ff9811;
- 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;
- }
- .box-header:hover
- {
- background:#d37700;
- transform:scale(1.1, 1.1);
- }
- .box-header
- {
- font-family:Verdana;
- font-weight:bold;
- font-size:16px;
- text-align:center;
- margin-left:auto;
- margin-right:99999px;
- display:inline-block;
- z-index:100;
- float:left;
- clear:both;
- transform:rotate(-2deg);
- border-radius:5px;
- border:2px solid black;
- font-variant: small-caps;
- transition:transform 0.5s, background 0.5s;
- cursor:pointer;
- margin-bottom:-4
- }
- .box-footer
- {
- font-family:Verdana;
- font-weight:bold;
- border-radius:5px;
- border:2px solid black;
- text-align:center;
- font-variant:small-caps;
- font-size:18px;
- margin-top:auto;
- margin-bottom:auto;
- clear:both;
- }
- #box-menuButtons
- {
- display:block;
- width:100%;
- z-index:110;
- margin-bottom:5px;
- background:rgba(0,0,0,1);
- border:5px ridge grey;
- border-top:5px ridge grey;
- border-right:5px ridge grey;
- text-align:center;
- padding:0px;
- }
- #box-menuButtons2
- {
- position:absolute;
- display:block;
- width:100%;
- z-index:109;
- margin-top:-50px;
- background:rgba(0,0,0,1);
- border:5px ridge grey;
- border-top:5px ridge grey;
- border-right:5px ridge grey;
- text-align:center;
- padding:0px;
- }
- .roundBg
- {
- border-radius:5px;
- }
- .cost.hasEnough
- {
- color:#00ba03;
- }
- .cost.notEnough{color:#f00;}
- .shiny
- {
- width:260px;
- height:260px;
- }
- .inFront
- {
- position:absolute;
- z-index:99;
- }
- .inBack
- {
- position:absolute;
- z-index:-100;
- }
- #box-main
- {
- left:0px;
- top:0px;
- bottom:0px;
- overflow:hidden;
- width:60%;
- position:absolute;
- }
- #box-res.fullWidth
- {
- width:100%;
- top:15%;
- height:5%;
- min-height:32px;
- z-index:110;
- position:absolute;
- text-align:center;
- font-family:Lucida Console;
- font-weight:light;
- }
- #box-res2.fullWidth
- {
- width:100%;
- top:7.5%;
- height:5%;
- min-height:32px;
- z-index:100;
- position:absolute;
- text-align:center;
- font-family:Lucida Console;
- font-weight:light;
- }
- #box-res3
- {
- width:100%;
- bottom:30%;
- height:5%;
- min-height:32px;
- z-index:100;
- position:absolute;
- text-align:center;
- }
- #box-cbuttons
- {
- top:10px;
- right:45%;
- bottom:10%;
- left:0px;
- position:absolute;
- }
- #box-pbuttons
- {
- top:10px;
- right:0px;
- bottom:10%;
- left:45%;
- position:absolute;
- }
- #box-store
- {
- right:0px;
- top:0px;
- bottom:0px;
- width:40%;
- position:absolute;
- padding:0px;
- }
- #box-store2, #box-log
- {
- top:0px;
- bottom:0px;
- overflow-x:hidden;
- overflow-y:scroll;
- padding-bottom:48px;
- position:absolute;
- border:5px ridge grey;
- }
- #box-dbuttons
- {
- bottom:0%;
- text-align:center;
- width:100%;
- position:absolute;
- height:25%;
- overflow:scroll;
- }
- #box-upgrades,#box-achievs
- {
- text-align:center;
- }
- .cleared
- {
- clear:both;
- }
- #box-store2
- {
- right:0%;
- width:100%;
- background:rgba(0,0,0,0.5);
- top:45px;
- }
- #box-buildings
- {
- height:100%;
- right:0%;
- background:rgba(0,0,0,0.5);
- clear:both;
- }
- #box-achievs
- {
- height:25%;
- right:50%;
- background:rgba(0,0,0,0.5);
- }
- #box-upgrades
- {
- background:rgba(0,0,0,0.5);
- top:25%;
- right:50%;
- }
- #box-log
- {
- right:100%;
- height:25%;
- top:75%;
- width:150%;
- background:rgba(0,0,0,0.5);
- z-index:0;
- overflow-y:hidden;
- }
- #bulkDisplay
- {
- display:block;
- margin-top:-20px;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- width:75px;
- }
- .thing-text,.thing-costs
- {
- font-weight:bold;
- }
- .fullWidth
- {
- display:block;
- margin-left:0px;
- margin-right:0px;
- z-index:10;
- }
- #game .fullWidth
- {
- height:auto;
- min-height:auto;
- }
- .fullWidth,.fullWidth:hover
- {
- /*background:rgba(0,0,0,0.5);
- 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%);*/
- background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
- box-shadow:none;
- }
- .fullWidth:before,.fullWidth:after
- {
- content:'';
- height:1px;
- background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
- position:absolute;
- left:0px;
- right:0px;
- z-index:-1;
- }
- .fullWidth:before{top:-1px;}
- .fullWidth:after{bottom:-1px;}
- .fullWidth .thing-icon
- {
- margin-top:-14px;
- margin-bottom:-14px;
- }
- .fullWidth .thing-text
- {
- margin-top:-4px;
- margin-bottom:-4px;
- }
- .thing-costs.cantAfford
- {
- font-size:100px;
- }
- #game.filtersOn .smallThing.cantAfford * {filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5)) blur(0.6px);}
- .blueFlares{z-index:0;}
- .blueFlares:before,.blueFlares:after
- {
- content:'';
- width:150%;
- height:150%;
- position:absolute;
- left:-25%;
- top:-25%;
- background:url(stuff/flareBlue.png);
- background-size:100%;
- display:block;
- z-index:-1;
- animation:spinFade 3s linear infinite;
- pointer-events:none;
- }
- .blueFlares:after
- {
- animation:spinFade2 3s linear infinite;
- }
- .redFlares{z-index:0;}
- .redFlares:before,.redFlares:after
- {
- content:'';
- width:150%;
- height:150%;
- position:absolute;
- left:-25%;
- top:-25%;
- background:url(stuff/flareRed.png);
- background-size:100%;
- display:block;
- z-index:-1;
- animation:spinFade 3s linear infinite;
- pointer-events:none;
- }
- .redFlares:after
- {
- animation:spinFade2 3s linear infinite;
- }
- #box-coolBox
- {
- top:25000px;
- }
- #game.filtersOn .tag-stat:hover
- {
- filter: drop-shadow(0px 0px 3px white);
- }
- #game.filtersOn .tag-resource:hover
- {
- filter: drop-shadow(0px 0px 3px white);
- }
- #game.filtersOn .tag-special:hover
- {
- filter: drop-shadow(0px 0px 3px white);
- }
- .tag-stat
- {
- float:left;
- clear:both;
- transition:opacity 0.5s;
- }
- #game.filtersOn .tag-stat
- {
- transition:opacity 0.5s, filter 0.25s;
- }
- #game.filtersOn .tag-resource
- {
- transition:filter 0.25s;
- }
- #game.filtersOn .tag-special
- {
- transition:filter 0.25s;
- }
- #box-spells
- {
- margin-left:-8px;
- margin-right:-8px;
- }
- #box-prestige
- {
- margin-left:-8px;
- margin-right:-8px;
- }
- #game.filtersOn .hue25 .thing-icon
- {
- filter:hue-rotate(25deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue50 .thing-icon
- {
- filter:hue-rotate(50deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue75 .thing-icon
- {
- filter:hue-rotate(75deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue100 .thing-icon
- {
- filter:hue-rotate(100deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue125 .thing-icon
- {
- filter:hue-rotate(125deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue150 .thing-icon
- {
- filter:hue-rotate(150deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue175 .thing-icon
- {
- filter:hue-rotate(175deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue200 .thing-icon
- {
- filter:hue-rotate(200deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue225 .thing-icon
- {
- filter:hue-rotate(225deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue250 .thing-icon
- {
- filter:hue-rotate(250deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue275 .thing-icon
- {
- filter:hue-rotate(275deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue300 .thing-icon
- {
- filter:hue-rotate(300deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue325 .thing-icon
- {
- filter:hue-rotate(325deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .hue350 .thing-icon
- {
- filter:hue-rotate(350deg) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .sepiahue25 .thing-icon
- {
- filter:sepia(100%) hue-rotate(25deg) saturate(2) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .sepiahue50 .thing-icon
- {
- filter:sepia(100%) hue-rotate(50deg) saturate(2)drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .sepiahue75 .thing-icon
- {
- filter:sepia(100%) hue-rotate(75deg) saturate(2) drop-shadow(3px 3px 1px rgba(0,0,0,0.5));
- }
- #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
- .thing
- {
- display:inline-block;
- padding:0px;
- margin:2px;
- cursor:pointer;
- transition:background 0.5s;
- }
- .thing:hover,.thing.lit
- {
- background:#d37700;
- }
- .smallThing.cantAfford
- {
- opacity:0.65;
- }
- .bigThing.cantAfford
- {
- opacity:0.65;
- }
- .smallThing.cantAfford
- {
- box-shadow:0px 0px 4px #39f;
- }
- .smallThing.cantAfford:hover
- {
- box-shadow:0px 0px 4px #ffc57a;
- }
- .upgrade.owned,.achiev.owned
- {
- background:rgba(255,197,122,0.85);
- border-radius:4px;
- }
- .building
- {
- border-top-left-radius:20px;
- border-bottom-left-radius:20px;
- border-top-right-radius:20px;
- border-bottom-right-radius:20px;
- display:block;
- font-size:14px;
- border:outset 4px grey;
- }
- .smallThing.notOwned
- {
- transition:border-radius 0.25s, background 0.2s, transform 0.5s, opacity 0.5s;
- overflow:hide;
- }
- .smallThing
- {
- transition:border-radius 0.25s, transform 0.5s, opacity 0.5s;
- overflow:hide;
- will-change:transform;
- box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
- }
- .smallThing:hover
- {
- border-radius:10px;
- }
- .smallThing.notOwned:hover
- {
- background:#c46e00;
- }
- .smallThing:active
- {
- transform:scale(0.92);
- opacity:0.80;
- }
- .spellBoost
- {
- border-radius:0px;
- display:inline-block;
- width:48px;
- height:48px;
- border:none;
- }
- .bigThing
- {
- transition:border-radius 0.6s, background 0.5s, opacity 0.5s;
- }
- .bigThing:hover
- {
- border-radius:30px;
- }
- .box-bit
- {
- width:100%;
- }
- .box-bit-content
- {
- color:#b5b5b5;
- }
- #box-log
- {
- padding:0px;
- }
- .meta-button
- {
- filter:invert(100%);
- }
- .tag-menuButton
- {
- clear:both;
- border-right:solid 1px white;
- border-left:solid 1px white;
- border-bottom:solid 2px white;
- border-top:solid 2px white;
- margin:0px;
- width:20%;
- transition:background 0.2s;
- z-index:150;
- box-shadow:none;
- height:100%;
- padding:0px;
- }
- .tag-debugButton
- {
- clear:both;
- border:solid 2px white;
- margin:0px;
- width:20%;
- transition:background 0.2s;
- z-index:150;
- box-shadow:none;
- height:100%;
- padding:0px;
- right:65%;
- }
- .leftBorder
- {
- border-left:solid 2px white;
- }
- .rightBorder
- {
- border-right:solid 2px white;
- }
- .blurred .thing-icon
- {
- filter:blur(1px);
- }
- .bounceOnce
- {
- transform-origin:50% 100%;
- animation-name:bounce;animation-duration:0.8s;
- }
- @keyframes bounceOnce
- {
- 0% {transform:scale(1,1);}
- 10% {transform:scale(0.99,1.01);}
- 20% {transform:scale(1.05,0.95);}
- 25% {transform:scale(0.9,1.05) translate(0px,-5px);}
- 30% {transform:scale(0.95,1.02) translate(0px,-15px);}
- 60% {transform:scale(1,1) translate(0px,-12px);}
- 70% {transform:scale(1.2,0.9);}
- 80% {transform:scale(0.98,1.02);}
- 90% {transform:scale(1,1);}
- 100% {}
- }
- .lineBreak
- {
- float:left;
- clear:both;
- }
- .tag-setting
- {
- float:left;
- }
- #box-pauseButton
- {
- float:left;
- clear:both;
- }
- #box-animSettingTitle
- {
- float:left;
- clear:both;
- }
- #box-clickanimSettings
- {
- float:left;
- clear:both;
- }
- #box-buttonSettingTitle
- {
- float:left;
- clear:both;
- }
- #box-buttonSettings
- {
- float:left;
- clear:both;
- }
- .wiggling2
- {
- animation:wiggling2 0.5s;
- }
- @keyframes wiggling2
- {
- 0% {transform:rotate(0deg);}
- 17.5% {transform:rotate(-20deg);}
- 50% {transform:rotate(15deg);}
- 75% {transform:rotate(-10deg);}
- 100% {}
- }
- .wiggling
- {
- animation:wiggling 0.5s;
- }
- @keyframes wiggling
- {
- 0% {transform:rotate(0deg);}
- 17.5% {transform:rotate(10deg);}
- 50% {transform:rotate(-7.5deg);}
- 75% {transform:rotate(5deg);}
- 100% {}
- }
- .wobbleSlow
- {
- animation:wobble2 0.5s;
- }
- .wobble2
- {
- animation:wobble2 0.25s;
- }
- @keyframes wobble2
- {
- 0% {transform:translateZ(0) scale(1.1);}
- 20% {transform:translateZ(0) scale(0.95);}
- 40% {transform:translateZ(0) scale(1.05);}
- 60% {transform:translateZ(0) scale(0.975);}
- 80% {transform:translateZ(0) scale(1.025);}
- 99% {transform:scale(1,1)}
- 100% {}
- }
- .tag-setting{transition:opacity 0.5s;}
- .tag-settingTitle{transition:opacity 0.5s;}
- #game .thing.hidden
- {
- display:inline-block;
- position:absolute;
- visibility:hidden;
- opacity:0;
- }
- /*
- #game .achiev.hidden
- {
- display:inline-block;
- position:initial;
- visibility:hidden;
- width:0px;
- height:0px;
- margin-top:52px;
- margin-bottom:0px;
- margin-left:52px;
- margin-right:0px;
- }
- */
- .invisible
- {
- visibility:hidden;
- position:absolute;
- }
- #logInner
- {
- transform:rotate(180deg);
- }
- #logInner .message
- {
- width:100%;
- background-repeat:no-repeat;
- display: inline-table;
- transform:rotate(180deg);
- }
- #logInner .message.unlock
- {
- background-image: url(https://cdn.rawgit.com/morkysherk/9d73c10921161f65723d803c6043ed56/raw/efe2b873fdedcaf8888603210c790f0ad02f442a/lock.svg);
- padding-left: 48px;
- height:48px;
- }
- #logInner .message.maxMana
- {
- background-image: url(https://cdn.rawgit.com/morkysherk/17878b0e6065cc04058debceaf423fb1/raw/183cf6fec09208f552ff4b4ed2dd3f58d00d4468/mana%20hat.svg);
- padding-left: 48px;
- height:48px;
- }
- .messageContent
- {
- display:table-cell;
- vertical-align:middle
- }
- @keyframes popInVertical
- {
- 0% {transform:scale(1,0) transform:rotate(180deg);opacity:0;}
- 100% {transform:scale(1,1) transform:rotate(180deg);opacity:1;}
- }
- .divine
- {
- border-radius:100%;
- border:3px solid white;
- background:black;
- transition:box-shadow 0.25s, transform 0.5s, opacity 0.5s, background 0.25s;
- }
- .divine.owned
- {
- border-radius:100%;
- border:3px solid white;
- background:black;
- box-shadow:0px 0px 10px white;
- transition:box-shadow 0.25s, transform 0.5s, opacity 0.5s, background 0.25s;
- }
- .divine:hover
- {
- box-shadow:0px 0px 20px white;
- border-radius:100%;
- background:#191919;
- }
- .divine:active
- {
- transform:scale(0.92);
- opacity:0.80;
- }
- #box-shinyBox
- {
- left:17.5%;
- top:17.5%;
- width:80%;
- height:80%;
- z-index:-100;
- }
- .tag-upgradeOwned
- {
- background:rgba(255,197,122,0.85);
- border-radius:4px;
- transition:border-radius 0.25s, transform 0.5s, opacity 0.5s;
- will-change:transform;
- box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
- }
- .tag-upgradeOwned:hover
- {
- border-radius:10px;
- background:rgba(255,197,122,0.85);
- }
- .tag-upgradeOwned:active
- {
- transform:scale(0.92);
- opacity:0.80;
- }
- .medButton
- {
- height:96px;
- width:96px;
- }
- #box-codeButtons
- {
- float:left;
- clear:both;
- }
- .tag-cupRateTitle
- {
- float:left;
- clear:both;
- }
- #box-cupRateButtons
- {
- float:left;
- clear:both;
- }
- .tag-setting
- {
- box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
- transition:background 0.25s;
- }
- .tag-bulkSellBuy
- {
- box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5) inset, -1px -1px 1px 1px rgba(0,0,0,0.5) inset;
- transition:background 0.25s;
- }
- .classs
- {
- pointer-events:visiblePainted;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement