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.

191 lines
3.0 KiB

  1. /*******************************
  2. Global
  3. *******************************/
  4. html,
  5. body {
  6. font-size: 15px;
  7. height: 100%;
  8. }
  9. body {
  10. font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  11. background: #FFFFFF;
  12. margin: 0px;
  13. padding: 0px;
  14. color: #555555;
  15. text-rendering: optimizeLegibility;
  16. min-width: 320px;
  17. }
  18. /*******************************
  19. UI Overrides
  20. *******************************/
  21. .ui.header {
  22. font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  23. }
  24. .ui.header,
  25. h1,
  26. h2 {
  27. font-weight: normal !important;
  28. }
  29. h1.ui.header {
  30. font-size: 3em;
  31. }
  32. h4.ui.header,
  33. h5.ui.header,
  34. .ui.icon.header {
  35. font-weight: bold !important;
  36. }
  37. .ui.button {
  38. font-weight: normal;
  39. text-decoration: none;
  40. }
  41. a {
  42. color: #009FDA;
  43. text-decoration: none;
  44. -webkit-transition: color 0.3s ease;
  45. transition: color 0.3s ease;
  46. }
  47. a:hover {
  48. color: #00BAFF;
  49. }
  50. p a {
  51. font-weight: bold;
  52. }
  53. /*******************************
  54. Global
  55. *******************************/
  56. .menu .right.menu > .mobile.item {
  57. display: none;
  58. }
  59. .ui.page.grid.segment {
  60. padding-top: 3.5rem;
  61. padding-bottom: 3.5rem;
  62. }
  63. .masthead.segment {
  64. background-image: url(images/bg.jpg);
  65. -webkit-background-size: cover;
  66. background-size: cover;
  67. margin: 0em;
  68. padding-top: 4rem;
  69. overflow: hidden;
  70. -webkit-box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
  71. box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
  72. }
  73. .masthead.segment .column {
  74. position: relative;
  75. }
  76. .masthead.segment .information {
  77. margin: 3em 1em 1em 280px;
  78. }
  79. .masthead.segment .information p {
  80. max-width: 600px;
  81. margin: 0em 0px 2em 0em;
  82. font-size: 1.2em;
  83. }
  84. .masthead.segment h1.ui.header .sub {
  85. font-size: 0.7em;
  86. }
  87. .masthead.segment .image {
  88. position: absolute;
  89. left: 0%;
  90. bottom: -110px;
  91. }
  92. .overview .divided.grid .header + p {
  93. min-height: 100px;
  94. }
  95. .ui.shape .icon,
  96. .link.list .icon {
  97. margin: 0em;
  98. padding: 0em;
  99. }
  100. .ui.cube.shape .side {
  101. background-color: transparent;
  102. }
  103. /*******************************
  104. Responsive
  105. *******************************/
  106. /* Mobile Only */
  107. @media only screen and (max-width : 768px) {
  108. .ui.page.grid.segment {
  109. padding-top: 2rem;
  110. padding-bottom: 2rem;
  111. }
  112. .menu .right.menu > .item {
  113. display: none;
  114. }
  115. .menu .right.menu > .mobile.item {
  116. display: block;
  117. }
  118. h1.ui.header {
  119. font-size: 1.5em;
  120. }
  121. .masthead.segment {
  122. -webkit-background-size: auto;
  123. background-size: auto;
  124. }
  125. .masthead.segment .information {
  126. margin-left: 190px;
  127. }
  128. .masthead.segment .image {
  129. bottom: -65px;
  130. width: 150px;
  131. }
  132. .masthead.segment .button {
  133. font-size: 1rem;
  134. }
  135. .overview .divided.grid .header .icon {
  136. font-size: 1.5em;
  137. }
  138. .overview .divided.grid .header + p {
  139. min-height: 0px;
  140. }
  141. .masthead.segment .column {
  142. font-size: 0.7rem;
  143. }
  144. .masthead.segment .column p {
  145. display: none;
  146. }
  147. .selection.list .right.floated {
  148. display: none;
  149. }
  150. }
  151. @media only screen and (max-width : 1000px) {
  152. }