From 0ebce75c7d53d209e47f4549105d27bbf1b5052a Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Tue, 1 Mar 2016 13:09:04 +0100
Subject: css fixes to make jot look better with background colors or images

---
 view/theme/redbasic/css/style.css | 42 +++++++++++----------------------------
 1 file changed, 12 insertions(+), 30 deletions(-)

(limited to 'view/theme/redbasic/css')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 5dca2785c..82b6d0277 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -295,7 +295,7 @@ footer {
 
 .vcard {
 	margin-bottom: 10px;
-	padding: 10px;
+	padding: 0px 10px 10px 10px;
 	background-color: rgba(254,254,254,0.5);
 	border: 1px solid rgba(254,254,254,0.5);
 	-moz-border-radius: $radiuspx;
@@ -341,9 +341,7 @@ footer {
 #profile-photo-wrapper {
 	width: 251px;
 	height: 251px;
-	margin-top: -10px;
 	margin-bottom: 10px;
-	border: 1px solid #ccc;
 	border-radius: $radiuspx;
 }
 
@@ -1142,7 +1140,6 @@ img.mail-conv-sender-photo {
 
 .jothidden {
 	font-weight: bold;
-	border-radius: $radiuspx;
 }
 
 .jothidden input::-webkit-input-placeholder {
@@ -1153,27 +1150,18 @@ img.mail-conv-sender-photo {
 	font-weight: bold;
 }
 
-.jothidden > input {
-	border: 1px solid transparent;
-	background-color: transparent;
-}
-.jothidden > input:hover,
-.jothidden > input:focus {
-	border: 1px solid #cccccc;
-	background-color: #fff;
-}
+
 
 #profile-jot-wrapper {
-	background-color: rgba(254,254,254,.5);
-	border: 1px solid rgba(254,254,254,.5);
+	background-color: rgba(254,254,254,1);
+	border: 1px solid #ccc;
 	border-radius: $radiuspx;
 
 }
 
 #profile-jot-text {
-	color:#000;
-	border: 1px solid #cccccc;
-	-moz-border-radius: $radiuspx;
+	resize: vertical;
+	border-width: 0px;
 	border-radius: $radiuspx;
 }
 
@@ -1515,7 +1503,7 @@ nav .dropdown-menu {
 .section-content-tools-wrapper {
 	padding: 7px 10px;
 	background-color: $comment_item_colour;
-	border-bottom: 3px solid $comment_item_colour;
+	border-bottom: 1px solid #ccc;
 }
 
 .section-content-info-wrapper {
@@ -1709,9 +1697,8 @@ nav .badge.mail-update:hover {
 
 .nav-tabs.nav-justified {
 	background-color: rgba(254,254,254,.5);
-	border: 1px solid rgba(254,254,254,.5);
-	border-top-left-radius: $radiuspx;
-	border-top-right-radius: $radiuspx;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
 }
 
 .nav-tabs.nav-justified > .active > a,
@@ -1824,13 +1811,13 @@ nav .badge.mail-update:hover {
 
 /* Modified original CSS to match input in Redbasic */
 .jothidden .bootstrap-tagsinput {
-	border-color: $bgcolour;
-	background-color: $bgcolour;
+	border: 0px solid transparent;
+	margin-bottom: 0px;
 	box-shadow: none;
 	display: inline-block;
 	border-radius: $radiuspx;
 	cursor: text;
-	padding: 0px 8px;
+	padding: 0px 10px;
 	width: 100%;
 }
 
@@ -1838,11 +1825,6 @@ nav .badge.mail-update:hover {
 	font-size: 100%;
 }
 
-.jothidden .bootstrap-tagsinput:hover, .jothidden .bootstrap-tagsinput:focus {
-	border: 1px solid #ccc;
-	background-color: #fff;
-}
-
 /* Abusing theme-green is less work than makeing a new new one */
 .theme-green .back-bar .selected-bar { background-color: #000000; background-image: none; !important }
 
-- 
cgit v1.2.3