add dispy-dark snapshot; fix toolbar

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-03-27 03:57:47 -04:00
parent a57e1e9cbc
commit 6cd56e0f33
3 changed files with 197 additions and 109 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View file

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

View file

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