You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

195 lines
3.3 KiB

  1. /*!
  2. * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
  3. * Code licensed under the Apache License v2.0.
  4. * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  5. */
  6. body {
  7. font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  8. background: url('../img/bg.jpg') no-repeat center center fixed;
  9. -webkit-background-size: cover;
  10. -moz-background-size: cover;
  11. background-size: cover;
  12. -o-background-size: cover;
  13. }
  14. h1,
  15. h2,
  16. h3,
  17. h4,
  18. h5,
  19. h6 {
  20. text-transform: uppercase;
  21. font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
  22. font-weight: 700;
  23. letter-spacing: 1px;
  24. }
  25. p {
  26. font-size: 1.25em;
  27. line-height: 1.6;
  28. color: #000;
  29. }
  30. hr {
  31. /*!max-width: 400px;*/
  32. border-color: #999999;
  33. }
  34. .brand,
  35. .address-bar {
  36. display: none;
  37. }
  38. .navbar-brand {
  39. text-transform: uppercase;
  40. font-weight: 900;
  41. letter-spacing: 2px;
  42. }
  43. .navbar-nav {
  44. text-transform: uppercase;
  45. font-weight: 400;
  46. letter-spacing: 3px;
  47. }
  48. .img-full {
  49. min-width: 100%;
  50. }
  51. .brand-before,
  52. .brand-name {
  53. text-transform: capitalize;
  54. }
  55. .brand-before {
  56. margin: 15px 0;
  57. }
  58. .brand-name {
  59. margin: 0;
  60. font-size: 4em;
  61. }
  62. .tagline-divider {
  63. margin: 15px auto 3px;
  64. max-width: 250px;
  65. border-color: #999999;
  66. }
  67. .box {
  68. margin-bottom: 20px;
  69. padding: 30px 15px;
  70. background: #fff;
  71. background: rgba(255,255,255,0.9);
  72. }
  73. .intro-text {
  74. text-transform: uppercase;
  75. font-size: 1.25em;
  76. font-weight: 400;
  77. letter-spacing: 1px;
  78. }
  79. .img-border {
  80. float: none;
  81. margin: 0 auto 0;
  82. border: #999999 solid 1px;
  83. }
  84. .img-left {
  85. float: none;
  86. margin: 0 auto 0;
  87. }
  88. footer {
  89. background: #fff;
  90. background: rgba(255,255,255,0.9);
  91. }
  92. footer p {
  93. margin: 0;
  94. padding: 50px 0;
  95. }
  96. @media screen and (min-width:768px) {
  97. .brand {
  98. display: inherit;
  99. margin: 0;
  100. padding: 30px 0 10px;
  101. text-align: center;
  102. text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  103. font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
  104. font-size: 5em;
  105. font-weight: 700;
  106. line-height: normal;
  107. color: #fff;
  108. }
  109. .top-divider {
  110. margin-top: 0;
  111. }
  112. .img-left {
  113. float: left;
  114. margin-right: 25px;
  115. }
  116. .address-bar {
  117. display: inherit;
  118. margin: 0;
  119. padding: 0 0 40px;
  120. text-align: center;
  121. text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  122. text-transform: uppercase;
  123. font-size: 1.25em;
  124. font-weight: 400;
  125. letter-spacing: 3px;
  126. color: #fff;
  127. }
  128. .navbar {
  129. border-radius: 0;
  130. }
  131. .navbar-header {
  132. display: none;
  133. }
  134. .navbar {
  135. min-height: 0;
  136. }
  137. .navbar-default {
  138. border: none;
  139. background: #fff;
  140. background: rgba(255,255,255,0.9);
  141. }
  142. .nav>li>a {
  143. padding: 35px;
  144. }
  145. .navbar-nav>li>a {
  146. line-height: normal;
  147. }
  148. .navbar-nav {
  149. display: table;
  150. float: none;
  151. margin: 0 auto;
  152. table-layout: fixed;
  153. font-size: 1.25em;
  154. }
  155. }
  156. @media screen and (min-width:1200px) {
  157. .box:after {
  158. content: '';
  159. display: table;
  160. clear: both;
  161. }
  162. }
  163. .name {
  164. color: #337ab7;
  165. }