Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #page-header #left-aside-toggle {
- display: block !important;
- }
- @media screen and (min-width: 60em) {
- #page-header #logo {
- width: 100%;
- bottom: 10px;
- text-align: center;
- -webkit-transform-origin: center;
- -ms-transform-origin: center;
- transform-origin: center;
- }
- #page-header #searchbox,
- #page-header #main-navigation {
- display: none;
- }
- .page-aside {
- display: block;
- width: 400px;
- }
- #aside-left {
- left: -400px;
- }
- #aside-right {
- right: -400px;
- }
- #page.aside-left-open {
- left: 400px;
- }
- #page.aside-right-open {
- right: 400px;
- }
- .csstransforms3d.csstransitions #aside-left {
- left: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- -ms-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
- .csstransforms3d.csstransitions #aside-right {
- right: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- -ms-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- }
- .csstransforms3d.csstransitions #page {
- left: 0 !important;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform 300ms ease;
- transition: transform 300ms ease;
- }
- .csstransforms3d.csstransitions #page.aside-left-open {
- -webkit-transform: translate3d(400px, 0, 0);
- -ms-transform: translate3d(400px, 0, 0);
- transform: translate3d(400px, 0, 0);
- }
- .csstransforms3d.csstransitions #page.aside-right-open {
- -webkit-transform: translate3d(-400px, 0, 0);
- -ms-transform: translate3d(-400px, 0, 0);
- transform: translate3d(-400px, 0, 0);
- }
- .aside-content {
- padding: 40px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement