aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/dispy-dark
diff options
context:
space:
mode:
authorSimon L'nu <simon.lnu@gmail.com>2012-03-27 03:57:47 -0400
committerSimon L'nu <simon.lnu@gmail.com>2012-03-27 03:57:47 -0400
commit6cd56e0f3320f34c46eb83cf08dce05da798088b (patch)
treeb1087e8b01b3692076f47ee8a527ba315e537c38 /view/theme/dispy-dark
parenta57e1e9cbcb492df05580e8cc492fe757f8df73b (diff)
downloadvolse-hubzilla-6cd56e0f3320f34c46eb83cf08dce05da798088b.tar.gz
volse-hubzilla-6cd56e0f3320f34c46eb83cf08dce05da798088b.tar.bz2
volse-hubzilla-6cd56e0f3320f34c46eb83cf08dce05da798088b.zip
add dispy-dark snapshot; fix toolbar
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
Diffstat (limited to 'view/theme/dispy-dark')
-rw-r--r--view/theme/dispy-dark/snapshot.jpgbin0 -> 39101 bytes
-rw-r--r--view/theme/dispy-dark/style.css149
2 files changed, 92 insertions, 57 deletions
diff --git a/view/theme/dispy-dark/snapshot.jpg b/view/theme/dispy-dark/snapshot.jpg
new file mode 100644
index 000000000..ada60ca61
--- /dev/null
+++ b/view/theme/dispy-dark/snapshot.jpg
Binary files differ
diff --git a/view/theme/dispy-dark/style.css b/view/theme/dispy-dark/style.css
index 5dba6b94c..dd0ce356d 100644
--- 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 {