184
ediciones
Cambios
sin resumen de edición
}
/* ----------------------------- End header type 1 ------------------------------------- */
@media (min-width: 992px) {
.ha-menu > ul {
list-style: none;
padding: 0;
margin: 0;
}
.ha-menu > ul > li {
display: inline-block;
vertical-align: top;
}
.ha-menu > ul > li:not(.active) > *:not(ul) {
color: rgba(255, 255, 255, 0.6);
}
.ha-menu > ul > li.active > a {
color: #fff;
box-shadow: inset 0px -3px 0 0px #FFEB3B;
}
.ha-menu > ul > li > a {
text-transform: uppercase;
padding: 15px 12px;
display: block;
}
.ha-menu > ul > li > a:hover {
color: #fff;
}
.ha-menu > ul > li .dropdown-menu {
min-width: 100%;
}
}
@media (max-width: 991px) {
.ha-menu {
display: none;
}
}
.sidebar {
position: fixed;
background: #fff;
height: calc(100% - 70px);
top: 70px;
-webkit-transition: all;
-o-transition: all;
transition: all;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
z-index: 10;
overflow-y: auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#sidebar {
width: 268px;
}
@media (max-width: 1279px) {
#sidebar {
-webkit-transform: translate3d(-288px, 0, 0);
transform: translate3d(-288px, 0, 0);
box-shadow: 0 0 20px rgba(14, 18, 21, 0.38);
}
#sidebar.toggled {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.sidebar-alt {
top: 0;
height: 100%;
-webkit-transform: translate3d(-268px, 0, 0);
transform: translate3d(-268px, 0, 0);
}
.sidebar-alt.toggled {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.s-profile > a {
display: block;
height: 129px;
margin-bottom: 5px;
width: 100%;
background: url(../img/profile-menu.png) no-repeat left top;
background-size: 100%;
}
.s-profile > a .sp-pic {
padding: 12px;
}
.s-profile > a .sp-pic > img {
width: 47px;
height: 47px;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.14);
box-sizing: content-box;
}
.s-profile > a .sp-info {
background: rgba(0, 0, 0, 0.37);
padding: 7px 14px;
color: #fff;
margin-top: 20px;
position: relative;
}
.s-profile > a .sp-info > i {
font-size: 19px;
line-height: 100%;
position: absolute;
right: 15px;
top: 7px;
-webkit-transition: all;
-o-transition: all;
transition: all;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.s-profile .main-menu {
display: none;
margin: 0 0 0;
}
.s-profile.toggled .sp-info > i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-menu {
list-style: none;
padding-left: 0;
margin: 20px 0 0 0;
}
.main-menu a {
-webkit-transition: color;
-o-transition: color;
transition: color;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.main-menu a:hover,
.main-menu .active > a,
.main-menu a.active {
color: #262626;
}
.main-menu > li > a {
padding: 14px 20px 14px 65px;
display: block;
font-weight: 500;
position: relative;
color: #4C4C4C;
}
.main-menu > li > a > i {
position: absolute;
left: 25px;
font-size: 18px;
top: 2px;
width: 25px;
text-align: center;
padding: 13px 0;
}
.main-menu > li > a:hover,
.main-menu > li.active > a {
background-color: #f7f7f7;
}
.sub-menu > a {
position: relative;
}
.sub-menu > a:before,
.sub-menu > a:after {
position: absolute;
top: 50%;
margin-top: -11px;
font-family: 'Material-Design-Iconic-Font';
font-size: 17px;
right: 15px;
-webkit-transition: all;
-o-transition: all;
transition: all;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
}
.sub-menu > a:before {
content: "\f278";
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.sub-menu > a:after {
content: "\f273";
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.sub-menu.toggled > a:before {
content: "\f278";
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.sub-menu.toggled > a:after {
content: "\f273";
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.sub-menu ul {
list-style: none;
display: none;
padding: 0;
}
.sub-menu ul > li > a {
padding: 8px 20px 8px 65px;
font-weight: 500;
display: block;
color: #989898;
}
.sub-menu ul > li:first-child > a {
padding-top: 14px;
}
.sub-menu ul > li:last-child > a {
padding-bottom: 16px;
}
.sub-menu ul > li ul {
font-size: 12px;
margin: 10px 0;
background-color: #F7F7F7;
}
.sub-menu.active > ul {
display: block;
}
/*-------------------------
For Stupid IE9
--------------------------*/
@media (max-width: 1279px) {
.ie9 #sidebar {
display: none;
}
.ie9 #sidebar.toggled {
display: block;
}
}
.ie9 .sidebar-alt {
display: none;
}
.ie9 .sidebar-alt.toggled {
display: block;
}