From abff311cf69765ce7afebfb1523d37717af88e8e Mon Sep 17 00:00:00 2001 From: Christian Pointner Date: Sun, 25 Sep 2016 19:00:39 +0200 Subject: use bootstrap for styling diff --git a/www/index.html b/www/index.html index f08908e..3b7c067 100644 --- a/www/index.html +++ b/www/index.html @@ -6,33 +6,36 @@ + + - - - - + + + + + + + +
Radio Helsinki Logo

Radio Helsinki - Automation Status

-
- - - -
+
-
- Active System - unknown -
- --> + diff --git a/www/styles/common.css b/www/styles/common.css index 179601f..7e0d8a8 100644 --- a/www/styles/common.css +++ b/www/styles/common.css @@ -24,74 +24,3 @@ body { font-family: Sans-Serif; } -#container { - text-align: center; - margin-left: auto; - margin-right: auto; -} - -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: #ffffff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; - position: relative; - top: -1px; -} -a.label:hover, -a.label:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -.label:empty { - display: none; -} -.label-default { - background-color: #777777; -} -.label-default[href]:hover, -.label-default[href]:focus { - background-color: #5e5e5e; -} -.label-primary { - background-color: #428bca; -} -.label-primary[href]:hover, -.label-primary[href]:focus { - background-color: #3071a9; -} -.label-success { - background-color: #5cb85c; -} -.label-success[href]:hover, -.label-success[href]:focus { - background-color: #449d44; -} -.label-info { - background-color: #5bc0de; -} -.label-info[href]:hover, -.label-info[href]:focus { - background-color: #31b0d5; -} -.label-warning { - background-color: #f0ad4e; -} -.label-warning[href]:hover, -.label-warning[href]:focus { - background-color: #ec971f; -} -.label-danger { - background-color: #d9534f; -} -.label-danger[href]:hover, -.label-danger[href]:focus { - background-color: #c9302c; -} diff --git a/www/styles/weeks.css b/www/styles/weeks.css index 2d6a547..c3b0649 100644 --- a/www/styles/weeks.css +++ b/www/styles/weeks.css @@ -19,12 +19,13 @@ * along with rhrdweb. If not, see . */ -#leftcol { - float: left; - width: 42%; - min-width: 25em; - margin-top: 5em; - margin-bottom: 5em; +#title { + display: block; + width: 100%; + height: 100%; + vertical-align: middle; + text-align: center; + margin-top: 10em; } #clock { @@ -60,6 +61,11 @@ } #buttons { + display: block; + width: 100%; + height: 100%; + vertical-align: middle; + text-align: center; margin-top: 3em; } @@ -70,12 +76,6 @@ margin: 0.2em; } -#rightcol { - float: left; - width: 58%; - min-width: 25em; -} - #calendar { margin-top: 2em; border-spacing: 0; @@ -111,7 +111,7 @@ } #calendar td.month { - width: 6em; + width: 8em; font-size: 1.2em; font-weight: bold; border-left: 2px solid #eee; diff --git a/www/weeks.html b/www/weeks.html index 0316fad..8ca1e7c 100644 --- a/www/weeks.html +++ b/www/weeks.html @@ -6,6 +6,7 @@ + @@ -14,43 +15,44 @@ -
-
-
-

Rivendell Wochenplan

-
+
+
+
+
+

Rivendell Wochenplan

+
-
-

aktuelle Woche:

- - - -
+
+

aktuelle Woche:

+ + + +
-
-
- +
+
+ + + +
- -
-
- -
- - - - - - - - - - - - - -
MoDiMiDoFrSaSo
+
+ + + + + + + + + + + + + +
MoDiMiDoFrSaSo
+
-- cgit v0.10.2