From 938b1677f8fdc2bddeb43d964a2da5983c687be6 Mon Sep 17 00:00:00 2001 From: Mike Macgirvin Date: Fri, 8 Oct 2010 04:44:08 -0700 Subject: [PATCH] new default theme (thx: Manu Revah) --- view/theme/clean/style.css | 42 ++++- view/theme/darkness/style.css | 26 +++ view/theme/default/style.css | 309 +++++++++++++++++++++------------ view/theme/goldenrod/style.css | 44 +++++ 4 files changed, 307 insertions(+), 114 deletions(-) diff --git a/view/theme/clean/style.css b/view/theme/clean/style.css index f190b3d1a..ea8f54ddf 100644 --- a/view/theme/clean/style.css +++ b/view/theme/clean/style.css @@ -1,5 +1,43 @@ @import url('../default/style.css'); +footer { + background: #CCC; +} + +#banner { + color: #444444; +} + +body { + background: #FFFFFF; + color: #000000; +} +.nav-selected { + background: #FFFFFF !important; + color: #888888 !important; +} + +input:hover { + background-color: #CCCCCC; + color: #000000; + border: 1px solid #FFFFFF; +} + +input, select { + background-color: #FFFFFF; + color: #000000; +} +.nav-link:hover, .nav-commlink:hover { + background: #DDDDDD; + color: #0000EE; +} +option { + background-color: #FFFFFF; +} +#page-footer { + border: none; +} + nav { background: #F4F4F4; } @@ -12,13 +50,13 @@ body { .nav-link { color: #444444; background: #EEE; - border: 2px solid #888888; + border: 2px solid #CCCCCC; } .nav-commlink { color: #444444; background: #EEE; - border: 2px solid #888888; + border: 2px solid #CCCCCC; } .profile-tabs { diff --git a/view/theme/darkness/style.css b/view/theme/darkness/style.css index a7097d543..41f695abc 100644 --- a/view/theme/darkness/style.css +++ b/view/theme/darkness/style.css @@ -1,13 +1,39 @@ @import url('../default/style.css'); +nav { + background: #CCC; +} +footer { + background: #CCC; +} +#banner { + color: #FF0000; +} + body { background: #000000; color: #FF0000; } .nav-selected { background: #000000 !important; + color: #888888 !important; } +input:hover { + background-color: #000000; +} +input, select { + background-color: #000000; + color: #FF0000; +} +.nav-link:hover, .nav-commlink:hover { + background: #DDDDDD; + color: #FF0000; +} + +#page-footer { + border: none; +} .nav-link { color: #FF0000; background: #444444; 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,64 +1,47 @@ +/* + 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; -} - -.fakelink, .fakelink:visited { - color: #8888FF; + color: #29BBF2; text-decoration: none; - cursor: pointer; - margin-top: 15px; - margin-bottom: 15px; } -.lockview { +input, select { + background-color: #ECECEC; + border: 1px solid #858585; +} +input:hover { + background-color: #29BBF2; + color: #F5F6FB; + border: 1px solid #F5F6FB; cursor: pointer; } - -.fakelink:hover { - color: #0000FF; - text-decoration: underline; - cursor: pointer; +option { + background-color: #ECD6D2; } - - img { border: none; } - -#sysmsg { - width: 600px; -} -#top-margin { - height: 20px; -} -#banner { - color: lightgreen; - font-size: 1.4em; - font-weight: bold; - position: absolute; - filter:alpha(opacity=50); - -moz-opacity:0.5; - -khtml-opacity: 0.5; - opacity: 0.5; - top: 12px; - left: 42%; -} - -#panel { - background-color: ivory; - position: absolute; - z-index: 2; - width: 30%; - padding: 25px; - border: 1px solid #444; -} - code { font-family: monospace; white-space: pre; @@ -70,23 +53,72 @@ code { 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; +/* 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: #343639; + text-decoration: none; + cursor: pointer; + margin-top: 15px; + margin-bottom: 15px; +} +.lockview { + cursor: pointer; +} + +.fakelink:hover { + color: #29BBF2; + text-decoration: none; + cursor: pointer; +} + +#sysmsg { + width: 600px; +} +#top-margin { + height: 20px; +} +#banner { + 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;*/ + top: 12px; + left: 38%; +} + +#panel { + background-color: ivory; + position: absolute; + z-index: 2; + width: 30%; + padding: 25px; + border: 1px solid #444; } 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; */ } diff --git a/view/theme/goldenrod/style.css b/view/theme/goldenrod/style.css index 8743dcbf5..c98223552 100644 --- a/view/theme/goldenrod/style.css +++ b/view/theme/goldenrod/style.css @@ -1,5 +1,49 @@ @import url('../default/style.css'); +footer { + background: #CCC; +} + +#banner { + color: #444444; +} + +body { + background: #FFFFFF; + color: #000000; +} +.nav-selected { + background: #FFFFFF !important; + color: #888888 !important; +} + +input:hover { + background-color: #FFEEBB; + color: #000000; + border: 1px solid #000000; +} + +input, select { + background-color: #FFEEBB; + color: #000000; +} +.nav-link:hover, .nav-commlink:hover { + background: #FFDDAA; + color: #0000EE; +} +option { + background-color: #FFEEBB; +} +#page-footer { + border: none; +} + +nav { + background: #FFEEBB; +} + + + body { background: #FFDDAA; color: #444444;