mirror of
https://github.com/doublespeakgames/adarkroom.git
synced 2026-05-28 00:01:54 +08:00
Improve CSS formatting consistency
This commit is contained in:
Honza Horava
+54
-54
@@ -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;
|
||||
}
|
||||
color: #272823;
|
||||
}
|
||||
|
||||
+44
-44
@@ -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 {
|
||||
|
||||
+5
-5
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user