mobile.css 1.3 KB

1234567891011121314151617181920212223
  1. .left .left-more-link { display: none; }
  2. @media screen and (max-width: 960px) {
  3. .right { padding-right: 5px; padding-left: 0px; margin-left: 5px; max-width: 100%; box-sizing: border-box; }
  4. .left {
  5. display: block; background-color: white; border-right: 20px solid white;
  6. width: 95%; box-sizing: border-box; text-align: left; margin-top: 20px; position: relative; margin-left: 10px;
  7. }
  8. .left .avatar-link { display: inline-block; float: left; }
  9. .left h1, .left .feed-follow { display: inline-block; float: left; vertical-align: top; margin-left: 25px; }
  10. .left .feed-follow { display: none; margin-top: 5px; margin-bottom: 35px; }
  11. .left .description { margin-left: 95px; margin-top: -35px; clear: both; float: left; }
  12. .left .left-more { display: none; clear: both; float: left }
  13. .left .left-more-link { margin-left: -25px; margin-right: 20px; margin-top: 13px; font-size: 22px; border: 0px; float: left; display: inline-block; width: 22px; }
  14. .left .left-more-link:before { content: "\002630" }
  15. .left.show-more { box-shadow: 0px 20px 15px -20px #9c27b04a; margin-bottom: 40px; padding-bottom: 20px; }
  16. .left.show-more .left-more { max-height: none; }
  17. .left.show-more .left-more-link:before { content: "\0002DF"; font-size: 40px; top: -5px; position: relative; left: 4px; }
  18. .left .lastcomments { margin-left: 0px; }
  19. .post { min-width: auto; }
  20. }