misc/theme-*: merge recent updates from master

This commit is contained in:
Franco Fichtner 2018-07-14 14:20:06 +02:00
parent 0ad85a75ba
commit d5d932f37f
10 changed files with 15102 additions and 10819 deletions

View file

@ -1,5 +1,5 @@
PLUGIN_NAME= theme-cicada
PLUGIN_VERSION= 1.1
PLUGIN_VERSION= 1.2
PLUGIN_COMMENT= The cicada theme - grey/orange
PLUGIN_MAINTAINER= martin@team-rebellion.net

View file

@ -8665,6 +8665,14 @@ button.close {
}
}
/* 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;
@ -8962,6 +8970,245 @@ body {
}
}
/* 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;
> div {
&.row {
height: 100% !important;
> nav.page-side-nav {
width: 70px;
background-color: #202020 !important;
height: 100% !important;
}
}
> nav > #mainmenu > div > {
a.list-group-item {
font-size: 11px;
text-align: center;
> span {
&.fa, &.glyphicon {
visibility: visible;
font-size: 28px;
}
&.__iconspacer {
padding-left: 7px;
padding-right: 7px;
}
}
width: 70px;
height: 70px;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #393939;
}
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;
}
&.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;
}
}
a.list-group-item.active-menu-title {
color: #FFF !important;
background-color: #2a2a2a !important;
}
}
}
}
a.list-group-item.active-menu-title.collapsed {
color: #FFF !important;
background-color: #2a2a2a !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > {
a.list-group-item[aria-expanded="true"] {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
div {
&.collapse {
&.in {
> a.list-group-item[aria-expanded="true"] {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
> div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
background-color: #393939e6 !important;
&.menu-level-3-item.active {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
}
}
> a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
background-color: #393939e6 !important;
}
> div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
}
}
&.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
}
&.collapse.in > a.list-group-item:hover {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
}
}
a.list-group-item:focus {
color: #ec6d12 !important;
background-color: #2a2a2a !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: #ec6d12 !important;
background-color: #2a2a2a !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div {
&.collapse.in > a.list-group-item {
&.active-menu-title, &.collapsed:focus, &:focus {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
}
&.active-menu.collapse.in > a.list-group-item.active {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
&.collapse.in {
width: 150px;
font-size: 11px;
display: block;
z-index: 10;
position: absolute;
left: 70px;
margin-top: -70px;
height: auto;
border: 1px solid #515151;
-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.5);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
}
&.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.5);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
}
&.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 #515151;
-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.5);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
}
&.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);
}
}
}
/* Sub Level One */
/* Sub Level Two */
button.toggle-sidebar {
&.glyphicon {
&.glyphicon-chevron-left, &.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;
}
&.glyphicon-chevron-left:active, &.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);
}
&.glyphicon-chevron-left:focus, &.glyphicon-chevron-right:focus {
outline: none;
}
}
color: #FFF;
background-color: transparent;
font-size: 14px;
border: none;
margin-top: 18px;
float: left;
}
/* COLLAPSE SIDEBAR END*/
#navigation.collapse.in {
display: block !important;
}
@ -9304,7 +9551,7 @@ label > input {
/* fields in firewall schedule */
[data-state="lightcoral"] {
background-color: lightcoral;
background-color: #ec6d12;
}
[data-state="white"] {
@ -9366,6 +9613,10 @@ textarea#update_status {
color: #ec6d12;
}
#navigation > .fa-search::before, .fa-refresh::before {
color: inherit !important;
}
#totals .fa-search::before {
color: #FFF !important;
background-color: #ec6d12;
@ -9427,16 +9678,20 @@ ul.TokensContainer {
-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;
}
}
::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Element {
width: 17px;
}
div.Tokenize ul {
&.TokensContainer {
li.TokenSearch {
color: #FFFFFF !important;
}
&:hover, &:focus {
border-color: #ec6d12 !important;
background-color: #2a2a2a !important;
@ -9452,18 +9707,47 @@ div.Tokenize ul {
background-color: #2a2a2a !important;
color: #FFFFFF !important;
}
&.TokensContainer li {
&.Token {
}
.tokenize {
> .tokens-container > {
.token {
background-color: #ce671c !important;
border: 1px solid #303030 !important;
}
&.Placeholder {
.placeholder {
color: #505050 !important;
}
&.Token a.Close {
.token > .dismiss::after {
color: #FFFFFF !important;
}
}
&.focus > .tokens-container {
border-color: #ec6d12 !important;
background-color: #2a2a2a !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
> .tokens-container {
border-radius: 3px;
border: 1px solid #5a5a5a !important;
background-color: #2a2a2a !important;
> {
.tokenize > .tokens-container > .token-search {
color: #FFFFFF !important;
border: none !important;
}
.token, .placeholder {
border: none !important;
}
.token-search {
border: none !important;
> input {
border: none !important;
}
}
}
}
}
.bootgrid-table th {

View file

@ -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; } }
@ -5850,7 +5855,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:#202020 !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 #393939; }
#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, a.list-group-item.active-menu-title.collapsed {color: #FFF !important;background-color: #2a2a2a !important;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"] {color: #ec6d12 !important;background-color: #2a2a2a !important;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"] {color: #ec6d12 !important;background-color: #2a2a2a !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: #393939e6 !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: #393939e6 !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: #ec6d12 !important;background-color: #2a2a2a !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;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {color: #ec6d12 !important;background-color: #2a2a2a !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: #ec6d12 !important;background-color: #2a2a2a !important;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title {color: #ec6d12 !important;background-color: #2a2a2a !important;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus {color: #ec6d12 !important;background-color: #2a2a2a !important;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus {color: #ec6d12 !important;background-color: #2a2a2a !important;}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active {color: #ec6d12 !important;background-color: #2a2a2a !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 #515151;
-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 #515151;
-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; }
@ -6106,7 +6226,7 @@ label > input[type="radio"] {
/* fields in firewall schedule */
[data-state="lightcoral"] {
background-color: lightcoral; }
background-color: #ec6d12; }
[data-state="white"] {
background-color: inherit; }
@ -6147,6 +6267,8 @@ textarea#update_status, textarea#update_status:hover {
cursor: pointer;
color: #ec6d12;
}
#navigation > .fa-search::before, .fa-refresh::before {
color:inherit !important; }
#totals .fa-search::before {
color: #FFF !important;
background-color: #ec6d12;
@ -6190,9 +6312,14 @@ ul.TokensContainer {
-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:#FFFFFF !important; }
::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Element {
width: 17px;
}
div.Tokenize ul.TokensContainer:hover, div.Tokenize ul.TokensContainer:focus {
border-color:#ec6d12 !important;
background-color:#2a2a2a !important;
@ -6203,16 +6330,37 @@ div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown {
border: 1px solid #5a5a5a !important;
background-color: #2a2a2a !important;
color:#FFFFFF !important; }
div.Tokenize ul.TokensContainer li.Token {
.tokenize > .tokens-container > .token {
background-color: #ce671c !important;
border: 1px solid #303030 !important; }
div.Tokenize ul.TokensContainer li.Placeholder {
.tokenize > .tokens-container > .placeholder {
color:#505050 !important; }
div.Tokenize ul.TokensContainer li.Token a.Close {
.tokenize > .tokens-container > .token > .dismiss::after {
color:#FFFFFF !important; }
.tokenize.focus > .tokens-container {
border-color:#ec6d12 !important;
background-color:#2a2a2a !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.tokenize > .tokens-container {
border-radius: 3px;
border: 1px solid #5a5a5a !important;
background-color: #2a2a2a !important;}
.tokenize > .tokens-container > .tokenize > .tokens-container > .token-search {
color:#FFFFFF !important;
border:none !important;}
.tokenize > .tokens-container > .token, .tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search {
border:none !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: #fff !important; }
.bootgrid-table th:hover {

View file

@ -1,5 +1,5 @@
PLUGIN_NAME= theme-rebellion
PLUGIN_VERSION= 1.1
PLUGIN_VERSION= 1.2
PLUGIN_COMMENT= A suitably dark theme
PLUGIN_MAINTAINER= team-rebellion@queens-park.com

View file

@ -127,6 +127,14 @@
@include responsive-invisibility('.hidden-sm');
}
/* COLLAPSE SIDEBAR @media*/
@media (max-width: 768px), (max-height: 669px) {
.toggle-sidebar {
display: none !important;
}
}
/* COLLAPSE SIDEBAR @media END*/
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
@include responsive-invisibility('.hidden-md');
}

View file

@ -355,6 +355,243 @@ body{
}
}
/* COLLAPSE SIDEBAR */
main.page-content.col-lg-12 {
padding-left: 90px;
}
#navigation.col-sidebar-left {
width: 70px;
background-color: transparent !important;
overflow: hidden;
> div {
&.row {
height: 100% !important;
> nav.page-side-nav {
width: 70px;
background-color: #202020 !important;
height: 100% !important;
}
}
> nav > #mainmenu > div > {
a.list-group-item {
font-size: 11px;
text-align: center;
> span {
&.fa, &.glyphicon {
visibility: visible;
font-size: 28px;
}
&.__iconspacer {
padding-left: 7px;
padding-right: 7px;
}
}
width: 70px;
height: 70px;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #393939;
}
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;
}
&.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;
}
}
a.list-group-item.active-menu-title {
color: #FFF !important;
background-color: #2a2a2a !important;
}
}
}
}
a.list-group-item.active-menu-title.collapsed {
color: #FFF !important;
background-color: #2a2a2a !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > {
a.list-group-item[aria-expanded="true"] {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
div {
&.collapse {
&.in {
> a.list-group-item[aria-expanded="true"] {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
> div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
background-color: #393939e6 !important;
&.menu-level-3-item.active {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
}
}
> a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
background-color: #393939e6 !important;
}
> div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
}
}
&.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 11px !important;
}
&.collapse.in > a.list-group-item:hover {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
}
}
a.list-group-item:focus {
color: #ec6d12 !important;
background-color: #2a2a2a !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: #ec6d12 !important;
background-color: #2a2a2a !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div {
&.collapse.in > a.list-group-item {
&.active-menu-title, &.collapsed:focus, &:focus {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
}
&.active-menu.collapse.in > a.list-group-item.active {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
}
&.collapse.in {
width: 150px;
font-size: 11px;
display: block;
z-index: 10;
position: absolute;
left: 70px;
margin-top: -70px;
height: auto;
border: 1px solid #515151;
-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.5);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
}
&.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.5);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
}
&.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 #515151;
-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.5);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5);
}
&.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);
}
}
}
/* Sub Level One */
/* Sub Level Two */
button.toggle-sidebar {
&.glyphicon {
&.glyphicon-chevron-left, &.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;
}
&.glyphicon-chevron-left:active, &.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);
}
&.glyphicon-chevron-left:focus, &.glyphicon-chevron-right:focus {
outline: none;
}
}
color: #FFF;
background-color: transparent;
font-size: 14px;
border: none;
margin-top: 18px;
float: left;
}
/* COLLAPSE SIDEBAR END*/
#navigation.collapse.in{
display: block !important;
}

View file

@ -1,5 +1,5 @@
PLUGIN_NAME= theme-tukan
PLUGIN_VERSION= 1.0
PLUGIN_VERSION= 1.1
PLUGIN_COMMENT= The tukan theme - blue/white
PLUGIN_MAINTAINER= martin@team-rebellion.net

View file

@ -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 {