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.

208 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 Default
  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. /* Solid Background Color */
  87. /* Status */
  88. /* Darkened Headers */
  89. /*-------------------
  90. Neutral Text
  91. --------------------*/
  92. /*-------------------
  93. Brand Colors
  94. --------------------*/
  95. /*-------------------
  96. Grid Columns
  97. --------------------*/
  98. /*-------------------
  99. Borders
  100. --------------------*/
  101. /*-------------------
  102. Sizes
  103. --------------------*/
  104. /*-------------------
  105. Transitions
  106. --------------------*/
  107. /*******************************
  108. States
  109. *******************************/
  110. /*-------------------
  111. Disabled
  112. --------------------*/
  113. /*-------------------
  114. Hover
  115. --------------------*/
  116. /*--- Colors ---*/
  117. /*--- Emotive ---*/
  118. /*--- Neutrals ---*/
  119. /*-------------------
  120. Down (:active)
  121. --------------------*/
  122. /*--- Colors ---*/
  123. /*--- Emotive ---*/
  124. /*--- Neutrals ---*/
  125. /*-------------------
  126. Active
  127. --------------------*/
  128. /*--- Standard ---*/
  129. /*--- Emotive ---*/
  130. /*--- Neutrals ---*/
  131. /*******************************
  132. Tab
  133. *******************************/
  134. /* Loading */
  135. /* Loading Content */
  136. /*------------------
  137. Load Theme
  138. -------------------*/
  139. /*------------------
  140. Load Site
  141. -------------------*/
  142. /*******************************
  143. User Global Variables
  144. *******************************/
  145. /*******************************
  146. User Variable Overrides
  147. *******************************/
  148. /*------------------
  149. Override Mix-in
  150. -------------------*/
  151. /*******************************
  152. UI Tabs
  153. *******************************/
  154. .ui.tab {
  155. display: none;
  156. }
  157. /*******************************
  158. States
  159. *******************************/
  160. /*--------------------
  161. Active
  162. ---------------------*/
  163. .ui.tab.active,
  164. .ui.tab.open {
  165. display: block;
  166. }
  167. /*--------------------
  168. Loading
  169. ---------------------*/
  170. .ui.tab.loading {
  171. position: relative;
  172. overflow: hidden;
  173. display: block;
  174. min-height: 250px;
  175. }
  176. .ui.tab.loading * {
  177. position: relative !important;
  178. left: -10000px !important;
  179. }
  180. .ui.tab.loading:after {
  181. border: none;
  182. position: absolute;
  183. top: 50px;
  184. left: 0%;
  185. content: 'Loading...';
  186. color: rgba(0, 0, 0, 0.4);
  187. width: 100%;
  188. height: 100%;
  189. padding-top: 50px;
  190. text-align: center;
  191. background: url(../../themes/packages/default/assets/images/loader-large.gif) no-repeat 50% 0px;
  192. visibility: visible;
  193. }
  194. /*******************************
  195. Tab Overrides
  196. *******************************/
  197. /*******************************
  198. User Overrides
  199. *******************************/