Advanced Search

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

Expand | Embed | Plain Text

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.