add background color to widgets

view/css/default.css

@@ -31,5 +31,5 @@ section {
 	width: 100%;
 	display: table-cell;
 	vertical-align: top;
-	padding: 65px 10px 200px 10px;
+	padding: 65px 7px 200px 7px;
 }

view/css/widgets.css

@@ -2,12 +2,14 @@
 /* Easiest way to indent the widget body - indent the entire widget and then shift the header label back to the left */
 
 .widget {
-	margin-left: 10px;
-	padding: 0 8px 8px 8px;
+	margin-bottom: 10px;
+	padding: 10px 10px 10px 20px;
 }
 
 .widget h3 {
 	margin-left: -10px;
+	margin-top: 0px;
+	margin-bottom: 10px;
 }
 
 /* suggest */
@@ -109,34 +111,10 @@
 
 /* group */
 
-#group-sidebar {
+#sidebar-group-list {
 	margin-bottom: 10px;
 }
 
-#sidebar-new-group {
-	margin-bottom: 10px;
-}
-
-#sidebar-group-list .icon, #sidebar-group-list .iconspacer {
-	display: inline-block;
-	height: 12px;
-	width: 12px;
-}
-
-.sidebar-group-name {
-	display: block;
-	width: 170px;
-	overflow: hidden;
-}
-
-#sidebar-group-ul {
-	margin-bottom: 10px;
-}
-
-#sidebar-group-list li {
-	margin-top: 3px;
-}
-
 .sidebar-group-li input {
 	float: right;
 }

view/theme/redbasic/css/style.css

@@ -2118,6 +2118,7 @@ img.mail-list-sender-photo {
 /* widgets */
 
 .widget {
+	background-color: $comment_item_colour;
 	border-bottom: 1px solid $widget_brdrcolour;
 	-moz-border-radius: $radiuspx;
 	-webkit-border-radius: $radiuspx;
@@ -2408,7 +2409,6 @@ blockquote {
 	background-image: linear-gradient(to bottom, $advperm_gradientcol 0px, $advperm_bgcolour 100%);
 }
 
-
 @media screen and (max-width: 767px) {
 	aside#region_1 {
 		background: rgba(0, 0, 0, .1);

view/theme/redbasic/php/style.php

@@ -140,7 +140,7 @@ if(! $a->install) {
 	if (! $selected_active_deco)
 		$selected_active_deco = "none";
 	if (! $widget_brdrcolour)
-		$widget_brdrcolour = "#eec";
+		$widget_brdrcolour = "rgba(238,238,238,0.8)";
 	if (! $blockquote_colour)
 		$blockquote_colour = "#000";
 	if (! $blockquote_bgcolour)