mirror of
https://github.com/netbirdio/plugins.git
synced 2026-05-22 18:44:07 -07:00
Tukan and Cicada (sidebar / hover / tabs and spaces) + seperate tokenize2/nv.d3 css
Tukan and Cicada (sidebar / hover / tabs and spaces) + seperate tokenize2/nv.d3 css
This commit is contained in:
opnsenseuser
committed by
Franco Fichtner
Franco Fichtner
parent
cf48e48e8d
commit
5baefe5ef2
@@ -1,5 +1,5 @@
|
||||
PLUGIN_NAME= theme-cicada
|
||||
PLUGIN_VERSION= 1.3
|
||||
PLUGIN_VERSION= 1.4
|
||||
PLUGIN_COMMENT= The cicada theme - grey/orange
|
||||
PLUGIN_MAINTAINER= rene@team-rebellion.net
|
||||
|
||||
|
||||
+109
-104
@@ -1,8 +1,9 @@
|
||||
.modal-backdrop {
|
||||
z-index: -1;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.bootstrap-dialog {
|
||||
/*** Icon animation* Copied from font-awesome: http://fontawesome.io;
|
||||
|
||||
.modal-header {
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
@@ -16,18 +17,75 @@
|
||||
}
|
||||
.bootstrap-dialog-close-button {
|
||||
float: right;
|
||||
filter: alpha(opacity=90);
|
||||
-moz-opacity: 0.9;
|
||||
filter:alpha(opacity=90);
|
||||
-moz-opacity:0.9;
|
||||
-khtml-opacity: 0.9;
|
||||
opacity: 0.9;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
filter: alpha(opacity=100);
|
||||
-moz-opacity: 1;
|
||||
-khtml-opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog-close-button:hover {
|
||||
cursor: pointer;
|
||||
filter: alpha(opacity=100);
|
||||
-moz-opacity: 1;
|
||||
-khtml-opacity: 1;
|
||||
opacity: 1;
|
||||
|
||||
/* dialog types */
|
||||
&.type-default {
|
||||
.modal-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
.bootstrap-dialog-title {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
&.type-info {
|
||||
.modal-header {
|
||||
background-color: #c35d12;
|
||||
}
|
||||
}
|
||||
|
||||
&.type-primary {
|
||||
.modal-header {
|
||||
background-color: #EA7105;
|
||||
}
|
||||
}
|
||||
|
||||
&.type-success {
|
||||
.modal-header {
|
||||
background-color: #c35d12;
|
||||
}
|
||||
}
|
||||
|
||||
&.type-warning {
|
||||
.modal-header {
|
||||
background-color: #b82800;
|
||||
}
|
||||
}
|
||||
|
||||
&.type-danger {
|
||||
.modal-header {
|
||||
background-color: #ee7822;
|
||||
}
|
||||
}
|
||||
|
||||
&.size-large {
|
||||
.bootstrap-dialog-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.bootstrap-dialog-close-button {
|
||||
font-size: 30px;
|
||||
}
|
||||
.bootstrap-dialog-message {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Icon animation
|
||||
* Copied from font-awesome: http://fontawesome.io/
|
||||
**/
|
||||
.icon-spin {
|
||||
display: inline-block;
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
@@ -35,98 +93,45 @@
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.type-default {
|
||||
.modal-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
.bootstrap-dialog-title {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.type-info {
|
||||
.modal-header {
|
||||
background-color: #c35d12;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.type-primary {
|
||||
.modal-header {
|
||||
background-color: #EA7105;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.type-success {
|
||||
.modal-header {
|
||||
background-color: #9BD275;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.type-warning {
|
||||
.modal-header {
|
||||
background-color: #b82800;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.type-danger {
|
||||
.modal-header {
|
||||
background-color: #ee7822;
|
||||
}
|
||||
}
|
||||
.bootstrap-dialog.size-large {
|
||||
.bootstrap-dialog-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.bootstrap-dialog-close-button {
|
||||
font-size: 30px;
|
||||
}
|
||||
.bootstrap-dialog-message {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes {
|
||||
spin {
|
||||
0%;
|
||||
}
|
||||
}
|
||||
-moz-transform: {
|
||||
rotate(0deg); {
|
||||
100%;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes {
|
||||
spin {
|
||||
0%;
|
||||
}
|
||||
}
|
||||
-webkit-transform: {
|
||||
rotate(0deg); {
|
||||
100%;
|
||||
}
|
||||
}
|
||||
@-o-keyframes {
|
||||
spin {
|
||||
0%;
|
||||
}
|
||||
}
|
||||
-o-transform: {
|
||||
rotate(0deg); {
|
||||
100%;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes {
|
||||
spin {
|
||||
0%;
|
||||
}
|
||||
}
|
||||
-ms-transform: {
|
||||
rotate(0deg); {
|
||||
100%;
|
||||
}
|
||||
}
|
||||
@keyframes {
|
||||
spin {
|
||||
0%;
|
||||
}
|
||||
}
|
||||
transform: {
|
||||
rotate(0deg); {
|
||||
100%;
|
||||
}
|
||||
@-moz-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% {
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% {
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-ms-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
/** End of icon animation **/
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,163 @@
|
||||
.tokenize {
|
||||
> .tokens-container {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0 0 5px 5px;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
cursor: text;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #5a5a5a;
|
||||
background-color: #2a2a2a;
|
||||
&.disabled {
|
||||
background-color: #eee;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
&.focus > .tokens-container {
|
||||
outline: 0;
|
||||
border-color: #ec6d12;
|
||||
background-color: #2a2a2a;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
> .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: #ce671c;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 0 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.placeholder, .token-search {
|
||||
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 {
|
||||
color: #6b6b6b;
|
||||
padding: 0;
|
||||
}
|
||||
.token-search {
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
border-color: #ec6d12;
|
||||
background-color: #2a2a2a;
|
||||
-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);
|
||||
}
|
||||
> .token-search > input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background: transparent;
|
||||
border: 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: #fff;
|
||||
}
|
||||
}
|
||||
> .dismiss {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
color: #a9b9d8;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
&:after {
|
||||
content: "×";
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
+1
-1
@@ -47,7 +47,7 @@
|
||||
background-color: #EA7105;
|
||||
}
|
||||
.bootstrap-dialog.type-success .modal-header {
|
||||
background-color: #9BD275;
|
||||
background-color: #c35d12;
|
||||
}
|
||||
.bootstrap-dialog.type-warning .modal-header {
|
||||
background-color: #b82800;
|
||||
|
||||
@@ -0,0 +1,154 @@
|
||||
/*!
|
||||
* jQuery Bootgrid v1.3.1 - 09/11/2015
|
||||
* Copyright (c) 2014-2015 Rafael Staib (http://www.jquery-bootgrid.com)
|
||||
* Licensed under MIT http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
.bootgrid-header,
|
||||
.bootgrid-footer {
|
||||
margin: 15px 0;
|
||||
}
|
||||
.bootgrid-header a,
|
||||
.bootgrid-footer a {
|
||||
outline: 0;
|
||||
}
|
||||
.bootgrid-header .search,
|
||||
.bootgrid-footer .search {
|
||||
display: inline-block;
|
||||
margin: 0 20px 0 0;
|
||||
vertical-align: middle;
|
||||
width: 180px;
|
||||
}
|
||||
.bootgrid-header .search .glyphicon,
|
||||
.bootgrid-footer .search .glyphicon {
|
||||
top: 0;
|
||||
}
|
||||
.bootgrid-header .search .fa,
|
||||
.bootgrid-footer .search .fa {
|
||||
display: table-cell;
|
||||
}
|
||||
.bootgrid-header .search.search-field::-ms-clear,
|
||||
.bootgrid-footer .search.search-field::-ms-clear,
|
||||
.bootgrid-header .search .search-field::-ms-clear,
|
||||
.bootgrid-footer .search .search-field::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.bootgrid-header .pagination,
|
||||
.bootgrid-footer .pagination {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.bootgrid-header .actionBar,
|
||||
.bootgrid-footer .infoBar {
|
||||
text-align: right;
|
||||
}
|
||||
.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;
|
||||
text-align: left;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 3px 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.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;
|
||||
text-decoration: none;
|
||||
background-color: #ec6d12;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox,
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox {
|
||||
margin: 0 2px 4px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.disabled,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootgrid-table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
.bootgrid-table a {
|
||||
outline: 0;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor {
|
||||
color: #fff;
|
||||
cursor: not-allowed;
|
||||
display: block;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .text {
|
||||
display: block;
|
||||
margin: 0 16px 0 0;
|
||||
overflow: hidden;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .icon {
|
||||
color: #fff;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .glyphicon {
|
||||
color: #fff;
|
||||
}
|
||||
.bootgrid-table th:hover,
|
||||
.bootgrid-table th:active {
|
||||
background: #4b4b4b;
|
||||
}
|
||||
.bootgrid-table td {
|
||||
overflow: hidden;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootgrid-table td.loading,
|
||||
.bootgrid-table td.no-results {
|
||||
background: none;
|
||||
text-align: center;
|
||||
}
|
||||
.bootgrid-table th.select-cell,
|
||||
.bootgrid-table td.select-cell {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
.bootgrid-table th.select-cell .select-box,
|
||||
.bootgrid-table td.select-cell .select-box {
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
}
|
||||
.table-responsive .bootgrid-table {
|
||||
table-layout: inherit !important;
|
||||
}
|
||||
.table-responsive .bootgrid-table th > .column-header-anchor > .text {
|
||||
overflow: inherit !important;
|
||||
-ms-text-overflow: inherit !important;
|
||||
-o-text-overflow: inherit !important;
|
||||
text-overflow: inherit !important;
|
||||
white-space: inherit !important;
|
||||
}
|
||||
.table-responsive .bootgrid-table td {
|
||||
overflow: inherit !important;
|
||||
-ms-text-overflow: inherit !important;
|
||||
-o-text-overflow: inherit !important;
|
||||
text-overflow: inherit !important;
|
||||
white-space: inherit !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,171 @@
|
||||
.tokenize > .tokens-container {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0 0 5px 5px;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
cursor: text;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #5a5a5a;
|
||||
background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container.disabled {
|
||||
background-color: #eee;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.tokenize.focus > .tokens-container {
|
||||
outline: 0;
|
||||
border-color:#ec6d12;
|
||||
background-color:#2a2a2a;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.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: #ce671c;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token,
|
||||
.tokenize > .tokens-container > .placeholder,
|
||||
.tokenize > .tokens-container > .token-search {
|
||||
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: .2;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .placeholder {
|
||||
color:#6b6b6b;
|
||||
padding: 0;
|
||||
}
|
||||
.tokenize > .tokens-container > .token-search {
|
||||
color:#fff;
|
||||
padding: 0;
|
||||
}
|
||||
.tokenize > .tokens-container:hover {
|
||||
border-color:#ec6d12;
|
||||
background-color:#2a2a2a;
|
||||
-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);
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token-search > input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background: transparent;
|
||||
border: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 > .dismiss {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
color: #a9b9d8;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token > .dismiss:after {
|
||||
content: "×";
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token.pending-delete > .dismiss {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.tokenize-dropdown > .dropdown-menu li.locked,
|
||||
.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;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
PLUGIN_NAME= theme-tukan
|
||||
PLUGIN_VERSION= 1.2
|
||||
PLUGIN_VERSION= 1.3
|
||||
PLUGIN_COMMENT= The tukan theme - blue/white
|
||||
PLUGIN_MAINTAINER= rene@team-rebellion.net
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,162 @@
|
||||
.tokenize {
|
||||
> .tokens-container {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0 0 5px 5px;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
cursor: text;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #4d83a1;
|
||||
background-color: #ffffff;
|
||||
&.disabled {
|
||||
background-color: #eee;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
&.focus > .tokens-container {
|
||||
outline: 0;
|
||||
border-color: #00A7FF;
|
||||
background-color: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
> .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: #ffe83e;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #303030;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 0 0;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.placeholder, .token-search {
|
||||
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 {
|
||||
color: #c9c9c9;
|
||||
padding: 0;
|
||||
}
|
||||
.token-search {
|
||||
color: #000;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
border-color: #00A7FF;
|
||||
background-color: none;
|
||||
}
|
||||
> .token-search > input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background: transparent;
|
||||
border: 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: #fff;
|
||||
}
|
||||
}
|
||||
> .dismiss {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
color: #a9b9d8;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
&:after {
|
||||
content: "×";
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,158 @@
|
||||
/*!
|
||||
* jQuery Bootgrid v1.3.1 - 09/11/2015
|
||||
* Copyright (c) 2014-2015 Rafael Staib (http://www.jquery-bootgrid.com)
|
||||
* Licensed under MIT http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
.bootgrid-header,
|
||||
.bootgrid-footer {
|
||||
margin: 15px 0;
|
||||
}
|
||||
.bootgrid-header a,
|
||||
.bootgrid-footer a {
|
||||
outline: 0;
|
||||
}
|
||||
.bootgrid-header .search,
|
||||
.bootgrid-footer .search {
|
||||
display: inline-block;
|
||||
margin: 0 20px 0 0;
|
||||
vertical-align: middle;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.bootgrid-header .search .glyphicon,
|
||||
.bootgrid-footer .search .glyphicon,
|
||||
.input-group-addon {
|
||||
top: 0;
|
||||
background-color: #FF7E25;
|
||||
border: 1px solid #FF7E25;
|
||||
}
|
||||
.bootgrid-header .search .fa,
|
||||
.bootgrid-footer .search .fa {
|
||||
display: table-cell;
|
||||
}
|
||||
.bootgrid-header .search.search-field::-ms-clear,
|
||||
.bootgrid-footer .search.search-field::-ms-clear,
|
||||
.bootgrid-header .search .search-field::-ms-clear,
|
||||
.bootgrid-footer .search .search-field::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.bootgrid-header .pagination,
|
||||
.bootgrid-footer .pagination {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.bootgrid-header .actionBar,
|
||||
.bootgrid-footer .infoBar {
|
||||
text-align: right;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu {
|
||||
color: #fff;
|
||||
background-color: #30596f;
|
||||
border-color: #1d1d1d;
|
||||
text-align: left;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 3px 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.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;
|
||||
text-decoration: none;
|
||||
background-color: #ff7e25;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox,
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox {
|
||||
margin: 0 2px 4px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.disabled,
|
||||
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootgrid-table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
.bootgrid-table a {
|
||||
outline: 0;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor {
|
||||
color: #000;
|
||||
cursor: not-allowed;
|
||||
display: block;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .text {
|
||||
display: block;
|
||||
margin: 0 16px 0 0;
|
||||
overflow: hidden;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .icon {
|
||||
color: #000;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
}
|
||||
.bootgrid-table th > .column-header-anchor > .glyphicon {
|
||||
color: #000;
|
||||
}
|
||||
.bootgrid-table th:hover,
|
||||
.bootgrid-table th:active {
|
||||
background: #f2fafe;
|
||||
}
|
||||
.bootgrid-table td {
|
||||
overflow: hidden;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootgrid-table td.loading,
|
||||
.bootgrid-table td.no-results {
|
||||
background: none;
|
||||
text-align: center;
|
||||
}
|
||||
.bootgrid-table th.select-cell,
|
||||
.bootgrid-table td.select-cell {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
.bootgrid-table th.select-cell .select-box,
|
||||
.bootgrid-table td.select-cell .select-box {
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
}
|
||||
.table-responsive .bootgrid-table {
|
||||
table-layout: inherit !important;
|
||||
}
|
||||
.table-responsive .bootgrid-table th > .column-header-anchor > .text {
|
||||
overflow: inherit !important;
|
||||
-ms-text-overflow: inherit !important;
|
||||
-o-text-overflow: inherit !important;
|
||||
text-overflow: inherit !important;
|
||||
white-space: inherit !important;
|
||||
}
|
||||
.table-responsive .bootgrid-table td {
|
||||
overflow: inherit !important;
|
||||
-ms-text-overflow: inherit !important;
|
||||
-o-text-overflow: inherit !important;
|
||||
text-overflow: inherit !important;
|
||||
white-space: inherit !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,170 @@
|
||||
.tokenize > .tokens-container {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 0 0 5px 5px;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
cursor: text;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #4d83a1;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container.disabled {
|
||||
background-color: #eee;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.tokenize.focus > .tokens-container {
|
||||
outline: 0;
|
||||
border-color:#00A7FF;
|
||||
background-color:none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.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: #ffe83e;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #303030;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token,
|
||||
.tokenize > .tokens-container > .placeholder,
|
||||
.tokenize > .tokens-container > .token-search {
|
||||
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: .2;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .placeholder {
|
||||
color:#c9c9c9;
|
||||
padding: 0;
|
||||
}
|
||||
.tokenize > .tokens-container > .token-search {
|
||||
color:#000;
|
||||
padding: 0;
|
||||
}
|
||||
.tokenize > .tokens-container:hover {
|
||||
border-color:#00A7FF;
|
||||
background-color:none;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token-search > input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background: transparent;
|
||||
border: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 > .dismiss {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
color: #a9b9d8;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token > .dismiss:after {
|
||||
content: "×";
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.tokenize > .tokens-container > .token.pending-delete > .dismiss {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.tokenize-dropdown > .dropdown-menu li.locked,
|
||||
.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