Theme/Tukan - color redesign (#2249)

This commit is contained in:
René 2021-03-10 17:33:16 +01:00 committed by GitHub
parent cea04d9795
commit e7eed12d7b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 3906 additions and 7935 deletions

View file

@ -1,5 +1,5 @@
PLUGIN_NAME= theme-tukan
PLUGIN_VERSION= 1.24
PLUGIN_VERSION= 1.25
PLUGIN_COMMENT= The tukan theme - blue/white
PLUGIN_MAINTAINER= rene@team-rebellion.net

View file

@ -11,7 +11,9 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
.bootstrap-select {
width: 348px \0;
/*IE9 and below*/
> {
.dropdown-toggle {
position: relative;
@ -19,16 +21,20 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
z-index: 1;
text-align: right;
white-space: nowrap;
&.bs-placeholder {
color: #fff;
color: #000;
&:hover, &:focus, &:active {
color: #fff;
color: #000;
}
&.btn-primary, &.btn-secondary, &.btn-success, &.btn-danger, &.btn-info, &.btn-dark, &.btn-primary:hover, &.btn-secondary:hover, &.btn-success:hover, &.btn-danger:hover, &.btn-info:hover, &.btn-dark:hover, &.btn-primary:focus, &.btn-secondary:focus, &.btn-success:focus, &.btn-danger:focus, &.btn-info:focus, &.btn-dark:focus, &.btn-primary:active, &.btn-secondary:active, &.btn-success:active, &.btn-danger:active, &.btn-info:active, &.btn-dark:active {
color: #ffffff;
}
}
}
select {
position: absolute !important;
bottom: 0;
@ -39,6 +45,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
padding: 0 !important;
opacity: 0 !important;
border: none;
&.mobile-device {
top: 0;
left: 0;
@ -62,9 +69,11 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
&.fit-width {
width: auto !important;
}
&:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 348px;
}
&.form-control {
margin-bottom: 0;
padding: 0;
@ -79,15 +88,18 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
.bootstrap-select {
&.form-control.input-group-btn {
z-index: auto;
&:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
}
&:not(.input-group-btn), &[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
&.dropdown-menu-right, &[class*="col-"].dropdown-menu-right {
float: right;
}
@ -118,9 +130,11 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
line-height: inherit;
border-radius: inherit;
}
&.form-control-sm .dropdown-toggle {
padding: 0.25rem 0.5rem;
}
&.form-control-lg .dropdown-toggle {
padding: 0.5rem 1rem;
}
@ -133,31 +147,38 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
.bootstrap-select {
&.disabled {
cursor: not-allowed;
&:focus {
outline: none !important;
}
}
> .disabled {
cursor: not-allowed;
}
> .disabled:focus {
outline: none !important;
}
&.bs-container {
position: absolute;
top: 0;
left: 0;
height: 0 !important;
padding: 0 !important;
.dropdown-menu {
z-index: 1060;
}
}
.dropdown-toggle {
&:before {
content: '';
display: inline-block;
}
.filter-option {
position: absolute;
top: 0;
@ -170,12 +191,15 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
width: 100%;
text-align: left;
}
.filter-option-inner {
padding-right: inherit;
}
.filter-option-inner-inner {
overflow: hidden;
}
.caret {
position: absolute;
top: 50%;
@ -194,14 +218,17 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
&[class*="col-"] .dropdown-toggle {
width: 100%;
}
.dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
> .inner:focus {
outline: none !important;
}
&.inner {
position: static;
float: none;
@ -212,37 +239,46 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
-webkit-box-shadow: none;
box-shadow: none;
}
li {
position: relative;
&.active small {
color: rgba(255, 255, 255, 0.5) !important;
}
&.disabled a {
cursor: not-allowed;
}
a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
&.opt {
position: relative;
padding-left: 2.25em;
}
span {
&.check-mark {
display: none;
}
&.text {
display: inline-block;
}
}
}
small {
padding-left: 0.5em;
}
}
.notify {
position: absolute;
bottom: 5px;
@ -261,27 +297,32 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
box-sizing: border-box;
}
}
.no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
&.fit-width .dropdown-toggle {
.filter-option {
position: static;
display: inline;
padding: 0;
}
.filter-option-inner, .filter-option-inner-inner {
display: inline;
}
.caret {
position: static;
top: auto;
margin-top: -1px;
}
}
&.show-tick .dropdown-menu {
.selected span.check-mark {
position: absolute;
@ -289,10 +330,12 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
right: 15px;
top: 5px;
}
li a span.text {
margin-right: 34px;
}
}
.bs-ok-default:after {
content: '';
display: block;
@ -305,10 +348,12 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
&.show-menu-arrow {
&.open > .dropdown-toggle, &.show > .dropdown-toggle {
z-index: 1061;
}
.dropdown-toggle .filter-option {
&:before {
content: '';
@ -320,6 +365,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
left: 9px;
display: none;
}
&:after {
content: '';
border-left: 6px solid transparent;
@ -331,6 +377,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
display: none;
}
}
&.dropup .dropdown-toggle .filter-option {
&:before {
bottom: auto;
@ -338,6 +385,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
&:after {
bottom: auto;
top: -4px;
@ -345,16 +393,19 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
border-bottom: 0;
}
}
&.pull-right .dropdown-toggle .filter-option {
&:before {
right: 12px;
left: auto;
}
&:after {
right: 13px;
left: auto;
}
}
&.open > .dropdown-toggle .filter-option:before, &.show > .dropdown-toggle .filter-option:before, &.open > .dropdown-toggle .filter-option:after, &.show > .dropdown-toggle .filter-option:after {
display: block;
}
@ -370,6 +421,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.btn-group button {
width: 50%;
}
@ -381,6 +433,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.btn-group button {
width: 100%;
}
@ -390,6 +443,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
+ .bs-actionsbox {
padding: 0 8px 4px;
}
.form-control {
margin-bottom: 0;
width: 100%;
@ -405,6 +459,7 @@ select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.sel
.dropdown-menu > li > a {
padding: 3px 20px 3px 30px;
}
&.show-tick .dropdown-menu .selected span.check-mark {
left: 10px;
}

View file

@ -7,29 +7,34 @@
min-height: 34px;
cursor: text;
border-radius: 3px;
border: 1px solid #4d83a1;
border: 1px solid #a8a8a8;
background-color: #ffffff;
&.disabled {
background-color: #eee;
cursor: not-allowed;
}
}
&.focus > .tokens-container {
outline: 0;
border-color: #4d83a1;
border-color: #a8a8a8;
background-color: #FFFFFF;
-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;
@ -43,6 +48,7 @@
position: relative;
vertical-align: middle;
}
.placeholder, .token-search {
display: inline-block;
margin: 5px 5px 0 0;
@ -51,35 +57,42 @@
}
}
}
&.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;
}
}
&:focus, &:hover {
border-color: #00A7FF;
border-color: #FF6E05;
background-color: #FFFFFF;
}
> .token-search > input {
padding: 0;
margin: 0;
@ -88,35 +101,42 @@
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;
@ -129,6 +149,7 @@
.tokenize-dropdown {
position: absolute;
display: none;
> .dropdown-menu {
min-height: 10px;
width: 100%;
@ -136,11 +157,14 @@
margin: -1px 0 0 0;
visibility: visible;
opacity: 1;
li {
cursor: pointer;
> a .tokenize-highlight {
font-weight: bold;
}
&.locked {
padding: 3px 20px;
color: #333;
@ -148,10 +172,12 @@
text-overflow: ellipsis;
overflow-x: hidden;
}
> a {
text-overflow: ellipsis;
overflow-x: hidden;
}
&:not(.active) a {
&:hover, &:focus {
background-color: transparent;

View file

@ -25,7 +25,7 @@ select.selectpicker {
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #fff;
color: #000;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,

View file

@ -39,8 +39,8 @@
}
.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu,
.bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu {
color: #fff;
background-color: #30596f;
color: #000;
background-color: #f0f0f0;
border-color: #1d1d1d;
text-align: left;
}
@ -95,6 +95,7 @@
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
color:#FFF;
}
.bootgrid-table th > .column-header-anchor > .icon {
color: #000;
@ -141,6 +142,7 @@
-o-text-overflow: inherit !important;
text-overflow: inherit !important;
white-space: inherit !important;
color: #FFF;
}
.table-responsive .bootgrid-table td {
overflow: inherit !important;

View file

@ -1,13 +1,13 @@
@charset "UTF-8";
.widgetdiv .content-box-head {
background: #294c5f !important;
background: #354248 !important;
color: #FFF !important;
padding-bottom: 1px !important;
padding-top: 1px !important;
padding-right: 1px !important;
padding-left: 5px !important;
padding-left: 4px !important;
min-height: 25px !important;
border: 1px solid #fff; }
border: 1px solid #2f2f2f; }
.widgetdiv .content-box-head .btn-group .btn {
color: #FFFFFF !important;
@ -27,6 +27,7 @@
@font-face {
font-family: 'SourceSansProRegular';
src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); }
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
table
html {
@ -67,7 +68,7 @@ template {
display: none; }
a {
color: #FF6C06;
color: #D95E04;
text-decoration: none;
background: transparent;
outline: 0; }
@ -76,7 +77,7 @@ a {
outline: 0; }
a:hover, a:focus {
color: #FF6C06;
color: #D95E04;
text-decoration: underline; }
abbr[title] {
@ -90,7 +91,7 @@ dfn {
font-style: italic; }
h1 {
font-size: 2em;
font-size: 8em;
margin: 0.67em 0; }
mark {
@ -210,7 +211,7 @@ table {
border-collapse: none;
border-spacing: 0;
color: #000;
background-color: #F0F0F0;
background-color: #fff;
width: 100%; }
td,
@ -924,7 +925,7 @@ html {
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-size:14px;
line-height: 1.428571429;
color: #000;
}
@ -996,7 +997,6 @@ hr {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "SourceSansProSemiBold";
font-weight: 100;
line-height: 1.4;
color: inherit; }
@ -1051,22 +1051,23 @@ h6, .h6 {
font-size: 75%; }
h1, .h1 {
font-size: 23px; }
font-size: 24px;
font-weight: bold; }
h2, .h2 {
font-size: 16px; }
h3, .h3 {
font-size: 14px; }
font-size:14px; }
h4, .h4 {
font-size: 18px; }
h5, .h5 {
font-size: 14px; }
font-size:14px; }
h6, .h6 {
font-size: 12px; }
font-size:12px; }
p {
margin: 0 0 10px; }
@ -1132,7 +1133,7 @@ a.text-success:hover {
color: #7fc54f; }
.text-info {
color: #47809f; }
color: #ff6e05; }
a.text-info:hover {
color: #245269; }
@ -1182,6 +1183,9 @@ a.bg-warning:hover {
a.bg-danger:hover {
background-color: #ec2121; }
fa.fa-long-arrow-right {
color: #d951ff !important; }
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
@ -2036,7 +2040,7 @@ th {
padding: 10px 0px 10px 20px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #e3e3e3; }
border-top: 1px solid #f0f0f0; }
.table > thead > tr > th {
vertical-align: bottom; }
.table > caption + thead > tr:first-child > th,
@ -2048,10 +2052,11 @@ th {
border-top: 0;
font-family: 'SourceSansProSemibold';
font-weight: normal;
border-bottom: 1px solid #bdbdbd;
background-color: #e3e3e3;}
border-bottom: 1px solid #5e5e5e;
background-color: #45565f;
color: #FFF;}
.table > tbody + tbody {
border-top: 2px solid #eee; }
border-top: 2px solid #5e5e5e; }
.table .table {
background-color: none; }
@ -2078,11 +2083,12 @@ th {
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #fbfbfb; }
background-color: #fff; }
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color:#f2fafe; }
background-color: #738087;
color: #FFF; }
table col[class*="col-"] {
position: static;
@ -2271,7 +2277,7 @@ input[type="checkbox"]:focus {
output {
display: block;
padding-top: 7px;
font-size: 14px;
font-size:14px;
line-height: 1.428571429;
color: #000; }
@ -2296,12 +2302,12 @@ input[type="color"]
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
font-size:14px;
line-height: 1.428571429;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #4d83a1;
border: 1px solid #1b4257;
border-radius: 3px;
text-overflow: ellipsis;
max-width: 348px;
@ -2328,7 +2334,7 @@ input[type="color"]
{
color: #000;
background-color: none;
border-color: #00A7FF;
border-color: #ff6e05;
outline: 0; }
select:focus,
@ -2349,10 +2355,10 @@ input[type="color"]
input[type="color"]:focus
{
color: #000;
border-color: #00A7FF;
background-color: none;
outline: 0; }
color: #000;
border-color: #FF6E05;
background-color: none;
outline: 0; }
select::-moz-placeholder,
textarea::-moz-placeholder,
@ -2464,7 +2470,7 @@ input[type="color"]
background-color: #f0f0f0;
opacity: 1.0;
filter: alpha(opacity=100);
border-color: #4d83a1;
border-color: #a8a8a8;
color:#a8a8a8;}
select[disabled]:hover, select[readonly]:hover, fieldset[disabled]:hover,
@ -2887,26 +2893,26 @@ select[multiple].input-lg,
background-image: none;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
font-size:14px;
line-height: 1.428571429;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #FFFFFF;
background-color: #457995;
color: #000;
background-color: none;
border: 1px solid #1b4257;
outline:0; }
.btn:active, .btn.active, .open > .btn.dropdown-toggle {
color: #FFF;
background-color: #30596f;
outline:0;
border-color: #1d1d1d;
text-decoration: none; }
color: #000;
background-color: none;
outline:0;
border-color: #1d1d1d;
text-decoration: none; }
.btn:hover, .btn:focus {
background-color: #315a71;
color: #FFF;
background-color: #dbdbdb;
color: #000;
border-radius: 3px;
border: 1px solid #1b4257;
text-decoration: none;}
@ -2939,13 +2945,14 @@ select[multiple].input-lg,
box-shadow: none; }
.act_flush:hover, .act_flush:focus {
color: #FFF;
background-color: #336480;
color: #000;
background-color: #dbdbdb;
border-color: 1px solid #1d1d1d;
outline:0; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none;
background-color: #dbdbdb;
color:#000;
outline:0; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color: #FFFFFF;
@ -2958,20 +2965,20 @@ select[multiple].input-lg,
.btn-primary {
color: #fff !important;
background-color: #FF7E25;
border: 1px solid #6c6c6c;
background-color: #FF6E05;
border: 1px solid #1b4257;
outline:0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #EC7726;
border-color: 1px solid #6c6c6c;
border-color: 1px solid #1b4257;
outline:0; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color: #FF7E25;
border-color: #6c6c6c;
background-color: #FF6E05;
border-color: #1b4257;
outline:0; }
.btn-primary .badge {
@ -3019,7 +3026,7 @@ select[multiple].input-lg,
.btn-warning {
color: #fff;
background-color: #FF7E25;
background-color: #FF6E05;
border-color: #1b4257; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #fff;
@ -3160,10 +3167,10 @@ tbody.collapse.in {
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
font-size:14px;
text-align: left;
background-color: #315a71;
color: #fff;
background-color: #f0f0f0;
color: #000;
border-left: 1px solid #1b4257;
border-right: 1px solid #1b4257;
border-bottom: 1px solid #1b4257;
@ -3192,20 +3199,20 @@ tbody.collapse.in {
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #fff;
color: #000;
white-space: nowrap;
outline:0;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #FFFFFF;
background-color: #FF7E25; }
background-color: #FF6E05; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #FF7E25; }
background-color: #FF6E05; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #777777; }
@ -3343,7 +3350,7 @@ tbody.collapse.in {
.btn-group .dropdown-toggle:active, .btn-group .dropdown-toggle:hover, .btn-group.open .dropdown-toggle {
outline: 0;
color: #FFFFFF;
color: #000;
background-color: none;
border-color: #000; }
@ -3468,7 +3475,7 @@ tbody.collapse.in {
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-size:14px;
font-weight: normal;
line-height: 1;
color: #FFF;
@ -3555,21 +3562,21 @@ tbody.collapse.in {
border-radius: 0px;
border-top-right-radius: 10px;
margin-right: 0px;
background-color: #315a71;
background-color: #172c38;
opacity: 0.6;
filter: alpha(opacity=50);}
.nav > li#menu_messages > a {
position: relative;
display: block;
padding: none;
color:#FF7E25;
color:#FF6E05;
background-color:transparent;
margin-right: 10px;
border:none;
opacity: 1.0;}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #315a71;
background-color: #172c38;
color: #FFF;
opacity: 0.8; }
.nav > li#menu_messages > a:hover, a:focus {
@ -3585,8 +3592,8 @@ tbody.collapse.in {
cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #336480;
cursor:pointer; }
background-color: #172c38;
cursor:pointer; }
.nav .nav-divider {
height: 1px;
@ -3933,7 +3940,7 @@ tbody.collapse.in {
.navbar-default .navbar-nav > li > a {
color: #F7F7F7; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #FF7E25;
color: #FF6E05;
background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
@ -4069,8 +4076,8 @@ tbody.collapse.in {
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
color: #FFFFFF;
background-color: #427795;
color: #FFF;
background-color: #45565f;
border: 1px solid rgba(23, 44, 56, 0.4);
margin-left: -1px;
cursor: pointer; }
@ -4087,7 +4094,7 @@ tbody.collapse.in {
.pagination > li > span:hover,
.pagination > li > span:focus {
color: #FFFFFF;
background-color: #FF7E25; }
background-color: #FF6E05; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
@ -4095,7 +4102,7 @@ tbody.collapse.in {
.pagination > .active > span:focus {
z-index: 2;
color: #FFFFFF;
background-color: #FF7E25;
background-color: #FF6E05;
cursor: default; }
.pagination > .disabled > span,
@ -4211,7 +4218,7 @@ a.label:hover, a.label:focus {
.label-success {
background-color: #4FB654;
background-color: #397E37;
border-color: #323232;}
.label-success[href]:hover, .label-success[href]:focus {
background-color: #7fc54f;
@ -4250,7 +4257,7 @@ a.label:hover, a.label:focus {
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #777777;
background-color: #ff6e05;
border-radius: 10px; }
.badge:empty {
display: none; }
@ -4392,8 +4399,8 @@ a.thumbnail.active {
color: #df8a13; }
.alert-danger {
background-color: #30596f;
border-color: #b0b0b0; }
background-color: #45565f;
border-color: #f00; }
.alert-danger hr {
border-top-color: #DA4829; }
.alert-danger .alert-link {
@ -4414,30 +4421,25 @@ a.thumbnail.active {
color: #000;
overflow: hidden;
height: 20px;
background-color: #DBDBDB;
border-radius: 3px;
position: relative;
-webkit-box-shadow: inset 0px 1px 2px 1px rgb(172, 172, 172);
box-shadow: inset inset 0px 1px 2px 1px rgb(172, 172, 172); }
background-color: #EAEAEA;
border: 1px solid #b9b9b9;
position: relative; }
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #FF7E25;
background-color: #FF6E05;
position: relative;
z-index: 2;
-webkit-box-shadow: inset 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 20px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
margin: 1px 0 0 0 !important;
}
transition: width 0.6s ease; }
.progress-striped .progress-bar,
.progress-bar-striped {
@ -4469,7 +4471,7 @@ a.thumbnail.active {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info {
background-color: #038CCF; }
background-color: #45565f; }
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@ -4526,7 +4528,7 @@ a.thumbnail.active {
display: block;
padding: 6px 8px;
margin-bottom: -1px;
background-color: #294c5f; }
background-color: #172c38; }
.list-group-item:last-child {
margin-bottom: 0; }
.list-group-item > .badge {
@ -4685,7 +4687,7 @@ a.list-group-item-danger {
border-bottom: 1px solid #b0b0b0;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
background-color: #30596f; }
background-color: #45565f; }
.panel-heading > .dropdown .dropdown-toggle {
color: inherit; }
@ -5055,7 +5057,7 @@ button.close {
padding-bottom:1px;
border-bottom: 1px solid #4a4a4a;
min-height: 16.42857px;
background-color: #427795;
background-color: #45565f;
color: #FFF; }
.modal-header .close {
@ -5071,13 +5073,13 @@ button.close {
background-color: #FFF;}
.modal-body .table-hover > tbody > tr:hover > td,
.modal-body .table-hover > tbody > tr:hover > th {
background-color: #336480;
background-color: #f06702;
color: #FFF; }
.modal-footer {
padding: 5px;
text-align: right;
background-color: #f0f0f0;
background-color: #ddd;
border-top: 1px solid inherit; }
.modal-footer:before, .modal-footer:after {
content: " ";
@ -5228,7 +5230,7 @@ button.close {
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-size:14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
@ -5496,7 +5498,7 @@ button.close {
.show {
display: block !important;
color:#757575;}
color: #2ba632; }
.invisible {
visibility: hidden; }
@ -5697,7 +5699,7 @@ html, body {
height: 100%;
font-family: 'SourceSansProRegular';
scrollbar-width: thin;
scrollbar-color: #315a71 #e3e3e3;
scrollbar-color: #45565f #e3e3e3;
background-color: #fff;
}
@ -5727,19 +5729,18 @@ body {
.page-content > .row {
height: 100%; }
.page-content-head .container-fluid {
background-color: #FBFBFB;
margin-left: 20px;
color:#000;
background-color: none;
margin-right: 20px;
border: 1px solid #b0b0b0;
margin-left: 20px;
border-bottom: 1px solid #aeaeae;
border-radius: 0px;
min-height: 47px;
height:auto;
padding: 6px 14px 5px 14px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
min-height: 46px;
height: 46px;
padding: 9px 14px 5px 0px; }
.page-content-head, .content-box-head {
padding-bottom: 2px;
padding-bottom: 5px;
padding-top: 10px;
color:#000;
}
@ -5750,9 +5751,18 @@ body {
line-height: inherit;
margin: 0; }
.page-content-head h1, content-box-head h1 {
padding-left: 10px;
padding-right: 10px;
color: #000;
text-decoration-line: none;
font-weight: bold;
text-transform: uppercase;
}
.page-content-main {
min-height: calc(100% - 64px);
padding: 9px 0px 21px 0px;
padding: 6px 0px 21px 0px;
}
.page-side {
@ -5788,7 +5798,7 @@ body {
padding: 0px 0px;
margin: 0px 0px;
background: none;
border: 1px solid #b0b0b0;
border: 1px solid #a8a8a8;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30); }
.content-box hr {
@ -5832,7 +5842,7 @@ body {
padding-top: 0 !important; } }
.page-login {
background: #172c38; }
background: #FFF; }
.page-login .container {
min-height: 100%;
margin-bottom: -60px; }
@ -5841,13 +5851,17 @@ body {
.page-login .login-foot {color:#FFF;}
.login-foot {
font-size: 12px; }
font-size: 12px;
max-width: 400px;
margin: 0px auto 0px auto;
background-color: #172c38;}
.login-modal-container {
color:#FFF;
border: 1px solid #fff;
border: none;
max-width: 400px;
margin: 100px auto 15px auto; }
margin: 100px auto 0px auto;
background-color: #172c38;}
.login-modal-head {
height: 75px;
padding: 0 20px; }
@ -5933,12 +5947,12 @@ main.page-content.col-lg-12 {
padding-left: 0px;
padding-right: 0px;
padding-top:15px;
border-bottom:2px solid #1b313e;
border-bottom:2px solid #515151;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 14px !important;
font-size:14px !important;
display: block !important;
position: absolute !important;
left: 70px !important;
@ -5946,7 +5960,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 14px !important;
font-size:14px !important;
display: block !important;
position: absolute !important;
left: 166px !important;
@ -5963,15 +5977,15 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 14px !important;
background-color: #294c5f !important;
font-size:14px !important;
background-color: #172c38 !important;
opacity: 0.98;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 14px !important;
font-size:14px !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item,
@ -5997,7 +6011,7 @@ main.page-content.col-lg-12 {
/* Sub Level One */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
width:168px;
font-size:14px;
font-size:13px;
z-index: 10;
position: absolute;
left: 70px;
@ -6011,7 +6025,7 @@ main.page-content.col-lg-12 {
/* Sub Level Two */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
width:168px;
font-size:14px;
font-size:13px;
z-index: 10;
position: absolute;
left: 166px;
@ -6076,11 +6090,13 @@ button.toggle-sidebar {
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
outline:0; }
outline:0;
font-weight: 100; }
.nav-tabs > li.active > a {
background: #315a71 !important;
outline:0; }
background: #172c38 !important;
outline:0;
font-weight: 100; }
.nav-tabs > li > a.visible-lg-inline-block:not(.pull-right) {
border-top-right-radius: 0px !important;
@ -6130,11 +6146,10 @@ button.toggle-sidebar {
border: 0px !important; }
.table th, strong, b {
font-family: 'SourceSansProSemibold';
font-weight: normal; }
font-weight: 100; }
.table > tbody > tr > td:last-child {
padding-right: 15px; }
padding-right: 5px; }
/* helpers */
.__nowrap {
@ -6188,7 +6203,7 @@ padding-right: 15px; }
.active-menu-title, .active-menu a {
text-decoration: none;
position: relative;
background-color: #30596F; }
background-color: #24323a; }
.active-menu-title:before, .active-menu a:before {
width: 3px; }
.active-menu-title.active, .active-menu a.active {
@ -6239,7 +6254,7 @@ padding-right: 15px; }
border-radius: 0; }
::-webkit-scrollbar-thumb {
background: #315a71;
background: #172c38;
border: thin solid #e5e5e5;
border-radius: 0px; }
@ -6253,8 +6268,8 @@ padding-right: 15px; }
select {
overflow: hidden;
border: 1px solid #1d1d1d;
background-color: #427795;
color: #FFF;
background-color: #f0f0f0;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@ -6266,8 +6281,8 @@ select {
select:hover, select:active, select:focus {
overflow: hidden;
border: 1px solid #1d1d1d;
background-color: #336480;
color: #FFF;
background-color: #f0f0f0;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@ -6277,7 +6292,7 @@ select:hover, select:active, select:focus {
background-image: url(/ui/themes/tukan/build/images/caret.png) !important; }
option:hover, option:active, option:focus {
background-color:#FF7E25;
background-color:#FF6E05;
}
#grid-log th[data-column-id="__timestamp__"],
@ -6335,12 +6350,12 @@ label > input[type="radio"] {
}
#ipsec .ipsec-tab {
background-color: #839caa !important;
background-color: #45565f !important;
color: #FFF !important;
}
#ipsec .ipsec-tab.activetab {
background-color: #315a71 !important;
background-color: #172c38 !important;
color: #FFF !important;
}
.fw_pass {
@ -6348,7 +6363,7 @@ label > input[type="radio"] {
color:#FFF;
}
.fw_block {
background-color: #CB4326 !important;
background-color: #A22626 !important;
color:#FFF;
}
.fw_nat {
@ -6399,8 +6414,8 @@ textarea#update_status, textarea#update_status:hover {
.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon,.input-group-addon {
top: 0;
background-color: #FF7E25 !important;
border: 1px solid #FF7E25 !important;
background-color: #FF6E05 !important;
border: 1px solid #FF6E05 !important;
}
div.container-fluid >.fa-search::before, div.container-fluid >.fa-refresh::before {
@ -6482,7 +6497,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox
}
.bootstrap-datetimepicker-widget {
background-color:#FF7E25 !important;
background-color:#FF6E05 !important;
}
.modal-side > .p-15 {
@ -6492,7 +6507,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox
padding-bottom: 1px;
border-bottom: 1px solid #4a4a4a;
min-height: 16.42857px;
background-color: #427795;
background-color: #45565f;
color: #FFF;
}
@ -6502,7 +6517,7 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox
}
.panel-report-tools:hover {
color: #fff !important;
color: #FFF !important;
}
.alert-primary {
@ -6511,9 +6526,21 @@ input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox
}
label.btn.au-target {
color: #FFF !important;
color: #000 !important;
}
.table.border {
border: 1px solid #bdbdbd;
border: 1px solid #bdbdbd;
}
.rule.text-muted > td:nth-child(1n+3) {
text-decoration: line-through;
}
.rule.text-muted > td:last-child {
text-decoration:none;
}
#reports-tab {
border-bottom: 1px solid #a5a5a5;
}

View file

@ -22,9 +22,9 @@
.pick-a-color-markup .color-menu .color-preview.violet{background-color:#ee81ee}
.pick-a-color-markup .color-menu .color-preview.purple{background-color:#80007f}
.pick-a-color-markup .color-menu .color-preview.black{background-color:#000}
.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{padding:5px 15px 3px 15px;cursor:default;min-height:25px;color:#FFF}.pick-a-color-markup .color-menu .basicColors-content li>a:hover,.pick-a-color-markup .color-menu .savedColors-content li>a:hover{background-color:none}
.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{padding:5px 15px 3px 15px;cursor:default;min-height:25px;color:#000}.pick-a-color-markup .color-menu .basicColors-content li>a:hover,.pick-a-color-markup .color-menu .savedColors-content li>a:hover{background-color:none}
@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{min-height:40px}}
.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{color:#FFF;background-image:none;filter:none;text-decoration:none;font-weight:bold}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{background-color:#fff;font-weight:normal}}
.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{color:#000;background-image:none;filter:none;text-decoration:none;font-weight:bold}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{background-color:#fff;font-weight:normal}}
.pick-a-color-markup .color-menu .btn.color-select{margin:0px 5px;height:20px;padding:0px 5px;margin-top:0px;line-height:1.5px;border-radius:4px}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .btn.color-select{height:35px}}
.pick-a-color-markup .caret{margin-bottom:3px;color: #000;}
.pick-a-color-markup .color-menu-instructions,.pick-a-color-markup .advanced-instructions{text-align:center;padding:0px 6px;margin:0px;font-size:14px;font-weight:normal}@media screen and (min-width:992px){.pick-a-color-markup .color-menu-instructions,.pick-a-color-markup .advanced-instructions{display:none}}

View file

@ -6,8 +6,8 @@
min-height: 34px;
cursor: text;
border-radius: 3px;
border: 1px solid #4d83a1;
background-color: #ffffff;
border: 1px solid #a8a8a8;
background-color: #ffffff;
}
.tokenize > .tokens-container.disabled {
@ -17,7 +17,7 @@
.tokenize.focus > .tokens-container {
outline: 0;
border-color:#4d83a1;
border-color:#a8a8a8;
background-color:#FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
@ -80,7 +80,7 @@
.tokenize > .tokens-container:focus,
.tokenize > .tokens-container:hover {
border-color:#00A7FF;
border-color:#FF6E05;
background-color:#FFFFFF;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB