1 files changed, 60 insertions, 190 deletions

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index c632dbc74..bcf987b2b 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -54,28 +54,27 @@ main {
 }
 
 h1, .h1 {
-	font-size: 2em;
+	font-size: 2rem;
 }
 
 h2, .h2 {
-	font-size: 1.667em;
+	font-size: 1.6rem;
 }
 
 h3, .h3 {
-	font-size: 1.334em;
+	font-size: 1.2rem;
 }
 
 h4, .h4 {
-	font-size: 1em;
-	font-weight: bold;
+	font-size: 1.05rem;
 }
 
 h5, .h5 {
-	font-size: 1em;
+	font-size: 0.9rem;
 }
 
 h6, .h6 {
-	font-size: 0.75em;
+	font-size: 0.75rem;
 }
 
 
@@ -109,34 +108,7 @@ a:focus,
 	cursor: pointer;
 }
 
-input[type="text"],
-input[type="password"],
-input[type="submit"],
-input[type="file"],
-select,
-textarea {
-	font-family: sans-serif, arial, freesans;
-	font-size: $body_font_size;
-}
-
-input {
-	padding: 5px;
-	line-height: 1.5;
-	border: 1px solid #ccc;
-	-moz-border-radius: $radiuspx;
-	border-radius: $radiuspx;	
-}
-
-input[type="submit"] {
-	background-color: #F0F0F0;
-	font-weight: bold;
-	color: #0080FF;
-	text-decoration: none;
-	padding: 6px 12px;
-}
-
 input, optgroup, select, textarea {
-	color: #333;
 	resize: vertical;
 }
 
@@ -213,7 +185,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
 
 header #banner {
 	z-index: 1040;
-	margin-top: 14px;
+	margin-top: 10px;
 	text-align: center;
 	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
 	font-size: 14px;
@@ -348,7 +320,7 @@ footer {
 
 .fn {
 	font-weight: bold;
-	font-size: 16px;
+	font-size: $font_size;
 	color: #444444;
 }
 
@@ -570,34 +542,15 @@ footer {
 	display: none;
 }
 
-#nav-searchbar {
-	float: right;
-	margin-top: 2px;
-	margin-right: 10px;
-}
-
 #nav-search-spinner {
-	float: left;
-	margin: 25px 0px 0px 25px;
-	color: $nav_active_icon_colour;
+	float: right;
+	margin-top: -0.85rem;
+	margin-right: 1.6rem;
 }
 
-#nav-search-text:hover,
-#nav-search-text:focus {
-	background-color: #fff;
-	color: #000; 
-}
 
 #nav-search-text {
-	font-size: 12px;
-	width: 200px;
-	height: 20px;
-	margin: 15px;
-	padding: 0px 5px 0px 5px;
-	border-radius: $radiuspx;
-	border-color: $nav_bd;
-	background-color: #eee;
-    	transition: background-color 300ms ease 0s;
+	width: 280px;
 }
 
 #nav-search-text::-webkit-input-placeholder {
@@ -609,7 +562,7 @@ footer {
 }
 
 nav .acpopup {
-	top: 50px !important;
+	top: 46px !important;
 	margin-left: -35px;
 	width: 290px;
 }
@@ -927,26 +880,18 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
 }
 
 .contactname {
-	padding-top: 2px;
 	font-weight: bold;
-	line-height: 1em;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
 	display: block;
 }
 
-.dropdown-sub-text {
-	line-height: 1em;
+.dropdown-notification {
+	line-height: 1.1em;
+	font-size: 0.75rem;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: block;
 }
 
-.notify-seen a {
-	background: #ddd;
-}
-
 #page-spinner {
 	color: #777;
 	margin: 24px;
@@ -1181,9 +1126,15 @@ margin-right: 50px;
 }
 
 .generic-icons {
-	font-size: 1.2em;
+	font-size: 1rem;
 	color: $toolicon_colour;
-	margin-right: 7px;
+	margin-right: 0.5rem;
+}
+
+.generic-icons-right {
+	font-size: 1rem;
+	color: $toolicon_colour;
+	margin-left: 0.5rem;
 }
 
 .generic-icons:hover {
@@ -1320,9 +1271,10 @@ img.mail-conv-sender-photo {
 
 
 /* conversation */
-.nsfw-wrap {
-	text-align: center;
-	font-size: $body_font_size;
+
+.top-radius {
+	border-top-right-radius: $radiuspx;
+	border-top-left-radius: $radiuspx;
 }
 
 .wall-event-item {
@@ -1339,12 +1291,8 @@ img.mail-conv-sender-photo {
 	border-top-left-radius: $radiuspx;
 }
 
-.wall-item-title {
-	font-size: $font_size;
-}
-
 .wall-item-footer {
-	font-size: $body_font_size;
+	font-size: 0.75rem;
 	margin-top: 2em;
 }
 
@@ -1413,11 +1361,6 @@ img.mail-conv-sender-photo {
 .wall-item-ago,
 .dropdown-sub-text {
 	color: #777;
-	font-size: 0.833em;
-}
-
-.wall-item-ago i {
-	font-size: 0.833em;
 }
 
 .wall-item-content,
@@ -1540,44 +1483,27 @@ nav img {
 	border-radius: $radiuspx;
 }
 
-nav .dropdown-menu {
-	font-size: $body_font_size;
-	border-top-right-radius: 0px;
-	border-top-left-radius: 0px;
-	border-bottom-right-radius: $radiuspx;
-	border-bottom-left-radius: $radiuspx;
-}
-
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:focus,
-.dropdown-menu > .active > a:hover {
-	color: #333;
-	background-color: #f5f5f5;
-}
-
 .dropdown-menu-img-sm {
-	float: left;
-	width: 36px;
-	height: 36px;
+	width: 3.3em;
+	height: 3.3em;
 	margin-right: 5px;
+	float: left;
 }
 
 .dropdown-menu-img-xs {
-	height: 18px;
-	width: 18px;
+	height: 1.1em;
+	width: 1.1em;
 	margin-right: 5px;
 }
 
-#usermenu-caret {
-	color: $nav_icon_colour;
+.usermenu {
+	width: 2.2rem;
+	height: 2.2rem;
 }
 
-.usermenu-head {
-	float: left;
-}
-
-.usermenu-head:hover #usermenu-caret {
-	color: $nav_active_icon_colour;
+.usermenu img {
+	width: 100%;
+	height: 100%;
 }
 
 .page-title {
@@ -1613,8 +1539,12 @@ nav .dropdown-menu {
 	text-overflow: ellipsis;
 }
 
+.section-subtitle-wrapper h3 {
+	padding: 3px;
+}
+
 .section-subtitle-wrapper {
-	padding: 7px 10px;
+	padding: 4px 10px;
 	background-color: $item_colour;
 	border-bottom: 3px solid $comment_item_colour;
 }
@@ -1725,15 +1655,15 @@ main.fullscreen .section-content-wrapper-np {
 	background-color: $item_colour;
 }
 
-nav ul li .undefined, 
-nav ul li .notify-seen,
-nav ul li .notify-unseen
- {
-    max-height: 3rem;
+.notify-seen {
+	background-color: $item_colour;
 }
-
 /* bootstrap overrides */
 
+.btn {
+	font-size: $body_font_size;
+}
+
 .panel {
   background-color: transparent;
   border: 0px solid transparent;
@@ -1754,17 +1684,6 @@ blockquote {
 	margin: 0px;
 }
 
-.badge {
-	border-radius: $radiuspx;
-}
-
-nav .badge.home-update,
-nav .badge.notify-update,
-nav .badge.intro-update,
-nav .badge.mail-update {
-	background-color: #C9302C;
-}
-
 .dropdown-menu {
 	font-size: $body_font_size;
 	border-radius: $radiuspx;
@@ -1774,6 +1693,7 @@ nav .badge.mail-update {
 	border-radius: $radiuspx;
 }
 
+/*
 .navbar-inverse {
 	background-image: -webkit-linear-gradient(top, $nav_gradient_top 0%, $nav_gradient_bottom 100%);
 	background-image:         linear-gradient(to bottom, $nav_gradient_top 0%, $nav_gradient_bottom 100%);
@@ -1782,6 +1702,7 @@ nav .badge.mail-update {
 	border-color: $nav_bd;
 }
 
+
 .navbar-inverse .navbar-collapse {
 	border-color: $nav_bd;
 }
@@ -1826,26 +1747,9 @@ nav .badge.mail-update {
 .navbar-inverse .navbar-toggle .icon-bar {
 	background-color: $nav_active_icon_colour;
 }
+*/
 
-.navbar-toggle-extra {
-	color: $nav_active_icon_colour;
-	padding: 7px 10px;
-}
-
-.navbar-toggle-extra-left {
-	float: left;
-	margin-left: 15px;
-	margin-right: 0px;
-	color: $nav_active_icon_colour;
-	padding: 7px 10px;
-}
-
-a.navbar-toggle-extra:hover,
-a.navbar-toggle-extra-left:hover  {
-	color: $nav_active_icon_colour;
-	text-decoration: none;
-}
-
+/*
 .nav-tabs.nav-justified {
 	background-color: rgba(254,254,254,.5);
 	border-top-left-radius: 4px;
@@ -1863,23 +1767,8 @@ a.navbar-toggle-extra-left:hover  {
 .nav-tabs > li.active > a:focus {
 	background-color: transparent;
 }
+*/
 
-#tabs-collapse-1 {
-	padding: 0px;
-	margin-bottom: 25px;
-}
-
-.btn {
-	font-size: $body_font_size;
-}
-
-.btn-xs {
-	font-size: 0.75rem;
-}
-
-.btn-default {
-	background-color: transparent;
-}
 
 @media screen and (max-width: 767px) {
 
@@ -1901,16 +1790,6 @@ a.navbar-toggle-extra-left:hover  {
 		border:1px;
 	}
 
-	.wall-item-photo {
-		width: 48px !important;
-		height: 48px !important;
-	}
-
-	.comment .wall-item-photo {
-		width: 32px !important;
-		height: 32px !important;
-	}
-
 	.acl-list-item {
 		width: 98%; /* fallback if browser does not support calc() */
 		width: calc(100% - 10px);
@@ -1971,7 +1850,7 @@ dl.bb-dl > dd > li {
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: inherit;
-	content:"\f069";
+	content:"\f069  ";
 }
 
 /* Modified original CSS to match input in Redbasic */
@@ -2067,7 +1946,7 @@ dl.bb-dl > dd > li {
 
 .field.checkbox > div > input:checked + label .onoffswitch-switch {
     right: 0px;
-    background-color: #337AB7;
+    background-color: #0275d8;
 }
 
 .help-searchlist {
@@ -2100,17 +1979,6 @@ dl.bb-dl > dd > li {
 	border-left: 3px solid #eee;
 }
 
-.nav-pills-stacked-icons {
-	padding: 6px 10px;
-	float: right;
-	position: relative;
-	z-index:1;
-}
-
-.nav-pills-stacked-icons:hover + a {
-	background-color: #eee;
-}
-
 .app-icon {
 	font-size: 80px;
 	color: $toolicon_colour;
@@ -2130,3 +1998,5 @@ dl.bb-dl > dd > li {
 #permcat-index {
 	margin: 10px;
 }
+
+.shiny { background-color: red; }