aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/default
diff options
context:
space:
mode:
authorMike Macgirvin <mike@macgirvin.com>2010-10-08 04:44:08 -0700
committerMike Macgirvin <mike@macgirvin.com>2010-10-08 04:44:08 -0700
commit938b1677f8fdc2bddeb43d964a2da5983c687be6 (patch)
treefd73c6b9656fe134330cf3dd03ccacae3c551190 /view/theme/default
parentf9ff5b36bfc4dcda86e00d391322e6c52a5c672b (diff)
downloadvolse-hubzilla-938b1677f8fdc2bddeb43d964a2da5983c687be6.tar.gz
volse-hubzilla-938b1677f8fdc2bddeb43d964a2da5983c687be6.tar.bz2
volse-hubzilla-938b1677f8fdc2bddeb43d964a2da5983c687be6.zip
new default theme (thx: Manu Revah)
Diffstat (limited to 'view/theme/default')
-rw-r--r--view/theme/default/style.css283
1 files changed, 184 insertions, 99 deletions
diff --git a/view/theme/default/style.css b/view/theme/default/style.css
index bd147131c..8ccecc9e0 100644
--- a/view/theme/default/style.css
+++ b/view/theme/default/style.css
@@ -1,16 +1,77 @@
+/*
+ Loozah CSS - Emmanuel Revah manurevah.com
+ Copy, Paste, Send - Free
+ this is still considered as messy :]
+*/
+
+/** {*/
+ /*margin: 0;*/
+ /*padding: 0;*/
+/*}*/
+
+/* GENERIC STUFF */
+body {
+ background: #F5F6FB;
+ color: #444444;
+ font-family: "Lucida Grande", Tahoma, sans-serif;
+ font-size: 90%;
+ margin-left: 10px;
+}
a, a:visited {
- color: #8888FF;
+ color: #343639;
text-decoration: none;
}
-
a:hover {
- color: #0000FF;
- text-decoration: underline;
+ color: #29BBF2;
+ text-decoration: none;
+}
+input, select {
+ background-color: #ECECEC;
+ border: 1px solid #858585;
+}
+input:hover {
+ background-color: #29BBF2;
+ color: #F5F6FB;
+ border: 1px solid #F5F6FB;
+ cursor: pointer;
+}
+option {
+ background-color: #ECD6D2;
+}
+img {
+ border: none;
+}
+code {
+ font-family: monospace;
+ white-space: pre;
+ display: block;
+ overflow: auto;
+ border: 1;
+ background: #000000;
+ color: #44FF44;
+ padding: 10px;
+ margin-top: 20px;
+}
+blockquote:before {
+ content: '>> ';
+}
+
+/* NOTIFICATION */
+#notification-show-hide-link {
+ background-color: red;
+ padding: 2px 4px;
+ background-color: #ECECEC;
+ border: 1px solid #858585;
+}
+#notification-show-hide-link:hover {
+ background-color: #29BBF2;
+ color: #F5F6FB;
+ border: 1px solid #F5F6FB;
}
.fakelink, .fakelink:visited {
- color: #8888FF;
+ color: #343639;
text-decoration: none;
cursor: pointer;
margin-top: 15px;
@@ -21,16 +82,11 @@ a:hover {
}
.fakelink:hover {
- color: #0000FF;
- text-decoration: underline;
+ color: #29BBF2;
+ text-decoration: none;
cursor: pointer;
}
-
-img {
- border: none;
-}
-
#sysmsg {
width: 600px;
}
@@ -38,16 +94,16 @@ img {
height: 20px;
}
#banner {
- color: lightgreen;
+ color: #F8FF15;
font-size: 1.4em;
font-weight: bold;
position: absolute;
- filter:alpha(opacity=50);
- -moz-opacity:0.5;
- -khtml-opacity: 0.5;
- opacity: 0.5;
+ /*filter:alpha(opacity=50);*/
+ /*-moz-opacity:0.5;*/
+ /*-khtml-opacity: 0.5;*/
+ /*opacity: 0.5;*/
top: 12px;
- left: 42%;
+ left: 38%;
}
#panel {
@@ -59,34 +115,10 @@ img {
border: 1px solid #444;
}
-code {
- font-family: monospace;
- white-space: pre;
- display: block;
- overflow: auto;
- border: 1;
- background: #000000;
- color: #44FF44;
- padding: 10px;
- margin-top: 20px;
-}
-
-blockquote:before {
- content: '>> ';
-}
-
-body {
- background: #FFFFFF;
- color: #444444;
- font-family: "Lucida Grande", Tahoma, sans-serif;
- font-size: 90%;
- margin-left: 10px;
-}
-
img.photo {
- border: 1px solid #AAAAAA;
- padding: 5px;
- background: #FFFFFF;
+ /*border: 1px solid #AAAAAA;*/
+ /*padding: 5px;*/
+ /*background: #FFFFFF;*/
}
#logo {
@@ -97,6 +129,7 @@ img.photo {
}
#page-footer {
height: 20px;
+/* border-bottom: 3px dashed #15607B; */
}
.heart {
@@ -105,14 +138,18 @@ img.photo {
}
aside {
- position: absolute;
- left: 0px;
- top: 60px;
- right: 250px;
+ /*position: absolute;*/
+ /*left: 0px;*/
+ /*top: 60px;*/
+ /*right: 250px;*/
width: 250px;
- margin-left: 20px;
- margin-right: 0px;
+ /*margin-left: 20px;*/
+ /*margin-right: 0px;*/
font-size: 0.9em;
+
+ float: left;
+ margin-top: 64px;
+ margin-left: 20px;
}
section {
position: absolute;
@@ -133,16 +170,22 @@ nav {
height: 48px;
left: 0px;
right: 0px;
- background: #444;
+ background: #15607B;
}
footer {
- position: absolute;
+ /*position: absolute;*/
left: 0px;
- right: 0px;
+ /*right: 0px;*/
bottom: 0px;
- margin: 20px 20px 20px 20px;
+ /*margin: 20px 20px 20px 20px;*/
+
+ position: fixed;
+ background-color: #29BBF2;
+ width: 100%;
+ padding: 2px 3%;
}
+
.fn {
font-size: 1.4em;
margin-bottom: 10px;
@@ -151,6 +194,14 @@ footer {
.powered {
font-size: 0.6em;
+ color: black;
+}
+.powered a {
+ color: #EBF3F3;
+ font-weight: bold;
+}
+.powered a:hover {
+ color: #F8FF15;
}
.error-message {
color: #FF0000;
@@ -163,10 +214,10 @@ footer {
.nav-link {
float: right;
margin-left: 0px;
- margin-right: 10px;
- padding: 4px;
- border: 2px solid #000000;
- background: #EEE;
+ margin-right: 3px;
+ padding: 5px;
+ /*border: 2px solid #000000;*/
+ background: #D5D5D5;
font-size: 90%;
font-weight: bold;
-moz-border-radius-topleft: 3px;
@@ -176,23 +227,29 @@ footer {
border-radius-topleft: 3px;
border-radius-topright: 3px;
}
+.nav-link:hover {
+ background-color: #29BBF2;
+ color: #F5F6FB;
+}
.nav-ajax-left {
margin-left: 1px;
+ margin-right: 2px;
float: left;
font-size: 0.6em;
font-weight: bold;
- color: #FF0000;
- background: #FFFFFF;
+ color: #F8FF15;
+ /*background: #FFFFFF;*/
}
.nav-selected {
- border-bottom: none !important;
- background: #FFFFFF !important;
- padding: 5px !important;
+ border-bottom: none !important;
+ background: #F5F6FB !important;
+ padding: 8px 6px 6px 6px !important;
+ color: #000 !important;
}
@@ -210,11 +267,11 @@ footer {
.nav-commlink {
float: left;
- margin-left: 10px;
+ margin-left: 3px;
margin-right: 0px;
- padding: 4px;
- border: 2px solid #000000;
- background: #EEE;
+ padding: 5px;
+ /*border: 2px solid #000000;*/
+ background: #D5D5D5;
font-size: 90%;
font-weight: bold;
text-decoration: none;
@@ -224,7 +281,10 @@ footer {
-webkit-border-radius-topright: 3px;
border-radius-topleft: 3px;
border-radius-topright: 3px;
-
+}
+.nav-commlink:hover {
+ background-color: #29BBF2;
+ color: #F5F6FB;
}
#nav-end {
@@ -354,13 +414,13 @@ input#dfrn-url {
margin-bottom: 30px;
}
-#settings-username-end,
-#settings-email-end,
+#settings-username-end,
+#settings-email-end,
#settings-nick-end,
-#settings-defloc-end,
+#settings-defloc-end,
#settings-timezone-end,
-#settings-theme-end,
-#settings-password-end,
+#settings-theme-end,
+#settings-password-end,
#settings-confirm-end,
#notify1-end,
#notify2-end,
@@ -371,13 +431,13 @@ input#dfrn-url {
clear: both;
}
-#settings-username-label,
-#settings-email-label,
+#settings-username-label,
+#settings-email-label,
#settings-nick-label,
-#settings-defloc-label,
-#settings-timezone-label,
+#settings-defloc-label,
+#settings-timezone-label,
#settings-theme-label,
-#settings-password-label,
+#settings-password-label,
#settings-confirm-label,
#settings-label-notify1,
#settings-label-notify2,
@@ -388,13 +448,13 @@ input#dfrn-url {
width: 200px;
}
-#settings-username,
-#settings-email,
-#settings-nick,
+#settings-username,
+#settings-email,
+#settings-nick,
#settings-defloc,
-#timezone-select,
+#timezone-select,
#theme-select,
-#settings-password,
+#settings-password,
#settings-confirm,
#notify1,
#notify2,
@@ -590,9 +650,9 @@ input#dfrn-url {
margin-bottom: 20px;
}
-#profile-in-dir-yes-label,
+#profile-in-dir-yes-label,
#profile-in-dir-no-label,
-#profile-in-netdir-yes-label,
+#profile-in-netdir-yes-label,
#profile-in-netdir-no-label,
#hide-friends-yes-label,
#hide-friends-no-label {
@@ -620,9 +680,9 @@ input#dfrn-url {
#profile-edit-politic-end,
#profile-edit-religion-end,
#profile-edit-homepage-end,
-#profile-in-dir-break,
+#profile-in-dir-break,
#profile-in-dir-end,
-#profile-in-netdir-break,
+#profile-in-netdir-break,
#profile-in-netdir-end,
#hide-friends-break,
#hide-friends-end {
@@ -1179,10 +1239,18 @@ input#dfrn-url {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
- border: 1px solid #CCC;
- background: #F8F8F8;
+ /*border: 1px solid #CCC;*/
+ /*background: #F8F8F8;*/
font-size: 0.8em;
font-weight: bold;
+ background-color: #ECECEC;
+ border: 1px solid #858585;
+}
+.profile-tabs:hover {
+ background-color: #29BBF2;
+ color: #F5F6FB;
+ border: 1px solid #F5F6FB;
+ /*cursor: pointer;*/
}
#profile-tabs-end {
@@ -1208,7 +1276,7 @@ input#dfrn-url {
margin-top: 30px;
}
-#acl-allow-group-label,
+#acl-allow-group-label,
#acl-allow-contact-label,
#acl-deny-group-label,
#acl-deny-contact-label {
@@ -1229,7 +1297,7 @@ input#dfrn-url {
}
-#group_allow_wrapper,
+#group_allow_wrapper,
#group_deny_wrapper {
float: left;
width: 100px;
@@ -1293,7 +1361,7 @@ input#dfrn-url {
#group_members_select_end {
clear: both;
-}
+}
#group-edit-name-end {
clear: both;
}
@@ -1333,6 +1401,15 @@ input#dfrn-url {
font-size: 1.1em;
margin-top: 10px;
}
+a.mail-list-link {
+ display: block;
+ padding: 4px 5px;
+ font-weight: bold;
+}
+a.mail-list-link:hover {
+ background-color: #15607B;
+ color: #F5F6FB;
+}
.mail-list-outside-wrapper-end {
clear: both;
@@ -1352,10 +1429,6 @@ input#dfrn-url {
border: none;
}
-
-
-
-
.mail-conv-sender,
.mail-conv-detail {
float: left;
@@ -1395,6 +1468,17 @@ input#dfrn-url {
.message-links li {
margin-top: 10px;
}
+.message-links a {
+ /*background-color: #ECECEC;*/
+ /*border: 1px solid #858585;*/
+ padding: 3px 5px;
+ /*display: block;*/
+}
+.message-links a:hover {
+ background-color: #29BBF2;
+ color: #F5F6FB;
+ /*border: 1px solid #F5F6FB;*/
+}
#sidebar-group-list ul {
list-style-type: none;
@@ -1511,7 +1595,7 @@ input#dfrn-url {
}
#photo-edit-caption-label, #photo-edit-tags-label {
- float: left;
+ float: left;
width: 150px;
}
#photo-edit-caption, #photo-edit-tags-textarea {
@@ -1536,7 +1620,7 @@ input#dfrn-url {
#in-this-photo-text {
color: #0000FF;
margin-left: 30px;
-}
+}
#in-this-photo {
margin-left: 60px;
@@ -1605,4 +1689,5 @@ input#dfrn-url {
.sparkle {
cursor: crosshair;
+/* cursor: pointer !important; */
}