diff --git a/resources/views/layouts/default.blade.php b/resources/views/layouts/default.blade.php index 0b8ca9410a..8fa6e3a031 100644 --- a/resources/views/layouts/default.blade.php +++ b/resources/views/layouts/default.blade.php @@ -1,6 +1,5 @@ - +
@@ -34,36 +33,239 @@ dir="{{ Helper::determineLanguageDirection() }}"> {{-- stylesheets --}} - @if (($snipeSettings) && ($snipeSettings->allow_user_skin==1) && Auth::check() && Auth::user()->present()->skin != '') - - @else - - @endif + {{-- page level css --}} @stack('css') + - @endif + .btn-anchor { + outline: none !important; + padding: 0; + border: 0; + padding-left: 20px; + vertical-align: baseline; + cursor: pointer; + } + + body, h1, h2, h3, h4 { + color: var(--color-fg); + } + + + .text-blue { + color: var(--text-blue) !important; + } + + a:link, a:hover, a:visited { + color: var(--link-color); + } + + .box-header { + border: var(--box-header-border); + } + + .box, .box-footer { + background-color: var(--box-bg) !important; + } + + .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { + border-top: var(--table-border-row); + } + + .icon-med { + color: var(--color-fg); + } + + + /** + table rows + */ + + .table-striped > tbody > tr:nth-of-type(even) { + background-color: var(--table-stripe-bg); + } + + .table-striped > tbody > tr:nth-of-type(odd) { + background-color: var(--table-stripe-bg-alt); + } + + + .small-box h3, .small-box p { + color: white; + } + + /** + main header nav + */ + + + .main-header, + .dropdown-menu { + background-color: rgba(0,0,0,.15); + border-color: {{ $snipeSettings->header_color }}; + } + + + .dropdown-menu > li, + .navbar, + .navbar-nav + { + background-color: {{ $snipeSettings->header_color }}; + color: var(--nav-primary-font-color); + } + + + .dropdown-menu > li > a:link, + .dropdown-menu > li > a:visited, + .dropdown-menu > .active > a:link, + .dropdown-menu > .active > a:visited, + .navbar-nav .open > a:link, + .navbar-nav .open > a:visited, + .navbar-nav > li > a:link, + .navbar-nav > li > a:visited + { + background-color: {{ $snipeSettings->header_color }}; + /*background-color: rgba(0,0,0,.15);*/ + color: var(--nav-primary-font-color) !important; + } + + .dropdown-menu > li > a:hover, + .dropdown-menu > li > a:focus, + .dropdown-menu > li:hover, + .dropdown-menu > li:focus, + .dropdown-menu > .active > a:link, + .dropdown-menu > .active > a:visited, + .dropdown-menu > .active > a:hover, + .dropdown-menu > .active > a:focus, + .navbar-nav .open > a:hover, + .navbar-nav .open > a:focus, + .navbar-nav > li > a:hover, + .navbar-nav > li > a:focus, + .navbar-nav .open li.active > a:focus, + .navbar-nav .open li.active > a:hover + { + background-color: hsl(from {{ $snipeSettings->header_color }} h s calc(l - 5)); + /*background-color: rgba(0,0,0,.15);*/ + color: var(--nav-primary-font-color) !important; + } + + + .dropdown-menu, + .dropdown-menu > li + { + {{--background-color: {{ $snipeSettings->header_color }};--}} + background-color: hsl(from {{ $snipeSettings->header_color }} h s calc(l - 5)); + border-color: hsl(from {{ $snipeSettings->header_color }} h s calc(l - 10)); + color: var(--nav-primary-font-color); + } + + .main-header .navbar .nav>.active>a { + background-color: hsl(from {{ $snipeSettings->header_color }} h s calc(l - 5)); + color: var(--nav-primary-font-color); + } + + + {{--.dropdown-menu > li > a, .main-header .navbar, .main-header .logo, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav .open > a:hover, .nav .open > a:hover {--}} + {{-- background: linear-gradient(to bottom, {{ $snipeSettings->header_color }} 0%,{{ $snipeSettings->header_color }} 100%);--}} + {{-- border-color: {{ $snipeSettings->header_color }};--}} + {{-- color: var(--nav-hover-font-color);--}} + {{--}--}} + + .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { + border-left-color: {{ $snipeSettings->header_color }}; + } + + .main-sidebar { + /*background-color: #222d32;*/ + background-color: #2c3b41; + } + + .btn-primary { + background-color: {{ $snipeSettings->header_color }}; + border-color: {{ $snipeSettings->header_color }}; + } + + + .sidebar-menu > li:hover, .sidebar-menu > li { + background-color: #2c3b41; + } + + .sidebar-menu>li>.treeview-menu + { + background-color: #2c3b41; + } + + /** + Sidebar hovers and side-highlight + */ + .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { + color: #fff; + background-color: #1e282c; + border-left-color: {{ $snipeSettings->header_color }}; + } + + .sidebar-menu>li.active>a, .sidebar-menu>li:hover>a { + border-left-color: {{ $snipeSettings->header_color }}; + border-left-style: solid; + border-left-width: 3px; + color: #fff; + } + + .treeview-menu>li>a { + color: #a0b7c1; + } + + .treeview-menu>li>a:hover { + color: #ffffff; + } + /*.treeview-menu > li > a {*/ + /* color: var(--color-fg);*/ + /* background-color: #1e282c;*/ + /*}*/ + + /*.treeview-menu {*/ + /* color: #fff;*/ + /* background-color: #1e282c;*/ + /*}*/ + + + + {{-- Custom CSS --}} @if (($snipeSettings) && ($snipeSettings->custom_css)) @@ -88,12 +290,7 @@ dir="{{ Helper::determineLanguageDirection() }}"> -@if (($snipeSettings) && ($snipeSettings->allow_user_skin==1) && Auth::check() && Auth::user()->present()->skin != '') - - @else - - @endif - + {{ trans('general.skip_to_main_content') }}