Commit f48f3d14 authored by Tino Goratsch's avatar Tino Goratsch

slightly improve the installer's navbar styling

parent a79917dc
Pipeline #93328610 passed with stages
in 2 minutes and 15 seconds
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(350deg);transform:rotate(350deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(350deg);transform:rotate(350deg)}}.loading-layer{-ms-flex-align:center;align-items:center;background:rgba(255,255,255,0.5);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:0;height:100%;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity 0.5s, visibility 0.5s;visibility:hidden;width:100%;z-index:999999}.loading-layer.loading-layer__active{opacity:1;visibility:visible}.loading-layer h1{width:100%;margin:0;font-size:26px;text-align:center}.loading-layer .glyphicon{margin-bottom:10px;display:block;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.tab-content>.tab-pane{padding-top:15px}.control-label{overflow:hidden;text-overflow:ellipsis}.control-label.required:after{content:' *'}.form-horizontal .control-label.required{position:relative}.form-horizontal .control-label.required:after{position:absolute;right:5px}@media (min-width: 768px){.form-horizontal .control-label.required:after{top:7px}}input[placeholder],textarea[placeholder]{font-style:italic}.btn-block.text-left{text-align:left}.pagination{margin:0 0 10px}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}ul.unstyled,ol.unstyled{padding-left:20px}p{text-align:justify}#logo{margin:10px 0}#main-navigation{overflow:hidden}#main-navigation .navbar-brand{padding-top:5px;padding-bottom:5px}#main-navigation .navbar-nav>li>a{cursor:default}#main-navigation .navbar-nav>li.complete>a,#main-navigation .navbar-nav>li.complete>a:focus,#main-navigation .navbar-nav>li.complete>a:hover{background-color:#449d44;color:#fff}@media (min-width: 768px){#main-navigation .navbar-nav{margin-left:-15px}}#main-navigation img{height:40px}#footer{margin-bottom:10px;line-height:30px}
body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}ul.unstyled,ol.unstyled{padding-left:20px}p{text-align:justify}#logo{margin:10px 0}#main-navigation{overflow:hidden}#main-navigation .navbar-brand{padding-top:5px;padding-bottom:5px}#main-navigation .navbar-nav>li>a{cursor:default}@media (min-width: 768px){#main-navigation .navbar-nav>li.complete{position:relative}#main-navigation .navbar-nav>li.complete:after{border-bottom:25px solid transparent;border-top:25px solid transparent;border-left:10px solid #449d44;content:"";height:0;position:absolute;right:-10px;top:0;width:0;z-index:1}}#main-navigation .navbar-nav>li.complete>a,#main-navigation .navbar-nav>li.complete>a:focus,#main-navigation .navbar-nav>li.complete>a:hover{background-color:#449d44;color:#fff}@media (min-width: 768px){#main-navigation .navbar-nav>li.active a{padding-left:25px}}@media (min-width: 768px){#main-navigation .navbar-nav{margin-left:-15px}}#main-navigation img{height:40px}#footer{margin-bottom:10px;line-height:30px}
@import "../../../../ACP3/Modules/ACP3/System/Resources/Assets/scss/modules/ajax-loading-layer";
@import "../../../../ACP3/Modules/ACP3/System/Resources/Assets/scss/modules/bootstrap-overrides";
$navbar-complete-bg: #449d44;
$breakpoint-tablet-min: 768px;
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
......@@ -37,16 +37,41 @@ p {
}
&.complete {
@media (min-width: $breakpoint-tablet-min) {
position: relative;
&:after {
border-bottom: 25px solid transparent;
border-top: 25px solid transparent;
border-left: 10px solid $navbar-complete-bg;
content: "";
height: 0;
position: absolute;
right: -10px;
top: 0;
width: 0;
z-index: 1;
}
}
> a,
> a:focus,
> a:hover {
background-color: #449d44;
background-color: $navbar-complete-bg;
color: #fff;
}
}
@media (min-width: $breakpoint-tablet-min) {
&.active {
a {
padding-left: 25px;
}
}
}
}
@media (min-width: 768px) {
@media (min-width: $breakpoint-tablet-min) {
margin-left: -15px;
}
}
......
......@@ -5,7 +5,8 @@
<title>{$TITLE} | {$PAGE_TITLE}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{include_stylesheet module="system" file="bootstrap"}
{include_stylesheet file="style" depends="bootstrap"}
{include_stylesheet file="style"}
{include_stylesheet module="system" file="style"}
<!-- STYLESHEETS -->
<!--[if lt IE 9]>
{include_js module="system" file="html5shiv"}
......
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