1 files changed, 93 insertions, 0 deletions

@@ -0,0 +1,93 @@
+body {
+  background-color: #eeeeee;
+  height: 100%;
+}
+
+#container {
+  margin: 4em auto 0;
+  width: 25%;
+}
+
+#principal {
+  background-color: #fefefe;
+  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
+  -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
+  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
+  border-radius: 2px 2px 2px 2px;
+  -moz-border-radius: 2px 2px 2px 2px;
+  -webkit-border-radius: 2px 2px 2px 2px;
+  padding: 1em;
+
+  .field {
+    margin-bottom: 1em;
+
+    label {
+      display: block;
+      margin-bottom: .25em;
+    }
+  }
+
+  input[type=text], input[type=password] {
+    font-size: 24px;
+    padding: 3px;
+    width: 100%;
+    box-sizing: border-box;
+    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7);
+    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7);
+    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.7);
+    border: 1px solid #ddd;
+    outline: 0;
+    border-radius: 0;
+  }
+}
+
+.remember-me-field {
+  float: left;
+}
+
+.submit-field {
+  text-align: right;
+}
+
+.navigation {
+  margin: 1em;
+
+  a {
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
+#principal, .navigation a, .navigation a:visited {
+  color: #555d66;
+}
+
+#principal label, .navigation a {
+  font-size: .75em;
+}
+
+#flash {
+  color: black;
+  background-color: white;
+  padding: .75em;
+  margin-bottom: 2em;
+  font-size: .8em;
+  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
+  -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
+  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
+}
+
+.flash-alert {
+  border-left: 5px solid red;
+}
+
+.flash-notice {
+  border-left: 5px solid green;
+}
+
+.flash-tag {
+  font-weight: bold;
+}