netbird/plugins
0
0
Fork 0
mirror of https://github.com/netbirdio/plugins.git synced 2026-05-22 18:44:07 -07:00
Code Issues Packages Projects Releases Wiki Activity

Update Rebellion sidebar elements

Browse Source 
scss code generated using
http://sebastianpontow.de/css2compass
This commit is contained in:
Martin Wasley
2018-12-11 07:24:18 +00:00
committed by Franco Fichtner
parent 37f044dec1
commit cf13077f16
3 changed files with 949 additions and 1154 deletions
Download Patch File Download Diff File Expand all files Collapse all files
misc/theme-rebellion/Makefile
+1 -1
View File
@@ -1,5 +1,5 @@
PLUGIN_NAME= theme-rebellion
PLUGIN_VERSION= 1.8
PLUGIN_VERSION= 1.8.1
PLUGIN_COMMENT= A suitably dark theme
PLUGIN_MAINTAINER= team-rebellion@queens-park.com
misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss
+851 -1017
View File
File diff suppressed because it is too large Load Diff
misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css
+97 -136
View File
@@ -7104,18 +7104,22 @@ main.page-content.col-lg-12 {
}
#navigation.col-sidebar-left {
width: 70px;
width:70px;
background-color: transparent !important;
overflow: hidden;
}
#navigation.col-sidebar-left > div.row {
height: 100% !important;
height:100% !important;
}
#navigation.col-sidebar-left > div.row > nav.page-side-nav {
width: 70px;
background-color: #202020 !important;
height: 100% !important;
width:70px;
background-color:#222222 !important;
height:100% !important;
border-right: 1px solid #000000;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
font-size: 12px;
text-align: center;
@@ -7126,170 +7130,127 @@ main.page-content.col-lg-12 {
padding-top:12px;
border-bottom: 2px solid #lightergrey;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa, #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
visibility: visible;
font-size: 28px;
font-size:20px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {
width: 50px;
height: 30px;
padding: 0px;
width:50px;
height:25px;
padding:0px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
width: 70px;
height: 70px;
padding-left: 0px;
padding-right: 0px;
padding-top:15px;
border-bottom:2px solid #000000;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 14px !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: 12px !important;
font-size: 14px !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: #FFF !important;
background-color: #2a2a2a !important;
left: 166px !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.active-menu-title, a.list-group-item.active-menu-title.collapsed,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"],
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"],
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active {
color: #CCC!important;
background-color: #111 !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,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
background-color: #393939 !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 > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
background-color: #393939 !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12x !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
font-size: 14px !important;
background-color: #333333 !important;
opacity: 1.0;
}
a.list-group-item:focus {
color: #ec6d12 !important;
background-color: #2a2a2a !important;
#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;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
padding: 3px 8px !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;
color: #ea7105!important;
background-color: #111 !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus, #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;
}
#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;
padding-bottom: 1px
-webkit-transition: width 0.1s;
-o-transition: width 0.1s;
transition: width 0.1s;
-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.5);
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing {
width: 0px;
font-size: 12px;
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);
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
width: 150px;
font-size: 12px;
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: 2px 2px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.5);
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
width: 0px;
font-size: 12px;
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);
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active {
color: #ea7105!important;
background-color: #111 !important;
}
/* Sub Level One */
/* Sub Level Two */
button.toggle-sidebar {
color: #FFF;
background-color: transparent;
font-size: 14px;
border: none;
margin-top: 18px;
float: left;
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
width:168px;
font-size:14px;
z-index: 10;
position: absolute;
left: 70px;
margin-top:-70px;
border:1px solid #000000;
-webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1);
}
button.toggle-sidebar.glyphicon.glyphicon-chevron-left:focus, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:focus {
outline: none;
/* Sub Level Two */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
width:168px;
font-size:14px;
z-index: 10;
position: absolute;
left: 166px;
margin-top:-26px;
border:1px solid #1f3a4a;
-webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1);
box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 1);
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing,
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
display:none;
}
button.toggle-sidebar {
color:#FFF;
background-color:transparent;
font-size:14px;
border:none;
margin-top: 18px;
float:left;
outline:none;
}
/* COLLAPSE SIDEBAR END*/