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.

92 lines
1.7 KiB

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