new default theme (thx: Manu Revah)

diff --git a/view/theme/clean/style.css b/view/theme/clean/style.css
index f190b3d1aa11ad349cdd471ad00e56e32b1fa624..ea8f54ddf35b7aa0322985bf40b5b09a4dcd812f 100644 (file)
--- 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 a7097d543980a6abe4897c4b300a93f7233ed383..41f695abcac325802c542b8194a04cbe70359fe7 100644 (file)
--- 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 bd147131cdd8919b78ab4d035dd904278f3e9cf1..8ccecc9e0d47d194ec6b48acb8c5bc4b9fe39c65 100644 (file)
--- 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; */
 }

diff --git a/view/theme/goldenrod/style.css b/view/theme/goldenrod/style.css
index 8743dcbf595c53d95a3ca9b57b7ea1b630338514..c9822355241abc6321dba69ab243f4f993a19250 100644 (file)
--- 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;