From dfa2e14bfa1709e57d40f41681666dc5fed8c0ef Mon Sep 17 00:00:00 2001
From: Markus Krogh <markus@nordu.net>
Date: Tue, 3 Oct 2017 16:06:31 +0200
Subject: Fix css for login

---
 idp/templates/edit-webapp/css/main.css | 171 +++++++++++++++++++++++++++++++++
 1 file changed, 171 insertions(+)
 create mode 100644 idp/templates/edit-webapp/css/main.css

(limited to 'idp/templates/edit-webapp/css/main.css')

diff --git a/idp/templates/edit-webapp/css/main.css b/idp/templates/edit-webapp/css/main.css
new file mode 100644
index 0000000..edacd5f
--- /dev/null
+++ b/idp/templates/edit-webapp/css/main.css
@@ -0,0 +1,171 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+header, footer, section, nav {
+    display: block;
+}
+html, body {
+    height: 100%;
+}
+body {
+    font-family:Verdana, Geneva, sans-serif;
+    font-size: 12px;
+    line-height: 1.5;
+    color: #717171;
+}
+a:link,
+a:visited {
+    text-decoration: none;
+    color: #717171;
+}
+img {
+    max-width: 100%;
+    margin-bottom: 12px;
+}
+
+header {
+		background-color: #00a8d9;
+    width: 100%;
+}
+
+header img {
+  margin: 0;
+}
+
+form {
+    padding-bottom: 21px;
+}
+form label { /* labels are hidden */
+    font-weight: bold;
+}
+form legend {
+    font-size:1.2em;
+    margin-bottom: 12px;
+}
+.form-element-wrapper {
+    margin-bottom: 12px;
+}
+.form-element {
+    width: 100%;
+    padding: 13px 12px;
+    box-sizing: border-box;
+    border: none;
+    font-size: 14px;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+}
+.form-field {
+    color: #B7B7B7;
+    border: 1px solid #B7B7B7;
+}
+.form-field-focus,
+.form-field:focus,
+input[type="text"]:focus {
+    color: #333333;
+    border-color: #333;
+}
+.form-button {
+    background: #00a8d9;
+    color: #ffffff;
+    cursor: pointer;
+}
+.form-button:hover {
+    background: #00baf1;
+}
+
+.form-error {
+    padding: 0;
+    color: #B61601;
+}
+
+.list-help {
+    list-style: none;
+}
+.list-help-item a {
+    display: block;
+    color: #4F4E4E;
+}
+
+.list-title {
+  font-weight: bold;
+}
+
+.list-title, .list-help-item {
+  padding: 2px 24px;
+}
+
+.item-marker {
+    color: #00a7d9;
+}
+
+footer {
+    color: #ffffff;
+    font-size: 11px;
+    background: #717171;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 12px 20px;
+}
+
+.container.flex-group {
+  /* make space for floating footer */
+  margin: 24px 0 80px
+}
+
+body::after {
+  content: "";
+  background: transparent url('../images/ndn-bg1.png') repeat-y;
+  opacity: 0.5;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  z-index: -1;
+}
+
+
+.flex-group {
+  display: flex;
+  flex-flow: row wrap-reverse;
+}
+
+.flex-container {
+  display: flex;
+  flex-flow: row wrap;
+  flex: 1 1 400px;
+}
+
+
+.column {
+  flex: 1 1 400px;
+  max-width: 400px;
+  margin: 0 24px;
+}
+
+nav {
+  flex: 0 0 200px;
+}
+
+@media only screen and (max-width: 599px) {
+    nav {
+      max-width: 400px;
+      flex-grow: 1;
+    }
+    body::after {
+      content: none;
+    }
+    .container.flex-group {
+      margin: 0 10px 80px 10px;
+    }
+
+    .list-help-item a {
+      line-height: 18px;
+    }
+    .column {
+      margin: 0;
+    }
+}
-- 
cgit v1.1