Advertisement
Morose

Morose CSS

May 22nd, 2017
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.98 KB | None | 0 0
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }
  5.  
  6. body {
  7. margin: 0;
  8. padding: 0;
  9. font-family: 'Pacifico', cursive;
  10. font-size: 32px;
  11. background-color: black;
  12. }
  13.  
  14. .content {
  15. color: white;
  16. position: absolute;
  17. width: 100%;
  18. min-height: 100%;
  19. z-index: 1000;
  20. background-color: rgba(0,0,0,0.5);
  21. word-spacing: 8px;
  22. }
  23.  
  24. .content a {
  25. color: inherit;
  26. text-decoration: none;
  27. }
  28.  
  29. .content h1 {
  30. text-align: center;
  31. font-size: 64px;
  32. color: #fff;
  33. padding-top: 23.5%;
  34. margin-bottom: 10px;
  35. text-shadow:1px 1px 8px #000
  36. }
  37.  
  38. .content p {
  39. text-align: center;
  40. font-size: 24px;
  41. letter-spacing: 3px;
  42. color: #fff;
  43. text-shadow:1px 1px 8px #000
  44. }
  45.  
  46. #bg {
  47. position: fixed;
  48. top: 50%;
  49. left: 50%;
  50. min-width: 100%;
  51. min-height: 100%;
  52. width: auto;
  53. height: auto;
  54. z-index: -1000;
  55. background: url(bg.jpg) norepeat;
  56. background-size: cover;
  57. -webkit-transform: translateX(-50%) translateY(-50%);
  58. transform: translateX(-50%) translateY(-50%);
  59. }
  60.  
  61. a { color: inherit; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement