Base application

[infodrom.org/touren.infodrom.org] / touren.css

diff --git a/touren.css b/touren.css
new file mode 100644 (file)
index 0000000..5c5fe33
--- /dev/null
+++ b/touren.css
@@ -0,0 +1,78 @@
+.navbar {
+    margin-bottom: 1ex;
+    background-color: #007bff;
+}
+div.header {
+    background-color: #007bff;
+    color: white;
+    padding:4px;
+    font-weight: bold;
+}
+div#message {
+    z-index: 100;
+}
+div#message.alert-danger {
+    border: 1px solid red;
+}
+div#message.alert-warning {
+    border: 1px solid orange;
+}
+div#message.alert-success {
+    border: 1px solid green;
+}
+div.login {
+    background-image: url(motorcycle.png);
+    background-repeat: no-repeat, repeat;
+    background-position: center;
+    padding-bottom: 45%;
+}
+div.loginform, div.lostpwform {
+    margin-top: 40%;
+    padding: 10px;
+    background: #EEE;
+    border: 1px solid #CCC;
+    border-radius: 0.25rem;
+}
+.form_description {
+    background-color: #EEEEFF;
+    border: 1px solid #8cacbb;
+    color: black;
+    padding: 3px;
+    margin-top: 0.75em;
+}
+.right {
+    text-align: right;
+}
+@media (max-height: 320px) {
+    div.loginform, div.lostpwform {
+       margin-top: 5%;
+    }
+}
+@media (max-width: 360px) {
+    .onlynarrow {
+       display: block;
+    }
+    .onlywide {
+       display: none;
+    }
+}
+@media (min-width: 361px) {
+    .onlynarrow {
+       display: none;
+    }
+    .onlywide {
+       display: block;
+    }
+}
+div.loginform h3, div.lostpwform h3 {
+    border-bottom: 2px solid #ccc;
+}
+div.loginform label, div.lostpwform label {
+    display: block;
+}
+div.lostpw {
+    margin-top: 2ex;
+}
+div.error h3 {
+    border-bottom: 2px solid #ccc;
+}