tab.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /*!
  2. * # Fomantic-UI - Tab
  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. 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: 50%;
  44. left: 50%;
  45. margin: -1.25em 0 0 -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: 50%;
  56. left: 50%;
  57. margin: -1.25em 0 0 -1.25em;
  58. width: 2.5em;
  59. height: 2.5em;
  60. -webkit-animation: loader 0.6s infinite linear;
  61. animation: loader 0.6s infinite linear;
  62. border: 0.2em solid #767676;
  63. border-radius: 500rem;
  64. -webkit-box-shadow: 0 0 0 1px transparent;
  65. box-shadow: 0 0 0 1px transparent;
  66. }
  67. /*******************************
  68. Tab Overrides
  69. *******************************/
  70. /*******************************
  71. User Overrides
  72. *******************************/