Halaman utama Jelajahi Bantuan
Masuk
pwa
/
Lungo.js
cermin dari https://github.com/tapquo/Lungo.js.git
2
0
Fork 0
Berkas Masalah 0 Wiki
Pohon: b29e793433
Ranting Tag
Lungo.js
/
src
/
stylesheets
/
css
/
Lungo.layout.aside.css

Lungo.layout.aside.css 2.5 KB
Riwayat Mentahan

1234567891011 
  1. section.aside:not(.small){-webkit-transform:translate(256px, 0);-moz-transform:translate(256px, 0);-ms-transform:translate(256px, 0);-o-transform:translate(256px, 0);transform:translate(256px, 0);-webkit-transform:translate(256px, 0);-moz-transform:translate(256px, 0);-ms-transform:translate(256px, 0);-o-transform:translate(256px, 0);transform:translate(256px, 0);}
    2. 

  2. section.aside.small{-webkit-transform:translate(64px, 0);-moz-transform:translate(64px, 0);-ms-transform:translate(64px, 0);-o-transform:translate(64px, 0);transform:translate(64px, 0);-webkit-transform:translate(64px, 0);-moz-transform:translate(64px, 0);-ms-transform:translate(64px, 0);-o-transform:translate(64px, 0);transform:translate(64px, 0);}
    3. 

  3. section.aside.onright{-webkit-transform:translate(-256px, 0);-moz-transform:translate(-256px, 0);-ms-transform:translate(-256px, 0);-o-transform:translate(-256px, 0);transform:translate(-256px, 0);-webkit-transform:translate(-256px, 0);-moz-transform:translate(-256px, 0);-ms-transform:translate(-256px, 0);-o-transform:translate(-256px, 0);transform:translate(-256px, 0);}section.aside.onright.small{-webkit-transform:translate(-64px, 0);-moz-transform:translate(-64px, 0);-ms-transform:translate(-64px, 0);-o-transform:translate(-64px, 0);transform:translate(-64px, 0);-webkit-transform:translate(-64px, 0);-moz-transform:translate(-64px, 0);-ms-transform:translate(-64px, 0);-o-transform:translate(-64px, 0);transform:translate(-64px, 0);}
    4. 

  4. aside{position:fixed;height:auto;top:0;bottom:0;visibility:hidden;z-index:0;width:256px;}aside.onright{right:0px;}
    5. 

  5. aside.current{visibility:visible;}
    6. 

  6. aside header,aside footer{position:relative;left:none;}
    7. 

  7. aside footer{position:absolute;bottom:0;}
    8. 

  8. aside.small{width:64px;}aside.small nav{margin-top:42px;}aside.small nav a{padding:0px;width:64px;height:64px;}
    9. 

  9. aside.small nav .icon{font-size:64px;text-align:center;}
    10. 

  10. aside.small nav .bubble{left:-24px;}
    11. 

  11. @media handheld,only screen and (min-width:768px){.autohide[data-target="aside"]{display:none !important;} section.aside{width:auto !important;left:256px;right:0px !important;-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-ms-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-ms-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transition:none;}section.aside.small{left:64px;}}
    12.