Difference between revisions of "Template:Tongji-Software/test/css/style.css"
| Line 26: | Line 26: | ||
padding-left: 100px; | padding-left: 100px; | ||
} | } | ||
| − | #wrapper.toggled { | + | #wrapper.toggled #sidebar-wrapper { |
width: 200px; | width: 200px; | ||
} | } | ||
| Line 42: | Line 42: | ||
-webkit-transition: all 0.5s ease; | -webkit-transition: all 0.5s ease; | ||
height: 100%; | height: 100%; | ||
| − | + | left: 220px; | |
margin-left: -86px; | margin-left: -86px; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
overflow-y: auto; | overflow-y: auto; | ||
transition: all 0.5s ease; | transition: all 0.5s ease; | ||
| + | width: 0; | ||
z-index: 1000; | z-index: 1000; | ||
} | } | ||
Latest revision as of 11:47, 13 October 2018
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
/*-------------------------------*/ /* VARIABLES */ /*-------------------------------*/ body {
position: relative; overflow-x: hidden;
} body, html {
height: 100%;
}
/*-------------------------------*/ /* Wrappers */ /*-------------------------------*/
- wrapper {
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0; transition: all 0.5s ease;
}
- wrapper.toggled {
padding-left: 100px;
}
- wrapper.toggled #sidebar-wrapper {
width: 200px;
}
- wrapper.toggled #con{
padding-left:100px; transition: all 0.5s ease;
}
- sidebar-wrapper {
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; height: 100%; left: 220px; margin-left: -86px; overflow-x: hidden; overflow-y: auto; transition: all 0.5s ease; width: 0; z-index: 1000;
}
- sidebar-wrapper::-webkit-scrollbar {
display: none;
}