Add basic functionality for self-registration.

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

diff --git a/src/cas/static/css/main.css b/src/cas/static/css/main.css
index 4d62c01..1e6e823 100644 (file)
--- a/src/cas/static/css/main.css
+++ b/src/cas/static/css/main.css
@@ -7,13 +7,16 @@
 }
 
 .enclosed {
 }
 
 .enclosed {

-    margin-top: 70px;
+    margin-top: 75px;

     display: inline-block;
     text-align: left;
     max-width: 300px;
     background-color: rgb(247, 247, 247);
     background-color: rgba(247, 247, 247, .5);
 }
     display: inline-block;
     text-align: left;
     max-width: 300px;
     background-color: rgb(247, 247, 247);
     background-color: rgba(247, 247, 247, .5);
 }

+.enclosed h1 {
+    margin-top: 0;
+}

 
 a {
     text-decoration: none;
 
 a {
     text-decoration: none;


@@ -39,10 +42,20 @@ form label, form input {
 }
 #login-form input {
     font-size: 1.75em;
 }
 #login-form input {
     font-size: 1.75em;

-    margin-bottom: .4em;
+}
+#login-form p {
+    margin-bottom: .7em;
+}
+#tools {
+    text-align: right;

 }
 
 }
 

-
+#register-form .helptext {
+    font-size: .8em;
+}
+#register-form p {
+    #margin-bottom: .5em;
+}

 
 
 html, body {
 
 
 html, body {


@@ -134,3 +147,30 @@ footer, #content_push {
     height: 50px;
        margin: 10px 10px 0 0;
 }
     height: 50px;
        margin: 10px 10px 0 0;
 }

+
+
+.content-extra {
+    text-align: center;
+}
+.socialaccount_provider {
+       display: inline-block;
+       background-repeat: no-repeat;
+       color: transparent;
+       height: 40px;
+       width: 40px;
+       vertical-align: middle;
+}
+.socialaccount_provider.google {
+       background-image: url(/static/img/auth/google.png);
+}
+
+
+.socialaccount_providers {
+       margin: 1em 0;
+       padding: 0;
+}
+.socialaccount_providers li {
+       display: inline;
+       list-style: none;
+       margin-right: 1em;
+}