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.

681 lines
20 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
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
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
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
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
10 years ago
  1. /*
  2. * # Semantic - Dropdown
  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. /*-------------------
  53. Page
  54. --------------------*/
  55. /*-------------------
  56. Background Colors
  57. --------------------*/
  58. /* Used for differentiating neutrals */
  59. /* Used for differentiating layers */
  60. /*-------------------
  61. Grid
  62. --------------------*/
  63. /*-------------------
  64. Breakpoints
  65. --------------------*/
  66. /*******************************
  67. Power-User
  68. *******************************/
  69. /*-------------------
  70. Icons
  71. --------------------*/
  72. /* Max Width of Icon */
  73. /*-------------------
  74. Easing
  75. --------------------*/
  76. /*--- Light Variations ---*/
  77. /*--- Neutrals ---*/
  78. /*--- Colored Backgrounds ---*/
  79. /*--- Colored Text ---*/
  80. /*--- Colored Headers ---*/
  81. /*-------------------
  82. Emotive Colors
  83. --------------------*/
  84. /* Mood */
  85. /* Solid Background Color */
  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. Dropdown
  132. *******************************/
  133. /*-------------------
  134. Element
  135. --------------------*/
  136. /*-------------------
  137. Content
  138. --------------------*/
  139. /* Icon */
  140. /* Sub Menu Pointer Icon */
  141. /* Current Text */
  142. /* Menu */
  143. /* Menu Item */
  144. /* Menu Item Icon */
  145. /* Sub Menu */
  146. /*-------------------
  147. Types
  148. --------------------*/
  149. /* Selection */
  150. /* Selection Hover */
  151. /* Inline */
  152. /*-------------------
  153. States
  154. --------------------*/
  155. /* Default Text */
  156. /* Active Menu Item */
  157. /* Menu Error */
  158. /*-------------------
  159. Variations
  160. --------------------*/
  161. /* Simple */
  162. /* Floating */
  163. /* Pointing */
  164. /*------------------
  165. Load Theme
  166. -------------------*/
  167. /*------------------
  168. Load Site
  169. -------------------*/
  170. /*******************************
  171. User Global Variables
  172. *******************************/
  173. /*******************************
  174. User Variable Overrides
  175. *******************************/
  176. /*------------------
  177. Override Mix-in
  178. -------------------*/
  179. /*******************************
  180. Dropdown
  181. *******************************/
  182. .ui.dropdown {
  183. cursor: pointer;
  184. position: relative;
  185. display: inline-block;
  186. line-height: 1;
  187. -webkit-transition: border-radius 0.1s ease, width 0.2s ease;
  188. transition: border-radius 0.1s ease, width 0.2s ease;
  189. tap-highlight-color: rgba(0, 0, 0, 0);
  190. }
  191. /*******************************
  192. Content
  193. *******************************/
  194. /*--------------
  195. Menu
  196. ---------------*/
  197. .ui.dropdown .menu {
  198. cursor: auto;
  199. position: absolute;
  200. display: none;
  201. top: 100%;
  202. margin: 0em;
  203. padding: 0em;
  204. background: #ffffff;
  205. min-width: 100%;
  206. white-space: nowrap;
  207. font-size: 1rem;
  208. text-shadow: none;
  209. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  210. border-radius: 0em 0em 0.325em 0.325em;
  211. -webkit-transition: opacity 0.2s ease;
  212. transition: opacity 0.2s ease;
  213. z-index: 11;
  214. }
  215. /*--------------
  216. Icon
  217. ---------------*/
  218. .ui.dropdown > .dropdown.icon {
  219. width: auto;
  220. margin: 0em 0em 0em 1em;
  221. }
  222. .ui.dropdown .menu .item .dropdown.icon {
  223. width: auto;
  224. float: right;
  225. margin: 0em 0em 0em 0.5em;
  226. }
  227. /*--------------
  228. Text
  229. ---------------*/
  230. .ui.dropdown > .text {
  231. display: inline-block;
  232. vertical-align: top;
  233. -webkit-transition: color 0.2s ease;
  234. transition: color 0.2s ease;
  235. }
  236. /*--------------
  237. Menu Item
  238. ---------------*/
  239. .ui.dropdown .menu .item {
  240. cursor: pointer;
  241. display: block;
  242. border: none;
  243. height: auto;
  244. border-top: none;
  245. color: rgba(0, 0, 0, 0.8);
  246. padding: 0.85em 1em !important;
  247. font-size: 1rem;
  248. text-transform: none;
  249. font-weight: normal;
  250. text-align: left;
  251. box-shadow: none;
  252. -webkit-touch-callout: none;
  253. }
  254. .ui.dropdown .menu .item .icon {
  255. margin: 0em 0.75em 0em 0em;
  256. }
  257. .ui.dropdown .menu .item:first-child {
  258. border-top: none;
  259. }
  260. /*--------------
  261. Item Image
  262. ---------------*/
  263. .ui.dropdown .menu .item > img {
  264. height: 2.5em;
  265. display: inline-block;
  266. vertical-align: middle;
  267. margin-right: 0.5em;
  268. }
  269. /*--------------
  270. Sub Menu
  271. ---------------*/
  272. .ui.dropdown .menu .menu {
  273. top: 0% !important;
  274. left: 100% !important;
  275. right: auto !important;
  276. margin: 0em !important;
  277. border-radius: 0em 0.325em 0.325em 0em !important;
  278. }
  279. /* Hide Arrow */
  280. .ui.dropdown .menu .menu:after {
  281. display: none;
  282. }
  283. /*******************************
  284. Coupling
  285. *******************************/
  286. /* Remove Menu Item Divider */
  287. .ui.dropdown .ui.menu .item:before,
  288. .ui.menu .ui.dropdown .menu .item:before {
  289. display: none;
  290. }
  291. /* Prevent Menu Item Border */
  292. .ui.menu .ui.dropdown .menu .active.item {
  293. border-left: none;
  294. }
  295. /* No Margin On Icon Button */
  296. .ui.dropdown.icon.button > .dropdown.icon {
  297. margin: 0em;
  298. }
  299. /* Automatically float dropdown menu right on last menu item */
  300. .ui.menu .right.menu .dropdown:last-child .menu,
  301. .ui.buttons > .ui.dropdown:last-child .menu {
  302. left: auto;
  303. right: 0em;
  304. }
  305. /*******************************
  306. Types
  307. *******************************/
  308. /*--------------
  309. Selection
  310. ---------------*/
  311. /* Displays like a select box */
  312. .ui.selection.dropdown {
  313. cursor: pointer;
  314. word-wrap: break-word;
  315. white-space: normal;
  316. outline: 0;
  317. background: #ffffff;
  318. display: inline-block;
  319. padding: 0.8em 1.1em;
  320. color: rgba(0, 0, 0, 0.8);
  321. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
  322. border-radius: 0.325em !important;
  323. /* Matches selection dropdown height to input height */
  324. border-top: 1px solid transparent;
  325. }
  326. .ui.selection.dropdown.active {
  327. -webkit-transform: rotateZ(0deg);
  328. transform: rotateZ(0deg);
  329. z-index: 10;
  330. }
  331. .ui.selection.dropdown select {
  332. display: none;
  333. }
  334. .ui.selection.dropdown > .dropdown.icon {
  335. opacity: 0.8;
  336. margin: 0em 0em 0em 1em;
  337. -webkit-transition: opacity 0.2s ease;
  338. transition: opacity 0.2s ease;
  339. }
  340. .ui.selection.dropdown .menu {
  341. overflow-x: hidden;
  342. overflow-y: auto;
  343. max-height: 312px;
  344. box-shadow: 0px 1px 0px 1px #e0e0e0;
  345. }
  346. .ui.selection.dropdown .menu:after,
  347. .ui.selection.dropdown .menu:before {
  348. display: none;
  349. }
  350. /* Hover */
  351. .ui.selection.dropdown:hover {
  352. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  353. }
  354. .ui.selection.dropdown:hover .menu {
  355. box-shadow: 0px 1px 0px 1px #d3d3d3;
  356. }
  357. .ui.selection.dropdown:hover > .dropdown.icon {
  358. opacity: 1;
  359. }
  360. /* Connecting Border */
  361. .ui.active.selection.dropdown,
  362. .ui.visible.selection.dropdown {
  363. border-bottom-left-radius: 0em !important;
  364. border-bottom-right-radius: 0em !important;
  365. }
  366. .ui.active.selection.dropdown > .dropdown.icon {
  367. opacity: 1;
  368. }
  369. /*--------------
  370. Inline
  371. ---------------*/
  372. .ui.inline.dropdown {
  373. cursor: pointer;
  374. display: inline-block;
  375. color: inherit;
  376. }
  377. .ui.inline.dropdown .dropdown.icon {
  378. margin: 0em 0.5em 0em 0.25em;
  379. }
  380. .ui.inline.dropdown .text {
  381. font-weight: bold;
  382. }
  383. .ui.inline.dropdown .menu {
  384. cursor: auto;
  385. margin-top: 0.25em;
  386. border-radius: 0.325em;
  387. }
  388. /*******************************
  389. States
  390. *******************************/
  391. /* Dropdown Visible */
  392. .ui.visible.dropdown > .menu {
  393. display: block;
  394. }
  395. /*--------------------
  396. Hover
  397. ----------------------*/
  398. /* Menu Item Hover */
  399. .ui.dropdown .menu .item:hover {
  400. background-color: rgba(0, 0, 0, 0.03);
  401. z-index: 12;
  402. }
  403. /*--------------------
  404. Active
  405. ----------------------*/
  406. /* Menu Item Active */
  407. .ui.dropdown .menu .active.item {
  408. background: rgba(0, 0, 0, 0.05);
  409. font-weight: bold;
  410. color: rgba(0, 0, 0, 0.8);
  411. box-shadow: none;
  412. z-index: 12;
  413. }
  414. /*--------------------
  415. Default Text
  416. ----------------------*/
  417. .ui.dropdown > .default.text,
  418. .ui.default.dropdown > .text {
  419. color: rgba(179, 179, 179, 0.7);
  420. }
  421. .ui.dropdown:hover > .default.text,
  422. .ui.default.dropdown:hover > .text {
  423. color: rgba(140, 140, 140, 0.7);
  424. }
  425. /*--------------------
  426. Error
  427. ----------------------*/
  428. .ui.dropdown.error,
  429. .ui.dropdown.error > .text,
  430. .ui.dropdown.error > .default.text {
  431. color: #a94442 !important;
  432. }
  433. .ui.selection.dropdown.error {
  434. background: #f2dede;
  435. box-shadow: 0px 0px 0px 1px #da9797 !important;
  436. }
  437. .ui.selection.dropdown.error:hover {
  438. box-shadow: 0px 0px 0px 1px #da9797 !important;
  439. }
  440. .ui.dropdown.error > .menu,
  441. .ui.dropdown.error > .menu .menu {
  442. box-shadow: 0px 0px 1px 1px #da9797 !important;
  443. }
  444. .ui.dropdown.error > .menu .item {
  445. color: #D95C5C !important;
  446. }
  447. /* Item Hover */
  448. .ui.dropdown.error > .menu .item:hover {
  449. background-color: #FFF2F2 !important;
  450. }
  451. /* Item Active */
  452. .ui.dropdown.error > .menu .active.item {
  453. background-color: #FDCFCF !important;
  454. }
  455. /*******************************
  456. Variations
  457. *******************************/
  458. /*--------------
  459. Direction
  460. ---------------*/
  461. /* Flyout Direction */
  462. .ui.dropdown .menu {
  463. left: 0px;
  464. }
  465. /*--------------
  466. Simple
  467. ---------------*/
  468. /* Displays without javascript */
  469. .ui.simple.dropdown .menu:before,
  470. .ui.simple.dropdown .menu:after {
  471. display: none;
  472. }
  473. .ui.simple.dropdown .menu {
  474. position: absolute;
  475. display: block;
  476. overflow: hidden;
  477. top: -9999px !important;
  478. opacity: 0;
  479. width: 0;
  480. height: 0;
  481. -webkit-transition: opacity 0.2s ease;
  482. transition: opacity 0.2s ease;
  483. }
  484. .ui.simple.active.dropdown,
  485. .ui.simple.dropdown:hover {
  486. border-bottom-left-radius: 0em !important;
  487. border-bottom-right-radius: 0em !important;
  488. }
  489. .ui.simple.active.dropdown > .menu,
  490. .ui.simple.dropdown:hover > .menu {
  491. overflow: visible;
  492. width: auto;
  493. height: auto;
  494. top: 100% !important;
  495. opacity: 1;
  496. }
  497. .ui.simple.dropdown > .menu .item:active > .menu,
  498. .ui.simple.dropdown:hover > .menu .item:hover > .menu {
  499. overflow: visible;
  500. width: auto;
  501. height: auto;
  502. top: 0% !important;
  503. left: 100% !important;
  504. opacity: 1;
  505. }
  506. .ui.simple.disabled.dropdown:hover .menu {
  507. display: none;
  508. height: 0px;
  509. width: 0px;
  510. overflow: hidden;
  511. }
  512. /*--------------
  513. Fluid
  514. ---------------*/
  515. .ui.fluid.dropdown {
  516. display: block;
  517. }
  518. .ui.fluid.dropdown > .dropdown.icon {
  519. float: right;
  520. }
  521. /*--------------
  522. Floating
  523. ---------------*/
  524. .ui.floating.dropdown .menu {
  525. left: 0;
  526. right: auto;
  527. margin-top: 0.5em !important;
  528. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  529. border-radius: 0.325em;
  530. }
  531. /*--------------
  532. Pointing
  533. ---------------*/
  534. .ui.pointing.dropdown .menu {
  535. top: 100%;
  536. margin-top: 0.75em;
  537. border-radius: 0.325em;
  538. }
  539. .ui.pointing.dropdown .menu:after {
  540. display: block;
  541. position: absolute;
  542. pointer-events: none;
  543. content: '';
  544. visibility: visible;
  545. -webkit-transform: rotate(45deg);
  546. -ms-transform: rotate(45deg);
  547. transform: rotate(45deg);
  548. width: 0.5em;
  549. height: 0.5em;
  550. box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.1);
  551. background: #ffffff;
  552. z-index: 2;
  553. }
  554. /* Directions */
  555. .ui.pointing.dropdown .menu:after {
  556. top: -0.25em;
  557. left: 50%;
  558. margin: 0em 0em 0em -0.25em;
  559. }
  560. .ui.top.left.pointing.dropdown .menu {
  561. top: 100%;
  562. bottom: auto;
  563. left: 0%;
  564. right: auto;
  565. margin: 1em 0em 0em;
  566. }
  567. .ui.top.left.pointing.dropdown .menu:after {
  568. top: -0.25em;
  569. left: 1em;
  570. right: auto;
  571. margin: 0em;
  572. -webkit-transform: rotate(45deg);
  573. -ms-transform: rotate(45deg);
  574. transform: rotate(45deg);
  575. }
  576. .ui.top.right.pointing.dropdown .menu {
  577. top: 100%;
  578. bottom: auto;
  579. right: 0%;
  580. left: auto;
  581. margin: 1em 0em 0em;
  582. }
  583. .ui.top.right.pointing.dropdown .menu:after {
  584. top: -0.25em;
  585. left: auto;
  586. right: 1em;
  587. margin: 0em;
  588. -webkit-transform: rotate(45deg);
  589. -ms-transform: rotate(45deg);
  590. transform: rotate(45deg);
  591. }
  592. .ui.left.pointing.dropdown .menu {
  593. top: 0%;
  594. left: 100%;
  595. right: auto;
  596. margin: 0em 0em 0em 1em;
  597. }
  598. .ui.left.pointing.dropdown .menu:after {
  599. top: 1em;
  600. left: -0.25em;
  601. margin: 0em 0em 0em 0em;
  602. -webkit-transform: rotate(-45deg);
  603. -ms-transform: rotate(-45deg);
  604. transform: rotate(-45deg);
  605. }
  606. .ui.right.pointing.dropdown .menu {
  607. top: 0%;
  608. left: auto;
  609. right: 100%;
  610. margin: 0em 1em 0em 0em;
  611. }
  612. .ui.right.pointing.dropdown .menu:after {
  613. top: 1em;
  614. left: auto;
  615. right: -0.25em;
  616. margin: 0em 0em 0em 0em;
  617. -webkit-transform: rotate(135deg);
  618. -ms-transform: rotate(135deg);
  619. transform: rotate(135deg);
  620. }
  621. /*******************************
  622. Overrides
  623. *******************************/
  624. /* Dropdown Carets */
  625. @font-face {
  626. font-family: 'Dropdown';
  627. src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  628. font-weight: normal;
  629. font-style: normal;
  630. }
  631. .ui.dropdown > .dropdown.icon {
  632. font-family: 'Dropdown';
  633. line-height: 1;
  634. height: 1em;
  635. width: 1.23em;
  636. -webkit-backface-visibility: hidden;
  637. backface-visibility: hidden;
  638. font-weight: normal;
  639. font-style: normal;
  640. text-align: center;
  641. }
  642. .ui.dropdown > .dropdown.icon {
  643. width: auto;
  644. }
  645. .ui.dropdown > .dropdown.icon:before {
  646. content: '\f0d7';
  647. }
  648. /* Sub Menu */
  649. .ui.dropdown .menu .item .dropdown.icon:before {
  650. content: '\f0da' /*rtl:'\f0d9'*/;
  651. }
  652. /* Vertical Menu Dropdown */
  653. .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  654. content: "\f0da" /*rtl:"\f0d9"*/;
  655. }
  656. /* Icons for Reference
  657. .dropdown.down.icon {
  658. content: "\f0d7";
  659. }
  660. .dropdown.up.icon {
  661. content: "\f0d8";
  662. }
  663. .dropdown.left.icon {
  664. content: "\f0d9";
  665. }
  666. .dropdown.icon.icon {
  667. content: "\f0da";
  668. }
  669. */
  670. /*******************************
  671. User Overrides
  672. *******************************/