mivita/_static/assets/LESS/LESS_BS3/smarty/layout-slide-top.less
2018-10-29 09:39:31 +01:00

89 lines
No EOL
1.4 KiB
Text

/** Slide Top
**************************************************************** **/
#slidetop {
color:#888;
font-size:13px;
background-color:#363839;
z-index: 1500;
position: absolute;
top: 0; right: 0; left:0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#slidetop h1,
#slidetop h2,
#slidetop h3,
#slidetop h4,
#slidetop h5,
#slidetop h6 {
font-size:13px;
line-height:20px;
color:#fff;
}
#slidetop ul {
margin:0;
}
#slidetop a {
color:#ccc;
text-decoration:none;
}
#slidetop ul>li>a {
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;
width:100%;
}
#slidetop ul>li>a>i {
margin-right:6px;
}
#slidetop h1>i,
#slidetop h2>i,
#slidetop h3>i,
#slidetop h4>i,
#slidetop h5>i,
#slidetop h6>i {
margin-right:8px;
}
#slidetop a:hover {
color:#fff;
}
#slidetop .container {
display:none;
height: auto;
padding:30px 0;
}
#slidetop a.slidetop-toggle {
height:35px;
position: absolute;
right: 0; bottom:-35px;
border-top: 35px solid #363839;
border-left: 35px solid transparent;
display:inline-block;
text-decoration:none;
color:#fff;
text-align:center;
}
#slidetop a.slidetop-toggle:after {
font-family:FontAwesome;
content: "\f067";
height:18px;
color:#fff;
position:absolute;
top: -34px;
left: -16px;
}
#slidetop.active a.slidetop-toggle:after {
content: "\f068";
}
@media only screen and (max-width: 768px) {
#slidetop {
display:none !important;
}
}