quattro: theme settings (a bit hackish)

[friendica.git] / view / theme / dispy / style.css

diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 01c7fe66463b65e610852761f778a07ae193bb6b..bda163b8f6d1b2ee677cfbd8530ae7a3e6a9466b 100644 (file)
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -232,7 +232,8 @@ nav a:hover {
 nav #banner {
        display: block;
        position: absolute;
-       margin-left: 20px;      
+       left: 51px;
+       top: 25px;
 }
 nav #banner #logo-text a {
        font-size: 40px;
@@ -611,8 +612,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 **/
 aside {
     position: absolute;
-    right: 8%;
-    width: 20.5%;
+    right: 15px;
+    width: 255px;
     font-size: smaller;
 }
 .vcard .fn {
@@ -672,7 +673,7 @@ aside #viewcontacts {
  **/
 #jot {
   /*width: 785px;*/
-  margin: 0px 0 20px 0px;
+  margin: 10px 0 20px 0px;
   width: 100%;
 }
 #jot #jot-tools {
@@ -956,7 +957,7 @@ aside #viewcontacts {
  * section
  */
 section {
-    margin: 20px 8% 0 6%;
+    margin: 20px 6% 0 4%;
     font-size: 0.8em;
     padding-right: 250px;
        min-width: 475px;
@@ -965,7 +966,7 @@ section {
 /** tabs **/
 .tabs {
     list-style: none;
-    margin: 0;
+    margin: 10px 0 10px;
     padding: 0;
     border-bottom: 1px solid #729fcf;
     font-size: 14px;
@@ -1702,11 +1703,11 @@ div[id$="wrapper"] br {
 }
 
 #settings-nickname-desc {
-    background-color:#DDEFFF;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px;
-    border-radius:5px;
-    padding:5px;
+    background-color: #def;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    padding: 5px;
 }
 
 #register-form div,
@@ -1919,7 +1920,13 @@ div[id$="wrapper"] br {
 #item-delete-selected {
        margin-top: 30px;
 }
-
+/* was tired of having no way of moving it around, so
+ * here's a little 'hook' to do so */
+.delete-checked {
+       position: absolute;
+       left: 35px;
+       margin-top: 20px;
+}
 #item-delete-selected-end {
        clear: both;
 }
@@ -2101,13 +2108,15 @@ div[id$="wrapper"] br {
 }
 .field label {
     float: left;
-    width: 200px;
+    width: 275px;
        display: block;
        font-size: 1.077em;
+       /*font-weight: bold;*/
        margin-bottom: 0.2em;
        margin: 0 10px 0.2em 0;
        border: 1px #999 solid;
        padding: 5px;
+       background: #def;
        vertical-align: middle;
 }
 .field input {
@@ -2123,7 +2132,7 @@ div[id$="wrapper"] br {
 }
 .field_help {
     display: block;
-    margin-left: 0px;
+    margin-left: 297px;
     color: #666;
 }
 .field .onoff {
@@ -2133,32 +2142,26 @@ div[id$="wrapper"] br {
 .field .onoff a {
     display: block;
     border: 1px solid #666;
-    background: url("../../../images/onoff.jpg") no-repeat;
-    padding: 4px 2px 2px;
+    padding: 3px 6px 4px 10px;
     height: 16px;
     text-decoration: none;
 }
-.field .onoff .off {
-    border-color: #666;
-    padding-left: 40px;
-    background: #ccc left center;
-    color: #666;
-    text-align:right;
-}
 .field .onoff .on {
-    border-color:#204a87;
-    padding-right:40px;
-    background-position:right center;
-    background-color:#3465A4;
-    color:#fff;
-    text-align:left;
+       background: url("../../../images/onoff.jpg") no-repeat 42px 1px #def;
+    color: #333;
+    text-align: left;
+}
+.field .onoff .off {
+       background: url("../../../images/onoff.jpg") no-repeat 2px 1px #ccc;
+    color: #333;
+    text-align: right;
 }
 .hidden {
     display:none !important;
 }
 
 .field.radio .field_help {
-    margin-left:0;
+    margin-left: 0;
 }