mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
155 lines
2.6 KiB
SCSS
155 lines
2.6 KiB
SCSS
|
|
.sidebar-icon {
|
|
color: $white !important;
|
|
}
|
|
#menubar {
|
|
width: 100%;
|
|
background-color: $background_bar;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
z-index: 10;
|
|
}
|
|
|
|
#menubar.home {
|
|
background-color: transparent;
|
|
position: absolute;
|
|
top: 0;
|
|
&.mobile {
|
|
background-color: transparent !important;
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
}
|
|
}
|
|
|
|
// no js version
|
|
@media only screen and (max-width: 767px) {
|
|
#menubar.home {
|
|
background-color: $fill_medium !important;
|
|
position: relative;
|
|
}
|
|
#menubar .right.menu a.item {
|
|
text-align: right !important;
|
|
}
|
|
}
|
|
|
|
#menubar-mobile {
|
|
display: none;
|
|
&.activated {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
#menubar-computer.deactivated {
|
|
display: none;
|
|
}
|
|
|
|
// {% if include.home %}style='background-color: transparent;'{% endif %}
|
|
|
|
// .header-content {
|
|
// top: 35% !important;
|
|
// }
|
|
//
|
|
// .header-text {
|
|
// font-size: 55px;
|
|
// text-transform: none !important;
|
|
// color: $white;
|
|
// padding-bottom: 20px;
|
|
// }
|
|
//
|
|
// .header-button {
|
|
// color: $white;
|
|
// background-color: transparent;
|
|
// border: 2px solid $white;
|
|
//
|
|
// &:hover {
|
|
// background-color: $primary;
|
|
// color: $white;
|
|
// border: 2px solid $primary;
|
|
// }
|
|
// }
|
|
//
|
|
// .navbar-static {
|
|
// background-color: $white;
|
|
// margin-bottom: 0;
|
|
// border-radius: 0;
|
|
// border-bottom: 2px solid $primary;
|
|
//
|
|
// .nav > li > a {
|
|
// color: $color_mine_shaft_approx;
|
|
// &:focus {
|
|
// color: $color_mine_shaft_approx;
|
|
// }
|
|
//
|
|
// &:hover {
|
|
// color: $primary;
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// .logo-sitename {
|
|
// display: inline-block;
|
|
// padding: 7px;
|
|
// padding-left: 16px;
|
|
// height: 100%;
|
|
//
|
|
// &:hover {
|
|
// text-decoration: none;
|
|
// }
|
|
//
|
|
// > h3 {
|
|
// display: inline;
|
|
// vertical-align: middle;
|
|
// }
|
|
//
|
|
// img {
|
|
// max-height: 35px;
|
|
// margin-top: 0.75em;
|
|
// padding-right: 1em;
|
|
// vertical-align: middle;
|
|
// border: 0;
|
|
// margin: 0;
|
|
// }
|
|
// }
|
|
//
|
|
// @media(min-width: 768px) {
|
|
// ul.nav li.dropdown:hover > ul.dropdown-menu {
|
|
// display: block;
|
|
// }
|
|
// }
|
|
//
|
|
// .our-values-dropdown {
|
|
// background-color: #ffffffce;
|
|
// }
|
|
//
|
|
// .dropdown .nav > li > a {
|
|
// color: $color_mine_shaft_approx;
|
|
// &:focus {
|
|
// color: $color_mine_shaft_approx;
|
|
// }
|
|
//
|
|
// &:hover {
|
|
// color: $primary;
|
|
// }
|
|
// }
|
|
//
|
|
// header {
|
|
// .cover-footer {
|
|
// width: 100%;
|
|
// height: 50px;
|
|
// position: absolute;
|
|
// bottom: 35px;
|
|
// padding: 0 35px;
|
|
//
|
|
// .btn {
|
|
// float: right;
|
|
// }
|
|
// }
|
|
//
|
|
// i {
|
|
// color: #fff0;
|
|
//
|
|
// @media(min-width: 768px) {
|
|
// color: inherit;
|
|
// }
|
|
// }
|
|
// }
|