Lungo.layout.aside.css 1.2 KB

12345678910111213
  1. section.aside{-webkit-transform:translate3d(256px, 0, 0);transform:translate3d(256px, 0, 0);}section.aside.onright{-webkit-transform:translate3d(-256px, 0, 0);transform:translate3d(-256px, 0, 0);}
  2. aside{position:absolute;width:inherit;height:inherit;top:0px;visibility:hidden;z-index:0;width:256px;max-width:256px;}aside.onright{right:0px;}
  3. aside.current{visibility:visible;}
  4. header:not(.extended)~aside{top:40px;}
  5. header.extended~aside{top:74px;}
  6. footer~aside{bottom:40px;height:auto;}
  7. footer.toolbar~aside{bottom:48px;}
  8. aside~article{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
  9. aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  10. aside .icon{width:24px;float:left;margin:8px 4px 0 0;font-size:24px;line-height:24px;text-align:center;}
  11. aside .anchor{font-weight:bold;padding:3px 10px 4px;}
  12. aside .bubble{float:right;font-size:11px;margin:12px 4px 0 0;}
  13. @media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} aside{opacity:1;} aside~article{width:auto !important;left:256px;right:0px !important;}}