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.

360 lines
16 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * git://github.com/Semantic-Org/Semantic-UI.git#1.0
  4. *
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Step
  13. *******************************/
  14. .ui.steps .step {
  15. display: inline-block;
  16. position: relative;
  17. margin: 0em 0em;
  18. padding: 0.8em 1.5em 0.8em 2.25em;
  19. vertical-align: top;
  20. background: #ffffff;
  21. color: rgba(0, 0, 0, 0.8);
  22. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  23. border-radius: 0em;
  24. }
  25. .ui.steps .step:after {
  26. position: absolute;
  27. z-index: 2;
  28. content: '';
  29. top: 50%;
  30. right: 0em;
  31. border: medium none;
  32. background-color: #ffffff;
  33. width: 1.5em;
  34. height: 1.5em;
  35. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  36. border-right: 1px solid rgba(0, 0, 0, 0.1);
  37. -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  38. -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  39. transform: translateY(-50%) translateX(50%) rotate(-45deg);
  40. }
  41. .ui.steps .step,
  42. .ui.steps .step:after {
  43. -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  44. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  45. }
  46. /*******************************
  47. Content
  48. *******************************/
  49. /* Title */
  50. .ui.steps .step .title {
  51. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  52. font-size: 1.1em;
  53. font-weight: bold;
  54. }
  55. /* Description */
  56. .ui.steps .step .description {
  57. font-weight: normal;
  58. font-size: 0.9em;
  59. color: rgba(0, 0, 0, 0.8);
  60. }
  61. .ui.steps .step .title ~ .description {
  62. margin-top: 0.1em;
  63. }
  64. /* Icon */
  65. .ui.steps .step > .icon,
  66. .ui.steps .step > .icon ~ .content {
  67. display: table-cell;
  68. vertical-align: middle;
  69. }
  70. .ui.steps .step > .icon {
  71. font-size: 2em;
  72. margin: 0em;
  73. padding-right: 0.6em;
  74. }
  75. /* Link */
  76. .ui.steps .link.step,
  77. .ui.steps a.step {
  78. cursor: pointer;
  79. }
  80. /*******************************
  81. Types
  82. *******************************/
  83. /*--------------
  84. Ordered
  85. ---------------*/
  86. .ui.ordered.steps {
  87. counter-reset: ordered;
  88. }
  89. .ui.ordered.steps .step:before {
  90. display: table-cell;
  91. position: static;
  92. padding-right: 0.6em;
  93. font-size: 2em;
  94. counter-increment: ordered;
  95. content: counters(ordered, ".");
  96. }
  97. .ui.ordered.steps .step > * {
  98. display: table-cell;
  99. vertical-align: middle;
  100. }
  101. /*--------------
  102. Vertical
  103. ---------------*/
  104. .ui.vertical.steps {
  105. overflow: visible;
  106. }
  107. .ui.vertical.steps .step {
  108. display: block;
  109. border-radius: 0em;
  110. padding: 0.8em 1.5em;
  111. }
  112. .ui.vertical.steps .step:first-child {
  113. padding: 0.8em 1.5em;
  114. border-radius: 0.2857rem 0.2857rem 0em 0em;
  115. }
  116. .ui.vertical.steps .step:last-child {
  117. border-radius: 0em 0em 0.2857rem 0.2857rem;
  118. }
  119. /* Arrow */
  120. .ui.vertical.steps .step:after {
  121. display: none;
  122. }
  123. /* Active Arrow */
  124. .ui.vertical.steps .active.step:after {
  125. display: block;
  126. }
  127. /*******************************
  128. Group
  129. *******************************/
  130. .ui.steps {
  131. display: inline-block;
  132. font-size: 0em;
  133. background: '';
  134. box-shadow: '';
  135. line-height: 1.2;
  136. box-sizing: border-box;
  137. border-radius: 0.2857rem;
  138. }
  139. .ui.steps .step:first-child {
  140. padding-left: 1.5em;
  141. border-radius: 0.2857rem 0em 0em 0.2857rem;
  142. }
  143. .ui.steps .step:last-child {
  144. border-radius: 0em 0.2857rem 0.2857rem 0em;
  145. }
  146. .ui.steps .step:only-child {
  147. border-radius: 0.2857rem;
  148. }
  149. .ui.steps .step:last-child {
  150. margin-right: 0em;
  151. }
  152. .ui.steps .step:last-child:after {
  153. display: none;
  154. }
  155. /*******************************
  156. States
  157. *******************************/
  158. /* Link Hover */
  159. .ui.steps .link.step:hover::after,
  160. .ui.steps .link.step:hover,
  161. .ui.steps a.step:hover::after,
  162. .ui.steps a.step:hover {
  163. background: #fafafa;
  164. color: rgba(0, 0, 0, 0.8);
  165. }
  166. /* Link Down */
  167. .ui.steps .link.step:active::after,
  168. .ui.steps .link.step:active,
  169. .ui.steps a.step:active::after,
  170. .ui.steps a.step:active {
  171. background: #f0f0f0;
  172. color: rgba(0, 0, 0, 0.8);
  173. }
  174. /* Active */
  175. .ui.steps .step.active {
  176. cursor: auto;
  177. background: #f0f0f0;
  178. }
  179. .ui.steps .step.active:after {
  180. background: #f0f0f0;
  181. }
  182. .ui.steps .step.active .title {
  183. color: #009fda;
  184. }
  185. .ui.ordered.steps .step.active:before,
  186. .ui.steps .active.step .icon {
  187. color: rgba(0, 0, 0, 0.85);
  188. }
  189. /* Active Hover */
  190. .ui.steps .link.active.step:hover::after,
  191. .ui.steps .link.active.step:hover,
  192. .ui.steps a.active.step:hover::after,
  193. .ui.steps a.active.step:hover {
  194. cursor: pointer;
  195. background: #ececec;
  196. color: rgba(0, 0, 0, 0.8);
  197. }
  198. /* Completed */
  199. .ui.steps .step.completed > .icon:before,
  200. .ui.ordered.steps .step.completed:before {
  201. color: #5bbd72;
  202. }
  203. /* Disabled */
  204. .ui.steps .disabled.step {
  205. cursor: auto;
  206. background: #ffffff;
  207. pointer-events: none;
  208. }
  209. .ui.steps .disabled.step,
  210. .ui.steps .disabled.step .title,
  211. .ui.steps .disabled.step .description {
  212. color: rgba(40, 40, 40, 0.3);
  213. }
  214. .ui.steps .disabled.step:after {
  215. background: #ffffff;
  216. }
  217. /*******************************
  218. Variations
  219. *******************************/
  220. /* Fluid */
  221. .ui.fluid.steps {
  222. width: 100%;
  223. }
  224. /* Attached */
  225. .attached.ui.steps {
  226. margin: 0em;
  227. border-radius: 0.2857rem 0.2857rem 0em 0em;
  228. }
  229. .attached.ui.steps .step:first-child {
  230. border-radius: 0.2857rem 0em 0em 0em;
  231. }
  232. .attached.ui.steps .step:last-child {
  233. border-radius: 0em 0.2857rem 0em 0em;
  234. }
  235. /* Bottom Side */
  236. .bottom.attached.ui.steps {
  237. margin-top: -1px;
  238. border-radius: 0em 0em 0.2857rem 0.2857rem;
  239. }
  240. .bottom.attached.ui.steps .step:first-child {
  241. border-radius: 0em 0em 0em 0.2857rem;
  242. }
  243. .bottom.attached.ui.steps .step:last-child {
  244. border-radius: 0em 0em 0.2857rem 0em;
  245. }
  246. /* Evenly divided */
  247. .ui.one.steps,
  248. .ui.two.steps,
  249. .ui.three.steps,
  250. .ui.four.steps,
  251. .ui.five.steps,
  252. .ui.six.steps,
  253. .ui.seven.steps,
  254. .ui.eight.steps {
  255. display: block;
  256. }
  257. .ui.one.steps > .step {
  258. width: 100%;
  259. }
  260. .ui.two.steps > .step {
  261. width: 50%;
  262. }
  263. .ui.three.steps > .step {
  264. width: 33.333%;
  265. }
  266. .ui.four.steps > .step {
  267. width: 25%;
  268. }
  269. .ui.five.steps > .step {
  270. width: 20%;
  271. }
  272. .ui.six.steps > .step {
  273. width: 16.666%;
  274. }
  275. .ui.seven.steps > .step {
  276. width: 14.285%;
  277. }
  278. .ui.eight.steps > .step {
  279. width: 12.500%;
  280. }
  281. /*******************************
  282. Sizes
  283. *******************************/
  284. .ui.small.step,
  285. .ui.small.steps .step {
  286. font-size: 0.9rem;
  287. }
  288. .ui.step,
  289. .ui.steps .step {
  290. font-size: 1rem;
  291. }
  292. .ui.large.step,
  293. .ui.large.steps .step {
  294. font-size: 1.1rem;
  295. }
  296. /*******************************
  297. Theme Overrides
  298. *******************************/
  299. /*******************************
  300. Site Overrides
  301. *******************************/
  302. @font-face {
  303. font-family: 'Step';
  304. src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAA
  305. }
  306. .ui.steps .step.completed > .icon:before,
  307. .ui.ordered.steps .step.completed:before {
  308. font-family: 'Step';
  309. content: '\e800';
  310. /* '' */
  311. }