make clock reusable, basic scaffolding for main app

1 files changed, 52 insertions, 0 deletions

diff --git a/www/styles/clock.css b/www/styles/clock.css
new file mode 100644
index 0000000..9b028e2
--- /dev/null
+++ b/www/styles/clock.css
@@ -0,0 +1,52 @@
+/*
+ *  rhrdweb
+ *
+ *  Copyright (C) 2016 Christian Pointner <equinox@helsinki.at>
+ *
+ *  This file is part of rhrdweb.
+ *
+ *  rhrdweb is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  any later version.
+ *
+ *  rhrdweb is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with rhrdweb. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#clock {
+  display: block;
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center;
+  margin: 0;
+}
+
+#clock span {
+  display:table;
+  margin:0 auto;
+}
+
+#clock span.current-week {
+  margin-top: 1em;
+  padding: 0.3em 2em;
+  font-size: 1.2em;
+}
+
+#clock span.clock-date {
+  padding: 0.2em;
+  font-weight: bold;
+  font-size: 1.4em;
+}
+
+#clock span.clock-time {
+  padding: 0.2em;
+  font-weight: bold;
+  font-size: 1.6em;
+}