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.

311 lines
7.9 KiB

10 years ago
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. /*-------------------
  57. Background Colors
  58. --------------------*/
  59. /* Used for differentiating neutrals */
  60. /* Used for differentiating layers */
  61. /*-------------------
  62. Grid
  63. --------------------*/
  64. /*-------------------
  65. Breakpoints
  66. --------------------*/
  67. /*******************************
  68. Power-User
  69. *******************************/
  70. /*-------------------
  71. Icons
  72. --------------------*/
  73. /* Max Width of Icon */
  74. /*-------------------
  75. Easing
  76. --------------------*/
  77. /*--- Neutrals ---*/
  78. /*--- Colored Backgrounds ---*/
  79. /*--- Colored Text ---*/
  80. /*--- Colored Headers ---*/
  81. /*-------------------
  82. Emotive Colors
  83. --------------------*/
  84. /* Mood */
  85. /* Status */
  86. /*-------------------
  87. Neutral Text
  88. --------------------*/
  89. /*-------------------
  90. Brand Colors
  91. --------------------*/
  92. /*-------------------
  93. Borders
  94. --------------------*/
  95. /*-------------------
  96. Sizes
  97. --------------------*/
  98. /*-------------------
  99. Transitions
  100. --------------------*/
  101. /*-------------------
  102. Derived Values
  103. --------------------*/
  104. /* Makes sure padded grid can fit at 320px */
  105. /* Used to match floats with text */
  106. /* Positive / Negative Dupes */
  107. /* Header Colors */
  108. /* Responsive */
  109. /* Columns */
  110. /*******************************
  111. States
  112. *******************************/
  113. /*-------------------
  114. Disabled
  115. --------------------*/
  116. /*-------------------
  117. Hover
  118. --------------------*/
  119. /*--- Colors ---*/
  120. /*--- Emotive ---*/
  121. /*--- Neutrals ---*/
  122. /*-------------------
  123. Down (:active)
  124. --------------------*/
  125. /*--- Colors ---*/
  126. /*--- Emotive ---*/
  127. /*--- Neutrals ---*/
  128. /*-------------------
  129. Active
  130. --------------------*/
  131. /*--- Standard ---*/
  132. /*--- Emotive ---*/
  133. /*--- Neutrals ---*/
  134. /*******************************
  135. Tab
  136. *******************************/
  137. /* Loading */
  138. /* Loading Content */
  139. /*------------------
  140. Load Theme
  141. -------------------*/
  142. /*******************************
  143. Site Settings
  144. *******************************/
  145. /*-------------------
  146. Paths
  147. --------------------*/
  148. /*-------------------
  149. Fonts
  150. --------------------*/
  151. /*-------------------
  152. Site Colors
  153. --------------------*/
  154. /*--- Colors ---*/
  155. /*--- Light Colors ---*/
  156. /*-------------------
  157. Page
  158. --------------------*/
  159. /*-------------------
  160. Background Colors
  161. --------------------*/
  162. /* Used for differentiating neutrals */
  163. /* Used for differentiating layers */
  164. /*-------------------
  165. Grid
  166. --------------------*/
  167. /*-------------------
  168. Breakpoints
  169. --------------------*/
  170. /*******************************
  171. Power-User
  172. *******************************/
  173. /*-------------------
  174. Icons
  175. --------------------*/
  176. /* Max Width of Icon */
  177. /*-------------------
  178. Easing
  179. --------------------*/
  180. /*--- Neutrals ---*/
  181. /*--- Colored Backgrounds ---*/
  182. /*--- Colored Text ---*/
  183. /*--- Colored Headers ---*/
  184. /*-------------------
  185. Emotive Colors
  186. --------------------*/
  187. /* Mood */
  188. /* Status */
  189. /*-------------------
  190. Neutral Text
  191. --------------------*/
  192. /*-------------------
  193. Brand Colors
  194. --------------------*/
  195. /*-------------------
  196. Borders
  197. --------------------*/
  198. /*-------------------
  199. Sizes
  200. --------------------*/
  201. /*-------------------
  202. Transitions
  203. --------------------*/
  204. /*-------------------
  205. Derived Values
  206. --------------------*/
  207. /* Makes sure padded grid can fit at 320px */
  208. /* Used to match floats with text */
  209. /* Positive / Negative Dupes */
  210. /* Header Colors */
  211. /* Responsive */
  212. /* Columns */
  213. /*******************************
  214. States
  215. *******************************/
  216. /*-------------------
  217. Disabled
  218. --------------------*/
  219. /*-------------------
  220. Hover
  221. --------------------*/
  222. /*--- Colors ---*/
  223. /*--- Emotive ---*/
  224. /*--- Neutrals ---*/
  225. /*-------------------
  226. Down (:active)
  227. --------------------*/
  228. /*--- Colors ---*/
  229. /*--- Emotive ---*/
  230. /*--- Neutrals ---*/
  231. /*-------------------
  232. Active
  233. --------------------*/
  234. /*--- Standard ---*/
  235. /*--- Emotive ---*/
  236. /*--- Neutrals ---*/
  237. /*******************************
  238. Tab
  239. *******************************/
  240. /* Loading */
  241. /* Loading Content */
  242. /*------------------
  243. Load Site
  244. -------------------*/
  245. /*******************************
  246. User Global Variables
  247. *******************************/
  248. /*******************************
  249. User Variable Overrides
  250. *******************************/
  251. /*------------------
  252. Override Loader
  253. -------------------*/
  254. /*******************************
  255. UI Tabs
  256. *******************************/
  257. .ui.tab {
  258. display: none;
  259. }
  260. /*******************************
  261. States
  262. *******************************/
  263. /*--------------------
  264. Active
  265. ---------------------*/
  266. .ui.tab.active,
  267. .ui.tab.open {
  268. display: block;
  269. }
  270. /*--------------------
  271. Loading
  272. ---------------------*/
  273. .ui.tab.loading {
  274. position: relative;
  275. overflow: hidden;
  276. display: block;
  277. min-height: 250px;
  278. }
  279. .ui.tab.loading * {
  280. position: relative !important;
  281. left: -10000px !important;
  282. }
  283. .ui.tab.loading:after {
  284. border: none;
  285. position: absolute;
  286. top: 50px;
  287. left: 0%;
  288. content: 'Loading...';
  289. color: rgba(0, 0, 0, 0.4);
  290. width: 100%;
  291. height: 100%;
  292. padding-top: 50px;
  293. text-align: center;
  294. background: url(../../themes/packages/default/assets/images/loader-large.gif) no-repeat 50% 0px;
  295. visibility: visible;
  296. }
  297. /*******************************
  298. Tab Overrides
  299. *******************************/
  300. /*******************************
  301. User Overrides
  302. *******************************/