custom.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /*
  2. _______________________________
  3. Desktop version layout - place your custom code here */
  4. body {
  5. }
  6. .pageBackground {
  7. background-image:url(images/background_texture_wood.png), url(images/binder.jpg);
  8. background-repeat:repeat, repeat-y;
  9. }
  10. .pageForeground {
  11. background-color: beige;
  12. border-radius:15px;
  13. moz-border-radius:15px;
  14. -moz-box-shadow: 0 0 5px 5px #888;
  15. -webkit-box-shadow: 0 0 5px 5px#888;
  16. box-shadow: 0 0 5px 5px #888;
  17. }
  18. a.banner {
  19. background-image:url(images/oncrashrebootbanner.jpg);
  20. background-repeat:no-repeat;
  21. background-size:cover;
  22. }
  23. .hmenu {
  24. background-color: #333;
  25. text-align: center;
  26. color: white;
  27. }
  28. .post {
  29. font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
  30. font-size: 1.0em;
  31. line-height: 1.5em;
  32. color: #111;
  33. text-align: justify;
  34. }
  35. /*
  36. _______________________________
  37. Mobile version - preset code from cssgrid.net */
  38. @media handheld, only screen and (max-width: 767px) {
  39. .examplecontainer {}
  40. body {}
  41. }
  42. /*
  43. _______________________________
  44. Provide higher res assets for iPhone 4 - preset code from cssgrid.net */
  45. @media only screen and (-webkit-min-device-pixel-ratio: 2) {
  46. /* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
  47. .download {
  48. background: url(../img/downarrow@2x.png) no-repeat;
  49. background-size: 27px 28px;
  50. }
  51. */
  52. }