v2.021 beta
Finally fixed all my mistakes.
This commit is contained in:
Alex Trix
GitHub
parent
5508b83cc9
commit
611818a198
130
style.css
130
style.css
|
|
@ -65,7 +65,7 @@ body
|
|||
touch-action: manipulation;
|
||||
|
||||
color:#fff;
|
||||
background:#000 url(../images/darkNoise.jpg);
|
||||
background:#000 url(img/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(../images/darkNoiseTopBar.jpg) repeat-x bottom;
|
||||
background:url(img/darkNoiseTopBar.jpg) repeat-x bottom;
|
||||
color:#ccc;
|
||||
}
|
||||
#topBar>div
|
||||
|
|
@ -439,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(../images/darkNoise.jpg);
|
||||
background:url(img/darkNoise.jpg);
|
||||
}
|
||||
div:hover>.hoverable
|
||||
{
|
||||
|
|
@ -476,8 +476,8 @@ div:hover>.hoverable
|
|||
top:0px;
|
||||
right:0px;
|
||||
bottom:0px;
|
||||
background:#111 url(../images/darkNoise.jpg);
|
||||
background:url(../images/shadedBorders.png) left top/100% 100%,#111 url(../images/darkNoise.jpg);
|
||||
background:#111 url(img/darkNoise.jpg);
|
||||
background:url(img/shadedBorders.png) left top/100% 100%,#111 url(img/darkNoise.jpg);
|
||||
text-align:center;
|
||||
z-index:100000000000;
|
||||
line-height:150%;
|
||||
|
|
@ -542,12 +542,12 @@ div:hover>.hoverable
|
|||
}
|
||||
.spinnyBig
|
||||
{
|
||||
background:url(../images/spinnyBig.png);
|
||||
background:url(img/spinnyBig.png);
|
||||
animation-duration:5s;
|
||||
}
|
||||
.spinnySmall
|
||||
{
|
||||
background:url(../images/spinnySmall.png);
|
||||
background:url(img/spinnySmall.png);
|
||||
animation-duration:9s;
|
||||
}
|
||||
@keyframes loadSpin
|
||||
|
|
@ -600,8 +600,8 @@ div:hover>.hoverable
|
|||
}
|
||||
#game.onMenu #centerArea
|
||||
{
|
||||
background:#000 url(../images/darkNoise.jpg);
|
||||
background-image:url(../images/shadedBorders.png),url(../images/darkNoise.jpg);
|
||||
background:#000 url(img/darkNoise.jpg);
|
||||
background-image:url(img/shadedBorders.png),url(img/darkNoise.jpg);
|
||||
background-size:100% 100%,auto;
|
||||
background-color:#000;
|
||||
}
|
||||
|
|
@ -619,7 +619,7 @@ div:hover>.hoverable
|
|||
|
||||
#sectionLeft .blackGradient
|
||||
{
|
||||
background:url(../images/blackGradient.png) repeat-x bottom;
|
||||
background:url(img/blackGradient.png) repeat-x bottom;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
right:0px;
|
||||
|
|
@ -641,8 +641,8 @@ div:hover>.hoverable
|
|||
.framed,a.option,.sliderBox,.smallFramed
|
||||
{
|
||||
border:1px solid #e2dd48;
|
||||
background:#000 url(../images/darkNoise.jpg);
|
||||
background-image:url(../images/shadedBordersSoft.png),url(../images/darkNoise.jpg);
|
||||
background:#000 url(img/darkNoise.jpg);
|
||||
background-image:url(img/shadedBordersSoft.png),url(img/darkNoise.jpg);
|
||||
background-size:100% 100%,auto;
|
||||
background-color:#000;
|
||||
border-radius:2px;
|
||||
|
|
@ -676,7 +676,7 @@ textarea,input[type="text"]
|
|||
padding:4px 8px;
|
||||
margin:4px;
|
||||
border:3px solid transparent;
|
||||
border-image:url(../images/frameBorder.png) 3 round;
|
||||
border-image:url(img/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;
|
||||
|
|
@ -987,17 +987,17 @@ q:after
|
|||
position:absolute;
|
||||
left:0px;
|
||||
top:2px;
|
||||
background:url(../images/money.png);
|
||||
background:url(img/money.png);
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
.heavenly.price:before
|
||||
{
|
||||
background:url(../images/heavenlyMoney.png);
|
||||
background:url(img/heavenlyMoney.png);
|
||||
}
|
||||
.lump.price:before
|
||||
{
|
||||
background:url(../images/sugarLump.png);
|
||||
background:url(img/sugarLump.png);
|
||||
}
|
||||
.price.plain
|
||||
{
|
||||
|
|
@ -1024,14 +1024,14 @@ q:after
|
|||
top:-128px;
|
||||
/*background:url(img/perfectCookie.png);
|
||||
background-size:256px 256px;*/
|
||||
background:url(../images/empty.png);/* somehow necessary; an empty div with no background seems to be click-through */
|
||||
background:url(img/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(../images/imperfectCookie.png);
|
||||
background:url(img/imperfectCookie.png);
|
||||
background-size:256px 256px;
|
||||
}
|
||||
#cookieNumbers{position:absolute;top:-80px;}
|
||||
|
|
@ -1052,7 +1052,7 @@ q:after
|
|||
width:32px;
|
||||
height:32px;
|
||||
position:absolute;
|
||||
background:url(../images/cursor.png);
|
||||
background:url(img/cursor.png);
|
||||
}
|
||||
.cookieParticle
|
||||
{
|
||||
|
|
@ -1061,7 +1061,7 @@ q:after
|
|||
margin-left:-32px;
|
||||
margin-top:-32px;
|
||||
position:absolute;
|
||||
background:url(../images/smallCookies.png);
|
||||
background:url(img/smallCookies.png);
|
||||
opacity:0;
|
||||
}
|
||||
#particles {position:absolute;left:0px;top:0px;z-index:100000000000;}
|
||||
|
|
@ -1178,8 +1178,8 @@ q:after
|
|||
{
|
||||
width:16px;
|
||||
height:100%;
|
||||
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;
|
||||
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;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
bottom:0px;
|
||||
|
|
@ -1197,8 +1197,8 @@ q:after
|
|||
{
|
||||
width:100%;
|
||||
height:16px;
|
||||
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;
|
||||
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;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
|
|
@ -1206,7 +1206,7 @@ q:after
|
|||
|
||||
.button
|
||||
{
|
||||
background:url(../images/panelMenu3.png);
|
||||
background:url(img/panelMenu3.png);
|
||||
background-position:0px 0px;
|
||||
position:absolute;
|
||||
z-index:100;
|
||||
|
|
@ -1250,7 +1250,7 @@ q:after
|
|||
top:0px;
|
||||
width:60px;
|
||||
height:56px;
|
||||
background:url(../images/pointyLad.png);
|
||||
background:url(img/pointyLad.png);
|
||||
animation:pointLadBump 0.5s infinite ease-in-out;
|
||||
}
|
||||
@keyframes pointLadBump{
|
||||
|
|
@ -1277,7 +1277,7 @@ q:after
|
|||
|
||||
.roundedPanel
|
||||
{
|
||||
background:url(../images/roundedPanelBGS.png) repeat-x 0px 0px;
|
||||
background:url(img/roundedPanelBGS.png) repeat-x 0px 0px;
|
||||
position:relative;
|
||||
padding:9px 0px;
|
||||
height:20px;
|
||||
|
|
@ -1290,11 +1290,11 @@ q:after
|
|||
}
|
||||
.roundedPanel:before
|
||||
{
|
||||
background:url(../images/bracketPanelLeftS.png) no-repeat;left:-16px;width:16px;
|
||||
background:url(img/bracketPanelLeftS.png) no-repeat;left:-16px;width:16px;
|
||||
}
|
||||
.roundedPanel:after
|
||||
{
|
||||
background:url(../images/bracketPanelRightS.png) no-repeat;right:-18px;width:18px;
|
||||
background:url(img/bracketPanelRightS.png) no-repeat;right:-18px;width:18px;
|
||||
}
|
||||
/*.roundedPanel
|
||||
{
|
||||
|
|
@ -1408,7 +1408,7 @@ q:after
|
|||
}
|
||||
.meter
|
||||
{
|
||||
background:url(../images/prestigeBar.jpg) 0px 0px;
|
||||
background:url(img/prestigeBar.jpg) 0px 0px;
|
||||
position:absolute;
|
||||
left:0px;
|
||||
right:100%;
|
||||
|
|
@ -1425,7 +1425,7 @@ q:after
|
|||
top:0px;
|
||||
content:'';
|
||||
display:block;
|
||||
background:url(../images/prestigeBarCap.png);
|
||||
background:url(img/prestigeBarCap.png);
|
||||
}
|
||||
#ascendMeterContainer
|
||||
{
|
||||
|
|
@ -1475,7 +1475,7 @@ from {background-position:0px -24px;}
|
|||
top:0px;
|
||||
bottom:0px;
|
||||
/*box-shadow:0px 0px 24px #000 inset;
|
||||
background:#000 url(../images/darkNoise.jpg);*/
|
||||
background:#000 url(img/darkNoise.jpg);*/
|
||||
}
|
||||
|
||||
#comments
|
||||
|
|
@ -1486,7 +1486,7 @@ from {background-position:0px -24px;}
|
|||
padding-bottom:32px;
|
||||
font-size:16px;
|
||||
height:64px;
|
||||
background:url(../images/shadedBorders.png);
|
||||
background:url(img/shadedBorders.png);
|
||||
background-size:100% 96px;
|
||||
/*overflow:hidden;*/
|
||||
}
|
||||
|
|
@ -1679,7 +1679,7 @@ from {top:20px;opacity:0;}
|
|||
{
|
||||
min-height:24px;
|
||||
background:#999;
|
||||
background:url(../images/darkNoise.jpg);
|
||||
background:url(img/darkNoise.jpg);
|
||||
box-shadow:0px 0px 4px #000 inset;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
|
|
@ -1718,7 +1718,7 @@ from {top:20px;opacity:0;}
|
|||
width:100%;
|
||||
top:0px;
|
||||
left:0px;
|
||||
background:#000 url(../images/mapBG.jpg) fixed;
|
||||
background:#000 url(img/mapBG.jpg) fixed;
|
||||
display:none;
|
||||
}
|
||||
.row.onMinigame .rowCanvas{display:none;}
|
||||
|
|
@ -1747,7 +1747,7 @@ from {top:20px;opacity:0;}
|
|||
padding:8px;
|
||||
font-size:12px;
|
||||
line-height:125%;
|
||||
background:url(../images/infoBG.png);
|
||||
background:url(img/infoBG.png);
|
||||
color:#666;
|
||||
z-index:100000;
|
||||
}
|
||||
|
|
@ -1758,7 +1758,7 @@ from {top:20px;opacity:0;}
|
|||
position:absolute;
|
||||
right:-16px;
|
||||
top:0px;
|
||||
background:url(../images/infoBGfade.png) repeat-y;
|
||||
background:url(img/infoBGfade.png) repeat-y;
|
||||
display:block;
|
||||
content:'';
|
||||
}
|
||||
|
|
@ -1802,7 +1802,7 @@ from {top:20px;opacity:0;}
|
|||
{
|
||||
display:block;
|
||||
height:64px;
|
||||
background:url(../images/blackGradientSmallTop.png) repeat-x top;
|
||||
background:url(img/blackGradientSmallTop.png) repeat-x top;
|
||||
content:'';
|
||||
pointer-events:none;
|
||||
position:absolute;
|
||||
|
|
@ -1813,7 +1813,7 @@ from {top:20px;opacity:0;}
|
|||
#storeTitle
|
||||
{
|
||||
width:284px;
|
||||
background:url(../images/blackGradientSmallTop.png) repeat-x top;
|
||||
background:url(img/blackGradientSmallTop.png) repeat-x top;
|
||||
}
|
||||
#buildingsTitle
|
||||
{
|
||||
|
|
@ -1825,8 +1825,8 @@ from {top:20px;opacity:0;}
|
|||
width:300px;
|
||||
position:relative;
|
||||
overflow-y:hidden;
|
||||
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;
|
||||
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;
|
||||
padding-top:16px;
|
||||
}
|
||||
.storeSection:hover
|
||||
|
|
@ -1944,7 +1944,7 @@ from {top:20px;opacity:0;}
|
|||
width:60px;
|
||||
height:60px;
|
||||
display:block;
|
||||
background:url(../images/upgradeFrame.png);
|
||||
background:url(img/upgradeFrame.png?v=2);
|
||||
background-position:0px 0px;
|
||||
z-index:10;
|
||||
}
|
||||
|
|
@ -1985,7 +1985,7 @@ from {top:20px;opacity:0;}
|
|||
width:12px;
|
||||
height:12px;
|
||||
display:block;
|
||||
background:url(../images/upgradeSelector.png);
|
||||
background:url(img/upgradeSelector.png);
|
||||
z-index:20;
|
||||
}
|
||||
|
||||
|
|
@ -2001,7 +2001,7 @@ from {top:20px;opacity:0;}
|
|||
top:0px;
|
||||
width:48px;
|
||||
height:48px;
|
||||
background:url(../images/pieFill.png);
|
||||
background:url(img/pieFill.png);
|
||||
/*background-size:864px 384px;*/
|
||||
/*background-size:864px 384px;*/
|
||||
z-index:1000;
|
||||
|
|
@ -2015,7 +2015,7 @@ from {top:20px;opacity:0;}
|
|||
top:-20px;
|
||||
width:88px;
|
||||
height:88px;
|
||||
background-image:url(../images/ascendSlot.png);
|
||||
background-image:url(img/ascendSlot.png);
|
||||
background-position:88px 0px;
|
||||
}
|
||||
/*.crate.heavenly:after
|
||||
|
|
@ -2110,7 +2110,7 @@ from {top:20px;opacity:0;}
|
|||
.parentLink
|
||||
{
|
||||
/*background:url(img/linkPulse.png);*/
|
||||
background:url(../images/linkPulse.gif);
|
||||
background:url(img/linkPulse.gif);
|
||||
width:0px;
|
||||
height:8px;
|
||||
position:absolute;
|
||||
|
|
@ -2144,7 +2144,7 @@ from {background-position:0px 0px;}
|
|||
height:64px;
|
||||
cursor:pointer;
|
||||
opacity:0.6;
|
||||
background:url(../images/storeTile.jpg);
|
||||
background:url(img/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;
|
||||
|
|
@ -2189,7 +2189,7 @@ from {background-position:0px 0px;}
|
|||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background:url(../images/buildings.png);
|
||||
background:url(img/buildings.png?v=4);
|
||||
background-repeat:no-repeat;
|
||||
margin:0px;
|
||||
}
|
||||
|
|
@ -2210,7 +2210,7 @@ from {background-position:0px 0px;}
|
|||
height:64px;
|
||||
left:0px;
|
||||
top:0px;
|
||||
background:url(../images/buildings.png);
|
||||
background:url(img/buildings.png?v=4);
|
||||
background-repeat:no-repeat;
|
||||
margin:-16px;
|
||||
transform:scale(0.5);
|
||||
|
|
@ -2250,7 +2250,7 @@ from {background-position:0px 0px;}
|
|||
{
|
||||
z-index:100;
|
||||
opacity:1;
|
||||
background:url(../images/buildings.png);
|
||||
background:url(img/buildings.png?v=4);
|
||||
background-repeat:no-repeat;
|
||||
-webkit-transition: opacity 2s ease-out;
|
||||
-moz-transition: opacity 2s ease-out;
|
||||
|
|
@ -2325,7 +2325,7 @@ from {background-position:0px 0px;}
|
|||
position:absolute;
|
||||
right:8px;
|
||||
bottom:0px;
|
||||
background:url(../images/levelUp.png);
|
||||
background:url(img/levelUp.png);
|
||||
width:33px;
|
||||
height:19px;
|
||||
opacity:0.75;
|
||||
|
|
@ -2345,7 +2345,7 @@ from {background-position:0px 0px;}
|
|||
.storePre
|
||||
{
|
||||
background:#999;
|
||||
background:url(../images/darkNoise.jpg);
|
||||
background:url(img/darkNoise.jpg);
|
||||
box-shadow:0px 0px 4px #000 inset;
|
||||
width:300px;
|
||||
padding:4px 0px;
|
||||
|
|
@ -2441,14 +2441,14 @@ from {background-position:0px 0px;}
|
|||
{
|
||||
width:96px;
|
||||
height:96px;
|
||||
background:url(../images/goldCookie.png);
|
||||
background:url(img/goldCookie.png);
|
||||
}
|
||||
|
||||
.seasonPopup
|
||||
{
|
||||
width:256px;
|
||||
height:256px;
|
||||
background:url(../images/goldCookie.png) center center no-repeat;
|
||||
background:url(img/goldCookie.png) center center no-repeat;
|
||||
}
|
||||
.goldenCookie:hover,.seasonPopup:hover
|
||||
{
|
||||
|
|
@ -2460,7 +2460,7 @@ from {background-position:0px 0px;}
|
|||
{
|
||||
width:128px;
|
||||
height:128px;
|
||||
background:url(../images/sparkles.jpg);
|
||||
background:url(img/sparkles.jpg);
|
||||
position:absolute;
|
||||
z-index:10000000000;
|
||||
display:none;
|
||||
|
|
@ -2532,12 +2532,12 @@ from {background-position:0px 0px;}
|
|||
}
|
||||
#prompt h3:before,.prompt h3:before
|
||||
{
|
||||
background:url(../images/featherLeft.png) no-repeat;
|
||||
background:url(img/featherLeft.png) no-repeat;
|
||||
left:-39px;
|
||||
}
|
||||
#prompt h3:after,.prompt h3:after
|
||||
{
|
||||
background:url(../images/featherRight.png) no-repeat;
|
||||
background:url(img/featherRight.png) no-repeat;
|
||||
right:-39px;
|
||||
}
|
||||
#prompt textarea,#prompt input
|
||||
|
|
@ -2653,7 +2653,7 @@ p
|
|||
top:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:url(../images/shadedBorders.png);
|
||||
background:url(img/shadedBorders.png);
|
||||
background-size:100% 100%;
|
||||
}
|
||||
#ascendZoomable
|
||||
|
|
@ -2722,7 +2722,7 @@ p
|
|||
|
||||
#ascendBox
|
||||
{
|
||||
background:url(../images/ascendBox.png);
|
||||
background:url(img/ascendBox.png);
|
||||
width:344px;
|
||||
height:162px;
|
||||
position:absolute;
|
||||
|
|
@ -2739,7 +2739,7 @@ p
|
|||
|
||||
#ascendInfo
|
||||
{
|
||||
background:url(../images/ascendInfo.png);
|
||||
background:url(img/ascendInfo.png);
|
||||
width:308px;
|
||||
height:94px;
|
||||
position:absolute;
|
||||
|
|
@ -2981,7 +2981,7 @@ NEW AD DISPLAY
|
|||
right:0px;
|
||||
overflow-x:hidden;
|
||||
width:160px;
|
||||
background:url(../images/darkNoise.jpg);
|
||||
background:url(img/darkNoise.jpg);
|
||||
}
|
||||
.separatorRight
|
||||
{
|
||||
|
|
@ -3054,7 +3054,7 @@ MOBILE
|
|||
bottom:0px;
|
||||
height:64px;
|
||||
width:100%;
|
||||
background:url(../images/darkNoise.jpg);
|
||||
background:url(img/darkNoise.jpg);
|
||||
z-index:1000000;
|
||||
font-size:32px;
|
||||
}
|
||||
|
|
@ -3065,7 +3065,7 @@ MOBILE
|
|||
position:absolute;
|
||||
left:0px;
|
||||
top:-16px;
|
||||
background:url(../images/blackGradient.png) repeat-x bottom;
|
||||
background:url(img/blackGradient.png) repeat-x bottom;
|
||||
background-size:100% 100%;
|
||||
width:100%;
|
||||
height:16px;
|
||||
|
|
@ -3078,7 +3078,7 @@ MOBILE
|
|||
height:50%;
|
||||
cursor:pointer;
|
||||
float:left;
|
||||
background:url(../images/buttonTile.jpg);
|
||||
background:url(img/buttonTile.jpg);
|
||||
background-size:100% 400%;
|
||||
padding:16px 0px;
|
||||
text-align:center;
|
||||
|
|
@ -3111,7 +3111,7 @@ MOBILE
|
|||
top:0px;
|
||||
height:128px;
|
||||
width:100%;
|
||||
background:url(../images/darkNoise.jpg);
|
||||
background:url(img/darkNoise.jpg);
|
||||
z-index:1000000;
|
||||
text-align:center;
|
||||
font-size:16px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user