Файловый менеджер

Файловый менеджер - Редактировать - /var/www/iplanru/data/www/i-plan.ru/templates/yoo_everest/styles/desert/css/theme.css

Назад
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) / @import 'https://fonts.googleapis.com/css?family=Scada'; @import 'https://fonts.googleapis.com/css?family=Open+Sans:300'; @font-face { font-family: 'cuprumbold'; src: url('../../../fonts/cuprum-bold-yu.eot'); src: url('../../../fonts/cuprum-bold-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/cuprum-bold-yu.woff') format('woff'), url('../../../fonts/cuprum-bold-yu.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cuprumbolditalic'; src: url('../../../fonts/cuprum-bolditalic-yu.eot'); src: url('../../../fonts/cuprum-bolditalic-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/cuprum-bolditalic-yu.woff') format('woff'), url('../../../fonts/cuprum-bolditalic-yu.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cuprumitalic'; src: url('../../../fonts/cuprum-italic-yu.eot'); src: url('../../../fonts/cuprum-italic-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/cuprum-italic-yu.woff') format('woff'), url('../../../fonts/cuprum-italic-yu.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cuprumregular'; src: url('../../../fonts/cuprum-regular-yu.eot'); src: url('../../../fonts/cuprum-regular-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/cuprum-regular-yu.woff') format('woff'), url('../../../fonts/cuprum-regular-yu.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrbold_italic'; src: url('../../../fonts/HELVETICANEUECYR-BOLDITALIC_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-BOLDITALIC_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-BOLDITALIC_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-BOLDITALIC_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-BOLDITALIC_0-yu.svg#helveticaneuecyrbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrultraLtIt'; src: url('../../../fonts/HELVETICANEUECYR-ULTRALIGHTITALIC_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-ULTRALIGHTITALIC_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-ULTRALIGHTITALIC_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-ULTRALIGHTITALIC_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-ULTRALIGHTITALIC_0-yu.svg#helveticaneuecyrultraLtIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrthin_italic'; src: url('../../../fonts/HELVETICANEUECYR-THINITALIC_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-THINITALIC_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-THINITALIC_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-THINITALIC_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-THINITALIC_0-yu.svg#helveticaneuecyrthin_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrlight_italic'; src: url('../../../fonts/HELVETICANEUECYR-LIGHTITALIC_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-LIGHTITALIC_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-LIGHTITALIC_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-LIGHTITALIC_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-LIGHTITALIC_0-yu.svg#helveticaneuecyrlight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyritalic'; src: url('../../../fonts/HELVETICANEUECYR-ITALIC_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-ITALIC_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-ITALIC_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-ITALIC_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-ITALIC_0-yu.svg#helveticaneuecyritalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrblack_italic'; src: url('../../../fonts/HELVETICANEUECYR-BLACKITALIC_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-BLACKITALIC_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-BLACKITALIC_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-BLACKITALIC_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-BLACKITALIC_0-yu.svg#helveticaneuecyrblack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrultralight'; src: url('../../../fonts/HELVETICANEUECYR-ULTRALIGHT_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-ULTRALIGHT_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-ULTRALIGHT_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-ULTRALIGHT_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-ULTRALIGHT_0-yu.svg#helveticaneuecyrultralight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrthin'; src: url('../../../fonts/HELVETICANEUECYR-THIN_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-THIN_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-THIN_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-THIN_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-THIN_0-yu.svg#helveticaneuecyrthin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrroman'; src: url('../../../fonts/HELVETICANEUECYR-ROMAN_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-ROMAN_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-ROMAN_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-ROMAN_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-ROMAN_0-yu.svg#helveticaneuecyrroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrmedium'; src: url('../../../fonts/HELVETICANEUECYR-MEDIUM_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-MEDIUM_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-MEDIUM_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-MEDIUM_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-MEDIUM_0-yu.svg#helveticaneuecyrmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrbold'; src: url('../../../fonts/HELVETICANEUECYR-BOLD_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-BOLD_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-BOLD_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-BOLD_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-BOLD_0-yu.svg#helveticaneuecyrbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrblack'; src: url('../../../fonts/HELVETICANEUECYR-BLACK_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-BLACK_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-BLACK_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-BLACK_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-BLACK_0-yu.svg#helveticaneuecyrblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuecyrlight'; src: url('../../../fonts/HELVETICANEUECYR-LIGHT_0-yu.eot'); src: url('../../../fonts/HELVETICANEUECYR-LIGHT_0-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/HELVETICANEUECYR-LIGHT_0-yu.woff') format('woff'), url('../../../fonts/HELVETICANEUECYR-LIGHT_0-yu.ttf') format('truetype'), url('../../../fonts/HELVETICANEUECYR-LIGHT_0-yu.svg#helveticaneuecyrlight') format('svg'); font-weight: normal; font-style: normal; } / helveticaneuecyrbold helveticaneuecyrlight helveticaneuecyrroman / @font-face { font-family: 'pt_sansbold'; src: url('../../../fonts/pts75f_0yu.eot'); src: url('../../../fonts/pts75f_0yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/pts75f_0yu.woff') format('woff'), url('../../../fonts/pts75f_0yu.ttf') format('truetype'), url('../../../fonts/pts75f_0yu.svg#pt_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansitalic'; src: url('../../../fonts/pts56f_0yu.eot'); src: url('../../../fonts/pts56f_0yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/pts56f_0yu.woff') format('woff'), url('../../../fonts/pts56f_0yu.ttf') format('truetype'), url('../../../fonts/pts56f_0yu.svg#pt_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansregular'; src: url('../../../fonts/pts55f_0yu.eot'); src: url('../../../fonts/pts55f_0yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/pts55f_0yu.woff') format('woff'), url('../../../fonts/pts55f_0yu.ttf') format('truetype'), url('../../../fonts/pts55f_0yu.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sansbold_italic'; src: url('../../../fonts/pts76f_0yu.eot'); src: url('../../../fonts/pts76f_0yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/pts76f_0yu.woff') format('woff'), url('../../../fonts/pts76f_0yu.ttf') format('truetype'), url('../../../fonts/pts76f_0yu.svg#pt_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pt_sans_narrowbold'; src: url('../../../fonts/nuDcbdU1-yu.eot'); src: url('../../../fonts/nuDcbdU1-yu.eot?#iefix') format('embedded-opentype'), url('../../../fonts/nuDcbdU1-yu.woff') format('woff'), url('../../../fonts/nuDcbdU1-yu.ttf') format('truetype'), url('../../../fonts/nuDcbdU1-yu.svg#pt_sans_narrowbold') format('svg'); font-weight: normal; font-style: normal; } / ======================================================================== Component: Normalize ========================================================================== / / Base ========================================================================== / / * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. / html { / 1 / font-family: sans-serif; / 2 / -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } / * Removes default margin. / body { margin: 0; } / HTML5 display definitions ========================================================================== / / * Corrects `block` display not defined in IE 8/9. / article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } / * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. / audio, canvas, progress, video { / 1 / display: inline-block; / 2 / vertical-align: baseline; } / * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. / audio:not([controls]) { display: none; height: 0; } / * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. / [hidden], template { display: none; } / Links ========================================================================== / / * Remove the gray background color from active links in IE 10. / a { background: transparent; } / * Improves readability when focused and also mouse hovered in all browsers. / a:active, a:hover { outline: 0; } / Text-level semantics ========================================================================== / / * Addresses styling not present in IE 8/9, Safari 5, and Chrome. / abbr[title] { border-bottom: 1px dotted; } / * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. / b, strong { font-weight: bold; } / * Addresses styling not present in Safari 5 and Chrome. / dfn { font-style: italic; } / * Addresses inconsistent and variable font size in all browsers. / small { font-size: 80%; } / * Prevents `sub` and `sup` affecting `line-height` in all browsers. / sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } / Embedded content ========================================================================== / / * Removes border when inside `a` element in IE 8/9. / img { border: 0; } / * Corrects overflow displayed oddly in IE 9. / svg:not(:root) { overflow: hidden; } / Grouping content ========================================================================== / / * Addresses margin not present in IE 8/9 and Safari 5. / figure { margin: 0; } / * Address differences between Firefox and other browsers. / hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } / * Contain overflow in all browsers. / pre { overflow: auto; } / * Address odd `em`-unit font size rendering in all browsers. * 1. Consolas has a better baseline in running text compared to `Courier` / code, kbd, pre, samp { font-size: 1em; / 1 / font-family: Consolas, monospace, serif; } / Forms ========================================================================== / / * 1. Correct color not being inherited. Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Define consistent box sizing * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. / button, input, optgroup, select, textarea { / 1 / color: inherit; / 2 / font: inherit; / 3 / margin: 0; / 4 / -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. / optgroup { font-weight: bold; } /* * Address `overflow` set to `hidden` in IE 8/9/10. / button { overflow: visible; } / * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8+, and Opera * Correct `select` style inheritance in Firefox. / button, select { text-transform: none; } / * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type `input` and others. / button, html input[type="button"], input[type="reset"], input[type="submit"] { / 2 / -webkit-appearance: button; / 3 / cursor: pointer; } / * Re-set default cursor for disabled elements. / button:disabled, html input:disabled { cursor: default; } / * Removes inner padding and border in Firefox 4+. / button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } / * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. / input { line-height: normal; } / * 1. Removes excess padding in IE 8/9. * 2. Improves consistency of cursor style for clickable elements / input[type="checkbox"], input[type="radio"] { / 1 / padding: 0; / 2 / cursor: pointer; } / * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. / input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } / * Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. / input[type="search"] { -webkit-appearance: textfield; } / * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). / input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } / * Define consistent border, margin, and padding. / fieldset { border: none; margin: 0; padding: 0; } / * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. / legend { / 1 / border: 0; / 2 / padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. / textarea { overflow: auto; / 1 / vertical-align: top; / 2 / } / * Removes placeholder transparency in Firefox. / ::-moz-placeholder { opacity: 1; } / Tables ========================================================================== / / * Remove most spacing between table cells. / table { border-collapse: collapse; border-spacing: 0; } / ======================================================================== Component: Base ========================================================================== / / Body ========================================================================== / / * `font-size` is set in `html` element to support the `rem` unit for font-sizes / html { font-size: 14px; } body { background: #f3ede2; font-family: 'Arial'; font-weight: 300; line-height: 24px; color: #ad9871; background: #ffffff; color: #000000; /font-family: "helveticaneuecyrroman";/ font-size: 14px; text-align: left; line-height: 18px; } / Phone landscape and smaller / @media (max-width: 767px) { / * Break strings if their length exceeds the width of their container / body { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } } / Text-level semantics ========================================================================== / / * Links / a, .uk-link { color: #000000; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { color: #000000; text-decoration: underline; } / * Emphasize / em { color: #000000; } / * Insert / ins { background: rgba(236, 192, 109, 0.6); color: #ffffff; text-decoration: none; } / * Mark * Note: Addresses styling not present in IE 8/9. / mark { background: rgba(236, 192, 109, 0.6); color: #ffffff; } / * Selection highlight / ::-moz-selection { background: #70AF08; color: #000000; text-shadow: none; } ::selection { background: #70AF08; color: #000000; text-shadow: none; } / * Abbreviation and definition / abbr[title], dfn[title] { cursor: help; } dfn[title] { border-bottom: 1px dotted; font-style: normal; } / Embedded content ========================================================================== / / * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsiveness: Sets a maximum width relative to the parent and auto scales the height * 3. Remove the gap between images and the bottom of their containers / img { / 1 / -moz-box-sizing: border-box; box-sizing: border-box; / 2 / max-width: 100%; height: auto; / 3 / vertical-align: middle; } / * Preserve original image dimensions * 1. Fix Google maps automatically via URL detection / .uk-img-preserve, .uk-img-preserve img, img[src="maps.gstatic.com"], img[src="googleapis.com"] { max-width: none; } / Spacing for block elements ========================================================================== / p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 5px 0; } / * Don't worry about the universal selector. * There is no mentionable performance impact. / + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 5px; } /* Headings ========================================================================== / /h1{ margin: 0 0 15px 0; font-family: "cuprumbold"; font-weight: normal; color: #000000; text-transform: uppercase; } h2{ margin: 0 0 15px 0; font-family: "cuprumbold"; font-weight: normal; color: #70AF08; text-transform: uppercase; } h3{ margin: 0 0 15px 0; font-family: "cuprumbold"; font-weight: normal; color: #000000; text-transform: uppercase; } h4, h5, h6 { margin: 0 0 15px 0; font-family: "cuprumbold"; font-weight: normal; color: #000000; }/ / * Don't worry about the universal selector. * There is no mentionable performance impact. / + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 25px; } h1, .uk-h1 { font-size: 36px; line-height: 36px; } h2, .uk-h2 { font-size: 24px; line-height: 30px; } h3, .uk-h3 { font-size: 18px; line-height: 24px; } h4, .uk-h4 { font-size: 16px; line-height: 22px; } h5, .uk-h5 { font-size: 14px; line-height: 24px; } h6, .uk-h6 { font-size: 12px; line-height: 18px; } /* Lists ========================================================================== / / * Ordered and unordered lists / ul, ol { padding-left: 30px; } / Reset margin for nested lists / ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } / * Description lists / dt { font-weight: bold; } dd { margin-left: 0; } / Horizontal rule ========================================================================== / hr { display: block; padding: 0; border: 0; border-top: 1px solid #e3d9c8; } / Address ========================================================================== / address { font-style: normal; } / Quotes ========================================================================== / q, blockquote { font-style: italic; } blockquote { padding-left: 15px; border-left: 5px solid #eae2d4; font-size: 16px; line-height: 22px; } / Small print for identifying the source / blockquote small { display: block; color: #d1c4ad; font-style: normal; } / Smaller margin if `small` follows / blockquote p:last-of-type { margin-bottom: 5px; } / Code and preformatted text ========================================================================== / code { color: #e38f71; font-size: 12px; white-space: nowrap; } / Reset code elements if parent of pre elements / pre code { color: inherit; white-space: pre-wrap; } pre { padding: 10px; background: #eae2d4; color: #8b7773; font-size: 12px; line-height: 18px; -moz-tab-size: 4; tab-size: 4; border: 1px solid #e3d9c8; } / Forms ========================================================================== / / * Vertical alignment * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text / button, input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } / Iframe ========================================================================== / iframe { border: 0; } / Fix viewport for IE10 snap mode ========================================================================== / @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } / ======================================================================== Component: Grid ========================================================================== / / * Micro clearfix / .uk-grid:before, .uk-grid:after { content: " "; display: table; } .uk-grid:after { clear: both; } / * 1. Needed for the gutter * 2. Makes grid more robust so that it can be used with other block elements like lists / .uk-grid { / 1 / margin: 0 0 0 0px; / 2 / padding: 0; list-style: none; overflow: hidden; position: relative; } / * Grid cell * 1. Makes grid more robust so that it can be used with other block elements * 2. Create horizontal gutter * 3. `float` is set by default so columns always behave the same and create a new block format context / .uk-grid > { /* 1 / margin: 0; / 2 / padding-left: 0px; / 3 / float: left; } / * Remove margin from the last-child / .uk-grid > > :last-child { margin-bottom: 0; } /* Grid gutter ========================================================================== / / * Vertical gutter / .uk-grid + .uk-grid { margin-top: 15px; } / * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row * Higher specificity to override margin / .uk-grid > .uk-grid-margin { margin-top: 15px; } / * Vertical gutter for panels / .uk-grid > > .uk-panel + .uk-panel { margin-top: 10px; } /* * Larger gutter for large screens / / Large screen and bigger / @media (min-width: 1220px) { / Horizontal gutter / .uk-grid:not(.uk-grid-preserve) { margin-left: /-15px/ 0; } .uk-grid:not(.uk-grid-preserve) > { /padding-left: 15px;/ padding-left: 0px; } /* Vertical gutter / .uk-grid:not(.uk-grid-preserve) + .uk-grid { margin-top: 10px; } .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { margin-top: 10px; } / Vertical gutter for panels / .uk-grid:not(.uk-grid-preserve) > > .uk-panel + .uk-panel { margin-top: 10px; } } /* * Small gutter * Higher specificity to override large gutter / .uk-grid.uk-grid-small { margin-left: -10px; } .uk-grid.uk-grid-small > { padding-left: 10px; } .uk-grid.uk-grid-small + .uk-grid-small { margin-top: 10px; } .uk-grid.uk-grid-small > .uk-grid-margin { margin-top: 10px; } .uk-grid.uk-grid-small > * > .uk-panel + .uk-panel { margin-top: 10px; } /* Modifier: `uk-grid-divider` ========================================================================== / / * Horizontal divider * Does not work with `uk-push-`, `uk-pull-` and not if the columns float into the next row / .uk-grid-divider:not(:empty) { margin-left: -15px; margin-right: -15px; } .uk-grid-divider > { padding-left: 15px; padding-right: 15px; } .uk-grid-divider > [class='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-9-']:nth-child(n+2) { border-left: 1px solid rgba(100, 70, 30, 0.13); } / Tablet and bigger / @media (min-width: 768px) { .uk-grid-divider > [class='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px solid rgba(100, 70, 30, 0.13); } } /* Desktop and bigger / @media (min-width: 960px) { .uk-grid-divider > [class='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 1px solid rgba(100, 70, 30, 0.13); } } /* Large screen and bigger / @media (min-width: 1220px) { / * Large gutter / .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { margin-left: -15px; margin-right: -15px; } .uk-grid-divider:not(.uk-grid-preserve) > { padding-left: 15px; padding-right: 15px; } .uk-grid-divider:not(.uk-grid-preserve):empty { margin-top: 15px; margin-bottom: 15px; } } /* * Vertical divider / .uk-grid-divider:empty { margin-top: 15px; margin-bottom: 15px; border-top: 1px solid rgba(100, 70, 30, 0.13); } / Even grid cell widths ========================================================================== / [class='uk-grid-width'] > * { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .uk-grid-width-1-2 > * { width: 50%; } .uk-grid-width-1-3 > * { width: 33.333%; } .uk-grid-width-1-4 > * { width: 25%; } .uk-grid-width-1-5 > * { width: 20%; } .uk-grid-width-1-6 > * { width: 16.666%; } .uk-grid-width-1-10 > * { width: 10%; } /* Phone landscape and bigger / @media (min-width: 480px) { .uk-grid-width-small-1-2 > { width: 50%; } .uk-grid-width-small-1-3 > * { width: 33.333%; } .uk-grid-width-small-1-4 > * { width: 25%; } .uk-grid-width-small-1-5 > * { width: 20%; } .uk-grid-width-small-1-6 > * { width: 16.666%; } .uk-grid-width-small-1-10 > * { width: 10%; } } /* Tablet and bigger / @media (min-width: 768px) { .uk-grid-width-medium-1-2 > { width: 50%; } .uk-grid-width-medium-1-3 > * { width: 33.333%; } .uk-grid-width-medium-1-4 > * { width: 25%; } .uk-grid-width-medium-1-5 > * { width: 20%; } .uk-grid-width-medium-1-6 > * { width: 16.666%; } .uk-grid-width-medium-1-10 > * { width: 10%; } } /* Desktop and bigger / @media (min-width: 960px) { .uk-grid-width-large-1-2 > { width: 50%; } .uk-grid-width-large-1-3 > * { width: 33.333%; } .uk-grid-width-large-1-4 > * { width: 25%; } .uk-grid-width-large-1-5 > * { width: 20%; } .uk-grid-width-large-1-6 > * { width: 16.666%; } .uk-grid-width-large-1-10 > * { width: 10%; } } /* Large screen and bigger / @media (min-width: 1220px) { .uk-grid-width-xlarge-1-2 > { width: 50%; } .uk-grid-width-xlarge-1-3 > * { width: 33.333%; } .uk-grid-width-xlarge-1-4 > * { width: 25%; } .uk-grid-width-xlarge-1-5 > * { width: 20%; } .uk-grid-width-xlarge-1-6 > * { width: 16.666%; } .uk-grid-width-xlarge-1-10 > * { width: 10%; } } /* Sub-objects: `uk-width-` ========================================================================== / [class='uk-width'] { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } / * Widths / / Whole / .uk-width-1-1 { width: 100%; } / Halves / .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; } / Thirds / .uk-width-1-3, .uk-width-2-6 { width: 33.333%; } .uk-width-2-3, .uk-width-4-6 { width: 66.666%; } / Quarters / .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } / Fifths / .uk-width-1-5, .uk-width-2-10 { width: 20%; } .uk-width-2-5, .uk-width-4-10 { width: 40%; } .uk-width-3-5, .uk-width-6-10 { width: 60%; } .uk-width-4-5, .uk-width-8-10 { width: 80%; } / Sixths / .uk-width-1-6 { width: 16.666%; } .uk-width-5-6 { width: 83.333%; } / Tenths / .uk-width-1-10 { width: 10%; } .uk-width-3-10 { width: 30%; } .uk-width-7-10 { width: 70%; } .uk-width-9-10 { width: 90%; } / Phone landscape and bigger / @media (min-width: 480px) { / Whole / .uk-width-small-1-1 { width: 100%; } / Halves / .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; } / Thirds / .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; } .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; } / Quarters / .uk-width-small-1-4 { width: 25%; } .uk-width-small-3-4 { width: 75%; } / Fifths / .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; } .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; } .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; } .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; } / Sixths / .uk-width-small-1-6 { width: 16.666%; } .uk-width-small-5-6 { width: 83.333%; } / Tenths / .uk-width-small-1-10 { width: 10%; } .uk-width-small-3-10 { width: 30%; } .uk-width-small-7-10 { width: 70%; } .uk-width-small-9-10 { width: 90%; } } / Tablet and bigger / @media (min-width: 768px) { / Whole / .uk-width-medium-1-1 { width: 100%; } / Halves / .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; } / Thirds / .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; } / Quarters / .uk-width-medium-1-4 { width: 25%; } .uk-width-medium-3-4 { width: 75%; } / Fifths / .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; width: 260px; position: relative; right: -20px; } .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } .uk-width-medium-3-5, .uk-width-medium-6-10 { /width: 60%;/ width: 740px; } .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; } / Sixths / .uk-width-medium-1-6 { width: 16.666%; } .uk-width-medium-5-6 { width: 83.333%; } / Tenths / .uk-width-medium-1-10 { width: 10%; } .uk-width-medium-3-10 { width: 30%; } .uk-width-medium-7-10 { width: 70%; } .uk-width-medium-9-10 { width: 90%; } } / Desktop and bigger / @media (min-width: 960px) { / Whole / .uk-width-large-1-1 { width: 100%; } / Halves / .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } / Thirds / .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; } / Quarters / .uk-width-large-1-4 { width: 25%; } .uk-width-large-3-4 { width: 75%; } / Fifths / .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; } .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; } .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; } .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; } / Sixths / .uk-width-large-1-6 { width: 16.666%; } .uk-width-large-5-6 { width: 83.333%; } / Tenths / .uk-width-large-1-10 { width: 10%; } .uk-width-large-3-10 { width: 30%; } .uk-width-large-7-10 { width: 70%; } .uk-width-large-9-10 { width: 90%; } } / Sub-object: `uk-push-` and `uk-pull-` ========================================================================== / / * Source ordering * Works only with `uk-width-medium-` / /* Tablet and bigger / @media (min-width: 768px) { [class='uk-push-'], [class='uk-pull-'] { position: relative; } / * Push / / Halves / .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; } / Thirds / .uk-push-1-3, .uk-push-2-6 { left: 33.333%; } .uk-push-2-3, .uk-push-4-6 { left: 66.666%; } / Quarters / .uk-push-1-4 { left: 25%; } .uk-push-3-4 { left: 75%; } / Fifths / .uk-push-1-5, .uk-push-2-10 { left: /20%/271px; } .uk-push-2-5, .uk-push-4-10 { left: 40%; } .uk-push-3-5, .uk-push-6-10 { left: 60%; } .uk-push-4-5, .uk-push-8-10 { left: 80%; } / Sixths / .uk-push-1-6 { left: 16.666%; } .uk-push-5-6 { left: 83.333%; } / Tenths / .uk-push-1-10 { left: 10%; } .uk-push-3-10 { left: 30%; } .uk-push-7-10 { left: 70%; } .uk-push-9-10 { left: 90%; } / * Pull / / Halves / .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; } / Thirds / .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; } .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; } / Quarters / .uk-pull-1-4 { left: -25%; } .uk-pull-3-4 { left: -75%; } / Fifths / .uk-pull-1-5, .uk-pull-2-10 { left: -20%; } .uk-pull-2-5, .uk-pull-4-10 { left: -40%; } .uk-pull-3-5, .uk-pull-6-10 { left: /-60%/-739px; } .uk-pull-4-5, .uk-pull-8-10 { left: -80%; } / Sixths / .uk-pull-1-6 { left: -16.666%; } .uk-pull-5-6 { left: -83.333%; } / Tenths / .uk-pull-1-10 { left: -10%; } .uk-pull-3-10 { left: -30%; } .uk-pull-7-10 { left: -70%; } .uk-pull-9-10 { left: -90%; } } / * Horizontal divider / .uk-grid-divider > [class='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class='uk-width-9-']:nth-child(n+2) { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1); } /* Tablet and bigger / @media (min-width: 768px) { .uk-grid-divider > [class='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1); } } /* Desktop and bigger / @media (min-width: 960px) { .uk-grid-divider > [class='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1); } } /* ======================================================================== Component: Panel ========================================================================== / / * 1. Needed for `a` elements * 2. Create position context for badges / .uk-panel { / 1 / display: block; / 2 / position: relative; } / * Micro clearfix to make panels more robust / .uk-panel:before, .uk-panel:after { content: " "; display: table; } .uk-panel:after { clear: both; } / * Remove margin from the last-child if not `uk-widget-title` / .uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; } / Sub-object: `uk-panel-title` ========================================================================== / .uk-panel-title { /margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: none; color: #6f5f5c;/ height: 38px; background: rgb(179,79,40); / Old browsers / / IE9 SVG, needs conditional override of 'filter' to 'none' / background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzNGYyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTJiMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,79,40,1)), color-stop(100%,rgba(90,43,36,1))); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / IE10+ / background: linear-gradient(to bottom, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34f28', endColorstr='#5a2b24',GradientType=0 ); / IE6-8 / font-family: cuprumbold; color: #ffffff; font-size: 18px; font-weight: 400; text-align: left; text-shadow: 0px 1px 0px #3d3d3d; padding-left: 28px; margin: 0px 0px 10px; text-transform: none; line-height: 38px; } / Sub-object: `uk-panel-badge` ========================================================================== / .uk-panel-badge { position: absolute; top: 0; right: 0; z-index: 1; } / Modifier: `uk-panel-box` ========================================================================== / .uk-panel-box { padding: 2px; background: #ffffff; color: #000000; margin-bottom: 10px; border: 1px #B34F28 solid; /box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3);/ / * Badge in Panel / } .uk-panel-box .uk-panel-badge { padding: 10px 12px; font-size: 12px; } .uk-panel-box .uk-nav-side > li > a, .uk-panel-box .uk-nav-side .uk-nav-header { padding-left: 30px; padding-right: 30px; } .uk-panel-box .uk-nav-side .uk-nav-divider { margin: 0 30px; } .uk-panel-box .uk-nav-side ul.uk-nav-sub { padding-left: 40px; } .uk-panel-box .uk-panel-title { color: #ffffff; } .uk-panel-box .uk-panel-badge { top: 15px; right: 0; } .uk-panel-box .uk-panel-teaser { margin: -30px -30px 15px -30px; } / * Nav in panel / .uk-panel-box > .uk-nav-side { margin: 0 -30px; } / * Sub-modifier: `uk-panel-box-primary` / .uk-panel-box-primary { background-color: rgba(255, 235, 205, 0.12); color: #faf0e1; background-image: none; box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3), inset 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); / link color / / * Nav side / / * Sub-object: `uk-nav-header` / / * Sub-object: `uk-nav-divider` / / * Nested items / / Hover / / Active / / * Horizontal rule / / * Headings / / * Form / / Placeholder / } .uk-panel-box-primary > a:not([class]), .uk-panel-box-primary > :not([class='uk-nav']) a:not([class]) { color: #f8d488; } .uk-panel-box-primary > a:not([class]):hover, .uk-panel-box-primary > :not([class='uk-nav']) a:not([class]):hover { color: #e7a086; } .uk-panel-box-primary .uk-button { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } .uk-panel-box-primary .uk-button:active, .uk-panel-box-primary .uk-button.uk-active { box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); } .uk-panel-box-primary .uk-nav-side > li > a { border-color: rgba(100, 70, 30, 0.13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); color: #faf0e1; } .uk-panel-box-primary .uk-nav-side > li:first-child > a, .uk-panel-box-primary .uk-nav-divider + li > a { border: none; box-shadow: none; } .uk-panel-box-primary .uk-nav-side .uk-nav-header { color: #faf0e1; } .uk-panel-box-primary .uk-nav-divider { border-color: rgba(100, 70, 30, 0.13) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } .uk-panel-box-primary .uk-nav-side ul.uk-nav-sub { border-color: rgba(100, 70, 30, 0.13); background: rgba(0, 0, 0, 0.03); } .uk-panel-box-primary .uk-nav-side ul a { color: #faf0e1; } .uk-panel-box-primary .uk-nav-side > li > a:hover, .uk-panel-box-primary .uk-nav-side > li > a:focus { background: rgba(100, 70, 30, 0.05); color: #faf0e1; } .uk-panel-box-primary .uk-nav-side > li.uk-active > a { color: #f8d488; } .uk-panel-box-primary hr { height: 1px; border-color: rgba(100, 70, 30, 0.13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .uk-panel-box-primary h1, .uk-panel-box-primary h2, .uk-panel-box-primary h3, .uk-panel-box-primary h4, .uk-panel-box-primary h5, .uk-panel-box-primary h6 { color: #faf0e1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .uk-panel-box-primary .uk-form select, .uk-panel-box-primary .uk-form textarea, .uk-panel-box-primary .uk-form input:not([type]), .uk-panel-box-primary .uk-form input[type="text"], .uk-panel-box-primary .uk-form input[type="password"], .uk-panel-box-primary .uk-form input[type="email"] { border-color: rgba(255, 255, 255, 0.15); background: rgba(100, 70, 35, 0.15); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); color: #faf0e1; / Focus state / } .uk-panel-box-primary .uk-form select:focus, .uk-panel-box-primary .uk-form textarea:focus, .uk-panel-box-primary .uk-form input:not([type]):focus, .uk-panel-box-primary .uk-form input[type="text"]:focus, .uk-panel-box-primary .uk-form input[type="password"]:focus, .uk-panel-box-primary .uk-form input[type="email"]:focus { border-color: rgba(255, 255, 255, 0.25); background: rgba(100, 70, 35, 0.15); color: #faf0e1; } .uk-panel-box-primary .uk-form :-ms-input-placeholder { color: #faf0e1 !important; } .uk-panel-box-primary .uk-form ::-moz-placeholder { color: #faf0e1; } .uk-panel-box-primary .uk-form ::-webkit-input-placeholder { color: #faf0e1; } .uk-panel-box-primary .uk-panel-title { color: #faf0e1; } / * Sub-modifier: `uk-panel-box-secondary` / .uk-panel-box-secondary { background-color: rgba(130, 120, 100, 0.15); color: #faf0e1; background-image: none; box-shadow: 0 1px 3px rgba(68, 55, 41, 0.3), inset 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); / link color / / * Nav side / / * Sub-object: `uk-nav-header` / / * Sub-object: `uk-nav-divider` / / * Nested items / / Hover / / Active / / * Horizontal rule / / * Headings / / * Form / / Placeholder / } .uk-panel-box-secondary > a:not([class]), .uk-panel-box-secondary > :not([class='uk-nav']) a:not([class]) { color: #e7a086; } .uk-panel-box-secondary > a:not([class]):hover, .uk-panel-box-secondary > :not([class='uk-nav']) a:not([class]):hover { color: #e7a086; } .uk-panel-box-secondary .uk-button { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); } .uk-panel-box-secondary .uk-button:active, .uk-panel-box-secondary .uk-button.uk-active { box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); } .uk-panel-box-secondary .uk-nav-side > li > a { border-color: rgba(100, 70, 30, 0.13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); color: #faf0e1; } .uk-panel-box-secondary .uk-nav-side > li:first-child > a, .uk-panel-box-secondary .uk-nav-divider + li > a { border: none; box-shadow: none; } .uk-panel-box-secondary .uk-nav-side .uk-nav-header { color: #faf0e1; } .uk-panel-box-secondary .uk-nav-divider { border-color: rgba(100, 70, 30, 0.13) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } .uk-panel-box-secondary .uk-nav-side ul.uk-nav-sub { border-color: rgba(100, 70, 30, 0.13); background: rgba(0, 0, 0, 0.06); } .uk-panel-box-secondary .uk-nav-side ul a { color: #faf0e1; } .uk-panel-box-secondary .uk-nav-side > li > a:hover, .uk-panel-box-secondary .uk-nav-side > li > a:focus { background: rgba(100, 70, 30, 0.05); color: #faf0e1; } .uk-panel-box-secondary .uk-nav-side > li.uk-active > a { color: #e7a086; } .uk-panel-box-secondary hr { height: 1px; border-color: rgba(100, 70, 30, 0.13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .uk-panel-box-secondary h1, .uk-panel-box-secondary h2, .uk-panel-box-secondary h3, .uk-panel-box-secondary h4, .uk-panel-box-secondary h5, .uk-panel-box-secondary h6 { color: #faf0e1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .uk-panel-box-secondary .uk-form select, .uk-panel-box-secondary .uk-form textarea, .uk-panel-box-secondary .uk-form input:not([type]), .uk-panel-box-secondary .uk-form input[type="text"], .uk-panel-box-secondary .uk-form input[type="password"], .uk-panel-box-secondary .uk-form input[type="email"] { border-color: rgba(255, 255, 255, 0.15); background: rgba(100, 70, 35, 0.15); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); color: #faf0e1; / Focus state / } .uk-panel-box-secondary .uk-form select:focus, .uk-panel-box-secondary .uk-form textarea:focus, .uk-panel-box-secondary .uk-form input:not([type]):focus, .uk-panel-box-secondary .uk-form input[type="text"]:focus, .uk-panel-box-secondary .uk-form input[type="password"]:focus, .uk-panel-box-secondary .uk-form input[type="email"]:focus { border-color: rgba(255, 255, 255, 0.25); background: rgba(100, 70, 35, 0.15); color: #faf0e1; } .uk-panel-box-secondary .uk-form :-ms-input-placeholder { color: #faf0e1 !important; } .uk-panel-box-secondary .uk-form ::-moz-placeholder { color: #faf0e1; } .uk-panel-box-secondary .uk-form ::-webkit-input-placeholder { color: #faf0e1; } .uk-panel-box-secondary .uk-panel-title { color: #faf0e1; } / Modifier: `uk-panel-header` ========================================================================== / .uk-panel-header .uk-panel-title { padding-bottom: 15px; border-bottom: 1px solid #e3d9c8; color: #6f5f5c; margin: 15px -30px; margin-top: -15px; padding-right: 30px; padding-left: 30px; } / Modifier: `uk-panel-space` ========================================================================== / .uk-panel-space { padding: 40px; } .uk-panel-space .uk-panel-badge { top: 40px; right: 40px; } / Modifier: `uk-panel-divider` ========================================================================== / .uk-panel + .uk-panel-divider { margin-top: 30px !important; } .uk-panel + .uk-panel-divider:before { content: ""; display: block; position: absolute; top: -15px; left: 0; right: 0; border-top: 1px solid #e3d9c8; } / Large screen and bigger / @media (min-width: 1220px) { .uk-panel + .uk-panel-divider { margin-top: 30px !important; } .uk-panel + .uk-panel-divider:before { top: -15px; } } / * Panel header / .uk-panel-header { padding: 30px; background: #f3ede2; box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3); / * Badge in Panel / } .uk-panel-header .uk-panel-badge { top: 15px; right: 15px; } / * Panel teaser / .uk-panel-teaser:before { z-index: 10; content: ''; display: block; position: absolute; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } / ======================================================================== Component: Article ========================================================================== / / * Micro clearfix to make articles more robust / .uk-article:before, .uk-article:after { content: " "; display: table; } .uk-article:after { clear: both; } / * Remove margin from the last-child / .uk-article > :last-child { margin-bottom: 0; } / * Vertical gutter for articles / .uk-article + .uk-article { margin-top: 15px; } / Sub-object `uk-article-title` ========================================================================== / .uk-article-title { font-size: 36px; line-height: 36px; font-weight: normal; text-transform: none; } .uk-article-title a { color: inherit; text-decoration: none; } / Sub-object `uk-article-meta` ========================================================================== / .uk-article-meta { font-size: 12px; line-height: 18px; color: #ad9871; } / Sub-object `uk-article-lead` ========================================================================== / .uk-article-lead { color: #ad9871; font-size: 18px; line-height: 24px; font-weight: normal; } / Sub-object `uk-article-divider` ========================================================================== / .uk-article-divider { margin-bottom: 25px; border-color: #e3d9c8; } + .uk-article-divider { margin-top: 25px; } /* ======================================================================== Component: Comment ========================================================================== / / Sub-object `uk-comment-header` ========================================================================== / .uk-comment-header { margin-bottom: 15px; padding: 10px; border: 1px solid #e3d9c8; background: #eae2d4; } / * Micro clearfix / .uk-comment-header:before, .uk-comment-header:after { content: " "; display: table; } .uk-comment-header:after { clear: both; } / Sub-object `uk-comment-avatar` ========================================================================== / .uk-comment-avatar { margin-right: 15px; float: left; } / Sub-object `uk-comment-title` ========================================================================== / .uk-comment-title { margin: 5px 0 0 0; font-size: 16px; line-height: 22px; } / Sub-object `uk-comment-meta` ========================================================================== / .uk-comment-meta { margin: 2px 0 0 0; font-size: 11px; line-height: 16px; color: #ad9871; } / Sub-object `uk-comment-body` ========================================================================== / / * Remove margin from the last-child / .uk-comment-body > :last-child { margin-bottom: 0; } / Sub-object `uk-comment-list` ========================================================================== / .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list .uk-comment + ul { margin: 25px 0 0 0; list-style: none; } .uk-comment-list > li:nth-child(n+2), .uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: 25px; } / Tablet and bigger / @media (min-width: 768px) { .uk-comment-list .uk-comment + ul { padding-left: 100px; } } / Modifier `uk-comment-primary` ========================================================================== / .uk-comment-primary .uk-comment-header { background: rgba(216, 130, 99, 0.15); border-color: rgba(216, 130, 99, 0.2); } / Sub-object `uk-comment-body` / .uk-comment-body { padding-right: 10px; padding-left: 10px; } / ======================================================================== Component: Nav ========================================================================== / .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } / * Items / .uk-nav li > a { display: block; text-decoration: none; } .uk-nav > li > a { padding: 10px 10px; } / * Nested items / .uk-nav ul { padding-left: 15px; } .uk-nav ul a { padding: 2px 0; } / * Item subtitle / .uk-nav li > a > div { font-size: 12px; line-height: 18px; } / Sub-object: `uk-nav-header` ========================================================================== / .uk-nav-header { padding: 7px 0; text-transform: uppercase; font-weight: normal; font-size: 12px; } .uk-nav-header:not(:first-child) { margin-top: 15px; } / Sub-object: `uk-nav-divider` ========================================================================== / .uk-nav-divider { margin: 10px 0; border-top-width: 3px !important; } .uk-nav-divider + li > a { border-top-width: 0!important; } / Sub-object: `uk-nav-sub` ========================================================================== / / * `ul` needed for higher specificity to override padding / ul.uk-nav-sub { padding: 10px 0 10px 15px; padding-right: 10px; border-top: 1px solid #e3d9c8; background: #eae2d4; } / Modifier: `uk-nav-parent-icon` ========================================================================== / .uk-nav-parent-icon > .uk-parent > a:after { content: "\f104"; width: 12px; margin-right: -12px; float: right; font-family: FontAwesome; text-align: center; } .uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: "\f107"; } / Modifier `uk-nav-side` ========================================================================== / / * Items / .uk-nav-side > li > a { color: #ad9871; padding: 10px 15px; border-top: 1px solid #e3d9c8; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0); color: #e38f71; / 2 / outline: none; } / Active / .uk-nav-side > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #e38f71; } / * Sub-object: `uk-nav-header` / .uk-nav-side .uk-nav-header { color: #ad9871; } / * Sub-object: `uk-nav-divider` / .uk-nav-side .uk-nav-divider { border-top: 1px solid #e3d9c8; } / * Nested items / .uk-nav-side ul a { color: #ad9871; } .uk-nav-side ul a:hover { color: #e38f71; } / Modifier `uk-nav-dropdown` ========================================================================== / / * Items / .uk-nav-dropdown > li > a { color: #ad9871; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus { background: rgba(0, 0, 0, 0); color: #e38f71; / 2 / outline: none; } / * Sub-object: `uk-nav-header` / .uk-nav-dropdown .uk-nav-header { color: #d1c4ad; } / * Sub-object: `uk-nav-divider` / .uk-nav-dropdown .uk-nav-divider { border-top: 1px solid #e3d9c8; } / * Nested items / .uk-nav-dropdown ul a { color: #ad9871; } .uk-nav-dropdown ul a:hover { color: #e38f71; } / Modifier `uk-nav-navbar` ========================================================================== / / * Items / .uk-nav-navbar > li{ min-height: 40px; border-top: 1px solid #ffffff; background: #70AF08; color: #000000; } .uk-nav-navbar > li > a { color: #000000; font-family: cuprumbold; font-weight: 400; font-size: 18px; /line-height: 40px;/ } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: #ffffff; color: #000000; /height: 40px; line-height: 40px;/ / 2 / outline: none; } / * Sub-object: `uk-nav-header` / .uk-nav-navbar .uk-nav-header { color: #000000; } / * Sub-object: `uk-nav-divider` / .uk-nav-navbar .uk-nav-divider { border-top: 1px solid #ffffff; } / * Nested items / .uk-nav-navbar ul a { color: #000000; } .uk-nav-navbar ul a:hover { color: #000000; } / Modifier `uk-nav-offcanvas` ========================================================================== / / * Items / .uk-nav-offcanvas > li > a { color: #ad9871; padding: 10px 20px; border-top: 1px solid #e3d9c8; } / * Hover * No hover on touch devices because it behaves buggy in fixed offcanvas * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: rgba(0, 0, 0, 0); color: #e38f71; / 2 / outline: none; } / * Active * `html .uk-nav` needed for higher specificity to override hover / html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #e38f71; } / * Sub-object: `uk-nav-header` / .uk-nav-offcanvas .uk-nav-header { color: #ad9871; padding: 10px 20px; } / * Sub-object: `uk-nav-divider` / .uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid #e3d9c8; } / * Nested items * No hover on touch devices because it behaves buggy in fixed offcanvas / .uk-nav-offcanvas ul a { color: #ad9871; } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #e38f71; } / Modifier `uk-nav-side` ========================================================================== / .uk-nav-side > li:first-child > a { border-top-width: 0; } .uk-nav-dropdown ul.uk-nav-sub, .uk-nav-navbar ul.uk-nav-sub { border-bottom: 1px solid #e3d9c8; } .uk-nav-offcanvas ul.uk-nav-sub { padding-left: 20px; } / ======================================================================== Component: Navbar ========================================================================== / .uk-navbar { background: rgba(255, 255, 255, 0.1); color: #faf0e1; background-image: none; box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3), inset 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); } / * Micro clearfix / .uk-navbar:before, .uk-navbar:after { content: " "; display: table; } .uk-navbar:after { clear: both; } / Sub-object: `uk-navbar-nav` ========================================================================== / .uk-navbar-nav { margin: 0 auto; padding-left: 1px; list-style: none; float: left; display: table; width: 1280px; height: 40px; position: absolute; } / * 1. Create position context for dropdowns / .uk-navbar-nav > li { float: left; / 1 / line-height: 20px; /border-right: 1px #ffffff solid;/ margin: 10px 0; padding: 0px 21px; text-align: center; /min-width: 100px;/ display: inline-block; position:relative; display: inline-block; float: none; height: 40px; line-height: 24px; margin: 0px; padding: 0px !important; position: relative; text-align: left; display: table-cell; outline: none; bottom: 0; } / .uk-navbar-nav > li.uk-open { background: #ffffff; height: 44px; margin-top: -4px; margin-left: -1px; border-top-left-radius: 4px; border-top-right-radius: 4px; }/ .uk-navbar-nav > li.uk-open > a { /margin-top: 10px !important;/ background: #ffffff; height: 44px; margin-top: -4px; margin-bottom: 0px; margin-left: -1px; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; top: 0px; padding-top: 10px; } .uk-navbar-nav > li:first-child { /padding-left: 0px;/ /border-left: 1px #ffffff solid;/ } .uk-navbar-nav > li:last-child { /border-right: none; padding-right: 0px;/ } / * 1. Dimensions * 2. Style / .uk-navbar-nav > li > a { display: block; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; / 1 / height: 20px; / 2 / /color: #faf0e1; font-size: 14px; font-family: 'Open Sans'; font-weight: 300; border-right: 1px solid rgba(100, 70, 30, 0.13); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.12); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase;/ font-family: cuprumbold; border-right: 1px solid #FFFFFF; box-sizing: border-box; color: #000000; display: block; font-size: 18px; font-weight: 400; height: 28px; line-height: 30px; margin: 6px 0px; padding: 0px 5px 0px 5px; text-align: center; text-decoration: none; } /.uk-navbar-nav > li:first-child > a { border-left: 1px solid #FFFFFF; }/ .uk-navbar-nav > li:first-child { display: none; } .uk-navbar-nav > li:nth-child(2) > a { border-left: 1px solid #FFFFFF; } /.uk-navbar-nav > li.uk-open > a { padding: 0px 21px 0 21px; }/ / Appear not as link / .uk-navbar-nav > li > a[href='#'] { cursor: text; } / * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style / .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a { /background-color: rgba(100, 70, 30, 0.05);/ color: #faf0e1; color: #b2f543; color: #000000; / 3 / outline: none; } / OnClick / .uk-navbar-nav > li > a:active { /background-color: rgba(0, 0, 0, 0);/ color: #faf0e1; color: #b2f543; color: #000000; } / Active / .uk-navbar-nav > li.uk-active > a { /background-color: rgba(100, 70, 30, 0.05);/ color: #faf0e1; color: #b2f543; color: #000000; } .mainmenu { height: 40px; width: 100%; background: #70AF08; min-width: 1300px; margin-top: 0px; } .mainmenu-wrap { margin: 0 auto; max-width: 1280px; padding: 0px 10px; width: 1280px; height: 40px; } / Sub-objects: `uk-navbar-nav-subtitle` ========================================================================== / .uk-navbar-nav .uk-navbar-nav-subtitle { line-height: 58px; } .uk-navbar-nav-subtitle > div { margin-top: -21px; font-size: 10px; line-height: 12px; } / Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` ========================================================================== / / * Imitate navbar items / .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 70px; padding: 0 25px; float: left; } / * Helper to center all child elements vertically / .uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } / Sub-objects: `uk-navbar-content` ========================================================================== / / * Better sibling spacing / .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; } / * Link colors / .uk-navbar-content > a:not([class]) { color: #e38f71; } .uk-navbar-content > a:not([class]):hover { color: #e38f71; } / Sub-objects: `uk-navbar-brand` ========================================================================== / .uk-navbar-brand { font-size: 18px; color: #faf0e1; } / * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-navbar-brand:hover, .uk-navbar-brand:focus { color: #faf0e1; text-decoration: none; / 2 / outline: none; } / Sub-object: `uk-navbar-toggle` ========================================================================== / .uk-navbar-toggle { font-size: 18px; color: #faf0e1; } / * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #faf0e1; text-decoration: none; / 2 / outline: none; } / * 1. Center icon vertically / .uk-navbar-toggle:after { content: "\f0c9"; font-family: FontAwesome; / 1 / vertical-align: middle; } .uk-navbar-toggle-alt:after { content: "\f002"; } / Sub-object: `uk-navbar-center` ========================================================================== / / * The element with this class needs to be last child in the navbar * 1. This hack is needed because other float elements shift centered text / .uk-navbar-center { float: none; text-align: center; / 1 / max-width: 50%; margin-left: auto; margin-right: auto; } / Sub-object: `uk-navbar-flip` ========================================================================== / .uk-navbar-flip { float: right; } .uk-navbar > .uk-navbar-nav:first-child > li:first-child > a { border-left-width: 0; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.12); } .uk-navbar-flip > .uk-navbar-nav > li:last-child > a { border-right-width: 0; box-shadow: none; } .uk-navbar-brand + .uk-navbar-nav > li:first-child > a, .uk-navbar-flip > .uk-navbar-nav > li:first-child > a { border-left: 1px solid rgba(100, 70, 30, 0.13); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.12), inset 1px 0 0 rgba(255, 255, 255, 0.12); } / ======================================================================== Component: Subnav ========================================================================== / / * 1. Remove default list style * 2. Remove whitespace between child elements when using `inline-block` / .uk-subnav { / 1 / padding: 0; list-style: none; / 2 / font-size: 0.001px; } / Items ========================================================================== / / * 1. Create position context for dropdowns * 2. Reset whitespace hack / .uk-subnav > li { / 1 / position: relative; / 2 / font-size: 1rem; vertical-align: top; } .uk-subnav > li, .uk-subnav > li > a, .uk-subnav > li > span { display: inline-block; } .uk-subnav > li:nth-child(n+2) { margin-left: 10px; } / * Items / .uk-subnav > li > a { color: #e38f71; } .uk-subnav > li > a:hover { color: #e38f71; } / * Active / / * Disabled / .uk-subnav > li > span { color: #d1c4ad; } / Modifier: 'subnav-line' ========================================================================== / .uk-subnav-line > li:nth-child(n+2):before { content: ""; display: inline-block; height: 10px; margin-right: 10px; border-left: 1px solid #e3d9c8; } / Modifier: 'subnav-pill' ========================================================================== / .uk-subnav-pill > li > a, .uk-subnav-pill > li > span { padding: 3px 9px; text-decoration: none; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-subnav-pill > li > a:hover, .uk-subnav-pill > li > a:focus { background: #eae2d4; color: #e38f71; / 2 / outline: none; } / * Active * `li` needed for higher specificity to override hover / .uk-subnav-pill > li.uk-active > a { background: #d88263; color: #ffffff; background-image: -webkit-linear-gradient(top, #e6be69, #f0c170); background-image: linear-gradient(to bottom, #e6be69, #f0c170); } / ======================================================================== Component: Breadcrumb ========================================================================== / / * 1. Remove default list style * 2. Remove whitespace between child elements when using `inline-block` / .uk-breadcrumb { / 1 / padding: 0; list-style: none; / 2 / font-size: 0.001px; } / Items ========================================================================== / / * Reset whitespace hack / .uk-breadcrumb > li { font-size: 1rem; vertical-align: top; } .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; } .uk-breadcrumb > li:nth-child(n+2):before { content: "\f105"; display: inline-block; margin: 0 8px; color: #d1c4ad; font-family: "FontAwesome"; } / * Disabled / .uk-breadcrumb > li:not(.uk-active) > span { color: #d1c4ad; } / ======================================================================== Component: Pagination ========================================================================== / / * 1. Remove default list style * 2. Center pagination by default * 3. Remove whitespace between child elements when using `inline-block` / .uk-pagination { / 1 / padding: 0; list-style: none; / 2 / text-align: center; / 3 / font-size: 0.001px; } / * Micro clearfix * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used / .uk-pagination:before, .uk-pagination:after { content: " "; display: table; } .uk-pagination:after { clear: both; } / Items ========================================================================== / / * 1. Reset whitespace hack * 2. Remove the gap at the bottom of it container / / .uk-pagination { color: #70B424; margin-top: 10px; text-align: center; } .uk-pagination li a { color: #70B424; background: none; box-shadow: none; } .uk-pagination .uk-active span, .uk-pagination li:hover span { background: #70B424; color: white; text-shadow: 0px 1px 1px #FFFFFF; border-radius: 10px; } / .uk-pagination > li { display: inline-block; / 1 / font-size: 1rem; / 2 / vertical-align: top; } .uk-pagination > li:nth-child(n+2) { margin-left: 5px; } / * 1. Makes pagination more robust against different box-sizing use * 2. Reset text-align to center if alignment modifier is used / .uk-pagination > li > a, .uk-pagination > li > span { display: inline-block; min-width: 15px; padding: 5px; line-height: 15px; text-decoration: none; / 1 / -moz-box-sizing: content-box; box-sizing: content-box; / 2 / text-align: center; } / * Links / .uk-pagination > li > a { color: #70B424; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background: #70B424; color: white; text-shadow: 0px 1px 1px #FFFFFF; border-radius: 10px; outline: none; } / OnClick / .uk-pagination > li > a:active { background: #70B424; color: white; text-shadow: 0px 1px 1px #FFFFFF; border-radius: 10px; } / * Active / .uk-pagination > .uk-active > span { background: #70B424; color: white; border-radius: 10px; } / * Disabled / .uk-pagination > .uk-disabled > span { background: #70B424; color: white; border-radius: 10px; } / Previous and next navigation ========================================================================== / .uk-pagination-previous { float: left; } .uk-pagination-next { float: right; } / Alignment modifiers ========================================================================== / .uk-pagination-left { text-align: left; } .uk-pagination-right { text-align: right; } / ======================================================================== Component: Tab ========================================================================== / .uk-tab { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e3d9c8; } / * Micro clearfix on the deepest container / .uk-tab:before, .uk-tab:after { content: " "; display: table; } .uk-tab:after { clear: both; } / * Items * 1. Create position context for dropdowns / .uk-tab > li { margin-bottom: -1px; float: left; / 1 / position: relative; } .uk-tab > li > a { display: block; padding: 8px 12px 8px 12px; border: 1px solid transparent; border-bottom-width: 0; color: #e38f71; text-decoration: none; } .uk-tab > li:nth-child(n+2) > a { margin-left: 5px; } / * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style / .uk-tab > li > a:hover, .uk-tab > li > a:focus, .uk-tab > li.uk-open > a { border-color: #e3d9c8; background: #eae2d4; color: #e38f71; / 2 / outline: none; } .uk-tab > li:not(.uk-active) > a:hover, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li.uk-open:not(.uk-active) > a { margin-bottom: 1px; padding-bottom: 7px; } / Active / .uk-tab > li.uk-active > a { border-color: #e3d9c8; border-bottom-color: transparent; background: #f3ede2; color: #ad9871; } / Disabled / .uk-tab > li.uk-disabled > a { color: #d1c4ad; cursor: auto; } .uk-tab > li.uk-disabled > a:hover, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled.uk-active > a { background: none; border-color: transparent; } / Modifier: 'tab-flip' ========================================================================== / .uk-tab-flip > li { float: right; } .uk-tab-flip > li:nth-child(n+2) > a { margin-left: 0; margin-right: 5px; } / Modifier: 'tab-responsive' ========================================================================== / / * Hidden by default / .uk-tab-responsive { display: none; } .uk-tab-responsive > a:before { content: "\f0c9\00a0"; font-family: FontAwesome; } / Phone landscape and smaller / @media (max-width: 767px) { [data-uk-tab] > li { display: none; } [data-uk-tab] > li.uk-tab-responsive { display: block; } [data-uk-tab] > li.uk-tab-responsive > a { margin-left: 0; margin-right: 0; } } / Modifier: 'tab-center' ========================================================================== / .uk-tab-center { border-bottom: 1px solid #e3d9c8; } .uk-tab-center-bottom { border-bottom: none; border-top: 1px solid #e3d9c8; } .uk-tab-center:before, .uk-tab-center:after { content: " "; display: table; } .uk-tab-center:after { clear: both; } / * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs / .uk-tab-center .uk-tab { position: relative; right: 50%; border: none; float: right; } .uk-tab-center .uk-tab > li { position: relative; right: -50%; } .uk-tab-center .uk-tab > li > a { text-align: center; } / Modifier: 'tab-bottom' ========================================================================== / .uk-tab-bottom { border-top: 1px solid #e3d9c8; border-bottom: none; } .uk-tab-bottom > li { margin-top: -1px; margin-bottom: 0; } .uk-tab-bottom > li > a { padding-top: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-top-width: 0; } .uk-tab-bottom > li:not(.uk-active) > a:hover, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li.uk-open:not(.uk-active) > a { margin-bottom: 0; margin-top: 1px; padding-bottom: 8px; padding-top: 7px; } .uk-tab-bottom > li.uk-active > a { border-top-color: transparent; border-bottom-color: #e3d9c8; } / Modifier: 'tab-grid' ========================================================================== / / * 1. Create position context to prevent hidden border because of negative `z-index` / .uk-tab-grid { margin-left: -5px; border-bottom: none; / 1 / position: relative; z-index: 0; } .uk-tab-grid:before { display: block; position: absolute; left: 5px; right: 0; bottom: -1px; border-top: 1px solid #e3d9c8; / 1 / z-index: -1; } .uk-tab-grid > li:first-child > a { margin-left: 5px; } .uk-tab-grid > li > a { text-align: center; } / * If `uk-tab-bottom` / .uk-tab-grid.uk-tab-bottom { border-top: none; } .uk-tab-grid.uk-tab-bottom:before { top: -1px; bottom: auto; } / Modifier: 'tab-left', 'tab-right' ========================================================================== / / Tablet and bigger / @media (min-width: 768px) { .uk-tab-left, .uk-tab-right { border-bottom: none; } .uk-tab-left > li, .uk-tab-right > li { margin-bottom: 0; float: none; } .uk-tab-left > li > a, .uk-tab-right > li > a { padding-top: 8px; padding-bottom: 8px; } .uk-tab-left > li:nth-child(n+2) > a, .uk-tab-right > li:nth-child(n+2) > a { margin-left: 0; margin-top: 5px; } .uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a { border-color: #e3d9c8; } / * Modifier: 'tab-left' / .uk-tab-left { border-right: 1px solid #e3d9c8; } .uk-tab-left > li { margin-right: -1px; } .uk-tab-left > li > a { border-bottom-width: 1px; border-right-width: 0; } .uk-tab-left > li:not(.uk-active) > a:hover, .uk-tab-left > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-right: 1px; padding-bottom: 8px; padding-right: 11px; } .uk-tab-left > li.uk-active > a { border-right-color: transparent; } / * Modifier: 'tab-right' / .uk-tab-right { border-left: 1px solid #e3d9c8; } .uk-tab-right > li { margin-left: -1px; } .uk-tab-right > li > a { border-bottom-width: 1px; border-left-width: 0; } .uk-tab-right > li:not(.uk-active) > a:hover, .uk-tab-right > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-left: 1px; padding-bottom: 8px; padding-left: 11px; } .uk-tab-right > li.uk-active > a { border-left-color: transparent; } } / ======================================================================== Component: List ========================================================================== / .uk-list { padding: 0; list-style: none; } / * Micro clearfix to make list more robust / .uk-list > li:before, .uk-list > li:after { content: " "; display: table; } .uk-list > li:after { clear: both; } / * Remove margin from the last-child / .uk-list > li > :last-child { margin-bottom: 0; } / * Nested lists / .uk-list ul { margin: 0; padding-left: 20px; list-style: none; } / Modifier: `uk-list-line` ========================================================================== / .uk-list-line > li:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e3d9c8; } / Modifier: `uk-list-striped` ========================================================================== / .uk-list-striped > li { padding: 5px 5px; } .uk-list-striped > li:nth-of-type(odd) { background: #eae2d4; } / Modifier: `uk-list-space` ========================================================================== / .uk-list-space > li:nth-child(n+2) { margin-top: 10px; } / ======================================================================== Component: Description list ========================================================================== / / Modifier: `uk-description-list-horizontal` ========================================================================== / / Tablet and bigger / @media (min-width: 768px) { .uk-description-list-horizontal { overflow: hidden; } .uk-description-list-horizontal > dt { width: 160px; float: left; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-description-list-horizontal > dd { margin-left: 180px; } } / Modifier: `uk-description-list-line` ========================================================================== / .uk-description-list-line > dt { font-weight: normal; } .uk-description-list-line > dt:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e3d9c8; } .uk-description-list-line > dd { color: #d1c4ad; } / ======================================================================== Component: Table ========================================================================== / / * Block element behavior / .uk-table { width: 100%; margin-bottom: 15px; } / * Add margin if adjacent element / + .uk-table { margin-top: 15px; } .uk-table th, .uk-table td { padding: 8px 8px; } /* * Set alignment / .uk-table th { text-align: left; } .uk-table td { vertical-align: top; } .uk-table thead th { vertical-align: bottom; } / * Caption and footer / .uk-table caption, .uk-table tfoot { font-size: 12px; font-style: italic; } .uk-table caption { text-align: left; color: #d1c4ad; } / Sub-modifier: `uk-table-middle` ========================================================================== / .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } / Modifier: `uk-table-striped` ========================================================================== / .uk-table-striped tbody tr:nth-of-type(odd) { background: #eae2d4; } / Modifier: `uk-table-condensed` ========================================================================== / .uk-table-condensed td { padding: 4px 8px; } / Modifier: `uk-table-hover` ========================================================================== / .uk-table-hover tbody tr:hover { background: #e5dbca; } / ======================================================================== Component: Form ========================================================================== / / * Remove margin from the last-child / .uk-form > :last-child { margin-bottom: 0; } / * Controls * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` * 1. Must be `height` because `min-height` is not working in OSX * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports * 3. Vertical `padding` needed for `select` elements in Firefox * 4. Style / .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] { / 1 / height: 30px; / 2 / max-width: 100%; / 3 / padding: 4px 6px; / 4 / border: 1px solid #e3d9c8; background: #eae2d4; color: #ad9871; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; font-weight: 300; / Focus state / / Disabled state / } .uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border-color: #d2c2a6; outline: 0; background: #e7ddcd; color: #ad9871; } .uk-form select:disabled, .uk-form textarea:disabled, .uk-form input:not([type]):disabled, .uk-form input[type="text"]:disabled, .uk-form input[type="password"]:disabled, .uk-form input[type="datetime"]:disabled, .uk-form input[type="datetime-local"]:disabled, .uk-form input[type="date"]:disabled, .uk-form input[type="month"]:disabled, .uk-form input[type="time"]:disabled, .uk-form input[type="week"]:disabled, .uk-form input[type="number"]:disabled, .uk-form input[type="email"]:disabled, .uk-form input[type="url"]:disabled, .uk-form input[type="search"]:disabled, .uk-form input[type="tel"]:disabled, .uk-form input[type="color"]:disabled { border-color: #e3d9c8; background-color: #eae2d4; color: #d1c4ad; } / * Placeholder * Higher specificity (!important) needed to override color in IE / .uk-form :-ms-input-placeholder { color: #ad9871 !important; } .uk-form ::-moz-placeholder { color: #ad9871; } .uk-form ::-webkit-input-placeholder { color: #ad9871; } .uk-form :disabled:-ms-input-placeholder { color: #d1c4ad !important; } .uk-form :disabled::-moz-placeholder { color: #d1c4ad; } .uk-form :disabled::-webkit-input-placeholder { color: #d1c4ad; } / * Reset style on iOS. / .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"] { -webkit-appearance: none; } / * Removes box-shadow for invalid controls in Firefox. / .uk-form :invalid { box-shadow: none; } / * Legend style * 1. `margin-bottom` is not working in Safari and Opera. * Using `padding` and :after instead to create the border * 2. Style / .uk-form legend { width: 100%; / 1 / padding-bottom: 15px; / 2 / font-size: 18px; line-height: 30px; } / 1 / .uk-form legend:after { content: ""; display: block; border-bottom: 1px solid #e3d9c8; } / Size modifiers * Higher specificity needed to override defaults ========================================================================== / select.uk-form-small, textarea.uk-form-small, input[type].uk-form-small, input:not([type]).uk-form-small { height: 25px; padding: 3px 3px; font-size: 12px; } select.uk-form-large, textarea.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large { height: 40px; padding: 8px 12px; font-size: 14px; } / Reset height * Must be after size modifiers ========================================================================== / .uk-form textarea, .uk-form select[multiple], .uk-form select[size] { height: auto; } / Validation states * Using !important to keep the selector simple ========================================================================== / / * Error state / .uk-form-danger { border-color: rgba(220, 112, 110, 0.5) !important; background: rgba(220, 112, 110, 0.1) !important; color: #dc706e !important; } / * Success state / .uk-form-success { border-color: rgba(109, 203, 111, 0.7) !important; background: rgba(109, 203, 111, 0.1) !important; color: #6dcb6f !important; } / Style modifiers * Using !important to keep the selector simple ========================================================================== / / * Blank form / .uk-form-blank { border-color: transparent !important; border-style: dashed !important; background: none !important; } .uk-form-blank:focus { border-color: #e3d9c8 !important; } / Size sub-modifiers ========================================================================== / / * Fixed widths * Different widths for mini sized `input` and `select` elements / input.uk-form-width-mini { width: 40px; } select.uk-form-width-mini { width: 65px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } / Sub-objects: `uk-form-row` * Groups labels and controls in rows ========================================================================== / / * Micro clearfix * Needed for `uk-form-horizontal` modifier / .uk-form-row:before, .uk-form-row:after { content: " "; display: table; } .uk-form-row:after { clear: both; } / * Vertical gutter / .uk-form-row + .uk-form-row { margin-top: 15px; } / Help text * Sub-object: `uk-form-help-inline`, `uk-form-help-block` ========================================================================== / .uk-form-help-inline { display: inline-block; margin: 0 0 0 10px; } .uk-form-help-block { margin: 5px 0 0 0; } / Controls content * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` ========================================================================== / / * Remove margins / .uk-form-controls > :first-child { margin-top: 0; } .uk-form-controls > :last-child { margin-bottom: 0; } / * Group controls and text into blocks with a small spacing between blocks / .uk-form-controls-condensed { margin: 5px 0; } / Modifier: `uk-form-stacked` * Requires sub-object: `uk-form-label` ========================================================================== / .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } / Modifier: `uk-form-horizontal` * Requires sub-objects: `uk-form-label`, `uk-form-controls` ========================================================================== / / Tablet portrait and smaller / @media (max-width: 959px) { / Behave like `uk-form-stacked` / .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } } / Desktop and bigger / @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } / Better vertical alignment if controls are checkboxes and radio buttons with text / .uk-form-horizontal .uk-form-controls-text { padding-top: 5px; } } / Sub-object: `uk-form-icon` ========================================================================== / .uk-form-icon { position: relative; display: inline-block; max-width: 100%; } .uk-form-icon > [class='uk-icon-'] { position: absolute; top: 50%; width: 30px; margin-top: -7px; font-size: 14px; color: #d1c4ad; text-align: center; } .uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: 30px !important; } /* * Sub-modifier: `uk-form-icon-flip` / .uk-form-icon-flip > [class='uk-icon-'] { right: 0; } .uk-form-icon-flip > input { padding-right: 30px !important; } .uk-form label { font-size: 12px; font-weight: 300; text-transform: uppercase; } /* Modifier: `uk-form-stacked` ========================================================================== / .uk-form-stacked .uk-form-label { font-size: 12px; font-weight: 300; text-transform: uppercase; } / ======================================================================== Component: Button ========================================================================== / / * 1. Required for `a` elements * 2. Required for `button` and `input` elements * 3. `line-height` is used to create a height * 4. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. * 5. Reset button group whitespace hack * 6. Style / .uk-button { / 1 / display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; text-decoration: none; text-align: center; / 2 / border: none; / 3 / line-height: 30px; / 4 / min-height: 30px; / 5 / font-size: 1rem; / 6 / padding: 0 12px; background: #ecc06d; color: #ffffff; background-image: -webkit-linear-gradient(top, #e6be69, #f0c170); background-image: linear-gradient(to bottom, #e6be69, #f0c170); border-radius: 2px; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements / .uk-button:hover, .uk-button:focus { background-color: #e1b769; color: #ffffff; / 2 / outline: none; / 3 / text-decoration: none; background-image: none; } / Active / .uk-button:active, .uk-button.uk-active { background-color: #dfb15c; color: #ffffff; background-image: none; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); } / Color modifiers ========================================================================== / / * Modifier: `uk-button-primary` / .uk-button-primary { background-color: #d88263; color: #ffffff; background-image: -webkit-linear-gradient(top, #d17f62, #dc8464); background-image: linear-gradient(to bottom, #d17f62, #dc8464); } / Hover / .uk-button-primary:hover, .uk-button-primary:focus { background-color: #d17a5a; color: #ffffff; } / Active / .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #ce704e; color: #ffffff; } / * Modifier: `uk-button-success` / .uk-button-success { background-color: #6dcb6f; color: #ffffff; background-image: -webkit-linear-gradient(top, #71d173, #6ac76c); background-image: linear-gradient(to bottom, #71d173, #6ac76c); } / Hover / .uk-button-success:hover, .uk-button-success:focus { background-color: #6cbc6e; color: #ffffff; } / Active / .uk-button-success:active, .uk-button-success.uk-active { background-color: #62b863; color: #ffffff; } / * Modifier: `uk-button-danger` / .uk-button-danger { background-color: #dc706e; color: #ffffff; background-image: -webkit-linear-gradient(top, #e37471, #d86e6c); background-image: linear-gradient(to bottom, #e37471, #d86e6c); } / Hover / .uk-button-danger:hover, .uk-button-danger:focus { background-color: #d06e6b; color: #ffffff; } / Active / .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #cc6260; color: #ffffff; } / Disabled state * Overrides also the color modifiers ========================================================================== / / Equal for all button types / .uk-button:disabled { background-color: #eae2d4; color: #d1c4ad; box-shadow: none; background-image: none; } / Modifier: `uk-button-link` ========================================================================== / / Reset / .uk-button-link, .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active, .uk-button-link:disabled { border-color: transparent; background: none; box-shadow: none; } / Color / .uk-button-link { color: #e38f71; } .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active { color: #e38f71; text-decoration: underline; } .uk-button-link:disabled { color: #d1c4ad; } / Focus / .uk-button-link:focus { outline: 1px dotted; } / Size modifiers ========================================================================== / .uk-button-mini { min-height: 20px; padding: 0 6px; line-height: 20px; font-size: 11px; } .uk-button-small { min-height: 25px; padding: 0 10px; line-height: 25px; font-size: 12px; } .uk-button-large { min-height: 40px; padding: 0 15px; line-height: 40px; font-size: 16px; } / Sub-object `uk-button-group` ========================================================================== / / * 1. Behave like buttons * 2. Create position context for dropdowns * 3. Remove whitespace between child elements when using `inline-block` * 4. Prevent buttons from wrapping * 5. Remove whitespace between child elements when using `inline-block` / .uk-button-group { / 1 / display: inline-block; vertical-align: middle; / 2 / position: relative; / 3 / font-size: 0.001px; / 4 / white-space: nowrap; } .uk-button-group > { display: inline-block; } /* 5 / .uk-button-group .uk-button { vertical-align: top; } / Sub-object: `uk-button-dropdown` ========================================================================== / / * 1. Behave like buttons * 2. Create position context for dropdowns / .uk-button-dropdown { / 1 / display: inline-block; vertical-align: middle; / 2 / position: relative; } / Sub-object `uk-button-group` ========================================================================== / / * Reset border-radius / .uk-button-group > .uk-button:not(:first-child):not(:last-child), .uk-button-group > div:not(:first-child):not(:last-child) .uk-button { border-radius: 0; } .uk-button-group > .uk-button:first-child, .uk-button-group > div:first-child .uk-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .uk-button-group > .uk-button:last-child, .uk-button-group > div:last-child .uk-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } / ======================================================================== Component: Icon ========================================================================== / @font-face { font-family: 'FontAwesome'; src: url("../../../warp/vendor/uikit/fonts/fontawesome-webfont.eot"); src: url("../../../warp/vendor/uikit/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../../../warp/vendor/uikit/fonts/fontawesome-webfont.woff") format("woff"), url("../../../warp/vendor/uikit/fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } / * 1. Allow margin * 2. Prevent inherit font style * 4. Correct line-height * 5. Better font rendering / [class='uk-icon-'] { font-family: FontAwesome; /* 1 / display: inline-block; / 2 / font-weight: normal; font-style: normal; / 4 / line-height: 1; / 5 / -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } / Size modifiers ========================================================================== / .uk-icon-small:before { font-size: 150%; vertical-align: -10%; } .uk-icon-medium:before { font-size: 200%; vertical-align: -16%; } .uk-icon-large:before { font-size: 250%; vertical-align: -22%; } / Modifier: `uk-icon-spin` ========================================================================== / .uk-icon-spin { display: inline-block; -webkit-animation: uk-spin 2s infinite linear; animation: uk-spin 2s infinite linear; } / Modifier: `uk-icon-button` ========================================================================== / .uk-icon-button { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #eae2d4; line-height: 35px; color: #ad9871; font-size: 18px; text-align: center; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-icon-button:hover, .uk-icon-button:focus { background-color: #eae2d4; color: #e7be6a; text-decoration: none; / 2 / outline: none; } / Active / .uk-icon-button:active { background-color: #e5dbca; color: #e7be6a; } / Icon mapping ========================================================================== / .uk-icon-glass:before { content: "\f000"; } .uk-icon-music:before { content: "\f001"; } .uk-icon-search:before { content: "\f002"; } .uk-icon-envelope-o:before { content: "\f003"; } .uk-icon-heart:before { content: "\f004"; } .uk-icon-star:before { content: "\f005"; } .uk-icon-star-o:before { content: "\f006"; } .uk-icon-user:before { content: "\f007"; } .uk-icon-film:before { content: "\f008"; } .uk-icon-th-large:before { content: "\f009"; } .uk-icon-th:before { content: "\f00a"; } .uk-icon-th-list:before { content: "\f00b"; } .uk-icon-check:before { content: "\f00c"; } .uk-icon-times:before { content: "\f00d"; } .uk-icon-search-plus:before { content: "\f00e"; } .uk-icon-search-minus:before { content: "\f010"; } .uk-icon-power-off:before { content: "\f011"; } .uk-icon-signal:before { content: "\f012"; } .uk-icon-gear:before, .uk-icon-cog:before { content: "\f013"; } .uk-icon-trash-o:before { content: "\f014"; } .uk-icon-home:before { content: "\f015"; } .uk-icon-file-o:before { content: "\f016"; } .uk-icon-clock-o:before { content: "\f017"; } .uk-icon-road:before { content: "\f018"; } .uk-icon-download:before { content: "\f019"; } .uk-icon-arrow-circle-o-down:before { content: "\f01a"; } .uk-icon-arrow-circle-o-up:before { content: "\f01b"; } .uk-icon-inbox:before { content: "\f01c"; } .uk-icon-play-circle-o:before { content: "\f01d"; } .uk-icon-rotate-right:before, .uk-icon-repeat:before { content: "\f01e"; } .uk-icon-refresh:before { content: "\f021"; } .uk-icon-list-alt:before { content: "\f022"; } .uk-icon-lock:before { content: "\f023"; } .uk-icon-flag:before { content: "\f024"; } .uk-icon-headphones:before { content: "\f025"; } .uk-icon-volume-off:before { content: "\f026"; } .uk-icon-volume-down:before { content: "\f027"; } .uk-icon-volume-up:before { content: "\f028"; } .uk-icon-qrcode:before { content: "\f029"; } .uk-icon-barcode:before { content: "\f02a"; } .uk-icon-tag:before { content: "\f02b"; } .uk-icon-tags:before { content: "\f02c"; } .uk-icon-book:before { content: "\f02d"; } .uk-icon-bookmark:before { content: "\f02e"; } .uk-icon-print:before { content: "\f02f"; } .uk-icon-camera:before { content: "\f030"; } .uk-icon-font:before { content: "\f031"; } .uk-icon-bold:before { content: "\f032"; } .uk-icon-italic:before { content: "\f033"; } .uk-icon-text-height:before { content: "\f034"; } .uk-icon-text-width:before { content: "\f035"; } .uk-icon-align-left:before { content: "\f036"; } .uk-icon-align-center:before { content: "\f037"; } .uk-icon-align-right:before { content: "\f038"; } .uk-icon-align-justify:before { content: "\f039"; } .uk-icon-list:before { content: "\f03a"; } .uk-icon-dedent:before, .uk-icon-outdent:before { content: "\f03b"; } .uk-icon-indent:before { content: "\f03c"; } .uk-icon-video-camera:before { content: "\f03d"; } .uk-icon-picture-o:before { content: "\f03e"; } .uk-icon-pencil:before { content: "\f040"; } .uk-icon-map-marker:before { content: "\f041"; } .uk-icon-adjust:before { content: "\f042"; } .uk-icon-tint:before { content: "\f043"; } .uk-icon-edit:before, .uk-icon-pencil-square-o:before { content: "\f044"; } .uk-icon-share-square-o:before { content: "\f045"; } .uk-icon-check-square-o:before { content: "\f046"; } .uk-icon-arrows:before { content: "\f047"; } .uk-icon-step-backward:before { content: "\f048"; } .uk-icon-fast-backward:before { content: "\f049"; } .uk-icon-backward:before { content: "\f04a"; } .uk-icon-play:before { content: "\f04b"; } .uk-icon-pause:before { content: "\f04c"; } .uk-icon-stop:before { content: "\f04d"; } .uk-icon-forward:before { content: "\f04e"; } .uk-icon-fast-forward:before { content: "\f050"; } .uk-icon-step-forward:before { content: "\f051"; } .uk-icon-eject:before { content: "\f052"; } .uk-icon-chevron-left:before { content: "\f053"; } .uk-icon-chevron-right:before { content: "\f054"; } .uk-icon-plus-circle:before { content: "\f055"; } .uk-icon-minus-circle:before { content: "\f056"; } .uk-icon-times-circle:before { content: "\f057"; } .uk-icon-check-circle:before { content: "\f058"; } .uk-icon-question-circle:before { content: "\f059"; } .uk-icon-info-circle:before { content: "\f05a"; } .uk-icon-crosshairs:before { content: "\f05b"; } .uk-icon-times-circle-o:before { content: "\f05c"; } .uk-icon-check-circle-o:before { content: "\f05d"; } .uk-icon-ban:before { content: "\f05e"; } .uk-icon-arrow-left:before { content: "\f060"; } .uk-icon-arrow-right:before { content: "\f061"; } .uk-icon-arrow-up:before { content: "\f062"; } .uk-icon-arrow-down:before { content: "\f063"; } .uk-icon-mail-forward:before, .uk-icon-share:before { content: "\f064"; } .uk-icon-expand:before { content: "\f065"; } .uk-icon-compress:before { content: "\f066"; } .uk-icon-plus:before { content: "\f067"; } .uk-icon-minus:before { content: "\f068"; } .uk-icon-asterisk:before { content: "\f069"; } .uk-icon-exclamation-circle:before { content: "\f06a"; } .uk-icon-gift:before { content: "\f06b"; } .uk-icon-leaf:before { content: "\f06c"; } .uk-icon-fire:before { content: "\f06d"; } .uk-icon-eye:before { content: "\f06e"; } .uk-icon-eye-slash:before { content: "\f070"; } .uk-icon-warning:before, .uk-icon-exclamation-triangle:before { content: "\f071"; } .uk-icon-plane:before { content: "\f072"; } .uk-icon-calendar:before { content: "\f073"; } .uk-icon-random:before { content: "\f074"; } .uk-icon-comment:before { content: "\f075"; } .uk-icon-magnet:before { content: "\f076"; } .uk-icon-chevron-up:before { content: "\f077"; } .uk-icon-chevron-down:before { content: "\f078"; } .uk-icon-retweet:before { content: "\f079"; } .uk-icon-shopping-cart:before { content: "\f07a"; } .uk-icon-folder:before { content: "\f07b"; } .uk-icon-folder-open:before { content: "\f07c"; } .uk-icon-arrows-v:before { content: "\f07d"; } .uk-icon-arrows-h:before { content: "\f07e"; } .uk-icon-bar-chart-o:before { content: "\f080"; } .uk-icon-twitter-square:before { content: "\f081"; } .uk-icon-facebook-square:before { content: "\f082"; } .uk-icon-camera-retro:before { content: "\f083"; } .uk-icon-key:before { content: "\f084"; } .uk-icon-gears:before, .uk-icon-cogs:before { content: "\f085"; } .uk-icon-comments:before { content: "\f086"; } .uk-icon-thumbs-o-up:before { content: "\f087"; } .uk-icon-thumbs-o-down:before { content: "\f088"; } .uk-icon-star-half:before { content: "\f089"; } .uk-icon-heart-o:before { content: "\f08a"; } .uk-icon-sign-out:before { content: "\f08b"; } .uk-icon-linkedin-square:before { content: "\f08c"; } .uk-icon-thumb-tack:before { content: "\f08d"; } .uk-icon-external-link:before { content: "\f08e"; } .uk-icon-sign-in:before { content: "\f090"; } .uk-icon-trophy:before { content: "\f091"; } .uk-icon-github-square:before { content: "\f092"; } .uk-icon-upload:before { content: "\f093"; } .uk-icon-lemon-o:before { content: "\f094"; } .uk-icon-phone:before { content: "\f095"; } .uk-icon-square-o:before { content: "\f096"; } .uk-icon-bookmark-o:before { content: "\f097"; } .uk-icon-phone-square:before { content: "\f098"; } .uk-icon-twitter:before { content: "\f099"; } .uk-icon-facebook:before { content: "\f09a"; } .uk-icon-github:before { content: "\f09b"; } .uk-icon-unlock:before { content: "\f09c"; } .uk-icon-credit-card:before { content: "\f09d"; } .uk-icon-rss:before { content: "\f09e"; } .uk-icon-hdd-o:before { content: "\f0a0"; } .uk-icon-bullhorn:before { content: "\f0a1"; } .uk-icon-bell:before { content: "\f0f3"; } .uk-icon-certificate:before { content: "\f0a3"; } .uk-icon-hand-o-right:before { content: "\f0a4"; } .uk-icon-hand-o-left:before { content: "\f0a5"; } .uk-icon-hand-o-up:before { content: "\f0a6"; } .uk-icon-hand-o-down:before { content: "\f0a7"; } .uk-icon-arrow-circle-left:before { content: "\f0a8"; } .uk-icon-arrow-circle-right:before { content: "\f0a9"; } .uk-icon-arrow-circle-up:before { content: "\f0aa"; } .uk-icon-arrow-circle-down:before { content: "\f0ab"; } .uk-icon-globe:before { content: "\f0ac"; } .uk-icon-wrench:before { content: "\f0ad"; } .uk-icon-tasks:before { content: "\f0ae"; } .uk-icon-filter:before { content: "\f0b0"; } .uk-icon-briefcase:before { content: "\f0b1"; } .uk-icon-arrows-alt:before { content: "\f0b2"; } .uk-icon-group:before, .uk-icon-users:before { content: "\f0c0"; } .uk-icon-chain:before, .uk-icon-link:before { content: "\f0c1"; } .uk-icon-cloud:before { content: "\f0c2"; } .uk-icon-flask:before { content: "\f0c3"; } .uk-icon-cut:before, .uk-icon-scissors:before { content: "\f0c4"; } .uk-icon-copy:before, .uk-icon-files-o:before { content: "\f0c5"; } .uk-icon-paperclip:before { content: "\f0c6"; } .uk-icon-save:before, .uk-icon-floppy-o:before { content: "\f0c7"; } .uk-icon-square:before { content: "\f0c8"; } .uk-icon-bars:before { content: "\f0c9"; } .uk-icon-list-ul:before { content: "\f0ca"; } .uk-icon-list-ol:before { content: "\f0cb"; } .uk-icon-strikethrough:before { content: "\f0cc"; } .uk-icon-underline:before { content: "\f0cd"; } .uk-icon-table:before { content: "\f0ce"; } .uk-icon-magic:before { content: "\f0d0"; } .uk-icon-truck:before { content: "\f0d1"; } .uk-icon-pinterest:before { content: "\f0d2"; } .uk-icon-pinterest-square:before { content: "\f0d3"; } .uk-icon-google-plus-square:before { content: "\f0d4"; } .uk-icon-google-plus:before { content: "\f0d5"; } .uk-icon-money:before { content: "\f0d6"; } .uk-icon-caret-down:before { content: "\f0d7"; } .uk-icon-caret-up:before { content: "\f0d8"; } .uk-icon-caret-left:before { content: "\f0d9"; } .uk-icon-caret-right:before { content: "\f0da"; } .uk-icon-columns:before { content: "\f0db"; } .uk-icon-unsorted:before, .uk-icon-sort:before { content: "\f0dc"; } .uk-icon-sort-down:before, .uk-icon-sort-asc:before { content: "\f0dd"; } .uk-icon-sort-up:before, .uk-icon-sort-desc:before { content: "\f0de"; } .uk-icon-envelope:before { content: "\f0e0"; } .uk-icon-linkedin:before { content: "\f0e1"; } .uk-icon-rotate-left:before, .uk-icon-undo:before { content: "\f0e2"; } .uk-icon-legal:before, .uk-icon-gavel:before { content: "\f0e3"; } .uk-icon-dashboard:before, .uk-icon-tachometer:before { content: "\f0e4"; } .uk-icon-comment-o:before { content: "\f0e5"; } .uk-icon-comments-o:before { content: "\f0e6"; } .uk-icon-flash:before, .uk-icon-bolt:before { content: "\f0e7"; } .uk-icon-sitemap:before { content: "\f0e8"; } .uk-icon-umbrella:before { content: "\f0e9"; } .uk-icon-paste:before, .uk-icon-clipboard:before { content: "\f0ea"; } .uk-icon-lightbulb-o:before { content: "\f0eb"; } .uk-icon-exchange:before { content: "\f0ec"; } .uk-icon-cloud-download:before { content: "\f0ed"; } .uk-icon-cloud-upload:before { content: "\f0ee"; } .uk-icon-user-md:before { content: "\f0f0"; } .uk-icon-stethoscope:before { content: "\f0f1"; } .uk-icon-suitcase:before { content: "\f0f2"; } .uk-icon-bell-o:before { content: "\f0a2"; } .uk-icon-coffee:before { content: "\f0f4"; } .uk-icon-cutlery:before { content: "\f0f5"; } .uk-icon-file-text-o:before { content: "\f0f6"; } .uk-icon-building-o:before { content: "\f0f7"; } .uk-icon-hospital-o:before { content: "\f0f8"; } .uk-icon-ambulance:before { content: "\f0f9"; } .uk-icon-medkit:before { content: "\f0fa"; } .uk-icon-fighter-jet:before { content: "\f0fb"; } .uk-icon-beer:before { content: "\f0fc"; } .uk-icon-h-square:before { content: "\f0fd"; } .uk-icon-plus-square:before { content: "\f0fe"; } .uk-icon-angle-double-left:before { content: "\f100"; } .uk-icon-angle-double-right:before { content: "\f101"; } .uk-icon-angle-double-up:before { content: "\f102"; } .uk-icon-angle-double-down:before { content: "\f103"; } .uk-icon-angle-left:before { content: "\f104"; } .uk-icon-angle-right:before { content: "\f105"; } .uk-icon-angle-up:before { content: "\f106"; } .uk-icon-angle-down:before { content: "\f107"; } .uk-icon-desktop:before { content: "\f108"; } .uk-icon-laptop:before { content: "\f109"; } .uk-icon-tablet:before { content: "\f10a"; } .uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b"; } .uk-icon-circle-o:before { content: "\f10c"; } .uk-icon-quote-left:before { content: "\f10d"; } .uk-icon-quote-right:before { content: "\f10e"; } .uk-icon-spinner:before { content: "\f110"; } .uk-icon-circle:before { content: "\f111"; } .uk-icon-mail-reply:before, .uk-icon-reply:before { content: "\f112"; } .uk-icon-github-alt:before { content: "\f113"; } .uk-icon-folder-o:before { content: "\f114"; } .uk-icon-folder-open-o:before { content: "\f115"; } .uk-icon-smile-o:before { content: "\f118"; } .uk-icon-frown-o:before { content: "\f119"; } .uk-icon-meh-o:before { content: "\f11a"; } .uk-icon-gamepad:before { content: "\f11b"; } .uk-icon-keyboard-o:before { content: "\f11c"; } .uk-icon-flag-o:before { content: "\f11d"; } .uk-icon-flag-checkered:before { content: "\f11e"; } .uk-icon-terminal:before { content: "\f120"; } .uk-icon-code:before { content: "\f121"; } .uk-icon-reply-all:before { content: "\f122"; } .uk-icon-mail-reply-all:before { content: "\f122"; } .uk-icon-star-half-empty:before, .uk-icon-star-half-full:before, .uk-icon-star-half-o:before { content: "\f123"; } .uk-icon-location-arrow:before { content: "\f124"; } .uk-icon-crop:before { content: "\f125"; } .uk-icon-code-fork:before { content: "\f126"; } .uk-icon-unlink:before, .uk-icon-chain-broken:before { content: "\f127"; } .uk-icon-question:before { content: "\f128"; } .uk-icon-info:before { content: "\f129"; } .uk-icon-exclamation:before { content: "\f12a"; } .uk-icon-superscript:before { content: "\f12b"; } .uk-icon-subscript:before { content: "\f12c"; } .uk-icon-eraser:before { content: "\f12d"; } .uk-icon-puzzle-piece:before { content: "\f12e"; } .uk-icon-microphone:before { content: "\f130"; } .uk-icon-microphone-slash:before { content: "\f131"; } .uk-icon-shield:before { content: "\f132"; } .uk-icon-calendar-o:before { content: "\f133"; } .uk-icon-fire-extinguisher:before { content: "\f134"; } .uk-icon-rocket:before { content: "\f135"; } .uk-icon-maxcdn:before { content: "\f136"; } .uk-icon-chevron-circle-left:before { content: "\f137"; } .uk-icon-chevron-circle-right:before { content: "\f138"; } .uk-icon-chevron-circle-up:before { content: "\f139"; } .uk-icon-chevron-circle-down:before { content: "\f13a"; } .uk-icon-html5:before { content: "\f13b"; } .uk-icon-css3:before { content: "\f13c"; } .uk-icon-anchor:before { content: "\f13d"; } .uk-icon-unlock-alt:before { content: "\f13e"; } .uk-icon-bullseye:before { content: "\f140"; } .uk-icon-ellipsis-h:before { content: "\f141"; } .uk-icon-ellipsis-v:before { content: "\f142"; } .uk-icon-rss-square:before { content: "\f143"; } .uk-icon-play-circle:before { content: "\f144"; } .uk-icon-ticket:before { content: "\f145"; } .uk-icon-minus-square:before { content: "\f146"; } .uk-icon-minus-square-o:before { content: "\f147"; } .uk-icon-level-up:before { content: "\f148"; } .uk-icon-level-down:before { content: "\f149"; } .uk-icon-check-square:before { content: "\f14a"; } .uk-icon-pencil-square:before { content: "\f14b"; } .uk-icon-external-link-square:before { content: "\f14c"; } .uk-icon-share-square:before { content: "\f14d"; } .uk-icon-compass:before { content: "\f14e"; } .uk-icon-toggle-down:before, .uk-icon-caret-square-o-down:before { content: "\f150"; } .uk-icon-toggle-up:before, .uk-icon-caret-square-o-up:before { content: "\f151"; } .uk-icon-toggle-right:before, .uk-icon-caret-square-o-right:before { content: "\f152"; } .uk-icon-euro:before, .uk-icon-eur:before { content: "\f153"; } .uk-icon-gbp:before { content: "\f154"; } .uk-icon-dollar:before, .uk-icon-usd:before { content: "\f155"; } .uk-icon-rupee:before, .uk-icon-inr:before { content: "\f156"; } .uk-icon-cny:before, .uk-icon-rmb:before, .uk-icon-yen:before, .uk-icon-jpy:before { content: "\f157"; } .uk-icon-ruble:before, .uk-icon-rouble:before, .uk-icon-rub:before { content: "\f158"; } .uk-icon-won:before, .uk-icon-krw:before { content: "\f159"; } .uk-icon-bitcoin:before, .uk-icon-btc:before { content: "\f15a"; } .uk-icon-file:before { content: "\f15b"; } .uk-icon-file-text:before { content: "\f15c"; } .uk-icon-sort-alpha-asc:before { content: "\f15d"; } .uk-icon-sort-alpha-desc:before { content: "\f15e"; } .uk-icon-sort-amount-asc:before { content: "\f160"; } .uk-icon-sort-amount-desc:before { content: "\f161"; } .uk-icon-sort-numeric-asc:before { content: "\f162"; } .uk-icon-sort-numeric-desc:before { content: "\f163"; } .uk-icon-thumbs-up:before { content: "\f164"; } .uk-icon-thumbs-down:before { content: "\f165"; } .uk-icon-youtube-square:before { content: "\f166"; } .uk-icon-youtube:before { content: "\f167"; } .uk-icon-xing:before { content: "\f168"; } .uk-icon-xing-square:before { content: "\f169"; } .uk-icon-youtube-play:before { content: "\f16a"; } .uk-icon-dropbox:before { content: "\f16b"; } .uk-icon-stack-overflow:before { content: "\f16c"; } .uk-icon-instagram:before { content: "\f16d"; } .uk-icon-flickr:before { content: "\f16e"; } .uk-icon-adn:before { content: "\f170"; } .uk-icon-bitbucket:before { content: "\f171"; } .uk-icon-bitbucket-square:before { content: "\f172"; } .uk-icon-tumblr:before { content: "\f173"; } .uk-icon-tumblr-square:before { content: "\f174"; } .uk-icon-long-arrow-down:before { content: "\f175"; } .uk-icon-long-arrow-up:before { content: "\f176"; } .uk-icon-long-arrow-left:before { content: "\f177"; } .uk-icon-long-arrow-right:before { content: "\f178"; } .uk-icon-apple:before { content: "\f179"; } .uk-icon-windows:before { content: "\f17a"; } .uk-icon-android:before { content: "\f17b"; } .uk-icon-linux:before { content: "\f17c"; } .uk-icon-dribbble:before { content: "\f17d"; } .uk-icon-skype:before { content: "\f17e"; } .uk-icon-foursquare:before { content: "\f180"; } .uk-icon-trello:before { content: "\f181"; } .uk-icon-female:before { content: "\f182"; } .uk-icon-male:before { content: "\f183"; } .uk-icon-gittip:before { content: "\f184"; } .uk-icon-sun-o:before { content: "\f185"; } .uk-icon-moon-o:before { content: "\f186"; } .uk-icon-archive:before { content: "\f187"; } .uk-icon-bug:before { content: "\f188"; } .uk-icon-vk:before { content: "\f189"; } .uk-icon-weibo:before { content: "\f18a"; } .uk-icon-renren:before { content: "\f18b"; } .uk-icon-pagelines:before { content: "\f18c"; } .uk-icon-stack-exchange:before { content: "\f18d"; } .uk-icon-arrow-circle-o-right:before { content: "\f18e"; } .uk-icon-arrow-circle-o-left:before { content: "\f190"; } .uk-icon-toggle-left:before, .uk-icon-caret-square-o-left:before { content: "\f191"; } .uk-icon-dot-circle-o:before { content: "\f192"; } .uk-icon-wheelchair:before { content: "\f193"; } .uk-icon-vimeo-square:before { content: "\f194"; } .uk-icon-turkish-lira:before, .uk-icon-try:before { content: "\f195"; } .uk-icon-plus-square-o:before { content: "\f196"; } / ======================================================================== Component: Close ========================================================================== / / * 1. Required for `button` elements and makes * close button more robust against different box-sizing use * 2. Style * 3. Required for `button` elements * 4. Needed for Safari / .uk-close { / 1 / -moz-box-sizing: content-box; box-sizing: content-box; / 2 / display: inline-block; width: 20px; line-height: 20px; text-align: center; color: inherit; opacity: 0.3; / 3. / padding: 0; border: 0; -webkit-appearance: none; / 4. / background: transparent; } / Icon / .uk-close:after { display: block; content: "\f00d"; font-family: FontAwesome; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements / .uk-close:hover, .uk-close:focus { opacity: 0.5; / 2 / outline: none; / 3 / color: inherit; text-decoration: none; cursor: pointer; } / Modifier ========================================================================== / .uk-close-alt { padding: 2px; border-radius: 50%; background: #eeeeee; opacity: 1; } / Hover / .uk-close-alt:hover, .uk-close-alt:focus { opacity: 1; } / Icon / .uk-close-alt:after { opacity: 0.5; } .uk-close-alt:hover:after, .uk-close-alt:focus:after { opacity: 0.8; } / ======================================================================== Component: Badge ========================================================================== / .uk-badge { display: inline-block; padding: 0 10px; background: #ecc06d; font-size: 10px; font-weight: 300; line-height: 14px; color: #ffffff; text-align: center; vertical-align: middle; text-transform: uppercase; padding: 5px 10px; background-image: -webkit-linear-gradient(top, #e6be69, #f0c170); background-image: linear-gradient(to bottom, #e6be69, #f0c170); } / Modifier: `uk-badge-notification`; ========================================================================== / .uk-badge-notification { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 18px; border-radius: 500px; font-size: 12px; line-height: 18px; } / Color modifier ========================================================================== / / * Modifier: `uk-badge-success` / .uk-badge-success { background-color: #6dcb6f; background-image: -webkit-linear-gradient(top, #71d173, #6ac76c); background-image: linear-gradient(to bottom, #71d173, #6ac76c); } / * Modifier: `uk-badge-warning` / .uk-badge-warning { background-color: #f7cf81; background-image: -webkit-linear-gradient(top, #d17f62, #dc8464); background-image: linear-gradient(to bottom, #d17f62, #dc8464); } / * Modifier: `uk-badge-danger` / .uk-badge-danger { background-color: #dc706e; background-image: -webkit-linear-gradient(top, #e37471, #d86e6c); background-image: linear-gradient(to bottom, #e37471, #d86e6c); } / Modifier: `uk-badge-notification`; ========================================================================== / .uk-badge-notification { padding: 2px 8px; } / ======================================================================== Component: Alert ========================================================================== / .uk-alert { margin-bottom: 15px; padding: 10px; background: rgba(216, 130, 99, 0.1); color: #d88263; } / * Add margin if adjacent element / + .uk-alert { margin-top: 15px; } /* * Remove margin from the last-child / .uk-alert > :last-child { margin-bottom: 0; } / * Keep color for headings if the default heading color is changed / .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } / Close in alert ========================================================================== / .uk-alert > .uk-close:first-child { float: right; } / * Remove margin from adjacent element / .uk-alert > .uk-close:first-child + { margin-top: 0; } /* Modifier: `uk-alert-success` ========================================================================== / .uk-alert-success { background: rgba(109, 203, 111, 0.1); color: #6dcb6f; } / Modifier: `uk-alert-warning` ========================================================================== / .uk-alert-warning { background: rgba(242, 180, 57, 0.25); color: #f2b439; } / Modifier: `uk-alert-danger` ========================================================================== / .uk-alert-danger { background: rgba(220, 112, 110, 0.1); color: #dc706e; } / Modifier: `uk-alert-large` ========================================================================== / .uk-alert-large { padding: 20px; } .uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; } / ======================================================================== Component: Thumbnail ========================================================================== / / * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsive behavior * 3. Required for `figure` element * 4. Style / .uk-thumbnail { display: inline-block; / 1 / -moz-box-sizing: border-box; box-sizing: border-box; / 2 / max-width: 100%; / 3 / margin: 0; / 4 / padding: 4px; border: 1px solid #e3d9c8; background: #eae2d4; } / * Hover state for `a` elements * 1. Apply hover style also to focus state * 2. Needed for caption * 3. Remove default focus style / a.uk-thumbnail:hover, a.uk-thumbnail:focus { border-color: #d2c2a6; background-color: #f3ede2; / 2 / text-decoration: none; / 3 / outline: none; } / Caption ========================================================================== / .uk-thumbnail-caption { padding-top: 4px; text-align: center; color: #ad9871; } / Sizes ========================================================================== / .uk-thumbnail-mini { width: 150px; } .uk-thumbnail-small { width: 200px; } .uk-thumbnail-medium { width: 300px; } .uk-thumbnail-large { width: 400px; } .uk-thumbnail-expand, .uk-thumbnail-expand > img { width: 100%; } / ======================================================================== Component: Overlay ========================================================================== / / * 1. Container width fits its content * 2. Create position context * 3. Set max-width for responsive images to prevent `inline-block` consequences * 4. Remove the gap between the container and its child element / .uk-overlay { / 1 / display: inline-block; / 2 / position: relative; / 3 / max-width: 100%; / 4 / vertical-align: middle; } / * Fixed wrong scaling calculation for images in Chrome / .uk-overlay > img:first-child { display: block; } / Sub-object `uk-overlay-area` ========================================================================== / / * 1. Set position * 2. Set style * 3. Fade-in transition / .uk-overlay-area { / 1 / position: absolute; top: 0; bottom: 0; left: 0; right: 0; / 2 / background: rgba(236, 192, 109, 0.5); / 3 / opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } / * Hover * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier / .uk-overlay:hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area { opacity: 1; } / * Icon / .uk-overlay-area:empty:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; line-height: 1; font-family: FontAwesome; text-align: center; color: #ffffff; } / Sub-object `uk-overlay-area-content` ========================================================================== / / * Remove whitespace between child elements when using `inline-block` * Needed for Firefox / .uk-overlay-area:not(:empty) { font-size: 0.001px; } / * 1. Needed for vertical alignment / .uk-overlay-area:not(:empty):before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } / * 1. Set vertical alignment * 2. Reset whitespace hack * 3. Set horizontal alignment * 4. Set style / .uk-overlay-area-content { / 1 / display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; vertical-align: middle; / 2 / font-size: 1rem; / 3 / text-align: center; / 4 / padding: 0 15px; color: #ffffff; } / * Remove margin from the last-child / .uk-overlay-area-content > :last-child { margin-bottom: 0; } / * Links in overlay area / .uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover { color: inherit; } / Sub-object `uk-overlay-caption` ========================================================================== / / * 1. Set position * 2. Set style * 3. Fade-in transition / .uk-overlay-caption { / 1 / position: absolute; bottom: 0; left: 0; right: 0; / 2 / padding: 15px; background: rgba(236, 192, 109, 0.5); color: #ffffff; / 3 / opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } / * Hover * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier / .uk-overlay:hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption { opacity: 1; } / ======================================================================== Component: Progress ========================================================================== / / * 1. Clearing * 2. Vertical alignment if text is used / .uk-progress { -moz-box-sizing: border-box; box-sizing: border-box; height: 20px; margin-bottom: 15px; background: #eae2d4; / 1 / overflow: hidden; / 2 / line-height: 20px; } / * Add margin if adjacent element / + .uk-progress { margin-top: 15px; } /* Sub-object: `uk-progress-bar` ========================================================================== / / * 1. Transition * 2. Needed for text / .uk-progress-bar { width: 0; height: 100%; background: #d88263; float: left; / 1 / -webkit-transition: width 0.6s ease; transition: width 0.6s ease; / 2 / font-size: 12px; color: #ffffff; text-align: center; background-image: -webkit-linear-gradient(top, #d17f62, #dc8464); background-image: linear-gradient(to bottom, #d17f62, #dc8464); } / Size modifiers ========================================================================== / / Mini / .uk-progress-mini { height: 6px; } / Small / .uk-progress-small { height: 12px; } / Color modifiers ========================================================================== / .uk-progress-success .uk-progress-bar { background-color: #6dcb6f; background-image: -webkit-linear-gradient(top, #71d173, #6ac76c); background-image: linear-gradient(to bottom, #71d173, #6ac76c); } .uk-progress-warning .uk-progress-bar { background-color: #f7cf81; background-image: -webkit-linear-gradient(top, #fed585, #f2cb7e); background-image: linear-gradient(to bottom, #fed585, #f2cb7e); } .uk-progress-danger .uk-progress-bar { background-color: #dc706e; background-image: -webkit-linear-gradient(top, #e37471, #d86e6c); background-image: linear-gradient(to bottom, #e37471, #d86e6c); } / Modifier: `uk-progress-striped` ========================================================================== / .uk-progress-striped .uk-progress-bar { 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); 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); background-size: 30px 30px; } / * Animation / .uk-progress-striped.uk-active .uk-progress-bar { -webkit-animation: uk-progress-bar-stripes 2s linear infinite; animation: uk-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes uk-progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } @keyframes uk-progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } / ======================================================================== Component: Animation ========================================================================== / [class='uk-animation-'] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Hide animated element if scrollspy is used / [data-uk-scrollspy='uk-animation-'] { opacity: 0; } /* * Fade / .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } / * Scale / .uk-animation-scale-up { -webkit-animation-name: uk-scale-up; animation-name: uk-scale-up; } .uk-animation-scale-down { -webkit-animation-name: uk-scale-down; animation-name: uk-scale-down; } / * Slide / .uk-animation-slide-top { -webkit-animation-name: uk-slide-top; animation-name: uk-slide-top; } .uk-animation-slide-bottom { -webkit-animation-name: uk-slide-bottom; animation-name: uk-slide-bottom; } .uk-animation-slide-left { -webkit-animation-name: uk-slide-left; animation-name: uk-slide-left; } .uk-animation-slide-right { -webkit-animation-name: uk-slide-right; animation-name: uk-slide-right; } / * Shake / .uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake; } / Modifiers ========================================================================== / .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; } / Keyframes ========================================================================== / / * Fade / @-webkit-keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } / * Scale up / @-webkit-keyframes uk-scale-up { 0% { opacity: 0; -webkit-transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-scale-up { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } / * Scale down / @-webkit-keyframes uk-scale-down { 0% { opacity: 0; -webkit-transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-scale-down { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } / * Slide top / @-webkit-keyframes uk-slide-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } / * Slide bottom / @-webkit-keyframes uk-slide-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } / * Slide left / @-webkit-keyframes uk-slide-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-slide-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } / * Slide right / @-webkit-keyframes uk-slide-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-slide-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } / * Shake / @-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } / * Slide top fixed / @-webkit-keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } / * Slide bottom fixed / @-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-bottom-fixed { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } / * Spin / @-webkit-keyframes uk-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes uk-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } / ======================================================================== Component: Dropdown ========================================================================== / / * 1. Hide by default * 2. Set position * 3. Box-sizing is needed for `uk-dropdown-justify` * 4. Set style * 5. Reset button group whitespace hack / .uk-dropdown { / 1 / display: none; / 2 / position: absolute; top: 100%; left: 0; z-index: 1020; / 3 / -moz-box-sizing: border-box; box-sizing: border-box; / 4 / width: 150px; margin-top: 15px; padding: 0px; background: #f3ede2; color: #ad9871; / 5 / font-size: 1rem; vertical-align: top; box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3); } / * 1. Show dropdown * 2. Set animation * 3. Needed for scale animation / .uk-open > .uk-dropdown { / 1 / display: block; / 2 / -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; / 3 / -webkit-transform-origin: 0 0; transform-origin: 0 0; } / Alignment modifiers ========================================================================== / / * Modifier `uk-dropdown-flip` / .uk-dropdown-flip { left: auto; right: 0; } / * Modifier `uk-dropdown-up` / .uk-dropdown-up { top: auto; bottom: 100%; margin-top: auto; margin-bottom: 15px; } / Nav in dropdown ========================================================================== / .uk-dropdown .uk-nav { margin: 0 -30px; } / Grid and panel in dropdown ========================================================================== / / * Vertical gutter / / Grid / .uk-dropdown > .uk-grid + .uk-grid { margin-top: 30px; } / Panels / .uk-dropdown > .uk-grid > [class='uk-width-'] > .uk-panel + .uk-panel { margin-top: 30px; } /* Tablet and bigger / @media (min-width: 768px) { / * Horizontal gutter / .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { margin-left: -10px; margin-right: -10px; } .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class='uk-width-'] { padding-left: 10px; padding-right: 10px; } /* * Column divider / .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class='uk-width-']:nth-child(n+2) { border-left: 1px solid #e3d9c8; } /* * Width multiplier for dropdown columns / .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px; } .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px; } .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px; } .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px; } } / Phone landscape and smaller / @media (max-width: 767px) { / * Stack columns and take full width / .uk-dropdown > .uk-grid > [class='uk-width-'] { width: 100%; } /* * Vertical gutter / .uk-dropdown > .uk-grid > [class='uk-width-']:nth-child(n+2) { margin-top: 30px; } } /* * Stack grid columns / .uk-dropdown-stack > .uk-grid > [class='uk-width-'] { width: 100%; } .uk-dropdown-stack > .uk-grid > [class='uk-width-']:nth-child(n+2) { margin-top: 30px; } / Modifier `uk-dropdown-small` ========================================================================== / / * Set min-width and text expands dropdown if needed / .uk-dropdown-small { min-width: 150px; width: auto; padding: 15px; white-space: nowrap; } / * Nav in dropdown / .uk-dropdown-small .uk-nav { margin: 0 -15px; } / Modifier: `uk-dropdown-navbar` ========================================================================== / .uk-dropdown-navbar { margin-top: 0px; background: #f3ede2; color: #ad9871; } .uk-open > .uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } / Nav in dropdown ========================================================================== / .uk-dropdown .uk-nav { margin: 0; } / ======================================================================== Component: Modal ========================================================================== / / * This is the modal overlay and modal dialog container * 1. Hide by default * 2. Set fixed position * 3. Allow scrolling for the modal dialog * 4. Mask the background page * 5. Fade-in transition * 6. Fix transition in Webkit / .uk-modal { / 1 / display: none; / 2 / position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; / 3 / overflow-y: auto; -webkit-overflow-scrolling: touch; / 4 / background: rgba(0, 0, 0, 0.6); / 5 / opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; / 6 / -webkit-transform: translateZ(0); } / * Open state / .uk-modal.uk-open { opacity: 1; } / * Prevents duplicated scrollbar caused by 4. / .uk-modal-page, .uk-modal-page body { overflow: hidden; } / Sub-object: `uk-modal-dialog` ========================================================================== / / * 1. Create position context for `uk-modal-dialog-frameless` * 2. Set box sizing * 3. Set style * 4. Slide-in transition / .uk-modal-dialog { / 1 / position: relative; / 2 / -moz-box-sizing: border-box; box-sizing: border-box; margin: 50px auto; padding: 20px; width: 600px; max-width: 100%; max-width: calc(100% - 20px); / 3 / background: #f3ede2; / 4 / opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; } / Phone landscape and smaller / @media (max-width: 767px) { / * Fit in small screen / .uk-modal-dialog { width: auto; margin: 10px; } } / * Open state / .uk-open .uk-modal-dialog { / 4 / opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } / * Remove margin from the last-child / .uk-modal-dialog > :last-child { margin-bottom: 0; } / Close in modal ========================================================================== / .uk-modal-dialog > .uk-close:first-child { margin: -10px -10px 0 0; float: right; } / * Remove margin from adjacent element / .uk-modal-dialog > .uk-close:first-child + { margin-top: 0; } /* Modifier: `uk-modal-dialog-frameless` ========================================================================== / .uk-modal-dialog-frameless { padding: 0; } / * Close in modal / .uk-modal-dialog-frameless > .uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none; } / Phone landscape and smaller / @media (max-width: 767px) { .uk-modal-dialog-frameless > .uk-close:first-child { top: -7px; right: -7px; } } / Modifier: `uk-modal-dialog-large` ========================================================================== / / Tablet and bigger / @media (min-width: 768px) { .uk-modal-dialog-large { width: 930px; } } / Large screen and bigger / @media (min-width: 1220px) { .uk-modal-dialog-large { width: 1130px; } } / ======================================================================== Component: Off-canvas ========================================================================== / / * This is the offcanvas overlay and bar container * 1. Hide by default * 2. Set fixed position * 3. Mask the background page / .uk-offcanvas { / 1 / display: none; / 2 / position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; / 3 / background: rgba(0, 0, 0, 0.1); } .uk-offcanvas.uk-active { display: block; } / Sub-object `uk-offcanvas-page` ========================================================================== / / * Prepares the whole HTML page to slide-out * 1. Fix the main page and disallow scrolling * 2. Side-out transition / .uk-offcanvas-page { / 1 / position: fixed; / 2 / -webkit-transition: margin-left 0.3s ease-in-out 50ms; transition: margin-left 0.3s ease-in-out 50ms; } / Sub-object `uk-offcanvas-bar` ========================================================================== / / * This is the offcanvas bar * 1. Set fixed position * 2. Size and style * 3. Allow scrolling * 4. Side-out transition / .uk-offcanvas-bar { / 1 / position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; / 2 / width: 270px; max-width: 100%; background: #f3ede2; / 3 / overflow-y: auto; -webkit-overflow-scrolling: touch; / 4 / -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { -webkit-transform: translateX(0%); transform: translateX(0%); } / Modifier `uk-offcanvas-bar-flip` ========================================================================== / .uk-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } / Panel in offcanvas ========================================================================== / .uk-offcanvas .uk-panel { margin: 20px; color: #ad9871; } .uk-offcanvas .uk-panel-title { color: #ad9871; } .uk-offcanvas .uk-panel a:not([class]) { color: #e38f71; } .uk-offcanvas .uk-panel a:not([class]):hover { color: #e38f71; } .uk-offcanvas-bar:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.2); } .uk-offcanvas-bar-flip:after { right: auto; left: 0; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.2); } / ======================================================================== Component: Switcher ========================================================================== / .uk-switcher { margin: 0; padding: 0; list-style: none; } / * Items / .uk-switcher > :not(.uk-active) { display: none; } /* ======================================================================== Component: Tooltip ========================================================================== / / * 1. Hide by default * 2. Set fixed position * 3. Set dimensions * 4. Set style / .uk-tooltip { / 1 / display: none; / 2 / position: absolute; z-index: 1030; / 3 / -moz-box-sizing: border-box; box-sizing: border-box; max-width: 200px; padding: 5px 8px; / 4 / background: #333333; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 18px; text-align: center; } / Triangle ========================================================================== / / * 1. Dashed is less antialised than solid / .uk-tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; / 1 / border: 5px dashed #333333; } / Direction modifiers ========================================================================== / / * Top / .uk-tooltip-top:after, .uk-tooltip-top-left:after, .uk-tooltip-top-right:after { bottom: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-color: #333333; } / * Bottom / .uk-tooltip-bottom:after, .uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after { top: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #333333; } / * Top/Bottom center / .uk-tooltip-top:after, .uk-tooltip-bottom:after { left: 50%; margin-left: -5px; } / * Top/Bottom left / .uk-tooltip-top-left:after, .uk-tooltip-bottom-left:after { left: 10px; } / * Top/Bottom right / .uk-tooltip-top-right:after, .uk-tooltip-bottom-right:after { right: 10px; } / * Left / .uk-tooltip-left:after { right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #333333; } / * Right / .uk-tooltip-right:after { left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #333333; } / ======================================================================== Component: Text ========================================================================== / / Size modifiers ========================================================================== / .uk-text-small { font-size: 11px; line-height: 16px; } .uk-text-large { font-size: 18px; line-height: 24px; } / Weight modifiers ========================================================================== / .uk-text-bold { font-weight: bold; } / Color modifiers ========================================================================== / .uk-text-muted { color: #d1c4ad !important; } .uk-text-primary { color: #e38f71 !important; } .uk-text-success { color: #6dcb6f !important; } .uk-text-warning { color: #f7cf81 !important; } .uk-text-danger { color: #dc706e !important; } / Alignment modifiers ========================================================================== / .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } / Only tablets portrait / @media (max-width: 959px) { .uk-text-center-medium { text-align: center !important; } } / Phone landscape and smaller / @media (max-width: 767px) { .uk-text-center-small { text-align: center !important; } } / Wrap modifiers ========================================================================== / / * Prevent text from wrapping onto multiple lines / .uk-text-nowrap { white-space: nowrap; } / * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis / .uk-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } / * Break strings if their length exceeds the width of their container / .uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } / ======================================================================== Component: Utility ========================================================================== / / Container ========================================================================== / .uk-container { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; /margin: 0px 10px !important;/ max-width: 1300px; width: 1300px; } / Large screen and bigger / @media (min-width: 1220px) { .uk-container { max-width: 1300px; padding: 0 10px; width: 1300px; } } / * Micro clearfix / .uk-container:before, .uk-container:after { content: " "; display: table; } .uk-container:after { clear: both; } / * Center container / .uk-container-center { margin-left: auto; margin-right: auto; } / Clearing ========================================================================== / / * Micro clearfix / .uk-clearfix:before, .uk-clearfix:after { content: " "; display: table; } .uk-clearfix:after { clear: both; } / * Create a new block formatting context / .uk-nbfc { overflow: hidden; } .uk-nbfc-alt { display: table-cell; width: 10000px; } / Alignment of block elements ========================================================================== / / * Float blocks * 1. Prevent content overflow on small devices / .uk-float-left { float: left; } .uk-float-right { float: right; } / 1 / [class='uk-float-'] { max-width: 100%; } /* Alignment of images and objects ========================================================================== / / * Alignment / [class='uk-align-'] { display: block; margin-bottom: 15px; } .uk-align-left { margin-right: 15px; float: left; } .uk-align-right { margin-left: 15px; float: right; } /* Tablet and bigger / @media (min-width: 768px) { .uk-align-medium-left { margin-right: 15px; margin-bottom: 15px; float: left; } .uk-align-medium-right { margin-left: 15px; margin-bottom: 15px; float: right; } } .uk-align-center { margin-left: auto; margin-right: auto; } / Vertical alignment ========================================================================== / / * Remove whitespace between child elements when using `inline-block` / .uk-vertical-align { font-size: 0.001px; } / * The `uk-vertical-align` container needs a specific height / .uk-vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } / * Sub-object which can have any height * 1. Reset whitespace hack / .uk-vertical-align-middle, .uk-vertical-align-bottom { display: inline-block; max-width: 100%; / 1 / font-size: 1rem; } .uk-vertical-align-middle { vertical-align: middle; } .uk-vertical-align-bottom { vertical-align: bottom; } / * This helper class is very useful to extend the `html` and `body` element to the full height of the page. / .uk-height-1-1 { height: 100%; } / Responsive objects * Note: Images are already responsive by default, see Base component ========================================================================== / / * 1. Corrects max-width/max-height behavior if padding and border are used / .uk-responsive-width, .uk-responsive-height { -moz-box-sizing: border-box; box-sizing: border-box; } / * Responsiveness: Sets a maximum width relative to the parent and auto scales the height / .uk-responsive-width { max-width: 100%; height: auto; } / * Responsiveness: Sets a maximum height relative to the parent and auto scales the width * Only works if the parent element has a fixed height. / .uk-responsive-height { max-height: 100%; width: auto; } / Margin ========================================================================== / / * Create a block with the same margin of a paragraph * Add margin if adjacent element / .uk-margin { margin-bottom: 15px; } + .uk-margin { margin-top: 15px; } .uk-margin-top { margin-top: 15px !important; } .uk-margin-bottom { margin-bottom: 15px !important; } .uk-margin-left { margin-left: 15px !important; } .uk-margin-right { margin-right: 15px !important; } /* * Larger margins / .uk-margin-large { margin-bottom: 50px; } + .uk-margin-large { margin-top: 50px; } .uk-margin-large-top { margin-top: 50px !important; } .uk-margin-large-bottom { margin-bottom: 50px !important; } .uk-margin-large-left { margin-left: 50px !important; } .uk-margin-large-right { margin-right: 50px !important; } /* * Smaller margins / .uk-margin-small { margin-bottom: 5px; } + .uk-margin-small { margin-top: 5px; } .uk-margin-small-top { margin-top: 5px !important; } .uk-margin-small-bottom { margin-bottom: 5px !important; } .uk-margin-small-left { margin-left: 5px !important; } .uk-margin-small-right { margin-right: 5px !important; } /* * Remove margins / .uk-margin-remove { margin: 0 !important; } .uk-margin-top-remove { margin-top: 0 !important; } .uk-margin-bottom-remove { margin-bottom: 0 !important; } / Border ========================================================================== / .uk-border-circle { border-radius: 50%; } .uk-border-rounded { border-radius: 5px; } / Headings ========================================================================== / / Tablet and bigger / @media (min-width: 768px) { .uk-heading-large { font-size: 52px; line-height: 64px; } } / Link ========================================================================== / / * Let links appear in default text color / .uk-link-muted, .uk-link-muted a { color: #ad9871; } .uk-link-muted:hover, .uk-link-muted a:hover { color: #ad9871; } / * Reset link style / .uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover { color: inherit; text-decoration: none; } / Scrollable ========================================================================== / / * Enable scrolling for preformatted text / .uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both; } / * Box with scrolling enabled / .uk-scrollable-box { -moz-box-sizing: border-box; box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #e3d9c8; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-scrollable-box > :last-child { margin-bottom: 0; } / Overflow ========================================================================== / / * Enable scrollbars if content is clipped / .uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-container > :last-child { margin-bottom: 0; } / Display ========================================================================== / / * Display / .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; } / * Visibility * Avoids setting display to `block` / / Desktop and bigger / @media (min-width: 960px) { .uk-visible-small { display: none !important; } .uk-visible-medium { display: none !important; } .uk-hidden-large { display: none !important; } } / Only tablets portrait / @media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } .uk-visible-large { display: none !important ; } .uk-hidden-medium { display: none !important; } } / Phone landscape and smaller / @media (max-width: 767px) { .uk-visible-medium { display: none !important; } .uk-visible-large { display: none !important; } .uk-hidden-small { display: none !important; } } / Remove from the flow and screen readers on any device / .uk-hidden { display: none !important; visibility: hidden !important; } / It's hidden, but still affects layout / .uk-invisible { visibility: hidden !important; } / Show on hover / .uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block !important; visibility: visible !important; } .uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block !important; visibility: visible !important; } / ======================================================================== Component: Print ========================================================================== / @media print { { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ======================================================================== Component: Search ========================================================================== / / * 1. Create position context for dropdowns * 2. Needed for `form` element / .uk-search { display: inline-block; / 1 / position: relative; / 2 / margin: 10px; } / * Icon / .uk-search:before { content: "\f002"; position: absolute; top: 0; left: 0; width: 30px; line-height: 30px; text-align: center; font-family: FontAwesome; font-size: 14px; color: #faf0e1; } / Sub-object `uk-search-field` ========================================================================== / / * 1. Needed to reset iOS `input[type="search"]` appearance / .uk-search-field { border: 1px solid rgba(0, 0, 0, 0) !important; color: #c9c9c9 !important; -webkit-transition: all linear 0.2s !important; transition: all linear 0.2s !important; position: relative !important; padding: 0 10px 0 32px !important; cursor: pointer !important; z-index: 1 !important; box-sizing: border-box !important; border-radius: 4px !important; background-color: #ffffff !important; width: 260px !important; height: 32px !important; margin: 0 !important; background: url("/templates/yoo_everest/images/search-lupa.png") 8px 50% no-repeat #ffffff !important; } / * Needed to reset iOS `input[type="search"]` appearance * Higher specificity to override appearance set by normalize.less / input.uk-search-field { -webkit-appearance: none; } / Placeholder / .uk-search-field:-ms-input-placeholder { color: rgba(0, 0, 0, 0); } .uk-search-field::-moz-placeholder { color: rgba(0, 0, 0, 0); } .uk-search-field::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); } / Removes cancel button in IE10 / .uk-search-field::-ms-clear { display: none; } / Focus / .uk-search-field:focus { outline: 0; } / Focus + active / .uk-search-field:focus, .uk-active .uk-search-field { width: 260px !important; color: #444444 !important; } / Sub-object `uk-search-close` ========================================================================== / / * 1. Required for `button` elements * 2. Needed for Safari / .uk-search-close { display: none; position: absolute; top: 0; right: 0; width: 30px; line-height: 30px; text-align: center; font-size: 14px; color: rgba(250, 240, 225, 0.5); / 1. / padding: 0; border: 0; -webkit-appearance: none; / 2. / background: transparent; z-index: 2; } .uk-loading > .uk-search-close, .uk-active > .uk-search-close { display: block; } / * Icon / .uk-search-close:after { display: block; content: "\f00d"; font-family: FontAwesome; } / Loading icon / .uk-loading > .uk-search-close:after { content: "\f110"; -webkit-animation: uk-spin 2s infinite linear; animation: uk-spin 2s infinite linear; } / Dropdown modifier: `uk-dropdown-search` ========================================================================== / .uk-dropdown-search { width: 300px; margin-top: 15px; background: #f3ede2; color: #ad9871; } .uk-open > .uk-dropdown-search { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } / * Dependency `uk-navbar-flip` / .uk-navbar-flip .uk-dropdown-search { margin-top: 35px; margin-right: -25px; } / Nav modifier `uk-nav-search` ========================================================================== / / * Items / .uk-nav-search > li > a { color: #ad9871; } / * Active * 1. Remove default focus style / .uk-nav-search > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #e38f71; / 1 / outline: none; } / * Sub-object: `uk-nav-header` / .uk-nav-search .uk-nav-header { color: #d1c4ad; } / * Sub-object: `uk-nav-divider` / .uk-nav-search .uk-nav-divider { border-top: 1px solid #e3d9c8; } / * Nested items / .uk-nav-search ul a { color: #ad9871; } .uk-nav-search ul a:hover { color: #e38f71; } / Search in offcanvas ========================================================================== / .uk-offcanvas .uk-search { display: block; margin: 20px; } .uk-offcanvas .uk-search:before { color: #ad9871; } .uk-offcanvas .uk-search-field { width: 100%; border-color: #e3d9c8; background: rgba(0, 0, 0, 0); color: #ad9871; } .uk-offcanvas .uk-search-field:-ms-input-placeholder { color: #d1c4ad; } .uk-offcanvas .uk-search-field::-moz-placeholder { color: #d1c4ad; } .uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: #d1c4ad; } .uk-search-field:focus, .uk-active .uk-search-field { padding: 0 10px 0 32px; cursor: text; } .uk-nav-search ul.uk-nav-sub { border-bottom: 1px solid #e3d9c8; } / ======================================================================== Component: Datepicker ========================================================================== / / * Reset dropdown width / .uk-datepicker { width: auto; } / Sub-object: `uk-datepicker-nav` ========================================================================== / .uk-datepicker-nav { margin-bottom: 15px; text-align: center; line-height: 20px; } / * Micro clearfix / .uk-datepicker-nav:before, .uk-datepicker-nav:after { content: " "; display: table; } .uk-datepicker-nav:after { clear: both; } / * Previous and next navigation / .uk-datepicker-nav a { color: #ad9871; text-decoration: none; } .uk-datepicker-nav a:hover { color: #ad9871; } .uk-datepicker-previous { float: left; } .uk-datepicker-next { float: right; } .uk-datepicker-previous:after, .uk-datepicker-next:after { width: 20px; font-family: FontAwesome; } .uk-datepicker-previous:after { content: "\f053"; } .uk-datepicker-next:after { content: "\f054"; } / Sub-object: `uk-datepicker-heading` ========================================================================== / / Sub-object: `uk-datepicker-table` ========================================================================== / / Block element behavior / .uk-datepicker-table { width: 100%; } .uk-datepicker-table th, .uk-datepicker-table td { padding: 2px; } .uk-datepicker-table th { font-size: 12px; } / * Item / .uk-datepicker-table a { display: block; width: 26px; line-height: 24px; text-align: center; color: #ad9871; text-decoration: none; } / * Sub-object: `uk-datepicker-table-muted` / a.uk-datepicker-table-muted { color: #d1c4ad; } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .uk-datepicker-table a:hover, .uk-datepicker-table a:focus { background-color: #eae2d4; color: #ad9871; / 2 / outline: none; } / OnClick / .uk-datepicker-table a:active { background-color: #cccccc; color: #ad9871; } / * Active / .uk-datepicker-table a.uk-active { background: #ecc06d; color: #ffffff; } / ======================================================================== Warp theme ========================================================================== / / Layout ========================================================================== / / * Force vertical scrollbar / html { overflow-y: scroll; } / * Blocks / .tm-toolbar, .tm-navbar, .tm-footer { margin-top: 15px; margin-bottom: 15px; } .tm-headerbar { margin-top: 0px; margin-bottom: 10px; } / * Logo / .tm-logo:hover { text-decoration: none; } / * Logo small * Remove whitespace caused by vertical centering to prevent logo wrapping into the next line / .tm-logo-small { letter-spacing: -0.31em; } / * Navbar / / Only tablets portrait / @media (min-width: 768px) and (max-width: 959px) { .uk-navbar-nav > li > a { padding: 0 0px; } } / * Middle / .tm-main > :nth-child(n+2) { margin-top: 10px; } .uk-article, .tm-content > .uk-breadcrumb, .tm-content-boxed .tm-content { /box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3);/ /background: #FFFFFF; border: 1px solid #B34F28; color: #000000; padding: 2px;/ /border-top: none;/ } .tm-content .uk-panel-box { box-shadow: none; background-color: #eae2d4; border: 1px solid #e3d9c8; } .tm-content-boxed .tm-content .uk-panel-header { box-shadow: none; background-color: #eae2d4; border: 1px solid #e3d9c8; } .tm-content-boxed .tm-content .uk-pagination > li > span, .tm-content-boxed .tm-content .uk-pagination > li > a { box-shadow: none; border: 1px solid #e3d9c8; } .tm-content-boxed .tm-content .uk-pagination > .uk-active > span { background-color: #eae2d4; } .tm-content > .uk-breadcrumb { padding: 15px 30px; } .tm-content-boxed .uk-breadcrumb { padding: 0; background: none; box-shadow: none; } .tm-content > :last-child { margin-bottom: 0; } / * Toolbar / .tm-toolbar .uk-subnav > li > a { color: #ffffff; } .tm-toolbar .uk-subnav-line > li:nth-child(n+2):before { border-left-color: rgba(255, 255, 255, 0.3); } / * Footer / .tm-footer { position: relative; padding: 10px 0 0 0; background: #000000; background-image: none; /box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3), inset 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12);/ color: #ffffff; text-align: center; /text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);/ height: 80px; min-width: 1280px; margin: 15px 0 0 0; } .tm-footer .uk-panel{ width: 1280px; margin: 0 auto; } .tm-footer a, .tm-footer .uk-subnav > li > a { color: #f8d488; } .tm-footer .uk-subnav-line > li:nth-child(n+2):before { border-left-color: rgba(100, 70, 30, 0.13); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); } .tm-footer .uk-panel + .uk-panel { margin-top: 15px; } / * To-top scroller / .tm-totop-scroller { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1000; width: 50px; height: 50px; color: #faf0e1 !important; text-align: center; line-height: 50px; font-size: 12px; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; background: url("/templates/yoo_everest/images/strelka-up.png") 50% 50% no-repeat; background-color: #70AF08; border-radius: 25px; } .tm-totop-scroller:after { /content: "\f077"; font-family: "FontAwesome";/ } / * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style / .tm-totop-scroller:hover, .tm-totop-scroller:focus { outline: none; / 2 / text-decoration: none; / 1 / font-size: 12px; background-color:#525252; } / Active / .tm-totop-scroller:active { font-size: 12px; } / Offcanvas ========================================================================== / .uk-offcanvas .uk-search { margin: 0; } / Tab in Panel ========================================================================== / .uk-panel-tab { box-shadow: 0 1px 3px rgba(100, 80, 60, 0.3); / * Items / / Hover / / Active / } .uk-panel-tab .tm-tab-content { padding: 30px; background: #f3ede2; } .uk-panel-tab .uk-tab { background: rgba(255, 235, 205, 0.12); background-image: none; box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12); } .uk-panel-tab .uk-tab > li > a { border-width: 0; color: #faf0e1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .uk-panel-tab .uk-tab > li > a:hover, .uk-panel-tab .uk-tab > li > a:focus, .uk-panel-tab .uk-tab > li.uk-open > a { background: rgba(0, 0, 0, 0.02); color: #faf0e1; } .uk-panel-tab .uk-tab > li.uk-active > a { background: #f3ede2; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 rgba(0, 0, 0, 0.1); color: #ad9871; text-shadow: none; } .uk-panel-tab .uk-tab > li.uk-active:first-child > a { box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1); } .uk-panel-tab .uk-tab > li.uk-active:nth-last-child(2) > a { box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); } .uk-panel-tab .uk-tab > li.uk-active.uk-tab-responsive > a { box-shadow: none; } .uk-panel-tab .uk-tab > li.uk-active.uk-tab-responsive { border-left-width: 0; } .uk-panel-tab .uk-tab > li { margin-bottom: 0; } .uk-panel-tab .uk-tab > li + li { border-left: 1px solid rgba(100, 70, 30, 0.13); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1); } .uk-panel-tab .uk-tab > .uk-active + li, .uk-panel-tab .uk-tab > li + .uk-active { border-left-color: rgba(0, 0, 0, 0); box-shadow: none; } .uk-panel-tab .uk-tab > li:nth-child(n+2) > a { margin-left: 0; } .uk-panel-tab .uk-tab-grid { margin-left: 0; } .uk-panel-tab .uk-tab-grid > li:first-child > a { margin-left: 0; } .uk-panel-tab .uk-tab-grid:before { border-top-color: rgba(0, 0, 0, 0); } / Overlay Blur ========================================================================== / .tm-overlay-blur { overflow: hidden; } .tm-overlay-blur > div { margin: -5px; } .tm-overlay-blur .uk-overlay-area > img { -webkit-filter: blur(2px); filter: blur(2px); } .tm-overlay-blur .uk-overlay-area:before { content: "\f002"; position: absolute; top: 50%; left: 50%; z-index: 1; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; color: #ffffff; text-align: center; line-height: 1; font-family: FontAwesome; font-size: 30px; } .tm-overlay-blur .uk-overlay-area:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: rgba(243, 237, 226, 0.2); } / Colored panels ========================================================================== / .tm-panel-box-primary-color { background: #ecc06d; background-image: -webkit-linear-gradient(top, #e6be69, #f0c170); background-image: linear-gradient(to bottom, #e6be69, #f0c170); color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .tm-panel-box-primary-color a { color: #ffffff; } .tm-panel-box-secondary-color { background: #d88263; background-image: -webkit-linear-gradient(top, #d17f62, #dc8464); background-image: linear-gradient(to bottom, #d17f62, #dc8464); color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .tm-panel-box-secondary-color a { color: #ffffff; } / Button align bottom ========================================================================== / .tm-button-align-bottom { position: absolute; right: 0; bottom: 0; left: 0; min-height: 50px; width: 100.9%; / Fix for subpixel rendering / border-radius: 0; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); line-height: 50px; } / Badge primary ========================================================================== / .tm-badge-primary { background-image: -webkit-linear-gradient(top, #d17f62, #dc8464); background-image: linear-gradient(to bottom, #d17f62, #dc8464); } / Form select ========================================================================== / .tm-form-select { position: relative; border: 1px solid #e3d9c8; background: #eae2d4; overflow: hidden; / Hide select arrow for IE9 - see ie9.css / } .tm-form-select:before { background: #eae2d4; } .tm-form-select:after { content: '\f0d7'; position: absolute; top: 50%; right: 10px; color: #ad9871; font-family: 'FontAwesome'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .tm-form-select select { border: none; background: transparent; background-image: none; box-shadow: none; text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none; } .tm-form-select select::-ms-expand { display: none; } .tm-form-select select:focus { outline: none; } .tm-form-select select option { font-family: 'Open Sans'; } / Helper ========================================================================== / .tm-primary-color { color: #e7be6a; } .tm-secondary-color { color: #e38f71; } .tm-muted-background { background-color: #eae2d4; } .tm-overflow-hidden { overflow: hidden; } .tm-text-large { line-height: 50px; font-size: 50px; } .tm-padding-remove { padding: 0 !important; } / Phone landscape and smaller / @media (max-width: 767px) { .tm-padding-top-remove-small { padding-top: 0 !important; } .tm-margin-bottom-small { margin-bottom: 40px !important; } } / Tablet and bigger / @media (min-width: 768px) { .tm-box-shadow-right-medium { z-index: 1; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.16); } .tm-margin-right-gutter-medium { margin-right: -15px; } } / Panel / .tm-panel-box-teaser { margin: -30px !important; } .tm-panel-space-teaser { margin: -40px -40px 20px -40px; } .tm-panel-space-teaser:before, .tm-panel-box-image-teaser:before { content: ''; display: block; position: absolute; right: 0; left: 0; z-index: 10; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } / Large screen and bigger / @media (min-width: 1220px) { .tm-margin-right-gutter { margin-right: -15px; } } / Icon / .tm-icon-muted { color: #ccc2ae; } .tm-icon-list > [class='uk-icon-'] + [class='uk-icon-'] { margin-left: 5px; } / Weather Icons ========================================================================== / @font-face { font-family: 'everest'; font-weight: normal; font-style: normal; src: url("../../../fonts/everest.eot?-zej83d"); src: url("../../../fonts/everest.eot?#iefix-zej83d") format('embedded-opentype'), url("../../../fonts/everest.woff?-zej83d") format('woff'), url("../../../fonts/everest.ttf?-zej83d") format('truetype'), url("../../../fonts/everest.svg?-zej83d#everest") format('svg'); } [class^="tm-icon-weather-"], [class=" tm-icon-weather-"] { text-transform: none; line-height: 1; font-family: 'everest'; font-weight: normal; font-style: normal; font-variant: normal; speak: none; /* Better Font Rendering =========== / -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tm-icon-weather-thunder:before { content: "\e600"; } .tm-icon-weather-sun-snow:before { content: "\e601"; } .tm-icon-weather-sun-rain:before { content: "\e602"; } .tm-icon-weather-sun-cloud:before { content: "\e603"; } .tm-icon-weather-snow:before { content: "\e604"; } .tm-icon-weather-rain:before { content: "\e605"; } .tm-icon-weather-cloud:before { content: "\e606"; } .tm-icon-weather-sun:before { content: "\e608"; } / Article style ========================================================================== / / * Custom article date style / / Featured article image offset / .tm-article-featured-image { position: relative; margin: -30px -30px 0 -30px; } .tm-article-featured-image:before { content: ''; display: block; position: absolute; right: 0; left: 0; z-index: 10; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .tm-article-date-true { / Tablet and bigger / / Featured article image offset / / Socialbuttons offset / } @media (min-width: 768px) { .tm-article-date-true { padding-left: 70px; / Featured article image offset / } .tm-article-date-true .tm-article-featured-image { margin-left: -70px; } } .tm-article-date-true .tm-article-featured-image { margin-bottom: 30px; } .tm-article-date-true .tm-article-wrapper { position: relative; } .tm-article-date-true .tm-article-wrapper .uk-article-title { margin-bottom: 0; } .tm-article-date-true .tm-article-wrapper .uk-article-meta { margin-top: 5px; } .tm-article-date-true .tm-article-date { position: absolute; top: 5px; left: -70px; min-width: 35px; padding: 8px; background: #d88263; color: #ffffff; text-align: center; line-height: 18px; } .tm-article-date-true .tm-article-date .tm-article-date-day { display: block; font-size: 11px; } .tm-article-date-true .tm-article-date .tm-article-date-year { display: block; font-size: 15px; } .tm-article-date-true .tm-article-content { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e3d9c8; } .tm-article-date-true .tm-socialbuttons { margin-left: 10px; } / Error ========================================================================== / .tm-error-icon { font-size: 250px; } .tm-error-headline { font-size: 100px; } / Offline ========================================================================== / .tm-offline { width: 300px; } / Socialbuttons ========================================================================== / .tm-socialbuttons > div { margin-right: 10px; float: left; } / WordPress only ========================================================================== / .alignleft { display: block; margin-right: 15px; float: left; } .alignright { display: block; margin-left: 15px; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } / Background Styles ========================================================================== / body { /background: #b68f64;/ background: rgba(187,194,163,1); background: -moz-linear-gradient(top, rgba(187,194,163,1) 0%, rgba(238,241,220,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(187,194,163,1)), color-stop(100%, rgba(238,241,220,1))); background: -webkit-linear-gradient(top, rgba(187,194,163,1) 0%, rgba(238,241,220,1) 100%); background: -o-linear-gradient(top, rgba(187,194,163,1) 0%, rgba(238,241,220,1) 100%); background: -ms-linear-gradient(top, rgba(187,194,163,1) 0%, rgba(238,241,220,1) 100%); background: linear-gradient(to bottom, rgba(187,194,163,1) 0%, rgba(238,241,220,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc2a3', endColorstr='#eef1dc', GradientType=0 ); } / Large screen and bigger / @media (min-width: 1220px) { body { /background: #b68f64 url("../../../images/background/desert_bg.jpg") 50% 0 fixed;/ background-size: cover; } } / * Default Style / / * Lilac Style / / * Ocean Style / / * Grey Style / / * Desert Style / / * Red Style / / * Gold Style / / * Turquoise Style / / Widgetkit ========================================================================== / / Navigaation / .wk-slideshow-everest .nav span:hover, .wk-slideshow-everest .nav .active span, .wk-slideshow-everest > div .next, .wk-slideshow-everest > div .prev { background-color: #d88263; } .wk-slideshow-everest > div .next:hover, .wk-slideshow-everest > div .prev:hover { background-color: #d57857; } / Widgetkit Layer ========================================================================== / / * Widgetkit Slideshow: Showcase Style / .wk-slideshow-showcasebox .slides-container { border-color: #e3d9c8; background: #f3ede2; } / Slideset: Container / .wk-slideshow-showcasebox .wk-slideset > div { border-color: #e3d9c8; background: #efe6d7; background: -webkit-linear-gradient(top, #efe6d7 0%, #f3ede2 7%); background: linear-gradient(to bottom, #efe6d7 0%, #f3ede2 7%); } / Slideset: Content / .wk-slideshow-showcasebox .wk-slideset .set > li > div, .wk-slideshow-showcasebuttons .wk-slideset .set > li > div { background: #e3d9c8; } .wk-slideshow-showcasebox .wk-slideset .set > li > div > div, .wk-slideshow-showcasebuttons .wk-slideset .set > li > div > div { background: #f2ebde; box-shadow: none; text-shadow: 0 1px 0 #f3ede2; } / Hover / .wk-slideshow-showcasebox .wk-slideset .set > li > div:hover, .wk-slideshow-showcasebuttons .wk-slideset .set > li > div:hover { background: #e3d9c8; background: -webkit-linear-gradient(top, #e3d9c8, #ded2be); background: linear-gradient(to bottom, #e3d9c8, #ded2be); } .wk-slideshow-showcasebox .wk-slideset .set > li > div:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .wk-slideshow-showcasebox .wk-slideset .set > li > div:hover > div, .wk-slideshow-showcasebuttons .wk-slideset .set > li > div:hover > div { background: #f3ede2; background: -webkit-linear-gradient(top, #f3ede2, #efe6d7); background: linear-gradient(to bottom, #f3ede2, #efe6d7); } / Active / .wk-slideshow-showcasebox .wk-slideset .set > li.active > div, .wk-slideshow-showcasebuttons .wk-slideset .set > li.active > div { box-shadow: none; background: #e3d9c8; } .wk-slideshow-showcasebox .wk-slideset .set > li.active > div > div, .wk-slideshow-showcasebuttons .wk-slideset .set > li.active > div > div { background: #efe6d7; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; } / * Widgetkit Slideshow: Tabs Style / / Navigation / .wk-slideshow-tabs .nav li, .wk-slideshow-tabsbar .nav-container { border-color: #e3d9c8; background: #efe6d7; background: -webkit-linear-gradient(top, #f3ede2, #efe6d7); background: linear-gradient(to bottom, #f3ede2, #efe6d7); box-shadow: none; text-shadow: 0 1px 0 #f3ede2; } .wk-slideshow-tabsbar .nav li, .wk-slideshow-tabsbar .nav-center .nav li:first-child, .wk-slideshow-tabsbar .nav-right li { border-color: #e3d9c8; } .wk-slideshow-tabsbar .nav span, .wk-slideshow-tabsbar .nav-center .nav li:first-child span, .wk-slideshow-tabsbar .nav-right span { border-color: #f3ede2; } .wk-slideshow-tabs .nav li:hover, .wk-slideshow-tabsbar .nav li:hover { background: #efe6d7; } .wk-slideshow-tabs .nav li.active, .wk-slideshow-tabsbar .nav li.active { background: #f3ede2; } / Content / .wk-slideshow-tabs .slides-container, .wk-slideshow-tabsbar .slides-container { border-color: #e3d9c8; background: #f3ede2; } / * Widgetkit Slideshow: List Style / .wk-slideshow-list > div, .wk-slideshow-list .nav li.active { border-color: #e3d9c8; background: #f3ede2; } .wk-slideshow-list .nav { border-top-width: 0; border-color: #e3d9c8; background: #efe6d7; background: -webkit-linear-gradient(left, #f3ede2, #efe6d7); background: linear-gradient(to right, #f3ede2, #efe6d7); } / * Widgetkit Gallery: Simple Style / .wk-slideshow-inside .nav li { background: #f3ede2; } / * Widgetkit Accordion: Default Style / .wk-accordion-default .toggler { border-color: #e3d9c8; background: #efe6d7; background: -webkit-linear-gradient(top, #f3ede2, #efe6d7); background: linear-gradient(to bottom, #f3ede2, #efe6d7); box-shadow: none; text-shadow: 0 1px 0 #f3ede2; } / theme: Everest - desert / /old styles++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/ #bp-main { float: center; font-family:"cuprumbold"; font-size: 14px; } #bp-main table h2 { text-transform: uppercase; font-size: 20px; color: #70B424; font-family:"cuprumbold"; line-height: 20px; margin: 5px 0 0 0 ; } #bp-main table tr { border-bottom: 20px solid #FFFFFF; } #bp-list1 li { margin: 5px -20px 0px; } #bp-list2 li { margin: 5px 20px 0px; } #bp-list3 { list-style-type: none; } #bp-list3 li { margin: 5px 20px 0px; } #bp-icons { float: center; } #bp-icon { width: 118px; float: left; text-decoration: none; text-align: center; } #bp-icon-text a { text-decoration: underline; } #bp-icon-img { /width: 103px;/ height: 80px; margin-bottom: 10px; } #bp-icon-text { text-align:center; font-size: 14px; height:40px; text-decoration: underline; } #bp-flag { display: block; margin-top:30px; padding: 0 58px; background: url("/images/newstyle/bp-images/bp-flag.png") no-repeat 50% 0; width:577px; height: 108px; text-align:center; padding-top:18px; font-size: 20px; font-family: "cuprumbold"; } #bp-flag span { text-transform: uppercase; } #bp-button { display: block; margin-top:20px; background: url("/images/newstyle/bp-images/bp-button2.png") no-repeat 50% 0; width:417px; height: 50px; text-align:center; padding: 42px 158px 0px; font-size: 20px; font-family: "cuprumbold"; } #bp-button a { text-decoration: none; font-family: "cuprumbold"; text-transform: uppercase; color:white; } #bp-button span { text-transform: uppercase; color:white; text-decoration: none; font-family: "cuprumbold"; } #bp-steps-col1 { background: url("/images/newstyle/bp-images/bp-steps.png") no-repeat 50% 0; width:30px; height:76px; padding-top: 5px; text-align: center; margin: 0 20px; } #bp-main #td-col2, #bp-main #td-col2 img { width: 80px; } #bp-main #td-col3 { padding-left: 20px; } #bp-steps-col1 span { color:white; font-size: 20px; text-align: center; } #bp-stars { padding:15px; } #bp-list1 { list-style-image: url(/images/newstyle/bp-images/bp-marker1.png); color:#999; padding-left: 42px; } #bp-list2 { list-style-image: url(/images/newstyle/bp-images/bp-marker2.png); color:#A7634B; } #bp-footer { text-transform: uppercase; font-size: 20px; padding-top:10px; } #bp-footer a { color:blue; } #bp2-main { float: center; /font-family:"cuprumbold";/ font-size: 12px; font-weight: 700; } #bp2-main table h1 { text-transform: uppercase; font-size: 16px; color: #70B424; /font-family:"cuprumbold";/ font-weight: 700; } #bp2-main table tr { border-bottom: 20px solid #FFFFFF; } #bp2-list1 li { margin: 5px -20px 0px; } #bp2-list2 li { margin: 5px 20px 0px; } #bp2-list3 { list-style-type: none; } #bp2-list3 li { margin: 5px 20px 0px; } #bp2-icons { float: center; } #bp2-icon { width:103px; float: left; text-decoration: none; } #bp2-icon-text a { font-size: 11px; font-weight: 700; text-align: center; text-decoration: underline; } #bp2-icon-img { width: 103px; } #bp2-icon-text { text-align:center; font-size: 14px; height:40px; } #bp2-flag { display: block; margin-top:30px; padding: 0 22px; background: url("/images/newstyle/bp-images/bp-flag.png") no-repeat 50% 0; width:577px; height: 108px; text-align:center; padding-top:18px; font-size: 16px; } #bp2-flag span { text-transform: uppercase; } #bp2-button { display: block; margin-top:20px; background: url("/images/newstyle/bp-images/bp-button2.png") no-repeat 50% 0; width:417px; height: 50px; text-align:center; padding: 38px 102px 0px; font-size: 15px; } #bp2-button a { text-decoration: none; } #bp2-button span { text-transform: uppercase; color:white; text-decoration: none; } #bp2-steps-col1 { background: url("/images/newstyle/bp-images/bp-steps.png") no-repeat 50% 0; width:30px; height:76px; padding-top:4px; text-align: center; margin: 0 20px; } #bp2-steps-col1 span { color:white; font-size: 20px; text-align: center; } #bp2-stars { padding:15px; } #bp2-list1 { list-style-image: url(/images/newstyle/bp-images/bp-marker1.png); color:#999; } #bp2-list2 { list-style-image: url(/images/newstyle/bp-images/bp-marker2.png); color:#A7634B; } #bp2-footer { text-transform: uppercase; font-size: 16px; padding-top:10px; } #bp2-footer a { color:blue; } /newstyle============================================================/ .newstyle { margin: 10px 0px; } .newstyle p { font-size: 12px; font-family: Tahoma; } /zagolovki/ .newstyle #zagolovok { background: none; font-family:"cuprumbold"; font-size: 18px; text-transform: uppercase; color:#70B424; line-height: 20px; } .newstyle #zagolovok2 { background: none; font-family:"cuprumbold"; font-size: 24px; color:#000; line-height: 25px; text-align: center; margin-bottom: 12px; } .newstyle #zagolovok3 { background: none; font-family:"cuprumbold"; font-size: 20px; text-transform: uppercase; color:#70B424; line-height: 20px; text-indent: 0px; margin: 0px 0px 10px; } .newstyle #zagolovok4 { background: none; font-family:"cuprumbold"; font-size: 18px !important; color:#000000; line-height: 20px; } .newstyle h3 { background: url("/images/icons/newstyle/marker-str.png") no-repeat transparent; font-family: "cuprumbold"; font-size: 18px; line-height: inherit; margin: 20px 0px 10px; text-align: left; text-decoration: none !important; text-indent: 30px; } /links/ .newstyle .link-blue { color: #0055b6; } .newstyle .link-red { color: #ff0000; font-weight: 700; } /lists/ .newstyle li { font-size: 13px; } .newstyle #ol1 { list-style: none; counter-reset: point; padding-left: 0px !important; margin-bottom: 30px; } .newstyle #ol1 li { margin-bottom: 25px; padding-left: 35px; position: relative; font-family:"Trebuchet MS"; } .newstyle #ol1 li:before { content: counter(point); counter-increment: point 1; font-size: 13px; position: absolute; left: 0; top: 0; background: url("/images/icons/ocenka/ocenka_li_1.jpg") no-repeat; width: 21px; padding: 3px 0; color: #fff; font-weight: bold; text-align: center; } .newstyle #ul2 { list-style: none; padding-left: 90px !important; margin-top: 20px; } .newstyle #ul2 li { background: url("/images/icons/ocenka/ocenka_li_2.jpg") no-repeat; padding: 0 0 17px 30px; font-family:"Trebuchet MS"; } .newstyle #ul3 { list-style: none; padding-left: 0px !important; margin-top: 20px; } .newstyle #ul3 li { background: url("/images/icons/ocenka/ocenka_li_3.jpg") no-repeat; padding: 0 0 20px 30px; font-size: 14px !important; color: #000 !important; font-weight: 700 !important; font-family:"Trebuchet MS"; } .newstyle #ul3 > li > a > span { text-decoration: underline; font-family:"Trebuchet MS"; font-size: 14px; font-weight: 700; } .newstyle #ul3 > li > span { font-size: 13px; font-weight: 100; font-family:"Trebuchet MS"; font-size: 12px; } .newstyle #ul4 { list-style: none; padding-left: 0px !important; margin-top: 20px; } .newstyle #ul4 li { background: url("/images/icons/ocenka/ocenka_li_4.jpg") no-repeat; padding: 0 0 13px 30px; font-family:"Trebuchet MS" !important; font-size: 12px !important; font-weight: 100 !important; } .newstyle #ul5 { list-style: none; padding-left: 0px !important; margin-top: 20px; } .newstyle #ul5 li { background: url("/images/icons/ocenka/ocenka_li_4.jpg") no-repeat; padding: 0 0 13px 30px; font-family:"Trebuchet MS" !important; font-size: 13px !important; font-weight: 100 !important; } .newstyle #ul6 { list-style: none; padding-left: 0px !important; margin: 5px 0 20px 0; } .newstyle #ul6 li { background: url("/images/icons/zmi/list-marker-gray-str.jpg") 0% 4px no-repeat; padding: 0px 0px 5px 20px; font-family:"cuprumbold" !important; font-size: 14px !important; color: #000000; margin: 0px; } .newstyle #ul6 li em { font-family:"cuprumbold" !important; font-size: 14px !important; color: #90503a !important; font-style: normal; } .newstyle #ul7 { list-style: none; padding-left: 0px !important; margin-top: 5px; } .newstyle #ul7 li { background: url("/images/icons/zmi/list-marker-brown-str.jpg") 0% 4px no-repeat; padding: 0px 0px 5px 20px; font-family:"cuprumbold" !important; font-size: 14px !important; color: #90503a !important; margin: 0px; } .newstyle #ul7 li a{ color: #90503a !important; } .newstyle #telstr { font-family:"cuprumbold"; font-size: 16px; } .newstyle #oc-button { background: url("/images/newstyle/bp-images/bp-button2.png") 50% 0px no-repeat transparent; display: block; font-size: 20px; height: 50px; padding: 38px 138px 0px; text-align: center; width: 417px; font-family: "cuprumbold"; } .newstyle #oc-button a { text-decoration: none; } .newstyle #oc-button span { font-family:"cuprumbold"; color: white; text-decoration: none; text-transform: uppercase; } .newstyle #zmi-button { background: url("/images/icons/zmi/bt-green.jpg") 50% 14px no-repeat transparent; display: block; font-size: 20px; height: 50px; padding: 38px 82px 0px; text-align: center; width: 417px; } .newstyle #zmi-button a { text-decoration: none; font-family: "cuprumbold"; color: white; text-decoration: none; text-transform: uppercase; } .newstyle #zmi-button span { font-family:"cuprumbold"; color: white; text-decoration: none; text-transform: uppercase; } .newstyle #zmi-button { background: url("http://i-plan.ru/images/icons/zmi/bt-green.jpg") 50% 14px no-repeat transparent; display: block; font-size: 20px; height: 50px; padding: 38px 117px 0px; text-align: center; width: 417px; } .newstyle #zmi-links { text-align: center; } .newstyle #zmi-links a{ color: blue; } /karusel/ .newstyle .karusel { width: 100%; height: 290px; } .newstyle .karusel-title { width: 240px; height: 240px; text-align: center; border: 2px dotted #000; border-radius: 150px; position: relative; top: 15px; left: 82%; padding: 0px; display: table-cell; vertical-align: middle; font-size: 18px; font-family: "cuprumbold"; } .newstyle .karusel ul li { list-style-type: none; position: relative; text-align: center; display: block; width: 109px; } .newstyle .karusel ul li:nth-child(1){top: -187px;left: 4px;} .newstyle .karusel ul li:nth-child(2){top: -227px;left: 355px;} .newstyle .karusel ul li:nth-child(3){top: -188px;left: -22px;} .newstyle .karusel ul li:nth-child(4){top: -228px;left: 378px;} .newstyle .karusel ul li:nth-child(5){top: -194px;left: 332px;} .newstyle .karusel ul li:nth-child(6){top: -234px;left: 28px;} .newstyle .karusel ul li:nth-child(7){top: -492px;left: 181px;} .newstyle .karusel ul li a{ width: 218px; height: 30px; padding: 5px; border-radius: 5px; display: block; font-weight: 700; line-height: 30px; background: url("/images/newstyle/materials/btn-green.png") no-repeat; background-size: cover; font-family: "cuprumbold"; color: white; font-size: 16px; text-transform: uppercase; } .newstyle .karusel ul li:nth-child(6) a{ background: url("/images/newstyle/materials/btn-red.png") no-repeat; background-size: cover; } /tables/ .newstyle .table1{ width: 100%; } .newstyle .table1 tr{ border-bottom: 1px #9fc6c1 solid; } .newstyle .table1 td{ padding: 15px 0; } /sotrudnik/ #sotrudniki-fon{ background: url('/images/stories/staff3/bg.gif') repeat-y; margin: -17px -5px -5px !important; display: inline-block; padding-top: 20px; } .newstyle .sotrudnik-separator{ width: 190px; height: 170px; float:left; } .newstyle .sotrudnik{ width: 190px; height: 170px; float:left; } .newstyle .sotrudnik-last{ float: right; } .newstyle .sotrudnik img{ text-align: center; display: block; margin-left: auto; margin-right: auto; border: 2px #c2c2c2 solid; } .newstyle .sotrudnik h3{ font-family: cuprumbold; color: #599813; font-size: 18px; text-align: center; background: none; text-indent: 0; margin: 10px 0px 0px; } .newstyle .sotrudnik p{ font-family: Tahoma; color: #000000; margin: 0px 0px; font-size: 12px; font-weight: 400; text-align: center; } .newstyle #hr{ width: 100%; border-bottom: 2px #bbd0cc solid; display: inline-block; } .title-link{ color: #ffffff !important; text-decoration: none !important; } .title-link:hover{ color: #ffffff !important; text-decoration: underline !important; } /opros/ / #poll-text-nap { margin-left: 2px; width: 164px; text-align: center; } #poll-text-nap img { margin: 6px 0; } #poll-text-nap span{ font-family: Arial; color: #000000; font-size: 11px; font-weight: 700; text-align: center; width: 100%; } #poll-text-nap a { text-decoration: none; } #poll-text-nap a div{ background: url("/images/newstyle/opros/btm_opros.png"); width: 159px; height: 36px; margin: 6px 4px; display : table; } #poll-text-nap a div span{ font-family: cuprumbold; color: #70b424; font-size: 17px; text-align: center; text-decoration: none; display : table-cell; vertical-align : middle; font-weight: 100; } #poll-text-ap { margin-left: 2px; width: 164px; } #poll-text-ap img { margin-bottom: 6px; } #poll-text-ap span{ font-family: Arial; color: #000000; font-size: 11px; font-weight: 400; } #poll-text-ap .pool-code{ color: red; } / .pool { margin: 15px 40px; font-family: cuprumbold; color: #000000; font-size: 14px; } .pool #pool-top{ font-family: cuprumbold; color: #000000; font-size: 14px; /margin-bottom: 30px;/ } .pool form label#list{ font-family: cuprumbold; color: #70b424; font-size: 24px; text-align: center; margin-bottom: 20px; line-height: 50px; } .pool hr{ margin: 20px 0px; } .pool textarea{ width: 533px; height: 86px; margin-top: 10px; } .pool input[type="text"]{ width: 154px; height: 22px; margin-top: 10px; } .pool #submit{ background: url("/images/newstyle/opros/btm_opros2.png"); width: 261px; height: 73px; display : table; float: left; cursor: pointer } .pool #submit span{ display : table-cell; vertical-align : middle; text-align: center; font-family: cuprumbold; color: #ffffff; font-size: 20px; } .pool #pool-logo{ float: right; margin: 6px 0; } .pool .pool-code{ color: red; } .pool #pool-text-after{ font-size: 12px; } #system title { background-position: 50% 50%; background-repeat: no-repeat; color: white; font-size: 11px; font-weight: 700; height: 35px; line-height: 40px; padding: 0px 5px 5px 40px; text-align: left; } #zpl-li-btm { background: none !important; padding-left: 0px !important; line-height: 29px !important; margin-bottom: 10px; text-decoration: none !important; } #zpl-li-btm div { /background: #6db223 !important;/ background: #5C9321 !important; height: 27px !important; border-radius: 4px; display: table-cell; box-shadow: inset 0px 5px 5px 0px rgba(174, 216, 106, 0.733), 0px 1px 2px 0px rgba(0, 0, 0, 0.522); } #zpl-li-btm div a { margin: 2px 10px; text-decoration: none !important; } #zpl-li-btm div a span { color: #ffffff !important; font-family: cuprumbold !important; text-decoration: none; text-transform: uppercase; } #zoocost1{ width: 200px; background-color: #ebeed9; } #zoocost2{ width: 200px; background-color: #e0edcf; } #yoo-zoo .pos-mobile-bottom { display: none; } #yoo-zoo.product-projectexp .item div.pos-media .element-image img{ width: 190px; } #work-date-btn{ } #work-date-btn #work-date{ } #work-date-btn #work-btn{ height: 26px; background: #92d050; border: 1px #7cb833 solid; padding: 2px 8px; margin-left: 40px; } #work-date-btn #work-btn a{ color: red !important; text-decoration: none; } /геомаркетинговые исследования/ .gm { } .gm p, .gm ul li { font-family: Cuprumregular; color: #000000; font-size: 14px; / Приближение из-за подстановки шрифтов / font-weight: 400; text-align: left; } .gm h2 { font-family: Cuprumbold; color: #769427; font-size: 18px; / Приближение из-за подстановки шрифтов / font-weight: 100; text-align: left; line-height: 18px; margin: 15px 0px 15px; } .gm em { font-family: Cuprumregular; color: #000000; font-size: 14px; / Приближение из-за подстановки шрифтов / font-weight: 400; text-align: left; text-decoration: none; } .gm #flag { width: 100%; height: 86px; text-align: center; background: url("/images/newstyle/gmn/flag.png") 50% no-repeat; padding-top: 16px; margin: 0 auto 30px; } .gm #flag span { font-family: Cuprumbold; color: #000000; font-size: 20px; font-weight: 100; text-transform: uppercase; } .gm ul { padding-left: 30px; margin: 5px 0px 10px; } .gm ul#list1 { padding-left: 60px; } .gm ul#list2 li { list-style: square outside !important; list-style-image: none !important; } .gm ul li { list-style-image: url("/images/newstyle/gmn/strelka.png"); } .gm table { width: 100%; } .gm table tr { vertical-align: top; } .gm table tr img { margin: 10px 20px 0 0; } .gm #btn { width: 415px; height: 73px; text-align: center; background: url("/images/newstyle/gmn/btn.png") no-repeat; margin: 20px auto; } .gm #btn a { font-family: Cuprumbold; color: #ffffff; font-size: 20px; font-weight: 400; text-transform: uppercase; text-decoration: none; line-height: 73px; } /++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/ #absolute { left: 0px; position: fixed; right: 0px; z-index: 999; display: block; } / Page Header / .page-header { /margin: 2px 0px 10px 0px; padding-bottom: 5px;/ /background: #FFFFFF; border: 1px solid #B34F28; color: #000000; padding: 2px; border-bottom: none;/ } .page-header h1{ height: 38px; background: rgba(179,79,40,1); background: -moz-linear-gradient(top, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,79,40,1)), color-stop(100%, rgba(90,43,36,1))); background: -webkit-linear-gradient(top, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); background: -o-linear-gradient(top, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); background: -ms-linear-gradient(top, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); background: linear-gradient(to bottom, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34f28', endColorstr='#5a2b24', GradientType=0 ); font-family: cuprumbold; color: #ffffff; font-size: 18px; font-weight: 400; text-align: left; text-shadow: 0px 1px 0px #3d3d3d; padding-left: 28px; margin: 0px 0px 10px; text-transform: none; line-height: 38px; } .blueline{ height: 190px; width: 100%; background: url("../../../images/bg_header2.jpg") 50% -99px no-repeat #000000; min-width: 1300px; margin-top: 36px; } .logoline{ height: 137px; width: 1280px; margin: 0 auto; min-width: 1280px; } .toolbarline{ background-color: rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 0px 0px #233e1e; width: 100%; height: 52px; vertical-align: center; } .tm-toolbar{ width: 1280px; height: 52px; margin: 0 auto; } .tm-toolbar div{ float: left; } .module-contractors .items-images { margin: 0 20px; vertical-align: center; } .module-contractors .items-images .item-image{ float: left; margin: 10px 10px; text-align: center; width: 85px; height: 50px; vertical-align: center; } .module-contractors .items-images .item-image img{ width: 160px; text-align: center; vertical-align: center; } .zoo-category-warp6 { list-style-type: none; margin: 10px 20px !important; padding-left: 0px; } .zoo-category-warp6 li { list-style-type: none; line-height: 48px; height: 48px; /border-bottom: 1px #cccccc dotted;/ display: block; } .zoo-category-warp6 li:last-child { border: none; } .zoo-category-warp6 li div { float:left; padding: 0 35px 0 0; height:48px; } .zoo-category-warp6 li div img { height:38px; width: 38px; } .zoo-category-warp6 li span { line-height: 48px; font-family: helveticaneuecyrroman; font-weight: 100; color: #000000; font-size: 14px; text-align: left; overflow: hidden; word-wrap: normal; } / .mod-sector-double-left { margin-right: 5px; } .mod-sector-double-right { margin-left: 5px; }/ /.fixheight363 { height: 332px; }/ .uk-width-medium-1-2{ padding-right: 5px; padding-left: 5px; } .uk-width-medium-1-2:first-child{ padding-right: 5px; padding-left: 0px; } .uk-width-medium-1-2:last-child{ padding-right: 0px; padding-left: 5px; } #poll-text-nap { margin: 10px; font-family: helveticaneuecyrroman; color: #000000; font-size: 14px; text-align: left; text-align: center; } #poll-text-nap a { text-decoration: none; } #poll-text-nap a div { background: url("/modules/mod_poll/tmpl/btm_opros.png") transparent; display: table; height: 36px; margin: 6px auto; width: 159px; } #poll-text-nap a div span { color: #70B424; display: table-cell; font-family: "cuprumbold"; font-size: 17px; font-weight: 100; text-align: center; text-decoration: none; vertical-align: middle; } .uk-panel-box .zoo-item-list { margin: 20px; } .uk-panel-box .zoo-item-list > li { border: none; border-bottom: 1px dotted #CCCCCC; padding: 20px 0; } .uk-panel-box .zoo-item-list > li:last-child { border: none; padding: 20px 0 0 0 ; } .uk-panel-box .zoo-item-list .title { font-family: helveticaneuecyrroman; color: #8b8b8b; font-size: 14px; text-align: left; /margin-left: 175px;/ margin-bottom: 8px; } .uk-panel-box .zoo-item-list .meta { /margin-left: 175px;/ margin-bottom: 8px; } .uk-panel-box .zoo-item-list .meta span a { font-family: cuprumbold; color: #629907 !important; font-size: 20px; font-weight: 400; text-align: left; font-style: normal; line-height: 20px; } .uk-panel-box .zoo-item-list .description { /margin-left: 175px; / font-family: helveticaneuecyrroman; color: #000000; font-size: 14px; text-align: left; line-height: 15px; } .uk-panel-box .zoo-item-list .description li { list-style-type: none; } .uk-panel-box .zoo-item-list .links { /margin-left: 175px; / } .uk-panel-box .zoo-item-list .links a { font-family: helveticaneuecyrroman; color: #619807; font-size: 14px; text-decoration: underline; text-align: left; } .uk-panel-box .zoo-item-list .layout-layout2 .title a{ color: #629907 !important; display: block; font-family: "cuprumbold"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22px; /padding-bottom: 8px;/ text-align: left; } .uk-panel-box .zoo-item-list .layout-layout2 .meta span{ color: #8B8B8B; font-family: "helveticaneuecyrroman"; font-size: 14px; margin-bottom: 8px; text-align: left; } .uk-panel-box .zoo-item-list .layout-layout2 .description{ color: #000000; font-family: "helveticaneuecyrroman"; font-size: 14px; line-height: 15px; text-align: left; } .uk-panel-box .zoo-item-list .layout-layout2 .media-left a img{ height: 100px; width: 150px; } .seotext{ margin: 20px; font-family: helveticaneuecyrroman; color: #000000; font-size: 14px; text-align: left; } .tm-content .uk-article .uk-article-title, #yoo-zoo .details h1.title, #yoo-zoo .item div.pos-top, #yoo-zoo .categories .category > h1.title, #yoo-zoo .item h1.pos-title, .tm-content .finder h1, .tm-content h1.title, .tm-content .item-page h1.pay-title, .tm-content > h1.pay-title, .tm-content > h3.pay-title { background: rgb(179,79,40); / Old browsers / / IE9 SVG, needs conditional override of 'filter' to 'none' / background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzNGYyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTJiMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(179,79,40,1) 0%, rgba(90,43,36,1) 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,79,40,1)), color-stop(100%,rgba(90,43,36,1))); / Chrome,Safari4+ / background: -webkit-linear-gradient(top, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(top, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / Opera 11.10+ / background: -ms-linear-gradient(top, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / IE10+ / background: linear-gradient(to bottom, rgba(179,79,40,1) 0%,rgba(90,43,36,1) 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34f28', endColorstr='#5a2b24',GradientType=0 ); / IE6-8 / color: #FFFFFF; font-family: "cuprumbold"; font-size: 18px; font-weight: 400; height: 38px; line-height: 18px; margin: 0px 0px 10px; padding: 0px 0px 0px 28px; text-align: left; text-shadow: 0px 1px 0px #3D3D3D; text-transform: none; width: 706px; /overflow: hidden; white-space: nowrap;/ display: table-cell; vertical-align: middle; overflow: show; white-space: normal; } .tm-content .uk-article .uk-article-title:hover, #yoo-zoo .details h1.title:hover, #yoo-zoo .item div.pos-top:hover, #yoo-zoo .categories .category > h1.title:hover, #yoo-zoo .item h1.pos-title:hover, .tm-content .finder h1:hover, .tm-content h1.title:hover, .tm-content .item-page h1.pay-title:hover, .tm-content > h1.pay-title:hover { } #yoo-zoo .item div.pos-top h1, #yoo-zoo .item div.pos-top h1 div { margin: 0px 0px 0px; font-size: 18px !important; font-family: "cuprumbold" !important; text-align: left; } #yoo-zoo .categories .category > h1.title a, #yoo-zoo .categories .category > h1.title span, #yoo-zoo .item h1.pos-title a { color: #FFFFFF; font-family: "cuprumbold"; font-size: 18px; font-weight: 400; line-height: 38px; text-align: left; text-shadow: 0px 1px 0px #3D3D3D; text-transform: none; } .tm-content .finder h1.uk-article-title { background: none; color: #000000; background: transparent; color: #000000; display: table-cell; font-family: "TrebuchetMS"; font-size: 16px; font-weight: 700; height: 35px; line-height: 18px; margin-top: 0px; padding: 0px; text-align: left; vertical-align: middle; text-shadow: none; } .product-invest .item > div.floatbox{ /margin: 0px !important;/ } .product-invest .pos-top .element-itemname { color: black; font-family: "cuprumbold"; font-size: 24px; text-align: center; background: none; text-shadow: none; } #search-results { margin: 20px; } #work-top, .worktabs { margin: 0 20px; } .product-awards .items .pos-media h2.pos-title { font-size: 12px; font-weight: 700; line-height: 16px; margin: 5px 11px 0px; color: #000000; } #yoo-zoo .items { position: relative; margin: 20px; } #finder-search fieldset { background: url("/media/com_finder/bg-finder-form.png") 50% 50% no-repeat transparent; border: medium none currentColor; height: 80px; } #finder-search fieldset legend { display: none; } #finder-search fieldset div { float: left; } #finder-search fieldset label { font-size: 16px; padding-left: 123px; padding-right: 65px; display: inline-block; padding-top: 27px; } #finder-search fieldset #q { border: medium none currentColor; border-radius: 3px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.506) inset; font-size: 16px; height: 37px; margin-right: 10px; padding-left: 10px; width: 246px; } #finder-search fieldset .btn-primary { background: url("/media/com_finder/submit-find.png") 50% 50% no-repeat transparent; border: medium none currentColor; border-radius: 5px; color: rgba(0, 0, 0, 0); font-size: 16px; height: 41px; width: 65px; } span.highlight { background-color: #70B424; color: white; } .tm-article-content { margin: 20px; } .tm-content{ background: #FFFFFF; border: 1px solid #B34F28; color: #000000; padding: 2px; } .addressintop, .addressintop a { font-family: helveticaneuecyrroman; color: #ffffff; font-size: 14px; text-align: left; height: 52px; line-height: 52px; margin-left: 50px; } .addressintop{ width: 630px; } .advanced-search a { height: 52px; line-height: 52px; font-family: helveticaneuecyrroman; color: #cccccc; font-size: 12px; text-decoration: underline; margin-left: 28px; } .search-btn { border-radius: 4px; background: -webkit-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%); background: -moz-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%); background: -o-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%); background: -ms-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%); background: linear-gradient(0deg, #699f25 0%, #77af30 46%, #87c23d 100%); box-shadow: 0px 1px 0px 0px rgba(61, 61, 61, 0.31); width: 90px; height: 32px; margin: 10px 0; font-family: cuprumbold; color: #ffffff; font-size: 16px; font-weight: 400; text-align: center; text-shadow: 0px 1px 0px #416911; line-height: 32px; } .mod-bottom-link-1, .mod-bottom-link { font-family: helveticaneuecyrroman; color: #70af08; font-size: 14px; font-weight: 100; text-decoration: none; margin: 8px 20px; display: block; } .mod-bottom-link-1:hover, .mod-bottom-link:hover { color: #70af08; text-decoration: underline; } .top10 ol { margin: 10px 0; padding: 0 10px 0 35px ; font-family: helveticaneuecyrroman; color: #000000; font-size: 13px; text-align: left; } .top10 ol li:hover { text-decoration: underline; } .top10 ol li { margin: 5px 0px 0px; text-decoration: none !important; line-height: 16px; } .favorites, .favorites a { font-family: helveticaneuecyrroman; color: #619807; font-size: 13px; text-align: left; font-weight: 700; } .top10 li:not(.favorites) a { font-family: helveticaneuecyrroman; color: #000000; font-size: 13px; text-align: left; } .favorites a img { height: 10px; width: 10px; display: none; } .mod-php{ /margin: 10px 20px;/ } .project-experience .zoo-items { margin: 10px 10px } .project-experience .zoo-items .pe-name { color: #629907 !important; font-family: "cuprumbold"; font-size: 20px; font-style: normal; font-weight: 400; text-align: left; padding-bottom: 8px; display: block; line-height: 22px; } .project-experience .zoo-items .pe-teaser, .project-experience .zoo-items .pe-teaser p, .project-experience .zoo-items .pe-teaser span { color: #000000; font-family: "helveticaneuecyrroman"; font-size: 14px; /text-align: left !important;/ line-height: 15px; text-align: justify; } .project-experience .zoo-items .pe-teaser { /height: 167px; overflow: hidden;/ } .project-experience .zoo-items .pe-link { color: #619807; font-family: "helveticaneuecyrroman"; font-size: 14px; text-align: left; text-decoration: underline; } .project-experience .zoo-item { border-bottom: 1px dotted #CCCCCC; padding: 10px 0; margin-top: 5px; } .project-experience .zoo-item:first-child { padding: 0 0 10px 0; } .project-experience .zoo-item:last-child { border-bottom: none; padding: 10px 0 0 0; } .project-experience .zoo-item a img { margin: 0px 10px 5px 0 } .product-projectexp .item .floatbox .pos-title{ display: none; } .uk-panel-box.project-experience-inmat { background-color: #ffffff !important; border: 1px solid #c4c4c4 !important; } .project-experience-inmat .zoo-items { margin: 10px 10px; display: table; } .project-experience-inmat .zoo-items::after { clear: both; } .project-experience-inmat .zoo-items .pe-name { margin: 0 14px ; padding-bottom: 8px; display: block; color: #000000; font-family: "cuprumbold"; font-size: 14px; font-weight: 100; line-height: 14px; text-align: center; text-indent: 0px; } .project-experience-inmat .zoo-items .pe-teaser, .project-experience-inmat .zoo-items .pe-teaser p, .project-experience-inmat .zoo-items .pe-teaser span { color: #000000; font-family: "helveticaneuecyrroman"; font-size: 14px; /text-align: left !important;/ line-height: 15px; text-align: justify; } .project-experience-inmat .zoo-items .pe-teaser { /height: 167px; overflow: hidden;/ } .project-experience-inmat .zoo-items .pe-link { color: #619807; font-family: "helveticaneuecyrroman"; font-size: 14px; text-align: left; text-decoration: underline; } .project-experience-inmat .zoo-item { /border-bottom: 1px dotted #CCCCCC;/ padding: 10px 0; margin-top: 5px; float:left; width: 25%; } .project-experience-inmat .zoo-item .po-img { height: 115px; } .project-experience-inmat .zoo-item a img { margin: 0px 14px 5px 14px; width: 150px; height: 100px; } .project-experience-inmat .po-caption { text-indent: 25px; font-family: "cuprumbold"; font-weight: 100; } #po_last_text p { text-align: center; } / #yoo-zoo .item div.pos-specification ul li { color: #70B424; font-family: "cuprumbold"; font-size: 14px; line-height: 25px; } #yoo-zoo .item div.pos-specification ul { color: #70B424; font-family: "cuprumbold"; font-size: 14px; list-style: none outside none; margin: 0px; padding: 0px; }/ #zoopaylink { margin: 20px 0px !important; } #zoopaylink li { background: url("/images/icons/icon_plus_green.jpg") 0% 50% no-repeat transparent; padding-left: 25px; line-height: 30px !important; } #zpl-li-btm { background: transparent !important; line-height: 29px !important; margin-bottom: 10px; padding-left: 0px !important; text-decoration: none !important; } #zpl-li-btm div { background: #5C9321 !important; border-radius: 4px; box-shadow: inset 0px 5px 5px 0px rgba(174, 216, 106, 0.733), 0px 1px 2px 0px rgba(0, 0, 0, 0.522); display: table-cell; height: 27px !important; } #zpl-li-btm div a span { color: #000000 !important; font-family: "cuprumbold" !important; text-decoration: none; text-transform: uppercase; } #zoopaylink li span { color: #FF0000; font-family: "Trebuchet MS" !important; font-size: 14px; text-decoration: underline; } #yoo-zoo .item > div.floatbox { margin: 0px; } #yoo-zoo .item .pos-description { margin: 20px 20px; } #yoo-zoo .categories { margin: 20px 20px; } #zoocost1 { background-color: #EBEED9; width: 200px; } #zoocost1 p { color: #FF0000; font-family: "cuprumbold" !important; font-size: 18px !important; padding: 10px 0px; text-align: center !important; text-indent: 0px !important; margin: 0px 0px 5px; } #zoocost2 { background-color: #E0EDCF; width: 200px; } #zoocost2 p { color: #000000; font-family: "Trebuchet MS" !important; font-size: 14px !important; margin: 0px; padding: 7px 0px; text-align: center !important; text-indent: 0px !important; } #ol1 li::before { background: url("/images/icons/invest/invest_li1.jpg") no-repeat transparent; color: #FFFFFF; content: counter(point); counter-increment: point 1; font-size: 18px; font-weight: 700; height: 30px; left: 15px; padding: 5px 0px; position: absolute; text-align: center; top: 12px; width: 30px; } .product-projectexp .items .teaser-item .element-itemname{ margin-top: 0px !important; } .product-projectexp .items .teaser-item .element-itemname a{ color: #629907 !important; font-family: "cuprumbold"; font-size: 20px; font-style: normal; font-weight: 400; text-align: left; line-height: 22px; } .product-projectexp .items .teaser-item .element-itemlink a{ font-family: "helveticaneuecyrroman"; font-size: 14px; text-align: left; text-decoration: underline; color: #629907 !important; } #yoo-zoo .pos-description, #yoo-zoo .pos-bottom { color: #000000; font-family: "helveticaneuecyrroman"; font-size: 14px; text-align: left; } .product-projectexp .teaser-item .pos-description, .product-projectexp .teaser-item .pos-links { margin-left: 175px !important; } .product-projectexp .teaser-item { border-bottom: 1px dotted #CCCCCC; padding: 20px 0 !important; margin: 0 !important; } .product-invest .teaser-item .pos-media, .product-invest .teaser-item .pos-media a, .product-invest .teaser-item .pos-media img { width: 64px; } .product-work .teaser-item #td-last{ font-size: 12px; line-height: 14px; } .uk-alert { display: none; } .product-work .pos-related .element-relateditems{ margin: 20px; } .product-work .pos-related .element-relateditems h3{ font-size: 20px; line-height: 20px; color: #70B424 !important; font-family: "cuprumbold" !important; } .module-double { margin: 20px; } .module-double .zoo-item:first-child { margin-top: 0px; padding-top: 0px; } .module-double .zoo-item { border-bottom: 1px dotted #CCCCCC; border-left: medium none currentColor; border-right: medium none currentColor; border-top: medium none currentColor; padding: 20px 0px 20px; } .module-double .zoo-item .pe-name{ color: #629907 !important; display: block; font-family: "cuprumbold"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22px; padding-bottom: 8px; text-align: left; } .module-double .zoo-item .pe-teaser{ color: #000000; font-family: "helveticaneuecyrroman"; font-size: 14px; line-height: 15px; text-align: left; } .module-double .zoo-item .pe-link{ color: #619807; font-family: "helveticaneuecyrroman"; font-size: 14px; text-align: left; text-decoration: underline; } .module-double .zoo-item:last-child { border-bottom: medium none currentColor; padding: 20px 0px 0px; } .tm-main-bottom3 .uk-panel-box .zoo-item-list, .tm-main-bottom4 .uk-panel-box .zoo-item-list { margin: 10px; } .tm-main-bottom3 .uk-panel-box .zoo-item-list li, .tm-main-bottom4 .uk-panel-box .zoo-item-list li { padding: 10px 0px 10px; } .tm-main-bottom3 .uk-panel-box .zoo-item-list li:first-child, .tm-main-bottom4 .uk-panel-box .zoo-item-list li:first-child { margin-top: 0px; padding-top: 0px; } .tm-main-bottom3 .uk-panel-box .zoo-item-list li:last-child, .tm-main-bottom4 .uk-panel-box .zoo-item-list li:last-child { margin-bottom: 0px; padding-bottom: 0px; } .tm-main-bottom3 .uk-panel-box .zoo-item-list .title, .tm-main-bottom3 .uk-panel-box .zoo-item-list .title a { margin-bottom: 0px; padding-bottom: 0px; } .mod-work .zoo-item-list .layout-layout2 .media-left, .mod-work .zoo-item-list .layout-layout2 .media-left a img { height: 212px !important; width: 150px; } .tm-main-bottom3 .uk-panel-box .zoo-item-list .layout-layout2 .media-left{ display: block; } .tm-main-bottom3 .uk-panel-box .project-experience .zoo-item, .tm-main-bottom3 .uk-panel-box .zoo-item-list > li, .tm-main-bottom4 .uk-panel-box .zoo-item-list > li { /min-height: 300px;/ } .mod-bottom-link-wrap { /display: table-cell; vertical-align: bottom;/ } .tm-main-bottom3 .uk-panel-box .zoo-item-list .layout-layout2 p, .tm-main-bottom4 .uk-panel-box .zoo-item-list .layout-layout2 p, .tm-main-bottom3 .uk-panel-box .zoo-item-list .layout-layout2 li, .tm-main-bottom4 .uk-panel-box .zoo-item-list .layout-layout2 li, .tm-main-bottom3 .uk-panel-box .project-experience .zoo-items .zoo-item p { margin: 0px; padding: 0; } .tm-main-bottom3 .uk-panel-box .zoo-item-list .layout-layout2 ul, .tm-main-bottom4 .uk-panel-box .zoo-item-list .layout-layout2 ul { margin: 0px; padding: 0; padding-left: 0px; } .btmforworks .uk-panel-title { margin: 0 !important; } .btmforworks h3{ padding-left: 6px; } .zoo-breadcrumb { display: inline-block; margin: 0px 0; } .zoo-breadcrumb li { float: left; } .zoo-breadcrumb a { color: #000000; font-family: "cuprumbold"; font-size: 16px; font-weight: 400; } .zoo-breadcrumb li::after { color: #70AF08; white-space: pre; content: " > "; } .btmforworks-bp { margin-bottom: 0px !important; } .btmforworks-mi { margin-top: 0px !important; } .work-h2{ font-family: "cuprumbold"; font-size: 16px; font-weight: 400; color: #000000; padding-left: 30px; margin: 10px 5px; } .logo-text{ font-weight: 400; font-family: "cuprumbold"; font-size: 17px; position: relative; top: 45px; left: -81px; line-height: 20px; color: black; text-align: left; display: table; } .modulepo-sidebar{ margin: 10px; } /.modulepo-sidebar .po-table{ border-bottom: 1px dotted #CCCCCC; }/ .modulepo-sidebar .po-table:last-child{ border-bottom: none; } .modulepo-sidebar .po-table a:hover{ text-decoration: none; } .modulepo-sidebar .po-table img { width: 61px; max-width: 61px; vertical-align:top; margin: 5px; } .modulepo-sidebar .po-table td{ vertical-align: top; /padding: 5px 0;/ position: relative; } .modulepo-sidebar .po-table .po-priznak{ width: 234px; text-align: center; height: 20px; background:url(../../../images/hr.jpg) 0 50% repeat-x white; } .modulepo-sidebar .po-table .po-priznak span{ background-color: white; /padding: 0 5px;*/ display: inline; height: 0; font-size: 12px; font-weight: 700; } .modulepo-sidebar .po-table hr{ height: 1px; margin-top: 4px; } .modulepo-sidebar .po-table .po-top-td{ border-top: 1px solid #e3d9c8; } .zoo-items .article-item{ text-align: left; display: table; width: 234px; margin: 10px 10px 15px 10px; vertical-align: middle; position: relative; } .zoo-items .article-item hr{ height: 1px; margin-top: 4px; } .zoo-items .article-item .article-publ{ height: 10px; position: absolute; top:0px; left: 85px; line-height: 10px; display:inline; background-color: white; padding: 0px 5px; margin: 0 auto; font-size: 12px; font-weight: 700; } .zoo-items .article-item .article-publ img{ text-align: center; margin-left: 3px; vertical-align: middle; float: left; height:10px!important; width: auto; } .zoo-items .article-item .article-image img{ width: 70px; margin: 5px; } .zoo-items .article-item .article-image{ float: left; } .zoo-items .article-item .article-title a{ text-decoration: none; text-indent: 0px; margin: 0; } .zoo-items .article-date{ text-decoration: none; font-family: helveticaneuecyrbold !important; color: #70af08 !important; font-size: 14px; font-weight: 400; text-align: left; margin-top: 7px; display: block; } .zoo-items .article-title{ display: block; margin-left: 80px; }

| ver. 1.4 | Github | . | PHP 5.4.45-1~dotdeb+6.1 | Генерация страницы: 0.14 | proxy | phpinfo | Настройка