Lungo.layout.aside.css 1.3 KB

123456789101112
  1. section.aside{left:256px;}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. aside .title{line-height:40px;font-size:15px;font-weight:bold;height:40px;}
  5. aside a{display:block;width:244px;height:40px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  6. aside .bubble{float:right;font-size:11px;}
  7. aside .title,aside a,aside .anchor{padding:0 6px;}
  8. aside a .bubble,aside .title .bubble{margin-top:13px;}
  9. aside .anchor .bubble{margin-top:2px;}
  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;line-height:19px;}
  12. @media handheld, only screen and (min-width: 768px){[data-target="aside"]{display:none !important;} section.aside{width:auto !important;left:256px !important;right:0px !important;-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:none;}}