main.css 963 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @font-face {
  2. font-family: LoversQuarrel;
  3. src: url(/Yakap.ttf);
  4. }
  5. .page {
  6. position: absolute;
  7. top: 0;
  8. left: 0;
  9. width: 100%;
  10. border: red dashed 1px;
  11. }
  12. .header {
  13. position: relative;
  14. height: 100%;
  15. max-height: 300px;
  16. margin: 25px 25px 0px 25px;
  17. border: 15px double black;
  18. //border-image: url(border.png) 30 round;
  19. overflow: hidden;
  20. background: rgba(0, 0, 0, 0.8);
  21. }
  22. .headerImage {
  23. position: relative;
  24. width: 100%;
  25. vertical-align: middle;
  26. }
  27. .titleContainer {
  28. position: absolute;
  29. left: 50%;
  30. border: dotted red 1px;
  31. bottom: -1px;
  32. }
  33. .title {
  34. position: relative;
  35. background-color: rgba(0, 0, 0, 0.8);
  36. color: gold;
  37. border: 1px solid black;
  38. z-index: 2;
  39. left: -50%;
  40. padding: 5px 25px;
  41. }
  42. .storyContainer {
  43. width: 60%;
  44. margin: auto;
  45. background-color: rgba(0, 0, 0, 0.8);
  46. padding: 15px;
  47. border-left: 15px double silver;
  48. border-right: 15px double silver;
  49. }
  50. .storyText {
  51. color: #DEDEDE;
  52. font-family: LoversQuarrel;
  53. font-size: 1.4em;
  54. }