CSS Asides in WordPress' Sandbox theme


/ Published in: CSS
Save to your folder(s)

Implement "Asides" in a WordOress blog just with the Sandbox theme and CSS


Copy this code and paste it in your HTML
  1. /* Asides */
  2. body.home .category-asides{
  3. border-left: 4px solid #3bb000;
  4. padding-left: 1em;
  5. margin: 0 5% 1.5em 0;
  6. background-image: none;
  7. }
  8. body.home .category-asides{
  9. background-image: none;
  10. padding-top: 0;
  11. }
  12. body.home .category-asides .entry-content, body.home .category-asides .entry-content p, body.home .category-asides .entry-meta{
  13. margin: 0 0.25em 0 0;
  14. display: inline;
  15. }
  16. body.home .category-asides .entry-content{
  17. margin: 0;
  18. }
  19. body.home .category-asides h2.entry-title, body.home .category-asides .entry-date, body.home .category-asides .entry-social-links, body.home .category-asides .entry-author, body.home .category-asides .metasep, body.home .category-asides .entry-category, body.home .category-asides .entry-commentlink-text{
  20. display: none;
  21. }
  22. body.home .category-asides .entry-commentlink a{
  23. font-size: 114%;
  24. color: #3bb000;
  25. }
  26. body.home .category-asides .entry-content a{
  27. color: #3bb000;
  28. }
  29. body.home .category-asides .entry-content a:hover, body.home .category-asides .entry-commentlink a:hover{
  30. background-color: #3bb000;
  31. color: #fff;
  32. }

URL: http://www.alistercameron.com/2007/07/09/sandbox-theming-trcks-pure-css-asides/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.