GamesMirror/adarkroom
1
0
Fork 0
mirror of https://github.com/doublespeakgames/adarkroom.git synced 2026-05-28 00:01:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve CSS formatting consistency

Browse Source
This commit is contained in:
Honza Horava
2014-09-24 12:09:58 -07:00
parent 6266f87c1d
commit bf7563755d
3 changed files with 103 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/dark.css
+54 -54
View File
@@ -1,182 +1,182 @@
body { body {
background-color: #272823; background-color: #272823;
color: #EEE; color: #EEE;
} }
div.headerButton { div.headerButton {
border-left: 1px solid #EEE; border-left: 1px solid #EEE;
} }
div#notifyGradient { div#notifyGradient {
background-color: #272823; background-color: #272823;
background: -webkit-linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); 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% ); 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 ); filter: alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=500 );
} }
div#saveNotify { div#saveNotify {
background: #272823; background: #272823;
} }
.eventPanel:before { .eventPanel:before {
background-color: #272823; background-color: #272823;
} }
.eventTitle:after { .eventTitle:after {
background-color: #272823; background-color: #272823;
} }
div.tooltip { div.tooltip {
background-color: #111; background-color: #111;
border: 1px solid black; border: 1px solid black;
box-shadow: -1px 3px 2px #111; box-shadow: -1px 3px 2px #111;
} }
div#population { div#population {
background-color: #272823; background-color: #272823;
} }
div#village:before { div#village:before {
background: #272823; background: #272823;
} }
div#village { div#village {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
div#stores:before { div#stores:before {
background: #272823; background: #272823;
} }
div#stores { div#stores {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
div#weapons:before { div#weapons:before {
background: #272823; background: #272823;
} }
div#weapons { div#weapons {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
div#bagspace { div#bagspace {
background-color: #272823; background-color: #272823;
} }
div#outfitting:before { div#outfitting:before {
background: #272823; background: #272823;
} }
div#perks { div#perks {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
div#perks:before { div#perks:before {
background-color: #272823; background-color: #272823;
} }
div#outfitting { div#outfitting {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
#bagspace-world { #bagspace-world {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
div.supplyItem { div.supplyItem {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
#backpackTitle { #backpackTitle {
background-color: #272823; background-color: #272823;
} }
#backpackSpace { #backpackSpace {
background-color: #272823; background-color: #272823;
} }
#healthCounter { #healthCounter {
background-color: #272823; background-color: #272823;
} }
#map { #map {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
#map .landmark { #map .landmark {
color: #EEE; color: #EEE;
} }
#dropMenu { #dropMenu {
background: none repeat scroll 0 0 #272823; background: none repeat scroll 0 0 #272823;
box-shadow: -1px 3px 2px #111; box-shadow: -1px 3px 2px #111;
} }
div.button { div.button {
border: 1px solid #EEE; border: 1px solid #EEE;
} }
div.button.disabled, div.button.disabled:hover { div.button.disabled, div.button.disabled:hover {
border-color: #444; border-color: #444;
color: #444; color: #444;
} }
.upBtn:after, .upManyBtn:after { .upBtn:after, .upManyBtn:after {
border-color: transparent transparent #272823; border-color: transparent transparent #272823;
} }
.upBtn:before, .upManyBtn:before { .upBtn:before, .upManyBtn:before {
border-color: transparent transparent #EEE; border-color: transparent transparent #EEE;
} }
.upBtn.disabled:before, .upManyBtn.disabled:before { .upBtn.disabled:before, .upManyBtn.disabled:before {
border-color: transparent transparent #555; border-color: transparent transparent #555;
} }
.dnBtn:after, .dnManyBtn:after { .dnBtn:after, .dnManyBtn:after {
border-color: #272823 transparent transparent; border-color: #272823 transparent transparent;
} }
.dnBtn:before, .dnManyBtn:before { .dnBtn:before, .dnManyBtn:before {
border-color: #EEE transparent transparent; border-color: #EEE transparent transparent;
} }
.dnBtn.disabled:before, .dnManyBtn.disabled:before { .dnBtn.disabled:before, .dnManyBtn.disabled:before {
border-color: #555 transparent transparent; border-color: #555 transparent transparent;
} }
body.noMask .eventTitle { body.noMask .eventTitle {
background-color: #EEE; background-color: #EEE;
color: #272823; color: #272823;
} }
body.noMask .eventTitle:after { body.noMask .eventTitle:after {
background-color: #EEE; background-color: #EEE;
} }
body.noMask .eventPanel { body.noMask .eventPanel {
background-color: #EEE; background-color: #EEE;
} }
body.noMask #description { body.noMask #description {
color: #272823; color: #272823;
} }
body.noMask #buttons > .button { body.noMask #buttons > .button {
border: 1px solid #272823; border: 1px solid #272823;
color: #272823; color: #272823;
} }
#stars > div, #starsBack > div { #stars > div, #starsBack > div {
color: black; color: black;
} }
.endGame { .endGame {
color:#272823; color:#272823;
} }
#theEnd { #theEnd {
color: #272823; color: #272823;
} }
css/main.css
+44 -44
View File
@@ -223,11 +223,11 @@ div.button div.cooldown {
} }
.upBtn, .dnBtn { .upBtn, .dnBtn {
right: 0px; right: 0px;
} }
.upManyBtn, .dnManyBtn { .upManyBtn, .dnManyBtn {
right: -11px; right: -11px;
} }
.upBtn.disabled, .dnBtn.disabled, .upManyBtn.disabled, .dnManyBtn.disabled { .upBtn.disabled, .dnBtn.disabled, .upManyBtn.disabled, .dnManyBtn.disabled {
@@ -239,7 +239,7 @@ div.button div.cooldown {
} }
.upManyBtn { .upManyBtn {
top: -2px; top: -2px;
} }
.upBtn:after, .upBtn:before, .upManyBtn:after, .upManyBtn:before { .upBtn:after, .upBtn:before, .upManyBtn:after, .upManyBtn:before {
@@ -269,7 +269,7 @@ div.button div.cooldown {
} }
.dnManyBtn { .dnManyBtn {
bottom: -3px; bottom: -3px;
} }
.dnBtn:after, .dnBtn:before, .dnManyBtn:after, .dnManyBtn:before { .dnBtn:after, .dnBtn:before, .dnManyBtn:after, .dnManyBtn:before {
@@ -362,14 +362,14 @@ div.tooltip:hover {
/* Events */ /* Events */
.eventPanel { .eventPanel {
background: none repeat scroll 0 0 white; background: none repeat scroll 0 0 white;
border: 2px solid transparent; border: 2px solid transparent;
left: 250px; left: 250px;
padding: 20px; padding: 20px;
position: absolute; position: absolute;
top: 90px; top: 90px;
width: 335px; width: 335px;
z-index: 20; z-index: 20;
} }
body.noMask .eventPanel { body.noMask .eventPanel {
@@ -377,15 +377,15 @@ body.noMask .eventPanel {
} }
.eventPanel:before { .eventPanel:before {
background-color:white; background-color:white;
opacity: 0.6; opacity: 0.6;
content: " "; content: " ";
height: 700px; height: 700px;
left: -252px; left: -252px;
position: absolute; position: absolute;
top: -75px; top: -75px;
width: 920px; width: 920px;
z-index: -2; z-index: -2;
} }
body.noMask .eventPanel:before { body.noMask .eventPanel:before {
@@ -400,7 +400,7 @@ body.noMask .eventPanel:before {
height: 100%; height: 100%;
content: " "; content: " ";
border: 2px solid black; border: 2px solid black;
box-shadow: 5px 5px 5px #666666; box-shadow: 5px 5px 5px #666666;
z-index: -2; z-index: -2;
} }
@@ -419,10 +419,10 @@ body.noMask .eventPanel .button {
} }
.eventTitle { .eventTitle {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
top: -12px; top: -12px;
} }
body.noMask .eventTitle { body.noMask .eventTitle {
@@ -430,14 +430,14 @@ body.noMask .eventTitle {
} }
.eventTitle:after { .eventTitle:after {
background-color: white; background-color: white;
bottom: 32%; bottom: 32%;
content: " "; content: " ";
height: 5px; height: 5px;
left: 0; left: 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
z-index: -1; z-index: -1;
} }
body.noMask .eventTitle:after { body.noMask .eventTitle:after {
@@ -463,8 +463,8 @@ body.noMask #description {
} }
#buttons > .button { #buttons > .button {
margin: 0 5px 5px; margin: 0 5px 5px;
margin-right: 15px; margin-right: 15px;
} }
/* Combat! */ /* Combat! */
@@ -517,14 +517,14 @@ body.noMask #description {
} }
#dropMenu { #dropMenu {
background: none repeat scroll 0 0 white; background: none repeat scroll 0 0 white;
border: 1px solid black; border: 1px solid black;
position: absolute; position: absolute;
z-index: 100; z-index: 100;
padding-top: 5px; padding-top: 5px;
text-align: left; text-align: left;
box-shadow: -1px 3px 2px #666; box-shadow: -1px 3px 2px #666;
cursor: default; cursor: default;
} }
#dropMenu:before { #dropMenu:before {
css/space.css
+5 -5
View File
@@ -134,14 +134,14 @@
} }
.centerCont { .centerCont {
padding-top:10%; padding-top:10%;
} }
.endGame { .endGame {
font-size:48px; font-size:48px;
color:#FFFFFF; color:#FFFFFF;
opacity:0; opacity:0;
position:relative; position:relative;
} }
.endGameRestart { .endGameRestart {