mirror of
https://github.com/netbirdio/plugins.git
synced 2026-05-22 18:44:07 -07:00
Tukan Theme Update for Sidebar
This commit is contained in:
marjohn56
committed by
Franco Fichtner
Franco Fichtner
parent
da2ec7ede7
commit
3283aa9038
File diff suppressed because it is too large
Load Diff
@@ -5013,7 +5013,7 @@ button.close {
|
||||
.modal-content {
|
||||
position: relative;
|
||||
background-color: #383838;
|
||||
border: 1px solid #565656cc;
|
||||
border: 1px solid #565656;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 5px 15px rgb(30, 30, 30);
|
||||
box-shadow: 0 5px 15px rgb(5, 5, 5);
|
||||
@@ -5629,6 +5629,11 @@ button.close {
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.hidden-sm {
|
||||
display: none !important; } }
|
||||
/* COLLAPSE SIDEBAR @media*/
|
||||
@media (max-width: 768px), (max-height: 669px) {
|
||||
.toggle-sidebar {
|
||||
display: none !important; } }
|
||||
/* COLLAPSE SIDEBAR @media END*/
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.hidden-md {
|
||||
display: none !important; } }
|
||||
@@ -5856,7 +5861,122 @@ body {
|
||||
.list-group-item.collapsed .caret {
|
||||
border-bottom: 4px solid green;
|
||||
border-top: 0; }
|
||||
/* BOOTSTRAP EDIT END */
|
||||
|
||||
/* COLLAPSE SIDEBAR */
|
||||
main.page-content.col-lg-12 { padding-left: 90px; }
|
||||
#navigation.col-sidebar-left {width:70px;background-color: transparent !important; overflow: hidden;}
|
||||
#navigation.col-sidebar-left > div.row {height:100% !important;}
|
||||
#navigation.col-sidebar-left > div.row > nav.page-side-nav {width:70px; background-color:#172c38 !important; height:100% !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {font-size:11px;text-align:center;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {visibility: visible; font-size:28px;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {visibility: visible; font-size:28px;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {padding-left:7px;padding-right:7px;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top:15px;
|
||||
padding-bottom:15px;
|
||||
border-bottom:2px solid #1b313e; }
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; display: block !important; position: absolute !important; left: 70px !important; margin-top:-70px !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; display: block !important; position: absolute !important; left: 148px !important; margin-top:-28px !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item.active-menu-title {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"] {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"] {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; background-color: #294C5FE6 !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; background-color: #294C5FE6 !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {padding-left: 10px !important;font-size: 11px !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {padding-left: 10px !important; font-size: 11px !important;background-color:#FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {text-decoration: none !important;color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus {color: #000 !important;background-color: #FFF !important;}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active {color: #000 !important;background-color: #FFF !important;}
|
||||
|
||||
/* Sub Level One */
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
|
||||
width:150px;
|
||||
font-size:11px;
|
||||
display: block;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
left: 70px;
|
||||
margin-top:-70px;
|
||||
height:auto;
|
||||
border:1px solid #1f3a4a;
|
||||
-webkit-transition: width 0.1s;
|
||||
-o-transition: width 0.1s;
|
||||
transition: width 0.1s;
|
||||
-webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
|
||||
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
|
||||
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing {
|
||||
width:0px;
|
||||
font-size:11px;
|
||||
position: absolute;
|
||||
display: block;
|
||||
z-index: 10;
|
||||
left: 70px;
|
||||
margin-top:-70px;
|
||||
height:auto;
|
||||
-webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
|
||||
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
|
||||
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);}
|
||||
|
||||
/* Sub Level Two */
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
|
||||
width:150px;
|
||||
font-size:11px;
|
||||
display: block;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
left: 148px;
|
||||
margin-top:-28px;
|
||||
height:auto;
|
||||
border:1px solid #1f3a4a;
|
||||
-webkit-transition: width 0.1s;
|
||||
-o-transition: width 0.1s;
|
||||
transition: width 0.1s;
|
||||
-webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
|
||||
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);
|
||||
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);}
|
||||
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
|
||||
width:0px;
|
||||
font-size:11px;
|
||||
position: absolute;
|
||||
display: block;
|
||||
z-index: 10;
|
||||
left: 148px;
|
||||
margin-top:-28px;
|
||||
height:auto;
|
||||
-webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75);
|
||||
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75);
|
||||
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75);}
|
||||
|
||||
button.toggle-sidebar.glyphicon.glyphicon-chevron-left, button.toggle-sidebar.glyphicon.glyphicon-chevron-right{
|
||||
position:absolute;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
-moz-transition: all 0.1s ease;
|
||||
-o-transition: all 0.1s ease;
|
||||
-ms-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
}
|
||||
button.toggle-sidebar.glyphicon.glyphicon-chevron-left:active, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:active {
|
||||
position:absolute;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
button.toggle-sidebar.glyphicon.glyphicon-chevron-left:focus, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:focus { outline:none;}
|
||||
button.toggle-sidebar {color:#FFF; background-color:transparent; font-size:14px;border:none;margin-top: 18px;float:left;}
|
||||
|
||||
/* COLLAPSE SIDEBAR END*/
|
||||
#navigation.collapse.in {
|
||||
display: block !important; }
|
||||
|
||||
@@ -6123,7 +6243,7 @@ label > input[type="radio"] {
|
||||
|
||||
/* fields in firewall schedule */
|
||||
[data-state="lightcoral"] {
|
||||
background-color: lightcoral; }
|
||||
background-color: #ffe83e; }
|
||||
|
||||
[data-state="white"] {
|
||||
background-color: inherit; }
|
||||
@@ -6194,35 +6314,29 @@ stroke: rgb(143, 143, 143) !important; }
|
||||
.table-condensed.table-hover {
|
||||
border: 1px solid #bdbdbd; }
|
||||
|
||||
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, div.Tokenize ul.TokensContainer li.TokenSearch {
|
||||
color: #000 !important; }
|
||||
|
||||
div.Tokenize ul.TokensContainer:hover, div.Tokenize ul.TokensContainer:focus {
|
||||
border-color: #00A7FF !important;
|
||||
background-color:none !important; }
|
||||
|
||||
div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown {
|
||||
border: 1px solid #4d83a1 !important;
|
||||
background-color: #fff !important;
|
||||
color: #000 !important; }
|
||||
div.Tokenize ul.TokensContainer li.Token {
|
||||
.tokenize > .tokens-container > .token {
|
||||
background-color: #ffe83e !important;
|
||||
border: 1px solid #303030 !important; }
|
||||
|
||||
div.Tokenize ul.TokensContainer li.Placeholder {
|
||||
color: #000 !important;
|
||||
opacity: 0.2;
|
||||
filter: alpha(opacity=20);}
|
||||
|
||||
div.Tokenize ul.TokensContainer li.Token a.Close {
|
||||
.tokenize > .tokens-container > .token > .dismiss::after {
|
||||
color:#000 !important; }
|
||||
|
||||
.tokenize.focus > .tokens-container {
|
||||
border-color: #00A7FF !important;
|
||||
background-color:none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;}
|
||||
|
||||
.tokenize > .tokens-container {
|
||||
border: 1px solid #4d83a1 !important;
|
||||
background-color: #FFFFFF !important;}
|
||||
|
||||
.tokenize > .tokens-container > .tokenize > .tokens-container > .token-search {
|
||||
color:#FFFFFF !important; }
|
||||
|
||||
.tokenize > .tokens-container > .token-search > input {
|
||||
border:none !important;}
|
||||
|
||||
.bootgrid-table th > .column-header-anchor, .bootgrid-table th > .column-header-anchor > .icon, .bootgrid-table th > .column-header-anchor > .glyphicon {
|
||||
color: #000 !important; }
|
||||
.bootgrid-table th:hover {
|
||||
@@ -6259,4 +6373,4 @@ div.Tokenize ul.TokensContainer li.Token a.Close {
|
||||
.glyphicon.glyphicon-play.text-muted, .glyphicon.glyphicon-remove.text-muted, .glyphicon.glyphicon-remove-sign.text-muted, .glyphicon.glyphicon-info-sign.text-muted, .fa.fa-play.text-muted::before {
|
||||
color: #000 !important;}
|
||||
#system_log-widgets.content-box {border:none; box-shadow: 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: #FFF; border: 1px solid #c2c2c2; }
|
||||
#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: #FFF; border: 1px solid #c2c2c2; }
|
||||
Reference in New Issue
Block a user