Split up CSS for clarity

1 files changed, 74 insertions, 0 deletions

diff --git a/hyperkitty/static/css/hyperkitty-user.css b/hyperkitty/static/css/hyperkitty-user.css
new file mode 100644
index 0000000..69b50d5
--- /dev/null
+++ b/hyperkitty/static/css/hyperkitty-user.css
@@ -0,0 +1,74 @@
+/*
+ * Login form
+ */
+
+#login,
+#register {
+    text-align: left;
+    width: 40em;
+    margin: 0 auto;
+}
+#login h2,
+#register h2 {
+    margin: 4em 0 1em 0;
+    text-align: center;
+    font-size: 160%;
+}
+#login .social-login {
+    text-align: center;
+}
+#login .social-login li {
+	margin: 0 20px;
+}
+
+
+
+/*
+ * User profile page
+ */
+
+#user-profile {
+    padding: 0 2em;
+}
+
+#user-profile h1 {
+    margin-bottom: 1em;
+}
+
+#user-profile h3 {
+    margin-top: 2em;
+}
+
+#user-profile form {
+    float: left;
+}
+
+#user-profile div.gravatar {
+    /*float: right;*/
+    float: left;
+    width: auto;
+    font-size: 95%;
+    margin-left: 4em;
+}
+#user-profile img.gravatar {
+    width: auto;
+}
+#user-profile .gravatar p {
+    text-align: center;
+}
+
+
+table.user-data {
+    width: auto;
+}
+table.user-data th label {
+    font-weight: bold;
+}
+table.user-data th,
+table.user-data td {
+    vertical-align: middle;
+}
+table.user-data label,
+table.user-data input {
+    margin-bottom: 0;
+}