Lungo.layout.aside.css 1.7 KB

1234567891011121314151617
  1. section.aside{-webkit-transform:translate3d(256px, 0, 0);-moz-transform:translate3d(256px, 0, 0);-o-transform:translate3d(256px, 0, 0);transform:translate3d(256px, 0, 0);}section.aside.onright{-webkit-transform:translate3d(-256px, 0, 0);-moz-transform:translate3d(-256px, 0, 0);-o-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);-moz-transform:translate3d(0px, 0, 0);-o-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 .title,aside a,aside .anchor{padding:0 6px;}
  10. aside .title{line-height:40px;font-size:15px;font-weight:bold;height:40px;}
  11. aside a{display:block;width:244px;height:40px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  12. aside .bubble{float:right;font-size:11px;}
  13. aside a .bubble,aside .title .bubble{margin-top:13px;}
  14. aside .anchor .bubble{margin-top:2px;}
  15. aside .icon{width:24px;float:left;margin:8px 4px 0 0;font-size:24px;line-height:24px;text-align:center;}
  16. aside .anchor{font-weight:bold;line-height:19px;}
  17. @media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} section{width:auto !important;left:256px;right:0px !important;-webkit-transition:none;}section.hide{z-index:-1;}}