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.

255 lines
6.3 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Breadcrumb
  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. Breadcrumb
  41. *******************************/
  42. /*-------------------
  43. Breadcrumb
  44. --------------------*/
  45. /* Coupling */
  46. /*-------------------
  47. States
  48. --------------------*/
  49. /* Sizes */
  50. /*------------------
  51. Load Theme
  52. -------------------*/
  53. /*******************************
  54. Site Settings
  55. *******************************/
  56. /*-------------------
  57. Paths
  58. --------------------*/
  59. /*-------------------
  60. Fonts
  61. --------------------*/
  62. /*-------------------
  63. Site Colors
  64. --------------------*/
  65. /*--- Colors ---*/
  66. /*--- Light Colors ---*/
  67. /*-------------------
  68. Page
  69. --------------------*/
  70. /*-------------------
  71. Background Colors
  72. --------------------*/
  73. /* Used for differentiating neutrals */
  74. /* Used for differentiating layers */
  75. /*-------------------
  76. Grid
  77. --------------------*/
  78. /*-------------------
  79. Breakpoints
  80. --------------------*/
  81. /*******************************
  82. Power-User
  83. *******************************/
  84. /*-------------------
  85. Icons
  86. --------------------*/
  87. /* Max Width of Icon */
  88. /*-------------------
  89. Easing
  90. --------------------*/
  91. /*--- Neutrals ---*/
  92. /*--- Colored Backgrounds ---*/
  93. /*--- Colored Text ---*/
  94. /*--- Colored Headers ---*/
  95. /*-------------------
  96. Emotive Colors
  97. --------------------*/
  98. /* Mood */
  99. /* Solid Background Color */
  100. /* Status */
  101. /* Darkened Headers */
  102. /*-------------------
  103. Neutral Text
  104. --------------------*/
  105. /*-------------------
  106. Brand Colors
  107. --------------------*/
  108. /*-------------------
  109. Grid Columns
  110. --------------------*/
  111. /*-------------------
  112. Borders
  113. --------------------*/
  114. /*-------------------
  115. Sizes
  116. --------------------*/
  117. /*-------------------
  118. Transitions
  119. --------------------*/
  120. /*******************************
  121. States
  122. *******************************/
  123. /*-------------------
  124. Disabled
  125. --------------------*/
  126. /*-------------------
  127. Hover
  128. --------------------*/
  129. /*--- Colors ---*/
  130. /*--- Emotive ---*/
  131. /*--- Neutrals ---*/
  132. /*-------------------
  133. Down (:active)
  134. --------------------*/
  135. /*--- Colors ---*/
  136. /*--- Emotive ---*/
  137. /*--- Neutrals ---*/
  138. /*-------------------
  139. Active
  140. --------------------*/
  141. /*--- Standard ---*/
  142. /*--- Emotive ---*/
  143. /*--- Neutrals ---*/
  144. /*------------------
  145. Load Site
  146. -------------------*/
  147. /*******************************
  148. User Global Variables
  149. *******************************/
  150. /*******************************
  151. Overrides
  152. *******************************/
  153. /*------------------
  154. Override Mix-in
  155. -------------------*/
  156. /*******************************
  157. Breadcrumb
  158. *******************************/
  159. .ui.breadcrumb {
  160. margin: 1em 0em;
  161. display: inline-block;
  162. vertical-align: middle;
  163. }
  164. .ui.breadcrumb:first-child {
  165. margin-top: 0em;
  166. }
  167. .ui.breadcrumb:last-child {
  168. margin-bottom: 0em;
  169. }
  170. /*******************************
  171. Content
  172. *******************************/
  173. /* Divider */
  174. .ui.breadcrumb .divider {
  175. display: inline-block;
  176. opacity: 0.5;
  177. margin: 0em 0.2rem 0em;
  178. font-size: 0.9em;
  179. color: rgba(0, 0, 0, 0.4);
  180. vertical-align: baseline;
  181. }
  182. /* Link */
  183. .ui.breadcrumb a {
  184. color: #009fda;
  185. }
  186. .ui.breadcrumb a:hover {
  187. color: #00b2f3;
  188. }
  189. /* Icon Divider */
  190. .ui.breadcrumb .icon.divider {
  191. font-size: 0.7em;
  192. vertical-align: middle;
  193. }
  194. /* Section */
  195. .ui.breadcrumb a.section {
  196. cursor: pointer;
  197. }
  198. .ui.breadcrumb .section {
  199. display: inline-block;
  200. margin: 0em;
  201. padding: 0em;
  202. }
  203. /* Loose Coupling */
  204. .ui.breadcrumb.segment {
  205. display: inline-block;
  206. padding: 0.5em 1em;
  207. }
  208. /*******************************
  209. States
  210. *******************************/
  211. .ui.breadcrumb .active.section {
  212. font-weight: bold;
  213. }
  214. /*******************************
  215. Variations
  216. *******************************/
  217. .ui.mini.breadcrumb {
  218. font-size: 0.7em;
  219. }
  220. .ui.tiny.breadcrumb {
  221. font-size: 0.8em;
  222. }
  223. .ui.small.breadcrumb {
  224. font-size: 0.875em;
  225. }
  226. .ui.breadcrumb {
  227. font-size: 1em;
  228. }
  229. .ui.large.breadcrumb {
  230. font-size: 1.125em;
  231. }
  232. .ui.big.breadcrumb {
  233. font-size: 1.25em;
  234. }
  235. .ui.huge.breadcrumb {
  236. font-size: 1.375em;
  237. }
  238. .ui.massive.breadcrumb {
  239. font-size: 1.5em;
  240. }
  241. /*******************************
  242. Overrides
  243. *******************************/
  244. /*******************************
  245. Overrides
  246. *******************************/