new default theme (thx: Manu Revah)

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 {

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;

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; */
 }

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;