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.

93 lines
1.7 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI - 1.7.2
  3. * https://github.com/Semantic-Org/Semantic-UI
  4. * http://www.semantic-ui.com/
  5. *
  6. * Copyright 2014 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: #aaaaaa 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. *******************************/