custom.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /*
  2. _______________________________
  3. Desktop version layout - place your custom code here */
  4. body {
  5. }
  6. .pageBackground {
  7. background-image:url(images/backgroundTexture.png);
  8. background-repeat:repeat;
  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: #141414;
  25. background-image:url(images/background_texture_wood.png);
  26. background-repeat:repeat;
  27. text-align: center;
  28. color: white;
  29. }
  30. .post {
  31. font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
  32. font-size: 1.0em;
  33. line-height: 1.5em;
  34. color: #111;
  35. text-align: justify;
  36. }
  37. /*
  38. _______________________________
  39. Mobile version - preset code from cssgrid.net */
  40. @media handheld, only screen and (max-width: 767px) {
  41. .pageBackground {
  42. background-image:url(images/backgroundTexture.png);
  43. background-repeat:repeat;
  44. padding-right:8px;
  45. padding-left:8px;
  46. }
  47. .examplecontainer {}
  48. body {}
  49. }
  50. /*
  51. _______________________________
  52. Provide higher res assets for iPhone 4 - preset code from cssgrid.net */
  53. @media only screen and (-webkit-min-device-pixel-ratio: 2) {
  54. /* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
  55. .download {
  56. background: url(../img/downarrow@2x.png) no-repeat;
  57. background-size: 27px 28px;
  58. }
  59. */
  60. }