Move to Django 1.5, some styling changes.

[cas.git] / src / cas / media / static / css / main.css

diff --git a/src/cas/media/static/css/main.css b/src/cas/media/static/css/main.css
index e181e41..b1f4c1e 100644 (file)
--- a/src/cas/media/static/css/main.css
+++ b/src/cas/media/static/css/main.css
@@ -1,20 +1,86 @@
+.enclose {
+    text-align: center;
+    min-height: 500px;
+    background: url(/media/static/brackets.png) no-repeat 50% 0;
+    margin-top: 1em;
+}
+
+.enclosed {
+    margin-top: 7em;
+    display: inline-block;
+    text-align: left;
+    max-width: 300px;
+    background-color: rgb(247, 247, 247);
+    background-color: rgba(247, 247, 247, .5);
+}
+
+a {
+    text-decoration: none;
+}
+a:hover {
+    text-decoration: underline;
+}
+
+
+form p {
+    margin: 0;
+}
+form label, form input {
+    display: block;
+    width: 100%;
+}
+#login-form input {
+    font-size: 1.75em;
+    margin-bottom: .4em;
+}
+
+
+
+
+html, body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
 body {
-       background-color: #eee;
+    background-color: #F7F7F7;
+    color: black;
+    font-family: Lato;
 }
 
-#content_wrap {
-       background-color: #555;
-       margin: 0px 5%;
-       padding: 5px;
+#header-wrap {
+    background: #191919;
+    color: #989898;
+}
+header {
+    max-width: 960px;
+    margin: auto;
+    padding: 1em 0;
+}
+header img {
+    margin: 0 20px;
+    vertical-align: middle;
+}
+footer, #content_push {
+    height: 10em;
+}
+footer {
+
+}
+
+#content-wrap {
 }
 
 #content {
-       background-color: white;
-       border-radius: 10px;
-       margin: 5px;
-       padding: 0.2em 1em;
-       overflow: hidden;
+    max-width: 960px;
+    margin: auto;
 }
+#content-inner {
+}
+
+
+
+
 
 #details {
        margin: 1em;
@@ -49,20 +115,25 @@ body {
 }
 
 .user_avatar img {
-       border: 1px solid black;
+    box-shadow: 0 0 .2em black;
 }
 
 #services-list {
-       width: 250px;
-       float: right;
-       margin: 1em 2em;
+    clear: both;
+    border-top: 1px solid red;
+}
+
+#services-list a {
+    
 }
 
 #services-list img {
-       width: 250px;
-       margin: 1em 0em;
+       width: 90px;
+    height: 50px;
+       margin: 10px 10px 0 0;
 }
 
+
 img.small_logo {
        width: 250px;
 }