Advertisement
Shaun_B

Cascading style sheet for the example OO blog in PHP

Oct 24th, 2012
417
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.05 KB | None | 0 0
  1. /**
  2.  * This is an example CSS file for the OO blog site in PHP
  3.  * Put this into a folder css and call it style.css
  4.  * @author: Shaun B
  5.  * @date:   2012-10-24
  6.  * @todo:   learn how to do proper styling
  7.  **/
  8.  
  9. body
  10. {
  11.     background-color: #000000;
  12.     font-family: Arial, sans-serif;
  13. }
  14. #main
  15. {
  16.     width: 1024px;
  17.     margin: 40px auto;
  18. }
  19. h1
  20. {
  21.     margin: 0px;
  22.     padding: 0px;
  23.     color: #0080ff;
  24.     letter-spacing: 0px;
  25.     font-size: 36px;
  26.     text-align: center;
  27. }
  28. #blogPosts
  29. {
  30.     background-color: #112233;
  31.     color: #ffeedd;
  32.     padding: 6px;
  33. }
  34.     .post
  35.     {
  36.         background-color: #667788;
  37.         padding: 0px;
  38.         margin: 0px 0px 0px 0px;
  39.     }
  40.     .post:last-child
  41.     {
  42.         margin: 0px;
  43.     }
  44. h2
  45. {
  46.     margin: 0px;
  47.     padding: 0px;
  48.     color: #232f0f;
  49.     font-size: 24px;
  50.     letter-spacing: -1px;
  51. }
  52.     .post p
  53.     {
  54.         margin: 0px 0px 0px 0px;
  55.     }
  56.     .post a
  57.     {
  58.         text-decoration: none !important;
  59.         color: #000000;
  60.     }
  61.     .post span
  62.     {
  63.         display: block;
  64.         padding: 0px 0px 0px 4px;
  65.         letter-spacing: 1px;
  66.         font-style: italic;
  67.         font-size: 12px;
  68.         background-color: #344120;
  69.         color: #70864d;
  70.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement