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.

207 lines
5.6 KiB

10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Tab
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributor
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Defaults
  38. -------------------*/
  39. /*******************************
  40. Site Settings
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Fonts
  47. --------------------*/
  48. /*-------------------
  49. Site Colors
  50. --------------------*/
  51. /*--- Colors ---*/
  52. /*--- Light Colors ---*/
  53. /*-------------------
  54. Page
  55. --------------------*/
  56. /* Used to match floats with text */
  57. /*-------------------
  58. Background Colors
  59. --------------------*/
  60. /* Used for differentiating neutrals */
  61. /* Used for differentiating layers */
  62. /*-------------------
  63. Grid
  64. --------------------*/
  65. /*-------------------
  66. Breakpoints
  67. --------------------*/
  68. /*******************************
  69. Power-User
  70. *******************************/
  71. /*-------------------
  72. Icons
  73. --------------------*/
  74. /* Max Width of Icon */
  75. /*-------------------
  76. Easing
  77. --------------------*/
  78. /*--- Neutrals ---*/
  79. /*--- Colored Backgrounds ---*/
  80. /*--- Colored Text ---*/
  81. /*--- Colored Headers ---*/
  82. /*-------------------
  83. Emotive Colors
  84. --------------------*/
  85. /* Mood */
  86. /* Status */
  87. /* Darkened Headers */
  88. /*-------------------
  89. Neutral Text
  90. --------------------*/
  91. /*-------------------
  92. Brand Colors
  93. --------------------*/
  94. /*-------------------
  95. Grid Columns
  96. --------------------*/
  97. /*-------------------
  98. Borders
  99. --------------------*/
  100. /*-------------------
  101. Sizes
  102. --------------------*/
  103. /*-------------------
  104. Transitions
  105. --------------------*/
  106. /*******************************
  107. States
  108. *******************************/
  109. /*-------------------
  110. Disabled
  111. --------------------*/
  112. /*-------------------
  113. Hover
  114. --------------------*/
  115. /*--- Colors ---*/
  116. /*--- Emotive ---*/
  117. /*--- Neutrals ---*/
  118. /*-------------------
  119. Down (:active)
  120. --------------------*/
  121. /*--- Colors ---*/
  122. /*--- Emotive ---*/
  123. /*--- Neutrals ---*/
  124. /*-------------------
  125. Active
  126. --------------------*/
  127. /*--- Standard ---*/
  128. /*--- Emotive ---*/
  129. /*--- Neutrals ---*/
  130. /*******************************
  131. Tab
  132. *******************************/
  133. /* Loading */
  134. /* Loading Content */
  135. /*------------------
  136. Load Theme
  137. -------------------*/
  138. /*------------------
  139. Load Site
  140. -------------------*/
  141. /*******************************
  142. User Global Variables
  143. *******************************/
  144. /*******************************
  145. User Variable Overrides
  146. *******************************/
  147. /*------------------
  148. Override Loader
  149. -------------------*/
  150. /*******************************
  151. UI Tabs
  152. *******************************/
  153. .ui.tab {
  154. display: none;
  155. }
  156. /*******************************
  157. States
  158. *******************************/
  159. /*--------------------
  160. Active
  161. ---------------------*/
  162. .ui.tab.active,
  163. .ui.tab.open {
  164. display: block;
  165. }
  166. /*--------------------
  167. Loading
  168. ---------------------*/
  169. .ui.tab.loading {
  170. position: relative;
  171. overflow: hidden;
  172. display: block;
  173. min-height: 250px;
  174. }
  175. .ui.tab.loading * {
  176. position: relative !important;
  177. left: -10000px !important;
  178. }
  179. .ui.tab.loading:after {
  180. border: none;
  181. position: absolute;
  182. top: 50px;
  183. left: 0%;
  184. content: 'Loading...';
  185. color: rgba(0, 0, 0, 0.4);
  186. width: 100%;
  187. height: 100%;
  188. padding-top: 50px;
  189. text-align: center;
  190. background: url(../../themes/packages/default/assets/images/loader-large.gif) no-repeat 50% 0px;
  191. visibility: visible;
  192. }
  193. /*******************************
  194. Tab Overrides
  195. *******************************/
  196. /*******************************
  197. User Overrides
  198. *******************************/