mirror of
https://github.com/netbirdio/plugins.git
synced 2026-05-22 18:44:07 -07:00
Tokenizer2 file for rebellion
This commit is contained in:
marjohn56
committed by
Franco Fichtner
Franco Fichtner
parent
4c43615060
commit
ff2d35beaa
@@ -1,5 +1,5 @@
|
||||
PLUGIN_NAME= theme-rebellion
|
||||
PLUGIN_VERSION= 1.2
|
||||
PLUGIN_VERSION= 1.3
|
||||
PLUGIN_COMMENT= A suitably dark theme
|
||||
PLUGIN_MAINTAINER= team-rebellion@queens-park.com
|
||||
|
||||
|
||||
@@ -944,3 +944,226 @@ div[data-for*="help_for"] {
|
||||
[data-state="red"] {
|
||||
background-color: #ec6d12;
|
||||
}
|
||||
#tab_1 #maintabs {
|
||||
border-bottom: 1px solid #565656;
|
||||
}
|
||||
|
||||
textarea#update_status {
|
||||
color: inherit !important;
|
||||
background-color: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
&:hover {
|
||||
color: inherit !important;
|
||||
background-color: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.fa-toggle-off::before {
|
||||
color: #ec6d12 !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.fa-toggle-on::before {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.fa-search, .glyphicon-search::before {
|
||||
content: "\e003";
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.fa-times-circle::before {
|
||||
content: "\f057";
|
||||
color: #B13116;
|
||||
}
|
||||
|
||||
.fa-refresh::before {
|
||||
content: "\f021";
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.fa-question-circle::before {
|
||||
content: "\f059";
|
||||
cursor: pointer;
|
||||
color: #ec6d12;
|
||||
}
|
||||
|
||||
#navigation > .fa-search::before, .fa-refresh::before {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
#totals .fa-search::before {
|
||||
color: #FFF !important;
|
||||
background-color: #ec6d12;
|
||||
padding: 5px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #5A5A5A;
|
||||
}
|
||||
|
||||
.panel-heading h3:hover {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
&:focus {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:link {
|
||||
color: #FFFFFF;
|
||||
text-decoration: underline;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
color: #ec6d12;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
text {
|
||||
&.nvd3, &.nv-axislabel, &.nv-legend-text {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.nv-series-0 {
|
||||
stroke-opacity: 1;
|
||||
stroke-width: 1.5;
|
||||
fill-opacity: 0.5;
|
||||
fill: rgb(0, 151, 255) !important;
|
||||
stroke: rgb(0, 151, 255) !important;
|
||||
}
|
||||
|
||||
.nv-controlsWrap.nvd3-svg circle.nv-legend-symbol {
|
||||
stroke-width: 1 !important;
|
||||
fill: rgb(143, 143, 143) !important;
|
||||
stroke: rgb(143, 143, 143) !important;
|
||||
}
|
||||
|
||||
.table-condensed.table-hover {
|
||||
border: 1px solid #515151;
|
||||
}
|
||||
|
||||
ul.TokensContainer {
|
||||
border-radius: 3px;
|
||||
-webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
|
||||
-o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
|
||||
transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
|
||||
li.Token {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
div.Tokenize ul {
|
||||
&.TokensContainer {
|
||||
li.TokenSearch {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
border-color: #ec6d12 !important;
|
||||
background-color: #2a2a2a !important;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
border: 1px solid #5a5a5a !important;
|
||||
background-color: #2a2a2a !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
&.Dropdown {
|
||||
border: 1px solid #5a5a5a !important;
|
||||
background-color: #2a2a2a !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
&.TokensContainer li {
|
||||
&.Token {
|
||||
background-color: #ce671c !important;
|
||||
border: 1px solid #303030 !important;
|
||||
}
|
||||
&.Placeholder {
|
||||
color: #505050 !important;
|
||||
}
|
||||
&.Token a.Close {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bootgrid-table th {
|
||||
> .column-header-anchor {
|
||||
color: #fff !important;
|
||||
> {
|
||||
.icon, .glyphicon {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-color: #4b4b4b !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu {
|
||||
color: #fff;
|
||||
background-color: #2a2a2a;
|
||||
border-color: #1d1d1d;
|
||||
}
|
||||
|
||||
.btn-group.bootstrap-select {
|
||||
&.open, &:hover {
|
||||
border-color: #323232 !important;
|
||||
color: #FFFFFF !important;
|
||||
background-color: #2d2d2d !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bootgrid-table td {
|
||||
&.loading, &.no-results {
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus {
|
||||
color: #FFF !important;
|
||||
text-decoration: none !important;
|
||||
background-color: #ec6d12 !important;
|
||||
}
|
||||
|
||||
.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon {
|
||||
top: 0;
|
||||
background-color: #ec6d12 !important;
|
||||
border: 1px solid #ec6d12 !important;
|
||||
}
|
||||
|
||||
.nvtooltip {
|
||||
background-color: rgb(60, 60, 60) !important;
|
||||
color: rgba(0, 0, 0, 1) !important;
|
||||
border: 1px solid rgb(255, 127, 14) !important;
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
&.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted {
|
||||
color: #eac80a !important;
|
||||
}
|
||||
}
|
||||
|
||||
.fa.fa-play.text-muted::before {
|
||||
color: #eac80a !important;
|
||||
}
|
||||
|
||||
#system_log-widgets.content-box {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out {
|
||||
background-color: #292929;
|
||||
border: 1px solid #515151;
|
||||
}
|
||||
+158
@@ -0,0 +1,158 @@
|
||||
.tokenize {
|
||||
> .tokens-container {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0 0 5px 5px;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
cursor: text;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
&.disabled {
|
||||
background-color: #eee;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
&.focus > .tokens-container {
|
||||
outline: 0;
|
||||
border-color: #66afe9;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
}
|
||||
> .tokens-container {
|
||||
&.input-sm {
|
||||
padding: 0 0 4px 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
&.input-lg {
|
||||
padding: 0 0 9px 9px;
|
||||
min-height: 46px;
|
||||
}
|
||||
> {
|
||||
.token {
|
||||
padding: 0 1.2em 0 5px;
|
||||
background-color: #111111;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #cdd5e3;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 0 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.placeholder, .token-search {
|
||||
border: 1px solid #cdd5e3;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 0 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sortable > .tokens-container > .token {
|
||||
cursor: move;
|
||||
}
|
||||
&.single > .tokens-container > .token {
|
||||
display: block;
|
||||
border-color: #fff;
|
||||
background-color: transparent;
|
||||
}
|
||||
&.sortable > .tokens-container > .token.shadow {
|
||||
border-color: #ccc;
|
||||
background-color: #ccc;
|
||||
filter: alpha(opacity = 50);
|
||||
opacity: .2;
|
||||
}
|
||||
> .tokens-container {
|
||||
> {
|
||||
.placeholder, .token-search {
|
||||
padding: 0;
|
||||
border-color: #fff;
|
||||
}
|
||||
.placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
.token-search > input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
border: 1px solid #fff;
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
&::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.input-sm > {
|
||||
.placeholder, .token-search, .token {
|
||||
margin: 4px 4px 0 0;
|
||||
}
|
||||
}
|
||||
&.input-lg > {
|
||||
.placeholder, .token-search, .token {
|
||||
margin: 9px 9px 0 0;
|
||||
}
|
||||
}
|
||||
> .token {
|
||||
&.pending-delete {
|
||||
background-color: #5b72a4;
|
||||
border-color: #425c96;
|
||||
color: #fff;
|
||||
> .dismiss {
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
> .dismiss {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
color: #a9b9d8;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
&:after {
|
||||
content: "×";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tokenize-dropdown {
|
||||
position: absolute;
|
||||
display: none;
|
||||
> .dropdown-menu {
|
||||
min-height: 10px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: -1px 0 0 0;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
li {
|
||||
cursor: pointer;
|
||||
> a .tokenize-highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
&.locked {
|
||||
padding: 3px 20px;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
> a {
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
&:not(.active) a {
|
||||
&:hover, &:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -7645,3 +7645,209 @@ div[data-for*=help_for] {
|
||||
[data-state=red] {
|
||||
background-color: #ec6d12;
|
||||
}
|
||||
|
||||
#tab_1 #maintabs {
|
||||
border-bottom: 1px solid #565656;
|
||||
}
|
||||
|
||||
textarea#update_status {
|
||||
color: inherit !important;
|
||||
background-color: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
textarea#update_status:hover {
|
||||
color: inherit !important;
|
||||
background-color: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.fa-toggle-off::before {
|
||||
color: #ec6d12 !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.fa-toggle-on::before {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.fa-search, .glyphicon-search::before {
|
||||
content: "";
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.fa-times-circle::before {
|
||||
content: "";
|
||||
color: #B13116;
|
||||
}
|
||||
|
||||
.fa-refresh::before {
|
||||
content: "";
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.fa-question-circle::before {
|
||||
content: "";
|
||||
cursor: pointer;
|
||||
color: #ec6d12;
|
||||
}
|
||||
|
||||
#navigation > .fa-search::before, .fa-refresh::before {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
#totals .fa-search::before {
|
||||
color: #FFF !important;
|
||||
background-color: #ec6d12;
|
||||
padding: 5px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #5A5A5A;
|
||||
}
|
||||
|
||||
.panel-heading h3:hover {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h3:focus {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
h3:link {
|
||||
color: #FFFFFF;
|
||||
text-decoration: underline;
|
||||
}
|
||||
h3:hover, h3:focus {
|
||||
color: #ec6d12;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
text.nvd3, text.nv-axislabel, text.nv-legend-text {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.nv-series-0 {
|
||||
stroke-opacity: 1;
|
||||
stroke-width: 1.5;
|
||||
fill-opacity: 0.5;
|
||||
fill: #0097ff !important;
|
||||
stroke: #0097ff !important;
|
||||
}
|
||||
|
||||
.nv-controlsWrap.nvd3-svg circle.nv-legend-symbol {
|
||||
stroke-width: 1 !important;
|
||||
fill: #8f8f8f !important;
|
||||
stroke: #8f8f8f !important;
|
||||
}
|
||||
|
||||
.table-condensed.table-hover {
|
||||
border: 1px solid #515151;
|
||||
}
|
||||
|
||||
ul.TokensContainer {
|
||||
border-radius: 3px;
|
||||
-webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
|
||||
-o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
|
||||
transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
|
||||
}
|
||||
ul.TokensContainer li.Token {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
div.Tokenize ul.TokensContainer {
|
||||
border: 1px solid #5a5a5a !important;
|
||||
background-color: #2a2a2a !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
div.Tokenize ul.TokensContainer li.TokenSearch {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
div.Tokenize ul.TokensContainer:hover, div.Tokenize ul.TokensContainer:focus {
|
||||
border-color: #ec6d12 !important;
|
||||
background-color: #2a2a2a !important;
|
||||
-webkit-box-shadow: inset 0 1px 1px black, 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: inset 0 1px 1px black, 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
div.Tokenize ul.Dropdown {
|
||||
border: 1px solid #5a5a5a !important;
|
||||
background-color: #2a2a2a !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
div.Tokenize ul.TokensContainer li.Token {
|
||||
background-color: #ce671c !important;
|
||||
border: 1px solid #303030 !important;
|
||||
}
|
||||
div.Tokenize ul.TokensContainer li.Placeholder {
|
||||
color: #505050 !important;
|
||||
}
|
||||
div.Tokenize ul.TokensContainer li.Token a.Close {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.bootgrid-table th > .column-header-anchor {
|
||||
color: #fff !important;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .icon, .bootgrid-table th > .column-header-anchor > .glyphicon {
|
||||
color: #fff !important;
|
||||
}
|
||||
.bootgrid-table th:hover {
|
||||
background-color: #4b4b4b !important;
|
||||
}
|
||||
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu {
|
||||
color: #fff;
|
||||
background-color: #2a2a2a;
|
||||
border-color: #1d1d1d;
|
||||
}
|
||||
|
||||
.btn-group.bootstrap-select.open, .btn-group.bootstrap-select:hover {
|
||||
border-color: #323232 !important;
|
||||
color: #FFFFFF !important;
|
||||
background-color: #2d2d2d !important;
|
||||
}
|
||||
|
||||
.bootgrid-table td.loading, .bootgrid-table td.no-results {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus {
|
||||
color: #FFF !important;
|
||||
text-decoration: none !important;
|
||||
background-color: #ec6d12 !important;
|
||||
}
|
||||
|
||||
.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon {
|
||||
top: 0;
|
||||
background-color: #ec6d12 !important;
|
||||
border: 1px solid #ec6d12 !important;
|
||||
}
|
||||
|
||||
.nvtooltip {
|
||||
background-color: #3c3c3c !important;
|
||||
color: black !important;
|
||||
border: 1px solid #ff7f0e !important;
|
||||
}
|
||||
|
||||
.glyphicon.glyphicon-play.text-muted, .glyphicon.glyphicon-remove.text-muted, .glyphicon.glyphicon-remove-sign.text-muted, .glyphicon.glyphicon-info-sign.text-muted {
|
||||
color: #eac80a !important;
|
||||
}
|
||||
|
||||
.fa.fa-play.text-muted::before {
|
||||
color: #eac80a !important;
|
||||
}
|
||||
|
||||
#system_log-widgets.content-box {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out {
|
||||
background-color: #292929;
|
||||
border: 1px solid #515151;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,141 @@
|
||||
@charset "UTF-8";
|
||||
.tokenize > .tokens-container {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0 0 5px 5px;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
cursor: text;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.tokenize > .tokens-container.disabled {
|
||||
background-color: #eee;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.tokenize.focus > .tokens-container {
|
||||
outline: 0;
|
||||
border-color: #66afe9;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
}
|
||||
.tokenize > .tokens-container.input-sm {
|
||||
padding: 0 0 4px 4px;
|
||||
min-height: 30px;
|
||||
}
|
||||
.tokenize > .tokens-container.input-lg {
|
||||
padding: 0 0 9px 9px;
|
||||
min-height: 46px;
|
||||
}
|
||||
.tokenize > .tokens-container > .token {
|
||||
padding: 0 1.2em 0 5px;
|
||||
background-color: #111111;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #cdd5e3;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 0 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search {
|
||||
border: 1px solid #cdd5e3;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 0 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tokenize.sortable > .tokens-container > .token {
|
||||
cursor: move;
|
||||
}
|
||||
.tokenize.single > .tokens-container > .token {
|
||||
display: block;
|
||||
border-color: #fff;
|
||||
background-color: transparent;
|
||||
}
|
||||
.tokenize.sortable > .tokens-container > .token.shadow {
|
||||
border-color: #ccc;
|
||||
background-color: #ccc;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.2;
|
||||
}
|
||||
.tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search {
|
||||
padding: 0;
|
||||
border-color: #fff;
|
||||
}
|
||||
.tokenize > .tokens-container > .placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
.tokenize > .tokens-container > .token-search > input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
border: 1px solid #fff;
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
}
|
||||
.tokenize > .tokens-container > .token-search > input::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.tokenize > .tokens-container.input-sm > .placeholder, .tokenize > .tokens-container.input-sm > .token-search, .tokenize > .tokens-container.input-sm > .token {
|
||||
margin: 4px 4px 0 0;
|
||||
}
|
||||
.tokenize > .tokens-container.input-lg > .placeholder, .tokenize > .tokens-container.input-lg > .token-search, .tokenize > .tokens-container.input-lg > .token {
|
||||
margin: 9px 9px 0 0;
|
||||
}
|
||||
.tokenize > .tokens-container > .token.pending-delete {
|
||||
background-color: #5b72a4;
|
||||
border-color: #425c96;
|
||||
color: #fff;
|
||||
}
|
||||
.tokenize > .tokens-container > .token.pending-delete > .dismiss {
|
||||
color: #aaa;
|
||||
}
|
||||
.tokenize > .tokens-container > .token > .dismiss {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
color: #a9b9d8;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tokenize > .tokens-container > .token > .dismiss:after {
|
||||
content: "×";
|
||||
}
|
||||
|
||||
.tokenize-dropdown {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
.tokenize-dropdown > .dropdown-menu {
|
||||
min-height: 10px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: -1px 0 0 0;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.tokenize-dropdown > .dropdown-menu li {
|
||||
cursor: pointer;
|
||||
}
|
||||
.tokenize-dropdown > .dropdown-menu li > a .tokenize-highlight {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tokenize-dropdown > .dropdown-menu li.locked {
|
||||
padding: 3px 20px;
|
||||
color: #333;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.tokenize-dropdown > .dropdown-menu li > a {
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.tokenize-dropdown > .dropdown-menu li:not(.active) a:hover, .tokenize-dropdown > .dropdown-menu li:not(.active) a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
Reference in New Issue
Block a user