diff --git a/css/dark.css b/css/dark.css index 78a4c10..9425b1a 100644 --- a/css/dark.css +++ b/css/dark.css @@ -1,182 +1,182 @@ body { - background-color: #272823; - color: #EEE; + background-color: #272823; + color: #EEE; } div.headerButton { - border-left: 1px solid #EEE; + border-left: 1px solid #EEE; } div#notifyGradient { - background-color: #272823; - background: -webkit-linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); - background: linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); - filter: alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=500 ); + background-color: #272823; + background: -webkit-linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); + background: linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); + filter: alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=500 ); } div#saveNotify { - background: #272823; + background: #272823; } .eventPanel:before { - background-color: #272823; + background-color: #272823; } .eventTitle:after { - background-color: #272823; + background-color: #272823; } div.tooltip { - background-color: #111; - border: 1px solid black; - box-shadow: -1px 3px 2px #111; + background-color: #111; + border: 1px solid black; + box-shadow: -1px 3px 2px #111; } div#population { - background-color: #272823; + background-color: #272823; } div#village:before { - background: #272823; + background: #272823; } div#village { - border: 1px solid #EEE; + border: 1px solid #EEE; } div#stores:before { - background: #272823; + background: #272823; } div#stores { - border: 1px solid #EEE; + border: 1px solid #EEE; } div#weapons:before { - background: #272823; + background: #272823; } div#weapons { - border: 1px solid #EEE; + border: 1px solid #EEE; } div#bagspace { - background-color: #272823; + background-color: #272823; } div#outfitting:before { - background: #272823; + background: #272823; } div#perks { - border: 1px solid #EEE; + border: 1px solid #EEE; } div#perks:before { - background-color: #272823; + background-color: #272823; } div#outfitting { - border: 1px solid #EEE; + border: 1px solid #EEE; } #bagspace-world { - border: 1px solid #EEE; + border: 1px solid #EEE; } div.supplyItem { - border: 1px solid #EEE; + border: 1px solid #EEE; } #backpackTitle { - background-color: #272823; + background-color: #272823; } #backpackSpace { - background-color: #272823; + background-color: #272823; } #healthCounter { - background-color: #272823; + background-color: #272823; } #map { - border: 1px solid #EEE; + border: 1px solid #EEE; } #map .landmark { - color: #EEE; + color: #EEE; } #dropMenu { - background: none repeat scroll 0 0 #272823; - box-shadow: -1px 3px 2px #111; + background: none repeat scroll 0 0 #272823; + box-shadow: -1px 3px 2px #111; } div.button { - border: 1px solid #EEE; + border: 1px solid #EEE; } div.button.disabled, div.button.disabled:hover { - border-color: #444; - color: #444; + border-color: #444; + color: #444; } .upBtn:after, .upManyBtn:after { - border-color: transparent transparent #272823; + border-color: transparent transparent #272823; } .upBtn:before, .upManyBtn:before { - border-color: transparent transparent #EEE; + border-color: transparent transparent #EEE; } .upBtn.disabled:before, .upManyBtn.disabled:before { - border-color: transparent transparent #555; + border-color: transparent transparent #555; } .dnBtn:after, .dnManyBtn:after { - border-color: #272823 transparent transparent; + border-color: #272823 transparent transparent; } .dnBtn:before, .dnManyBtn:before { - border-color: #EEE transparent transparent; + border-color: #EEE transparent transparent; } .dnBtn.disabled:before, .dnManyBtn.disabled:before { - border-color: #555 transparent transparent; + border-color: #555 transparent transparent; } body.noMask .eventTitle { - background-color: #EEE; - color: #272823; + background-color: #EEE; + color: #272823; } body.noMask .eventTitle:after { - background-color: #EEE; + background-color: #EEE; } body.noMask .eventPanel { - background-color: #EEE; + background-color: #EEE; } body.noMask #description { - color: #272823; + color: #272823; } body.noMask #buttons > .button { -border: 1px solid #272823; -color: #272823; + border: 1px solid #272823; + color: #272823; } #stars > div, #starsBack > div { - color: black; + color: black; } .endGame { - color:#272823; + color:#272823; } #theEnd { - color: #272823; -} \ No newline at end of file + color: #272823; +} diff --git a/css/main.css b/css/main.css index 7f9e0da..1a30253 100644 --- a/css/main.css +++ b/css/main.css @@ -223,11 +223,11 @@ div.button div.cooldown { } .upBtn, .dnBtn { - right: 0px; + right: 0px; } .upManyBtn, .dnManyBtn { - right: -11px; + right: -11px; } .upBtn.disabled, .dnBtn.disabled, .upManyBtn.disabled, .dnManyBtn.disabled { @@ -239,7 +239,7 @@ div.button div.cooldown { } .upManyBtn { - top: -2px; + top: -2px; } .upBtn:after, .upBtn:before, .upManyBtn:after, .upManyBtn:before { @@ -269,7 +269,7 @@ div.button div.cooldown { } .dnManyBtn { - bottom: -3px; + bottom: -3px; } .dnBtn:after, .dnBtn:before, .dnManyBtn:after, .dnManyBtn:before { @@ -362,14 +362,14 @@ div.tooltip:hover { /* Events */ .eventPanel { - background: none repeat scroll 0 0 white; - border: 2px solid transparent; - left: 250px; - padding: 20px; - position: absolute; - top: 90px; - width: 335px; - z-index: 20; + background: none repeat scroll 0 0 white; + border: 2px solid transparent; + left: 250px; + padding: 20px; + position: absolute; + top: 90px; + width: 335px; + z-index: 20; } body.noMask .eventPanel { @@ -377,15 +377,15 @@ body.noMask .eventPanel { } .eventPanel:before { - background-color:white; - opacity: 0.6; - content: " "; - height: 700px; - left: -252px; - position: absolute; - top: -75px; - width: 920px; - z-index: -2; + background-color:white; + opacity: 0.6; + content: " "; + height: 700px; + left: -252px; + position: absolute; + top: -75px; + width: 920px; + z-index: -2; } body.noMask .eventPanel:before { @@ -400,7 +400,7 @@ body.noMask .eventPanel:before { height: 100%; content: " "; border: 2px solid black; - box-shadow: 5px 5px 5px #666666; + box-shadow: 5px 5px 5px #666666; z-index: -2; } @@ -419,10 +419,10 @@ body.noMask .eventPanel .button { } .eventTitle { - display: inline-block; - font-weight: bold; - position: absolute; - top: -12px; + display: inline-block; + font-weight: bold; + position: absolute; + top: -12px; } body.noMask .eventTitle { @@ -430,14 +430,14 @@ body.noMask .eventTitle { } .eventTitle:after { - background-color: white; - bottom: 32%; - content: " "; - height: 5px; - left: 0; - position: absolute; - width: 100%; - z-index: -1; + background-color: white; + bottom: 32%; + content: " "; + height: 5px; + left: 0; + position: absolute; + width: 100%; + z-index: -1; } body.noMask .eventTitle:after { @@ -463,8 +463,8 @@ body.noMask #description { } #buttons > .button { - margin: 0 5px 5px; - margin-right: 15px; + margin: 0 5px 5px; + margin-right: 15px; } /* Combat! */ @@ -517,14 +517,14 @@ body.noMask #description { } #dropMenu { - background: none repeat scroll 0 0 white; - border: 1px solid black; - position: absolute; - z-index: 100; - padding-top: 5px; - text-align: left; - box-shadow: -1px 3px 2px #666; - cursor: default; + background: none repeat scroll 0 0 white; + border: 1px solid black; + position: absolute; + z-index: 100; + padding-top: 5px; + text-align: left; + box-shadow: -1px 3px 2px #666; + cursor: default; } #dropMenu:before { diff --git a/css/space.css b/css/space.css index 079bdd4..9d203c6 100644 --- a/css/space.css +++ b/css/space.css @@ -134,14 +134,14 @@ } .centerCont { - padding-top:10%; + padding-top:10%; } .endGame { - font-size:48px; - color:#FFFFFF; - opacity:0; - position:relative; + font-size:48px; + color:#FFFFFF; + opacity:0; + position:relative; } .endGameRestart {