Bläddra i källkod

Improved CSS for the registration form.

JC Brand 7 år sedan
förälder
incheckning
1c80fa41c8
4 ändrade filer med 25 tillägg och 7 borttagningar
  1. 4 1
      css/converse.css
  2. 10 3
      css/inverse.css
  3. 5 1
      sass/_controlbox.scss
  4. 6 2
      sass/inverse/_controlbox.scss

+ 4 - 1
css/converse.css

@@ -1944,10 +1944,13 @@
       color: red;
       color: red;
       display: none; }
       display: none; }
     #conversejs #controlbox #converse-register .provider-title {
     #conversejs #controlbox #converse-register .provider-title {
-      font-size: 22px; }
+      font-size: 20px;
+      margin: 0; }
     #conversejs #controlbox #converse-register .provider-score {
     #conversejs #controlbox #converse-register .provider-score {
       width: 178px;
       width: 178px;
       margin-bottom: 8px; }
       margin-bottom: 8px; }
+    #conversejs #controlbox #converse-register .title, #conversejs #controlbox #converse-register .instructions, #conversejs #controlbox #converse-register label {
+      margin: 0.5em 0 0 0; }
     #conversejs #controlbox #converse-register .form-help .url {
     #conversejs #controlbox #converse-register .form-help .url {
       font-weight: bold;
       font-weight: bold;
       color: #578EA9; }
       color: #578EA9; }

+ 10 - 3
css/inverse.css

@@ -2010,10 +2010,13 @@ body {
       color: red;
       color: red;
       display: none; }
       display: none; }
     #conversejs #controlbox #converse-register .provider-title {
     #conversejs #controlbox #converse-register .provider-title {
-      font-size: 22px; }
+      font-size: 26px;
+      margin: 0; }
     #conversejs #controlbox #converse-register .provider-score {
     #conversejs #controlbox #converse-register .provider-score {
       width: 178px;
       width: 178px;
       margin-bottom: 8px; }
       margin-bottom: 8px; }
+    #conversejs #controlbox #converse-register .title, #conversejs #controlbox #converse-register .instructions, #conversejs #controlbox #converse-register label {
+      margin: 0.5em 0 0 0; }
     #conversejs #controlbox #converse-register .form-help .url {
     #conversejs #controlbox #converse-register .form-help .url {
       font-weight: bold;
       font-weight: bold;
       color: #578EA9; }
       color: #578EA9; }
@@ -2351,9 +2354,13 @@ body {
     margin-top: 15%; }
     margin-top: 15%; }
     #conversejs #controlbox #converse-register #available-chatrooms, #conversejs #controlbox #converse-login #available-chatrooms {
     #conversejs #controlbox #converse-register #available-chatrooms, #conversejs #controlbox #converse-login #available-chatrooms {
       padding: 0 1em 2em 1em; }
       padding: 0 1em 2em 1em; }
-    #conversejs #controlbox #converse-register input[type=submit], #conversejs #controlbox #converse-login input[type=submit] {
+    #conversejs #controlbox #converse-register .title, #conversejs #controlbox #converse-register .instructions, #conversejs #controlbox #converse-register label, #conversejs #controlbox #converse-login .title, #conversejs #controlbox #converse-login .instructions, #conversejs #controlbox #converse-login label {
+      margin: 1em 0; }
+    #conversejs #controlbox #converse-register input[type=submit],
+    #conversejs #controlbox #converse-register input[type=button], #conversejs #controlbox #converse-login input[type=submit],
+    #conversejs #controlbox #converse-login input[type=button] {
       width: auto;
       width: auto;
-      margin-top: 1.5em; }
+      margin: 1.5em 1em 0 0; }
   #conversejs #controlbox #controlbox-tabs {
   #conversejs #controlbox #controlbox-tabs {
     /* single tab */ }
     /* single tab */ }
     #conversejs #controlbox #controlbox-tabs li {
     #conversejs #controlbox #controlbox-tabs li {

+ 5 - 1
sass/_controlbox.scss

@@ -67,12 +67,16 @@
                 display: none;
                 display: none;
             }
             }
             .provider-title {
             .provider-title {
-                font-size: 22px;
+                font-size: $font-size-huge;
+                margin: 0;
             }
             }
             .provider-score {
             .provider-score {
                 width: 178px;
                 width: 178px;
                 margin-bottom: 8px;
                 margin-bottom: 8px;
             }
             }
+            .title, .instructions, label {
+                margin: 0.5em 0 0 0;
+            }
             .form-help .url {
             .form-help .url {
                 font-weight: bold;
                 font-weight: bold;
                 color: $link-color;
                 color: $link-color;

+ 6 - 2
sass/inverse/_controlbox.scss

@@ -40,9 +40,13 @@
             #available-chatrooms {
             #available-chatrooms {
                 padding: 0 1em 2em 1em;
                 padding: 0 1em 2em 1em;
             }
             }
-            input[type=submit] {
+            .title, .instructions, label {
+                margin: 1em 0;
+            }
+            input[type=submit],
+            input[type=button] {
                 width: auto;
                 width: auto;
-                margin-top: 1.5em;
+                margin: 1.5em 1em 0 0;
             }
             }
         }
         }
         #controlbox-tabs {
         #controlbox-tabs {