all.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  1. body {
  2. padding: 54px 0 40px 0;
  3. overflow-y: scroll;
  4. }
  5. body.home {
  6. padding-top: 0;
  7. }
  8. body,
  9. input,
  10. button,
  11. select,
  12. textarea,
  13. .navbar-search .search-query {
  14. font: 400 14px/1.4em 'Segoe UI', 'Open Sans', Calibri, Candara, Arial, sans-serif;
  15. }
  16. .navbar .nav {
  17. float: left;
  18. margin-right: 0;
  19. }
  20. a {
  21. color: #0066cc;
  22. cursor: pointer;
  23. }
  24. h1,
  25. h2,
  26. h3,
  27. h4,
  28. h5,
  29. h6 {
  30. letter-spacing: -0.01em;
  31. margin: 0;
  32. line-height: normal;
  33. }
  34. /***** Bootstrap Cosmo Overrides *****/
  35. h1,
  36. h2 {
  37. font-family: 'Segoe UI Light', 'Segoe UI', 'Open Sans', Calibri, Candara, Arial, sans-serif;
  38. font-weight: 300;
  39. }
  40. h1 {
  41. font-size: 72px;
  42. letter-spacing: -0.02em;
  43. }
  44. .hero-unit h1 {
  45. font-size: 48px;
  46. }
  47. h2 {
  48. font-size: 26px;
  49. }
  50. h3 {
  51. font-size: 26px;
  52. }
  53. h4 {
  54. font-size: 16px;
  55. }
  56. h1 small,
  57. h2 small,
  58. h3 small,
  59. h4 small,
  60. h5 small,
  61. h6 small {
  62. color: #999;
  63. }
  64. .alert-heading,
  65. .alert h1,
  66. .alert h2,
  67. .alert h3,
  68. .alert h4,
  69. .alert h5,
  70. .alert h6 {
  71. color: inherit;
  72. }
  73. .alert-info {
  74. color: #3a87ad;
  75. background-color: #d9edf7;
  76. }
  77. .navbar-inverse .navbar-inner {
  78. background-color: #68217a;
  79. -webkit-filter: none;
  80. filter: none;
  81. }
  82. .navbar-inverse.home .navbar-inner {
  83. background-color: transparent;
  84. }
  85. .navbar-inverse .btn-navbar {
  86. background: transparent;
  87. margin-top: 14px;
  88. }
  89. .navbar-inverse .btn-navbar:hover,
  90. .navbar-inverse .btn-navbar:focus,
  91. .navbar-inverse .btn-navbar:active,
  92. .navbar-inverse .btn-navbar.active,
  93. .navbar-inverse .btn-navbar.disabled,
  94. .navbar-inverse .btn-navbar[disabled] {
  95. background: #442359;
  96. }
  97. .btn-primary {
  98. background-color: #0072c6;
  99. }
  100. .home .hero-unit {
  101. margin-top: -54px;
  102. position: relative;
  103. z-index: 100;
  104. }
  105. .hero-unit {
  106. font-weight: normal;
  107. }
  108. .hero-unit h1 {
  109. margin: 0 0 6px;
  110. }
  111. .nav-tabs > li > a {
  112. color: #999;
  113. }
  114. .nav-tabs > li > a:hover {
  115. color: #555;
  116. }
  117. .nav-tabs > .active > a,
  118. .nav-tabs > .active > a:hover,
  119. .nav-tabs > .active > a:focus {
  120. color: #0072c6;
  121. }
  122. /***** General *****/
  123. body > section > .container {
  124. padding-top: 12px;
  125. }
  126. .masthead {
  127. background-color: #0072c6;
  128. color: white;
  129. }
  130. .masthead .hero-unit {
  131. padding: 30px 0 0;
  132. background: none;
  133. }
  134. .navbar.home {
  135. position: relative;
  136. z-index: 500;
  137. }
  138. .navbar .nav > li > a {
  139. text-shadow: none;
  140. padding-top: 18px;
  141. font-size: 14px;
  142. text-transform: uppercase;
  143. }
  144. .navbar-inverse .nav-collapse .nav > li > a {
  145. color: white;
  146. padding-left: 0;
  147. }
  148. .navbar-inverse .nav > li > a.nav-item:focus,
  149. .navbar-inverse .nav > li > a.nav-item:hover {
  150. background-color: rgba(0, 0, 0, 0.12);
  151. }
  152. .navbar-inverse .nav .active > a.nav-item,
  153. .navbar-inverse .nav .active > a.nav-item:hover,
  154. .navbar-inverse .nav .active > a.nav-item:focus {
  155. color: #fff;
  156. background-color: rgba(0, 0, 0, 0.24);
  157. -webkit-box-shadow: none;
  158. box-shadow: none;
  159. }
  160. .navbar .logo {
  161. /*background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDBsLTExIDEyLTcuMzMzLTUuNjY2LTIuNjY3IDEuNjgydjEzLjk4NGwyLjY2NyAxLjY2NiA3LjMzMy01LjY2NiAxMSAxMSA3LTN2LTIyLjMzM2wtNy0zLjY2N3ptLTE4IDE5di05bDQgNS00IDR6bTExLTRsNy02djEybC03LTZ6Ii8+PC9zdmc+") left center no-repeat;*/
  162. /*padding: 16px 12px 0 34px;*/
  163. padding: 16px 12px 0 0px;
  164. height: 35px;
  165. display: block;
  166. float: left;
  167. }
  168. .navbar .logo a {
  169. color: #fff;
  170. font-size: 24px;
  171. letter-spacing: -1px;
  172. }
  173. .navbar-fixed-top {
  174. z-index: 500;
  175. }
  176. .flgroup:after {
  177. content: '';
  178. display: block;
  179. visibility: hidden;
  180. height: 0;
  181. clear: both;
  182. }
  183. /* Controls */
  184. /* Media Queries */
  185. @media (min-width: 1200px) {
  186. h1,
  187. h2 {
  188. letter-spacing: -0.04em;
  189. }
  190. .hero-unit h1 {
  191. font-size: 72px;
  192. }
  193. h2 {
  194. font-size: 36px;
  195. }
  196. }
  197. #gh-link {
  198. display: none;
  199. position: fixed;
  200. top: 0;
  201. right: 0;
  202. border: 0;
  203. margin: 0;
  204. z-index: 1000;
  205. }
  206. @media (min-width: 980px) {
  207. #gh-link {
  208. display: block;
  209. }
  210. }
  211. @media (min-width: 980px) {
  212. .navbar .nav {
  213. float: right;
  214. }
  215. .navbar-inverse .nav-collapse .nav > li > a {
  216. padding-left: 15px;
  217. }
  218. }
  219. @media (min-width: 768px) and (max-width: 979px) {
  220. h1 {
  221. letter-spacing: -0.02em;
  222. }
  223. }
  224. @media (max-width: 979px) {
  225. body {
  226. padding: inherit;
  227. }
  228. .navbar-fixed-top,
  229. .navbar-fixed-bottom,
  230. .navbar-static-top {
  231. margin-right: inherit;
  232. margin-left: inherit;
  233. margin-bottom: 0;
  234. }
  235. .navbar-fixed-top .navbar-inner {
  236. padding: 0 20px;
  237. }
  238. .navbar .container {
  239. width: 724px;
  240. }
  241. }
  242. @media (max-width: 767px) {
  243. .navbar .container {
  244. width: 100%;
  245. }
  246. }
  247. @media (max-width: 480px) {
  248. .navbar .logo a {
  249. display: none;
  250. }
  251. }