summaryrefslogtreecommitdiff
path: root/public/static/default.css
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2019-05-05 01:30:20 +0200
committerDaniel Friesel <derf@finalrewind.org>2019-05-05 01:30:20 +0200
commit3feabf250947d12e66a238654df43df81fc0d3b2 (patch)
tree3b7969141fe6923a1d1a9f21fa672e967a2fa45e /public/static/default.css
parent7ee9f881343a9452885c7fd30edbad14150fda42 (diff)
Move moreinfo to ajax-requested sub-template
This decreases the DOM size and allows for future speed improvements (the backend no longer needs to precalculate routes etc for all trains)
Diffstat (limited to 'public/static/default.css')
-rw-r--r--public/static/default.css68
1 files changed, 34 insertions, 34 deletions
diff --git a/public/static/default.css b/public/static/default.css
index 6f2f603..428c8ef 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -101,50 +101,50 @@ div.app .replaced {
color: #660000;
}
-div.app li .sbahn {
+div.app .sbahn {
font-weight:bold;
border-radius: 30px;
padding:3px 6px 2px 6px;
}
-div.applight li .sbahn {
+div.applight .sbahn {
background-color:#95d79f;
}
-div.appdark li .sbahn {
+div.appdark .sbahn {
background-color:#115511;
}
-div.app li .bahn,
-div.app li .fern,
-div.app li .ext {
+div.app .bahn,
+div.app .fern,
+div.app .ext {
font-weight:bold;
border-radius: 5px;
padding:3px 5px 2px 5px;
}
-div.applight li .bahn {
+div.applight .bahn {
background-color: #eeeeee;
}
-div.appdark li .bahn {
+div.appdark .bahn {
background-color: #333333;
}
-div.applight li .fern {
+div.applight .fern {
background-color: #ffdddd;
}
-div.appdark li .fern {
+div.appdark .fern {
background-color: #551111;
}
-div.applight li .ext {
+div.applight .ext {
background-color: #ffdddd;
border: 2px solid #ff6666;
}
-div.appdark li .ext {
+div.appdark .ext {
background-color: #551111;
border: 2px solid #993333;
}
@@ -180,7 +180,7 @@ div.app li .info {
overflow: hidden;
}
-div.app li .moreinfo {
+div.app .moreinfo {
font-size:2.1em;
position:fixed;
top:0em;
@@ -192,23 +192,23 @@ div.app li .moreinfo {
cursor: default;
}
-div.applight li .moreinfo {
+div.applight .moreinfo {
background-color: #ffffff;
}
-div.appdark li .moreinfo {
+div.appdark .moreinfo {
background-color: #000000;
}
-div.app li .collapsed-moreinfo {
+div.app .collapsed-moreinfo {
display: none;
}
-div.app li .expanded-moreinfo {
+div.app .expanded-moreinfo {
display: block;
}
-div.app li .moreinfo .mheader {
+div.app .moreinfo .mheader {
text-align: center;
font-size: 120%;
padding-top: 0.5em;
@@ -218,66 +218,66 @@ div.app li .moreinfo .mheader {
border-bottom: 0.1em dashed #cccccc;
}
-div.app li .moreinfo .mfooter {
+div.app .moreinfo .mfooter {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
-div.app li .moreinfo .reason,
-div.app li .moreinfo .minfo {
+div.app .moreinfo .reason,
+div.app .moreinfo .minfo {
color: #ff0000;
}
-div.app li .moreinfo .verbose {
+div.app .moreinfo .verbose {
margin-bottom: 0.6em;
}
-div.app li .moreinfo .timeinfo {
+div.app .moreinfo .timeinfo {
margin-bottom: 0.6em;
}
-div.app li .moreinfo .mroute {
+div.app .moreinfo .mroute {
margin-bottom: 0.6em;
}
-div.applight li .moreinfo .mroute .separator {
+div.applight .moreinfo .mroute .separator {
color: #999999;
}
-div.appdark li .moreinfo .mroute .separator {
+div.appdark .moreinfo .mroute .separator {
color: #999999;
}
-div.applight li .moreinfo .mroute .important-stop {
+div.applight .moreinfo .mroute .important-stop {
color: #000000;
}
-div.appdark li .moreinfo .mroute .important-stop {
+div.appdark .moreinfo .mroute .important-stop {
color: #ffffff;
}
-div.applight li .moreinfo .mroute .generic-stop {
+div.applight .moreinfo .mroute .generic-stop {
color: #555555;
}
-div.appdark li .moreinfo .mroute .generic-stop {
+div.appdark .moreinfo .mroute .generic-stop {
color: #999999;
}
-div.applight li .moreinfo .mroute .additional-stop {
+div.applight .moreinfo .mroute .additional-stop {
color: #009900;
}
-div.appdark li .moreinfo .mroute .additional-stop {
+div.appdark .moreinfo .mroute .additional-stop {
color: #009900;
}
-div.applight li .moreinfo .mroute .cancelled-stop {
+div.applight .moreinfo .mroute .cancelled-stop {
color: #cc0000;
}
-div.appdark li .moreinfo .mroute .cancelled-stop {
+div.appdark .moreinfo .mroute .cancelled-stop {
color: #cc0000;
}