From 5254c0146fd8be43532fbb3c139cdd2c74ccabec Mon Sep 17 00:00:00 2001 From: sosguns2002 Date: Fri, 22 Dec 2017 21:59:59 +0200 Subject: [PATCH] Yellow theme minor adds --- .../madoap/src/static/OA CONNECT_A.png | Bin 0 -> 21069 bytes .../madoap/src/static/OA CONNECT_B.png | Bin 0 -> 37122 bytes .../madoap/src/static/ResizeSensor.js | 214 + .../src/static/create-upload-profile.js | 215 + .../madoap/src/static/dl119_files/uikit.css | 12339 ++++++++++++++++ .../madoap/src/static/error-handling.js | 8 + .../madoap/src/static/exampleDocs.txt | 26 + .../madoap/src/static/exampleProfile.oamp | Bin 0 -> 5120 bytes .../src/static/jquery.sticky-sidebar.js | 745 + .../src/templates/configure_profile2.html | 308 + 10 files changed, 13855 insertions(+) create mode 100644 interactive-mining-madoap/madoap/src/static/OA CONNECT_A.png create mode 100644 interactive-mining-madoap/madoap/src/static/OA CONNECT_B.png create mode 100644 interactive-mining-madoap/madoap/src/static/ResizeSensor.js create mode 100644 interactive-mining-madoap/madoap/src/static/create-upload-profile.js create mode 100644 interactive-mining-madoap/madoap/src/static/dl119_files/uikit.css create mode 100644 interactive-mining-madoap/madoap/src/static/error-handling.js create mode 100644 interactive-mining-madoap/madoap/src/static/exampleDocs.txt create mode 100644 interactive-mining-madoap/madoap/src/static/exampleProfile.oamp create mode 100644 interactive-mining-madoap/madoap/src/static/jquery.sticky-sidebar.js create mode 100644 interactive-mining-madoap/madoap/src/templates/configure_profile2.html diff --git a/interactive-mining-madoap/madoap/src/static/OA CONNECT_A.png b/interactive-mining-madoap/madoap/src/static/OA CONNECT_A.png new file mode 100644 index 0000000000000000000000000000000000000000..08fd7cdeb060397f434b55bd7f52ef420a8e2569 GIT binary patch literal 21069 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 literal 0 HcmV?d00001 diff --git a/interactive-mining-madoap/madoap/src/static/OA CONNECT_B.png b/interactive-mining-madoap/madoap/src/static/OA CONNECT_B.png new file mode 100644 index 0000000000000000000000000000000000000000..ebedd4ec365d50e131932b289e1ff50f2682d248 GIT binary patch literal 37122 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' + + '
' + + '' + + '
' + + '
' + + '
'; + element.appendChild(element.resizeSensor); + + if (element.resizeSensor.offsetParent !== element) { + element.style.position = 'relative'; + } + + var expand = element.resizeSensor.childNodes[0]; + var expandChild = expand.childNodes[0]; + var shrink = element.resizeSensor.childNodes[1]; + var dirty, rafId, newWidth, newHeight; + var lastWidth = element.offsetWidth; + var lastHeight = element.offsetHeight; + + var reset = function() { + expandChild.style.width = '100000px'; + expandChild.style.height = '100000px'; + + expand.scrollLeft = 100000; + expand.scrollTop = 100000; + + shrink.scrollLeft = 100000; + shrink.scrollTop = 100000; + }; + + reset(); + + var onResized = function() { + rafId = 0; + + if (!dirty) return; + + lastWidth = newWidth; + lastHeight = newHeight; + + if (element.resizedAttached) { + element.resizedAttached.call(); + } + }; + + var onScroll = function() { + newWidth = element.offsetWidth; + newHeight = element.offsetHeight; + dirty = newWidth != lastWidth || newHeight != lastHeight; + + if (dirty && !rafId) { + rafId = requestAnimationFrame(onResized); + } + + reset(); + }; + + var addEvent = function(el, name, cb) { + if (el.attachEvent) { + el.attachEvent('on' + name, cb); + } else { + el.addEventListener(name, cb); + } + }; + + addEvent(expand, 'scroll', onScroll); + addEvent(shrink, 'scroll', onScroll); + } + + forEachElement(element, function(elem){ + attachResizeEvent(elem, callback); + }); + + this.detach = function(ev) { + ResizeSensor.detach(element, ev); + }; + }; + + ResizeSensor.detach = function(element, ev) { + forEachElement(element, function(elem){ + if (!elem) return + if(elem.resizedAttached && typeof ev == "function"){ + elem.resizedAttached.remove(ev); + if(elem.resizedAttached.length()) return; + } + if (elem.resizeSensor) { + if (elem.contains(elem.resizeSensor)) { + elem.removeChild(elem.resizeSensor); + } + delete elem.resizeSensor; + delete elem.resizedAttached; + } + }); + }; + + return ResizeSensor; + +})); diff --git a/interactive-mining-madoap/madoap/src/static/create-upload-profile.js b/interactive-mining-madoap/madoap/src/static/create-upload-profile.js new file mode 100644 index 0000000..0cadb6f --- /dev/null +++ b/interactive-mining-madoap/madoap/src/static/create-upload-profile.js @@ -0,0 +1,215 @@ +(function(){ + + function getCookie(name) { + var value = "; " + document.cookie; + var parts = value.split("; " + name + "="); + if (parts.length == 2) return parts.pop().split(";").shift(); + } + + ////////// UPLOAD FUNCTIONS + + $( '.inputfile' ).each( function() { + var $input = $( this ), + $label = $input.next( 'label' ), + labelVal = $label.html(); + + $input.on( 'change', function( e ) + { + var fileName = ''; + + if( this.files && this.files.length > 1 ) + fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length ); + else if( e.target.value ) + fileName = e.target.value.split( '\\' ).pop(); + + if( fileName ) + $label.find( 'span' ).html( fileName ); + else + $label.html( labelVal ); + }); + + // Firefox bug fix + $input + .on( 'focus', function(){ $input.addClass( 'has-focus' ); }) + .on( 'blur', function(){ $input.removeClass( 'has-focus' ); }); + }); + + //generates a unique id + var generateId = function(is_pos){ + if (is_pos) { + return "positive-" + +new Date() + Math.random().toFixed(5).substring(2); + } else { + return "negative-" + +new Date() + Math.random().toFixed(5).substring(2); + } + } + + var handleFileUploadButton = function() { + $("form#profile-input-form").on('change', function(){ + if ($('#profile-file-input')[0].value === "") { + window.alert("You must specify a data file to import."); + return false; + } + var formData = new FormData($(this)[0]); + $.ajax({ + url: "/", + type: 'POST', + data: formData, + async: false, + success: function (data) { + obj = JSON && JSON.parse(data) || $.parseJSON(data); + console.log(obj); + // reset localStorage and store the uploaded profiles data + localStorage.clear(); + // set poswords + var poswords = []; + if (obj.hasOwnProperty("poswords")) { + poswords = obj["poswords"]; + for (var word in poswords) { + var obj2 = {}; + obj2["phrase"] = word; + obj2["weight"] = poswords[word]; + localStorage.setItem(generateId(1), JSON.stringify(obj2)); + } + } + // set poswords + var negwords = []; + if (obj.hasOwnProperty("negwords")) { + negwords = obj["negwords"]; + for (var word in negwords) { + var obj2 = {}; + obj2["phrase"] = word; + obj2["weight"] = negwords[word]; + localStorage.setItem(generateId(0), JSON.stringify(obj2)); + } + } + if (obj.hasOwnProperty("contextprev")) { + localStorage.setItem("contextprev", String(obj["contextprev"])); + } + if (obj.hasOwnProperty("contextmiddle")) { + localStorage.setItem("contextmiddle", String(obj["contextmiddle"])); + } + if (obj.hasOwnProperty("contextnext")) { + localStorage.setItem("contextnext", String(obj["contextnext"])); + } + if (obj.hasOwnProperty("lettercase")) { + localStorage.setItem("lettercase", String(obj["lettercase"])); + } + if (obj.hasOwnProperty("wordssplitnum")) { + localStorage.setItem("wordssplitnum", String(obj["wordssplitnum"])); + } + if (obj.hasOwnProperty("stopwords")) { + localStorage.setItem("stopwords", String(obj["stopwords"])); + } + if (obj.hasOwnProperty("punctuation")) { + localStorage.setItem("punctuation", String(obj["punctuation"])); + } + // set easy mode option to custom + localStorage.setItem("matchlevel", "#c-level"); + window.location="upload-codes"; + }, + error: function (xhr, ajaxOptions, thrownError) { + UIkit.notification({ + message: xhr.responseText, + status: 'danger', + pos: 'top-center', + timeout: 0 + }); + }, + cache: false, + contentType: false, + processData: false + }); + $("#profile-file-input")[0].value = ""; + + return false; + }); + } + + var handleExampleLoadButton = function() { + $("#example-load-btn").on('click', function(){ + var formData = new FormData(); + formData.append("example", "1"); + $.ajax({ + url: "/", + type: 'POST', + data: formData, + async: false, + success: function (data) { + obj = JSON && JSON.parse(data) || $.parseJSON(data); + console.log(obj); + // reset localStorage and store the uploaded profiles data + localStorage.clear(); + // set poswords + var poswords = []; + if (obj.hasOwnProperty("poswords")) { + poswords = obj["poswords"]; + for (var word in poswords) { + var obj2 = {}; + obj2["phrase"] = word; + obj2["weight"] = poswords[word]; + localStorage.setItem(generateId(1), JSON.stringify(obj2)); + } + } + // set poswords + var negwords = []; + if (obj.hasOwnProperty("negwords")) { + negwords = obj["negwords"]; + for (var word in negwords) { + var obj2 = {}; + obj2["phrase"] = word; + obj2["weight"] = negwords[word]; + localStorage.setItem(generateId(0), JSON.stringify(obj2)); + } + } + if (obj.hasOwnProperty("contextprev")) { + localStorage.setItem("contextprev", String(obj["contextprev"])); + } + if (obj.hasOwnProperty("contextmiddle")) { + localStorage.setItem("contextmiddle", String(obj["contextmiddle"])); + } + if (obj.hasOwnProperty("contextnext")) { + localStorage.setItem("contextnext", String(obj["contextnext"])); + } + if (obj.hasOwnProperty("lettercase")) { + localStorage.setItem("lettercase", String(obj["lettercase"])); + } + if (obj.hasOwnProperty("wordssplitnum")) { + localStorage.setItem("wordssplitnum", String(obj["wordssplitnum"])); + } + if (obj.hasOwnProperty("stopwords")) { + localStorage.setItem("stopwords", String(obj["stopwords"])); + } + if (obj.hasOwnProperty("punctuation")) { + localStorage.setItem("punctuation", String(obj["punctuation"])); + } + // set easy mode option to custom + localStorage.setItem("matchlevel", "#c-level"); + window.location="upload-codes"; + }, + error: function (xhr, ajaxOptions, thrownError) { + UIkit.notification({ + message: xhr.responseText, + status: 'danger', + pos: 'top-center', + timeout: 0 + }); + }, + cache: false, + contentType: false, + processData: false + }); + + return false; + }); + } + + + var init = function(){ + handleFileUploadButton(); + handleExampleLoadButton(); + }; + + //start all + init(); + +})(); diff --git a/interactive-mining-madoap/madoap/src/static/dl119_files/uikit.css b/interactive-mining-madoap/madoap/src/static/dl119_files/uikit.css new file mode 100644 index 0000000..7bef782 --- /dev/null +++ b/interactive-mining-madoap/madoap/src/static/dl119_files/uikit.css @@ -0,0 +1,12339 @@ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge + * 2. Prevent adjustments of font size after orientation changes in IE and iOS. + * 3. Style + */ +html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Removes default margin. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ +a { + /* 1 */ + background-color: transparent; + /* 2 */ + -webkit-text-decoration-skip: objects; +} +/* + * Remove the outline on focused links when they are also active or hovered + */ +a:active, +a:hover { + outline: none; +} +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + text-decoration: underline dotted; + /* 2 */ +} +/* + * 1. Prevent the duplicate application of `bolder` by the next rule in Safari 6. + * 2. Add the correct font weight in Chrome, Edge, and Safari. + */ +/* 1 */ +b, +strong { + font-weight: inherit; +} +/* 2 */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Correct the odd `em` font sizing in all browsers. + * 2. Consolas has a better baseline in running text compared to `Courier` + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-size: 0.875rem; + /* 2 */ + font-family: Consolas, monaco, monospace; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct 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 + ========================================================================== */ +/* + * Remove the gap between embedded content and the bottom of their containers. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * Responsiveness + * 1. Set a maximum width + * 2. Auto scale the height. Only needed if `height` attribute is present + * 2. Corrects `max-width` behavior if padding and border are used + */ +audio, +canvas, +img, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Remove the border on images inside links in IE 10-. + */ +img { + border-style: none; +} +/* + * Hide the overflow in IE. + */ +svg:not(:root) { + overflow: hidden; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6 { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6 { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.625rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 2rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* 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 rules + ========================================================================== */ +/* + * 1. Add the correct box sizing and height in Firefox. + * 2. Show the overflow in Edge and IE. + * 3. Add the correct text-align in Edge and IE. + * 4. Style + */ +hr, +.uk-hr { + /* 1 */ + box-sizing: content-box; + height: 0; + /* 2 */ + overflow: visible; + /* 3 */ + text-align: inherit; + /* 4 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + * 2. Override UA + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Selection pseudo-element + ========================================================================== */ +::-moz-selection { + background: #39f; + color: #fff; + text-shadow: none; +} +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + * 2. Add the correct display in IE. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +nav, +section, +summary { + /* 1 */ + display: block; +} +/* + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} +/* + * Add the correct display in IE 10-. + * 1. Add the correct display in IE. + */ +template, +[hidden] { + display: none; +} +/* Iframe + ========================================================================== */ +iframe { + border: 0; +} +/* Prevent the 300ms delay for touchscreen interactions + ========================================================================== */ +/* + * Most browsers prevent the 300ms delay automatically for sites that use the `width=device-width` property. + * For Safari on iOS 9.3+, IE 11 and Edge on desktops and IE 11 on Windows Phone 8.1 it must be applied manually. + */ +a, +area, +button, +input, +label, +select, +summary, +textarea { + touch-action: manipulation; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +.var-media-s:before { + content: '640px'; +} +.var-media-m:before { + content: '960px'; +} +.var-media-l:before { + content: '1200px'; +} +.var-media-xl:before { + content: '1600px'; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover { + color: #666; +} +/* Text + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-text:not(:hover), +.uk-link-text a:not(:hover) { + color: inherit !important; +} +a.uk-link-text:hover, +.uk-link-text a:hover { + color: #999; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +a.uk-link-reset:hover, +.uk-link-reset a, +.uk-link-reset a:hover { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +/* Primary + ========================================================================== */ +.uk-heading-primary { + font-size: 2.625rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-primary { + font-size: 3.75rem; + line-height: 1.1; + } +} +/* Hero + ========================================================================== */ +.uk-heading-hero { + font-size: 4rem; + line-height: 1.1; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-heading-hero { + font-size: 6rem; + line-height: 1; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-hero { + font-size: 8rem; + line-height: 1; + } +} +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: 10px; + border-bottom: 1px solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: 0.9em; + margin-right: 10px; + border-left: 5px solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > :before, +.uk-heading-line > :after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (1px / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: 1px solid #e5e5e5; +} +.uk-heading-line > :before { + right: 100%; + margin-right: 0.6em; +} +.uk-heading-line > :after { + left: 100%; + margin-left: 0.6em; +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + right: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + left: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * Reset child height, caused by `inline-block` + */ +.uk-divider-small { + line-height: 0; +} +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Micro clearfix + */ +.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: 30px; + list-style: none; +} +/* + * Style + */ +.uk-list > li:nth-child(n+2), +.uk-list > li > ul { + margin-top: 10px; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > li:nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > li { + padding: 10px 10px; +} +.uk-list-striped > li:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > li:nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > li:nth-child(n+2) { + margin-top: 0; +} +/* + * Bullet + */ +.uk-list-bullet > li { + position: relative; + padding-left: calc(1.5em + 10px); +} +.uk-list-bullet > li::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 1.5em; + height: 1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; + float: left; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > li:nth-child(n+2), +.uk-list-large > li > ul { + margin-top: 20px; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > li:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > li { + padding: 20px 10px; +} +.uk-list-large.uk-list-striped > li:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-large.uk-list-striped > li:nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: left; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: left; + color: #999; +} +/* Row + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-left: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-right: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 300px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-left: 0; + padding-right: 0; + } +} +.uk-table tbody tr { + -webkit-transition: background-color 0.1s linear; + transition: background-color 0.1s linear; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + * 1. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+ + */ +.uk-icon [fill*='#']:not(.uk-preserve), +.uk-icon [FILL*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon [stroke*='#']:not(.uk-preserve), +.uk-icon [STROKE*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + */ +.uk-icon-image { + width: 20px; + height: 20px; + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + */ +.uk-icon-link { + color: #999; +} +.uk-icon-link:hover, +.uk-icon-link:focus { + color: #666; + outline: none; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: 0.1s ease-in-out; + transition: 0.1s ease-in-out; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; +} +/* Hover + Focus */ +.uk-icon-button:hover, +.uk-icon-button:focus { + background-color: #ebebeb; + color: #666; + outline: none; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Normalize and defaults + * 2. Prevent content overflow if a fixed width is used + * 3. Take the full width + * 4. Remove default style + * 5. Remove white background in Chrome + * 6. Remove padding in IE11 + */ +.uk-range { + /* 1 */ + box-sizing: border-box; + margin: 0; + vertical-align: middle; + /* 2 */ + max-width: 100%; + /* 3 */ + width: 100%; + /* 4 */ + -webkit-appearance: none; + /* 5 */ + background: transparent; + /* 6 */ + padding: 0; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* IE11 Reset */ +.uk-range::-ms-track { + height: 15px; + background: transparent; + border-color: transparent; + color: transparent; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-ms-thumb { + cursor: pointer; +} +/* Thumb + ========================================================================== */ +/* + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Edge */ +.uk-range::-ms-thumb { + /* 1 */ + margin-top: 0; +} +/* IE11 */ +.uk-range::-ms-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Edge + IE11 */ +.uk-range::-ms-tooltip { + display: none; +} +/* Track + ========================================================================== */ +/* + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #d2d2d2; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #d2d2d2; +} +/* Edge */ +.uk-range::-ms-fill-lower, +.uk-range::-ms-fill-upper { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-ms-fill-lower, +.uk-range:focus::-ms-fill-upper { + background: #d2d2d2; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Remove the padding in IE 10-. + */ +.uk-radio, +.uk-checkbox { + padding: 0; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + -webkit-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; + -webkit-transition-property: color, background-color, border; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input:-ms-input-placeholder { + color: #999 !important; +} +.uk-input::-moz-placeholder { + color: #999; +} +.uk-input::-webkit-input-placeholder { + color: #999; +} +.uk-textarea:-ms-input-placeholder { + color: #999 !important; +} +.uk-textarea::-moz-placeholder { + color: #999; +} +.uk-textarea::-webkit-input-placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-left: 12px; + padding-right: 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: dashed; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Remove default style in IE 10/11 + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-right: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 100% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size])::-ms-expand { + display: none; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E%0A"); +} +/* Radio and checkbox + * Note: Does not work in IE11 + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + -webkit-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; + -webkit-transition-property: background-color, border; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + left: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + 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: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) + .uk-input { + padding-left: 40px; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + right: 0; + left: auto; +} +.uk-form-icon-flip + .uk-input { + padding-right: 40px; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + -webkit-transition: 0.1s ease-in-out; + transition: 0.1s ease-in-out; + -webkit-transition-property: color, background-color, border-color; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 8 */ + text-decoration: none; +} +/* Focus */ +.uk-button:focus { + outline: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover + Focus */ +.uk-button-default:hover, +.uk-button-default:focus { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-primary:hover, +.uk-button-primary:focus { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-secondary:hover, +.uk-button-secondary:focus { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-danger:hover, +.uk-button-danger:focus { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 100%; + border-bottom: 1px solid #333; + -webkit-transition: right 0.3s ease-out; + transition: right 0.3s ease-out; +} +/* Hover + Focus */ +.uk-button-text:hover, +.uk-button-text:focus { + color: #333; +} +.uk-button-text:hover::before, +.uk-button-text:focus::before { + right: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #1e87f0; +} +/* Hover + Focus */ +.uk-button-link:hover, +.uk-button-link:focus { + color: #0f6ecd; + text-decoration: underline; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-left: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Micro clearfix + */ +.uk-section::before, +.uk-section::after { + content: ""; + display: table; +} +.uk-section::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + box-sizing: content-box; + /* 1 */ + max-width: 1200px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Micro clearfix + */ +.uk-container::before, +.uk-container::after { + content: ""; + display: table; +} +.uk-container::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-left: 0; + padding-right: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-left: -30px; +} +.uk-grid > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-left: -40px; + } + .uk-grid > * { + padding-left: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small { + margin-left: -15px; +} +.uk-grid-small > * { + padding-left: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium { + margin-left: -30px; +} +.uk-grid-medium > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large { + margin-left: -40px; +} +.uk-grid-large > * { + padding-left: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large { + margin-left: -70px; + } + .uk-grid-large > * { + padding-left: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse { + margin-left: 0; +} +.uk-grid-collapse > * { + padding-left: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-left: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + left: 0; + right: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-left: -60px; +} +.uk-grid-divider > * { + padding-left: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-left: -80px; + } + .uk-grid-divider > * { + padding-left: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + left: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small { + margin-left: -30px; +} +.uk-grid-divider.uk-grid-small > * { + padding-left: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before { + left: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + left: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium { + margin-left: -60px; +} +.uk-grid-divider.uk-grid-medium > * { + padding-left: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large { + margin-left: -80px; +} +.uk-grid-divider.uk-grid-large > * { + padding-left: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { + left: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large { + margin-left: -140px; + } + .uk-grid-divider.uk-grid-large > * { + padding-left: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { + left: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + left: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + -ms-flex: auto; + -webkit-flex: auto; + flex: auto; +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + position: relative; + box-sizing: border-box; + padding-left: 15px; + padding-right: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-left: 40px; + padding-right: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Micro clearfix + */ +.uk-tile::before, +.uk-tile::after { + content: ""; + display: table; +} +.uk-tile::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + background: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + background: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + -webkit-transition: box-shadow 0.1s ease-in-out; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + padding: 30px 30px; +} +.uk-card-header { + padding: 15px 30px; +} +.uk-card-footer { + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Micro clearfix + */ +.uk-card-body::before, +.uk-card-body::after, +.uk-card-header::before, +.uk-card-header::after, +.uk-card-footer::before, +.uk-card-footer::after { + content: ""; + display: table; +} +.uk-card-body::after, +.uk-card-header::after, +.uk-card-footer::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +.uk-card-badge { + position: absolute; + top: 30px; + right: 30px; + z-index: 1; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + background: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + background: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body .uk-nav-default { + margin: -15px -30px; +} +.uk-card-title + .uk-nav-default { + margin-top: 0; +} +.uk-card-body .uk-nav-default > li > a, +.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-body .uk-nav-default .uk-nav-divider { + padding-left: 30px; + padding-right: 30px; +} +.uk-card-body .uk-nav-default .uk-nav-sub { + padding-left: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body .uk-nav-default { + margin: -25px -40px; + } + .uk-card-title + .uk-nav-default { + margin-top: 0; + } + .uk-card-body .uk-nav-default > li > a, + .uk-card-body .uk-nav-default .uk-nav-header, + .uk-card-body .uk-nav-default .uk-nav-divider { + padding-left: 40px; + padding-right: 40px; + } + .uk-card-body .uk-nav-default .uk-nav-sub { + padding-left: 55px; + } +} +/* + * Small + */ +.uk-card-small .uk-nav-default { + margin: -5px -20px; +} +.uk-card-small .uk-card-title + .uk-nav-default { + margin-top: 0; +} +.uk-card-small .uk-nav-default > li > a, +.uk-card-small .uk-nav-default .uk-nav-header, +.uk-card-small .uk-nav-default .uk-nav-divider { + padding-left: 20px; + padding-right: 20px; +} +.uk-card-small .uk-nav-default .uk-nav-sub { + padding-left: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large .uk-nav-default { + margin: -55px -70px; + } + .uk-card-large .uk-card-title + .uk-nav-default { + margin-top: 0; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + -webkit-transition: 0.1s ease-in-out; + transition: 0.1s ease-in-out; + -webkit-transition-property: color, opacity; + transition-property: color, opacity; +} +/* Hover + Focus */ +.uk-close:hover, +.uk-close:focus { + color: #666; + outline: none; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + -webkit-animation: uk-spinner-rotate 1.4s linear infinite; + animation: uk-spinner-rotate 1.4s linear infinite; +} +@-webkit-keyframes uk-spinner-rotate { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(270deg); + } +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@-webkit-keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + -webkit-transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + -webkit-transform: rotate(450deg); + } +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + transform: rotate(450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + -webkit-transition: color 0.1s ease-in-out; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-totop:hover, +.uk-totop:focus { + color: #666; + outline: none; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover + Focus */ +.uk-marker:hover, +.uk-marker:focus { + color: #fff; + outline: none; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 29px 15px 15px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + right: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + Focus + */ +.uk-alert-close:hover, +.uk-alert-close:focus { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 22px; + height: 22px; + line-height: 22px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 2 */ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +/* + * Required for `a` + */ +.uk-badge:hover, +.uk-badge:focus { + color: #fff; + text-decoration: none; + outline: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +/* + * Micro clearfix + */ +.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; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.625rem; + line-height: 1.2; +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-header { + margin-bottom: 20px; +} +/* + * Micro clearfix + */ +.uk-comment-body::before, +.uk-comment-body::after, +.uk-comment-header::before, +.uk-comment-header::after { + content: ""; + display: table; +} +.uk-comment-body::after, +.uk-comment-header::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-left: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-left: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input:-ms-input-placeholder { + color: #999 !important; +} +.uk-search-input::-moz-placeholder { + color: #999; +} +.uk-search-input::-webkit-input-placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Remove default focus style + */ +.uk-search-icon:focus { + outline: none; +} +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + right: 0; + left: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 180px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-left: 6px; + padding-right: 6px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: transparent; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input { + padding-left: 40px; +} +.uk-search-default .uk-search-icon-flip + .uk-search-input { + padding-right: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input { + padding-left: 40px; +} +.uk-search-navbar .uk-search-icon-flip + .uk-search-input { + padding-right: 40px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; +} +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input { + padding-left: 80px; +} +.uk-search-large .uk-search-icon-flip + .uk-search-input { + padding-right: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover + Focus */ +.uk-search-toggle:hover, +.uk-search-toggle:focus { + color: #666; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + * 1. Prepare lists + * 2. Prepare links + * 3. Remove default focus style + */ +/* 1 */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* 2 */ +.uk-nav li > a { + display: block; + text-decoration: none; +} +/* 3 */ +.uk-nav li > a:focus { + outline: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-left: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon modifier + ========================================================================== */ +.uk-nav-parent-icon > .uk-parent > a::after { + content: ""; + width: 1.5em; + height: 1.5em; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-nav-parent-icon > .uk-parent.uk-open > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E"); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover + Focus */ +.uk-nav-default > li > a:hover, +.uk-nav-default > li > a:focus { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover, +.uk-nav-default .uk-nav-sub a:focus { + color: #666; +} +/* Primary modifier + ========================================================================== */ +/* + * Items + */ +.uk-nav-primary > li > a { + font-size: 1.5rem; + line-height: 1.5; + color: #999; +} +/* Hover + Focus */ +.uk-nav-primary > li > a:hover, +.uk-nav-primary > li > a:focus { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover, +.uk-nav-primary .uk-nav-sub a:focus { + color: #666; +} +/* Alignment modifier + ========================================================================== */ +.uk-nav-center { + text-align: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-left: 0; +} +/* Parent icon modifier */ +.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { + position: absolute; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* + * Remove pseudo elements created by micro clearfix as precaution (if Container component is used) + */ +.uk-navbar-container > ::before, +.uk-navbar-container > ::after { + display: none !important; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + * 2. Note: IE 11 requires an extra `div` which affects the center selector + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center, +.uk-navbar-center-left > *, +.uk-navbar-center-right > * { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 3. Fix text wrapping if the centered section is larger than 50% of the navbar + * 4. Align sub groups for centered navbar + */ +.uk-navbar-right { + margin-left: auto; +} +.uk-navbar-center:only-child { + margin-left: auto; + margin-right: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + /* 2 */ + z-index: 990; +} +/* 3 */ +.uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a, +.uk-navbar-center:not(:only-child) .uk-navbar-item, +.uk-navbar-center:not(:only-child) .uk-navbar-toggle { + white-space: nowrap; +} +/* 4 */ +.uk-navbar-center-left, +.uk-navbar-center-right { + position: absolute; + top: 0; +} +.uk-navbar-center-left { + right: 100%; +} +.uk-navbar-center-right { + left: 100%; +} +[class*='uk-navbar-center-'] .uk-navbar-nav > li > a, +[class*='uk-navbar-center-'] .uk-navbar-item, +[class*='uk-navbar-center-'] .uk-navbar-toggle { + white-space: nowrap; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center:only-child { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Dimensions + * 3. Style + * 4. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + /* 2 */ + box-sizing: border-box; + height: 80px; + padding: 0 15px; + /* 3 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + /* 4 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + color: #999; + text-transform: uppercase; + -webkit-transition: 0.1s ease-in-out; + transition: 0.1s ease-in-out; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also to focus state and if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a:focus, +.uk-navbar-nav > li > a.uk-open { + color: #666; + outline: none; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Item + ========================================================================== */ +.uk-navbar-item { + color: #666; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle:focus, +.uk-navbar-toggle.uk-open { + color: #666; + outline: none; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover + Focus */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-dropdown` + * 1. Hide by default + * 2. Set position + * 3. Set a default width + * 4. Style + */ +.uk-navbar-dropdown { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + width: 200px; + /* 4 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* Show */ +.uk-navbar-dropdown.uk-open { + display: block; +} +/* + * Direction / Alignment modifiers + */ +/* Direction */ +[class*='uk-navbar-dropdown-top'] { + margin-top: -15px; +} +[class*='uk-navbar-dropdown-bottom'] { + margin-top: 15px; +} +[class*='uk-navbar-dropdown-left'] { + margin-left: -15px; +} +[class*='uk-navbar-dropdown-right'] { + margin-left: 15px; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown-grid { + margin-left: -50px; +} +.uk-navbar-dropdown-grid > * { + padding-left: 50px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown-grid > .uk-grid-margin { + margin-top: 50px; +} +/* Stack */ +.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { + width: 100% !important; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { + width: 1000px; +} +/* + * Dropbar modifier + */ +.uk-navbar-dropdown-dropbar { + top: 0 !important; + margin-top: 0; + margin-bottom: 0; + box-shadow: none; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover + Focus */ +.uk-navbar-dropdown-nav > li > a:hover, +.uk-navbar-dropdown-nav > li > a:focus { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover, +.uk-navbar-dropdown-nav .uk-nav-sub a:focus { + color: #666; +} +/* Dropbar + ========================================================================== */ +.uk-navbar-dropbar { + position: relative; + background: #fff; + overflow: hidden; +} +/* + * Slide modifier + */ +.uk-navbar-dropbar-slide { + position: absolute; + z-index: 1020; + left: 0; + right: 0; + box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); +} +/* + * Navbar + */ +.uk-navbar-container > .uk-container .uk-navbar-left { + margin-left: -15px; + margin-right: -15px; +} +.uk-navbar-container > .uk-container .uk-navbar-right { + margin-right: -15px; +} +/* + * Grid Divider + */ +.uk-navbar-dropdown-grid > * { + position: relative; +} +.uk-navbar-dropdown-grid > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 25px; + border-left: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + top: -25px; + left: 50px; + right: 0; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-subnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: block; + /* 2 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + -webkit-transition: 0.1s ease-in-out; + transition: 0.1s ease-in-out; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; +} +/* Hover + Focus */ +.uk-subnav > * > a:hover, +.uk-subnav > * > a:focus { + color: #666; + text-decoration: none; + outline: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * 1. Align items and divider vertically + */ +.uk-subnav-divider > * { + /* 1 */ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + content: ""; + height: 1.5em; + margin-left: 0px; + margin-right: 20px; + border-left: 1px solid #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover + Focus */ +.uk-subnav-pill > * > a:hover, +.uk-subnav-pill > * > a:focus { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + */ +.uk-breadcrumb { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + padding: 0; + list-style: none; +} +/* + * Space is allocated solely based on content dimensions: 0 0 auto + */ +.uk-breadcrumb > * { + -ms-flex: none; + -webkit-flex: none; + flex: none; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + display: inline-block; + font-size: 0.875rem; + color: #999; +} +/* Hover + Focus */ +.uk-breadcrumb > * > :hover, +.uk-breadcrumb > * > :focus { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > * { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + margin: 0 20px; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-pagination { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: block; + /* 2 */ + color: #999; + -webkit-transition: color 0.1s ease-in-out; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-pagination > * > :hover, +.uk-pagination > * > :focus { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + left: 20px; + right: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center text if a width is set + * 2. Style + */ +.uk-tab > * > a { + /* 1 */ + display: block; + text-align: center; + /* 2 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + -webkit-transition: color 0.1s ease-in-out; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-tab > * > a:hover, +.uk-tab > * > a:focus { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-left, +.uk-tab-right { + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + /* 1 */ + margin-left: 0; +} +/* 1 */ +.uk-tab-left > *, +.uk-tab-right > * { + padding-left: 0; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + left: auto; + right: 0; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + left: 0; + right: auto; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left > * > a { + text-align: left; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab-right > * > a { + text-align: left; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-left: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + -webkit-transition: color 0.1s ease-in-out; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-slidenav:hover, +.uk-slidenav:focus { + color: rgba(102, 102, 102, 0.9); + outline: none; +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + -webkit-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; + -webkit-transition-property: background-color, border-color; + transition-property: background-color, border-color; +} +/* Hover + Focus */ +.uk-dotnav > * > :hover, +.uk-dotnav > * > :focus { + background-color: rgba(102, 102, 102, 0.6); + outline: none; + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-left: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -15px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(255, 255, 255, 0.4); + -webkit-transition: background-color 0.1s ease-in-out; + transition: background-color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-thumbnav > * > :hover, +.uk-thumbnav > * > :focus { + outline: none; +} +.uk-thumbnav > * > :hover::after, +.uk-thumbnav > * > :focus::after { + background-color: transparent; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + background-color: transparent; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-left: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + margin: 0; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; + overflow: hidden; +} +.uk-accordion-title::after { + content: ""; + width: 1.4em; + height: 1.4em; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); +} +/* Content + ========================================================================== */ +.uk-accordion-content { + margin-top: 20px; +} +/* + * Micro clearfix + */ +.uk-accordion-content::before, +.uk-accordion-content::after { + content: ""; + display: table; +} +.uk-accordion-content::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-drop-top'] { + margin-top: -20px; +} +[class*='uk-drop-bottom'] { + margin-top: 20px; +} +[class*='uk-drop-left'] { + margin-left: -20px; +} +[class*='uk-drop-right'] { + margin-left: 20px; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + * 4. Style + */ +.uk-dropdown { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + min-width: 200px; + /* 4 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* Show */ +.uk-dropdown.uk-open { + display: block; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + white-space: nowrap; + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Focus + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li > a:focus, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub a:focus { + color: #666; +} +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-dropdown-top'] { + margin-top: -10px; +} +[class*='uk-dropdown-bottom'] { + margin-top: 10px; +} +[class*='uk-dropdown-left'] { + margin-left: -10px; +} +[class*='uk-dropdown-right'] { + margin-left: 10px; +} +/* Grid modifiers + ========================================================================== */ +.uk-dropdown-stack .uk-dropdown-grid > * { + width: 100% !important; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.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 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 + * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: calc(100% - 0.01px) !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + -webkit-transition: 0.3s linear; + transition: 0.3s linear; + -webkit-transition-property: opacity, transform; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + padding: 30px 30px; +} +.uk-modal-header { + padding: 15px 30px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + padding: 15px 30px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* + * Micro clearfix + */ +.uk-modal-body::before, +.uk-modal-body::after, +.uk-modal-header::before, +.uk-modal-header::after, +.uk-modal-footer::before, +.uk-modal-footer::after { + content: ""; + display: table; +} +.uk-modal-body::after, +.uk-modal-header::after, +.uk-modal-footer::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + right: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + right: -5px; + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + right: 0; + -webkit-transform: translate(100%, -100%); + transform: translate(100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + right: 0; + padding: 20px; + background: #fff; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + * Using `vh` and `vw` to make responsive image work in IE11 + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + /* 2 */ + display: none; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +/* + * Hover + */ +.uk-lightbox-button:hover { + color: #fff; +} +/* Caption + ========================================================================== */ +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + right: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration + */ +.uk-sticky-fixed { + z-index: 980; + box-sizing: border-box; + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + right: 0; + left: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + * 4. Transform + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 4 */ + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-offcanvas-bar { + width: 350px; + padding: 40px 40px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + left: auto; + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + -webkit-transform: translateX(0); + transform: translateX(0); +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + -webkit-transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset transform + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + -webkit-transition: width 0.3s ease-out; + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + -webkit-transform: translateX(0); + transform: translateX(0); +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + right: 0; + left: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 20px; + right: 20px; + padding: 5px; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Container + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; +} +/* + * Prevent all scrollbars if overlay is used + */ +.uk-offcanvas-container-overlay { + overflow: hidden; +} +/* Content + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * Note: JS sets a fixed width and height so the page can slide-out without shrinking + * 1. Smooth scrolling + */ +.uk-offcanvas-container .uk-offcanvas-content { + position: relative; + left: 0; + -webkit-transition: left 0.3s ease-out; + transition: left 0.3s ease-out; + /* 1 */ + -webkit-overflow-scrolling: touch; +} +/* Disable scrolling if overlay mode */ +.uk-offcanvas-overlay .uk-offcanvas-content { + overflow-y: hidden; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation { + left: 270px; +} +.uk-offcanvas-flip > .uk-offcanvas-content-animation { + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + :not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation { + left: 350px; + } + .uk-offcanvas-flip > .uk-offcanvas-content-animation { + left: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + /* 1 */ + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -10px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-iconnav > * { + /* 1 */ + -ms-flex: none; + -webkit-flex: none; + flex: none; + /* 2 */ + padding-left: 10px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-iconnav > * > * { + /* 1 */ + display: block; + /* 2 */ + color: #999; +} +/* Hover + Focus */ +.uk-iconnav > * > :hover, +.uk-iconnav > * > :focus { + color: #666; + outline: none; +} +/* Active */ +.uk-iconnav > .uk-active > * { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-left: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-right, +.uk-notification-bottom-right { + left: auto; + right: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notification-bottom-left, +.uk-notification-bottom-right, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + margin-bottom: 10px; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + right: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Dimensions + * 4. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + /* 3 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 4 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-tooltip-top'] { + margin-top: -10px; +} +[class*='uk-tooltip-bottom'] { + margin-top: 10px; +} +[class*='uk-tooltip-left'] { + margin-left: -10px; +} +[class*='uk-tooltip-right'] { + margin-left: 10px; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Remove default style + * 2. Behave like a block element + * 3. Remove borders in Firefox and Edge + * 4. Set background color for progress container in Firefox, IE11 and Edge + * 5. Style + */ +.uk-progress { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Remove animated circles for indeterminate state in IE11 and Edge + */ +.uk-progress:indeterminate { + color: transparent; +} +/* + * Progress container + * 2. Remove progress bar for indeterminate state in Firefox + */ +.uk-progress::-webkit-progress-bar { + background-color: #f8f8f8; + border-radius: 500px; + overflow: hidden; +} +/* 2 */ +.uk-progress:indeterminate::-moz-progress-bar { + width: 0; +} +/* + * Progress bar + * 1. Remove right border in IE11 and Edge + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; +} +.uk-progress::-ms-fill { + background-color: #1e87f0; + transition: width 0.6s ease; + /* 1 */ + border: 0; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Deactivate browser touch actions in IE11 + */ +.uk-sortable > * { + touch-action: none; +} +/* + * Deactivate pointer-events on SVGs in Safari + */ +.uk-sortable svg { + pointer-events: none; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: absolute !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* + * 1. Center numbers and separators vertically + */ +.uk-countdown-number, +.uk-countdown-separator { + /* 1 */ + line-height: 70px; +} +/* Number + ========================================================================== */ +.uk-countdown-number { + font-size: 2rem; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + 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; +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + -webkit-animation-direction: reverse; + animation-direction: reverse; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +/* Animations for scrollspy + ========================================================================== */ +/* + * 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-fade-scale-02; + animation-name: uk-fade-scale-02; +} +.uk-animation-scale-down { + -webkit-animation-name: uk-fade-scale-18; + animation-name: uk-fade-scale-18; +} +/* + * Slide + */ +.uk-animation-slide-top { + -webkit-animation-name: uk-fade-top; + animation-name: uk-fade-top; +} +.uk-animation-slide-bottom { + -webkit-animation-name: uk-fade-bottom; + animation-name: uk-fade-bottom; +} +.uk-animation-slide-left { + -webkit-animation-name: uk-fade-left; + animation-name: uk-fade-left; +} +.uk-animation-slide-right { + -webkit-animation-name: uk-fade-right; + animation-name: uk-fade-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + -webkit-animation-name: uk-fade-top-small; + animation-name: uk-fade-top-small; +} +.uk-animation-slide-bottom-small { + -webkit-animation-name: uk-fade-bottom-small; + animation-name: uk-fade-bottom-small; +} +.uk-animation-slide-left-small { + -webkit-animation-name: uk-fade-left-small; + animation-name: uk-fade-left-small; +} +.uk-animation-slide-right-small { + -webkit-animation-name: uk-fade-right-small; + animation-name: uk-fade-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + -webkit-animation-name: uk-fade-top-medium; + animation-name: uk-fade-top-medium; +} +.uk-animation-slide-bottom-medium { + -webkit-animation-name: uk-fade-bottom-medium; + animation-name: uk-fade-bottom-medium; +} +.uk-animation-slide-left-medium { + -webkit-animation-name: uk-fade-left-medium; + animation-name: uk-fade-left-medium; +} +.uk-animation-slide-right-medium { + -webkit-animation-name: uk-fade-right-medium; + animation-name: uk-fade-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + -webkit-animation-name: uk-scale-kenburns; + animation-name: uk-scale-kenburns; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + -webkit-animation-name: uk-shake; + animation-name: uk-shake; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + -webkit-animation-duration: 0.1s; + animation-duration: 0.1s; +} +/* Enable animation only on hover +========================================================================== */ +/* + * Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block` + */ +.uk-animation-toggle:not(:hover):not(.uk-hover) [class*='uk-animation-'] { + -webkit-animation-name: none; + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@-webkit-keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Slide Top + */ +@-webkit-keyframes uk-fade-top { + 0% { + opacity: 0; + -webkit-transform: translateY(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-fade-top { + 0% { + opacity: 0; + transform: translateY(-100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Bottom + */ +@-webkit-keyframes uk-fade-bottom { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-fade-bottom { + 0% { + opacity: 0; + transform: translateY(100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Left + */ +@-webkit-keyframes uk-fade-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-fade-left { + 0% { + opacity: 0; + transform: translateX(-100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Right + */ +@-webkit-keyframes uk-fade-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-fade-right { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Top Small + */ +@-webkit-keyframes uk-fade-top-small { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-fade-top-small { + 0% { + opacity: 0; + transform: translateY(-10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Bottom Small + */ +@-webkit-keyframes uk-fade-bottom-small { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-fade-bottom-small { + 0% { + opacity: 0; + transform: translateY(10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Left Small + */ +@-webkit-keyframes uk-fade-left-small { + 0% { + opacity: 0; + -webkit-transform: translateX(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-fade-left-small { + 0% { + opacity: 0; + transform: translateX(-10px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Right Small + */ +@-webkit-keyframes uk-fade-right-small { + 0% { + opacity: 0; + -webkit-transform: translateX(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-fade-right-small { + 0% { + opacity: 0; + transform: translateX(10px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Top Medium + */ +@-webkit-keyframes uk-fade-top-medium { + 0% { + opacity: 0; + -webkit-transform: translateY(-50px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-fade-top-medium { + 0% { + opacity: 0; + transform: translateY(-50px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Bottom Medium + */ +@-webkit-keyframes uk-fade-bottom-medium { + 0% { + opacity: 0; + -webkit-transform: translateY(50px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-fade-bottom-medium { + 0% { + opacity: 0; + transform: translateY(50px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Left Medium + */ +@-webkit-keyframes uk-fade-left-medium { + 0% { + opacity: 0; + -webkit-transform: translateX(-50px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-fade-left-medium { + 0% { + opacity: 0; + transform: translateX(-50px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Right Medium + */ +@-webkit-keyframes uk-fade-right-medium { + 0% { + opacity: 0; + -webkit-transform: translateX(50px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-fade-right-medium { + 0% { + opacity: 0; + transform: translateX(50px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Scale Up + */ +@-webkit-keyframes uk-fade-scale-02 { + 0% { + opacity: 0; + -webkit-transform: scale(0.2); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-fade-scale-02 { + 0% { + opacity: 0; + transform: scale(0.2); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Scale Down + */ +@-webkit-keyframes uk-fade-scale-18 { + 0% { + opacity: 0; + -webkit-transform: scale(1.8); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-fade-scale-18 { + 0% { + opacity: 0; + transform: scale(1.8); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Kenburns + */ +@-webkit-keyframes uk-scale-kenburns { + 0% { + -webkit-transform: scale(1); + } + 100% { + -webkit-transform: scale(1.2); + } +} +@keyframes uk-scale-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * 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); + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * Instead of 0, 1px is needed to make cell wrap into next row if predecessor is 100% wide + * and the grid gutter is 0 pixels wide + */ +.uk-child-width-expand > * { + width: 1px; +} +/* + * 1. Make `width: 1px` work, because according to the spec flex items won’t shrink + * below their minimum content size. To change this, set the min-width. + * Only needed for Firefox. All other browsers ignore this. + * + * 2. `width` is ignored when wrapping flex items in Safari + * https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items + */ +.uk-child-width-expand > :not([class*='uk-width']) { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + /* 1 */ + min-width: 0; + /* 2 */ + flex-basis: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > * { + width: 1px; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > * { + width: 1px; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > * { + width: 1px; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > * { + width: 1px; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-xxlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + width: 1px; + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-xxlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + width: 1px; + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-xxlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + width: 1px; + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-xxlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + width: 1px; + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-xxlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + width: 1px; + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; + flex-basis: 1px; + } +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta a { + color: #999; +} +.uk-text-meta a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-bold { + font-weight: bolder; +} +/* Transform modifier + ========================================================================== */ +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera + * Default color is set to transparent + * 2. Container fits the text + * 3. Fallback color for IE11 + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + /* 2 */ + display: inline-block; + /* 3 */ + color: #1e87f0 !important; +} +@supports (-webkit-background-clip: text) { + .uk-text-background { + background-color: #1e87f0; + } +} +/* 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; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * 1. Wrap long words onto the next line and break them if they are too long to fit + * 2. Legacy `word-wrap` as fallback for `overflow-wrap` + * 3. Add a hyphen where the word breaks + * 4. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge + * Must use `break-all` to support IE11 and Edge + */ +.uk-text-break { + /* 1 */ + overflow-wrap: break-word; + /* 2 */ + word-wrap: break-word; + /* 3 */ + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +/* 4 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-all; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + -webkit-column-gap: 30px; + -moz-column-gap: 30px; + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + -webkit-column-gap: 40px; + -moz-column-gap: 40px; + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + -webkit-column-rule: 1px solid #e5e5e5; + -moz-column-rule: 1px solid #e5e5e5; + column-rule: 1px solid #e5e5e5; + /* 1 */ + -webkit-column-gap: 60px; + -moz-column-gap: 60px; + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + -webkit-column-gap: 80px; + -moz-column-gap: 80px; + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; +} +.uk-column-1-3 { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; +} +.uk-column-1-4 { + -webkit-column-count: 4; + -moz-column-count: 4; + column-count: 4; +} +.uk-column-1-5 { + -webkit-column-count: 5; + -moz-column-count: 5; + column-count: 5; +} +.uk-column-1-6 { + -webkit-column-count: 6; + -moz-column-count: 6; + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + } + .uk-column-1-3\@s { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + } + .uk-column-1-4\@s { + -webkit-column-count: 4; + -moz-column-count: 4; + column-count: 4; + } + .uk-column-1-5\@s { + -webkit-column-count: 5; + -moz-column-count: 5; + column-count: 5; + } + .uk-column-1-6\@s { + -webkit-column-count: 6; + -moz-column-count: 6; + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + } + .uk-column-1-3\@m { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + } + .uk-column-1-4\@m { + -webkit-column-count: 4; + -moz-column-count: 4; + column-count: 4; + } + .uk-column-1-5\@m { + -webkit-column-count: 5; + -moz-column-count: 5; + column-count: 5; + } + .uk-column-1-6\@m { + -webkit-column-count: 6; + -moz-column-count: 6; + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + } + .uk-column-1-3\@l { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + } + .uk-column-1-4\@l { + -webkit-column-count: 4; + -moz-column-count: 4; + column-count: 4; + } + .uk-column-1-5\@l { + -webkit-column-count: 5; + -moz-column-count: 5; + column-count: 5; + } + .uk-column-1-6\@l { + -webkit-column-count: 6; + -moz-column-count: 6; + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + } + .uk-column-1-3\@xl { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + } + .uk-column-1-4\@xl { + -webkit-column-count: 4; + -moz-column-count: 4; + column-count: 4; + } + .uk-column-1-5\@xl { + -webkit-column-count: 5; + -moz-column-count: 5; + column-count: 5; + } + .uk-column-1-6\@xl { + -webkit-column-count: 6; + -moz-column-count: 6; + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + -webkit-column-span: all; + -moz-column-span: all; + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Reset responsiveness for embedded content + * 2. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +.uk-cover { + /* 1 */ + max-width: none; + /* 2 */ + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +iframe.uk-cover { + pointer-events: none; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +/* Position + ========================================================================== */ +.uk-background-top-left { + background-position: 0 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-center-left { + background-position: 0 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-bottom-left { + background-position: 0 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +.uk-background-fixed { + background-attachment: fixed; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* + * Left/Right + */ +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + position: relative; + box-sizing: border-box; +} +/* + * Micro clearfix + */ +.uk-panel::before, +.uk-panel::after { + content: ""; + display: table; +} +.uk-panel::after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + -webkit-overflow-scrolling: touch; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force hardware acceleration without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width audio, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + -webkit-transition: box-shadow 0.1s ease-in-out; + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. + * Solved by using `before` and add position context to child elements. + */ +@supports (filter: blur(0)) or (-webkit-filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::before { + content: ''; + /* 1 */ + position: absolute; + bottom: -30px; + left: 0; + right: 0; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + -webkit-filter: blur(20px); + filter: blur(20px); + } + /* 3 */ + .uk-box-shadow-bottom > * { + position: relative; + } +} +/* Drop cap + ========================================================================== */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-right: 10px; + float: left; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-left: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* Pass fill character to JS */ +.var-leader-fill:before { + content: '.'; +} +/* Logo + ========================================================================== */ +/* + * 1. Required for `a` + */ +.uk-logo { + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + color: #666; + /* 1 */ + text-decoration: none; +} +/* Hover + Focus */ +.uk-logo:hover, +.uk-logo:focus { + color: #666; + outline: none; + /* 1 */ + text-decoration: none; +} +.uk-logo-inverse { + display: none; +} +/* SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + * 3. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+ + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve), +.uk-svg:not(.uk-preserve) [FILL*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve), +.uk-svg:not(.uk-preserve) [STROKE*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-left { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.uk-transform-origin-top-center { + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; +} +.uk-transform-origin-top-right { + -webkit-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.uk-transform-origin-center-left { + -webkit-transform-origin: 0 50%; + transform-origin: 0 50%; +} +.uk-transform-origin-center-right { + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.uk-transform-origin-bottom-left { + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.uk-transform-origin-bottom-center { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-right { + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} +.uk-flex-inline { + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; +} +/* + * Remove pseudo elements created by micro clearfix as precaution + */ +.uk-flex::before, +.uk-flex::after, +.uk-flex-inline::before, +.uk-flex-inline::after { + display: none; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-left { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +.uk-flex-center { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.uk-flex-right { + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +.uk-flex-between { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +.uk-flex-around { + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-left\@s { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + .uk-flex-center\@s { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .uk-flex-right\@s { + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .uk-flex-between\@s { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + .uk-flex-around\@s { + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-left\@m { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + .uk-flex-center\@m { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .uk-flex-right\@m { + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .uk-flex-between\@m { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + .uk-flex-around\@m { + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-left\@l { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + .uk-flex-center\@l { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .uk-flex-right\@l { + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .uk-flex-between\@l { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + .uk-flex-around\@l { + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-left\@xl { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + .uk-flex-center\@xl { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .uk-flex-right\@xl { + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .uk-flex-between\@xl { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + .uk-flex-around\@xl { + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +.uk-flex-top { + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; +} +.uk-flex-middle { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.uk-flex-bottom { + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; +} +/* Direction + ========================================================================== */ +.uk-flex-row { + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; +} +.uk-flex-row-reverse { + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.uk-flex-column { + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} +.uk-flex-column-reverse { + -ms-flex-direction: column-reverse; + -webkit-flex-direction: column-reverse; + flex-direction: column-reverse; +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + -ms-flex-wrap: nowrap; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.uk-flex-wrap { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse; + -webkit-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + -ms-flex-line-pack: stretch; + -webkit-align-content: stretch; + align-content: stretch; +} +.uk-flex-wrap-top { + -ms-flex-line-pack: start; + -webkit-align-content: flex-start; + align-content: flex-start; +} +.uk-flex-wrap-middle { + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; +} +.uk-flex-wrap-bottom { + -ms-flex-line-pack: end; + -webkit-align-content: flex-end; + align-content: flex-end; +} +.uk-flex-wrap-between { + -ms-flex-line-pack: justify; + -webkit-align-content: space-between; + align-content: space-between; +} +.uk-flex-wrap-around { + -ms-flex-line-pack: distribute; + -webkit-align-content: space-around; + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; +} +.uk-flex-last { + -ms-flex-order: 99; + -webkit-order: 99; + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; + } + .uk-flex-last\@s { + -ms-flex-order: 99; + -webkit-order: 99; + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; + } + .uk-flex-last\@m { + -ms-flex-order: 99; + -webkit-order: 99; + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; + } + .uk-flex-last\@l { + -ms-flex-order: 99; + -webkit-order: 99; + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; + } + .uk-flex-last\@xl { + -ms-flex-order: 99; + -webkit-order: 99; + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + -ms-flex: none; + -webkit-flex: none; + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + -ms-flex: auto; + -webkit-flex: auto; + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + * { + margin-top: 0 !important; +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +/* Directions + ========================================================================== */ +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-left'], +[class*='uk-position-right'], +[class*='uk-position-center'] { + position: absolute !important; +} +/* Edges + ========================================================================== */ +/* Don't use `width: 100%` because it is wrong if the parent has padding. */ +.uk-position-top { + top: 0; + left: 0; + right: 0; +} +.uk-position-bottom { + bottom: 0; + left: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +/* Corners + ========================================================================== */ +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container (Not working in Firefox) + * 2. Fix text wrapping for Firefox + */ +.uk-position-center { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + /* 1 */ + display: table; + /* 2 */ + width: -moz-max-content; + max-width: 100%; +} +/* Vertical */ +.uk-position-center-left, +.uk-position-center-right { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right { + right: 0; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + /* 1 */ + display: table; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +/* Cover + ========================================================================== */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +/* Utility + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-z-index { + z-index: 1; +} +/* Margin modifier + ========================================================================== */ +/* + * Small + */ +.uk-position-small { + margin: 15px; +} +.uk-position-small.uk-position-center { + -webkit-transform: translate(-50%, -50%) translate(-15px, -15px); + transform: translate(-50%, -50%) translate(-15px, -15px); +} +.uk-position-small.uk-position-center-left, +.uk-position-small.uk-position-center-right { + -webkit-transform: translateY(-50%) translateY(-15px); + transform: translateY(-50%) translateY(-15px); +} +.uk-position-small.uk-position-top-center, +.uk-position-small.uk-position-bottom-center { + -webkit-transform: translateX(-50%) translateX(-15px); + transform: translateX(-50%) translateX(-15px); +} +/* + * Medium + */ +.uk-position-medium { + margin: 30px; +} +.uk-position-medium.uk-position-center { + -webkit-transform: translate(-50%, -50%) translate(-30px, -30px); + transform: translate(-50%, -50%) translate(-30px, -30px); +} +.uk-position-medium.uk-position-center-left, +.uk-position-medium.uk-position-center-right { + -webkit-transform: translateY(-50%) translateY(-30px); + transform: translateY(-50%) translateY(-30px); +} +.uk-position-medium.uk-position-top-center, +.uk-position-medium.uk-position-bottom-center { + -webkit-transform: translateX(-50%) translateX(-30px); + transform: translateX(-50%) translateX(-30px); +} +/* + * Large + */ +.uk-position-large { + margin: 30px; +} +.uk-position-large.uk-position-center { + -webkit-transform: translate(-50%, -50%) translate(-30px, -30px); + transform: translate(-50%, -50%) translate(-30px, -30px); +} +.uk-position-large.uk-position-center-left, +.uk-position-large.uk-position-center-right { + -webkit-transform: translateY(-50%) translateY(-30px); + transform: translateY(-50%) translateY(-30px); +} +.uk-position-large.uk-position-top-center, +.uk-position-large.uk-position-bottom-center { + -webkit-transform: translateX(-50%) translateX(-30px); + transform: translateX(-50%) translateX(-30px); +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + } + .uk-position-large.uk-position-center { + -webkit-transform: translate(-50%, -50%) translate(-50px, -50px); + transform: translate(-50%, -50%) translate(-50px, -50px); + } + .uk-position-large.uk-position-center-left, + .uk-position-large.uk-position-center-right { + -webkit-transform: translateY(-50%) translateY(-50px); + transform: translateY(-50%) translateY(-50px); + } + .uk-position-large.uk-position-top-center, + .uk-position-large.uk-position-bottom-center { + -webkit-transform: translateX(-50%) translateX(-50px); + transform: translateX(-50%) translateX(-50px); + } +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* + * Using multiple selectors to exclude `uk-transition-toggle` + * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform` + * Just put the transition in an extra `div` + */ +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + -webkit-transition: 0.3s ease-out; + transition: 0.3s ease-out; + -webkit-transition-property: opacity, transform, filter; + transition-property: opacity, transform, filter; +} +/* + * Fade + */ +.uk-transition-fade { + opacity: 0; +} +.uk-transition-toggle:hover [class*='uk-transition-fade'], +.uk-transition-toggle.uk-hover [class*='uk-transition-fade'], +.uk-transition-active.uk-active [class*='uk-transition-fade'] { + opacity: 1; +} +/* + * Scale + * Note: Using `scale3d` for better image rendering + */ +[class*='uk-transition-scale'] { + opacity: 0; +} +.uk-transition-scale-up { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +.uk-transition-scale-down { + -webkit-transform: scale3d(1.1, 1.1, 1); + transform: scale3d(1.1, 1.1, 1); +} +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle.uk-hover .uk-transition-scale-up, +.uk-transition-active.uk-active .uk-transition-scale-up { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1); + transform: scale3d(1.1, 1.1, 1); +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle.uk-hover .uk-transition-scale-down, +.uk-transition-active.uk-active .uk-transition-scale-down { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +/* + * Slide + */ +[class*='uk-transition-slide'] { + opacity: 0; +} +.uk-transition-slide-top { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); +} +.uk-transition-slide-bottom { + -webkit-transform: translateY(100%); + transform: translateY(100%); +} +.uk-transition-slide-left { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.uk-transition-slide-right { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.uk-transition-slide-top-small { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); +} +.uk-transition-slide-bottom-small { + -webkit-transform: translateY(10px); + transform: translateY(10px); +} +.uk-transition-slide-left-small { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} +.uk-transition-slide-right-small { + -webkit-transform: translateX(10px); + transform: translateX(10px); +} +.uk-transition-slide-top-medium { + -webkit-transform: translateY(-50px); + transform: translateY(-50px); +} +.uk-transition-slide-bottom-medium { + -webkit-transform: translateY(50px); + transform: translateY(50px); +} +.uk-transition-slide-left-medium { + -webkit-transform: translateX(-50px); + transform: translateX(-50px); +} +.uk-transition-slide-right-medium { + -webkit-transform: translateX(50px); + transform: translateX(50px); +} +/* Hover */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle.uk-hover [class*='uk-transition-slide'], +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + opacity: 1; + -webkit-transform: translateX(0) translateY(0); + transform: translateX(0) translateY(0); +} +/* Opacity modifier +========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifiers +========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Hover + ========================================================================== */ +/* Hidden */ +.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover { + display: none !important; +} +/* Invisible */ +.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-invisible-hover { + visibility: hidden !important; +} +/* Touch + ========================================================================== */ +/* + * Hide if primary pointing device has limited accuracy, e.g. a touch screen. + * Works on mobile browsers: Safari, Chrome and Android browser + */ +@media (pointer: coarse) { + .uk-hidden-touch { + display: none !important; + } +} +/* + * Hide if primary pointing device is accurate, e.g. mouse. + * 1. Fallback for IE11 and Firefox, because `pointer` is not supported + * 2. Reset if supported + */ +/* 1 */ +.uk-hidden-notouch { + display: none !important; +} +@media (pointer: coarse) { + .uk-hidden-notouch { + display: block !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6 { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > :before, +.uk-light .uk-heading-line > :after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > :before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > :after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > :before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > :after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > :before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > :after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > :before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > :after, +.uk-card-primary.uk-card-body .uk-heading-line > :before, +.uk-card-primary.uk-card-body .uk-heading-line > :after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > :before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > :after, +.uk-card-secondary.uk-card-body .uk-heading-line > :before, +.uk-card-secondary.uk-card-body .uk-heading-line > :after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > :before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > :after, +.uk-overlay-primary .uk-heading-line > :before, +.uk-overlay-primary .uk-heading-line > :after, +.uk-offcanvas-bar .uk-heading-line > :before, +.uk-offcanvas-bar .uk-heading-line > :after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-divider > li:nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > li:nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > li:nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > li:nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > li:nth-child(n+2), +.uk-overlay-primary .uk-list-divider > li:nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > li:nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > li:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > li:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > li:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > li:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-list-bullet > li::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > li::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > li::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > li::before, +.uk-card-primary.uk-card-body .uk-list-bullet > li::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > li::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > li::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > li::before, +.uk-overlay-primary .uk-list-bullet > li::before, +.uk-offcanvas-bar .uk-list-bullet > li::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-light .uk-icon-link:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus, +.uk-overlay-primary .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:focus, +.uk-offcanvas-bar .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-light .uk-icon-button:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus, +.uk-overlay-primary .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:focus, +.uk-offcanvas-bar .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:focus { + background-color: rgba(242, 242, 242, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(230, 230, 230, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input:-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-input:-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-input:-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:-ms-input-placeholder, +.uk-overlay-primary .uk-input:-ms-input-placeholder, +.uk-offcanvas-bar .uk-input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-input::-moz-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::-moz-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-moz-placeholder, +.uk-card-primary.uk-card-body .uk-input::-moz-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::-moz-placeholder, +.uk-card-secondary.uk-card-body .uk-input::-moz-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-moz-placeholder, +.uk-overlay-primary .uk-input::-moz-placeholder, +.uk-offcanvas-bar .uk-input::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-input::-webkit-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, +.uk-card-primary.uk-card-body .uk-input::-webkit-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::-webkit-input-placeholder, +.uk-card-secondary.uk-card-body .uk-input::-webkit-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-webkit-input-placeholder, +.uk-overlay-primary .uk-input::-webkit-input-placeholder, +.uk-offcanvas-bar .uk-input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea:-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-textarea:-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-textarea:-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:-ms-input-placeholder, +.uk-overlay-primary .uk-textarea:-ms-input-placeholder, +.uk-offcanvas-bar .uk-textarea:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-textarea::-moz-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-moz-placeholder, +.uk-card-primary.uk-card-body .uk-textarea::-moz-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-moz-placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::-moz-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-moz-placeholder, +.uk-overlay-primary .uk-textarea::-moz-placeholder, +.uk-offcanvas-bar .uk-textarea::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::-webkit-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, +.uk-card-primary.uk-card-body .uk-textarea::-webkit-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-webkit-input-placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::-webkit-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-webkit-input-placeholder, +.uk-overlay-primary .uk-textarea::-webkit-input-placeholder, +.uk-offcanvas-bar .uk-textarea::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(242, 242, 242, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #e6e6e6; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-light .uk-button-default:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus, +.uk-overlay-primary .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:focus, +.uk-offcanvas-bar .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:focus { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-light .uk-button-primary:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, +.uk-overlay-primary .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:focus, +.uk-offcanvas-bar .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:focus { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-light .uk-button-secondary:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:focus, +.uk-offcanvas-bar .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:focus { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-light .uk-button-text:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus, +.uk-overlay-primary .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:focus, +.uk-offcanvas-bar .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:focus { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link:hover, +.uk-light .uk-button-link:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus, +.uk-overlay-primary .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:focus, +.uk-offcanvas-bar .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-light .uk-close:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus, +.uk-overlay-primary .uk-close:hover, +.uk-overlay-primary .uk-close:focus, +.uk-offcanvas-bar .uk-close:hover, +.uk-offcanvas-bar .uk-close:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-light .uk-totop:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus, +.uk-overlay-primary .uk-totop:hover, +.uk-overlay-primary .uk-totop:focus, +.uk-offcanvas-bar .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-light .uk-marker:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus, +.uk-overlay-primary .uk-marker:hover, +.uk-overlay-primary .uk-marker:focus, +.uk-offcanvas-bar .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:focus { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-badge:hover, +.uk-light .uk-badge:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus, +.uk-card-primary.uk-card-body .uk-badge:hover, +.uk-card-primary.uk-card-body .uk-badge:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:focus, +.uk-card-secondary.uk-card-body .uk-badge:hover, +.uk-card-secondary.uk-card-body .uk-badge:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:focus, +.uk-overlay-primary .uk-badge:hover, +.uk-overlay-primary .uk-badge:focus, +.uk-offcanvas-bar .uk-badge:hover, +.uk-offcanvas-bar .uk-badge:focus { + color: #666; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input:-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, +.uk-overlay-primary .uk-search-input:-ms-input-placeholder, +.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-search-input::-moz-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-moz-placeholder, +.uk-card-primary.uk-card-body .uk-search-input::-moz-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::-moz-placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::-moz-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::-moz-placeholder, +.uk-overlay-primary .uk-search-input::-moz-placeholder, +.uk-offcanvas-bar .uk-search-input::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input::-webkit-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, +.uk-card-primary.uk-card-body .uk-search-input::-webkit-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::-webkit-input-placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::-webkit-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::-webkit-input-placeholder, +.uk-overlay-primary .uk-search-input::-webkit-input-placeholder, +.uk-offcanvas-bar .uk-search-input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: transparent; +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-light .uk-search-toggle:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:focus, +.uk-offcanvas-bar .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-parent-icon > .uk-parent > a::after, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after, +.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-light .uk-nav-default > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:focus, +.uk-offcanvas-bar .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-light .uk-nav-default .uk-nav-sub a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-light .uk-nav-primary > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:focus, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-light .uk-nav-primary .uk-nav-sub a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a:focus, +.uk-light .uk-navbar-nav > li > a.uk-open, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a:focus, +.uk-overlay-primary .uk-navbar-nav > li > a.uk-open, +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a:focus, +.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle:focus, +.uk-light .uk-navbar-toggle.uk-open, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle:focus, +.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus, +.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle:focus, +.uk-overlay-primary .uk-navbar-toggle.uk-open, +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle:focus, +.uk-offcanvas-bar .uk-navbar-toggle.uk-open { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-light .uk-subnav > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:focus, +.uk-offcanvas-bar .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-light .uk-subnav-pill > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:focus, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:focus { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-light .uk-breadcrumb > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :focus, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-light .uk-pagination > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :focus, +.uk-offcanvas-bar .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-light .uk-tab > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:focus, +.uk-offcanvas-bar .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-light .uk-slidenav:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus, +.uk-overlay-primary .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:focus, +.uk-offcanvas-bar .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:focus { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-light .uk-dotnav > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :focus, +.uk-offcanvas-bar .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :focus { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-iconnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > *, +.uk-card-primary.uk-card-body .uk-iconnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > *, +.uk-card-secondary.uk-card-body .uk-iconnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > *, +.uk-overlay-primary .uk-iconnav > * > *, +.uk-offcanvas-bar .uk-iconnav > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > :hover, +.uk-light .uk-iconnav > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > :focus, +.uk-card-primary.uk-card-body .uk-iconnav > * > :hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > :focus, +.uk-card-secondary.uk-card-body .uk-iconnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > :focus, +.uk-overlay-primary .uk-iconnav > * > :hover, +.uk-overlay-primary .uk-iconnav > * > :focus, +.uk-offcanvas-bar .uk-iconnav > * > :hover, +.uk-offcanvas-bar .uk-iconnav > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > *, +.uk-overlay-primary .uk-iconnav > .uk-active > *, +.uk-offcanvas-bar .uk-iconnav > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: rgba(255, 255, 255, 0.7) !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + -webkit-column-rule-color: rgba(255, 255, 255, 0.2); + -moz-column-rule-color: rgba(255, 255, 255, 0.2); + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-logo:hover, +.uk-light .uk-logo:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus, +.uk-overlay-primary .uk-logo:hover, +.uk-overlay-primary .uk-logo:focus, +.uk-offcanvas-bar .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: inline; +} +.uk-light .uk-accordion-title::after, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::after, +.uk-card-primary.uk-card-body .uk-accordion-title::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::after, +.uk-card-secondary.uk-card-body .uk-accordion-title::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::after, +.uk-overlay-primary .uk-accordion-title::after, +.uk-offcanvas-bar .uk-accordion-title::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::after, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::after, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::after, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::after, +.uk-overlay-primary .uk-open > .uk-accordion-title::after, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + 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; + } +} diff --git a/interactive-mining-madoap/madoap/src/static/error-handling.js b/interactive-mining-madoap/madoap/src/static/error-handling.js new file mode 100644 index 0000000..24270f2 --- /dev/null +++ b/interactive-mining-madoap/madoap/src/static/error-handling.js @@ -0,0 +1,8 @@ +var displayNotification = function(message, status, timeout) { +UIkit.notification({ + message: message, + status: status, + pos: 'top', + timeout: timeout +}); +} \ No newline at end of file diff --git a/interactive-mining-madoap/madoap/src/static/exampleDocs.txt b/interactive-mining-madoap/madoap/src/static/exampleDocs.txt new file mode 100644 index 0000000..4bfe213 --- /dev/null +++ b/interactive-mining-madoap/madoap/src/static/exampleDocs.txt @@ -0,0 +1,26 @@ +{"text":"AGE were run using a k-mer size of 31 before also a national health medical grant 100009 a final set of 3 iterations were run with a k-mer size of 21. Abbreviations bp: base pairs; IMAGE: Iteratively Mapping and Assembly for Gap Elimination; PE: paired end. Authors' contributions IJT, TDO and MB conceived the project and wrote the manuscript. The sequencing project was directed by MB. Assemblies and the IMAGE pipeline were produced by IJT. The data analysis was performed by IJT and TDO. All authors read and approved the final manuscript. Supplementary Material Additional file 1 Comparison of gap closing in the Echinococcus assemblies. Click here for file Acknowledgements We thank Darren Grafham, Martin Hunt and Adam Reid for comments and reviewing the manuscript. We thank Rob Kinsley for providing Salmonella sequences. We thank Karen Brooks and Helen Beasley for designing the oligonucleotide primers and manually checking the agreements between the PCR products and Illumina contigs. We thank Nancy Holroyd for coordinating the helminth sequencing projects. CAL Genbank Reference CBS 132990 Ss54 S. brasiliensis Feline Brazil JQ041903 [9, 25, 45] CBS 132021 5110 protein concentration for microplate sensitization, whole cellular proteins from S. brasiliensis (CBS 132990 and weight markers (Protein Benchmark, Invitrogen). For immunoblotting, proteins (10 μg) from strains CBS 132990, CBS measure the degree of concordance of the results from preparations from strains CBS 132990, CBS 132021, CBS 49): S. brasiliensis CBS 132990, median 1.313 OD, 95% CI 1.262–1.489 OD; S. brasiliensis CBS 132021, median ranges: S. brasiliensis CBS 132990, median 0.2640 OD, 95% CI 0.2592–0.3098 OD; S. brasiliensis CBS 132021, median values yielded 100% specificity and sensitivity: S. brasiliensis CBS 132990, 0.377 OD; S. brasiliensis CBS 132021 18 Serology of Sporotrichosis Fig 3. Representative immunoblot of S. brasiliensis (CBS 132990 and CBS 132021) and in the S. schenckii proteome. The major ntigenic S. brasiliensis molecules (CBS 132990 and CBS 132021) recognize (C) Diversity of recognition of S. brasiliensis antigens (outer ring, CBS 132990; inner ring, CBS 132021). (D) specificity and sensitivity: (A) S. brasiliensis (Sb) CBS 132990, 0.377 OD; (B) S. brasiliensis CBS 132021, 0.363 This work was supported by the Wellcome Trust (grant WT 085775/Z/08/Z). Harismendy O Ng PC Strausberg RL Wang X Stockwell TB Beeson KY Schork NJ Murray SS Topol EJ Levy S Frazer KA Evaluation of next generation sequencing platforms for population targeted sequencing studies. Genome Biol 2009 10 R32 10.1186/gb-2009-10-3-r3219327155 Zerbino DR Birney E Velvet: algorithms for de novo short read assembly using de Bruijn graphs. Genome Res 2008 18 821 829 10.1101/gr.074492.10718349386 Simpson JT Wong K Jackman SD Schein JE Jones SJ Birol I ABySS: a parallel assembler for short read sequence data. Genome Res 2009 19 1117 1123 10.1101/gr.089532.10819251739 Li R Zhu H Ruan J Qian W Fang X Shi Z Li Y Li S Shan G Kristiansen K Yang H Wang J De novo assembly of human genomes with massively parallel short read sequencing. Genome Res 2009 20 265 272 10.1101/gr.097261.10920019144 Maccallum I Przybylski D Gnerre S Burton J Shlyakhter I Gnirke A Malek J McKernan K Ranade S Shea TP Williams L Young S Nusbaum C Jaffe DB ALLPATHS 2: small genomes assembled accurately and with high continuity from short paired reads. Genome Biol 2009 10 R103 10.1186/gb-2009-10-10-r10319796385 Diguistini S Liao NY Platt D Robertson G Seidel M Chan SK Docking TR Birol I Holt RA Hirst M Mardis E Marra MA Hamelin RC Bohlmann J Breuil C Jones SJ De novo genome sequence assembly of a filamentous fungus using Sanger, 454 and Illumina sequence data. Genome Biol 2009 10 R94 10.1186/gb-2009-10-9-r9419747388 Reinhardt JA Baltrus DA Nishimura MT Jeck WR Jones CD Dangl JL De novo assembly using low-coverage short read sequenc","id":"PMC"} +{"text":"Acknowledgements We thank Darren Grafham, Martin Hunt and Adam Reid for comments and reviewing the manuscript. We thank Rob Kinsley for providing Salmonella sequences. We thank Karen Brooks and Helen Beasley for designing the oligonucleotide primers and manually checking the agreements between the PCR products and Illumina contigs. We thank Nancy Holroyd for coordinating the helminth sequencing projects. This work was supported by the Wellcome Trust (grant WT 085775/Z/08/Z). This research was partially funded by the EPSRC Grant EP/C542150/1. Harismendy O Ng PC Strausberg RL Wang X Stockwell TB Beeson KY Schork NJ Murray SS Topol EJ Levy S Frazer KA Evaluation of next generation sequencing platforms for population targeted sequencing studies. Genome Biol 2009 10 R32 10.1186/gb-2009-10-3-r3219327155 Zerbino DR Birney E Velvet: algorithms for de novo short read assembly using de Bruijn graphs. Genome Res 2008 18 821 829 10.1101/gr.074492.10718349386 Simpson JT Wong K Jackman SD Schein JE Jones SJ Birol I ABySS: a parallel assembler for short read sequence data. Genome Res 2009 19 1117 1123 10.1101/gr.089532.10819251739 Li R Zhu H Ruan J Qian W Fang X Shi Z Li Y Li S Shan G Kristiansen K Yang H Wang J De novo assembly of human genomes with massively parallel short read sequencing. Genome Res 2009 20 265 272 10.1101/gr.097261.10920019144 Maccallum I Przybylski D Gnerre S Burton J Shlyakhter I Gnirke A Malek J McKernan K Ranade S Shea TP Williams L Young S Nusbaum C Jaffe DB ALLPATHS 2: small genomes assembled accurately and with high continuity from short paired reads.", "id":"RCUK"} +{"text":"INTRODUCTION Huntington's F 1703-B12 disease (HD) is an autosomal dominant late-onset neurodegenerative disorder with a mean age of onset of 40 years. Symptoms include psychiatric disturbances, motor disorders, cognitive decline and weight loss. Disease duration is 15–20 years and there are no effective disease-modifying treatments ( 1 ). The disease is caused by an expanded CAG trinucleotide repeat in the HD gene that is translated into a polyglutamine (polyQ) repeat in the huntingtin (Htt) protein ( 2 ). Neuropathologically, HD is characterized by a generalized brain atrophy as well as neuronal cell loss in the striatum, cortex and other brain regions. Intracellular polyQ-containing aggregates are deposited throughout the neuropil and as inclusions in neuronal nuclei ( 3 , 4 ). PolyQ aggregates formed in vitro from recombinant protein comprise a range of oligomeric, proto-fibrillar and fibrillar structures ( 5 – 7 ). However, it is not known whether these reflect the oligomeric polyQ structures that form in vivo in HD patients or in HD mouse models. Similarly, although the genetic and pharmacological manipulation of polyQ aggregates in vitro and in invertebrate disease models has suggested that either the prevention of aggregate formation or their partition into less toxic structures PIK01--117193 can have beneficial consequences ( 5 , 8 – 12 ), the role that polyQ aggregates play in disease pathology remains unclear. The ability to monitor the effects of aggregate manipulation in HD mouse models would help to determine the relevance of experiments performed in simple model systems. To this end, it is essential that the aggregate load in mouse tissues can be quantified and that the aggregate species that form in vivo can be identified. We utilized two HD mouse models that were generated by very different approaches. The R6/2 mouse is transgenic for a human exon 1 Htt protein which in our colony has approximately 200Q ( 13 ). These mice develop an early-onset phenotype with rapid disease progression and as a consequence can realistically be used as a therapeutic screening tool ( 14 ). In our R6/2 colony, nuclear inclusions can be readily detected by immunohistochemistry in the cerebral cortex, striatum and hippocampus by 3 weeks of age ( 15 , 16 ), RotaRod impairment is apparent by 6 weeks and end-stage disease occurs at 15 weeks. The Hdh Q150 knock-in mouse is a more genetically precise model of the human disease, and carries approximately 150Q which has been inserted into the mouse Hd gene ( Hdh ) ( 17 ). In our Hdh _Q150/Q150 colony, nuclear inclusions were detected by immunohistochemistry in the striatum and hippocampus by 6 months and the cortex by 8 months ( 18 ), an impaired RotaRod performance was apparent by 18 months of age and end-stage disease occurs at around 22 months ( 18 ). The Hdh Q150 mice develop a phenotype that is remarkably similar to that found in R6/2 except that onset is much delayed and the disease progresses much more slowly over a period of 22 months ( 18 , 19 ). At the level of light microscopy, a complex distribution of aggregates in the form of nuclear inclusions and cytoplasmic aggregates are widely distributed throughout the brains of both models ( 18 ). Quantification of the aggregate load in mouse tissues has primarily involved counting the number of striatal nuclear inclusions and measuring their diameter. However, this only samples a subset of the aggregate species in one small brain region and more quantitative approaches that are less work-intensive are desperately needed. We have previously used the filter retardation assay to detect aggregates in mouse tissues ( 20 ) but we have been unsuccessful in optimizing this as an in vivo screening tool owing to signal variability. However, even if these technical difficulties were overcome, this approach would still have the disadvantage of only measuring the presence of aggregates that are larger than the cellulose acetate membrane pore size and therefore retained on the membrane. Here we describe the use of the Seprion ligand to establish an enzyme-linked immunosorbent assay (ELISA)-based method that provides a rapid, highly sensitive assay with good statistical power to detect changes in aggregate load in the brains of mouse models of HD. We demonstrate that the ligand captures a remarkably similar range of oligomeric, proto-fibrillar and fibrillar aggregates from the brains of both the R6/2 and Hdh Q50 mouse models and that these are comparable to those generated from recombinant proteins in vitro . Using atomic force microscopy (AFM) we show that the dimensions of nanometre globular aggregates from the R6/2 and Hdh Q150 knock-in brains are identical to those generated by the aggregation of recombinant exon1 Htt proteins containing just 46 and 53 polyQs. Finally, antibodies that detect exon 1 Htt epitopes differentially recognize the ligand-captured material on sodium dodecyl sulphate–polyacrylamide gel electrophoresis (SDS–PAGE) gels. RESULTS The Seprion ligand ELISA provides a highly quantitative assay for measuring polyQ aggregate load in Huntington's disease mouse tissue The Seprion ligand has previously been used to isolate and quantify aggregated forms of the prion protein, Prp_Sc ( 21 , 22 ). It is a high molecular weight polymeric ligand that consists of repeating charged and hydrophobic chemical groups that interact with similar repeating groups that occur on aggregated proteins. The selectivity for aggregated proteins is based on the arrangement of large numbers of polar and hydrophobic regions in aggregated proteins which occur to a much lesser extent in a single unaggregated protein molecule. We have used the Seprion ligand to develop an ELISA-based plate assay by which aggregated Htt is captured from tissue lysates and detected by immunoprobing with the S830 antibody that was raised against the N-terminal exon 1 Htt protein ( 23 ). We quantified the aggregate load in each of the five brain regions from female R6/2 mice at 2, 4, 6, 8 and 12 weeks of age. The Seprion ligand extracted statistically significant levels of aggregates from the striatum and hippocampus at 2 weeks of age, the cerebral cortex and brain stem at 4 weeks and cerebellum at 6 weeks (Fig. 1 A). Only signals corresponding to background levels were measured in wild-type (WT) samples, equivalent to those obtained with capture-buffer only controls. The ELISA readings have proved to be highly reproducible between experiments, e.g. there was no difference in the aggregate load measured in the cortex from four different series of 12-week-old R6/2 mice using different batches of ligand-coated plates over a period of 2 years ( F _(3,21) = 2.121, P = 0.133). We have previously shown that nuclear inclusions form in a number of R6/2 peripheral tissues ( 24 ). We applied the Seprion ELISA to quantify the corresponding aggregate levels and found that statistically significant amounts could be detected by 8 weeks in muscle and by 12 weeks in pancreas and liver (Fig. 1 B). Therefore, the Seprion ELISA might provide a highly sensitive method of quantifying the level of aggregated polyQ in tissues from mouse models of HD. This assay has great potential for use as an outcome measure either in preclinical efficacy trials to test the effect of potential therapeutic interventions or in mice with genetic modifications that might modulate HD-related mouse phenotypes. For example, for the purpose of a pharmacodynamic trial in which a compound has been administered to R6/2 mice from 4 to 8 weeks of age, power calculations ( 25 ) indicate that as few as eight mice would be sufficient to give an 80% chance of detecting a 30–50% reduction in aggregate load in brain regions ( P < 0.05; Fig. 1 C). Figure 1. Seprion ligand quantification of aggregate load in tissues from HD mouse models. Quantification of aggregate levels in brain regions ( A ) and peripheral tissues ( B ) of R6/2 mice. ( C ) Power analysis indicating the number of R6/2 mice required to have an 80% chance of detecting a specific percentage reduction in aggregate load in response to a therapeutic intervention initiated at 4 weeks of age and terminated at either 8 weeks or 12 weeks of age ( P > 0.05). Quantification of aggregate levels in brain regions ( D ) and peripheral tissues ( E ) of Hdh _Q150/Q150 mice. In all cases, n = 6/genotype/age and the age at which statistically significant aggregate levels can first be detected is indicated by the corresponding P -value. Black bars = R6/2 or Hdh Q150, gray bars = wild-type. Ctx = cerebral cortex; Hipp = hippocampus; Str = striatum; Cerb = cerebellum; Br St = brain stem; Buf = buffer. The aggregate pathology in the R6/2 mice occurs throughout the brain and in many peripheral tissues. We had assumed that this widespread distribution occurred because they express a small N-terminal fragment of mutant Htt. Therefore, we were surprised to find that at end-stage disease, polyQ aggregates in the form of nuclear inclusions and cytoplasmic aggregates are present in all brain regions of homozygous Hdh _Q150/Q150 knock-in mice ( 18 ). Similarly, we have recently demonstrated that the distribution of polyQ aggregates throughout the peripheral tissues of 12–14 week R6/2 mice and 22 month Hdh Q150 knock-in mice is almost identical (H. Moffitt, G. McPhail, B. Woodman, C. Hobbs and G. Bates, manuscript in preparation) suggesting that HD pathology may not be restricted to the CNS in HD patients. Therefore, we applied the Seprion ELISA to measure the level of polyQ aggregation that had accumulated in the cerebral cortex, hippocampus and brain stem from Hdh _Q150/Q150 mice aged 6, 10, 18 and 22 months (Fig. 1 D). The striata and cerebella from this series of tissues had been used for RNA analyses ( 18 ). As with the R6/2 mice, statistically significant levels were present in the hippocampus (6 months) before the cortex and brain stem (10 months). These ages correspond to those at which inclusions are apparent in the brain by light microscopy ( 18 ). In the periphery, statistically significant levels of aggregates could be detected in muscle and liver at 22 months (Fig. 1 E). The microplate readings were lower for the Hdh _Q150/Q150 tissues than for the R6/2 tissues. However, the difference in these values does not necessary reflect differences in the levels of aggregates that have accumulated in the tissues of the two models. The S830 antibody has a different affinity to the mutated versions of human Htt (in the R6/2 mouse) and mouse Htt (in the Hdh Q150 knock-in mice). Immuno-EM reveals diverse oligomeric and fibrillar Htt species in brain tissue from Huntington's disease mouse models We employed immuno-electron microscopy (EM) to investigate the morphology of the ligand-isolated aggregated Htt species. Aggregates were captured from cortical lysates by Seprion ligand-coated magnetic beads and eluted onto EM grids, processed for transmission EM and immunoprobed with gold-labelled MW8 ( 26 ), MW1 ( 26 ) or 3B5H10 ( 27 ). Bead capture was performed on cortices from R6/2 mice aged 2, 4, 6 and 12 weeks and from Hdh _Q150/Q150 mice aged 2, 3, 4 and 22 months as well as on the cortices of matched WT littermates at each time point. The number of mice examined is summarized in Table 1 . While in the case of R6/2 mice, we chose time points that span the course of the disease, for the Hdh _Q150/Q150 we instead focussed on young mice, asking how soon aggregate structures can be detected, but also included mice at end-stage disease for comparison with late-stage R6/2. Hdh _Q150/Q150 mice aged 2, 3 and 4 months would all correspond to R6/2 mice of less than 4 weeks of age with respect to the stage of disease. Table 1. Number of R6/2 and wild-type (WT) mice used for the electron microscopy and SDS–PAGE analyses Immunolabelling of bead captured and eluted cortical aggregates from both R6/2 and Hdh _Q150/Q150 cortices with MW8 consistently identified fibrillar structures. The fibrils captured from the R6/2 series of tissues increased in both amount and size as a function of disease progression and could be detected as early as 2 weeks of age (Fig. 2 A). In the case of the Hdh _Q150/Q150 knock-in mice, fibrils were prominent at 22 months and were isolated from the cortex of mice as young as 2 months (Fig. 2 B). The antibodies MW1 and 3B5H10 detected a variety of small aggregate structures including oligomers and protofibrils in both mouse models (Fig. 2 A and B). The complete spectrum of captured aggregate structures, the age of mouse from which each was isolated, and the antibodies with which they were detected is summarized in Figure 3 . The Seprion ligand captured a range of oligomeric/proto-fibrillar (Fig. 3 B–E) and fibrillar (Fig. 3 F–I) structures. Large filamentous aggregates have frequently been generated from polyQ peptides ( 28 , 29 ) and exon 1 Htt proteins ( 6 , 7 , 30 , 31 ) in vitro and visualized by EM. In one case, EM has been used to describe fibrillar structures purified from the brains of an inducible HD mouse model by gradient fractionation ( 32 ). The filamentous/fibrillar aggregates isolated by the Seprion ligand (Fig. 3 F–I were in all cases recognized by MW8, but MW1 and 3B5H10 epitopes were only present on the smaller, immature fibrils (Fig. 3 F). Figure 2. Immuno-EM analysis of captured material from R6/2 and Hdh _Q150/Q150 cortex. Representative examples of immunogold labelling of Htt aggregates with MW8, MW1 and 3B5H10 captured from the cortex of ( A ) R6/2 mice aged 2 and 12 weeks of age and ( B ) Hdh _Q150/Q150 mice aged 2 and 22 months of age. MW8 immunolabels fibrillar structures at each age in both the R6/2 and Hdh _Q150/Q150 tissue. Oligomers and protofibrils (A) and oligomers (B) detected by MW1 and protofibrils (A) and oligomers (B) detected by 3B5H10 are shown. Scale bar = 100 nm. Figure 3. Variation in the oligomeric and fibrillar structures isolated from R6/2 and Hdh _Q150/Q150 brains before phenotype onset and at late-stage disease. ( A ) Immunolabelled ‘shadows’, ( B–E ) oligomeric/proto-fibrillar structures and ( F–I ) immature fibrils and fibrillar structures that have been consistently captured by the Seprion ligand bead-captured material as identified by transmission EM and immunogold-labelling. The right-hand table indicates the age at which a structure was identified in each of the mouse models and if present, whether it was associated with immunogold labelling with MW1, 3B5H10 or MW8. Scale bar = 100 nm. The structures illustrated in Figure 3 A–E have not previously been isolated from in vivo tissues. Those shown in panels A–D were captured from both R6/2 and Hdh _Q150/Q150 brains, whereas the proto-fibrillar bundles illustrated in (E) were only observed in material extracted from Hdh _Q150/Q150 knock-in mice. The immunolabelled shadows depicted in Figure 3 A were captured from R6/2 and Hdh _Q150/Q150 brains, were detected with both MW1 and 3B5H10 and never seen in the material captured from WT mice. However, whether they represent an aggregated form of the protein is not clear. The structures shown in Figure 3 B and C have been formed by in vitro aggregation of 44Q exon 1 Htt ( 6 ), of a truncated 30Q exon 1 protein ( 7 ), polyQ peptides ( 28 ) and of Aβ42 ( 30 ) and termed oligomers ( 6 , 30 ) and oligomers/protofibrils ( 7 ). Those illustrated in Figure 3 D and E have been generated in vitro from 44Q exon 1 Htt ( 6 ), and the truncated 30Q exon 1 protein ( 7 ) and termed oligomers and protofibrils. We used electron tomography to reveal the three-dimensional structure of the protofibrillar bundles in Figure 3 D (Fig. 4 A) and the thin filaments in Figure 3 G (Fig. 4 B). Figure 4 presents still images of the three-dimensional structures shown in the movies in Supplementary Material, Figure S1 . Figure 4. Still images of the electron tomography of oligomeric/proto-fibrillar structures captured from R6/2 and Hdh _Q150/Q150 brains for which the three-dimensional structure is shown in Supplementary Material, Figure S1 . ( A ) Electron tomography of oligomeric structures illustrated in Figure 3 D and B of the filamentous structures illustrated in Figure 3 G immunolabelled with MW8. Globular nanometre oligomers isolated from the R6/2 and Hdh _Q150/Q150 mouse brains have identical dimensions as those generated from exon 1 Htt proteins in vitro We applied AFM to provide a more quantitative comparison of the oligomeric aggregates that were captured by the Seprion ligand. We discovered empirically that elution with 100 m m KCl (as described in the Materials and Methods) differentially eluted globular nanometre oligomers, while other aggregate species remained bound to the ligand. We used western blotting to demonstrate that the eluted material was an oligomeric form of Htt ( Supplementary Material, Figure S2 ). The globular oligomers appeared to be very similar to those that had been previously generated in vitro ( 5 , 6 , 31 ) and, therefore, we focussed our AFM analysis on the quantification of these structures rather than on fibrillar structures which we had identified and characterized extensively by EM (Figures 2 and 3 ). Globular oligomers were captured from cortical tissue from R6/2 mice aged 2, 4, 6 and 12 weeks ( n = 2/per age), from Hdh _Q150/Q150 aged 2, 3, 8 and 22 months ( n = 2/age) and from matched WT controls. Particles of approximately 20–40 nm in diameter were eluted from ligand-coated beads from both R6/2 and Hdh _Q150/Q150 brains at all ages tested (Fig. 5 A). No oligomeric structures were eluted from WT tissue. For comparison, oligomers were generated in vitro by the aggregation of 2 µ m recombinant exon 1 Htt proteins with either 53Q or 46Q for 1 h (Fig. 5 A). It was striking that the dimensions of the globular oligomers that were eluted from ligand-captured material from both R6/2 and Hdh _Q150/Q150 tissue was found to be identical to those generated from the incubation of the recombinant exon 1 Htt proteins in vitro (Fig. 5 B). Figure 5. AFM analysis of nanometre globular aggregates from R6/2 and Hdh _Q150/Q150 brains. ( A ) AFM of Seprion ligand-captured material from both R6/2 and Hdh _Q150/Q150 cortex at the ages indicated fractionated to resolve nanometre globular oligomers. Observed aggregates were similar to those generated by the in vitro incubation of exon 1 Htt proteins with 53Q or 46Q at 2 µ m for 1 h. Scale bar = 400 nm. ( B ) Histograms collating the height, diameter, volume and aspect ratio (longest width/shortest width) of the R6/2 and Hdh _Q150/Q150 aggregates measured at all ages. There is a remarkable similarity in the dimensions of the aggregates isolated from the R6/2 and Hdh _Q150/Q150 mice. These are comparable to those generated by the aggregation of 2 µ m exon 1 Htt proteins with 53Q or 46Q in vitro for 1 h. The Seprion ligand captures Htt species that resolve as monomers on SDS–PAGE We employed SDS–PAGE to investigate the detergent-soluble properties of the mutant Htt species that were eluted from the Seprion ligand after capture from cortical lysates using ligand-coated magnetic beads. Eluted material from R6/2 mice aged 2, 4, 6 and 12 weeks of age was fractionated by SDS–PAGE alongside age-matched tissue lysates and immunoprobed with a series of antibodies: S830, MW1, MW8 and 3B5H10 (Fig. 6 ). In tissue lysates, all four antibodies detected the soluble R6/2 transprotein monomer that became less intense with age because of its sequestration into polyQ aggregates. The migration of the transprotein varied between lysates because the CAG repeat is unstable on transmission and therefore the polyQ repeat length differed between mice. Although an exon 1 Htt protein that carries a polyQ repeat of approximately 200Q is approximately 30 kDa in size, its migration by SDS–PAGE was retarded to approximately 80 kDa by the polyQ tract. Both S830 and 3B5H10 (Fig. 6 A, D, E and F), and in some cases MW1 (Fig. 6 C), detected a high molecular weight fragment in cortical lysates that migrated at the top of the resolving gel and rapidly diminished with age (as indicated by asterisk). MW1 detected the soluble transprotein in 4 and 6 week lysates and at 12 weeks, in most experiments, it detected a doublet above which there is a smear overlaying a ladder of fragments (Fig. 6 G). From 6 weeks of age onwards, S830 and MW8 (Fig. 6 A and B), but not MW1 or 3B5H10, detected detergent-insoluble aggregates that were retained in the stacking gel. Figure 6. SDS–PAGE and immunoblotting of Seprion bead-captured aggregates from R6/2 cortex. Seprion ligand bead-captured material was fractionated by 10% SDS–PAGE alongside the corresponding mouse lysates. Blots were immunoprobed with S830 ( A ), MW8 ( B ), MW1 ( C,G ) or 3B5H10 ( D–F ) antibodies. In (C) and (D) material had been captured from the same lysates, fractionated on two gels and subsequently immunoprobed with MW1 (C) and 3B5H10 (D). The blot in (C) was stripped and reprobed with 3B5H10 (F). Asterisks denote high molecular bands detected by S830, 3B5H10 and MW1 that enter the resolving gel. Arrows indicate fragments that resolve at a size similar to monomeric Htt that are differentially recognized by the Htt antibodies. T = R6/2 transgenic; Wt = wild-type; B = buffer; W = well; In = interface between the stacking and resolving gel. After bead-capture and SDS–PAGE, S830 and MW8 only detected the detergent-insoluble aggregates in the stacking gel, indicating that the soluble protein had not been extracted by the Seprion ligand (Fig. 6 A and B). In contrast, MW1 and 3B5H10 detected fragments in the bead-captured material that resolved at a similar size to the soluble transprotein, but that were not detected by either S830 or MW8 (Fig. 6 C–G). In material captured from the same lysates, MW1 and 3B5H10 produced comparable signals on western blots (Fig. 6 C–E). The signals obtained with MW1 were always prominent in lysates from 4-week-old mice (>15 separate experiments). However, the ligand captured Htt species that resolve as a soluble monomer were not only seen at younger ages and were also captured from lysates of 6, 8 or 12 week R6/2 mice as detected by 3B5H10 (Fig. 6 F). These fragments were never detected with S830 or MW8. The consistency of the MW1 results make it unlikely that an interaction between soluble exon 1 Htt and the ligand is causing the exon 1 protein to adopt a structure (retained upon SDS–PAGE), as if that were the case, there would be no reason to expect their detection to be disease-stage specific. Instead, the Seprion ligand has extracted either aggregated Htt species or misfolded monomers, which upon SDS–PAGE exhibited a comparable migration to that of the soluble monomer but are differentially recognized by antibodies that detect the exon 1 Htt protein. DISCUSSION We have shown that the Seprion ligand can be used to isolate and characterize aggregated Htt species that form in mouse models of HD. Using EM and AFM we have demonstrated that the brains of both the R6/2 and Hdh Q150 knock-in mouse models contain a diverse and comparable range of Htt aggregate structures. The oligomeric and fibrillar aggregates that were captured by the Seprion ligand were remarkably similar to those that have previously been generated through the aggregation of exon 1 Htt proteins in vitro ( 5 , 7 , 33 , 34 ). This similarity was particularly striking in the case of our AFM analysis where the dimensions of the nanometre globular oligomers isolated from the R6/2 and Hdh _Q150/Q150 brains were practically identical to those generated from recombinant exon 1 Htt in vitro . This finding was unexpected given that Hdh Q150 knock-in mice express full-length mouse Htt with approximately 150Q, R6/2 mice express a human exon 1 Htt transgene with approximately 200Q and the recombinant proteins were human exon 1 Htt with 46Q and 53Q. However, this observation is in keeping with our recent demonstration that the smallest N-terminal fragment generated from full-length Htt in the Hdh Q150 knock-in mice is an exon 1 Htt protein (C. Landles, K. Sathasivam, A. Weiss, B. Woodman, H. Moffitt, S. Finkbeiner, B. Sun, J. Gafni, L. Ellerby, Y. Trottier, W. Richards, A. Osmand, P. Paganetti and G. Bates, manuscript in preparation), and demonstrates that the wide variation in polyQ length carried by these exon 1 proteins does not have a detectable impact on the dimensions of the globular oligomers. We extracted a diverse spectrum of oligomeric and fibrillar structures from the brains of both the R6/2 and Hdh Q150 mouse models. In the case of R6/2, we analysed brain tissue from mice aged 2, 4, 6 and 12 weeks of age, spanning the course of disease from a presymptomatic state to pronounced symptomatology. The entire spectrum of aggregate species was extracted from the brain tissue at each of these ages. However, the amount of fibrillar material increased considerably with disease progression to the extent that the EM grids were covered in fibrils from R6/2 mice at 12 weeks and Hdh _Q150/Q150 mice at 22 months. At late-stage disease the high density of fibrillar aggregates most likely masked the presence of oligomeric and proto-fibrillar structures making it difficult to assess their relative contributions. Our analysis of Hdh _Q150/Q150 mice focussed on very early time-points (2, 3 and 4 months), all of which precede overt symptomatology by several months, as we were interested in determining how early aggregated structures can be identified in these mice. Surprisingly, we were able to extract aggregate structures from Hdh _Q150/Q150 brains as early as 2 months of age. Fibrillar aggregates have previously been imaged in tissue sections from HD post-mortem brains and HD mouse models ( 3 , 15 , 35 ) by EM, and therefore, we can be confident that the fibrillar structures that we have extracted from tissue sections exist in vivo . However, without being able to image mutant Htt oligomers and proto-fibrils in tissue sections, we cannot be certain that the aggregates isolated by the Seprion ligand have the same structure as those that form in vivo . To address this, we propose that the complexity of the aggregate structures that have been isolated, and the consistent variability in their relative proportions at different stages of disease, make it extremely unlikely that they have been generated through an interaction between the ligand and the soluble mutant Htt protein. In addition, as well as being very comparable to those that have been generated in vitro from exon 1 mutant Htt constructs they are also remarkably similar to those formed by other amyloidogenic proteins that have been studied in detail ( 36 – 39 ). In this study, we used a panel of antibodies that recognize epitopes within the exon 1 Htt protein: MW8, MW1, 3B5H10 and S830. In all cases, these antibodies recognize a subset of exon 1 Htt structures. S830 is our in-house sheep polyclonal antibody that was raised against an exon 1 Htt recombinant protein with 53Q ( 23 ). We routinely use this antibody for western blots, on which it detects an exon 1 Htt monomer and the detergent-insoluble aggregated Htt that is retained in the stacking gel. We also use S830 for the detection of intranuclear inclusions and cytoplasmic aggregates by immunohistochemistry. MW8 also detects both the soluble exon 1 Htt monomer and detergent-insoluble aggregated forms on western blots. It is raised against an epitope at the C-terminus of exon 1 Htt and we have recently shown that although MW8 can be used to immunoprecipitate full-length Htt and all N-terminal proteolytic fragments thereof, if used to probe western blots, it behaves as a C-terminal exon 1 Htt neo-epitope antibody. On western blot, it only detects an exon 1 Htt protein and does not detect the C-terminus of exon 1 if it is embedded in a larger fragment of Htt (C. Landles, K. Sathasivam, A. Weiss, B. Woodman, H. Moffitt, S. Finkbeiner, B. Sun, J. Gafni, L. Ellerby, Y. Trottier, W. Richards, A. Osmand, P. Paganetti and G. Bates, manuscript in preparation). This suggests that MW8 is sensitive to the conformation of this epitope. In this study, MW8 detected monomeric Htt and detergent-insoluble aggregates on western blots as would be predicted. When immuno-gold labelled and used for EM, MW8 detected the fibrillar but, surprisingly, not oligomeric Htt that had been extracted from R6/2 brains. It would be surprising if the epitope had been cleaved or processed in oligomers, but not in fibrils and therefore the failure to detect oligomeric structures is more likely owing to the fact that the epitope has become inaccessible to MW8 or has adopted a conformation not recognized by MW8. The monoclonal antibodies MW1 and 3B5H10 both recognize an expanded polyQ tract. It is known that the MW1 epitope is rapidly lost upon aggregation ( 10 ) and MW1 has been proposed to bind polyQ in a linear lattice model ( 40 ). Consistent with this, we found that MW1 and 3B5H10 did not recognize the detergent-insoluble aggregated material that is retained in the stacking gel on western blots and failed to detect fibrillar structures by immuno-EM. We performed SDS–PAGE and western blot analysis to examine the detergent solubility of the Seprion ligand material that had been captured from R6/2 mouse brains at different stages of disease. We had expected that the captured material would be retained in the stacking gel as was observed by immunoprobing with S830 and MW8. Unexpectedly, MW1 and 3B5H10 identified exon 1 Htt fragments with a comparable migration to the soluble monomer which were predominantly detected in lysates of brain tissue from R6/2 mice at 4 weeks of age. Both antibodies recognize the polyQ tract. A crystal structure of MW1 bound to polyQ showed that polyQ can adopt an extended coil-like structure ( 41 ) and an independent study demonstrates that 3B5H10 binds to a compact β-sheet-like structure of polyQ in a monomeric Htt fragment (M. Arrasate, J. Miller, E. Brooks, C. Peters-Libeu, J. Legleiter, D. Hatters, J, Curtis, K. Cheung, P. Krtishnan, S. Mitra, K. Widjaja, B. Shaby, Y. Newhouse, G. Lotz, V. Thulasiramin, F. Saudou, P. Muchowski, M. Segal, K. Weisgraber and S. Finkbeiner, manuscript in preparation). The Seprion ligand appears to extract structures from R6/2 brains that are detergent-soluble and are recognized by MW1 and 3B5H10 when fractionated by SDS–PAGE. It is not clear why these fragments are not detected by S830 and MW8, especially by S830, which gives very strong signals on western blots of brain lysates. We have developed a highly quantitative ELISA-based assay for measuring the aggregate load in tissues from mouse models of HD with good statistical power. This has provided us with a rapid and sensitive pharmacodynamic read-out for the preclinical assessment of therapeutic approaches predicted to modify Htt aggregation. This assay can also be used to determine whether specific genetic manipulations can modify Htt aggregation and other mouse HD-related phenotypes, thereby facilitating a preclinical validation of potential therapeutic targets. This can be complemented with agarose gel electrophoresis for resolving aggregates (AGERA), an agarose gel-based method that has the potential to detect overall changes in aggregate size distribution ( 42 ). Chemical compounds and molecular chaperones that partition aggregates into less toxic species in vitro have been identified ( 5 , 10 , 30 ). Our ability to quantify the aggregate load in the tissues from HD mouse models and to identify a range of aggregate structures that form in vivo will be essential in validating the therapeutic potential of these approaches. MATERIALS AND METHODS Huntington's disease mouse models Hemizygous R6/2 mice ( 13 ) were bred by backcrossing R6/2 males to (CBA × C57Bl/6) F1 females (B6CBAF1/OlaHsd, Harlan Olac, Bicester, UK). Hdh _Q150/Q150 homozygous knock-in mice ( 17 , 18 ) on a (CBA × C57Bl/6) F1 background were generated by intercrossing Hdh _Q150/Q7 heterozygous CBA/Ca and C57BL/6J congenic lines (inbred lines from Harlan Olac, Bicester, UK). All the animals were subject to a 12 h light/dark cycle and had unlimited access to water and breeding chow (Special Diet Services, Witham, UK). Housing conditions and environmental enrichment were as previously described ( 25 ). R6/2 mice were always housed with WT mice. The CAG repeat size in the R6/2 mice was 202.6 ± 4.7 and in the Hdh Q150 mice was 155.8 ± 1.0 (SD). Genotyping and CAG repeat sizing R6/2 and Hdh _Q150/Q150 mice were identified by polymerase chain reaction of tail-tip DNA. For R6/2, a 10 µl reaction contained 100 ng DNA, 1 × Thermo-Start master mix (Thermo Scientific), 1 µl DMSO, 10 ng/µl forward primer 33727 [5′-CGCAGGCTAGGGCTGTCAATCATGCT-3′] and 10 ng/µl reverse primer 32252 [5′-TCATCAGCTTTTCCAGGGTCGCCAT-3′]. Cycling conditions were: 15 min at 94°C, 35 × (30 s at 94°C; 30 s at 60°C, 60 s at 72°C) and 10 min at 72°C. The amplified R6/2 transgene product was 272 bp. For Hdh Q150 mice, a 20 µl reaction contained 150 ng tail-tip DNA, 0.1 m m dNTPs, 2 m betaine (Sigma), 1× Detloff buffer [15 m m Tris–HCl (pH 8.8), 15 m m Tris–HCl (pH 9.0), 16 m m (NH_4 )_2 SO_4 , 2.5 m m MgCl_2 , 0.15 mg/ml bovine serum albumin (BSA), 0.007% β-mercaptoethanol], 10 ng/µl forward primer MHD16 [5′-CCCATTCATTGCCTTGCTGCTAGG-3′], 10 ng/µl reverse primer MHD18 [5′-GACTCACGGTCGGTGCAGCGGTTCC-3′] and 1 U Herculase Taq polymerase (Stratagene). Amplification conditions were: 5 min at 95°C, 30 × (30 s at 94°C, 30 s at 58°C, 3 min at 72°C) and 5 min at 72°C. The WT allele amplified a 278 bp product, whereas the Hdh Q150 knock-in allele amplified an approximately 707 bp product. Amplification of the CAG repeat from R6/2 mouse DNA was performed with a FAM-labelled forward primer (GAGTCCCTCAAGTCCTTCCAGCA) and reverse primer (GCCCAAACTCACGGTCGGT) in 10 µl reactions containing: 0.2 m m dNTPs; 10% DMSO; AM buffer (67 m m Tris–HCl pH 8.8; 16.6 m m (NH_4 )SO_4 ; 2 m m MgCl_2 ; 0.17 mg/ml BSA) and 0.5 U AmpliTaq DNA polymerase (Applied Biosystems). Cycling conditions were: 90 s at 94°C, 24 × (30 s at 94°C; 30 s at 65°C; 90 s at 72°C) and 10 min at 72°C. For Hdh Q150 mice, the amplification reaction was as for genotyping (above) with a FAM-labelled reverse MHD18 primer. All instruments and materials were obtained from Applied Biosystems unless indicated. The FAM-tagged PCR product (1 µl) together with MegaBACE™ ET900 (Amersham Bioscience) internal size standard (0.04 µl) were denatured at 94°C, 5 min in 9 µl of HiDi-formamide and analyzed using an ABI3730 sequencer. Data analysis was performed using plate manager application GeneMapper v5.2- 3730XL. Antibodies MW8 ( 26 ) is a monoclonal antibody that was raised against the peptide AEEPLHRP at the C-terminus of exon 1. MW1 ( 26 ) and 3B5H10 ( 27 ) (Sigma) are both monoclonal antibodies that detect expanded polyQ tracts, MW1 was raised against polyQ and 3B5H10 ( 27 ) was raised against an N-terminal 171 amino acid fragment of huntingtin with 65Q. S830 is a sheep polyclonal antibody that was raised against an exon 1 Htt protein with 53Q ( 23 ). Seprion ligand ELISA Brains were dissected, snap-frozen in liquid N_2 and stored at −80°C until required. A 2.5% lysate was prepared in ice-cold RIPA buffer (50 m m Tris–HCl pH 8.0; 120 m m NaCl; 1% Igepal; 3.125% sodium deoxycholate; 0.01% SDS; 1 m m β-mercaptoethanol; 1 µM PMSF; 1 m m DTT; protease inhibitor cocktail (Roche)) by ribolysing for 3 × 30 s in Lysing matrix tubes (Lysing matrix D; MP Biomedicals). Samples were stored on ice for 5 min and used immediately or frozen on dry ice, stored at −80°C and used within 24 h. Homogenate (15 µl) was mixed with 3 µl 10% SDS, diluted to 80 µl with water, and then made up to 100 µl with 5× capture buffer (Microsens Biotechnologies). This was transferred to the well of a Seprion ligand-coated ELISA plate, and incubated with shaking for 1 h at room temperature (RT). After removal of the lysate, the well was washed 5× in PBS-T (PBS; 0.1% Tween) and 100 µl S830 primary antibody (diluted 1:2000 in conjugate buffer (150 m m NaCl; 4% BSA (98% electrophoretic grade); 1% non-fat dried milk; 0.1% Tween 20 in PBS) was added and incubated with shaking for 1 h at RT. After five washes with PBS-T, 100 µl horse radish peroxidase (HRP)-conjugated rabbit anti-goat secondary antibody (DAKO) (1:2000 in conjugation buffer) was added and incubated with shaking for 45 min at RT. After washing five times with PBS-T, 100 µl of TMB substrate (SerTec) at RT was added and incubated in the dark (wrapped in foil) at RT for 30 min. Reactions were terminated by the addition of 100 µl 0.5 m HCl and the absorption at 450 nm was measured using a plate reader (Biorad). Seprion ligand bead capture A 10% brain homogenate was prepared by ribolysing in ice-cold RIPA buffer for 3 × 30 s in Lysing matrix tubes (Lysing matrix D; MP Biomedicals). Seprion-coated magnetic beads of 100 µl (Microsens Biotechnologies) was transferred to an Eppendorf tube on a magnetic particle concentrator (Dynal MPC-s). The supernatant was removed and replaced with 100 µl of ultrapure water prior to use in the assay. About 50–100 µl of homogenate was diluted to 700 µl with water and made up to 1 ml with 200 µl 5× capture buffer (Microsens Technologies) and 100 µl of coated beads. The tube was shaken on a Vibrax shaker (VXR basic IKA Vibrax) for 1 h at 1000 mot/min at RT, transferred to the magnetic concentrator and the supernatant removed. The beads were washed with 500 µl of 1× capture buffer followed by 2 × 1 ml of TBS (Microsens Biotechnologies) and 1 × 300 µl of TBS. Traces of TBS were removed by pipette after quickly spinning in a microfuge. The captured material was eluted by mixing with 20 µl of 0.75% SDS and heating at 100°C for 5 min in a heating block. Western blotting For immunoblotting,10 µl of the eluted material from the bead capture assay was mixed with 5 µl of 2× Laemmli loading buffer, denatured at 100°C for 10 min and loaded on the 10% SDS–PAGE gel. After electrophoresis, proteins were transferred to nitrocellulose membranes (Schleicher and Schuell) in 25 m m Tris–HCl, 192 m m glycine, 20% v/v methanol. Membranes were blocked for overnight in PBS (10 m m Na_2 HPO_4 , 2 m m KH_2 PO_4 , 137 m m NaCl, 2.7 m m KCl, (pH7.4)) containing 4% non-fat dried milk at 4°C, washed with PBS-T (PBS with 0.1% tween-20), and incubated for 1 h with the primary antibody (in PBS-T containing 0.5% non-fat dried milk). Blots were washed with PBS-T, probed with HRP-linked secondary antibodies (in PBS with 0.5% non-fat dried milk) for 1 h and washed again with PBS-T. Bound antibodies were visualized using the enhanced chemiluminescence detection system according to the manufacturer's instructions (GE Healthcare). Primary antibodies and dilutions were: S830 ( 23 ) (sheep polyclonal Ab 1:750), MW1 ( 26 ) (monoclonal Ab 1:1000), MW8 ( 26 ) (monoclonal Ab 1:750), 3B5H10 (Sigma) (monoclonal Ab 1:5000), HRP-conjugated secondary antibodies were as follows: rabbit anti-mouse (Dako 1:5000), rabbit anti-goat (Dako, 1:3000). All incubations were performed at RT. Electron microscopy For immune-labelling, 20 µl eluted material from the bead capture assay was dried at 95°C in a heating block and resuspended in 9 µl ultrapure water. Three microlitres were transferred to a freshly glow-discharged Formvar/carbon-coated grid and incubated at RT for 1 min. Excess solution was removed and the grid allowed to air-dry for 5 min. Grids were rinsed briefly in PBS and transferred to blocking solution (0.1% BSA-C™ (Aurion) in PBS) for 15 min. This was followed by incubation with primary antibody diluted in blocking solution for 1 h. Antibody dilutions were: MW1 1:100; MW8 1:100; 3B5H10 1:5000. The grids were washed six to eight times in a drop of blocking solution (2 min/drop) and transferred to secondary antibody conjugated with 10 nm colloidal gold particles (BB International) diluted 1:200 in blocking solution for 1 h. The grids were washed as above, followed by two rinses in a drop of ultrapure water (1 min/drop) and air-dried for 3 min. Negative staining was performed by adding 3 µl of 1% uranyl acetate for 45 s, excess stain was removed with hardened filter paper and grids allowed to air-dry. Images were taken with a transmission electron microscope (Tecnai 12 Biotwin; FEI) at 120 kV. For electron tomography, tilt series were acquired fully automatically using FEI proprietary software running on an FEI Tecnai G2 transmission electron microscope operating at 200 kV. Digital images of the structures of interest were recorded at 10 tilt intervals from −650 to +650 on a 2K Gatan Ultrascan CCD camera. Atomic force microscopy Aggregates were captured by Seprion beads and eluted with 20 µl 100 m m KCl. From each preparation 2.5 µl was deposited on freshly cleaved mica plate (Ted Pella Inc, Redding, CA) and incubated for 1 min at RT. The captured material was washed with 200 µl of ultrapure water and dried under a gentle stream of air. Exon 1 Htt recombinant proteins ( 33 ) were prepared as described in ( 43 ) and incubated at a concentration of 20 µ m for 1 h. Each deposition was imaged ex situ using a MFP3D scanning probe microscope (Asylum Research, Santa Barbara, CA, USA). Images were taken with silicon cantilevers with a nominal spring constant of 40 N/m and resonance frequency of approximately 300 kHz. Typical imaging parameters were: drive amplitude 150–500 mV with set points of 0.7–0.8 V, scan frequencies of 2–4 Hz, image resolution 512 × 512 points, and scan size of 3 µm. All the experiments were performed in duplicates. Several images were obtained from separate locations across the mica surfaces to ensure reproducibility. Quantitative analysis of AFM images: size analysis of aggregates observed by AFM was performed using routines written in MATLAB (MathWorks, Natick, MA, USA) equipped with the image-processing toolbox. Individual aggregates in an AFM image are automatically located and their volumes and heights and other geometrical characteristics are measured, facilitating quick analysis of thousands of individual aggregates. Contributions owing to the finite shape and size of the tip were compensated for, based on geometrical simulations as described previously ( 44 ). Statistical analysis Statistical analysis was performed by Student's t -test and one-way ANOVA using SPSS. SUPPLEMENTARY MATERIAL Supplementary Material is available at HMG online . Conflict of Interest statement . The Seprion ligand is provided to us by Microsens Biotechnologies and members of that company are authors on this paper. The R6/2 mice are licensed by King's College London for commercial work. FUNDING This work was supported by the Wellcome Trust 066270 to G.P.B.); the Hereditary Disease Foundation (to G.B. and a postdoctoral fellowship to J.L.); Huntington's Disease Society of America Coalition for the Cure (to G.P.B.); the CHDI Foundation (to G.P.B.); the National Institutes of Health ( R01 NS047237 to P.J.M., R01 2NS039074 to S.F.); and the Taube-Koret Center for Huntington's Disease Research (to S.F.). REFERENCES 1 Bates G.P. Harper P.S. Jones A.L. Huntington's Disease 2002 3rd edn. Oxford, UK Oxford University Press 2 Huntington's Disease Collaborative Research Group A novel gene containing a trinucleotide repeat that is expanded and unstable on Huntington's disease chromosomes Cell 1993 72 971 983 8458085 3 DiFiglia M. Sapp E. Chase K.O. Davies S.W. Bates G.P. Vonsattel J.P. Aronin N. Aggregation of huntingtin in neuronal intranuclear inclusions and dystrophic neurites in brain Science 1997 277 1990 1993 9302293 4 Gutekunst C.A. Li S.H. Yi H. Mulroy J.S. Kuemmerle S. Jones R. Rye D. Ferrante R.J. Hersch S.M. Li X.J. Nuclear and neuropil aggregates in Huntington's disease: relationship to neuropathology J. Neurosci. 1999 19 2522 2534 10087066 5 Wacker J.L. Zareie M.H. Fong H. Sarikaya M. Muchowski P.J. Hsp70 and Hsp40 attenuate formation of spherical and annular polyglutamine oligomers by partitioning monomer Nat. Struct. Mol. Biol. 2004 11 1215 1222 15543156 6 Poirier M.A. Li H. Macosko J. Cai S. Amzel M. Ross C.A. Huntingtin spheroids and protofibrils as precursors in polyglutamine fibrilization J. Biol. Chem. 2002 277 41032 41037 12171927 7 Thakur A.K. Jayaraman M. Mishra R. Thakur M. Chellgren V.M. Byeon I.J. Anjum D.H. Kodali R. Creamer T.P. Conway J.F. Polyglutamine disruption of the huntingtin exon 1 N terminus triggers a complex aggregation mechanism Nat. Struct. Mol. Biol. 2009 16 380 389 19270701 8 Chan H.Y. Warrick J.M. Gray-Board G.L. Paulson H.L. Bonini N.M. Mechanisms of chaperone suppression of polyglutamine disease: selectivity, synergy and modulation of protein solubility in Drosophila Hum. Mol. Genet. 2000 9 2811 2820 11092757 9 Muchowski P.J. Schaffar G. Sittler A. Wanker E.E. Hayer-Hartl M.K. Hartl F.U. Hsp70 and hsp40 chaperones can inhibit self-assembly of polyglutamine proteins into amyloid-like fibrils Proc. Natl Acad. Sci. USA 2000 97 7841 7846 10859365 10 Ehrnhoefer D.E. Duennwald M. Markovic P. Wacker J.L. Engemann S. Roark M. Legleiter J. Marsh J.L. Thompson L.M. Lindquist S. Green tea (-)-epigallocatechin-gallate modulates early events in huntingtin misfolding and reduces toxicity in Huntington's disease models Hum. Mol. Genet. 2006 15 2743 2751 16893904 11 Bodner R.A. Outeiro T.F. Altmann S. Maxwell M.M. Cho S.H. Hyman B.T. McLean P.J. Young A.B. Housman D.E. Kazantsev A.G. Pharmacological promotion of inclusion formation: a therapeutic approach for Huntington's and Parkinson's diseases Proc. Natl Acad. Sci. USA 2006 103 4246 4251 16537516 12 Nekooki-Machida Y. Kurosawa M. Nukina N. Ito K. Oda T. Tanaka M. Distinct conformations of in vitro and in vivo amyloids of huntingtin-exon1 show different cytotoxicity Proc. Natl Acad. Sci. USA 2009 106 9679 9684 19487684 13 Mangiarini L. Sathasivam K. Seller M. Cozens B. Harper A. Hetherington C. Lawton M. Trottier Y. Lehrach H. Davies S.W. Exon 1 of the HD gene with an expanded CAG repeat is sufficient to cause a progressive neurological phenotype in transgenic mice Cell 1996 87 493 506 8898202 14 Bates G.P. Hockly E. Experimental therapeutics in Huntington's disease: are models useful for therapeutic trials? Curr. Opin. Neurol. 2003 16 465 470 12869804 15 Li H. Li S.H. Cheng A.L. Mangiarini L. Bates G.P. Li X.J. Ultrastructural localization and progressive formation of neuropil aggregates in Huntington's disease transgenic mice Hum. Mol. Genet. 1999 8 1227 1236 10369868 16 Smith D.L. Portier R. Woodman B. Hockly E. Mahal A. Klunk W.E. Li X.J. Wanker E. Murray K.D. Bates G.P. Inhibition of polyglutamine aggregation in R6/2 HD brain slices-complex dose-response profiles Neurobiol. Dis. 2001 8 1017 1026 11741397 17 Lin C.H. Tallaksen-Greene S. Chien W.M. Cearley J.A. Jackson W.S. Crouse A.B. Ren S. Li X.J. Albin R.L. Detloff P.J. Neurological abnormalities in a knock-in mouse model of Huntington's disease Hum. Mol. Genet. 2001 10 137 144 11152661 18 Woodman B. Butler R. Landles C. Lupton M.K. Tse J. Hockly E. Moffitt H. Sathasivam K. Bates G.P. The Hdh(Q150/Q150) knock-in mouse model of HD and the R6/2 exon 1 model develop comparable and widespread molecular phenotypes Brain Res. Bull. 2007 72 83 97 17352931 19 Kuhn A. Goldstein D.R. Hodges A. Strand A.D. Sengstag T. Kooperberg C. Becanovic K. Pouladi M.A. Sathasivam K. Cha J.H. Mutant huntingtin's effects on striatal gene expression in mice recapitulate changes observed in human Huntington's disease brain and do not differ with mutant huntingtin length or wild-type huntingtin dosage Hum. Mol. Genet. 2007 16 1845 1861 17519223 20 Davies S.W. Sathasivam K. Hobbs C. Doherty P. Mangiarini L. Scherzinger E. Wanker E.E. Bates G.P. Detection of polyglutamine aggregation in mouse models Methods Enzymol. 1999 309 687 701 10507055 21 Lane A. Stanley C.J. Dealler S. Wilson S.M. Polymeric ligands with specificity for aggregated prion proteins Clin. Chem. 2003 49 1774 1775 22 Lane A.R. Stanley C.J. Wilson S.M. Binding of pathological forms of prion proteins 2003 Patent PCT/GB03/00858 23 Sathasivam K. Woodman B. Mahal A. Bertaux F. Wanker E.E. Shima D.T. Bates G.P. Centrosome disorganization in fibroblast cultures derived from R6/2 Huntington's disease (HD) transgenic mice and HD patients Hum. Mol. Genet. 2001 10 2425 2435 11689489 24 Sathasivam K. Hobbs C. Turmaine M. Mangiarini L. Mahal A. Bertaux F. Wanker E.E. Doherty P. Davies S.W. Bates G.P. Formation of polyglutamine inclusions in non-CNS tissue Hum. Mol. Genet. 1999 8 813 822 10196370 25 Hockly E. Woodman B. Mahal A. Lewis C.M. Bates G. Standardization and statistical approaches to therapeutic trials in the R6/2 mouse Brain Res. Bull. 2003 61 469 479 13679245 26 Ko J. Ou S. Patterson P.H. New anti-huntingtin monoclonal antibodies: implications for huntingtin conformation and its binding proteins Brain Res. Bull. 2001 56 319 329 11719267 27 Peters-Libeu C. Newhouse Y. Krishnan P. Cheung K. Brooks E. Weisgraber K. Finkbeiner S. Crystallization and diffraction properties of the Fab fragment of 3B5H10, an antibody specific for disease-causing polyglutamine stretches swiss national foundation Acta. Crystallogr. 81**-020218 Sect. F Struct. Biol. Cryst. Commun. 2005 61 1065 1068 28 Yang W. Dunlap J.R. Andrews R.B. Wetzel R. Aggregated polyglutamine peptides delivered to nuclei are toxic to mammalian cells Hum. Mol. Genet. 2002 11 2905 2917 12393802 29 Chen S. Berthelier V. Yang W. Wetzel R. Polyglutamine aggregation behavior in vitro supports a recruitment mechanism of cytotoxicity J. Mol. Biol. 2001 311 173 182 11469866 30 Ehrnhoefer D.E. Bieschke J. Boeddrich A. Herbst M. Masino L. Lurz R. Engemann S. Pastore A. Wanker E.E. EGCG redirects amyloidogenic polypeptides into unstructured, off-pathway oligomers Nat. Struct. Mol. Biol. 2008 15 558 566 18511942 31 Dahlgren P.R. Karymov M.A. Bankston J. Holden T. Thumfort P. Ingram V.M. Lyubchenko Y.L. Atomic force microscopy analysis of the Huntington protein nanofibril formation Nanomedicine 2005 1 52 57 17292058 32 Diaz-Hernandez M. Moreno-Herrero F. Gomez-Ramos P. Moran M.A. Ferrer I. Baro A.M. Avila J. Hernandez F. Lucas J.J. Biochemical, ultrastructural, and reversibility studies on huntingtin filaments isolated from mouse and human brain J. Neurosci. 2004 24 9361 9371 15496672 33 Scherzinger E. Lurz R. Turmaine M. Mangiarini L. Hollenbach B. Hasenbank R. Bates G.P. Davies S.W. Lehrach H. Wanker E.E. Huntingtin-encoded polyglutamine expansions form amyloid-like protein aggregates in vitro and in vivo Cell 1997 90 549 558 9267034 34 Scherzinger E. Sittler A. Schweiger K. Heiser V. Lurz R. Hasenbank R. Bates G.P. Lehrach H. Wanker E.E. Self-assembly of polyglutamine-containing huntingtin fragments into amyloid-like fibrils: implications for Huntington's disease pathology Proc. Natl Acad. Sci. USA 1999 96 4604 4609 10200309 35 Davies S.W. Turmaine M. Cozens B.A. DiFiglia M. Sharp A.H. Ross C.A. Scherzinger E. Wanker E.E. Mangiarini L. Bates G.P. Formation of neuronal intranuclear inclusions underlies the neurological dysfunction in mice transgenic for the HD mutation Cell 1997 90 537 548 9267033 36 Li M. Chevalier-Larsen E.S. Merry D.E. Diamond M.I. Soluble androgen receptor oligomers underlie pathology in a mouse model of spinobulbar muscular atrophy J. Biol. Chem. 2007 282 3157 3164 17121819 37 Chromy B.A. Nowak R.J. Lambert M.P. Viola K.L. Chang L. Velasco P.T. Jones B.W. Fernandez S.J. Lacor P.N. Horowitz P. Self-assembly of Abeta(1–42) into globular neurotoxins Biochemistry 2003 42 12749 12760 14596589 38 Kodali R. Wetzel R. Polymorphism in the intermediates and products of amyloid assembly Curr. Opin. Struct. Biol. 2007 17 48 57 17251001 39 Arimon M. Diez-Perez I. Kogan M.J. Durany N. Giralt E. Sanz F. Fernandez-Busquets X. Fine structure study of Abeta1–42 fibrillogenesis with atomic force microscopy FASEB J. 2005 19 1344 1346 15919759 40 Bennett M.J. Huey-Tubman K.E. Herr A.B. West A.P. Jr. Ross S.A. Bjorkman P.J. Inaugural article: a linear lattice model for polyglutamine in CAG-expansion diseases Proc. Natl Acad. Sci. USA 2002 99 11634 11639 12193654 41 Li P. Huey-Tubman K.E. Gao T. Li X. West A.P. Jr. Bennett M.J. Bjorkman P.J. The structure of a polyQ-anti-polyQ complex reveals binding according to a linear lattice model Nat. Struct. Mol. Biol. 2007 14 381 387 17450152 42 Weiss A. Klein C. Woodman B. Sathasivam K. Bibel M. Regulier E. Bates G.P. Paganetti P. Sensitive biochemical aggregate detection reveals aggregation onset before symptom development in cellular and murine models of Huntington's disease J. Neurochem. 2008 104 846 858 17986219 43 Legleiter J. Lotz G.P. Miller J. Ko J. Ng C. Williams G.L. Finkbeiner S. Patterson P.H. Muchowski P.J. Monoclonal antibodies recognize distinct conformational epitopes formed by polyglutamine in a mutant huntingtin fragment J. Biol. Chem. 2009 284 21647 21658 19491400 44 Legleiter J. Demattos R. Holtzman D. Kowalewski T. In situ AFM studies of astrocyte-secreted apolipoprotein E and J-containing lipoproteins J. Colloid. Inter. Sci. 2004 278 96 106 Huntington's disease (HD) is a late-onset neurodegenerative disorder that is characterized neuropathologically by the presence of neuropil aggregates and nuclear inclusions. However, the profile of aggregate structures that are present in the brains of HD patients or of HD mouse models and the relative contribution of specific aggregate structures to disease pathogenesis is unknown. We have used the Seprion ligand to develop a highly sensitive enzyme-linked immunosorbent assay (ELISA)-based method for quantifying aggregated polyglutamine in tissues from HD mouse models. We used a combination of electron microscopy, atomic force microscopy (AFM) and sodium dodecyl sulphate–polyacrylamide gel electrophoresis (SDS–PAGE) to investigate the aggregate structures isolated by the ligand. We found that the oligomeric, proto-fibrillar and fibrillar aggregates extracted from the brains of R6/2 and Hdh Q150 knock-in mice were remarkably similar. Using AFM, we determined that the nanometre globular oligomers isolated from the brains of both mouse models have dimensions identical to those generated from recombinant huntingtin exon 1 proteins. Finally, antibodies that detect exon 1 Htt epitopes differentially recognize the ligand-captured material on SDS–PAGE gels. The Seprion-ligand ELISA provides an assay with good statistical power for use in preclinical pharmacodynamic therapeutic trials or to assess the effects of the genetic manipulation of potential therapeutic targets on aggregate load. This, together with the ability to identify a spectrum of aggregate species in HD mouse tissues, will contribute to our understanding of how these structures relate to the pathogenesis of HD and whether their formation can be manipulated for therapeutic benefit. This work was POCTI/BIA/227/2002 supported by the EPSRC (EP/C51933/01, EP/J008052/1 and EP/C013956/1), the EC project Q-ESSENCE (248095), the Royal Society, the AFOSR EOARD, The Australian Research Council's Federation Fellow program (FF0668810), Centre for Engineered Quantum Systems (CE110001013) and the Centre for Quantum Computation and Communication Technology (CE110001027). J. B. S. acknowledges support from the United States Air Force Institute of Technology. X.-M. J. and N. K. L. are supported by EC Marie Curie Fellowships (PIIF-GA-2011-300820 and PIEF-GA-2010-275103). M. B. is supported by a FASTQUAST ITN Marie Curie fellowship.","id":"WOS:000316614600026"} +{"text":"Acknowledgements This work was funded by programme grant 59879 from the Wellcome Trust to C.W.J.S. We thank the Mapping Core group at the Sanger Institute for PAC clones, Alphonse Thanaraj for suggesting the collaboration between C.W.J.S and F.C., and Igor Vorechovsky for helpful comments on the manuscript. F.C. thanks the Australian Academy of Science for a travel fellowship to support a visit to the UK. Black DL Mechanisms of alternative pre-messenger RNA splicing. Annu Rev Biochem 2003 72 291 336 12626338 10.1146/annurev.biochem.72.121801.161720 Caceres JF Kornblihtt AR Alternative splicing: multiple control mechanisms and involvement in human disease. Trends Genet 2002 18 186 193 11932019 10.1016/S0168-9525(01)02626-9 Matlin AJ Clark F Smith CW Understanding alternative splicing: towards a cellular code. Nat Rev Mol Cell Biol 2005 6 386 398 15956978 10.1038/nrm1645 Maniatis T Tasic B Alternative pre-mRNA splicing and proteome expansion in metazoans. Nature 2002 418 236 243 12110900 10.1038/418236a Faustino NA Cooper TA Pre-mRNA splicing and human disease. Genes Dev 2003 17 419 437 12600935 10.1101/gad.1048803 Garcia-Blanco MA Baraniak AP Lasda EL Alternative splicing in disease and therapy. Nat Biotechnol 2004 22 535 546 15122293 10.1038/nbt964 Pagani F Baralle FE Genomic variants in exons and introns: identifying the splicing spoilers. Nat Rev Genet 2004 5 389 396 15168696 10.1038/nrg1327 Burge C Tuschl T Sharp P Gestetland R, Cech T, Atkins J Splicing precursors to mRNAs. The RNA World 1999 2 Cold Spring Harbor: Cold Spring Harbor Laboratory Press 525 560 Cartegni L Chew SL Krainer AR Listening to silence and understanding nonsense: exonic mutations that affect splicing. Nat Rev Genet 2002 3 285 298 11967553 10.1038/nrg775 Blencowe BJ Exonic splicing enhancers: mechanism of action, diversity and role in human genetic diseases. Trends Biochem Sci 2000 25 106 110 10694877 10.1016/S0968-0004(00)01549-8 Tacke R Manley JL The human splicing factors ASF/SF2 and SC35 possess distinct, functionally significant RNA binding specificities. This work was PTDC/SAU-MII/100016/2008 supported by MICINN (Spain), Comunitat Autonoma de les Illes Balears, FEDER, and the European Commission under Projects TEC2009-14101 (DeCoDicA), Grups Competitius and EC FP7 Projects PHOCUS (Grant No. 240763) and NOVALIS (Grant no. 275840) and fp7 240763.","id":"WOS:000316614600034"} +{"text":"We acknowledge invaluable support from V. Pillard and S. Eimer for the film preparation, L. Santandrea for the finite-element simulations and fruitful discussions with E. Fullerton, Edwin Fohtung and Oleg Sphyrko. This work was partially supported by the European Communities FP7 programme, through contract NAMASTE number 214499 and contract MAGWIRE number 257707, and the ANR-NSF project Friends. N. L. also acknowledges financial support from C'Nano IDF.","id":"WOS:000316614600048"} +{"text":"","id":"WOS:000316614600053"} +{"text":"We are indebted to P. Simon, C. Bergenfeldt, P. Samuelsson, C. Mora, K. Le Hur and G. Zarand for fruitful discussions. The devices have been made within the consortium Salle Blanche Paris Centre. This work is supported by the ANR contracts DOCFLUC, HYFONT, SPINLOC and the EU-FP7 project SE2ND[271554].","id":"WOS:000316614600070"} +{"text":"We are greatly indebted to the following people who kindly provided us the plasmids used in this manuscript: Johan de Rooij, Hubrecht Institute, Utrecht (vinculin-GFP); Anna Huttenlocher, University of Wisconsin, Madison, WI (talin-GFP); Klemens Rottner, Institut fur Genetik, Bonn (zyxin-GFP); Michelle Digman, University of California, Irvine, CA (paxillin-GFP); Michael Sixt, Max Planck Institute of Biochemistry, Martinsried (Lifeact-GFP and -RFP); Martin Schwartz, Yale School of Medicine, New Haven, CT (VinTS and VinTL). The authors thank the Microscopic Imaging Center of the Nijmegen Centre for Molecular Life Sciences for use of their facilities and Jack Fransen for critically reading the manuscript. This research was supported by EU grants BIO-LIGHT-TOUCH (028781) and Immunanomap (MRTN-CT-2006-035946) and EU-Mexico FONCICYT (C002-2008-1 ALA/127249) awarded to C. G. F., and by a Young investigator Grant from the Human Frontier Science Program (RGY0074/2008) to A. C. M. M. is supported by the REMEDI (HEALTH-F5-2009-242276) grant. The research leading to these results has received funding also from the European Commission's Seventh Framework Programme (FP7-ICT-2011-7) under grant agreement no. 288263 (NanoVista). A. C. is the recipient of a Meervoud grant (836.09.002) and C. G. F. was awarded with a Spinoza prize, both from The Netherlands Organisation for Scientific Research (NWO).","id":"WOS:000316614600082"} +{"text":"We acknowledge theoretical assistance of Pavel Motloch and support from EU ERC Advanced Grant No. 268066 and FP7-215368 SemiSpinNet, the Ministry of Education of the Czech Republic Grants No. LM2011026, the Grant Agency of the Czech Republic Grant No. 202/09/H041 and P204/12/0853, the Charles University in Prague Grant No. SVV-2012-265306 and 443011, the Academy of Sciences of the Czech Republic Preamium Academiae and US grants ONR-N000141110780, NSF-MRSEC DMR-0820414, NSF-DMR-1105512.","id":"WOS:000316614600091"} +{"text":"The work in the authors' laboratory is supported by operating grants and a group grant from the Canadian Institutes for Health Research, as well as by the Canadian Foundation for Innovation. P.K. is an Alberta Heritage Foundation for Medical Research (AIHS) Scientist and the Snyder Chair in Critical Care Medicine. E.K. is supported by an FP7-PEOPLE-2010-IOF grant (No. 273340) from the European Union.","id":"WOS:000316616100009"} +{"text":"This serbia work was 171001 partially supported by the French ANR P3N DELIGHT, ANR JCJC MIND, the ERC starting grant 277885 QD-CQED, the French RENATECH network and the CHISTERA project SSQN. O.G. acknowledges support by the French Delegation Generale de l'Armement.","id":"WOS:000316616400001"} +{"text":"This work was supported by the European Research Council to J.J.vT. via grant agreement no. 208650, and the EPSRC via award EP/I003304/1. This work was supported by the National Science Foundation to J.T.S. and P.C. via award CHE-1026369.","id":"WOS:000316616400031"} +{"text":"Wellcome Trust (grant numbers WT077044/Z/05/Z); BBSRC Bioinformatics and Biological Resources Fund (grant numbers BB/F010435/1); Howard Hughes Medical Institute (to G. C., J.C., S. R. E and R. D. F.); Stockholm University, Royal Institute of Technology and the Swedish Natural Sciences Research Council (to K. F. and E. L. L. S.) and Systems, Web and Database administration teams at Wellcome Trust Sanger Institute (WTSI) (infrastructure support). Funding for open access charge: Wellcome Trust (grant numbers WT077044/Z/05/Z); BBSRC Bioinformatics and Biological Resources Fund (grant numbers BB/F010435/1).","id":"WOS:000298601300043"} +{"text":"This work was funded by a Wellcome Trust Senior Research Fellowship to DvA (WT087590MA) and an MRC Programme Grant (G0900138) to DvA. The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.","id":"WOS:000300767100003"} +{"text":"The resarch was serbia supported 33027 by Wellcome Trust Grant 082273/Z/07/Z (to S.P.B.), American Heart Association's postdoctoral fellowship (to S.M.E.), and Fundacao para a Ciencia e Tecnologia, Portugal, SFRH/BD/33856/2009 (to S.E.). The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.","id":"WOS:000305695100018"} +{"text":"This work was made possible by a Wellcome Trust Msc Fellowship awarded to EWB (#090569/Z/09/Z) and a Wellcome Trust Senior Fellowship awarded to ME (#076827). The KEMRI Wellcome-Trust programme is supported by core funding from Wellcome-Trust (#092654/Z/10/A). The funders had no role in the design, conduct, analyses or writing of this study or in the decision to submit for publication.","id":"WOS:000305946200011"} +{"text":"The Swiss Study on Air Pollution and Lung and Heart Diseases in Adults (SAPALDIA) was supported by the Swiss National Science Foundation (grants no 33CS30_134276/1, 33CSCO-108796, 3247BO-104283, 3247BO-104288, 3247BO-104284, 3247-065896, 3100-059302, 3200-052720, 3200-042532, 4026-028099, 3233-054996, PDFMP3-123171), the Federal Office for Forest, Environment and Landscape, the Federal Office of Public Health, the Federal Office of Roads and Transport, the canton's government of Aargau, Basel-Stadt, Basel-Land, Geneva, Luzern, Ticino, Valais, Zurich, the Swiss Lung League, the canton's Lung League of Basel Stadt/Basel Landschaft, Geneva, Ticino, Valais and Zurich, Schweizerische Unfallversicherungsanstalt (SUVA), Freiwillige Akademische Gesellschaft, UBS Wealth Foundation, Talecris Biotherapeutics GmbH, and Abbott Diagnostics. Genotyping in the GABRIEL framework was supported by grants European Commission 018996 and Wellcome Trust WT 084703MA. Identification of pathways was supported by the French National Research Agency (Bio2nea project ANR-CES 2009). The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.I have read the journal's policy and have the following conflicts: The SAPALDIA study was supported by the UBS Wealth Foundation, Talecris Biotherapeutics GmbH, and Abbott Diagnostics in terms of unrestricted grants for personnel and genotyping. The support of these institutions did not influence the scientific work regarding study design, data collection, data analysis, interpretation of results, decision to publish, or preparation of the manuscript in any way. Also, this does not alter our adherence to all the PLoS ONE policies on sharing data and materials.","id":"WOS:000306461800046"} +{"text":"\"This meta-analysis is a collaborative effort involving data from many individual studies and many sources of funding. The details of funding sources for each study are detailed in Text S1 as well as below. Framingham Heart Study (FHS): The phenotype-genotype association analyses were funded through grants from the NIA R21AG032598 (JM Murabito, KL Lunetta), R01HL094755 (AD Coviello, RS Vasan, S Bandinelli), and R01AG31206 (RS Vasan, S Bandinelli), R01 AR/AG 41398 (DP Kiel). This research was conducted in part using data and resources from the Framingham Heart Study of the National Heart, Lung, and Blood Institute of the National Institutes of Health and Boston University School of Medicine. The analyses reflect intellectual input and resource development from the Framingham Heart Study investigators participating in the SNP Health Association Resource (SHARe) project. This work was partially supported by the National Heart, Lung, and Blood Institute's Framingham Heart Study (Contract No. N01-HC-25195) and its contract with Affymetrix for genotyping services (Contract No. N02-HL-6-4278). A portion of this research utilized the Linux Cluster for Genetic Analysis (LinGA-II), funded by the Robert Dawson Evans Endowment of the Department of Medicine at Boston University School of Medicine and Boston Medical Center. Gothenburg Osteoporosis and Obesity Determinants (GOOD) Study: Financial support was received from the Swedish Research Council (K2010-54X-09894-19-3, 2006-3832, and K2010-52X-20229-05-3), the Swedish Foundation for Strategic Research, the ALF/LUA research grant in Gothenburg, the Lundberg Foundation, the Torsten and Ragnar Soderberg's Foundation, Petrus and Augusta Hedlunds Foundation, the Vastra Gotaland Foundation, the Goteborg Medical Society, the Novo Nordisk foundation, and the European Commission grant HEALTH-F2-2008-201865-GEFOS. We would like to acknowledge Maria Nethander at the genomics core facility at University of Gothenburg for statistical analyses. We would also like to thank Dr. Tobias A. Knoch, Luc V. de Zeeuw, Anis Abuseiris, and Rob de Graaf as well as their institutions the Erasmus Computing Grid, Rotterdam, The Netherlands, and especially the national German MediGRID and Services@MediGRID part of the German D-Grid, both funded by the German Bundesministerium fuer Forschung und Technology under grants #01 AK 803 A-H and #01 IG 07015 G for access to their grid resources. We would also like to thank Karol Estrada, Department of Internal Medicine, Erasmus MC, Rotterdam, The Netherlands, for advice regarding the grid resources. Health, Aging, and Body Composition (Health ABC) Study: This Health ABC Study was supported by NIA contracts N01AG62101, N01AG62103, and N01AG62106. The genome-wide association study was funded by NIA grant 1R01AG032098-01A1 to Wake Forest University Health Sciences and genotyping services were provided by the Center for Inherited Disease Research (CIDR). CIDR is fully funded through a federal contract from the National Institutes of Health to The Johns Hopkins University, contract number HHSN268200782096C. This research was also supported in part by the Intramural Research Program of the National Institute on Aging, NIH, Bethesda, Maryland. Invecchiare in Chianti (InCHIANTI): The InCHIANTI study baseline (1998-2000) was supported as a \"\"targeted project'' (ICS110.1/RF97.71) by the Italian Ministry of Health and in part by the U.S. National Institute on Aging (Contracts: 263 MD 9164 and 263 MD 821336); the InCHIANTI Follow-up 1 (2001-2003) was funded by the U.S.National Institute on Aging 5R01TS000099-05 (Contracts: N.1-AG-1-1 and N.1-AG-1-2111); the InCHIANTI Follow-ups 2 and 3 studies (2004-2010) were financed by the U.S. National Institute on Aging (Contract: N01-AG-5-0002), supported in part by the Intramural research program of the National Institute on Aging, National Institutes of Health, Baltimore, Maryland. JRB Perry is a Sir Henry Wellcome Postdoctoral Research Fellow (092447/Z/10/Z). Cooperative Health Research in the Region of Augsburg (KORA): The KORA research platform was initiated and financed by the Helmholtz Zentrum Munich, German Research Center for Environmental Health, which is funded by the German Federal Ministry of Education and Research (BMBF) and by the State of Bavaria. Part of this work was financed by the German National Genome Research Network (NGFN-2 and NGFNPlus: 01GS0823). Our research was supported within the Munich Center of Health Sciences (MC Health) as part of LMUinnovativ. Multi-Ethnic Study of Atherosclerosis (MESA): MESA and the MESA SHARe project are conducted and supported by the National Heart, Lung, and Blood Institute (NHLBI) in collaboration with MESA investigators. Support is provided by grants and contracts N01 HC-95159, N01-HC-95160, N01-HC-95161, N01-HC-95162, N01-HC-95163, N01-HC-95164, N01-HC-95165, N01-HC-95166, N01-HC-95167, N01-HC-95168, N01-HC-95169, and RR-024156. Funding support for the sex hormone dataset was provided by grants HL074406 and HL074338. Funding for SHARe genotyping was provided by NHLBI Contract N02-HL-6-4278. Genotyping was performed at the Broad Institute of Harvard and MIT (Boston, Massachusetts, USA) and at Affymetrix (Santa Clara, California, USA) using the Affymetric Genome-Wide Human SNP Array 6.0. Northern Finland Birth Cohort 1966 Study (NFBC-66): NFBC1966 received financial support from the Academy of Finland (project grants 104781, 120315, 129269, 1114194, Center of Excellence in Complex Disease Genetics, and SALVE), University Hospital Oulu, Biocenter, University of Oulu, Finland (75617), the European Commission (EURO-BLCS, Framework 5 award QLG1-CT-2000-01643), NHLBI grant 5R01HL087679-02 through the STAMPEED program(1RL1MH083268-01), NIH/NIMH (5R01MH63706: 02), ENGAGE project and grant agreement HEALTH-F4-2007-201413, the Medical Research Council UK (G0500539, G0600705, PrevMetSyn/SALVE), and the Wellcome Trust (project grant GR069224). We acknowledge the support of U.S. National Heart, Lung, and Blood Institute grant HL087679 through the STAMPEED program; grants MH083268, GM053275-14, and U54 RR020278 from the U.S. National Institutes of Health; grant DMS-0239427 from the National Science Foundation; the Medical Research Council of the UK, EURO-BLCS, QLG1-CT-2000-01643 and the European Community's Seventh Framework Programme (FP7/2007-2013); ENGAGE project and grant agreement HEALTH-F4-2007-201413. The authors would like to thank the Center of Excellence in Common Disease Genetics of the Academy of Finland and Nordic Center of Excellence in Disease Genetics, the Sydantautisaatio (Finnish Foundation of Heart Diseases), the Broad Genotyping Center, D. Mirel, H. Hobbs, J. DeYoung, P. Rantakallio, M. Koiranen, and M. Isohanni for advice and assistance. Rotterdam study (RS1): The generation and management of GWAS genotype data for the Rotterdam Study are supported by the Netherlands Organisation of Scientific Research NWO Investments (nr. 175.010.2005.011, 911-03-012).This study is funded by the Research Institute for Diseases in the Elderly (014-93-015; RIDE2), the Netherlands Genomics Initiative (NGI)/Netherlands Organisation for Scientific Research (NWO) project nr. 050-060-810, and funding from the European Commision (HEALTH-F2-2008-201865, GEFOS; HEALTH-F2-2008-35627, TREAT-OA). The Rotterdam Study is funded by Erasmus Medical Center and Erasmus University, Rotterdam; Netherlands Organization for the Health Research and Development (ZonMw); the Research Institute for Diseases in the Elderly (RIDE); the Ministry of Education, Culture, and Science; the Ministry for Health, Welfare, and Sports; the European Commission (DG XII); and the Municipality of Rotterdam. We thank Pascal Arp, Mila Jhamai, Dr. Michael Moorhouse, Marijn Verkerk, and Sander Bervoets for their help in creating the GWAS database. The authors are grateful to the study participants, the staff from the Rotterdam Study and the participating general practitioners and pharmacists. We would like to thank Dr. Tobias A. Knoch, Karol Estrada, Luc V. de Zeeuw, Anis Abuseiris, and Rob de Graaf as well as their institutions the Erasmus Computing Grid, Rotterdam, The Netherlands, and especially the national German MediGRID and Services@MediGRID part of the German D-Grid, both funded by the German Bundesministerium fuer Forschung und Technology under grants #01 AK 803 A-H and #01 IG 07015 G for access to their grid resources. Study of Health in Pomerania (SHIP): SHIP is part of the Community Medicine Research Net of the University of Greifswald, Germany, which is funded by the Federal Ministry of Education and Research (grants no. 01ZZ9603, 01ZZ0103, and 01ZZ0403), and the Ministry of Cultural Affairs, as well as the Social Ministry of the Federal State of Mecklenburg, West Pomerania. Genome-wide data have been supported by the Federal Ministry of Education and Research (grant no. 03ZIK012) and a joint grant from Siemens Healthcare, Erlangen, Germany, and the Federal State of Mecklenburg, West Pomerania. The University of Greifswald is a member of the \"\"Center of Knowledge Interchange'' program of the Siemens AG. This work is also part of the research project Greifswald Approach to Individualized Medicine (GANI_MED). The GANI_MED consortium is funded by the Federal Ministry of Education and Research and the Ministry of Cultural Affairs of the Federal State of Mecklenburg, West Pomerania (03IS2061A). The SHBG reagents used were sponsored by Siemens Healthcare Diagnostics, Eschborn, formerly DPC Biermann GmbH, Bad Nauheim, Germany. Novo Nordisk provided partial grant support for the determination of serum samples and data analysis. R Haring received honorarium for lectures by Bayer Pharma AG. H Wallaschofski has received research grants from Novo Nordisk and Pfizer for research unrelated to the contents of this manuscript and honorarium for lectures by Bayer Pharma AG. TWINS UK: The study was funded by the Wellcome Trust, European Community's Seventh Framework Programme (FP7/2007-2013) grant snsf agreement HEALTH-F2-2008-201865-GEFOS and (FP7/2007-2013), ENGAGE project grant agreement HEALTH-F4-2007-201413, and the FP-5 GenomEUtwin Project (QLG2-CT-2002-01254). The study also receives support from the Department of Health via the National Institute for Health Research (NIHR) comprehensive Biomedical Research Centre award to Guy's and St. Thomas' NHS Foundation Trust in partnership with King's College London. TD Spector is an NIHR senior Investigator.The project also received support from a Biotechnology and Biological Sciences Research Council (BBSRC) project grant (G20234). The authors acknowledge the funding and support of the National Eye Institute via an NIH/CIDR genotyping project (PI: Terri Young). We thank the staff from the Genotyping Facilities at the Wellcome Trust Sanger Institute for sample preparation, quality control, and genotyping led by Leena Peltonen and Panos Deloukas; Le Centre National de Genotypage, France, led by Mark Lathrop, for genotyping; Duke University, North Carolina, USA, led by David Goldstein, for genotyping; and the Finnish Institute of Molecular Medicine, Finnish Genome Center, University of Helsinki, led by Aarno Palotie. Genotyping was also performed by CIDR as part of an NEI/NIH project grant. The Cardiovascular Risk in Young Finns Study (YFS): The Young Finns Study has been financially supported by the Academy of Finland: grants 134309 (Eye), 126925, 121584, 124282, 129378 (Salve), 117787 (Gendi), and 41071 (Skidi); the Social Insurance Institution of Finland; Kuopio, Tampere, and Turku University Hospital Medical Funds (grant 9M048 for 9N035 for TeLeht); Juho Vainio Foundation; Paavo Nurmi Foundation; Finnish Foundation of Cardiovascular Research and Finnish Cultural Foundation; Tampere Tuberculosis Foundation; and Emil Aaltonen Foundation (T Lehtimaki). The expert technical assistance in the statistical analyses by Irina Lisinen and Ville Aalto are gratefully acknowledged. Women's Health Initiative (WHI): Genotyping was performed at the Broad Institute (Cambridge, MA) through the NHGRI-funded Genomics and Randomized Clinical Network (U01 HG005152) or GARNET. The WHI programis funded by the National Heart, Lung, and Blood Institute, National Institutes of Health, U.S. Department of Health and Human Services through contracts N01WH22110, 24152, 32100-2, 32105-6, 32108-9, 32111-13, 32115, 32118-32119, 32122, 4210726, 42129-32, and 44221. The authors thank the WHI investigators and staff for their dedication, and the study participants for making the program possible. A listing of WHI investigators can be found at http://www.whiscience.org/publications/WHI_investigators_shortlist.pdf. Coronary Artery Risk Development in Young Adults (CARDIA) Women's Study: The CARDIA study is funded by contracts N01-HC-95095, N01-HC-48047, N01-HC-48048, N01-HC-48049, N01-HC-48050, N01-HC-45134, N01-HC-05187, N01-HC-45205, and N01-HC-45204 and by the CARDIA Women's study by R01-HL065611 from the National Heart, Lung, and Blood Institute to the CARDIA investigators. Genotyping of the CARDIA participants was supported by grants U01-HG-004729, U01-HG-004446, and U01-HG-004424 from the National Human Genome Research Institute. Statistical analyses were supported by grants U01-HG-004729 and R01-HL-084099 to M Fornage. M Wellons is supported by the Career Development Award 5-K23-HL087114. European Prospective Investigation into Cancer and Nutrition (Prospect-EPIC): The Prospect-EPIC study was funded by \"\"Europe against Cancer'' Programme of the European Commission (SANCO); the Dutch Ministry of Health, Welfare, and Sports (VWS); and ZONMw.Osteoporotic fractures in men (MrOS) study Sweden: Financial support was received from the Swedish Research Council (2006-3832), the Swedish Foundation for Strategic Research, the ALF/LUA research grant in Gothenburg, the Lundberg Foundation, the Torsten and Ragnar Soderberg's Foundation, Petrus and Augusta Hedlunds Foundation, the Vastra Gotaland Foundation, the Goteborg Medical Society, the Novo Nordisk Foundation, and the European Commission grant HEALTH-F2-2008-201865-GEFOS. Nurses' Health Study (NHS): The NHS breast cancer GWAS was performed as part of the Cancer Genetic Markers of Susceptibility (CGEMS) initiative of the NCI. We particularly acknowledge the contributions of R. Hoover, A. Hutchinson, K. Jacobs and G. Thomas. The current research is supported by CA87969, CA49449, CA40356, CA128034, and U01-CA98233 from the National Cancer Institute. We acknowledge the study participants in the NHS for their contribution in making this study possible. The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.\"","id":"WOS:000306840400020"} +{"text":"Work in the laboratory of J.K. has been supported by the Wellcome Trust (074318 and 075491/Z/04 to core facilities Wellcome Trust Centre for Human Genetics), the European Research Council (ERC) under European Commission 7th Framework Programme (FP7/2007-2013)/ERC grant agreement No. 281824, the Medical Research Council (98082), and the National Institute for Health Research (NIHR) Oxford Biomedical Research Centre.","id":"WOS:000314744400005"} +{"text":"This work was supported by the RAPIDD program of the Science and Technology Directorate, U.S. Department of Homeland Security, and the Fogarty International Center, NIH. SR was also funded by: the NIH Fogarty Center (R01 TW008246-01), the Wellcome Trust (University Award 093488/Z/10/Z), The Medical Research Council (UK, Project Grant MR/J008761/1) and European Union Seventh Framework Programme (FP7/2007-2013, Grant Agreement no278433-PREDEMICS). The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.","id":"WOS:000315157200118"} +{"text":"We acknowledge support from a Wellcome Trust Programme Grant award: PK-PD modelling to optimize treatment for HIV, TB and malaria. (ref 083851/Z/07/Z).M.L. and P.B. are supported by European and Developing Countries Clinical Trials Partnership grants (TA.09.40200.020 and TA.11.40200.047).Transparency Declaration: D.J.B. and S.H.K. have received research funding for development of the web site www.hiv-druginteractions.org from Viiv, BMS, Gilead, Janssen, Merck, Boehringer-Ingelheim. DJB has received honoria for lectures or Advisory Boards from Viiv, BMS, Gilead, Janssen, Merck.M.L. has received grants from Janssen and is supported by the Sewankambo scholarship at IDI which is funded by Gilead Foundation.","id":"WOS:000315524700001"} +{"text":"The current study is funded by grants from the South-Eastern Norway Regional Health Authority, the Research Council of Norway, the Odd Fellow MS society, the Danish Multiple Sclerosis Society, the Swedish Medical Research Council, the AFA foundation, Knut and Alice and Wallenbergs foundations and Council for Working Life and Social Research. The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.We thank all patients and healthy controls for their participation. The International Multiple Sclerosis Genetics Consortium and the Wellcome Trust Case Control Consortium2 provided the genotypes used in the screening phase of this study. We acknowledge the collaboration and principal funding for the genome-wide study provided by the Wellcome Trust, as part of the Wellcome Trust Case Control Consortium2 project (085475/B/08/Z and 085475/Z/08/Z). We thank all contributors to the collection of samples and clinical data in the Norwegian MS Registry and Biobank. The Norwegian Bone Marrow Donor Registry, Rikshospitalet, Oslo University Hospital are acknowledged for providing Norwegian controls. The Centre for Integrative Genetics; CIGENE, Norwegian University of Life Sciences (UMB) Aas is thanked for performing Sequenom analyses.","id":"WOS:000315637900131"} +{"text":"We are deeply grateful to the Tara schooner and crew for collecting plankton samples all over the World Oceans during three years. Our special thanks go to Gaby Gorsky and Christian Sardet who facilitated our integration in the Tara Oceans consortium. We are also keen to thank the following people for providing us with planktonic samples: Jean-Marc Pagano from the Institut de Recherche pour le Développement (IRD), John Lamkin and Akihiro Shiroza from the Southeast Fisheries Science Centre (SEFSC), Cédric Guigand from the Rosentiel School of Marine and Atmospheric Science (RSMAS) and Fredrika Norrbin from the Department of Arctic and Marine Biology (The Arctic University of Norway). Our manuscript profited from stimulating discussion with Daniel Papillon who also provided English corrections. This article is the contribution no. 19 of the Tara Oceans Expedition 2009/2012.","id":"PMC4254178"} +{"text":"We are deeply grateful to the Tara schooner and crew for collecting plankton samples all over the World Oceans during three years. Our special thanks go to Gaby Gorsky and Christian Sardet who facilitated our integration in the Tara consortium. We are also keen to thank the following people for providing us with planktonic samples: Jean-Marc Pagano from the Institut de Recherche pour le Développement (IRD), John Lamkin and Akihiro Shiroza from the Southeast Fisheries Science Centre (SEFSC), Cédric Guigand from the Rosentiel School of Marine and Atmospheric Science (RSMAS) and Fredrika Norrbin from the Department of Arctic and Marine Biology (The Arctic University of Norway). Our manuscript profited from stimulating discussion with Daniel Papillon who also provided English corrections. This article is the contribution no. 19 of the Tara Expedition 2009/2012.","id":"PMC4254178ZZZ"} +{"text":"We are deeply grateful to the Tara schooner and This work was supported in part by the European Commission under FP7 grant 246686. crew for collecting plankton samples all over the World Oceans during three years. Our special thanks go to Gaby Gorsky and Christian Sardet who facilitated our integration in the Tara Oceans consortium. We are also keen to thank the following people for providing us with planktonic samples: Jean-Marc Pagano from the Institut de Recherche pour le Développement (IRD), John Lamkin and Akihiro Shiroza from the Southeast Fisheries Science Centre (SEFSC), Cédric Guigand from the Rosentiel School of Marine and Atmospheric Science (RSMAS) and Fredrika Norrbin from the Department of Arctic and Marine Biology (The Arctic University of Norway). Our manuscript profited from stimulating discussion with Daniel Papillon who also provided English corrections. This article is the contribution no. 19 of the Tara Oceans Expedition 2009/2012.","id":"TESTFP71"} +{"text":"We are deeply grateful to the Tara schooner and This work was supported in part by the European Commission under FP7 grant 283595. crew for collecting plankton samples all over the World Oceans during three years. Our special thanks go to Gaby Gorsky and Christian Sardet who facilitated our integration in the Tara consortium. We are also keen to thank the following people for providing us with planktonic samples: Jean-Marc Pagano from the Institut de Recherche pour le Développement (IRD), John Lamkin and Akihiro Shiroza from the Southeast Fisheries Science Centre (SEFSC), Cédric Guigand from the Rosentiel School of Marine and Atmospheric Science (RSMAS) and Fredrika Norrbin from the Department of Arctic and Marine Biology (The Arctic University of Norway). Our manuscript profited from stimulating discussion with Daniel Papillon who also provided English corrections. This article is the contribution no. 19 of the Tara Expedition 2009/2012.","id":"TESTFP72"} \ No newline at end of file diff --git a/interactive-mining-madoap/madoap/src/static/exampleProfile.oamp b/interactive-mining-madoap/madoap/src/static/exampleProfile.oamp new file mode 100644 index 0000000000000000000000000000000000000000..e57f5fef953582141ade8727556fee8208d9ef69 GIT binary patch literal 5120 zcmeHLL2u(k6t**I3M|l#R;wy1t9|VXwUz2LPTGYPLc&dxHd59pNdO7;;>450V9!J| zz_y@dk654DR4jj;~@JRNvpXYn?-uK><$L@UC z3>1X{7m=r+Vq^`|G(G?@3?q-n5+3uB#S1)cJe?`b`GbFudBghS=^GkI)(!F#`G$Oi z7wJeDcv%=IXLGBCg6Sx)7t*2dn3B`;Qng)kx;5xJ2hAExbz6OVr(fRQC%M(NHM5#v z20^H(kTa28K+Tjh*t?nB>YY1gErBsQJmbQbb4eC}bL|{yUO|qzOptS#SwPOUGoM=MHfe#Hf5S~;b?yFc(`z@2a ze{Dvf0#5}KYU}>jZ}oJf45SSF{}|Byzf8V1$nWGA@-z8?d`G^;+jOK1qzwF54CI%| z`t6V^{7&e5lDeGHe2#3c^f^=X3l#;vAJWRrC2}u6Q!!MRORs0i-B+dJ<7B`8CL#A; z8OID?`}l6>ET2IW$rCva1I6N~bkn>vF&1=UmvsN%R?_ujme{6v>6qH7KJ(m|@>cuu_v`CB}x7v+QTP~DK z-6l@e`J@xycm+~ttSubC-3}y?AIc8+70K>t^JE|D|W?xP`Mf)t~`xO2UND~ zqFt;c5fwpulg#p1#+6=GfeS9ghzZr1xs?G(-^QJ3ajt(WK^v>Z6R5k) z*+zp+s8rg5Oy=k+smFS|x}iD4EJTUEjwR5i&2h(NS zR>M8$Sfx_wz9#0X^SU&Vh|7|Dp4qJ=_1A2{=Ch$)_1)ieCX@vNHfCOLUsz_g@VHZL zVhOmHZuD_CKJAWJQVG7NJn)#mi~K0gLkW@RV=gCNfF&7Hq*CyBI7%p;+JazVTR%;H o(t2?7-28vp + * @license The MIT License (MIT) + */ +const StickySidebar = (() => { + + // --------------------------------- + // # Define Constants + // --------------------------------- + // + const EVENT_KEY = '.stickySidebar'; + const VERSION = '3.2.0'; + + const DEFAULTS = { + + /** + * Additional top spacing of the element when it becomes sticky. + * @type {Numeric|Function} + */ + topSpacing: 0, + + /** + * Additional bottom spacing of the element when it becomes sticky. + * @type {Numeric|Function} + */ + bottomSpacing: 0, + + /** + * Container sidebar selector to know what the beginning and end of sticky element. + * @type {String|False} + */ + containerSelector: false, + + /** + * Inner wrapper selector. + * @type {String} + */ + innerWrapperSelector: '.inner-wrapper-sticky', + + /** + * The name of CSS class to apply to elements when they have become stuck. + * @type {String|False} + */ + stickyClass: 'is-affixed', + + /** + * Detect when sidebar and its container change height so re-calculate their dimensions. + * @type {Boolean} + */ + resizeSensor: true, + + /** + * The sidebar returns to its normal position if its width below this value. + * @type {Numeric} + */ + minWidth: false + }; + + // --------------------------------- + // # Class Definition + // --------------------------------- + // + /** + * Sticky Sidebar Class. + * @public + */ + class StickySidebar{ + + /** + * Sticky Sidebar Constructor. + * @constructor + * @param {HTMLElement|String} sidebar - The sidebar element or sidebar selector. + * @param {Object} options - The options of sticky sidebar. + */ + constructor(sidebar, options = {}){ + this.options = StickySidebar.extend(DEFAULTS, options); + + // Sidebar element query if there's no one, throw error. + this.sidebar = ('string' === typeof sidebar ) ? document.querySelector(sidebar) : sidebar; + if( 'undefined' === typeof this.sidebar ) + throw new Error("There is no specific sidebar element."); + + this.sidebarInner = false; + this.container = this.sidebar.parentElement; + + // Current Affix Type of sidebar element. + this.affixedType = 'STATIC'; + this.direction = 'down'; + this.support = { + transform: false, + transform3d: false + }; + + this._initialized = false; + this._reStyle = false; + this._breakpoint = false; + this._resizeListeners = []; + + // Dimensions of sidebar, container and screen viewport. + this.dimensions = { + translateY: 0, + topSpacing: 0, + lastTopSpacing: 0, + bottomSpacing: 0, + lastBottomSpacing: 0, + sidebarHeight: 0, + sidebarWidth: 0, + containerTop: 0, + containerHeight: 0, + viewportHeight: 0, + viewportTop: 0, + lastViewportTop: 0, + }; + + // Bind event handlers for referencability. + ['handleEvent'].forEach( (method) => { + this[method] = this[method].bind(this); + }); + + // Initialize sticky sidebar for first time. + this.initialize(); + } + + /** + * Initializes the sticky sidebar by adding inner wrapper, define its container, + * min-width breakpoint, calculating dimensions, adding helper classes and inline style. + * @private + */ + initialize(){ + this._setSupportFeatures(); + + // Get sticky sidebar inner wrapper, if not found, will create one. + if( this.options.innerWrapperSelector ){ + this.sidebarInner = this.sidebar.querySelector(this.options.innerWrapperSelector); + + if( null === this.sidebarInner ) + this.sidebarInner = false; + } + + if( ! this.sidebarInner ){ + let wrapper = document.createElement('div'); + wrapper.setAttribute('class', 'inner-wrapper-sticky'); + this.sidebar.appendChild(wrapper); + + while( this.sidebar.firstChild != wrapper ) + wrapper.appendChild(this.sidebar.firstChild); + + this.sidebarInner = this.sidebar.querySelector('.inner-wrapper-sticky'); + } + + // Container wrapper of the sidebar. + if( this.options.containerSelector ){ + let containers = document.querySelectorAll(this.options.containerSelector); + containers = Array.prototype.slice.call(containers); + + containers.forEach((container, item) => { + if( ! container.contains(this.sidebar) ) return; + this.container = container; + }); + + if( ! containers.length ) + throw new Error("The container does not contains on the sidebar."); + } + + // If top/bottom spacing is not function parse value to integer. + if( 'function' !== typeof this.options.topSpacing ) + this.options.topSpacing = parseInt(this.options.topSpacing) || 0; + + if( 'function' !== typeof this.options.bottomSpacing ) + this.options.bottomSpacing = parseInt(this.options.bottomSpacing) || 0; + + // Breakdown sticky sidebar if screen width below `options.minWidth`. + this._widthBreakpoint(); + + // Calculate dimensions of sidebar, container and viewport. + this.calcDimensions(); + + // Affix sidebar in proper position. + this.stickyPosition(); + + // Bind all events. + this.bindEvents(); + + // Inform other properties the sticky sidebar is initialized. + this._initialized = true; + } + + /** + * Bind all events of sticky sidebar plugin. + * @protected + */ + bindEvents(){ + window.addEventListener('resize', this, {passive: true}); + window.addEventListener('scroll', this, {passive: true}); + + this.sidebar.addEventListener('update' + EVENT_KEY, this); + + if( this.options.resizeSensor && 'undefined' !== typeof ResizeSensor ){ + new ResizeSensor(this.sidebarInner, this.handleEvent); + new ResizeSensor(this.container, this.handleEvent); + } + } + + /** + * Handles all events of the plugin. + * @param {Object} event - Event object passed from listener. + */ + handleEvent(event){ + this.updateSticky(event); + } + + /** + * Calculates dimensions of sidebar, container and screen viewpoint + * @public + */ + calcDimensions(){ + if( this._breakpoint ) return; + var dims = this.dimensions; + + // Container of sticky sidebar dimensions. + dims.containerTop = StickySidebar.offsetRelative(this.container).top; + dims.containerHeight = this.container.clientHeight; + dims.containerBottom = dims.containerTop + dims.containerHeight; + + // Sidebar dimensions. + dims.sidebarHeight = this.sidebarInner.offsetHeight; + dims.sidebarWidth = this.sidebar.offsetWidth; + + // Screen viewport dimensions. + dims.viewportHeight = window.innerHeight; + + this._calcDimensionsWithScroll(); + } + + /** + * Some dimensions values need to be up-to-date when scrolling the page. + * @private + */ + _calcDimensionsWithScroll(){ + var dims = this.dimensions; + + dims.sidebarLeft = StickySidebar.offsetRelative(this.sidebar).left; + + dims.viewportTop = document.documentElement.scrollTop || document.body.scrollTop; + dims.viewportBottom = dims.viewportTop + dims.viewportHeight; + dims.viewportLeft = document.documentElement.scrollLeft || document.body.scrollLeft; + + dims.topSpacing = this.options.topSpacing; + dims.bottomSpacing = this.options.bottomSpacing; + + if( 'function' === typeof dims.topSpacing ) + dims.topSpacing = parseInt(dims.topSpacing(this.sidebar)) || 0; + + if( 'function' === typeof dims.bottomSpacing ) + dims.bottomSpacing = parseInt(dims.bottomSpacing(this.sidebar)) || 0; + + if( 'VIEWPORT-TOP' === this.affixedType ){ + // Adjust translate Y in the case decrease top spacing value. + if( dims.topSpacing < dims.lastTopSpacing ){ + dims.translateY += dims.lastTopSpacing - dims.topSpacing; + this._reStyle = true; + } + + } else if( 'VIEWPORT-BOTTOM' === this.affixedType ){ + // Adjust translate Y in the case decrease bottom spacing value. + if( dims.bottomSpacing < dims.lastBottomSpacing ){ + dims.translateY += dims.lastBottomSpacing - dims.bottomSpacing; + this._reStyle = true; + } + } + + dims.lastTopSpacing = dims.topSpacing; + dims.lastBottomSpacing = dims.bottomSpacing; + } + + /** + * Determine whether the sidebar is bigger than viewport. + * @public + * @return {Boolean} + */ + isSidebarFitsViewport(){ + return this.dimensions.sidebarHeight < this.dimensions.viewportHeight; + } + + /** + * Observe browser scrolling direction top and down. + */ + observeScrollDir(){ + var dims = this.dimensions; + if( dims.lastViewportTop === dims.viewportTop ) return; + + var furthest = 'down' === this.direction ? Math.min : Math.max; + + // If the browser is scrolling not in the same direction. + if( dims.viewportTop === furthest(dims.viewportTop, dims.lastViewportTop) ) + this.direction = 'down' === this.direction ? 'up' : 'down'; + } + + /** + * Gets affix type of sidebar according to current scrollTop and scrollLeft. + * Holds all logical affix of the sidebar when scrolling up and down and when sidebar + * is bigger than viewport and vice versa. + * @public + * @return {String|False} - Proper affix type. + */ + getAffixType(){ + var dims = this.dimensions, affixType = false; + + this._calcDimensionsWithScroll(); + + var sidebarBottom = dims.sidebarHeight + dims.containerTop; + var colliderTop = dims.viewportTop + dims.topSpacing; + var colliderBottom = dims.viewportBottom - dims.bottomSpacing; + + // When browser is scrolling top. + if( 'up' === this.direction ){ + if( colliderTop <= dims.containerTop ){ + dims.translateY = 0; + affixType = 'STATIC'; + + } else if( colliderTop <= dims.translateY + dims.containerTop ){ + dims.translateY = colliderTop - dims.containerTop; + affixType = 'VIEWPORT-TOP'; + + } else if( ! this.isSidebarFitsViewport() && dims.containerTop <= colliderTop ){ + affixType = 'VIEWPORT-UNBOTTOM'; + } + // When browser is scrolling up. + } else { + // When sidebar element is not bigger than screen viewport. + if( this.isSidebarFitsViewport() ){ + + if( dims.sidebarHeight + colliderTop >= dims.containerBottom ){ + dims.translateY = dims.containerBottom - sidebarBottom; + affixType = 'CONTAINER-BOTTOM'; + + } else if( colliderTop >= dims.containerTop ){ + dims.translateY = colliderTop - dims.containerTop; + affixType = 'VIEWPORT-TOP'; + } + // When sidebar element is bigger than screen viewport. + } else { + + if( dims.containerBottom <= colliderBottom ){ + dims.translateY = dims.containerBottom - sidebarBottom; + affixType = 'CONTAINER-BOTTOM'; + + } else if( sidebarBottom + dims.translateY <= colliderBottom ){ + dims.translateY = colliderBottom - sidebarBottom; + affixType = 'VIEWPORT-BOTTOM'; + + } else if( dims.containerTop + dims.translateY <= colliderTop ){ + affixType = 'VIEWPORT-UNBOTTOM'; + } + } + } + + // Make sure the translate Y is not bigger than container height. + dims.translateY = Math.max(0, dims.translateY); + dims.translateY = Math.min(dims.containerHeight, dims.translateY); + + dims.lastViewportTop = dims.viewportTop; + return affixType; + } + + /** + * Gets inline style of sticky sidebar wrapper and inner wrapper according + * to its affix type. + * @private + * @param {String} affixType - Affix type of sticky sidebar. + * @return {Object} + */ + _getStyle(affixType){ + if( 'undefined' === typeof affixType ) return; + + var style = {inner: {}, outer: {}}; + var dims = this.dimensions; + + switch( affixType ){ + case 'VIEWPORT-TOP': + style.inner = {position: 'fixed', top: dims.topSpacing, + left: dims.sidebarLeft - dims.viewportLeft, width: dims.sidebarWidth}; + break; + case 'VIEWPORT-BOTTOM': + style.inner = {position: 'fixed', top: 'auto', left: dims.sidebarLeft, + bottom: dims.bottomSpacing, width: dims.sidebarWidth}; + break; + case 'CONTAINER-BOTTOM': + case 'VIEWPORT-UNBOTTOM': + let translate = this._getTranslate(0, dims.translateY + 'px'); + + if( translate ) + style.inner = {transform: translate}; + else + style.inner = {position: 'absolute', top: dims.translateY, width: dims.sidebarWidth}; + break; + } + + switch( affixType ){ + case 'VIEWPORT-TOP': + case 'VIEWPORT-BOTTOM': + case 'VIEWPORT-UNBOTTOM': + case 'CONTAINER-BOTTOM': + style.outer = {height: dims.sidebarHeight, position: 'relative'}; + break; + } + + style.outer = StickySidebar.extend({height: '', position: ''}, style.outer); + style.inner = StickySidebar.extend({position: 'relative', top: '', left: '', + bottom: '', width: '', transform: this._getTranslate()}, style.inner); + + return style; + } + + /** + * Cause the sidebar to be sticky according to affix type by adding inline + * style, adding helper class and trigger events. + * @function + * @protected + * @param {string} force - Update sticky sidebar position by force. + */ + stickyPosition(force){ + if( this._breakpoint ) return; + + force = this._reStyle || force || false; + + var offsetTop = this.options.topSpacing; + var offsetBottom = this.options.bottomSpacing; + + var affixType = this.getAffixType(); + var style = this._getStyle(affixType); + + if( (this.affixedType != affixType || force) && affixType ){ + let affixEvent = 'affix.' + affixType.toLowerCase().replace('viewport-', '') + EVENT_KEY; + StickySidebar.eventTrigger(this.sidebar, affixEvent); + + if( 'STATIC' === affixType ) + StickySidebar.removeClass(this.sidebar, this.options.stickyClass); + else + StickySidebar.addClass(this.sidebar, this.options.stickyClass); + + for( let key in style.outer ){ + let _unit = ('number' === typeof style.outer[key]) ? 'px' : ''; + this.sidebar.style[key] = style.outer[key]; + } + + for( let key in style.inner ){ + let _unit = ('number' === typeof style.inner[key]) ? 'px' : ''; + this.sidebarInner.style[key] = style.inner[key] + _unit; + } + + let affixedEvent = 'affixed.'+ affixType.toLowerCase().replace('viewport-', '') + EVENT_KEY; + StickySidebar.eventTrigger(this.sidebar, affixedEvent); + } else { + if( this._initialized ) this.sidebarInner.style.left = style.inner.left; + } + + this.affixedType = affixType; + } + + /** + * Breakdown sticky sidebar when window width is below `options.minWidth` value. + * @protected + */ + _widthBreakpoint(){ + + if( window.innerWidth <= this.options.minWidth ){ + this._breakpoint = true; + this.affixedType = 'STATIC'; + + this.sidebar.removeAttribute('style'); + StickySidebar.removeClass(this.sidebar, this.options.stickyClass); + this.sidebarInner.removeAttribute('style'); + } else { + this._breakpoint = false; + } + } + + /** + * Switches between functions stack for each event type, if there's no + * event, it will re-initialize sticky sidebar. + * @public + */ + updateSticky(event = {}){ + if( this._running ) return; + this._running = true; + + ((eventType) => { + + requestAnimationFrame(() => { + switch( eventType ){ + // When browser is scrolling and re-calculate just dimensions + // within scroll. + case 'scroll': + this._calcDimensionsWithScroll(); + this.observeScrollDir(); + this.stickyPosition(); + break; + + // When browser is resizing or there's no event, observe width + // breakpoint and re-calculate dimensions. + case 'resize': + default: + this._widthBreakpoint(); + this.calcDimensions(); + this.stickyPosition(true); + break; + } + this._running = false; + }); + })(event.type); + } + + /** + * Set browser support features to the public property. + * @private + */ + _setSupportFeatures(){ + var support = this.support; + + support.transform = StickySidebar.supportTransform(); + support.transform3d = StickySidebar.supportTransform(true); + } + + /** + * Get translate value, if the browser supports transfrom3d, it will adopt it. + * and the same with translate. if browser doesn't support both return false. + * @param {Number} y - Value of Y-axis. + * @param {Number} x - Value of X-axis. + * @param {Number} z - Value of Z-axis. + * @return {String|False} + */ + _getTranslate(y = 0, x = 0, z = 0){ + if( this.support.transform3d ) return 'translate3d(' + y +', '+ x +', '+ z +')'; + else if( this.support.translate ) return 'translate('+ y +', '+ x +')'; + else return false; + } + + /** + * Destroy sticky sidebar plugin. + * @public + */ + destroy(){ + window.removeEventListener('resize', this); + window.removeEventListener('scroll', this); + + this.sidebar.classList.remove(this.options.stickyClass); + this.sidebar.style.minHeight = ''; + + this.sidebar.removeEventListener('update' + EVENT_KEY, this); + + var styleReset = {inner: {}, outer: {}}; + + styleReset.inner = {position: '', top: '', left: '', bottom: '', width: '', transform: ''}; + styleReset.outer = {height: '', position: ''}; + + for( let key in styleReset.outer ) + this.sidebar.style[key] = styleReset.outer[key]; + + for( let key in styleReset.inner ) + this.sidebarInner.style[key] = styleReset.inner[key]; + + if( this.options.resizeSensor && 'undefined' !== typeof ResizeSensor ){ + ResizeSensor.detach(this.sidebarInner, this.handleEvent); + ResizeSensor.detach(this.container, this.handleEvent); + } + } + + /** + * Determine if the browser supports CSS transform feature. + * @function + * @static + * @param {Boolean} transform3d - Detect transform with translate3d. + * @return {String} + */ + static supportTransform(transform3d){ + var result = false, + property = (transform3d) ? 'perspective' : 'transform', + upper = property.charAt(0).toUpperCase() + property.slice(1), + prefixes = ['Webkit', 'Moz', 'O', 'ms'], + support = document.createElement('support'), + style = support.style; + + (property + ' ' + prefixes.join(upper + ' ') + upper).split(' ').forEach(function(property, i) { + if (style[property] !== undefined) { + result = property; + return false; + } + }); + return result; + } + + /** + * Trigger custom event. + * @static + * @param {DOMObject} element - Target element on the DOM. + * @param {String} eventName - Event name. + * @param {Object} data - + */ + static eventTrigger(element, eventName, data){ + try{ + var event = new CustomEvent(eventName, {detail: data}); + } catch(e){ + var event = document.createEvent('CustomEvent'); + event.initCustomEvent(eventName, true, true, data); + } + element.dispatchEvent(event); + } + + /** + * Extend options object with defaults. + * @function + * @static + */ + static extend(defaults, options){ + var results = {}; + for( let key in defaults ){ + if( 'undefined' !== typeof options[key] ) results[key] = options[key]; + else results[key] = defaults[key]; + } + return results; + } + + /** + * Get current coordinates left and top of specific element. + * @static + */ + static offsetRelative(element){ + var result = {left: 0, top: 0}; + + do{ + let offsetTop = element.offsetTop; + let offsetLeft = element.offsetLeft; + + if( ! isNaN(offsetTop) ) + result.top += offsetTop; + + if( ! isNaN(offsetLeft) ) + result.left += offsetLeft; + + element = ( 'BODY' === element.tagName ) ? + element.parentElement : element.offsetParent; + } while(element) + return result; + } + + /** + * Add specific class name to specific element. + * @static + * @param {ObjectDOM} element + * @param {String} className + */ + static addClass(element, className){ + if( ! StickySidebar.hasClass(element, className) ){ + if (element.classList) + element.classList.add(className); + else + element.className += ' ' + className; + } + } + + /** + * Remove specific class name to specific element + * @static + * @param {ObjectDOM} element + * @param {String} className + */ + static removeClass(element, className){ + if( StickySidebar.hasClass(element, className) ){ + if (element.classList) + element.classList.remove(className); + else + element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); + } + } + + /** + * Determine weather the element has specific class name. + * @static + * @param {ObjectDOM} element + * @param {String} className + */ + static hasClass(element, className){ + if (element.classList) + return element.classList.contains(className); + else + return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className); + } + } + + return StickySidebar; + })(); + + + // Global + // ------------------------- + window.StickySidebar = StickySidebar; + +(() => { + if( 'undefined' === typeof window ) return; + + const plugin = window.$ || window.jQuery || window.Zepto; + const DATA_NAMESPACE = 'stickySidebar'; + + // Make sure the site has jquery or zepto plugin. + if( plugin ){ + /** + * Sticky Sidebar Plugin Defintion. + * @param {Object|String} - config + */ + function _jQueryPlugin(config){ + return this.each(function(){ + var $this = plugin(this), + data = plugin(this).data(DATA_NAMESPACE); + + if( ! data ){ + data = new StickySidebar(this, typeof config == 'object' && config); + $this.data(DATA_NAMESPACE, data); + } + + if( 'string' === typeof config){ + if (data[config] === undefined && ['destroy', 'updateSticky'].indexOf(config) === -1) + throw new Error('No method named "'+ config +'"'); + + data[config](); + } + }); + } + + plugin.fn.stickySidebar = _jQueryPlugin; + plugin.fn.stickySidebar.Constructor = StickySidebar; + + const old = plugin.fn.stickySidebar; + + /** + * Sticky Sidebar No Conflict. + */ + plugin.fn.stickySidebar.noConflict = function(){ + plugin.fn.stickySidebar = old; + return this; + }; + } +})(); diff --git a/interactive-mining-madoap/madoap/src/templates/configure_profile2.html b/interactive-mining-madoap/madoap/src/templates/configure_profile2.html new file mode 100644 index 0000000..58c0fe2 --- /dev/null +++ b/interactive-mining-madoap/madoap/src/templates/configure_profile2.html @@ -0,0 +1,308 @@ +{% extends "base_v2.html" %} +{% block configure_profile %} class="current" {% end %} +{% block content %} +Configure profile + + + + +
+
+
+
+

Preconfigured rules

+
+
+
+ + + + +
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • +
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    • +
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur, sed do eiusmod.
    • +
+
+
+
+
+ + +
+
+
+ Satisfied with the results? + +
+
+
+
+
+
+
+
+
+

Matching results

+
+
+
+ 0 documents uploaded + +
+ +
+
+ +
+
+
+ + +
+
+
+
+
+

Load test documents

+
+
+ + + +
+
or
+
+
+
+
+ + Upload your documents + +
+
+ JSONPDFTXT + file types, maximum 10MB +
+
+
+ + +
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+

Working on it, please wait...

+
+
+ + +{% end %} \ No newline at end of file
+
+
+ +
+