DotaNoobs main site.
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.

6753 lines
137 KiB

  1. /*! UIkit 2.5.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2. /* ========================================================================
  3. Component: Normalize
  4. ========================================================================== */
  5. /* Base
  6. ========================================================================== */
  7. /*
  8. * 1. Sets default font family to sans-serif.
  9. * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom.
  10. */
  11. html {
  12. /* 1 */
  13. font-family: sans-serif;
  14. /* 2 */
  15. -webkit-text-size-adjust: 100%;
  16. -ms-text-size-adjust: 100%;
  17. }
  18. /*
  19. * Removes default margin.
  20. */
  21. body {
  22. margin: 0;
  23. }
  24. /* HTML5 display definitions
  25. ========================================================================== */
  26. /*
  27. * Corrects `block` display not defined in IE 8/9.
  28. */
  29. article,
  30. aside,
  31. details,
  32. figcaption,
  33. figure,
  34. footer,
  35. header,
  36. main,
  37. nav,
  38. section,
  39. summary {
  40. display: block;
  41. }
  42. /*
  43. * 1. Correct `inline-block` display not defined in IE 8/9.
  44. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  45. */
  46. audio,
  47. canvas,
  48. progress,
  49. video {
  50. /* 1 */
  51. display: inline-block;
  52. /* 2 */
  53. vertical-align: baseline;
  54. }
  55. /*
  56. * Prevents modern browsers from displaying `audio` without controls.
  57. * Remove excess height in iOS 5 devices.
  58. */
  59. audio:not([controls]) {
  60. display: none;
  61. height: 0;
  62. }
  63. /*
  64. * Address `[hidden]` styling not present in IE 8/9.
  65. * Hide the `template` element in IE, Safari, and Firefox < 22.
  66. */
  67. [hidden],
  68. template {
  69. display: none;
  70. }
  71. /* Links
  72. ========================================================================== */
  73. /*
  74. * Remove the gray background color from active links in IE 10.
  75. */
  76. a {
  77. background: transparent;
  78. }
  79. /*
  80. * Improves readability when focused and also mouse hovered in all browsers.
  81. */
  82. a:active,
  83. a:hover {
  84. outline: 0;
  85. }
  86. /* Text-level semantics
  87. ========================================================================== */
  88. /*
  89. * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
  90. */
  91. abbr[title] {
  92. border-bottom: 1px dotted;
  93. }
  94. /*
  95. * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  96. */
  97. b,
  98. strong {
  99. font-weight: bold;
  100. }
  101. /*
  102. * Addresses styling not present in Safari 5 and Chrome.
  103. */
  104. dfn {
  105. font-style: italic;
  106. }
  107. /*
  108. * Addresses inconsistent and variable font size in all browsers.
  109. */
  110. small {
  111. font-size: 80%;
  112. }
  113. /*
  114. * Prevents `sub` and `sup` affecting `line-height` in all browsers.
  115. */
  116. sub,
  117. sup {
  118. font-size: 75%;
  119. line-height: 0;
  120. position: relative;
  121. vertical-align: baseline;
  122. }
  123. sup {
  124. top: -0.5em;
  125. }
  126. sub {
  127. bottom: -0.25em;
  128. }
  129. /* Embedded content
  130. ========================================================================== */
  131. /*
  132. * Removes border when inside `a` element in IE 8/9.
  133. */
  134. img {
  135. border: 0;
  136. }
  137. /*
  138. * Corrects overflow displayed oddly in IE 9.
  139. */
  140. svg:not(:root) {
  141. overflow: hidden;
  142. }
  143. /* Grouping content
  144. ========================================================================== */
  145. /*
  146. * Addresses margin not present in IE 8/9 and Safari 5.
  147. */
  148. figure {
  149. margin: 0;
  150. }
  151. /*
  152. * Address differences between Firefox and other browsers.
  153. */
  154. hr {
  155. -moz-box-sizing: content-box;
  156. box-sizing: content-box;
  157. height: 0;
  158. }
  159. /*
  160. * Contain overflow in all browsers.
  161. */
  162. pre {
  163. overflow: auto;
  164. }
  165. /*
  166. * Address odd `em`-unit font size rendering in all browsers.
  167. * 1. Consolas has a better baseline in running text compared to `Courier`
  168. */
  169. code,
  170. kbd,
  171. pre,
  172. samp {
  173. font-size: 1em;
  174. /* 1 */
  175. font-family: Consolas, monospace, serif;
  176. }
  177. /* Forms
  178. ========================================================================== */
  179. /*
  180. * 1. Correct color not being inherited. Known issue: affects color of disabled elements.
  181. * 2. Correct font properties not being inherited.
  182. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  183. * 4. Define consistent box sizing
  184. * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box`
  185. * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box`
  186. * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9.
  187. * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome.
  188. */
  189. button,
  190. input,
  191. optgroup,
  192. select,
  193. textarea {
  194. /* 1 */
  195. color: inherit;
  196. /* 2 */
  197. font: inherit;
  198. /* 3 */
  199. margin: 0;
  200. /* 4 */
  201. -moz-box-sizing: border-box;
  202. -webkit-box-sizing: border-box;
  203. box-sizing: border-box;
  204. }
  205. /**
  206. * Don't inherit the `font-weight` (applied by a rule above).
  207. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  208. */
  209. optgroup {
  210. font-weight: bold;
  211. }
  212. /**
  213. * Address `overflow` set to `hidden` in IE 8/9/10.
  214. */
  215. button {
  216. overflow: visible;
  217. }
  218. /*
  219. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  220. * All other form control elements do not inherit `text-transform` values.
  221. * Correct `button` style inheritance in Firefox, IE 8+, and Opera
  222. * Correct `select` style inheritance in Firefox.
  223. */
  224. button,
  225. select {
  226. text-transform: none;
  227. }
  228. /*
  229. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
  230. * 2. Correct inability to style clickable `input` types in iOS.
  231. * 3. Improve usability and consistency of cursor style between image-type `input` and others.
  232. */
  233. button,
  234. html input[type="button"],
  235. input[type="reset"],
  236. input[type="submit"] {
  237. /* 2 */
  238. -webkit-appearance: button;
  239. /* 3 */
  240. cursor: pointer;
  241. }
  242. /*
  243. * Re-set default cursor for disabled elements.
  244. */
  245. button:disabled,
  246. html input:disabled {
  247. cursor: default;
  248. }
  249. /*
  250. * Removes inner padding and border in Firefox 4+.
  251. */
  252. button::-moz-focus-inner,
  253. input::-moz-focus-inner {
  254. border: 0;
  255. padding: 0;
  256. }
  257. /*
  258. * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
  259. */
  260. input {
  261. line-height: normal;
  262. }
  263. /*
  264. * 1. Removes excess padding in IE 8/9.
  265. * 2. Improves consistency of cursor style for clickable elements
  266. */
  267. input[type="checkbox"],
  268. input[type="radio"] {
  269. /* 1 */
  270. padding: 0;
  271. /* 2 */
  272. cursor: pointer;
  273. }
  274. /*
  275. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  276. * `font-size` values of the `input`, it causes the cursor style of the
  277. * decrement button to change from `default` to `text`.
  278. */
  279. input[type="number"]::-webkit-inner-spin-button,
  280. input[type="number"]::-webkit-outer-spin-button {
  281. height: auto;
  282. }
  283. /*
  284. * Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
  285. */
  286. input[type="search"] {
  287. -webkit-appearance: textfield;
  288. }
  289. /*
  290. * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  291. * Safari (but not Chrome) clips the cancel button when the search input has
  292. * padding (and `textfield` appearance).
  293. */
  294. input[type="search"]::-webkit-search-cancel-button,
  295. input[type="search"]::-webkit-search-decoration {
  296. -webkit-appearance: none;
  297. }
  298. /*
  299. * Define consistent border, margin, and padding.
  300. */
  301. fieldset {
  302. border: none;
  303. margin: 0;
  304. padding: 0;
  305. }
  306. /*
  307. * 1. Corrects color not being inherited in IE 8/9.
  308. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  309. */
  310. legend {
  311. /* 1 */
  312. border: 0;
  313. /* 2 */
  314. padding: 0;
  315. }
  316. /**
  317. * 1. Remove default vertical scrollbar in IE 8/9.
  318. * 2. Improve readability and alignment in all browsers.
  319. */
  320. textarea {
  321. overflow: auto;
  322. /* 1 */
  323. vertical-align: top;
  324. /* 2 */
  325. }
  326. /*
  327. * Removes placeholder transparency in Firefox.
  328. */
  329. ::-moz-placeholder {
  330. opacity: 1;
  331. }
  332. /* Tables
  333. ========================================================================== */
  334. /*
  335. * Remove most spacing between table cells.
  336. */
  337. table {
  338. border-collapse: collapse;
  339. border-spacing: 0;
  340. }
  341. /* ========================================================================
  342. Component: Base
  343. ========================================================================== */
  344. /* Body
  345. ========================================================================== */
  346. /*
  347. * `font-size` is set in `html` element to support the `rem` unit for font-sizes
  348. */
  349. html {
  350. font-size: 14px;
  351. }
  352. body {
  353. background: #ffffff;
  354. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  355. font-weight: normal;
  356. line-height: 20px;
  357. color: #444444;
  358. }
  359. /* Phone landscape and smaller */
  360. @media (max-width: 767px) {
  361. /*
  362. * Break strings if their length exceeds the width of their container
  363. */
  364. body {
  365. word-wrap: break-word;
  366. -webkit-hyphens: auto;
  367. -ms-hyphens: auto;
  368. -moz-hyphens: auto;
  369. hyphens: auto;
  370. }
  371. }
  372. /* Text-level semantics
  373. ========================================================================== */
  374. /*
  375. * Links
  376. */
  377. a,
  378. .uk-link {
  379. color: #0077dd;
  380. text-decoration: none;
  381. cursor: pointer;
  382. }
  383. a:hover,
  384. .uk-link:hover {
  385. color: #005599;
  386. text-decoration: underline;
  387. }
  388. /*
  389. * Emphasize
  390. */
  391. em {
  392. color: #dd0055;
  393. }
  394. /*
  395. * Insert
  396. */
  397. ins {
  398. background: #ffffaa;
  399. color: #444444;
  400. text-decoration: none;
  401. }
  402. /*
  403. * Mark
  404. * Note: Addresses styling not present in IE 8/9.
  405. */
  406. mark {
  407. background: #ffffaa;
  408. color: #444444;
  409. }
  410. /*
  411. * Selection highlight
  412. */
  413. ::-moz-selection {
  414. background: #3399ff;
  415. color: #ffffff;
  416. text-shadow: none;
  417. }
  418. ::selection {
  419. background: #3399ff;
  420. color: #ffffff;
  421. text-shadow: none;
  422. }
  423. /*
  424. * Abbreviation and definition
  425. */
  426. abbr[title],
  427. dfn[title] {
  428. cursor: help;
  429. }
  430. dfn[title] {
  431. border-bottom: 1px dotted;
  432. font-style: normal;
  433. }
  434. /* Embedded content
  435. ========================================================================== */
  436. /*
  437. * 1. Corrects max-width behavior (2.) if padding and border are used
  438. * 2. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
  439. * 3. Remove the gap between images and the bottom of their containers
  440. */
  441. img {
  442. /* 1 */
  443. -moz-box-sizing: border-box;
  444. box-sizing: border-box;
  445. /* 2 */
  446. max-width: 100%;
  447. height: auto;
  448. /* 3 */
  449. vertical-align: middle;
  450. }
  451. /*
  452. * Preserve original image dimensions
  453. * 1. Fix Google maps automatically via URL detection
  454. */
  455. .uk-img-preserve,
  456. .uk-img-preserve img,
  457. img[src*="maps.gstatic.com"],
  458. img[src*="googleapis.com"] {
  459. max-width: none;
  460. }
  461. /* Spacing for block elements
  462. ========================================================================== */
  463. p,
  464. hr,
  465. ul,
  466. ol,
  467. dl,
  468. blockquote,
  469. pre,
  470. address,
  471. fieldset,
  472. figure {
  473. margin: 0 0 15px 0;
  474. }
  475. /*
  476. * Don't worry about the universal selector.
  477. * There is no mentionable performance impact.
  478. */
  479. * + p,
  480. * + hr,
  481. * + ul,
  482. * + ol,
  483. * + dl,
  484. * + blockquote,
  485. * + pre,
  486. * + address,
  487. * + fieldset,
  488. * + figure {
  489. margin-top: 15px;
  490. }
  491. /* Headings
  492. ========================================================================== */
  493. h1,
  494. h2,
  495. h3,
  496. h4,
  497. h5,
  498. h6 {
  499. margin: 0 0 15px 0;
  500. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  501. font-weight: normal;
  502. color: #444444;
  503. text-transform: none;
  504. }
  505. /*
  506. * Don't worry about the universal selector.
  507. * There is no mentionable performance impact.
  508. */
  509. * + h1,
  510. * + h2,
  511. * + h3,
  512. * + h4,
  513. * + h5,
  514. * + h6 {
  515. margin-top: 25px;
  516. }
  517. h1,
  518. .uk-h1 {
  519. font-size: 36px;
  520. line-height: 42px;
  521. }
  522. h2,
  523. .uk-h2 {
  524. font-size: 24px;
  525. line-height: 30px;
  526. }
  527. h3,
  528. .uk-h3 {
  529. font-size: 18px;
  530. line-height: 24px;
  531. }
  532. h4,
  533. .uk-h4 {
  534. font-size: 16px;
  535. line-height: 22px;
  536. }
  537. h5,
  538. .uk-h5 {
  539. font-size: 14px;
  540. line-height: 20px;
  541. }
  542. h6,
  543. .uk-h6 {
  544. font-size: 12px;
  545. line-height: 18px;
  546. }
  547. /* Lists
  548. ========================================================================== */
  549. /*
  550. * Ordered and unordered lists
  551. */
  552. ul,
  553. ol {
  554. padding-left: 30px;
  555. }
  556. /* Reset margin for nested lists */
  557. ul > li > ul,
  558. ul > li > ol,
  559. ol > li > ol,
  560. ol > li > ul {
  561. margin: 0;
  562. }
  563. /*
  564. * Description lists
  565. */
  566. dt {
  567. font-weight: bold;
  568. }
  569. dd {
  570. margin-left: 0;
  571. }
  572. /* Horizontal rule
  573. ========================================================================== */
  574. hr {
  575. display: block;
  576. padding: 0;
  577. border: 0;
  578. border-top: 1px solid #dddddd;
  579. }
  580. /* Address
  581. ========================================================================== */
  582. address {
  583. font-style: normal;
  584. }
  585. /* Quotes
  586. ========================================================================== */
  587. q,
  588. blockquote {
  589. font-style: italic;
  590. }
  591. blockquote {
  592. padding-left: 15px;
  593. border-left: 5px solid #dddddd;
  594. font-size: 16px;
  595. line-height: 22px;
  596. }
  597. /* Small print for identifying the source */
  598. blockquote small {
  599. display: block;
  600. color: #999999;
  601. font-style: normal;
  602. }
  603. /* Smaller margin if `small` follows */
  604. blockquote p:last-of-type {
  605. margin-bottom: 5px;
  606. }
  607. /* Code and preformatted text
  608. ========================================================================== */
  609. code {
  610. color: #dd0055;
  611. font-size: 12px;
  612. white-space: nowrap;
  613. padding: 0 4px;
  614. border: 1px solid #dddddd;
  615. border-radius: 3px;
  616. background: #fafafa;
  617. }
  618. /* Reset code elements if parent of pre elements */
  619. pre code {
  620. color: inherit;
  621. white-space: pre-wrap;
  622. padding: 0;
  623. border: 0;
  624. background: transparent;
  625. }
  626. pre {
  627. padding: 10px;
  628. background: #fafafa;
  629. color: #444444;
  630. font-size: 12px;
  631. line-height: 18px;
  632. -moz-tab-size: 4;
  633. tab-size: 4;
  634. border: 1px solid #dddddd;
  635. border-radius: 3px;
  636. }
  637. /* Forms
  638. ========================================================================== */
  639. /*
  640. * Vertical alignment
  641. * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text
  642. */
  643. button,
  644. input:not([type="radio"]):not([type="checkbox"]),
  645. select {
  646. vertical-align: middle;
  647. }
  648. /* Iframe
  649. ========================================================================== */
  650. iframe {
  651. border: 0;
  652. }
  653. /* Fix viewport for IE10 snap mode
  654. ========================================================================== */
  655. @media screen and (max-width: 400px) {
  656. @-ms-viewport {
  657. width: device-width;
  658. }
  659. }
  660. /* ========================================================================
  661. Component: Grid
  662. ========================================================================== */
  663. /*
  664. * Micro clearfix
  665. */
  666. .uk-grid:before,
  667. .uk-grid:after {
  668. content: " ";
  669. display: table;
  670. }
  671. .uk-grid:after {
  672. clear: both;
  673. }
  674. /*
  675. * 1. Needed for the gutter
  676. * 2. Makes grid more robust so that it can be used with other block elements like lists
  677. */
  678. .uk-grid {
  679. /* 1 */
  680. margin: 0 0 0 -25px;
  681. /* 2 */
  682. padding: 0;
  683. list-style: none;
  684. }
  685. /*
  686. * Grid cell
  687. * 1. Makes grid more robust so that it can be used with other block elements
  688. * 2. Create horizontal gutter
  689. * 3. `float` is set by default so columns always behave the same and create a new block format context
  690. */
  691. .uk-grid > * {
  692. /* 1 */
  693. margin: 0;
  694. /* 2 */
  695. padding-left: 25px;
  696. /* 3 */
  697. float: left;
  698. }
  699. /*
  700. * Remove margin from the last-child
  701. */
  702. .uk-grid > * > :last-child {
  703. margin-bottom: 0;
  704. }
  705. /* Grid gutter
  706. ========================================================================== */
  707. /*
  708. * Vertical gutter
  709. */
  710. .uk-grid + .uk-grid {
  711. margin-top: 25px;
  712. }
  713. /*
  714. * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row
  715. * Higher specificity to override margin
  716. */
  717. .uk-grid > .uk-grid-margin {
  718. margin-top: 25px;
  719. }
  720. /*
  721. * Vertical gutter for panels
  722. */
  723. .uk-grid > * > .uk-panel + .uk-panel {
  724. margin-top: 25px;
  725. }
  726. /*
  727. * Larger gutter for large screens
  728. */
  729. /* Large screen and bigger */
  730. @media (min-width: 1220px) {
  731. /* Horizontal gutter */
  732. .uk-grid:not(.uk-grid-preserve) {
  733. margin-left: -35px;
  734. }
  735. .uk-grid:not(.uk-grid-preserve) > * {
  736. padding-left: 35px;
  737. }
  738. /* Vertical gutter */
  739. .uk-grid:not(.uk-grid-preserve) + .uk-grid {
  740. margin-top: 35px;
  741. }
  742. .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin {
  743. margin-top: 35px;
  744. }
  745. /* Vertical gutter for panels */
  746. .uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel {
  747. margin-top: 35px;
  748. }
  749. }
  750. /*
  751. * Small gutter
  752. * Higher specificity to override large gutter
  753. */
  754. .uk-grid.uk-grid-small {
  755. margin-left: -10px;
  756. }
  757. .uk-grid.uk-grid-small > * {
  758. padding-left: 10px;
  759. }
  760. .uk-grid.uk-grid-small + .uk-grid-small {
  761. margin-top: 10px;
  762. }
  763. .uk-grid.uk-grid-small > .uk-grid-margin {
  764. margin-top: 10px;
  765. }
  766. .uk-grid.uk-grid-small > * > .uk-panel + .uk-panel {
  767. margin-top: 10px;
  768. }
  769. /* Modifier: `uk-grid-divider`
  770. ========================================================================== */
  771. /*
  772. * Horizontal divider
  773. * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row
  774. */
  775. .uk-grid-divider:not(:empty) {
  776. margin-left: -25px;
  777. margin-right: -25px;
  778. }
  779. .uk-grid-divider > * {
  780. padding-left: 25px;
  781. padding-right: 25px;
  782. }
  783. .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
  784. .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
  785. .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
  786. .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
  787. .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
  788. .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
  789. .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
  790. .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
  791. .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  792. border-left: 1px solid #dddddd;
  793. }
  794. /* Tablet and bigger */
  795. @media (min-width: 768px) {
  796. .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
  797. border-left: 1px solid #dddddd;
  798. }
  799. }
  800. /* Desktop and bigger */
  801. @media (min-width: 960px) {
  802. .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
  803. border-left: 1px solid #dddddd;
  804. }
  805. }
  806. /* Large screen and bigger */
  807. @media (min-width: 1220px) {
  808. /*
  809. * Large gutter
  810. */
  811. .uk-grid-divider:not(.uk-grid-preserve):not(:empty) {
  812. margin-left: -35px;
  813. margin-right: -35px;
  814. }
  815. .uk-grid-divider:not(.uk-grid-preserve) > * {
  816. padding-left: 35px;
  817. padding-right: 35px;
  818. }
  819. .uk-grid-divider:not(.uk-grid-preserve):empty {
  820. margin-top: 35px;
  821. margin-bottom: 35px;
  822. }
  823. }
  824. /*
  825. * Vertical divider
  826. */
  827. .uk-grid-divider:empty {
  828. margin-top: 25px;
  829. margin-bottom: 25px;
  830. border-top: 1px solid #dddddd;
  831. }
  832. /* Even grid cell widths
  833. ========================================================================== */
  834. [class*='uk-grid-width'] > * {
  835. -moz-box-sizing: border-box;
  836. box-sizing: border-box;
  837. width: 100%;
  838. }
  839. .uk-grid-width-1-2 > * {
  840. width: 50%;
  841. }
  842. .uk-grid-width-1-3 > * {
  843. width: 33.333%;
  844. }
  845. .uk-grid-width-1-4 > * {
  846. width: 25%;
  847. }
  848. .uk-grid-width-1-5 > * {
  849. width: 20%;
  850. }
  851. .uk-grid-width-1-6 > * {
  852. width: 16.666%;
  853. }
  854. .uk-grid-width-1-10 > * {
  855. width: 10%;
  856. }
  857. /* Phone landscape and bigger */
  858. @media (min-width: 480px) {
  859. .uk-grid-width-small-1-2 > * {
  860. width: 50%;
  861. }
  862. .uk-grid-width-small-1-3 > * {
  863. width: 33.333%;
  864. }
  865. .uk-grid-width-small-1-4 > * {
  866. width: 25%;
  867. }
  868. .uk-grid-width-small-1-5 > * {
  869. width: 20%;
  870. }
  871. .uk-grid-width-small-1-6 > * {
  872. width: 16.666%;
  873. }
  874. .uk-grid-width-small-1-10 > * {
  875. width: 10%;
  876. }
  877. }
  878. /* Tablet and bigger */
  879. @media (min-width: 768px) {
  880. .uk-grid-width-medium-1-2 > * {
  881. width: 50%;
  882. }
  883. .uk-grid-width-medium-1-3 > * {
  884. width: 33.333%;
  885. }
  886. .uk-grid-width-medium-1-4 > * {
  887. width: 25%;
  888. }
  889. .uk-grid-width-medium-1-5 > * {
  890. width: 20%;
  891. }
  892. .uk-grid-width-medium-1-6 > * {
  893. width: 16.666%;
  894. }
  895. .uk-grid-width-medium-1-10 > * {
  896. width: 10%;
  897. }
  898. }
  899. /* Desktop and bigger */
  900. @media (min-width: 960px) {
  901. .uk-grid-width-large-1-2 > * {
  902. width: 50%;
  903. }
  904. .uk-grid-width-large-1-3 > * {
  905. width: 33.333%;
  906. }
  907. .uk-grid-width-large-1-4 > * {
  908. width: 25%;
  909. }
  910. .uk-grid-width-large-1-5 > * {
  911. width: 20%;
  912. }
  913. .uk-grid-width-large-1-6 > * {
  914. width: 16.666%;
  915. }
  916. .uk-grid-width-large-1-10 > * {
  917. width: 10%;
  918. }
  919. }
  920. /* Large screen and bigger */
  921. @media (min-width: 1220px) {
  922. .uk-grid-width-xlarge-1-2 > * {
  923. width: 50%;
  924. }
  925. .uk-grid-width-xlarge-1-3 > * {
  926. width: 33.333%;
  927. }
  928. .uk-grid-width-xlarge-1-4 > * {
  929. width: 25%;
  930. }
  931. .uk-grid-width-xlarge-1-5 > * {
  932. width: 20%;
  933. }
  934. .uk-grid-width-xlarge-1-6 > * {
  935. width: 16.666%;
  936. }
  937. .uk-grid-width-xlarge-1-10 > * {
  938. width: 10%;
  939. }
  940. }
  941. /* Sub-objects: `uk-width-*`
  942. ========================================================================== */
  943. [class*='uk-width'] {
  944. -moz-box-sizing: border-box;
  945. box-sizing: border-box;
  946. width: 100%;
  947. }
  948. /*
  949. * Widths
  950. */
  951. /* Whole */
  952. .uk-width-1-1 {
  953. width: 100%;
  954. }
  955. /* Halves */
  956. .uk-width-1-2,
  957. .uk-width-2-4,
  958. .uk-width-3-6,
  959. .uk-width-5-10 {
  960. width: 50%;
  961. }
  962. /* Thirds */
  963. .uk-width-1-3,
  964. .uk-width-2-6 {
  965. width: 33.333%;
  966. }
  967. .uk-width-2-3,
  968. .uk-width-4-6 {
  969. width: 66.666%;
  970. }
  971. /* Quarters */
  972. .uk-width-1-4 {
  973. width: 25%;
  974. }
  975. .uk-width-3-4 {
  976. width: 75%;
  977. }
  978. /* Fifths */
  979. .uk-width-1-5,
  980. .uk-width-2-10 {
  981. width: 20%;
  982. }
  983. .uk-width-2-5,
  984. .uk-width-4-10 {
  985. width: 40%;
  986. }
  987. .uk-width-3-5,
  988. .uk-width-6-10 {
  989. width: 60%;
  990. }
  991. .uk-width-4-5,
  992. .uk-width-8-10 {
  993. width: 80%;
  994. }
  995. /* Sixths */
  996. .uk-width-1-6 {
  997. width: 16.666%;
  998. }
  999. .uk-width-5-6 {
  1000. width: 83.333%;
  1001. }
  1002. /* Tenths */
  1003. .uk-width-1-10 {
  1004. width: 10%;
  1005. }
  1006. .uk-width-3-10 {
  1007. width: 30%;
  1008. }
  1009. .uk-width-7-10 {
  1010. width: 70%;
  1011. }
  1012. .uk-width-9-10 {
  1013. width: 90%;
  1014. }
  1015. /* Phone landscape and bigger */
  1016. @media (min-width: 480px) {
  1017. /* Whole */
  1018. .uk-width-small-1-1 {
  1019. width: 100%;
  1020. }
  1021. /* Halves */
  1022. .uk-width-small-1-2,
  1023. .uk-width-small-2-4,
  1024. .uk-width-small-3-6,
  1025. .uk-width-small-5-10 {
  1026. width: 50%;
  1027. }
  1028. /* Thirds */
  1029. .uk-width-small-1-3,
  1030. .uk-width-small-2-6 {
  1031. width: 33.333%;
  1032. }
  1033. .uk-width-small-2-3,
  1034. .uk-width-small-4-6 {
  1035. width: 66.666%;
  1036. }
  1037. /* Quarters */
  1038. .uk-width-small-1-4 {
  1039. width: 25%;
  1040. }
  1041. .uk-width-small-3-4 {
  1042. width: 75%;
  1043. }
  1044. /* Fifths */
  1045. .uk-width-small-1-5,
  1046. .uk-width-small-2-10 {
  1047. width: 20%;
  1048. }
  1049. .uk-width-small-2-5,
  1050. .uk-width-small-4-10 {
  1051. width: 40%;
  1052. }
  1053. .uk-width-small-3-5,
  1054. .uk-width-small-6-10 {
  1055. width: 60%;
  1056. }
  1057. .uk-width-small-4-5,
  1058. .uk-width-small-8-10 {
  1059. width: 80%;
  1060. }
  1061. /* Sixths */
  1062. .uk-width-small-1-6 {
  1063. width: 16.666%;
  1064. }
  1065. .uk-width-small-5-6 {
  1066. width: 83.333%;
  1067. }
  1068. /* Tenths */
  1069. .uk-width-small-1-10 {
  1070. width: 10%;
  1071. }
  1072. .uk-width-small-3-10 {
  1073. width: 30%;
  1074. }
  1075. .uk-width-small-7-10 {
  1076. width: 70%;
  1077. }
  1078. .uk-width-small-9-10 {
  1079. width: 90%;
  1080. }
  1081. }
  1082. /* Tablet and bigger */
  1083. @media (min-width: 768px) {
  1084. /* Whole */
  1085. .uk-width-medium-1-1 {
  1086. width: 100%;
  1087. }
  1088. /* Halves */
  1089. .uk-width-medium-1-2,
  1090. .uk-width-medium-2-4,
  1091. .uk-width-medium-3-6,
  1092. .uk-width-medium-5-10 {
  1093. width: 50%;
  1094. }
  1095. /* Thirds */
  1096. .uk-width-medium-1-3,
  1097. .uk-width-medium-2-6 {
  1098. width: 33.333%;
  1099. }
  1100. .uk-width-medium-2-3,
  1101. .uk-width-medium-4-6 {
  1102. width: 66.666%;
  1103. }
  1104. /* Quarters */
  1105. .uk-width-medium-1-4 {
  1106. width: 25%;
  1107. }
  1108. .uk-width-medium-3-4 {
  1109. width: 75%;
  1110. }
  1111. /* Fifths */
  1112. .uk-width-medium-1-5,
  1113. .uk-width-medium-2-10 {
  1114. width: 20%;
  1115. }
  1116. .uk-width-medium-2-5,
  1117. .uk-width-medium-4-10 {
  1118. width: 40%;
  1119. }
  1120. .uk-width-medium-3-5,
  1121. .uk-width-medium-6-10 {
  1122. width: 60%;
  1123. }
  1124. .uk-width-medium-4-5,
  1125. .uk-width-medium-8-10 {
  1126. width: 80%;
  1127. }
  1128. /* Sixths */
  1129. .uk-width-medium-1-6 {
  1130. width: 16.666%;
  1131. }
  1132. .uk-width-medium-5-6 {
  1133. width: 83.333%;
  1134. }
  1135. /* Tenths */
  1136. .uk-width-medium-1-10 {
  1137. width: 10%;
  1138. }
  1139. .uk-width-medium-3-10 {
  1140. width: 30%;
  1141. }
  1142. .uk-width-medium-7-10 {
  1143. width: 70%;
  1144. }
  1145. .uk-width-medium-9-10 {
  1146. width: 90%;
  1147. }
  1148. }
  1149. /* Desktop and bigger */
  1150. @media (min-width: 960px) {
  1151. /* Whole */
  1152. .uk-width-large-1-1 {
  1153. width: 100%;
  1154. }
  1155. /* Halves */
  1156. .uk-width-large-1-2,
  1157. .uk-width-large-2-4,
  1158. .uk-width-large-3-6,
  1159. .uk-width-large-5-10 {
  1160. width: 50%;
  1161. }
  1162. /* Thirds */
  1163. .uk-width-large-1-3,
  1164. .uk-width-large-2-6 {
  1165. width: 33.333%;
  1166. }
  1167. .uk-width-large-2-3,
  1168. .uk-width-large-4-6 {
  1169. width: 66.666%;
  1170. }
  1171. /* Quarters */
  1172. .uk-width-large-1-4 {
  1173. width: 25%;
  1174. }
  1175. .uk-width-large-3-4 {
  1176. width: 75%;
  1177. }
  1178. /* Fifths */
  1179. .uk-width-large-1-5,
  1180. .uk-width-large-2-10 {
  1181. width: 20%;
  1182. }
  1183. .uk-width-large-2-5,
  1184. .uk-width-large-4-10 {
  1185. width: 40%;
  1186. }
  1187. .uk-width-large-3-5,
  1188. .uk-width-large-6-10 {
  1189. width: 60%;
  1190. }
  1191. .uk-width-large-4-5,
  1192. .uk-width-large-8-10 {
  1193. width: 80%;
  1194. }
  1195. /* Sixths */
  1196. .uk-width-large-1-6 {
  1197. width: 16.666%;
  1198. }
  1199. .uk-width-large-5-6 {
  1200. width: 83.333%;
  1201. }
  1202. /* Tenths */
  1203. .uk-width-large-1-10 {
  1204. width: 10%;
  1205. }
  1206. .uk-width-large-3-10 {
  1207. width: 30%;
  1208. }
  1209. .uk-width-large-7-10 {
  1210. width: 70%;
  1211. }
  1212. .uk-width-large-9-10 {
  1213. width: 90%;
  1214. }
  1215. }
  1216. /* Sub-object: `uk-push-*` and `uk-pull-*`
  1217. ========================================================================== */
  1218. /*
  1219. * Source ordering
  1220. * Works only with `uk-width-medium-*`
  1221. */
  1222. /* Tablet and bigger */
  1223. @media (min-width: 768px) {
  1224. [class*='uk-push-'],
  1225. [class*='uk-pull-'] {
  1226. position: relative;
  1227. }
  1228. /*
  1229. * Push
  1230. */
  1231. /* Halves */
  1232. .uk-push-1-2,
  1233. .uk-push-2-4,
  1234. .uk-push-3-6,
  1235. .uk-push-5-10 {
  1236. left: 50%;
  1237. }
  1238. /* Thirds */
  1239. .uk-push-1-3,
  1240. .uk-push-2-6 {
  1241. left: 33.333%;
  1242. }
  1243. .uk-push-2-3,
  1244. .uk-push-4-6 {
  1245. left: 66.666%;
  1246. }
  1247. /* Quarters */
  1248. .uk-push-1-4 {
  1249. left: 25%;
  1250. }
  1251. .uk-push-3-4 {
  1252. left: 75%;
  1253. }
  1254. /* Fifths */
  1255. .uk-push-1-5,
  1256. .uk-push-2-10 {
  1257. left: 20%;
  1258. }
  1259. .uk-push-2-5,
  1260. .uk-push-4-10 {
  1261. left: 40%;
  1262. }
  1263. .uk-push-3-5,
  1264. .uk-push-6-10 {
  1265. left: 60%;
  1266. }
  1267. .uk-push-4-5,
  1268. .uk-push-8-10 {
  1269. left: 80%;
  1270. }
  1271. /* Sixths */
  1272. .uk-push-1-6 {
  1273. left: 16.666%;
  1274. }
  1275. .uk-push-5-6 {
  1276. left: 83.333%;
  1277. }
  1278. /* Tenths */
  1279. .uk-push-1-10 {
  1280. left: 10%;
  1281. }
  1282. .uk-push-3-10 {
  1283. left: 30%;
  1284. }
  1285. .uk-push-7-10 {
  1286. left: 70%;
  1287. }
  1288. .uk-push-9-10 {
  1289. left: 90%;
  1290. }
  1291. /*
  1292. * Pull
  1293. */
  1294. /* Halves */
  1295. .uk-pull-1-2,
  1296. .uk-pull-2-4,
  1297. .uk-pull-3-6,
  1298. .uk-pull-5-10 {
  1299. left: -50%;
  1300. }
  1301. /* Thirds */
  1302. .uk-pull-1-3,
  1303. .uk-pull-2-6 {
  1304. left: -33.333%;
  1305. }
  1306. .uk-pull-2-3,
  1307. .uk-pull-4-6 {
  1308. left: -66.666%;
  1309. }
  1310. /* Quarters */
  1311. .uk-pull-1-4 {
  1312. left: -25%;
  1313. }
  1314. .uk-pull-3-4 {
  1315. left: -75%;
  1316. }
  1317. /* Fifths */
  1318. .uk-pull-1-5,
  1319. .uk-pull-2-10 {
  1320. left: -20%;
  1321. }
  1322. .uk-pull-2-5,
  1323. .uk-pull-4-10 {
  1324. left: -40%;
  1325. }
  1326. .uk-pull-3-5,
  1327. .uk-pull-6-10 {
  1328. left: -60%;
  1329. }
  1330. .uk-pull-4-5,
  1331. .uk-pull-8-10 {
  1332. left: -80%;
  1333. }
  1334. /* Sixths */
  1335. .uk-pull-1-6 {
  1336. left: -16.666%;
  1337. }
  1338. .uk-pull-5-6 {
  1339. left: -83.333%;
  1340. }
  1341. /* Tenths */
  1342. .uk-pull-1-10 {
  1343. left: -10%;
  1344. }
  1345. .uk-pull-3-10 {
  1346. left: -30%;
  1347. }
  1348. .uk-pull-7-10 {
  1349. left: -70%;
  1350. }
  1351. .uk-pull-9-10 {
  1352. left: -90%;
  1353. }
  1354. }
  1355. /* ========================================================================
  1356. Component: Panel
  1357. ========================================================================== */
  1358. /*
  1359. * 1. Needed for `a` elements
  1360. * 2. Create position context for badges
  1361. */
  1362. .uk-panel {
  1363. /* 1 */
  1364. display: block;
  1365. /* 2 */
  1366. position: relative;
  1367. }
  1368. /*
  1369. * Micro clearfix to make panels more robust
  1370. */
  1371. .uk-panel:before,
  1372. .uk-panel:after {
  1373. content: " ";
  1374. display: table;
  1375. }
  1376. .uk-panel:after {
  1377. clear: both;
  1378. }
  1379. /*
  1380. * Remove margin from the last-child if not `uk-widget-title`
  1381. */
  1382. .uk-panel > :not(.uk-panel-title):last-child {
  1383. margin-bottom: 0;
  1384. }
  1385. /* Sub-object: `uk-panel-title`
  1386. ========================================================================== */
  1387. .uk-panel-title {
  1388. margin-top: 0;
  1389. margin-bottom: 15px;
  1390. font-size: 18px;
  1391. line-height: 24px;
  1392. font-weight: normal;
  1393. text-transform: none;
  1394. color: #444444;
  1395. }
  1396. /* Sub-object: `uk-panel-badge`
  1397. ========================================================================== */
  1398. .uk-panel-badge {
  1399. position: absolute;
  1400. top: 0;
  1401. right: 0;
  1402. z-index: 1;
  1403. }
  1404. /* Modifier: `uk-panel-box`
  1405. ========================================================================== */
  1406. .uk-panel-box {
  1407. padding: 15px;
  1408. background: #fafafa;
  1409. color: #444444;
  1410. border: 1px solid #dddddd;
  1411. border-radius: 4px;
  1412. }
  1413. .uk-panel-box .uk-panel-title {
  1414. color: #444444;
  1415. }
  1416. .uk-panel-box .uk-panel-badge {
  1417. top: 10px;
  1418. right: 10px;
  1419. }
  1420. .uk-panel-box .uk-panel-teaser {
  1421. margin: -16px -16px 15px -16px;
  1422. }
  1423. /*
  1424. * Nav in panel
  1425. */
  1426. .uk-panel-box > .uk-nav-side {
  1427. margin: 0 -15px;
  1428. }
  1429. /*
  1430. * Sub-modifier: `uk-panel-box-primary`
  1431. */
  1432. .uk-panel-box-primary {
  1433. background-color: #ebf7fd;
  1434. color: #2d7091;
  1435. border-color: rgba(45, 112, 145, 0.3);
  1436. }
  1437. .uk-panel-box-primary .uk-panel-title {
  1438. color: #2d7091;
  1439. }
  1440. /*
  1441. * Sub-modifier: `uk-panel-box-secondary`
  1442. */
  1443. .uk-panel-box-secondary {
  1444. background-color: #ffffff;
  1445. color: #444444;
  1446. }
  1447. .uk-panel-box-secondary .uk-panel-title {
  1448. color: #444444;
  1449. }
  1450. /* Modifier: `uk-panel-header`
  1451. ========================================================================== */
  1452. .uk-panel-header .uk-panel-title {
  1453. padding-bottom: 10px;
  1454. border-bottom: 1px solid #dddddd;
  1455. color: #444444;
  1456. }
  1457. /* Modifier: `uk-panel-space`
  1458. ========================================================================== */
  1459. .uk-panel-space {
  1460. padding: 30px;
  1461. }
  1462. .uk-panel-space .uk-panel-badge {
  1463. top: 30px;
  1464. right: 30px;
  1465. }
  1466. /* Modifier: `uk-panel-divider`
  1467. ========================================================================== */
  1468. .uk-panel + .uk-panel-divider {
  1469. margin-top: 50px !important;
  1470. }
  1471. .uk-panel + .uk-panel-divider:before {
  1472. content: "";
  1473. display: block;
  1474. position: absolute;
  1475. top: -25px;
  1476. left: 0;
  1477. right: 0;
  1478. border-top: 1px solid #dddddd;
  1479. }
  1480. /* Large screen and bigger */
  1481. @media (min-width: 1220px) {
  1482. .uk-panel + .uk-panel-divider {
  1483. margin-top: 70px !important;
  1484. }
  1485. .uk-panel + .uk-panel-divider:before {
  1486. top: -35px;
  1487. }
  1488. }
  1489. .uk-panel-box .uk-panel-teaser > * {
  1490. border-top-left-radius: 4px;
  1491. border-top-right-radius: 4px;
  1492. }
  1493. /* ========================================================================
  1494. Component: Article
  1495. ========================================================================== */
  1496. /*
  1497. * Micro clearfix to make articles more robust
  1498. */
  1499. .uk-article:before,
  1500. .uk-article:after {
  1501. content: " ";
  1502. display: table;
  1503. }
  1504. .uk-article:after {
  1505. clear: both;
  1506. }
  1507. /*
  1508. * Remove margin from the last-child
  1509. */
  1510. .uk-article > :last-child {
  1511. margin-bottom: 0;
  1512. }
  1513. /*
  1514. * Vertical gutter for articles
  1515. */
  1516. .uk-article + .uk-article {
  1517. margin-top: 25px;
  1518. }
  1519. /* Sub-object `uk-article-title`
  1520. ========================================================================== */
  1521. .uk-article-title {
  1522. font-size: 36px;
  1523. line-height: 42px;
  1524. font-weight: normal;
  1525. text-transform: none;
  1526. }
  1527. .uk-article-title a {
  1528. color: inherit;
  1529. text-decoration: none;
  1530. }
  1531. /* Sub-object `uk-article-meta`
  1532. ========================================================================== */
  1533. .uk-article-meta {
  1534. font-size: 12px;
  1535. line-height: 18px;
  1536. color: #999999;
  1537. }
  1538. /* Sub-object `uk-article-lead`
  1539. ========================================================================== */
  1540. .uk-article-lead {
  1541. color: #444444;
  1542. font-size: 18px;
  1543. line-height: 24px;
  1544. font-weight: normal;
  1545. }
  1546. /* Sub-object `uk-article-divider`
  1547. ========================================================================== */
  1548. .uk-article-divider {
  1549. margin-bottom: 25px;
  1550. border-color: #dddddd;
  1551. }
  1552. * + .uk-article-divider {
  1553. margin-top: 25px;
  1554. }
  1555. .uk-article + .uk-article {
  1556. padding-top: 25px;
  1557. border-top: 1px solid #dddddd;
  1558. }
  1559. /* ========================================================================
  1560. Component: Comment
  1561. ========================================================================== */
  1562. /* Sub-object `uk-comment-header`
  1563. ========================================================================== */
  1564. .uk-comment-header {
  1565. margin-bottom: 15px;
  1566. padding: 10px;
  1567. border: 1px solid #dddddd;
  1568. border-radius: 4px;
  1569. background: #fafafa;
  1570. }
  1571. /*
  1572. * Micro clearfix
  1573. */
  1574. .uk-comment-header:before,
  1575. .uk-comment-header:after {
  1576. content: " ";
  1577. display: table;
  1578. }
  1579. .uk-comment-header:after {
  1580. clear: both;
  1581. }
  1582. /* Sub-object `uk-comment-avatar`
  1583. ========================================================================== */
  1584. .uk-comment-avatar {
  1585. margin-right: 15px;
  1586. float: left;
  1587. }
  1588. /* Sub-object `uk-comment-title`
  1589. ========================================================================== */
  1590. .uk-comment-title {
  1591. margin: 5px 0 0 0;
  1592. font-size: 16px;
  1593. line-height: 22px;
  1594. }
  1595. /* Sub-object `uk-comment-meta`
  1596. ========================================================================== */
  1597. .uk-comment-meta {
  1598. margin: 2px 0 0 0;
  1599. font-size: 11px;
  1600. line-height: 16px;
  1601. color: #999999;
  1602. }
  1603. /* Sub-object `uk-comment-body`
  1604. ========================================================================== */
  1605. .uk-comment-body {
  1606. padding-left: 10px;
  1607. padding-right: 10px;
  1608. }
  1609. /*
  1610. * Remove margin from the last-child
  1611. */
  1612. .uk-comment-body > :last-child {
  1613. margin-bottom: 0;
  1614. }
  1615. /* Sub-object `uk-comment-list`
  1616. ========================================================================== */
  1617. .uk-comment-list {
  1618. padding: 0;
  1619. list-style: none;
  1620. }
  1621. .uk-comment-list .uk-comment + ul {
  1622. margin: 25px 0 0 0;
  1623. list-style: none;
  1624. }
  1625. .uk-comment-list > li:nth-child(n+2),
  1626. .uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
  1627. margin-top: 25px;
  1628. }
  1629. /* Tablet and bigger */
  1630. @media (min-width: 768px) {
  1631. .uk-comment-list .uk-comment + ul {
  1632. padding-left: 100px;
  1633. }
  1634. }
  1635. /* Modifier `uk-comment-primary`
  1636. ========================================================================== */
  1637. .uk-comment-primary .uk-comment-header {
  1638. border-color: rgba(45, 112, 145, 0.3);
  1639. background-color: #ebf7fd;
  1640. color: #2d7091;
  1641. text-shadow: 0 1px 0 #ffffff;
  1642. }
  1643. /* ========================================================================
  1644. Component: Nav
  1645. ========================================================================== */
  1646. .uk-nav,
  1647. .uk-nav ul {
  1648. margin: 0;
  1649. padding: 0;
  1650. list-style: none;
  1651. }
  1652. /*
  1653. * Items
  1654. */
  1655. .uk-nav li > a {
  1656. display: block;
  1657. text-decoration: none;
  1658. }
  1659. .uk-nav > li > a {
  1660. padding: 5px 15px;
  1661. }
  1662. /*
  1663. * Nested items
  1664. */
  1665. .uk-nav ul {
  1666. padding-left: 15px;
  1667. }
  1668. .uk-nav ul a {
  1669. padding: 2px 0;
  1670. }
  1671. /*
  1672. * Item subtitle
  1673. */
  1674. .uk-nav li > a > div {
  1675. font-size: 12px;
  1676. line-height: 18px;
  1677. }
  1678. /* Sub-object: `uk-nav-header`
  1679. ========================================================================== */
  1680. .uk-nav-header {
  1681. padding: 5px 15px;
  1682. text-transform: uppercase;
  1683. font-weight: bold;
  1684. font-size: 12px;
  1685. }
  1686. .uk-nav-header:not(:first-child) {
  1687. margin-top: 15px;
  1688. }
  1689. /* Sub-object: `uk-nav-divider`
  1690. ========================================================================== */
  1691. .uk-nav-divider {
  1692. margin: 9px 15px;
  1693. }
  1694. /* Sub-object: `uk-nav-sub`
  1695. ========================================================================== */
  1696. /*
  1697. * `ul` needed for higher specificity to override padding
  1698. */
  1699. ul.uk-nav-sub {
  1700. padding: 5px 0 5px 15px;
  1701. }
  1702. /* Modifier: `uk-nav-parent-icon`
  1703. ========================================================================== */
  1704. .uk-nav-parent-icon > .uk-parent > a:after {
  1705. content: "\f104";
  1706. width: 20px;
  1707. margin-right: -10px;
  1708. float: right;
  1709. font-family: FontAwesome;
  1710. text-align: center;
  1711. }
  1712. .uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  1713. content: "\f107";
  1714. }
  1715. /* Modifier `uk-nav-side`
  1716. ========================================================================== */
  1717. /*
  1718. * Items
  1719. */
  1720. .uk-nav-side > li > a {
  1721. color: #444444;
  1722. }
  1723. /*
  1724. * Hover
  1725. * 1. Apply hover style also to focus state
  1726. * 2. Remove default focus style
  1727. */
  1728. .uk-nav-side > li > a:hover,
  1729. .uk-nav-side > li > a:focus {
  1730. background: rgba(0, 0, 0, 0.03);
  1731. color: #444444;
  1732. /* 2 */
  1733. outline: none;
  1734. box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.06);
  1735. text-shadow: 0 -1px 0 #ffffff;
  1736. }
  1737. /* Active */
  1738. .uk-nav-side > li.uk-active > a {
  1739. background: #00a8e6;
  1740. color: #ffffff;
  1741. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  1742. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  1743. }
  1744. /*
  1745. * Sub-object: `uk-nav-header`
  1746. */
  1747. .uk-nav-side .uk-nav-header {
  1748. color: #444444;
  1749. }
  1750. /*
  1751. * Sub-object: `uk-nav-divider`
  1752. */
  1753. .uk-nav-side .uk-nav-divider {
  1754. border-top: 1px solid #dddddd;
  1755. box-shadow: 0 1px 0 #ffffff;
  1756. }
  1757. /*
  1758. * Nested items
  1759. */
  1760. .uk-nav-side ul a {
  1761. color: #0077dd;
  1762. }
  1763. .uk-nav-side ul a:hover {
  1764. color: #005599;
  1765. }
  1766. /* Modifier `uk-nav-dropdown`
  1767. ========================================================================== */
  1768. /*
  1769. * Items
  1770. */
  1771. .uk-nav-dropdown > li > a {
  1772. color: #444444;
  1773. }
  1774. /*
  1775. * Hover
  1776. * 1. Apply hover style also to focus state
  1777. * 2. Remove default focus style
  1778. */
  1779. .uk-nav-dropdown > li > a:hover,
  1780. .uk-nav-dropdown > li > a:focus {
  1781. background: #00a8e6;
  1782. color: #ffffff;
  1783. /* 2 */
  1784. outline: none;
  1785. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  1786. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  1787. }
  1788. /*
  1789. * Sub-object: `uk-nav-header`
  1790. */
  1791. .uk-nav-dropdown .uk-nav-header {
  1792. color: #999999;
  1793. }
  1794. /*
  1795. * Sub-object: `uk-nav-divider`
  1796. */
  1797. .uk-nav-dropdown .uk-nav-divider {
  1798. border-top: 1px solid #dddddd;
  1799. }
  1800. /*
  1801. * Nested items
  1802. */
  1803. .uk-nav-dropdown ul a {
  1804. color: #0077dd;
  1805. }
  1806. .uk-nav-dropdown ul a:hover {
  1807. color: #005599;
  1808. }
  1809. /* Modifier `uk-nav-navbar`
  1810. ========================================================================== */
  1811. /*
  1812. * Items
  1813. */
  1814. .uk-nav-navbar > li > a {
  1815. color: #444444;
  1816. }
  1817. /*
  1818. * Hover
  1819. * 1. Apply hover style also to focus state
  1820. * 2. Remove default focus style
  1821. */
  1822. .uk-nav-navbar > li > a:hover,
  1823. .uk-nav-navbar > li > a:focus {
  1824. background: #00a8e6;
  1825. color: #ffffff;
  1826. /* 2 */
  1827. outline: none;
  1828. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  1829. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  1830. }
  1831. /*
  1832. * Sub-object: `uk-nav-header`
  1833. */
  1834. .uk-nav-navbar .uk-nav-header {
  1835. color: #999999;
  1836. }
  1837. /*
  1838. * Sub-object: `uk-nav-divider`
  1839. */
  1840. .uk-nav-navbar .uk-nav-divider {
  1841. border-top: 1px solid #dddddd;
  1842. }
  1843. /*
  1844. * Nested items
  1845. */
  1846. .uk-nav-navbar ul a {
  1847. color: #0077dd;
  1848. }
  1849. .uk-nav-navbar ul a:hover {
  1850. color: #005599;
  1851. }
  1852. /* Modifier `uk-nav-offcanvas`
  1853. ========================================================================== */
  1854. /*
  1855. * Items
  1856. */
  1857. .uk-nav-offcanvas > li > a {
  1858. color: #cccccc;
  1859. padding: 10px 15px;
  1860. border-top: 1px solid rgba(0, 0, 0, 0.3);
  1861. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  1862. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  1863. }
  1864. /*
  1865. * Hover
  1866. * No hover on touch devices because it behaves buggy in fixed offcanvas
  1867. * 1. Apply hover style also to focus state
  1868. * 2. Remove default focus style
  1869. */
  1870. .uk-nav-offcanvas > .uk-open > a,
  1871. html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
  1872. html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  1873. background: #404040;
  1874. color: #ffffff;
  1875. /* 2 */
  1876. outline: none;
  1877. }
  1878. /*
  1879. * Active
  1880. * `html .uk-nav` needed for higher specificity to override hover
  1881. */
  1882. html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  1883. background: #1a1a1a;
  1884. color: #ffffff;
  1885. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  1886. }
  1887. /*
  1888. * Sub-object: `uk-nav-header`
  1889. */
  1890. .uk-nav-offcanvas .uk-nav-header {
  1891. color: #777777;
  1892. margin-top: 0;
  1893. border-top: 1px solid rgba(0, 0, 0, 0.3);
  1894. background: #404040;
  1895. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  1896. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  1897. }
  1898. /*
  1899. * Sub-object: `uk-nav-divider`
  1900. */
  1901. .uk-nav-offcanvas .uk-nav-divider {
  1902. border-top: 1px solid rgba(255, 255, 255, 0.01);
  1903. margin: 0;
  1904. height: 4px;
  1905. background: rgba(0, 0, 0, 0.2);
  1906. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  1907. }
  1908. /*
  1909. * Nested items
  1910. * No hover on touch devices because it behaves buggy in fixed offcanvas
  1911. */
  1912. .uk-nav-offcanvas ul a {
  1913. color: #cccccc;
  1914. }
  1915. html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  1916. color: #ffffff;
  1917. }
  1918. /*
  1919. * Modifier `uk-nav-offcanvas`
  1920. */
  1921. .uk-nav-offcanvas {
  1922. border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  1923. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  1924. }
  1925. /*
  1926. * Sub-object: `uk-nav-sub`
  1927. */
  1928. .uk-nav-offcanvas .uk-nav-sub {
  1929. border-top: 1px solid rgba(0, 0, 0, 0.3);
  1930. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  1931. }
  1932. /* ========================================================================
  1933. Component: Navbar
  1934. ========================================================================== */
  1935. .uk-navbar {
  1936. background: #f5f5f5;
  1937. color: #444444;
  1938. border: 1px solid rgba(0, 0, 0, 0.06);
  1939. border-radius: 4px;
  1940. }
  1941. /*
  1942. * Micro clearfix
  1943. */
  1944. .uk-navbar:before,
  1945. .uk-navbar:after {
  1946. content: " ";
  1947. display: table;
  1948. }
  1949. .uk-navbar:after {
  1950. clear: both;
  1951. }
  1952. /* Sub-object: `uk-navbar-nav`
  1953. ========================================================================== */
  1954. .uk-navbar-nav {
  1955. margin: 0;
  1956. padding: 0;
  1957. list-style: none;
  1958. float: left;
  1959. }
  1960. /*
  1961. * 1. Create position context for dropdowns
  1962. */
  1963. .uk-navbar-nav > li {
  1964. float: left;
  1965. /* 1 */
  1966. position: relative;
  1967. }
  1968. /*
  1969. * 1. Dimensions
  1970. * 2. Style
  1971. */
  1972. .uk-navbar-nav > li > a {
  1973. display: block;
  1974. -moz-box-sizing: border-box;
  1975. box-sizing: border-box;
  1976. text-decoration: none;
  1977. /* 1 */
  1978. height: 41px;
  1979. padding: 0 15px;
  1980. line-height: 40px;
  1981. /* 2 */
  1982. color: #444444;
  1983. font-size: 14px;
  1984. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1985. font-weight: normal;
  1986. margin-top: -1px;
  1987. margin-left: -1px;
  1988. border: 1px solid transparent;
  1989. border-bottom-width: 0;
  1990. text-shadow: 0 1px 0 #ffffff;
  1991. }
  1992. /* Appear not as link */
  1993. .uk-navbar-nav > li > a[href='#'] {
  1994. cursor: text;
  1995. }
  1996. /*
  1997. * Hover
  1998. * 1. Apply hover style also to focus state
  1999. * 2. Also apply if dropdown is opened
  2000. * 3. Remove default focus style
  2001. */
  2002. .uk-navbar-nav > li:hover > a,
  2003. .uk-navbar-nav > li > a:focus,
  2004. .uk-navbar-nav > li.uk-open > a {
  2005. background-color: #fafafa;
  2006. color: #444444;
  2007. /* 3 */
  2008. outline: none;
  2009. position: relative;
  2010. z-index: 1;
  2011. border-left-color: rgba(0, 0, 0, 0.1);
  2012. border-right-color: rgba(0, 0, 0, 0.1);
  2013. border-top-color: rgba(0, 0, 0, 0.1);
  2014. }
  2015. /* OnClick */
  2016. .uk-navbar-nav > li > a:active {
  2017. background-color: #eeeeee;
  2018. color: #444444;
  2019. border-left-color: rgba(0, 0, 0, 0.1);
  2020. border-right-color: rgba(0, 0, 0, 0.1);
  2021. border-top-color: rgba(0, 0, 0, 0.2);
  2022. }
  2023. /* Active */
  2024. .uk-navbar-nav > li.uk-active > a {
  2025. background-color: #fafafa;
  2026. color: #444444;
  2027. border-left-color: rgba(0, 0, 0, 0.1);
  2028. border-right-color: rgba(0, 0, 0, 0.1);
  2029. border-top-color: rgba(0, 0, 0, 0.1);
  2030. }
  2031. /* Sub-objects: `uk-navbar-nav-subtitle`
  2032. ========================================================================== */
  2033. .uk-navbar-nav .uk-navbar-nav-subtitle {
  2034. line-height: 28px;
  2035. }
  2036. .uk-navbar-nav-subtitle > div {
  2037. margin-top: -6px;
  2038. font-size: 10px;
  2039. line-height: 12px;
  2040. }
  2041. /* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
  2042. ========================================================================== */
  2043. /*
  2044. * Imitate navbar items
  2045. */
  2046. .uk-navbar-content,
  2047. .uk-navbar-brand,
  2048. .uk-navbar-toggle {
  2049. -moz-box-sizing: border-box;
  2050. box-sizing: border-box;
  2051. display: block;
  2052. height: 41px;
  2053. padding: 0 15px;
  2054. float: left;
  2055. margin-top: -1px;
  2056. text-shadow: 0 1px 0 #ffffff;
  2057. }
  2058. /*
  2059. * Helper to center all child elements vertically
  2060. */
  2061. .uk-navbar-content:before,
  2062. .uk-navbar-brand:before,
  2063. .uk-navbar-toggle:before {
  2064. content: '';
  2065. display: inline-block;
  2066. height: 100%;
  2067. vertical-align: middle;
  2068. }
  2069. /* Sub-objects: `uk-navbar-content`
  2070. ========================================================================== */
  2071. /*
  2072. * Better sibling spacing
  2073. */
  2074. .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
  2075. padding-left: 0;
  2076. }
  2077. /*
  2078. * Link colors
  2079. */
  2080. .uk-navbar-content > a:not([class]) {
  2081. color: #0077dd;
  2082. }
  2083. .uk-navbar-content > a:not([class]):hover {
  2084. color: #005599;
  2085. }
  2086. /* Sub-objects: `uk-navbar-brand`
  2087. ========================================================================== */
  2088. .uk-navbar-brand {
  2089. font-size: 18px;
  2090. color: #444444;
  2091. }
  2092. /*
  2093. * 1. Apply hover style also to focus state
  2094. * 2. Remove default focus style
  2095. */
  2096. .uk-navbar-brand:hover,
  2097. .uk-navbar-brand:focus {
  2098. color: #444444;
  2099. text-decoration: none;
  2100. /* 2 */
  2101. outline: none;
  2102. }
  2103. /* Sub-object: `uk-navbar-toggle`
  2104. ========================================================================== */
  2105. .uk-navbar-toggle {
  2106. font-size: 18px;
  2107. color: #444444;
  2108. }
  2109. /*
  2110. * 1. Apply hover style also to focus state
  2111. * 2. Remove default focus style
  2112. */
  2113. .uk-navbar-toggle:hover,
  2114. .uk-navbar-toggle:focus {
  2115. color: #444444;
  2116. text-decoration: none;
  2117. /* 2 */
  2118. outline: none;
  2119. }
  2120. /*
  2121. * 1. Center icon vertically
  2122. */
  2123. .uk-navbar-toggle:after {
  2124. content: "\f0c9";
  2125. font-family: FontAwesome;
  2126. /* 1 */
  2127. vertical-align: middle;
  2128. }
  2129. .uk-navbar-toggle-alt:after {
  2130. content: "\f002";
  2131. }
  2132. /* Sub-object: `uk-navbar-center`
  2133. ========================================================================== */
  2134. /*
  2135. * The element with this class needs to be last child in the navbar
  2136. * 1. This hack is needed because other float elements shift centered text
  2137. */
  2138. .uk-navbar-center {
  2139. float: none;
  2140. text-align: center;
  2141. /* 1 */
  2142. max-width: 50%;
  2143. margin-left: auto;
  2144. margin-right: auto;
  2145. }
  2146. /* Sub-object: `uk-navbar-flip`
  2147. ========================================================================== */
  2148. .uk-navbar-flip {
  2149. float: right;
  2150. }
  2151. /*
  2152. * Apply same `border-radius` as `uk-navbar`
  2153. */
  2154. .uk-navbar-nav:first-child > li:first-child > a {
  2155. border-top-left-radius: 4px;
  2156. border-bottom-left-radius: 4px;
  2157. }
  2158. /*
  2159. * Sub-modifier `uk-navbar-flip`
  2160. */
  2161. /* Collapse border */
  2162. .uk-navbar-flip .uk-navbar-nav > li > a {
  2163. margin-left: 0;
  2164. margin-right: -1px;
  2165. }
  2166. /* Apply same `border-radius` as `uk-navbar` */
  2167. .uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a {
  2168. border-top-left-radius: 0;
  2169. border-bottom-left-radius: 0;
  2170. }
  2171. .uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a {
  2172. border-top-right-radius: 4px;
  2173. border-bottom-right-radius: 4px;
  2174. }
  2175. /*
  2176. * Sub-modifier `uk-navbar-attached`
  2177. */
  2178. .uk-navbar-attached {
  2179. border-top-color: transparent;
  2180. border-left-color: transparent;
  2181. border-right-color: transparent;
  2182. border-radius: 0;
  2183. }
  2184. .uk-navbar-attached .uk-navbar-nav > li > a {
  2185. border-radius: 0 !important;
  2186. }
  2187. /* ========================================================================
  2188. Component: Subnav
  2189. ========================================================================== */
  2190. /*
  2191. * 1. Remove default list style
  2192. * 2. Remove whitespace between child elements when using `inline-block`
  2193. */
  2194. .uk-subnav {
  2195. /* 1 */
  2196. padding: 0;
  2197. list-style: none;
  2198. /* 2 */
  2199. font-size: 0.001px;
  2200. }
  2201. /* Items
  2202. ========================================================================== */
  2203. /*
  2204. * 1. Create position context for dropdowns
  2205. * 2. Reset whitespace hack
  2206. */
  2207. .uk-subnav > li {
  2208. /* 1 */
  2209. position: relative;
  2210. /* 2 */
  2211. font-size: 1rem;
  2212. vertical-align: top;
  2213. }
  2214. .uk-subnav > li,
  2215. .uk-subnav > li > a,
  2216. .uk-subnav > li > span {
  2217. display: inline-block;
  2218. }
  2219. .uk-subnav > li:nth-child(n+2) {
  2220. margin-left: 10px;
  2221. }
  2222. /*
  2223. * Items
  2224. */
  2225. .uk-subnav > li > a {
  2226. color: #0077dd;
  2227. }
  2228. .uk-subnav > li > a:hover {
  2229. color: #005599;
  2230. }
  2231. /*
  2232. * Active
  2233. */
  2234. /*
  2235. * Disabled
  2236. */
  2237. .uk-subnav > li > span {
  2238. color: #999999;
  2239. }
  2240. /* Modifier: 'subnav-line'
  2241. ========================================================================== */
  2242. .uk-subnav-line > li:nth-child(n+2):before {
  2243. content: "";
  2244. display: inline-block;
  2245. height: 10px;
  2246. margin-right: 10px;
  2247. border-left: 1px solid #dddddd;
  2248. }
  2249. /* Modifier: 'subnav-pill'
  2250. ========================================================================== */
  2251. .uk-subnav-pill > li > a,
  2252. .uk-subnav-pill > li > span {
  2253. padding: 3px 9px;
  2254. text-decoration: none;
  2255. border-radius: 4px;
  2256. }
  2257. /*
  2258. * Hover
  2259. * 1. Apply hover style also to focus state
  2260. * 2. Remove default focus style
  2261. */
  2262. .uk-subnav-pill > li > a:hover,
  2263. .uk-subnav-pill > li > a:focus {
  2264. background: #fafafa;
  2265. color: #444444;
  2266. /* 2 */
  2267. outline: none;
  2268. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  2269. }
  2270. /*
  2271. * Active
  2272. * `li` needed for higher specificity to override hover
  2273. */
  2274. .uk-subnav-pill > li.uk-active > a {
  2275. background: #00a8e6;
  2276. color: #ffffff;
  2277. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  2278. }
  2279. /* ========================================================================
  2280. Component: Breadcrumb
  2281. ========================================================================== */
  2282. /*
  2283. * 1. Remove default list style
  2284. * 2. Remove whitespace between child elements when using `inline-block`
  2285. */
  2286. .uk-breadcrumb {
  2287. /* 1 */
  2288. padding: 0;
  2289. list-style: none;
  2290. /* 2 */
  2291. font-size: 0.001px;
  2292. }
  2293. /* Items
  2294. ========================================================================== */
  2295. /*
  2296. * Reset whitespace hack
  2297. */
  2298. .uk-breadcrumb > li {
  2299. font-size: 1rem;
  2300. vertical-align: top;
  2301. }
  2302. .uk-breadcrumb > li,
  2303. .uk-breadcrumb > li > a,
  2304. .uk-breadcrumb > li > span {
  2305. display: inline-block;
  2306. }
  2307. .uk-breadcrumb > li:nth-child(n+2):before {
  2308. content: "/";
  2309. display: inline-block;
  2310. margin: 0 8px;
  2311. }
  2312. /*
  2313. * Disabled
  2314. */
  2315. .uk-breadcrumb > li:not(.uk-active) > span {
  2316. color: #999999;
  2317. }
  2318. /* ========================================================================
  2319. Component: Pagination
  2320. ========================================================================== */
  2321. /*
  2322. * 1. Remove default list style
  2323. * 2. Center pagination by default
  2324. * 3. Remove whitespace between child elements when using `inline-block`
  2325. */
  2326. .uk-pagination {
  2327. /* 1 */
  2328. padding: 0;
  2329. list-style: none;
  2330. /* 2 */
  2331. text-align: center;
  2332. /* 3 */
  2333. font-size: 0.001px;
  2334. }
  2335. /*
  2336. * Micro clearfix
  2337. * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
  2338. */
  2339. .uk-pagination:before,
  2340. .uk-pagination:after {
  2341. content: " ";
  2342. display: table;
  2343. }
  2344. .uk-pagination:after {
  2345. clear: both;
  2346. }
  2347. /* Items
  2348. ========================================================================== */
  2349. /*
  2350. * 1. Reset whitespace hack
  2351. * 2. Remove the gap at the bottom of it container
  2352. */
  2353. .uk-pagination > li {
  2354. display: inline-block;
  2355. /* 1 */
  2356. font-size: 1rem;
  2357. /* 2 */
  2358. vertical-align: top;
  2359. }
  2360. .uk-pagination > li:nth-child(n+2) {
  2361. margin-left: 5px;
  2362. }
  2363. /*
  2364. * 1. Makes pagination more robust against different box-sizing use
  2365. * 2. Reset text-align to center if alignment modifier is used
  2366. */
  2367. .uk-pagination > li > a,
  2368. .uk-pagination > li > span {
  2369. display: inline-block;
  2370. min-width: 16px;
  2371. padding: 3px 5px;
  2372. line-height: 20px;
  2373. text-decoration: none;
  2374. /* 1 */
  2375. -moz-box-sizing: content-box;
  2376. box-sizing: content-box;
  2377. /* 2 */
  2378. text-align: center;
  2379. border-radius: 4px;
  2380. }
  2381. /*
  2382. * Links
  2383. */
  2384. .uk-pagination > li > a {
  2385. background: #f5f5f5;
  2386. color: #444444;
  2387. border: 1px solid rgba(0, 0, 0, 0.06);
  2388. text-shadow: 0 1px 0 #ffffff;
  2389. }
  2390. /*
  2391. * Hover
  2392. * 1. Apply hover style also to focus state
  2393. * 2. Remove default focus style
  2394. */
  2395. .uk-pagination > li > a:hover,
  2396. .uk-pagination > li > a:focus {
  2397. background-color: #fafafa;
  2398. color: #444444;
  2399. /* 2 */
  2400. outline: none;
  2401. border-color: rgba(0, 0, 0, 0.16);
  2402. }
  2403. /* OnClick */
  2404. .uk-pagination > li > a:active {
  2405. background-color: #eeeeee;
  2406. color: #444444;
  2407. }
  2408. /*
  2409. * Active
  2410. */
  2411. .uk-pagination > .uk-active > span {
  2412. background: #00a8e6;
  2413. color: #ffffff;
  2414. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  2415. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  2416. }
  2417. /*
  2418. * Disabled
  2419. */
  2420. .uk-pagination > .uk-disabled > span {
  2421. background-color: #fafafa;
  2422. color: #999999;
  2423. border: 1px solid rgba(0, 0, 0, 0.06);
  2424. text-shadow: 0 1px 0 #ffffff;
  2425. }
  2426. /* Previous and next navigation
  2427. ========================================================================== */
  2428. .uk-pagination-previous {
  2429. float: left;
  2430. }
  2431. .uk-pagination-next {
  2432. float: right;
  2433. }
  2434. /* Alignment modifiers
  2435. ========================================================================== */
  2436. .uk-pagination-left {
  2437. text-align: left;
  2438. }
  2439. .uk-pagination-right {
  2440. text-align: right;
  2441. }
  2442. /* ========================================================================
  2443. Component: Tab
  2444. ========================================================================== */
  2445. .uk-tab {
  2446. margin: 0;
  2447. padding: 0;
  2448. list-style: none;
  2449. border-bottom: 1px solid #dddddd;
  2450. }
  2451. /*
  2452. * Micro clearfix on the deepest container
  2453. */
  2454. .uk-tab:before,
  2455. .uk-tab:after {
  2456. content: " ";
  2457. display: table;
  2458. }
  2459. .uk-tab:after {
  2460. clear: both;
  2461. }
  2462. /*
  2463. * Items
  2464. * 1. Create position context for dropdowns
  2465. */
  2466. .uk-tab > li {
  2467. margin-bottom: -1px;
  2468. float: left;
  2469. /* 1 */
  2470. position: relative;
  2471. }
  2472. .uk-tab > li > a {
  2473. display: block;
  2474. padding: 8px 12px 8px 12px;
  2475. border: 1px solid transparent;
  2476. border-bottom-width: 0;
  2477. color: #0077dd;
  2478. text-decoration: none;
  2479. border-radius: 4px 4px 0 0;
  2480. text-shadow: 0 1px 0 #ffffff;
  2481. }
  2482. .uk-tab > li:nth-child(n+2) > a {
  2483. margin-left: 5px;
  2484. }
  2485. /*
  2486. * Hover
  2487. * 1. Apply hover style also to focus state
  2488. * 2. Also apply if dropdown is opened
  2489. * 3. Remove default focus style
  2490. */
  2491. .uk-tab > li > a:hover,
  2492. .uk-tab > li > a:focus,
  2493. .uk-tab > li.uk-open > a {
  2494. border-color: rgba(0, 0, 0, 0.06);
  2495. background: #f5f5f5;
  2496. color: #005599;
  2497. /* 2 */
  2498. outline: none;
  2499. }
  2500. .uk-tab > li:not(.uk-active) > a:hover,
  2501. .uk-tab > li:not(.uk-active) > a:focus,
  2502. .uk-tab > li.uk-open:not(.uk-active) > a {
  2503. margin-bottom: 1px;
  2504. padding-bottom: 7px;
  2505. }
  2506. /* Active */
  2507. .uk-tab > li.uk-active > a {
  2508. border-color: #dddddd;
  2509. border-bottom-color: transparent;
  2510. background: #ffffff;
  2511. color: #444444;
  2512. }
  2513. /* Disabled */
  2514. .uk-tab > li.uk-disabled > a {
  2515. color: #999999;
  2516. cursor: auto;
  2517. }
  2518. .uk-tab > li.uk-disabled > a:hover,
  2519. .uk-tab > li.uk-disabled > a:focus,
  2520. .uk-tab > li.uk-disabled.uk-active > a {
  2521. background: none;
  2522. border-color: transparent;
  2523. }
  2524. /* Modifier: 'tab-flip'
  2525. ========================================================================== */
  2526. .uk-tab-flip > li {
  2527. float: right;
  2528. }
  2529. .uk-tab-flip > li:nth-child(n+2) > a {
  2530. margin-left: 0;
  2531. margin-right: 5px;
  2532. }
  2533. /* Modifier: 'tab-responsive'
  2534. ========================================================================== */
  2535. /*
  2536. * Hidden by default
  2537. */
  2538. .uk-tab-responsive {
  2539. display: none;
  2540. }
  2541. .uk-tab-responsive > a:before {
  2542. content: "\f0c9\00a0";
  2543. font-family: FontAwesome;
  2544. }
  2545. /* Phone landscape and smaller */
  2546. @media (max-width: 767px) {
  2547. [data-uk-tab] > li {
  2548. display: none;
  2549. }
  2550. [data-uk-tab] > li.uk-tab-responsive {
  2551. display: block;
  2552. }
  2553. [data-uk-tab] > li.uk-tab-responsive > a {
  2554. margin-left: 0;
  2555. margin-right: 0;
  2556. }
  2557. }
  2558. /* Modifier: 'tab-center'
  2559. ========================================================================== */
  2560. .uk-tab-center {
  2561. border-bottom: 1px solid #dddddd;
  2562. }
  2563. .uk-tab-center-bottom {
  2564. border-bottom: none;
  2565. border-top: 1px solid #dddddd;
  2566. }
  2567. .uk-tab-center:before,
  2568. .uk-tab-center:after {
  2569. content: " ";
  2570. display: table;
  2571. }
  2572. .uk-tab-center:after {
  2573. clear: both;
  2574. }
  2575. .uk-tab-center .uk-tab {
  2576. position: relative;
  2577. left: 50%;
  2578. border: none;
  2579. float: left;
  2580. }
  2581. .uk-tab-center .uk-tab > li {
  2582. position: relative;
  2583. left: -50%;
  2584. }
  2585. .uk-tab-center .uk-tab > li > a {
  2586. text-align: center;
  2587. }
  2588. /* Modifier: 'tab-bottom'
  2589. ========================================================================== */
  2590. .uk-tab-bottom {
  2591. border-top: 1px solid #dddddd;
  2592. border-bottom: none;
  2593. }
  2594. .uk-tab-bottom > li {
  2595. margin-top: -1px;
  2596. margin-bottom: 0;
  2597. }
  2598. .uk-tab-bottom > li > a {
  2599. padding-top: 8px;
  2600. padding-bottom: 8px;
  2601. border-bottom-width: 1px;
  2602. border-top-width: 0;
  2603. }
  2604. .uk-tab-bottom > li:not(.uk-active) > a:hover,
  2605. .uk-tab-bottom > li:not(.uk-active) > a:focus,
  2606. .uk-tab-bottom > li.uk-open:not(.uk-active) > a {
  2607. margin-bottom: 0;
  2608. margin-top: 1px;
  2609. padding-bottom: 8px;
  2610. padding-top: 7px;
  2611. }
  2612. .uk-tab-bottom > li.uk-active > a {
  2613. border-top-color: transparent;
  2614. border-bottom-color: #dddddd;
  2615. }
  2616. /* Modifier: 'tab-grid'
  2617. ========================================================================== */
  2618. /*
  2619. * 1. Create position context to prevent hidden border because of negative `z-index`
  2620. */
  2621. .uk-tab-grid {
  2622. margin-left: -5px;
  2623. border-bottom: none;
  2624. /* 1 */
  2625. position: relative;
  2626. z-index: 0;
  2627. }
  2628. .uk-tab-grid:before {
  2629. display: block;
  2630. position: absolute;
  2631. left: 5px;
  2632. right: 0;
  2633. bottom: -1px;
  2634. border-top: 1px solid #dddddd;
  2635. /* 1 */
  2636. z-index: -1;
  2637. }
  2638. .uk-tab-grid > li:first-child > a {
  2639. margin-left: 5px;
  2640. }
  2641. .uk-tab-grid > li > a {
  2642. text-align: center;
  2643. }
  2644. /*
  2645. * If `uk-tab-bottom`
  2646. */
  2647. .uk-tab-grid.uk-tab-bottom {
  2648. border-top: none;
  2649. }
  2650. .uk-tab-grid.uk-tab-bottom:before {
  2651. top: -1px;
  2652. bottom: auto;
  2653. }
  2654. /* Modifier: 'tab-left', 'tab-right'
  2655. ========================================================================== */
  2656. /* Tablet and bigger */
  2657. @media (min-width: 768px) {
  2658. .uk-tab-left,
  2659. .uk-tab-right {
  2660. border-bottom: none;
  2661. }
  2662. .uk-tab-left > li,
  2663. .uk-tab-right > li {
  2664. margin-bottom: 0;
  2665. float: none;
  2666. }
  2667. .uk-tab-left > li > a,
  2668. .uk-tab-right > li > a {
  2669. padding-top: 8px;
  2670. padding-bottom: 8px;
  2671. }
  2672. .uk-tab-left > li:nth-child(n+2) > a,
  2673. .uk-tab-right > li:nth-child(n+2) > a {
  2674. margin-left: 0;
  2675. margin-top: 5px;
  2676. }
  2677. .uk-tab-left > li.uk-active > a,
  2678. .uk-tab-right > li.uk-active > a {
  2679. border-color: #dddddd;
  2680. }
  2681. /*
  2682. * Modifier: 'tab-left'
  2683. */
  2684. .uk-tab-left {
  2685. border-right: 1px solid #dddddd;
  2686. }
  2687. .uk-tab-left > li {
  2688. margin-right: -1px;
  2689. }
  2690. .uk-tab-left > li > a {
  2691. border-bottom-width: 1px;
  2692. border-right-width: 0;
  2693. }
  2694. .uk-tab-left > li:not(.uk-active) > a:hover,
  2695. .uk-tab-left > li:not(.uk-active) > a:focus {
  2696. margin-bottom: 0;
  2697. margin-right: 1px;
  2698. padding-bottom: 8px;
  2699. padding-right: 11px;
  2700. }
  2701. .uk-tab-left > li.uk-active > a {
  2702. border-right-color: transparent;
  2703. }
  2704. /*
  2705. * Modifier: 'tab-right'
  2706. */
  2707. .uk-tab-right {
  2708. border-left: 1px solid #dddddd;
  2709. }
  2710. .uk-tab-right > li {
  2711. margin-left: -1px;
  2712. }
  2713. .uk-tab-right > li > a {
  2714. border-bottom-width: 1px;
  2715. border-left-width: 0;
  2716. }
  2717. .uk-tab-right > li:not(.uk-active) > a:hover,
  2718. .uk-tab-right > li:not(.uk-active) > a:focus {
  2719. margin-bottom: 0;
  2720. margin-left: 1px;
  2721. padding-bottom: 8px;
  2722. padding-left: 11px;
  2723. }
  2724. .uk-tab-right > li.uk-active > a {
  2725. border-left-color: transparent;
  2726. }
  2727. }
  2728. /* Modifier: `uk-tab-bottom'
  2729. ========================================================================== */
  2730. .uk-tab-bottom > li > a {
  2731. border-radius: 0 0 4px 4px;
  2732. }
  2733. /* Modifier: `uk-tab-left', `uk-tab-right'
  2734. ========================================================================== */
  2735. /* Tablet and bigger */
  2736. @media (min-width: 768px) {
  2737. /*
  2738. * Modifier: `uk-tab-left'
  2739. */
  2740. .uk-tab-left > li > a {
  2741. border-radius: 4px 0 0 4px;
  2742. }
  2743. /*
  2744. * Modifier: `uk-tab-right'
  2745. */
  2746. .uk-tab-right > li > a {
  2747. border-radius: 0 4px 4px 0;
  2748. }
  2749. }
  2750. /* ========================================================================
  2751. Component: List
  2752. ========================================================================== */
  2753. .uk-list {
  2754. padding: 0;
  2755. list-style: none;
  2756. }
  2757. /*
  2758. * Micro clearfix to make list more robust
  2759. */
  2760. .uk-list > li:before,
  2761. .uk-list > li:after {
  2762. content: " ";
  2763. display: table;
  2764. }
  2765. .uk-list > li:after {
  2766. clear: both;
  2767. }
  2768. /*
  2769. * Remove margin from the last-child
  2770. */
  2771. .uk-list > li > :last-child {
  2772. margin-bottom: 0;
  2773. }
  2774. /*
  2775. * Nested lists
  2776. */
  2777. .uk-list ul {
  2778. margin: 0;
  2779. padding-left: 20px;
  2780. list-style: none;
  2781. }
  2782. /* Modifier: `uk-list-line`
  2783. ========================================================================== */
  2784. .uk-list-line > li:nth-child(n+2) {
  2785. margin-top: 5px;
  2786. padding-top: 5px;
  2787. border-top: 1px solid #dddddd;
  2788. }
  2789. /* Modifier: `uk-list-striped`
  2790. ========================================================================== */
  2791. .uk-list-striped > li {
  2792. padding: 5px 5px;
  2793. border-bottom: 1px solid #dddddd;
  2794. }
  2795. .uk-list-striped > li:nth-of-type(odd) {
  2796. background: #fafafa;
  2797. }
  2798. /* Modifier: `uk-list-space`
  2799. ========================================================================== */
  2800. .uk-list-space > li:nth-child(n+2) {
  2801. margin-top: 10px;
  2802. }
  2803. .uk-list-striped > li:first-child {
  2804. border-top: 1px solid #dddddd;
  2805. }
  2806. /* ========================================================================
  2807. Component: Description list
  2808. ========================================================================== */
  2809. /* Modifier: `uk-description-list-horizontal`
  2810. ========================================================================== */
  2811. /* Tablet and bigger */
  2812. @media (min-width: 768px) {
  2813. .uk-description-list-horizontal {
  2814. overflow: hidden;
  2815. }
  2816. .uk-description-list-horizontal > dt {
  2817. width: 160px;
  2818. float: left;
  2819. clear: both;
  2820. overflow: hidden;
  2821. text-overflow: ellipsis;
  2822. white-space: nowrap;
  2823. }
  2824. .uk-description-list-horizontal > dd {
  2825. margin-left: 180px;
  2826. }
  2827. }
  2828. /* Modifier: `uk-description-list-line`
  2829. ========================================================================== */
  2830. .uk-description-list-line > dt {
  2831. font-weight: normal;
  2832. }
  2833. .uk-description-list-line > dt:nth-child(n+2) {
  2834. margin-top: 5px;
  2835. padding-top: 5px;
  2836. border-top: 1px solid #dddddd;
  2837. }
  2838. .uk-description-list-line > dd {
  2839. color: #999999;
  2840. }
  2841. /* ========================================================================
  2842. Component: Table
  2843. ========================================================================== */
  2844. /*
  2845. * Block element behavior
  2846. */
  2847. .uk-table {
  2848. width: 100%;
  2849. margin-bottom: 15px;
  2850. }
  2851. /*
  2852. * Add margin if adjacent element
  2853. */
  2854. * + .uk-table {
  2855. margin-top: 15px;
  2856. }
  2857. .uk-table th,
  2858. .uk-table td {
  2859. padding: 8px 8px;
  2860. border-bottom: 1px solid #dddddd;
  2861. }
  2862. /*
  2863. * Set alignment
  2864. */
  2865. .uk-table th {
  2866. text-align: left;
  2867. }
  2868. .uk-table td {
  2869. vertical-align: top;
  2870. }
  2871. .uk-table thead th {
  2872. vertical-align: bottom;
  2873. }
  2874. /*
  2875. * Caption and footer
  2876. */
  2877. .uk-table caption,
  2878. .uk-table tfoot {
  2879. font-size: 12px;
  2880. font-style: italic;
  2881. }
  2882. .uk-table caption {
  2883. text-align: left;
  2884. color: #999999;
  2885. }
  2886. /* Sub-modifier: `uk-table-middle`
  2887. ========================================================================== */
  2888. .uk-table-middle,
  2889. .uk-table-middle td {
  2890. vertical-align: middle !important;
  2891. }
  2892. /* Modifier: `uk-table-striped`
  2893. ========================================================================== */
  2894. .uk-table-striped tbody tr:nth-of-type(odd) {
  2895. background: #fafafa;
  2896. }
  2897. /* Modifier: `uk-table-condensed`
  2898. ========================================================================== */
  2899. .uk-table-condensed td {
  2900. padding: 4px 8px;
  2901. }
  2902. /* Modifier: `uk-table-hover`
  2903. ========================================================================== */
  2904. .uk-table-hover tbody tr:hover {
  2905. background: #f0f0f0;
  2906. }
  2907. /* ========================================================================
  2908. Component: Form
  2909. ========================================================================== */
  2910. /*
  2911. * Remove margin from the last-child
  2912. */
  2913. .uk-form > :last-child {
  2914. margin-bottom: 0;
  2915. }
  2916. /*
  2917. * Controls
  2918. * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
  2919. * 1. Must be `height` because `min-height` is not working in OSX
  2920. * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
  2921. * 3. Vertical `padding` needed for `select` elements in Firefox
  2922. * 4. Style
  2923. */
  2924. .uk-form select,
  2925. .uk-form textarea,
  2926. .uk-form input:not([type]),
  2927. .uk-form input[type="text"],
  2928. .uk-form input[type="password"],
  2929. .uk-form input[type="datetime"],
  2930. .uk-form input[type="datetime-local"],
  2931. .uk-form input[type="date"],
  2932. .uk-form input[type="month"],
  2933. .uk-form input[type="time"],
  2934. .uk-form input[type="week"],
  2935. .uk-form input[type="number"],
  2936. .uk-form input[type="email"],
  2937. .uk-form input[type="url"],
  2938. .uk-form input[type="search"],
  2939. .uk-form input[type="tel"],
  2940. .uk-form input[type="color"] {
  2941. /* 1 */
  2942. height: 30px;
  2943. /* 2 */
  2944. max-width: 100%;
  2945. /* 3 */
  2946. padding: 4px 6px;
  2947. /* 4 */
  2948. border: 1px solid #dddddd;
  2949. background: #ffffff;
  2950. color: #444444;
  2951. -webkit-transition: all linear 0.2s;
  2952. transition: all linear 0.2s;
  2953. border-radius: 4px;
  2954. /* Focus state */
  2955. /* Disabled state */
  2956. }
  2957. .uk-form select:focus,
  2958. .uk-form textarea:focus,
  2959. .uk-form input:not([type]):focus,
  2960. .uk-form input[type="text"]:focus,
  2961. .uk-form input[type="password"]:focus,
  2962. .uk-form input[type="datetime"]:focus,
  2963. .uk-form input[type="datetime-local"]:focus,
  2964. .uk-form input[type="date"]:focus,
  2965. .uk-form input[type="month"]:focus,
  2966. .uk-form input[type="time"]:focus,
  2967. .uk-form input[type="week"]:focus,
  2968. .uk-form input[type="number"]:focus,
  2969. .uk-form input[type="email"]:focus,
  2970. .uk-form input[type="url"]:focus,
  2971. .uk-form input[type="search"]:focus,
  2972. .uk-form input[type="tel"]:focus,
  2973. .uk-form input[type="color"]:focus {
  2974. border-color: #99baca;
  2975. outline: 0;
  2976. background: #f5fbfe;
  2977. color: #444444;
  2978. }
  2979. .uk-form select:disabled,
  2980. .uk-form textarea:disabled,
  2981. .uk-form input:not([type]):disabled,
  2982. .uk-form input[type="text"]:disabled,
  2983. .uk-form input[type="password"]:disabled,
  2984. .uk-form input[type="datetime"]:disabled,
  2985. .uk-form input[type="datetime-local"]:disabled,
  2986. .uk-form input[type="date"]:disabled,
  2987. .uk-form input[type="month"]:disabled,
  2988. .uk-form input[type="time"]:disabled,
  2989. .uk-form input[type="week"]:disabled,
  2990. .uk-form input[type="number"]:disabled,
  2991. .uk-form input[type="email"]:disabled,
  2992. .uk-form input[type="url"]:disabled,
  2993. .uk-form input[type="search"]:disabled,
  2994. .uk-form input[type="tel"]:disabled,
  2995. .uk-form input[type="color"]:disabled {
  2996. border-color: #dddddd;
  2997. background-color: #fafafa;
  2998. color: #999999;
  2999. }
  3000. /*
  3001. * Placeholder
  3002. * Higher specificity (!important) needed to override color in IE
  3003. */
  3004. .uk-form :-ms-input-placeholder {
  3005. color: #999999 !important;
  3006. }
  3007. .uk-form ::-moz-placeholder {
  3008. color: #999999;
  3009. }
  3010. .uk-form ::-webkit-input-placeholder {
  3011. color: #999999;
  3012. }
  3013. .uk-form :disabled:-ms-input-placeholder {
  3014. color: #999999 !important;
  3015. }
  3016. .uk-form :disabled::-moz-placeholder {
  3017. color: #999999;
  3018. }
  3019. .uk-form :disabled::-webkit-input-placeholder {
  3020. color: #999999;
  3021. }
  3022. /*
  3023. * Reset style on iOS.
  3024. */
  3025. .uk-form textarea,
  3026. .uk-form input:not([type]),
  3027. .uk-form input[type="text"],
  3028. .uk-form input[type="password"],
  3029. .uk-form input[type="email"],
  3030. .uk-form input[type="url"],
  3031. .uk-form input[type="search"],
  3032. .uk-form input[type="tel"] {
  3033. -webkit-appearance: none;
  3034. }
  3035. /*
  3036. * Removes box-shadow for invalid controls in Firefox.
  3037. */
  3038. .uk-form :invalid {
  3039. box-shadow: none;
  3040. }
  3041. /*
  3042. * Legend style
  3043. * 1. `margin-bottom` is not working in Safari and Opera.
  3044. * Using `padding` and :after instead to create the border
  3045. * 2. Style
  3046. */
  3047. .uk-form legend {
  3048. width: 100%;
  3049. /* 1 */
  3050. padding-bottom: 15px;
  3051. /* 2 */
  3052. font-size: 18px;
  3053. line-height: 30px;
  3054. }
  3055. /* 1 */
  3056. .uk-form legend:after {
  3057. content: "";
  3058. display: block;
  3059. border-bottom: 1px solid #dddddd;
  3060. }
  3061. /* Size modifiers
  3062. * Higher specificity needed to override defaults
  3063. ========================================================================== */
  3064. select.uk-form-small,
  3065. textarea.uk-form-small,
  3066. input[type].uk-form-small,
  3067. input:not([type]).uk-form-small {
  3068. height: 25px;
  3069. padding: 3px 3px;
  3070. font-size: 12px;
  3071. }
  3072. select.uk-form-large,
  3073. textarea.uk-form-large,
  3074. input[type].uk-form-large,
  3075. input:not([type]).uk-form-large {
  3076. height: 40px;
  3077. padding: 8px 6px;
  3078. font-size: 16px;
  3079. }
  3080. /* Reset height
  3081. * Must be after size modifiers
  3082. ========================================================================== */
  3083. .uk-form textarea,
  3084. .uk-form select[multiple],
  3085. .uk-form select[size] {
  3086. height: auto;
  3087. }
  3088. /* Validation states
  3089. * Using !important to keep the selector simple
  3090. ========================================================================== */
  3091. /*
  3092. * Error state
  3093. */
  3094. .uk-form-danger {
  3095. border-color: #dc8d99 !important;
  3096. background: #fff7f8 !important;
  3097. color: #c91032 !important;
  3098. }
  3099. /*
  3100. * Success state
  3101. */
  3102. .uk-form-success {
  3103. border-color: #8ec73b !important;
  3104. background: #fafff2 !important;
  3105. color: #539022 !important;
  3106. }
  3107. /* Style modifiers
  3108. * Using !important to keep the selector simple
  3109. ========================================================================== */
  3110. /*
  3111. * Blank form
  3112. */
  3113. .uk-form-blank {
  3114. border-color: transparent !important;
  3115. border-style: dashed !important;
  3116. background: none !important;
  3117. }
  3118. .uk-form-blank:focus {
  3119. border-color: #dddddd !important;
  3120. }
  3121. /* Size sub-modifiers
  3122. ========================================================================== */
  3123. /*
  3124. * Fixed widths
  3125. * Different widths for mini sized `input` and `select` elements
  3126. */
  3127. input.uk-form-width-mini {
  3128. width: 40px;
  3129. }
  3130. select.uk-form-width-mini {
  3131. width: 65px;
  3132. }
  3133. .uk-form-width-small {
  3134. width: 130px;
  3135. }
  3136. .uk-form-width-medium {
  3137. width: 200px;
  3138. }
  3139. .uk-form-width-large {
  3140. width: 500px;
  3141. }
  3142. /* Sub-objects: `uk-form-row`
  3143. * Groups labels and controls in rows
  3144. ========================================================================== */
  3145. /*
  3146. * Micro clearfix
  3147. * Needed for `uk-form-horizontal` modifier
  3148. */
  3149. .uk-form-row:before,
  3150. .uk-form-row:after {
  3151. content: " ";
  3152. display: table;
  3153. }
  3154. .uk-form-row:after {
  3155. clear: both;
  3156. }
  3157. /*
  3158. * Vertical gutter
  3159. */
  3160. .uk-form-row + .uk-form-row {
  3161. margin-top: 15px;
  3162. }
  3163. /* Help text
  3164. * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
  3165. ========================================================================== */
  3166. .uk-form-help-inline {
  3167. display: inline-block;
  3168. margin: 0 0 0 10px;
  3169. }
  3170. .uk-form-help-block {
  3171. margin: 5px 0 0 0;
  3172. }
  3173. /* Controls content
  3174. * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
  3175. ========================================================================== */
  3176. /*
  3177. * Remove margins
  3178. */
  3179. .uk-form-controls > :first-child {
  3180. margin-top: 0;
  3181. }
  3182. .uk-form-controls > :last-child {
  3183. margin-bottom: 0;
  3184. }
  3185. /*
  3186. * Group controls and text into blocks with a small spacing between blocks
  3187. */
  3188. .uk-form-controls-condensed {
  3189. margin: 5px 0;
  3190. }
  3191. /* Modifier: `uk-form-stacked`
  3192. * Requires sub-object: `uk-form-label`
  3193. ========================================================================== */
  3194. .uk-form-stacked .uk-form-label {
  3195. display: block;
  3196. margin-bottom: 5px;
  3197. font-weight: bold;
  3198. }
  3199. /* Modifier: `uk-form-horizontal`
  3200. * Requires sub-objects: `uk-form-label`, `uk-form-controls`
  3201. ========================================================================== */
  3202. /* Tablet portrait and smaller */
  3203. @media (max-width: 959px) {
  3204. /* Behave like `uk-form-stacked` */
  3205. .uk-form-horizontal .uk-form-label {
  3206. display: block;
  3207. margin-bottom: 5px;
  3208. font-weight: bold;
  3209. }
  3210. }
  3211. /* Desktop and bigger */
  3212. @media (min-width: 960px) {
  3213. .uk-form-horizontal .uk-form-label {
  3214. width: 200px;
  3215. margin-top: 5px;
  3216. float: left;
  3217. }
  3218. .uk-form-horizontal .uk-form-controls {
  3219. margin-left: 215px;
  3220. }
  3221. /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  3222. .uk-form-horizontal .uk-form-controls-text {
  3223. padding-top: 5px;
  3224. }
  3225. }
  3226. /* Sub-object: `uk-form-icon`
  3227. ========================================================================== */
  3228. .uk-form-icon {
  3229. position: relative;
  3230. display: inline-block;
  3231. max-width: 100%;
  3232. }
  3233. .uk-form-icon > [class*='uk-icon-'] {
  3234. position: absolute;
  3235. top: 50%;
  3236. width: 30px;
  3237. margin-top: -7px;
  3238. font-size: 14px;
  3239. color: #999999;
  3240. text-align: center;
  3241. }
  3242. .uk-form-icon:not(.uk-form-icon-flip) > input {
  3243. padding-left: 30px !important;
  3244. }
  3245. /*
  3246. * Sub-modifier: `uk-form-icon-flip`
  3247. */
  3248. .uk-form-icon-flip > [class*='uk-icon-'] {
  3249. right: 0;
  3250. }
  3251. .uk-form-icon-flip > input {
  3252. padding-right: 30px !important;
  3253. }
  3254. /* ========================================================================
  3255. Component: Button
  3256. ========================================================================== */
  3257. /*
  3258. * 1. Required for `a` elements
  3259. * 2. Required for `button` and `input` elements
  3260. * 3. `line-height` is used to create a height
  3261. * 4. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
  3262. * 5. Reset button group whitespace hack
  3263. * 6. Style
  3264. */
  3265. .uk-button {
  3266. /* 1 */
  3267. display: inline-block;
  3268. -moz-box-sizing: border-box;
  3269. box-sizing: border-box;
  3270. vertical-align: middle;
  3271. text-decoration: none;
  3272. text-align: center;
  3273. /* 2 */
  3274. border: none;
  3275. /* 3 */
  3276. line-height: 28px;
  3277. /* 4 */
  3278. min-height: 30px;
  3279. /* 5 */
  3280. font-size: 1rem;
  3281. /* 6 */
  3282. padding: 0 12px;
  3283. background: #f5f5f5;
  3284. color: #444444;
  3285. border: 1px solid rgba(0, 0, 0, 0.06);
  3286. border-radius: 4px;
  3287. text-shadow: 0 1px 0 #ffffff;
  3288. }
  3289. /*
  3290. * Hover
  3291. * 1. Apply hover style also to focus state
  3292. * 2. Remove default focus style
  3293. * 3. Required for `a` elements
  3294. */
  3295. .uk-button:hover,
  3296. .uk-button:focus {
  3297. background-color: #fafafa;
  3298. color: #444444;
  3299. /* 2 */
  3300. outline: none;
  3301. /* 3 */
  3302. text-decoration: none;
  3303. border-color: rgba(0, 0, 0, 0.16);
  3304. }
  3305. /* Active */
  3306. .uk-button:active,
  3307. .uk-button.uk-active {
  3308. background-color: #eeeeee;
  3309. color: #444444;
  3310. }
  3311. /* Color modifiers
  3312. ========================================================================== */
  3313. /*
  3314. * Modifier: `uk-button-primary`
  3315. */
  3316. .uk-button-primary {
  3317. background-color: #00a8e6;
  3318. color: #ffffff;
  3319. }
  3320. /* Hover */
  3321. .uk-button-primary:hover,
  3322. .uk-button-primary:focus {
  3323. background-color: #35b3ee;
  3324. color: #ffffff;
  3325. }
  3326. /* Active */
  3327. .uk-button-primary:active,
  3328. .uk-button-primary.uk-active {
  3329. background-color: #0091ca;
  3330. color: #ffffff;
  3331. }
  3332. /*
  3333. * Modifier: `uk-button-success`
  3334. */
  3335. .uk-button-success {
  3336. background-color: #8cc14c;
  3337. color: #ffffff;
  3338. }
  3339. /* Hover */
  3340. .uk-button-success:hover,
  3341. .uk-button-success:focus {
  3342. background-color: #8ec73b;
  3343. color: #ffffff;
  3344. }
  3345. /* Active */
  3346. .uk-button-success:active,
  3347. .uk-button-success.uk-active {
  3348. background-color: #72ae41;
  3349. color: #ffffff;
  3350. }
  3351. /*
  3352. * Modifier: `uk-button-danger`
  3353. */
  3354. .uk-button-danger {
  3355. background-color: #da314b;
  3356. color: #ffffff;
  3357. }
  3358. /* Hover */
  3359. .uk-button-danger:hover,
  3360. .uk-button-danger:focus {
  3361. background-color: #e4354f;
  3362. color: #ffffff;
  3363. }
  3364. /* Active */
  3365. .uk-button-danger:active,
  3366. .uk-button-danger.uk-active {
  3367. background-color: #c91032;
  3368. color: #ffffff;
  3369. }
  3370. /* Disabled state
  3371. * Overrides also the color modifiers
  3372. ========================================================================== */
  3373. /* Equal for all button types */
  3374. .uk-button:disabled {
  3375. background-color: #fafafa;
  3376. color: #999999;
  3377. border-color: rgba(0, 0, 0, 0.06);
  3378. box-shadow: none;
  3379. text-shadow: 0 1px 0 #ffffff;
  3380. }
  3381. /* Modifier: `uk-button-link`
  3382. ========================================================================== */
  3383. /* Reset */
  3384. .uk-button-link,
  3385. .uk-button-link:hover,
  3386. .uk-button-link:focus,
  3387. .uk-button-link:active,
  3388. .uk-button-link.uk-active,
  3389. .uk-button-link:disabled {
  3390. border-color: transparent;
  3391. background: none;
  3392. box-shadow: none;
  3393. text-shadow: none;
  3394. }
  3395. /* Color */
  3396. .uk-button-link {
  3397. color: #0077dd;
  3398. }
  3399. .uk-button-link:hover,
  3400. .uk-button-link:focus,
  3401. .uk-button-link:active,
  3402. .uk-button-link.uk-active {
  3403. color: #005599;
  3404. text-decoration: underline;
  3405. }
  3406. .uk-button-link:disabled {
  3407. color: #999999;
  3408. }
  3409. /* Focus */
  3410. .uk-button-link:focus {
  3411. outline: 1px dotted;
  3412. }
  3413. /* Size modifiers
  3414. ========================================================================== */
  3415. .uk-button-mini {
  3416. min-height: 20px;
  3417. padding: 0 6px;
  3418. line-height: 18px;
  3419. font-size: 11px;
  3420. }
  3421. .uk-button-small {
  3422. min-height: 25px;
  3423. padding: 0 10px;
  3424. line-height: 23px;
  3425. font-size: 12px;
  3426. }
  3427. .uk-button-large {
  3428. min-height: 40px;
  3429. padding: 0 15px;
  3430. line-height: 38px;
  3431. font-size: 16px;
  3432. border-radius: 5px;
  3433. }
  3434. /* Sub-object `uk-button-group`
  3435. ========================================================================== */
  3436. /*
  3437. * 1. Behave like buttons
  3438. * 2. Create position context for dropdowns
  3439. * 3. Remove whitespace between child elements when using `inline-block`
  3440. * 4. Prevent buttons from wrapping
  3441. * 5. Remove whitespace between child elements when using `inline-block`
  3442. */
  3443. .uk-button-group {
  3444. /* 1 */
  3445. display: inline-block;
  3446. vertical-align: middle;
  3447. /* 2 */
  3448. position: relative;
  3449. /* 3 */
  3450. font-size: 0.001px;
  3451. /* 4 */
  3452. white-space: nowrap;
  3453. }
  3454. .uk-button-group > * {
  3455. display: inline-block;
  3456. }
  3457. /* 5 */
  3458. .uk-button-group .uk-button {
  3459. vertical-align: top;
  3460. }
  3461. /* Sub-object: `uk-button-dropdown`
  3462. ========================================================================== */
  3463. /*
  3464. * 1. Behave like buttons
  3465. * 2. Create position context for dropdowns
  3466. */
  3467. .uk-button-dropdown {
  3468. /* 1 */
  3469. display: inline-block;
  3470. vertical-align: middle;
  3471. /* 2 */
  3472. position: relative;
  3473. }
  3474. /* Color modifiers
  3475. ========================================================================== */
  3476. .uk-button-primary,
  3477. .uk-button-success,
  3478. .uk-button-danger {
  3479. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  3480. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  3481. }
  3482. .uk-button-primary:hover,
  3483. .uk-button-primary:focus,
  3484. .uk-button-success:hover,
  3485. .uk-button-success:focus,
  3486. .uk-button-danger:hover,
  3487. .uk-button-danger:focus {
  3488. border-color: rgba(0, 0, 0, 0.21);
  3489. }
  3490. /* Sub-object `uk-button-group`
  3491. ========================================================================== */
  3492. /*
  3493. * Reset border-radius
  3494. */
  3495. .uk-button-group > .uk-button:not(:first-child):not(:last-child),
  3496. .uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
  3497. border-left-color: rgba(0, 0, 0, 0.1);
  3498. border-right-color: rgba(0, 0, 0, 0.1);
  3499. border-radius: 0;
  3500. }
  3501. .uk-button-group > .uk-button:first-child,
  3502. .uk-button-group > div:first-child .uk-button {
  3503. border-right-color: rgba(0, 0, 0, 0.1);
  3504. border-top-right-radius: 0;
  3505. border-bottom-right-radius: 0;
  3506. }
  3507. .uk-button-group > .uk-button:last-child,
  3508. .uk-button-group > div:last-child .uk-button {
  3509. border-left-color: rgba(0, 0, 0, 0.1);
  3510. border-top-left-radius: 0;
  3511. border-bottom-left-radius: 0;
  3512. }
  3513. /*
  3514. * Collapse border
  3515. */
  3516. .uk-button-group > .uk-button:nth-child(n+2),
  3517. .uk-button-group > div:nth-child(n+2) .uk-button {
  3518. margin-left: -1px;
  3519. }
  3520. /*
  3521. * Create position context to superimpose the successor elements border
  3522. * Known issue: If you use an `a` element as button and an icon inside,
  3523. * the active state will not work if you click the icon inside the button
  3524. * Workaround: Just use a `button` or `input` element as button
  3525. */
  3526. .uk-button-group .uk-button:hover,
  3527. .uk-button-group .uk-button:active {
  3528. position: relative;
  3529. }
  3530. /* ========================================================================
  3531. Component: Icon
  3532. ========================================================================== */
  3533. @font-face {
  3534. font-family: 'FontAwesome';
  3535. src: url("../fonts/fontawesome-webfont.eot");
  3536. src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
  3537. font-weight: normal;
  3538. font-style: normal;
  3539. }
  3540. /*
  3541. * 1. Allow margin
  3542. * 2. Prevent inherit font style
  3543. * 4. Correct line-height
  3544. * 5. Better font rendering
  3545. */
  3546. [class*='uk-icon-'] {
  3547. font-family: FontAwesome;
  3548. /* 1 */
  3549. display: inline-block;
  3550. /* 2 */
  3551. font-weight: normal;
  3552. font-style: normal;
  3553. /* 4 */
  3554. line-height: 1;
  3555. /* 5 */
  3556. -webkit-font-smoothing: antialiased;
  3557. -moz-osx-font-smoothing: grayscale;
  3558. }
  3559. /* Size modifiers
  3560. ========================================================================== */
  3561. .uk-icon-small:before {
  3562. font-size: 150%;
  3563. vertical-align: -10%;
  3564. }
  3565. .uk-icon-medium:before {
  3566. font-size: 200%;
  3567. vertical-align: -16%;
  3568. }
  3569. .uk-icon-large:before {
  3570. font-size: 250%;
  3571. vertical-align: -22%;
  3572. }
  3573. /* Modifier: `uk-icon-spin`
  3574. ========================================================================== */
  3575. .uk-icon-spin {
  3576. display: inline-block;
  3577. -webkit-animation: uk-spin 2s infinite linear;
  3578. animation: uk-spin 2s infinite linear;
  3579. }
  3580. /* Modifier: `uk-icon-button`
  3581. ========================================================================== */
  3582. .uk-icon-button {
  3583. -moz-box-sizing: border-box;
  3584. box-sizing: border-box;
  3585. display: inline-block;
  3586. width: 35px;
  3587. height: 35px;
  3588. border-radius: 100%;
  3589. background: #f5f5f5;
  3590. line-height: 35px;
  3591. color: #444444;
  3592. font-size: 18px;
  3593. text-align: center;
  3594. border: 1px solid #e7e7e7;
  3595. text-shadow: 0 1px 0 #ffffff;
  3596. }
  3597. /*
  3598. * Hover
  3599. * 1. Apply hover style also to focus state
  3600. * 2. Remove default focus style
  3601. */
  3602. .uk-icon-button:hover,
  3603. .uk-icon-button:focus {
  3604. background-color: #fafafa;
  3605. color: #444444;
  3606. text-decoration: none;
  3607. /* 2 */
  3608. outline: none;
  3609. border-color: #d3d3d3;
  3610. }
  3611. /* Active */
  3612. .uk-icon-button:active {
  3613. background-color: #eeeeee;
  3614. color: #444444;
  3615. }
  3616. /* Icon mapping
  3617. ========================================================================== */
  3618. .uk-icon-glass:before {
  3619. content: "\f000";
  3620. }
  3621. .uk-icon-music:before {
  3622. content: "\f001";
  3623. }
  3624. .uk-icon-search:before {
  3625. content: "\f002";
  3626. }
  3627. .uk-icon-envelope-o:before {
  3628. content: "\f003";
  3629. }
  3630. .uk-icon-heart:before {
  3631. content: "\f004";
  3632. }
  3633. .uk-icon-star:before {
  3634. content: "\f005";
  3635. }
  3636. .uk-icon-star-o:before {
  3637. content: "\f006";
  3638. }
  3639. .uk-icon-user:before {
  3640. content: "\f007";
  3641. }
  3642. .uk-icon-film:before {
  3643. content: "\f008";
  3644. }
  3645. .uk-icon-th-large:before {
  3646. content: "\f009";
  3647. }
  3648. .uk-icon-th:before {
  3649. content: "\f00a";
  3650. }
  3651. .uk-icon-th-list:before {
  3652. content: "\f00b";
  3653. }
  3654. .uk-icon-check:before {
  3655. content: "\f00c";
  3656. }
  3657. .uk-icon-times:before {
  3658. content: "\f00d";
  3659. }
  3660. .uk-icon-search-plus:before {
  3661. content: "\f00e";
  3662. }
  3663. .uk-icon-search-minus:before {
  3664. content: "\f010";
  3665. }
  3666. .uk-icon-power-off:before {
  3667. content: "\f011";
  3668. }
  3669. .uk-icon-signal:before {
  3670. content: "\f012";
  3671. }
  3672. .uk-icon-gear:before,
  3673. .uk-icon-cog:before {
  3674. content: "\f013";
  3675. }
  3676. .uk-icon-trash-o:before {
  3677. content: "\f014";
  3678. }
  3679. .uk-icon-home:before {
  3680. content: "\f015";
  3681. }
  3682. .uk-icon-file-o:before {
  3683. content: "\f016";
  3684. }
  3685. .uk-icon-clock-o:before {
  3686. content: "\f017";
  3687. }
  3688. .uk-icon-road:before {
  3689. content: "\f018";
  3690. }
  3691. .uk-icon-download:before {
  3692. content: "\f019";
  3693. }
  3694. .uk-icon-arrow-circle-o-down:before {
  3695. content: "\f01a";
  3696. }
  3697. .uk-icon-arrow-circle-o-up:before {
  3698. content: "\f01b";
  3699. }
  3700. .uk-icon-inbox:before {
  3701. content: "\f01c";
  3702. }
  3703. .uk-icon-play-circle-o:before {
  3704. content: "\f01d";
  3705. }
  3706. .uk-icon-rotate-right:before,
  3707. .uk-icon-repeat:before {
  3708. content: "\f01e";
  3709. }
  3710. .uk-icon-refresh:before {
  3711. content: "\f021";
  3712. }
  3713. .uk-icon-list-alt:before {
  3714. content: "\f022";
  3715. }
  3716. .uk-icon-lock:before {
  3717. content: "\f023";
  3718. }
  3719. .uk-icon-flag:before {
  3720. content: "\f024";
  3721. }
  3722. .uk-icon-headphones:before {
  3723. content: "\f025";
  3724. }
  3725. .uk-icon-volume-off:before {
  3726. content: "\f026";
  3727. }
  3728. .uk-icon-volume-down:before {
  3729. content: "\f027";
  3730. }
  3731. .uk-icon-volume-up:before {
  3732. content: "\f028";
  3733. }
  3734. .uk-icon-qrcode:before {
  3735. content: "\f029";
  3736. }
  3737. .uk-icon-barcode:before {
  3738. content: "\f02a";
  3739. }
  3740. .uk-icon-tag:before {
  3741. content: "\f02b";
  3742. }
  3743. .uk-icon-tags:before {
  3744. content: "\f02c";
  3745. }
  3746. .uk-icon-book:before {
  3747. content: "\f02d";
  3748. }
  3749. .uk-icon-bookmark:before {
  3750. content: "\f02e";
  3751. }
  3752. .uk-icon-print:before {
  3753. content: "\f02f";
  3754. }
  3755. .uk-icon-camera:before {
  3756. content: "\f030";
  3757. }
  3758. .uk-icon-font:before {
  3759. content: "\f031";
  3760. }
  3761. .uk-icon-bold:before {
  3762. content: "\f032";
  3763. }
  3764. .uk-icon-italic:before {
  3765. content: "\f033";
  3766. }
  3767. .uk-icon-text-height:before {
  3768. content: "\f034";
  3769. }
  3770. .uk-icon-text-width:before {
  3771. content: "\f035";
  3772. }
  3773. .uk-icon-align-left:before {
  3774. content: "\f036";
  3775. }
  3776. .uk-icon-align-center:before {
  3777. content: "\f037";
  3778. }
  3779. .uk-icon-align-right:before {
  3780. content: "\f038";
  3781. }
  3782. .uk-icon-align-justify:before {
  3783. content: "\f039";
  3784. }
  3785. .uk-icon-list:before {
  3786. content: "\f03a";
  3787. }
  3788. .uk-icon-dedent:before,
  3789. .uk-icon-outdent:before {
  3790. content: "\f03b";
  3791. }
  3792. .uk-icon-indent:before {
  3793. content: "\f03c";
  3794. }
  3795. .uk-icon-video-camera:before {
  3796. content: "\f03d";
  3797. }
  3798. .uk-icon-picture-o:before {
  3799. content: "\f03e";
  3800. }
  3801. .uk-icon-pencil:before {
  3802. content: "\f040";
  3803. }
  3804. .uk-icon-map-marker:before {
  3805. content: "\f041";
  3806. }
  3807. .uk-icon-adjust:before {
  3808. content: "\f042";
  3809. }
  3810. .uk-icon-tint:before {
  3811. content: "\f043";
  3812. }
  3813. .uk-icon-edit:before,
  3814. .uk-icon-pencil-square-o:before {
  3815. content: "\f044";
  3816. }
  3817. .uk-icon-share-square-o:before {
  3818. content: "\f045";
  3819. }
  3820. .uk-icon-check-square-o:before {
  3821. content: "\f046";
  3822. }
  3823. .uk-icon-arrows:before {
  3824. content: "\f047";
  3825. }
  3826. .uk-icon-step-backward:before {
  3827. content: "\f048";
  3828. }
  3829. .uk-icon-fast-backward:before {
  3830. content: "\f049";
  3831. }
  3832. .uk-icon-backward:before {
  3833. content: "\f04a";
  3834. }
  3835. .uk-icon-play:before {
  3836. content: "\f04b";
  3837. }
  3838. .uk-icon-pause:before {
  3839. content: "\f04c";
  3840. }
  3841. .uk-icon-stop:before {
  3842. content: "\f04d";
  3843. }
  3844. .uk-icon-forward:before {
  3845. content: "\f04e";
  3846. }
  3847. .uk-icon-fast-forward:before {
  3848. content: "\f050";
  3849. }
  3850. .uk-icon-step-forward:before {
  3851. content: "\f051";
  3852. }
  3853. .uk-icon-eject:before {
  3854. content: "\f052";
  3855. }
  3856. .uk-icon-chevron-left:before {
  3857. content: "\f053";
  3858. }
  3859. .uk-icon-chevron-right:before {
  3860. content: "\f054";
  3861. }
  3862. .uk-icon-plus-circle:before {
  3863. content: "\f055";
  3864. }
  3865. .uk-icon-minus-circle:before {
  3866. content: "\f056";
  3867. }
  3868. .uk-icon-times-circle:before {
  3869. content: "\f057";
  3870. }
  3871. .uk-icon-check-circle:before {
  3872. content: "\f058";
  3873. }
  3874. .uk-icon-question-circle:before {
  3875. content: "\f059";
  3876. }
  3877. .uk-icon-info-circle:before {
  3878. content: "\f05a";
  3879. }
  3880. .uk-icon-crosshairs:before {
  3881. content: "\f05b";
  3882. }
  3883. .uk-icon-times-circle-o:before {
  3884. content: "\f05c";
  3885. }
  3886. .uk-icon-check-circle-o:before {
  3887. content: "\f05d";
  3888. }
  3889. .uk-icon-ban:before {
  3890. content: "\f05e";
  3891. }
  3892. .uk-icon-arrow-left:before {
  3893. content: "\f060";
  3894. }
  3895. .uk-icon-arrow-right:before {
  3896. content: "\f061";
  3897. }
  3898. .uk-icon-arrow-up:before {
  3899. content: "\f062";
  3900. }
  3901. .uk-icon-arrow-down:before {
  3902. content: "\f063";
  3903. }
  3904. .uk-icon-mail-forward:before,
  3905. .uk-icon-share:before {
  3906. content: "\f064";
  3907. }
  3908. .uk-icon-expand:before {
  3909. content: "\f065";
  3910. }
  3911. .uk-icon-compress:before {
  3912. content: "\f066";
  3913. }
  3914. .uk-icon-plus:before {
  3915. content: "\f067";
  3916. }
  3917. .uk-icon-minus:before {
  3918. content: "\f068";
  3919. }
  3920. .uk-icon-asterisk:before {
  3921. content: "\f069";
  3922. }
  3923. .uk-icon-exclamation-circle:before {
  3924. content: "\f06a";
  3925. }
  3926. .uk-icon-gift:before {
  3927. content: "\f06b";
  3928. }
  3929. .uk-icon-leaf:before {
  3930. content: "\f06c";
  3931. }
  3932. .uk-icon-fire:before {
  3933. content: "\f06d";
  3934. }
  3935. .uk-icon-eye:before {
  3936. content: "\f06e";
  3937. }
  3938. .uk-icon-eye-slash:before {
  3939. content: "\f070";
  3940. }
  3941. .uk-icon-warning:before,
  3942. .uk-icon-exclamation-triangle:before {
  3943. content: "\f071";
  3944. }
  3945. .uk-icon-plane:before {
  3946. content: "\f072";
  3947. }
  3948. .uk-icon-calendar:before {
  3949. content: "\f073";
  3950. }
  3951. .uk-icon-random:before {
  3952. content: "\f074";
  3953. }
  3954. .uk-icon-comment:before {
  3955. content: "\f075";
  3956. }
  3957. .uk-icon-magnet:before {
  3958. content: "\f076";
  3959. }
  3960. .uk-icon-chevron-up:before {
  3961. content: "\f077";
  3962. }
  3963. .uk-icon-chevron-down:before {
  3964. content: "\f078";
  3965. }
  3966. .uk-icon-retweet:before {
  3967. content: "\f079";
  3968. }
  3969. .uk-icon-shopping-cart:before {
  3970. content: "\f07a";
  3971. }
  3972. .uk-icon-folder:before {
  3973. content: "\f07b";
  3974. }
  3975. .uk-icon-folder-open:before {
  3976. content: "\f07c";
  3977. }
  3978. .uk-icon-arrows-v:before {
  3979. content: "\f07d";
  3980. }
  3981. .uk-icon-arrows-h:before {
  3982. content: "\f07e";
  3983. }
  3984. .uk-icon-bar-chart-o:before {
  3985. content: "\f080";
  3986. }
  3987. .uk-icon-twitter-square:before {
  3988. content: "\f081";
  3989. }
  3990. .uk-icon-facebook-square:before {
  3991. content: "\f082";
  3992. }
  3993. .uk-icon-camera-retro:before {
  3994. content: "\f083";
  3995. }
  3996. .uk-icon-key:before {
  3997. content: "\f084";
  3998. }
  3999. .uk-icon-gears:before,
  4000. .uk-icon-cogs:before {
  4001. content: "\f085";
  4002. }
  4003. .uk-icon-comments:before {
  4004. content: "\f086";
  4005. }
  4006. .uk-icon-thumbs-o-up:before {
  4007. content: "\f087";
  4008. }
  4009. .uk-icon-thumbs-o-down:before {
  4010. content: "\f088";
  4011. }
  4012. .uk-icon-star-half:before {
  4013. content: "\f089";
  4014. }
  4015. .uk-icon-heart-o:before {
  4016. content: "\f08a";
  4017. }
  4018. .uk-icon-sign-out:before {
  4019. content: "\f08b";
  4020. }
  4021. .uk-icon-linkedin-square:before {
  4022. content: "\f08c";
  4023. }
  4024. .uk-icon-thumb-tack:before {
  4025. content: "\f08d";
  4026. }
  4027. .uk-icon-external-link:before {
  4028. content: "\f08e";
  4029. }
  4030. .uk-icon-sign-in:before {
  4031. content: "\f090";
  4032. }
  4033. .uk-icon-trophy:before {
  4034. content: "\f091";
  4035. }
  4036. .uk-icon-github-square:before {
  4037. content: "\f092";
  4038. }
  4039. .uk-icon-upload:before {
  4040. content: "\f093";
  4041. }
  4042. .uk-icon-lemon-o:before {
  4043. content: "\f094";
  4044. }
  4045. .uk-icon-phone:before {
  4046. content: "\f095";
  4047. }
  4048. .uk-icon-square-o:before {
  4049. content: "\f096";
  4050. }
  4051. .uk-icon-bookmark-o:before {
  4052. content: "\f097";
  4053. }
  4054. .uk-icon-phone-square:before {
  4055. content: "\f098";
  4056. }
  4057. .uk-icon-twitter:before {
  4058. content: "\f099";
  4059. }
  4060. .uk-icon-facebook:before {
  4061. content: "\f09a";
  4062. }
  4063. .uk-icon-github:before {
  4064. content: "\f09b";
  4065. }
  4066. .uk-icon-unlock:before {
  4067. content: "\f09c";
  4068. }
  4069. .uk-icon-credit-card:before {
  4070. content: "\f09d";
  4071. }
  4072. .uk-icon-rss:before {
  4073. content: "\f09e";
  4074. }
  4075. .uk-icon-hdd-o:before {
  4076. content: "\f0a0";
  4077. }
  4078. .uk-icon-bullhorn:before {
  4079. content: "\f0a1";
  4080. }
  4081. .uk-icon-bell:before {
  4082. content: "\f0f3";
  4083. }
  4084. .uk-icon-certificate:before {
  4085. content: "\f0a3";
  4086. }
  4087. .uk-icon-hand-o-right:before {
  4088. content: "\f0a4";
  4089. }
  4090. .uk-icon-hand-o-left:before {
  4091. content: "\f0a5";
  4092. }
  4093. .uk-icon-hand-o-up:before {
  4094. content: "\f0a6";
  4095. }
  4096. .uk-icon-hand-o-down:before {
  4097. content: "\f0a7";
  4098. }
  4099. .uk-icon-arrow-circle-left:before {
  4100. content: "\f0a8";
  4101. }
  4102. .uk-icon-arrow-circle-right:before {
  4103. content: "\f0a9";
  4104. }
  4105. .uk-icon-arrow-circle-up:before {
  4106. content: "\f0aa";
  4107. }
  4108. .uk-icon-arrow-circle-down:before {
  4109. content: "\f0ab";
  4110. }
  4111. .uk-icon-globe:before {
  4112. content: "\f0ac";
  4113. }
  4114. .uk-icon-wrench:before {
  4115. content: "\f0ad";
  4116. }
  4117. .uk-icon-tasks:before {
  4118. content: "\f0ae";
  4119. }
  4120. .uk-icon-filter:before {
  4121. content: "\f0b0";
  4122. }
  4123. .uk-icon-briefcase:before {
  4124. content: "\f0b1";
  4125. }
  4126. .uk-icon-arrows-alt:before {
  4127. content: "\f0b2";
  4128. }
  4129. .uk-icon-group:before,
  4130. .uk-icon-users:before {
  4131. content: "\f0c0";
  4132. }
  4133. .uk-icon-chain:before,
  4134. .uk-icon-link:before {
  4135. content: "\f0c1";
  4136. }
  4137. .uk-icon-cloud:before {
  4138. content: "\f0c2";
  4139. }
  4140. .uk-icon-flask:before {
  4141. content: "\f0c3";
  4142. }
  4143. .uk-icon-cut:before,
  4144. .uk-icon-scissors:before {
  4145. content: "\f0c4";
  4146. }
  4147. .uk-icon-copy:before,
  4148. .uk-icon-files-o:before {
  4149. content: "\f0c5";
  4150. }
  4151. .uk-icon-paperclip:before {
  4152. content: "\f0c6";
  4153. }
  4154. .uk-icon-save:before,
  4155. .uk-icon-floppy-o:before {
  4156. content: "\f0c7";
  4157. }
  4158. .uk-icon-square:before {
  4159. content: "\f0c8";
  4160. }
  4161. .uk-icon-bars:before {
  4162. content: "\f0c9";
  4163. }
  4164. .uk-icon-list-ul:before {
  4165. content: "\f0ca";
  4166. }
  4167. .uk-icon-list-ol:before {
  4168. content: "\f0cb";
  4169. }
  4170. .uk-icon-strikethrough:before {
  4171. content: "\f0cc";
  4172. }
  4173. .uk-icon-underline:before {
  4174. content: "\f0cd";
  4175. }
  4176. .uk-icon-table:before {
  4177. content: "\f0ce";
  4178. }
  4179. .uk-icon-magic:before {
  4180. content: "\f0d0";
  4181. }
  4182. .uk-icon-truck:before {
  4183. content: "\f0d1";
  4184. }
  4185. .uk-icon-pinterest:before {
  4186. content: "\f0d2";
  4187. }
  4188. .uk-icon-pinterest-square:before {
  4189. content: "\f0d3";
  4190. }
  4191. .uk-icon-google-plus-square:before {
  4192. content: "\f0d4";
  4193. }
  4194. .uk-icon-google-plus:before {
  4195. content: "\f0d5";
  4196. }
  4197. .uk-icon-money:before {
  4198. content: "\f0d6";
  4199. }
  4200. .uk-icon-caret-down:before {
  4201. content: "\f0d7";
  4202. }
  4203. .uk-icon-caret-up:before {
  4204. content: "\f0d8";
  4205. }
  4206. .uk-icon-caret-left:before {
  4207. content: "\f0d9";
  4208. }
  4209. .uk-icon-caret-right:before {
  4210. content: "\f0da";
  4211. }
  4212. .uk-icon-columns:before {
  4213. content: "\f0db";
  4214. }
  4215. .uk-icon-unsorted:before,
  4216. .uk-icon-sort:before {
  4217. content: "\f0dc";
  4218. }
  4219. .uk-icon-sort-down:before,
  4220. .uk-icon-sort-asc:before {
  4221. content: "\f0dd";
  4222. }
  4223. .uk-icon-sort-up:before,
  4224. .uk-icon-sort-desc:before {
  4225. content: "\f0de";
  4226. }
  4227. .uk-icon-envelope:before {
  4228. content: "\f0e0";
  4229. }
  4230. .uk-icon-linkedin:before {
  4231. content: "\f0e1";
  4232. }
  4233. .uk-icon-rotate-left:before,
  4234. .uk-icon-undo:before {
  4235. content: "\f0e2";
  4236. }
  4237. .uk-icon-legal:before,
  4238. .uk-icon-gavel:before {
  4239. content: "\f0e3";
  4240. }
  4241. .uk-icon-dashboard:before,
  4242. .uk-icon-tachometer:before {
  4243. content: "\f0e4";
  4244. }
  4245. .uk-icon-comment-o:before {
  4246. content: "\f0e5";
  4247. }
  4248. .uk-icon-comments-o:before {
  4249. content: "\f0e6";
  4250. }
  4251. .uk-icon-flash:before,
  4252. .uk-icon-bolt:before {
  4253. content: "\f0e7";
  4254. }
  4255. .uk-icon-sitemap:before {
  4256. content: "\f0e8";
  4257. }
  4258. .uk-icon-umbrella:before {
  4259. content: "\f0e9";
  4260. }
  4261. .uk-icon-paste:before,
  4262. .uk-icon-clipboard:before {
  4263. content: "\f0ea";
  4264. }
  4265. .uk-icon-lightbulb-o:before {
  4266. content: "\f0eb";
  4267. }
  4268. .uk-icon-exchange:before {
  4269. content: "\f0ec";
  4270. }
  4271. .uk-icon-cloud-download:before {
  4272. content: "\f0ed";
  4273. }
  4274. .uk-icon-cloud-upload:before {
  4275. content: "\f0ee";
  4276. }
  4277. .uk-icon-user-md:before {
  4278. content: "\f0f0";
  4279. }
  4280. .uk-icon-stethoscope:before {
  4281. content: "\f0f1";
  4282. }
  4283. .uk-icon-suitcase:before {
  4284. content: "\f0f2";
  4285. }
  4286. .uk-icon-bell-o:before {
  4287. content: "\f0a2";
  4288. }
  4289. .uk-icon-coffee:before {
  4290. content: "\f0f4";
  4291. }
  4292. .uk-icon-cutlery:before {
  4293. content: "\f0f5";
  4294. }
  4295. .uk-icon-file-text-o:before {
  4296. content: "\f0f6";
  4297. }
  4298. .uk-icon-building-o:before {
  4299. content: "\f0f7";
  4300. }
  4301. .uk-icon-hospital-o:before {
  4302. content: "\f0f8";
  4303. }
  4304. .uk-icon-ambulance:before {
  4305. content: "\f0f9";
  4306. }
  4307. .uk-icon-medkit:before {
  4308. content: "\f0fa";
  4309. }
  4310. .uk-icon-fighter-jet:before {
  4311. content: "\f0fb";
  4312. }
  4313. .uk-icon-beer:before {
  4314. content: "\f0fc";
  4315. }
  4316. .uk-icon-h-square:before {
  4317. content: "\f0fd";
  4318. }
  4319. .uk-icon-plus-square:before {
  4320. content: "\f0fe";
  4321. }
  4322. .uk-icon-angle-double-left:before {
  4323. content: "\f100";
  4324. }
  4325. .uk-icon-angle-double-right:before {
  4326. content: "\f101";
  4327. }
  4328. .uk-icon-angle-double-up:before {
  4329. content: "\f102";
  4330. }
  4331. .uk-icon-angle-double-down:before {
  4332. content: "\f103";
  4333. }
  4334. .uk-icon-angle-left:before {
  4335. content: "\f104";
  4336. }
  4337. .uk-icon-angle-right:before {
  4338. content: "\f105";
  4339. }
  4340. .uk-icon-angle-up:before {
  4341. content: "\f106";
  4342. }
  4343. .uk-icon-angle-down:before {
  4344. content: "\f107";
  4345. }
  4346. .uk-icon-desktop:before {
  4347. content: "\f108";
  4348. }
  4349. .uk-icon-laptop:before {
  4350. content: "\f109";
  4351. }
  4352. .uk-icon-tablet:before {
  4353. content: "\f10a";
  4354. }
  4355. .uk-icon-mobile-phone:before,
  4356. .uk-icon-mobile:before {
  4357. content: "\f10b";
  4358. }
  4359. .uk-icon-circle-o:before {
  4360. content: "\f10c";
  4361. }
  4362. .uk-icon-quote-left:before {
  4363. content: "\f10d";
  4364. }
  4365. .uk-icon-quote-right:before {
  4366. content: "\f10e";
  4367. }
  4368. .uk-icon-spinner:before {
  4369. content: "\f110";
  4370. }
  4371. .uk-icon-circle:before {
  4372. content: "\f111";
  4373. }
  4374. .uk-icon-mail-reply:before,
  4375. .uk-icon-reply:before {
  4376. content: "\f112";
  4377. }
  4378. .uk-icon-github-alt:before {
  4379. content: "\f113";
  4380. }
  4381. .uk-icon-folder-o:before {
  4382. content: "\f114";
  4383. }
  4384. .uk-icon-folder-open-o:before {
  4385. content: "\f115";
  4386. }
  4387. .uk-icon-smile-o:before {
  4388. content: "\f118";
  4389. }
  4390. .uk-icon-frown-o:before {
  4391. content: "\f119";
  4392. }
  4393. .uk-icon-meh-o:before {
  4394. content: "\f11a";
  4395. }
  4396. .uk-icon-gamepad:before {
  4397. content: "\f11b";
  4398. }
  4399. .uk-icon-keyboard-o:before {
  4400. content: "\f11c";
  4401. }
  4402. .uk-icon-flag-o:before {
  4403. content: "\f11d";
  4404. }
  4405. .uk-icon-flag-checkered:before {
  4406. content: "\f11e";
  4407. }
  4408. .uk-icon-terminal:before {
  4409. content: "\f120";
  4410. }
  4411. .uk-icon-code:before {
  4412. content: "\f121";
  4413. }
  4414. .uk-icon-reply-all:before {
  4415. content: "\f122";
  4416. }
  4417. .uk-icon-mail-reply-all:before {
  4418. content: "\f122";
  4419. }
  4420. .uk-icon-star-half-empty:before,
  4421. .uk-icon-star-half-full:before,
  4422. .uk-icon-star-half-o:before {
  4423. content: "\f123";
  4424. }
  4425. .uk-icon-location-arrow:before {
  4426. content: "\f124";
  4427. }
  4428. .uk-icon-crop:before {
  4429. content: "\f125";
  4430. }
  4431. .uk-icon-code-fork:before {
  4432. content: "\f126";
  4433. }
  4434. .uk-icon-unlink:before,
  4435. .uk-icon-chain-broken:before {
  4436. content: "\f127";
  4437. }
  4438. .uk-icon-question:before {
  4439. content: "\f128";
  4440. }
  4441. .uk-icon-info:before {
  4442. content: "\f129";
  4443. }
  4444. .uk-icon-exclamation:before {
  4445. content: "\f12a";
  4446. }
  4447. .uk-icon-superscript:before {
  4448. content: "\f12b";
  4449. }
  4450. .uk-icon-subscript:before {
  4451. content: "\f12c";
  4452. }
  4453. .uk-icon-eraser:before {
  4454. content: "\f12d";
  4455. }
  4456. .uk-icon-puzzle-piece:before {
  4457. content: "\f12e";
  4458. }
  4459. .uk-icon-microphone:before {
  4460. content: "\f130";
  4461. }
  4462. .uk-icon-microphone-slash:before {
  4463. content: "\f131";
  4464. }
  4465. .uk-icon-shield:before {
  4466. content: "\f132";
  4467. }
  4468. .uk-icon-calendar-o:before {
  4469. content: "\f133";
  4470. }
  4471. .uk-icon-fire-extinguisher:before {
  4472. content: "\f134";
  4473. }
  4474. .uk-icon-rocket:before {
  4475. content: "\f135";
  4476. }
  4477. .uk-icon-maxcdn:before {
  4478. content: "\f136";
  4479. }
  4480. .uk-icon-chevron-circle-left:before {
  4481. content: "\f137";
  4482. }
  4483. .uk-icon-chevron-circle-right:before {
  4484. content: "\f138";
  4485. }
  4486. .uk-icon-chevron-circle-up:before {
  4487. content: "\f139";
  4488. }
  4489. .uk-icon-chevron-circle-down:before {
  4490. content: "\f13a";
  4491. }
  4492. .uk-icon-html5:before {
  4493. content: "\f13b";
  4494. }
  4495. .uk-icon-css3:before {
  4496. content: "\f13c";
  4497. }
  4498. .uk-icon-anchor:before {
  4499. content: "\f13d";
  4500. }
  4501. .uk-icon-unlock-alt:before {
  4502. content: "\f13e";
  4503. }
  4504. .uk-icon-bullseye:before {
  4505. content: "\f140";
  4506. }
  4507. .uk-icon-ellipsis-h:before {
  4508. content: "\f141";
  4509. }
  4510. .uk-icon-ellipsis-v:before {
  4511. content: "\f142";
  4512. }
  4513. .uk-icon-rss-square:before {
  4514. content: "\f143";
  4515. }
  4516. .uk-icon-play-circle:before {
  4517. content: "\f144";
  4518. }
  4519. .uk-icon-ticket:before {
  4520. content: "\f145";
  4521. }
  4522. .uk-icon-minus-square:before {
  4523. content: "\f146";
  4524. }
  4525. .uk-icon-minus-square-o:before {
  4526. content: "\f147";
  4527. }
  4528. .uk-icon-level-up:before {
  4529. content: "\f148";
  4530. }
  4531. .uk-icon-level-down:before {
  4532. content: "\f149";
  4533. }
  4534. .uk-icon-check-square:before {
  4535. content: "\f14a";
  4536. }
  4537. .uk-icon-pencil-square:before {
  4538. content: "\f14b";
  4539. }
  4540. .uk-icon-external-link-square:before {
  4541. content: "\f14c";
  4542. }
  4543. .uk-icon-share-square:before {
  4544. content: "\f14d";
  4545. }
  4546. .uk-icon-compass:before {
  4547. content: "\f14e";
  4548. }
  4549. .uk-icon-toggle-down:before,
  4550. .uk-icon-caret-square-o-down:before {
  4551. content: "\f150";
  4552. }
  4553. .uk-icon-toggle-up:before,
  4554. .uk-icon-caret-square-o-up:before {
  4555. content: "\f151";
  4556. }
  4557. .uk-icon-toggle-right:before,
  4558. .uk-icon-caret-square-o-right:before {
  4559. content: "\f152";
  4560. }
  4561. .uk-icon-euro:before,
  4562. .uk-icon-eur:before {
  4563. content: "\f153";
  4564. }
  4565. .uk-icon-gbp:before {
  4566. content: "\f154";
  4567. }
  4568. .uk-icon-dollar:before,
  4569. .uk-icon-usd:before {
  4570. content: "\f155";
  4571. }
  4572. .uk-icon-rupee:before,
  4573. .uk-icon-inr:before {
  4574. content: "\f156";
  4575. }
  4576. .uk-icon-cny:before,
  4577. .uk-icon-rmb:before,
  4578. .uk-icon-yen:before,
  4579. .uk-icon-jpy:before {
  4580. content: "\f157";
  4581. }
  4582. .uk-icon-ruble:before,
  4583. .uk-icon-rouble:before,
  4584. .uk-icon-rub:before {
  4585. content: "\f158";
  4586. }
  4587. .uk-icon-won:before,
  4588. .uk-icon-krw:before {
  4589. content: "\f159";
  4590. }
  4591. .uk-icon-bitcoin:before,
  4592. .uk-icon-btc:before {
  4593. content: "\f15a";
  4594. }
  4595. .uk-icon-file:before {
  4596. content: "\f15b";
  4597. }
  4598. .uk-icon-file-text:before {
  4599. content: "\f15c";
  4600. }
  4601. .uk-icon-sort-alpha-asc:before {
  4602. content: "\f15d";
  4603. }
  4604. .uk-icon-sort-alpha-desc:before {
  4605. content: "\f15e";
  4606. }
  4607. .uk-icon-sort-amount-asc:before {
  4608. content: "\f160";
  4609. }
  4610. .uk-icon-sort-amount-desc:before {
  4611. content: "\f161";
  4612. }
  4613. .uk-icon-sort-numeric-asc:before {
  4614. content: "\f162";
  4615. }
  4616. .uk-icon-sort-numeric-desc:before {
  4617. content: "\f163";
  4618. }
  4619. .uk-icon-thumbs-up:before {
  4620. content: "\f164";
  4621. }
  4622. .uk-icon-thumbs-down:before {
  4623. content: "\f165";
  4624. }
  4625. .uk-icon-youtube-square:before {
  4626. content: "\f166";
  4627. }
  4628. .uk-icon-youtube:before {
  4629. content: "\f167";
  4630. }
  4631. .uk-icon-xing:before {
  4632. content: "\f168";
  4633. }
  4634. .uk-icon-xing-square:before {
  4635. content: "\f169";
  4636. }
  4637. .uk-icon-youtube-play:before {
  4638. content: "\f16a";
  4639. }
  4640. .uk-icon-dropbox:before {
  4641. content: "\f16b";
  4642. }
  4643. .uk-icon-stack-overflow:before {
  4644. content: "\f16c";
  4645. }
  4646. .uk-icon-instagram:before {
  4647. content: "\f16d";
  4648. }
  4649. .uk-icon-flickr:before {
  4650. content: "\f16e";
  4651. }
  4652. .uk-icon-adn:before {
  4653. content: "\f170";
  4654. }
  4655. .uk-icon-bitbucket:before {
  4656. content: "\f171";
  4657. }
  4658. .uk-icon-bitbucket-square:before {
  4659. content: "\f172";
  4660. }
  4661. .uk-icon-tumblr:before {
  4662. content: "\f173";
  4663. }
  4664. .uk-icon-tumblr-square:before {
  4665. content: "\f174";
  4666. }
  4667. .uk-icon-long-arrow-down:before {
  4668. content: "\f175";
  4669. }
  4670. .uk-icon-long-arrow-up:before {
  4671. content: "\f176";
  4672. }
  4673. .uk-icon-long-arrow-left:before {
  4674. content: "\f177";
  4675. }
  4676. .uk-icon-long-arrow-right:before {
  4677. content: "\f178";
  4678. }
  4679. .uk-icon-apple:before {
  4680. content: "\f179";
  4681. }
  4682. .uk-icon-windows:before {
  4683. content: "\f17a";
  4684. }
  4685. .uk-icon-android:before {
  4686. content: "\f17b";
  4687. }
  4688. .uk-icon-linux:before {
  4689. content: "\f17c";
  4690. }
  4691. .uk-icon-dribbble:before {
  4692. content: "\f17d";
  4693. }
  4694. .uk-icon-skype:before {
  4695. content: "\f17e";
  4696. }
  4697. .uk-icon-foursquare:before {
  4698. content: "\f180";
  4699. }
  4700. .uk-icon-trello:before {
  4701. content: "\f181";
  4702. }
  4703. .uk-icon-female:before {
  4704. content: "\f182";
  4705. }
  4706. .uk-icon-male:before {
  4707. content: "\f183";
  4708. }
  4709. .uk-icon-gittip:before {
  4710. content: "\f184";
  4711. }
  4712. .uk-icon-sun-o:before {
  4713. content: "\f185";
  4714. }
  4715. .uk-icon-moon-o:before {
  4716. content: "\f186";
  4717. }
  4718. .uk-icon-archive:before {
  4719. content: "\f187";
  4720. }
  4721. .uk-icon-bug:before {
  4722. content: "\f188";
  4723. }
  4724. .uk-icon-vk:before {
  4725. content: "\f189";
  4726. }
  4727. .uk-icon-weibo:before {
  4728. content: "\f18a";
  4729. }
  4730. .uk-icon-renren:before {
  4731. content: "\f18b";
  4732. }
  4733. .uk-icon-pagelines:before {
  4734. content: "\f18c";
  4735. }
  4736. .uk-icon-stack-exchange:before {
  4737. content: "\f18d";
  4738. }
  4739. .uk-icon-arrow-circle-o-right:before {
  4740. content: "\f18e";
  4741. }
  4742. .uk-icon-arrow-circle-o-left:before {
  4743. content: "\f190";
  4744. }
  4745. .uk-icon-toggle-left:before,
  4746. .uk-icon-caret-square-o-left:before {
  4747. content: "\f191";
  4748. }
  4749. .uk-icon-dot-circle-o:before {
  4750. content: "\f192";
  4751. }
  4752. .uk-icon-wheelchair:before {
  4753. content: "\f193";
  4754. }
  4755. .uk-icon-vimeo-square:before {
  4756. content: "\f194";
  4757. }
  4758. .uk-icon-turkish-lira:before,
  4759. .uk-icon-try:before {
  4760. content: "\f195";
  4761. }
  4762. .uk-icon-plus-square-o:before {
  4763. content: "\f196";
  4764. }
  4765. /* ========================================================================
  4766. Component: Close
  4767. ========================================================================== */
  4768. /*
  4769. * 1. Required for `button` elements and makes
  4770. * close button more robust against different box-sizing use
  4771. * 2. Style
  4772. * 3. Required for `button` elements
  4773. * 4. Needed for Safari
  4774. */
  4775. .uk-close {
  4776. /* 1 */
  4777. -moz-box-sizing: content-box;
  4778. box-sizing: content-box;
  4779. /* 2 */
  4780. display: inline-block;
  4781. width: 20px;
  4782. line-height: 20px;
  4783. text-align: center;
  4784. color: inherit;
  4785. opacity: 0.3;
  4786. /* 3. */
  4787. padding: 0;
  4788. border: 0;
  4789. -webkit-appearance: none;
  4790. /* 4. */
  4791. background: transparent;
  4792. }
  4793. /* Icon */
  4794. .uk-close:after {
  4795. display: block;
  4796. content: "\f00d";
  4797. font-family: FontAwesome;
  4798. }
  4799. /*
  4800. * Hover
  4801. * 1. Apply hover style also to focus state
  4802. * 2. Remove default focus style
  4803. * 3. Required for `a` elements
  4804. */
  4805. .uk-close:hover,
  4806. .uk-close:focus {
  4807. opacity: 0.5;
  4808. /* 2 */
  4809. outline: none;
  4810. /* 3 */
  4811. color: inherit;
  4812. text-decoration: none;
  4813. cursor: pointer;
  4814. }
  4815. /* Modifier
  4816. ========================================================================== */
  4817. .uk-close-alt {
  4818. padding: 2px;
  4819. border-radius: 50%;
  4820. background: #ffffff;
  4821. opacity: 1;
  4822. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
  4823. }
  4824. /* Hover */
  4825. .uk-close-alt:hover,
  4826. .uk-close-alt:focus {
  4827. opacity: 1;
  4828. }
  4829. /* Icon */
  4830. .uk-close-alt:after {
  4831. opacity: 0.5;
  4832. }
  4833. .uk-close-alt:hover:after,
  4834. .uk-close-alt:focus:after {
  4835. opacity: 0.8;
  4836. }
  4837. /* ========================================================================
  4838. Component: Badge
  4839. ========================================================================== */
  4840. .uk-badge {
  4841. display: inline-block;
  4842. padding: 0 5px;
  4843. background: #00a8e6;
  4844. font-size: 10px;
  4845. font-weight: bold;
  4846. line-height: 14px;
  4847. color: #ffffff;
  4848. text-align: center;
  4849. vertical-align: middle;
  4850. text-transform: none;
  4851. border: 1px solid rgba(0, 0, 0, 0.06);
  4852. border-radius: 2px;
  4853. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  4854. }
  4855. /* Modifier: `uk-badge-notification`;
  4856. ========================================================================== */
  4857. .uk-badge-notification {
  4858. -moz-box-sizing: border-box;
  4859. box-sizing: border-box;
  4860. min-width: 18px;
  4861. border-radius: 500px;
  4862. font-size: 12px;
  4863. line-height: 18px;
  4864. }
  4865. /* Color modifier
  4866. ========================================================================== */
  4867. /*
  4868. * Modifier: `uk-badge-success`
  4869. */
  4870. .uk-badge-success {
  4871. background-color: #8cc14c;
  4872. }
  4873. /*
  4874. * Modifier: `uk-badge-warning`
  4875. */
  4876. .uk-badge-warning {
  4877. background-color: #faa732;
  4878. }
  4879. /*
  4880. * Modifier: `uk-badge-danger`
  4881. */
  4882. .uk-badge-danger {
  4883. background-color: #da314b;
  4884. }
  4885. /* ========================================================================
  4886. Component: Alert
  4887. ========================================================================== */
  4888. .uk-alert {
  4889. margin-bottom: 15px;
  4890. padding: 10px;
  4891. background: #ebf7fd;
  4892. color: #2d7091;
  4893. border: 1px solid rgba(45, 112, 145, 0.3);
  4894. border-radius: 4px;
  4895. text-shadow: 0 1px 0 #ffffff;
  4896. }
  4897. /*
  4898. * Add margin if adjacent element
  4899. */
  4900. * + .uk-alert {
  4901. margin-top: 15px;
  4902. }
  4903. /*
  4904. * Remove margin from the last-child
  4905. */
  4906. .uk-alert > :last-child {
  4907. margin-bottom: 0;
  4908. }
  4909. /*
  4910. * Keep color for headings if the default heading color is changed
  4911. */
  4912. .uk-alert h1,
  4913. .uk-alert h2,
  4914. .uk-alert h3,
  4915. .uk-alert h4,
  4916. .uk-alert h5,
  4917. .uk-alert h6 {
  4918. color: inherit;
  4919. }
  4920. /* Close in alert
  4921. ========================================================================== */
  4922. .uk-alert > .uk-close:first-child {
  4923. float: right;
  4924. }
  4925. /*
  4926. * Remove margin from adjacent element
  4927. */
  4928. .uk-alert > .uk-close:first-child + * {
  4929. margin-top: 0;
  4930. }
  4931. /* Modifier: `uk-alert-success`
  4932. ========================================================================== */
  4933. .uk-alert-success {
  4934. background: #f2fae3;
  4935. color: #659f13;
  4936. border-color: rgba(101, 159, 19, 0.3);
  4937. }
  4938. /* Modifier: `uk-alert-warning`
  4939. ========================================================================== */
  4940. .uk-alert-warning {
  4941. background: #fffceb;
  4942. color: #e28327;
  4943. border-color: rgba(226, 131, 39, 0.3);
  4944. }
  4945. /* Modifier: `uk-alert-danger`
  4946. ========================================================================== */
  4947. .uk-alert-danger {
  4948. background: #fff1f0;
  4949. color: #d85030;
  4950. border-color: rgba(216, 80, 48, 0.3);
  4951. }
  4952. /* Modifier: `uk-alert-large`
  4953. ========================================================================== */
  4954. .uk-alert-large {
  4955. padding: 20px;
  4956. }
  4957. .uk-alert-large > .uk-close:first-child {
  4958. margin: -10px -10px 0 0;
  4959. }
  4960. /* ========================================================================
  4961. Component: Thumbnail
  4962. ========================================================================== */
  4963. /*
  4964. * 1. Corrects max-width behavior (2.) if padding and border are used
  4965. * 2. Responsive behavior
  4966. * 3. Required for `figure` element
  4967. * 4. Style
  4968. */
  4969. .uk-thumbnail {
  4970. display: inline-block;
  4971. /* 1 */
  4972. -moz-box-sizing: border-box;
  4973. box-sizing: border-box;
  4974. /* 2 */
  4975. max-width: 100%;
  4976. /* 3 */
  4977. margin: 0;
  4978. /* 4 */
  4979. padding: 4px;
  4980. border: 1px solid #dddddd;
  4981. background: #ffffff;
  4982. border-radius: 4px;
  4983. }
  4984. /*
  4985. * Hover state for `a` elements
  4986. * 1. Apply hover style also to focus state
  4987. * 2. Needed for caption
  4988. * 3. Remove default focus style
  4989. */
  4990. a.uk-thumbnail:hover,
  4991. a.uk-thumbnail:focus {
  4992. border-color: #aaaaaa;
  4993. background-color: #ffffff;
  4994. /* 2 */
  4995. text-decoration: none;
  4996. /* 3 */
  4997. outline: none;
  4998. }
  4999. /* Caption
  5000. ========================================================================== */
  5001. .uk-thumbnail-caption {
  5002. padding-top: 4px;
  5003. text-align: center;
  5004. color: #444444;
  5005. }
  5006. /* Sizes
  5007. ========================================================================== */
  5008. .uk-thumbnail-mini {
  5009. width: 150px;
  5010. }
  5011. .uk-thumbnail-small {
  5012. width: 200px;
  5013. }
  5014. .uk-thumbnail-medium {
  5015. width: 300px;
  5016. }
  5017. .uk-thumbnail-large {
  5018. width: 400px;
  5019. }
  5020. .uk-thumbnail-expand,
  5021. .uk-thumbnail-expand > img {
  5022. width: 100%;
  5023. }
  5024. /* ========================================================================
  5025. Component: Overlay
  5026. ========================================================================== */
  5027. /*
  5028. * 1. Container width fits its content
  5029. * 2. Create position context
  5030. * 3. Set max-width for responsive images to prevent `inline-block` consequences
  5031. * 4. Remove the gap between the container and its child element
  5032. */
  5033. .uk-overlay {
  5034. /* 1 */
  5035. display: inline-block;
  5036. /* 2 */
  5037. position: relative;
  5038. /* 3 */
  5039. max-width: 100%;
  5040. /* 4 */
  5041. vertical-align: middle;
  5042. }
  5043. /*
  5044. * Fixed wrong scaling calculation for images in Chrome
  5045. */
  5046. .uk-overlay > img:first-child {
  5047. display: block;
  5048. }
  5049. /* Sub-object `uk-overlay-area`
  5050. ========================================================================== */
  5051. /*
  5052. * 1. Set position
  5053. * 2. Set style
  5054. * 3. Fade-in transition
  5055. */
  5056. .uk-overlay-area {
  5057. /* 1 */
  5058. position: absolute;
  5059. top: 0;
  5060. bottom: 0;
  5061. left: 0;
  5062. right: 0;
  5063. /* 2 */
  5064. background: rgba(0, 0, 0, 0.3);
  5065. /* 3 */
  5066. opacity: 0;
  5067. -webkit-transition: opacity 0.15s linear;
  5068. transition: opacity 0.15s linear;
  5069. -webkit-transform: translate3d(0, 0, 0);
  5070. }
  5071. /*
  5072. * Hover
  5073. * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier
  5074. */
  5075. .uk-overlay:hover .uk-overlay-area,
  5076. .uk-overlay-toggle:hover .uk-overlay-area {
  5077. opacity: 1;
  5078. }
  5079. /*
  5080. * Icon
  5081. */
  5082. .uk-overlay-area:empty:before {
  5083. content: "\f002";
  5084. position: absolute;
  5085. top: 50%;
  5086. left: 50%;
  5087. width: 50px;
  5088. height: 50px;
  5089. margin-top: -25px;
  5090. margin-left: -25px;
  5091. font-size: 50px;
  5092. line-height: 1;
  5093. font-family: FontAwesome;
  5094. text-align: center;
  5095. color: #ffffff;
  5096. }
  5097. /* Sub-object `uk-overlay-area-content`
  5098. ========================================================================== */
  5099. /*
  5100. * Remove whitespace between child elements when using `inline-block`
  5101. * Needed for Firefox
  5102. */
  5103. .uk-overlay-area:not(:empty) {
  5104. font-size: 0.001px;
  5105. }
  5106. /*
  5107. * 1. Needed for vertical alignment
  5108. */
  5109. .uk-overlay-area:not(:empty):before {
  5110. content: '';
  5111. display: inline-block;
  5112. height: 100%;
  5113. vertical-align: middle;
  5114. }
  5115. /*
  5116. * 1. Set vertical alignment
  5117. * 2. Reset whitespace hack
  5118. * 3. Set horizontal alignment
  5119. * 4. Set style
  5120. */
  5121. .uk-overlay-area-content {
  5122. /* 1 */
  5123. display: inline-block;
  5124. -moz-box-sizing: border-box;
  5125. box-sizing: border-box;
  5126. width: 100%;
  5127. vertical-align: middle;
  5128. /* 2 */
  5129. font-size: 1rem;
  5130. /* 3 */
  5131. text-align: center;
  5132. /* 4 */
  5133. padding: 0 15px;
  5134. color: #ffffff;
  5135. }
  5136. /*
  5137. * Remove margin from the last-child
  5138. */
  5139. .uk-overlay-area-content > :last-child {
  5140. margin-bottom: 0;
  5141. }
  5142. /*
  5143. * Links in overlay area
  5144. */
  5145. .uk-overlay-area-content a:not([class]),
  5146. .uk-overlay-area-content a:not([class]):hover {
  5147. color: inherit;
  5148. }
  5149. /* Sub-object `uk-overlay-caption`
  5150. ========================================================================== */
  5151. /*
  5152. * 1. Set position
  5153. * 2. Set style
  5154. * 3. Fade-in transition
  5155. */
  5156. .uk-overlay-caption {
  5157. /* 1 */
  5158. position: absolute;
  5159. bottom: 0;
  5160. left: 0;
  5161. right: 0;
  5162. /* 2 */
  5163. padding: 15px;
  5164. background: rgba(0, 0, 0, 0.5);
  5165. color: #ffffff;
  5166. /* 3 */
  5167. opacity: 0;
  5168. -webkit-transition: opacity 0.15s linear;
  5169. transition: opacity 0.15s linear;
  5170. -webkit-transform: translate3d(0, 0, 0);
  5171. }
  5172. /*
  5173. * Hover
  5174. * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier
  5175. */
  5176. .uk-overlay:hover .uk-overlay-caption,
  5177. .uk-overlay-toggle:hover .uk-overlay-caption {
  5178. opacity: 1;
  5179. }
  5180. /* ========================================================================
  5181. Component: Progress
  5182. ========================================================================== */
  5183. /*
  5184. * 1. Clearing
  5185. * 2. Vertical alignment if text is used
  5186. */
  5187. .uk-progress {
  5188. -moz-box-sizing: border-box;
  5189. box-sizing: border-box;
  5190. height: 20px;
  5191. margin-bottom: 15px;
  5192. background: #f5f5f5;
  5193. /* 1 */
  5194. overflow: hidden;
  5195. /* 2 */
  5196. line-height: 20px;
  5197. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  5198. border-radius: 4px;
  5199. }
  5200. /*
  5201. * Add margin if adjacent element
  5202. */
  5203. * + .uk-progress {
  5204. margin-top: 15px;
  5205. }
  5206. /* Sub-object: `uk-progress-bar`
  5207. ========================================================================== */
  5208. /*
  5209. * 1. Transition
  5210. * 2. Needed for text
  5211. */
  5212. .uk-progress-bar {
  5213. width: 0;
  5214. height: 100%;
  5215. background: #00a8e6;
  5216. float: left;
  5217. /* 1 */
  5218. -webkit-transition: width 0.6s ease;
  5219. transition: width 0.6s ease;
  5220. /* 2 */
  5221. font-size: 12px;
  5222. color: #ffffff;
  5223. text-align: center;
  5224. box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  5225. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  5226. }
  5227. /* Size modifiers
  5228. ========================================================================== */
  5229. /* Mini */
  5230. .uk-progress-mini {
  5231. height: 6px;
  5232. }
  5233. /* Small */
  5234. .uk-progress-small {
  5235. height: 12px;
  5236. }
  5237. /* Color modifiers
  5238. ========================================================================== */
  5239. .uk-progress-success .uk-progress-bar {
  5240. background-color: #8cc14c;
  5241. }
  5242. .uk-progress-warning .uk-progress-bar {
  5243. background-color: #faa732;
  5244. }
  5245. .uk-progress-danger .uk-progress-bar {
  5246. background-color: #da314b;
  5247. }
  5248. /* Modifier: `uk-progress-striped`
  5249. ========================================================================== */
  5250. .uk-progress-striped .uk-progress-bar {
  5251. background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5252. background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  5253. background-size: 30px 30px;
  5254. }
  5255. /*
  5256. * Animation
  5257. */
  5258. .uk-progress-striped.uk-active .uk-progress-bar {
  5259. -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
  5260. animation: uk-progress-bar-stripes 2s linear infinite;
  5261. }
  5262. @-webkit-keyframes uk-progress-bar-stripes {
  5263. 0% {
  5264. background-position: 0 0;
  5265. }
  5266. 100% {
  5267. background-position: 30px 0;
  5268. }
  5269. }
  5270. @keyframes uk-progress-bar-stripes {
  5271. 0% {
  5272. background-position: 0 0;
  5273. }
  5274. 100% {
  5275. background-position: 30px 0;
  5276. }
  5277. }
  5278. /* Size modifiers
  5279. ========================================================================== */
  5280. .uk-progress-mini,
  5281. .uk-progress-small {
  5282. border-radius: 500px;
  5283. }
  5284. /* ========================================================================
  5285. Component: Animation
  5286. ========================================================================== */
  5287. [class*='uk-animation-'] {
  5288. -webkit-animation-duration: 0.5s;
  5289. animation-duration: 0.5s;
  5290. -webkit-animation-timing-function: ease-out;
  5291. animation-timing-function: ease-out;
  5292. -webkit-animation-fill-mode: both;
  5293. animation-fill-mode: both;
  5294. }
  5295. /* Hide animated element if scrollspy is used */
  5296. [data-uk-scrollspy*='uk-animation-'] {
  5297. opacity: 0;
  5298. }
  5299. /*
  5300. * Fade
  5301. */
  5302. .uk-animation-fade {
  5303. -webkit-animation-name: uk-fade;
  5304. animation-name: uk-fade;
  5305. -webkit-animation-duration: 0.8s;
  5306. animation-duration: 0.8s;
  5307. -webkit-animation-timing-function: linear;
  5308. animation-timing-function: linear;
  5309. }
  5310. /*
  5311. * Scale
  5312. */
  5313. .uk-animation-scale-up {
  5314. -webkit-animation-name: uk-scale-up;
  5315. animation-name: uk-scale-up;
  5316. }
  5317. .uk-animation-scale-down {
  5318. -webkit-animation-name: uk-scale-down;
  5319. animation-name: uk-scale-down;
  5320. }
  5321. /*
  5322. * Slide
  5323. */
  5324. .uk-animation-slide-top {
  5325. -webkit-animation-name: uk-slide-top;
  5326. animation-name: uk-slide-top;
  5327. }
  5328. .uk-animation-slide-bottom {
  5329. -webkit-animation-name: uk-slide-bottom;
  5330. animation-name: uk-slide-bottom;
  5331. }
  5332. .uk-animation-slide-left {
  5333. -webkit-animation-name: uk-slide-left;
  5334. animation-name: uk-slide-left;
  5335. }
  5336. .uk-animation-slide-right {
  5337. -webkit-animation-name: uk-slide-right;
  5338. animation-name: uk-slide-right;
  5339. }
  5340. /*
  5341. * Shake
  5342. */
  5343. .uk-animation-shake {
  5344. -webkit-animation-name: uk-shake;
  5345. animation-name: uk-shake;
  5346. }
  5347. /* Modifiers
  5348. ========================================================================== */
  5349. .uk-animation-reverse {
  5350. -webkit-animation-direction: reverse;
  5351. animation-direction: reverse;
  5352. }
  5353. /* Keyframes
  5354. ========================================================================== */
  5355. /*
  5356. * Fade
  5357. */
  5358. @-webkit-keyframes uk-fade {
  5359. 0% {
  5360. opacity: 0;
  5361. }
  5362. 100% {
  5363. opacity: 1;
  5364. }
  5365. }
  5366. @keyframes uk-fade {
  5367. 0% {
  5368. opacity: 0;
  5369. }
  5370. 100% {
  5371. opacity: 1;
  5372. }
  5373. }
  5374. /*
  5375. * Scale up
  5376. */
  5377. @-webkit-keyframes uk-scale-up {
  5378. 0% {
  5379. opacity: 0;
  5380. -webkit-transform: scale(0.2);
  5381. }
  5382. 100% {
  5383. opacity: 1;
  5384. -webkit-transform: scale(1);
  5385. }
  5386. }
  5387. @keyframes uk-scale-up {
  5388. 0% {
  5389. opacity: 0;
  5390. transform: scale(0.2);
  5391. }
  5392. 100% {
  5393. opacity: 1;
  5394. transform: scale(1);
  5395. }
  5396. }
  5397. /*
  5398. * Scale down
  5399. */
  5400. @-webkit-keyframes uk-scale-down {
  5401. 0% {
  5402. opacity: 0;
  5403. -webkit-transform: scale(1.8);
  5404. }
  5405. 100% {
  5406. opacity: 1;
  5407. -webkit-transform: scale(1);
  5408. }
  5409. }
  5410. @keyframes uk-scale-down {
  5411. 0% {
  5412. opacity: 0;
  5413. transform: scale(1.8);
  5414. }
  5415. 100% {
  5416. opacity: 1;
  5417. transform: scale(1);
  5418. }
  5419. }
  5420. /*
  5421. * Slide top
  5422. */
  5423. @-webkit-keyframes uk-slide-top {
  5424. 0% {
  5425. opacity: 0;
  5426. -webkit-transform: translateY(-100%);
  5427. }
  5428. 100% {
  5429. opacity: 1;
  5430. -webkit-transform: translateY(0);
  5431. }
  5432. }
  5433. @keyframes uk-slide-top {
  5434. 0% {
  5435. opacity: 0;
  5436. transform: translateY(-100%);
  5437. }
  5438. 100% {
  5439. opacity: 1;
  5440. transform: translateY(0);
  5441. }
  5442. }
  5443. /*
  5444. * Slide bottom
  5445. */
  5446. @-webkit-keyframes uk-slide-bottom {
  5447. 0% {
  5448. opacity: 0;
  5449. -webkit-transform: translateY(100%);
  5450. }
  5451. 100% {
  5452. opacity: 1;
  5453. -webkit-transform: translateY(0);
  5454. }
  5455. }
  5456. @keyframes uk-slide-bottom {
  5457. 0% {
  5458. opacity: 0;
  5459. transform: translateY(100%);
  5460. }
  5461. 100% {
  5462. opacity: 1;
  5463. transform: translateY(0);
  5464. }
  5465. }
  5466. /*
  5467. * Slide left
  5468. */
  5469. @-webkit-keyframes uk-slide-left {
  5470. 0% {
  5471. opacity: 0;
  5472. -webkit-transform: translateX(-100%);
  5473. }
  5474. 100% {
  5475. opacity: 1;
  5476. -webkit-transform: translateX(0);
  5477. }
  5478. }
  5479. @keyframes uk-slide-left {
  5480. 0% {
  5481. opacity: 0;
  5482. transform: translateX(-100%);
  5483. }
  5484. 100% {
  5485. opacity: 1;
  5486. transform: translateX(0);
  5487. }
  5488. }
  5489. /*
  5490. * Slide right
  5491. */
  5492. @-webkit-keyframes uk-slide-right {
  5493. 0% {
  5494. opacity: 0;
  5495. -webkit-transform: translateX(100%);
  5496. }
  5497. 100% {
  5498. opacity: 1;
  5499. -webkit-transform: translateX(0);
  5500. }
  5501. }
  5502. @keyframes uk-slide-right {
  5503. 0% {
  5504. opacity: 0;
  5505. transform: translateX(100%);
  5506. }
  5507. 100% {
  5508. opacity: 1;
  5509. transform: translateX(0);
  5510. }
  5511. }
  5512. /*
  5513. * Shake
  5514. */
  5515. @-webkit-keyframes uk-shake {
  5516. 0%,
  5517. 100% {
  5518. -webkit-transform: translateX(0);
  5519. }
  5520. 10% {
  5521. -webkit-transform: translateX(-9px);
  5522. }
  5523. 20% {
  5524. -webkit-transform: translateX(8px);
  5525. }
  5526. 30% {
  5527. -webkit-transform: translateX(-7px);
  5528. }
  5529. 40% {
  5530. -webkit-transform: translateX(6px);
  5531. }
  5532. 50% {
  5533. -webkit-transform: translateX(-5px);
  5534. }
  5535. 60% {
  5536. -webkit-transform: translateX(4px);
  5537. }
  5538. 70% {
  5539. -webkit-transform: translateX(-3px);
  5540. }
  5541. 80% {
  5542. -webkit-transform: translateX(2px);
  5543. }
  5544. 90% {
  5545. -webkit-transform: translateX(-1px);
  5546. }
  5547. }
  5548. @keyframes uk-shake {
  5549. 0%,
  5550. 100% {
  5551. transform: translateX(0);
  5552. }
  5553. 10% {
  5554. transform: translateX(-9px);
  5555. }
  5556. 20% {
  5557. transform: translateX(8px);
  5558. }
  5559. 30% {
  5560. transform: translateX(-7px);
  5561. }
  5562. 40% {
  5563. transform: translateX(6px);
  5564. }
  5565. 50% {
  5566. transform: translateX(-5px);
  5567. }
  5568. 60% {
  5569. transform: translateX(4px);
  5570. }
  5571. 70% {
  5572. transform: translateX(-3px);
  5573. }
  5574. 80% {
  5575. transform: translateX(2px);
  5576. }
  5577. 90% {
  5578. transform: translateX(-1px);
  5579. }
  5580. }
  5581. /*
  5582. * Slide top fixed
  5583. */
  5584. @-webkit-keyframes uk-slide-top-fixed {
  5585. 0% {
  5586. opacity: 0;
  5587. -webkit-transform: translateY(-10px);
  5588. }
  5589. 100% {
  5590. opacity: 1;
  5591. -webkit-transform: translateY(0);
  5592. }
  5593. }
  5594. @keyframes uk-slide-top-fixed {
  5595. 0% {
  5596. opacity: 0;
  5597. transform: translateY(-10px);
  5598. }
  5599. 100% {
  5600. opacity: 1;
  5601. transform: translateY(0);
  5602. }
  5603. }
  5604. /*
  5605. * Slide bottom fixed
  5606. */
  5607. @-webkit-keyframes uk-slide-bottom-fixed {
  5608. 0% {
  5609. opacity: 0;
  5610. -webkit-transform: translateY(10px);
  5611. }
  5612. 100% {
  5613. opacity: 1;
  5614. -webkit-transform: translateY(0);
  5615. }
  5616. }
  5617. @keyframes uk-slide-bottom-fixed {
  5618. 0% {
  5619. opacity: 0;
  5620. transform: translateY(10px);
  5621. }
  5622. 100% {
  5623. opacity: 1;
  5624. transform: translateY(0);
  5625. }
  5626. }
  5627. /*
  5628. * Spin
  5629. */
  5630. @-webkit-keyframes uk-spin {
  5631. 0% {
  5632. -webkit-transform: rotate(0deg);
  5633. }
  5634. 100% {
  5635. -webkit-transform: rotate(359deg);
  5636. }
  5637. }
  5638. @keyframes uk-spin {
  5639. 0% {
  5640. transform: rotate(0deg);
  5641. }
  5642. 100% {
  5643. transform: rotate(359deg);
  5644. }
  5645. }
  5646. /* ========================================================================
  5647. Component: Dropdown
  5648. ========================================================================== */
  5649. /*
  5650. * 1. Hide by default
  5651. * 2. Set position
  5652. * 3. Box-sizing is needed for `uk-dropdown-justify`
  5653. * 4. Set style
  5654. * 5. Reset button group whitespace hack
  5655. */
  5656. .uk-dropdown {
  5657. /* 1 */
  5658. display: none;
  5659. /* 2 */
  5660. position: absolute;
  5661. top: 100%;
  5662. left: 0;
  5663. z-index: 1020;
  5664. /* 3 */
  5665. -moz-box-sizing: border-box;
  5666. box-sizing: border-box;
  5667. /* 4 */
  5668. width: 200px;
  5669. margin-top: 5px;
  5670. padding: 15px;
  5671. background: #ffffff;
  5672. color: #444444;
  5673. /* 5 */
  5674. font-size: 1rem;
  5675. vertical-align: top;
  5676. border: 1px solid #dddddd;
  5677. border-radius: 4px;
  5678. }
  5679. /*
  5680. * 1. Show dropdown
  5681. * 2. Set animation
  5682. * 3. Needed for scale animation
  5683. */
  5684. .uk-open > .uk-dropdown {
  5685. /* 1 */
  5686. display: block;
  5687. /* 2 */
  5688. -webkit-animation: uk-fade 0.2s ease-in-out;
  5689. animation: uk-fade 0.2s ease-in-out;
  5690. /* 3 */
  5691. -webkit-transform-origin: 0 0;
  5692. transform-origin: 0 0;
  5693. }
  5694. /* Alignment modifiers
  5695. ========================================================================== */
  5696. /*
  5697. * Modifier `uk-dropdown-flip`
  5698. */
  5699. .uk-dropdown-flip {
  5700. left: auto;
  5701. right: 0;
  5702. }
  5703. /*
  5704. * Modifier `uk-dropdown-up`
  5705. */
  5706. .uk-dropdown-up {
  5707. top: auto;
  5708. bottom: 100%;
  5709. margin-top: auto;
  5710. margin-bottom: 5px;
  5711. }
  5712. /* Nav in dropdown
  5713. ========================================================================== */
  5714. .uk-dropdown .uk-nav {
  5715. margin: 0 -15px;
  5716. }
  5717. /* Grid and panel in dropdown
  5718. ========================================================================== */
  5719. /*
  5720. * Vertical gutter
  5721. */
  5722. /* Grid */
  5723. .uk-dropdown > .uk-grid + .uk-grid {
  5724. margin-top: 15px;
  5725. }
  5726. /* Panels */
  5727. .uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
  5728. margin-top: 15px;
  5729. }
  5730. /* Tablet and bigger */
  5731. @media (min-width: 768px) {
  5732. /*
  5733. * Horizontal gutter
  5734. */
  5735. .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid {
  5736. margin-left: -15px;
  5737. margin-right: -15px;
  5738. }
  5739. .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] {
  5740. padding-left: 15px;
  5741. padding-right: 15px;
  5742. }
  5743. /*
  5744. * Column divider
  5745. */
  5746. .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
  5747. border-left: 1px solid #dddddd;
  5748. }
  5749. /*
  5750. * Width multiplier for dropdown columns
  5751. */
  5752. .uk-dropdown-width-2:not(.uk-dropdown-stack) {
  5753. width: 400px;
  5754. }
  5755. .uk-dropdown-width-3:not(.uk-dropdown-stack) {
  5756. width: 600px;
  5757. }
  5758. .uk-dropdown-width-4:not(.uk-dropdown-stack) {
  5759. width: 800px;
  5760. }
  5761. .uk-dropdown-width-5:not(.uk-dropdown-stack) {
  5762. width: 1000px;
  5763. }
  5764. }
  5765. /* Phone landscape and smaller */
  5766. @media (max-width: 767px) {
  5767. /*
  5768. * Stack columns and take full width
  5769. */
  5770. .uk-dropdown > .uk-grid > [class*='uk-width-'] {
  5771. width: 100%;
  5772. }
  5773. /*
  5774. * Vertical gutter
  5775. */
  5776. .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
  5777. margin-top: 15px;
  5778. }
  5779. }
  5780. /*
  5781. * Stack grid columns
  5782. */
  5783. .uk-dropdown-stack > .uk-grid > [class*='uk-width-'] {
  5784. width: 100%;
  5785. }
  5786. .uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
  5787. margin-top: 15px;
  5788. }
  5789. /* Modifier `uk-dropdown-small`
  5790. ========================================================================== */
  5791. /*
  5792. * Set min-width and text expands dropdown if needed
  5793. */
  5794. .uk-dropdown-small {
  5795. min-width: 150px;
  5796. width: auto;
  5797. padding: 5px;
  5798. white-space: nowrap;
  5799. }
  5800. /*
  5801. * Nav in dropdown
  5802. */
  5803. .uk-dropdown-small .uk-nav {
  5804. margin: 0 -5px;
  5805. }
  5806. /* Modifier: `uk-dropdown-navbar`
  5807. ========================================================================== */
  5808. .uk-dropdown-navbar {
  5809. margin-top: 6px;
  5810. background: #ffffff;
  5811. color: #444444;
  5812. left: -1px;
  5813. border: 1px solid #dddddd;
  5814. border-radius: 4px;
  5815. }
  5816. .uk-open > .uk-dropdown-navbar {
  5817. -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
  5818. animation: uk-slide-top-fixed 0.2s ease-in-out;
  5819. }
  5820. .uk-dropdown-navbar.uk-dropdown-flip {
  5821. left: auto;
  5822. }
  5823. /* ========================================================================
  5824. Component: Modal
  5825. ========================================================================== */
  5826. /*
  5827. * This is the modal overlay and modal dialog container
  5828. * 1. Hide by default
  5829. * 2. Set fixed position
  5830. * 3. Allow scrolling for the modal dialog
  5831. * 4. Mask the background page
  5832. * 5. Fade-in transition
  5833. * 6. Fix transition in Webkit
  5834. */
  5835. .uk-modal {
  5836. /* 1 */
  5837. display: none;
  5838. /* 2 */
  5839. position: fixed;
  5840. top: 0;
  5841. right: 0;
  5842. bottom: 0;
  5843. left: 0;
  5844. z-index: 1010;
  5845. /* 3 */
  5846. overflow-y: auto;
  5847. -webkit-overflow-scrolling: touch;
  5848. /* 4 */
  5849. background: rgba(0, 0, 0, 0.6);
  5850. /* 5 */
  5851. opacity: 0;
  5852. -webkit-transition: opacity 0.15s linear;
  5853. transition: opacity 0.15s linear;
  5854. /* 6 */
  5855. -webkit-transform: translateZ(0);
  5856. }
  5857. /*
  5858. * Open state
  5859. */
  5860. .uk-modal.uk-open {
  5861. opacity: 1;
  5862. }
  5863. /*
  5864. * Prevents duplicated scrollbar caused by 4.
  5865. */
  5866. .uk-modal-page,
  5867. .uk-modal-page body {
  5868. overflow: hidden;
  5869. }
  5870. /* Sub-object: `uk-modal-dialog`
  5871. ========================================================================== */
  5872. /*
  5873. * 1. Create position context for `uk-modal-dialog-frameless`
  5874. * 2. Set box sizing
  5875. * 3. Set style
  5876. * 4. Slide-in transition
  5877. */
  5878. .uk-modal-dialog {
  5879. /* 1 */
  5880. position: relative;
  5881. /* 2 */
  5882. -moz-box-sizing: border-box;
  5883. box-sizing: border-box;
  5884. margin: 50px auto;
  5885. padding: 20px;
  5886. width: 600px;
  5887. max-width: 100%;
  5888. max-width: calc(100% - 20px);
  5889. /* 3 */
  5890. background: #ffffff;
  5891. /* 4 */
  5892. opacity: 0;
  5893. -webkit-transform: translateY(-100px);
  5894. transform: translateY(-100px);
  5895. -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
  5896. transition: opacity 0.3s linear, transform 0.3s ease-out;
  5897. border-radius: 4px;
  5898. box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  5899. }
  5900. /* Phone landscape and smaller */
  5901. @media (max-width: 767px) {
  5902. /*
  5903. * Fit in small screen
  5904. */
  5905. .uk-modal-dialog {
  5906. width: auto;
  5907. margin: 10px;
  5908. }
  5909. }
  5910. /*
  5911. * Open state
  5912. */
  5913. .uk-open .uk-modal-dialog {
  5914. /* 4 */
  5915. opacity: 1;
  5916. -webkit-transform: translateY(0);
  5917. transform: translateY(0);
  5918. }
  5919. /*
  5920. * Remove margin from the last-child
  5921. */
  5922. .uk-modal-dialog > :last-child {
  5923. margin-bottom: 0;
  5924. }
  5925. /* Close in modal
  5926. ========================================================================== */
  5927. .uk-modal-dialog > .uk-close:first-child {
  5928. margin: -10px -10px 0 0;
  5929. float: right;
  5930. }
  5931. /*
  5932. * Remove margin from adjacent element
  5933. */
  5934. .uk-modal-dialog > .uk-close:first-child + * {
  5935. margin-top: 0;
  5936. }
  5937. /* Modifier: `uk-modal-dialog-frameless`
  5938. ========================================================================== */
  5939. .uk-modal-dialog-frameless {
  5940. padding: 0;
  5941. }
  5942. /*
  5943. * Close in modal
  5944. */
  5945. .uk-modal-dialog-frameless > .uk-close:first-child {
  5946. position: absolute;
  5947. top: -12px;
  5948. right: -12px;
  5949. margin: 0;
  5950. float: none;
  5951. }
  5952. /* Phone landscape and smaller */
  5953. @media (max-width: 767px) {
  5954. .uk-modal-dialog-frameless > .uk-close:first-child {
  5955. top: -7px;
  5956. right: -7px;
  5957. }
  5958. }
  5959. /* Modifier: `uk-modal-dialog-large`
  5960. ========================================================================== */
  5961. /* Tablet and bigger */
  5962. @media (min-width: 768px) {
  5963. .uk-modal-dialog-large {
  5964. width: 930px;
  5965. }
  5966. }
  5967. /* Large screen and bigger */
  5968. @media (min-width: 1220px) {
  5969. .uk-modal-dialog-large {
  5970. width: 1130px;
  5971. }
  5972. }
  5973. /* ========================================================================
  5974. Component: Off-canvas
  5975. ========================================================================== */
  5976. /*
  5977. * This is the offcanvas overlay and bar container
  5978. * 1. Hide by default
  5979. * 2. Set fixed position
  5980. * 3. Mask the background page
  5981. */
  5982. .uk-offcanvas {
  5983. /* 1 */
  5984. display: none;
  5985. /* 2 */
  5986. position: fixed;
  5987. top: 0;
  5988. right: 0;
  5989. bottom: 0;
  5990. left: 0;
  5991. z-index: 1000;
  5992. /* 3 */
  5993. background: rgba(0, 0, 0, 0.1);
  5994. }
  5995. .uk-offcanvas.uk-active {
  5996. display: block;
  5997. }
  5998. /* Sub-object `uk-offcanvas-page`
  5999. ========================================================================== */
  6000. /*
  6001. * Prepares the whole HTML page to slide-out
  6002. * 1. Fix the main page and disallow scrolling
  6003. * 2. Side-out transition
  6004. */
  6005. .uk-offcanvas-page {
  6006. /* 1 */
  6007. position: fixed;
  6008. /* 2 */
  6009. -webkit-transition: margin-left 0.3s ease-in-out 50ms;
  6010. transition: margin-left 0.3s ease-in-out 50ms;
  6011. }
  6012. /* Sub-object `uk-offcanvas-bar`
  6013. ========================================================================== */
  6014. /*
  6015. * This is the offcanvas bar
  6016. * 1. Set fixed position
  6017. * 2. Size and style
  6018. * 3. Allow scrolling
  6019. * 4. Side-out transition
  6020. */
  6021. .uk-offcanvas-bar {
  6022. /* 1 */
  6023. position: fixed;
  6024. top: 0;
  6025. bottom: 0;
  6026. left: 0;
  6027. -webkit-transform: translateX(-100%);
  6028. transform: translateX(-100%);
  6029. z-index: 1001;
  6030. /* 2 */
  6031. width: 270px;
  6032. max-width: 100%;
  6033. background: #333333;
  6034. /* 3 */
  6035. overflow-y: auto;
  6036. -webkit-overflow-scrolling: touch;
  6037. /* 4 */
  6038. -webkit-transition: -webkit-transform 0.3s ease-in-out;
  6039. transition: transform 0.3s ease-in-out;
  6040. }
  6041. .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  6042. -webkit-transform: translateX(0%);
  6043. transform: translateX(0%);
  6044. }
  6045. /* Modifier `uk-offcanvas-bar-flip`
  6046. ========================================================================== */
  6047. .uk-offcanvas-bar-flip {
  6048. left: auto;
  6049. right: 0;
  6050. -webkit-transform: translateX(100%);
  6051. transform: translateX(100%);
  6052. }
  6053. /* Panel in offcanvas
  6054. ========================================================================== */
  6055. .uk-offcanvas .uk-panel {
  6056. margin: 20px 15px;
  6057. color: #777777;
  6058. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  6059. }
  6060. .uk-offcanvas .uk-panel-title {
  6061. color: #cccccc;
  6062. }
  6063. .uk-offcanvas .uk-panel a:not([class]) {
  6064. color: #cccccc;
  6065. }
  6066. .uk-offcanvas .uk-panel a:not([class]):hover {
  6067. color: #ffffff;
  6068. }
  6069. .uk-offcanvas-bar:after {
  6070. content: "";
  6071. display: block;
  6072. position: absolute;
  6073. top: 0;
  6074. bottom: 0;
  6075. right: 0;
  6076. width: 1px;
  6077. background: rgba(0, 0, 0, 0.6);
  6078. box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
  6079. }
  6080. .uk-offcanvas-bar-flip:after {
  6081. right: auto;
  6082. left: 0;
  6083. width: 1px;
  6084. background: rgba(0, 0, 0, 0.6);
  6085. box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
  6086. }
  6087. /* ========================================================================
  6088. Component: Switcher
  6089. ========================================================================== */
  6090. .uk-switcher {
  6091. margin: 0;
  6092. padding: 0;
  6093. list-style: none;
  6094. }
  6095. /*
  6096. * Items
  6097. */
  6098. .uk-switcher > *:not(.uk-active) {
  6099. display: none;
  6100. }
  6101. /* ========================================================================
  6102. Component: Tooltip
  6103. ========================================================================== */
  6104. /*
  6105. * 1. Hide by default
  6106. * 2. Set fixed position
  6107. * 3. Set dimensions
  6108. * 4. Set style
  6109. */
  6110. .uk-tooltip {
  6111. /* 1 */
  6112. display: none;
  6113. /* 2 */
  6114. position: absolute;
  6115. z-index: 1030;
  6116. /* 3 */
  6117. -moz-box-sizing: border-box;
  6118. box-sizing: border-box;
  6119. max-width: 200px;
  6120. padding: 5px 8px;
  6121. /* 4 */
  6122. background: #333333;
  6123. color: rgba(255, 255, 255, 0.7);
  6124. font-size: 12px;
  6125. line-height: 18px;
  6126. text-align: center;
  6127. border-radius: 3px;
  6128. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  6129. }
  6130. /* Triangle
  6131. ========================================================================== */
  6132. /*
  6133. * 1. Dashed is less antialised than solid
  6134. */
  6135. .uk-tooltip:after {
  6136. content: "";
  6137. display: block;
  6138. position: absolute;
  6139. width: 0;
  6140. height: 0;
  6141. /* 1 */
  6142. border: 5px dashed #333333;
  6143. }
  6144. /* Direction modifiers
  6145. ========================================================================== */
  6146. /*
  6147. * Top
  6148. */
  6149. .uk-tooltip-top:after,
  6150. .uk-tooltip-top-left:after,
  6151. .uk-tooltip-top-right:after {
  6152. bottom: -5px;
  6153. border-top-style: solid;
  6154. border-bottom: none;
  6155. border-left-color: transparent;
  6156. border-right-color: transparent;
  6157. border-top-color: #333333;
  6158. }
  6159. /*
  6160. * Bottom
  6161. */
  6162. .uk-tooltip-bottom:after,
  6163. .uk-tooltip-bottom-left:after,
  6164. .uk-tooltip-bottom-right:after {
  6165. top: -5px;
  6166. border-bottom-style: solid;
  6167. border-top: none;
  6168. border-left-color: transparent;
  6169. border-right-color: transparent;
  6170. border-bottom-color: #333333;
  6171. }
  6172. /*
  6173. * Top/Bottom center
  6174. */
  6175. .uk-tooltip-top:after,
  6176. .uk-tooltip-bottom:after {
  6177. left: 50%;
  6178. margin-left: -5px;
  6179. }
  6180. /*
  6181. * Top/Bottom left
  6182. */
  6183. .uk-tooltip-top-left:after,
  6184. .uk-tooltip-bottom-left:after {
  6185. left: 10px;
  6186. }
  6187. /*
  6188. * Top/Bottom right
  6189. */
  6190. .uk-tooltip-top-right:after,
  6191. .uk-tooltip-bottom-right:after {
  6192. right: 10px;
  6193. }
  6194. /*
  6195. * Left
  6196. */
  6197. .uk-tooltip-left:after {
  6198. right: -5px;
  6199. top: 50%;
  6200. margin-top: -5px;
  6201. border-left-style: solid;
  6202. border-right: none;
  6203. border-top-color: transparent;
  6204. border-bottom-color: transparent;
  6205. border-left-color: #333333;
  6206. }
  6207. /*
  6208. * Right
  6209. */
  6210. .uk-tooltip-right:after {
  6211. left: -5px;
  6212. top: 50%;
  6213. margin-top: -5px;
  6214. border-right-style: solid;
  6215. border-left: none;
  6216. border-top-color: transparent;
  6217. border-bottom-color: transparent;
  6218. border-right-color: #333333;
  6219. }
  6220. /* ========================================================================
  6221. Component: Text
  6222. ========================================================================== */
  6223. /* Size modifiers
  6224. ========================================================================== */
  6225. .uk-text-small {
  6226. font-size: 11px;
  6227. line-height: 16px;
  6228. }
  6229. .uk-text-large {
  6230. font-size: 18px;
  6231. line-height: 24px;
  6232. }
  6233. /* Weight modifiers
  6234. ========================================================================== */
  6235. .uk-text-bold {
  6236. font-weight: bold;
  6237. }
  6238. /* Color modifiers
  6239. ========================================================================== */
  6240. .uk-text-muted {
  6241. color: #999999 !important;
  6242. }
  6243. .uk-text-primary {
  6244. color: #2d7091 !important;
  6245. }
  6246. .uk-text-success {
  6247. color: #659f13 !important;
  6248. }
  6249. .uk-text-warning {
  6250. color: #e28327 !important;
  6251. }
  6252. .uk-text-danger {
  6253. color: #d85030 !important;
  6254. }
  6255. /* Alignment modifiers
  6256. ========================================================================== */
  6257. .uk-text-left {
  6258. text-align: left !important;
  6259. }
  6260. .uk-text-right {
  6261. text-align: right !important;
  6262. }
  6263. .uk-text-center {
  6264. text-align: center !important;
  6265. }
  6266. .uk-text-justify {
  6267. text-align: justify !important;
  6268. }
  6269. .uk-text-top {
  6270. vertical-align: top !important;
  6271. }
  6272. .uk-text-middle {
  6273. vertical-align: middle !important;
  6274. }
  6275. .uk-text-bottom {
  6276. vertical-align: bottom !important;
  6277. }
  6278. /* Only tablets portrait */
  6279. @media (min-width: 768px) and (max-width: 959px) {
  6280. .uk-text-center-medium {
  6281. text-align: center !important;
  6282. }
  6283. }
  6284. /* Phone landscape and smaller */
  6285. @media (max-width: 767px) {
  6286. .uk-text-center-small {
  6287. text-align: center !important;
  6288. }
  6289. }
  6290. /* Wrap modifiers
  6291. ========================================================================== */
  6292. /*
  6293. * Prevent text from wrapping onto multiple lines
  6294. */
  6295. .uk-text-nowrap {
  6296. white-space: nowrap;
  6297. }
  6298. /*
  6299. * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
  6300. */
  6301. .uk-text-truncate {
  6302. overflow: hidden;
  6303. text-overflow: ellipsis;
  6304. white-space: nowrap;
  6305. }
  6306. /*
  6307. * Break strings if their length exceeds the width of their container
  6308. */
  6309. .uk-text-break {
  6310. word-wrap: break-word;
  6311. -webkit-hyphens: auto;
  6312. -ms-hyphens: auto;
  6313. -moz-hyphens: auto;
  6314. hyphens: auto;
  6315. }
  6316. /* ========================================================================
  6317. Component: Utility
  6318. ========================================================================== */
  6319. /* Container
  6320. ========================================================================== */
  6321. .uk-container {
  6322. -moz-box-sizing: border-box;
  6323. box-sizing: border-box;
  6324. max-width: 980px;
  6325. padding: 0 25px;
  6326. }
  6327. /* Large screen and bigger */
  6328. @media (min-width: 1220px) {
  6329. .uk-container {
  6330. max-width: 1200px;
  6331. padding: 0 35px;
  6332. }
  6333. }
  6334. /*
  6335. * Micro clearfix
  6336. */
  6337. .uk-container:before,
  6338. .uk-container:after {
  6339. content: " ";
  6340. display: table;
  6341. }
  6342. .uk-container:after {
  6343. clear: both;
  6344. }
  6345. /*
  6346. * Center container
  6347. */
  6348. .uk-container-center {
  6349. margin-left: auto;
  6350. margin-right: auto;
  6351. }
  6352. /* Clearing
  6353. ========================================================================== */
  6354. /*
  6355. * Micro clearfix
  6356. */
  6357. .uk-clearfix:before,
  6358. .uk-clearfix:after {
  6359. content: " ";
  6360. display: table;
  6361. }
  6362. .uk-clearfix:after {
  6363. clear: both;
  6364. }
  6365. /*
  6366. * Create a new block formatting context
  6367. */
  6368. .uk-nbfc {
  6369. overflow: hidden;
  6370. }
  6371. .uk-nbfc-alt {
  6372. display: table-cell;
  6373. width: 10000px;
  6374. }
  6375. /* Alignment of block elements
  6376. ========================================================================== */
  6377. /*
  6378. * Float blocks
  6379. * 1. Prevent content overflow on small devices
  6380. */
  6381. .uk-float-left {
  6382. float: left;
  6383. }
  6384. .uk-float-right {
  6385. float: right;
  6386. }
  6387. /* 1 */
  6388. [class*='uk-float-'] {
  6389. max-width: 100%;
  6390. }
  6391. /* Alignment of images and objects
  6392. ========================================================================== */
  6393. /*
  6394. * Alignment
  6395. */
  6396. [class*='uk-align-'] {
  6397. display: block;
  6398. margin-bottom: 15px;
  6399. }
  6400. .uk-align-left {
  6401. margin-right: 15px;
  6402. float: left;
  6403. }
  6404. .uk-align-right {
  6405. margin-left: 15px;
  6406. float: right;
  6407. }
  6408. /* Tablet and bigger */
  6409. @media (min-width: 768px) {
  6410. .uk-align-medium-left {
  6411. margin-right: 15px;
  6412. margin-bottom: 15px;
  6413. float: left;
  6414. }
  6415. .uk-align-medium-right {
  6416. margin-left: 15px;
  6417. margin-bottom: 15px;
  6418. float: right;
  6419. }
  6420. }
  6421. .uk-align-center {
  6422. margin-left: auto;
  6423. margin-right: auto;
  6424. }
  6425. /* Vertical alignment
  6426. ========================================================================== */
  6427. /*
  6428. * Remove whitespace between child elements when using `inline-block`
  6429. */
  6430. .uk-vertical-align {
  6431. font-size: 0.001px;
  6432. }
  6433. /*
  6434. * The `uk-vertical-align` container needs a specific height
  6435. */
  6436. .uk-vertical-align:before {
  6437. content: '';
  6438. display: inline-block;
  6439. height: 100%;
  6440. vertical-align: middle;
  6441. }
  6442. /*
  6443. * Sub-object which can have any height
  6444. * 1. Reset whitespace hack
  6445. */
  6446. .uk-vertical-align-middle,
  6447. .uk-vertical-align-bottom {
  6448. display: inline-block;
  6449. max-width: 100%;
  6450. /* 1 */
  6451. font-size: 1rem;
  6452. }
  6453. .uk-vertical-align-middle {
  6454. vertical-align: middle;
  6455. }
  6456. .uk-vertical-align-bottom {
  6457. vertical-align: bottom;
  6458. }
  6459. /*
  6460. * This helper class is very useful to extend the `html` and `body` element to the full height of the page.
  6461. */
  6462. .uk-height-1-1 {
  6463. height: 100%;
  6464. }
  6465. /* Responsive objects
  6466. * Note: Images are already responsive by default, see Base component
  6467. ========================================================================== */
  6468. /*
  6469. * 1. Corrects max-width/max-height behavior if padding and border are used
  6470. */
  6471. .uk-responsive-width,
  6472. .uk-responsive-height {
  6473. -moz-box-sizing: border-box;
  6474. box-sizing: border-box;
  6475. }
  6476. /*
  6477. * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
  6478. */
  6479. .uk-responsive-width {
  6480. max-width: 100%;
  6481. height: auto;
  6482. }
  6483. /*
  6484. * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
  6485. * Only works if the parent element has a fixed height.
  6486. */
  6487. .uk-responsive-height {
  6488. max-height: 100%;
  6489. width: auto;
  6490. }
  6491. /* Margin
  6492. ========================================================================== */
  6493. /*
  6494. * Create a block with the same margin of a paragraph
  6495. * Add margin if adjacent element
  6496. */
  6497. .uk-margin {
  6498. margin-bottom: 15px;
  6499. }
  6500. * + .uk-margin {
  6501. margin-top: 15px;
  6502. }
  6503. .uk-margin-top {
  6504. margin-top: 15px !important;
  6505. }
  6506. .uk-margin-bottom {
  6507. margin-bottom: 15px !important;
  6508. }
  6509. .uk-margin-left {
  6510. margin-left: 15px !important;
  6511. }
  6512. .uk-margin-right {
  6513. margin-right: 15px !important;
  6514. }
  6515. /*
  6516. * Larger margins
  6517. */
  6518. .uk-margin-large {
  6519. margin-bottom: 50px;
  6520. }
  6521. * + .uk-margin-large {
  6522. margin-top: 50px;
  6523. }
  6524. .uk-margin-large-top {
  6525. margin-top: 50px !important;
  6526. }
  6527. .uk-margin-large-bottom {
  6528. margin-bottom: 50px !important;
  6529. }
  6530. .uk-margin-large-left {
  6531. margin-left: 50px !important;
  6532. }
  6533. .uk-margin-large-right {
  6534. margin-right: 50px !important;
  6535. }
  6536. /*
  6537. * Smaller margins
  6538. */
  6539. .uk-margin-small {
  6540. margin-bottom: 5px;
  6541. }
  6542. * + .uk-margin-small {
  6543. margin-top: 5px;
  6544. }
  6545. .uk-margin-small-top {
  6546. margin-top: 5px !important;
  6547. }
  6548. .uk-margin-small-bottom {
  6549. margin-bottom: 5px !important;
  6550. }
  6551. .uk-margin-small-left {
  6552. margin-left: 5px !important;
  6553. }
  6554. .uk-margin-small-right {
  6555. margin-right: 5px !important;
  6556. }
  6557. /*
  6558. * Remove margins
  6559. */
  6560. .uk-margin-remove {
  6561. margin: 0 !important;
  6562. }
  6563. .uk-margin-top-remove {
  6564. margin-top: 0 !important;
  6565. }
  6566. .uk-margin-bottom-remove {
  6567. margin-bottom: 0 !important;
  6568. }
  6569. /* Border
  6570. ========================================================================== */
  6571. .uk-border-circle {
  6572. border-radius: 50%;
  6573. }
  6574. .uk-border-rounded {
  6575. border-radius: 5px;
  6576. }
  6577. /* Headings
  6578. ========================================================================== */
  6579. /* Tablet and bigger */
  6580. @media (min-width: 768px) {
  6581. .uk-heading-large {
  6582. font-size: 52px;
  6583. line-height: 64px;
  6584. }
  6585. }
  6586. /* Link
  6587. ========================================================================== */
  6588. .uk-link-muted,
  6589. .uk-link-muted a {
  6590. color: #444444;
  6591. }
  6592. .uk-link-muted:hover,
  6593. .uk-link-muted a:hover {
  6594. color: #444444;
  6595. }
  6596. /* Scrollable
  6597. ========================================================================== */
  6598. /*
  6599. * Enable scrolling for preformatted text
  6600. */
  6601. .uk-scrollable-text {
  6602. height: 300px;
  6603. overflow-y: scroll;
  6604. -webkit-overflow-scrolling: touch;
  6605. resize: both;
  6606. }
  6607. /*
  6608. * Box with scrolling enabled
  6609. */
  6610. .uk-scrollable-box {
  6611. -moz-box-sizing: border-box;
  6612. box-sizing: border-box;
  6613. height: 170px;
  6614. padding: 10px;
  6615. border: 1px solid #dddddd;
  6616. overflow: auto;
  6617. -webkit-overflow-scrolling: touch;
  6618. resize: both;
  6619. border-radius: 3px;
  6620. }
  6621. .uk-scrollable-box > :last-child {
  6622. margin-bottom: 0;
  6623. }
  6624. /* Overflow
  6625. ========================================================================== */
  6626. /*
  6627. * Enable scrollbars if content is clipped
  6628. */
  6629. .uk-overflow-container {
  6630. overflow: auto;
  6631. -webkit-overflow-scrolling: touch;
  6632. }
  6633. .uk-overflow-container > :last-child {
  6634. margin-bottom: 0;
  6635. }
  6636. /* Display
  6637. ========================================================================== */
  6638. /*
  6639. * Display
  6640. */
  6641. .uk-display-block {
  6642. display: block !important;
  6643. }
  6644. .uk-display-inline {
  6645. display: inline !important;
  6646. }
  6647. .uk-display-inline-block {
  6648. display: inline-block !important;
  6649. }
  6650. /*
  6651. * Visibility
  6652. * Avoids setting display to `block`
  6653. */
  6654. /* Desktop and bigger */
  6655. @media (min-width: 960px) {
  6656. .uk-visible-small {
  6657. display: none !important;
  6658. }
  6659. .uk-visible-medium {
  6660. display: none !important;
  6661. }
  6662. .uk-hidden-large {
  6663. display: none !important;
  6664. }
  6665. }
  6666. /* Only tablets portrait */
  6667. @media (min-width: 768px) and (max-width: 959px) {
  6668. .uk-visible-small {
  6669. display: none !important;
  6670. }
  6671. .uk-visible-large {
  6672. display: none !important ;
  6673. }
  6674. .uk-hidden-medium {
  6675. display: none !important;
  6676. }
  6677. }
  6678. /* Phone landscape and smaller */
  6679. @media (max-width: 767px) {
  6680. .uk-visible-medium {
  6681. display: none !important;
  6682. }
  6683. .uk-visible-large {
  6684. display: none !important;
  6685. }
  6686. .uk-hidden-small {
  6687. display: none !important;
  6688. }
  6689. }
  6690. /* Remove from the flow and screen readers on any device */
  6691. .uk-hidden {
  6692. display: none !important;
  6693. visibility: hidden !important;
  6694. }
  6695. /* It's hidden, but still affects layout */
  6696. .uk-invisible {
  6697. visibility: hidden !important;
  6698. }
  6699. /* Show on hover */
  6700. .uk-visible-hover:hover .uk-hidden,
  6701. .uk-visible-hover:hover .uk-invisible {
  6702. display: block !important;
  6703. visibility: visible !important;
  6704. }
  6705. .uk-visible-hover-inline:hover .uk-hidden,
  6706. .uk-visible-hover-inline:hover .uk-invisible {
  6707. display: inline-block !important;
  6708. visibility: visible !important;
  6709. }
  6710. /* ========================================================================
  6711. Component: Print
  6712. ========================================================================== */
  6713. @media print {
  6714. * {
  6715. background: transparent !important;
  6716. color: black !important;
  6717. box-shadow: none !important;
  6718. text-shadow: none !important;
  6719. }
  6720. a,
  6721. a:visited {
  6722. text-decoration: underline;
  6723. }
  6724. pre,
  6725. blockquote {
  6726. border: 1px solid #999;
  6727. page-break-inside: avoid;
  6728. }
  6729. thead {
  6730. display: table-header-group;
  6731. }
  6732. tr,
  6733. img {
  6734. page-break-inside: avoid;
  6735. }
  6736. img {
  6737. max-width: 100% !important;
  6738. }
  6739. @page {
  6740. margin: 0.5cm;
  6741. }
  6742. p,
  6743. h2,
  6744. h3 {
  6745. orphans: 3;
  6746. widows: 3;
  6747. }
  6748. h2,
  6749. h3 {
  6750. page-break-after: avoid;
  6751. }
  6752. }