add dispy-dark snapshot; fix toolbar

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>

diff --git a/view/theme/dispy-dark/snapshot.jpg b/view/theme/dispy-dark/snapshot.jpg
new file mode 100644 (file)
index 0000000..ada60ca
Binary files /dev/null and b/view/theme/dispy-dark/snapshot.jpg differ

diff --git a/view/theme/dispy-dark/style.css b/view/theme/dispy-dark/style.css
index 5dba6b94c7e3596fbcb89843a54a2adb656ea32a..dd0ce356dd6da35944c82c4b743d343bc97865b3 100644 (file)
--- a/view/theme/dispy-dark/style.css
+++ b/view/theme/dispy-dark/style.css
@@ -48,8 +48,7 @@ body {
 body, button, input, select, textarea {
     font-family: sans-serif;
     color: #eec;
-       /*background-color: #2e3436;*/
-       background-color: #2e2f2e;
+    background-color: #2e2f2e;
 }
 select {
        border: 1px #555 dotted;
@@ -212,16 +211,47 @@ input[type=submit] {
 /**
  *     login
  */
+#login-extra-links {
+    overflow: auto;
+    padding-top: 140px !important;
+    width: 100%;
+}
 #login-extra-links a {
     margin-right: 20px;
 }
+#login_standard {
+    display: block;
+    float: none;
+    height: 100px;
+    position: absolute;
+       width: 100%;
+}
+#login_standard .field label {
+       width: 200px;
+}
+#login_standard input, #login_standard input[type="text"] {
+       margin: 0 0 8px;
+    width: 210px;
+}
+#login-submit-wrapper {
+       margin: 0;
+}
+#login-submit-button {
+    margin-left: 0px !important;
+}
+#login_openid #id_openid_url {
+       width: 200px;
+}
+#login_openid label {
+       width: 208px;
+}
 
 
 /**
  * nav
  */
 nav {
-       height: 80px;
+       height: 85px;
        display: block;
        background-color: #1d1f1d;
        color: #eeeeec;
@@ -251,25 +281,6 @@ nav #banner #logo-text a {
        font-weight: bold;
        margin-left: 3px;
 }
-nav #user-menu {
-    display: block;    
-    width: auto;
-    float: right;
-    margin: 3px 68px 0 0;
-    position: relative;
-       background-color: #555753;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
-    clear: both;
-}
-nav #user-menu-label {
-       float: left;
-       font-size: 12px;
-    padding: 3px 20px 9px 5px;
-    height: 10px;
-}
 ul#user-menu-popup {
        display: none;
        position: absolute;
@@ -298,14 +309,6 @@ ul#user-menu-popup li a:hover {
 ul#user-menu-popup li a.nav-sep {
        border-top: 1px solid #eeeeec;
 }
-#nav-buttons {
-    clear: both;
-       list-style: none;
-       padding: 0px;
-}
-#nav-buttons li {
-       padding: 0;
-}
 nav .nav-link {
        float: right;
        display: block;
@@ -413,13 +416,6 @@ nav .nav-link {
 .icon, .hover, .focus, .pointer {
     cursor: pointer;
 }
-#notifications {
-       height: 20px;
-       width: 100%;
-       position: absolute;
-       top: -19px;
-       left: 0;
-}
 /* popup notifications */
 div.jGrowl div.notice {
     background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
@@ -468,6 +464,13 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 .show {
     display: block;
 }
+#notifications {
+       height: 20px;
+       width: 170px;
+       position: absolute;
+       top: -19px;
+       left: 4px;
+}
 #nav-floater {
     position: fixed;
     top: 20px;
@@ -477,12 +480,23 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
        color: transparent;
     border-radius: 5px;
     z-index: 100;
+       width: 28%;
+       height: 80px;
+}
+#nav-buttons {
+    clear: both;
+       list-style: none;
+       padding: 0px;
+       height: 25px;
+}
+#nav-buttons li {
+       padding: 0;
 }
 .floaterflip {
        display: block;
     position: fixed;
     z-index: 110;
-    top: 53px;
+    top: 56px;
     right: 19px;
        width: 22px;
        height: 22px;
@@ -492,18 +506,37 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 }
 .search-box {
        display: inline-block;
-       height: 40px;
-       margin: 12px 0 0 -3px;
+       height: 20px;
+       margin: 0;
        position: relative;
-       right: -12px;
-       top: 17px;
-       width: 0;
+       left: 7px;
+       top: 5px;
+       /*width: 210px;*/
 }
 #search-text {
        border: 1px #eec solid;
        background: #2e2f2e;
        color: #eec;
 }
+nav #user-menu {
+    display: block;    
+    width: 75%;
+    margin: 3px 0 0 0;
+    position: relative;
+       background-color: #555753;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
+    clear: both;
+       top: 12px;
+       left: 7px;
+}
+nav #user-menu-label {
+       font-size: 12px;
+    padding: 3px 20px 9px 5px;
+    height: 10px;
+}
 .nav-ajax-update, .nav-ajax-left {
        width: 30px;
        height: 19px;
@@ -710,7 +743,7 @@ aside #viewcontacts {
 }
 #netsearch-box {
        margin: 20px 0px 30px;
-    width: 150px;   
+    width: 150px;
 }
 #netsearch-box #search-submit {
     margin: 5px 5px 0px 0px;
@@ -719,7 +752,6 @@ aside #viewcontacts {
        margin: 0px 0px 0px 0px;
 }
 
-
 /**
 * contacts block
 */
@@ -1005,7 +1037,7 @@ section {
     border: 1px solid #729fcf;
        padding: 4px;
 }
-.tab:hover {
+.tab:hover, .tab.active:hover {
     background: #88a9d2;
     color: #2e2f2e;
 }
@@ -1017,6 +1049,9 @@ section {
        background: #88a9d2;
     color: #2e2f2e;
 }
+.tab.active a {
+       color: #2e2f2e;
+}
 .tab a {
        border: 0;
        text-decoration: none;
@@ -1742,8 +1777,10 @@ div[id$="wrapper"] br {
 /**
  *     register, settings & profile forms
  */
-#id_openid_url,
 .openid {
+
+}
+#id_openid_url {
     background:url(login-bg.gif) no-repeat;
     background-position:0 50%;
     padding-left:18px;
@@ -1785,16 +1822,7 @@ div[id$="wrapper"] br {
     margin: 30px 0px;
 }
 .profile-edit-side-div {
-       /*background: #111;
-       border-radius: 5px 5px 0px 0px;
-       margin: 0px 0px 0px 0px;
-       width: 100px;
-       height: 25px;
-       position: absolute;*/
        display: none;
-       /*left: 35%;
-       top: 41%;
-       cursor: pointer;*/
 }
 /*.profile-edit-side-div:hover {
        display: block;
@@ -2204,6 +2232,13 @@ div[id$="wrapper"] br {
 .nets-all {
     margin-left: 0px;
 }
+#netsearch-box {
+    margin-top: 20px;
+    width: 150px;   
+}
+#netsearch-box #search-submit {
+    margin: 5px 0px 0px 0px;
+}
 
 
 /**
@@ -2293,7 +2328,7 @@ div[id$="wrapper"] br {
 .field {
        /*margin-bottom: 10px;*/
        /*padding-bottom: 10px;*/
-    overflow: auto;
+       /*overflow: auto;*/
     width: 100%;
 }
 .field label, label {

diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index c591152c2da6a4d780a96e12c8e83cfe62fbc4a4..77b22d65ff45ac2d55b861d97a706c3afd9c7e63 100644 (file)
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -59,6 +59,9 @@ option {
        padding: 3px;
        vertical-align: middle;
 }
+li {
+       padding: 0 0 0 2px;
+}
 /* remember to define focus styles! */
 :focus {
     outline: 0;
@@ -208,16 +211,47 @@ input[type=submit] {
 /**
  *     login
  */
+#login-extra-links {
+    overflow: auto;
+    padding-top: 140px !important;
+    width: 100%;
+}
 #login-extra-links a {
     margin-right: 20px;
 }
+#login_standard {
+    display: block;
+    float: none;
+    height: 100px;
+    position: absolute;
+       width: 100%;
+}
+#login_standard .field label {
+       width: 200px;
+}
+#login_standard input, #login_standard input[type="text"] {
+       margin: 0 0 8px;
+    width: 210px;
+}
+#login-submit-wrapper {
+       margin: 0;
+}
+#login-submit-button {
+    margin-left: 0px !important;
+}
+#login_openid #id_openid_url {
+       width: 200px;
+}
+#login_openid label {
+       width: 208px;
+}
 
 
 /**
  * nav
  */
 nav {
-       height: 80px;
+       height: 85px;
        display: block;
        background-color: #2e3436;
        color: #eeeeec;
@@ -247,25 +281,6 @@ nav #banner #logo-text a {
        font-weight: bold;
        margin-left: 3px;
 }
-nav #user-menu {
-    display: block;    
-    width: auto;
-    float: right;
-    margin: 3px 68px 0 0;
-    position: relative;
-       background-color: #555753;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
-    clear: both;
-}
-nav #user-menu-label {
-       float: left;
-       font-size: 12px;
-    padding: 3px 20px 9px 5px;
-    height: 10px;
-}
 ul#user-menu-popup {
        display: none;
        position: absolute;
@@ -294,14 +309,6 @@ ul#user-menu-popup li a:hover {
 ul#user-menu-popup li a.nav-sep {
        border-top: 1px solid #eeeeec;
 }
-#nav-buttons {
-    clear: both;
-       list-style: none;
-       padding: 0px;
-}
-#nav-buttons li {
-       padding: 0;
-}
 nav .nav-link {
        float: right;
        display: block;
@@ -409,13 +416,6 @@ nav .nav-link {
 .icon, .hover, .focus, .pointer {
     cursor: pointer;
 }
-#notifications {
-       height: 20px;
-       width: 100%;
-       position: absolute;
-       top: -19px;
-       left: 0;
-}
 /* popup notifications */
 div.jGrowl div.notice {
     background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
@@ -464,6 +464,13 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 .show {
     display: block;
 }
+#notifications {
+       height: 20px;
+       width: 170px;
+       position: absolute;
+       top: -19px;
+       left: 4px;
+}
 #nav-floater {
     position: fixed;
     top: 20px;
@@ -473,12 +480,23 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
        color: transparent;
     border-radius: 5px;
     z-index: 100;
+       width: 28%;
+       height: 80px;
+}
+#nav-buttons {
+    clear: both;
+       list-style: none;
+       padding: 0px;
+       height: 25px;
+}
+#nav-buttons li {
+       padding: 0;
 }
 .floaterflip {
        display: block;
     position: fixed;
     z-index: 110;
-    top: 53px;
+    top: 56px;
     right: 19px;
        width: 22px;
        height: 22px;
@@ -488,18 +506,37 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 }
 .search-box {
        display: inline-block;
-       height: 40px;
-       margin: 12px 0 0 -3px;
+       height: 20px;
+       margin: 0;
        position: relative;
-       right: -12px;
-       top: 17px;
-       width: 0;
+       left: 7px;
+       top: 5px;
+       /*width: 210px;*/
 }
 #search-text {
        border: 1px #eec solid;
        background: #2e3436;
        color: #eec;
 }
+nav #user-menu {
+    display: block;    
+    width: 75%;
+    margin: 3px 0 0 0;
+    position: relative;
+       background-color: #555753;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
+    clear: both;
+       top: 12px;
+       left: 7px;
+}
+nav #user-menu-label {
+       font-size: 12px;
+    padding: 3px 20px 9px 5px;
+    height: 10px;
+}
 .nav-ajax-update, .nav-ajax-left {
        width: 30px;
        height: 19px;
@@ -705,7 +742,11 @@ aside #viewcontacts {
        padding:.2em .5em;
 }
 #netsearch-box {
-       margin: 30px 0px;
+       margin: 20px 0px 30px;
+    width: 150px;
+}
+#netsearch-box #search-submit {
+    margin: 5px 5px 0px 0px;
 }
 .ttright {
        margin: 0px 0px 0px 0px;
@@ -964,7 +1005,7 @@ aside #viewcontacts {
     background-color: #ffffe0;
        color: #111;
     border: 1px #aa0 solid;
-    border-radius: 3px;
+    border-radius: 5px;
     padding: 3px 3px 6px 10px;
 }
 #jot-preview-content .wall-item-outside-wrapper {
@@ -1007,6 +1048,9 @@ section {
 .tab.active {
        background: #729fcf;
     color: #eeeeec;
+}
+.tab.active a {
+       
 }
 .tab a {
        border: 0;
@@ -1037,6 +1081,9 @@ section {
 .shiny {
     background: #efefdf;
 }
+.wall-outside-wrapper .shiny {
+       border-radius: 5px;
+}
 .heart {
        color: red;
 }
@@ -1730,8 +1777,10 @@ div[id$="wrapper"] br {
 /**
  *     register, settings & profile forms
  */
-#id_openid_url,
 .openid {
+
+}
+#id_openid_url {
     background:url(login-bg.gif) no-repeat;
     background-position:0 50%;
     padding-left:18px;
@@ -1827,10 +1876,12 @@ div[id$="wrapper"] br {
  *     contacts selector
  */
 .group-delete-wrapper {
-       margin: -31px 122px 0 0;
+       margin: -31px 50px 0 0;
     float: right;
 }
-
+/*.group-delete-icon {
+    margin: 0 0 0 10px;
+}*/
 #group-edit-submit-wrapper {
     margin: 0 0 10px 0;
     display: inline;
@@ -1870,6 +1921,7 @@ div[id$="wrapper"] br {
     display: none;
 }
 
+
 /**
  * profile
  */
@@ -2188,6 +2240,7 @@ div[id$="wrapper"] br {
     margin: 5px 0px 0px 0px;
 }
 
+
 /**
  * ADMIN
  */
@@ -2275,7 +2328,7 @@ div[id$="wrapper"] br {
 .field {
        /*margin-bottom: 10px;*/
        /*padding-bottom: 10px;*/
-    overflow: auto;
+       /*overflow: auto;*/
     width: 100%;
 }
 .field label, label {
@@ -2287,7 +2340,7 @@ div[id$="wrapper"] br {
        margin: 0 10px 0.5em 0;
        border: 1px #999 solid;
        padding: 5px;
-       background: #eee;
+       background: #ccc;
        vertical-align: middle;
        color: #111;
 }
@@ -2591,9 +2644,9 @@ div[id$="wrapper"] br {
 }
 .border, .border:hover {
        border: 1px solid #babdb6;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;        
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;        
 }
 .attachtype {
     display: block;
@@ -2720,7 +2773,7 @@ footer {
        vertical-align: middle;
 }
 #acl-wrapper a:hover {
-    text-decoration:none;
+    text-decoration: none;
     color: #000;
        border: 0;
 }