style.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @font-face {
  2. font-family: 'Fira Sans';
  3. src: url('firasans-regular-webfont.eot');
  4. src: url('firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
  5. url('firasans-regular-webfont.woff') format('woff'),
  6. url('firasans-regular-webfont.ttf') format('truetype');
  7. font-weight: normal;
  8. font-style: normal;
  9. }
  10. html {
  11. font-family: 'Fira Sans';
  12. height: 100%;
  13. color: #8c959c;
  14. background: #f8f9fa;
  15. text-align: center;
  16. }
  17. .dark {
  18. background: #444a4f;
  19. color: #919497;
  20. }
  21. body {
  22. display: -webkit-flex;
  23. display: -ms-flexbox;
  24. display: flex;
  25. -webkit-flex-direction: column;
  26. -ms-flex-direction: column;
  27. flex-direction: column;
  28. -webkit-justify-content: center;
  29. -ms-flex-pack: center;
  30. justify-content: center;
  31. -webkit-align-items: center;
  32. -ms-flex-align: center;
  33. align-items: center;
  34. height: 100%;
  35. min-height: 600px;
  36. margin: 0;
  37. padding: 40px 10px;
  38. -webkit-box-sizing: border-box;
  39. box-sizing: border-box;
  40. overflow-x: hidden;
  41. }
  42. body.error-message {
  43. height: auto;
  44. }
  45. pre {
  46. text-align: left;
  47. padding-bottom: 1em;
  48. background: white;
  49. color: #222;
  50. }
  51. h1 {
  52. margin: 0;
  53. color: #444a4f;
  54. }
  55. .dark h1 {
  56. color: white;
  57. }
  58. a {
  59. color: #f1d158;
  60. text-decoration: none;
  61. }
  62. a:visited {
  63. color: #ccb250;
  64. }
  65. ul {
  66. text-align: left;
  67. }
  68. p {
  69. max-width: 400px;
  70. margin: 0 0 20px;
  71. }
  72. .error-image {
  73. height: 650px;
  74. width: 100%;
  75. margin: 30px 0;
  76. background-size: contain;
  77. background-position: center;
  78. background-repeat: no-repeat;
  79. }