v2.021 beta

Updated css
This commit is contained in:
Alex Trix 2019-10-02 13:39:04 -04:00 committed by GitHub
parent 22687aa350
commit 6e910c7641
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

144
style.css
View File

@ -65,7 +65,7 @@ body
touch-action: manipulation;
color:#fff;
background:#000 url(img/darkNoise.jpg);
background:#000 url(../images/darkNoise.jpg);
font-family:Tahoma,Arial,sans-serif;
font-size:13px;
}
@ -389,7 +389,7 @@ oh forget it this is just a mess
top:0px;
width:100%;
height:32px;
background:url(img/darkNoiseTopBar.jpg) repeat-x bottom;
background:url(../images/darkNoiseTopBar.jpg) repeat-x bottom;
color:#ccc;
}
#topBar>div
@ -406,6 +406,10 @@ oh forget it this is just a mess
{color:#06c;}
#topBar a.blueLink:hover
{color:#28f;text-shadow:0px 0px 3px #06c;}
#topBar a.lightblueLink
{color:#6ad3ff;}
#topBar a.lightblueLink:hover
{color:#74fffd;text-shadow:0px 0px 3px #6ad3ff;}
a.orangeLink,#topBar a.orangeLink
{color:#f65f4d;}
a.orangeLink:hover,#topBar a.orangeLink:hover
@ -435,7 +439,7 @@ a.orangeLink:hover,#topBar a.orangeLink:hover
overflow:hidden;
color:#fff;
box-shadow:0px 0px 4px rgba(255,255,255,0.2) inset,0px 2px 4px 2px rgba(0,0,0,0.5),0px 0px 0px 1px rgba(0,0,0,0.5);
background:url(img/darkNoise.jpg);
background:url(../images/darkNoise.jpg);
}
div:hover>.hoverable
{
@ -472,8 +476,8 @@ div:hover>.hoverable
top:0px;
right:0px;
bottom:0px;
background:#111 url(img/darkNoise.jpg);
background:url(img/shadedBorders.png) left top/100% 100%,#111 url(img/darkNoise.jpg);
background:#111 url(../images/darkNoise.jpg);
background:url(../images/shadedBorders.png) left top/100% 100%,#111 url(../images/darkNoise.jpg);
text-align:center;
z-index:100000000000;
line-height:150%;
@ -538,12 +542,12 @@ div:hover>.hoverable
}
.spinnyBig
{
background:url(img/spinnyBig.png);
background:url(../images/spinnyBig.png);
animation-duration:5s;
}
.spinnySmall
{
background:url(img/spinnySmall.png);
background:url(../images/spinnySmall.png);
animation-duration:9s;
}
@keyframes loadSpin
@ -596,8 +600,8 @@ div:hover>.hoverable
}
#game.onMenu #centerArea
{
background:#000 url(img/darkNoise.jpg);
background-image:url(img/shadedBorders.png),url(img/darkNoise.jpg);
background:#000 url(../images/darkNoise.jpg);
background-image:url(../images/shadedBorders.png),url(../images/darkNoise.jpg);
background-size:100% 100%,auto;
background-color:#000;
}
@ -615,7 +619,7 @@ div:hover>.hoverable
#sectionLeft .blackGradient
{
background:url(img/blackGradient.png) repeat-x bottom;
background:url(../images/blackGradient.png) repeat-x bottom;
position:absolute;
left:0px;
right:0px;
@ -637,8 +641,8 @@ div:hover>.hoverable
.framed,a.option,.sliderBox,.smallFramed
{
border:1px solid #e2dd48;
background:#000 url(img/darkNoise.jpg);
background-image:url(img/shadedBordersSoft.png),url(img/darkNoise.jpg);
background:#000 url(../images/darkNoise.jpg);
background-image:url(../images/shadedBordersSoft.png),url(../images/darkNoise.jpg);
background-size:100% 100%,auto;
background-color:#000;
border-radius:2px;
@ -672,7 +676,7 @@ textarea,input[type="text"]
padding:4px 8px;
margin:4px;
border:3px solid transparent;
border-image:url(img/frameBorder.png) 3 round;
border-image:url(../images/frameBorder.png) 3 round;
border-radius:2px;
box-shadow:0px 0px 1px 2px rgba(0,0,0,0.5),0px 2px 4px rgba(0,0,0,0.25),0px 0px 6px 1px rgba(0,0,0,0.5) inset;
-webkit-transition: opacity 0.1s ease-out;
@ -983,17 +987,17 @@ q:after
position:absolute;
left:0px;
top:2px;
background:url(img/money.png);
background:url(../images/money.png);
width:16px;
height:16px;
}
.heavenly.price:before
{
background:url(img/heavenlyMoney.png);
background:url(../images/heavenlyMoney.png);
}
.lump.price:before
{
background:url(img/sugarLump.png);
background:url(../images/sugarLump.png);
}
.price.plain
{
@ -1020,14 +1024,14 @@ q:after
top:-128px;
/*background:url(img/perfectCookie.png);
background-size:256px 256px;*/
background:url(img/empty.png);/* somehow necessary; an empty div with no background seems to be click-through */
background:url(../images/empty.png);/* somehow necessary; an empty div with no background seems to be click-through */
cursor:pointer;
z-index:10000;
border-radius:128px;
}
.elderWrath #bigCookie
{
background:url(img/imperfectCookie.png);
background:url(../images/imperfectCookie.png);
background-size:256px 256px;
}
#cookieNumbers{position:absolute;top:-80px;}
@ -1048,7 +1052,7 @@ q:after
width:32px;
height:32px;
position:absolute;
background:url(img/cursor.png);
background:url(../images/cursor.png);
}
.cookieParticle
{
@ -1057,7 +1061,7 @@ q:after
margin-left:-32px;
margin-top:-32px;
position:absolute;
background:url(img/smallCookies.png);
background:url(../images/smallCookies.png);
opacity:0;
}
#particles {position:absolute;left:0px;top:0px;z-index:100000000000;}
@ -1174,8 +1178,8 @@ q:after
{
width:16px;
height:100%;
background:url(img/panelVertical.png?v=2) repeat-y;
background:url(img/panelGradientTop.png) no-repeat top left,url(img/panelGradientBottom.png) no-repeat bottom left,url(img/panelVertical.png?v=2) repeat-y;
background:url(../images/panelVertical.png) repeat-y;
background:url(../images/panelGradientTop.png) no-repeat top left,url(../images/panelGradientBottom.png) no-repeat bottom left,url(../images/panelVertical.png) repeat-y;
position:absolute;
top:0px;
bottom:0px;
@ -1193,8 +1197,8 @@ q:after
{
width:100%;
height:16px;
background:url(img/panelHorizontal.png?v=2) repeat-x;
background:url(img/panelGradientLeft.png) no-repeat top left,url(img/panelGradientRight.png) no-repeat top right,url(img/panelHorizontal.png?v=2) repeat-x;
background:url(../images/panelHorizontal.png) repeat-x;
background:url(../images/panelGradientLeft.png) no-repeat top left,url(../images/panelGradientRight.png) no-repeat top right,url(../images/panelHorizontal.png) repeat-x;
position:absolute;
left:0px;
bottom:0px;
@ -1202,7 +1206,7 @@ q:after
.button
{
background:url(img/panelMenu3.png);
background:url(../images/panelMenu3.png);
background-position:0px 0px;
position:absolute;
z-index:100;
@ -1246,7 +1250,7 @@ q:after
top:0px;
width:60px;
height:56px;
background:url(img/pointyLad.png);
background:url(../images/pointyLad.png);
animation:pointLadBump 0.5s infinite ease-in-out;
}
@keyframes pointLadBump{
@ -1273,7 +1277,7 @@ q:after
.roundedPanel
{
background:url(img/roundedPanelBGS.png) repeat-x 0px 0px;
background:url(../images/roundedPanelBGS.png) repeat-x 0px 0px;
position:relative;
padding:9px 0px;
height:20px;
@ -1286,11 +1290,11 @@ q:after
}
.roundedPanel:before
{
background:url(img/bracketPanelLeftS.png) no-repeat;left:-16px;width:16px;
background:url(../images/bracketPanelLeftS.png) no-repeat;left:-16px;width:16px;
}
.roundedPanel:after
{
background:url(img/bracketPanelRightS.png) no-repeat;right:-18px;width:18px;
background:url(../images/bracketPanelRightS.png) no-repeat;right:-18px;width:18px;
}
/*.roundedPanel
{
@ -1404,7 +1408,7 @@ q:after
}
.meter
{
background:url(img/prestigeBar.jpg) 0px 0px;
background:url(../images/prestigeBar.jpg) 0px 0px;
position:absolute;
left:0px;
right:100%;
@ -1421,7 +1425,7 @@ q:after
top:0px;
content:'';
display:block;
background:url(img/prestigeBarCap.png);
background:url(../images/prestigeBarCap.png);
}
#ascendMeterContainer
{
@ -1471,7 +1475,7 @@ from {background-position:0px -24px;}
top:0px;
bottom:0px;
/*box-shadow:0px 0px 24px #000 inset;
background:#000 url(img/darkNoise.jpg);*/
background:#000 url(../images/darkNoise.jpg);*/
}
#comments
@ -1482,7 +1486,7 @@ from {background-position:0px -24px;}
padding-bottom:32px;
font-size:16px;
height:64px;
background:url(img/shadedBorders.png);
background:url(../images/shadedBorders.png);
background-size:100% 96px;
/*overflow:hidden;*/
}
@ -1512,6 +1516,16 @@ from {background-position:0px -24px;}
content:"-";
padding-left:64px;
}
.fortune
{
color:#ade000;
cursor:pointer;
}
.fortune:hover
{
color:#d2ff00;
text-shadow:0px 0px 4px #ade000;
}
#commentsText
{
@ -1665,7 +1679,7 @@ from {top:20px;opacity:0;}
{
min-height:24px;
background:#999;
background:url(img/darkNoise.jpg);
background:url(../images/darkNoise.jpg);
box-shadow:0px 0px 4px #000 inset;
position:relative;
text-align:center;
@ -1704,7 +1718,7 @@ from {top:20px;opacity:0;}
width:100%;
top:0px;
left:0px;
background:#000 url(img/mapBG.jpg) fixed;
background:#000 url(../images/mapBG.jpg) fixed;
display:none;
}
.row.onMinigame .rowCanvas{display:none;}
@ -1733,7 +1747,7 @@ from {top:20px;opacity:0;}
padding:8px;
font-size:12px;
line-height:125%;
background:url(img/infoBG.png);
background:url(../images/infoBG.png);
color:#666;
z-index:100000;
}
@ -1744,7 +1758,7 @@ from {top:20px;opacity:0;}
position:absolute;
right:-16px;
top:0px;
background:url(img/infoBGfade.png) repeat-y;
background:url(../images/infoBGfade.png) repeat-y;
display:block;
content:'';
}
@ -1788,7 +1802,7 @@ from {top:20px;opacity:0;}
{
display:block;
height:64px;
background:url(img/blackGradientSmallTop.png) repeat-x top;
background:url(../images/blackGradientSmallTop.png) repeat-x top;
content:'';
pointer-events:none;
position:absolute;
@ -1799,7 +1813,7 @@ from {top:20px;opacity:0;}
#storeTitle
{
width:284px;
background:url(img/blackGradientSmallTop.png) repeat-x top;
background:url(../images/blackGradientSmallTop.png) repeat-x top;
}
#buildingsTitle
{
@ -1811,8 +1825,8 @@ from {top:20px;opacity:0;}
width:300px;
position:relative;
overflow-y:hidden;
background:url(img/panelHorizontal.png?v=2) repeat-x top;
background:url(img/panelGradientLeft.png) no-repeat top left,url(img/panelGradientRight.png) no-repeat top right,url(img/panelHorizontal.png?v=2) repeat-x;
background:url(../images/panelHorizontal.png) repeat-x top;
background:url(../images/panelGradientLeft.png) no-repeat top left,url(../images/panelGradientRight.png) no-repeat top right,url(../images/panelHorizontal.png) repeat-x;
padding-top:16px;
}
.storeSection:hover
@ -1930,7 +1944,7 @@ from {top:20px;opacity:0;}
width:60px;
height:60px;
display:block;
background:url(img/upgradeFrame.png?v=2);
background:url(../images/upgradeFrame.png);
background-position:0px 0px;
z-index:10;
}
@ -1971,7 +1985,7 @@ from {top:20px;opacity:0;}
width:12px;
height:12px;
display:block;
background:url(img/upgradeSelector.png);
background:url(../images/upgradeSelector.png);
z-index:20;
}
@ -1987,7 +2001,7 @@ from {top:20px;opacity:0;}
top:0px;
width:48px;
height:48px;
background:url(img/pieFill.png);
background:url(../images/pieFill.png);
/*background-size:864px 384px;*/
/*background-size:864px 384px;*/
z-index:1000;
@ -2001,7 +2015,7 @@ from {top:20px;opacity:0;}
top:-20px;
width:88px;
height:88px;
background-image:url(img/ascendSlot.png);
background-image:url(../images/ascendSlot.png);
background-position:88px 0px;
}
/*.crate.heavenly:after
@ -2096,7 +2110,7 @@ from {top:20px;opacity:0;}
.parentLink
{
/*background:url(img/linkPulse.png);*/
background:url(img/linkPulse.gif);
background:url(../images/linkPulse.gif);
width:0px;
height:8px;
position:absolute;
@ -2130,7 +2144,7 @@ from {background-position:0px 0px;}
height:64px;
cursor:pointer;
opacity:0.6;
background:url(img/storeTile.jpg);
background:url(../images/storeTile.jpg);
position:relative;
-webkit-transition: opacity 0.25s ease-out, margin-bottom 0.1s ease-out;
-moz-transition: opacity 0.25s ease-out, margin-bottom 0.1s ease-out;
@ -2175,7 +2189,7 @@ from {background-position:0px 0px;}
position:absolute;
left:0px;
top:0px;
background:url(img/buildings.png?v=3);
background:url(../images/buildings.png);
background-repeat:no-repeat;
margin:0px;
}
@ -2196,7 +2210,7 @@ from {background-position:0px 0px;}
height:64px;
left:0px;
top:0px;
background:url(img/buildings.png?v=3);
background:url(../images/buildings.png);
background-repeat:no-repeat;
margin:-16px;
transform:scale(0.5);
@ -2236,7 +2250,7 @@ from {background-position:0px 0px;}
{
z-index:100;
opacity:1;
background:url(img/buildings.png?v=3);
background:url(../images/buildings.png);
background-repeat:no-repeat;
-webkit-transition: opacity 2s ease-out;
-moz-transition: opacity 2s ease-out;
@ -2311,7 +2325,7 @@ from {background-position:0px 0px;}
position:absolute;
right:8px;
bottom:0px;
background:url(img/levelUp.png);
background:url(../images/levelUp.png);
width:33px;
height:19px;
opacity:0.75;
@ -2331,7 +2345,7 @@ from {background-position:0px 0px;}
.storePre
{
background:#999;
background:url(img/darkNoise.jpg);
background:url(../images/darkNoise.jpg);
box-shadow:0px 0px 4px #000 inset;
width:300px;
padding:4px 0px;
@ -2427,14 +2441,14 @@ from {background-position:0px 0px;}
{
width:96px;
height:96px;
background:url(img/goldCookie.png);
background:url(../images/goldCookie.png);
}
.seasonPopup
{
width:256px;
height:256px;
background:url(img/goldCookie.png) center center no-repeat;
background:url(../images/goldCookie.png) center center no-repeat;
}
.goldenCookie:hover,.seasonPopup:hover
{
@ -2446,7 +2460,7 @@ from {background-position:0px 0px;}
{
width:128px;
height:128px;
background:url(img/sparkles.jpg);
background:url(../images/sparkles.jpg);
position:absolute;
z-index:10000000000;
display:none;
@ -2518,12 +2532,12 @@ from {background-position:0px 0px;}
}
#prompt h3:before,.prompt h3:before
{
background:url(img/featherLeft.png) no-repeat;
background:url(../images/featherLeft.png) no-repeat;
left:-39px;
}
#prompt h3:after,.prompt h3:after
{
background:url(img/featherRight.png) no-repeat;
background:url(../images/featherRight.png) no-repeat;
right:-39px;
}
#prompt textarea,#prompt input
@ -2639,7 +2653,7 @@ p
top:0px;
width:100%;
height:100%;
background:url(img/shadedBorders.png);
background:url(../images/shadedBorders.png);
background-size:100% 100%;
}
#ascendZoomable
@ -2708,7 +2722,7 @@ p
#ascendBox
{
background:url(img/ascendBox.png);
background:url(../images/ascendBox.png);
width:344px;
height:162px;
position:absolute;
@ -2725,7 +2739,7 @@ p
#ascendInfo
{
background:url(img/ascendInfo.png);
background:url(../images/ascendInfo.png);
width:308px;
height:94px;
position:absolute;
@ -2967,7 +2981,7 @@ NEW AD DISPLAY
right:0px;
overflow-x:hidden;
width:160px;
background:url(img/darkNoise.jpg);
background:url(../images/darkNoise.jpg);
}
.separatorRight
{
@ -3040,7 +3054,7 @@ MOBILE
bottom:0px;
height:64px;
width:100%;
background:url(img/darkNoise.jpg);
background:url(../images/darkNoise.jpg);
z-index:1000000;
font-size:32px;
}
@ -3051,7 +3065,7 @@ MOBILE
position:absolute;
left:0px;
top:-16px;
background:url(img/blackGradient.png) repeat-x bottom;
background:url(../images/blackGradient.png) repeat-x bottom;
background-size:100% 100%;
width:100%;
height:16px;
@ -3064,7 +3078,7 @@ MOBILE
height:50%;
cursor:pointer;
float:left;
background:url(img/buttonTile.jpg);
background:url(../images/buttonTile.jpg);
background-size:100% 400%;
padding:16px 0px;
text-align:center;
@ -3097,7 +3111,7 @@ MOBILE
top:0px;
height:128px;
width:100%;
background:url(img/darkNoise.jpg);
background:url(../images/darkNoise.jpg);
z-index:1000000;
text-align:center;
font-size:16px;