cover.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. /*
  2. * Globals
  3. */
  4. /* Links */
  5. a,
  6. a:focus,
  7. a:hover {
  8. color: #fff;
  9. }
  10. /* Custom default button */
  11. .btn-secondary,
  12. .btn-secondary:hover,
  13. .btn-secondary:focus {
  14. color: #333;
  15. text-shadow: none; /* Prevent inheritance from `body` */
  16. background-color: #fff;
  17. border: .05rem solid #fff;
  18. }
  19. /*
  20. * Base structure
  21. */
  22. html,
  23. body {
  24. height: 100%;
  25. background-color: #333;
  26. }
  27. body {
  28. display: -ms-flexbox;
  29. display: flex;
  30. color: #fff;
  31. text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  32. box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  33. }
  34. table {
  35. color: #fff;
  36. background-color: #fff;
  37. }
  38. label {
  39. color: #fff;
  40. }
  41. .cover-container {
  42. max-width: 42em;
  43. }
  44. /*
  45. * Header
  46. */
  47. .masthead {
  48. margin-bottom: 2rem;
  49. }
  50. .masthead-brand {
  51. margin-bottom: 0;
  52. }
  53. .nav-masthead .nav-link {
  54. padding: .25rem 0;
  55. font-weight: 700;
  56. color: rgba(255, 255, 255, .5);
  57. background-color: transparent;
  58. border-bottom: .25rem solid transparent;
  59. }
  60. .nav-masthead .nav-link:hover,
  61. .nav-masthead .nav-link:focus {
  62. border-bottom-color: rgba(255, 255, 255, .25);
  63. }
  64. .nav-masthead .nav-link + .nav-link {
  65. margin-left: 1rem;
  66. }
  67. .nav-masthead .active {
  68. color: #fff;
  69. border-bottom-color: #fff;
  70. }
  71. @media (min-width: 48em) {
  72. .masthead-brand {
  73. float: left;
  74. }
  75. .nav-masthead {
  76. float: right;
  77. }
  78. }
  79. /*
  80. * Cover
  81. */
  82. .cover {
  83. padding: 0 1.5rem;
  84. }
  85. .cover .btn-lg {
  86. padding: .75rem 1.25rem;
  87. font-weight: 700;
  88. }
  89. /*
  90. * Footer
  91. */
  92. .mastfoot {
  93. color: rgba(255, 255, 255, .5);
  94. }