Skip to content

O
OpnSense
Commit a21c104d authored by Ad Schellevis's avatar Ad Schellevis Committed by Franco Fichtner
Browse files
Options

(theme) replace tabs with spaces in sass file 

(cherry picked from commit 2b832922)
parent 9baf7b27
Hide whitespace changes
Inline Side-by-side
Showing with 140 additions and 140 deletions
src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss
View file @ a21c104d
$colors: ( $colors: (
orange: #EA7105, orange: #EA7105,
lightgrey: #F7F7F7, lightgrey: #F7F7F7,
lightergrey: #FBFBFB, lightergrey: #FBFBFB,
darkgrey: #3C3C3B, darkgrey: #3C3C3B,
bordergrey: #E5E5E5, bordergrey: #E5E5E5,
); );
$zindex: ( $zindex: (
header: 2, header: 2,
footer: 2, footer: 2,
main: 1, main: 1,
sidebar: 3, sidebar: 3,
); );
@font-face { @font-face {
...@@ -87,123 +87,123 @@ $zindex: ( ...@@ -87,123 +87,123 @@ $zindex: (
} }
html, body{ html, body{
height: 100%; height: 100%;
font-family: 'SourceSansProRegular'; font-family: 'SourceSansProRegular';
} }
body{ body{
min-width: 320px; min-width: 320px;
} }
.page-head{ .page-head{
background: map-get($colors, darkgrey); background: map-get($colors, darkgrey);
top: 0; top: 0;
left: 0; left: 0;
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: map-get($zindex, header); z-index: map-get($zindex, header);
} }
.page-content{ .page-content{
height: calc(100% - 52px); height: calc(100% - 52px);
padding-top: 52px; padding-top: 52px;
position: relative; position: relative;
z-index: map-get($zindex, main); z-index: map-get($zindex, main);
> .row{ > .row{
height: 100%; height: 100%;
} }
} }
.page-content-head{ .page-content-head{
background: map-get($colors, lightergrey); background: map-get($colors, lightergrey);
border-bottom: 1px solid rgba(#D9D9D9, .50); border-bottom: 1px solid rgba(#D9D9D9, .50);
padding-bottom: 15px; padding-bottom: 15px;
padding-top: 20px; padding-top: 20px;
.navbar-nav{ .navbar-nav{
width: 100%; width: 100%;
} }
h1,h2,h3{ h1,h2,h3{
line-height: 1; line-height: 1;
margin: 0; margin: 0;
} }
} }
.page-content-main{ .page-content-main{
background: map-get($colors, lightgrey); background: map-get($colors, lightgrey);
min-height: calc(100% - 64px); min-height: calc(100% - 64px);
padding: 15px 0 (15px + 58px); padding: 15px 0 (15px + 58px);
} }
.page-side{ .page-side{
background: #FFF; background: #FFF;
border-right: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15);
height: 100% !important; height: 100% !important;
height: calc(100% - 52px) !important; height: calc(100% - 52px) !important;
left: 0; left: 0;
overflow: auto; overflow: auto;
margin-top: 52px; margin-top: 52px;
position: fixed; position: fixed;
top: 0; top: 0;
z-index: map-get($zindex, sidebar); z-index: map-get($zindex, sidebar);
@extend .hidden-xs; @extend .hidden-xs;
} }
.page-side-nav { .page-side-nav {
&--active{ &--active{
background: map-get($colors, lightgrey); background: map-get($colors, lightgrey);
border-left: 3px solid map-get($colors, orange); border-left: 3px solid map-get($colors, orange);
} }
} }
.page-foot{ .page-foot{
background: map-get($colors, lightergrey); background: map-get($colors, lightergrey);
bottom: 0; bottom: 0;
border-top: 1px solid rgba(#D9D9D9, .50); border-top: 1px solid rgba(#D9D9D9, .50);
font-size: 12px; font-size: 12px;
padding: 20px 0; padding: 20px 0;
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: map-get($zindex, footer); z-index: map-get($zindex, footer);
} }
.content-box{ .content-box{
background: #FFF; background: #FFF;
border: 1px solid map-get($colors, bordergrey);; border: 1px solid map-get($colors, bordergrey);;
@extend .clearfix; @extend .clearfix;
&-head{ &-head{
@extend .page-content-head; @extend .page-content-head;
} }
&-main{ &-main{
//background: map-get($colors, lightgrey); //background: map-get($colors, lightgrey);
padding-bottom: 15px; padding-bottom: 15px;
padding-top: 15px; padding-top: 15px;
} }
} }
.tab-content{ .tab-content{
border-top: 0px; border-top: 0px;
padding: 0px 0; padding: 0px 0;
> .tab-content{ > .tab-content{
margin-bottom: 0; margin-bottom: 0;
padding: 0 15px; padding: 0 15px;
} }
.tab-content:last-child{ .tab-content:last-child{
margin-bottom: 0; margin-bottom: 0;
} }
} }
.page-content-main [class^="col-"] + [class^="col-"]{ .page-content-main [class^="col-"] + [class^="col-"]{
padding-top: ($grid-gutter-width/2); padding-top: ($grid-gutter-width/2);
} }
.brand-logo{ .brand-logo{
...@@ -340,13 +340,13 @@ body{ ...@@ -340,13 +340,13 @@ body{
/* BOOTSTRAP EDIT */ /* BOOTSTRAP EDIT */
.list-group-item{ .list-group-item{
border-left: none; border-left: none;
border-right: none; border-right: none;
&.collapsed .caret{ &.collapsed .caret{
border-bottom: 4px solid green; border-bottom: 4px solid green;
border-top: 0; border-top: 0;
} }
} }
#navigation.collapse.in{ #navigation.collapse.in{
...@@ -355,56 +355,56 @@ body{ ...@@ -355,56 +355,56 @@ body{
.list-group-submenu .list-group-item:last-child, .list-group-submenu .list-group-item:last-child,
.collapse .list-group-item:last-child { .collapse .list-group-item:last-child {
border-bottom: none; border-bottom: none;
} }
.nav-tabs > li.active { .nav-tabs > li.active {
background: #FFF !important; background: #FFF !important;
} }
.nav-tabs > li > a{ .nav-tabs > li > a{
border-radius: 0px; border-radius: 0px;
margin-right: 0px; margin-right: 0px;
} }
.nav-tabs.nav-justified{ .nav-tabs.nav-justified{
border-right:1px solid map-get($colors, bordergrey); border-right:1px solid map-get($colors, bordergrey);
> li { > li {
border-bottom:1px solid map-get($colors, bordergrey); border-bottom:1px solid map-get($colors, bordergrey);
border-top:1px solid map-get($colors, bordergrey); border-top:1px solid map-get($colors, bordergrey);
border-left:1px solid map-get($colors, bordergrey); border-left:1px solid map-get($colors, bordergrey);
border-radius: 0px; border-radius: 0px;
background: map-get($colors, lightgrey); background: map-get($colors, lightgrey);
> a { > a {
color: map-get($colors, darkgrey); color: map-get($colors, darkgrey);
font-family: 'SourceSansProSemibold'; font-family: 'SourceSansProSemibold';
@media (min-width:$screen-sm-min){ @media (min-width:$screen-sm-min){
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
} }
} }
> li.active > a{ > li.active > a{
@media (max-width:$screen-xs-max){ @media (max-width:$screen-xs-max){
border-right: 0 !important; border-right: 0 !important;
} }
} }
} }
> li.active + li > a{ > li.active + li > a{
@media (min-width:$screen-sm-min){ @media (min-width:$screen-sm-min){
border-left: 1px solid transparent; border-left: 1px solid transparent;
} }
} }
> li:last-child > a{ > li:last-child > a{
border-right:1px solid transparent !important; border-right:1px solid transparent !important;
@media (max-width:$screen-xs-max){ @media (max-width:$screen-xs-max){
margin-bottom: 0; margin-bottom: 0;
} }
} }
.btn .glyphicon { .btn .glyphicon {
vertical-align: -1px; vertical-align: -1px;
...@@ -526,24 +526,24 @@ table{ ...@@ -526,24 +526,24 @@ table{
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
} }
::-webkit-scrollbar-button { ::-webkit-scrollbar-button {
width: 8px; width: 8px;
height:5px; height:5px;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: #f7f7f7; background: #f7f7f7;
box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px;
border-radius:0; border-radius:0;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: #e5e5e5; background: #e5e5e5;
border: thin solid #e5e5e5; border: thin solid #e5e5e5;
border-radius: 0px; border-radius: 0px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background:#e5e5e5; background:#e5e5e5;
} }
.widgetdiv { .widgetdiv {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023