suzanne.soy/Cookie-Clicker-Source-Code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.021 beta

Browse Source 
Finally fixed all my mistakes.
This commit is contained in:
Alex Trix 2019-10-04 17:25:40 -04:00 committed by GitHub
parent 5508b83cc9
commit 611818a198
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 65 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
style.css
View File

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