From 611818a198907fcb9496e9e21f9ae6fa3bcb9281 Mon Sep 17 00:00:00 2001 From: Alex Trix Date: Fri, 4 Oct 2019 17:25:40 -0400 Subject: [PATCH] v2.021 beta Finally fixed all my mistakes. --- style.css | 130 +++++++++++++++++++++++++++--------------------------- 1 file changed, 65 insertions(+), 65 deletions(-) diff --git a/style.css b/style.css index 58af02a..54a08a0 100644 --- a/style.css +++ b/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;