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,7 +48,6 @@ body {
body, button, input, select, textarea {
font-family: sans-serif;
color: #eec;
/*background-color: #2e3436;*/
background-color: #2e2f2e;
}
select {
@ -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;
@ -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 {

View file

@ -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;
}