aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/redbasic/css
diff options
context:
space:
mode:
authorStefan Parviainen <saparvia@caterva.eu>2014-12-21 12:42:07 +0100
committerStefan Parviainen <saparvia@caterva.eu>2014-12-21 12:42:07 +0100
commitaa73259a479d36394cf298979dc260030062ee70 (patch)
treeaca0b7764ce17c328761bd860e1e1b6fa4c3c6b6 /view/theme/redbasic/css
parent148f0eb4aed6fdbec62f50d87e6db0c8df35fe28 (diff)
downloadvolse-hubzilla-aa73259a479d36394cf298979dc260030062ee70.tar.gz
volse-hubzilla-aa73259a479d36394cf298979dc260030062ee70.tar.bz2
volse-hubzilla-aa73259a479d36394cf298979dc260030062ee70.zip
Fancy categories input with bootstrap-tagsinput
Diffstat (limited to 'view/theme/redbasic/css')
-rw-r--r--view/theme/redbasic/css/style.css58
1 files changed, 31 insertions, 27 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 382bed90e..961572652 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1746,44 +1746,23 @@ img.mail-list-sender-photo {
max-width: $converse_width;
}
-#jot-title,
-#jot-category,
-#jot-pagetitle {
+.jothidden {
font-weight: bold;
- border: solid 1px #ffffff;
border-radius: $radiuspx;
}
-#jot-category::-webkit-input-placeholder {
+.jothidden input::-webkit-input-placeholder {
font-weight: bold;
}
-#jot-category:-moz-placeholder {
+.jothidden input::-moz-placeholder {
font-weight: bold;
}
-#jot-title::-webkit-input-placeholder {
- font-weight: bold;
-}
-
-#jot-title:-moz-placeholder {
- font-weight: bold;
-}
-
-#jot-pagetitle::-webkit-input-placeholder {
- font-weight: bold;
-}
-
-#jot-pagetitle:-moz-placeholder {
- font-weight: bold;
+.jothidden >input, .jothidden >input {
+ border: 1px solid #fff;
}
-
-#jot-title:hover,
-#jot-title:focus,
-#jot-pagetitle:hover,
-#jot-pagetitle:focus,
-#jot-category:hover,
-#jot-category:focus {
+.jothidden >input:hover, .jothidden >input:focus {
border: 1px solid #cccccc;
}
@@ -2368,3 +2347,28 @@ aside .nav > li > a:hover, aside .nav > li > a:focus {
.bb_observer img {
border: 3px solid red !important;
}
+
+.bootstrap-tagsinput .tag:before {
+ /* Copied from icon-asterisk, is there a better way to do it? */
+ font-family: FontAwesome;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: inherit;
+ content:"\f069";
+}
+
+/* Modified original CSS to match input in Redbasic */
+.bootstrap-tagsinput {
+ border-color:#fff;
+ background-color: #fff;
+ box-shadow: none;
+ display: inline-block;
+ border-radius: $radiuspx;
+ cursor: text;
+ padding: 0 6px;
+ width: 70% !important;
+}
+
+.jothidden .bootstrap-tagsinput:hover, .jothidden .bootstrap-tagsinput:focus {
+ border: 1px solid #cccccc;
+}