add dispy-dark snapshot; fix toolbar
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu
parent
a57e1e9cbc
commit
6cd56e0f33
BIN
view/theme/dispy-dark/snapshot.jpg
Normal file
BIN
view/theme/dispy-dark/snapshot.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue