tab.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /*!
  2. * # Semantic UI 2.3.3 - Tab
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. UI Tabs
  12. *******************************/
  13. .ui.tab {
  14. display: none;
  15. }
  16. /*******************************
  17. States
  18. *******************************/
  19. /*--------------------
  20. Active
  21. ---------------------*/
  22. .ui.tab.active,
  23. .ui.tab.open {
  24. display: block;
  25. }
  26. /*--------------------
  27. Loading
  28. ---------------------*/
  29. .ui.tab.loading {
  30. position: relative;
  31. overflow: hidden;
  32. display: block;
  33. min-height: 250px;
  34. }
  35. .ui.tab.loading * {
  36. position: relative !important;
  37. left: -10000px !important;
  38. }
  39. .ui.tab.loading:before,
  40. .ui.tab.loading.segment:before {
  41. position: absolute;
  42. content: '';
  43. top: 100px;
  44. left: 50%;
  45. margin: -1.25em 0em 0em -1.25em;
  46. width: 2.5em;
  47. height: 2.5em;
  48. border-radius: 500rem;
  49. border: 0.2em solid rgba(0, 0, 0, 0.1);
  50. }
  51. .ui.tab.loading:after,
  52. .ui.tab.loading.segment:after {
  53. position: absolute;
  54. content: '';
  55. top: 100px;
  56. left: 50%;
  57. margin: -1.25em 0em 0em -1.25em;
  58. width: 2.5em;
  59. height: 2.5em;
  60. -webkit-animation: button-spin 0.6s linear;
  61. animation: button-spin 0.6s linear;
  62. -webkit-animation-iteration-count: infinite;
  63. animation-iteration-count: infinite;
  64. border-radius: 500rem;
  65. border-color: #767676 transparent transparent;
  66. border-style: solid;
  67. border-width: 0.2em;
  68. -webkit-box-shadow: 0px 0px 0px 1px transparent;
  69. box-shadow: 0px 0px 0px 1px transparent;
  70. }
  71. /*******************************
  72. Tab Overrides
  73. *******************************/
  74. /*******************************
  75. User Overrides
  76. *******************************/