step.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693
  1. /*!
  2. * # Fomantic-UI - Step
  3. * http://github.com/fomantic/Fomantic-UI/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. Plural
  12. *******************************/
  13. .ui.steps {
  14. display: -webkit-inline-box;
  15. display: -ms-inline-flexbox;
  16. display: inline-flex;
  17. -webkit-box-orient: horizontal;
  18. -webkit-box-direction: normal;
  19. -ms-flex-direction: row;
  20. flex-direction: row;
  21. -webkit-box-align: stretch;
  22. -ms-flex-align: stretch;
  23. align-items: stretch;
  24. margin: 1em 0;
  25. background: '';
  26. -webkit-box-shadow: none;
  27. box-shadow: none;
  28. line-height: 1.14285714em;
  29. border-radius: 0.28571429rem;
  30. border: 1px solid rgba(34, 36, 38, 0.15);
  31. }
  32. .ui.steps:not(.unstackable) {
  33. -ms-flex-wrap: wrap;
  34. flex-wrap: wrap;
  35. }
  36. /* First Steps */
  37. .ui.steps:first-child {
  38. margin-top: 0;
  39. }
  40. /* Last Steps */
  41. .ui.steps:last-child {
  42. margin-bottom: 0;
  43. }
  44. /*******************************
  45. Singular
  46. *******************************/
  47. .ui.steps .step {
  48. position: relative;
  49. display: -webkit-box;
  50. display: -ms-flexbox;
  51. display: flex;
  52. -webkit-box-flex: 1;
  53. -ms-flex: 1 0 auto;
  54. flex: 1 0 auto;
  55. -ms-flex-wrap: wrap;
  56. flex-wrap: wrap;
  57. -webkit-box-orient: horizontal;
  58. -webkit-box-direction: normal;
  59. -ms-flex-direction: row;
  60. flex-direction: row;
  61. vertical-align: middle;
  62. -webkit-box-align: center;
  63. -ms-flex-align: center;
  64. align-items: center;
  65. -webkit-box-pack: center;
  66. -ms-flex-pack: center;
  67. justify-content: center;
  68. margin: 0 0;
  69. padding: 1.14285714em 2em;
  70. background: #FFFFFF;
  71. color: rgba(0, 0, 0, 0.87);
  72. -webkit-box-shadow: none;
  73. box-shadow: none;
  74. border-radius: 0;
  75. border: none;
  76. border-right: 1px solid rgba(34, 36, 38, 0.15);
  77. -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
  78. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
  79. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  80. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  81. }
  82. /* Arrow */
  83. .ui.steps .step:after {
  84. display: none;
  85. position: absolute;
  86. z-index: 2;
  87. content: '';
  88. top: 50%;
  89. right: 0;
  90. background-color: #FFFFFF;
  91. width: 1.14285714em;
  92. height: 1.14285714em;
  93. border-style: solid;
  94. border-color: rgba(34, 36, 38, 0.15);
  95. border-width: 0 1px 1px 0;
  96. -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
  97. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
  98. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  99. transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
  100. -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  101. transform: translateY(-50%) translateX(50%) rotate(-45deg);
  102. }
  103. /* First Step */
  104. .ui.steps .step:first-child {
  105. padding-left: 2em;
  106. border-radius: 0.28571429rem 0 0 0.28571429rem;
  107. }
  108. /* Last Step */
  109. .ui.steps .step:last-child {
  110. border-radius: 0 0.28571429rem 0.28571429rem 0;
  111. border-right: none;
  112. margin-right: 0;
  113. }
  114. /* Only Step */
  115. .ui.steps .step:only-child {
  116. border-radius: 0.28571429rem;
  117. }
  118. /*******************************
  119. Content
  120. *******************************/
  121. /* Title */
  122. .ui.steps .step .title {
  123. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  124. font-size: 1.14285714em;
  125. font-weight: bold;
  126. }
  127. .ui.steps .step > .title {
  128. width: 100%;
  129. }
  130. /* Description */
  131. .ui.steps .step .description {
  132. font-weight: normal;
  133. font-size: 0.92857143em;
  134. color: rgba(0, 0, 0, 0.87);
  135. }
  136. .ui.steps .step > .description {
  137. width: 100%;
  138. }
  139. .ui.steps .step .title ~ .description {
  140. margin-top: 0.25em;
  141. }
  142. /* Icon */
  143. .ui.steps .step > .icon {
  144. line-height: 1;
  145. font-size: 2.5em;
  146. margin: 0 1rem 0 0;
  147. }
  148. .ui.steps .step > .icon,
  149. .ui.steps .step > .icon ~ .content {
  150. display: block;
  151. -webkit-box-flex: 0;
  152. -ms-flex: 0 1 auto;
  153. flex: 0 1 auto;
  154. -ms-flex-item-align: middle;
  155. align-self: middle;
  156. }
  157. /* Horizontal Icon */
  158. .ui.steps:not(.vertical) .step > .icon {
  159. width: auto;
  160. }
  161. /* Link */
  162. .ui.steps .link.step,
  163. .ui.steps a.step {
  164. cursor: pointer;
  165. }
  166. /*******************************
  167. Types
  168. *******************************/
  169. /*--------------
  170. Ordered
  171. ---------------*/
  172. .ui.ordered.steps {
  173. counter-reset: ordered;
  174. }
  175. .ui.ordered.steps .step:before {
  176. display: block;
  177. position: static;
  178. text-align: center;
  179. content: counter(ordered);
  180. -ms-flex-item-align: middle;
  181. align-self: middle;
  182. margin-right: 1rem;
  183. font-size: 2.5em;
  184. counter-increment: ordered;
  185. font-family: inherit;
  186. font-weight: bold;
  187. }
  188. .ui.ordered.steps .step > * {
  189. display: block;
  190. -ms-flex-item-align: middle;
  191. align-self: middle;
  192. }
  193. /*--------------
  194. Vertical
  195. ---------------*/
  196. .ui.vertical.steps {
  197. display: -webkit-inline-box;
  198. display: -ms-inline-flexbox;
  199. display: inline-flex;
  200. -webkit-box-orient: vertical;
  201. -webkit-box-direction: normal;
  202. -ms-flex-direction: column;
  203. flex-direction: column;
  204. overflow: visible;
  205. }
  206. .ui.vertical.steps .step {
  207. -webkit-box-pack: start;
  208. -ms-flex-pack: start;
  209. justify-content: flex-start;
  210. border-radius: 0;
  211. padding: 1.14285714em 2em;
  212. border-right: none;
  213. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  214. }
  215. .ui.vertical.steps .step:first-child {
  216. padding: 1.14285714em 2em;
  217. border-radius: 0.28571429rem 0.28571429rem 0 0;
  218. }
  219. .ui.vertical.steps .step:last-child {
  220. border-bottom: none;
  221. border-radius: 0 0 0.28571429rem 0.28571429rem;
  222. }
  223. .ui.vertical.steps .step:only-child {
  224. border-radius: 0.28571429rem;
  225. }
  226. /* Arrow */
  227. .ui.vertical.steps .step:after {
  228. top: 50%;
  229. right: 0;
  230. border-width: 0 1px 1px 0;
  231. display: none;
  232. }
  233. .ui.vertical.steps .active.step:after {
  234. display: block;
  235. }
  236. .ui.vertical.steps .step:last-child:after {
  237. display: none;
  238. }
  239. .ui.vertical.steps .active.step:last-child:after {
  240. display: block;
  241. }
  242. /*---------------
  243. Responsive
  244. ----------------*/
  245. /* Mobile (Default) */
  246. @media only screen and (max-width: 767.98px) {
  247. .ui.steps:not(.unstackable) {
  248. display: -webkit-inline-box;
  249. display: -ms-inline-flexbox;
  250. display: inline-flex;
  251. overflow: visible;
  252. -webkit-box-orient: vertical;
  253. -webkit-box-direction: normal;
  254. -ms-flex-direction: column;
  255. flex-direction: column;
  256. }
  257. .ui.steps:not(.unstackable) .step {
  258. width: 100% !important;
  259. -webkit-box-orient: vertical;
  260. -webkit-box-direction: normal;
  261. -ms-flex-direction: column;
  262. flex-direction: column;
  263. border-radius: 0;
  264. padding: 1.14285714em 2em;
  265. border-right: none;
  266. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  267. }
  268. .ui.steps:not(.unstackable) .step:first-child {
  269. padding: 1.14285714em 2em;
  270. border-radius: 0.28571429rem 0.28571429rem 0 0;
  271. }
  272. .ui.steps:not(.unstackable) .step:last-child {
  273. border-radius: 0 0 0.28571429rem 0.28571429rem;
  274. border-bottom: none;
  275. }
  276. /* Arrow */
  277. .ui.steps:not(.unstackable) .step:after {
  278. top: unset;
  279. bottom: -1.14285714em;
  280. right: 50%;
  281. -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
  282. transform: translateY(-50%) translateX(50%) rotate(45deg);
  283. }
  284. .ui.vertical.steps .active.step:last-child:after {
  285. display: none;
  286. }
  287. /* Content */
  288. .ui.steps:not(.unstackable) .step .content {
  289. text-align: center;
  290. }
  291. /* Icon */
  292. .ui.steps:not(.unstackable) .step > .icon,
  293. .ui.ordered.steps:not(.unstackable) .step:before {
  294. margin: 0 0 1rem 0;
  295. }
  296. }
  297. /*******************************
  298. States
  299. *******************************/
  300. /* Link Hover */
  301. .ui.steps .link.step:hover::after,
  302. .ui.steps .link.step:hover,
  303. .ui.steps a.step:hover::after,
  304. .ui.steps a.step:hover {
  305. background: #F9FAFB;
  306. color: rgba(0, 0, 0, 0.8);
  307. }
  308. /* Link Down */
  309. .ui.steps .link.step:active::after,
  310. .ui.steps .link.step:active,
  311. .ui.steps a.step:active::after,
  312. .ui.steps a.step:active {
  313. background: #F3F4F5;
  314. color: rgba(0, 0, 0, 0.9);
  315. }
  316. /* Active */
  317. .ui.steps .step.active {
  318. cursor: auto;
  319. background: #F3F4F5;
  320. }
  321. .ui.steps .step.active:after {
  322. background: #F3F4F5;
  323. }
  324. .ui.steps .step.active .title {
  325. color: #4183C4;
  326. }
  327. .ui.ordered.steps .step.active:before,
  328. .ui.steps .active.step .icon {
  329. color: rgba(0, 0, 0, 0.85);
  330. }
  331. /* Active Arrow */
  332. .ui.steps .step:after {
  333. display: block;
  334. }
  335. .ui.steps .active.step:after {
  336. display: block;
  337. }
  338. .ui.steps .step:last-child:after {
  339. display: none;
  340. }
  341. .ui.steps .active.step:last-child:after {
  342. display: none;
  343. }
  344. /* Active Hover */
  345. .ui.steps .link.active.step:hover::after,
  346. .ui.steps .link.active.step:hover,
  347. .ui.steps a.active.step:hover::after,
  348. .ui.steps a.active.step:hover {
  349. cursor: pointer;
  350. background: #DCDDDE;
  351. color: rgba(0, 0, 0, 0.87);
  352. }
  353. /* Completed */
  354. .ui.steps .step.completed > .icon:before,
  355. .ui.ordered.steps .step.completed:before {
  356. color: #21BA45;
  357. }
  358. /* Disabled */
  359. .ui.steps .disabled.step {
  360. cursor: auto;
  361. background: #FFFFFF;
  362. pointer-events: none;
  363. }
  364. .ui.steps .disabled.step,
  365. .ui.steps .disabled.step .title,
  366. .ui.steps .disabled.step .description {
  367. color: rgba(40, 40, 40, 0.3);
  368. }
  369. .ui.steps .disabled.step:after {
  370. background: #FFFFFF;
  371. }
  372. /*******************************
  373. Variations
  374. *******************************/
  375. /*--------------
  376. Stackable
  377. ---------------*/
  378. /* Tablet Or Below */
  379. @media only screen and (max-width: 991.98px) {
  380. .ui[class*="tablet stackable"].steps {
  381. display: -webkit-inline-box;
  382. display: -ms-inline-flexbox;
  383. display: inline-flex;
  384. overflow: visible;
  385. -webkit-box-orient: vertical;
  386. -webkit-box-direction: normal;
  387. -ms-flex-direction: column;
  388. flex-direction: column;
  389. }
  390. /* Steps */
  391. .ui[class*="tablet stackable"].steps .step {
  392. -webkit-box-orient: vertical;
  393. -webkit-box-direction: normal;
  394. -ms-flex-direction: column;
  395. flex-direction: column;
  396. border-radius: 0;
  397. padding: 1.14285714em 2em;
  398. border-right: none;
  399. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  400. }
  401. .ui[class*="tablet stackable"].steps .step:first-child {
  402. padding: 1.14285714em 2em;
  403. border-radius: 0.28571429rem 0.28571429rem 0 0;
  404. }
  405. .ui[class*="tablet stackable"].steps .step:last-child {
  406. border-radius: 0 0 0.28571429rem 0.28571429rem;
  407. border-bottom: none;
  408. }
  409. /* Arrow */
  410. .ui[class*="tablet stackable"].steps .step:after {
  411. top: unset;
  412. bottom: -1.14285714em;
  413. right: 50%;
  414. -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
  415. transform: translateY(-50%) translateX(50%) rotate(45deg);
  416. }
  417. /* Content */
  418. .ui[class*="tablet stackable"].steps .step .content {
  419. text-align: center;
  420. }
  421. /* Icon */
  422. .ui[class*="tablet stackable"].steps .step > .icon,
  423. .ui[class*="tablet stackable"].ordered.steps .step:before {
  424. margin: 0 0 1rem 0;
  425. }
  426. }
  427. /*--------------
  428. Fluid
  429. ---------------*/
  430. /* Fluid */
  431. .ui.fluid.steps {
  432. display: -webkit-box;
  433. display: -ms-flexbox;
  434. display: flex;
  435. width: 100%;
  436. }
  437. /*--------------
  438. Attached
  439. ---------------*/
  440. /* Top */
  441. .ui.attached.steps {
  442. width: calc(100% + 2px) !important;
  443. margin: 0 -1px 0;
  444. max-width: calc(100% + 2px);
  445. border-radius: 0.28571429rem 0.28571429rem 0 0;
  446. }
  447. .ui.attached.steps .step:first-child {
  448. border-radius: 0.28571429rem 0 0 0;
  449. }
  450. .ui.attached.steps .step:last-child {
  451. border-radius: 0 0.28571429rem 0 0;
  452. }
  453. /* Bottom */
  454. .ui.bottom.attached.steps {
  455. margin: 0 -1px 0;
  456. border-radius: 0 0 0.28571429rem 0.28571429rem;
  457. }
  458. .ui.bottom.attached.steps .step:first-child {
  459. border-radius: 0 0 0 0.28571429rem;
  460. }
  461. .ui.bottom.attached.steps .step:last-child {
  462. border-radius: 0 0 0.28571429rem 0;
  463. }
  464. /*-------------------
  465. Evenly Divided
  466. --------------------*/
  467. .ui.one.steps,
  468. .ui.two.steps,
  469. .ui.three.steps,
  470. .ui.four.steps,
  471. .ui.five.steps,
  472. .ui.six.steps,
  473. .ui.seven.steps,
  474. .ui.eight.steps {
  475. width: 100%;
  476. }
  477. .ui.one.steps > .step,
  478. .ui.two.steps > .step,
  479. .ui.three.steps > .step,
  480. .ui.four.steps > .step,
  481. .ui.five.steps > .step,
  482. .ui.six.steps > .step,
  483. .ui.seven.steps > .step,
  484. .ui.eight.steps > .step {
  485. -ms-flex-wrap: nowrap;
  486. flex-wrap: nowrap;
  487. }
  488. .ui.one.steps > .step {
  489. width: 100%;
  490. }
  491. .ui.two.steps > .step {
  492. width: 50%;
  493. }
  494. .ui.three.steps > .step {
  495. width: 33.333%;
  496. }
  497. .ui.four.steps > .step {
  498. width: 25%;
  499. }
  500. .ui.five.steps > .step {
  501. width: 20%;
  502. }
  503. .ui.six.steps > .step {
  504. width: 16.666%;
  505. }
  506. .ui.seven.steps > .step {
  507. width: 14.285%;
  508. }
  509. .ui.eight.steps > .step {
  510. width: 12.5%;
  511. }
  512. /*-------------------
  513. Sizes
  514. --------------------*/
  515. .ui.steps .step,
  516. .ui.step {
  517. font-size: 1rem;
  518. }
  519. .ui.mini.steps .step,
  520. .ui.mini.step {
  521. font-size: 0.78571429rem;
  522. }
  523. .ui.tiny.steps .step,
  524. .ui.tiny.step {
  525. font-size: 0.85714286rem;
  526. }
  527. .ui.small.steps .step,
  528. .ui.small.step {
  529. font-size: 0.92857143rem;
  530. }
  531. .ui.large.steps .step,
  532. .ui.large.step {
  533. font-size: 1.14285714rem;
  534. }
  535. .ui.big.steps .step,
  536. .ui.big.step {
  537. font-size: 1.28571429rem;
  538. }
  539. .ui.huge.steps .step,
  540. .ui.huge.step {
  541. font-size: 1.42857143rem;
  542. }
  543. .ui.massive.steps .step,
  544. .ui.massive.step {
  545. font-size: 1.71428571rem;
  546. }
  547. /*--------------
  548. Inverted
  549. ---------------*/
  550. .ui.inverted.steps {
  551. border: 1px solid #555555;
  552. }
  553. .ui.inverted.steps .step {
  554. color: rgba(255, 255, 255, 0.9);
  555. background: #1B1C1D;
  556. border-color: #555555;
  557. }
  558. .ui.inverted.steps .step:after {
  559. background-color: #1B1C1D;
  560. border-color: #555555;
  561. }
  562. .ui.inverted.steps .step .description {
  563. color: rgba(255, 255, 255, 0.9);
  564. }
  565. /* Active */
  566. .ui.inverted.steps .step.active,
  567. .ui.inverted.steps .step.active:after {
  568. background: #333333;
  569. }
  570. .ui.inverted.ordered.steps .step.active:before,
  571. .ui.inverted.steps .active.step .icon {
  572. color: #ffffff;
  573. }
  574. /* Disabled */
  575. .ui.inverted.steps .disabled.step,
  576. .ui.inverted.steps .disabled.step:after {
  577. background: #222222;
  578. }
  579. .ui.inverted.steps .disabled.step,
  580. .ui.inverted.steps .disabled.step .title,
  581. .ui.inverted.steps .disabled.step .description {
  582. color: rgba(225, 225, 225, 0.3);
  583. }
  584. /* Link Hover */
  585. .ui.inverted.steps .link.step:hover::after,
  586. .ui.inverted.steps .link.step:hover,
  587. .ui.inverted.steps a.step:hover::after,
  588. .ui.inverted.steps a.step:hover {
  589. background: #3F3F3F;
  590. color: #ffffff;
  591. }
  592. /* Link Down */
  593. .ui.inverted.steps .link.step:active::after,
  594. .ui.inverted.steps .link.step:active,
  595. .ui.inverted.steps a.step:active::after,
  596. .ui.inverted.steps a.step:active {
  597. background: #444444;
  598. color: #ffffff;
  599. }
  600. /*******************************
  601. Theme Overrides
  602. *******************************/
  603. @font-face {
  604. font-family: 'Step';
  605. src: url(data:application/x-font-ttf;charset=utf-8;;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  606. }
  607. .ui.steps .step.completed > .icon:before,
  608. .ui.ordered.steps .step.completed:before {
  609. font-family: 'Step';
  610. content: '\e800';
  611. /* '' */
  612. }
  613. /*******************************
  614. Site Overrides
  615. *******************************/