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.

285 lines
4.1 KiB

  1. .ui.header {
  2. border: 0;
  3. margin: 1em 0 1rem;
  4. padding: 0;
  5. font-size: 1.33em;
  6. font-weight: 700;
  7. line-height: 1.33;
  8. }
  9. .ui.header .sub.header {
  10. font-size: 1rem;
  11. font-weight: 400;
  12. margin: 0;
  13. padding: 0;
  14. line-height: 1.2;
  15. color: rgba(0,0,0,.5);
  16. }
  17. .ui.header .icon {
  18. display: table-cell;
  19. vertical-align: middle;
  20. padding-right: .5em;
  21. }
  22. .ui.header .icon:only-child {
  23. display: inline-block;
  24. }
  25. .ui.header .content {
  26. display: inline-block;
  27. vertical-align: top;
  28. }
  29. .ui.header .icon+.content {
  30. padding-left: .5em;
  31. display: table-cell;
  32. }
  33. .ui.header:first-child {
  34. margin-top: 0;
  35. }
  36. .ui.header:last-child {
  37. margin-bottom: 0;
  38. }
  39. .ui.header+p {
  40. margin-top: 0;
  41. }
  42. h1.ui.header {
  43. min-height: 1rem;
  44. line-height: 1.33;
  45. font-size: 2rem;
  46. }
  47. h2.ui.header {
  48. line-height: 1.33;
  49. font-size: 1.75rem;
  50. }
  51. h3.ui.header {
  52. line-height: 1.33;
  53. font-size: 1.33rem;
  54. }
  55. h4.ui.header {
  56. line-height: 1.33;
  57. font-size: 1.1rem;
  58. }
  59. h5.ui.header {
  60. line-height: 1.2;
  61. font-size: 1rem;
  62. }
  63. .ui.huge.header {
  64. min-height: 1em;
  65. font-size: 2em;
  66. }
  67. .ui.large.header {
  68. font-size: 1.75em;
  69. }
  70. .ui.medium.header {
  71. font-size: 1.33em;
  72. }
  73. .ui.small.header {
  74. font-size: 1.1em;
  75. }
  76. .ui.tiny.header {
  77. font-size: 1em;
  78. }
  79. .ui.icon.header {
  80. display: inline-block;
  81. text-align: center;
  82. }
  83. .ui.icon.header .icon {
  84. float: none;
  85. display: block;
  86. font-size: 3em;
  87. margin: 0 auto .2em;
  88. padding: 0;
  89. }
  90. .ui.icon.header .content {
  91. display: block;
  92. }
  93. .ui.icon.header .circular.icon,
  94. .ui.icon.header .square.icon {
  95. font-size: 2em;
  96. }
  97. .ui.block.icon.header .icon {
  98. margin-bottom: 0;
  99. }
  100. .ui.icon.header.aligned {
  101. margin-left: auto;
  102. margin-right: auto;
  103. display: block;
  104. }
  105. .ui.disabled.header {
  106. opacity: .5;
  107. }
  108. .ui.blue.header {
  109. color: #6ECFF5!important;
  110. }
  111. .ui.black.header {
  112. color: #5C6166!important;
  113. }
  114. .ui.green.header {
  115. color: #A1CF64!important;
  116. }
  117. .ui.red.header {
  118. color: #D95C5C!important;
  119. }
  120. .ui.purple.header {
  121. color: #564F8A!important;
  122. }
  123. .ui.teal.header {
  124. color: #00B5AD!important;
  125. }
  126. .ui.blue.dividing.header {
  127. border-bottom: 3px solid #6ECFF5;
  128. }
  129. .ui.black.dividing.header {
  130. border-bottom: 3px solid #5C6166;
  131. }
  132. .ui.green.dividing.header {
  133. border-bottom: 3px solid #A1CF64;
  134. }
  135. .ui.red.dividing.header {
  136. border-bottom: 3px solid #D95C5C;
  137. }
  138. .ui.purple.dividing.header {
  139. border-bottom: 3px solid #564F8A;
  140. }
  141. .ui.teal.dividing.header {
  142. border-bottom: 3px solid #00B5AD;
  143. }
  144. .ui.inverted.header {
  145. color: #FFF;
  146. }
  147. .ui.inverted.header .sub.header {
  148. color: rgba(255,255,255,.85);
  149. }
  150. .ui.inverted.black.header {
  151. background-color: #5C6166!important;
  152. color: #FFF!important;
  153. }
  154. .ui.inverted.blue.header {
  155. background-color: #6ECFF5!important;
  156. color: #FFF!important;
  157. }
  158. .ui.inverted.green.header {
  159. background-color: #A1CF64!important;
  160. color: #FFF!important;
  161. }
  162. .ui.inverted.red.header {
  163. background-color: #D95C5C!important;
  164. color: #FFF!important;
  165. }
  166. .ui.inverted.purple.header {
  167. background-color: #564F8A!important;
  168. color: #FFF!important;
  169. }
  170. .ui.inverted.teal.header {
  171. background-color: #00B5AD!important;
  172. color: #FFF!important;
  173. }
  174. .ui.inverted.block.header {
  175. border-bottom: 0;
  176. }
  177. .ui.left.aligned.header {
  178. text-align: left;
  179. }
  180. .ui.right.aligned.header {
  181. text-align: right;
  182. }
  183. .ui.center.aligned.header {
  184. text-align: center;
  185. }
  186. .ui.floated.header,
  187. .ui.left.floated.header {
  188. float: left;
  189. margin-top: 0;
  190. margin-right: .5em;
  191. }
  192. .ui.right.floated.header {
  193. float: right;
  194. margin-top: 0;
  195. margin-left: .5em;
  196. }
  197. .ui.fitted.header {
  198. padding: 0;
  199. }
  200. .ui.dividing.header {
  201. padding-bottom: .2rem;
  202. border-bottom: 1px solid rgba(0,0,0,.1);
  203. }
  204. .ui.dividing.header .sub.header {
  205. padding-bottom: .5em;
  206. }
  207. .ui.dividing.header .icon {
  208. margin-bottom: .2em;
  209. }
  210. .ui.block.header {
  211. background-color: rgba(0,0,0,.05);
  212. padding: .5em 1em;
  213. }
  214. .ui.attached.header {
  215. background-color: #E0E0E0;
  216. padding: .5em 1rem;
  217. -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  218. box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  219. }
  220. .ui.top.attached.header {
  221. margin-bottom: 0;
  222. border-radius: .3125em .3125em 0 0;
  223. }
  224. .ui.bottom.attached.header {
  225. margin-top: 0;
  226. border-radius: 0 0 .3125em .3125em;
  227. }