styles.css 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /*******************************************************************************
  2. * *
  3. * Fonts *
  4. * *
  5. ******************************************************************************/
  6. /* Primary font for the application, found on http://www.dafont.com/ringbearer.font */
  7. @font-face {
  8. font-family: ringbearer;
  9. src: url('../fonts/ringbearer.ttf');
  10. }
  11. /* Logger font, found on https://fonts.google.com/specimen/Inconsolata?selection.family=Inconsolata */
  12. @font-face {
  13. font-family: inconsolata;
  14. src: url('../fonts/Inconsolata-Bold.ttf');
  15. }
  16. /*******************************************************************************
  17. * *
  18. * Body *
  19. * *
  20. ******************************************************************************/
  21. body, html, div {
  22. margin: 0px;
  23. padding: 0px;
  24. }
  25. html {
  26. background: url('../images/BrownWithWignette.jpg') no-repeat center center fixed;
  27. background-size: cover;
  28. }
  29. /*******************************************************************************
  30. * *
  31. * Header *
  32. * *
  33. ******************************************************************************/
  34. /* Main div header container/ */
  35. #header_container {
  36. background-color: black;
  37. padding: 5px;
  38. font-size: 0px;
  39. text-align: center;
  40. border-bottom: thick solid #a02d2a;
  41. border-bottom-width: 5px;
  42. position: relative;
  43. }
  44. /* Div container for the seal image. */
  45. #header_seal_container {
  46. position: absolute;
  47. }
  48. /* Div container for the header image. */
  49. #header_img_container {
  50. display: inline-block;
  51. margin: 0 auto;
  52. }
  53. /* Seal and header images. */
  54. #header_seal,
  55. #header_img {
  56. height: 75px;
  57. width: auto;
  58. display: block;
  59. }
  60. /* Div container for the social buttons */
  61. #header_social_container {
  62. font-size: 16px;
  63. position: absolute;
  64. bottom: 0px;
  65. right: 0px;
  66. margin-right: 5px;
  67. }
  68. /* Social buttons */
  69. .header_social_img {
  70. height: 25px;
  71. width: auto;
  72. display: inline-block;
  73. cursor: pointer;
  74. }