Make Red...red.

Still lots to do.

2 files changed, 69 insertions, 46 deletions

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index afe2f8979..d2071baf7 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -34,7 +34,7 @@ abbr {
   text-indent: 0px;
 }
 .icon.notify {
-  background-image: url("../../../../images/icons/22/notify_off.png");
+  background-image: url("../img/notify_on.png");
  min-width: 22px;
   height: 22px;
   margin-top: -4px; 
@@ -49,13 +49,13 @@ abbr {
   padding: 1px;
 }
 
-a, a:visited, a:link { color: #335577; text-decoration: none; }
-a:hover { color: #5588aa; text-decoration: underline; }
+a, a:visited, a:link { color: #dd0000; text-decoration: none; }
+a:hover { color: #dd0000; text-decoration: underline; }
 
 input {
 	border: 1px solid #666666;
-	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	-moz-border-radius: 5px;
+	border-radius: 5px;	
 	padding: 3px;
 }
 
@@ -155,7 +155,7 @@ header #banner {
   width: 100%;
   font-size: 2.2em;
   font-family: tahoma, "Lucida Sans", sans;
-  color: red;
+  color: #eec;
   font-weight: bold;
 
 }
@@ -164,7 +164,7 @@ header #banner a:active,
 header #banner a:visited,
 header #banner a:link,
 header #banner a:hover {
-  color: #ffffff;
+  color: #eec;
   text-decoration: none;
   outline: none;
   vertical-align: bottom;
@@ -193,8 +193,8 @@ header #banner #logo-text {
 	border-bottom: 0px;
 	background-color: #aec0d3;
 	color: #565854;		
-	-moz-border-radius: 3px 3px 0px 0px;
-	border-radius: 3px 3px 0px 0px;	
+	-moz-border-radius: 5px 5px 0px 0px;
+	border-radius: 5px 5px 0px 0px;	
 }
 nav .nav-link {
 	float: right;
@@ -294,9 +294,8 @@ footer {
 }
 
 div.wall-item-content-wrapper.shiny {
-  background-image: url('../img/shiny.png');
-  background-position: -5px 30px;
-  background-repeat:no-repeat;
+	background: #f4f4f4;
+	padding-right: 12px;
 }
 
 .preview {
@@ -332,11 +331,13 @@ div.wall-item-content-wrapper.shiny {
 #jot-title, #jot-category {
 	border: 0px;
 	margin: 0px;
+	padding: 8px;
 	height: 20px;
 	width: 530px;
 	margin-bottom: 5px;
 	font-weight: bold;
-	border: 1px solid #ffffff;
+	border: solid 1px #ccc;
+	box-shadow: 5px 5px 5px #666 inset;
 }
 
 #jot-title::-webkit-input-placeholder{font-weight: normal;}
@@ -376,8 +377,8 @@ div.wall-item-content-wrapper.shiny {
 
 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
 	padding: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	-moz-border-radius: 5px;
+	border-radius: 5px;	
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -385,8 +386,8 @@ div.wall-item-content-wrapper.shiny {
 
 .settings-widget .selected {
 	padding: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	-moz-border-radius: 5px;
+	border-radius: 5px;	
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -1131,7 +1132,10 @@ input#dfrn-url {
 }
 
 .wall-item-delete-wrapper {
-	float: right;
+	/* TODO 
+	This should really go somewhere at the right, but for now, that leaves
+	it dangling at the edge of whitespace, so we'll put it with the other wall item tools for the time being */
+	float: left;
 }
 
 .wall-item-delete-end {
@@ -1183,6 +1187,12 @@ input#dfrn-url {
 	clear: both;
 }
 
+.thread-wrapper.toplevel_item {
+border-bottom: 1px #000 solid;
+padding: 30px;
+width: 90%;
+}
+
 .wall-item-body {
 /*	float: left; */
 	/*width: 450px;*/
@@ -1231,8 +1241,11 @@ input#dfrn-url {
 .comment-edit-text-empty, .comment-edit-text-full {
 	float: left;
 	margin-top: 10px;
-	border-left: 1px solid #e0e0e0;
 	padding: 3px 1px 1px 3px;
+	border: 1px solid #ccc;
+	padding: 8px;
+	border-radius: 5px 5px 5px 5px;
+	box-shadow: 5px 5px 5px #666 inset;
 }
 
 .comment-edit-text-empty {
@@ -1250,7 +1263,7 @@ input#dfrn-url {
 .comment-edit-text-full {
 	color: black;
 	height: 150px;
-	width: 350px;
+	width: 80%;
 	overflow: auto;
 }
 
@@ -1694,34 +1707,36 @@ input#dfrn-url {
 }
 
 #profile-jot-text_parent, .mceLayout {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 
 #profile-jot-text {
 	height: 20px;
-	color:#cccccc;
+	color:#000;
 	border: 1px solid #cccccc;
-	padding: 3px 0px 0px 5px;
-	-moz-border-radius: 3px;
+	padding: 8px;
+	width: 90%;
+	-moz-border-radius: 5px;
 	border-radius: 3px;	
+	box-shadow: 4px 4px 3px 0 #666 inset;
 }
 #profile-jot-text:hover {
 	color: #000000;
 }
 
 .wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 
 
 #datebrowse-sidebar select {
     margin-left: 25px;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     opacity: 0.3;
     filter:alpha(opacity=30);
 }
@@ -1755,14 +1770,14 @@ input#dfrn-url {
 	list-style: none;
 }
 
-.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .profile-jot-text, .group-selected, .nets-selected, .fileas-selected, #profile-jot-submit, .categories-selected {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .group-selected, .nets-selected, .fileas-selected, #profile-jot-submit, .categories-selected {
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 .settings-widget .selected {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
     box-shadow: 4px 4px 3px 0 #444444;
 }
 
@@ -1918,9 +1933,9 @@ input#dfrn-url {
 	background-position: 3px 3px;
 	background-repeat: no-repeat;
 	margin-right: 5px;
-	-webkit-border-radius: 2px ;
-	-moz-border-radius: 2px;
-	border-radius: 2px;
+	-webkit-border-radius: 5px ;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
 	padding-left: 15px;
 }
 #acl-wrapper a:hover {
@@ -2521,16 +2536,18 @@ aside input[type='text'] {
 }
 
 #nav-search-text:hover {
-	background-color: #FFFFFF;
+	background-color: #FFF;
+	color: #000;
 }
 
 #nav-search-text {
 	border-radius: 14px;
 	background-color: #AAAAAA;
+	color: #eec;
 }
 
 #nav-user-linkmenu img {
-	border-radius: 3px;
+	border-radius: 5px;
 }
 
 .location-label, .gender-label, .marital-label, .homepage-label {
@@ -2576,6 +2593,7 @@ aside input[type='text'] {
 	padding: 0px 0px 5px 0px;
 	font-size: 120%;
 	font-weight: bold;
+	color: #dd0000;
 }
 
 .vcard .title {
@@ -3445,6 +3463,11 @@ div.jGrowl div.info {
 	text-align: center;
 }
 
+.jslider .jslider-bg,
+.jslider .jslider-pointer {
+  background: url("../img/slider.png") !important;
+}
+
 .slider {
 	margin-top: 10px;
 	margin-bottom: 30px;
@@ -3472,8 +3495,8 @@ nav {
   left: 0px;
   top: 0px;
   padding: 0px;
-  background-color: #5a5a5a;
-  color: #ffffff;
+  background-color: #d00;
+  color: #eec;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
@@ -3501,6 +3524,7 @@ nav ul li {
 nav ul li .menu-popup {
   left: 0px;
   right: auto;
+  top: 33px;
 }
 nav .nav-menu-icon {
   position: relative;
@@ -3576,12 +3600,11 @@ ul.menu-popup {
   position: absolute;
   display: none;
   width: 10em;
-  background: #ffffff;
-  color: #2d2d2d;
-  margin: 0px;
+  background: #dd0000;
+  color: #eec;
   padding: 0px;
   list-style: none;
-  border: 3px solid #364e59;
+  border-radius: 0px 0px 20px 20px;
   z-index: 100000;
   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
@@ -3589,7 +3612,7 @@ ul.menu-popup {
 }
 ul.menu-popup a {
   display: block;
-  color: #2d2d2d;
+  color: #eec;
   padding: 5px 10px;
   text-decoration: none;
 }
diff --git a/view/theme/redbasic/img/notify_on.png b/view/theme/redbasic/img/notify_on.png
new file mode 100644
index 000000000..18002e15c
--- /dev/null
+++ b/view/theme/redbasic/img/notify_on.png