commit 845d5dd3ed1a5e243ca218dd8726761fe98d8de6 Author: Brandon Cornejo Date: Wed May 14 00:03:13 2014 -0500 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..188bf53 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +*.pyc +*.db +*.log +venv/ + diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 diff --git a/app.py b/app.py new file mode 100755 index 0000000..76a3529 --- /dev/null +++ b/app.py @@ -0,0 +1,4 @@ +#!venv/bin/python +from app import app + +app.run(host='0.0.0.0', debug=True) diff --git a/app/__init__.py b/app/__init__.py new file mode 100644 index 0000000..cff332c --- /dev/null +++ b/app/__init__.py @@ -0,0 +1,66 @@ +from flask import Flask +from flask.ext.sqlalchemy import SQLAlchemy +from flask_mail import Mail +from flask.ext.security import SQLAlchemyUserDatastore, Security, user_registered +from flask.ext.admin import Admin +from flask.ext.admin.contrib.sqla import ModelView +from config import ADMINS, MAILCONF, SECURITY_EMAIL_SENDER + +app = Flask(__name__) +app.config.from_object('config') + +# Setup SQL database and ORM +db = SQLAlchemy(app) + +# Initialize Flask-Security +from models import User, Role, Ticket, Invoice +user_datastore = SQLAlchemyUserDatastore(db, User, Role) +security = Security(app, user_datastore) +mail = Mail(app) + +# Initialize Flask-Admin +from app import admin +admin = Admin(app, name='PacketCrypt', index_view=admin.AdminIndex()) +admin.add_view(ModelView(User, db.session)) +admin.add_view(ModelView(Ticket, db.session)) +admin.add_view(ModelView(Invoice, db.session)) + +@app.before_first_request +def initialize(): + try: + db.create_all() + user = user_datastore.find_user(email='br4n@atr0phy.net') + if not user: + user = user_datastore.create_user(email='br4n@atr0phy.net', password='packetcrypt') + user_datastore.add_role_to_user(user, 'Admin') + app.logger.info("First run, create default admin user") + for role in ('Admin', 'User'): + user_datastore.create_role(name=role) + db.session.commit() + except Exception, e: + app.logger.error(str(e)) + +@user_registered.connect_via(app) +def on_user_registered(sender, **extra): + default_role = user_datastore.find_role("User") + user_datastore.add_role_to_user(user, default_role) + db.session.commit() + +# Import views +from app import views + +if not app.debug: + import logging + from logging.handlers import SMTPHandler, RotatingFileHandler + credentials = None + if MAILCONF['MAIL_USERNAME'] or MAILCONF['MAIL_PASSWORD']: + credentials = (MAILCONF['MAIL_USERNAME'], MAILCONF['MAIL_PASSWORD']) + mail_handler = SMTPHandler((MAILCONF['MAIL_SERVER'], MAILCONF['MAIL_PORT']), SECURITY_EMAIL_SENDER, ADMINS, 'PacketCrypt failure', credentials) + mail_handler.setLevel(logging.ERROR) + app.logger.addHandler(mail_handler) + file_handler = RotatingFileHandler('app.log', 'a', 1 * 1024 * 1024, 10) + file_handler.setFormatter(logging.Formatter('%(asctime)s %(levelname)s: %(message)s [in %(pathname)s:%(lineno)d]')) + app.logger.setLevel(logging.INFO) + file_handler.setLevel(logging.INFO) + app.logger.addHandler(file_handler) + app.logger.info('PacketCrypt startup') diff --git a/app/admin.py b/app/admin.py new file mode 100644 index 0000000..00d6b1c --- /dev/null +++ b/app/admin.py @@ -0,0 +1,8 @@ +from flask.ext.security import current_user +from flask.ext.admin import AdminIndexView, BaseView, expose + +class AdminIndex(AdminIndexView): + def is_accessible(self): + return current_user.has_role('Admin') + + diff --git a/app/forms.py b/app/forms.py new file mode 100644 index 0000000..521c2bf --- /dev/null +++ b/app/forms.py @@ -0,0 +1,8 @@ +from flask.ext.wtf import Form +from wtforms import TextField, SubmitField, TextAreaField +from wtforms.validators import Required + +class TicketForm(Form): + subject = TextField('Subject', validators = [Required()]) + body = TextAreaField('Message', validators = [Required()]) + diff --git a/app/models.py b/app/models.py new file mode 100644 index 0000000..7325dd3 --- /dev/null +++ b/app/models.py @@ -0,0 +1,55 @@ +from app import db +from flask.ext.sqlalchemy import SQLAlchemy +from flask.ext.security import UserMixin, RoleMixin + +roles_users = db.Table('roles_users', + db.Column('user_id', db.Integer(), db.ForeignKey('user.id')), + db.Column('role_id', db.Integer(), db.ForeignKey('role.id'))) + +class Role(db.Model, RoleMixin): + id = db.Column(db.Integer(), primary_key=True) + name = db.Column(db.String(80), unique=True) + description = db.Column(db.String(255)) + +class User(db.Model, UserMixin): + id = db.Column(db.Integer, primary_key=True) + email = db.Column(db.String(255), unique=True) + password = db.Column(db.String(255)) + active = db.Column(db.Boolean()) + confirmed_at = db.Column(db.DateTime()) + roles = db.relationship('Role', secondary=roles_users, backref=db.backref('users', lazy='dynamic')) + tickets = db.relationship('Ticket', backref='creator', lazy='dynamic') + invoices = db.relationship('Invoice', backref='customer', lazy='dynamic') + + def __repr__(self): + return '' % (self.email) + +class Ticket(db.Model): + id = db.Column(db.Integer, primary_key=True) + subject = db.Column(db.String(140), unique=True) + body = db.Column(db.String(2000)) + created = db.Column(db.DateTime) + timestamp = db.Column(db.DateTime) + user_id = db.Column(db.Integer, db.ForeignKey('user.id')) + + def __repr__(self): + return '' % (self.subject) + +class Invoice(db.Model): + id = db.Column(db.Integer, primary_key=True) + is_confirmed = db.Column(db.Boolean()) + paid = db.Column(db.Boolean()) + datepaid = db.Column(db.DateTime) + datecreated = db.Column(db.DateTime) + dateends = db.Column(db.DateTime) + total_btc = db.Column(db.Float) + exchange_rate_when_paid = db.Column(db.Float) + address = db.Column(db.String(34)) + confirmations = db.Column(db.Integer) + transaction_hash = db.Column(db.String) + input_transaction_hash = db.Column(db.String) + value_paid = db.Column(db.Float) + user_id = db.Column(db.Integer, db.ForeignKey('user.id')) + + def __repr__(self): + return '' % (self.id) diff --git a/app/static/css/app.css b/app/static/css/app.css new file mode 100644 index 0000000..27573dd --- /dev/null +++ b/app/static/css/app.css @@ -0,0 +1,96 @@ +body { +} + +#top-bar { + position: absolute; + width:100%; + top:0; + left:0; + background-color: rgba(255,255,255,0.85); +} + +#top-bar div:last-child { + margin: 1.0%; +} + +#big-top-bar { + background: url('/static/img/binary.jpg') no-repeat; + min-height: 400px; + position:relative; +} + +.pc-market-block { + max-width: 60%; + margin-top: 2em; +} + +#tech-images > img { + border-radius: 1.0; + padding: 40px 30px; + display: inline-block; + width: 100px; +} + +#pc-dashboard-wrapper { + max-width:60%; +} + +#footer { + padding-top:4em; +} + +#footer-social > img { + border-radius: 100px;; + padding: 0 8px; + display: inline-block; + width: 60px; +} +#three-fold-container { + max-width: 80%; +} +#two-fold-container { + padding-top:6em; + max-width:80%; +} + +#container { +} + +#form-container { + margin-top:20px; +} + +#form-container .uk-form-row > textarea { + width: 100%; + height: 200px; +} + +#bitcoin-logo { + bottom: 10px; + position: absolute; + right: 10px; + width: 200px; +} + +#btc_qr { + margin: 0 auto; + display:block +} + +.pc-form-row { + margin-bottom: 2em; +} + +#form-info { + width:55%; +} +#form-info > .uk-button { + margin-top:2em; +} +#form-container > form { + width:40%; + display:inline-block; +} +.pc-form-row > input { + width:100%; +} diff --git a/app/static/img/android.png b/app/static/img/android.png new file mode 100644 index 0000000..b26b194 Binary files /dev/null and b/app/static/img/android.png differ diff --git a/app/static/img/binary.jpg b/app/static/img/binary.jpg new file mode 100644 index 0000000..45caab0 Binary files /dev/null and b/app/static/img/binary.jpg differ diff --git a/app/static/img/bitcoins.png b/app/static/img/bitcoins.png new file mode 100644 index 0000000..d6cc50b Binary files /dev/null and b/app/static/img/bitcoins.png differ diff --git a/app/static/img/facebook.png b/app/static/img/facebook.png new file mode 100644 index 0000000..f9e0c4f Binary files /dev/null and b/app/static/img/facebook.png differ diff --git a/app/static/img/gnupg.png b/app/static/img/gnupg.png new file mode 100644 index 0000000..937cbbf Binary files /dev/null and b/app/static/img/gnupg.png differ diff --git a/app/static/img/ios.png b/app/static/img/ios.png new file mode 100644 index 0000000..1f9b18a Binary files /dev/null and b/app/static/img/ios.png differ diff --git a/app/static/img/openvpn.png b/app/static/img/openvpn.png new file mode 100644 index 0000000..67320f8 Binary files /dev/null and b/app/static/img/openvpn.png differ diff --git a/app/static/img/osx.png b/app/static/img/osx.png new file mode 100644 index 0000000..a116177 Binary files /dev/null and b/app/static/img/osx.png differ diff --git a/app/static/img/reddit.png b/app/static/img/reddit.png new file mode 100644 index 0000000..061b22d Binary files /dev/null and b/app/static/img/reddit.png differ diff --git a/app/static/img/twitter.png b/app/static/img/twitter.png new file mode 100644 index 0000000..188597e Binary files /dev/null and b/app/static/img/twitter.png differ diff --git a/app/static/img/windows.png b/app/static/img/windows.png new file mode 100644 index 0000000..f797de4 Binary files /dev/null and b/app/static/img/windows.png differ diff --git a/app/static/lib/uikit/css/uikit.almost-flat.css b/app/static/lib/uikit/css/uikit.almost-flat.css new file mode 100644 index 0000000..b125517 --- /dev/null +++ b/app/static/lib/uikit/css/uikit.almost-flat.css @@ -0,0 +1,7643 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +/* Default + ========================================================================== */ +/* LESS related */ +/* + * Component: Variables + * Description: Defines all color and style related values as variables + * to allow easy customization for the most common cases. + ========================================================================== */ +/* Global variables + ========================================================================== */ +/* + * Text + */ +/* + * Backgrounds & Borders + */ +/* + * Spacings + */ +/* + * Controls + */ +/* + * Z-index + */ +/* Breakpoint variables + ========================================================================== */ +/* +* Breakpoints +*/ +/* Components variables + ========================================================================== */ +/* + * Base + */ +/* + * Grid + */ +/* + * Panel + */ +/* + * Article + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Subnav + */ +/* + * Breadcrumb + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Description list + */ +/* + * Table + */ +/* + * Form + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Close + */ +/* + * Badge + */ +/* + * Alert + */ +/* + * Thumbnail + */ +/* + * Overlay + */ +/* + * Progress + */ +/* + * Search + */ +/* + * Dropdown + */ +/* + * Modal + */ +/* + * Off-canvas + */ +/* + * Tooltip + */ +/* + * Text + */ +/* + * Utility + */ +/* Defaults */ +/* + * Component: Normalize + * Description: Reduces inconsistencies across all browsers + * + * Adapted from http://github.com/necolas/normalize.css (Version 2.1.2) + * + * Modifications: Moved `mark` and `h1` defaults to Base component + * Changed `fieldset` defaults to 0 + * Added cursor for `radio` and `checkbox` + * Set form controls box sizing to `border-box` + * Modified `disabled` selector + * Better font baseline for `code`, `kbd`, `pre` and `samp` + * Removed placeholder transparency in Firefox + * + ========================================================================== */ +/* HTML5 display definitions + ========================================================================== */ +/* + * Corrects `block` display not defined in IE 8/9. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +/* + * Corrects `inline-block` display not defined in IE 8/9. + */ +audio, +canvas, +video { + display: inline-block; +} +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/* + * Addresses styling for `hidden` attribute not present in IE 8/9. + */ +[hidden] { + display: none; +} +/* Base + ========================================================================== */ +/* + * 1. Sets default font family to sans-serif. + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + /* 2 */ + +} +/* + * Removes default margin. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ +a:focus { + outline: thin dotted; +} +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; +} +/* Typography + ========================================================================== */ +/* + * Addresses styling not present in IE 8/9, Safari 5, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} +/* + * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ +b, +strong { + font-weight: bold; +} +/* + * Addresses styling not present in Safari 5 and Chrome. + */ +dfn { + font-style: italic; +} +/* + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +/* + * Corrects font family set oddly in Safari 5 and Chrome. + * 1. Consolas has a better baseline in running text compared to `Courier` + */ +code, +kbd, +pre, +samp { + font-family: Consolas, monospace, serif; + /* 1 */ + + font-size: 1em; +} +/* + * Improves readability of pre-formatted text in all browsers. + */ +pre { + white-space: pre-wrap; +} +/* + * Sets consistent quote types. + */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} +/* + * Addresses inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Removes border when inside `a` element in IE 8/9. + */ +img { + border: 0; +} +/* + * Corrects overflow displayed oddly in IE 9. + */ +svg:not(:root) { + overflow: hidden; +} +/* Figures + ========================================================================== */ +/* + * Addresses margin not present in IE 8/9 and Safari 5. + */ +figure { + margin: 0; +} +/* Forms + ========================================================================== */ +/* + * Define consistent border, margin, and padding. + */ +fieldset { + border: 0; + margin: 0; + padding: 0; +} +/* + * 1. Corrects color not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + + padding: 0; + /* 2 */ + +} +/* + * 1. Corrects font family not being inherited in all browsers. + * 2. Corrects font size not being inherited in all browsers. + * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome + * 4. Define consistent box sizing + * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` + * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. + * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. + */ +button, +input, +select, +textarea { + font-family: inherit; + /* 1 */ + + font-size: 100%; + /* 2 */ + + margin: 0; + /* 3 */ + + -moz-box-sizing: border-box; + /* 4 */ + + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. + */ +button, +input { + line-height: normal; +} +/* + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +button, +select { + text-transform: none; +} +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + + cursor: pointer; + /* 3 */ + +} +/* + * Improves consistency of cursor style for clickable elements + */ +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} +/* + * Re-set default cursor for disabled elements. + */ +button:disabled, +input:disabled { + cursor: default; +} +/* + * 2. Removes excess padding in IE 8/9. + */ +input[type="checkbox"], +input[type="radio"] { + padding: 0; +} +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; +} +/* + * Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * 1. Removes default vertical scrollbar in IE 8/9. + * 2. Improves readability and alignment in all browsers. + */ +textarea { + overflow: auto; + /* 1 */ + + vertical-align: top; + /* 2 */ + +} +/* + * Removes placeholder transparency in Firefox. + */ +::-moz-placeholder { + opacity: 1; +} +/* Tables + ========================================================================== */ +/* + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} +/* + * Component: Base + * Description: Sets default values for HTML elements + * + * Component: `uk-h1`, `uk-h2`, `uk-h3`, `uk-h4`, `uk-h5`, `uk-h6` + * `uk-img-preserve` + * + ========================================================================== */ +/* Body + ========================================================================== */ +/* + * `font-size` is set in `html` element to support the `rem` unit for font-sizes + */ +html { + font-size: 14px; +} +body { + background: #ffffff; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + line-height: 20px; + color: #444444; +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Break strings if their length exceeds the width of their container + */ + body { + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + } +} +/* Text-level semantics + ========================================================================== */ +/* + * Links + */ +a { + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a { + color: #0077dd; +} +a:hover { + color: #005599; +} +/* + * Emphasize + */ +em { + color: #dd0055; +} +/* + * Insert + */ +ins { + background: #ffffaa; + color: #444444; + text-decoration: none; +} +/* + * Mark + * Note: Addresses styling not present in IE 8/9. + */ +mark { + background: #ffffaa; + color: #444444; +} +/* + * Selection highlight + */ +::-moz-selection { + background: #3399ff; + color: #ffffff; + text-shadow: none; +} +::selection { + background: #3399ff; + color: #ffffff; + text-shadow: none; +} +/* + * Abbreviation and definition + */ +abbr[title], +dfn[title] { + cursor: help; +} +dfn[title] { + border-bottom: 1px dotted; + font-style: normal; +} +/* Embedded content + ========================================================================== */ +/* + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height + * 3. Remove the gap between images and the bottom of their containers + */ +img { + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + + max-width: 100%; + height: auto; + /* 2 */ + + vertical-align: middle; + /* 3 */ + +} +/* + * Preserve original image dimensions + * 1. Fix Google maps automatically via URL detection + */ +.uk-img-preserve, +.uk-img-preserve img, +img[src*="maps.gstatic.com"], +img[src*="googleapis.com"] { + max-width: none; +} +/* Spacing for block elements + ========================================================================== */ +p, +hr, +ul, +ol, +dl, +blockquote, +pre, +address, +fieldset, +figure { + margin: 0 0 15px 0; +} +/* + * Don't worry about the universal selector. + * There is no mentionable performance impact. + */ +* + p, +* + hr, +* + ul, +* + ol, +* + dl, +* + blockquote, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 15px; +} +/* Headings + ========================================================================== */ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 15px 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + color: #444444; + text-transform: none; +} +/* + * Don't worry about the universal selector. + * There is no mentionable performance impact. + */ +* + h1, +* + h2, +* + h3, +* + h4, +* + h5, +* + h6 { + margin-top: 25px; +} +/* + * TODO: Use `:extend` to move heading classes to the utility component + */ +h1, +.uk-h1 { + font-size: 36px; + line-height: 42px; +} +h2, +.uk-h2 { + font-size: 24px; + line-height: 30px; +} +h3, +.uk-h3 { + font-size: 18px; + line-height: 24px; +} +h4, +.uk-h4 { + font-size: 16px; + line-height: 22px; +} +h5, +.uk-h5 { + font-size: 14px; + line-height: 20px; +} +h6, +.uk-h6 { + font-size: 12px; + line-height: 18px; +} +/* Lists + ========================================================================== */ +/* + * Ordered and unordered lists + */ +ul, +ol { + padding-left: 30px; +} +/* Reset margin for nested lists */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* + * Description lists + */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rule + ========================================================================== */ +hr { + display: block; + padding: 0; + border: 0; + border-top: 1px solid #dddddd; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Quotes + ========================================================================== */ +q, +blockquote { + font-style: italic; +} +blockquote { + padding-left: 15px; + border-left: 5px solid #dddddd; + font-size: 16px; + line-height: 22px; +} +/* Small print for identifying the source */ +blockquote small { + display: block; + color: #999999; + font-style: normal; +} +/* Smaller margin if `small` follows */ +blockquote p:last-of-type { + margin-bottom: 5px; +} +/* Code and preformatted text + ========================================================================== */ +code { + color: #dd0055; + font-size: 12px; + white-space: nowrap; + padding: 0 4px; + border: 1px solid #dddddd; + border-radius: 3px; + background: #fafafa; +} +/* Reset code elements if parent of pre elements */ +pre code { + color: inherit; + white-space: pre-wrap; + padding: 0; + border: 0; + background: transparent; +} +pre { + padding: 10px; + background: #fafafa; + color: #444444; + font-size: 12px; + line-height: 18px; + -moz-tab-size: 4; + tab-size: 4; + border: 1px solid #dddddd; + border-radius: 3px; +} +/* Forms + ========================================================================== */ +/* + * Vertical alignment + * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text + */ +button, +input:not([type="radio"]):not([type="checkbox"]), +select { + vertical-align: middle; +} +/* Iframe + ========================================================================== */ +iframe { + border: 0; +} +/* Fix viewport for IE10 snap mode + * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + ========================================================================== */ +@-ms-viewport { + width: device-width; +} +/* Hooks + ========================================================================== */ +/* Layout */ +/* + * Name: Grid + * Description: Provides a responsive, fluid and nestable grid + * + * Component: `uk-grid` + * `uk-width-*` + * `uk-push-*` + * `uk-pull-*` + * + * Modifiers: `uk-grid-divider` + * `uk-grid-margin` + * `uk-grid-preserve` + * + * Uses: Panel: `uk-panel` + * + * Used by: Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Micro clearfix + */ +.uk-grid:before, +.uk-grid:after { + content: " "; + display: table; +} +.uk-grid:after { + clear: both; +} +/* + * 1. Needed for the gutter + * 2. Makes grid more robust so that it can be used with other block elements like lists + */ +.uk-grid { + /* 1 */ + + margin: 0 0 0 -25px; + /* 2 */ + + padding: 0; + list-style: none; +} +/* + * Vertical gutter + */ +.uk-grid + .uk-grid { + margin-top: 25px; +} +/* Grid column + ========================================================================== */ +/* + * 1. Makes grid more robust so that it can be used with other block elements + * 2. Create horizontal gutter + * 3. `float` is set by default so columns always behave the same and create a new block format context + */ +.uk-grid > [class*='uk-width-'] { + /* 1 */ + + margin: 0; + /* 2 */ + + padding-left: 25px; + /* 3 */ + + float: left; +} +/* + * Remove margin from the last-child + */ +.uk-grid > [class*='uk-width-'] > :last-child { + margin-bottom: 0; +} +/* Sub-modifier: `uk-grid-margin` + ========================================================================== */ +/* + * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row + * Higher specificity to override margin + */ +.uk-grid > .uk-grid-margin { + margin-top: 25px; +} +/* Modifier: `uk-grid-divider` + ========================================================================== */ +/* + * Horizontal divider + * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row + */ +.uk-grid-divider:not(:empty) { + margin-left: -25px; + margin-right: -25px; +} +.uk-grid-divider:not(:empty) > [class*='uk-width-'] { + padding-left: 25px; + padding-right: 25px; +} +.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) { + border-left: 1px solid #dddddd; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { + border-left: 1px solid #dddddd; + } +} +/* Only desktop */ +@media (min-width: 960px) { + .uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { + border-left: 1px solid #dddddd; + } +} +/* + * Vertical divider + */ +.uk-grid-divider:empty { + margin-top: 25px; + margin-bottom: 25px; + border-top: 1px solid #dddddd; +} +/* Panel in grid + ========================================================================== */ +/* + * Vertical gutter for panels + */ +.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 25px; +} +/* Large gutter + ========================================================================== */ +/* Only large screens */ +@media (min-width: 1220px) { + /* + * Grid + */ + /* Horizontal gutter */ + .uk-grid:not(.uk-grid-preserve) { + margin-left: -35px; + } + .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] { + padding-left: 35px; + } + /* Vertical gutter */ + .uk-grid:not(.uk-grid-preserve) + .uk-grid { + margin-top: 35px; + } + .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { + margin-top: 35px; + } + /* Vertical gutter for panels */ + .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 35px; + } + /* + * Modifier: `uk-grid-divider` + */ + .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { + margin-left: -35px; + margin-right: -35px; + } + .uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] { + padding-left: 35px; + padding-right: 35px; + } + .uk-grid-divider:not(.uk-grid-preserve):empty { + margin-top: 35px; + margin-bottom: 35px; + } +} +/* Sub-object: `uk-width-*` + ========================================================================== */ +[class*='uk-width-'] { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; +} +/* + * Widths + */ +/* Whole */ +.uk-width-1-1 { + width: 100%; +} +/* Halves */ +.uk-width-1-2, +.uk-width-2-4, +.uk-width-3-6, +.uk-width-5-10 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3, +.uk-width-2-6 { + width: 33.333%; +} +.uk-width-2-3, +.uk-width-4-6 { + width: 66.666%; +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5, +.uk-width-2-10 { + width: 20%; +} +.uk-width-2-5, +.uk-width-4-10 { + width: 40%; +} +.uk-width-3-5, +.uk-width-6-10 { + width: 60%; +} +.uk-width-4-5, +.uk-width-8-10 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: 16.666%; +} +.uk-width-5-6 { + width: 83.333%; +} +/* Tenths */ +.uk-width-1-10 { + width: 10%; +} +.uk-width-3-10 { + width: 30%; +} +.uk-width-7-10 { + width: 70%; +} +.uk-width-9-10 { + width: 90%; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + /* Whole */ + .uk-width-medium-1-1 { + width: 100%; + } + /* Halves */ + .uk-width-medium-1-2, + .uk-width-medium-2-4, + .uk-width-medium-3-6, + .uk-width-medium-5-10 { + width: 50%; + } + /* Thirds */ + .uk-width-medium-1-3, + .uk-width-medium-2-6 { + width: 33.333%; + } + .uk-width-medium-2-3, + .uk-width-medium-4-6 { + width: 66.666%; + } + /* Quarters */ + .uk-width-medium-1-4 { + width: 25%; + } + .uk-width-medium-3-4 { + width: 75%; + } + /* Fifths */ + .uk-width-medium-1-5, + .uk-width-medium-2-10 { + width: 20%; + } + .uk-width-medium-2-5, + .uk-width-medium-4-10 { + width: 40%; + } + .uk-width-medium-3-5, + .uk-width-medium-6-10 { + width: 60%; + } + .uk-width-medium-4-5, + .uk-width-medium-8-10 { + width: 80%; + } + /* Sixths */ + .uk-width-medium-1-6 { + width: 16.666%; + } + .uk-width-medium-5-6 { + width: 83.333%; + } + /* Tenths */ + .uk-width-medium-1-10 { + width: 10%; + } + .uk-width-medium-3-10 { + width: 30%; + } + .uk-width-medium-7-10 { + width: 70%; + } + .uk-width-medium-9-10 { + width: 90%; + } +} +/* Only desktop */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-large-1-1 { + width: 100%; + } + /* Halves */ + .uk-width-large-1-2, + .uk-width-large-2-4, + .uk-width-large-3-6, + .uk-width-large-5-10 { + width: 50%; + } + /* Thirds */ + .uk-width-large-1-3, + .uk-width-large-2-6 { + width: 33.333%; + } + .uk-width-large-2-3, + .uk-width-large-4-6 { + width: 66.666%; + } + /* Quarters */ + .uk-width-large-1-4 { + width: 25%; + } + .uk-width-large-3-4 { + width: 75%; + } + /* Fifths */ + .uk-width-large-1-5, + .uk-width-large-2-10 { + width: 20%; + } + .uk-width-large-2-5, + .uk-width-large-4-10 { + width: 40%; + } + .uk-width-large-3-5, + .uk-width-large-6-10 { + width: 60%; + } + .uk-width-large-4-5, + .uk-width-large-8-10 { + width: 80%; + } + /* Sixths */ + .uk-width-large-1-6 { + width: 16.666%; + } + .uk-width-large-5-6 { + width: 83.333%; + } + /* Tenths */ + .uk-width-large-1-10 { + width: 10%; + } + .uk-width-large-3-10 { + width: 30%; + } + .uk-width-large-7-10 { + width: 70%; + } + .uk-width-large-9-10 { + width: 90%; + } +} +/* Sub-object: `uk-push-*` and `uk-pull-*` + ========================================================================== */ +/* + * Source ordering + * Works only with `uk-width-medium-*` + */ +/* Only tablets and desktop */ +@media (min-width: 768px) { + [class*='uk-push-'], + [class*='uk-pull-'] { + position: relative; + } + /* + * Push + */ + /* Halves */ + .uk-push-1-2, + .uk-push-2-4, + .uk-push-3-6, + .uk-push-5-10 { + left: 50%; + } + /* Thirds */ + .uk-push-1-3, + .uk-push-2-6 { + left: 33.333%; + } + .uk-push-2-3, + .uk-push-4-6 { + left: 66.666%; + } + /* Quarters */ + .uk-push-1-4 { + left: 25%; + } + .uk-push-3-4 { + left: 75%; + } + /* Fifths */ + .uk-push-1-5, + .uk-push-2-10 { + left: 20%; + } + .uk-push-2-5, + .uk-push-4-10 { + left: 40%; + } + .uk-push-3-5, + .uk-push-6-10 { + left: 60%; + } + .uk-push-4-5, + .uk-push-8-10 { + left: 80%; + } + /* Sixths */ + .uk-push-1-6 { + left: 16.666%; + } + .uk-push-5-6 { + left: 83.333%; + } + /* Tenths */ + .uk-push-1-10 { + left: 10%; + } + .uk-push-3-10 { + left: 30%; + } + .uk-push-7-10 { + left: 70%; + } + .uk-push-9-10 { + left: 90%; + } + /* + * Pull + */ + /* Halves */ + .uk-pull-1-2, + .uk-pull-2-4, + .uk-pull-3-6, + .uk-pull-5-10 { + left: -50%; + } + /* Thirds */ + .uk-pull-1-3, + .uk-pull-2-6 { + left: -33.333%; + } + .uk-pull-2-3, + .uk-pull-4-6 { + left: -66.666%; + } + /* Quarters */ + .uk-pull-1-4 { + left: -25%; + } + .uk-pull-3-4 { + left: -75%; + } + /* Fifths */ + .uk-pull-1-5, + .uk-pull-2-10 { + left: -20%; + } + .uk-pull-2-5, + .uk-pull-4-10 { + left: -40%; + } + .uk-pull-3-5, + .uk-pull-6-10 { + left: -60%; + } + .uk-pull-4-5, + .uk-pull-8-10 { + left: -80%; + } + /* Sixths */ + .uk-pull-1-6 { + left: -16.666%; + } + .uk-pull-5-6 { + left: -83.333%; + } + /* Tenths */ + .uk-pull-1-10 { + left: -10%; + } + .uk-pull-3-10 { + left: -30%; + } + .uk-pull-7-10 { + left: -70%; + } + .uk-pull-9-10 { + left: -90%; + } +} +/* + * Name: Panel + * Description: Defines styles for reusable content areas + * + * Component: `uk-panel` + * + * Sub-objects: `uk-panel-title` + * `uk-panel-badge` + * + * Modifiers: `uk-panel-box` + * `uk-panel-box-primary` + * `uk-panel-box-secondary` + * `uk-panel-header` + * `uk-panel-space` + * `uk-panel-divider` + * + * Uses: Nav: `uk-nav-side` + * + * Used by: Dropdown + * Off-canvas + * Grid + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Create position context for badges + */ +.uk-panel { + position: relative; +} +/* + * Micro clearfix to make panels more robust + */ +.uk-panel:before, +.uk-panel:after { + content: " "; + display: table; +} +.uk-panel:after { + clear: both; +} +/* + * Remove margin from the last-child if not `uk-windget-title` + */ +.uk-panel > :not(.uk-panel-title):last-child { + margin-bottom: 0; +} +/* Sub-object: `uk-panel-title` + ========================================================================== */ +.uk-panel-title { + margin-bottom: 15px; + font-size: 18px; + line-height: 24px; + font-weight: normal; + text-transform: none; + color: #444444; +} +/* Sub-object: `uk-panel-badge` + ========================================================================== */ +.uk-panel-badge { + position: absolute; + top: 0; + right: 0; + z-index: 1; +} +/* + * Remove margin from adjacent element + */ +.uk-panel-badge + * { + margin-top: 0; +} +/* Modifier: `uk-panel-box` + ========================================================================== */ +.uk-panel-box { + padding: 15px; + background: #fafafa; + color: #444444; + border: 1px solid #dddddd; + border-radius: 4px; +} +.uk-panel-box .uk-panel-title { + color: #444444; +} +.uk-panel-box .uk-panel-badge { + top: 10px; + right: 10px; +} +/* + * Nav in panel + */ +.uk-panel-box .uk-nav-side { + margin: 0 -15px; +} +/* + * Sub-modifier: `uk-panel-box-primary` + */ +.uk-panel-box-primary { + background-color: #ebf7fd; + color: #2d7091; + border-color: rgba(45, 112, 145, 0.3); +} +.uk-panel-box-primary .uk-panel-title { + color: #2d7091; +} +/* + * Sub-modifier: `uk-panel-box-secondary` + */ +.uk-panel-box-secondary { + background-color: #ffffff; + color: #444444; +} +.uk-panel-box-secondary .uk-panel-title { + color: #444444; +} +/* Modifier: `uk-panel-header` + ========================================================================== */ +.uk-panel-header .uk-panel-title { + padding-bottom: 10px; + border-bottom: 1px solid #dddddd; + color: #444444; +} +/* Modifier: `uk-panel-space` + ========================================================================== */ +.uk-panel-space { + padding: 30px; +} +.uk-panel-space .uk-panel-badge { + top: 30px; + right: 30px; +} +/* Modifier: `uk-panel-divider` + ========================================================================== */ +.uk-panel + .uk-panel-divider { + margin-top: 50px !important; +} +.uk-panel + .uk-panel-divider:before { + content: ""; + display: block; + position: absolute; + top: -25px; + left: 0; + right: 0; + border-top: 1px solid #dddddd; +} +/* Only large screens */ +@media (min-width: 1220px) { + .uk-panel + .uk-panel-divider { + margin-top: 70px !important; + } + .uk-panel + .uk-panel-divider:before { + top: -35px; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Article + * Description: Defines styles for articles within your page + * + * Component: `uk-article` + * + * Sub-objects: `uk-article-title` + * `uk-article-meta` + * `uk-article-lead` + * `uk-article-divider` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Micro clearfix to make articles more robust + */ +.uk-article:before, +.uk-article:after { + content: " "; + display: table; +} +.uk-article:after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* + * Vertical gutter for articles + */ +.uk-article + .uk-article { + margin-top: 15px; +} +/* Sub-object `uk-article-title` + ========================================================================== */ +.uk-article-title { + font-size: 36px; + line-height: 42px; + font-weight: normal; + text-transform: none; +} +.uk-article-title a { + color: inherit; + text-decoration: none; +} +/* Sub-object `uk-article-meta` + ========================================================================== */ +.uk-article-meta { + font-size: 12px; + line-height: 18px; + color: #999999; +} +/* Sub-object `uk-article-lead` + ========================================================================== */ +.uk-article-lead { + color: #444444; + font-size: 18px; + line-height: 24px; + font-weight: normal; +} +/* Sub-object `uk-article-divider` + ========================================================================== */ +.uk-article-divider { + margin-bottom: 25px; + border-color: #dddddd; +} +* + .uk-article-divider { + margin-top: 25px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Comment + * Description: Defines styles for comment threads + * + * Component: `uk-comment` + * + * Sub-objects: `uk-comment-header` + * `uk-comment-avatar` + * `uk-comment-title` + * `uk-comment-meta` + * `uk-comment-body` + * `uk-comment-list` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-comment-header` + ========================================================================== */ +.uk-comment-header { + margin-bottom: 15px; + padding: 10px; + border: 1px solid #dddddd; + border-radius: 4px; + background: #fafafa; +} +/* + * Micro clearfix + */ +.uk-comment-header:before, +.uk-comment-header:after { + content: " "; + display: table; +} +.uk-comment-header:after { + clear: both; +} +/* Sub-object `uk-comment-avatar` + ========================================================================== */ +.uk-comment-avatar { + margin-right: 15px; + float: left; +} +/* Sub-object `uk-comment-title` + ========================================================================== */ +.uk-comment-title { + margin: 5px 0 0 0; + font-size: 16px; + line-height: 22px; +} +/* Sub-object `uk-comment-meta` + ========================================================================== */ +.uk-comment-meta { + margin: 2px 0 0 0; + font-size: 11px; + line-height: 16px; + color: #999999; +} +/* Sub-object `uk-comment-body` + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child { + margin-bottom: 0; +} +/* Sub-object `uk-comment-list` + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +.uk-comment-list .uk-comment + ul { + margin: 25px 0 0 0; + padding-left: 100px; + list-style: none; +} +.uk-comment-list > li:nth-child(n+2), +.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { + margin-top: 25px; +} +/* Hooks + ========================================================================== */ +/* Navs */ +/* + * Name: Nav + * Description: Defines styles for list navigations + * + * Component: `uk-nav` + * + * Sub-objects: `uk-nav-header` + * `uk-nav-divider` + * `uk-nav-sub` + * + * Modifiers: `uk-nav-parent-icon` + * `uk-nav-side` + * `uk-nav-dropdown` + * `uk-nav-navbar` + * `uk-nav-search` + * `uk-nav-offcanvas` + * + * States: `uk-active` + * `uk-parent` + * `uk-open` + * `uk-touch` + * + * Uses: Icon: FontAwesome + * + * Used by: Panel + * Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* + * Items + */ +.uk-nav li > a { + display: block; + text-decoration: none; +} +.uk-nav > li > a { + padding: 5px 15px; +} +/* + * Nested items + */ +.uk-nav ul { + padding-left: 15px; +} +.uk-nav ul a { + padding: 2px 0; +} +/* + * Item subtitle + */ +.uk-nav li > a > div { + font-size: 12px; + line-height: 18px; +} +/* Sub-object: `uk-nav-header` + ========================================================================== */ +.uk-nav-header { + padding: 5px 15px; + text-transform: uppercase; + font-weight: bold; + font-size: 12px; +} +.uk-nav-header:not(:first-child) { + margin-top: 15px; +} +/* Sub-object: `uk-nav-divider` + ========================================================================== */ +.uk-nav-divider { + margin: 9px 15px; +} +/* Sub-object: `uk-nav-sub` + ========================================================================== */ +/* + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* Modifier: `uk-nav-parent-icon` + ========================================================================== */ +.uk-nav-parent-icon > .uk-parent > a:after { + content: "\f104"; + width: 20px; + margin-right: -10px; + float: right; + font-family: "FontAwesome"; + text-align: center; +} +.uk-nav-parent-icon > .uk-parent.uk-open > a:after { + content: "\f107"; +} +/* Modifier `uk-nav-side` + ========================================================================== */ +/* + * Items + */ +.uk-nav-side > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-side > li > a:hover, +.uk-nav-side > li > a:focus { + /* 1 */ + + background: rgba(0, 0, 0, 0.03); + color: #444444; + outline: none; + /* 2 */ + + box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.06); + text-shadow: 0 -1px 0 #ffffff; +} +/* Active */ +.uk-nav-side > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-side .uk-nav-header { + color: #444444; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-side .uk-nav-divider { + border-top: 1px solid #dddddd; + box-shadow: 0 1px 0 #ffffff; +} +/* + * Nested items + */ +.uk-nav-side ul a { + color: #0077dd; +} +.uk-nav-side ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-dropdown` + ========================================================================== */ +/* + * Items + */ +.uk-nav-dropdown > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-dropdown > li > a:hover, +.uk-nav-dropdown > li > a:focus { + /* 1 */ + + background: #00a8e6; + color: #ffffff; + outline: none; + /* 2 */ + + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-dropdown .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-dropdown .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-dropdown ul a { + color: #0077dd; +} +.uk-nav-dropdown ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-navbar` + ========================================================================== */ +/* + * Items + */ +.uk-nav-navbar > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-navbar > li > a:hover, +.uk-nav-navbar > li > a:focus { + /* 1 */ + + background: #00a8e6; + color: #ffffff; + outline: none; + /* 2 */ + + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-navbar .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-navbar .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-navbar ul a { + color: #0077dd; +} +.uk-nav-navbar ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +.uk-nav-search > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-search > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + outline: none; + /* 2 */ + + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-search .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-search .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-search ul a { + color: #0077dd; +} +.uk-nav-search ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-offcanvas` + ========================================================================== */ +/* + * Items + */ +.uk-nav-offcanvas > li > a { + color: #cccccc; + padding: 10px 15px; + border-top: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* + * Hover + * No hover on touch devices because it behaves buggy in fixed offcanvas + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-offcanvas > .uk-open > a, +html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, +html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { + /* 1 */ + + background: #404040; + color: #ffffff; + outline: none; + /* 2 */ + +} +/* + * Active + * `html .uk-nav` needed for higher specificity to override hover + */ +html .uk-nav.uk-nav-offcanvas > li.uk-active > a { + background: #1a1a1a; + color: #ffffff; + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-offcanvas .uk-nav-header { + color: #777777; + margin-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.3); + background: #404040; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-offcanvas .uk-nav-divider { + border-top: 1px solid rgba(255, 255, 255, 0.01); + margin: 0; + height: 4px; + background: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); +} +/* + * Nested items + * No hover on touch devices because it behaves buggy in fixed offcanvas + */ +.uk-nav-offcanvas ul a { + color: #cccccc; +} +html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { + color: #ffffff; +} +/* Hooks + ========================================================================== */ +/* + * Name: Navbar + * Description: Defines styles for the navigation bar + * + * Component: `uk-navbar` + * + * Sub-objects: `uk-navbar-nav` + * `uk-navbar-nav-subtitle` + * `uk-navbar-content` + * `uk-navbar-brand` + * `uk-navbar-toggle` + * `uk-navbar-toggle-alt` + * `uk-navbar-center` + * `uk-navbar-flip` + * + * Modifiers: `uk-navbar-attached` + * + * States: `uk-active` + * `uk-parent` + * `uk-open` + * + * Used by: Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-navbar { + background: #f5f5f5; + color: #444444; + border: 1px solid rgba(0, 0, 0, 0.06); +} +/* + * Micro clearfix + */ +.uk-navbar:before, +.uk-navbar:after { + content: " "; + display: table; +} +.uk-navbar:after { + clear: both; +} +/* Sub-object: `uk-navbar-nav` + ========================================================================== */ +.uk-navbar-nav { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +/* + * 1. Create position context for dropdowns + */ +.uk-navbar-nav > li { + position: relative; + /* 1 */ + + float: left; +} +/* + * 1. Dimensions + * 2. Style + */ +.uk-navbar-nav > li > a { + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + height: 40px; + padding: 0 15px; + line-height: 40px; + color: #444444; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + margin-top: -1px; + /* 1 */ + + margin-left: -1px; + /* 2 */ + + height: 41px; + /* 3 */ + + border: 1px solid transparent; + border-bottom-width: 0; + text-shadow: 0 1px 0 #ffffff; +} +/* Appear not as link */ +.uk-navbar-nav > li > a[href='#'] { + cursor: auto; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Also apply if dropdown is opened + * 3. Remove default focus style + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a:focus, +.uk-navbar-nav > li.uk-open > a { + background-color: #fafafa; + color: #444444; + outline: none; + /* 3 */ + + position: relative; + /* 1 */ + + z-index: 1; + /* 2 */ + + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); +} +/* OnClick */.uk-navbar-nav > li > a:active { + background-color: #eeeeee; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.2); +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + background-color: #fafafa; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); +} +/* Sub-objects: `uk-navbar-nav-subtitle` + ========================================================================== */ +.uk-navbar-nav .uk-navbar-nav-subtitle { + line-height: 28px; +} +.uk-navbar-nav-subtitle > div { + margin-top: -6px; + font-size: 10px; + line-height: 12px; +} +/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` + ========================================================================== */ +/* + * Imitate navbar items + */ +.uk-navbar-content, +.uk-navbar-brand, +.uk-navbar-toggle { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + padding: 0 15px; + float: left; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Helper to center all child elements vertically + */ +.uk-navbar-content:before, +.uk-navbar-brand:before, +.uk-navbar-toggle:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +/* Sub-objects: `uk-navbar-content` + ========================================================================== */ +/* + * Better sibling spacing + */ +.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { + padding-left: 0; +} +/* + * Link colors + */ +.uk-navbar-content > a:not([class]) { + color: #0077dd; +} +.uk-navbar-content > a:not([class]):hover { + color: #005599; +} +/* Sub-objects: `uk-navbar-brand` + ========================================================================== */ +.uk-navbar-brand { + font-size: 18px; + color: #444444; +} +/* + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-navbar-brand:hover, +.uk-navbar-brand:focus { + /* 1 */ + + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* Sub-object: `uk-navbar-toggle` + ========================================================================== */ +.uk-navbar-toggle { + font-size: 18px; + color: #444444; +} +/* + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-navbar-toggle:hover, +.uk-navbar-toggle:focus { + /* 1 */ + + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* + * 1. Center icon vertically + */ +.uk-navbar-toggle:after { + content: "\f0c9"; + font-family: "FontAwesome"; + vertical-align: middle; + /* 1 */ + +} +.uk-navbar-toggle-alt:after { + content: "\f002"; +} +/* Sub-object: `uk-navbar-center` + ========================================================================== */ +/* + * The element with this class needs to be last child in the navbar + * 1. This hack is needed because other float elements shift centered text + */ +.uk-navbar-center { + max-width: 50%; + margin: auto; + /* 1 */ + + float: none; + text-align: center; +} +/* Sub-object: `uk-navbar-flip` + ========================================================================== */ +.uk-navbar-flip { + float: right; +} +/* Hooks + ========================================================================== */ +/* + * Name: Subnav + * Description: Defines styles for the sub navigation + * + * Component: `uk-subnav` + * + * Modifiers: `uk-subnav-line` + * `uk-subnav-pill` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Remove whitespace between child elements when using `inline-block` + */ +.uk-subnav { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + letter-spacing: -0.31em; +} +/* Items + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Reset whitespace hack + */ +.uk-subnav > li { + position: relative; + /* 1 */ + + letter-spacing: normal; + /* 2 */ + +} +.uk-subnav > li, +.uk-subnav > li > a, +.uk-subnav > li > span { + display: inline-block; +} +.uk-subnav > li:nth-child(n+2) { + margin-left: 10px; +} +/* + * Items + */ +.uk-subnav > li > a { + color: #0077dd; +} +.uk-subnav > li > a:hover { + color: #005599; +} +/* + * Disabled + */ +.uk-subnav > li > span { + color: #999999; +} +/* Modifier: 'subnav-line' + ========================================================================== */ +.uk-subnav-line > li:nth-child(n+2):before { + content: ""; + display: inline-block; + height: 10px; + margin-right: 10px; + border-left: 1px solid #dddddd; +} +/* Modifier: 'subnav-pill' + ========================================================================== */ +.uk-subnav-pill > li > a, +.uk-subnav-pill > li > span { + padding: 3px 9px; + text-decoration: none; + border-radius: 4px; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-subnav-pill > li > a:hover, +.uk-subnav-pill > li > a:focus { + /* 1 */ + + background: #fafafa; + color: #444444; + outline: none; + /* 2 */ + + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); +} +/* + * Active + * `li` needed for higher specificity to override hover + */ +.uk-subnav-pill > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); +} +/* Hooks + ========================================================================== */ +/* + * Name: Breadcrumb + * Description: Defines styles for a breadcrumb navigation + * + * Component: `uk-breadcrumb` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Remove whitespace between child elements when using `inline-block` + */ +.uk-breadcrumb { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + letter-spacing: -0.31em; +} +/* Items + ========================================================================== */ +/* + * Reset whitespace hack + */ +.uk-breadcrumb > li { + letter-spacing: normal; +} +.uk-breadcrumb > li, +.uk-breadcrumb > li > a, +.uk-breadcrumb > li > span { + display: inline-block; +} +.uk-breadcrumb > li:nth-child(n+2):before { + content: "/"; + display: inline-block; + margin: 0 8px; + vertical-align: top; + /* 2 */ + +} +/* + * Disabled + */ +.uk-breadcrumb > li:not(.uk-active) > span { + color: #999999; +} +/* Hooks + ========================================================================== */ +/* + * Name: Pagination + * Description: Defines styles for a navigation between pages + * + * Component: `uk-pagination` + * + * Sub-objects: `uk-pagination-previous` + * `uk-pagination-next` + * + * States: `uk-active` + * `uk-disabled` + * + * Modifiers: `uk-pagination-left` + * `uk-pagination-right` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Center pagination by default + * 3. Remove whitespace between child elements when using `inline-block` + */ +.uk-pagination { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + text-align: center; + /* 3 */ + + letter-spacing: -0.31em; +} +/* + * Micro clearfix + * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used + */ +.uk-pagination:before, +.uk-pagination:after { + content: " "; + display: table; +} +.uk-pagination:after { + clear: both; +} +/* Items + ========================================================================== */ +/* + * 1. Reset whitespace hack + */ +.uk-pagination > li { + display: inline-block; + letter-spacing: normal; + /* 1 */ + +} +.uk-pagination > li:nth-child(n+2) { + margin-left: 5px; +} +/* + * 1. Makes pagination more robust against different box-sizing use + * 2. Reset text-align to center if alignment modifier is used + */ +.uk-pagination > li > a, +.uk-pagination > li > span { + -moz-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + + display: inline-block; + min-width: 16px; + padding: 3px 5px; + line-height: 20px; + text-decoration: none; + text-align: center; + /* 2 */ + + border-radius: 4px; +} +/* + * Links + */ +.uk-pagination > li > a { + background: #f5f5f5; + color: #444444; + border: 1px solid rgba(0, 0, 0, 0.06); + text-shadow: 0 1px 0 #ffffff; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-pagination > li > a:hover, +.uk-pagination > li > a:focus { + /* 1 */ + + background-color: #fafafa; + color: #444444; + outline: none; + /* 2 */ + + border-color: rgba(0, 0, 0, 0.16); +} +/* OnClick */ +.uk-pagination > li > a:active { + background-color: #eeeeee; + color: #444444; +} +/* + * Active + */ +.uk-pagination > .uk-active > span { + background: #00a8e6; + color: #ffffff; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Disabled + */ +.uk-pagination > .uk-disabled > span { + background-color: #fafafa; + color: #999999; + border: 1px solid rgba(0, 0, 0, 0.06); + text-shadow: 0 1px 0 #ffffff; +} +/* Previous and next navigation + ========================================================================== */ +.uk-pagination-previous { + float: left; +} +.uk-pagination-next { + float: right; +} +/* Alignment modifiers + ========================================================================== */ +.uk-pagination-left { + text-align: left; +} +.uk-pagination-right { + text-align: right; +} +/* Hooks + ========================================================================== */ +/* + * Name: Tab + * Description: Defines styles for a tabbed navigation + * + * Component: `uk-tab` + * + * Modifiers: `uk-tab-flip` + * `uk-tab-center` + * `uk-tab-grid` + * `uk-tab-bottom` + * `uk-tab-left` + * `uk-tab-right` + * `uk-tab-responsive` + * + * States: `uk-active` + * `uk-disabled` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-tab { + margin: 0; + padding: 0; + list-style: none; + border-bottom: 1px solid #dddddd; +} +/* + * Micro clearfix on the deepest container + */ +.uk-tab:before, +.uk-tab:after { + content: " "; + display: table; +} +.uk-tab:after { + clear: both; +} +/* + * Items + * 1. Create position context for dropdowns + */ +.uk-tab > li { + position: relative; + /* 1 */ + + margin-bottom: -1px; + float: left; +} +.uk-tab > li > a { + display: block; + padding: 8px 12px; + border: 1px solid transparent; + border-bottom-width: 0; + color: #0077dd; + text-decoration: none; + border-radius: 4px 4px 0 0; + text-shadow: 0 1px 0 #ffffff; +} +.uk-tab > li:nth-child(n+2) > a { + margin-left: 5px; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Also apply if dropdown is opened + * 3. Remove default focus style + */ +.uk-tab > li > a:hover, +.uk-tab > li > a:focus, +.uk-tab > li.uk-open > a { + /* 2 */ + + border-color: rgba(0, 0, 0, 0.06); + background: #f5f5f5; + color: #005599; + outline: none; + /* 3 */ + +} +.uk-tab > li:not(.uk-active) > a:hover, +.uk-tab > li:not(.uk-active) > a:focus, +.uk-tab > li.uk-open:not(.uk-active) > a { + margin-bottom: 1px; + padding-bottom: 7px; +} +/* Active */ +.uk-tab > li.uk-active > a { + border-color: #dddddd; + border-bottom-color: transparent; + background: #ffffff; + color: #444444; +} +/* Disabled */ +.uk-tab > li.uk-disabled > a { + color: #999999; + cursor: auto; +} +.uk-tab > li.uk-disabled > a:hover, +.uk-tab > li.uk-disabled > a:focus, +.uk-tab > li.uk-disabled.uk-active > a { + background: none; + border-color: transparent; +} +/* Modifier: 'tab-flip' + ========================================================================== */ +.uk-tab-flip > li { + float: right; +} +.uk-tab-flip > li:nth-child(n+2) > a { + margin-left: 0; + margin-right: 5px; +} +/* Modifier: 'tab-responsive' + ========================================================================== */ +/* + * Hidden by default + */ +.uk-tab-responsive { + display: none; +} +.uk-tab-responsive > a:before { + content: "\f0c9\00a0"; + font-family: "FontAwesome"; +} +/* Only phones */ +@media (max-width: 767px) { + [data-uk-tab] > li { + display: none; + } + [data-uk-tab] > li.uk-tab-responsive { + display: block; + } + [data-uk-tab] > li.uk-tab-responsive > a { + margin-left: 0; + margin-right: 0; + } +} +/* Modifier: 'tab-center' + ========================================================================== */ +.uk-tab-center { + border-bottom: 1px solid #dddddd; +} +.uk-tab-center-bottom { + border-bottom: none; + border-top: 1px solid #dddddd; +} +.uk-tab-center:before, +.uk-tab-center:after { + content: " "; + display: table; +} +.uk-tab-center:after { + clear: both; +} +.uk-tab-center .uk-tab { + position: relative; + left: 50%; + border: none; + float: left; +} +.uk-tab-center .uk-tab > li { + position: relative; + left: -50%; +} +.uk-tab-center .uk-tab > li > a { + text-align: center; +} +/* Modifier: 'tab-bottom' + ========================================================================== */ +.uk-tab-bottom { + border-top: 1px solid #dddddd; + border-bottom: none; +} +.uk-tab-bottom > li { + margin-top: -1px; + margin-bottom: 0; +} +.uk-tab-bottom > li > a { + border-bottom-width: 1px; + border-top-width: 0; +} +.uk-tab-bottom > li:not(.uk-active) > a:hover, +.uk-tab-bottom > li:not(.uk-active) > a:focus, +.uk-tab-bottom > li.uk-open:not(.uk-active) > a { + margin-bottom: 0; + margin-top: 1px; + padding-bottom: 8px; + padding-top: 7px; +} +.uk-tab-bottom > li.uk-active > a { + border-top-color: transparent; + border-bottom-color: #dddddd; +} +/* Modifier: 'tab-grid' + ========================================================================== */ +/* + * 1. Create position context to prevent hidden border because of negative `z-index` + */ +.uk-tab-grid { + position: relative; + z-index: 0; + /* 1 */ + + margin-left: -5px; + border-bottom: none; +} +.uk-tab-grid:before { + display: block; + position: absolute; + left: 5px; + right: 0px; + bottom: -1px; + z-index: -1; + /* 1 */ + + border-top: 1px solid #dddddd; +} +.uk-tab-grid > li:first-child > a { + margin-left: 5px; +} +.uk-tab-grid > li > a { + text-align: center; +} +/* + * If `uk-tab-bottom` + */ +.uk-tab-grid.uk-tab-bottom { + border-top: none; +} +.uk-tab-grid.uk-tab-bottom:before { + top: -1px; + bottom: auto; +} +/* Modifier: 'tab-left', 'tab-right' + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-tab-left, + .uk-tab-right { + border-bottom: none; + } + .uk-tab-left > li, + .uk-tab-right > li { + margin-bottom: 0; + float: none; + } + .uk-tab-left > li:nth-child(n+2) > a, + .uk-tab-right > li:nth-child(n+2) > a { + margin-left: 0; + margin-top: 5px; + } + .uk-tab-left > li.uk-active > a, + .uk-tab-right > li.uk-active > a { + border-color: #dddddd; + } + /* + * Modifier: 'tab-left' + */ + .uk-tab-left { + border-right: 1px solid #dddddd; + } + .uk-tab-left > li { + margin-right: -1px; + } + .uk-tab-left > li > a { + border-bottom-width: 1px; + border-right-width: 0; + } + .uk-tab-left > li:not(.uk-active) > a:hover, + .uk-tab-left > li:not(.uk-active) > a:focus { + margin-bottom: 0; + margin-right: 1px; + padding-bottom: 8px; + padding-right: 11px; + } + .uk-tab-left > li.uk-active > a { + border-right-color: transparent; + } + /* + * Modifier: 'tab-right' + */ + .uk-tab-right { + border-left: 1px solid #dddddd; + } + .uk-tab-right > li { + margin-left: -1px; + } + .uk-tab-right > li > a { + border-bottom-width: 1px; + border-left-width: 0; + } + .uk-tab-right > li:not(.uk-active) > a:hover, + .uk-tab-right > li:not(.uk-active) > a:focus { + margin-bottom: 0; + margin-left: 1px; + padding-bottom: 8px; + padding-left: 11px; + } + .uk-tab-right > li.uk-active > a { + border-left-color: transparent; + } +} +/* Hooks + ========================================================================== */ +/* Elements */ +/* + * Name: List + * Description: Defines styles for ordered and unordered lists + * + * Component: `uk-list` + * + * Modifiers: `uk-list-line` + * `uk-list-striped` + * `uk-list-space` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Nested lists + */ +.uk-list ul { + margin: 0; + padding-left: 20px; + list-style: none; +} +/* Modifier: `uk-list-line` + ========================================================================== */ +.uk-list-line > li:nth-child(n+2) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #dddddd; +} +/* Modifier: `uk-list-striped` + ========================================================================== */ +.uk-list-striped > li { + padding: 5px 5px; + border-bottom: 1px solid #dddddd; +} +.uk-list-striped > li:nth-of-type(odd) { + background: #fafafa; +} +/* Modifier: `uk-list-space` + ========================================================================== */ +.uk-list-space > li:nth-child(n+2) { + margin-top: 10px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Description list + * Description: Defines styles for description lists + * + * Component: `uk-description-list` + * + * Modifiers: `uk-description-list-horizontal` + * `uk-description-list-line` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-description-list-horizontal` + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-description-list-horizontal { + overflow: hidden; + } + .uk-description-list-horizontal > dt { + width: 160px; + float: left; + clear: both; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .uk-description-list-horizontal > dd { + margin-left: 180px; + } +} +/* Modifier: `uk-description-list-line` + ========================================================================== */ +.uk-description-list-line > dt { + font-weight: normal; +} +.uk-description-list-line > dt:nth-child(n+2) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #dddddd; +} +.uk-description-list-line > dd { + color: #999999; +} +/* + * Name: Table + * Description: Defines styles for tables + * + * Component: `uk-table` + * + * Modifiers: `uk-table-middle` + * `uk-table-striped` + * `uk-table-condensed` + * `uk-table-hover` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Block element behavior */ +.uk-table { + width: 100%; + margin-bottom: 15px 0; +} +/* + * Add margin if adjacent element + */ +* + .uk-table { + margin-top: 15px; +} +.uk-table th, +.uk-table td { + padding: 8px 8px; + border-bottom: 1px solid #dddddd; +} +/* Set alignment */ +.uk-table th { + text-align: left; +} +.uk-table td { + vertical-align: top; +} +.uk-table thead th { + vertical-align: bottom; +} +/* + * Caption and footer + */ +.uk-table caption, +.uk-table tfoot { + font-size: 12px; + font-style: italic; +} +.uk-table caption { + text-align: left; + color: #999999; +} +/* Sub-modifier: `uk-table-middel` + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Modifier: `uk-table-striped` + ========================================================================== */ +.uk-table-striped tbody tr:nth-of-type(odd) td { + background: #fafafa; +} +/* Modifier: `uk-table-condensed` + ========================================================================== */ +.uk-table-condensed td { + padding: 4px 8px; +} +/* Modifier: `uk-table-hover` + ========================================================================== */ +.uk-table-hover tbody tr:hover td { + background: #f0f0f0; +} +/* Hooks + ========================================================================== */ +/* + * Name: Form + * Description: Defines styles for forms + * + * Component: `uk-form` + * + * Sub-objects: `uk-form-row` + * `uk-form-help-inline` + * `uk-form-help-block` + * `uk-form-label` + * `uk-form-controls` + * `uk-form-controls-condensed` + * + * Modifiers: `uk-form-stacked` + * `uk-form-horizontal` + * + * Sub-modifiers: `uk-form-danger` + * `uk-form-success` + * `uk-form-small` + * `uk-form-large` + * `uk-form-blank` + * `uk-form-width-mini` + * `uk-form-width-small` + * `uk-form-width-medium` + * `uk-form-width-large` + * `uk-form-controls-text` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-form > :last-child { + margin-bottom: 0; +} +/* + * Controls + * Exept for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` + * 1. Must be `height` because `min-height` is not working in OSX + * 2. Responsiveness: Sets a maxium width relative to the parent to scale on narrower viewports + */ +.uk-form select, +.uk-form textarea, +.uk-form input[type="text"], +.uk-form input[type="password"], +.uk-form input[type="datetime"], +.uk-form input[type="datetime-local"], +.uk-form input[type="date"], +.uk-form input[type="month"], +.uk-form input[type="time"], +.uk-form input[type="week"], +.uk-form input[type="number"], +.uk-form input[type="email"], +.uk-form input[type="url"], +.uk-form input[type="search"], +.uk-form input[type="tel"], +.uk-form input[type="color"] { + height: 30px; + /* 1 */ + + max-width: 100%; + /* 2 */ + + padding: 4px 6px; + border: 1px solid #dddddd; + background: #ffffff; + color: #444444; + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; + border-radius: 4px; + /* Focus state */ + + /* Disabled state */ + +} +.uk-form select:focus, +.uk-form textarea:focus, +.uk-form input[type="text"]:focus, +.uk-form input[type="password"]:focus, +.uk-form input[type="datetime"]:focus, +.uk-form input[type="datetime-local"]:focus, +.uk-form input[type="date"]:focus, +.uk-form input[type="month"]:focus, +.uk-form input[type="time"]:focus, +.uk-form input[type="week"]:focus, +.uk-form input[type="number"]:focus, +.uk-form input[type="email"]:focus, +.uk-form input[type="url"]:focus, +.uk-form input[type="search"]:focus, +.uk-form input[type="tel"]:focus, +.uk-form input[type="color"]:focus { + border-color: #99baca; + outline: 0; + background: #f5fbfe; + color: #444444; +} +.uk-form select:disabled, +.uk-form textarea:disabled, +.uk-form input[type="text"]:disabled, +.uk-form input[type="password"]:disabled, +.uk-form input[type="datetime"]:disabled, +.uk-form input[type="datetime-local"]:disabled, +.uk-form input[type="date"]:disabled, +.uk-form input[type="month"]:disabled, +.uk-form input[type="time"]:disabled, +.uk-form input[type="week"]:disabled, +.uk-form input[type="number"]:disabled, +.uk-form input[type="email"]:disabled, +.uk-form input[type="url"]:disabled, +.uk-form input[type="search"]:disabled, +.uk-form input[type="tel"]:disabled, +.uk-form input[type="color"]:disabled { + border-color: #dddddd; + background-color: #fafafa; + color: #999999; +} +.uk-form textarea, +.uk-form select[multiple], +.uk-form select[size] { + height: auto; +} +/* 1 */ +/* + * Placeholder + * 1. Higher specificity needed to override color in IE + */ +.uk-form :-ms-input-placeholder { + color: #999999 !important; +} +/* 1. */ +.uk-form ::-moz-placeholder { + color: #999999; +} +.uk-form ::-webkit-input-placeholder { + color: #999999; +} +.uk-form :disabled:-ms-input-placeholder { + color: #999999 !important; +} +/* 1. */ +.uk-form :disabled::-moz-placeholder { + color: #999999; +} +.uk-form :disabled::-webkit-input-placeholder { + color: #999999; +} +/* + * Legend style + * 1. `margin-bottom` is not working in Safari and Opera. + * Using `padding` and :after instead to create the border + */ +.uk-form legend { + width: 100%; + padding-bottom: 15px; + /* 1 */ + + font-size: 18px; + line-height: 30px; +} +/* 1 */ +.uk-form legend:after { + content: ""; + display: block; + border-bottom: 1px solid #dddddd; +} +/* Validation states + * Using !important to keep the selector simple + ========================================================================== */ +/* + * Error state + */ +.uk-form-danger { + border-color: #dc8d99 !important; + background: #fff7f8 !important; + color: #c91032 !important; +} +/* + * Success state + */ +.uk-form-success { + border-color: #8ec73b !important; + background: #fafff2 !important; + color: #539022 !important; +} +/* Size modifiers + * Using !important to keep the selector simple + ========================================================================== */ +.uk-form-small { + height: 25px !important; + padding: 3px 3px !important; + font-size: 12px; +} +.uk-form-large { + height: 40px !important; + padding: 8px 6px !important; + font-size: 16px; +} +/* Style modifiers + * Using !important to keep the selector simple + ========================================================================== */ +/* + * Blank form + */ +.uk-form-blank { + border: none !important; + background: none !important; + box-shadow: none !important; + outline: 1px dashed transparent !important; +} +.uk-form-blank:focus { + outline-color: #dddddd !important; +} +/* Size sub-modifiers + ========================================================================== */ +/* + * Fixed widths + * 1. Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-mini { + width: 40px; +} +/* 1 */ +select.uk-form-width-mini { + width: 65px; +} +/* 1 */ +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Sub-objects: `uk-form-row` + * Groups labels and controls in rows + ========================================================================== */ +/* + * Micro clearfix + * Needed for `uk-form-horizontal` modifier + */ +.uk-form-row:before, +.uk-form-row:after { + content: " "; + display: table; +} +.uk-form-row:after { + clear: both; +} +/* + * Vertical gutter + */ +.uk-form-row + .uk-form-row { + margin-top: 15px; +} +/* Help text + * Sub-object: `uk-form-help-inline`, `uk-form-help-block` + ========================================================================== */ +.uk-form-help-inline { + display: inline-block; + margin: 0 0 0 10px; +} +.uk-form-help-block { + margin: 5px 0 0 0; +} +/* Controls content + * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-form-controls > :last-child { + margin-bottom: 0; +} +/* + * Group controls and text into blocks with a small spacing between blocks + */ +.uk-form-controls-condensed { + margin: 5px 0; +} +/* Modifier: `uk-form-stacked` + * Requrires sub-object: `uk-form-label` + ========================================================================== */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} +/* Modifier: `uk-form-horizontal` + * Requrires sub-objects: `uk-form-label`, `uk-form-controls` + ========================================================================== */ +/* Only phones and tablets portrait */ +@media (max-width: 959px) { + .uk-form-horizontal .uk-form-label { + /* Behave like `uk-form-stacked` */ + + display: block; + margin-bottom: 5px; + font-weight: bold; + } +} +/* Only tablets and desktops */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 5px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 5px; + } +} +/* Hooks + ========================================================================== */ +/* Common */ +/* + * Name: Button + * Description: Defines styles for buttons + * + * Component: `uk-button` + * + * Sub-objects: `uk-button-group` + * `uk-button-dropdown` + * + * Modifiers: `uk-button-primary` + * `uk-button-success` + * `uk-button-danger` + * `uk-button-link` + * `uk-button-mini` + * `uk-button-small` + * `uk-button-large` + * `uk-button-expand` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Required for `a` elements. Can't be moved to `a.button` selector because needs to be overwritable for `uk-button-link` and `uk-button-expand` + * 2. `min-height` is neccesary for `input` elments in Firefox and Opera because `line-height` is not working. + * 3. Required for `button` and `input` elements + * 4. `line-height` is used to create a height + * 5. Reset button group whitespace hack + */ +.uk-button { + display: inline-block; + /* 1 */ + + min-height: 30px; + /* 2 */ + + padding: 0 12px; + border: none; + /* 3 */ + + background: #f5f5f5; + line-height: 28px; + /* 4 */ + + color: #444444; + letter-spacing: normal; + /* 5 */ + + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 4px; + text-shadow: 0 1px 0 #ffffff; +} +/* Required for `a` elements */ +a.uk-button { + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + text-decoration: none; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-button:hover, +.uk-button:focus { + /* 1 */ + + background-color: #fafafa; + color: #444444; + outline: none; + /* 2 */ + + border-color: rgba(0, 0, 0, 0.16); +} +/* Active */ +.uk-button:active, +.uk-button.uk-active { + background-color: #eeeeee; + color: #444444; +} +/* Color modifiers + ========================================================================== */ +/* + * Modifier: `uk-button-primary` + */ +.uk-button-primary { + background-color: #00a8e6; + color: #ffffff; +} +/* Hover */ +.uk-button-primary:hover, +.uk-button-primary:focus { + background-color: #35b3ee; + color: #ffffff; +} +/* Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0091ca; + color: #ffffff; +} +/* + * Modifier: `uk-button-success` + */ +.uk-button-success { + background-color: #8cc14c; + color: #ffffff; +} +/* Hover */ +.uk-button-success:hover, +.uk-button-success:focus { + background-color: #8ec73b; + color: #ffffff; +} +/* Active */ +.uk-button-success:active, +.uk-button-success.uk-active { + background-color: #72ae41; + color: #ffffff; +} +/* + * Modifier: `uk-button-danger` + */ +.uk-button-danger { + background-color: #da314b; + color: #ffffff; +} +/* Hover */ +.uk-button-danger:hover, +.uk-button-danger:focus { + background-color: #e4354f; + color: #ffffff; +} +/* Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #c91032; + color: #ffffff; +} +/* Disabled state + * Overrides also the color modifiers + ========================================================================== */ +/* Equal for all button types */ +.uk-button:disabled { + background-color: #fafafa; + color: #999999; + border-color: rgba(0, 0, 0, 0.06); + box-shadow: none; + text-shadow: 0 1px 0 #ffffff; +} +/* Modifier: `uk-button-link` + ========================================================================== */ +/* Reset */ +.uk-button-link, +.uk-button-link:hover, +.uk-button-link:focus, +.uk-button-link:active, +.uk-button-link.uk-active, +.uk-button-link:disabled { + display: inline; + border: none; + background: none; + box-shadow: none; + text-shadow: none; +} +/* Color */ +.uk-button-link { + color: #0077dd; +} +.uk-button-link:hover, +.uk-button-link:focus, +.uk-button-link:active, +.uk-button-link.uk-active { + color: #005599; + text-decoration: underline; +} +.uk-button-link:disabled { + color: #999999; +} +/* Focus */ +.uk-button-link:focus { + outline: 1px dotted; +} +/* Size modifiers + ========================================================================== */ +.uk-button-mini { + min-height: 20px; + padding: 0 6px; + line-height: 18px; + font-size: 11px; +} +.uk-button-small { + min-height: 25px; + padding: 0 10px; + line-height: 23px; + font-size: 12px; +} +.uk-button-large { + min-height: 40px; + padding: 0 15px; + line-height: 38px; + font-size: 16px; + border-radius: 5px; +} +/* + * Behave like a block element and take the full width + */ +.uk-button-expand { + display: block; + width: 100%; + text-align: center; +} +.uk-button-expand + .uk-button-expand { + margin-top: 10px; +} +/* Sub-object `uk-button-group` + ========================================================================== */ +/* + * 1. Behave like buttons + * 2. Create position context for dropdowns + * 3. Remove whitespace between child elements when using `inline-block` + * 4. Prevent buttons from wrapping + */ +.uk-button-group { + /* 1 */ + + display: inline-block; + vertical-align: middle; + /* 2 */ + + position: relative; + /* 3 */ + + letter-spacing: -0.31em; + /* 4 */ + + white-space: nowrap; +} +.uk-button-group > * { + display: inline-block; +} +/* Sub-object: `uk-button-dropdown` + ========================================================================== */ +/* + * 1. Behave like buttons + * 2. Create position context for dropdowns + */ +.uk-button-dropdown { + /* 1 */ + + display: inline-block; + vertical-align: middle; + /* 2 */ + + position: relative; +} +/* Hooks + ========================================================================== */ +/* + * Name: Icon + * Description: Defines styles for icons + * + * Adapted from http://fortawesome.github.com/Font-Awesome (Version 3.2.1) + * + * Component: `uk-icon-*` + * + * Sub-objects: `uk-icon-button` + * + * Modifiers: `uk-icon-small` + * `uk-icon-medium` + * `uk-icon-large` + * `uk-icon-spin` + * + * Uses: Animation + * + ========================================================================== */ +/* Font-face + ========================================================================== */ +@font-face { + font-family: 'FontAwesome'; + src: url("../fonts/fontawesome-webfont.eot"); + src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +/* Component + ========================================================================== */ +/* + * 1. Allow margin + * 2. Prevent inherit font style + * 3. Align vertical to text + * 4. Correct line-height + * 5. Better font rendering in Webkit + */ +[class*='uk-icon-']:before { + display: inline-block; + /* 1 */ + + font-family: "FontAwesome"; + font-weight: normal; + font-style: normal; + /* 2 */ + + vertical-align: baseline; + /* 3 */ + + line-height: 1; + /* 4 */ + + -webkit-font-smoothing: antialiased; + /* 5 */ + +} +/* Size modifiers + ========================================================================== */ +.uk-icon-small:before { + font-size: 150%; + vertical-align: -10%; +} +.uk-icon-medium:before { + font-size: 200%; + vertical-align: -16%; +} +.uk-icon-large:before { + font-size: 250%; + vertical-align: -22%; +} +/* Modifier: `uk-icon-spin` + ========================================================================== */ +.uk-icon-spin { + display: inline-block; + -webkit-animation: uk-spin 2s infinite linear; + animation: uk-spin 2s infinite linear; +} +/* Modifier: `uk-icon-button` + ========================================================================== */ +.uk-icon-button { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + width: 35px; + height: 35px; + border-radius: 100%; + background: #f5f5f5; + line-height: 35px; + color: #444444; + font-size: 17.5px; + text-align: center; + border: 1px solid #e7e7e7; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-icon-button:hover, +.uk-icon-button:focus { + /* 1 */ + + background-color: #fafafa; + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + + border-color: #d3d3d3; +} +/* Active */ +.uk-icon-button:active { + background-color: #eeeeee; + color: #444444; +} +/* Icon mapping + ========================================================================== */ +.uk-icon-glass:before { + content: "\f000"; +} +.uk-icon-music:before { + content: "\f001"; +} +.uk-icon-search:before { + content: "\f002"; +} +.uk-icon-envelope-alt:before { + content: "\f003"; +} +.uk-icon-heart:before { + content: "\f004"; +} +.uk-icon-star:before { + content: "\f005"; +} +.uk-icon-star-empty:before { + content: "\f006"; +} +.uk-icon-user:before { + content: "\f007"; +} +.uk-icon-film:before { + content: "\f008"; +} +.uk-icon-th-large:before { + content: "\f009"; +} +.uk-icon-th:before { + content: "\f00a"; +} +.uk-icon-th-list:before { + content: "\f00b"; +} +.uk-icon-ok:before { + content: "\f00c"; +} +.uk-icon-remove:before { + content: "\f00d"; +} +.uk-icon-zoom-in:before { + content: "\f00e"; +} +.uk-icon-zoom-out:before { + content: "\f010"; +} +.uk-icon-power-off:before, +.uk-icon-off:before { + content: "\f011"; +} +.uk-icon-signal:before { + content: "\f012"; +} +.uk-icon-gear:before, +.uk-icon-cog:before { + content: "\f013"; +} +.uk-icon-trash:before { + content: "\f014"; +} +.uk-icon-home:before { + content: "\f015"; +} +.uk-icon-file-alt:before { + content: "\f016"; +} +.uk-icon-time:before { + content: "\f017"; +} +.uk-icon-road:before { + content: "\f018"; +} +.uk-icon-download-alt:before { + content: "\f019"; +} +.uk-icon-download:before { + content: "\f01a"; +} +.uk-icon-upload:before { + content: "\f01b"; +} +.uk-icon-inbox:before { + content: "\f01c"; +} +.uk-icon-play-circle:before { + content: "\f01d"; +} +.uk-icon-rotate-right:before, +.uk-icon-repeat:before { + content: "\f01e"; +} +.uk-icon-refresh:before { + content: "\f021"; +} +.uk-icon-list-alt:before { + content: "\f022"; +} +.uk-icon-lock:before { + content: "\f023"; +} +.uk-icon-flag:before { + content: "\f024"; +} +.uk-icon-headphones:before { + content: "\f025"; +} +.uk-icon-volume-off:before { + content: "\f026"; +} +.uk-icon-volume-down:before { + content: "\f027"; +} +.uk-icon-volume-up:before { + content: "\f028"; +} +.uk-icon-qrcode:before { + content: "\f029"; +} +.uk-icon-barcode:before { + content: "\f02a"; +} +.uk-icon-tag:before { + content: "\f02b"; +} +.uk-icon-tags:before { + content: "\f02c"; +} +.uk-icon-book:before { + content: "\f02d"; +} +.uk-icon-bookmark:before { + content: "\f02e"; +} +.uk-icon-print:before { + content: "\f02f"; +} +.uk-icon-camera:before { + content: "\f030"; +} +.uk-icon-font:before { + content: "\f031"; +} +.uk-icon-bold:before { + content: "\f032"; +} +.uk-icon-italic:before { + content: "\f033"; +} +.uk-icon-text-height:before { + content: "\f034"; +} +.uk-icon-text-width:before { + content: "\f035"; +} +.uk-icon-align-left:before { + content: "\f036"; +} +.uk-icon-align-center:before { + content: "\f037"; +} +.uk-icon-align-right:before { + content: "\f038"; +} +.uk-icon-align-justify:before { + content: "\f039"; +} +.uk-icon-list:before { + content: "\f03a"; +} +.uk-icon-indent-left:before { + content: "\f03b"; +} +.uk-icon-indent-right:before { + content: "\f03c"; +} +.uk-icon-facetime-video:before { + content: "\f03d"; +} +.uk-icon-picture:before { + content: "\f03e"; +} +.uk-icon-pencil:before { + content: "\f040"; +} +.uk-icon-map-marker:before { + content: "\f041"; +} +.uk-icon-adjust:before { + content: "\f042"; +} +.uk-icon-tint:before { + content: "\f043"; +} +.uk-icon-edit:before { + content: "\f044"; +} +.uk-icon-share:before { + content: "\f045"; +} +.uk-icon-check:before { + content: "\f046"; +} +.uk-icon-move:before { + content: "\f047"; +} +.uk-icon-step-backward:before { + content: "\f048"; +} +.uk-icon-fast-backward:before { + content: "\f049"; +} +.uk-icon-backward:before { + content: "\f04a"; +} +.uk-icon-play:before { + content: "\f04b"; +} +.uk-icon-pause:before { + content: "\f04c"; +} +.uk-icon-stop:before { + content: "\f04d"; +} +.uk-icon-forward:before { + content: "\f04e"; +} +.uk-icon-fast-forward:before { + content: "\f050"; +} +.uk-icon-step-forward:before { + content: "\f051"; +} +.uk-icon-eject:before { + content: "\f052"; +} +.uk-icon-chevron-left:before { + content: "\f053"; +} +.uk-icon-chevron-right:before { + content: "\f054"; +} +.uk-icon-plus-sign:before { + content: "\f055"; +} +.uk-icon-minus-sign:before { + content: "\f056"; +} +.uk-icon-remove-sign:before { + content: "\f057"; +} +.uk-icon-ok-sign:before { + content: "\f058"; +} +.uk-icon-question-sign:before { + content: "\f059"; +} +.uk-icon-info-sign:before { + content: "\f05a"; +} +.uk-icon-screenshot:before { + content: "\f05b"; +} +.uk-icon-remove-circle:before { + content: "\f05c"; +} +.uk-icon-ok-circle:before { + content: "\f05d"; +} +.uk-icon-ban-circle:before { + content: "\f05e"; +} +.uk-icon-arrow-left:before { + content: "\f060"; +} +.uk-icon-arrow-right:before { + content: "\f061"; +} +.uk-icon-arrow-up:before { + content: "\f062"; +} +.uk-icon-arrow-down:before { + content: "\f063"; +} +.uk-icon-mail-forward:before, +.uk-icon-share-alt:before { + content: "\f064"; +} +.uk-icon-resize-full:before { + content: "\f065"; +} +.uk-icon-resize-small:before { + content: "\f066"; +} +.uk-icon-plus:before { + content: "\f067"; +} +.uk-icon-minus:before { + content: "\f068"; +} +.uk-icon-asterisk:before { + content: "\f069"; +} +.uk-icon-exclamation-sign:before { + content: "\f06a"; +} +.uk-icon-gift:before { + content: "\f06b"; +} +.uk-icon-leaf:before { + content: "\f06c"; +} +.uk-icon-fire:before { + content: "\f06d"; +} +.uk-icon-eye-open:before { + content: "\f06e"; +} +.uk-icon-eye-close:before { + content: "\f070"; +} +.uk-icon-warning-sign:before { + content: "\f071"; +} +.uk-icon-plane:before { + content: "\f072"; +} +.uk-icon-calendar:before { + content: "\f073"; +} +.uk-icon-random:before { + content: "\f074"; +} +.uk-icon-comment:before { + content: "\f075"; +} +.uk-icon-magnet:before { + content: "\f076"; +} +.uk-icon-chevron-up:before { + content: "\f077"; +} +.uk-icon-chevron-down:before { + content: "\f078"; +} +.uk-icon-retweet:before { + content: "\f079"; +} +.uk-icon-shopping-cart:before { + content: "\f07a"; +} +.uk-icon-folder-close:before { + content: "\f07b"; +} +.uk-icon-folder-open:before { + content: "\f07c"; +} +.uk-icon-resize-vertical:before { + content: "\f07d"; +} +.uk-icon-resize-horizontal:before { + content: "\f07e"; +} +.uk-icon-bar-chart:before { + content: "\f080"; +} +.uk-icon-twitter-sign:before { + content: "\f081"; +} +.uk-icon-facebook-sign:before { + content: "\f082"; +} +.uk-icon-camera-retro:before { + content: "\f083"; +} +.uk-icon-key:before { + content: "\f084"; +} +.uk-icon-gears:before, +.uk-icon-cogs:before { + content: "\f085"; +} +.uk-icon-comments:before { + content: "\f086"; +} +.uk-icon-thumbs-up-alt:before { + content: "\f087"; +} +.uk-icon-thumbs-down-alt:before { + content: "\f088"; +} +.uk-icon-star-half:before { + content: "\f089"; +} +.uk-icon-heart-empty:before { + content: "\f08a"; +} +.uk-icon-signout:before { + content: "\f08b"; +} +.uk-icon-linkedin-sign:before { + content: "\f08c"; +} +.uk-icon-pushpin:before { + content: "\f08d"; +} +.uk-icon-external-link:before { + content: "\f08e"; +} +.uk-icon-signin:before { + content: "\f090"; +} +.uk-icon-trophy:before { + content: "\f091"; +} +.uk-icon-github-sign:before { + content: "\f092"; +} +.uk-icon-upload-alt:before { + content: "\f093"; +} +.uk-icon-lemon:before { + content: "\f094"; +} +.uk-icon-phone:before { + content: "\f095"; +} +.uk-icon-unchecked:before, +.uk-icon-check-empty:before { + content: "\f096"; +} +.uk-icon-bookmark-empty:before { + content: "\f097"; +} +.uk-icon-phone-sign:before { + content: "\f098"; +} +.uk-icon-twitter:before { + content: "\f099"; +} +.uk-icon-facebook:before { + content: "\f09a"; +} +.uk-icon-github:before { + content: "\f09b"; +} +.uk-icon-unlock:before { + content: "\f09c"; +} +.uk-icon-credit-card:before { + content: "\f09d"; +} +.uk-icon-rss:before { + content: "\f09e"; +} +.uk-icon-hdd:before { + content: "\f0a0"; +} +.uk-icon-bullhorn:before { + content: "\f0a1"; +} +.uk-icon-bell:before { + content: "\f0a2"; +} +.uk-icon-certificate:before { + content: "\f0a3"; +} +.uk-icon-hand-right:before { + content: "\f0a4"; +} +.uk-icon-hand-left:before { + content: "\f0a5"; +} +.uk-icon-hand-up:before { + content: "\f0a6"; +} +.uk-icon-hand-down:before { + content: "\f0a7"; +} +.uk-icon-circle-arrow-left:before { + content: "\f0a8"; +} +.uk-icon-circle-arrow-right:before { + content: "\f0a9"; +} +.uk-icon-circle-arrow-up:before { + content: "\f0aa"; +} +.uk-icon-circle-arrow-down:before { + content: "\f0ab"; +} +.uk-icon-globe:before { + content: "\f0ac"; +} +.uk-icon-wrench:before { + content: "\f0ad"; +} +.uk-icon-tasks:before { + content: "\f0ae"; +} +.uk-icon-filter:before { + content: "\f0b0"; +} +.uk-icon-briefcase:before { + content: "\f0b1"; +} +.uk-icon-fullscreen:before { + content: "\f0b2"; +} +.uk-icon-group:before { + content: "\f0c0"; +} +.uk-icon-link:before { + content: "\f0c1"; +} +.uk-icon-cloud:before { + content: "\f0c2"; +} +.uk-icon-beaker:before { + content: "\f0c3"; +} +.uk-icon-cut:before { + content: "\f0c4"; +} +.uk-icon-copy:before { + content: "\f0c5"; +} +.uk-icon-paperclip:before, +.uk-icon-paper-clip:before { + content: "\f0c6"; +} +.uk-icon-save:before { + content: "\f0c7"; +} +.uk-icon-sign-blank:before { + content: "\f0c8"; +} +.uk-icon-reorder:before { + content: "\f0c9"; +} +.uk-icon-list-ul:before { + content: "\f0ca"; +} +.uk-icon-list-ol:before { + content: "\f0cb"; +} +.uk-icon-strikethrough:before { + content: "\f0cc"; +} +.uk-icon-underline:before { + content: "\f0cd"; +} +.uk-icon-table:before { + content: "\f0ce"; +} +.uk-icon-magic:before { + content: "\f0d0"; +} +.uk-icon-truck:before { + content: "\f0d1"; +} +.uk-icon-pinterest:before { + content: "\f0d2"; +} +.uk-icon-pinterest-sign:before { + content: "\f0d3"; +} +.uk-icon-google-plus-sign:before { + content: "\f0d4"; +} +.uk-icon-google-plus:before { + content: "\f0d5"; +} +.uk-icon-money:before { + content: "\f0d6"; +} +.uk-icon-caret-down:before { + content: "\f0d7"; +} +.uk-icon-caret-up:before { + content: "\f0d8"; +} +.uk-icon-caret-left:before { + content: "\f0d9"; +} +.uk-icon-caret-right:before { + content: "\f0da"; +} +.uk-icon-columns:before { + content: "\f0db"; +} +.uk-icon-sort:before { + content: "\f0dc"; +} +.uk-icon-sort-down:before { + content: "\f0dd"; +} +.uk-icon-sort-up:before { + content: "\f0de"; +} +.uk-icon-envelope:before { + content: "\f0e0"; +} +.uk-icon-linkedin:before { + content: "\f0e1"; +} +.uk-icon-rotate-left:before, +.uk-icon-undo:before { + content: "\f0e2"; +} +.uk-icon-legal:before { + content: "\f0e3"; +} +.uk-icon-dashboard:before { + content: "\f0e4"; +} +.uk-icon-comment-alt:before { + content: "\f0e5"; +} +.uk-icon-comments-alt:before { + content: "\f0e6"; +} +.uk-icon-bolt:before { + content: "\f0e7"; +} +.uk-icon-sitemap:before { + content: "\f0e8"; +} +.uk-icon-umbrella:before { + content: "\f0e9"; +} +.uk-icon-paste:before { + content: "\f0ea"; +} +.uk-icon-lightbulb:before { + content: "\f0eb"; +} +.uk-icon-exchange:before { + content: "\f0ec"; +} +.uk-icon-cloud-download:before { + content: "\f0ed"; +} +.uk-icon-cloud-upload:before { + content: "\f0ee"; +} +.uk-icon-user-md:before { + content: "\f0f0"; +} +.uk-icon-stethoscope:before { + content: "\f0f1"; +} +.uk-icon-suitcase:before { + content: "\f0f2"; +} +.uk-icon-bell-alt:before { + content: "\f0f3"; +} +.uk-icon-coffee:before { + content: "\f0f4"; +} +.uk-icon-food:before { + content: "\f0f5"; +} +.uk-icon-file-text-alt:before { + content: "\f0f6"; +} +.uk-icon-building:before { + content: "\f0f7"; +} +.uk-icon-hospital:before { + content: "\f0f8"; +} +.uk-icon-ambulance:before { + content: "\f0f9"; +} +.uk-icon-medkit:before { + content: "\f0fa"; +} +.uk-icon-fighter-jet:before { + content: "\f0fb"; +} +.uk-icon-beer:before { + content: "\f0fc"; +} +.uk-icon-h-sign:before { + content: "\f0fd"; +} +.uk-icon-plus-sign-alt:before { + content: "\f0fe"; +} +.uk-icon-double-angle-left:before { + content: "\f100"; +} +.uk-icon-double-angle-right:before { + content: "\f101"; +} +.uk-icon-double-angle-up:before { + content: "\f102"; +} +.uk-icon-double-angle-down:before { + content: "\f103"; +} +.uk-icon-angle-left:before { + content: "\f104"; +} +.uk-icon-angle-right:before { + content: "\f105"; +} +.uk-icon-angle-up:before { + content: "\f106"; +} +.uk-icon-angle-down:before { + content: "\f107"; +} +.uk-icon-desktop:before { + content: "\f108"; +} +.uk-icon-laptop:before { + content: "\f109"; +} +.uk-icon-tablet:before { + content: "\f10a"; +} +.uk-icon-mobile-phone:before { + content: "\f10b"; +} +.uk-icon-circle-blank:before { + content: "\f10c"; +} +.uk-icon-quote-left:before { + content: "\f10d"; +} +.uk-icon-quote-right:before { + content: "\f10e"; +} +.uk-icon-spinner:before { + content: "\f110"; +} +.uk-icon-circle:before { + content: "\f111"; +} +.uk-icon-mail-reply:before, +.uk-icon-reply:before { + content: "\f112"; +} +.uk-icon-github-alt:before { + content: "\f113"; +} +.uk-icon-folder-close-alt:before { + content: "\f114"; +} +.uk-icon-folder-open-alt:before { + content: "\f115"; +} +.uk-icon-expand-alt:before { + content: "\f116"; +} +.uk-icon-collapse-alt:before { + content: "\f117"; +} +.uk-icon-smile:before { + content: "\f118"; +} +.uk-icon-frown:before { + content: "\f119"; +} +.uk-icon-meh:before { + content: "\f11a"; +} +.uk-icon-gamepad:before { + content: "\f11b"; +} +.uk-icon-keyboard:before { + content: "\f11c"; +} +.uk-icon-flag-alt:before { + content: "\f11d"; +} +.uk-icon-flag-checkered:before { + content: "\f11e"; +} +.uk-icon-terminal:before { + content: "\f120"; +} +.uk-icon-code:before { + content: "\f121"; +} +.uk-icon-reply-all:before { + content: "\f122"; +} +.uk-icon-mail-reply-all:before { + content: "\f122"; +} +.uk-icon-star-half-full:before, +.uk-icon-star-half-empty:before { + content: "\f123"; +} +.uk-icon-location-arrow:before { + content: "\f124"; +} +.uk-icon-crop:before { + content: "\f125"; +} +.uk-icon-code-fork:before { + content: "\f126"; +} +.uk-icon-unlink:before { + content: "\f127"; +} +.uk-icon-question:before { + content: "\f128"; +} +.uk-icon-info:before { + content: "\f129"; +} +.uk-icon-exclamation:before { + content: "\f12a"; +} +.uk-icon-superscript:before { + content: "\f12b"; +} +.uk-icon-subscript:before { + content: "\f12c"; +} +.uk-icon-eraser:before { + content: "\f12d"; +} +.uk-icon-puzzle-piece:before { + content: "\f12e"; +} +.uk-icon-microphone:before { + content: "\f130"; +} +.uk-icon-microphone-off:before { + content: "\f131"; +} +.uk-icon-shield:before { + content: "\f132"; +} +.uk-icon-calendar-empty:before { + content: "\f133"; +} +.uk-icon-fire-extinguisher:before { + content: "\f134"; +} +.uk-icon-rocket:before { + content: "\f135"; +} +.uk-icon-maxcdn:before { + content: "\f136"; +} +.uk-icon-chevron-sign-left:before { + content: "\f137"; +} +.uk-icon-chevron-sign-right:before { + content: "\f138"; +} +.uk-icon-chevron-sign-up:before { + content: "\f139"; +} +.uk-icon-chevron-sign-down:before { + content: "\f13a"; +} +.uk-icon-html5:before { + content: "\f13b"; +} +.uk-icon-css3:before { + content: "\f13c"; +} +.uk-icon-anchor:before { + content: "\f13d"; +} +.uk-icon-unlock-alt:before { + content: "\f13e"; +} +.uk-icon-bullseye:before { + content: "\f140"; +} +.uk-icon-ellipsis-horizontal:before { + content: "\f141"; +} +.uk-icon-ellipsis-vertical:before { + content: "\f142"; +} +.uk-icon-rss-sign:before { + content: "\f143"; +} +.uk-icon-play-sign:before { + content: "\f144"; +} +.uk-icon-ticket:before { + content: "\f145"; +} +.uk-icon-minus-sign-alt:before { + content: "\f146"; +} +.uk-icon-check-minus:before { + content: "\f147"; +} +.uk-icon-level-up:before { + content: "\f148"; +} +.uk-icon-level-down:before { + content: "\f149"; +} +.uk-icon-check-sign:before { + content: "\f14a"; +} +.uk-icon-edit-sign:before { + content: "\f14b"; +} +.uk-icon-external-link-sign:before { + content: "\f14c"; +} +.uk-icon-share-sign:before { + content: "\f14d"; +} +.uk-icon-compass:before { + content: "\f14e"; +} +.uk-icon-collapse:before { + content: "\f150"; +} +.uk-icon-collapse-top:before { + content: "\f151"; +} +.uk-icon-expand:before { + content: "\f152"; +} +.uk-icon-euro:before, +.uk-icon-eur:before { + content: "\f153"; +} +.uk-icon-gbp:before { + content: "\f154"; +} +.uk-icon-dollar:before, +.uk-icon-usd:before { + content: "\f155"; +} +.uk-icon-rupee:before, +.uk-icon-inr:before { + content: "\f156"; +} +.uk-icon-yen:before, +.uk-icon-jpy:before { + content: "\f157"; +} +.uk-icon-renminbi:before, +.uk-icon-cny:before { + content: "\f158"; +} +.uk-icon-won:before, +.uk-icon-krw:before { + content: "\f159"; +} +.uk-icon-bitcoin:before, +.uk-icon-btc:before { + content: "\f15a"; +} +.uk-icon-file:before { + content: "\f15b"; +} +.uk-icon-file-text:before { + content: "\f15c"; +} +.uk-icon-sort-by-alphabet:before { + content: "\f15d"; +} +.uk-icon-sort-by-alphabet-alt:before { + content: "\f15e"; +} +.uk-icon-sort-by-attributes:before { + content: "\f160"; +} +.uk-icon-sort-by-attributes-alt:before { + content: "\f161"; +} +.uk-icon-sort-by-order:before { + content: "\f162"; +} +.uk-icon-sort-by-order-alt:before { + content: "\f163"; +} +.uk-icon-thumbs-up:before { + content: "\f164"; +} +.uk-icon-thumbs-down:before { + content: "\f165"; +} +.uk-icon-youtube-sign:before { + content: "\f166"; +} +.uk-icon-youtube:before { + content: "\f167"; +} +.uk-icon-xing:before { + content: "\f168"; +} +.uk-icon-xing-sign:before { + content: "\f169"; +} +.uk-icon-youtube-play:before { + content: "\f16a"; +} +.uk-icon-dropbox:before { + content: "\f16b"; +} +.uk-icon-stackexchange:before { + content: "\f16c"; +} +.uk-icon-instagram:before { + content: "\f16d"; +} +.uk-icon-flickr:before { + content: "\f16e"; +} +.uk-icon-adn:before { + content: "\f170"; +} +.uk-icon-bitbucket:before { + content: "\f171"; +} +.uk-icon-bitbucket-sign:before { + content: "\f172"; +} +.uk-icon-tumblr:before { + content: "\f173"; +} +.uk-icon-tumblr-sign:before { + content: "\f174"; +} +.uk-icon-long-arrow-down:before { + content: "\f175"; +} +.uk-icon-long-arrow-up:before { + content: "\f176"; +} +.uk-icon-long-arrow-left:before { + content: "\f177"; +} +.uk-icon-long-arrow-right:before { + content: "\f178"; +} +.uk-icon-apple:before { + content: "\f179"; +} +.uk-icon-windows:before { + content: "\f17a"; +} +.uk-icon-android:before { + content: "\f17b"; +} +.uk-icon-linux:before { + content: "\f17c"; +} +.uk-icon-dribbble:before { + content: "\f17d"; +} +.uk-icon-skype:before { + content: "\f17e"; +} +.uk-icon-foursquare:before { + content: "\f180"; +} +.uk-icon-trello:before { + content: "\f181"; +} +.uk-icon-female:before { + content: "\f182"; +} +.uk-icon-male:before { + content: "\f183"; +} +.uk-icon-gittip:before { + content: "\f184"; +} +.uk-icon-sun:before { + content: "\f185"; +} +.uk-icon-moon:before { + content: "\f186"; +} +.uk-icon-archive:before { + content: "\f187"; +} +.uk-icon-bug:before { + content: "\f188"; +} +.uk-icon-vk:before { + content: "\f189"; +} +.uk-icon-weibo:before { + content: "\f18a"; +} +.uk-icon-renren:before { + content: "\f18b"; +} +/* Hooks + ========================================================================== */ +/* + * Name: Close + * Description: Defines styles for a close button + * + * Component: `uk-close` + * + * Modifiers: `uk-close-alt` + * + * Uses: Icon: FontAwesome + * + * Used by: Alert + * Modal + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Required for `button` elements and makes + * close button more robust against different box-sizing use + * 2. Required for `button` elements + */ +.uk-close { + -moz-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + + display: inline-block; + width: 20px; + line-height: 20px; + text-align: center; + color: inherit; + opacity: 0.3; + /* 2. */ + + padding: 0; + border: 0; + -webkit-appearance: none; + background: transparent; + /* Needed for Sarari */ + +} +/* Icon */ +.uk-close:after { + display: block; + content: "\f00d"; + font-family: "FontAwesome"; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-close:hover, +.uk-close:focus { + /* 1 */ + + opacity: 0.5; + outline: none; + /* 2 */ + +} +/* Required for `a` elements */ +a.uk-close:hover { + color: inherit; + text-decoration: none; + cursor: pointer; +} +/* Modifier + ========================================================================== */ +.uk-close-alt { + padding: 2px; + border-radius: 100%; + background: #ffffff; + opacity: 1; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3); +} +/* Hover */ +.uk-close-alt:hover, +.uk-close-alt:focus { + opacity: 1; +} +/* Icon */ +.uk-close-alt:after { + opacity: 0.5; +} +.uk-close-alt:hover:after, +.uk-close-alt:focus:after { + opacity: 0.8; +} +/* Hooks + ========================================================================== */ +/* + * Name: Badge + * Description: Defines styles for badges + * + * Component: `uk-badge` + * + * Modifiers: `uk-badge-notification` + * `uk-badge-success` + * `uk-badge-danger` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-badge { + display: inline-block; + padding: 0 5px; + background: #00a8e6; + font-size: 10px; + font-weight: bold; + line-height: 14px; + color: #ffffff; + text-align: center; + vertical-align: middle; + text-transform: none; + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 2px; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); +} +/* Modifier: `uk-badge-notification`; + ========================================================================== */ +.uk-badge-notification { + -moz-box-sizing: border-box; + box-sizing: border-box; + min-width: 18px; + border-radius: 500px; + font-size: 12px; + line-height: 18px; +} +/* Color modifier + ========================================================================== */ +/* + * Modifier: `uk-badge-success` + */ +.uk-badge-success { + background-color: #8cc14c; +} +/* + * Modifier: `uk-badge-warning` + */ +.uk-badge-warning { + background-color: #faa732; +} +/* + * Modifier: `uk-badge-danger` + */ +.uk-badge-danger { + background-color: #da314b; +} +/* Hooks + ========================================================================== */ +/* + * Name: Alert + * Description: Defines styles for alert messages + * + * Component: `uk-alert` + * + * Sub-objects: `uk-alert-close` + * + * Modifiers: `uk-alert-success` + * `uk-alert-warning` + * `uk-alert-danger` + * `uk-alert-large` + * + * Uses: Close: `uk-close` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-alert { + margin-bottom: 15px; + padding: 10px; + background: #ebf7fd; + color: #2d7091; + border: 1px solid rgba(45, 112, 145, 0.3); + border-radius: 4px; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Add margin if adjacent element + */ +* + .uk-alert { + margin-top: 15px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* + * Keep color for headings if the default heading color is changed + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +/* Close in alert + ========================================================================== */ +.uk-alert > .uk-close:first-child { + float: right; +} +/* + * Remove margin from adjacent element + */ +.uk-alert > .uk-close:first-child + * { + margin-top: 0; +} +/* Modifier: `uk-alert-success` + ========================================================================== */ +.uk-alert-success { + background: #f2fae3; + color: #659f13; + border-color: rgba(101, 159, 19, 0.3); +} +/* Modifier: `uk-alert-warning` + ========================================================================== */ +.uk-alert-warning { + background: #fffceb; + color: #e28327; + border-color: rgba(226, 131, 39, 0.3); +} +/* Modifier: `uk-alert-danger` + ========================================================================== */ +.uk-alert-danger { + background: #fff1f0; + color: #d85030; + border-color: rgba(216, 80, 48, 0.3); +} +/* Modifier: `uk-alert-large` + ========================================================================== */ +.uk-alert-large { + padding: 20px; +} +.uk-alert-large > .uk-close:first-child { + margin: -10px -10px 0 0; +} +/* Hooks + ========================================================================== */ +/* + * Name: Thumbnail + * Description: Defines styles for image thumbnails + * + * Component: `uk-thumbnail` + * + * Sub-objects: `uk-thumbnail-caption` + * + * Modifiers: `uk-thumbnail-mini` + * `uk-thumbnail-small` + * `uk-thumbnail-medium` + * `uk-thumbnail-large` + * `uk-thumbnail-expand` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsive behavior + * 3. Required for `figure` element + */ +.uk-thumbnail { + /* Required for `a`, `div` or `figure` elements */ + + display: inline-block; + -moz-box-sizing: border-box; + /* 1 */ + + box-sizing: border-box; + max-width: 100%; + /* 2 */ + + margin: 0; + /* 3 */ + + padding: 4px; + border: 1px solid #dddddd; + background: #ffffff; + border-radius: 4px; +} +/* + * Hover state for `a` elements + * 1. Apply hover style also to focus state + * 2. Needed for caption + * 3. Remove default focus style + */ +a.uk-thumbnail:hover, +a.uk-thumbnail:focus { + /* 1 */ + + border-color: #aaaaaa; + background-color: #ffffff; + text-decoration: none; + /* 2 */ + + outline: none; + /* 3 */ + +} +/* Caption + ========================================================================== */ +.uk-thumbnail-caption { + padding-top: 5px; + text-align: center; + color: #444444; +} +/* Sizes + ========================================================================== */ +.uk-thumbnail-mini { + width: 150px; +} +.uk-thumbnail-small { + width: 200px; +} +.uk-thumbnail-medium { + width: 300px; +} +.uk-thumbnail-large { + width: 400px; +} +.uk-thumbnail-expand, +.uk-thumbnail-expand > img { + width: 100%; +} +/* Hooks + ========================================================================== */ +/* + * Name: Overlay + * Description: Defines styles for image overlays + * + * Component: `uk-overlay` + * + * Sub-objects: `uk-overlay-area` + * `uk-overlay-caption` + * `uk-overlay-toggle` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Set max-width for responsive images to prevent `inline-block` consequences + * 4. Remove the gap between the container and its child element + */ +.uk-overlay { + /* 1 */ + + display: inline-block; + /* 2 */ + + position: relative; + /* 3 */ + + max-width: 100%; + /* 4 */ + + vertical-align: middle; +} +/* Sub-object `uk-overlay-area` + ========================================================================== */ +/* + * 1. Set position + * 2. Set style + * 3. Fade-in transition + */ +.uk-overlay-area { + /* 1 */ + + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + /* 2 */ + + background: rgba(0, 0, 0, 0.3); + /* 3 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Hover + * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + */ +.uk-overlay:hover .uk-overlay-area, +.uk-overlay-toggle:hover .uk-overlay-area { + opacity: 1; +} +/* 1 */ +/* + * Icon + */ +.uk-overlay-area:before { + content: "\f002"; + position: absolute; + top: 50%; + left: 50%; + width: 50px; + height: 50px; + margin-top: -25px; + margin-left: -25px; + font-size: 50px; + line-height: 1; + font-family: "FontAwesome"; + text-align: center; + color: #ffffff; +} +/* Sub-object `uk-overlay-caption` + ========================================================================== */ +/* + * 1. Set position + * 2. Set style + * 3. Fade-in transition + */ +.uk-overlay-caption { + /* 1 */ + + position: absolute; + bottom: 0; + left: 0; + right: 0; + /* 2 */ + + padding: 15px; + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + /* 3 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Hover + * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + */ +.uk-overlay:hover .uk-overlay-caption, +.uk-overlay-toggle:hover .uk-overlay-caption { + opacity: 1; +} +/* 1 */ +/* Hooks + ========================================================================== */ +/* + * Name: Progress + * Description: Defines styles for progress bars + * + * Component: `uk-progress` + * + * Sub-objects: `uk-progress-bar` + * + * Modifiers: `uk-progress-mini` + * `uk-progress-small` + * `uk-progress-success` + * `uk-progress-warning` + * `uk-progress-danger` + * `uk-progress-striped` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Clearing + * 2. Vertical alignment if text is used + */ +.uk-progress { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 20px; + margin-bottom: 15px; + background: #f5f5f5; + overflow: hidden; + /* 1 */ + + line-height: 20px; + /* 2 */ + + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); + border-radius: 4px; +} +/* + * Add margin if adjacent element + */ +* + .uk-progress { + margin-top: 15px; +} +/* Sub-object: `uk-progress-bar` + ========================================================================== */ +.uk-progress-bar { + width: 0; + height: 100%; + background: #00a8e6; + float: left; + /* Transition */ + + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; + /* Allow text */ + + font-size: 12px; + color: #ffffff; + text-align: center; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini { + height: 6px; +} +/* Small */ +.uk-progress-small { + height: 12px; +} +/* Color modifiers + ========================================================================== */ +.uk-progress-success .uk-progress-bar { + background-color: #8cc14c; +} +.uk-progress-warning .uk-progress-bar { + background-color: #faa732; +} +.uk-progress-danger .uk-progress-bar { + background-color: #da314b; +} +/* Modifier: `uk-progress-striped` + ========================================================================== */ +.uk-progress-striped .uk-progress-bar { + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 30px 30px; +} +/* + * Animation + */ +.uk-progress-striped.uk-active .uk-progress-bar { + -webkit-animation: uk-progress-bar-stripes 2s linear infinite; + animation: uk-progress-bar-stripes 2s linear infinite; +} +@-webkit-keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +@keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Search + * Description: Defines a search component + * + * Component: `uk-search` + * + * Sub-objects: `uk-search-field` + * `uk-search-close` + * + * States: `uk-active` + * `uk-loading` + * + * Uses: Animation + * Icon: FontAwesome + * + * Used by: Off-canvas + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Needed for `form` element + */ +.uk-search { + display: inline-block; + position: relative; + /* 1 */ + + margin: 0; + /* 2 */ + +} +/* + * Icon + */ +.uk-search:before { + content: "\f002"; + position: absolute; + top: 0; + left: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-family: "FontAwesome"; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); +} +/* Sub-object `uk-search-field` + ========================================================================== */ +/* + * 1. Needed to reset iOS `input[type="search"]` appearance + */ +.uk-search-field { + width: 120px; + height: 30px; + padding: 0 30px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 0; + /* 1 */ + + background: rgba(0, 0, 0, 0); + color: #444444; + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; +} +/* + * Needed to reset iOS `input[type="search"]` appearance + * Higher specificity to override appearance set by normalize.less + */ +input.uk-search-field { + -webkit-appearance: none; +} +/* Placeholder */ +.uk-search-field:-ms-input-placeholder { + color: #999999; +} +.uk-search-field::-moz-placeholder { + color: #999999; +} +.uk-search-field::-webkit-input-placeholder { + color: #999999; +} +/* Removes cancel button in IE10 */ +.uk-search-field::-ms-clear { + display: none; +} +/* Focus */ +.uk-search-field:focus { + outline: 0; +} +/* Focus + active */ +.uk-search-field:focus, +.uk-active .uk-search-field { + width: 180px; +} +/* Sub-object `uk-search-close` + ========================================================================== */ +/* + * 1. Required for `button` elements + */ +.uk-search-close { + display: none; + position: absolute; + top: 0; + right: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); + /* 1. */ + + padding: 0; + border: 0; + -webkit-appearance: none; + background: transparent; + /* Needed for Sarari */ + +} +.uk-loading > .uk-search-close, +.uk-active > .uk-search-close { + display: block; +} +/* + * Icon + */ +.uk-search-close:after { + display: block; + content: "\f00d"; + font-family: "FontAwesome"; +} +/* Loading icon */ +.uk-loading > .uk-search-close:after { + content: "\f110"; + -webkit-animation: uk-spin 2s infinite linear; + animation: uk-spin 2s infinite linear; +} +/* Hooks + ========================================================================== */ +/* + * Name: Animation + * Description: Provides a useful set of keyframe animations + * + * Component: `uk-animation-*` + * + * Modifiers: `uk-animation-fade` + * `uk-animation-scale-up` + * `uk-animation-scale-down` + * `uk-animation-slide-top` + * `uk-animation-slide-bottom` + * `uk-animation-slide-left` + * `uk-animation-slide-right` + * `uk-animation-reverse` + * + * Used by: Dropdown + * Icon + * Search + * + ========================================================================== */ +/* Component + ========================================================================== */ +[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; +} +/* + * Fade + */ +.uk-animation-fade { + -webkit-animation-name: uk-fade; + animation-name: uk-fade; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + -webkit-animation-name: uk-scale-up; + animation-name: uk-scale-up; +} +.uk-animation-scale-down { + -webkit-animation-name: uk-scale-down; + animation-name: uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + -webkit-animation-name: uk-slide-top; + animation-name: uk-slide-top; +} +.uk-animation-slide-bottom { + -webkit-animation-name: uk-slide-bottom; + animation-name: uk-slide-bottom; +} +.uk-animation-slide-left { + -webkit-animation-name: uk-slide-left; + animation-name: uk-slide-left; +} +.uk-animation-slide-right { + -webkit-animation-name: uk-slide-right; + animation-name: uk-slide-right; +} +/* Modifiers + ========================================================================== */ +.uk-animation-reverse { + -webkit-animation-direction: reverse; + animation-direction: reverse; +} +/* Keyframes + ========================================================================== */ +/* + * Fade + */ +@-webkit-keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale up + */ +@-webkit-keyframes uk-scale-up { + 0% { + opacity: 0; + -webkit-transform: scale(0.2); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-scale-up { + 0% { + opacity: 0; + transform: scale(0.2); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Scale down + */ +@-webkit-keyframes uk-scale-down { + 0% { + opacity: 0; + -webkit-transform: scale(1.8); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + opacity: 0; + transform: scale(1.8); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Slide top + */ +@-webkit-keyframes uk-slide-top { + 0% { + opacity: 0; + -webkit-transform: translateY(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-top { + 0% { + opacity: 0; + transform: translateY(-100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide bottom + */ +@-webkit-keyframes uk-slide-bottom { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + opacity: 0; + transform: translateY(100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide left + */ +@-webkit-keyframes uk-slide-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-slide-left { + 0% { + opacity: 0; + transform: translateX(-100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide right + */ +@-webkit-keyframes uk-slide-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide top fixed + */ +@-webkit-keyframes uk-slide-top-fixed { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-top-fixed { + 0% { + opacity: 0; + transform: translateY(-10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide bottom fixed + */ +@-webkit-keyframes uk-slide-bottom-fixed { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-bottom-fixed { + 0% { + opacity: 0; + transform: translateY(10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Spin + */ +@-webkit-keyframes uk-spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@keyframes uk-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* JavaScript */ +/* + * Name: Dropdown + * Description: Defines styles for a toggleable dropdown + * + * Component: `uk-dropdown` + * + * Modifiers: `uk-dropdown-flip` + * `uk-dropdown-center` + * `uk-dropdown-justify` + * `uk-dropdown-up` + * `uk-dropdown-width-2` + * `uk-dropdown-width-3` + * `uk-dropdown-width-4` + * `uk-dropdown-width-5` + * `uk-dropdown-stack` + * `uk-dropdown-small` + * `uk-dropdown-navbar` + * `uk-dropdown-search` + * + * States: `uk-open` + * + * Uses: Animation + * Grid: `uk-grid`, `uk-width-*` + * Panel: `uk-panel` + * Navbar: `uk-navbar-flip` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Box-sizing is needed for `uk-dropdown-justify` + * 4. Set style + * 5. Reset button group whitespace hack + */ +.uk-dropdown { + /* 1 */ + + display: none; + /* 2 */ + + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + /* 3 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 4 */ + + width: 200px; + margin-top: 5px; + padding: 15px; + background: #ffffff; + color: #444444; + /* 5 */ + + letter-spacing: normal; + border: 1px solid #dddddd; + border-radius: 4px; +} +/* + * 1. Show dropdown + * 2. Set animation + * 3. Needed for scale animation + */ +.uk-open > .uk-dropdown { + /* 1 */ + + display: block; + /* 2 */ + + -webkit-animation: uk-fade 0.2s ease-in-out; + animation: uk-fade 0.2s ease-in-out; + /* 3 */ + + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +/* Alignment modifiers + ========================================================================== */ +/* + * Modifier `uk-dropdown-flip` + */ +.uk-dropdown-flip { + left: auto; + right: 0; +} +/* + * Modifier `uk-dropdown-up` + */ +.uk-dropdown-up { + top: auto; + bottom: 100%; + margin-top: auto; + margin-bottom: 5px; +} +/* Nav in dropdown + ========================================================================== */ +.uk-dropdown .uk-nav { + margin: 0 -15px; +} +/* Grid and panel in dropdown + ========================================================================== */ +/* +* Vertical gutter +*/ +/* Grid */ +.uk-dropdown > .uk-grid + .uk-grid { + margin-top: 15px; +} +/* Panels */ +.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 15px; +} +/* Only tablets and desktops */ +@media (min-width: 768px) { + /* + * Horizontal gutter + */ + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { + margin-left: -15px; + margin-right: -15px; + } + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] { + padding-left: 15px; + padding-right: 15px; + } + /* + * Column divider + */ + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + border-left: 1px solid #dddddd; + } + /* + * Width multiplier for dropdown columns + */ + .uk-dropdown-width-2:not(.uk-dropdown-stack) { + width: 400px; + } + .uk-dropdown-width-3:not(.uk-dropdown-stack) { + width: 600px; + } + .uk-dropdown-width-4:not(.uk-dropdown-stack) { + width: 800px; + } + .uk-dropdown-width-5:not(.uk-dropdown-stack) { + width: 1000px; + } +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Stack columns and take full width + */ + .uk-dropdown > .uk-grid > [class*='uk-width-'] { + width: 100%; + } + /* + * Vertical gutter + */ + .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + margin-top: 15px; + } +} +/* +* Stack grid columns +*/ +.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] { + width: 100%; +} +.uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + margin-top: 15px; +} +/* Modifier `uk-dropdown-small` + ========================================================================== */ +/* + * Set min-width and text expands dropdown if needed + */ +.uk-dropdown-small { + min-width: 150px; + width: auto; + padding: 5px; + white-space: nowrap; +} +/* + * Nav in dropdown + */ +.uk-dropdown-small .uk-nav { + margin: 0 -5px; +} +/* Modifier: `uk-dropdown-navbar` + ========================================================================== */ +.uk-dropdown-navbar { + margin-top: 6px; + background: #ffffff; + color: #444444; + left: -1px; + border: 1px solid #dddddd; + border-radius: 4px; +} +.uk-open > .uk-dropdown-navbar { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* Modifier: `uk-dropdown-search` + ========================================================================== */ +.uk-dropdown-search { + width: 300px; + margin-top: 0; + background: #ffffff; + color: #444444; +} +.uk-open > .uk-dropdown-search { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* + * Dependency `uk-navbar-flip` + */ +.uk-navbar-flip .uk-dropdown-search { + margin-top: 11px; + margin-right: -16px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Modal + * Description: Defines styles for modal dialogs + * + * Component: `uk-modal` + * + * Sub-objects: `uk-modal-dialog` + * `uk-modal-close` + * + * Modifiers: `uk-modal-dialog-slide` + * `uk-modal-dialog-frameless` + * + * States: `uk-open` + * + * Uses: Close: `uk-close` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * This is the modal overlay and modal dialog container + * 1. Hide by default + * 2. Set fixed position + * 3. Webkit needs a height to position the modal dialog vertically in percent + * 4. Allow scrolling for the modal dialog + * 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: 1020; + /* 3 */ + + height: 100%; + /* 4 */ + + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 5 */ + + background: rgba(0, 0, 0, 0.6); + /* 6 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Open state + */ +.uk-modal.uk-open { + opacity: 1; +} +/* + * Prevents dublicated scrollbar caused by 4. + */ +.uk-modal-page { + overflow: hidden; +} +/* Sub-object: `uk-modal-dialog` + ========================================================================== */ +/* + * 1. Set position + * 2. Set box sizing + * 3. Center dialog box + * 4. Set style + */ +.uk-modal-dialog { + /* 1 */ + + position: relative; + top: 10%; + left: 50%; + /* 2 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + width: 600px; + /* 3 */ + + margin-left: -300px; + /* 4 */ + + background: #ffffff; + border-radius: 4px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Fit the phone width perfectly + */ + .uk-modal-dialog { + top: 0; + left: 0; + right: 0; + width: auto; + margin: 10px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-dialog > :last-child { + margin-bottom: 0; +} +/* Modifier: `uk-modal-dialog-slide` + ========================================================================== */ +/* + * Adds a slide-in transition to the modal dialog + */ +.uk-modal-dialog-slide { + opacity: 0; + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; + transition: opacity 0.3s linear, transform 0.3s ease-out; +} +.uk-open .uk-modal-dialog-slide { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Close in modal + ========================================================================== */ +.uk-modal-dialog > .uk-close:first-child { + margin: -10px -10px 0 0; + float: right; +} +/* + * Remove margin from adjacent element + */ +.uk-modal-dialog > .uk-close:first-child + * { + margin-top: 0; +} +/* Modifier: `uk-modal-dialog-frameless` + ========================================================================== */ +.uk-modal-dialog-frameless { + padding: 0; +} +/* + * Close in modal + */ +.uk-modal-dialog-frameless > .uk-close:first-child { + position: absolute; + top: -12px; + right: -12px; + margin: 0; + float: none; +} +/* Only phones */ +@media (max-width: 767px) { + .uk-modal-dialog-frameless > .uk-close:first-child { + top: -7px; + right: -7px; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Off-canvas + * Description: Defines styles for an off-canvas sidebar that slides in and out of the page + * + * Component: `uk-offcanvas` + * + * Sub-objects: `uk-offcanvas-page` + * `uk-offcanvas-bar` + * + * Modifiers: `uk-offcanvas-bar-flip` + * + * States: `uk-active` + * + * Uses: Panel: `uk-panel` + * Search: `uk-search`, `uk-search-field` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * This is the offcanvas overlay and bar container + * 1. Hide by default + * 2. Set fixed position + * 3. Mask the background page + */ +.uk-offcanvas { + /* 1 */ + + display: none; + /* 2 */ + + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + + background: rgba(0, 0, 0, 0.1); +} +.uk-offcanvas.uk-active { + display: block; +} +/* Sub-object `uk-offcanvas-page` + ========================================================================== */ +/* + * Prepares the whole HTML page to slide-out + * 1. Fix the main page and disallow scrolling + * 2. Side-out transition + */ +.uk-offcanvas-page { + /* 1 */ + + position: fixed; + /* 2 */ + + -webkit-transition: margin-left 0.3s ease-in-out 50ms; + transition: margin-left 0.3s ease-in-out 50ms; +} +/* Sub-object `uk-offcanvas-bar` + ========================================================================== */ +/* + * This is the offcanvas bar + * 1. Set fixed position + * 2. Size and style + * 3. Allow scrolling + * 4. Side-out transition + */ +.uk-offcanvas-bar { + /* 1 */ + + position: fixed; + top: 0; + bottom: 0; + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + z-index: 1011; + /* 2 */ + + width: 270px; + max-width: 100%; + background: #333333; + /* 3 */ + + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 4 */ + + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; +} +.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { + -webkit-transform: translateX(0%); + transform: translateX(0%); +} +/* Modifier `uk-offcanvas-bar-flip` + ========================================================================== */ +.uk-offcanvas-bar-flip { + left: auto; + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +/* Panel in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-panel { + margin: 20px 15px; + color: #777777; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +.uk-offcanvas .uk-panel-title { + color: #cccccc; +} +.uk-offcanvas .uk-panel a:not([class]) { + color: #cccccc; +} +.uk-offcanvas .uk-panel a:not([class]):hover { + color: #ffffff; +} +/* Search in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-search { + display: block; + margin: 20px 15px; +} +.uk-offcanvas .uk-search:before { + color: #777777; +} +.uk-offcanvas .uk-search-field { + width: 100%; + border-color: rgba(0, 0, 0, 0); + background: #1a1a1a; + color: #cccccc; +} +.uk-offcanvas .uk-search-field:-ms-input-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-moz-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-webkit-input-placeholder { + color: #777777; +} +/* Hooks + ========================================================================== */ +/* + * Name: Switcher + * Description: Defines styles for the switcher + * + * Component: `uk-switcher` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* + * Items + */ +.uk-switcher > *:not(.uk-active) { + display: none; +} +/* + * Name: Tooltip + * Description: Defines styles for tooltips + * + * Component: `uk-tooltip` + * + * Modifiers `uk-tooltip-top` + * `uk-tooltip-top-left` + * `uk-tooltip-top-right` + * `uk-tooltip-bottom` + * `uk-tooltip-bottom-left` + * `uk-tooltip-bottom-right` + * `uk-tooltip-left` + * `uk-tooltip-right` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set fixed position + * 3. Set dimensions + * 4. Set style + */ +.uk-tooltip { + /* 1 */ + + display: none; + /* 2 */ + + position: absolute; + z-index: 1030; + /* 3 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 200px; + padding: 5px 8px; + /* 4 */ + + background: #333333; + color: rgba(255, 255, 255, 0.7); + font-size: 12px; + line-height: 18px; + text-align: center; + border-radius: 3px; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* Triangle + ========================================================================== */ +/* + * 1. Dashed is less antialised than solid + */ +.uk-tooltip:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + border: 5px dashed #333333; + /* 1 */ + +} +/* Direction modifiers + ========================================================================== */ +/* + * Top + */ +.uk-tooltip-top:after, +.uk-tooltip-top-left:after, +.uk-tooltip-top-right:after { + bottom: -5px; + border-top-style: solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: #333333; +} +/* + * Bottom + */ +.uk-tooltip-bottom:after, +.uk-tooltip-bottom-left:after, +.uk-tooltip-bottom-right:after { + top: -5px; + border-bottom-style: solid; + border-top: none; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: #333333; +} +/* + * Top/Bottom center + */ +.uk-tooltip-top:after, +.uk-tooltip-bottom:after { + left: 50%; + margin-left: -5px; +} +/* + * Top/Bottom left + */ +.uk-tooltip-top-left:after, +.uk-tooltip-bottom-left:after { + left: 10px; +} +/* + * Top/Bottom right + */ +.uk-tooltip-top-right:after, +.uk-tooltip-bottom-right:after { + right: 10px; +} +/* + * Left + */ +.uk-tooltip-left:after { + right: -5px; + top: 50%; + margin-top: -5px; + border-left-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: #333333; +} +/* + * Right + */ +.uk-tooltip-right:after { + left: -5px; + top: 50%; + margin-top: -5px; + border-right-style: solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: #333333; +} +/* Hooks + ========================================================================== */ +/* Need to be loaded last */ +/* + * Name: Text + * Description: Collection of useful text utility classes to style your content + * + * Component: `uk-text-*` + * + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 11px; + line-height: 16px; +} +.uk-text-large { + font-size: 18px; + line-height: 24px; +} +/* Weight modifiers + ========================================================================== */ +.uk-text-bold { + font-weight: bold; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999999; +} +.uk-text-info { + color: #2d7091; +} +.uk-text-success { + color: #659f13; +} +.uk-text-warning { + color: #e28327; +} +.uk-text-danger { + color: #d85030; +} +/* 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; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + */ +.uk-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* + * Break strings if their length exceeds the width of their container + */ +.uk-text-break { + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +/* + * Name: Utility + * Description: Collection of useful utility classes to style your content + * + * Component: `uk-container-*` + * `uk-clearfix` + * `uk-nbfc-*` + * `uk-float-*` + * `uk-align-*` + * `uk-vertical-align` + * `uk-height-1-1` + * `uk-responsive-*` + * `uk-margin-*` + * `uk-heading-*` + * `uk-link-muted` + * `uk-scrollable-*` + * `uk-display-*` + * `uk-visible-*` + * `uk-hidden-*` + * + ========================================================================== */ +/* Container + ========================================================================== */ +.uk-container { + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 980px; + padding: 0 25px; +} +/* Only large screens */ +@media (min-width: 1220px) { + .uk-container { + max-width: 1200px; + padding: 0 35px; + } +} +/* + * Micro clearfix + */ +.uk-container:before, +.uk-container:after { + content: " "; + display: table; +} +.uk-container:after { + clear: both; +} +/* + * Center container + */ +.uk-container-center { + margin-left: auto; + margin-right: auto; +} +/* Clearing + ========================================================================== */ +/* + * Micro clearfix + */ +.uk-clearfix:before, +.uk-clearfix:after { + content: " "; + display: table; +} +.uk-clearfix:after { + clear: both; +} +/* + * Create a new block formatting context + */ +.uk-nbfc { + overflow: hidden; +} +.uk-nbfc-alt { + display: table-cell; + width: 10000px; +} +/* Alignment of block elements + ========================================================================== */ +/* + * Float blocks + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* Alignment of images and objects + ========================================================================== */ +/* + * Alignment + */ +[class*='uk-align-'] { + display: block; + margin-bottom: 15px; +} +.uk-align-left { + margin-right: 15px; + float: left; +} +.uk-align-right { + margin-left: 15px; + float: right; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + .uk-align-medium-left { + margin-right: 15px; + margin-bottom: 15px; + float: left; + } + .uk-align-medium-right { + margin-left: 15px; + margin-bottom: 15px; + float: right; + } +} +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* Vertical alignment + ========================================================================== */ +/* + * Remove whitespace between child elements when using `inline-block` + */ +.uk-vertical-align { + letter-spacing: -0.31em; +} +/* + * The `uk-vertical-align` container needs a specific height + */ +.uk-vertical-align:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +/* + * Sub-object which can have any height + * 1. Reset whitespace hack + */ +.uk-vertical-align-middle, +.uk-vertical-align-bottom { + display: inline-block; + letter-spacing: normal; + /* 1 */ + + max-width: 100%; +} +.uk-vertical-align-middle { + vertical-align: middle; +} +.uk-vertical-align-bottom { + vertical-align: bottom; +} +/* + * This helper class is very useful to extend the `html` and `body` element to the full height of the page. + */ +.uk-height-1-1 { + height: 100%; +} +/* Responsive objects + * Note: Images are already responsive by default, see Base component + ========================================================================== */ +/* + * 1. Corrects max-width/max-height behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Responsiveness: Sets a maxium width relative to the parent and auto scales the height + */ +.uk-responsive-width { + max-width: 100%; + height: auto; +} +/* + * Responsiveness: Sets a maxium height relative to the parent and auto scales the width + * Only works if the parent element has a fixed height. + */ +.uk-responsive-height { + max-height: 100%; + width: auto; +} +/* Margin + ========================================================================== */ +/* + * Create a block with the same margin of a paragraph + */ +.uk-margin { + margin-bottom: 15px; +} +/* + * Add margin if adjacent element + */ +* + .uk-margin { + margin-top: 15px; +} +/* + * Margin top and bottom + */ +.uk-margin-top { + margin-top: 15px !important; +} +.uk-margin-bottom { + margin-bottom: 15px !important; +} +/* + * Remove margins + */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-top-remove { + margin-top: 0 !important; +} +.uk-margin-bottom-remove { + margin-bottom: 0 !important; +} +/* Headings + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-heading-large { + font-size: 52px; + line-height: 64px; + } +} +/* Link + ========================================================================== */ +.uk-link-muted, +.uk-link-muted * { + color: #444444; +} +.uk-link-muted:hover, +.uk-link-muted *:hover { + color: #444444; +} +/* Scrollable + ========================================================================== */ +/* + * Enable scrolling for preformatted text + */ +.uk-scrollable-text { + max-height: 300px; + overflow-y: scroll; +} +/* + * Box with scrolling enabled + */ +.uk-scrollable-box { + max-height: 150px; + padding: 10px; + border: 1px solid #dddddd; + overflow: auto; + border-radius: 3px; +} +/* + * Remove margin from the last-child + */ +.uk-scrollable-box > :last-child { + margin-bottom: 0; +} +/* Display + ========================================================================== */ +/* + * Display + */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* + * Visibility + * Avoids setting display to `block` + */ +/* Only desktops */ +@media (min-width: 960px) { + .uk-visible-small { + display: none !important; + } + .uk-visible-medium { + display: none !important; + } + .uk-hidden-large { + display: none !important; + } +} +/* Only tablets portrait */ +@media (min-width: 768px) and (max-width: 959px) { + .uk-visible-small { + display: none !important; + } + .uk-visible-large { + display: none !important ; + } + .uk-hidden-medium { + display: none !important; + } +} +/* Only phones */ +@media (max-width: 767px) { + .uk-visible-medium { + display: none !important; + } + .uk-visible-large { + display: none !important; + } + .uk-hidden-small { + display: none !important; + } +} +/* Remove from the flow and screen readers on any device */ +.uk-hidden { + display: none !important; + visibility: hidden !important; +} +/* Show on hover */ +.uk-visible-hover:hover .uk-hidden { + display: block !important; + visibility: visible !important; +} +.uk-visible-hover-inline:hover .uk-hidden { + display: inline-block !important; + visibility: visible !important; +} +/* Hooks + ========================================================================== */ +/* + * Component: Print + * Description: Optimize page for printing + * + * Adapted from http://github.com/h5bp/html5-boilerplate + * + * Modifications: Removed link `href` and `title` related rules + * + ========================================================================== */ +@media print { + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} +/* Theme + ========================================================================== */ +/* LESS related */ +/* + * Variables component + * + ========================================================================== */ +/* Global variables + ========================================================================== */ +/* Theme variables + ========================================================================== */ +/* + * Backgrounds + */ +/* + * Borders + */ +/* + * Text shadows + */ +/* Components variables + ========================================================================== */ +/* + * Base + */ +/* + * Panel + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Subnav + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Table + */ +/* + * Form + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Close + */ +/* + * Progress + */ +/* + * Dropdown + */ +/* Theme component variables + ========================================================================== */ +/* + * Base + */ +/* + * Panel + */ +/* + * Article + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Table + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Badge + */ +/* + * Alert + */ +/* + * Progress + */ +/* + * Dropdown + */ +/* + * Offcanvas + */ +/* + * Tooltip + */ +/* Defaults */ +/* + * Base component + * + ========================================================================== */ +/* Body + ========================================================================== */ +/* Code and preformatted text + ========================================================================== */ +/* Layout */ +/* + * Panel component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object: `uk-panel-title` + ========================================================================== */ +/* Sub-object: `uk-panel-badge` + ========================================================================== */ +/* Modifier: `uk-panel-box` + ========================================================================== */ +/* Modifier: `uk-panel-header` + ========================================================================== */ +/* + * Article component + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-article + .uk-article { + padding-top: 15px; + border-top: 1px solid #dddddd; +} +/* Sub-object `uk-article-title` + ========================================================================== */ +/* Sub-object `uk-article-meta` + ========================================================================== */ +/* Sub-object `uk-article-lead` + ========================================================================== */ +/* Sub-object `uk-article-divider` + ========================================================================== */ +/* + * Comment component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-comment-header` + ========================================================================== */ +/* Sub-object `uk-comment-avatar` + ========================================================================== */ +/* Sub-object `uk-comment-title` + ========================================================================== */ +/* Sub-object `uk-comment-meta` + ========================================================================== */ +/* Sub-object `uk-comment-body` + ========================================================================== */ +.uk-comment-body { + padding-left: 10px; + padding-right: 10px; +} +/* Navs */ +/* + * Nav component + * + ========================================================================== */ +/* Component +========================================================================== */ +/* Sub-object: `uk-nav-header` +========================================================================== */ +/* Sub-object: `uk-nav-divider` +========================================================================== */ +/* Sub-object: `uk-nav-sub` +========================================================================== */ +/* Modifier: `uk-nav-parent-icon` + ========================================================================== */ +/* Modifier `uk-nav-side` + ========================================================================== */ +/* +* Items +*/ +/* Hover */ +/* Active */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-dropdown` + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-navbar` + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +/* Active */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-offcanvas` + ========================================================================== */ +.uk-nav-offcanvas { + border-bottom: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} +/* + * Items + */ +/* Active */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* + * Sub-object: `uk-nav-sub` + */ +.uk-nav-offcanvas .uk-nav-sub { + border-top: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); +} +/* + * Navbar component + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-navbar:not(.uk-navbar-attached) { + border-radius: 4px; +} +/* Sub-object: `uk-navbar-nav` + ========================================================================== */ +/* + * 1. Overlap top border + * 2. Collapse horizontal borders + * 3. Adjust height because of 1. and `box-sizing` set to `border-box` + */ +/* + * Apply same `border-radius` as `uk-navbar` + */ +.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +/* + * Sub-modifier `uk-navbar-flip` + */ +/* Collapse border */ +.uk-navbar .uk-navbar-flip .uk-navbar-nav > li > a { + margin-left: 0; + margin-right: -1px; +} +/* Apply same `border-radius` as `uk-navbar` */ +.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +/* + * Needed for hover + * 1. Create position context to superimpose the successor elements border + * 2. Needed because the `li` elements have already a position context + */ +/* Hover *//* OnClick *//* Active *//* Sub-object: `uk-navbar-content` + ========================================================================== */ +/* + * Subnav component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-subnav-line' + ========================================================================== */ +/* Modifier: `uk-subnav-pill' + ========================================================================== */ +/* Hover */ +/* Active */ +/* + * Breadcrumb component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Items + ========================================================================== */ +/* + * Pagination component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Items + ========================================================================== */ +/* + * Active + */ +/* + * Disabled + */ +/* + * Tab component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* Active */ +/* Disabled */ +/* Modifier: `uk-tab-bottom' + ========================================================================== */ +.uk-tab-bottom > li > a { + border-radius: 0 0 4px 4px; +} +/* Modifier: `uk-tab-left', `uk-tab-right' + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + /* + * Modifier: `uk-tab-left' + */ + .uk-tab-left > li > a { + border-radius: 4px 0 0 4px; + } + /* + * Modifier: `uk-tab-right' + */ + .uk-tab-right > li > a { + border-radius: 0 4px 4px 0; + } +} +/* Elements */ +/* + * List component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `list-line` + ========================================================================== */ +/* Modifier: `list-striped` + ========================================================================== */ +.uk-list-striped > li:first-child { + border-top: 1px solid #dddddd; +} +/* + * Table component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Form component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Common */ +/* + * Button component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Color modifiers + ========================================================================== */ +.uk-button-primary, +.uk-button-success, +.uk-button-danger { + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +.uk-button-primary:hover, +.uk-button-primary:focus, +.uk-button-success:hover, +.uk-button-success:focus, +.uk-button-danger:hover, +.uk-button-danger:focus { + border-color: rgba(0, 0, 0, 0.21); +} +/* Disabled state + ========================================================================== */ +/* Modifier: `uk-button-link` + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +/* Sub-object `uk-button-group` + ========================================================================== */ +/* + * Reset border-radius + */ +.uk-button-group > .uk-button:not(:first-child):not(:last-child), +.uk-button-group > div:not(:first-child):not(:last-child) .uk-button { + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-radius: 0; +} +.uk-button-group > .uk-button:first-child, +.uk-button-group > div:first-child .uk-button { + border-right-color: rgba(0, 0, 0, 0.1); + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.uk-button-group > .uk-button:last-child, +.uk-button-group > div:last-child .uk-button { + border-left-color: rgba(0, 0, 0, 0.1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +/* + * 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:active { + position: relative; +} +/* + * Icon component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-icon-button` + ========================================================================== */ +/* Hover */ +/* Active */ +/* + * Close component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-close-alt` + ========================================================================== */ +/* + * Badge component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Alert component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-alert-success` + ========================================================================== */ +/* Modifier: `uk-alert-warning` + ========================================================================== */ +/* Modifier: `uk-alert-danger` + ========================================================================== */ +/* + * Thumbnail component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Caption + ========================================================================== */ +/* + * Overlay component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-overlay-area` + ========================================================================== */ +/* Sub-object `uk-overlay-caption` + ========================================================================== */ +/* + * Progress component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object: `progress-bar` + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini, +.uk-progress-small { + border-radius: 500px; +} +/* + * Search component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-search-field` + ========================================================================== */ +/* Sub-object `uk-search-close` + ========================================================================== */ +/* JavaScript */ +/* + * Dropdown component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-dropdown-navbar` + ========================================================================== */ +.uk-dropdown-navbar.uk-dropdown-flip { + left: auto; +} +/* Modifier: `uk-dropdown-search` + ========================================================================== */ +/* + * Modal component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object: `uk-modal-dialog` + ========================================================================== */ +/* + * Off-canvas component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-offcanvas-bar` + ========================================================================== */ +.uk-offcanvas-bar:after { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 1px; + background: rgba(0, 0, 0, 0.6); + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); +} +.uk-offcanvas-bar-flip:after { + right: auto; + left: 0; + width: 1px; + background: rgba(0, 0, 0, 0.6); + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); +} +/* Panel in offcanvas + ========================================================================== */ +/* Search in offcanvas + ========================================================================== */ +/* + * Tooltip component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Need to be loaded last */ +/* + * Utility component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Container + ========================================================================== */ +/* Scrollable + ========================================================================== */ diff --git a/app/static/lib/uikit/css/uikit.almost-flat.min.css b/app/static/lib/uikit/css/uikit.almost-flat.min.css new file mode 100644 index 0000000..b7bd45d --- /dev/null +++ b/app/static/lib/uikit/css/uikit.almost-flat.min.css @@ -0,0 +1,3 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:Consolas,monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}input[type="radio"],input[type="checkbox"]{cursor:pointer}button:disabled,input:disabled{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder{opacity:1}table{border-collapse:collapse;border-spacing:0}html{font-size:14px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:20px;color:#444}@media(max-width:767px){body{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}a{text-decoration:none}a:hover{text-decoration:underline}a{color:#07d}a:hover{color:#059}em{color:#d05}ins{background:#ffa;color:#444;text-decoration:none}mark{background:#ffa;color:#444}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted;font-style:normal}img{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle}.uk-img-preserve,.uk-img-preserve img,img[src*="maps.gstatic.com"],img[src*="googleapis.com"]{max-width:none}p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure{margin:0 0 15px 0}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;color:#444;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:25px}h1,.uk-h1{font-size:36px;line-height:42px}h2,.uk-h2{font-size:24px;line-height:30px}h3,.uk-h3{font-size:18px;line-height:24px}h4,.uk-h4{font-size:16px;line-height:22px}h5,.uk-h5{font-size:14px;line-height:20px}h6,.uk-h6{font-size:12px;line-height:18px}ul,ol{padding-left:30px}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:bold}dd{margin-left:0}hr{display:block;padding:0;border:0;border-top:1px solid #ddd}address{font-style:normal}q,blockquote{font-style:italic}blockquote{padding-left:15px;border-left:5px solid #ddd;font-size:16px;line-height:22px}blockquote small{display:block;color:#999;font-style:normal}blockquote p:last-of-type{margin-bottom:5px}code{color:#d05;font-size:12px;white-space:nowrap;padding:0 4px;border:1px solid #ddd;border-radius:3px;background:#fafafa}pre code{color:inherit;white-space:pre-wrap;padding:0;border:0;background:transparent}pre{padding:10px;background:#fafafa;color:#444;font-size:12px;line-height:18px;-moz-tab-size:4;tab-size:4;border:1px solid #ddd;border-radius:3px}button,input:not([type="radio"]):not([type="checkbox"]),select{vertical-align:middle}iframe{border:0}@-ms-viewport{width:device-width}.uk-grid:before,.uk-grid:after{content:" ";display:table}.uk-grid:after{clear:both}.uk-grid{margin:0 0 0 -25px;padding:0;list-style:none}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>[class*='uk-width-']{margin:0;padding-left:25px;float:left}.uk-grid>[class*='uk-width-']>:last-child{margin-bottom:0}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider:not(:empty)>[class*='uk-width-']{padding-left:25px;padding-right:25px}.uk-grid-divider:not(:empty)>[class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-2-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-3-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-4-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-5-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-6-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-7-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-8-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-9-']:nth-child(n+2){border-left:1px solid #ddd}@media(min-width:768px){.uk-grid-divider:not(:empty)>[class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media(min-width:960px){.uk-grid-divider:not(:empty)>[class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}.uk-grid>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:25px}@media(min-width:1220px){.uk-grid:not(.uk-grid-preserve){margin-left:-35px}.uk-grid:not(.uk-grid-preserve)>[class*='uk-width-']{padding-left:35px}.uk-grid:not(.uk-grid-preserve)+.uk-grid{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>.uk-grid-margin{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty)>[class*='uk-width-']{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}[class*='uk-width-']{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media(min-width:768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media(min-width:960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media(min-width:768px){[class*='uk-push-'],[class*='uk-pull-']{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{position:relative}.uk-panel:before,.uk-panel:after{content:" ";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-bottom:15px;font-size:18px;line-height:24px;font-weight:normal;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-badge+*{margin-top:0}.uk-panel-box{padding:15px;background:#fafafa;color:#444;border:1px solid #ddd;border-radius:4px}.uk-panel-box .uk-panel-title{color:#444}.uk-panel-box .uk-panel-badge{top:10px;right:10px}.uk-panel-box .uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,0.3)}.uk-panel-box-primary .uk-panel-title{color:#2d7091}.uk-panel-box-secondary{background-color:#fff;color:#444}.uk-panel-box-secondary .uk-panel-title{color:#444}.uk-panel-header .uk-panel-title{padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.uk-panel-space{padding:30px}.uk-panel-space .uk-panel-badge{top:30px;right:30px}.uk-panel+.uk-panel-divider{margin-top:50px!important}.uk-panel+.uk-panel-divider:before{content:"";display:block;position:absolute;top:-25px;left:0;right:0;border-top:1px solid #ddd}@media(min-width:1220px){.uk-panel+.uk-panel-divider{margin-top:70px!important}.uk-panel+.uk-panel-divider:before{top:-35px}}.uk-article:before,.uk-article:after{content:" ";display:table}.uk-article:after{clear:both}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:15px}.uk-article-title{font-size:36px;line-height:42px;font-weight:normal;text-transform:none}.uk-article-title a{color:inherit;text-decoration:none}.uk-article-meta{font-size:12px;line-height:18px;color:#999}.uk-article-lead{color:#444;font-size:18px;line-height:24px;font-weight:normal}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-comment-header{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px;background:#fafafa}.uk-comment-header:before,.uk-comment-header:after{content:" ";display:table}.uk-comment-header:after{clear:both}.uk-comment-avatar{margin-right:15px;float:left}.uk-comment-title{margin:5px 0 0 0;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body>:last-child{margin-bottom:0}.uk-comment-list{padding:0;list-style:none}.uk-comment-list .uk-comment+ul{margin:25px 0 0 0;padding-left:100px;list-style:none}.uk-comment-list>li:nth-child(n+2),.uk-comment-list .uk-comment+ul>li:nth-child(n+2){margin-top:25px}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav>li>a{padding:5px 15px}.uk-nav ul{padding-left:15px}.uk-nav ul a{padding:2px 0}.uk-nav li>a>div{font-size:12px;line-height:18px}.uk-nav-header{padding:5px 15px;text-transform:uppercase;font-weight:bold;font-size:12px}.uk-nav-header:not(:first-child){margin-top:15px}.uk-nav-divider{margin:9px 15px}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-parent-icon>.uk-parent>a:after{content:"\f104";width:20px;margin-right:-10px;float:right;font-family:"FontAwesome";text-align:center}.uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f107"}.uk-nav-side>li>a{color:#444}.uk-nav-side>li>a:hover,.uk-nav-side>li>a:focus{background:rgba(0,0,0,0.03);color:#444;outline:0;box-shadow:inset 0 0 1px rgba(0,0,0,0.06);text-shadow:0 -1px 0 #fff}.uk-nav-side>li.uk-active>a{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-nav-side .uk-nav-header{color:#444}.uk-nav-side .uk-nav-divider{border-top:1px solid #ddd;box-shadow:0 1px 0 #fff}.uk-nav-side ul a{color:#07d}.uk-nav-side ul a:hover{color:#059}.uk-nav-dropdown>li>a{color:#444}.uk-nav-dropdown>li>a:hover,.uk-nav-dropdown>li>a:focus{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-nav-dropdown .uk-nav-header{color:#999}.uk-nav-dropdown .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-dropdown ul a{color:#07d}.uk-nav-dropdown ul a:hover{color:#059}.uk-nav-navbar>li>a{color:#444}.uk-nav-navbar>li>a:hover,.uk-nav-navbar>li>a:focus{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-nav-navbar .uk-nav-header{color:#999}.uk-nav-navbar .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-navbar ul a{color:#07d}.uk-nav-navbar ul a:hover{color:#059}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-nav-offcanvas>li>a{color:#ccc;padding:10px 15px;border-top:1px solid rgba(0,0,0,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus{background:#404040;color:#fff;outline:0}html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a;color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}.uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,0.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,0.01);margin:0;height:4px;background:rgba(0,0,0,0.2);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-navbar{background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,0.06)}.uk-navbar:before,.uk-navbar:after{content:" ";display:table}.uk-navbar:after{clear:both}.uk-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-navbar-nav>li{position:relative;float:left}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;margin-top:-1px;margin-left:-1px;height:41px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-navbar-nav>li>a[href='#']{cursor:auto}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus,.uk-navbar-nav>li.uk-open>a{background-color:#fafafa;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-top-color:rgba(0,0,0,0.1)}.uk-navbar-nav>li>a:active{background-color:#eee;color:#444;border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-top-color:rgba(0,0,0,0.2)}.uk-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-top-color:rgba(0,0,0,0.1)}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height:28px}.uk-navbar-nav-subtitle>div{margin-top:-6px;font-size:10px;line-height:12px}.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;height:40px;padding:0 15px;float:left;text-shadow:0 1px 0 #fff}.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center){padding-left:0}.uk-navbar-content>a:not([class]){color:#07d}.uk-navbar-content>a:not([class]):hover{color:#059}.uk-navbar-brand{font-size:18px;color:#444}.uk-navbar-brand:hover,.uk-navbar-brand:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle{font-size:18px;color:#444}.uk-navbar-toggle:hover,.uk-navbar-toggle:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle:after{content:"\f0c9";font-family:"FontAwesome";vertical-align:middle}.uk-navbar-toggle-alt:after{content:"\f002"}.uk-navbar-center{max-width:50%;margin:auto;float:none;text-align:center}.uk-navbar-flip{float:right}.uk-subnav{padding:0;list-style:none;letter-spacing:-0.31em}.uk-subnav>li{position:relative;letter-spacing:normal}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.uk-subnav>li>a{color:#07d}.uk-subnav>li>a:hover{color:#059}.uk-subnav>li>span{color:#999}.uk-subnav-line>li:nth-child(n+2):before{content:"";display:inline-block;height:10px;margin-right:10px;border-left:1px solid #ddd}.uk-subnav-pill>li>a,.uk-subnav-pill>li>span{padding:3px 9px;text-decoration:none;border-radius:4px}.uk-subnav-pill>li>a:hover,.uk-subnav-pill>li>a:focus{background:#fafafa;color:#444;outline:0;box-shadow:0 0 0 1px rgba(0,0,0,0.15)}.uk-subnav-pill>li.uk-active>a{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,0.05)}.uk-breadcrumb{padding:0;list-style:none;letter-spacing:-0.31em}.uk-breadcrumb>li{letter-spacing:normal}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px;vertical-align:top}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;letter-spacing:-0.31em}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;letter-spacing:normal}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;text-align:center;border-radius:4px}.uk-pagination>li>a{background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,0.06);text-shadow:0 1px 0 #fff}.uk-pagination>li>a:hover,.uk-pagination>li>a:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,0.16)}.uk-pagination>li>a:active{background-color:#eee;color:#444}.uk-pagination>.uk-active>span{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-pagination>.uk-disabled>span{background-color:#fafafa;color:#999;border:1px solid rgba(0,0,0,0.06);text-shadow:0 1px 0 #fff}.uk-pagination-previous{float:left}.uk-pagination-next{float:right}.uk-pagination-left{text-align:left}.uk-pagination-right{text-align:right}.uk-tab{margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd}.uk-tab:before,.uk-tab:after{content:" ";display:table}.uk-tab:after{clear:both}.uk-tab>li{position:relative;margin-bottom:-1px;float:left}.uk-tab>li>a{display:block;padding:8px 12px;border:1px solid transparent;border-bottom-width:0;color:#07d;text-decoration:none;border-radius:4px 4px 0 0;text-shadow:0 1px 0 #fff}.uk-tab>li:nth-child(n+2)>a{margin-left:5px}.uk-tab>li>a:hover,.uk-tab>li>a:focus,.uk-tab>li.uk-open>a{border-color:rgba(0,0,0,0.06);background:#f5f5f5;color:#059;outline:0}.uk-tab>li:not(.uk-active)>a:hover,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li.uk-open:not(.uk-active)>a{margin-bottom:1px;padding-bottom:7px}.uk-tab>li.uk-active>a{border-color:#ddd;border-bottom-color:transparent;background:#fff;color:#444}.uk-tab>li.uk-disabled>a{color:#999;cursor:auto}.uk-tab>li.uk-disabled>a:hover,.uk-tab>li.uk-disabled>a:focus,.uk-tab>li.uk-disabled.uk-active>a{background:0;border-color:transparent}.uk-tab-flip>li{float:right}.uk-tab-flip>li:nth-child(n+2)>a{margin-left:0;margin-right:5px}.uk-tab-responsive{display:none}.uk-tab-responsive>a:before{content:"\f0c9\00a0";font-family:"FontAwesome"}@media(max-width:767px){[data-uk-tab]>li{display:none}[data-uk-tab]>li.uk-tab-responsive{display:block}[data-uk-tab]>li.uk-tab-responsive>a{margin-left:0;margin-right:0}}.uk-tab-center{border-bottom:1px solid #ddd}.uk-tab-center-bottom{border-bottom:0;border-top:1px solid #ddd}.uk-tab-center:before,.uk-tab-center:after{content:" ";display:table}.uk-tab-center:after{clear:both}.uk-tab-center .uk-tab{position:relative;left:50%;border:0;float:left}.uk-tab-center .uk-tab>li{position:relative;left:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:0}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{position:relative;z-index:0;margin-left:-5px;border-bottom:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;z-index:-1;border-top:1px solid #ddd}.uk-tab-grid>li:first-child>a{margin-left:5px}.uk-tab-grid>li>a{text-align:center}.uk-tab-grid.uk-tab-bottom{border-top:0}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media(min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:0}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#ddd}.uk-tab-left{border-right:1px solid #ddd}.uk-tab-left>li{margin-right:-1px}.uk-tab-left>li>a{border-bottom-width:1px;border-right-width:0}.uk-tab-left>li:not(.uk-active)>a:hover,.uk-tab-left>li:not(.uk-active)>a:focus{margin-bottom:0;margin-right:1px;padding-bottom:8px;padding-right:11px}.uk-tab-left>li.uk-active>a{border-right-color:transparent}.uk-tab-right{border-left:1px solid #ddd}.uk-tab-right>li{margin-left:-1px}.uk-tab-right>li>a{border-bottom-width:1px;border-left-width:0}.uk-tab-right>li:not(.uk-active)>a:hover,.uk-tab-right>li:not(.uk-active)>a:focus{margin-bottom:0;margin-left:1px;padding-bottom:8px;padding-left:11px}.uk-tab-right>li.uk-active>a{border-left-color:transparent}}.uk-list{padding:0;list-style:none}.uk-list ul{margin:0;padding-left:20px;list-style:none}.uk-list-line>li:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-list-striped>li{padding:5px 5px;border-bottom:1px solid #ddd}.uk-list-striped>li:nth-of-type(odd){background:#fafafa}.uk-list-space>li:nth-child(n+2){margin-top:10px}@media(min-width:768px){.uk-description-list-horizontal{overflow:hidden}.uk-description-list-horizontal>dt{width:160px;float:left;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-description-list-horizontal>dd{margin-left:180px}}.uk-description-list-line>dt{font-weight:normal}.uk-description-list-line>dt:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-description-list-line>dd{color:#999}.uk-table{width:100%;margin-bottom:15px 0}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding:8px 8px;border-bottom:1px solid #ddd}.uk-table th{text-align:left}.uk-table td{vertical-align:top}.uk-table thead th{vertical-align:bottom}.uk-table caption,.uk-table tfoot{font-size:12px;font-style:italic}.uk-table caption{text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-striped tbody tr:nth-of-type(odd) td{background:#fafafa}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover td{background:#f0f0f0}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input[type="text"],.uk-form input[type="password"],.uk-form input[type="datetime"],.uk-form input[type="datetime-local"],.uk-form input[type="date"],.uk-form input[type="month"],.uk-form input[type="time"],.uk-form input[type="week"],.uk-form input[type="number"],.uk-form input[type="email"],.uk-form input[type="url"],.uk-form input[type="search"],.uk-form input[type="tel"],.uk-form input[type="color"]{height:30px;max-width:100%;padding:4px 6px;border:1px solid #ddd;background:#fff;color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:4px}.uk-form select:focus,.uk-form textarea:focus,.uk-form input[type="text"]:focus,.uk-form input[type="password"]:focus,.uk-form input[type="datetime"]:focus,.uk-form input[type="datetime-local"]:focus,.uk-form input[type="date"]:focus,.uk-form input[type="month"]:focus,.uk-form input[type="time"]:focus,.uk-form input[type="week"]:focus,.uk-form input[type="number"]:focus,.uk-form input[type="email"]:focus,.uk-form input[type="url"]:focus,.uk-form input[type="search"]:focus,.uk-form input[type="tel"]:focus,.uk-form input[type="color"]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input[type="text"]:disabled,.uk-form input[type="password"]:disabled,.uk-form input[type="datetime"]:disabled,.uk-form input[type="datetime-local"]:disabled,.uk-form input[type="date"]:disabled,.uk-form input[type="month"]:disabled,.uk-form input[type="time"]:disabled,.uk-form input[type="week"]:disabled,.uk-form input[type="number"]:disabled,.uk-form input[type="email"]:disabled,.uk-form input[type="url"]:disabled,.uk-form input[type="search"]:disabled,.uk-form input[type="tel"]:disabled,.uk-form input[type="color"]:disabled{border-color:#ddd;background-color:#fafafa;color:#999}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto}.uk-form :-ms-input-placeholder{color:#999!important}.uk-form ::-moz-placeholder{color:#999}.uk-form ::-webkit-input-placeholder{color:#999}.uk-form :disabled:-ms-input-placeholder{color:#999!important}.uk-form :disabled::-moz-placeholder{color:#999}.uk-form :disabled::-webkit-input-placeholder{color:#999}.uk-form legend{width:100%;padding-bottom:15px;font-size:18px;line-height:30px}.uk-form legend:after{content:"";display:block;border-bottom:1px solid #ddd}.uk-form-danger{border-color:#dc8d99!important;background:#fff7f8!important;color:#c91032!important}.uk-form-success{border-color:#8ec73b!important;background:#fafff2!important;color:#539022!important}.uk-form-small{height:25px!important;padding:3px 3px!important;font-size:12px}.uk-form-large{height:40px!important;padding:8px 6px!important;font-size:16px}.uk-form-blank{border:none!important;background:none!important;box-shadow:none!important;outline:1px dashed transparent!important}.uk-form-blank:focus{outline-color:#ddd!important}input.uk-form-width-mini{width:40px}select.uk-form-width-mini{width:65px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-form-row:before,.uk-form-row:after{content:" ";display:table}.uk-form-row:after{clear:both}.uk-form-row+.uk-form-row{margin-top:15px}.uk-form-help-inline{display:inline-block;margin:0 0 0 10px}.uk-form-help-block{margin:5px 0 0 0}.uk-form-controls>:last-child{margin-bottom:0}.uk-form-controls-condensed{margin:5px 0}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px;font-weight:bold}@media(max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:bold}}@media(min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:5px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:5px}}.uk-button{display:inline-block;min-height:30px;padding:0 12px;border:0;background:#f5f5f5;line-height:28px;color:#444;letter-spacing:normal;border:1px solid rgba(0,0,0,0.06);border-radius:4px;text-shadow:0 1px 0 #fff}a.uk-button{-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none}.uk-button:hover,.uk-button:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,0.16)}.uk-button:active,.uk-button.uk-active{background-color:#eee;color:#444}.uk-button-primary{background-color:#00a8e6;color:#fff}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#35b3ee;color:#fff}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#0091ca;color:#fff}.uk-button-success{background-color:#8cc14c;color:#fff}.uk-button-success:hover,.uk-button-success:focus{background-color:#8ec73b;color:#fff}.uk-button-success:active,.uk-button-success.uk-active{background-color:#72ae41;color:#fff}.uk-button-danger{background-color:#da314b;color:#fff}.uk-button-danger:hover,.uk-button-danger:focus{background-color:#e4354f;color:#fff}.uk-button-danger:active,.uk-button-danger.uk-active{background-color:#c91032;color:#fff}.uk-button:disabled{background-color:#fafafa;color:#999;border-color:rgba(0,0,0,0.06);box-shadow:none;text-shadow:0 1px 0 #fff}.uk-button-link,.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active,.uk-button-link:disabled{display:inline;border:0;background:0;box-shadow:none;text-shadow:none}.uk-button-link{color:#07d}.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:18px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:23px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:38px;font-size:16px;border-radius:5px}.uk-button-expand{display:block;width:100%;text-align:center}.uk-button-expand+.uk-button-expand{margin-top:10px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;letter-spacing:-0.31em;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot");src:url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff") format("woff"),url("../fonts/fontawesome-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}[class*='uk-icon-']:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased}.uk-icon-small:before{font-size:150%;vertical-align:-10%}.uk-icon-medium:before{font-size:200%;vertical-align:-16%}.uk-icon-large:before{font-size:250%;vertical-align:-22%}.uk-icon-spin{display:inline-block;-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}.uk-icon-button{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#f5f5f5;line-height:35px;color:#444;font-size:17.5px;text-align:center;border:1px solid #e7e7e7;text-shadow:0 1px 0 #fff}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#fafafa;color:#444;text-decoration:none;outline:0;border-color:#d3d3d3}.uk-icon-button:active{background-color:#eee;color:#444}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-alt:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-empty:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-ok:before{content:"\f00c"}.uk-icon-remove:before{content:"\f00d"}.uk-icon-zoom-in:before{content:"\f00e"}.uk-icon-zoom-out:before{content:"\f010"}.uk-icon-power-off:before,.uk-icon-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-alt:before{content:"\f016"}.uk-icon-time:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download-alt:before{content:"\f019"}.uk-icon-download:before{content:"\f01a"}.uk-icon-upload:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-indent-left:before{content:"\f03b"}.uk-icon-indent-right:before{content:"\f03c"}.uk-icon-facetime-video:before{content:"\f03d"}.uk-icon-picture:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before{content:"\f044"}.uk-icon-share:before{content:"\f045"}.uk-icon-check:before{content:"\f046"}.uk-icon-move:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-sign:before{content:"\f055"}.uk-icon-minus-sign:before{content:"\f056"}.uk-icon-remove-sign:before{content:"\f057"}.uk-icon-ok-sign:before{content:"\f058"}.uk-icon-question-sign:before{content:"\f059"}.uk-icon-info-sign:before{content:"\f05a"}.uk-icon-screenshot:before{content:"\f05b"}.uk-icon-remove-circle:before{content:"\f05c"}.uk-icon-ok-circle:before{content:"\f05d"}.uk-icon-ban-circle:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share-alt:before{content:"\f064"}.uk-icon-resize-full:before{content:"\f065"}.uk-icon-resize-small:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-sign:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye-open:before{content:"\f06e"}.uk-icon-eye-close:before{content:"\f070"}.uk-icon-warning-sign:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder-close:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-resize-vertical:before{content:"\f07d"}.uk-icon-resize-horizontal:before{content:"\f07e"}.uk-icon-bar-chart:before{content:"\f080"}.uk-icon-twitter-sign:before{content:"\f081"}.uk-icon-facebook-sign:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-up-alt:before{content:"\f087"}.uk-icon-thumbs-down-alt:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-empty:before{content:"\f08a"}.uk-icon-signout:before{content:"\f08b"}.uk-icon-linkedin-sign:before{content:"\f08c"}.uk-icon-pushpin:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-signin:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-sign:before{content:"\f092"}.uk-icon-upload-alt:before{content:"\f093"}.uk-icon-lemon:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-unchecked:before,.uk-icon-check-empty:before{content:"\f096"}.uk-icon-bookmark-empty:before{content:"\f097"}.uk-icon-phone-sign:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0a2"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-right:before{content:"\f0a4"}.uk-icon-hand-left:before{content:"\f0a5"}.uk-icon-hand-up:before{content:"\f0a6"}.uk-icon-hand-down:before{content:"\f0a7"}.uk-icon-circle-arrow-left:before{content:"\f0a8"}.uk-icon-circle-arrow-right:before{content:"\f0a9"}.uk-icon-circle-arrow-up:before{content:"\f0aa"}.uk-icon-circle-arrow-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-fullscreen:before{content:"\f0b2"}.uk-icon-group:before{content:"\f0c0"}.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-beaker:before{content:"\f0c3"}.uk-icon-cut:before{content:"\f0c4"}.uk-icon-copy:before{content:"\f0c5"}.uk-icon-paperclip:before,.uk-icon-paper-clip:before{content:"\f0c6"}.uk-icon-save:before{content:"\f0c7"}.uk-icon-sign-blank:before{content:"\f0c8"}.uk-icon-reorder:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-sign:before{content:"\f0d3"}.uk-icon-google-plus-sign:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before{content:"\f0dd"}.uk-icon-sort-up:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before{content:"\f0e3"}.uk-icon-dashboard:before{content:"\f0e4"}.uk-icon-comment-alt:before{content:"\f0e5"}.uk-icon-comments-alt:before{content:"\f0e6"}.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before{content:"\f0ea"}.uk-icon-lightbulb:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-alt:before{content:"\f0f3"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-food:before{content:"\f0f5"}.uk-icon-file-text-alt:before{content:"\f0f6"}.uk-icon-building:before{content:"\f0f7"}.uk-icon-hospital:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-sign:before{content:"\f0fd"}.uk-icon-plus-sign-alt:before{content:"\f0fe"}.uk-icon-double-angle-left:before{content:"\f100"}.uk-icon-double-angle-right:before{content:"\f101"}.uk-icon-double-angle-up:before{content:"\f102"}.uk-icon-double-angle-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before{content:"\f10b"}.uk-icon-circle-blank:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-close-alt:before{content:"\f114"}.uk-icon-folder-open-alt:before{content:"\f115"}.uk-icon-expand-alt:before{content:"\f116"}.uk-icon-collapse-alt:before{content:"\f117"}.uk-icon-smile:before{content:"\f118"}.uk-icon-frown:before{content:"\f119"}.uk-icon-meh:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard:before{content:"\f11c"}.uk-icon-flag-alt:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-reply-all:before{content:"\f122"}.uk-icon-mail-reply-all:before{content:"\f122"}.uk-icon-star-half-full:before,.uk-icon-star-half-empty:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-off:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-empty:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-sign-left:before{content:"\f137"}.uk-icon-chevron-sign-right:before{content:"\f138"}.uk-icon-chevron-sign-up:before{content:"\f139"}.uk-icon-chevron-sign-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-horizontal:before{content:"\f141"}.uk-icon-ellipsis-vertical:before{content:"\f142"}.uk-icon-rss-sign:before{content:"\f143"}.uk-icon-play-sign:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-sign-alt:before{content:"\f146"}.uk-icon-check-minus:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-sign:before{content:"\f14a"}.uk-icon-edit-sign:before{content:"\f14b"}.uk-icon-external-link-sign:before{content:"\f14c"}.uk-icon-share-sign:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-collapse:before{content:"\f150"}.uk-icon-collapse-top:before{content:"\f151"}.uk-icon-expand:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-renminbi:before,.uk-icon-cny:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-by-alphabet:before{content:"\f15d"}.uk-icon-sort-by-alphabet-alt:before{content:"\f15e"}.uk-icon-sort-by-attributes:before{content:"\f160"}.uk-icon-sort-by-attributes-alt:before{content:"\f161"}.uk-icon-sort-by-order:before{content:"\f162"}.uk-icon-sort-by-order-alt:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-sign:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-sign:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stackexchange:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-sign:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-sign:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before{content:"\f184"}.uk-icon-sun:before{content:"\f185"}.uk-icon-moon:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-close{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;width:20px;line-height:20px;text-align:center;color:inherit;opacity:.3;padding:0;border:0;-webkit-appearance:none;background:transparent}.uk-close:after{display:block;content:"\f00d";font-family:"FontAwesome"}.uk-close:hover,.uk-close:focus{opacity:.5;outline:0}a.uk-close:hover{color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:100%;background:#fff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 0 6px rgba(0,0,0,0.3)}.uk-close-alt:hover,.uk-close-alt:focus{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:hover:after,.uk-close-alt:focus:after{opacity:.8}.uk-badge{display:inline-block;padding:0 5px;background:#00a8e6;font-size:10px;font-weight:bold;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none;border:1px solid rgba(0,0,0,0.06);border-radius:2px;text-shadow:0 1px 0 rgba(0,0,0,0.1)}.uk-badge-notification{-moz-box-sizing:border-box;box-sizing:border-box;min-width:18px;border-radius:500px;font-size:12px;line-height:18px}.uk-badge-success{background-color:#8cc14c}.uk-badge-warning{background-color:#faa732}.uk-badge-danger{background-color:#da314b}.uk-alert{margin-bottom:15px;padding:10px;background:#ebf7fd;color:#2d7091;border:1px solid rgba(45,112,145,0.3);border-radius:4px;text-shadow:0 1px 0 #fff}*+.uk-alert{margin-top:15px}.uk-alert>:last-child{margin-bottom:0}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert>.uk-close:first-child{float:right}.uk-alert>.uk-close:first-child+*{margin-top:0}.uk-alert-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,0.3)}.uk-alert-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,0.3)}.uk-alert-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,0.3)}.uk-alert-large{padding:20px}.uk-alert-large>.uk-close:first-child{margin:-10px -10px 0 0}.uk-thumbnail{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:4px;border:1px solid #ddd;background:#fff;border-radius:4px}a.uk-thumbnail:hover,a.uk-thumbnail:focus{border-color:#aaa;background-color:#fff;text-decoration:none;outline:0}.uk-thumbnail-caption{padding-top:5px;text-align:center;color:#444}.uk-thumbnail-mini{width:150px}.uk-thumbnail-small{width:200px}.uk-thumbnail-medium{width:300px}.uk-thumbnail-large{width:400px}.uk-thumbnail-expand,.uk-thumbnail-expand>img{width:100%}.uk-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1}.uk-overlay-area:before{content:"\f002";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-size:50px;line-height:1;font-family:"FontAwesome";text-align:center;color:#fff}.uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,0.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-caption,.uk-overlay-toggle:hover .uk-overlay-caption{opacity:1}.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#f5f5f5;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.06);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:"FontAwesome";font-size:14px;color:rgba(0,0,0,0.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);border-radius:0;background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s}input.uk-search-field{-webkit-appearance:none}.uk-search-field:-ms-input-placeholder{color:#999}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field::-ms-clear{display:none}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-active .uk-search-field{width:180px}.uk-search-close{display:none;position:absolute;top:0;right:0;width:30px;line-height:30px;text-align:center;font-size:14px;color:rgba(0,0,0,0.2);padding:0;border:0;-webkit-appearance:none;background:transparent}.uk-loading>.uk-search-close,.uk-active>.uk-search-close{display:block}.uk-search-close:after{display:block;content:"\f00d";font-family:"FontAwesome"}.uk-loading>.uk-search-close:after{content:"\f110";-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}[class*='uk-animation-']{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.uk-animation-scale-up{-webkit-animation-name:uk-scale-up;animation-name:uk-scale-up}.uk-animation-scale-down{-webkit-animation-name:uk-scale-down;animation-name:uk-scale-down}.uk-animation-slide-top{-webkit-animation-name:uk-slide-top;animation-name:uk-slide-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-slide-bottom;animation-name:uk-slide-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-slide-left;animation-name:uk-slide-left}.uk-animation-slide-right{-webkit-animation-name:uk-slide-right;animation-name:uk-slide-right}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-scale-up{0%{opacity:0;-webkit-transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-up{0%{opacity:0;transform:scale(0.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-scale-down{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.uk-dropdown{display:none;position:absolute;top:100%;left:0;z-index:1000;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#fff;color:#444;letter-spacing:normal;border:1px solid #ddd;border-radius:4px}.uk-open>.uk-dropdown{display:block;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-dropdown-flip{left:auto;right:0}.uk-dropdown-up{top:auto;bottom:100%;margin-top:auto;margin-bottom:5px}.uk-dropdown .uk-nav{margin:0 -15px}.uk-dropdown>.uk-grid+.uk-grid{margin-top:15px}.uk-dropdown>.uk-grid>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:15px}@media(min-width:768px){.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid{margin-left:-15px;margin-right:-15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*='uk-width-']{padding-left:15px;padding-right:15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*='uk-width-']:nth-child(n+2){border-left:1px solid #ddd}.uk-dropdown-width-2:not(.uk-dropdown-stack){width:400px}.uk-dropdown-width-3:not(.uk-dropdown-stack){width:600px}.uk-dropdown-width-4:not(.uk-dropdown-stack){width:800px}.uk-dropdown-width-5:not(.uk-dropdown-stack){width:1000px}}@media(max-width:767px){.uk-dropdown>.uk-grid>[class*='uk-width-']{width:100%}.uk-dropdown>.uk-grid>[class*='uk-width-']:nth-child(n+2){margin-top:15px}}.uk-dropdown-stack>.uk-grid>[class*='uk-width-']{width:100%}.uk-dropdown-stack>.uk-grid>[class*='uk-width-']:nth-child(n+2){margin-top:15px}.uk-dropdown-small{min-width:150px;width:auto;padding:5px;white-space:nowrap}.uk-dropdown-small .uk-nav{margin:0 -5px}.uk-dropdown-navbar{margin-top:6px;background:#fff;color:#444;left:-1px;border:1px solid #ddd;border-radius:4px}.uk-open>.uk-dropdown-navbar{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-dropdown-search{width:300px;margin-top:0;background:#fff;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:11px;margin-right:-16px}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;top:10%;left:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;width:600px;margin-left:-300px;background:#fff;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.3)}@media(max-width:767px){.uk-modal-dialog{top:0;left:0;right:0;width:auto;margin:10px}}.uk-modal-dialog>:last-child{margin-bottom:0}.uk-modal-dialog-slide{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}.uk-open .uk-modal-dialog-slide{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+*{margin-top:0}.uk-modal-dialog-frameless{padding:0}.uk-modal-dialog-frameless>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media(max-width:767px){.uk-modal-dialog-frameless>.uk-close:first-child{top:-7px;right:-7px}}.uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:rgba(0,0,0,0.1)}.uk-offcanvas.uk-active{display:block}.uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out 50ms;transition:margin-left .3s ease-in-out 50ms}.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1011;width:270px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.uk-offcanvas .uk-panel{margin:20px 15px;color:#777;text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-offcanvas .uk-panel-title{color:#ccc}.uk-offcanvas .uk-panel a:not([class]){color:#ccc}.uk-offcanvas .uk-panel a:not([class]):hover{color:#fff}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:rgba(0,0,0,0);background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>*:not(.uk-active){display:none}.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,0.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top:after,.uk-tooltip-top-left:after,.uk-tooltip-top-right:after{bottom:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after{top:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-top:after,.uk-tooltip-bottom:after{left:50%;margin-left:-5px}.uk-tooltip-top-left:after,.uk-tooltip-bottom-left:after{left:10px}.uk-tooltip-top-right:after,.uk-tooltip-bottom-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px}.uk-text-bold{font-weight:bold}.uk-text-muted{color:#999}.uk-text-info{color:#2d7091}.uk-text-success{color:#659f13}.uk-text-warning{color:#e28327}.uk-text-danger{color:#d85030}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-container{-moz-box-sizing:border-box;box-sizing:border-box;max-width:980px;padding:0 25px}@media(min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:" ";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before,.uk-clearfix:after{content:" ";display:table}.uk-clearfix:after{clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*='uk-align-']{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media(min-width:768px){.uk-align-medium-left{margin-right:15px;margin-bottom:15px;float:left}.uk-align-medium-right{margin-left:15px;margin-bottom:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{letter-spacing:-0.31em}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;letter-spacing:normal;max-width:100%}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}.uk-height-1-1{height:100%}.uk-responsive-width,.uk-responsive-height{-moz-box-sizing:border-box;box-sizing:border-box}.uk-responsive-width{max-width:100%;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px!important}.uk-margin-bottom{margin-bottom:15px!important}.uk-margin-remove{margin:0!important}.uk-margin-top-remove{margin-top:0!important}.uk-margin-bottom-remove{margin-bottom:0!important}@media(min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted *{color:#444}.uk-link-muted:hover,.uk-link-muted *:hover{color:#444}.uk-scrollable-text{max-height:300px;overflow-y:scroll}.uk-scrollable-box{max-height:150px;padding:10px;border:1px solid #ddd;overflow:auto;border-radius:3px}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}@media(min-width:960px){.uk-visible-small{display:none!important}.uk-visible-medium{display:none!important}.uk-hidden-large{display:none!important}}@media(min-width:768px) and (max-width:959px){.uk-visible-small{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-medium{display:none!important}}@media(max-width:767px){.uk-visible-medium{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-small{display:none!important}}.uk-hidden{display:none!important;visibility:hidden!important}.uk-visible-hover:hover .uk-hidden{display:block!important;visibility:visible!important}.uk-visible-hover-inline:hover .uk-hidden{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.uk-article+.uk-article{padding-top:15px;border-top:1px solid #ddd}.uk-comment-body{padding-left:10px;padding-right:10px}.uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(255,255,255,0.05)}.uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.uk-navbar:not(.uk-navbar-attached){border-radius:4px}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}.uk-navbar .uk-navbar-flip .uk-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0;border-bottom-left-radius:0}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}.uk-tab-bottom>li>a{border-radius:0 0 4px 4px}@media(min-width:768px){.uk-tab-left>li>a{border-radius:4px 0 0 4px}.uk-tab-right>li>a{border-radius:0 4px 4px 0}}.uk-list-striped>li:first-child{border-top:1px solid #ddd}.uk-button-primary,.uk-button-success,.uk-button-danger{box-shadow:inset 0 0 5px rgba(0,0,0,0.05);text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.uk-button-primary:hover,.uk-button-primary:focus,.uk-button-success:hover,.uk-button-success:focus,.uk-button-danger:hover,.uk-button-danger:focus{border-color:rgba(0,0,0,0.21)}.uk-button-group>.uk-button:not(:first-child):not(:last-child),.uk-button-group>div:not(:first-child):not(:last-child) .uk-button{border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-radius:0}.uk-button-group>.uk-button:first-child,.uk-button-group>div:first-child .uk-button{border-right-color:rgba(0,0,0,0.1);border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>.uk-button:last-child,.uk-button-group>div:last-child .uk-button{border-left-color:rgba(0,0,0,0.1);border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button:hover,.uk-button-group .uk-button:active{position:relative}.uk-progress-mini,.uk-progress-small{border-radius:500px}.uk-dropdown-navbar.uk-dropdown-flip{left:auto}.uk-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,0.6);box-shadow:0 0 5px 2px rgba(0,0,0,0.6)}.uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,0.6);box-shadow:0 0 5px 2px rgba(0,0,0,0.6)} \ No newline at end of file diff --git a/app/static/lib/uikit/css/uikit.css b/app/static/lib/uikit/css/uikit.css new file mode 100644 index 0000000..a5491e3 --- /dev/null +++ b/app/static/lib/uikit/css/uikit.css @@ -0,0 +1,6890 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +/* LESS related */ +/* + * Component: Variables + * Description: Defines all color and style related values as variables + * to allow easy customization for the most common cases. + ========================================================================== */ +/* Global variables + ========================================================================== */ +/* + * Text + */ +/* + * Backgrounds & Borders + */ +/* + * Spacings + */ +/* + * Controls + */ +/* + * Z-index + */ +/* Breakpoint variables + ========================================================================== */ +/* +* Breakpoints +*/ +/* Components variables + ========================================================================== */ +/* + * Base + */ +/* + * Grid + */ +/* + * Panel + */ +/* + * Article + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Subnav + */ +/* + * Breadcrumb + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Description list + */ +/* + * Table + */ +/* + * Form + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Close + */ +/* + * Badge + */ +/* + * Alert + */ +/* + * Thumbnail + */ +/* + * Overlay + */ +/* + * Progress + */ +/* + * Search + */ +/* + * Dropdown + */ +/* + * Modal + */ +/* + * Off-canvas + */ +/* + * Tooltip + */ +/* + * Text + */ +/* + * Utility + */ +/* Defaults */ +/* + * Component: Normalize + * Description: Reduces inconsistencies across all browsers + * + * Adapted from http://github.com/necolas/normalize.css (Version 2.1.2) + * + * Modifications: Moved `mark` and `h1` defaults to Base component + * Changed `fieldset` defaults to 0 + * Added cursor for `radio` and `checkbox` + * Set form controls box sizing to `border-box` + * Modified `disabled` selector + * Better font baseline for `code`, `kbd`, `pre` and `samp` + * Removed placeholder transparency in Firefox + * + ========================================================================== */ +/* HTML5 display definitions + ========================================================================== */ +/* + * Corrects `block` display not defined in IE 8/9. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +/* + * Corrects `inline-block` display not defined in IE 8/9. + */ +audio, +canvas, +video { + display: inline-block; +} +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/* + * Addresses styling for `hidden` attribute not present in IE 8/9. + */ +[hidden] { + display: none; +} +/* Base + ========================================================================== */ +/* + * 1. Sets default font family to sans-serif. + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + /* 2 */ + +} +/* + * Removes default margin. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ +a:focus { + outline: thin dotted; +} +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; +} +/* Typography + ========================================================================== */ +/* + * Addresses styling not present in IE 8/9, Safari 5, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} +/* + * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ +b, +strong { + font-weight: bold; +} +/* + * Addresses styling not present in Safari 5 and Chrome. + */ +dfn { + font-style: italic; +} +/* + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +/* + * Corrects font family set oddly in Safari 5 and Chrome. + * 1. Consolas has a better baseline in running text compared to `Courier` + */ +code, +kbd, +pre, +samp { + font-family: Consolas, monospace, serif; + /* 1 */ + + font-size: 1em; +} +/* + * Improves readability of pre-formatted text in all browsers. + */ +pre { + white-space: pre-wrap; +} +/* + * Sets consistent quote types. + */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} +/* + * Addresses inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Removes border when inside `a` element in IE 8/9. + */ +img { + border: 0; +} +/* + * Corrects overflow displayed oddly in IE 9. + */ +svg:not(:root) { + overflow: hidden; +} +/* Figures + ========================================================================== */ +/* + * Addresses margin not present in IE 8/9 and Safari 5. + */ +figure { + margin: 0; +} +/* Forms + ========================================================================== */ +/* + * Define consistent border, margin, and padding. + */ +fieldset { + border: 0; + margin: 0; + padding: 0; +} +/* + * 1. Corrects color not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + + padding: 0; + /* 2 */ + +} +/* + * 1. Corrects font family not being inherited in all browsers. + * 2. Corrects font size not being inherited in all browsers. + * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome + * 4. Define consistent box sizing + * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` + * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. + * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. + */ +button, +input, +select, +textarea { + font-family: inherit; + /* 1 */ + + font-size: 100%; + /* 2 */ + + margin: 0; + /* 3 */ + + -moz-box-sizing: border-box; + /* 4 */ + + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. + */ +button, +input { + line-height: normal; +} +/* + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +button, +select { + text-transform: none; +} +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + + cursor: pointer; + /* 3 */ + +} +/* + * Improves consistency of cursor style for clickable elements + */ +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} +/* + * Re-set default cursor for disabled elements. + */ +button:disabled, +input:disabled { + cursor: default; +} +/* + * 2. Removes excess padding in IE 8/9. + */ +input[type="checkbox"], +input[type="radio"] { + padding: 0; +} +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; +} +/* + * Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * 1. Removes default vertical scrollbar in IE 8/9. + * 2. Improves readability and alignment in all browsers. + */ +textarea { + overflow: auto; + /* 1 */ + + vertical-align: top; + /* 2 */ + +} +/* + * Removes placeholder transparency in Firefox. + */ +::-moz-placeholder { + opacity: 1; +} +/* Tables + ========================================================================== */ +/* + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} +/* + * Component: Base + * Description: Sets default values for HTML elements + * + * Component: `uk-h1`, `uk-h2`, `uk-h3`, `uk-h4`, `uk-h5`, `uk-h6` + * `uk-img-preserve` + * + ========================================================================== */ +/* Body + ========================================================================== */ +/* + * `font-size` is set in `html` element to support the `rem` unit for font-sizes + */ +html { + font-size: 14px; +} +body { + background: #ffffff; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + line-height: 20px; + color: #444444; +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Break strings if their length exceeds the width of their container + */ + body { + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + } +} +/* Text-level semantics + ========================================================================== */ +/* + * Links + */ +a { + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a { + color: #0077dd; +} +a:hover { + color: #005599; +} +/* + * Emphasize + */ +em { + color: #dd0055; +} +/* + * Insert + */ +ins { + background: #ffffaa; + color: #444444; + text-decoration: none; +} +/* + * Mark + * Note: Addresses styling not present in IE 8/9. + */ +mark { + background: #ffffaa; + color: #444444; +} +/* + * Selection highlight + */ +::-moz-selection { + background: #3399ff; + color: #ffffff; + text-shadow: none; +} +::selection { + background: #3399ff; + color: #ffffff; + text-shadow: none; +} +/* + * Abbreviation and definition + */ +abbr[title], +dfn[title] { + cursor: help; +} +dfn[title] { + border-bottom: 1px dotted; + font-style: normal; +} +/* Embedded content + ========================================================================== */ +/* + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height + * 3. Remove the gap between images and the bottom of their containers + */ +img { + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + + max-width: 100%; + height: auto; + /* 2 */ + + vertical-align: middle; + /* 3 */ + +} +/* + * Preserve original image dimensions + * 1. Fix Google maps automatically via URL detection + */ +.uk-img-preserve, +.uk-img-preserve img, +img[src*="maps.gstatic.com"], +img[src*="googleapis.com"] { + max-width: none; +} +/* Spacing for block elements + ========================================================================== */ +p, +hr, +ul, +ol, +dl, +blockquote, +pre, +address, +fieldset, +figure { + margin: 0 0 15px 0; +} +/* + * Don't worry about the universal selector. + * There is no mentionable performance impact. + */ +* + p, +* + hr, +* + ul, +* + ol, +* + dl, +* + blockquote, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 15px; +} +/* Headings + ========================================================================== */ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 15px 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + color: #444444; + text-transform: none; +} +/* + * Don't worry about the universal selector. + * There is no mentionable performance impact. + */ +* + h1, +* + h2, +* + h3, +* + h4, +* + h5, +* + h6 { + margin-top: 25px; +} +/* + * TODO: Use `:extend` to move heading classes to the utility component + */ +h1, +.uk-h1 { + font-size: 36px; + line-height: 42px; +} +h2, +.uk-h2 { + font-size: 24px; + line-height: 30px; +} +h3, +.uk-h3 { + font-size: 18px; + line-height: 24px; +} +h4, +.uk-h4 { + font-size: 16px; + line-height: 22px; +} +h5, +.uk-h5 { + font-size: 14px; + line-height: 20px; +} +h6, +.uk-h6 { + font-size: 12px; + line-height: 18px; +} +/* Lists + ========================================================================== */ +/* + * Ordered and unordered lists + */ +ul, +ol { + padding-left: 30px; +} +/* Reset margin for nested lists */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* + * Description lists + */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rule + ========================================================================== */ +hr { + display: block; + padding: 0; + border: 0; + border-top: 1px solid #dddddd; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Quotes + ========================================================================== */ +q, +blockquote { + font-style: italic; +} +blockquote { + padding-left: 15px; + border-left: 5px solid #dddddd; + font-size: 16px; + line-height: 22px; +} +/* Small print for identifying the source */ +blockquote small { + display: block; + color: #999999; + font-style: normal; +} +/* Smaller margin if `small` follows */ +blockquote p:last-of-type { + margin-bottom: 5px; +} +/* Code and preformatted text + ========================================================================== */ +code { + color: #dd0055; + font-size: 12px; + white-space: nowrap; +} +/* Reset code elements if parent of pre elements */ +pre code { + color: inherit; + white-space: pre-wrap; +} +pre { + padding: 10px; + background: #f5f5f5; + color: #444444; + font-size: 12px; + line-height: 18px; + -moz-tab-size: 4; + tab-size: 4; +} +/* Forms + ========================================================================== */ +/* + * Vertical alignment + * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text + */ +button, +input:not([type="radio"]):not([type="checkbox"]), +select { + vertical-align: middle; +} +/* Iframe + ========================================================================== */ +iframe { + border: 0; +} +/* Fix viewport for IE10 snap mode + * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + ========================================================================== */ +@-ms-viewport { + width: device-width; +} +/* Hooks + ========================================================================== */ +/* Layout */ +/* + * Name: Grid + * Description: Provides a responsive, fluid and nestable grid + * + * Component: `uk-grid` + * `uk-width-*` + * `uk-push-*` + * `uk-pull-*` + * + * Modifiers: `uk-grid-divider` + * `uk-grid-margin` + * `uk-grid-preserve` + * + * Uses: Panel: `uk-panel` + * + * Used by: Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Micro clearfix + */ +.uk-grid:before, +.uk-grid:after { + content: " "; + display: table; +} +.uk-grid:after { + clear: both; +} +/* + * 1. Needed for the gutter + * 2. Makes grid more robust so that it can be used with other block elements like lists + */ +.uk-grid { + /* 1 */ + + margin: 0 0 0 -25px; + /* 2 */ + + padding: 0; + list-style: none; +} +/* + * Vertical gutter + */ +.uk-grid + .uk-grid { + margin-top: 25px; +} +/* Grid column + ========================================================================== */ +/* + * 1. Makes grid more robust so that it can be used with other block elements + * 2. Create horizontal gutter + * 3. `float` is set by default so columns always behave the same and create a new block format context + */ +.uk-grid > [class*='uk-width-'] { + /* 1 */ + + margin: 0; + /* 2 */ + + padding-left: 25px; + /* 3 */ + + float: left; +} +/* + * Remove margin from the last-child + */ +.uk-grid > [class*='uk-width-'] > :last-child { + margin-bottom: 0; +} +/* Sub-modifier: `uk-grid-margin` + ========================================================================== */ +/* + * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row + * Higher specificity to override margin + */ +.uk-grid > .uk-grid-margin { + margin-top: 25px; +} +/* Modifier: `uk-grid-divider` + ========================================================================== */ +/* + * Horizontal divider + * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row + */ +.uk-grid-divider:not(:empty) { + margin-left: -25px; + margin-right: -25px; +} +.uk-grid-divider:not(:empty) > [class*='uk-width-'] { + padding-left: 25px; + padding-right: 25px; +} +.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) { + border-left: 1px solid #dddddd; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { + border-left: 1px solid #dddddd; + } +} +/* Only desktop */ +@media (min-width: 960px) { + .uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { + border-left: 1px solid #dddddd; + } +} +/* + * Vertical divider + */ +.uk-grid-divider:empty { + margin-top: 25px; + margin-bottom: 25px; + border-top: 1px solid #dddddd; +} +/* Panel in grid + ========================================================================== */ +/* + * Vertical gutter for panels + */ +.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 25px; +} +/* Large gutter + ========================================================================== */ +/* Only large screens */ +@media (min-width: 1220px) { + /* + * Grid + */ + /* Horizontal gutter */ + .uk-grid:not(.uk-grid-preserve) { + margin-left: -35px; + } + .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] { + padding-left: 35px; + } + /* Vertical gutter */ + .uk-grid:not(.uk-grid-preserve) + .uk-grid { + margin-top: 35px; + } + .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { + margin-top: 35px; + } + /* Vertical gutter for panels */ + .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 35px; + } + /* + * Modifier: `uk-grid-divider` + */ + .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { + margin-left: -35px; + margin-right: -35px; + } + .uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] { + padding-left: 35px; + padding-right: 35px; + } + .uk-grid-divider:not(.uk-grid-preserve):empty { + margin-top: 35px; + margin-bottom: 35px; + } +} +/* Sub-object: `uk-width-*` + ========================================================================== */ +[class*='uk-width-'] { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; +} +/* + * Widths + */ +/* Whole */ +.uk-width-1-1 { + width: 100%; +} +/* Halves */ +.uk-width-1-2, +.uk-width-2-4, +.uk-width-3-6, +.uk-width-5-10 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3, +.uk-width-2-6 { + width: 33.333%; +} +.uk-width-2-3, +.uk-width-4-6 { + width: 66.666%; +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5, +.uk-width-2-10 { + width: 20%; +} +.uk-width-2-5, +.uk-width-4-10 { + width: 40%; +} +.uk-width-3-5, +.uk-width-6-10 { + width: 60%; +} +.uk-width-4-5, +.uk-width-8-10 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: 16.666%; +} +.uk-width-5-6 { + width: 83.333%; +} +/* Tenths */ +.uk-width-1-10 { + width: 10%; +} +.uk-width-3-10 { + width: 30%; +} +.uk-width-7-10 { + width: 70%; +} +.uk-width-9-10 { + width: 90%; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + /* Whole */ + .uk-width-medium-1-1 { + width: 100%; + } + /* Halves */ + .uk-width-medium-1-2, + .uk-width-medium-2-4, + .uk-width-medium-3-6, + .uk-width-medium-5-10 { + width: 50%; + } + /* Thirds */ + .uk-width-medium-1-3, + .uk-width-medium-2-6 { + width: 33.333%; + } + .uk-width-medium-2-3, + .uk-width-medium-4-6 { + width: 66.666%; + } + /* Quarters */ + .uk-width-medium-1-4 { + width: 25%; + } + .uk-width-medium-3-4 { + width: 75%; + } + /* Fifths */ + .uk-width-medium-1-5, + .uk-width-medium-2-10 { + width: 20%; + } + .uk-width-medium-2-5, + .uk-width-medium-4-10 { + width: 40%; + } + .uk-width-medium-3-5, + .uk-width-medium-6-10 { + width: 60%; + } + .uk-width-medium-4-5, + .uk-width-medium-8-10 { + width: 80%; + } + /* Sixths */ + .uk-width-medium-1-6 { + width: 16.666%; + } + .uk-width-medium-5-6 { + width: 83.333%; + } + /* Tenths */ + .uk-width-medium-1-10 { + width: 10%; + } + .uk-width-medium-3-10 { + width: 30%; + } + .uk-width-medium-7-10 { + width: 70%; + } + .uk-width-medium-9-10 { + width: 90%; + } +} +/* Only desktop */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-large-1-1 { + width: 100%; + } + /* Halves */ + .uk-width-large-1-2, + .uk-width-large-2-4, + .uk-width-large-3-6, + .uk-width-large-5-10 { + width: 50%; + } + /* Thirds */ + .uk-width-large-1-3, + .uk-width-large-2-6 { + width: 33.333%; + } + .uk-width-large-2-3, + .uk-width-large-4-6 { + width: 66.666%; + } + /* Quarters */ + .uk-width-large-1-4 { + width: 25%; + } + .uk-width-large-3-4 { + width: 75%; + } + /* Fifths */ + .uk-width-large-1-5, + .uk-width-large-2-10 { + width: 20%; + } + .uk-width-large-2-5, + .uk-width-large-4-10 { + width: 40%; + } + .uk-width-large-3-5, + .uk-width-large-6-10 { + width: 60%; + } + .uk-width-large-4-5, + .uk-width-large-8-10 { + width: 80%; + } + /* Sixths */ + .uk-width-large-1-6 { + width: 16.666%; + } + .uk-width-large-5-6 { + width: 83.333%; + } + /* Tenths */ + .uk-width-large-1-10 { + width: 10%; + } + .uk-width-large-3-10 { + width: 30%; + } + .uk-width-large-7-10 { + width: 70%; + } + .uk-width-large-9-10 { + width: 90%; + } +} +/* Sub-object: `uk-push-*` and `uk-pull-*` + ========================================================================== */ +/* + * Source ordering + * Works only with `uk-width-medium-*` + */ +/* Only tablets and desktop */ +@media (min-width: 768px) { + [class*='uk-push-'], + [class*='uk-pull-'] { + position: relative; + } + /* + * Push + */ + /* Halves */ + .uk-push-1-2, + .uk-push-2-4, + .uk-push-3-6, + .uk-push-5-10 { + left: 50%; + } + /* Thirds */ + .uk-push-1-3, + .uk-push-2-6 { + left: 33.333%; + } + .uk-push-2-3, + .uk-push-4-6 { + left: 66.666%; + } + /* Quarters */ + .uk-push-1-4 { + left: 25%; + } + .uk-push-3-4 { + left: 75%; + } + /* Fifths */ + .uk-push-1-5, + .uk-push-2-10 { + left: 20%; + } + .uk-push-2-5, + .uk-push-4-10 { + left: 40%; + } + .uk-push-3-5, + .uk-push-6-10 { + left: 60%; + } + .uk-push-4-5, + .uk-push-8-10 { + left: 80%; + } + /* Sixths */ + .uk-push-1-6 { + left: 16.666%; + } + .uk-push-5-6 { + left: 83.333%; + } + /* Tenths */ + .uk-push-1-10 { + left: 10%; + } + .uk-push-3-10 { + left: 30%; + } + .uk-push-7-10 { + left: 70%; + } + .uk-push-9-10 { + left: 90%; + } + /* + * Pull + */ + /* Halves */ + .uk-pull-1-2, + .uk-pull-2-4, + .uk-pull-3-6, + .uk-pull-5-10 { + left: -50%; + } + /* Thirds */ + .uk-pull-1-3, + .uk-pull-2-6 { + left: -33.333%; + } + .uk-pull-2-3, + .uk-pull-4-6 { + left: -66.666%; + } + /* Quarters */ + .uk-pull-1-4 { + left: -25%; + } + .uk-pull-3-4 { + left: -75%; + } + /* Fifths */ + .uk-pull-1-5, + .uk-pull-2-10 { + left: -20%; + } + .uk-pull-2-5, + .uk-pull-4-10 { + left: -40%; + } + .uk-pull-3-5, + .uk-pull-6-10 { + left: -60%; + } + .uk-pull-4-5, + .uk-pull-8-10 { + left: -80%; + } + /* Sixths */ + .uk-pull-1-6 { + left: -16.666%; + } + .uk-pull-5-6 { + left: -83.333%; + } + /* Tenths */ + .uk-pull-1-10 { + left: -10%; + } + .uk-pull-3-10 { + left: -30%; + } + .uk-pull-7-10 { + left: -70%; + } + .uk-pull-9-10 { + left: -90%; + } +} +/* + * Name: Panel + * Description: Defines styles for reusable content areas + * + * Component: `uk-panel` + * + * Sub-objects: `uk-panel-title` + * `uk-panel-badge` + * + * Modifiers: `uk-panel-box` + * `uk-panel-box-primary` + * `uk-panel-box-secondary` + * `uk-panel-header` + * `uk-panel-space` + * `uk-panel-divider` + * + * Uses: Nav: `uk-nav-side` + * + * Used by: Dropdown + * Off-canvas + * Grid + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Create position context for badges + */ +.uk-panel { + position: relative; +} +/* + * Micro clearfix to make panels more robust + */ +.uk-panel:before, +.uk-panel:after { + content: " "; + display: table; +} +.uk-panel:after { + clear: both; +} +/* + * Remove margin from the last-child if not `uk-windget-title` + */ +.uk-panel > :not(.uk-panel-title):last-child { + margin-bottom: 0; +} +/* Sub-object: `uk-panel-title` + ========================================================================== */ +.uk-panel-title { + margin-bottom: 15px; + font-size: 18px; + line-height: 24px; + font-weight: normal; + text-transform: none; + color: #444444; +} +/* Sub-object: `uk-panel-badge` + ========================================================================== */ +.uk-panel-badge { + position: absolute; + top: 0; + right: 0; + z-index: 1; +} +/* + * Remove margin from adjacent element + */ +.uk-panel-badge + * { + margin-top: 0; +} +/* Modifier: `uk-panel-box` + ========================================================================== */ +.uk-panel-box { + padding: 15px; + background: #f5f5f5; + color: #444444; +} +.uk-panel-box .uk-panel-title { + color: #444444; +} +.uk-panel-box .uk-panel-badge { + top: 10px; + right: 10px; +} +/* + * Nav in panel + */ +.uk-panel-box .uk-nav-side { + margin: 0 -15px; +} +/* + * Sub-modifier: `uk-panel-box-primary` + */ +.uk-panel-box-primary { + background-color: #ebf7fd; + color: #2d7091; +} +.uk-panel-box-primary .uk-panel-title { + color: #2d7091; +} +/* + * Sub-modifier: `uk-panel-box-secondary` + */ +.uk-panel-box-secondary { + background-color: #eeeeee; + color: #444444; +} +.uk-panel-box-secondary .uk-panel-title { + color: #444444; +} +/* Modifier: `uk-panel-header` + ========================================================================== */ +.uk-panel-header .uk-panel-title { + padding-bottom: 10px; + border-bottom: 1px solid #dddddd; + color: #444444; +} +/* Modifier: `uk-panel-space` + ========================================================================== */ +.uk-panel-space { + padding: 30px; +} +.uk-panel-space .uk-panel-badge { + top: 30px; + right: 30px; +} +/* Modifier: `uk-panel-divider` + ========================================================================== */ +.uk-panel + .uk-panel-divider { + margin-top: 50px !important; +} +.uk-panel + .uk-panel-divider:before { + content: ""; + display: block; + position: absolute; + top: -25px; + left: 0; + right: 0; + border-top: 1px solid #dddddd; +} +/* Only large screens */ +@media (min-width: 1220px) { + .uk-panel + .uk-panel-divider { + margin-top: 70px !important; + } + .uk-panel + .uk-panel-divider:before { + top: -35px; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Article + * Description: Defines styles for articles within your page + * + * Component: `uk-article` + * + * Sub-objects: `uk-article-title` + * `uk-article-meta` + * `uk-article-lead` + * `uk-article-divider` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Micro clearfix to make articles more robust + */ +.uk-article:before, +.uk-article:after { + content: " "; + display: table; +} +.uk-article:after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* + * Vertical gutter for articles + */ +.uk-article + .uk-article { + margin-top: 15px; +} +/* Sub-object `uk-article-title` + ========================================================================== */ +.uk-article-title { + font-size: 36px; + line-height: 42px; + font-weight: normal; + text-transform: none; +} +.uk-article-title a { + color: inherit; + text-decoration: none; +} +/* Sub-object `uk-article-meta` + ========================================================================== */ +.uk-article-meta { + font-size: 12px; + line-height: 18px; + color: #999999; +} +/* Sub-object `uk-article-lead` + ========================================================================== */ +.uk-article-lead { + color: #444444; + font-size: 18px; + line-height: 24px; + font-weight: normal; +} +/* Sub-object `uk-article-divider` + ========================================================================== */ +.uk-article-divider { + margin-bottom: 25px; + border-color: #dddddd; +} +* + .uk-article-divider { + margin-top: 25px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Comment + * Description: Defines styles for comment threads + * + * Component: `uk-comment` + * + * Sub-objects: `uk-comment-header` + * `uk-comment-avatar` + * `uk-comment-title` + * `uk-comment-meta` + * `uk-comment-body` + * `uk-comment-list` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-comment-header` + ========================================================================== */ +.uk-comment-header { + margin-bottom: 15px; +} +/* + * Micro clearfix + */ +.uk-comment-header:before, +.uk-comment-header:after { + content: " "; + display: table; +} +.uk-comment-header:after { + clear: both; +} +/* Sub-object `uk-comment-avatar` + ========================================================================== */ +.uk-comment-avatar { + margin-right: 15px; + float: left; +} +/* Sub-object `uk-comment-title` + ========================================================================== */ +.uk-comment-title { + margin: 5px 0 0 0; + font-size: 16px; + line-height: 22px; +} +/* Sub-object `uk-comment-meta` + ========================================================================== */ +.uk-comment-meta { + margin: 2px 0 0 0; + font-size: 11px; + line-height: 16px; + color: #999999; +} +/* Sub-object `uk-comment-body` + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child { + margin-bottom: 0; +} +/* Sub-object `uk-comment-list` + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +.uk-comment-list .uk-comment + ul { + margin: 15px 0 0 0; + padding-left: 100px; + list-style: none; +} +.uk-comment-list > li:nth-child(n+2), +.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { + margin-top: 15px; +} +/* Hooks + ========================================================================== */ +/* Navs */ +/* + * Name: Nav + * Description: Defines styles for list navigations + * + * Component: `uk-nav` + * + * Sub-objects: `uk-nav-header` + * `uk-nav-divider` + * `uk-nav-sub` + * + * Modifiers: `uk-nav-parent-icon` + * `uk-nav-side` + * `uk-nav-dropdown` + * `uk-nav-navbar` + * `uk-nav-search` + * `uk-nav-offcanvas` + * + * States: `uk-active` + * `uk-parent` + * `uk-open` + * `uk-touch` + * + * Uses: Icon: FontAwesome + * + * Used by: Panel + * Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* + * Items + */ +.uk-nav li > a { + display: block; + text-decoration: none; +} +.uk-nav > li > a { + padding: 5px 15px; +} +/* + * Nested items + */ +.uk-nav ul { + padding-left: 15px; +} +.uk-nav ul a { + padding: 2px 0; +} +/* + * Item subtitle + */ +.uk-nav li > a > div { + font-size: 12px; + line-height: 18px; +} +/* Sub-object: `uk-nav-header` + ========================================================================== */ +.uk-nav-header { + padding: 5px 15px; + text-transform: uppercase; + font-weight: bold; + font-size: 12px; +} +.uk-nav-header:not(:first-child) { + margin-top: 15px; +} +/* Sub-object: `uk-nav-divider` + ========================================================================== */ +.uk-nav-divider { + margin: 9px 15px; +} +/* Sub-object: `uk-nav-sub` + ========================================================================== */ +/* + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* Modifier: `uk-nav-parent-icon` + ========================================================================== */ +.uk-nav-parent-icon > .uk-parent > a:after { + content: "\f104"; + width: 20px; + margin-right: -10px; + float: right; + font-family: "FontAwesome"; + text-align: center; +} +.uk-nav-parent-icon > .uk-parent.uk-open > a:after { + content: "\f107"; +} +/* Modifier `uk-nav-side` + ========================================================================== */ +/* + * Items + */ +.uk-nav-side > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-side > li > a:hover, +.uk-nav-side > li > a:focus { + /* 1 */ + + background: rgba(0, 0, 0, 0.05); + color: #444444; + outline: none; + /* 2 */ + +} +/* Active */ +.uk-nav-side > li.uk-active > a { + background: #00a8e6; + color: #ffffff; +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-side .uk-nav-header { + color: #444444; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-side .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-side ul a { + color: #0077dd; +} +.uk-nav-side ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-dropdown` + ========================================================================== */ +/* + * Items + */ +.uk-nav-dropdown > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-dropdown > li > a:hover, +.uk-nav-dropdown > li > a:focus { + /* 1 */ + + background: #00a8e6; + color: #ffffff; + outline: none; + /* 2 */ + +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-dropdown .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-dropdown .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-dropdown ul a { + color: #0077dd; +} +.uk-nav-dropdown ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-navbar` + ========================================================================== */ +/* + * Items + */ +.uk-nav-navbar > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-navbar > li > a:hover, +.uk-nav-navbar > li > a:focus { + /* 1 */ + + background: #00a8e6; + color: #ffffff; + outline: none; + /* 2 */ + +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-navbar .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-navbar .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-navbar ul a { + color: #0077dd; +} +.uk-nav-navbar ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +.uk-nav-search > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-search > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + outline: none; + /* 2 */ + +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-search .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-search .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-search ul a { + color: #0077dd; +} +.uk-nav-search ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-offcanvas` + ========================================================================== */ +/* + * Items + */ +.uk-nav-offcanvas > li > a { + color: #cccccc; + padding: 10px 15px; +} +/* + * Hover + * No hover on touch devices because it behaves buggy in fixed offcanvas + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-offcanvas > .uk-open > a, +html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, +html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { + /* 1 */ + + background: #404040; + color: #ffffff; + outline: none; + /* 2 */ + +} +/* + * Active + * `html .uk-nav` needed for higher specificity to override hover + */ +html .uk-nav.uk-nav-offcanvas > li.uk-active > a { + background: #1a1a1a; + color: #ffffff; +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-offcanvas .uk-nav-header { + color: #777777; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-offcanvas .uk-nav-divider { + border-top: 1px solid #1a1a1a; +} +/* + * Nested items + * No hover on touch devices because it behaves buggy in fixed offcanvas + */ +.uk-nav-offcanvas ul a { + color: #cccccc; +} +html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { + color: #ffffff; +} +/* Hooks + ========================================================================== */ +/* + * Name: Navbar + * Description: Defines styles for the navigation bar + * + * Component: `uk-navbar` + * + * Sub-objects: `uk-navbar-nav` + * `uk-navbar-nav-subtitle` + * `uk-navbar-content` + * `uk-navbar-brand` + * `uk-navbar-toggle` + * `uk-navbar-toggle-alt` + * `uk-navbar-center` + * `uk-navbar-flip` + * + * Modifiers: `uk-navbar-attached` + * + * States: `uk-active` + * `uk-parent` + * `uk-open` + * + * Used by: Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-navbar { + background: #eeeeee; + color: #444444; +} +/* + * Micro clearfix + */ +.uk-navbar:before, +.uk-navbar:after { + content: " "; + display: table; +} +.uk-navbar:after { + clear: both; +} +/* Sub-object: `uk-navbar-nav` + ========================================================================== */ +.uk-navbar-nav { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +/* + * 1. Create position context for dropdowns + */ +.uk-navbar-nav > li { + position: relative; + /* 1 */ + + float: left; +} +/* + * 1. Dimensions + * 2. Style + */ +.uk-navbar-nav > li > a { + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + /* 1 */ + + height: 40px; + padding: 0 15px; + line-height: 40px; + /* 2 */ + + color: #444444; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; +} +/* Appear not as link */ +.uk-navbar-nav > li > a[href='#'] { + cursor: auto; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Also apply if dropdown is opened + * 3. Remove default focus style + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a:focus, +.uk-navbar-nav > li.uk-open > a { + /* 2 */ + + background-color: #f5f5f5; + color: #444444; + outline: none; + /* 3 */ + +} +/* OnClick */.uk-navbar-nav > li > a:active { + background-color: #dddddd; + color: #444444; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + background-color: #f5f5f5; + color: #444444; +} +/* Sub-objects: `uk-navbar-nav-subtitle` + ========================================================================== */ +.uk-navbar-nav .uk-navbar-nav-subtitle { + line-height: 28px; +} +.uk-navbar-nav-subtitle > div { + margin-top: -6px; + font-size: 10px; + line-height: 12px; +} +/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` + ========================================================================== */ +/* + * Imitate navbar items + */ +.uk-navbar-content, +.uk-navbar-brand, +.uk-navbar-toggle { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + padding: 0 15px; + float: left; +} +/* + * Helper to center all child elements vertically + */ +.uk-navbar-content:before, +.uk-navbar-brand:before, +.uk-navbar-toggle:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +/* Sub-objects: `uk-navbar-content` + ========================================================================== */ +/* + * Better sibling spacing + */ +.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { + padding-left: 0; +} +/* + * Link colors + */ +.uk-navbar-content > a:not([class]) { + color: #0077dd; +} +.uk-navbar-content > a:not([class]):hover { + color: #005599; +} +/* Sub-objects: `uk-navbar-brand` + ========================================================================== */ +.uk-navbar-brand { + font-size: 18px; + color: #444444; +} +/* + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-navbar-brand:hover, +.uk-navbar-brand:focus { + /* 1 */ + + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* Sub-object: `uk-navbar-toggle` + ========================================================================== */ +.uk-navbar-toggle { + font-size: 18px; + color: #444444; +} +/* + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-navbar-toggle:hover, +.uk-navbar-toggle:focus { + /* 1 */ + + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* + * 1. Center icon vertically + */ +.uk-navbar-toggle:after { + content: "\f0c9"; + font-family: "FontAwesome"; + vertical-align: middle; + /* 1 */ + +} +.uk-navbar-toggle-alt:after { + content: "\f002"; +} +/* Sub-object: `uk-navbar-center` + ========================================================================== */ +/* + * The element with this class needs to be last child in the navbar + * 1. This hack is needed because other float elements shift centered text + */ +.uk-navbar-center { + max-width: 50%; + margin: auto; + /* 1 */ + + float: none; + text-align: center; +} +/* Sub-object: `uk-navbar-flip` + ========================================================================== */ +.uk-navbar-flip { + float: right; +} +/* Hooks + ========================================================================== */ +/* + * Name: Subnav + * Description: Defines styles for the sub navigation + * + * Component: `uk-subnav` + * + * Modifiers: `uk-subnav-line` + * `uk-subnav-pill` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Remove whitespace between child elements when using `inline-block` + */ +.uk-subnav { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + letter-spacing: -0.31em; +} +/* Items + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Reset whitespace hack + */ +.uk-subnav > li { + position: relative; + /* 1 */ + + letter-spacing: normal; + /* 2 */ + +} +.uk-subnav > li, +.uk-subnav > li > a, +.uk-subnav > li > span { + display: inline-block; +} +.uk-subnav > li:nth-child(n+2) { + margin-left: 10px; +} +/* + * Items + */ +.uk-subnav > li > a { + color: #0077dd; +} +.uk-subnav > li > a:hover { + color: #005599; +} +/* + * Disabled + */ +.uk-subnav > li > span { + color: #999999; +} +/* Modifier: 'subnav-line' + ========================================================================== */ +.uk-subnav-line > li:nth-child(n+2):before { + content: ""; + display: inline-block; + height: 10px; + margin-right: 10px; + border-left: 1px solid #dddddd; +} +/* Modifier: 'subnav-pill' + ========================================================================== */ +.uk-subnav-pill > li > a, +.uk-subnav-pill > li > span { + padding: 3px 9px; + text-decoration: none; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-subnav-pill > li > a:hover, +.uk-subnav-pill > li > a:focus { + /* 1 */ + + background: #eeeeee; + color: #444444; + outline: none; + /* 2 */ + +} +/* + * Active + * `li` needed for higher specificity to override hover + */ +.uk-subnav-pill > li.uk-active > a { + background: #00a8e6; + color: #ffffff; +} +/* Hooks + ========================================================================== */ +/* + * Name: Breadcrumb + * Description: Defines styles for a breadcrumb navigation + * + * Component: `uk-breadcrumb` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Remove whitespace between child elements when using `inline-block` + */ +.uk-breadcrumb { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + letter-spacing: -0.31em; +} +/* Items + ========================================================================== */ +/* + * Reset whitespace hack + */ +.uk-breadcrumb > li { + letter-spacing: normal; +} +.uk-breadcrumb > li, +.uk-breadcrumb > li > a, +.uk-breadcrumb > li > span { + display: inline-block; +} +.uk-breadcrumb > li:nth-child(n+2):before { + content: "/"; + display: inline-block; + margin: 0 8px; + vertical-align: top; + /* 2 */ + +} +/* + * Disabled + */ +.uk-breadcrumb > li:not(.uk-active) > span { + color: #999999; +} +/* Hooks + ========================================================================== */ +/* + * Name: Pagination + * Description: Defines styles for a navigation between pages + * + * Component: `uk-pagination` + * + * Sub-objects: `uk-pagination-previous` + * `uk-pagination-next` + * + * States: `uk-active` + * `uk-disabled` + * + * Modifiers: `uk-pagination-left` + * `uk-pagination-right` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Center pagination by default + * 3. Remove whitespace between child elements when using `inline-block` + */ +.uk-pagination { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + text-align: center; + /* 3 */ + + letter-spacing: -0.31em; +} +/* + * Micro clearfix + * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used + */ +.uk-pagination:before, +.uk-pagination:after { + content: " "; + display: table; +} +.uk-pagination:after { + clear: both; +} +/* Items + ========================================================================== */ +/* + * 1. Reset whitespace hack + */ +.uk-pagination > li { + display: inline-block; + letter-spacing: normal; + /* 1 */ + +} +.uk-pagination > li:nth-child(n+2) { + margin-left: 5px; +} +/* + * 1. Makes pagination more robust against different box-sizing use + * 2. Reset text-align to center if alignment modifier is used + */ +.uk-pagination > li > a, +.uk-pagination > li > span { + -moz-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + + display: inline-block; + min-width: 16px; + padding: 3px 5px; + line-height: 20px; + text-decoration: none; + text-align: center; + /* 2 */ + +} +/* + * Links + */ +.uk-pagination > li > a { + background: #eeeeee; + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-pagination > li > a:hover, +.uk-pagination > li > a:focus { + /* 1 */ + + background-color: #f5f5f5; + color: #444444; + outline: none; + /* 2 */ + +} +/* OnClick */ +.uk-pagination > li > a:active { + background-color: #dddddd; + color: #444444; +} +/* + * Active + */ +.uk-pagination > .uk-active > span { + background: #00a8e6; + color: #ffffff; +} +/* + * Disabled + */ +.uk-pagination > .uk-disabled > span { + background-color: #f5f5f5; + color: #999999; +} +/* Previous and next navigation + ========================================================================== */ +.uk-pagination-previous { + float: left; +} +.uk-pagination-next { + float: right; +} +/* Alignment modifiers + ========================================================================== */ +.uk-pagination-left { + text-align: left; +} +.uk-pagination-right { + text-align: right; +} +/* Hooks + ========================================================================== */ +/* + * Name: Tab + * Description: Defines styles for a tabbed navigation + * + * Component: `uk-tab` + * + * Modifiers: `uk-tab-flip` + * `uk-tab-center` + * `uk-tab-grid` + * `uk-tab-bottom` + * `uk-tab-left` + * `uk-tab-right` + * `uk-tab-responsive` + * + * States: `uk-active` + * `uk-disabled` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-tab { + margin: 0; + padding: 0; + list-style: none; + border-bottom: 1px solid #dddddd; +} +/* + * Micro clearfix on the deepest container + */ +.uk-tab:before, +.uk-tab:after { + content: " "; + display: table; +} +.uk-tab:after { + clear: both; +} +/* + * Items + * 1. Create position context for dropdowns + */ +.uk-tab > li { + position: relative; + /* 1 */ + + margin-bottom: -1px; + float: left; +} +.uk-tab > li > a { + display: block; + padding: 8px 12px; + border: 1px solid transparent; + border-bottom-width: 0; + color: #0077dd; + text-decoration: none; +} +.uk-tab > li:nth-child(n+2) > a { + margin-left: 5px; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Also apply if dropdown is opened + * 3. Remove default focus style + */ +.uk-tab > li > a:hover, +.uk-tab > li > a:focus, +.uk-tab > li.uk-open > a { + /* 2 */ + + border-color: #f5f5f5; + background: #f5f5f5; + color: #005599; + outline: none; + /* 3 */ + +} +.uk-tab > li:not(.uk-active) > a:hover, +.uk-tab > li:not(.uk-active) > a:focus, +.uk-tab > li.uk-open:not(.uk-active) > a { + margin-bottom: 1px; + padding-bottom: 7px; +} +/* Active */ +.uk-tab > li.uk-active > a { + border-color: #dddddd; + border-bottom-color: transparent; + background: #ffffff; + color: #444444; +} +/* Disabled */ +.uk-tab > li.uk-disabled > a { + color: #999999; + cursor: auto; +} +.uk-tab > li.uk-disabled > a:hover, +.uk-tab > li.uk-disabled > a:focus, +.uk-tab > li.uk-disabled.uk-active > a { + background: none; + border-color: transparent; +} +/* Modifier: 'tab-flip' + ========================================================================== */ +.uk-tab-flip > li { + float: right; +} +.uk-tab-flip > li:nth-child(n+2) > a { + margin-left: 0; + margin-right: 5px; +} +/* Modifier: 'tab-responsive' + ========================================================================== */ +/* + * Hidden by default + */ +.uk-tab-responsive { + display: none; +} +.uk-tab-responsive > a:before { + content: "\f0c9\00a0"; + font-family: "FontAwesome"; +} +/* Only phones */ +@media (max-width: 767px) { + [data-uk-tab] > li { + display: none; + } + [data-uk-tab] > li.uk-tab-responsive { + display: block; + } + [data-uk-tab] > li.uk-tab-responsive > a { + margin-left: 0; + margin-right: 0; + } +} +/* Modifier: 'tab-center' + ========================================================================== */ +.uk-tab-center { + border-bottom: 1px solid #dddddd; +} +.uk-tab-center-bottom { + border-bottom: none; + border-top: 1px solid #dddddd; +} +.uk-tab-center:before, +.uk-tab-center:after { + content: " "; + display: table; +} +.uk-tab-center:after { + clear: both; +} +.uk-tab-center .uk-tab { + position: relative; + left: 50%; + border: none; + float: left; +} +.uk-tab-center .uk-tab > li { + position: relative; + left: -50%; +} +.uk-tab-center .uk-tab > li > a { + text-align: center; +} +/* Modifier: 'tab-bottom' + ========================================================================== */ +.uk-tab-bottom { + border-top: 1px solid #dddddd; + border-bottom: none; +} +.uk-tab-bottom > li { + margin-top: -1px; + margin-bottom: 0; +} +.uk-tab-bottom > li > a { + border-bottom-width: 1px; + border-top-width: 0; +} +.uk-tab-bottom > li:not(.uk-active) > a:hover, +.uk-tab-bottom > li:not(.uk-active) > a:focus, +.uk-tab-bottom > li.uk-open:not(.uk-active) > a { + margin-bottom: 0; + margin-top: 1px; + padding-bottom: 8px; + padding-top: 7px; +} +.uk-tab-bottom > li.uk-active > a { + border-top-color: transparent; + border-bottom-color: #dddddd; +} +/* Modifier: 'tab-grid' + ========================================================================== */ +/* + * 1. Create position context to prevent hidden border because of negative `z-index` + */ +.uk-tab-grid { + position: relative; + z-index: 0; + /* 1 */ + + margin-left: -5px; + border-bottom: none; +} +.uk-tab-grid:before { + display: block; + position: absolute; + left: 5px; + right: 0px; + bottom: -1px; + z-index: -1; + /* 1 */ + + border-top: 1px solid #dddddd; +} +.uk-tab-grid > li:first-child > a { + margin-left: 5px; +} +.uk-tab-grid > li > a { + text-align: center; +} +/* + * If `uk-tab-bottom` + */ +.uk-tab-grid.uk-tab-bottom { + border-top: none; +} +.uk-tab-grid.uk-tab-bottom:before { + top: -1px; + bottom: auto; +} +/* Modifier: 'tab-left', 'tab-right' + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-tab-left, + .uk-tab-right { + border-bottom: none; + } + .uk-tab-left > li, + .uk-tab-right > li { + margin-bottom: 0; + float: none; + } + .uk-tab-left > li:nth-child(n+2) > a, + .uk-tab-right > li:nth-child(n+2) > a { + margin-left: 0; + margin-top: 5px; + } + .uk-tab-left > li.uk-active > a, + .uk-tab-right > li.uk-active > a { + border-color: #dddddd; + } + /* + * Modifier: 'tab-left' + */ + .uk-tab-left { + border-right: 1px solid #dddddd; + } + .uk-tab-left > li { + margin-right: -1px; + } + .uk-tab-left > li > a { + border-bottom-width: 1px; + border-right-width: 0; + } + .uk-tab-left > li:not(.uk-active) > a:hover, + .uk-tab-left > li:not(.uk-active) > a:focus { + margin-bottom: 0; + margin-right: 1px; + padding-bottom: 8px; + padding-right: 11px; + } + .uk-tab-left > li.uk-active > a { + border-right-color: transparent; + } + /* + * Modifier: 'tab-right' + */ + .uk-tab-right { + border-left: 1px solid #dddddd; + } + .uk-tab-right > li { + margin-left: -1px; + } + .uk-tab-right > li > a { + border-bottom-width: 1px; + border-left-width: 0; + } + .uk-tab-right > li:not(.uk-active) > a:hover, + .uk-tab-right > li:not(.uk-active) > a:focus { + margin-bottom: 0; + margin-left: 1px; + padding-bottom: 8px; + padding-left: 11px; + } + .uk-tab-right > li.uk-active > a { + border-left-color: transparent; + } +} +/* Hooks + ========================================================================== */ +/* Elements */ +/* + * Name: List + * Description: Defines styles for ordered and unordered lists + * + * Component: `uk-list` + * + * Modifiers: `uk-list-line` + * `uk-list-striped` + * `uk-list-space` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Nested lists + */ +.uk-list ul { + margin: 0; + padding-left: 20px; + list-style: none; +} +/* Modifier: `uk-list-line` + ========================================================================== */ +.uk-list-line > li:nth-child(n+2) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #dddddd; +} +/* Modifier: `uk-list-striped` + ========================================================================== */ +.uk-list-striped > li { + padding: 5px 5px; +} +.uk-list-striped > li:nth-of-type(odd) { + background: #f5f5f5; +} +/* Modifier: `uk-list-space` + ========================================================================== */ +.uk-list-space > li:nth-child(n+2) { + margin-top: 10px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Description list + * Description: Defines styles for description lists + * + * Component: `uk-description-list` + * + * Modifiers: `uk-description-list-horizontal` + * `uk-description-list-line` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-description-list-horizontal` + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-description-list-horizontal { + overflow: hidden; + } + .uk-description-list-horizontal > dt { + width: 160px; + float: left; + clear: both; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .uk-description-list-horizontal > dd { + margin-left: 180px; + } +} +/* Modifier: `uk-description-list-line` + ========================================================================== */ +.uk-description-list-line > dt { + font-weight: normal; +} +.uk-description-list-line > dt:nth-child(n+2) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #dddddd; +} +.uk-description-list-line > dd { + color: #999999; +} +/* + * Name: Table + * Description: Defines styles for tables + * + * Component: `uk-table` + * + * Modifiers: `uk-table-middle` + * `uk-table-striped` + * `uk-table-condensed` + * `uk-table-hover` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Block element behavior */ +.uk-table { + width: 100%; + margin-bottom: 15px 0; +} +/* + * Add margin if adjacent element + */ +* + .uk-table { + margin-top: 15px; +} +.uk-table th, +.uk-table td { + padding: 8px 8px; +} +/* Set alignment */ +.uk-table th { + text-align: left; +} +.uk-table td { + vertical-align: top; +} +.uk-table thead th { + vertical-align: bottom; +} +/* + * Caption and footer + */ +.uk-table caption, +.uk-table tfoot { + font-size: 12px; + font-style: italic; +} +.uk-table caption { + text-align: left; + color: #999999; +} +/* Sub-modifier: `uk-table-middel` + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Modifier: `uk-table-striped` + ========================================================================== */ +.uk-table-striped tbody tr:nth-of-type(odd) td { + background: #f5f5f5; +} +/* Modifier: `uk-table-condensed` + ========================================================================== */ +.uk-table-condensed td { + padding: 4px 8px; +} +/* Modifier: `uk-table-hover` + ========================================================================== */ +.uk-table-hover tbody tr:hover td { + background: #eeeeee; +} +/* Hooks + ========================================================================== */ +/* + * Name: Form + * Description: Defines styles for forms + * + * Component: `uk-form` + * + * Sub-objects: `uk-form-row` + * `uk-form-help-inline` + * `uk-form-help-block` + * `uk-form-label` + * `uk-form-controls` + * `uk-form-controls-condensed` + * + * Modifiers: `uk-form-stacked` + * `uk-form-horizontal` + * + * Sub-modifiers: `uk-form-danger` + * `uk-form-success` + * `uk-form-small` + * `uk-form-large` + * `uk-form-blank` + * `uk-form-width-mini` + * `uk-form-width-small` + * `uk-form-width-medium` + * `uk-form-width-large` + * `uk-form-controls-text` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-form > :last-child { + margin-bottom: 0; +} +/* + * Controls + * Exept for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` + * 1. Must be `height` because `min-height` is not working in OSX + * 2. Responsiveness: Sets a maxium width relative to the parent to scale on narrower viewports + */ +.uk-form select, +.uk-form textarea, +.uk-form input[type="text"], +.uk-form input[type="password"], +.uk-form input[type="datetime"], +.uk-form input[type="datetime-local"], +.uk-form input[type="date"], +.uk-form input[type="month"], +.uk-form input[type="time"], +.uk-form input[type="week"], +.uk-form input[type="number"], +.uk-form input[type="email"], +.uk-form input[type="url"], +.uk-form input[type="search"], +.uk-form input[type="tel"], +.uk-form input[type="color"] { + height: 30px; + /* 1 */ + + max-width: 100%; + /* 2 */ + + padding: 4px 6px; + border: 1px solid #dddddd; + background: #ffffff; + color: #444444; + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; + /* Focus state */ + + /* Disabled state */ + +} +.uk-form select:focus, +.uk-form textarea:focus, +.uk-form input[type="text"]:focus, +.uk-form input[type="password"]:focus, +.uk-form input[type="datetime"]:focus, +.uk-form input[type="datetime-local"]:focus, +.uk-form input[type="date"]:focus, +.uk-form input[type="month"]:focus, +.uk-form input[type="time"]:focus, +.uk-form input[type="week"]:focus, +.uk-form input[type="number"]:focus, +.uk-form input[type="email"]:focus, +.uk-form input[type="url"]:focus, +.uk-form input[type="search"]:focus, +.uk-form input[type="tel"]:focus, +.uk-form input[type="color"]:focus { + border-color: #99baca; + outline: 0; + background: #f5fbfe; + color: #444444; +} +.uk-form select:disabled, +.uk-form textarea:disabled, +.uk-form input[type="text"]:disabled, +.uk-form input[type="password"]:disabled, +.uk-form input[type="datetime"]:disabled, +.uk-form input[type="datetime-local"]:disabled, +.uk-form input[type="date"]:disabled, +.uk-form input[type="month"]:disabled, +.uk-form input[type="time"]:disabled, +.uk-form input[type="week"]:disabled, +.uk-form input[type="number"]:disabled, +.uk-form input[type="email"]:disabled, +.uk-form input[type="url"]:disabled, +.uk-form input[type="search"]:disabled, +.uk-form input[type="tel"]:disabled, +.uk-form input[type="color"]:disabled { + border-color: #dddddd; + background-color: #f5f5f5; + color: #999999; +} +.uk-form textarea, +.uk-form select[multiple], +.uk-form select[size] { + height: auto; +} +/* 1 */ +/* + * Placeholder + * 1. Higher specificity needed to override color in IE + */ +.uk-form :-ms-input-placeholder { + color: #999999 !important; +} +/* 1. */ +.uk-form ::-moz-placeholder { + color: #999999; +} +.uk-form ::-webkit-input-placeholder { + color: #999999; +} +.uk-form :disabled:-ms-input-placeholder { + color: #999999 !important; +} +/* 1. */ +.uk-form :disabled::-moz-placeholder { + color: #999999; +} +.uk-form :disabled::-webkit-input-placeholder { + color: #999999; +} +/* + * Legend style + * 1. `margin-bottom` is not working in Safari and Opera. + * Using `padding` and :after instead to create the border + */ +.uk-form legend { + width: 100%; + padding-bottom: 15px; + /* 1 */ + + font-size: 18px; + line-height: 30px; +} +/* 1 */ +.uk-form legend:after { + content: ""; + display: block; + border-bottom: 1px solid #dddddd; +} +/* Validation states + * Using !important to keep the selector simple + ========================================================================== */ +/* + * Error state + */ +.uk-form-danger { + border-color: #dc8d99 !important; + background: #fff7f8 !important; + color: #c91032 !important; +} +/* + * Success state + */ +.uk-form-success { + border-color: #8ec73b !important; + background: #fafff2 !important; + color: #539022 !important; +} +/* Size modifiers + * Using !important to keep the selector simple + ========================================================================== */ +.uk-form-small { + height: 25px !important; + padding: 3px 3px !important; + font-size: 12px; +} +.uk-form-large { + height: 40px !important; + padding: 8px 6px !important; + font-size: 16px; +} +/* Style modifiers + * Using !important to keep the selector simple + ========================================================================== */ +/* + * Blank form + */ +.uk-form-blank { + border: none !important; + background: none !important; + box-shadow: none !important; + outline: 1px dashed transparent !important; +} +.uk-form-blank:focus { + outline-color: #dddddd !important; +} +/* Size sub-modifiers + ========================================================================== */ +/* + * Fixed widths + * 1. Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-mini { + width: 40px; +} +/* 1 */ +select.uk-form-width-mini { + width: 65px; +} +/* 1 */ +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Sub-objects: `uk-form-row` + * Groups labels and controls in rows + ========================================================================== */ +/* + * Micro clearfix + * Needed for `uk-form-horizontal` modifier + */ +.uk-form-row:before, +.uk-form-row:after { + content: " "; + display: table; +} +.uk-form-row:after { + clear: both; +} +/* + * Vertical gutter + */ +.uk-form-row + .uk-form-row { + margin-top: 15px; +} +/* Help text + * Sub-object: `uk-form-help-inline`, `uk-form-help-block` + ========================================================================== */ +.uk-form-help-inline { + display: inline-block; + margin: 0 0 0 10px; +} +.uk-form-help-block { + margin: 5px 0 0 0; +} +/* Controls content + * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-form-controls > :last-child { + margin-bottom: 0; +} +/* + * Group controls and text into blocks with a small spacing between blocks + */ +.uk-form-controls-condensed { + margin: 5px 0; +} +/* Modifier: `uk-form-stacked` + * Requrires sub-object: `uk-form-label` + ========================================================================== */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} +/* Modifier: `uk-form-horizontal` + * Requrires sub-objects: `uk-form-label`, `uk-form-controls` + ========================================================================== */ +/* Only phones and tablets portrait */ +@media (max-width: 959px) { + .uk-form-horizontal .uk-form-label { + /* Behave like `uk-form-stacked` */ + + display: block; + margin-bottom: 5px; + font-weight: bold; + } +} +/* Only tablets and desktops */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 5px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 5px; + } +} +/* Hooks + ========================================================================== */ +/* Common */ +/* + * Name: Button + * Description: Defines styles for buttons + * + * Component: `uk-button` + * + * Sub-objects: `uk-button-group` + * `uk-button-dropdown` + * + * Modifiers: `uk-button-primary` + * `uk-button-success` + * `uk-button-danger` + * `uk-button-link` + * `uk-button-mini` + * `uk-button-small` + * `uk-button-large` + * `uk-button-expand` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Required for `a` elements. Can't be moved to `a.button` selector because needs to be overwritable for `uk-button-link` and `uk-button-expand` + * 2. `min-height` is neccesary for `input` elments in Firefox and Opera because `line-height` is not working. + * 3. Required for `button` and `input` elements + * 4. `line-height` is used to create a height + * 5. Reset button group whitespace hack + */ +.uk-button { + display: inline-block; + /* 1 */ + + min-height: 30px; + /* 2 */ + + padding: 0 12px; + border: none; + /* 3 */ + + background: #eeeeee; + line-height: 30px; + /* 4 */ + + color: #444444; + letter-spacing: normal; + /* 5 */ + +} +/* Required for `a` elements */ +a.uk-button { + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + text-decoration: none; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-button:hover, +.uk-button:focus { + /* 1 */ + + background-color: #f5f5f5; + color: #444444; + outline: none; + /* 2 */ + +} +/* Active */ +.uk-button:active, +.uk-button.uk-active { + background-color: #dddddd; + color: #444444; +} +/* Color modifiers + ========================================================================== */ +/* + * Modifier: `uk-button-primary` + */ +.uk-button-primary { + background-color: #00a8e6; + color: #ffffff; +} +/* Hover */ +.uk-button-primary:hover, +.uk-button-primary:focus { + background-color: #35b3ee; + color: #ffffff; +} +/* Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0091ca; + color: #ffffff; +} +/* + * Modifier: `uk-button-success` + */ +.uk-button-success { + background-color: #8cc14c; + color: #ffffff; +} +/* Hover */ +.uk-button-success:hover, +.uk-button-success:focus { + background-color: #8ec73b; + color: #ffffff; +} +/* Active */ +.uk-button-success:active, +.uk-button-success.uk-active { + background-color: #72ae41; + color: #ffffff; +} +/* + * Modifier: `uk-button-danger` + */ +.uk-button-danger { + background-color: #da314b; + color: #ffffff; +} +/* Hover */ +.uk-button-danger:hover, +.uk-button-danger:focus { + background-color: #e4354f; + color: #ffffff; +} +/* Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #c91032; + color: #ffffff; +} +/* Disabled state + * Overrides also the color modifiers + ========================================================================== */ +/* Equal for all button types */ +.uk-button:disabled { + background-color: #f5f5f5; + color: #999999; +} +/* Modifier: `uk-button-link` + ========================================================================== */ +/* Reset */ +.uk-button-link, +.uk-button-link:hover, +.uk-button-link:focus, +.uk-button-link:active, +.uk-button-link.uk-active, +.uk-button-link:disabled { + display: inline; + border: none; + background: none; +} +/* Color */ +.uk-button-link { + color: #0077dd; +} +.uk-button-link:hover, +.uk-button-link:focus, +.uk-button-link:active, +.uk-button-link.uk-active { + color: #005599; + text-decoration: underline; +} +.uk-button-link:disabled { + color: #999999; +} +/* Focus */ +.uk-button-link:focus { + outline: 1px dotted; +} +/* Size modifiers + ========================================================================== */ +.uk-button-mini { + min-height: 20px; + padding: 0 6px; + line-height: 20px; + font-size: 11px; +} +.uk-button-small { + min-height: 25px; + padding: 0 10px; + line-height: 25px; + font-size: 12px; +} +.uk-button-large { + min-height: 40px; + padding: 0 15px; + line-height: 40px; + font-size: 16px; +} +/* + * Behave like a block element and take the full width + */ +.uk-button-expand { + display: block; + width: 100%; + text-align: center; +} +.uk-button-expand + .uk-button-expand { + margin-top: 10px; +} +/* Sub-object `uk-button-group` + ========================================================================== */ +/* + * 1. Behave like buttons + * 2. Create position context for dropdowns + * 3. Remove whitespace between child elements when using `inline-block` + * 4. Prevent buttons from wrapping + */ +.uk-button-group { + /* 1 */ + + display: inline-block; + vertical-align: middle; + /* 2 */ + + position: relative; + /* 3 */ + + letter-spacing: -0.31em; + /* 4 */ + + white-space: nowrap; +} +.uk-button-group > * { + display: inline-block; +} +/* Sub-object: `uk-button-dropdown` + ========================================================================== */ +/* + * 1. Behave like buttons + * 2. Create position context for dropdowns + */ +.uk-button-dropdown { + /* 1 */ + + display: inline-block; + vertical-align: middle; + /* 2 */ + + position: relative; +} +/* Hooks + ========================================================================== */ +/* + * Name: Icon + * Description: Defines styles for icons + * + * Adapted from http://fortawesome.github.com/Font-Awesome (Version 3.2.1) + * + * Component: `uk-icon-*` + * + * Sub-objects: `uk-icon-button` + * + * Modifiers: `uk-icon-small` + * `uk-icon-medium` + * `uk-icon-large` + * `uk-icon-spin` + * + * Uses: Animation + * + ========================================================================== */ +/* Font-face + ========================================================================== */ +@font-face { + font-family: 'FontAwesome'; + src: url("../fonts/fontawesome-webfont.eot"); + src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +/* Component + ========================================================================== */ +/* + * 1. Allow margin + * 2. Prevent inherit font style + * 3. Align vertical to text + * 4. Correct line-height + * 5. Better font rendering in Webkit + */ +[class*='uk-icon-']:before { + display: inline-block; + /* 1 */ + + font-family: "FontAwesome"; + font-weight: normal; + font-style: normal; + /* 2 */ + + vertical-align: baseline; + /* 3 */ + + line-height: 1; + /* 4 */ + + -webkit-font-smoothing: antialiased; + /* 5 */ + +} +/* Size modifiers + ========================================================================== */ +.uk-icon-small:before { + font-size: 150%; + vertical-align: -10%; +} +.uk-icon-medium:before { + font-size: 200%; + vertical-align: -16%; +} +.uk-icon-large:before { + font-size: 250%; + vertical-align: -22%; +} +/* Modifier: `uk-icon-spin` + ========================================================================== */ +.uk-icon-spin { + display: inline-block; + -webkit-animation: uk-spin 2s infinite linear; + animation: uk-spin 2s infinite linear; +} +/* Modifier: `uk-icon-button` + ========================================================================== */ +.uk-icon-button { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + width: 35px; + height: 35px; + border-radius: 100%; + background: #eeeeee; + line-height: 35px; + color: #444444; + font-size: 17.5px; + text-align: center; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-icon-button:hover, +.uk-icon-button:focus { + /* 1 */ + + background-color: #f5f5f5; + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* Active */ +.uk-icon-button:active { + background-color: #dddddd; + color: #444444; +} +/* Icon mapping + ========================================================================== */ +.uk-icon-glass:before { + content: "\f000"; +} +.uk-icon-music:before { + content: "\f001"; +} +.uk-icon-search:before { + content: "\f002"; +} +.uk-icon-envelope-alt:before { + content: "\f003"; +} +.uk-icon-heart:before { + content: "\f004"; +} +.uk-icon-star:before { + content: "\f005"; +} +.uk-icon-star-empty:before { + content: "\f006"; +} +.uk-icon-user:before { + content: "\f007"; +} +.uk-icon-film:before { + content: "\f008"; +} +.uk-icon-th-large:before { + content: "\f009"; +} +.uk-icon-th:before { + content: "\f00a"; +} +.uk-icon-th-list:before { + content: "\f00b"; +} +.uk-icon-ok:before { + content: "\f00c"; +} +.uk-icon-remove:before { + content: "\f00d"; +} +.uk-icon-zoom-in:before { + content: "\f00e"; +} +.uk-icon-zoom-out:before { + content: "\f010"; +} +.uk-icon-power-off:before, +.uk-icon-off:before { + content: "\f011"; +} +.uk-icon-signal:before { + content: "\f012"; +} +.uk-icon-gear:before, +.uk-icon-cog:before { + content: "\f013"; +} +.uk-icon-trash:before { + content: "\f014"; +} +.uk-icon-home:before { + content: "\f015"; +} +.uk-icon-file-alt:before { + content: "\f016"; +} +.uk-icon-time:before { + content: "\f017"; +} +.uk-icon-road:before { + content: "\f018"; +} +.uk-icon-download-alt:before { + content: "\f019"; +} +.uk-icon-download:before { + content: "\f01a"; +} +.uk-icon-upload:before { + content: "\f01b"; +} +.uk-icon-inbox:before { + content: "\f01c"; +} +.uk-icon-play-circle:before { + content: "\f01d"; +} +.uk-icon-rotate-right:before, +.uk-icon-repeat:before { + content: "\f01e"; +} +.uk-icon-refresh:before { + content: "\f021"; +} +.uk-icon-list-alt:before { + content: "\f022"; +} +.uk-icon-lock:before { + content: "\f023"; +} +.uk-icon-flag:before { + content: "\f024"; +} +.uk-icon-headphones:before { + content: "\f025"; +} +.uk-icon-volume-off:before { + content: "\f026"; +} +.uk-icon-volume-down:before { + content: "\f027"; +} +.uk-icon-volume-up:before { + content: "\f028"; +} +.uk-icon-qrcode:before { + content: "\f029"; +} +.uk-icon-barcode:before { + content: "\f02a"; +} +.uk-icon-tag:before { + content: "\f02b"; +} +.uk-icon-tags:before { + content: "\f02c"; +} +.uk-icon-book:before { + content: "\f02d"; +} +.uk-icon-bookmark:before { + content: "\f02e"; +} +.uk-icon-print:before { + content: "\f02f"; +} +.uk-icon-camera:before { + content: "\f030"; +} +.uk-icon-font:before { + content: "\f031"; +} +.uk-icon-bold:before { + content: "\f032"; +} +.uk-icon-italic:before { + content: "\f033"; +} +.uk-icon-text-height:before { + content: "\f034"; +} +.uk-icon-text-width:before { + content: "\f035"; +} +.uk-icon-align-left:before { + content: "\f036"; +} +.uk-icon-align-center:before { + content: "\f037"; +} +.uk-icon-align-right:before { + content: "\f038"; +} +.uk-icon-align-justify:before { + content: "\f039"; +} +.uk-icon-list:before { + content: "\f03a"; +} +.uk-icon-indent-left:before { + content: "\f03b"; +} +.uk-icon-indent-right:before { + content: "\f03c"; +} +.uk-icon-facetime-video:before { + content: "\f03d"; +} +.uk-icon-picture:before { + content: "\f03e"; +} +.uk-icon-pencil:before { + content: "\f040"; +} +.uk-icon-map-marker:before { + content: "\f041"; +} +.uk-icon-adjust:before { + content: "\f042"; +} +.uk-icon-tint:before { + content: "\f043"; +} +.uk-icon-edit:before { + content: "\f044"; +} +.uk-icon-share:before { + content: "\f045"; +} +.uk-icon-check:before { + content: "\f046"; +} +.uk-icon-move:before { + content: "\f047"; +} +.uk-icon-step-backward:before { + content: "\f048"; +} +.uk-icon-fast-backward:before { + content: "\f049"; +} +.uk-icon-backward:before { + content: "\f04a"; +} +.uk-icon-play:before { + content: "\f04b"; +} +.uk-icon-pause:before { + content: "\f04c"; +} +.uk-icon-stop:before { + content: "\f04d"; +} +.uk-icon-forward:before { + content: "\f04e"; +} +.uk-icon-fast-forward:before { + content: "\f050"; +} +.uk-icon-step-forward:before { + content: "\f051"; +} +.uk-icon-eject:before { + content: "\f052"; +} +.uk-icon-chevron-left:before { + content: "\f053"; +} +.uk-icon-chevron-right:before { + content: "\f054"; +} +.uk-icon-plus-sign:before { + content: "\f055"; +} +.uk-icon-minus-sign:before { + content: "\f056"; +} +.uk-icon-remove-sign:before { + content: "\f057"; +} +.uk-icon-ok-sign:before { + content: "\f058"; +} +.uk-icon-question-sign:before { + content: "\f059"; +} +.uk-icon-info-sign:before { + content: "\f05a"; +} +.uk-icon-screenshot:before { + content: "\f05b"; +} +.uk-icon-remove-circle:before { + content: "\f05c"; +} +.uk-icon-ok-circle:before { + content: "\f05d"; +} +.uk-icon-ban-circle:before { + content: "\f05e"; +} +.uk-icon-arrow-left:before { + content: "\f060"; +} +.uk-icon-arrow-right:before { + content: "\f061"; +} +.uk-icon-arrow-up:before { + content: "\f062"; +} +.uk-icon-arrow-down:before { + content: "\f063"; +} +.uk-icon-mail-forward:before, +.uk-icon-share-alt:before { + content: "\f064"; +} +.uk-icon-resize-full:before { + content: "\f065"; +} +.uk-icon-resize-small:before { + content: "\f066"; +} +.uk-icon-plus:before { + content: "\f067"; +} +.uk-icon-minus:before { + content: "\f068"; +} +.uk-icon-asterisk:before { + content: "\f069"; +} +.uk-icon-exclamation-sign:before { + content: "\f06a"; +} +.uk-icon-gift:before { + content: "\f06b"; +} +.uk-icon-leaf:before { + content: "\f06c"; +} +.uk-icon-fire:before { + content: "\f06d"; +} +.uk-icon-eye-open:before { + content: "\f06e"; +} +.uk-icon-eye-close:before { + content: "\f070"; +} +.uk-icon-warning-sign:before { + content: "\f071"; +} +.uk-icon-plane:before { + content: "\f072"; +} +.uk-icon-calendar:before { + content: "\f073"; +} +.uk-icon-random:before { + content: "\f074"; +} +.uk-icon-comment:before { + content: "\f075"; +} +.uk-icon-magnet:before { + content: "\f076"; +} +.uk-icon-chevron-up:before { + content: "\f077"; +} +.uk-icon-chevron-down:before { + content: "\f078"; +} +.uk-icon-retweet:before { + content: "\f079"; +} +.uk-icon-shopping-cart:before { + content: "\f07a"; +} +.uk-icon-folder-close:before { + content: "\f07b"; +} +.uk-icon-folder-open:before { + content: "\f07c"; +} +.uk-icon-resize-vertical:before { + content: "\f07d"; +} +.uk-icon-resize-horizontal:before { + content: "\f07e"; +} +.uk-icon-bar-chart:before { + content: "\f080"; +} +.uk-icon-twitter-sign:before { + content: "\f081"; +} +.uk-icon-facebook-sign:before { + content: "\f082"; +} +.uk-icon-camera-retro:before { + content: "\f083"; +} +.uk-icon-key:before { + content: "\f084"; +} +.uk-icon-gears:before, +.uk-icon-cogs:before { + content: "\f085"; +} +.uk-icon-comments:before { + content: "\f086"; +} +.uk-icon-thumbs-up-alt:before { + content: "\f087"; +} +.uk-icon-thumbs-down-alt:before { + content: "\f088"; +} +.uk-icon-star-half:before { + content: "\f089"; +} +.uk-icon-heart-empty:before { + content: "\f08a"; +} +.uk-icon-signout:before { + content: "\f08b"; +} +.uk-icon-linkedin-sign:before { + content: "\f08c"; +} +.uk-icon-pushpin:before { + content: "\f08d"; +} +.uk-icon-external-link:before { + content: "\f08e"; +} +.uk-icon-signin:before { + content: "\f090"; +} +.uk-icon-trophy:before { + content: "\f091"; +} +.uk-icon-github-sign:before { + content: "\f092"; +} +.uk-icon-upload-alt:before { + content: "\f093"; +} +.uk-icon-lemon:before { + content: "\f094"; +} +.uk-icon-phone:before { + content: "\f095"; +} +.uk-icon-unchecked:before, +.uk-icon-check-empty:before { + content: "\f096"; +} +.uk-icon-bookmark-empty:before { + content: "\f097"; +} +.uk-icon-phone-sign:before { + content: "\f098"; +} +.uk-icon-twitter:before { + content: "\f099"; +} +.uk-icon-facebook:before { + content: "\f09a"; +} +.uk-icon-github:before { + content: "\f09b"; +} +.uk-icon-unlock:before { + content: "\f09c"; +} +.uk-icon-credit-card:before { + content: "\f09d"; +} +.uk-icon-rss:before { + content: "\f09e"; +} +.uk-icon-hdd:before { + content: "\f0a0"; +} +.uk-icon-bullhorn:before { + content: "\f0a1"; +} +.uk-icon-bell:before { + content: "\f0a2"; +} +.uk-icon-certificate:before { + content: "\f0a3"; +} +.uk-icon-hand-right:before { + content: "\f0a4"; +} +.uk-icon-hand-left:before { + content: "\f0a5"; +} +.uk-icon-hand-up:before { + content: "\f0a6"; +} +.uk-icon-hand-down:before { + content: "\f0a7"; +} +.uk-icon-circle-arrow-left:before { + content: "\f0a8"; +} +.uk-icon-circle-arrow-right:before { + content: "\f0a9"; +} +.uk-icon-circle-arrow-up:before { + content: "\f0aa"; +} +.uk-icon-circle-arrow-down:before { + content: "\f0ab"; +} +.uk-icon-globe:before { + content: "\f0ac"; +} +.uk-icon-wrench:before { + content: "\f0ad"; +} +.uk-icon-tasks:before { + content: "\f0ae"; +} +.uk-icon-filter:before { + content: "\f0b0"; +} +.uk-icon-briefcase:before { + content: "\f0b1"; +} +.uk-icon-fullscreen:before { + content: "\f0b2"; +} +.uk-icon-group:before { + content: "\f0c0"; +} +.uk-icon-link:before { + content: "\f0c1"; +} +.uk-icon-cloud:before { + content: "\f0c2"; +} +.uk-icon-beaker:before { + content: "\f0c3"; +} +.uk-icon-cut:before { + content: "\f0c4"; +} +.uk-icon-copy:before { + content: "\f0c5"; +} +.uk-icon-paperclip:before, +.uk-icon-paper-clip:before { + content: "\f0c6"; +} +.uk-icon-save:before { + content: "\f0c7"; +} +.uk-icon-sign-blank:before { + content: "\f0c8"; +} +.uk-icon-reorder:before { + content: "\f0c9"; +} +.uk-icon-list-ul:before { + content: "\f0ca"; +} +.uk-icon-list-ol:before { + content: "\f0cb"; +} +.uk-icon-strikethrough:before { + content: "\f0cc"; +} +.uk-icon-underline:before { + content: "\f0cd"; +} +.uk-icon-table:before { + content: "\f0ce"; +} +.uk-icon-magic:before { + content: "\f0d0"; +} +.uk-icon-truck:before { + content: "\f0d1"; +} +.uk-icon-pinterest:before { + content: "\f0d2"; +} +.uk-icon-pinterest-sign:before { + content: "\f0d3"; +} +.uk-icon-google-plus-sign:before { + content: "\f0d4"; +} +.uk-icon-google-plus:before { + content: "\f0d5"; +} +.uk-icon-money:before { + content: "\f0d6"; +} +.uk-icon-caret-down:before { + content: "\f0d7"; +} +.uk-icon-caret-up:before { + content: "\f0d8"; +} +.uk-icon-caret-left:before { + content: "\f0d9"; +} +.uk-icon-caret-right:before { + content: "\f0da"; +} +.uk-icon-columns:before { + content: "\f0db"; +} +.uk-icon-sort:before { + content: "\f0dc"; +} +.uk-icon-sort-down:before { + content: "\f0dd"; +} +.uk-icon-sort-up:before { + content: "\f0de"; +} +.uk-icon-envelope:before { + content: "\f0e0"; +} +.uk-icon-linkedin:before { + content: "\f0e1"; +} +.uk-icon-rotate-left:before, +.uk-icon-undo:before { + content: "\f0e2"; +} +.uk-icon-legal:before { + content: "\f0e3"; +} +.uk-icon-dashboard:before { + content: "\f0e4"; +} +.uk-icon-comment-alt:before { + content: "\f0e5"; +} +.uk-icon-comments-alt:before { + content: "\f0e6"; +} +.uk-icon-bolt:before { + content: "\f0e7"; +} +.uk-icon-sitemap:before { + content: "\f0e8"; +} +.uk-icon-umbrella:before { + content: "\f0e9"; +} +.uk-icon-paste:before { + content: "\f0ea"; +} +.uk-icon-lightbulb:before { + content: "\f0eb"; +} +.uk-icon-exchange:before { + content: "\f0ec"; +} +.uk-icon-cloud-download:before { + content: "\f0ed"; +} +.uk-icon-cloud-upload:before { + content: "\f0ee"; +} +.uk-icon-user-md:before { + content: "\f0f0"; +} +.uk-icon-stethoscope:before { + content: "\f0f1"; +} +.uk-icon-suitcase:before { + content: "\f0f2"; +} +.uk-icon-bell-alt:before { + content: "\f0f3"; +} +.uk-icon-coffee:before { + content: "\f0f4"; +} +.uk-icon-food:before { + content: "\f0f5"; +} +.uk-icon-file-text-alt:before { + content: "\f0f6"; +} +.uk-icon-building:before { + content: "\f0f7"; +} +.uk-icon-hospital:before { + content: "\f0f8"; +} +.uk-icon-ambulance:before { + content: "\f0f9"; +} +.uk-icon-medkit:before { + content: "\f0fa"; +} +.uk-icon-fighter-jet:before { + content: "\f0fb"; +} +.uk-icon-beer:before { + content: "\f0fc"; +} +.uk-icon-h-sign:before { + content: "\f0fd"; +} +.uk-icon-plus-sign-alt:before { + content: "\f0fe"; +} +.uk-icon-double-angle-left:before { + content: "\f100"; +} +.uk-icon-double-angle-right:before { + content: "\f101"; +} +.uk-icon-double-angle-up:before { + content: "\f102"; +} +.uk-icon-double-angle-down:before { + content: "\f103"; +} +.uk-icon-angle-left:before { + content: "\f104"; +} +.uk-icon-angle-right:before { + content: "\f105"; +} +.uk-icon-angle-up:before { + content: "\f106"; +} +.uk-icon-angle-down:before { + content: "\f107"; +} +.uk-icon-desktop:before { + content: "\f108"; +} +.uk-icon-laptop:before { + content: "\f109"; +} +.uk-icon-tablet:before { + content: "\f10a"; +} +.uk-icon-mobile-phone:before { + content: "\f10b"; +} +.uk-icon-circle-blank:before { + content: "\f10c"; +} +.uk-icon-quote-left:before { + content: "\f10d"; +} +.uk-icon-quote-right:before { + content: "\f10e"; +} +.uk-icon-spinner:before { + content: "\f110"; +} +.uk-icon-circle:before { + content: "\f111"; +} +.uk-icon-mail-reply:before, +.uk-icon-reply:before { + content: "\f112"; +} +.uk-icon-github-alt:before { + content: "\f113"; +} +.uk-icon-folder-close-alt:before { + content: "\f114"; +} +.uk-icon-folder-open-alt:before { + content: "\f115"; +} +.uk-icon-expand-alt:before { + content: "\f116"; +} +.uk-icon-collapse-alt:before { + content: "\f117"; +} +.uk-icon-smile:before { + content: "\f118"; +} +.uk-icon-frown:before { + content: "\f119"; +} +.uk-icon-meh:before { + content: "\f11a"; +} +.uk-icon-gamepad:before { + content: "\f11b"; +} +.uk-icon-keyboard:before { + content: "\f11c"; +} +.uk-icon-flag-alt:before { + content: "\f11d"; +} +.uk-icon-flag-checkered:before { + content: "\f11e"; +} +.uk-icon-terminal:before { + content: "\f120"; +} +.uk-icon-code:before { + content: "\f121"; +} +.uk-icon-reply-all:before { + content: "\f122"; +} +.uk-icon-mail-reply-all:before { + content: "\f122"; +} +.uk-icon-star-half-full:before, +.uk-icon-star-half-empty:before { + content: "\f123"; +} +.uk-icon-location-arrow:before { + content: "\f124"; +} +.uk-icon-crop:before { + content: "\f125"; +} +.uk-icon-code-fork:before { + content: "\f126"; +} +.uk-icon-unlink:before { + content: "\f127"; +} +.uk-icon-question:before { + content: "\f128"; +} +.uk-icon-info:before { + content: "\f129"; +} +.uk-icon-exclamation:before { + content: "\f12a"; +} +.uk-icon-superscript:before { + content: "\f12b"; +} +.uk-icon-subscript:before { + content: "\f12c"; +} +.uk-icon-eraser:before { + content: "\f12d"; +} +.uk-icon-puzzle-piece:before { + content: "\f12e"; +} +.uk-icon-microphone:before { + content: "\f130"; +} +.uk-icon-microphone-off:before { + content: "\f131"; +} +.uk-icon-shield:before { + content: "\f132"; +} +.uk-icon-calendar-empty:before { + content: "\f133"; +} +.uk-icon-fire-extinguisher:before { + content: "\f134"; +} +.uk-icon-rocket:before { + content: "\f135"; +} +.uk-icon-maxcdn:before { + content: "\f136"; +} +.uk-icon-chevron-sign-left:before { + content: "\f137"; +} +.uk-icon-chevron-sign-right:before { + content: "\f138"; +} +.uk-icon-chevron-sign-up:before { + content: "\f139"; +} +.uk-icon-chevron-sign-down:before { + content: "\f13a"; +} +.uk-icon-html5:before { + content: "\f13b"; +} +.uk-icon-css3:before { + content: "\f13c"; +} +.uk-icon-anchor:before { + content: "\f13d"; +} +.uk-icon-unlock-alt:before { + content: "\f13e"; +} +.uk-icon-bullseye:before { + content: "\f140"; +} +.uk-icon-ellipsis-horizontal:before { + content: "\f141"; +} +.uk-icon-ellipsis-vertical:before { + content: "\f142"; +} +.uk-icon-rss-sign:before { + content: "\f143"; +} +.uk-icon-play-sign:before { + content: "\f144"; +} +.uk-icon-ticket:before { + content: "\f145"; +} +.uk-icon-minus-sign-alt:before { + content: "\f146"; +} +.uk-icon-check-minus:before { + content: "\f147"; +} +.uk-icon-level-up:before { + content: "\f148"; +} +.uk-icon-level-down:before { + content: "\f149"; +} +.uk-icon-check-sign:before { + content: "\f14a"; +} +.uk-icon-edit-sign:before { + content: "\f14b"; +} +.uk-icon-external-link-sign:before { + content: "\f14c"; +} +.uk-icon-share-sign:before { + content: "\f14d"; +} +.uk-icon-compass:before { + content: "\f14e"; +} +.uk-icon-collapse:before { + content: "\f150"; +} +.uk-icon-collapse-top:before { + content: "\f151"; +} +.uk-icon-expand:before { + content: "\f152"; +} +.uk-icon-euro:before, +.uk-icon-eur:before { + content: "\f153"; +} +.uk-icon-gbp:before { + content: "\f154"; +} +.uk-icon-dollar:before, +.uk-icon-usd:before { + content: "\f155"; +} +.uk-icon-rupee:before, +.uk-icon-inr:before { + content: "\f156"; +} +.uk-icon-yen:before, +.uk-icon-jpy:before { + content: "\f157"; +} +.uk-icon-renminbi:before, +.uk-icon-cny:before { + content: "\f158"; +} +.uk-icon-won:before, +.uk-icon-krw:before { + content: "\f159"; +} +.uk-icon-bitcoin:before, +.uk-icon-btc:before { + content: "\f15a"; +} +.uk-icon-file:before { + content: "\f15b"; +} +.uk-icon-file-text:before { + content: "\f15c"; +} +.uk-icon-sort-by-alphabet:before { + content: "\f15d"; +} +.uk-icon-sort-by-alphabet-alt:before { + content: "\f15e"; +} +.uk-icon-sort-by-attributes:before { + content: "\f160"; +} +.uk-icon-sort-by-attributes-alt:before { + content: "\f161"; +} +.uk-icon-sort-by-order:before { + content: "\f162"; +} +.uk-icon-sort-by-order-alt:before { + content: "\f163"; +} +.uk-icon-thumbs-up:before { + content: "\f164"; +} +.uk-icon-thumbs-down:before { + content: "\f165"; +} +.uk-icon-youtube-sign:before { + content: "\f166"; +} +.uk-icon-youtube:before { + content: "\f167"; +} +.uk-icon-xing:before { + content: "\f168"; +} +.uk-icon-xing-sign:before { + content: "\f169"; +} +.uk-icon-youtube-play:before { + content: "\f16a"; +} +.uk-icon-dropbox:before { + content: "\f16b"; +} +.uk-icon-stackexchange:before { + content: "\f16c"; +} +.uk-icon-instagram:before { + content: "\f16d"; +} +.uk-icon-flickr:before { + content: "\f16e"; +} +.uk-icon-adn:before { + content: "\f170"; +} +.uk-icon-bitbucket:before { + content: "\f171"; +} +.uk-icon-bitbucket-sign:before { + content: "\f172"; +} +.uk-icon-tumblr:before { + content: "\f173"; +} +.uk-icon-tumblr-sign:before { + content: "\f174"; +} +.uk-icon-long-arrow-down:before { + content: "\f175"; +} +.uk-icon-long-arrow-up:before { + content: "\f176"; +} +.uk-icon-long-arrow-left:before { + content: "\f177"; +} +.uk-icon-long-arrow-right:before { + content: "\f178"; +} +.uk-icon-apple:before { + content: "\f179"; +} +.uk-icon-windows:before { + content: "\f17a"; +} +.uk-icon-android:before { + content: "\f17b"; +} +.uk-icon-linux:before { + content: "\f17c"; +} +.uk-icon-dribbble:before { + content: "\f17d"; +} +.uk-icon-skype:before { + content: "\f17e"; +} +.uk-icon-foursquare:before { + content: "\f180"; +} +.uk-icon-trello:before { + content: "\f181"; +} +.uk-icon-female:before { + content: "\f182"; +} +.uk-icon-male:before { + content: "\f183"; +} +.uk-icon-gittip:before { + content: "\f184"; +} +.uk-icon-sun:before { + content: "\f185"; +} +.uk-icon-moon:before { + content: "\f186"; +} +.uk-icon-archive:before { + content: "\f187"; +} +.uk-icon-bug:before { + content: "\f188"; +} +.uk-icon-vk:before { + content: "\f189"; +} +.uk-icon-weibo:before { + content: "\f18a"; +} +.uk-icon-renren:before { + content: "\f18b"; +} +/* Hooks + ========================================================================== */ +/* + * Name: Close + * Description: Defines styles for a close button + * + * Component: `uk-close` + * + * Modifiers: `uk-close-alt` + * + * Uses: Icon: FontAwesome + * + * Used by: Alert + * Modal + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Required for `button` elements and makes + * close button more robust against different box-sizing use + * 2. Required for `button` elements + */ +.uk-close { + -moz-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + + display: inline-block; + width: 20px; + line-height: 20px; + text-align: center; + color: inherit; + opacity: 0.3; + /* 2. */ + + padding: 0; + border: 0; + -webkit-appearance: none; + background: transparent; + /* Needed for Sarari */ + +} +/* Icon */ +.uk-close:after { + display: block; + content: "\f00d"; + font-family: "FontAwesome"; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-close:hover, +.uk-close:focus { + /* 1 */ + + opacity: 0.5; + outline: none; + /* 2 */ + +} +/* Required for `a` elements */ +a.uk-close:hover { + color: inherit; + text-decoration: none; + cursor: pointer; +} +/* Modifier + ========================================================================== */ +.uk-close-alt { + padding: 2px; + border-radius: 100%; + background: #eeeeee; + opacity: 1; +} +/* Hover */ +.uk-close-alt:hover, +.uk-close-alt:focus { + opacity: 1; +} +/* Icon */ +.uk-close-alt:after { + opacity: 0.5; +} +.uk-close-alt:hover:after, +.uk-close-alt:focus:after { + opacity: 0.8; +} +/* Hooks + ========================================================================== */ +/* + * Name: Badge + * Description: Defines styles for badges + * + * Component: `uk-badge` + * + * Modifiers: `uk-badge-notification` + * `uk-badge-success` + * `uk-badge-danger` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-badge { + display: inline-block; + padding: 0 5px; + background: #00a8e6; + font-size: 10px; + font-weight: bold; + line-height: 14px; + color: #ffffff; + text-align: center; + vertical-align: middle; + text-transform: none; +} +/* Modifier: `uk-badge-notification`; + ========================================================================== */ +.uk-badge-notification { + -moz-box-sizing: border-box; + box-sizing: border-box; + min-width: 18px; + border-radius: 500px; + font-size: 12px; + line-height: 18px; +} +/* Color modifier + ========================================================================== */ +/* + * Modifier: `uk-badge-success` + */ +.uk-badge-success { + background-color: #8cc14c; +} +/* + * Modifier: `uk-badge-warning` + */ +.uk-badge-warning { + background-color: #faa732; +} +/* + * Modifier: `uk-badge-danger` + */ +.uk-badge-danger { + background-color: #da314b; +} +/* Hooks + ========================================================================== */ +/* + * Name: Alert + * Description: Defines styles for alert messages + * + * Component: `uk-alert` + * + * Sub-objects: `uk-alert-close` + * + * Modifiers: `uk-alert-success` + * `uk-alert-warning` + * `uk-alert-danger` + * `uk-alert-large` + * + * Uses: Close: `uk-close` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-alert { + margin-bottom: 15px; + padding: 10px; + background: #ebf7fd; + color: #2d7091; +} +/* + * Add margin if adjacent element + */ +* + .uk-alert { + margin-top: 15px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* + * Keep color for headings if the default heading color is changed + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +/* Close in alert + ========================================================================== */ +.uk-alert > .uk-close:first-child { + float: right; +} +/* + * Remove margin from adjacent element + */ +.uk-alert > .uk-close:first-child + * { + margin-top: 0; +} +/* Modifier: `uk-alert-success` + ========================================================================== */ +.uk-alert-success { + background: #f2fae3; + color: #659f13; +} +/* Modifier: `uk-alert-warning` + ========================================================================== */ +.uk-alert-warning { + background: #fffceb; + color: #e28327; +} +/* Modifier: `uk-alert-danger` + ========================================================================== */ +.uk-alert-danger { + background: #fff1f0; + color: #d85030; +} +/* Modifier: `uk-alert-large` + ========================================================================== */ +.uk-alert-large { + padding: 20px; +} +.uk-alert-large > .uk-close:first-child { + margin: -10px -10px 0 0; +} +/* Hooks + ========================================================================== */ +/* + * Name: Thumbnail + * Description: Defines styles for image thumbnails + * + * Component: `uk-thumbnail` + * + * Sub-objects: `uk-thumbnail-caption` + * + * Modifiers: `uk-thumbnail-mini` + * `uk-thumbnail-small` + * `uk-thumbnail-medium` + * `uk-thumbnail-large` + * `uk-thumbnail-expand` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsive behavior + * 3. Required for `figure` element + */ +.uk-thumbnail { + /* Required for `a`, `div` or `figure` elements */ + + display: inline-block; + -moz-box-sizing: border-box; + /* 1 */ + + box-sizing: border-box; + max-width: 100%; + /* 2 */ + + margin: 0; + /* 3 */ + + padding: 4px; + border: 1px solid #dddddd; + background: #ffffff; +} +/* + * Hover state for `a` elements + * 1. Apply hover style also to focus state + * 2. Needed for caption + * 3. Remove default focus style + */ +a.uk-thumbnail:hover, +a.uk-thumbnail:focus { + /* 1 */ + + border-color: #aaaaaa; + background-color: #ffffff; + text-decoration: none; + /* 2 */ + + outline: none; + /* 3 */ + +} +/* Caption + ========================================================================== */ +.uk-thumbnail-caption { + padding-top: 5px; + text-align: center; + color: #444444; +} +/* Sizes + ========================================================================== */ +.uk-thumbnail-mini { + width: 150px; +} +.uk-thumbnail-small { + width: 200px; +} +.uk-thumbnail-medium { + width: 300px; +} +.uk-thumbnail-large { + width: 400px; +} +.uk-thumbnail-expand, +.uk-thumbnail-expand > img { + width: 100%; +} +/* Hooks + ========================================================================== */ +/* + * Name: Overlay + * Description: Defines styles for image overlays + * + * Component: `uk-overlay` + * + * Sub-objects: `uk-overlay-area` + * `uk-overlay-caption` + * `uk-overlay-toggle` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Set max-width for responsive images to prevent `inline-block` consequences + * 4. Remove the gap between the container and its child element + */ +.uk-overlay { + /* 1 */ + + display: inline-block; + /* 2 */ + + position: relative; + /* 3 */ + + max-width: 100%; + /* 4 */ + + vertical-align: middle; +} +/* Sub-object `uk-overlay-area` + ========================================================================== */ +/* + * 1. Set position + * 2. Set style + * 3. Fade-in transition + */ +.uk-overlay-area { + /* 1 */ + + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + /* 2 */ + + background: rgba(0, 0, 0, 0.3); + /* 3 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Hover + * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + */ +.uk-overlay:hover .uk-overlay-area, +.uk-overlay-toggle:hover .uk-overlay-area { + opacity: 1; +} +/* 1 */ +/* + * Icon + */ +.uk-overlay-area:before { + content: "\f002"; + position: absolute; + top: 50%; + left: 50%; + width: 50px; + height: 50px; + margin-top: -25px; + margin-left: -25px; + font-size: 50px; + line-height: 1; + font-family: "FontAwesome"; + text-align: center; + color: #ffffff; +} +/* Sub-object `uk-overlay-caption` + ========================================================================== */ +/* + * 1. Set position + * 2. Set style + * 3. Fade-in transition + */ +.uk-overlay-caption { + /* 1 */ + + position: absolute; + bottom: 0; + left: 0; + right: 0; + /* 2 */ + + padding: 15px; + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + /* 3 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Hover + * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + */ +.uk-overlay:hover .uk-overlay-caption, +.uk-overlay-toggle:hover .uk-overlay-caption { + opacity: 1; +} +/* 1 */ +/* Hooks + ========================================================================== */ +/* + * Name: Progress + * Description: Defines styles for progress bars + * + * Component: `uk-progress` + * + * Sub-objects: `uk-progress-bar` + * + * Modifiers: `uk-progress-mini` + * `uk-progress-small` + * `uk-progress-success` + * `uk-progress-warning` + * `uk-progress-danger` + * `uk-progress-striped` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Clearing + * 2. Vertical alignment if text is used + */ +.uk-progress { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 20px; + margin-bottom: 15px; + background: #eeeeee; + overflow: hidden; + /* 1 */ + + line-height: 20px; + /* 2 */ + +} +/* + * Add margin if adjacent element + */ +* + .uk-progress { + margin-top: 15px; +} +/* Sub-object: `uk-progress-bar` + ========================================================================== */ +.uk-progress-bar { + width: 0; + height: 100%; + background: #00a8e6; + float: left; + /* Transition */ + + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; + /* Allow text */ + + font-size: 12px; + color: #ffffff; + text-align: center; +} +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini { + height: 6px; +} +/* Small */ +.uk-progress-small { + height: 12px; +} +/* Color modifiers + ========================================================================== */ +.uk-progress-success .uk-progress-bar { + background-color: #8cc14c; +} +.uk-progress-warning .uk-progress-bar { + background-color: #faa732; +} +.uk-progress-danger .uk-progress-bar { + background-color: #da314b; +} +/* Modifier: `uk-progress-striped` + ========================================================================== */ +.uk-progress-striped .uk-progress-bar { + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 30px 30px; +} +/* + * Animation + */ +.uk-progress-striped.uk-active .uk-progress-bar { + -webkit-animation: uk-progress-bar-stripes 2s linear infinite; + animation: uk-progress-bar-stripes 2s linear infinite; +} +@-webkit-keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +@keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Search + * Description: Defines a search component + * + * Component: `uk-search` + * + * Sub-objects: `uk-search-field` + * `uk-search-close` + * + * States: `uk-active` + * `uk-loading` + * + * Uses: Animation + * Icon: FontAwesome + * + * Used by: Off-canvas + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Needed for `form` element + */ +.uk-search { + display: inline-block; + position: relative; + /* 1 */ + + margin: 0; + /* 2 */ + +} +/* + * Icon + */ +.uk-search:before { + content: "\f002"; + position: absolute; + top: 0; + left: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-family: "FontAwesome"; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); +} +/* Sub-object `uk-search-field` + ========================================================================== */ +/* + * 1. Needed to reset iOS `input[type="search"]` appearance + */ +.uk-search-field { + width: 120px; + height: 30px; + padding: 0 30px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 0; + /* 1 */ + + background: rgba(0, 0, 0, 0); + color: #444444; + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; +} +/* + * Needed to reset iOS `input[type="search"]` appearance + * Higher specificity to override appearance set by normalize.less + */ +input.uk-search-field { + -webkit-appearance: none; +} +/* Placeholder */ +.uk-search-field:-ms-input-placeholder { + color: #999999; +} +.uk-search-field::-moz-placeholder { + color: #999999; +} +.uk-search-field::-webkit-input-placeholder { + color: #999999; +} +/* Removes cancel button in IE10 */ +.uk-search-field::-ms-clear { + display: none; +} +/* Focus */ +.uk-search-field:focus { + outline: 0; +} +/* Focus + active */ +.uk-search-field:focus, +.uk-active .uk-search-field { + width: 180px; +} +/* Sub-object `uk-search-close` + ========================================================================== */ +/* + * 1. Required for `button` elements + */ +.uk-search-close { + display: none; + position: absolute; + top: 0; + right: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); + /* 1. */ + + padding: 0; + border: 0; + -webkit-appearance: none; + background: transparent; + /* Needed for Sarari */ + +} +.uk-loading > .uk-search-close, +.uk-active > .uk-search-close { + display: block; +} +/* + * Icon + */ +.uk-search-close:after { + display: block; + content: "\f00d"; + font-family: "FontAwesome"; +} +/* Loading icon */ +.uk-loading > .uk-search-close:after { + content: "\f110"; + -webkit-animation: uk-spin 2s infinite linear; + animation: uk-spin 2s infinite linear; +} +/* Hooks + ========================================================================== */ +/* + * Name: Animation + * Description: Provides a useful set of keyframe animations + * + * Component: `uk-animation-*` + * + * Modifiers: `uk-animation-fade` + * `uk-animation-scale-up` + * `uk-animation-scale-down` + * `uk-animation-slide-top` + * `uk-animation-slide-bottom` + * `uk-animation-slide-left` + * `uk-animation-slide-right` + * `uk-animation-reverse` + * + * Used by: Dropdown + * Icon + * Search + * + ========================================================================== */ +/* Component + ========================================================================== */ +[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; +} +/* + * Fade + */ +.uk-animation-fade { + -webkit-animation-name: uk-fade; + animation-name: uk-fade; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + -webkit-animation-name: uk-scale-up; + animation-name: uk-scale-up; +} +.uk-animation-scale-down { + -webkit-animation-name: uk-scale-down; + animation-name: uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + -webkit-animation-name: uk-slide-top; + animation-name: uk-slide-top; +} +.uk-animation-slide-bottom { + -webkit-animation-name: uk-slide-bottom; + animation-name: uk-slide-bottom; +} +.uk-animation-slide-left { + -webkit-animation-name: uk-slide-left; + animation-name: uk-slide-left; +} +.uk-animation-slide-right { + -webkit-animation-name: uk-slide-right; + animation-name: uk-slide-right; +} +/* Modifiers + ========================================================================== */ +.uk-animation-reverse { + -webkit-animation-direction: reverse; + animation-direction: reverse; +} +/* Keyframes + ========================================================================== */ +/* + * Fade + */ +@-webkit-keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale up + */ +@-webkit-keyframes uk-scale-up { + 0% { + opacity: 0; + -webkit-transform: scale(0.2); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-scale-up { + 0% { + opacity: 0; + transform: scale(0.2); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Scale down + */ +@-webkit-keyframes uk-scale-down { + 0% { + opacity: 0; + -webkit-transform: scale(1.8); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + opacity: 0; + transform: scale(1.8); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Slide top + */ +@-webkit-keyframes uk-slide-top { + 0% { + opacity: 0; + -webkit-transform: translateY(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-top { + 0% { + opacity: 0; + transform: translateY(-100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide bottom + */ +@-webkit-keyframes uk-slide-bottom { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + opacity: 0; + transform: translateY(100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide left + */ +@-webkit-keyframes uk-slide-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-slide-left { + 0% { + opacity: 0; + transform: translateX(-100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide right + */ +@-webkit-keyframes uk-slide-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide top fixed + */ +@-webkit-keyframes uk-slide-top-fixed { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-top-fixed { + 0% { + opacity: 0; + transform: translateY(-10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide bottom fixed + */ +@-webkit-keyframes uk-slide-bottom-fixed { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-bottom-fixed { + 0% { + opacity: 0; + transform: translateY(10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Spin + */ +@-webkit-keyframes uk-spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@keyframes uk-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* JavaScript */ +/* + * Name: Dropdown + * Description: Defines styles for a toggleable dropdown + * + * Component: `uk-dropdown` + * + * Modifiers: `uk-dropdown-flip` + * `uk-dropdown-center` + * `uk-dropdown-justify` + * `uk-dropdown-up` + * `uk-dropdown-width-2` + * `uk-dropdown-width-3` + * `uk-dropdown-width-4` + * `uk-dropdown-width-5` + * `uk-dropdown-stack` + * `uk-dropdown-small` + * `uk-dropdown-navbar` + * `uk-dropdown-search` + * + * States: `uk-open` + * + * Uses: Animation + * Grid: `uk-grid`, `uk-width-*` + * Panel: `uk-panel` + * Navbar: `uk-navbar-flip` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Box-sizing is needed for `uk-dropdown-justify` + * 4. Set style + * 5. Reset button group whitespace hack + */ +.uk-dropdown { + /* 1 */ + + display: none; + /* 2 */ + + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + /* 3 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 4 */ + + width: 200px; + margin-top: 5px; + padding: 15px; + background: #f5f5f5; + color: #444444; + /* 5 */ + + letter-spacing: normal; +} +/* + * 1. Show dropdown + * 2. Set animation + * 3. Needed for scale animation + */ +.uk-open > .uk-dropdown { + /* 1 */ + + display: block; + /* 2 */ + + -webkit-animation: uk-fade 0.2s ease-in-out; + animation: uk-fade 0.2s ease-in-out; + /* 3 */ + + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +/* Alignment modifiers + ========================================================================== */ +/* + * Modifier `uk-dropdown-flip` + */ +.uk-dropdown-flip { + left: auto; + right: 0; +} +/* + * Modifier `uk-dropdown-up` + */ +.uk-dropdown-up { + top: auto; + bottom: 100%; + margin-top: auto; + margin-bottom: 5px; +} +/* Nav in dropdown + ========================================================================== */ +.uk-dropdown .uk-nav { + margin: 0 -15px; +} +/* Grid and panel in dropdown + ========================================================================== */ +/* +* Vertical gutter +*/ +/* Grid */ +.uk-dropdown > .uk-grid + .uk-grid { + margin-top: 15px; +} +/* Panels */ +.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 15px; +} +/* Only tablets and desktops */ +@media (min-width: 768px) { + /* + * Horizontal gutter + */ + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { + margin-left: -15px; + margin-right: -15px; + } + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] { + padding-left: 15px; + padding-right: 15px; + } + /* + * Column divider + */ + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + border-left: 1px solid #dddddd; + } + /* + * Width multiplier for dropdown columns + */ + .uk-dropdown-width-2:not(.uk-dropdown-stack) { + width: 400px; + } + .uk-dropdown-width-3:not(.uk-dropdown-stack) { + width: 600px; + } + .uk-dropdown-width-4:not(.uk-dropdown-stack) { + width: 800px; + } + .uk-dropdown-width-5:not(.uk-dropdown-stack) { + width: 1000px; + } +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Stack columns and take full width + */ + .uk-dropdown > .uk-grid > [class*='uk-width-'] { + width: 100%; + } + /* + * Vertical gutter + */ + .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + margin-top: 15px; + } +} +/* +* Stack grid columns +*/ +.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] { + width: 100%; +} +.uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + margin-top: 15px; +} +/* Modifier `uk-dropdown-small` + ========================================================================== */ +/* + * Set min-width and text expands dropdown if needed + */ +.uk-dropdown-small { + min-width: 150px; + width: auto; + padding: 5px; + white-space: nowrap; +} +/* + * Nav in dropdown + */ +.uk-dropdown-small .uk-nav { + margin: 0 -5px; +} +/* Modifier: `uk-dropdown-navbar` + ========================================================================== */ +.uk-dropdown-navbar { + margin-top: 0; + background: #f5f5f5; + color: #444444; +} +.uk-open > .uk-dropdown-navbar { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* Modifier: `uk-dropdown-search` + ========================================================================== */ +.uk-dropdown-search { + width: 300px; + margin-top: 0; + background: #f5f5f5; + color: #444444; +} +.uk-open > .uk-dropdown-search { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* + * Dependency `uk-navbar-flip` + */ +.uk-navbar-flip .uk-dropdown-search { + margin-top: 5px; + margin-right: -15px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Modal + * Description: Defines styles for modal dialogs + * + * Component: `uk-modal` + * + * Sub-objects: `uk-modal-dialog` + * `uk-modal-close` + * + * Modifiers: `uk-modal-dialog-slide` + * `uk-modal-dialog-frameless` + * + * States: `uk-open` + * + * Uses: Close: `uk-close` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * This is the modal overlay and modal dialog container + * 1. Hide by default + * 2. Set fixed position + * 3. Webkit needs a height to position the modal dialog vertically in percent + * 4. Allow scrolling for the modal dialog + * 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: 1020; + /* 3 */ + + height: 100%; + /* 4 */ + + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 5 */ + + background: rgba(0, 0, 0, 0.6); + /* 6 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Open state + */ +.uk-modal.uk-open { + opacity: 1; +} +/* + * Prevents dublicated scrollbar caused by 4. + */ +.uk-modal-page { + overflow: hidden; +} +/* Sub-object: `uk-modal-dialog` + ========================================================================== */ +/* + * 1. Set position + * 2. Set box sizing + * 3. Center dialog box + * 4. Set style + */ +.uk-modal-dialog { + /* 1 */ + + position: relative; + top: 10%; + left: 50%; + /* 2 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + width: 600px; + /* 3 */ + + margin-left: -300px; + /* 4 */ + + background: #ffffff; +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Fit the phone width perfectly + */ + .uk-modal-dialog { + top: 0; + left: 0; + right: 0; + width: auto; + margin: 10px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-dialog > :last-child { + margin-bottom: 0; +} +/* Modifier: `uk-modal-dialog-slide` + ========================================================================== */ +/* + * Adds a slide-in transition to the modal dialog + */ +.uk-modal-dialog-slide { + opacity: 0; + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; + transition: opacity 0.3s linear, transform 0.3s ease-out; +} +.uk-open .uk-modal-dialog-slide { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Close in modal + ========================================================================== */ +.uk-modal-dialog > .uk-close:first-child { + margin: -10px -10px 0 0; + float: right; +} +/* + * Remove margin from adjacent element + */ +.uk-modal-dialog > .uk-close:first-child + * { + margin-top: 0; +} +/* Modifier: `uk-modal-dialog-frameless` + ========================================================================== */ +.uk-modal-dialog-frameless { + padding: 0; +} +/* + * Close in modal + */ +.uk-modal-dialog-frameless > .uk-close:first-child { + position: absolute; + top: -12px; + right: -12px; + margin: 0; + float: none; +} +/* Only phones */ +@media (max-width: 767px) { + .uk-modal-dialog-frameless > .uk-close:first-child { + top: -7px; + right: -7px; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Off-canvas + * Description: Defines styles for an off-canvas sidebar that slides in and out of the page + * + * Component: `uk-offcanvas` + * + * Sub-objects: `uk-offcanvas-page` + * `uk-offcanvas-bar` + * + * Modifiers: `uk-offcanvas-bar-flip` + * + * States: `uk-active` + * + * Uses: Panel: `uk-panel` + * Search: `uk-search`, `uk-search-field` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * This is the offcanvas overlay and bar container + * 1. Hide by default + * 2. Set fixed position + * 3. Mask the background page + */ +.uk-offcanvas { + /* 1 */ + + display: none; + /* 2 */ + + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + + background: rgba(0, 0, 0, 0.1); +} +.uk-offcanvas.uk-active { + display: block; +} +/* Sub-object `uk-offcanvas-page` + ========================================================================== */ +/* + * Prepares the whole HTML page to slide-out + * 1. Fix the main page and disallow scrolling + * 2. Side-out transition + */ +.uk-offcanvas-page { + /* 1 */ + + position: fixed; + /* 2 */ + + -webkit-transition: margin-left 0.3s ease-in-out 50ms; + transition: margin-left 0.3s ease-in-out 50ms; +} +/* Sub-object `uk-offcanvas-bar` + ========================================================================== */ +/* + * This is the offcanvas bar + * 1. Set fixed position + * 2. Size and style + * 3. Allow scrolling + * 4. Side-out transition + */ +.uk-offcanvas-bar { + /* 1 */ + + position: fixed; + top: 0; + bottom: 0; + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + z-index: 1011; + /* 2 */ + + width: 270px; + max-width: 100%; + background: #333333; + /* 3 */ + + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 4 */ + + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; +} +.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { + -webkit-transform: translateX(0%); + transform: translateX(0%); +} +/* Modifier `uk-offcanvas-bar-flip` + ========================================================================== */ +.uk-offcanvas-bar-flip { + left: auto; + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +/* Panel in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-panel { + margin: 20px 15px; + color: #777777; +} +.uk-offcanvas .uk-panel-title { + color: #cccccc; +} +.uk-offcanvas .uk-panel a:not([class]) { + color: #cccccc; +} +.uk-offcanvas .uk-panel a:not([class]):hover { + color: #ffffff; +} +/* Search in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-search { + display: block; + margin: 20px 15px; +} +.uk-offcanvas .uk-search:before { + color: #777777; +} +.uk-offcanvas .uk-search-field { + width: 100%; + border-color: rgba(0, 0, 0, 0); + background: #1a1a1a; + color: #cccccc; +} +.uk-offcanvas .uk-search-field:-ms-input-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-moz-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-webkit-input-placeholder { + color: #777777; +} +/* Hooks + ========================================================================== */ +/* + * Name: Switcher + * Description: Defines styles for the switcher + * + * Component: `uk-switcher` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* + * Items + */ +.uk-switcher > *:not(.uk-active) { + display: none; +} +/* + * Name: Tooltip + * Description: Defines styles for tooltips + * + * Component: `uk-tooltip` + * + * Modifiers `uk-tooltip-top` + * `uk-tooltip-top-left` + * `uk-tooltip-top-right` + * `uk-tooltip-bottom` + * `uk-tooltip-bottom-left` + * `uk-tooltip-bottom-right` + * `uk-tooltip-left` + * `uk-tooltip-right` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set fixed position + * 3. Set dimensions + * 4. Set style + */ +.uk-tooltip { + /* 1 */ + + display: none; + /* 2 */ + + position: absolute; + z-index: 1030; + /* 3 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 200px; + padding: 5px 8px; + /* 4 */ + + background: #333333; + color: rgba(255, 255, 255, 0.7); + font-size: 12px; + line-height: 18px; + text-align: center; +} +/* Triangle + ========================================================================== */ +/* + * 1. Dashed is less antialised than solid + */ +.uk-tooltip:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + border: 5px dashed #333333; + /* 1 */ + +} +/* Direction modifiers + ========================================================================== */ +/* + * Top + */ +.uk-tooltip-top:after, +.uk-tooltip-top-left:after, +.uk-tooltip-top-right:after { + bottom: -5px; + border-top-style: solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: #333333; +} +/* + * Bottom + */ +.uk-tooltip-bottom:after, +.uk-tooltip-bottom-left:after, +.uk-tooltip-bottom-right:after { + top: -5px; + border-bottom-style: solid; + border-top: none; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: #333333; +} +/* + * Top/Bottom center + */ +.uk-tooltip-top:after, +.uk-tooltip-bottom:after { + left: 50%; + margin-left: -5px; +} +/* + * Top/Bottom left + */ +.uk-tooltip-top-left:after, +.uk-tooltip-bottom-left:after { + left: 10px; +} +/* + * Top/Bottom right + */ +.uk-tooltip-top-right:after, +.uk-tooltip-bottom-right:after { + right: 10px; +} +/* + * Left + */ +.uk-tooltip-left:after { + right: -5px; + top: 50%; + margin-top: -5px; + border-left-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: #333333; +} +/* + * Right + */ +.uk-tooltip-right:after { + left: -5px; + top: 50%; + margin-top: -5px; + border-right-style: solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: #333333; +} +/* Hooks + ========================================================================== */ +/* Need to be loaded last */ +/* + * Name: Text + * Description: Collection of useful text utility classes to style your content + * + * Component: `uk-text-*` + * + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 11px; + line-height: 16px; +} +.uk-text-large { + font-size: 18px; + line-height: 24px; +} +/* Weight modifiers + ========================================================================== */ +.uk-text-bold { + font-weight: bold; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999999; +} +.uk-text-info { + color: #2d7091; +} +.uk-text-success { + color: #659f13; +} +.uk-text-warning { + color: #e28327; +} +.uk-text-danger { + color: #d85030; +} +/* 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; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + */ +.uk-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* + * Break strings if their length exceeds the width of their container + */ +.uk-text-break { + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +/* + * Name: Utility + * Description: Collection of useful utility classes to style your content + * + * Component: `uk-container-*` + * `uk-clearfix` + * `uk-nbfc-*` + * `uk-float-*` + * `uk-align-*` + * `uk-vertical-align` + * `uk-height-1-1` + * `uk-responsive-*` + * `uk-margin-*` + * `uk-heading-*` + * `uk-link-muted` + * `uk-scrollable-*` + * `uk-display-*` + * `uk-visible-*` + * `uk-hidden-*` + * + ========================================================================== */ +/* Container + ========================================================================== */ +.uk-container { + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 980px; + padding: 0 25px; +} +/* Only large screens */ +@media (min-width: 1220px) { + .uk-container { + max-width: 1200px; + padding: 0 35px; + } +} +/* + * Micro clearfix + */ +.uk-container:before, +.uk-container:after { + content: " "; + display: table; +} +.uk-container:after { + clear: both; +} +/* + * Center container + */ +.uk-container-center { + margin-left: auto; + margin-right: auto; +} +/* Clearing + ========================================================================== */ +/* + * Micro clearfix + */ +.uk-clearfix:before, +.uk-clearfix:after { + content: " "; + display: table; +} +.uk-clearfix:after { + clear: both; +} +/* + * Create a new block formatting context + */ +.uk-nbfc { + overflow: hidden; +} +.uk-nbfc-alt { + display: table-cell; + width: 10000px; +} +/* Alignment of block elements + ========================================================================== */ +/* + * Float blocks + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* Alignment of images and objects + ========================================================================== */ +/* + * Alignment + */ +[class*='uk-align-'] { + display: block; + margin-bottom: 15px; +} +.uk-align-left { + margin-right: 15px; + float: left; +} +.uk-align-right { + margin-left: 15px; + float: right; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + .uk-align-medium-left { + margin-right: 15px; + margin-bottom: 15px; + float: left; + } + .uk-align-medium-right { + margin-left: 15px; + margin-bottom: 15px; + float: right; + } +} +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* Vertical alignment + ========================================================================== */ +/* + * Remove whitespace between child elements when using `inline-block` + */ +.uk-vertical-align { + letter-spacing: -0.31em; +} +/* + * The `uk-vertical-align` container needs a specific height + */ +.uk-vertical-align:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +/* + * Sub-object which can have any height + * 1. Reset whitespace hack + */ +.uk-vertical-align-middle, +.uk-vertical-align-bottom { + display: inline-block; + letter-spacing: normal; + /* 1 */ + + max-width: 100%; +} +.uk-vertical-align-middle { + vertical-align: middle; +} +.uk-vertical-align-bottom { + vertical-align: bottom; +} +/* + * This helper class is very useful to extend the `html` and `body` element to the full height of the page. + */ +.uk-height-1-1 { + height: 100%; +} +/* Responsive objects + * Note: Images are already responsive by default, see Base component + ========================================================================== */ +/* + * 1. Corrects max-width/max-height behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Responsiveness: Sets a maxium width relative to the parent and auto scales the height + */ +.uk-responsive-width { + max-width: 100%; + height: auto; +} +/* + * Responsiveness: Sets a maxium height relative to the parent and auto scales the width + * Only works if the parent element has a fixed height. + */ +.uk-responsive-height { + max-height: 100%; + width: auto; +} +/* Margin + ========================================================================== */ +/* + * Create a block with the same margin of a paragraph + */ +.uk-margin { + margin-bottom: 15px; +} +/* + * Add margin if adjacent element + */ +* + .uk-margin { + margin-top: 15px; +} +/* + * Margin top and bottom + */ +.uk-margin-top { + margin-top: 15px !important; +} +.uk-margin-bottom { + margin-bottom: 15px !important; +} +/* + * Remove margins + */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-top-remove { + margin-top: 0 !important; +} +.uk-margin-bottom-remove { + margin-bottom: 0 !important; +} +/* Headings + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-heading-large { + font-size: 52px; + line-height: 64px; + } +} +/* Link + ========================================================================== */ +.uk-link-muted, +.uk-link-muted * { + color: #444444; +} +.uk-link-muted:hover, +.uk-link-muted *:hover { + color: #444444; +} +/* Scrollable + ========================================================================== */ +/* + * Enable scrolling for preformatted text + */ +.uk-scrollable-text { + max-height: 300px; + overflow-y: scroll; +} +/* + * Box with scrolling enabled + */ +.uk-scrollable-box { + max-height: 150px; + padding: 10px; + border: 1px solid #dddddd; + overflow: auto; +} +/* + * Remove margin from the last-child + */ +.uk-scrollable-box > :last-child { + margin-bottom: 0; +} +/* Display + ========================================================================== */ +/* + * Display + */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* + * Visibility + * Avoids setting display to `block` + */ +/* Only desktops */ +@media (min-width: 960px) { + .uk-visible-small { + display: none !important; + } + .uk-visible-medium { + display: none !important; + } + .uk-hidden-large { + display: none !important; + } +} +/* Only tablets portrait */ +@media (min-width: 768px) and (max-width: 959px) { + .uk-visible-small { + display: none !important; + } + .uk-visible-large { + display: none !important ; + } + .uk-hidden-medium { + display: none !important; + } +} +/* Only phones */ +@media (max-width: 767px) { + .uk-visible-medium { + display: none !important; + } + .uk-visible-large { + display: none !important; + } + .uk-hidden-small { + display: none !important; + } +} +/* Remove from the flow and screen readers on any device */ +.uk-hidden { + display: none !important; + visibility: hidden !important; +} +/* Show on hover */ +.uk-visible-hover:hover .uk-hidden { + display: block !important; + visibility: visible !important; +} +.uk-visible-hover-inline:hover .uk-hidden { + display: inline-block !important; + visibility: visible !important; +} +/* Hooks + ========================================================================== */ +/* + * Component: Print + * Description: Optimize page for printing + * + * Adapted from http://github.com/h5bp/html5-boilerplate + * + * Modifications: Removed link `href` and `title` related rules + * + ========================================================================== */ +@media print { + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/app/static/lib/uikit/css/uikit.gradient.css b/app/static/lib/uikit/css/uikit.gradient.css new file mode 100644 index 0000000..3e42a48 --- /dev/null +++ b/app/static/lib/uikit/css/uikit.gradient.css @@ -0,0 +1,7759 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +/* Default + ========================================================================== */ +/* LESS related */ +/* + * Component: Variables + * Description: Defines all color and style related values as variables + * to allow easy customization for the most common cases. + ========================================================================== */ +/* Global variables + ========================================================================== */ +/* + * Text + */ +/* + * Backgrounds & Borders + */ +/* + * Spacings + */ +/* + * Controls + */ +/* + * Z-index + */ +/* Breakpoint variables + ========================================================================== */ +/* +* Breakpoints +*/ +/* Components variables + ========================================================================== */ +/* + * Base + */ +/* + * Grid + */ +/* + * Panel + */ +/* + * Article + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Subnav + */ +/* + * Breadcrumb + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Description list + */ +/* + * Table + */ +/* + * Form + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Close + */ +/* + * Badge + */ +/* + * Alert + */ +/* + * Thumbnail + */ +/* + * Overlay + */ +/* + * Progress + */ +/* + * Search + */ +/* + * Dropdown + */ +/* + * Modal + */ +/* + * Off-canvas + */ +/* + * Tooltip + */ +/* + * Text + */ +/* + * Utility + */ +/* Defaults */ +/* + * Component: Normalize + * Description: Reduces inconsistencies across all browsers + * + * Adapted from http://github.com/necolas/normalize.css (Version 2.1.2) + * + * Modifications: Moved `mark` and `h1` defaults to Base component + * Changed `fieldset` defaults to 0 + * Added cursor for `radio` and `checkbox` + * Set form controls box sizing to `border-box` + * Modified `disabled` selector + * Better font baseline for `code`, `kbd`, `pre` and `samp` + * Removed placeholder transparency in Firefox + * + ========================================================================== */ +/* HTML5 display definitions + ========================================================================== */ +/* + * Corrects `block` display not defined in IE 8/9. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +/* + * Corrects `inline-block` display not defined in IE 8/9. + */ +audio, +canvas, +video { + display: inline-block; +} +/* + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/* + * Addresses styling for `hidden` attribute not present in IE 8/9. + */ +[hidden] { + display: none; +} +/* Base + ========================================================================== */ +/* + * 1. Sets default font family to sans-serif. + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + /* 2 */ + +} +/* + * Removes default margin. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Addresses `outline` inconsistency between Chrome and other browsers. + */ +a:focus { + outline: thin dotted; +} +/* + * Improves readability when focused and also mouse hovered in all browsers. + */ +a:active, +a:hover { + outline: 0; +} +/* Typography + ========================================================================== */ +/* + * Addresses styling not present in IE 8/9, Safari 5, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} +/* + * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ +b, +strong { + font-weight: bold; +} +/* + * Addresses styling not present in Safari 5 and Chrome. + */ +dfn { + font-style: italic; +} +/* + * Address differences between Firefox and other browsers. + */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +/* + * Corrects font family set oddly in Safari 5 and Chrome. + * 1. Consolas has a better baseline in running text compared to `Courier` + */ +code, +kbd, +pre, +samp { + font-family: Consolas, monospace, serif; + /* 1 */ + + font-size: 1em; +} +/* + * Improves readability of pre-formatted text in all browsers. + */ +pre { + white-space: pre-wrap; +} +/* + * Sets consistent quote types. + */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} +/* + * Addresses inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Removes border when inside `a` element in IE 8/9. + */ +img { + border: 0; +} +/* + * Corrects overflow displayed oddly in IE 9. + */ +svg:not(:root) { + overflow: hidden; +} +/* Figures + ========================================================================== */ +/* + * Addresses margin not present in IE 8/9 and Safari 5. + */ +figure { + margin: 0; +} +/* Forms + ========================================================================== */ +/* + * Define consistent border, margin, and padding. + */ +fieldset { + border: 0; + margin: 0; + padding: 0; +} +/* + * 1. Corrects color not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + + padding: 0; + /* 2 */ + +} +/* + * 1. Corrects font family not being inherited in all browsers. + * 2. Corrects font size not being inherited in all browsers. + * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome + * 4. Define consistent box sizing + * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` + * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. + * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. + */ +button, +input, +select, +textarea { + font-family: inherit; + /* 1 */ + + font-size: 100%; + /* 2 */ + + margin: 0; + /* 3 */ + + -moz-box-sizing: border-box; + /* 4 */ + + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. + */ +button, +input { + line-height: normal; +} +/* + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +button, +select { + text-transform: none; +} +/* + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. + * 2. Corrects inability to style clickable `input` types in iOS. + * 3. Improves usability and consistency of cursor style between image-type `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + + cursor: pointer; + /* 3 */ + +} +/* + * Improves consistency of cursor style for clickable elements + */ +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} +/* + * Re-set default cursor for disabled elements. + */ +button:disabled, +input:disabled { + cursor: default; +} +/* + * 2. Removes excess padding in IE 8/9. + */ +input[type="checkbox"], +input[type="radio"] { + padding: 0; +} +/* + * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; +} +/* + * Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * 1. Removes default vertical scrollbar in IE 8/9. + * 2. Improves readability and alignment in all browsers. + */ +textarea { + overflow: auto; + /* 1 */ + + vertical-align: top; + /* 2 */ + +} +/* + * Removes placeholder transparency in Firefox. + */ +::-moz-placeholder { + opacity: 1; +} +/* Tables + ========================================================================== */ +/* + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} +/* + * Component: Base + * Description: Sets default values for HTML elements + * + * Component: `uk-h1`, `uk-h2`, `uk-h3`, `uk-h4`, `uk-h5`, `uk-h6` + * `uk-img-preserve` + * + ========================================================================== */ +/* Body + ========================================================================== */ +/* + * `font-size` is set in `html` element to support the `rem` unit for font-sizes + */ +html { + font-size: 14px; +} +body { + background: #ffffff; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + line-height: 20px; + color: #444444; + background-image: -webkit-radial-gradient(100% 100%, center, #ffffff, #ffffff); + background-image: radial-gradient(100% 100% at center, #ffffff, #ffffff); +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Break strings if their length exceeds the width of their container + */ + body { + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + } +} +/* Text-level semantics + ========================================================================== */ +/* + * Links + */ +a { + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a { + color: #0077dd; +} +a:hover { + color: #005599; +} +/* + * Emphasize + */ +em { + color: #dd0055; +} +/* + * Insert + */ +ins { + background: #ffffaa; + color: #444444; + text-decoration: none; +} +/* + * Mark + * Note: Addresses styling not present in IE 8/9. + */ +mark { + background: #ffffaa; + color: #444444; +} +/* + * Selection highlight + */ +::-moz-selection { + background: #3399ff; + color: #ffffff; + text-shadow: none; +} +::selection { + background: #3399ff; + color: #ffffff; + text-shadow: none; +} +/* + * Abbreviation and definition + */ +abbr[title], +dfn[title] { + cursor: help; +} +dfn[title] { + border-bottom: 1px dotted; + font-style: normal; +} +/* Embedded content + ========================================================================== */ +/* + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height + * 3. Remove the gap between images and the bottom of their containers + */ +img { + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + + max-width: 100%; + height: auto; + /* 2 */ + + vertical-align: middle; + /* 3 */ + +} +/* + * Preserve original image dimensions + * 1. Fix Google maps automatically via URL detection + */ +.uk-img-preserve, +.uk-img-preserve img, +img[src*="maps.gstatic.com"], +img[src*="googleapis.com"] { + max-width: none; +} +/* Spacing for block elements + ========================================================================== */ +p, +hr, +ul, +ol, +dl, +blockquote, +pre, +address, +fieldset, +figure { + margin: 0 0 15px 0; +} +/* + * Don't worry about the universal selector. + * There is no mentionable performance impact. + */ +* + p, +* + hr, +* + ul, +* + ol, +* + dl, +* + blockquote, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 15px; +} +/* Headings + ========================================================================== */ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 15px 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + color: #444444; + text-transform: none; +} +/* + * Don't worry about the universal selector. + * There is no mentionable performance impact. + */ +* + h1, +* + h2, +* + h3, +* + h4, +* + h5, +* + h6 { + margin-top: 25px; +} +/* + * TODO: Use `:extend` to move heading classes to the utility component + */ +h1, +.uk-h1 { + font-size: 36px; + line-height: 42px; +} +h2, +.uk-h2 { + font-size: 24px; + line-height: 30px; +} +h3, +.uk-h3 { + font-size: 18px; + line-height: 24px; +} +h4, +.uk-h4 { + font-size: 16px; + line-height: 22px; +} +h5, +.uk-h5 { + font-size: 14px; + line-height: 20px; +} +h6, +.uk-h6 { + font-size: 12px; + line-height: 18px; +} +/* Lists + ========================================================================== */ +/* + * Ordered and unordered lists + */ +ul, +ol { + padding-left: 30px; +} +/* Reset margin for nested lists */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* + * Description lists + */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rule + ========================================================================== */ +hr { + display: block; + padding: 0; + border: 0; + border-top: 1px solid #dddddd; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Quotes + ========================================================================== */ +q, +blockquote { + font-style: italic; +} +blockquote { + padding-left: 15px; + border-left: 5px solid #dddddd; + font-size: 16px; + line-height: 22px; +} +/* Small print for identifying the source */ +blockquote small { + display: block; + color: #999999; + font-style: normal; +} +/* Smaller margin if `small` follows */ +blockquote p:last-of-type { + margin-bottom: 5px; +} +/* Code and preformatted text + ========================================================================== */ +code { + color: #dd0055; + font-size: 12px; + white-space: nowrap; + padding: 0 4px; + border: 1px solid #dddddd; + border-radius: 3px; + background: #fafafa; +} +/* Reset code elements if parent of pre elements */ +pre code { + color: inherit; + white-space: pre-wrap; + padding: 0; + border: 0; + background: transparent; +} +pre { + padding: 10px; + background: #fafafa; + color: #444444; + font-size: 12px; + line-height: 18px; + -moz-tab-size: 4; + tab-size: 4; + border: 1px solid #dddddd; + border-radius: 3px; +} +/* Forms + ========================================================================== */ +/* + * Vertical alignment + * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text + */ +button, +input:not([type="radio"]):not([type="checkbox"]), +select { + vertical-align: middle; +} +/* Iframe + ========================================================================== */ +iframe { + border: 0; +} +/* Fix viewport for IE10 snap mode + * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + ========================================================================== */ +@-ms-viewport { + width: device-width; +} +/* Hooks + ========================================================================== */ +/* Layout */ +/* + * Name: Grid + * Description: Provides a responsive, fluid and nestable grid + * + * Component: `uk-grid` + * `uk-width-*` + * `uk-push-*` + * `uk-pull-*` + * + * Modifiers: `uk-grid-divider` + * `uk-grid-margin` + * `uk-grid-preserve` + * + * Uses: Panel: `uk-panel` + * + * Used by: Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Micro clearfix + */ +.uk-grid:before, +.uk-grid:after { + content: " "; + display: table; +} +.uk-grid:after { + clear: both; +} +/* + * 1. Needed for the gutter + * 2. Makes grid more robust so that it can be used with other block elements like lists + */ +.uk-grid { + /* 1 */ + + margin: 0 0 0 -25px; + /* 2 */ + + padding: 0; + list-style: none; +} +/* + * Vertical gutter + */ +.uk-grid + .uk-grid { + margin-top: 25px; +} +/* Grid column + ========================================================================== */ +/* + * 1. Makes grid more robust so that it can be used with other block elements + * 2. Create horizontal gutter + * 3. `float` is set by default so columns always behave the same and create a new block format context + */ +.uk-grid > [class*='uk-width-'] { + /* 1 */ + + margin: 0; + /* 2 */ + + padding-left: 25px; + /* 3 */ + + float: left; +} +/* + * Remove margin from the last-child + */ +.uk-grid > [class*='uk-width-'] > :last-child { + margin-bottom: 0; +} +/* Sub-modifier: `uk-grid-margin` + ========================================================================== */ +/* + * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row + * Higher specificity to override margin + */ +.uk-grid > .uk-grid-margin { + margin-top: 25px; +} +/* Modifier: `uk-grid-divider` + ========================================================================== */ +/* + * Horizontal divider + * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row + */ +.uk-grid-divider:not(:empty) { + margin-left: -25px; + margin-right: -25px; +} +.uk-grid-divider:not(:empty) > [class*='uk-width-'] { + padding-left: 25px; + padding-right: 25px; +} +.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2), +.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) { + border-left: 1px solid #dddddd; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { + border-left: 1px solid #dddddd; + } +} +/* Only desktop */ +@media (min-width: 960px) { + .uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { + border-left: 1px solid #dddddd; + } +} +/* + * Vertical divider + */ +.uk-grid-divider:empty { + margin-top: 25px; + margin-bottom: 25px; + border-top: 1px solid #dddddd; +} +/* Panel in grid + ========================================================================== */ +/* + * Vertical gutter for panels + */ +.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 25px; +} +/* Large gutter + ========================================================================== */ +/* Only large screens */ +@media (min-width: 1220px) { + /* + * Grid + */ + /* Horizontal gutter */ + .uk-grid:not(.uk-grid-preserve) { + margin-left: -35px; + } + .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] { + padding-left: 35px; + } + /* Vertical gutter */ + .uk-grid:not(.uk-grid-preserve) + .uk-grid { + margin-top: 35px; + } + .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { + margin-top: 35px; + } + /* Vertical gutter for panels */ + .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 35px; + } + /* + * Modifier: `uk-grid-divider` + */ + .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { + margin-left: -35px; + margin-right: -35px; + } + .uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] { + padding-left: 35px; + padding-right: 35px; + } + .uk-grid-divider:not(.uk-grid-preserve):empty { + margin-top: 35px; + margin-bottom: 35px; + } +} +/* Sub-object: `uk-width-*` + ========================================================================== */ +[class*='uk-width-'] { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; +} +/* + * Widths + */ +/* Whole */ +.uk-width-1-1 { + width: 100%; +} +/* Halves */ +.uk-width-1-2, +.uk-width-2-4, +.uk-width-3-6, +.uk-width-5-10 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3, +.uk-width-2-6 { + width: 33.333%; +} +.uk-width-2-3, +.uk-width-4-6 { + width: 66.666%; +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5, +.uk-width-2-10 { + width: 20%; +} +.uk-width-2-5, +.uk-width-4-10 { + width: 40%; +} +.uk-width-3-5, +.uk-width-6-10 { + width: 60%; +} +.uk-width-4-5, +.uk-width-8-10 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: 16.666%; +} +.uk-width-5-6 { + width: 83.333%; +} +/* Tenths */ +.uk-width-1-10 { + width: 10%; +} +.uk-width-3-10 { + width: 30%; +} +.uk-width-7-10 { + width: 70%; +} +.uk-width-9-10 { + width: 90%; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + /* Whole */ + .uk-width-medium-1-1 { + width: 100%; + } + /* Halves */ + .uk-width-medium-1-2, + .uk-width-medium-2-4, + .uk-width-medium-3-6, + .uk-width-medium-5-10 { + width: 50%; + } + /* Thirds */ + .uk-width-medium-1-3, + .uk-width-medium-2-6 { + width: 33.333%; + } + .uk-width-medium-2-3, + .uk-width-medium-4-6 { + width: 66.666%; + } + /* Quarters */ + .uk-width-medium-1-4 { + width: 25%; + } + .uk-width-medium-3-4 { + width: 75%; + } + /* Fifths */ + .uk-width-medium-1-5, + .uk-width-medium-2-10 { + width: 20%; + } + .uk-width-medium-2-5, + .uk-width-medium-4-10 { + width: 40%; + } + .uk-width-medium-3-5, + .uk-width-medium-6-10 { + width: 60%; + } + .uk-width-medium-4-5, + .uk-width-medium-8-10 { + width: 80%; + } + /* Sixths */ + .uk-width-medium-1-6 { + width: 16.666%; + } + .uk-width-medium-5-6 { + width: 83.333%; + } + /* Tenths */ + .uk-width-medium-1-10 { + width: 10%; + } + .uk-width-medium-3-10 { + width: 30%; + } + .uk-width-medium-7-10 { + width: 70%; + } + .uk-width-medium-9-10 { + width: 90%; + } +} +/* Only desktop */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-large-1-1 { + width: 100%; + } + /* Halves */ + .uk-width-large-1-2, + .uk-width-large-2-4, + .uk-width-large-3-6, + .uk-width-large-5-10 { + width: 50%; + } + /* Thirds */ + .uk-width-large-1-3, + .uk-width-large-2-6 { + width: 33.333%; + } + .uk-width-large-2-3, + .uk-width-large-4-6 { + width: 66.666%; + } + /* Quarters */ + .uk-width-large-1-4 { + width: 25%; + } + .uk-width-large-3-4 { + width: 75%; + } + /* Fifths */ + .uk-width-large-1-5, + .uk-width-large-2-10 { + width: 20%; + } + .uk-width-large-2-5, + .uk-width-large-4-10 { + width: 40%; + } + .uk-width-large-3-5, + .uk-width-large-6-10 { + width: 60%; + } + .uk-width-large-4-5, + .uk-width-large-8-10 { + width: 80%; + } + /* Sixths */ + .uk-width-large-1-6 { + width: 16.666%; + } + .uk-width-large-5-6 { + width: 83.333%; + } + /* Tenths */ + .uk-width-large-1-10 { + width: 10%; + } + .uk-width-large-3-10 { + width: 30%; + } + .uk-width-large-7-10 { + width: 70%; + } + .uk-width-large-9-10 { + width: 90%; + } +} +/* Sub-object: `uk-push-*` and `uk-pull-*` + ========================================================================== */ +/* + * Source ordering + * Works only with `uk-width-medium-*` + */ +/* Only tablets and desktop */ +@media (min-width: 768px) { + [class*='uk-push-'], + [class*='uk-pull-'] { + position: relative; + } + /* + * Push + */ + /* Halves */ + .uk-push-1-2, + .uk-push-2-4, + .uk-push-3-6, + .uk-push-5-10 { + left: 50%; + } + /* Thirds */ + .uk-push-1-3, + .uk-push-2-6 { + left: 33.333%; + } + .uk-push-2-3, + .uk-push-4-6 { + left: 66.666%; + } + /* Quarters */ + .uk-push-1-4 { + left: 25%; + } + .uk-push-3-4 { + left: 75%; + } + /* Fifths */ + .uk-push-1-5, + .uk-push-2-10 { + left: 20%; + } + .uk-push-2-5, + .uk-push-4-10 { + left: 40%; + } + .uk-push-3-5, + .uk-push-6-10 { + left: 60%; + } + .uk-push-4-5, + .uk-push-8-10 { + left: 80%; + } + /* Sixths */ + .uk-push-1-6 { + left: 16.666%; + } + .uk-push-5-6 { + left: 83.333%; + } + /* Tenths */ + .uk-push-1-10 { + left: 10%; + } + .uk-push-3-10 { + left: 30%; + } + .uk-push-7-10 { + left: 70%; + } + .uk-push-9-10 { + left: 90%; + } + /* + * Pull + */ + /* Halves */ + .uk-pull-1-2, + .uk-pull-2-4, + .uk-pull-3-6, + .uk-pull-5-10 { + left: -50%; + } + /* Thirds */ + .uk-pull-1-3, + .uk-pull-2-6 { + left: -33.333%; + } + .uk-pull-2-3, + .uk-pull-4-6 { + left: -66.666%; + } + /* Quarters */ + .uk-pull-1-4 { + left: -25%; + } + .uk-pull-3-4 { + left: -75%; + } + /* Fifths */ + .uk-pull-1-5, + .uk-pull-2-10 { + left: -20%; + } + .uk-pull-2-5, + .uk-pull-4-10 { + left: -40%; + } + .uk-pull-3-5, + .uk-pull-6-10 { + left: -60%; + } + .uk-pull-4-5, + .uk-pull-8-10 { + left: -80%; + } + /* Sixths */ + .uk-pull-1-6 { + left: -16.666%; + } + .uk-pull-5-6 { + left: -83.333%; + } + /* Tenths */ + .uk-pull-1-10 { + left: -10%; + } + .uk-pull-3-10 { + left: -30%; + } + .uk-pull-7-10 { + left: -70%; + } + .uk-pull-9-10 { + left: -90%; + } +} +/* + * Name: Panel + * Description: Defines styles for reusable content areas + * + * Component: `uk-panel` + * + * Sub-objects: `uk-panel-title` + * `uk-panel-badge` + * + * Modifiers: `uk-panel-box` + * `uk-panel-box-primary` + * `uk-panel-box-secondary` + * `uk-panel-header` + * `uk-panel-space` + * `uk-panel-divider` + * + * Uses: Nav: `uk-nav-side` + * + * Used by: Dropdown + * Off-canvas + * Grid + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Create position context for badges + */ +.uk-panel { + position: relative; +} +/* + * Micro clearfix to make panels more robust + */ +.uk-panel:before, +.uk-panel:after { + content: " "; + display: table; +} +.uk-panel:after { + clear: both; +} +/* + * Remove margin from the last-child if not `uk-windget-title` + */ +.uk-panel > :not(.uk-panel-title):last-child { + margin-bottom: 0; +} +/* Sub-object: `uk-panel-title` + ========================================================================== */ +.uk-panel-title { + margin-bottom: 15px; + font-size: 18px; + line-height: 24px; + font-weight: normal; + text-transform: none; + color: #444444; +} +/* Sub-object: `uk-panel-badge` + ========================================================================== */ +.uk-panel-badge { + position: absolute; + top: 0; + right: 0; + z-index: 1; +} +/* + * Remove margin from adjacent element + */ +.uk-panel-badge + * { + margin-top: 0; +} +/* Modifier: `uk-panel-box` + ========================================================================== */ +.uk-panel-box { + padding: 15px; + background: #fafafa; + color: #444444; + border: 1px solid #dddddd; + border-radius: 4px; +} +.uk-panel-box .uk-panel-title { + color: #444444; +} +.uk-panel-box .uk-panel-badge { + top: 10px; + right: 10px; +} +/* + * Nav in panel + */ +.uk-panel-box .uk-nav-side { + margin: 0 -15px; +} +/* + * Sub-modifier: `uk-panel-box-primary` + */ +.uk-panel-box-primary { + background-color: #ebf7fd; + color: #2d7091; + border-color: rgba(45, 112, 145, 0.3); +} +.uk-panel-box-primary .uk-panel-title { + color: #2d7091; +} +/* + * Sub-modifier: `uk-panel-box-secondary` + */ +.uk-panel-box-secondary { + background-color: #ffffff; + color: #444444; +} +.uk-panel-box-secondary .uk-panel-title { + color: #444444; +} +/* Modifier: `uk-panel-header` + ========================================================================== */ +.uk-panel-header .uk-panel-title { + padding-bottom: 10px; + border-bottom: 1px solid #dddddd; + color: #444444; +} +/* Modifier: `uk-panel-space` + ========================================================================== */ +.uk-panel-space { + padding: 30px; +} +.uk-panel-space .uk-panel-badge { + top: 30px; + right: 30px; +} +/* Modifier: `uk-panel-divider` + ========================================================================== */ +.uk-panel + .uk-panel-divider { + margin-top: 50px !important; +} +.uk-panel + .uk-panel-divider:before { + content: ""; + display: block; + position: absolute; + top: -25px; + left: 0; + right: 0; + border-top: 1px solid #dddddd; +} +/* Only large screens */ +@media (min-width: 1220px) { + .uk-panel + .uk-panel-divider { + margin-top: 70px !important; + } + .uk-panel + .uk-panel-divider:before { + top: -35px; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Article + * Description: Defines styles for articles within your page + * + * Component: `uk-article` + * + * Sub-objects: `uk-article-title` + * `uk-article-meta` + * `uk-article-lead` + * `uk-article-divider` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Micro clearfix to make articles more robust + */ +.uk-article:before, +.uk-article:after { + content: " "; + display: table; +} +.uk-article:after { + clear: both; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* + * Vertical gutter for articles + */ +.uk-article + .uk-article { + margin-top: 15px; +} +/* Sub-object `uk-article-title` + ========================================================================== */ +.uk-article-title { + font-size: 36px; + line-height: 42px; + font-weight: normal; + text-transform: none; +} +.uk-article-title a { + color: inherit; + text-decoration: none; +} +/* Sub-object `uk-article-meta` + ========================================================================== */ +.uk-article-meta { + font-size: 12px; + line-height: 18px; + color: #999999; +} +/* Sub-object `uk-article-lead` + ========================================================================== */ +.uk-article-lead { + color: #444444; + font-size: 18px; + line-height: 24px; + font-weight: normal; +} +/* Sub-object `uk-article-divider` + ========================================================================== */ +.uk-article-divider { + margin-bottom: 25px; + border-color: #dddddd; +} +* + .uk-article-divider { + margin-top: 25px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Comment + * Description: Defines styles for comment threads + * + * Component: `uk-comment` + * + * Sub-objects: `uk-comment-header` + * `uk-comment-avatar` + * `uk-comment-title` + * `uk-comment-meta` + * `uk-comment-body` + * `uk-comment-list` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-comment-header` + ========================================================================== */ +.uk-comment-header { + margin-bottom: 15px; + padding: 10px; + border: 1px solid #dddddd; + border-radius: 4px; + background: #fafafa; +} +/* + * Micro clearfix + */ +.uk-comment-header:before, +.uk-comment-header:after { + content: " "; + display: table; +} +.uk-comment-header:after { + clear: both; +} +/* Sub-object `uk-comment-avatar` + ========================================================================== */ +.uk-comment-avatar { + margin-right: 15px; + float: left; +} +/* Sub-object `uk-comment-title` + ========================================================================== */ +.uk-comment-title { + margin: 5px 0 0 0; + font-size: 16px; + line-height: 22px; +} +/* Sub-object `uk-comment-meta` + ========================================================================== */ +.uk-comment-meta { + margin: 2px 0 0 0; + font-size: 11px; + line-height: 16px; + color: #999999; +} +/* Sub-object `uk-comment-body` + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child { + margin-bottom: 0; +} +/* Sub-object `uk-comment-list` + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +.uk-comment-list .uk-comment + ul { + margin: 25px 0 0 0; + padding-left: 100px; + list-style: none; +} +.uk-comment-list > li:nth-child(n+2), +.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { + margin-top: 25px; +} +/* Hooks + ========================================================================== */ +/* Navs */ +/* + * Name: Nav + * Description: Defines styles for list navigations + * + * Component: `uk-nav` + * + * Sub-objects: `uk-nav-header` + * `uk-nav-divider` + * `uk-nav-sub` + * + * Modifiers: `uk-nav-parent-icon` + * `uk-nav-side` + * `uk-nav-dropdown` + * `uk-nav-navbar` + * `uk-nav-search` + * `uk-nav-offcanvas` + * + * States: `uk-active` + * `uk-parent` + * `uk-open` + * `uk-touch` + * + * Uses: Icon: FontAwesome + * + * Used by: Panel + * Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* + * Items + */ +.uk-nav li > a { + display: block; + text-decoration: none; +} +.uk-nav > li > a { + padding: 5px 15px; +} +/* + * Nested items + */ +.uk-nav ul { + padding-left: 15px; +} +.uk-nav ul a { + padding: 2px 0; +} +/* + * Item subtitle + */ +.uk-nav li > a > div { + font-size: 12px; + line-height: 18px; +} +/* Sub-object: `uk-nav-header` + ========================================================================== */ +.uk-nav-header { + padding: 5px 15px; + text-transform: uppercase; + font-weight: bold; + font-size: 12px; +} +.uk-nav-header:not(:first-child) { + margin-top: 15px; +} +/* Sub-object: `uk-nav-divider` + ========================================================================== */ +.uk-nav-divider { + margin: 9px 15px; +} +/* Sub-object: `uk-nav-sub` + ========================================================================== */ +/* + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* Modifier: `uk-nav-parent-icon` + ========================================================================== */ +.uk-nav-parent-icon > .uk-parent > a:after { + content: "\f104"; + width: 20px; + margin-right: -10px; + float: right; + font-family: "FontAwesome"; + text-align: center; +} +.uk-nav-parent-icon > .uk-parent.uk-open > a:after { + content: "\f107"; +} +/* Modifier `uk-nav-side` + ========================================================================== */ +/* + * Items + */ +.uk-nav-side > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-side > li > a:hover, +.uk-nav-side > li > a:focus { + /* 1 */ + + background: rgba(0, 0, 0, 0.03); + color: #444444; + outline: none; + /* 2 */ + + box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); + text-shadow: 0 -1px 0 #ffffff; +} +/* Active */ +.uk-nav-side > li.uk-active > a { + background: #009dd8; + color: #ffffff; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-side .uk-nav-header { + color: #444444; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-side .uk-nav-divider { + border-top: 1px solid #dddddd; + box-shadow: 0 1px 0 #ffffff; +} +/* + * Nested items + */ +.uk-nav-side ul a { + color: #0077dd; +} +.uk-nav-side ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-dropdown` + ========================================================================== */ +/* + * Items + */ +.uk-nav-dropdown > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-dropdown > li > a:hover, +.uk-nav-dropdown > li > a:focus { + /* 1 */ + + background: #009dd8; + color: #ffffff; + outline: none; + /* 2 */ + + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-dropdown .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-dropdown .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-dropdown ul a { + color: #0077dd; +} +.uk-nav-dropdown ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-navbar` + ========================================================================== */ +/* + * Items + */ +.uk-nav-navbar > li > a { + color: #444444; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-navbar > li > a:hover, +.uk-nav-navbar > li > a:focus { + /* 1 */ + + background: #009dd8; + color: #ffffff; + outline: none; + /* 2 */ + + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-navbar .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-navbar .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-navbar ul a { + color: #0077dd; +} +.uk-nav-navbar ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +.uk-nav-search > li > a { + color: #444444; + text-shadow: none; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-search > li.uk-active > a { + background: #009dd8; + color: #ffffff; + outline: none; + /* 2 */ + + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-search .uk-nav-header { + color: #999999; + text-shadow: none; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-search .uk-nav-divider { + border-top: 1px solid #dddddd; +} +/* + * Nested items + */ +.uk-nav-search ul a { + color: #0077dd; +} +.uk-nav-search ul a:hover { + color: #005599; +} +/* Modifier `uk-nav-offcanvas` + ========================================================================== */ +/* + * Items + */ +.uk-nav-offcanvas > li > a { + color: #cccccc; + padding: 10px 15px; + border-top: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* + * Hover + * No hover on touch devices because it behaves buggy in fixed offcanvas + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-nav-offcanvas > .uk-open > a, +html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, +html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { + /* 1 */ + + background: #404040; + color: #ffffff; + outline: none; + /* 2 */ + +} +/* + * Active + * `html .uk-nav` needed for higher specificity to override hover + */ +html .uk-nav.uk-nav-offcanvas > li.uk-active > a { + background: #1a1a1a; + color: #ffffff; + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-offcanvas .uk-nav-header { + color: #777777; + margin-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.3); + background: #404040; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-offcanvas .uk-nav-divider { + border-top: 1px solid rgba(255, 255, 255, 0.01); + margin: 0; + height: 4px; + background: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); +} +/* + * Nested items + * No hover on touch devices because it behaves buggy in fixed offcanvas + */ +.uk-nav-offcanvas ul a { + color: #cccccc; +} +html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { + color: #ffffff; +} +/* Hooks + ========================================================================== */ +/* + * Name: Navbar + * Description: Defines styles for the navigation bar + * + * Component: `uk-navbar` + * + * Sub-objects: `uk-navbar-nav` + * `uk-navbar-nav-subtitle` + * `uk-navbar-content` + * `uk-navbar-brand` + * `uk-navbar-toggle` + * `uk-navbar-toggle-alt` + * `uk-navbar-center` + * `uk-navbar-flip` + * + * Modifiers: `uk-navbar-attached` + * + * States: `uk-active` + * `uk-parent` + * `uk-open` + * + * Used by: Dropdown + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-navbar { + background: #f7f7f7; + color: #444444; + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-color: rgba(0, 0, 0, 0.3); + background-origin: border-box; + /* 1 */ + + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(to bottom, #ffffff, #eeeeee); +} +/* + * Micro clearfix + */ +.uk-navbar:before, +.uk-navbar:after { + content: " "; + display: table; +} +.uk-navbar:after { + clear: both; +} +/* Sub-object: `uk-navbar-nav` + ========================================================================== */ +.uk-navbar-nav { + margin: 0; + padding: 0; + list-style: none; + float: left; +} +/* + * 1. Create position context for dropdowns + */ +.uk-navbar-nav > li { + position: relative; + /* 1 */ + + float: left; +} +/* + * 1. Dimensions + * 2. Style + */ +.uk-navbar-nav > li > a { + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + height: 40px; + padding: 0 15px; + line-height: 40px; + color: #444444; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + margin-top: -1px; + /* 1 */ + + margin-left: -1px; + /* 2 */ + + height: 41px; + /* 3 */ + + border: 1px solid transparent; + border-bottom-width: 0; + text-shadow: 0 1px 0 #ffffff; +} +/* Appear not as link */ +.uk-navbar-nav > li > a[href='#'] { + cursor: auto; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Also apply if dropdown is opened + * 3. Remove default focus style + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a:focus, +.uk-navbar-nav > li.uk-open > a { + background-color: transparent; + color: #444444; + outline: none; + /* 3 */ + + position: relative; + /* 1 */ + + z-index: 1; + /* 2 */ + + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* OnClick */.uk-navbar-nav > li > a:active { + background-color: #f5f5f5; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + background-color: #fafafa; + color: #444444; + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* Sub-objects: `uk-navbar-nav-subtitle` + ========================================================================== */ +.uk-navbar-nav .uk-navbar-nav-subtitle { + line-height: 28px; +} +.uk-navbar-nav-subtitle > div { + margin-top: -6px; + font-size: 10px; + line-height: 12px; +} +/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` + ========================================================================== */ +/* + * Imitate navbar items + */ +.uk-navbar-content, +.uk-navbar-brand, +.uk-navbar-toggle { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + padding: 0 15px; + float: left; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Helper to center all child elements vertically + */ +.uk-navbar-content:before, +.uk-navbar-brand:before, +.uk-navbar-toggle:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +/* Sub-objects: `uk-navbar-content` + ========================================================================== */ +/* + * Better sibling spacing + */ +.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { + padding-left: 0; +} +/* + * Link colors + */ +.uk-navbar-content > a:not([class]) { + color: #0077dd; +} +.uk-navbar-content > a:not([class]):hover { + color: #005599; +} +/* Sub-objects: `uk-navbar-brand` + ========================================================================== */ +.uk-navbar-brand { + font-size: 18px; + color: #444444; +} +/* + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-navbar-brand:hover, +.uk-navbar-brand:focus { + /* 1 */ + + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* Sub-object: `uk-navbar-toggle` + ========================================================================== */ +.uk-navbar-toggle { + font-size: 18px; + color: #444444; +} +/* + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-navbar-toggle:hover, +.uk-navbar-toggle:focus { + /* 1 */ + + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + +} +/* + * 1. Center icon vertically + */ +.uk-navbar-toggle:after { + content: "\f0c9"; + font-family: "FontAwesome"; + vertical-align: middle; + /* 1 */ + +} +.uk-navbar-toggle-alt:after { + content: "\f002"; +} +/* Sub-object: `uk-navbar-center` + ========================================================================== */ +/* + * The element with this class needs to be last child in the navbar + * 1. This hack is needed because other float elements shift centered text + */ +.uk-navbar-center { + max-width: 50%; + margin: auto; + /* 1 */ + + float: none; + text-align: center; +} +/* Sub-object: `uk-navbar-flip` + ========================================================================== */ +.uk-navbar-flip { + float: right; +} +/* Hooks + ========================================================================== */ +/* + * Name: Subnav + * Description: Defines styles for the sub navigation + * + * Component: `uk-subnav` + * + * Modifiers: `uk-subnav-line` + * `uk-subnav-pill` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Remove whitespace between child elements when using `inline-block` + */ +.uk-subnav { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + letter-spacing: -0.31em; +} +/* Items + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Reset whitespace hack + */ +.uk-subnav > li { + position: relative; + /* 1 */ + + letter-spacing: normal; + /* 2 */ + +} +.uk-subnav > li, +.uk-subnav > li > a, +.uk-subnav > li > span { + display: inline-block; +} +.uk-subnav > li:nth-child(n+2) { + margin-left: 10px; +} +/* + * Items + */ +.uk-subnav > li > a { + color: #0077dd; +} +.uk-subnav > li > a:hover { + color: #005599; +} +/* + * Disabled + */ +.uk-subnav > li > span { + color: #999999; +} +/* Modifier: 'subnav-line' + ========================================================================== */ +.uk-subnav-line > li:nth-child(n+2):before { + content: ""; + display: inline-block; + height: 10px; + margin-right: 10px; + border-left: 1px solid #dddddd; +} +/* Modifier: 'subnav-pill' + ========================================================================== */ +.uk-subnav-pill > li > a, +.uk-subnav-pill > li > span { + padding: 3px 9px; + text-decoration: none; + border-radius: 4px; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-subnav-pill > li > a:hover, +.uk-subnav-pill > li > a:focus { + /* 1 */ + + background: #fafafa; + color: #444444; + outline: none; + /* 2 */ + + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); +} +/* + * Active + * `li` needed for higher specificity to override hover + */ +.uk-subnav-pill > li.uk-active > a { + background: #009dd8; + color: #ffffff; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); +} +/* Hooks + ========================================================================== */ +/* + * Name: Breadcrumb + * Description: Defines styles for a breadcrumb navigation + * + * Component: `uk-breadcrumb` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Remove whitespace between child elements when using `inline-block` + */ +.uk-breadcrumb { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + letter-spacing: -0.31em; +} +/* Items + ========================================================================== */ +/* + * Reset whitespace hack + */ +.uk-breadcrumb > li { + letter-spacing: normal; +} +.uk-breadcrumb > li, +.uk-breadcrumb > li > a, +.uk-breadcrumb > li > span { + display: inline-block; +} +.uk-breadcrumb > li:nth-child(n+2):before { + content: "/"; + display: inline-block; + margin: 0 8px; + vertical-align: top; + /* 2 */ + +} +/* + * Disabled + */ +.uk-breadcrumb > li:not(.uk-active) > span { + color: #999999; +} +/* Hooks + ========================================================================== */ +/* + * Name: Pagination + * Description: Defines styles for a navigation between pages + * + * Component: `uk-pagination` + * + * Sub-objects: `uk-pagination-previous` + * `uk-pagination-next` + * + * States: `uk-active` + * `uk-disabled` + * + * Modifiers: `uk-pagination-left` + * `uk-pagination-right` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Remove default list style + * 2. Center pagination by default + * 3. Remove whitespace between child elements when using `inline-block` + */ +.uk-pagination { + /* 1 */ + + padding: 0; + list-style: none; + /* 2 */ + + text-align: center; + /* 3 */ + + letter-spacing: -0.31em; +} +/* + * Micro clearfix + * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used + */ +.uk-pagination:before, +.uk-pagination:after { + content: " "; + display: table; +} +.uk-pagination:after { + clear: both; +} +/* Items + ========================================================================== */ +/* + * 1. Reset whitespace hack + */ +.uk-pagination > li { + display: inline-block; + letter-spacing: normal; + /* 1 */ + +} +.uk-pagination > li:nth-child(n+2) { + margin-left: 5px; +} +/* + * 1. Makes pagination more robust against different box-sizing use + * 2. Reset text-align to center if alignment modifier is used + */ +.uk-pagination > li > a, +.uk-pagination > li > span { + -moz-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + + display: inline-block; + min-width: 16px; + padding: 3px 5px; + line-height: 20px; + text-decoration: none; + text-align: center; + /* 2 */ + + border-radius: 4px; +} +/* + * Links + */ +.uk-pagination > li > a { + background: #f7f7f7; + color: #444444; + border: 1px solid rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.3); + background-origin: border-box; + /* 1 */ + + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(to bottom, #ffffff, #eeeeee); + text-shadow: 0 1px 0 #ffffff; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-pagination > li > a:hover, +.uk-pagination > li > a:focus { + /* 1 */ + + background-color: #fafafa; + color: #444444; + outline: none; + /* 2 */ + + background-image: none; +} +/* OnClick */ +.uk-pagination > li > a:active { + background-color: #f5f5f5; + color: #444444; + border-color: rgba(0, 0, 0, 0.2); + border-top-color: rgba(0, 0, 0, 0.3); + background-image: none; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* + * Active + */ +.uk-pagination > .uk-active > span { + background: #009dd8; + color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.4); + background-origin: border-box; + /* 1 */ + + background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); + background-image: linear-gradient(to bottom, #00b4f5, #008dc5); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* + * Disabled + */ +.uk-pagination > .uk-disabled > span { + background-color: #fafafa; + color: #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + text-shadow: 0 1px 0 #ffffff; +} +/* Previous and next navigation + ========================================================================== */ +.uk-pagination-previous { + float: left; +} +.uk-pagination-next { + float: right; +} +/* Alignment modifiers + ========================================================================== */ +.uk-pagination-left { + text-align: left; +} +.uk-pagination-right { + text-align: right; +} +/* Hooks + ========================================================================== */ +/* + * Name: Tab + * Description: Defines styles for a tabbed navigation + * + * Component: `uk-tab` + * + * Modifiers: `uk-tab-flip` + * `uk-tab-center` + * `uk-tab-grid` + * `uk-tab-bottom` + * `uk-tab-left` + * `uk-tab-right` + * `uk-tab-responsive` + * + * States: `uk-active` + * `uk-disabled` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-tab { + margin: 0; + padding: 0; + list-style: none; + border-bottom: 1px solid #dddddd; +} +/* + * Micro clearfix on the deepest container + */ +.uk-tab:before, +.uk-tab:after { + content: " "; + display: table; +} +.uk-tab:after { + clear: both; +} +/* + * Items + * 1. Create position context for dropdowns + */ +.uk-tab > li { + position: relative; + /* 1 */ + + margin-bottom: -1px; + float: left; +} +.uk-tab > li > a { + display: block; + padding: 8px 12px; + border: 1px solid transparent; + border-bottom-width: 0; + color: #0077dd; + text-decoration: none; + border-radius: 4px 4px 0 0; + text-shadow: 0 1px 0 #ffffff; +} +.uk-tab > li:nth-child(n+2) > a { + margin-left: 5px; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Also apply if dropdown is opened + * 3. Remove default focus style + */ +.uk-tab > li > a:hover, +.uk-tab > li > a:focus, +.uk-tab > li.uk-open > a { + /* 2 */ + + border-color: #dddddd; + background: #fafafa; + color: #005599; + outline: none; + /* 3 */ + +} +.uk-tab > li:not(.uk-active) > a:hover, +.uk-tab > li:not(.uk-active) > a:focus, +.uk-tab > li.uk-open:not(.uk-active) > a { + margin-bottom: 1px; + padding-bottom: 7px; +} +/* Active */ +.uk-tab > li.uk-active > a { + border-color: #dddddd; + border-bottom-color: transparent; + background: #ffffff; + color: #444444; +} +/* Disabled */ +.uk-tab > li.uk-disabled > a { + color: #999999; + cursor: auto; +} +.uk-tab > li.uk-disabled > a:hover, +.uk-tab > li.uk-disabled > a:focus, +.uk-tab > li.uk-disabled.uk-active > a { + background: none; + border-color: transparent; +} +/* Modifier: 'tab-flip' + ========================================================================== */ +.uk-tab-flip > li { + float: right; +} +.uk-tab-flip > li:nth-child(n+2) > a { + margin-left: 0; + margin-right: 5px; +} +/* Modifier: 'tab-responsive' + ========================================================================== */ +/* + * Hidden by default + */ +.uk-tab-responsive { + display: none; +} +.uk-tab-responsive > a:before { + content: "\f0c9\00a0"; + font-family: "FontAwesome"; +} +/* Only phones */ +@media (max-width: 767px) { + [data-uk-tab] > li { + display: none; + } + [data-uk-tab] > li.uk-tab-responsive { + display: block; + } + [data-uk-tab] > li.uk-tab-responsive > a { + margin-left: 0; + margin-right: 0; + } +} +/* Modifier: 'tab-center' + ========================================================================== */ +.uk-tab-center { + border-bottom: 1px solid #dddddd; +} +.uk-tab-center-bottom { + border-bottom: none; + border-top: 1px solid #dddddd; +} +.uk-tab-center:before, +.uk-tab-center:after { + content: " "; + display: table; +} +.uk-tab-center:after { + clear: both; +} +.uk-tab-center .uk-tab { + position: relative; + left: 50%; + border: none; + float: left; +} +.uk-tab-center .uk-tab > li { + position: relative; + left: -50%; +} +.uk-tab-center .uk-tab > li > a { + text-align: center; +} +/* Modifier: 'tab-bottom' + ========================================================================== */ +.uk-tab-bottom { + border-top: 1px solid #dddddd; + border-bottom: none; +} +.uk-tab-bottom > li { + margin-top: -1px; + margin-bottom: 0; +} +.uk-tab-bottom > li > a { + border-bottom-width: 1px; + border-top-width: 0; +} +.uk-tab-bottom > li:not(.uk-active) > a:hover, +.uk-tab-bottom > li:not(.uk-active) > a:focus, +.uk-tab-bottom > li.uk-open:not(.uk-active) > a { + margin-bottom: 0; + margin-top: 1px; + padding-bottom: 8px; + padding-top: 7px; +} +.uk-tab-bottom > li.uk-active > a { + border-top-color: transparent; + border-bottom-color: #dddddd; +} +/* Modifier: 'tab-grid' + ========================================================================== */ +/* + * 1. Create position context to prevent hidden border because of negative `z-index` + */ +.uk-tab-grid { + position: relative; + z-index: 0; + /* 1 */ + + margin-left: -5px; + border-bottom: none; +} +.uk-tab-grid:before { + display: block; + position: absolute; + left: 5px; + right: 0px; + bottom: -1px; + z-index: -1; + /* 1 */ + + border-top: 1px solid #dddddd; +} +.uk-tab-grid > li:first-child > a { + margin-left: 5px; +} +.uk-tab-grid > li > a { + text-align: center; +} +/* + * If `uk-tab-bottom` + */ +.uk-tab-grid.uk-tab-bottom { + border-top: none; +} +.uk-tab-grid.uk-tab-bottom:before { + top: -1px; + bottom: auto; +} +/* Modifier: 'tab-left', 'tab-right' + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-tab-left, + .uk-tab-right { + border-bottom: none; + } + .uk-tab-left > li, + .uk-tab-right > li { + margin-bottom: 0; + float: none; + } + .uk-tab-left > li:nth-child(n+2) > a, + .uk-tab-right > li:nth-child(n+2) > a { + margin-left: 0; + margin-top: 5px; + } + .uk-tab-left > li.uk-active > a, + .uk-tab-right > li.uk-active > a { + border-color: #dddddd; + } + /* + * Modifier: 'tab-left' + */ + .uk-tab-left { + border-right: 1px solid #dddddd; + } + .uk-tab-left > li { + margin-right: -1px; + } + .uk-tab-left > li > a { + border-bottom-width: 1px; + border-right-width: 0; + } + .uk-tab-left > li:not(.uk-active) > a:hover, + .uk-tab-left > li:not(.uk-active) > a:focus { + margin-bottom: 0; + margin-right: 1px; + padding-bottom: 8px; + padding-right: 11px; + } + .uk-tab-left > li.uk-active > a { + border-right-color: transparent; + } + /* + * Modifier: 'tab-right' + */ + .uk-tab-right { + border-left: 1px solid #dddddd; + } + .uk-tab-right > li { + margin-left: -1px; + } + .uk-tab-right > li > a { + border-bottom-width: 1px; + border-left-width: 0; + } + .uk-tab-right > li:not(.uk-active) > a:hover, + .uk-tab-right > li:not(.uk-active) > a:focus { + margin-bottom: 0; + margin-left: 1px; + padding-bottom: 8px; + padding-left: 11px; + } + .uk-tab-right > li.uk-active > a { + border-left-color: transparent; + } +} +/* Hooks + ========================================================================== */ +/* Elements */ +/* + * Name: List + * Description: Defines styles for ordered and unordered lists + * + * Component: `uk-list` + * + * Modifiers: `uk-list-line` + * `uk-list-striped` + * `uk-list-space` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Nested lists + */ +.uk-list ul { + margin: 0; + padding-left: 20px; + list-style: none; +} +/* Modifier: `uk-list-line` + ========================================================================== */ +.uk-list-line > li:nth-child(n+2) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #dddddd; +} +/* Modifier: `uk-list-striped` + ========================================================================== */ +.uk-list-striped > li { + padding: 5px 5px; + border-bottom: 1px solid #dddddd; +} +.uk-list-striped > li:nth-of-type(odd) { + background: #fafafa; +} +/* Modifier: `uk-list-space` + ========================================================================== */ +.uk-list-space > li:nth-child(n+2) { + margin-top: 10px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Description list + * Description: Defines styles for description lists + * + * Component: `uk-description-list` + * + * Modifiers: `uk-description-list-horizontal` + * `uk-description-list-line` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-description-list-horizontal` + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-description-list-horizontal { + overflow: hidden; + } + .uk-description-list-horizontal > dt { + width: 160px; + float: left; + clear: both; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .uk-description-list-horizontal > dd { + margin-left: 180px; + } +} +/* Modifier: `uk-description-list-line` + ========================================================================== */ +.uk-description-list-line > dt { + font-weight: normal; +} +.uk-description-list-line > dt:nth-child(n+2) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #dddddd; +} +.uk-description-list-line > dd { + color: #999999; +} +/* + * Name: Table + * Description: Defines styles for tables + * + * Component: `uk-table` + * + * Modifiers: `uk-table-middle` + * `uk-table-striped` + * `uk-table-condensed` + * `uk-table-hover` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Block element behavior */ +.uk-table { + width: 100%; + margin-bottom: 15px 0; +} +/* + * Add margin if adjacent element + */ +* + .uk-table { + margin-top: 15px; +} +.uk-table th, +.uk-table td { + padding: 8px 8px; + border-bottom: 1px solid #dddddd; +} +/* Set alignment */ +.uk-table th { + text-align: left; +} +.uk-table td { + vertical-align: top; +} +.uk-table thead th { + vertical-align: bottom; +} +/* + * Caption and footer + */ +.uk-table caption, +.uk-table tfoot { + font-size: 12px; + font-style: italic; +} +.uk-table caption { + text-align: left; + color: #999999; +} +/* Sub-modifier: `uk-table-middel` + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Modifier: `uk-table-striped` + ========================================================================== */ +.uk-table-striped tbody tr:nth-of-type(odd) td { + background: #fafafa; +} +/* Modifier: `uk-table-condensed` + ========================================================================== */ +.uk-table-condensed td { + padding: 4px 8px; +} +/* Modifier: `uk-table-hover` + ========================================================================== */ +.uk-table-hover tbody tr:hover td { + background: #f0f0f0; +} +/* Hooks + ========================================================================== */ +/* + * Name: Form + * Description: Defines styles for forms + * + * Component: `uk-form` + * + * Sub-objects: `uk-form-row` + * `uk-form-help-inline` + * `uk-form-help-block` + * `uk-form-label` + * `uk-form-controls` + * `uk-form-controls-condensed` + * + * Modifiers: `uk-form-stacked` + * `uk-form-horizontal` + * + * Sub-modifiers: `uk-form-danger` + * `uk-form-success` + * `uk-form-small` + * `uk-form-large` + * `uk-form-blank` + * `uk-form-width-mini` + * `uk-form-width-small` + * `uk-form-width-medium` + * `uk-form-width-large` + * `uk-form-controls-text` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-form > :last-child { + margin-bottom: 0; +} +/* + * Controls + * Exept for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` + * 1. Must be `height` because `min-height` is not working in OSX + * 2. Responsiveness: Sets a maxium width relative to the parent to scale on narrower viewports + */ +.uk-form select, +.uk-form textarea, +.uk-form input[type="text"], +.uk-form input[type="password"], +.uk-form input[type="datetime"], +.uk-form input[type="datetime-local"], +.uk-form input[type="date"], +.uk-form input[type="month"], +.uk-form input[type="time"], +.uk-form input[type="week"], +.uk-form input[type="number"], +.uk-form input[type="email"], +.uk-form input[type="url"], +.uk-form input[type="search"], +.uk-form input[type="tel"], +.uk-form input[type="color"] { + height: 30px; + /* 1 */ + + max-width: 100%; + /* 2 */ + + padding: 4px 6px; + border: 1px solid #dddddd; + background: #ffffff; + color: #444444; + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; + border-radius: 4px; + /* Focus state */ + + /* Disabled state */ + +} +.uk-form select:focus, +.uk-form textarea:focus, +.uk-form input[type="text"]:focus, +.uk-form input[type="password"]:focus, +.uk-form input[type="datetime"]:focus, +.uk-form input[type="datetime-local"]:focus, +.uk-form input[type="date"]:focus, +.uk-form input[type="month"]:focus, +.uk-form input[type="time"]:focus, +.uk-form input[type="week"]:focus, +.uk-form input[type="number"]:focus, +.uk-form input[type="email"]:focus, +.uk-form input[type="url"]:focus, +.uk-form input[type="search"]:focus, +.uk-form input[type="tel"]:focus, +.uk-form input[type="color"]:focus { + border-color: #99baca; + outline: 0; + background: #f5fbfe; + color: #444444; +} +.uk-form select:disabled, +.uk-form textarea:disabled, +.uk-form input[type="text"]:disabled, +.uk-form input[type="password"]:disabled, +.uk-form input[type="datetime"]:disabled, +.uk-form input[type="datetime-local"]:disabled, +.uk-form input[type="date"]:disabled, +.uk-form input[type="month"]:disabled, +.uk-form input[type="time"]:disabled, +.uk-form input[type="week"]:disabled, +.uk-form input[type="number"]:disabled, +.uk-form input[type="email"]:disabled, +.uk-form input[type="url"]:disabled, +.uk-form input[type="search"]:disabled, +.uk-form input[type="tel"]:disabled, +.uk-form input[type="color"]:disabled { + border-color: #dddddd; + background-color: #fafafa; + color: #999999; +} +.uk-form textarea, +.uk-form select[multiple], +.uk-form select[size] { + height: auto; +} +/* 1 */ +/* + * Placeholder + * 1. Higher specificity needed to override color in IE + */ +.uk-form :-ms-input-placeholder { + color: #999999 !important; +} +/* 1. */ +.uk-form ::-moz-placeholder { + color: #999999; +} +.uk-form ::-webkit-input-placeholder { + color: #999999; +} +.uk-form :disabled:-ms-input-placeholder { + color: #999999 !important; +} +/* 1. */ +.uk-form :disabled::-moz-placeholder { + color: #999999; +} +.uk-form :disabled::-webkit-input-placeholder { + color: #999999; +} +/* + * Legend style + * 1. `margin-bottom` is not working in Safari and Opera. + * Using `padding` and :after instead to create the border + */ +.uk-form legend { + width: 100%; + padding-bottom: 15px; + /* 1 */ + + font-size: 18px; + line-height: 30px; +} +/* 1 */ +.uk-form legend:after { + content: ""; + display: block; + border-bottom: 1px solid #dddddd; +} +/* Validation states + * Using !important to keep the selector simple + ========================================================================== */ +/* + * Error state + */ +.uk-form-danger { + border-color: #dc8d99 !important; + background: #fff7f8 !important; + color: #c91032 !important; +} +/* + * Success state + */ +.uk-form-success { + border-color: #8ec73b !important; + background: #fafff2 !important; + color: #539022 !important; +} +/* Size modifiers + * Using !important to keep the selector simple + ========================================================================== */ +.uk-form-small { + height: 25px !important; + padding: 3px 3px !important; + font-size: 12px; +} +.uk-form-large { + height: 40px !important; + padding: 8px 6px !important; + font-size: 16px; +} +/* Style modifiers + * Using !important to keep the selector simple + ========================================================================== */ +/* + * Blank form + */ +.uk-form-blank { + border: none !important; + background: none !important; + box-shadow: none !important; + outline: 1px dashed transparent !important; +} +.uk-form-blank:focus { + outline-color: #dddddd !important; +} +/* Size sub-modifiers + ========================================================================== */ +/* + * Fixed widths + * 1. Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-mini { + width: 40px; +} +/* 1 */ +select.uk-form-width-mini { + width: 65px; +} +/* 1 */ +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Sub-objects: `uk-form-row` + * Groups labels and controls in rows + ========================================================================== */ +/* + * Micro clearfix + * Needed for `uk-form-horizontal` modifier + */ +.uk-form-row:before, +.uk-form-row:after { + content: " "; + display: table; +} +.uk-form-row:after { + clear: both; +} +/* + * Vertical gutter + */ +.uk-form-row + .uk-form-row { + margin-top: 15px; +} +/* Help text + * Sub-object: `uk-form-help-inline`, `uk-form-help-block` + ========================================================================== */ +.uk-form-help-inline { + display: inline-block; + margin: 0 0 0 10px; +} +.uk-form-help-block { + margin: 5px 0 0 0; +} +/* Controls content + * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` + ========================================================================== */ +/* + * Remove margin from the last-child + */ +.uk-form-controls > :last-child { + margin-bottom: 0; +} +/* + * Group controls and text into blocks with a small spacing between blocks + */ +.uk-form-controls-condensed { + margin: 5px 0; +} +/* Modifier: `uk-form-stacked` + * Requrires sub-object: `uk-form-label` + ========================================================================== */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} +/* Modifier: `uk-form-horizontal` + * Requrires sub-objects: `uk-form-label`, `uk-form-controls` + ========================================================================== */ +/* Only phones and tablets portrait */ +@media (max-width: 959px) { + .uk-form-horizontal .uk-form-label { + /* Behave like `uk-form-stacked` */ + + display: block; + margin-bottom: 5px; + font-weight: bold; + } +} +/* Only tablets and desktops */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 5px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 5px; + } +} +/* Hooks + ========================================================================== */ +/* Common */ +/* + * Name: Button + * Description: Defines styles for buttons + * + * Component: `uk-button` + * + * Sub-objects: `uk-button-group` + * `uk-button-dropdown` + * + * Modifiers: `uk-button-primary` + * `uk-button-success` + * `uk-button-danger` + * `uk-button-link` + * `uk-button-mini` + * `uk-button-small` + * `uk-button-large` + * `uk-button-expand` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Required for `a` elements. Can't be moved to `a.button` selector because needs to be overwritable for `uk-button-link` and `uk-button-expand` + * 2. `min-height` is neccesary for `input` elments in Firefox and Opera because `line-height` is not working. + * 3. Required for `button` and `input` elements + * 4. `line-height` is used to create a height + * 5. Reset button group whitespace hack + */ +.uk-button { + display: inline-block; + min-height: 30px; + /* 2 */ + + padding: 0 12px; + border: none; + /* 3 */ + + background: #f7f7f7; + line-height: 28px; + /* 4 */ + + color: #444444; + letter-spacing: normal; + /* 5 */ + + border: 1px solid rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.3); + background-origin: border-box; + /* 1 */ + + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(to bottom, #ffffff, #eeeeee); + border-radius: 4px; + text-shadow: 0 1px 0 #ffffff; +} +/* Required for `a` elements */ +a.uk-button { + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + text-decoration: none; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-button:hover, +.uk-button:focus { + /* 1 */ + + background-color: #fafafa; + color: #444444; + outline: none; + /* 2 */ + + background-image: none; +} +/* Active */ +.uk-button:active, +.uk-button.uk-active { + background-color: #f5f5f5; + color: #444444; + border-color: rgba(0, 0, 0, 0.2); + border-top-color: rgba(0, 0, 0, 0.3); + background-image: none; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* Color modifiers + ========================================================================== */ +/* + * Modifier: `uk-button-primary` + */ +.uk-button-primary { + background-color: #009dd8; + color: #ffffff; + background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); + background-image: linear-gradient(to bottom, #00b4f5, #008dc5); + border-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.4); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* Hover */ +.uk-button-primary:hover, +.uk-button-primary:focus { + background-color: #00aff2; + color: #ffffff; + background-image: none; +} +/* Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #008abf; + color: #ffffff; + background-image: none; + border-color: rgba(0, 0, 0, 0.2); + border-top-color: rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); +} +/* + * Modifier: `uk-button-success` + */ +.uk-button-success { + background-color: #82bb42; + color: #ffffff; + background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); + background-image: linear-gradient(to bottom, #9fd256, #6fac34); + border-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.4); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* Hover */ +.uk-button-success:hover, +.uk-button-success:focus { + background-color: #8fce48; + color: #ffffff; + background-image: none; +} +/* Active */ +.uk-button-success:active, +.uk-button-success.uk-active { + background-color: #76b430; + color: #ffffff; + background-image: none; + border-color: rgba(0, 0, 0, 0.2); + border-top-color: rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); +} +/* + * Modifier: `uk-button-danger` + */ +.uk-button-danger { + background-color: #d32c46; + color: #ffffff; + background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); + background-image: linear-gradient(to bottom, #ee465a, #c11a39); + border-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.4); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* Hover */ +.uk-button-danger:hover, +.uk-button-danger:focus { + background-color: #e33551; + color: #ffffff; + background-image: none; +} +/* Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #c91c37; + color: #ffffff; + background-image: none; + border-color: rgba(0, 0, 0, 0.2); + border-top-color: rgba(0, 0, 0, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); +} +/* Disabled state + * Overrides also the color modifiers + ========================================================================== */ +/* Equal for all button types */ +.uk-button:disabled { + background-color: #fafafa; + color: #999999; + border-color: rgba(0, 0, 0, 0.2); + background-image: none; + box-shadow: none; + text-shadow: 0 1px 0 #ffffff; +} +/* Modifier: `uk-button-link` + ========================================================================== */ +/* Reset */ +.uk-button-link, +.uk-button-link:hover, +.uk-button-link:focus, +.uk-button-link:active, +.uk-button-link.uk-active, +.uk-button-link:disabled { + display: inline; + border: none; + background: none; + box-shadow: none; + text-shadow: none; +} +/* Color */ +.uk-button-link { + color: #0077dd; +} +.uk-button-link:hover, +.uk-button-link:focus, +.uk-button-link:active, +.uk-button-link.uk-active { + color: #005599; + text-decoration: underline; +} +.uk-button-link:disabled { + color: #999999; +} +/* Focus */ +.uk-button-link:focus { + outline: 1px dotted; +} +/* Size modifiers + ========================================================================== */ +.uk-button-mini { + min-height: 20px; + padding: 0 6px; + line-height: 18px; + font-size: 11px; +} +.uk-button-small { + min-height: 25px; + padding: 0 10px; + line-height: 23px; + font-size: 12px; +} +.uk-button-large { + min-height: 40px; + padding: 0 15px; + line-height: 38px; + font-size: 16px; + border-radius: 5px; +} +/* + * Behave like a block element and take the full width + */ +.uk-button-expand { + display: block; + width: 100%; + text-align: center; +} +.uk-button-expand + .uk-button-expand { + margin-top: 10px; +} +/* Sub-object `uk-button-group` + ========================================================================== */ +/* + * 1. Behave like buttons + * 2. Create position context for dropdowns + * 3. Remove whitespace between child elements when using `inline-block` + * 4. Prevent buttons from wrapping + */ +.uk-button-group { + /* 1 */ + + display: inline-block; + vertical-align: middle; + /* 2 */ + + position: relative; + /* 3 */ + + letter-spacing: -0.31em; + /* 4 */ + + white-space: nowrap; +} +.uk-button-group > * { + display: inline-block; +} +/* Sub-object: `uk-button-dropdown` + ========================================================================== */ +/* + * 1. Behave like buttons + * 2. Create position context for dropdowns + */ +.uk-button-dropdown { + /* 1 */ + + display: inline-block; + vertical-align: middle; + /* 2 */ + + position: relative; +} +/* Hooks + ========================================================================== */ +/* + * Name: Icon + * Description: Defines styles for icons + * + * Adapted from http://fortawesome.github.com/Font-Awesome (Version 3.2.1) + * + * Component: `uk-icon-*` + * + * Sub-objects: `uk-icon-button` + * + * Modifiers: `uk-icon-small` + * `uk-icon-medium` + * `uk-icon-large` + * `uk-icon-spin` + * + * Uses: Animation + * + ========================================================================== */ +/* Font-face + ========================================================================== */ +@font-face { + font-family: 'FontAwesome'; + src: url("../fonts/fontawesome-webfont.eot"); + src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +/* Component + ========================================================================== */ +/* + * 1. Allow margin + * 2. Prevent inherit font style + * 3. Align vertical to text + * 4. Correct line-height + * 5. Better font rendering in Webkit + */ +[class*='uk-icon-']:before { + display: inline-block; + /* 1 */ + + font-family: "FontAwesome"; + font-weight: normal; + font-style: normal; + /* 2 */ + + vertical-align: baseline; + /* 3 */ + + line-height: 1; + /* 4 */ + + -webkit-font-smoothing: antialiased; + /* 5 */ + +} +/* Size modifiers + ========================================================================== */ +.uk-icon-small:before { + font-size: 150%; + vertical-align: -10%; +} +.uk-icon-medium:before { + font-size: 200%; + vertical-align: -16%; +} +.uk-icon-large:before { + font-size: 250%; + vertical-align: -22%; +} +/* Modifier: `uk-icon-spin` + ========================================================================== */ +.uk-icon-spin { + display: inline-block; + -webkit-animation: uk-spin 2s infinite linear; + animation: uk-spin 2s infinite linear; +} +/* Modifier: `uk-icon-button` + ========================================================================== */ +.uk-icon-button { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + width: 35px; + height: 35px; + border-radius: 100%; + background: #f7f7f7; + line-height: 35px; + color: #444444; + font-size: 17.5px; + text-align: center; + border: 1px solid #cccccc; + border-bottom-color: #bbbbbb; + background-origin: border-box; + /* 1 */ + + background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background-image: linear-gradient(to bottom, #ffffff, #eeeeee); + text-shadow: 0 1px 0 #ffffff; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-icon-button:hover, +.uk-icon-button:focus { + /* 1 */ + + background-color: #fafafa; + color: #444444; + text-decoration: none; + outline: none; + /* 2 */ + + background-image: none; +} +/* Active */ +.uk-icon-button:active { + background-color: #f5f5f5; + color: #444444; + border-color: #cccccc; + border-top-color: #bbbbbb; + background-image: none; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); +} +/* Icon mapping + ========================================================================== */ +.uk-icon-glass:before { + content: "\f000"; +} +.uk-icon-music:before { + content: "\f001"; +} +.uk-icon-search:before { + content: "\f002"; +} +.uk-icon-envelope-alt:before { + content: "\f003"; +} +.uk-icon-heart:before { + content: "\f004"; +} +.uk-icon-star:before { + content: "\f005"; +} +.uk-icon-star-empty:before { + content: "\f006"; +} +.uk-icon-user:before { + content: "\f007"; +} +.uk-icon-film:before { + content: "\f008"; +} +.uk-icon-th-large:before { + content: "\f009"; +} +.uk-icon-th:before { + content: "\f00a"; +} +.uk-icon-th-list:before { + content: "\f00b"; +} +.uk-icon-ok:before { + content: "\f00c"; +} +.uk-icon-remove:before { + content: "\f00d"; +} +.uk-icon-zoom-in:before { + content: "\f00e"; +} +.uk-icon-zoom-out:before { + content: "\f010"; +} +.uk-icon-power-off:before, +.uk-icon-off:before { + content: "\f011"; +} +.uk-icon-signal:before { + content: "\f012"; +} +.uk-icon-gear:before, +.uk-icon-cog:before { + content: "\f013"; +} +.uk-icon-trash:before { + content: "\f014"; +} +.uk-icon-home:before { + content: "\f015"; +} +.uk-icon-file-alt:before { + content: "\f016"; +} +.uk-icon-time:before { + content: "\f017"; +} +.uk-icon-road:before { + content: "\f018"; +} +.uk-icon-download-alt:before { + content: "\f019"; +} +.uk-icon-download:before { + content: "\f01a"; +} +.uk-icon-upload:before { + content: "\f01b"; +} +.uk-icon-inbox:before { + content: "\f01c"; +} +.uk-icon-play-circle:before { + content: "\f01d"; +} +.uk-icon-rotate-right:before, +.uk-icon-repeat:before { + content: "\f01e"; +} +.uk-icon-refresh:before { + content: "\f021"; +} +.uk-icon-list-alt:before { + content: "\f022"; +} +.uk-icon-lock:before { + content: "\f023"; +} +.uk-icon-flag:before { + content: "\f024"; +} +.uk-icon-headphones:before { + content: "\f025"; +} +.uk-icon-volume-off:before { + content: "\f026"; +} +.uk-icon-volume-down:before { + content: "\f027"; +} +.uk-icon-volume-up:before { + content: "\f028"; +} +.uk-icon-qrcode:before { + content: "\f029"; +} +.uk-icon-barcode:before { + content: "\f02a"; +} +.uk-icon-tag:before { + content: "\f02b"; +} +.uk-icon-tags:before { + content: "\f02c"; +} +.uk-icon-book:before { + content: "\f02d"; +} +.uk-icon-bookmark:before { + content: "\f02e"; +} +.uk-icon-print:before { + content: "\f02f"; +} +.uk-icon-camera:before { + content: "\f030"; +} +.uk-icon-font:before { + content: "\f031"; +} +.uk-icon-bold:before { + content: "\f032"; +} +.uk-icon-italic:before { + content: "\f033"; +} +.uk-icon-text-height:before { + content: "\f034"; +} +.uk-icon-text-width:before { + content: "\f035"; +} +.uk-icon-align-left:before { + content: "\f036"; +} +.uk-icon-align-center:before { + content: "\f037"; +} +.uk-icon-align-right:before { + content: "\f038"; +} +.uk-icon-align-justify:before { + content: "\f039"; +} +.uk-icon-list:before { + content: "\f03a"; +} +.uk-icon-indent-left:before { + content: "\f03b"; +} +.uk-icon-indent-right:before { + content: "\f03c"; +} +.uk-icon-facetime-video:before { + content: "\f03d"; +} +.uk-icon-picture:before { + content: "\f03e"; +} +.uk-icon-pencil:before { + content: "\f040"; +} +.uk-icon-map-marker:before { + content: "\f041"; +} +.uk-icon-adjust:before { + content: "\f042"; +} +.uk-icon-tint:before { + content: "\f043"; +} +.uk-icon-edit:before { + content: "\f044"; +} +.uk-icon-share:before { + content: "\f045"; +} +.uk-icon-check:before { + content: "\f046"; +} +.uk-icon-move:before { + content: "\f047"; +} +.uk-icon-step-backward:before { + content: "\f048"; +} +.uk-icon-fast-backward:before { + content: "\f049"; +} +.uk-icon-backward:before { + content: "\f04a"; +} +.uk-icon-play:before { + content: "\f04b"; +} +.uk-icon-pause:before { + content: "\f04c"; +} +.uk-icon-stop:before { + content: "\f04d"; +} +.uk-icon-forward:before { + content: "\f04e"; +} +.uk-icon-fast-forward:before { + content: "\f050"; +} +.uk-icon-step-forward:before { + content: "\f051"; +} +.uk-icon-eject:before { + content: "\f052"; +} +.uk-icon-chevron-left:before { + content: "\f053"; +} +.uk-icon-chevron-right:before { + content: "\f054"; +} +.uk-icon-plus-sign:before { + content: "\f055"; +} +.uk-icon-minus-sign:before { + content: "\f056"; +} +.uk-icon-remove-sign:before { + content: "\f057"; +} +.uk-icon-ok-sign:before { + content: "\f058"; +} +.uk-icon-question-sign:before { + content: "\f059"; +} +.uk-icon-info-sign:before { + content: "\f05a"; +} +.uk-icon-screenshot:before { + content: "\f05b"; +} +.uk-icon-remove-circle:before { + content: "\f05c"; +} +.uk-icon-ok-circle:before { + content: "\f05d"; +} +.uk-icon-ban-circle:before { + content: "\f05e"; +} +.uk-icon-arrow-left:before { + content: "\f060"; +} +.uk-icon-arrow-right:before { + content: "\f061"; +} +.uk-icon-arrow-up:before { + content: "\f062"; +} +.uk-icon-arrow-down:before { + content: "\f063"; +} +.uk-icon-mail-forward:before, +.uk-icon-share-alt:before { + content: "\f064"; +} +.uk-icon-resize-full:before { + content: "\f065"; +} +.uk-icon-resize-small:before { + content: "\f066"; +} +.uk-icon-plus:before { + content: "\f067"; +} +.uk-icon-minus:before { + content: "\f068"; +} +.uk-icon-asterisk:before { + content: "\f069"; +} +.uk-icon-exclamation-sign:before { + content: "\f06a"; +} +.uk-icon-gift:before { + content: "\f06b"; +} +.uk-icon-leaf:before { + content: "\f06c"; +} +.uk-icon-fire:before { + content: "\f06d"; +} +.uk-icon-eye-open:before { + content: "\f06e"; +} +.uk-icon-eye-close:before { + content: "\f070"; +} +.uk-icon-warning-sign:before { + content: "\f071"; +} +.uk-icon-plane:before { + content: "\f072"; +} +.uk-icon-calendar:before { + content: "\f073"; +} +.uk-icon-random:before { + content: "\f074"; +} +.uk-icon-comment:before { + content: "\f075"; +} +.uk-icon-magnet:before { + content: "\f076"; +} +.uk-icon-chevron-up:before { + content: "\f077"; +} +.uk-icon-chevron-down:before { + content: "\f078"; +} +.uk-icon-retweet:before { + content: "\f079"; +} +.uk-icon-shopping-cart:before { + content: "\f07a"; +} +.uk-icon-folder-close:before { + content: "\f07b"; +} +.uk-icon-folder-open:before { + content: "\f07c"; +} +.uk-icon-resize-vertical:before { + content: "\f07d"; +} +.uk-icon-resize-horizontal:before { + content: "\f07e"; +} +.uk-icon-bar-chart:before { + content: "\f080"; +} +.uk-icon-twitter-sign:before { + content: "\f081"; +} +.uk-icon-facebook-sign:before { + content: "\f082"; +} +.uk-icon-camera-retro:before { + content: "\f083"; +} +.uk-icon-key:before { + content: "\f084"; +} +.uk-icon-gears:before, +.uk-icon-cogs:before { + content: "\f085"; +} +.uk-icon-comments:before { + content: "\f086"; +} +.uk-icon-thumbs-up-alt:before { + content: "\f087"; +} +.uk-icon-thumbs-down-alt:before { + content: "\f088"; +} +.uk-icon-star-half:before { + content: "\f089"; +} +.uk-icon-heart-empty:before { + content: "\f08a"; +} +.uk-icon-signout:before { + content: "\f08b"; +} +.uk-icon-linkedin-sign:before { + content: "\f08c"; +} +.uk-icon-pushpin:before { + content: "\f08d"; +} +.uk-icon-external-link:before { + content: "\f08e"; +} +.uk-icon-signin:before { + content: "\f090"; +} +.uk-icon-trophy:before { + content: "\f091"; +} +.uk-icon-github-sign:before { + content: "\f092"; +} +.uk-icon-upload-alt:before { + content: "\f093"; +} +.uk-icon-lemon:before { + content: "\f094"; +} +.uk-icon-phone:before { + content: "\f095"; +} +.uk-icon-unchecked:before, +.uk-icon-check-empty:before { + content: "\f096"; +} +.uk-icon-bookmark-empty:before { + content: "\f097"; +} +.uk-icon-phone-sign:before { + content: "\f098"; +} +.uk-icon-twitter:before { + content: "\f099"; +} +.uk-icon-facebook:before { + content: "\f09a"; +} +.uk-icon-github:before { + content: "\f09b"; +} +.uk-icon-unlock:before { + content: "\f09c"; +} +.uk-icon-credit-card:before { + content: "\f09d"; +} +.uk-icon-rss:before { + content: "\f09e"; +} +.uk-icon-hdd:before { + content: "\f0a0"; +} +.uk-icon-bullhorn:before { + content: "\f0a1"; +} +.uk-icon-bell:before { + content: "\f0a2"; +} +.uk-icon-certificate:before { + content: "\f0a3"; +} +.uk-icon-hand-right:before { + content: "\f0a4"; +} +.uk-icon-hand-left:before { + content: "\f0a5"; +} +.uk-icon-hand-up:before { + content: "\f0a6"; +} +.uk-icon-hand-down:before { + content: "\f0a7"; +} +.uk-icon-circle-arrow-left:before { + content: "\f0a8"; +} +.uk-icon-circle-arrow-right:before { + content: "\f0a9"; +} +.uk-icon-circle-arrow-up:before { + content: "\f0aa"; +} +.uk-icon-circle-arrow-down:before { + content: "\f0ab"; +} +.uk-icon-globe:before { + content: "\f0ac"; +} +.uk-icon-wrench:before { + content: "\f0ad"; +} +.uk-icon-tasks:before { + content: "\f0ae"; +} +.uk-icon-filter:before { + content: "\f0b0"; +} +.uk-icon-briefcase:before { + content: "\f0b1"; +} +.uk-icon-fullscreen:before { + content: "\f0b2"; +} +.uk-icon-group:before { + content: "\f0c0"; +} +.uk-icon-link:before { + content: "\f0c1"; +} +.uk-icon-cloud:before { + content: "\f0c2"; +} +.uk-icon-beaker:before { + content: "\f0c3"; +} +.uk-icon-cut:before { + content: "\f0c4"; +} +.uk-icon-copy:before { + content: "\f0c5"; +} +.uk-icon-paperclip:before, +.uk-icon-paper-clip:before { + content: "\f0c6"; +} +.uk-icon-save:before { + content: "\f0c7"; +} +.uk-icon-sign-blank:before { + content: "\f0c8"; +} +.uk-icon-reorder:before { + content: "\f0c9"; +} +.uk-icon-list-ul:before { + content: "\f0ca"; +} +.uk-icon-list-ol:before { + content: "\f0cb"; +} +.uk-icon-strikethrough:before { + content: "\f0cc"; +} +.uk-icon-underline:before { + content: "\f0cd"; +} +.uk-icon-table:before { + content: "\f0ce"; +} +.uk-icon-magic:before { + content: "\f0d0"; +} +.uk-icon-truck:before { + content: "\f0d1"; +} +.uk-icon-pinterest:before { + content: "\f0d2"; +} +.uk-icon-pinterest-sign:before { + content: "\f0d3"; +} +.uk-icon-google-plus-sign:before { + content: "\f0d4"; +} +.uk-icon-google-plus:before { + content: "\f0d5"; +} +.uk-icon-money:before { + content: "\f0d6"; +} +.uk-icon-caret-down:before { + content: "\f0d7"; +} +.uk-icon-caret-up:before { + content: "\f0d8"; +} +.uk-icon-caret-left:before { + content: "\f0d9"; +} +.uk-icon-caret-right:before { + content: "\f0da"; +} +.uk-icon-columns:before { + content: "\f0db"; +} +.uk-icon-sort:before { + content: "\f0dc"; +} +.uk-icon-sort-down:before { + content: "\f0dd"; +} +.uk-icon-sort-up:before { + content: "\f0de"; +} +.uk-icon-envelope:before { + content: "\f0e0"; +} +.uk-icon-linkedin:before { + content: "\f0e1"; +} +.uk-icon-rotate-left:before, +.uk-icon-undo:before { + content: "\f0e2"; +} +.uk-icon-legal:before { + content: "\f0e3"; +} +.uk-icon-dashboard:before { + content: "\f0e4"; +} +.uk-icon-comment-alt:before { + content: "\f0e5"; +} +.uk-icon-comments-alt:before { + content: "\f0e6"; +} +.uk-icon-bolt:before { + content: "\f0e7"; +} +.uk-icon-sitemap:before { + content: "\f0e8"; +} +.uk-icon-umbrella:before { + content: "\f0e9"; +} +.uk-icon-paste:before { + content: "\f0ea"; +} +.uk-icon-lightbulb:before { + content: "\f0eb"; +} +.uk-icon-exchange:before { + content: "\f0ec"; +} +.uk-icon-cloud-download:before { + content: "\f0ed"; +} +.uk-icon-cloud-upload:before { + content: "\f0ee"; +} +.uk-icon-user-md:before { + content: "\f0f0"; +} +.uk-icon-stethoscope:before { + content: "\f0f1"; +} +.uk-icon-suitcase:before { + content: "\f0f2"; +} +.uk-icon-bell-alt:before { + content: "\f0f3"; +} +.uk-icon-coffee:before { + content: "\f0f4"; +} +.uk-icon-food:before { + content: "\f0f5"; +} +.uk-icon-file-text-alt:before { + content: "\f0f6"; +} +.uk-icon-building:before { + content: "\f0f7"; +} +.uk-icon-hospital:before { + content: "\f0f8"; +} +.uk-icon-ambulance:before { + content: "\f0f9"; +} +.uk-icon-medkit:before { + content: "\f0fa"; +} +.uk-icon-fighter-jet:before { + content: "\f0fb"; +} +.uk-icon-beer:before { + content: "\f0fc"; +} +.uk-icon-h-sign:before { + content: "\f0fd"; +} +.uk-icon-plus-sign-alt:before { + content: "\f0fe"; +} +.uk-icon-double-angle-left:before { + content: "\f100"; +} +.uk-icon-double-angle-right:before { + content: "\f101"; +} +.uk-icon-double-angle-up:before { + content: "\f102"; +} +.uk-icon-double-angle-down:before { + content: "\f103"; +} +.uk-icon-angle-left:before { + content: "\f104"; +} +.uk-icon-angle-right:before { + content: "\f105"; +} +.uk-icon-angle-up:before { + content: "\f106"; +} +.uk-icon-angle-down:before { + content: "\f107"; +} +.uk-icon-desktop:before { + content: "\f108"; +} +.uk-icon-laptop:before { + content: "\f109"; +} +.uk-icon-tablet:before { + content: "\f10a"; +} +.uk-icon-mobile-phone:before { + content: "\f10b"; +} +.uk-icon-circle-blank:before { + content: "\f10c"; +} +.uk-icon-quote-left:before { + content: "\f10d"; +} +.uk-icon-quote-right:before { + content: "\f10e"; +} +.uk-icon-spinner:before { + content: "\f110"; +} +.uk-icon-circle:before { + content: "\f111"; +} +.uk-icon-mail-reply:before, +.uk-icon-reply:before { + content: "\f112"; +} +.uk-icon-github-alt:before { + content: "\f113"; +} +.uk-icon-folder-close-alt:before { + content: "\f114"; +} +.uk-icon-folder-open-alt:before { + content: "\f115"; +} +.uk-icon-expand-alt:before { + content: "\f116"; +} +.uk-icon-collapse-alt:before { + content: "\f117"; +} +.uk-icon-smile:before { + content: "\f118"; +} +.uk-icon-frown:before { + content: "\f119"; +} +.uk-icon-meh:before { + content: "\f11a"; +} +.uk-icon-gamepad:before { + content: "\f11b"; +} +.uk-icon-keyboard:before { + content: "\f11c"; +} +.uk-icon-flag-alt:before { + content: "\f11d"; +} +.uk-icon-flag-checkered:before { + content: "\f11e"; +} +.uk-icon-terminal:before { + content: "\f120"; +} +.uk-icon-code:before { + content: "\f121"; +} +.uk-icon-reply-all:before { + content: "\f122"; +} +.uk-icon-mail-reply-all:before { + content: "\f122"; +} +.uk-icon-star-half-full:before, +.uk-icon-star-half-empty:before { + content: "\f123"; +} +.uk-icon-location-arrow:before { + content: "\f124"; +} +.uk-icon-crop:before { + content: "\f125"; +} +.uk-icon-code-fork:before { + content: "\f126"; +} +.uk-icon-unlink:before { + content: "\f127"; +} +.uk-icon-question:before { + content: "\f128"; +} +.uk-icon-info:before { + content: "\f129"; +} +.uk-icon-exclamation:before { + content: "\f12a"; +} +.uk-icon-superscript:before { + content: "\f12b"; +} +.uk-icon-subscript:before { + content: "\f12c"; +} +.uk-icon-eraser:before { + content: "\f12d"; +} +.uk-icon-puzzle-piece:before { + content: "\f12e"; +} +.uk-icon-microphone:before { + content: "\f130"; +} +.uk-icon-microphone-off:before { + content: "\f131"; +} +.uk-icon-shield:before { + content: "\f132"; +} +.uk-icon-calendar-empty:before { + content: "\f133"; +} +.uk-icon-fire-extinguisher:before { + content: "\f134"; +} +.uk-icon-rocket:before { + content: "\f135"; +} +.uk-icon-maxcdn:before { + content: "\f136"; +} +.uk-icon-chevron-sign-left:before { + content: "\f137"; +} +.uk-icon-chevron-sign-right:before { + content: "\f138"; +} +.uk-icon-chevron-sign-up:before { + content: "\f139"; +} +.uk-icon-chevron-sign-down:before { + content: "\f13a"; +} +.uk-icon-html5:before { + content: "\f13b"; +} +.uk-icon-css3:before { + content: "\f13c"; +} +.uk-icon-anchor:before { + content: "\f13d"; +} +.uk-icon-unlock-alt:before { + content: "\f13e"; +} +.uk-icon-bullseye:before { + content: "\f140"; +} +.uk-icon-ellipsis-horizontal:before { + content: "\f141"; +} +.uk-icon-ellipsis-vertical:before { + content: "\f142"; +} +.uk-icon-rss-sign:before { + content: "\f143"; +} +.uk-icon-play-sign:before { + content: "\f144"; +} +.uk-icon-ticket:before { + content: "\f145"; +} +.uk-icon-minus-sign-alt:before { + content: "\f146"; +} +.uk-icon-check-minus:before { + content: "\f147"; +} +.uk-icon-level-up:before { + content: "\f148"; +} +.uk-icon-level-down:before { + content: "\f149"; +} +.uk-icon-check-sign:before { + content: "\f14a"; +} +.uk-icon-edit-sign:before { + content: "\f14b"; +} +.uk-icon-external-link-sign:before { + content: "\f14c"; +} +.uk-icon-share-sign:before { + content: "\f14d"; +} +.uk-icon-compass:before { + content: "\f14e"; +} +.uk-icon-collapse:before { + content: "\f150"; +} +.uk-icon-collapse-top:before { + content: "\f151"; +} +.uk-icon-expand:before { + content: "\f152"; +} +.uk-icon-euro:before, +.uk-icon-eur:before { + content: "\f153"; +} +.uk-icon-gbp:before { + content: "\f154"; +} +.uk-icon-dollar:before, +.uk-icon-usd:before { + content: "\f155"; +} +.uk-icon-rupee:before, +.uk-icon-inr:before { + content: "\f156"; +} +.uk-icon-yen:before, +.uk-icon-jpy:before { + content: "\f157"; +} +.uk-icon-renminbi:before, +.uk-icon-cny:before { + content: "\f158"; +} +.uk-icon-won:before, +.uk-icon-krw:before { + content: "\f159"; +} +.uk-icon-bitcoin:before, +.uk-icon-btc:before { + content: "\f15a"; +} +.uk-icon-file:before { + content: "\f15b"; +} +.uk-icon-file-text:before { + content: "\f15c"; +} +.uk-icon-sort-by-alphabet:before { + content: "\f15d"; +} +.uk-icon-sort-by-alphabet-alt:before { + content: "\f15e"; +} +.uk-icon-sort-by-attributes:before { + content: "\f160"; +} +.uk-icon-sort-by-attributes-alt:before { + content: "\f161"; +} +.uk-icon-sort-by-order:before { + content: "\f162"; +} +.uk-icon-sort-by-order-alt:before { + content: "\f163"; +} +.uk-icon-thumbs-up:before { + content: "\f164"; +} +.uk-icon-thumbs-down:before { + content: "\f165"; +} +.uk-icon-youtube-sign:before { + content: "\f166"; +} +.uk-icon-youtube:before { + content: "\f167"; +} +.uk-icon-xing:before { + content: "\f168"; +} +.uk-icon-xing-sign:before { + content: "\f169"; +} +.uk-icon-youtube-play:before { + content: "\f16a"; +} +.uk-icon-dropbox:before { + content: "\f16b"; +} +.uk-icon-stackexchange:before { + content: "\f16c"; +} +.uk-icon-instagram:before { + content: "\f16d"; +} +.uk-icon-flickr:before { + content: "\f16e"; +} +.uk-icon-adn:before { + content: "\f170"; +} +.uk-icon-bitbucket:before { + content: "\f171"; +} +.uk-icon-bitbucket-sign:before { + content: "\f172"; +} +.uk-icon-tumblr:before { + content: "\f173"; +} +.uk-icon-tumblr-sign:before { + content: "\f174"; +} +.uk-icon-long-arrow-down:before { + content: "\f175"; +} +.uk-icon-long-arrow-up:before { + content: "\f176"; +} +.uk-icon-long-arrow-left:before { + content: "\f177"; +} +.uk-icon-long-arrow-right:before { + content: "\f178"; +} +.uk-icon-apple:before { + content: "\f179"; +} +.uk-icon-windows:before { + content: "\f17a"; +} +.uk-icon-android:before { + content: "\f17b"; +} +.uk-icon-linux:before { + content: "\f17c"; +} +.uk-icon-dribbble:before { + content: "\f17d"; +} +.uk-icon-skype:before { + content: "\f17e"; +} +.uk-icon-foursquare:before { + content: "\f180"; +} +.uk-icon-trello:before { + content: "\f181"; +} +.uk-icon-female:before { + content: "\f182"; +} +.uk-icon-male:before { + content: "\f183"; +} +.uk-icon-gittip:before { + content: "\f184"; +} +.uk-icon-sun:before { + content: "\f185"; +} +.uk-icon-moon:before { + content: "\f186"; +} +.uk-icon-archive:before { + content: "\f187"; +} +.uk-icon-bug:before { + content: "\f188"; +} +.uk-icon-vk:before { + content: "\f189"; +} +.uk-icon-weibo:before { + content: "\f18a"; +} +.uk-icon-renren:before { + content: "\f18b"; +} +/* Hooks + ========================================================================== */ +/* + * Name: Close + * Description: Defines styles for a close button + * + * Component: `uk-close` + * + * Modifiers: `uk-close-alt` + * + * Uses: Icon: FontAwesome + * + * Used by: Alert + * Modal + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Required for `button` elements and makes + * close button more robust against different box-sizing use + * 2. Required for `button` elements + */ +.uk-close { + -moz-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + + display: inline-block; + width: 20px; + line-height: 20px; + text-align: center; + color: inherit; + opacity: 0.3; + /* 2. */ + + padding: 0; + border: 0; + -webkit-appearance: none; + background: transparent; + /* Needed for Sarari */ + +} +/* Icon */ +.uk-close:after { + display: block; + content: "\f00d"; + font-family: "FontAwesome"; +} +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + */ +.uk-close:hover, +.uk-close:focus { + /* 1 */ + + opacity: 0.5; + outline: none; + /* 2 */ + +} +/* Required for `a` elements */ +a.uk-close:hover { + color: inherit; + text-decoration: none; + cursor: pointer; +} +/* Modifier + ========================================================================== */ +.uk-close-alt { + padding: 2px; + border-radius: 100%; + background: #ffffff; + opacity: 1; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3); +} +/* Hover */ +.uk-close-alt:hover, +.uk-close-alt:focus { + opacity: 1; +} +/* Icon */ +.uk-close-alt:after { + opacity: 0.5; +} +.uk-close-alt:hover:after, +.uk-close-alt:focus:after { + opacity: 0.8; +} +/* Hooks + ========================================================================== */ +/* + * Name: Badge + * Description: Defines styles for badges + * + * Component: `uk-badge` + * + * Modifiers: `uk-badge-notification` + * `uk-badge-success` + * `uk-badge-danger` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-badge { + display: inline-block; + padding: 0 5px; + background: #009dd8; + font-size: 10px; + font-weight: bold; + line-height: 14px; + color: #ffffff; + text-align: center; + vertical-align: middle; + text-transform: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.3); + background-origin: border-box; + /* 1 */ + + background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); + background-image: linear-gradient(to bottom, #00b4f5, #008dc5); + border-radius: 2px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* Modifier: `uk-badge-notification`; + ========================================================================== */ +.uk-badge-notification { + -moz-box-sizing: border-box; + box-sizing: border-box; + min-width: 18px; + border-radius: 500px; + font-size: 12px; + line-height: 18px; +} +/* Color modifier + ========================================================================== */ +/* + * Modifier: `uk-badge-success` + */ +.uk-badge-success { + background-color: #82bb42; + background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); + background-image: linear-gradient(to bottom, #9fd256, #6fac34); +} +/* + * Modifier: `uk-badge-warning` + */ +.uk-badge-warning { + background-color: #f9a124; + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); +} +/* + * Modifier: `uk-badge-danger` + */ +.uk-badge-danger { + background-color: #d32c46; + background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); + background-image: linear-gradient(to bottom, #ee465a, #c11a39); +} +/* Hooks + ========================================================================== */ +/* + * Name: Alert + * Description: Defines styles for alert messages + * + * Component: `uk-alert` + * + * Sub-objects: `uk-alert-close` + * + * Modifiers: `uk-alert-success` + * `uk-alert-warning` + * `uk-alert-danger` + * `uk-alert-large` + * + * Uses: Close: `uk-close` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-alert { + margin-bottom: 15px; + padding: 10px; + background: #ebf7fd; + color: #2d7091; + border: 1px solid rgba(45, 112, 145, 0.3); + border-radius: 4px; + text-shadow: 0 1px 0 #ffffff; +} +/* + * Add margin if adjacent element + */ +* + .uk-alert { + margin-top: 15px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* + * Keep color for headings if the default heading color is changed + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +/* Close in alert + ========================================================================== */ +.uk-alert > .uk-close:first-child { + float: right; +} +/* + * Remove margin from adjacent element + */ +.uk-alert > .uk-close:first-child + * { + margin-top: 0; +} +/* Modifier: `uk-alert-success` + ========================================================================== */ +.uk-alert-success { + background: #f2fae3; + color: #659f13; + border-color: rgba(101, 159, 19, 0.3); +} +/* Modifier: `uk-alert-warning` + ========================================================================== */ +.uk-alert-warning { + background: #fffceb; + color: #e28327; + border-color: rgba(226, 131, 39, 0.3); +} +/* Modifier: `uk-alert-danger` + ========================================================================== */ +.uk-alert-danger { + background: #fff1f0; + color: #d85030; + border-color: rgba(216, 80, 48, 0.3); +} +/* Modifier: `uk-alert-large` + ========================================================================== */ +.uk-alert-large { + padding: 20px; +} +.uk-alert-large > .uk-close:first-child { + margin: -10px -10px 0 0; +} +/* Hooks + ========================================================================== */ +/* + * Name: Thumbnail + * Description: Defines styles for image thumbnails + * + * Component: `uk-thumbnail` + * + * Sub-objects: `uk-thumbnail-caption` + * + * Modifiers: `uk-thumbnail-mini` + * `uk-thumbnail-small` + * `uk-thumbnail-medium` + * `uk-thumbnail-large` + * `uk-thumbnail-expand` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Corrects max-width behavior (2.) if padding and border are used + * 2. Responsive behavior + * 3. Required for `figure` element + */ +.uk-thumbnail { + /* Required for `a`, `div` or `figure` elements */ + + display: inline-block; + -moz-box-sizing: border-box; + /* 1 */ + + box-sizing: border-box; + max-width: 100%; + /* 2 */ + + margin: 0; + /* 3 */ + + padding: 4px; + border: 1px solid #dddddd; + background: #ffffff; + border-radius: 4px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); +} +/* + * Hover state for `a` elements + * 1. Apply hover style also to focus state + * 2. Needed for caption + * 3. Remove default focus style + */ +a.uk-thumbnail:hover, +a.uk-thumbnail:focus { + /* 1 */ + + border-color: #aaaaaa; + background-color: #ffffff; + text-decoration: none; + /* 2 */ + + outline: none; + /* 3 */ + + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); +} +/* Caption + ========================================================================== */ +.uk-thumbnail-caption { + padding-top: 5px; + text-align: center; + color: #444444; +} +/* Sizes + ========================================================================== */ +.uk-thumbnail-mini { + width: 150px; +} +.uk-thumbnail-small { + width: 200px; +} +.uk-thumbnail-medium { + width: 300px; +} +.uk-thumbnail-large { + width: 400px; +} +.uk-thumbnail-expand, +.uk-thumbnail-expand > img { + width: 100%; +} +/* Hooks + ========================================================================== */ +/* + * Name: Overlay + * Description: Defines styles for image overlays + * + * Component: `uk-overlay` + * + * Sub-objects: `uk-overlay-area` + * `uk-overlay-caption` + * `uk-overlay-toggle` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Container width fits its content + * 2. Create position context + * 3. Set max-width for responsive images to prevent `inline-block` consequences + * 4. Remove the gap between the container and its child element + */ +.uk-overlay { + /* 1 */ + + display: inline-block; + /* 2 */ + + position: relative; + /* 3 */ + + max-width: 100%; + /* 4 */ + + vertical-align: middle; +} +/* Sub-object `uk-overlay-area` + ========================================================================== */ +/* + * 1. Set position + * 2. Set style + * 3. Fade-in transition + */ +.uk-overlay-area { + /* 1 */ + + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + /* 2 */ + + background: rgba(0, 0, 0, 0.3); + /* 3 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Hover + * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + */ +.uk-overlay:hover .uk-overlay-area, +.uk-overlay-toggle:hover .uk-overlay-area { + opacity: 1; +} +/* 1 */ +/* + * Icon + */ +.uk-overlay-area:before { + content: "\f002"; + position: absolute; + top: 50%; + left: 50%; + width: 50px; + height: 50px; + margin-top: -25px; + margin-left: -25px; + font-size: 50px; + line-height: 1; + font-family: "FontAwesome"; + text-align: center; + color: #ffffff; +} +/* Sub-object `uk-overlay-caption` + ========================================================================== */ +/* + * 1. Set position + * 2. Set style + * 3. Fade-in transition + */ +.uk-overlay-caption { + /* 1 */ + + position: absolute; + bottom: 0; + left: 0; + right: 0; + /* 2 */ + + padding: 15px; + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + /* 3 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Hover + * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + */ +.uk-overlay:hover .uk-overlay-caption, +.uk-overlay-toggle:hover .uk-overlay-caption { + opacity: 1; +} +/* 1 */ +/* Hooks + ========================================================================== */ +/* + * Name: Progress + * Description: Defines styles for progress bars + * + * Component: `uk-progress` + * + * Sub-objects: `uk-progress-bar` + * + * Modifiers: `uk-progress-mini` + * `uk-progress-small` + * `uk-progress-success` + * `uk-progress-warning` + * `uk-progress-danger` + * `uk-progress-striped` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Clearing + * 2. Vertical alignment if text is used + */ +.uk-progress { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 20px; + margin-bottom: 15px; + background: #f7f7f7; + overflow: hidden; + /* 1 */ + + line-height: 20px; + /* 2 */ + + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07); + border-radius: 4px; +} +/* + * Add margin if adjacent element + */ +* + .uk-progress { + margin-top: 15px; +} +/* Sub-object: `uk-progress-bar` + ========================================================================== */ +.uk-progress-bar { + width: 0; + height: 100%; + background: #009dd8; + float: left; + /* Transition */ + + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; + /* Allow text */ + + font-size: 12px; + color: #ffffff; + text-align: center; + background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); + background-image: linear-gradient(to bottom, #00b4f5, #008dc5); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini { + height: 6px; +} +/* Small */ +.uk-progress-small { + height: 12px; +} +/* Color modifiers + ========================================================================== */ +.uk-progress-success .uk-progress-bar { + background-color: #82bb42; + background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); + background-image: linear-gradient(to bottom, #9fd256, #6fac34); +} +.uk-progress-warning .uk-progress-bar { + background-color: #f9a124; + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); +} +.uk-progress-danger .uk-progress-bar { + background-color: #d32c46; + background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); + background-image: linear-gradient(to bottom, #ee465a, #c11a39); +} +/* Modifier: `uk-progress-striped` + ========================================================================== */ +.uk-progress-striped .uk-progress-bar { + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 30px 30px; +} +/* + * Animation + */ +.uk-progress-striped.uk-active .uk-progress-bar { + -webkit-animation: uk-progress-bar-stripes 2s linear infinite; + animation: uk-progress-bar-stripes 2s linear infinite; +} +@-webkit-keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +@keyframes uk-progress-bar-stripes { + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Search + * Description: Defines a search component + * + * Component: `uk-search` + * + * Sub-objects: `uk-search-field` + * `uk-search-close` + * + * States: `uk-active` + * `uk-loading` + * + * Uses: Animation + * Icon: FontAwesome + * + * Used by: Off-canvas + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Create position context for dropdowns + * 2. Needed for `form` element + */ +.uk-search { + display: inline-block; + position: relative; + /* 1 */ + + margin: 0; + /* 2 */ + +} +/* + * Icon + */ +.uk-search:before { + content: "\f002"; + position: absolute; + top: 0; + left: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-family: "FontAwesome"; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); +} +/* Sub-object `uk-search-field` + ========================================================================== */ +/* + * 1. Needed to reset iOS `input[type="search"]` appearance + */ +.uk-search-field { + width: 120px; + height: 30px; + padding: 0 30px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 0; + /* 1 */ + + background: rgba(0, 0, 0, 0); + color: #444444; + -webkit-transition: all linear 0.2s; + transition: all linear 0.2s; +} +/* + * Needed to reset iOS `input[type="search"]` appearance + * Higher specificity to override appearance set by normalize.less + */ +input.uk-search-field { + -webkit-appearance: none; +} +/* Placeholder */ +.uk-search-field:-ms-input-placeholder { + color: #999999; +} +.uk-search-field::-moz-placeholder { + color: #999999; +} +.uk-search-field::-webkit-input-placeholder { + color: #999999; +} +/* Removes cancel button in IE10 */ +.uk-search-field::-ms-clear { + display: none; +} +/* Focus */ +.uk-search-field:focus { + outline: 0; +} +/* Focus + active */ +.uk-search-field:focus, +.uk-active .uk-search-field { + width: 180px; +} +/* Sub-object `uk-search-close` + ========================================================================== */ +/* + * 1. Required for `button` elements + */ +.uk-search-close { + display: none; + position: absolute; + top: 0; + right: 0; + width: 30px; + line-height: 30px; + text-align: center; + font-size: 14px; + color: rgba(0, 0, 0, 0.2); + /* 1. */ + + padding: 0; + border: 0; + -webkit-appearance: none; + background: transparent; + /* Needed for Sarari */ + +} +.uk-loading > .uk-search-close, +.uk-active > .uk-search-close { + display: block; +} +/* + * Icon + */ +.uk-search-close:after { + display: block; + content: "\f00d"; + font-family: "FontAwesome"; +} +/* Loading icon */ +.uk-loading > .uk-search-close:after { + content: "\f110"; + -webkit-animation: uk-spin 2s infinite linear; + animation: uk-spin 2s infinite linear; +} +/* Hooks + ========================================================================== */ +/* + * Name: Animation + * Description: Provides a useful set of keyframe animations + * + * Component: `uk-animation-*` + * + * Modifiers: `uk-animation-fade` + * `uk-animation-scale-up` + * `uk-animation-scale-down` + * `uk-animation-slide-top` + * `uk-animation-slide-bottom` + * `uk-animation-slide-left` + * `uk-animation-slide-right` + * `uk-animation-reverse` + * + * Used by: Dropdown + * Icon + * Search + * + ========================================================================== */ +/* Component + ========================================================================== */ +[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; +} +/* + * Fade + */ +.uk-animation-fade { + -webkit-animation-name: uk-fade; + animation-name: uk-fade; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + -webkit-animation-name: uk-scale-up; + animation-name: uk-scale-up; +} +.uk-animation-scale-down { + -webkit-animation-name: uk-scale-down; + animation-name: uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + -webkit-animation-name: uk-slide-top; + animation-name: uk-slide-top; +} +.uk-animation-slide-bottom { + -webkit-animation-name: uk-slide-bottom; + animation-name: uk-slide-bottom; +} +.uk-animation-slide-left { + -webkit-animation-name: uk-slide-left; + animation-name: uk-slide-left; +} +.uk-animation-slide-right { + -webkit-animation-name: uk-slide-right; + animation-name: uk-slide-right; +} +/* Modifiers + ========================================================================== */ +.uk-animation-reverse { + -webkit-animation-direction: reverse; + animation-direction: reverse; +} +/* Keyframes + ========================================================================== */ +/* + * Fade + */ +@-webkit-keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale up + */ +@-webkit-keyframes uk-scale-up { + 0% { + opacity: 0; + -webkit-transform: scale(0.2); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-scale-up { + 0% { + opacity: 0; + transform: scale(0.2); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Scale down + */ +@-webkit-keyframes uk-scale-down { + 0% { + opacity: 0; + -webkit-transform: scale(1.8); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + opacity: 0; + transform: scale(1.8); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Slide top + */ +@-webkit-keyframes uk-slide-top { + 0% { + opacity: 0; + -webkit-transform: translateY(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-top { + 0% { + opacity: 0; + transform: translateY(-100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide bottom + */ +@-webkit-keyframes uk-slide-bottom { + 0% { + opacity: 0; + -webkit-transform: translateY(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + opacity: 0; + transform: translateY(100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide left + */ +@-webkit-keyframes uk-slide-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-slide-left { + 0% { + opacity: 0; + transform: translateX(-100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide right + */ +@-webkit-keyframes uk-slide-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide top fixed + */ +@-webkit-keyframes uk-slide-top-fixed { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-top-fixed { + 0% { + opacity: 0; + transform: translateY(-10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide bottom fixed + */ +@-webkit-keyframes uk-slide-bottom-fixed { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@keyframes uk-slide-bottom-fixed { + 0% { + opacity: 0; + transform: translateY(10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Spin + */ +@-webkit-keyframes uk-spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@keyframes uk-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* JavaScript */ +/* + * Name: Dropdown + * Description: Defines styles for a toggleable dropdown + * + * Component: `uk-dropdown` + * + * Modifiers: `uk-dropdown-flip` + * `uk-dropdown-center` + * `uk-dropdown-justify` + * `uk-dropdown-up` + * `uk-dropdown-width-2` + * `uk-dropdown-width-3` + * `uk-dropdown-width-4` + * `uk-dropdown-width-5` + * `uk-dropdown-stack` + * `uk-dropdown-small` + * `uk-dropdown-navbar` + * `uk-dropdown-search` + * + * States: `uk-open` + * + * Uses: Animation + * Grid: `uk-grid`, `uk-width-*` + * Panel: `uk-panel` + * Navbar: `uk-navbar-flip` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Box-sizing is needed for `uk-dropdown-justify` + * 4. Set style + * 5. Reset button group whitespace hack + */ +.uk-dropdown { + /* 1 */ + + display: none; + /* 2 */ + + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + /* 3 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + /* 4 */ + + width: 200px; + margin-top: 5px; + padding: 15px; + background: #ffffff; + color: #444444; + /* 5 */ + + letter-spacing: normal; + border: 1px solid #cbcbcb; + border-radius: 4px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +/* + * 1. Show dropdown + * 2. Set animation + * 3. Needed for scale animation + */ +.uk-open > .uk-dropdown { + /* 1 */ + + display: block; + /* 2 */ + + -webkit-animation: uk-fade 0.2s ease-in-out; + animation: uk-fade 0.2s ease-in-out; + /* 3 */ + + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +/* Alignment modifiers + ========================================================================== */ +/* + * Modifier `uk-dropdown-flip` + */ +.uk-dropdown-flip { + left: auto; + right: 0; +} +/* + * Modifier `uk-dropdown-up` + */ +.uk-dropdown-up { + top: auto; + bottom: 100%; + margin-top: auto; + margin-bottom: 5px; +} +/* Nav in dropdown + ========================================================================== */ +.uk-dropdown .uk-nav { + margin: 0 -15px; +} +/* Grid and panel in dropdown + ========================================================================== */ +/* +* Vertical gutter +*/ +/* Grid */ +.uk-dropdown > .uk-grid + .uk-grid { + margin-top: 15px; +} +/* Panels */ +.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { + margin-top: 15px; +} +/* Only tablets and desktops */ +@media (min-width: 768px) { + /* + * Horizontal gutter + */ + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { + margin-left: -15px; + margin-right: -15px; + } + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] { + padding-left: 15px; + padding-right: 15px; + } + /* + * Column divider + */ + .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + border-left: 1px solid #dddddd; + } + /* + * Width multiplier for dropdown columns + */ + .uk-dropdown-width-2:not(.uk-dropdown-stack) { + width: 400px; + } + .uk-dropdown-width-3:not(.uk-dropdown-stack) { + width: 600px; + } + .uk-dropdown-width-4:not(.uk-dropdown-stack) { + width: 800px; + } + .uk-dropdown-width-5:not(.uk-dropdown-stack) { + width: 1000px; + } +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Stack columns and take full width + */ + .uk-dropdown > .uk-grid > [class*='uk-width-'] { + width: 100%; + } + /* + * Vertical gutter + */ + .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + margin-top: 15px; + } +} +/* +* Stack grid columns +*/ +.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] { + width: 100%; +} +.uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) { + margin-top: 15px; +} +/* Modifier `uk-dropdown-small` + ========================================================================== */ +/* + * Set min-width and text expands dropdown if needed + */ +.uk-dropdown-small { + min-width: 150px; + width: auto; + padding: 5px; + white-space: nowrap; +} +/* + * Nav in dropdown + */ +.uk-dropdown-small .uk-nav { + margin: 0 -5px; +} +/* Modifier: `uk-dropdown-navbar` + ========================================================================== */ +.uk-dropdown-navbar { + margin-top: 6px; + background: #ffffff; + color: #444444; + left: -1px; + border: 1px solid #cbcbcb; + border-radius: 4px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +.uk-open > .uk-dropdown-navbar { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* Modifier: `uk-dropdown-search` + ========================================================================== */ +.uk-dropdown-search { + width: 300px; + margin-top: 0; + background: #ffffff; + color: #444444; +} +.uk-open > .uk-dropdown-search { + -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; + animation: uk-slide-top-fixed 0.2s ease-in-out; +} +/* + * Dependency `uk-navbar-flip` + */ +.uk-navbar-flip .uk-dropdown-search { + margin-top: 11px; + margin-right: -16px; +} +/* Hooks + ========================================================================== */ +/* + * Name: Modal + * Description: Defines styles for modal dialogs + * + * Component: `uk-modal` + * + * Sub-objects: `uk-modal-dialog` + * `uk-modal-close` + * + * Modifiers: `uk-modal-dialog-slide` + * `uk-modal-dialog-frameless` + * + * States: `uk-open` + * + * Uses: Close: `uk-close` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * This is the modal overlay and modal dialog container + * 1. Hide by default + * 2. Set fixed position + * 3. Webkit needs a height to position the modal dialog vertically in percent + * 4. Allow scrolling for the modal dialog + * 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: 1020; + /* 3 */ + + height: 100%; + /* 4 */ + + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 5 */ + + background: rgba(0, 0, 0, 0.6); + /* 6 */ + + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +/* + * Open state + */ +.uk-modal.uk-open { + opacity: 1; +} +/* + * Prevents dublicated scrollbar caused by 4. + */ +.uk-modal-page { + overflow: hidden; +} +/* Sub-object: `uk-modal-dialog` + ========================================================================== */ +/* + * 1. Set position + * 2. Set box sizing + * 3. Center dialog box + * 4. Set style + */ +.uk-modal-dialog { + /* 1 */ + + position: relative; + top: 10%; + left: 50%; + /* 2 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + width: 600px; + /* 3 */ + + margin-left: -300px; + /* 4 */ + + background: #ffffff; + border-radius: 4px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} +/* Only phones */ +@media (max-width: 767px) { + /* + * Fit the phone width perfectly + */ + .uk-modal-dialog { + top: 0; + left: 0; + right: 0; + width: auto; + margin: 10px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-dialog > :last-child { + margin-bottom: 0; +} +/* Modifier: `uk-modal-dialog-slide` + ========================================================================== */ +/* + * Adds a slide-in transition to the modal dialog + */ +.uk-modal-dialog-slide { + opacity: 0; + -webkit-transform: translateY(-25%); + transform: translateY(-25%); + -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; + transition: opacity 0.3s linear, transform 0.3s ease-out; +} +.uk-open .uk-modal-dialog-slide { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Close in modal + ========================================================================== */ +.uk-modal-dialog > .uk-close:first-child { + margin: -10px -10px 0 0; + float: right; +} +/* + * Remove margin from adjacent element + */ +.uk-modal-dialog > .uk-close:first-child + * { + margin-top: 0; +} +/* Modifier: `uk-modal-dialog-frameless` + ========================================================================== */ +.uk-modal-dialog-frameless { + padding: 0; +} +/* + * Close in modal + */ +.uk-modal-dialog-frameless > .uk-close:first-child { + position: absolute; + top: -12px; + right: -12px; + margin: 0; + float: none; +} +/* Only phones */ +@media (max-width: 767px) { + .uk-modal-dialog-frameless > .uk-close:first-child { + top: -7px; + right: -7px; + } +} +/* Hooks + ========================================================================== */ +/* + * Name: Off-canvas + * Description: Defines styles for an off-canvas sidebar that slides in and out of the page + * + * Component: `uk-offcanvas` + * + * Sub-objects: `uk-offcanvas-page` + * `uk-offcanvas-bar` + * + * Modifiers: `uk-offcanvas-bar-flip` + * + * States: `uk-active` + * + * Uses: Panel: `uk-panel` + * Search: `uk-search`, `uk-search-field` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * This is the offcanvas overlay and bar container + * 1. Hide by default + * 2. Set fixed position + * 3. Mask the background page + */ +.uk-offcanvas { + /* 1 */ + + display: none; + /* 2 */ + + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + + background: rgba(0, 0, 0, 0.1); +} +.uk-offcanvas.uk-active { + display: block; +} +/* Sub-object `uk-offcanvas-page` + ========================================================================== */ +/* + * Prepares the whole HTML page to slide-out + * 1. Fix the main page and disallow scrolling + * 2. Side-out transition + */ +.uk-offcanvas-page { + /* 1 */ + + position: fixed; + /* 2 */ + + -webkit-transition: margin-left 0.3s ease-in-out 50ms; + transition: margin-left 0.3s ease-in-out 50ms; +} +/* Sub-object `uk-offcanvas-bar` + ========================================================================== */ +/* + * This is the offcanvas bar + * 1. Set fixed position + * 2. Size and style + * 3. Allow scrolling + * 4. Side-out transition + */ +.uk-offcanvas-bar { + /* 1 */ + + position: fixed; + top: 0; + bottom: 0; + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + z-index: 1011; + /* 2 */ + + width: 270px; + max-width: 100%; + background: #333333; + /* 3 */ + + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 4 */ + + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; +} +.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { + -webkit-transform: translateX(0%); + transform: translateX(0%); +} +/* Modifier `uk-offcanvas-bar-flip` + ========================================================================== */ +.uk-offcanvas-bar-flip { + left: auto; + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +/* Panel in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-panel { + margin: 20px 15px; + color: #777777; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +.uk-offcanvas .uk-panel-title { + color: #cccccc; +} +.uk-offcanvas .uk-panel a:not([class]) { + color: #cccccc; +} +.uk-offcanvas .uk-panel a:not([class]):hover { + color: #ffffff; +} +/* Search in offcanvas + ========================================================================== */ +.uk-offcanvas .uk-search { + display: block; + margin: 20px 15px; +} +.uk-offcanvas .uk-search:before { + color: #777777; +} +.uk-offcanvas .uk-search-field { + width: 100%; + border-color: rgba(0, 0, 0, 0); + background: #1a1a1a; + color: #cccccc; +} +.uk-offcanvas .uk-search-field:-ms-input-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-moz-placeholder { + color: #777777; +} +.uk-offcanvas .uk-search-field::-webkit-input-placeholder { + color: #777777; +} +/* Hooks + ========================================================================== */ +/* + * Name: Switcher + * Description: Defines styles for the switcher + * + * Component: `uk-switcher` + * + * States: `uk-active` + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* + * Items + */ +.uk-switcher > *:not(.uk-active) { + display: none; +} +/* + * Name: Tooltip + * Description: Defines styles for tooltips + * + * Component: `uk-tooltip` + * + * Modifiers `uk-tooltip-top` + * `uk-tooltip-top-left` + * `uk-tooltip-top-right` + * `uk-tooltip-bottom` + * `uk-tooltip-bottom-left` + * `uk-tooltip-bottom-right` + * `uk-tooltip-left` + * `uk-tooltip-right` + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set fixed position + * 3. Set dimensions + * 4. Set style + */ +.uk-tooltip { + /* 1 */ + + display: none; + /* 2 */ + + position: absolute; + z-index: 1030; + /* 3 */ + + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 200px; + padding: 5px 8px; + /* 4 */ + + background: #333333; + color: rgba(255, 255, 255, 0.7); + font-size: 12px; + line-height: 18px; + text-align: center; + border-radius: 3px; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); +} +/* Triangle + ========================================================================== */ +/* + * 1. Dashed is less antialised than solid + */ +.uk-tooltip:after { + content: ""; + display: block; + position: absolute; + width: 0; + height: 0; + border: 5px dashed #333333; + /* 1 */ + +} +/* Direction modifiers + ========================================================================== */ +/* + * Top + */ +.uk-tooltip-top:after, +.uk-tooltip-top-left:after, +.uk-tooltip-top-right:after { + bottom: -5px; + border-top-style: solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-color: #333333; +} +/* + * Bottom + */ +.uk-tooltip-bottom:after, +.uk-tooltip-bottom-left:after, +.uk-tooltip-bottom-right:after { + top: -5px; + border-bottom-style: solid; + border-top: none; + border-left-color: transparent; + border-right-color: transparent; + border-bottom-color: #333333; +} +/* + * Top/Bottom center + */ +.uk-tooltip-top:after, +.uk-tooltip-bottom:after { + left: 50%; + margin-left: -5px; +} +/* + * Top/Bottom left + */ +.uk-tooltip-top-left:after, +.uk-tooltip-bottom-left:after { + left: 10px; +} +/* + * Top/Bottom right + */ +.uk-tooltip-top-right:after, +.uk-tooltip-bottom-right:after { + right: 10px; +} +/* + * Left + */ +.uk-tooltip-left:after { + right: -5px; + top: 50%; + margin-top: -5px; + border-left-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: #333333; +} +/* + * Right + */ +.uk-tooltip-right:after { + left: -5px; + top: 50%; + margin-top: -5px; + border-right-style: solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-color: #333333; +} +/* Hooks + ========================================================================== */ +/* Need to be loaded last */ +/* + * Name: Text + * Description: Collection of useful text utility classes to style your content + * + * Component: `uk-text-*` + * + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 11px; + line-height: 16px; +} +.uk-text-large { + font-size: 18px; + line-height: 24px; +} +/* Weight modifiers + ========================================================================== */ +.uk-text-bold { + font-weight: bold; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999999; +} +.uk-text-info { + color: #2d7091; +} +.uk-text-success { + color: #659f13; +} +.uk-text-warning { + color: #e28327; +} +.uk-text-danger { + color: #d85030; +} +/* 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; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + */ +.uk-text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* + * Break strings if their length exceeds the width of their container + */ +.uk-text-break { + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} +/* + * Name: Utility + * Description: Collection of useful utility classes to style your content + * + * Component: `uk-container-*` + * `uk-clearfix` + * `uk-nbfc-*` + * `uk-float-*` + * `uk-align-*` + * `uk-vertical-align` + * `uk-height-1-1` + * `uk-responsive-*` + * `uk-margin-*` + * `uk-heading-*` + * `uk-link-muted` + * `uk-scrollable-*` + * `uk-display-*` + * `uk-visible-*` + * `uk-hidden-*` + * + ========================================================================== */ +/* Container + ========================================================================== */ +.uk-container { + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 980px; + padding: 0 25px; +} +/* Only large screens */ +@media (min-width: 1220px) { + .uk-container { + max-width: 1200px; + padding: 0 35px; + } +} +/* + * Micro clearfix + */ +.uk-container:before, +.uk-container:after { + content: " "; + display: table; +} +.uk-container:after { + clear: both; +} +/* + * Center container + */ +.uk-container-center { + margin-left: auto; + margin-right: auto; +} +/* Clearing + ========================================================================== */ +/* + * Micro clearfix + */ +.uk-clearfix:before, +.uk-clearfix:after { + content: " "; + display: table; +} +.uk-clearfix:after { + clear: both; +} +/* + * Create a new block formatting context + */ +.uk-nbfc { + overflow: hidden; +} +.uk-nbfc-alt { + display: table-cell; + width: 10000px; +} +/* Alignment of block elements + ========================================================================== */ +/* + * Float blocks + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* Alignment of images and objects + ========================================================================== */ +/* + * Alignment + */ +[class*='uk-align-'] { + display: block; + margin-bottom: 15px; +} +.uk-align-left { + margin-right: 15px; + float: left; +} +.uk-align-right { + margin-left: 15px; + float: right; +} +/* Only tablets and desktop */ +@media (min-width: 768px) { + .uk-align-medium-left { + margin-right: 15px; + margin-bottom: 15px; + float: left; + } + .uk-align-medium-right { + margin-left: 15px; + margin-bottom: 15px; + float: right; + } +} +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* Vertical alignment + ========================================================================== */ +/* + * Remove whitespace between child elements when using `inline-block` + */ +.uk-vertical-align { + letter-spacing: -0.31em; +} +/* + * The `uk-vertical-align` container needs a specific height + */ +.uk-vertical-align:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +/* + * Sub-object which can have any height + * 1. Reset whitespace hack + */ +.uk-vertical-align-middle, +.uk-vertical-align-bottom { + display: inline-block; + letter-spacing: normal; + /* 1 */ + + max-width: 100%; +} +.uk-vertical-align-middle { + vertical-align: middle; +} +.uk-vertical-align-bottom { + vertical-align: bottom; +} +/* + * This helper class is very useful to extend the `html` and `body` element to the full height of the page. + */ +.uk-height-1-1 { + height: 100%; +} +/* Responsive objects + * Note: Images are already responsive by default, see Base component + ========================================================================== */ +/* + * 1. Corrects max-width/max-height behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* + * Responsiveness: Sets a maxium width relative to the parent and auto scales the height + */ +.uk-responsive-width { + max-width: 100%; + height: auto; +} +/* + * Responsiveness: Sets a maxium height relative to the parent and auto scales the width + * Only works if the parent element has a fixed height. + */ +.uk-responsive-height { + max-height: 100%; + width: auto; +} +/* Margin + ========================================================================== */ +/* + * Create a block with the same margin of a paragraph + */ +.uk-margin { + margin-bottom: 15px; +} +/* + * Add margin if adjacent element + */ +* + .uk-margin { + margin-top: 15px; +} +/* + * Margin top and bottom + */ +.uk-margin-top { + margin-top: 15px !important; +} +.uk-margin-bottom { + margin-bottom: 15px !important; +} +/* + * Remove margins + */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-top-remove { + margin-top: 0 !important; +} +.uk-margin-bottom-remove { + margin-bottom: 0 !important; +} +/* Headings + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + .uk-heading-large { + font-size: 52px; + line-height: 64px; + } +} +/* Link + ========================================================================== */ +.uk-link-muted, +.uk-link-muted * { + color: #444444; +} +.uk-link-muted:hover, +.uk-link-muted *:hover { + color: #444444; +} +/* Scrollable + ========================================================================== */ +/* + * Enable scrolling for preformatted text + */ +.uk-scrollable-text { + max-height: 300px; + overflow-y: scroll; +} +/* + * Box with scrolling enabled + */ +.uk-scrollable-box { + max-height: 150px; + padding: 10px; + border: 1px solid #dddddd; + overflow: auto; + border-radius: 3px; +} +/* + * Remove margin from the last-child + */ +.uk-scrollable-box > :last-child { + margin-bottom: 0; +} +/* Display + ========================================================================== */ +/* + * Display + */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* + * Visibility + * Avoids setting display to `block` + */ +/* Only desktops */ +@media (min-width: 960px) { + .uk-visible-small { + display: none !important; + } + .uk-visible-medium { + display: none !important; + } + .uk-hidden-large { + display: none !important; + } +} +/* Only tablets portrait */ +@media (min-width: 768px) and (max-width: 959px) { + .uk-visible-small { + display: none !important; + } + .uk-visible-large { + display: none !important ; + } + .uk-hidden-medium { + display: none !important; + } +} +/* Only phones */ +@media (max-width: 767px) { + .uk-visible-medium { + display: none !important; + } + .uk-visible-large { + display: none !important; + } + .uk-hidden-small { + display: none !important; + } +} +/* Remove from the flow and screen readers on any device */ +.uk-hidden { + display: none !important; + visibility: hidden !important; +} +/* Show on hover */ +.uk-visible-hover:hover .uk-hidden { + display: block !important; + visibility: visible !important; +} +.uk-visible-hover-inline:hover .uk-hidden { + display: inline-block !important; + visibility: visible !important; +} +/* Hooks + ========================================================================== */ +/* + * Component: Print + * Description: Optimize page for printing + * + * Adapted from http://github.com/h5bp/html5-boilerplate + * + * Modifications: Removed link `href` and `title` related rules + * + ========================================================================== */ +@media print { + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} +/* Theme + ========================================================================== */ +/* LESS related */ +/* + * Variables component + * + ========================================================================== */ +/* Global variables + ========================================================================== */ +/* + * Backgrounds + */ +/* Theme global variables + ========================================================================== */ +/* + * Backgrounds + */ +/* + * Borders + */ +/* + * Shadows + */ +/* + * Gradients + */ +/* Components variables + ========================================================================== */ +/* + * Base + */ +/* + * Panel + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Subnav + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Table + */ +/* + * Form + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Close + */ +/* + * Progress + */ +/* + * Dropdown + */ +/* Theme component variables + ========================================================================== */ +/* + * Base + */ +/* + * Panel + */ +/* + * Article + */ +/* + * Comment + */ +/* + * Nav + */ +/* + * Navbar + */ +/* + * Pagination + */ +/* + * Tab + */ +/* + * List + */ +/* + * Table + */ +/* + * Button + */ +/* + * Icon + */ +/* + * Badge + */ +/* + * Alert + */ +/* + * Thumbnail + */ +/* + * Progress + */ +/* + * Dropdown + */ +/* + * Offcanvas + */ +/* + * Tooltip + */ +/* Defaults */ +/* + * Base component + * + ========================================================================== */ +/* Body + ========================================================================== */ +/* Code and preformatted text + ========================================================================== */ +/* Layout */ +/* + * Panel component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object: `uk-panel-title` + ========================================================================== */ +/* Sub-object: `uk-panel-badge` + ========================================================================== */ +/* Modifier: `uk-panel-box` + ========================================================================== */ +/* Modifier: `uk-panel-header` + ========================================================================== */ +/* + * Article component + * + ========================================================================== */ +/* Component + ========================================================================== */ +.uk-article + .uk-article { + padding-top: 15px; + border-top: 1px solid #dddddd; +} +/* Sub-object `uk-article-title` + ========================================================================== */ +/* Sub-object `uk-article-meta` + ========================================================================== */ +/* Sub-object `uk-article-lead` + ========================================================================== */ +/* Sub-object `uk-article-divider` + ========================================================================== */ +/* + * Comment component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-comment-header` + ========================================================================== */ +/* Sub-object `uk-comment-avatar` + ========================================================================== */ +/* Sub-object `uk-comment-title` + ========================================================================== */ +/* Sub-object `uk-comment-meta` + ========================================================================== */ +/* Sub-object `uk-comment-body` + ========================================================================== */ +.uk-comment-body { + padding-left: 10px; + padding-right: 10px; +} +/* Navs */ +/* + * Nav component + * + ========================================================================== */ +/* Component +========================================================================== */ +/* Sub-object: `uk-nav-header` +========================================================================== */ +/* Sub-object: `uk-nav-divider` +========================================================================== */ +/* Sub-object: `uk-nav-sub` +========================================================================== */ +/* Modifier: `uk-nav-parent-icon` + ========================================================================== */ +/* Modifier `uk-nav-side` + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* Active */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-dropdown` + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-navbar` + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-search` + ========================================================================== */ +/* + * Items + */ +/* Active */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* Modifier `uk-nav-offcanvas` + ========================================================================== */ +.uk-nav-offcanvas { + border-bottom: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} +/* + * Items + */ +/* Active */ +/* + * Sub-object: `uk-nav-header` + */ +/* + * Sub-object: `uk-nav-divider` + */ +/* + * Sub-object: `uk-nav-sub` + */ +.uk-nav-offcanvas .uk-nav-sub { + border-top: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); +} +/* + * Navbar component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. `background-origin` is needed to prevent the background-image gradients from repeating under the border + */ +.uk-navbar:not(.uk-navbar-attached) { + border-radius: 4px; +} +/* Sub-object: `uk-navbar-nav` + ========================================================================== */ +/* + * 1. Overlap top border + * 2. Collapse horizontal borders + * 3. Adjust height because of 1. and `box-sizing` set to `border-box` + */ +/* + * Apply same `border-radius` as `uk-navbar` + */ +.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +/* + * Sub-modifier `uk-navbar-flip` + */ +/* Collapse border */ +.uk-navbar .uk-navbar-flip .uk-navbar-nav > li > a { + margin-left: 0; + margin-right: -1px; +} +/* Apply same `border-radius` as `uk-navbar` */ +.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +/* + * Needed for hover + * 1. Create position context to superimpose the successor elements border + * 2. Needed because the `li` elements have already a position context + */ +/* Hover *//* OnClick *//* Active *//* Sub-object: `uk-navbar-content` + ========================================================================== */ +/* + * Subnav component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-subnav-line' + ========================================================================== */ +/* Modifier: `uk-subnav-pill' + ========================================================================== */ +/* Hover */ +/* Active */ +/* + * Breadcrumb component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Items + ========================================================================== */ +/* + * Pagination component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Items + ========================================================================== */ +/* + * 1. `background-origin` is needed to prevent the background-image gradients from repeating under the border + */ +/* + * Active + * 1. `background-origin` is needed to prevent the background-image gradients from repeating under the border + */ +/* + * Disabled + */ +/* + * Tab component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Items + */ +/* Hover */ +/* Active */ +/* Disabled */ +/* Modifier: `uk-tab-bottom' + ========================================================================== */ +.uk-tab-bottom > li > a { + border-radius: 0 0 4px 4px; +} +/* Modifier: `uk-tab-left', `uk-tab-right' + ========================================================================== */ +/* Only tablets and desktops */ +@media (min-width: 768px) { + /* + * Modifier: `uk-tab-left' + */ + .uk-tab-left > li > a { + border-radius: 4px 0 0 4px; + } + /* + * Modifier: `uk-tab-right' + */ + .uk-tab-right > li > a { + border-radius: 0 4px 4px 0; + } +} +/* Elements */ +/* + * List component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `list-line` + ========================================================================== */ +/* Modifier: `list-striped` + ========================================================================== */ +.uk-list-striped > li:first-child { + border-top: 1px solid #dddddd; +} +/* + * Table component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * Form component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Common */ +/* + * Button component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. `background-origin` is needed to prevent the background-image gradients from repeating under the border + */ +/* Color modifiers + ========================================================================== */ +/* + * Modifier: `uk-button-primary` + */ +/* + * Modifier: `uk-button-success` + */ +/* + * Modifier: `uk-button-danger` + */ +/* Disabled state + ========================================================================== */ +/* Modifier: `uk-button-link` + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +/* Sub-object `uk-button-group` + ========================================================================== */ +/* + * Reset border-radius + */ +.uk-button-group > .uk-button:not(:first-child):not(:last-child), +.uk-button-group > div:not(:first-child):not(:last-child) .uk-button { + border-radius: 0; +} +.uk-button-group > .uk-button:first-child, +.uk-button-group > div:first-child .uk-button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.uk-button-group > .uk-button:last-child, +.uk-button-group > div:last-child .uk-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +/* + * 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:active { + position: relative; +} +/* + * Icon component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier `uk-icon-button` + ========================================================================== */ +/* Hover */ +/* Active */ +/* + * Close component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-close-alt` + ========================================================================== */ +/* + * Badge component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* + * 1. `background-origin` is needed to prevent the background-image gradients from repeating under the border + */ +/* + * Alert component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-alert-success` + ========================================================================== */ +/* Modifier: `uk-alert-warning` + ========================================================================== */ +/* Modifier: `uk-alert-danger` + ========================================================================== */ +/* + * Thumbnail component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Caption + ========================================================================== */ +/* + * Overlay component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-overlay-area` + ========================================================================== */ +/* Sub-object `uk-overlay-caption` + ========================================================================== */ +/* + * Progress component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object: `progress-bar` + ========================================================================== */ +/* Size modifiers + ========================================================================== */ +/* Mini */ +.uk-progress-mini, +.uk-progress-small { + border-radius: 500px; +} +/* Color modifiers + ========================================================================== */ +/* + * Search component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-search-field` + ========================================================================== */ +/* Sub-object `uk-search-close` + ========================================================================== */ +/* JavaScript */ +/* + * Dropdown component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Modifier: `uk-dropdown-navbar` + ========================================================================== */ +.uk-dropdown-navbar.uk-dropdown-flip { + left: auto; +} +/* Modifier: `uk-dropdown-search` + ========================================================================== */ +/* + * Modal component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object: `uk-modal-dialog` + ========================================================================== */ +/* + * Off-canvas component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Sub-object `uk-offcanvas-bar` + ========================================================================== */ +.uk-offcanvas-bar:after { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 1px; + background: rgba(0, 0, 0, 0.6); + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); +} +.uk-offcanvas-bar-flip:after { + right: auto; + left: 0; + width: 1px; + background: rgba(0, 0, 0, 0.6); + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); +} +/* Panel in offcanvas + ========================================================================== */ +/* Search in offcanvas + ========================================================================== */ +/* + * Tooltip component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Need to be loaded last */ +/* + * Utility component + * + ========================================================================== */ +/* Component + ========================================================================== */ +/* Container + ========================================================================== */ +/* Scrollable + ========================================================================== */ diff --git a/app/static/lib/uikit/css/uikit.gradient.min.css b/app/static/lib/uikit/css/uikit.gradient.min.css new file mode 100644 index 0000000..7d2d18a --- /dev/null +++ b/app/static/lib/uikit/css/uikit.gradient.min.css @@ -0,0 +1,3 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:Consolas,monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}input[type="radio"],input[type="checkbox"]{cursor:pointer}button:disabled,input:disabled{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder{opacity:1}table{border-collapse:collapse;border-spacing:0}html{font-size:14px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:20px;color:#444;background-image:-webkit-radial-gradient(100% 100%,center,#fff,#fff);background-image:radial-gradient(100% 100% at center,#fff,#fff)}@media(max-width:767px){body{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}a{text-decoration:none}a:hover{text-decoration:underline}a{color:#07d}a:hover{color:#059}em{color:#d05}ins{background:#ffa;color:#444;text-decoration:none}mark{background:#ffa;color:#444}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted;font-style:normal}img{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle}.uk-img-preserve,.uk-img-preserve img,img[src*="maps.gstatic.com"],img[src*="googleapis.com"]{max-width:none}p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure{margin:0 0 15px 0}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;color:#444;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:25px}h1,.uk-h1{font-size:36px;line-height:42px}h2,.uk-h2{font-size:24px;line-height:30px}h3,.uk-h3{font-size:18px;line-height:24px}h4,.uk-h4{font-size:16px;line-height:22px}h5,.uk-h5{font-size:14px;line-height:20px}h6,.uk-h6{font-size:12px;line-height:18px}ul,ol{padding-left:30px}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:bold}dd{margin-left:0}hr{display:block;padding:0;border:0;border-top:1px solid #ddd}address{font-style:normal}q,blockquote{font-style:italic}blockquote{padding-left:15px;border-left:5px solid #ddd;font-size:16px;line-height:22px}blockquote small{display:block;color:#999;font-style:normal}blockquote p:last-of-type{margin-bottom:5px}code{color:#d05;font-size:12px;white-space:nowrap;padding:0 4px;border:1px solid #ddd;border-radius:3px;background:#fafafa}pre code{color:inherit;white-space:pre-wrap;padding:0;border:0;background:transparent}pre{padding:10px;background:#fafafa;color:#444;font-size:12px;line-height:18px;-moz-tab-size:4;tab-size:4;border:1px solid #ddd;border-radius:3px}button,input:not([type="radio"]):not([type="checkbox"]),select{vertical-align:middle}iframe{border:0}@-ms-viewport{width:device-width}.uk-grid:before,.uk-grid:after{content:" ";display:table}.uk-grid:after{clear:both}.uk-grid{margin:0 0 0 -25px;padding:0;list-style:none}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>[class*='uk-width-']{margin:0;padding-left:25px;float:left}.uk-grid>[class*='uk-width-']>:last-child{margin-bottom:0}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider:not(:empty)>[class*='uk-width-']{padding-left:25px;padding-right:25px}.uk-grid-divider:not(:empty)>[class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-2-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-3-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-4-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-5-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-6-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-7-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-8-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-9-']:nth-child(n+2){border-left:1px solid #ddd}@media(min-width:768px){.uk-grid-divider:not(:empty)>[class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media(min-width:960px){.uk-grid-divider:not(:empty)>[class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}.uk-grid>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:25px}@media(min-width:1220px){.uk-grid:not(.uk-grid-preserve){margin-left:-35px}.uk-grid:not(.uk-grid-preserve)>[class*='uk-width-']{padding-left:35px}.uk-grid:not(.uk-grid-preserve)+.uk-grid{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>.uk-grid-margin{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty)>[class*='uk-width-']{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}[class*='uk-width-']{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media(min-width:768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media(min-width:960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media(min-width:768px){[class*='uk-push-'],[class*='uk-pull-']{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{position:relative}.uk-panel:before,.uk-panel:after{content:" ";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-bottom:15px;font-size:18px;line-height:24px;font-weight:normal;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-badge+*{margin-top:0}.uk-panel-box{padding:15px;background:#fafafa;color:#444;border:1px solid #ddd;border-radius:4px}.uk-panel-box .uk-panel-title{color:#444}.uk-panel-box .uk-panel-badge{top:10px;right:10px}.uk-panel-box .uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,0.3)}.uk-panel-box-primary .uk-panel-title{color:#2d7091}.uk-panel-box-secondary{background-color:#fff;color:#444}.uk-panel-box-secondary .uk-panel-title{color:#444}.uk-panel-header .uk-panel-title{padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.uk-panel-space{padding:30px}.uk-panel-space .uk-panel-badge{top:30px;right:30px}.uk-panel+.uk-panel-divider{margin-top:50px!important}.uk-panel+.uk-panel-divider:before{content:"";display:block;position:absolute;top:-25px;left:0;right:0;border-top:1px solid #ddd}@media(min-width:1220px){.uk-panel+.uk-panel-divider{margin-top:70px!important}.uk-panel+.uk-panel-divider:before{top:-35px}}.uk-article:before,.uk-article:after{content:" ";display:table}.uk-article:after{clear:both}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:15px}.uk-article-title{font-size:36px;line-height:42px;font-weight:normal;text-transform:none}.uk-article-title a{color:inherit;text-decoration:none}.uk-article-meta{font-size:12px;line-height:18px;color:#999}.uk-article-lead{color:#444;font-size:18px;line-height:24px;font-weight:normal}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-comment-header{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px;background:#fafafa}.uk-comment-header:before,.uk-comment-header:after{content:" ";display:table}.uk-comment-header:after{clear:both}.uk-comment-avatar{margin-right:15px;float:left}.uk-comment-title{margin:5px 0 0 0;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body>:last-child{margin-bottom:0}.uk-comment-list{padding:0;list-style:none}.uk-comment-list .uk-comment+ul{margin:25px 0 0 0;padding-left:100px;list-style:none}.uk-comment-list>li:nth-child(n+2),.uk-comment-list .uk-comment+ul>li:nth-child(n+2){margin-top:25px}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav>li>a{padding:5px 15px}.uk-nav ul{padding-left:15px}.uk-nav ul a{padding:2px 0}.uk-nav li>a>div{font-size:12px;line-height:18px}.uk-nav-header{padding:5px 15px;text-transform:uppercase;font-weight:bold;font-size:12px}.uk-nav-header:not(:first-child){margin-top:15px}.uk-nav-divider{margin:9px 15px}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-parent-icon>.uk-parent>a:after{content:"\f104";width:20px;margin-right:-10px;float:right;font-family:"FontAwesome";text-align:center}.uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f107"}.uk-nav-side>li>a{color:#444}.uk-nav-side>li>a:hover,.uk-nav-side>li>a:focus{background:rgba(0,0,0,0.03);color:#444;outline:0;box-shadow:inset 0 0 1px rgba(0,0,0,0.1);text-shadow:0 -1px 0 #fff}.uk-nav-side>li.uk-active>a{background:#009dd8;color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-nav-side .uk-nav-header{color:#444}.uk-nav-side .uk-nav-divider{border-top:1px solid #ddd;box-shadow:0 1px 0 #fff}.uk-nav-side ul a{color:#07d}.uk-nav-side ul a:hover{color:#059}.uk-nav-dropdown>li>a{color:#444}.uk-nav-dropdown>li>a:hover,.uk-nav-dropdown>li>a:focus{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-nav-dropdown .uk-nav-header{color:#999}.uk-nav-dropdown .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-dropdown ul a{color:#07d}.uk-nav-dropdown ul a:hover{color:#059}.uk-nav-navbar>li>a{color:#444}.uk-nav-navbar>li>a:hover,.uk-nav-navbar>li>a:focus{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-nav-navbar .uk-nav-header{color:#999}.uk-nav-navbar .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-navbar ul a{color:#07d}.uk-nav-navbar ul a:hover{color:#059}.uk-nav-search>li>a{color:#444;text-shadow:none}.uk-nav-search>li.uk-active>a{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-nav-search .uk-nav-header{color:#999;text-shadow:none}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-nav-offcanvas>li>a{color:#ccc;padding:10px 15px;border-top:1px solid rgba(0,0,0,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus{background:#404040;color:#fff;outline:0}html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a;color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}.uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,0.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,0.01);margin:0;height:4px;background:rgba(0,0,0,0.2);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-navbar{background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,0.1);border-bottom-color:rgba(0,0,0,0.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee)}.uk-navbar:before,.uk-navbar:after{content:" ";display:table}.uk-navbar:after{clear:both}.uk-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-navbar-nav>li{position:relative;float:left}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;margin-top:-1px;margin-left:-1px;height:41px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-navbar-nav>li>a[href='#']{cursor:auto}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus,.uk-navbar-nav>li.uk-open>a{background-color:transparent;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-top-color:rgba(0,0,0,0.1);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uk-navbar-nav>li>a:active{background-color:#f5f5f5;color:#444;border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-top-color:rgba(0,0,0,0.2);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uk-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,0.1);border-right-color:rgba(0,0,0,0.1);border-top-color:rgba(0,0,0,0.2);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height:28px}.uk-navbar-nav-subtitle>div{margin-top:-6px;font-size:10px;line-height:12px}.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;height:40px;padding:0 15px;float:left;text-shadow:0 1px 0 #fff}.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center){padding-left:0}.uk-navbar-content>a:not([class]){color:#07d}.uk-navbar-content>a:not([class]):hover{color:#059}.uk-navbar-brand{font-size:18px;color:#444}.uk-navbar-brand:hover,.uk-navbar-brand:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle{font-size:18px;color:#444}.uk-navbar-toggle:hover,.uk-navbar-toggle:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle:after{content:"\f0c9";font-family:"FontAwesome";vertical-align:middle}.uk-navbar-toggle-alt:after{content:"\f002"}.uk-navbar-center{max-width:50%;margin:auto;float:none;text-align:center}.uk-navbar-flip{float:right}.uk-subnav{padding:0;list-style:none;letter-spacing:-0.31em}.uk-subnav>li{position:relative;letter-spacing:normal}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.uk-subnav>li>a{color:#07d}.uk-subnav>li>a:hover{color:#059}.uk-subnav>li>span{color:#999}.uk-subnav-line>li:nth-child(n+2):before{content:"";display:inline-block;height:10px;margin-right:10px;border-left:1px solid #ddd}.uk-subnav-pill>li>a,.uk-subnav-pill>li>span{padding:3px 9px;text-decoration:none;border-radius:4px}.uk-subnav-pill>li>a:hover,.uk-subnav-pill>li>a:focus{background:#fafafa;color:#444;outline:0;box-shadow:0 0 0 1px rgba(0,0,0,0.1)}.uk-subnav-pill>li.uk-active>a{background:#009dd8;color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,0.2)}.uk-breadcrumb{padding:0;list-style:none;letter-spacing:-0.31em}.uk-breadcrumb>li{letter-spacing:normal}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px;vertical-align:top}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;letter-spacing:-0.31em}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;letter-spacing:normal}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;text-align:center;border-radius:4px}.uk-pagination>li>a{background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);text-shadow:0 1px 0 #fff}.uk-pagination>li>a:hover,.uk-pagination>li>a:focus{background-color:#fafafa;color:#444;outline:0;background-image:none}.uk-pagination>li>a:active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,0.2);border-top-color:rgba(0,0,0,0.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uk-pagination>.uk-active>span{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.4);background-origin:border-box;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-pagination>.uk-disabled>span{background-color:#fafafa;color:#999;border:1px solid rgba(0,0,0,0.2);text-shadow:0 1px 0 #fff}.uk-pagination-previous{float:left}.uk-pagination-next{float:right}.uk-pagination-left{text-align:left}.uk-pagination-right{text-align:right}.uk-tab{margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd}.uk-tab:before,.uk-tab:after{content:" ";display:table}.uk-tab:after{clear:both}.uk-tab>li{position:relative;margin-bottom:-1px;float:left}.uk-tab>li>a{display:block;padding:8px 12px;border:1px solid transparent;border-bottom-width:0;color:#07d;text-decoration:none;border-radius:4px 4px 0 0;text-shadow:0 1px 0 #fff}.uk-tab>li:nth-child(n+2)>a{margin-left:5px}.uk-tab>li>a:hover,.uk-tab>li>a:focus,.uk-tab>li.uk-open>a{border-color:#ddd;background:#fafafa;color:#059;outline:0}.uk-tab>li:not(.uk-active)>a:hover,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li.uk-open:not(.uk-active)>a{margin-bottom:1px;padding-bottom:7px}.uk-tab>li.uk-active>a{border-color:#ddd;border-bottom-color:transparent;background:#fff;color:#444}.uk-tab>li.uk-disabled>a{color:#999;cursor:auto}.uk-tab>li.uk-disabled>a:hover,.uk-tab>li.uk-disabled>a:focus,.uk-tab>li.uk-disabled.uk-active>a{background:0;border-color:transparent}.uk-tab-flip>li{float:right}.uk-tab-flip>li:nth-child(n+2)>a{margin-left:0;margin-right:5px}.uk-tab-responsive{display:none}.uk-tab-responsive>a:before{content:"\f0c9\00a0";font-family:"FontAwesome"}@media(max-width:767px){[data-uk-tab]>li{display:none}[data-uk-tab]>li.uk-tab-responsive{display:block}[data-uk-tab]>li.uk-tab-responsive>a{margin-left:0;margin-right:0}}.uk-tab-center{border-bottom:1px solid #ddd}.uk-tab-center-bottom{border-bottom:0;border-top:1px solid #ddd}.uk-tab-center:before,.uk-tab-center:after{content:" ";display:table}.uk-tab-center:after{clear:both}.uk-tab-center .uk-tab{position:relative;left:50%;border:0;float:left}.uk-tab-center .uk-tab>li{position:relative;left:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:0}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{position:relative;z-index:0;margin-left:-5px;border-bottom:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;z-index:-1;border-top:1px solid #ddd}.uk-tab-grid>li:first-child>a{margin-left:5px}.uk-tab-grid>li>a{text-align:center}.uk-tab-grid.uk-tab-bottom{border-top:0}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media(min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:0}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#ddd}.uk-tab-left{border-right:1px solid #ddd}.uk-tab-left>li{margin-right:-1px}.uk-tab-left>li>a{border-bottom-width:1px;border-right-width:0}.uk-tab-left>li:not(.uk-active)>a:hover,.uk-tab-left>li:not(.uk-active)>a:focus{margin-bottom:0;margin-right:1px;padding-bottom:8px;padding-right:11px}.uk-tab-left>li.uk-active>a{border-right-color:transparent}.uk-tab-right{border-left:1px solid #ddd}.uk-tab-right>li{margin-left:-1px}.uk-tab-right>li>a{border-bottom-width:1px;border-left-width:0}.uk-tab-right>li:not(.uk-active)>a:hover,.uk-tab-right>li:not(.uk-active)>a:focus{margin-bottom:0;margin-left:1px;padding-bottom:8px;padding-left:11px}.uk-tab-right>li.uk-active>a{border-left-color:transparent}}.uk-list{padding:0;list-style:none}.uk-list ul{margin:0;padding-left:20px;list-style:none}.uk-list-line>li:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-list-striped>li{padding:5px 5px;border-bottom:1px solid #ddd}.uk-list-striped>li:nth-of-type(odd){background:#fafafa}.uk-list-space>li:nth-child(n+2){margin-top:10px}@media(min-width:768px){.uk-description-list-horizontal{overflow:hidden}.uk-description-list-horizontal>dt{width:160px;float:left;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-description-list-horizontal>dd{margin-left:180px}}.uk-description-list-line>dt{font-weight:normal}.uk-description-list-line>dt:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-description-list-line>dd{color:#999}.uk-table{width:100%;margin-bottom:15px 0}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding:8px 8px;border-bottom:1px solid #ddd}.uk-table th{text-align:left}.uk-table td{vertical-align:top}.uk-table thead th{vertical-align:bottom}.uk-table caption,.uk-table tfoot{font-size:12px;font-style:italic}.uk-table caption{text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-striped tbody tr:nth-of-type(odd) td{background:#fafafa}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover td{background:#f0f0f0}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input[type="text"],.uk-form input[type="password"],.uk-form input[type="datetime"],.uk-form input[type="datetime-local"],.uk-form input[type="date"],.uk-form input[type="month"],.uk-form input[type="time"],.uk-form input[type="week"],.uk-form input[type="number"],.uk-form input[type="email"],.uk-form input[type="url"],.uk-form input[type="search"],.uk-form input[type="tel"],.uk-form input[type="color"]{height:30px;max-width:100%;padding:4px 6px;border:1px solid #ddd;background:#fff;color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:4px}.uk-form select:focus,.uk-form textarea:focus,.uk-form input[type="text"]:focus,.uk-form input[type="password"]:focus,.uk-form input[type="datetime"]:focus,.uk-form input[type="datetime-local"]:focus,.uk-form input[type="date"]:focus,.uk-form input[type="month"]:focus,.uk-form input[type="time"]:focus,.uk-form input[type="week"]:focus,.uk-form input[type="number"]:focus,.uk-form input[type="email"]:focus,.uk-form input[type="url"]:focus,.uk-form input[type="search"]:focus,.uk-form input[type="tel"]:focus,.uk-form input[type="color"]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input[type="text"]:disabled,.uk-form input[type="password"]:disabled,.uk-form input[type="datetime"]:disabled,.uk-form input[type="datetime-local"]:disabled,.uk-form input[type="date"]:disabled,.uk-form input[type="month"]:disabled,.uk-form input[type="time"]:disabled,.uk-form input[type="week"]:disabled,.uk-form input[type="number"]:disabled,.uk-form input[type="email"]:disabled,.uk-form input[type="url"]:disabled,.uk-form input[type="search"]:disabled,.uk-form input[type="tel"]:disabled,.uk-form input[type="color"]:disabled{border-color:#ddd;background-color:#fafafa;color:#999}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto}.uk-form :-ms-input-placeholder{color:#999!important}.uk-form ::-moz-placeholder{color:#999}.uk-form ::-webkit-input-placeholder{color:#999}.uk-form :disabled:-ms-input-placeholder{color:#999!important}.uk-form :disabled::-moz-placeholder{color:#999}.uk-form :disabled::-webkit-input-placeholder{color:#999}.uk-form legend{width:100%;padding-bottom:15px;font-size:18px;line-height:30px}.uk-form legend:after{content:"";display:block;border-bottom:1px solid #ddd}.uk-form-danger{border-color:#dc8d99!important;background:#fff7f8!important;color:#c91032!important}.uk-form-success{border-color:#8ec73b!important;background:#fafff2!important;color:#539022!important}.uk-form-small{height:25px!important;padding:3px 3px!important;font-size:12px}.uk-form-large{height:40px!important;padding:8px 6px!important;font-size:16px}.uk-form-blank{border:none!important;background:none!important;box-shadow:none!important;outline:1px dashed transparent!important}.uk-form-blank:focus{outline-color:#ddd!important}input.uk-form-width-mini{width:40px}select.uk-form-width-mini{width:65px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-form-row:before,.uk-form-row:after{content:" ";display:table}.uk-form-row:after{clear:both}.uk-form-row+.uk-form-row{margin-top:15px}.uk-form-help-inline{display:inline-block;margin:0 0 0 10px}.uk-form-help-block{margin:5px 0 0 0}.uk-form-controls>:last-child{margin-bottom:0}.uk-form-controls-condensed{margin:5px 0}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px;font-weight:bold}@media(max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:bold}}@media(min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:5px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:5px}}.uk-button{display:inline-block;min-height:30px;padding:0 12px;border:0;background:#f7f7f7;line-height:28px;color:#444;letter-spacing:normal;border:1px solid rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);border-radius:4px;text-shadow:0 1px 0 #fff}a.uk-button{-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none}.uk-button:hover,.uk-button:focus{background-color:#fafafa;color:#444;outline:0;background-image:none}.uk-button:active,.uk-button.uk-active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,0.2);border-top-color:rgba(0,0,0,0.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uk-button-primary{background-color:#009dd8;color:#fff;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);border-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.4);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#00aff2;color:#fff;background-image:none}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#008abf;color:#fff;background-image:none;border-color:rgba(0,0,0,0.2);border-top-color:rgba(0,0,0,0.4);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2)}.uk-button-success{background-color:#82bb42;color:#fff;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34);border-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.4);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-button-success:hover,.uk-button-success:focus{background-color:#8fce48;color:#fff;background-image:none}.uk-button-success:active,.uk-button-success.uk-active{background-color:#76b430;color:#fff;background-image:none;border-color:rgba(0,0,0,0.2);border-top-color:rgba(0,0,0,0.4);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2)}.uk-button-danger{background-color:#d32c46;color:#fff;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39);border-color:rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.4);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-button-danger:hover,.uk-button-danger:focus{background-color:#e33551;color:#fff;background-image:none}.uk-button-danger:active,.uk-button-danger.uk-active{background-color:#c91c37;color:#fff;background-image:none;border-color:rgba(0,0,0,0.2);border-top-color:rgba(0,0,0,0.4);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2)}.uk-button:disabled{background-color:#fafafa;color:#999;border-color:rgba(0,0,0,0.2);background-image:none;box-shadow:none;text-shadow:0 1px 0 #fff}.uk-button-link,.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active,.uk-button-link:disabled{display:inline;border:0;background:0;box-shadow:none;text-shadow:none}.uk-button-link{color:#07d}.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:18px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:23px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:38px;font-size:16px;border-radius:5px}.uk-button-expand{display:block;width:100%;text-align:center}.uk-button-expand+.uk-button-expand{margin-top:10px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;letter-spacing:-0.31em;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot");src:url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff") format("woff"),url("../fonts/fontawesome-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}[class*='uk-icon-']:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased}.uk-icon-small:before{font-size:150%;vertical-align:-10%}.uk-icon-medium:before{font-size:200%;vertical-align:-16%}.uk-icon-large:before{font-size:250%;vertical-align:-22%}.uk-icon-spin{display:inline-block;-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}.uk-icon-button{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#f7f7f7;line-height:35px;color:#444;font-size:17.5px;text-align:center;border:1px solid #ccc;border-bottom-color:#bbb;background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);text-shadow:0 1px 0 #fff}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#fafafa;color:#444;text-decoration:none;outline:0;background-image:none}.uk-icon-button:active{background-color:#f5f5f5;color:#444;border-color:#ccc;border-top-color:#bbb;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-alt:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-empty:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-ok:before{content:"\f00c"}.uk-icon-remove:before{content:"\f00d"}.uk-icon-zoom-in:before{content:"\f00e"}.uk-icon-zoom-out:before{content:"\f010"}.uk-icon-power-off:before,.uk-icon-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-alt:before{content:"\f016"}.uk-icon-time:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download-alt:before{content:"\f019"}.uk-icon-download:before{content:"\f01a"}.uk-icon-upload:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-indent-left:before{content:"\f03b"}.uk-icon-indent-right:before{content:"\f03c"}.uk-icon-facetime-video:before{content:"\f03d"}.uk-icon-picture:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before{content:"\f044"}.uk-icon-share:before{content:"\f045"}.uk-icon-check:before{content:"\f046"}.uk-icon-move:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-sign:before{content:"\f055"}.uk-icon-minus-sign:before{content:"\f056"}.uk-icon-remove-sign:before{content:"\f057"}.uk-icon-ok-sign:before{content:"\f058"}.uk-icon-question-sign:before{content:"\f059"}.uk-icon-info-sign:before{content:"\f05a"}.uk-icon-screenshot:before{content:"\f05b"}.uk-icon-remove-circle:before{content:"\f05c"}.uk-icon-ok-circle:before{content:"\f05d"}.uk-icon-ban-circle:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share-alt:before{content:"\f064"}.uk-icon-resize-full:before{content:"\f065"}.uk-icon-resize-small:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-sign:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye-open:before{content:"\f06e"}.uk-icon-eye-close:before{content:"\f070"}.uk-icon-warning-sign:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder-close:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-resize-vertical:before{content:"\f07d"}.uk-icon-resize-horizontal:before{content:"\f07e"}.uk-icon-bar-chart:before{content:"\f080"}.uk-icon-twitter-sign:before{content:"\f081"}.uk-icon-facebook-sign:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-up-alt:before{content:"\f087"}.uk-icon-thumbs-down-alt:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-empty:before{content:"\f08a"}.uk-icon-signout:before{content:"\f08b"}.uk-icon-linkedin-sign:before{content:"\f08c"}.uk-icon-pushpin:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-signin:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-sign:before{content:"\f092"}.uk-icon-upload-alt:before{content:"\f093"}.uk-icon-lemon:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-unchecked:before,.uk-icon-check-empty:before{content:"\f096"}.uk-icon-bookmark-empty:before{content:"\f097"}.uk-icon-phone-sign:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0a2"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-right:before{content:"\f0a4"}.uk-icon-hand-left:before{content:"\f0a5"}.uk-icon-hand-up:before{content:"\f0a6"}.uk-icon-hand-down:before{content:"\f0a7"}.uk-icon-circle-arrow-left:before{content:"\f0a8"}.uk-icon-circle-arrow-right:before{content:"\f0a9"}.uk-icon-circle-arrow-up:before{content:"\f0aa"}.uk-icon-circle-arrow-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-fullscreen:before{content:"\f0b2"}.uk-icon-group:before{content:"\f0c0"}.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-beaker:before{content:"\f0c3"}.uk-icon-cut:before{content:"\f0c4"}.uk-icon-copy:before{content:"\f0c5"}.uk-icon-paperclip:before,.uk-icon-paper-clip:before{content:"\f0c6"}.uk-icon-save:before{content:"\f0c7"}.uk-icon-sign-blank:before{content:"\f0c8"}.uk-icon-reorder:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-sign:before{content:"\f0d3"}.uk-icon-google-plus-sign:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before{content:"\f0dd"}.uk-icon-sort-up:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before{content:"\f0e3"}.uk-icon-dashboard:before{content:"\f0e4"}.uk-icon-comment-alt:before{content:"\f0e5"}.uk-icon-comments-alt:before{content:"\f0e6"}.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before{content:"\f0ea"}.uk-icon-lightbulb:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-alt:before{content:"\f0f3"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-food:before{content:"\f0f5"}.uk-icon-file-text-alt:before{content:"\f0f6"}.uk-icon-building:before{content:"\f0f7"}.uk-icon-hospital:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-sign:before{content:"\f0fd"}.uk-icon-plus-sign-alt:before{content:"\f0fe"}.uk-icon-double-angle-left:before{content:"\f100"}.uk-icon-double-angle-right:before{content:"\f101"}.uk-icon-double-angle-up:before{content:"\f102"}.uk-icon-double-angle-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before{content:"\f10b"}.uk-icon-circle-blank:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-close-alt:before{content:"\f114"}.uk-icon-folder-open-alt:before{content:"\f115"}.uk-icon-expand-alt:before{content:"\f116"}.uk-icon-collapse-alt:before{content:"\f117"}.uk-icon-smile:before{content:"\f118"}.uk-icon-frown:before{content:"\f119"}.uk-icon-meh:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard:before{content:"\f11c"}.uk-icon-flag-alt:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-reply-all:before{content:"\f122"}.uk-icon-mail-reply-all:before{content:"\f122"}.uk-icon-star-half-full:before,.uk-icon-star-half-empty:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-off:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-empty:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-sign-left:before{content:"\f137"}.uk-icon-chevron-sign-right:before{content:"\f138"}.uk-icon-chevron-sign-up:before{content:"\f139"}.uk-icon-chevron-sign-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-horizontal:before{content:"\f141"}.uk-icon-ellipsis-vertical:before{content:"\f142"}.uk-icon-rss-sign:before{content:"\f143"}.uk-icon-play-sign:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-sign-alt:before{content:"\f146"}.uk-icon-check-minus:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-sign:before{content:"\f14a"}.uk-icon-edit-sign:before{content:"\f14b"}.uk-icon-external-link-sign:before{content:"\f14c"}.uk-icon-share-sign:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-collapse:before{content:"\f150"}.uk-icon-collapse-top:before{content:"\f151"}.uk-icon-expand:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-renminbi:before,.uk-icon-cny:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-by-alphabet:before{content:"\f15d"}.uk-icon-sort-by-alphabet-alt:before{content:"\f15e"}.uk-icon-sort-by-attributes:before{content:"\f160"}.uk-icon-sort-by-attributes-alt:before{content:"\f161"}.uk-icon-sort-by-order:before{content:"\f162"}.uk-icon-sort-by-order-alt:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-sign:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-sign:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stackexchange:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-sign:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-sign:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before{content:"\f184"}.uk-icon-sun:before{content:"\f185"}.uk-icon-moon:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-close{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;width:20px;line-height:20px;text-align:center;color:inherit;opacity:.3;padding:0;border:0;-webkit-appearance:none;background:transparent}.uk-close:after{display:block;content:"\f00d";font-family:"FontAwesome"}.uk-close:hover,.uk-close:focus{opacity:.5;outline:0}a.uk-close:hover{color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:100%;background:#fff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 0 6px rgba(0,0,0,0.3)}.uk-close-alt:hover,.uk-close-alt:focus{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:hover:after,.uk-close-alt:focus:after{opacity:.8}.uk-badge{display:inline-block;padding:0 5px;background:#009dd8;font-size:10px;font-weight:bold;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none;border:1px solid rgba(0,0,0,0.2);border-bottom-color:rgba(0,0,0,0.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);border-radius:2px;text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-badge-notification{-moz-box-sizing:border-box;box-sizing:border-box;min-width:18px;border-radius:500px;font-size:12px;line-height:18px}.uk-badge-success{background-color:#82bb42;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34)}.uk-badge-warning{background-color:#f9a124;background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406)}.uk-badge-danger{background-color:#d32c46;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39)}.uk-alert{margin-bottom:15px;padding:10px;background:#ebf7fd;color:#2d7091;border:1px solid rgba(45,112,145,0.3);border-radius:4px;text-shadow:0 1px 0 #fff}*+.uk-alert{margin-top:15px}.uk-alert>:last-child{margin-bottom:0}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert>.uk-close:first-child{float:right}.uk-alert>.uk-close:first-child+*{margin-top:0}.uk-alert-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,0.3)}.uk-alert-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,0.3)}.uk-alert-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,0.3)}.uk-alert-large{padding:20px}.uk-alert-large>.uk-close:first-child{margin:-10px -10px 0 0}.uk-thumbnail{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:4px;border:1px solid #ddd;background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}a.uk-thumbnail:hover,a.uk-thumbnail:focus{border-color:#aaa;background-color:#fff;text-decoration:none;outline:0;box-shadow:0 1px 4px rgba(0,0,0,0.3)}.uk-thumbnail-caption{padding-top:5px;text-align:center;color:#444}.uk-thumbnail-mini{width:150px}.uk-thumbnail-small{width:200px}.uk-thumbnail-medium{width:300px}.uk-thumbnail-large{width:400px}.uk-thumbnail-expand,.uk-thumbnail-expand>img{width:100%}.uk-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1}.uk-overlay-area:before{content:"\f002";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-size:50px;line-height:1;font-family:"FontAwesome";text-align:center;color:#fff}.uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,0.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-caption,.uk-overlay-toggle:hover .uk-overlay-caption{opacity:1}.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#f7f7f7;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.07),inset 0 2px 2px rgba(0,0,0,0.07);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#009dd8;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2),inset 0 0 0 1px rgba(0,0,0,0.1);text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#82bb42;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34)}.uk-progress-warning .uk-progress-bar{background-color:#f9a124;background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406)}.uk-progress-danger .uk-progress-bar{background-color:#d32c46;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39)}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:"FontAwesome";font-size:14px;color:rgba(0,0,0,0.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);border-radius:0;background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s}input.uk-search-field{-webkit-appearance:none}.uk-search-field:-ms-input-placeholder{color:#999}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field::-ms-clear{display:none}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-active .uk-search-field{width:180px}.uk-search-close{display:none;position:absolute;top:0;right:0;width:30px;line-height:30px;text-align:center;font-size:14px;color:rgba(0,0,0,0.2);padding:0;border:0;-webkit-appearance:none;background:transparent}.uk-loading>.uk-search-close,.uk-active>.uk-search-close{display:block}.uk-search-close:after{display:block;content:"\f00d";font-family:"FontAwesome"}.uk-loading>.uk-search-close:after{content:"\f110";-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}[class*='uk-animation-']{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.uk-animation-scale-up{-webkit-animation-name:uk-scale-up;animation-name:uk-scale-up}.uk-animation-scale-down{-webkit-animation-name:uk-scale-down;animation-name:uk-scale-down}.uk-animation-slide-top{-webkit-animation-name:uk-slide-top;animation-name:uk-slide-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-slide-bottom;animation-name:uk-slide-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-slide-left;animation-name:uk-slide-left}.uk-animation-slide-right{-webkit-animation-name:uk-slide-right;animation-name:uk-slide-right}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-scale-up{0%{opacity:0;-webkit-transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-up{0%{opacity:0;transform:scale(0.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-scale-down{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.uk-dropdown{display:none;position:absolute;top:100%;left:0;z-index:1000;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#fff;color:#444;letter-spacing:normal;border:1px solid #cbcbcb;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.uk-open>.uk-dropdown{display:block;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-dropdown-flip{left:auto;right:0}.uk-dropdown-up{top:auto;bottom:100%;margin-top:auto;margin-bottom:5px}.uk-dropdown .uk-nav{margin:0 -15px}.uk-dropdown>.uk-grid+.uk-grid{margin-top:15px}.uk-dropdown>.uk-grid>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:15px}@media(min-width:768px){.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid{margin-left:-15px;margin-right:-15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*='uk-width-']{padding-left:15px;padding-right:15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*='uk-width-']:nth-child(n+2){border-left:1px solid #ddd}.uk-dropdown-width-2:not(.uk-dropdown-stack){width:400px}.uk-dropdown-width-3:not(.uk-dropdown-stack){width:600px}.uk-dropdown-width-4:not(.uk-dropdown-stack){width:800px}.uk-dropdown-width-5:not(.uk-dropdown-stack){width:1000px}}@media(max-width:767px){.uk-dropdown>.uk-grid>[class*='uk-width-']{width:100%}.uk-dropdown>.uk-grid>[class*='uk-width-']:nth-child(n+2){margin-top:15px}}.uk-dropdown-stack>.uk-grid>[class*='uk-width-']{width:100%}.uk-dropdown-stack>.uk-grid>[class*='uk-width-']:nth-child(n+2){margin-top:15px}.uk-dropdown-small{min-width:150px;width:auto;padding:5px;white-space:nowrap}.uk-dropdown-small .uk-nav{margin:0 -5px}.uk-dropdown-navbar{margin-top:6px;background:#fff;color:#444;left:-1px;border:1px solid #cbcbcb;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.uk-open>.uk-dropdown-navbar{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-dropdown-search{width:300px;margin-top:0;background:#fff;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:11px;margin-right:-16px}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;top:10%;left:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;width:600px;margin-left:-300px;background:#fff;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.3)}@media(max-width:767px){.uk-modal-dialog{top:0;left:0;right:0;width:auto;margin:10px}}.uk-modal-dialog>:last-child{margin-bottom:0}.uk-modal-dialog-slide{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}.uk-open .uk-modal-dialog-slide{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+*{margin-top:0}.uk-modal-dialog-frameless{padding:0}.uk-modal-dialog-frameless>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media(max-width:767px){.uk-modal-dialog-frameless>.uk-close:first-child{top:-7px;right:-7px}}.uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:rgba(0,0,0,0.1)}.uk-offcanvas.uk-active{display:block}.uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out 50ms;transition:margin-left .3s ease-in-out 50ms}.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1011;width:270px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.uk-offcanvas .uk-panel{margin:20px 15px;color:#777;text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-offcanvas .uk-panel-title{color:#ccc}.uk-offcanvas .uk-panel a:not([class]){color:#ccc}.uk-offcanvas .uk-panel a:not([class]):hover{color:#fff}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:rgba(0,0,0,0);background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>*:not(.uk-active){display:none}.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,0.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,0.5)}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top:after,.uk-tooltip-top-left:after,.uk-tooltip-top-right:after{bottom:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after{top:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-top:after,.uk-tooltip-bottom:after{left:50%;margin-left:-5px}.uk-tooltip-top-left:after,.uk-tooltip-bottom-left:after{left:10px}.uk-tooltip-top-right:after,.uk-tooltip-bottom-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px}.uk-text-bold{font-weight:bold}.uk-text-muted{color:#999}.uk-text-info{color:#2d7091}.uk-text-success{color:#659f13}.uk-text-warning{color:#e28327}.uk-text-danger{color:#d85030}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-container{-moz-box-sizing:border-box;box-sizing:border-box;max-width:980px;padding:0 25px}@media(min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:" ";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before,.uk-clearfix:after{content:" ";display:table}.uk-clearfix:after{clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*='uk-align-']{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media(min-width:768px){.uk-align-medium-left{margin-right:15px;margin-bottom:15px;float:left}.uk-align-medium-right{margin-left:15px;margin-bottom:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{letter-spacing:-0.31em}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;letter-spacing:normal;max-width:100%}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}.uk-height-1-1{height:100%}.uk-responsive-width,.uk-responsive-height{-moz-box-sizing:border-box;box-sizing:border-box}.uk-responsive-width{max-width:100%;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px!important}.uk-margin-bottom{margin-bottom:15px!important}.uk-margin-remove{margin:0!important}.uk-margin-top-remove{margin-top:0!important}.uk-margin-bottom-remove{margin-bottom:0!important}@media(min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted *{color:#444}.uk-link-muted:hover,.uk-link-muted *:hover{color:#444}.uk-scrollable-text{max-height:300px;overflow-y:scroll}.uk-scrollable-box{max-height:150px;padding:10px;border:1px solid #ddd;overflow:auto;border-radius:3px}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}@media(min-width:960px){.uk-visible-small{display:none!important}.uk-visible-medium{display:none!important}.uk-hidden-large{display:none!important}}@media(min-width:768px) and (max-width:959px){.uk-visible-small{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-medium{display:none!important}}@media(max-width:767px){.uk-visible-medium{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-small{display:none!important}}.uk-hidden{display:none!important;visibility:hidden!important}.uk-visible-hover:hover .uk-hidden{display:block!important;visibility:visible!important}.uk-visible-hover-inline:hover .uk-hidden{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.uk-article+.uk-article{padding-top:15px;border-top:1px solid #ddd}.uk-comment-body{padding-left:10px;padding-right:10px}.uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(255,255,255,0.05)}.uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,0.3);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.uk-navbar:not(.uk-navbar-attached){border-radius:4px}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}.uk-navbar .uk-navbar-flip .uk-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0;border-bottom-left-radius:0}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}.uk-tab-bottom>li>a{border-radius:0 0 4px 4px}@media(min-width:768px){.uk-tab-left>li>a{border-radius:4px 0 0 4px}.uk-tab-right>li>a{border-radius:0 4px 4px 0}}.uk-list-striped>li:first-child{border-top:1px solid #ddd}.uk-button-group>.uk-button:not(:first-child):not(:last-child),.uk-button-group>div:not(:first-child):not(:last-child) .uk-button{border-radius:0}.uk-button-group>.uk-button:first-child,.uk-button-group>div:first-child .uk-button{border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>.uk-button:last-child,.uk-button-group>div:last-child .uk-button{border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button:active{position:relative}.uk-progress-mini,.uk-progress-small{border-radius:500px}.uk-dropdown-navbar.uk-dropdown-flip{left:auto}.uk-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,0.6);box-shadow:0 0 5px 2px rgba(0,0,0,0.6)}.uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,0.6);box-shadow:0 0 5px 2px rgba(0,0,0,0.6)} \ No newline at end of file diff --git a/app/static/lib/uikit/css/uikit.min.css b/app/static/lib/uikit/css/uikit.min.css new file mode 100644 index 0000000..a8507d3 --- /dev/null +++ b/app/static/lib/uikit/css/uikit.min.css @@ -0,0 +1,3 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:Consolas,monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}input[type="radio"],input[type="checkbox"]{cursor:pointer}button:disabled,input:disabled{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder{opacity:1}table{border-collapse:collapse;border-spacing:0}html{font-size:14px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;line-height:20px;color:#444}@media(max-width:767px){body{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}a{text-decoration:none}a:hover{text-decoration:underline}a{color:#07d}a:hover{color:#059}em{color:#d05}ins{background:#ffa;color:#444;text-decoration:none}mark{background:#ffa;color:#444}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted;font-style:normal}img{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle}.uk-img-preserve,.uk-img-preserve img,img[src*="maps.gstatic.com"],img[src*="googleapis.com"]{max-width:none}p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure{margin:0 0 15px 0}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;color:#444;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:25px}h1,.uk-h1{font-size:36px;line-height:42px}h2,.uk-h2{font-size:24px;line-height:30px}h3,.uk-h3{font-size:18px;line-height:24px}h4,.uk-h4{font-size:16px;line-height:22px}h5,.uk-h5{font-size:14px;line-height:20px}h6,.uk-h6{font-size:12px;line-height:18px}ul,ol{padding-left:30px}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:bold}dd{margin-left:0}hr{display:block;padding:0;border:0;border-top:1px solid #ddd}address{font-style:normal}q,blockquote{font-style:italic}blockquote{padding-left:15px;border-left:5px solid #ddd;font-size:16px;line-height:22px}blockquote small{display:block;color:#999;font-style:normal}blockquote p:last-of-type{margin-bottom:5px}code{color:#d05;font-size:12px;white-space:nowrap}pre code{color:inherit;white-space:pre-wrap}pre{padding:10px;background:#f5f5f5;color:#444;font-size:12px;line-height:18px;-moz-tab-size:4;tab-size:4}button,input:not([type="radio"]):not([type="checkbox"]),select{vertical-align:middle}iframe{border:0}@-ms-viewport{width:device-width}.uk-grid:before,.uk-grid:after{content:" ";display:table}.uk-grid:after{clear:both}.uk-grid{margin:0 0 0 -25px;padding:0;list-style:none}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>[class*='uk-width-']{margin:0;padding-left:25px;float:left}.uk-grid>[class*='uk-width-']>:last-child{margin-bottom:0}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider:not(:empty)>[class*='uk-width-']{padding-left:25px;padding-right:25px}.uk-grid-divider:not(:empty)>[class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-2-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-3-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-4-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-5-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-6-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-7-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-8-']:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*='uk-width-9-']:nth-child(n+2){border-left:1px solid #ddd}@media(min-width:768px){.uk-grid-divider:not(:empty)>[class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media(min-width:960px){.uk-grid-divider:not(:empty)>[class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}.uk-grid>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:25px}@media(min-width:1220px){.uk-grid:not(.uk-grid-preserve){margin-left:-35px}.uk-grid:not(.uk-grid-preserve)>[class*='uk-width-']{padding-left:35px}.uk-grid:not(.uk-grid-preserve)+.uk-grid{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>.uk-grid-margin{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty)>[class*='uk-width-']{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}[class*='uk-width-']{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media(min-width:768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media(min-width:960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media(min-width:768px){[class*='uk-push-'],[class*='uk-pull-']{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{position:relative}.uk-panel:before,.uk-panel:after{content:" ";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-bottom:15px;font-size:18px;line-height:24px;font-weight:normal;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-badge+*{margin-top:0}.uk-panel-box{padding:15px;background:#f5f5f5;color:#444}.uk-panel-box .uk-panel-title{color:#444}.uk-panel-box .uk-panel-badge{top:10px;right:10px}.uk-panel-box .uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091}.uk-panel-box-primary .uk-panel-title{color:#2d7091}.uk-panel-box-secondary{background-color:#eee;color:#444}.uk-panel-box-secondary .uk-panel-title{color:#444}.uk-panel-header .uk-panel-title{padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.uk-panel-space{padding:30px}.uk-panel-space .uk-panel-badge{top:30px;right:30px}.uk-panel+.uk-panel-divider{margin-top:50px!important}.uk-panel+.uk-panel-divider:before{content:"";display:block;position:absolute;top:-25px;left:0;right:0;border-top:1px solid #ddd}@media(min-width:1220px){.uk-panel+.uk-panel-divider{margin-top:70px!important}.uk-panel+.uk-panel-divider:before{top:-35px}}.uk-article:before,.uk-article:after{content:" ";display:table}.uk-article:after{clear:both}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:15px}.uk-article-title{font-size:36px;line-height:42px;font-weight:normal;text-transform:none}.uk-article-title a{color:inherit;text-decoration:none}.uk-article-meta{font-size:12px;line-height:18px;color:#999}.uk-article-lead{color:#444;font-size:18px;line-height:24px;font-weight:normal}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-comment-header{margin-bottom:15px}.uk-comment-header:before,.uk-comment-header:after{content:" ";display:table}.uk-comment-header:after{clear:both}.uk-comment-avatar{margin-right:15px;float:left}.uk-comment-title{margin:5px 0 0 0;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body>:last-child{margin-bottom:0}.uk-comment-list{padding:0;list-style:none}.uk-comment-list .uk-comment+ul{margin:15px 0 0 0;padding-left:100px;list-style:none}.uk-comment-list>li:nth-child(n+2),.uk-comment-list .uk-comment+ul>li:nth-child(n+2){margin-top:15px}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav>li>a{padding:5px 15px}.uk-nav ul{padding-left:15px}.uk-nav ul a{padding:2px 0}.uk-nav li>a>div{font-size:12px;line-height:18px}.uk-nav-header{padding:5px 15px;text-transform:uppercase;font-weight:bold;font-size:12px}.uk-nav-header:not(:first-child){margin-top:15px}.uk-nav-divider{margin:9px 15px}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-parent-icon>.uk-parent>a:after{content:"\f104";width:20px;margin-right:-10px;float:right;font-family:"FontAwesome";text-align:center}.uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f107"}.uk-nav-side>li>a{color:#444}.uk-nav-side>li>a:hover,.uk-nav-side>li>a:focus{background:rgba(0,0,0,0.05);color:#444;outline:0}.uk-nav-side>li.uk-active>a{background:#00a8e6;color:#fff}.uk-nav-side .uk-nav-header{color:#444}.uk-nav-side .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-side ul a{color:#07d}.uk-nav-side ul a:hover{color:#059}.uk-nav-dropdown>li>a{color:#444}.uk-nav-dropdown>li>a:hover,.uk-nav-dropdown>li>a:focus{background:#00a8e6;color:#fff;outline:0}.uk-nav-dropdown .uk-nav-header{color:#999}.uk-nav-dropdown .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-dropdown ul a{color:#07d}.uk-nav-dropdown ul a:hover{color:#059}.uk-nav-navbar>li>a{color:#444}.uk-nav-navbar>li>a:hover,.uk-nav-navbar>li>a:focus{background:#00a8e6;color:#fff;outline:0}.uk-nav-navbar .uk-nav-header{color:#999}.uk-nav-navbar .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-navbar ul a{color:#07d}.uk-nav-navbar ul a:hover{color:#059}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#00a8e6;color:#fff;outline:0}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-nav-offcanvas>li>a{color:#ccc;padding:10px 15px}.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus{background:#404040;color:#fff;outline:0}html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a;color:#fff}.uk-nav-offcanvas .uk-nav-header{color:#777}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid #1a1a1a}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-navbar{background:#eee;color:#444}.uk-navbar:before,.uk-navbar:after{content:" ";display:table}.uk-navbar:after{clear:both}.uk-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-navbar-nav>li{position:relative;float:left}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal}.uk-navbar-nav>li>a[href='#']{cursor:auto}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus,.uk-navbar-nav>li.uk-open>a{background-color:#f5f5f5;color:#444;outline:0}.uk-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height:28px}.uk-navbar-nav-subtitle>div{margin-top:-6px;font-size:10px;line-height:12px}.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;height:40px;padding:0 15px;float:left}.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center){padding-left:0}.uk-navbar-content>a:not([class]){color:#07d}.uk-navbar-content>a:not([class]):hover{color:#059}.uk-navbar-brand{font-size:18px;color:#444}.uk-navbar-brand:hover,.uk-navbar-brand:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle{font-size:18px;color:#444}.uk-navbar-toggle:hover,.uk-navbar-toggle:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle:after{content:"\f0c9";font-family:"FontAwesome";vertical-align:middle}.uk-navbar-toggle-alt:after{content:"\f002"}.uk-navbar-center{max-width:50%;margin:auto;float:none;text-align:center}.uk-navbar-flip{float:right}.uk-subnav{padding:0;list-style:none;letter-spacing:-0.31em}.uk-subnav>li{position:relative;letter-spacing:normal}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.uk-subnav>li>a{color:#07d}.uk-subnav>li>a:hover{color:#059}.uk-subnav>li>span{color:#999}.uk-subnav-line>li:nth-child(n+2):before{content:"";display:inline-block;height:10px;margin-right:10px;border-left:1px solid #ddd}.uk-subnav-pill>li>a,.uk-subnav-pill>li>span{padding:3px 9px;text-decoration:none}.uk-subnav-pill>li>a:hover,.uk-subnav-pill>li>a:focus{background:#eee;color:#444;outline:0}.uk-subnav-pill>li.uk-active>a{background:#00a8e6;color:#fff}.uk-breadcrumb{padding:0;list-style:none;letter-spacing:-0.31em}.uk-breadcrumb>li{letter-spacing:normal}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px;vertical-align:top}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;letter-spacing:-0.31em}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;letter-spacing:normal}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;text-align:center}.uk-pagination>li>a{background:#eee;color:#444}.uk-pagination>li>a:hover,.uk-pagination>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-pagination>li>a:active{background-color:#ddd;color:#444}.uk-pagination>.uk-active>span{background:#00a8e6;color:#fff}.uk-pagination>.uk-disabled>span{background-color:#f5f5f5;color:#999}.uk-pagination-previous{float:left}.uk-pagination-next{float:right}.uk-pagination-left{text-align:left}.uk-pagination-right{text-align:right}.uk-tab{margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd}.uk-tab:before,.uk-tab:after{content:" ";display:table}.uk-tab:after{clear:both}.uk-tab>li{position:relative;margin-bottom:-1px;float:left}.uk-tab>li>a{display:block;padding:8px 12px;border:1px solid transparent;border-bottom-width:0;color:#07d;text-decoration:none}.uk-tab>li:nth-child(n+2)>a{margin-left:5px}.uk-tab>li>a:hover,.uk-tab>li>a:focus,.uk-tab>li.uk-open>a{border-color:#f5f5f5;background:#f5f5f5;color:#059;outline:0}.uk-tab>li:not(.uk-active)>a:hover,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li.uk-open:not(.uk-active)>a{margin-bottom:1px;padding-bottom:7px}.uk-tab>li.uk-active>a{border-color:#ddd;border-bottom-color:transparent;background:#fff;color:#444}.uk-tab>li.uk-disabled>a{color:#999;cursor:auto}.uk-tab>li.uk-disabled>a:hover,.uk-tab>li.uk-disabled>a:focus,.uk-tab>li.uk-disabled.uk-active>a{background:0;border-color:transparent}.uk-tab-flip>li{float:right}.uk-tab-flip>li:nth-child(n+2)>a{margin-left:0;margin-right:5px}.uk-tab-responsive{display:none}.uk-tab-responsive>a:before{content:"\f0c9\00a0";font-family:"FontAwesome"}@media(max-width:767px){[data-uk-tab]>li{display:none}[data-uk-tab]>li.uk-tab-responsive{display:block}[data-uk-tab]>li.uk-tab-responsive>a{margin-left:0;margin-right:0}}.uk-tab-center{border-bottom:1px solid #ddd}.uk-tab-center-bottom{border-bottom:0;border-top:1px solid #ddd}.uk-tab-center:before,.uk-tab-center:after{content:" ";display:table}.uk-tab-center:after{clear:both}.uk-tab-center .uk-tab{position:relative;left:50%;border:0;float:left}.uk-tab-center .uk-tab>li{position:relative;left:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:0}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{position:relative;z-index:0;margin-left:-5px;border-bottom:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;z-index:-1;border-top:1px solid #ddd}.uk-tab-grid>li:first-child>a{margin-left:5px}.uk-tab-grid>li>a{text-align:center}.uk-tab-grid.uk-tab-bottom{border-top:0}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media(min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:0}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#ddd}.uk-tab-left{border-right:1px solid #ddd}.uk-tab-left>li{margin-right:-1px}.uk-tab-left>li>a{border-bottom-width:1px;border-right-width:0}.uk-tab-left>li:not(.uk-active)>a:hover,.uk-tab-left>li:not(.uk-active)>a:focus{margin-bottom:0;margin-right:1px;padding-bottom:8px;padding-right:11px}.uk-tab-left>li.uk-active>a{border-right-color:transparent}.uk-tab-right{border-left:1px solid #ddd}.uk-tab-right>li{margin-left:-1px}.uk-tab-right>li>a{border-bottom-width:1px;border-left-width:0}.uk-tab-right>li:not(.uk-active)>a:hover,.uk-tab-right>li:not(.uk-active)>a:focus{margin-bottom:0;margin-left:1px;padding-bottom:8px;padding-left:11px}.uk-tab-right>li.uk-active>a{border-left-color:transparent}}.uk-list{padding:0;list-style:none}.uk-list ul{margin:0;padding-left:20px;list-style:none}.uk-list-line>li:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-list-striped>li{padding:5px 5px}.uk-list-striped>li:nth-of-type(odd){background:#f5f5f5}.uk-list-space>li:nth-child(n+2){margin-top:10px}@media(min-width:768px){.uk-description-list-horizontal{overflow:hidden}.uk-description-list-horizontal>dt{width:160px;float:left;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-description-list-horizontal>dd{margin-left:180px}}.uk-description-list-line>dt{font-weight:normal}.uk-description-list-line>dt:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-description-list-line>dd{color:#999}.uk-table{width:100%;margin-bottom:15px 0}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding:8px 8px}.uk-table th{text-align:left}.uk-table td{vertical-align:top}.uk-table thead th{vertical-align:bottom}.uk-table caption,.uk-table tfoot{font-size:12px;font-style:italic}.uk-table caption{text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-striped tbody tr:nth-of-type(odd) td{background:#f5f5f5}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover td{background:#eee}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input[type="text"],.uk-form input[type="password"],.uk-form input[type="datetime"],.uk-form input[type="datetime-local"],.uk-form input[type="date"],.uk-form input[type="month"],.uk-form input[type="time"],.uk-form input[type="week"],.uk-form input[type="number"],.uk-form input[type="email"],.uk-form input[type="url"],.uk-form input[type="search"],.uk-form input[type="tel"],.uk-form input[type="color"]{height:30px;max-width:100%;padding:4px 6px;border:1px solid #ddd;background:#fff;color:#444;-webkit-transition:all linear .2s;transition:all linear .2s}.uk-form select:focus,.uk-form textarea:focus,.uk-form input[type="text"]:focus,.uk-form input[type="password"]:focus,.uk-form input[type="datetime"]:focus,.uk-form input[type="datetime-local"]:focus,.uk-form input[type="date"]:focus,.uk-form input[type="month"]:focus,.uk-form input[type="time"]:focus,.uk-form input[type="week"]:focus,.uk-form input[type="number"]:focus,.uk-form input[type="email"]:focus,.uk-form input[type="url"]:focus,.uk-form input[type="search"]:focus,.uk-form input[type="tel"]:focus,.uk-form input[type="color"]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input[type="text"]:disabled,.uk-form input[type="password"]:disabled,.uk-form input[type="datetime"]:disabled,.uk-form input[type="datetime-local"]:disabled,.uk-form input[type="date"]:disabled,.uk-form input[type="month"]:disabled,.uk-form input[type="time"]:disabled,.uk-form input[type="week"]:disabled,.uk-form input[type="number"]:disabled,.uk-form input[type="email"]:disabled,.uk-form input[type="url"]:disabled,.uk-form input[type="search"]:disabled,.uk-form input[type="tel"]:disabled,.uk-form input[type="color"]:disabled{border-color:#ddd;background-color:#f5f5f5;color:#999}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto}.uk-form :-ms-input-placeholder{color:#999!important}.uk-form ::-moz-placeholder{color:#999}.uk-form ::-webkit-input-placeholder{color:#999}.uk-form :disabled:-ms-input-placeholder{color:#999!important}.uk-form :disabled::-moz-placeholder{color:#999}.uk-form :disabled::-webkit-input-placeholder{color:#999}.uk-form legend{width:100%;padding-bottom:15px;font-size:18px;line-height:30px}.uk-form legend:after{content:"";display:block;border-bottom:1px solid #ddd}.uk-form-danger{border-color:#dc8d99!important;background:#fff7f8!important;color:#c91032!important}.uk-form-success{border-color:#8ec73b!important;background:#fafff2!important;color:#539022!important}.uk-form-small{height:25px!important;padding:3px 3px!important;font-size:12px}.uk-form-large{height:40px!important;padding:8px 6px!important;font-size:16px}.uk-form-blank{border:none!important;background:none!important;box-shadow:none!important;outline:1px dashed transparent!important}.uk-form-blank:focus{outline-color:#ddd!important}input.uk-form-width-mini{width:40px}select.uk-form-width-mini{width:65px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-form-row:before,.uk-form-row:after{content:" ";display:table}.uk-form-row:after{clear:both}.uk-form-row+.uk-form-row{margin-top:15px}.uk-form-help-inline{display:inline-block;margin:0 0 0 10px}.uk-form-help-block{margin:5px 0 0 0}.uk-form-controls>:last-child{margin-bottom:0}.uk-form-controls-condensed{margin:5px 0}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px;font-weight:bold}@media(max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:bold}}@media(min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:5px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:5px}}.uk-button{display:inline-block;min-height:30px;padding:0 12px;border:0;background:#eee;line-height:30px;color:#444;letter-spacing:normal}a.uk-button{-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none}.uk-button:hover,.uk-button:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-button:active,.uk-button.uk-active{background-color:#ddd;color:#444}.uk-button-primary{background-color:#00a8e6;color:#fff}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#35b3ee;color:#fff}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#0091ca;color:#fff}.uk-button-success{background-color:#8cc14c;color:#fff}.uk-button-success:hover,.uk-button-success:focus{background-color:#8ec73b;color:#fff}.uk-button-success:active,.uk-button-success.uk-active{background-color:#72ae41;color:#fff}.uk-button-danger{background-color:#da314b;color:#fff}.uk-button-danger:hover,.uk-button-danger:focus{background-color:#e4354f;color:#fff}.uk-button-danger:active,.uk-button-danger.uk-active{background-color:#c91032;color:#fff}.uk-button:disabled{background-color:#f5f5f5;color:#999}.uk-button-link,.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active,.uk-button-link:disabled{display:inline;border:0;background:0}.uk-button-link{color:#07d}.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:20px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:25px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:40px;font-size:16px}.uk-button-expand{display:block;width:100%;text-align:center}.uk-button-expand+.uk-button-expand{margin-top:10px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;letter-spacing:-0.31em;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot");src:url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff") format("woff"),url("../fonts/fontawesome-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}[class*='uk-icon-']:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased}.uk-icon-small:before{font-size:150%;vertical-align:-10%}.uk-icon-medium:before{font-size:200%;vertical-align:-16%}.uk-icon-large:before{font-size:250%;vertical-align:-22%}.uk-icon-spin{display:inline-block;-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}.uk-icon-button{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#eee;line-height:35px;color:#444;font-size:17.5px;text-align:center}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#f5f5f5;color:#444;text-decoration:none;outline:0}.uk-icon-button:active{background-color:#ddd;color:#444}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-alt:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-empty:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-ok:before{content:"\f00c"}.uk-icon-remove:before{content:"\f00d"}.uk-icon-zoom-in:before{content:"\f00e"}.uk-icon-zoom-out:before{content:"\f010"}.uk-icon-power-off:before,.uk-icon-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-alt:before{content:"\f016"}.uk-icon-time:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download-alt:before{content:"\f019"}.uk-icon-download:before{content:"\f01a"}.uk-icon-upload:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-indent-left:before{content:"\f03b"}.uk-icon-indent-right:before{content:"\f03c"}.uk-icon-facetime-video:before{content:"\f03d"}.uk-icon-picture:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before{content:"\f044"}.uk-icon-share:before{content:"\f045"}.uk-icon-check:before{content:"\f046"}.uk-icon-move:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-sign:before{content:"\f055"}.uk-icon-minus-sign:before{content:"\f056"}.uk-icon-remove-sign:before{content:"\f057"}.uk-icon-ok-sign:before{content:"\f058"}.uk-icon-question-sign:before{content:"\f059"}.uk-icon-info-sign:before{content:"\f05a"}.uk-icon-screenshot:before{content:"\f05b"}.uk-icon-remove-circle:before{content:"\f05c"}.uk-icon-ok-circle:before{content:"\f05d"}.uk-icon-ban-circle:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share-alt:before{content:"\f064"}.uk-icon-resize-full:before{content:"\f065"}.uk-icon-resize-small:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-sign:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye-open:before{content:"\f06e"}.uk-icon-eye-close:before{content:"\f070"}.uk-icon-warning-sign:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder-close:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-resize-vertical:before{content:"\f07d"}.uk-icon-resize-horizontal:before{content:"\f07e"}.uk-icon-bar-chart:before{content:"\f080"}.uk-icon-twitter-sign:before{content:"\f081"}.uk-icon-facebook-sign:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-up-alt:before{content:"\f087"}.uk-icon-thumbs-down-alt:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-empty:before{content:"\f08a"}.uk-icon-signout:before{content:"\f08b"}.uk-icon-linkedin-sign:before{content:"\f08c"}.uk-icon-pushpin:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-signin:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-sign:before{content:"\f092"}.uk-icon-upload-alt:before{content:"\f093"}.uk-icon-lemon:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-unchecked:before,.uk-icon-check-empty:before{content:"\f096"}.uk-icon-bookmark-empty:before{content:"\f097"}.uk-icon-phone-sign:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0a2"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-right:before{content:"\f0a4"}.uk-icon-hand-left:before{content:"\f0a5"}.uk-icon-hand-up:before{content:"\f0a6"}.uk-icon-hand-down:before{content:"\f0a7"}.uk-icon-circle-arrow-left:before{content:"\f0a8"}.uk-icon-circle-arrow-right:before{content:"\f0a9"}.uk-icon-circle-arrow-up:before{content:"\f0aa"}.uk-icon-circle-arrow-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-fullscreen:before{content:"\f0b2"}.uk-icon-group:before{content:"\f0c0"}.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-beaker:before{content:"\f0c3"}.uk-icon-cut:before{content:"\f0c4"}.uk-icon-copy:before{content:"\f0c5"}.uk-icon-paperclip:before,.uk-icon-paper-clip:before{content:"\f0c6"}.uk-icon-save:before{content:"\f0c7"}.uk-icon-sign-blank:before{content:"\f0c8"}.uk-icon-reorder:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-sign:before{content:"\f0d3"}.uk-icon-google-plus-sign:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before{content:"\f0dd"}.uk-icon-sort-up:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before{content:"\f0e3"}.uk-icon-dashboard:before{content:"\f0e4"}.uk-icon-comment-alt:before{content:"\f0e5"}.uk-icon-comments-alt:before{content:"\f0e6"}.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before{content:"\f0ea"}.uk-icon-lightbulb:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-alt:before{content:"\f0f3"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-food:before{content:"\f0f5"}.uk-icon-file-text-alt:before{content:"\f0f6"}.uk-icon-building:before{content:"\f0f7"}.uk-icon-hospital:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-sign:before{content:"\f0fd"}.uk-icon-plus-sign-alt:before{content:"\f0fe"}.uk-icon-double-angle-left:before{content:"\f100"}.uk-icon-double-angle-right:before{content:"\f101"}.uk-icon-double-angle-up:before{content:"\f102"}.uk-icon-double-angle-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before{content:"\f10b"}.uk-icon-circle-blank:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-close-alt:before{content:"\f114"}.uk-icon-folder-open-alt:before{content:"\f115"}.uk-icon-expand-alt:before{content:"\f116"}.uk-icon-collapse-alt:before{content:"\f117"}.uk-icon-smile:before{content:"\f118"}.uk-icon-frown:before{content:"\f119"}.uk-icon-meh:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard:before{content:"\f11c"}.uk-icon-flag-alt:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-reply-all:before{content:"\f122"}.uk-icon-mail-reply-all:before{content:"\f122"}.uk-icon-star-half-full:before,.uk-icon-star-half-empty:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-off:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-empty:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-sign-left:before{content:"\f137"}.uk-icon-chevron-sign-right:before{content:"\f138"}.uk-icon-chevron-sign-up:before{content:"\f139"}.uk-icon-chevron-sign-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-horizontal:before{content:"\f141"}.uk-icon-ellipsis-vertical:before{content:"\f142"}.uk-icon-rss-sign:before{content:"\f143"}.uk-icon-play-sign:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-sign-alt:before{content:"\f146"}.uk-icon-check-minus:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-sign:before{content:"\f14a"}.uk-icon-edit-sign:before{content:"\f14b"}.uk-icon-external-link-sign:before{content:"\f14c"}.uk-icon-share-sign:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-collapse:before{content:"\f150"}.uk-icon-collapse-top:before{content:"\f151"}.uk-icon-expand:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-renminbi:before,.uk-icon-cny:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-by-alphabet:before{content:"\f15d"}.uk-icon-sort-by-alphabet-alt:before{content:"\f15e"}.uk-icon-sort-by-attributes:before{content:"\f160"}.uk-icon-sort-by-attributes-alt:before{content:"\f161"}.uk-icon-sort-by-order:before{content:"\f162"}.uk-icon-sort-by-order-alt:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-sign:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-sign:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stackexchange:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-sign:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-sign:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before{content:"\f184"}.uk-icon-sun:before{content:"\f185"}.uk-icon-moon:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-close{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;width:20px;line-height:20px;text-align:center;color:inherit;opacity:.3;padding:0;border:0;-webkit-appearance:none;background:transparent}.uk-close:after{display:block;content:"\f00d";font-family:"FontAwesome"}.uk-close:hover,.uk-close:focus{opacity:.5;outline:0}a.uk-close:hover{color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:100%;background:#eee;opacity:1}.uk-close-alt:hover,.uk-close-alt:focus{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:hover:after,.uk-close-alt:focus:after{opacity:.8}.uk-badge{display:inline-block;padding:0 5px;background:#00a8e6;font-size:10px;font-weight:bold;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none}.uk-badge-notification{-moz-box-sizing:border-box;box-sizing:border-box;min-width:18px;border-radius:500px;font-size:12px;line-height:18px}.uk-badge-success{background-color:#8cc14c}.uk-badge-warning{background-color:#faa732}.uk-badge-danger{background-color:#da314b}.uk-alert{margin-bottom:15px;padding:10px;background:#ebf7fd;color:#2d7091}*+.uk-alert{margin-top:15px}.uk-alert>:last-child{margin-bottom:0}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert>.uk-close:first-child{float:right}.uk-alert>.uk-close:first-child+*{margin-top:0}.uk-alert-success{background:#f2fae3;color:#659f13}.uk-alert-warning{background:#fffceb;color:#e28327}.uk-alert-danger{background:#fff1f0;color:#d85030}.uk-alert-large{padding:20px}.uk-alert-large>.uk-close:first-child{margin:-10px -10px 0 0}.uk-thumbnail{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:4px;border:1px solid #ddd;background:#fff}a.uk-thumbnail:hover,a.uk-thumbnail:focus{border-color:#aaa;background-color:#fff;text-decoration:none;outline:0}.uk-thumbnail-caption{padding-top:5px;text-align:center;color:#444}.uk-thumbnail-mini{width:150px}.uk-thumbnail-small{width:200px}.uk-thumbnail-medium{width:300px}.uk-thumbnail-large{width:400px}.uk-thumbnail-expand,.uk-thumbnail-expand>img{width:100%}.uk-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1}.uk-overlay-area:before{content:"\f002";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-size:50px;line-height:1;font-family:"FontAwesome";text-align:center;color:#fff}.uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,0.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-caption,.uk-overlay-toggle:hover .uk-overlay-caption{opacity:1}.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#eee;overflow:hidden;line-height:20px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:"FontAwesome";font-size:14px;color:rgba(0,0,0,0.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);border-radius:0;background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s}input.uk-search-field{-webkit-appearance:none}.uk-search-field:-ms-input-placeholder{color:#999}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field::-ms-clear{display:none}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-active .uk-search-field{width:180px}.uk-search-close{display:none;position:absolute;top:0;right:0;width:30px;line-height:30px;text-align:center;font-size:14px;color:rgba(0,0,0,0.2);padding:0;border:0;-webkit-appearance:none;background:transparent}.uk-loading>.uk-search-close,.uk-active>.uk-search-close{display:block}.uk-search-close:after{display:block;content:"\f00d";font-family:"FontAwesome"}.uk-loading>.uk-search-close:after{content:"\f110";-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}[class*='uk-animation-']{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.uk-animation-scale-up{-webkit-animation-name:uk-scale-up;animation-name:uk-scale-up}.uk-animation-scale-down{-webkit-animation-name:uk-scale-down;animation-name:uk-scale-down}.uk-animation-slide-top{-webkit-animation-name:uk-slide-top;animation-name:uk-slide-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-slide-bottom;animation-name:uk-slide-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-slide-left;animation-name:uk-slide-left}.uk-animation-slide-right{-webkit-animation-name:uk-slide-right;animation-name:uk-slide-right}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-scale-up{0%{opacity:0;-webkit-transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-up{0%{opacity:0;transform:scale(0.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-scale-down{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.uk-dropdown{display:none;position:absolute;top:100%;left:0;z-index:1000;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#f5f5f5;color:#444;letter-spacing:normal}.uk-open>.uk-dropdown{display:block;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-dropdown-flip{left:auto;right:0}.uk-dropdown-up{top:auto;bottom:100%;margin-top:auto;margin-bottom:5px}.uk-dropdown .uk-nav{margin:0 -15px}.uk-dropdown>.uk-grid+.uk-grid{margin-top:15px}.uk-dropdown>.uk-grid>[class*='uk-width-']>.uk-panel+.uk-panel{margin-top:15px}@media(min-width:768px){.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid{margin-left:-15px;margin-right:-15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*='uk-width-']{padding-left:15px;padding-right:15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*='uk-width-']:nth-child(n+2){border-left:1px solid #ddd}.uk-dropdown-width-2:not(.uk-dropdown-stack){width:400px}.uk-dropdown-width-3:not(.uk-dropdown-stack){width:600px}.uk-dropdown-width-4:not(.uk-dropdown-stack){width:800px}.uk-dropdown-width-5:not(.uk-dropdown-stack){width:1000px}}@media(max-width:767px){.uk-dropdown>.uk-grid>[class*='uk-width-']{width:100%}.uk-dropdown>.uk-grid>[class*='uk-width-']:nth-child(n+2){margin-top:15px}}.uk-dropdown-stack>.uk-grid>[class*='uk-width-']{width:100%}.uk-dropdown-stack>.uk-grid>[class*='uk-width-']:nth-child(n+2){margin-top:15px}.uk-dropdown-small{min-width:150px;width:auto;padding:5px;white-space:nowrap}.uk-dropdown-small .uk-nav{margin:0 -5px}.uk-dropdown-navbar{margin-top:0;background:#f5f5f5;color:#444}.uk-open>.uk-dropdown-navbar{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-dropdown-search{width:300px;margin-top:0;background:#f5f5f5;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:5px;margin-right:-15px}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;top:10%;left:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;width:600px;margin-left:-300px;background:#fff}@media(max-width:767px){.uk-modal-dialog{top:0;left:0;right:0;width:auto;margin:10px}}.uk-modal-dialog>:last-child{margin-bottom:0}.uk-modal-dialog-slide{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}.uk-open .uk-modal-dialog-slide{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+*{margin-top:0}.uk-modal-dialog-frameless{padding:0}.uk-modal-dialog-frameless>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media(max-width:767px){.uk-modal-dialog-frameless>.uk-close:first-child{top:-7px;right:-7px}}.uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:rgba(0,0,0,0.1)}.uk-offcanvas.uk-active{display:block}.uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out 50ms;transition:margin-left .3s ease-in-out 50ms}.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1011;width:270px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.uk-offcanvas .uk-panel{margin:20px 15px;color:#777}.uk-offcanvas .uk-panel-title{color:#ccc}.uk-offcanvas .uk-panel a:not([class]){color:#ccc}.uk-offcanvas .uk-panel a:not([class]):hover{color:#fff}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:rgba(0,0,0,0);background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>*:not(.uk-active){display:none}.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,0.7);font-size:12px;line-height:18px;text-align:center}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top:after,.uk-tooltip-top-left:after,.uk-tooltip-top-right:after{bottom:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after{top:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-top:after,.uk-tooltip-bottom:after{left:50%;margin-left:-5px}.uk-tooltip-top-left:after,.uk-tooltip-bottom-left:after{left:10px}.uk-tooltip-top-right:after,.uk-tooltip-bottom-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px}.uk-text-bold{font-weight:bold}.uk-text-muted{color:#999}.uk-text-info{color:#2d7091}.uk-text-success{color:#659f13}.uk-text-warning{color:#e28327}.uk-text-danger{color:#d85030}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-container{-moz-box-sizing:border-box;box-sizing:border-box;max-width:980px;padding:0 25px}@media(min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:" ";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before,.uk-clearfix:after{content:" ";display:table}.uk-clearfix:after{clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*='uk-align-']{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media(min-width:768px){.uk-align-medium-left{margin-right:15px;margin-bottom:15px;float:left}.uk-align-medium-right{margin-left:15px;margin-bottom:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{letter-spacing:-0.31em}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;letter-spacing:normal;max-width:100%}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}.uk-height-1-1{height:100%}.uk-responsive-width,.uk-responsive-height{-moz-box-sizing:border-box;box-sizing:border-box}.uk-responsive-width{max-width:100%;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px!important}.uk-margin-bottom{margin-bottom:15px!important}.uk-margin-remove{margin:0!important}.uk-margin-top-remove{margin-top:0!important}.uk-margin-bottom-remove{margin-bottom:0!important}@media(min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted *{color:#444}.uk-link-muted:hover,.uk-link-muted *:hover{color:#444}.uk-scrollable-text{max-height:300px;overflow-y:scroll}.uk-scrollable-box{max-height:150px;padding:10px;border:1px solid #ddd;overflow:auto}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}@media(min-width:960px){.uk-visible-small{display:none!important}.uk-visible-medium{display:none!important}.uk-hidden-large{display:none!important}}@media(min-width:768px) and (max-width:959px){.uk-visible-small{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-medium{display:none!important}}@media(max-width:767px){.uk-visible-medium{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-small{display:none!important}}.uk-hidden{display:none!important;visibility:hidden!important}.uk-visible-hover:hover .uk-hidden{display:block!important;visibility:visible!important}.uk-visible-hover-inline:hover .uk-hidden{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/app/static/lib/uikit/fonts/FontAwesome.otf b/app/static/lib/uikit/fonts/FontAwesome.otf new file mode 100644 index 0000000..7012545 Binary files /dev/null and b/app/static/lib/uikit/fonts/FontAwesome.otf differ diff --git a/app/static/lib/uikit/fonts/fontawesome-webfont.eot b/app/static/lib/uikit/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..0662cb9 Binary files /dev/null and b/app/static/lib/uikit/fonts/fontawesome-webfont.eot differ diff --git a/app/static/lib/uikit/fonts/fontawesome-webfont.ttf b/app/static/lib/uikit/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..d365924 Binary files /dev/null and b/app/static/lib/uikit/fonts/fontawesome-webfont.ttf differ diff --git a/app/static/lib/uikit/fonts/fontawesome-webfont.woff b/app/static/lib/uikit/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..b9bd17e Binary files /dev/null and b/app/static/lib/uikit/fonts/fontawesome-webfont.woff differ diff --git a/app/static/lib/uikit/js/uikit.js b/app/static/lib/uikit/js/uikit.js new file mode 100644 index 0000000..08a8ff7 --- /dev/null +++ b/app/static/lib/uikit/js/uikit.js @@ -0,0 +1,1780 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +(function($, doc) { + + "use strict"; + + var UI = $.UIkit || {}; + + if (UI.fn) { + return; + } + + UI.fn = function(command, options) { + + var args = arguments, cmd = command.match(/^([a-z\-]+)(?:\.([a-z]+))?/i), component = cmd[1], method = cmd[2]; + + if (!UI[component]) { + $.error("UIkit component [" + component + "] does not exist."); + return this; + } + + return this.each(function() { + var $this = $(this), data = $this.data(component); + if (!data) $this.data(component, (data = new UI[component](this, method ? undefined : options))); + if (method) data[method].apply(data, Array.prototype.slice.call(args, 1)); + }); + }; + + UI.support = {}; + UI.support.transition = (function() { + + var transitionEnd = (function() { + + var element = doc.body || doc.documentElement, + transEndEventNames = { + WebkitTransition: 'webkitTransitionEnd', + MozTransition: 'transitionend', + OTransition: 'oTransitionEnd otransitionend', + transition: 'transitionend' + }, name; + + for (name in transEndEventNames) { + if (element.style[name] !== undefined) { + return transEndEventNames[name]; + } + } + + }()); + + return transitionEnd && { end: transitionEnd }; + + })(); + + UI.support.touch = (('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch); + + + UI.Utils = {}; + + UI.Utils.debounce = function(func, wait, immediate) { + var timeout; + return function() { + var context = this, args = arguments; + var later = function() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + }; + + UI.Utils.options = function(string) { + + if ($.isPlainObject(string)) return string; + + var start = string.indexOf("{"), options = {}; + + if (start != -1) { + try { + options = (new Function("", "var json = " + string.substr(start) + "; return JSON.parse(JSON.stringify(json));"))(); + } catch (e) {} + } + + return options; + }; + + $.UIkit = UI; + $.fn.uk = UI.fn; + + $.UIkit.langdirection = $("html").attr("dir") == "rtl" ? "right" : "left"; + +})(jQuery, document); + +;(function($){ + var touch = {}, + touchTimeout, tapTimeout, swipeTimeout, + longTapDelay = 750, longTapTimeout; + + function parentIfText(node) { + return 'tagName' in node ? node : node.parentNode; + } + + function swipeDirection(x1, x2, y1, y2) { + var xDelta = Math.abs(x1 - x2), yDelta = Math.abs(y1 - y2); + return xDelta >= yDelta ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down'); + } + + function longTap() { + longTapTimeout = null; + if (touch.last) { + touch.el.trigger('longTap'); + touch = {}; + } + } + + function cancelLongTap() { + if (longTapTimeout) clearTimeout(longTapTimeout); + longTapTimeout = null; + } + + function cancelAll() { + if (touchTimeout) clearTimeout(touchTimeout); + if (tapTimeout) clearTimeout(tapTimeout); + if (swipeTimeout) clearTimeout(swipeTimeout); + if (longTapTimeout) clearTimeout(longTapTimeout); + touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null; + touch = {}; + } + + $(document).ready(function(){ + var now, delta; + + $(document.body) + .bind('touchstart', function(e){ + now = Date.now(); + delta = now - (touch.last || now); + touch.el = $(parentIfText(e.originalEvent.touches[0].target)); + if(touchTimeout) clearTimeout(touchTimeout); + touch.x1 = e.originalEvent.touches[0].pageX; + touch.y1 = e.originalEvent.touches[0].pageY; + if (delta > 0 && delta <= 250) touch.isDoubleTap = true; + touch.last = now; + longTapTimeout = setTimeout(longTap, longTapDelay); + }) + .bind('touchmove', function(e){ + cancelLongTap(); + touch.x2 = e.originalEvent.touches[0].pageX; + touch.y2 = e.originalEvent.touches[0].pageY; + }) + .bind('touchend', function(e){ + cancelLongTap(); + + // swipe + if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > 30) || (touch.y2 && Math.abs(touch.y1 - touch.y2) > 30)) + + swipeTimeout = setTimeout(function() { + touch.el.trigger('swipe'); + touch.el.trigger('swipe' + (swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2))); + touch = {}; + }, 0); + + // normal tap + else if ('last' in touch) + + // delay by one tick so we can cancel the 'tap' event if 'scroll' fires + // ('tap' fires before 'scroll') + tapTimeout = setTimeout(function() { + + // trigger universal 'tap' with the option to cancelTouch() + // (cancelTouch cancels processing of single vs double taps for faster 'tap' response) + var event = $.Event('tap'); + event.cancelTouch = cancelAll; + touch.el.trigger(event); + + // trigger double tap immediately + if (touch.isDoubleTap) { + touch.el.trigger('doubleTap'); + touch = {}; + } + + // trigger single tap after 250ms of inactivity + else { + touchTimeout = setTimeout(function(){ + touchTimeout = null; + touch.el.trigger('singleTap'); + touch = {}; + }, 250); + } + + }, 0); + + }) + .bind('touchcancel', cancelAll); + + $(window).bind('scroll', cancelAll); + }); + + ['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap', 'tap', 'singleTap', 'longTap'].forEach(function(m){ + $.fn[m] = function(callback){ return this.bind(m, callback); }; + }); +})(jQuery); + +(function($, UI) { + + "use strict"; + + var Alert = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + this.element = $(element).on("click", this.options.trigger, function(e) { + e.preventDefault(); + $this.close(); + }); + }; + + $.extend(Alert.prototype, { + + options: { + "fade": true, + "duration": 200, + "trigger": ".uk-alert-close" + }, + + close: function() { + + var element = this.element.trigger("close"); + + if (this.options.fade) { + element.css("overflow", "hidden").css("max-height", element.height()).animate({ + "height": 0, + "opacity": 0, + "padding-top": 0, + "padding-bottom": 0, + "margin-top": 0, + "margin-bottom": 0 + }, this.options.duration, removeElement); + } else { + removeElement(); + } + + function removeElement() { + element.trigger("closed").remove(); + } + } + + }); + + UI["alert"] = Alert; + + // init code + $(document).on("click.alert.uikit", "[data-uk-alert]", function(e) { + + var ele = $(this); + if (!ele.data("alert")) { + ele.data("alert", new Alert(ele, UI.Utils.options(ele.data("uk-alert")))); + + if ($(e.target).is(ele.data("alert").options.trigger)) { + + e.preventDefault(); + + ele.data("alert").close(); + } + } + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var ButtonRadio = function(element, options) { + + var $this = this, $element = $(element); + + this.options = $.extend({}, this.options, options); + this.element = $element.on("click", this.options.target, function(e) { + e.preventDefault(); + $element.find($this.options.target).not(this).removeClass("uk-active").blur(); + $element.trigger("change", [$(this).addClass("uk-active")]); + }); + }; + + $.extend(ButtonRadio.prototype, { + + options: { + "target": ".uk-button" + }, + + getSelected: function() { + this.element.find(".uk-active"); + } + + }); + + var ButtonCheckbox = function(element, options) { + + var $element = $(element); + + this.options = $.extend({}, this.options, options); + this.element = $element.on("click", this.options.target, function(e) { + e.preventDefault(); + $element.trigger("change", [$(this).toggleClass("uk-active").blur()]); + }); + }; + + $.extend(ButtonCheckbox.prototype, { + + options: { + "target": ".uk-button" + }, + + getSelected: function() { + this.element.find(".uk-active"); + } + + }); + + var Button = function(element) { + + var $this = this; + + this.element = $(element).on("click", function(e) { + e.preventDefault(); + $this.toggle(); + $this.element.blur(); + }); + }; + + $.extend(Button.prototype, { + + toggle: function() { + this.element.toggleClass("uk-active"); + } + + }); + + UI["button"] = Button; + UI["button-checkbox"] = ButtonCheckbox; + UI["button-radio"] = ButtonRadio; + + // init code + $(document).on("click.button-radio.uikit", "[data-uk-button-radio]", function(e) { + var ele = $(this); + + if (!ele.data("button-radio")) { + ele.data("button-radio", new ButtonRadio(ele, UI.Utils.options(ele.data("uk-button-radio")))); + + if ($(e.target).is(ele.data("button-radio").options.target)) { + $(e.target).trigger("click"); + } + } + }); + + $(document).on("click.button-checkbox.uikit", "[data-uk-button-checkbox]", function(e) { + var ele = $(this); + + if (!ele.data("button-checkbox")) { + ele.data("button-checkbox", new ButtonCheckbox(ele, UI.Utils.options(ele.data("uk-button-checkbox")))); + + if ($(e.target).is(ele.data("button-checkbox").options.target)) { + $(e.target).trigger("click"); + } + } + }); + + $(document).on("click.button.uikit", "[data-uk-button]", function(e) { + var ele = $(this); + + if (!ele.data("button")) { + ele.data("button", new Button(ele, ele.data("uk-button"))).trigger("click"); + } + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var active = false, + Dropdown = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + this.element = $(element); + this.dropdown = this.element.find(".uk-dropdown"); + + this.centered = this.dropdown.hasClass("uk-dropdown-center"); + this.justified = this.options.justify ? $(this.options.justify) : false; + + this.boundary = $(this.options.boundary); + + if(!this.boundary.length) { + this.boundary = $(window); + } + + if (this.options.mode == "click") { + + this.element.on("click", function(e) { + + if (!$(e.target).parents(".uk-dropdown").length) { + e.preventDefault(); + } + + if (active && active[0] != $this.element[0]) { + active.removeClass("uk-open"); + } + + if (!$this.element.hasClass("uk-open")) { + + $this.checkDimensions(); + + $this.element.addClass("uk-open"); + + active = $this.element; + + $(document).off("click.outer.dropdown"); + + setTimeout(function() { + $(document).on("click.outer.dropdown", function(e) { + + if (active && active[0] == $this.element[0] && ($(e.target).is("a") || !$this.element.find(".uk-dropdown").find(e.target).length)) { + active.removeClass("uk-open"); + + $(document).off("click.outer.dropdown"); + } + }); + }, 10); + + } else { + + if ($(e.target).is("a") || !$this.element.find(".uk-dropdown").find(e.target).length) { + $this.element.removeClass("uk-open"); + active = false; + } + } + }); + + } else { + + this.element.on("mouseenter", function(e) { + + if ($this.remainIdle) { + clearTimeout($this.remainIdle); + } + + if (active && active[0] != $this.element[0]) { + active.removeClass("uk-open"); + } + + $this.checkDimensions(); + + $this.element.addClass("uk-open"); + active = $this.element; + + }).on("mouseleave", function() { + + $this.remainIdle = setTimeout(function() { + + $this.element.removeClass("uk-open"); + $this.remainIdle = false; + + if (active && active[0] == $this.element[0]) active = false; + + }, $this.options.remaintime); + }); + } + + }; + + $.extend(Dropdown.prototype, { + + remainIdle: false, + + options: { + "mode": "hover", + "remaintime": 800, + "justify": false, + "boundary": $(window) + }, + + checkDimensions: function() { + + if(!this.dropdown.length) return; + + var dropdown = this.dropdown.css("margin-" + $.UIkit.langdirection, "").css("min-width", ""), + offset = dropdown.show().offset(), + width = dropdown.outerWidth(), + boundarywidth = this.boundary.width(), + boundaryoffset = this.boundary.offset() ? this.boundary.offset().left:0; + + // centered dropdown + if (this.centered) { + dropdown.css("margin-" + $.UIkit.langdirection, (parseFloat(width) / 2 - dropdown.parent().width() / 2) * -1); + offset = dropdown.offset(); + + // reset dropdown + if ((width + offset.left) > boundarywidth || offset.left < 0) { + dropdown.css("margin-" + $.UIkit.langdirection, ""); + offset = dropdown.offset(); + } + } + + // justify dropdown + if (this.justified && this.justified.length) { + + var jwidth = this.justified.outerWidth(); + + dropdown.css("min-width", jwidth); + + if ($.UIkit.langdirection == 'right') { + + var right1 = boundarywidth - (this.justified.offset().left + jwidth), + right2 = boundarywidth - (dropdown.offset().left + dropdown.outerWidth()); + + dropdown.css("margin-right", right1 - right2); + + } else { + dropdown.css("margin-left", this.justified.offset().left - offset.left); + } + + offset = dropdown.offset(); + + } + + if ((width + (offset.left-boundaryoffset)) > boundarywidth) { + dropdown.addClass("uk-dropdown-flip"); + offset = dropdown.offset(); + } + + if (offset.left < 0) { + dropdown.addClass("uk-dropdown-stack"); + } + + dropdown.css("display", ""); + } + + }); + + UI["dropdown"] = Dropdown; + + // init code + $(document).on("mouseenter.dropdown.uikit", "[data-uk-dropdown]", function(e) { + var ele = $(this); + + if (!ele.data("dropdown")) { + ele.data("dropdown", new Dropdown(ele, UI.Utils.options(ele.data("uk-dropdown")))); + + if (ele.data("dropdown").options.mode == "hover") { + ele.trigger("mouseenter"); + } + } + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var win = $(window), + event = 'resize orientationchange', + + GridMatchHeight = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + + this.element = $(element); + this.columns = this.element.children(); + this.elements = this.options.target ? this.element.find(this.options.target) : this.columns; + + if (!this.columns.length) return; + + win.on(event, (function() { + var fn = function() { + $this.match(); + }; + + $(function() { + fn(); + win.on("load", fn); + }); + + return UI.Utils.debounce(fn, 150); + })()); + }; + + $.extend(GridMatchHeight.prototype, { + + options: { + "target": false + }, + + match: function() { + + this.revert(); + + var firstvisible = this.columns.filter(":visible:first"); + + if (!firstvisible.length) return; + + var stacked = Math.ceil(100 * parseFloat(firstvisible.css('width')) / parseFloat(firstvisible.parent().css('width'))) >= 100 ? true : false, + max = 0, + $this = this; + + if (stacked) return; + + this.elements.each(function() { + max = Math.max(max, $(this).outerHeight()); + }).each(function(i) { + + var element = $(this), + boxheight = element.css("box-sizing") == "border-box" ? "outerHeight" : "height", + box = $this.columns.eq(i), + height = (element.height() + (max - box[boxheight]())); + + element.css('min-height', height + 'px'); + }); + + return this; + }, + + revert: function() { + this.elements.css('min-height', ''); + return this; + } + + }); + + var GridMargin = function(element) { + + var $this = this; + + this.element = $(element); + this.columns = this.element.children(); + + if (!this.columns.length) return; + + win.on(event, (function() { + var fn = function() { + $this.process(); + }; + + $(function() { + fn(); + win.on("load", fn); + }); + + return UI.Utils.debounce(fn, 150); + })()); + }; + + $.extend(GridMargin.prototype, { + + process: function() { + + this.revert(); + + var skip = false, + firstvisible = this.columns.filter(":visible:first"), + offset = firstvisible.length ? firstvisible.offset().top : false; + + if (offset === false) return; + + this.columns.each(function() { + + var column = $(this); + + if (column.is(":visible")) { + + if (skip) { + column.addClass("uk-grid-margin"); + } else { + if (column.offset().top != offset) { + column.addClass("uk-grid-margin"); + skip = true; + } + } + } + + }); + + return this; + }, + + revert: function() { + this.columns.removeClass('uk-grid-margin'); + return this; + } + + }); + + UI["grid-match"] = GridMatchHeight; + UI["grid-margin"] = GridMargin; + + // init code + $(function() { + $("[data-uk-grid-match],[data-uk-grid-margin]").each(function() { + var grid = $(this); + + if (grid.is("[data-uk-grid-match]") && !grid.data("grid-match")) { + grid.data("grid-match", new GridMatchHeight(grid, UI.Utils.options(grid.data("uk-grid-match")))); + } + + if (grid.is("[data-uk-grid-margin]") && !grid.data("grid-margin")) { + grid.data("grid-margin", new GridMargin(grid, UI.Utils.options(grid.data("uk-grid-margin")))); + } + }); + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI, $win) { + + "use strict"; + + var active = false, + html = $("html"), + + Modal = function(element, options) { + + var $this = this; + + this.element = $(element); + this.options = $.extend({ + keyboard: true, + show: false, + bgclose: true + }, options); + + this.transition = UI.support.transition; + this.dialog = this.element.find(".uk-modal-dialog"); + + this.element.on("click", ".uk-modal-close", function(e) { + e.preventDefault(); + $this.hide(); + + }).on("click", function(e) { + + var target = $(e.target); + + if (target[0] == $this.element[0] && $this.options.bgclose) { + $this.hide(); + } + + }); + + if (this.options.keyboard) { + $(document).on('keyup.ui.modal.escape', function(e) { + if (active && e.which == 27 && $this.isActive()) $this.hide(); + }); + } + }; + + $.extend(Modal.prototype, { + + transition: false, + + toggle: function() { + this[this.isActive() ? "hide" : "show"](); + }, + + show: function() { + + var $this = this; + + if (this.isActive()) return; + if (active) active.hide(true); + + this.resize(); + + this.element.removeClass("uk-open").show(); + + active = this; + html.addClass("uk-modal-page").height(); // force browser engine redraw + + this.element.addClass("uk-open").trigger("uk.modal.show"); + }, + + hide: function(force) { + + if (!this.isActive()) return; + + if (!force && UI.support.transition) { + + var $this = this; + + this.element.one(UI.support.transition.end, function() { + $this._hide(); + }).removeClass("uk-open"); + + } else { + + this._hide(); + } + }, + + resize: function() { + + this.dialog.css("margin-left", ""); + + var modalwidth = parseInt(this.dialog.css("width"), 10), + inview = (modalwidth + parseInt(this.dialog.css("margin-left"),10) + parseInt(this.dialog.css("margin-right"),10)) < $win.width(); + + this.dialog.css("margin-left", modalwidth && inview ? -1*Math.ceil(modalwidth/2) : ""); + }, + + _hide: function() { + + this.element.hide().removeClass("uk-open"); + + html.removeClass("uk-modal-page"); + + if(active===this) active = false; + + this.element.trigger("uk.modal.hide"); + }, + + isActive: function() { + return (active == this); + } + + }); + + var ModalTrigger = function(element, options) { + + var $this = this, + $element = $(element); + + this.options = $.extend({ + "target": $element.is("a") ? $element.attr("href") : false + }, options); + + this.element = $element; + + this.modal = new Modal(this.options.target, options); + + $element.on("click", function(e) { + e.preventDefault(); + $this.show(); + }); + + //methods + + $.each(["show", "hide", "isActive"], function(index, method) { + $this[method] = function() { return $this.modal[method](); }; + }); + }; + + ModalTrigger.Modal = Modal; + + UI["modal"] = ModalTrigger; + + // init code + $(document).on("click.modal.uikit", "[data-uk-modal]", function(e) { + var ele = $(this); + + if (!ele.data("modal")) { + ele.data("modal", new ModalTrigger(ele, UI.Utils.options(ele.data("uk-modal")))); + + ele.data("modal").show(); + } + + }); + + $win.on("resize orientationchange", UI.Utils.debounce(function(){ + + if(active) active.resize(); + + }, 150)); + +})(jQuery, jQuery.UIkit, jQuery(window)); + +(function($, UI) { + + "use strict"; + + if (UI.support.touch) { + $("html").addClass("uk-touch"); + } + + var $win = $(window), + $doc = $(document), + Offcanvas = { + + show: function(element) { + + element = $(element); + + if (!element.length) return; + + var doc = $("html"), + bar = element.find(".uk-offcanvas-bar:first"), + dir = bar.hasClass("uk-offcanvas-bar-flip") ? -1 : 1, + scrollbar = dir == -1 && $win.width() < window.innerWidth ? (window.innerWidth - $win.width()) : 0; + + scrollpos = {x: window.scrollX, y: window.scrollY}; + + element.addClass("uk-active"); + + doc.css({"width": window.innerWidth, "height": window.innerHeight}).addClass("uk-offcanvas-page"); + doc.css("margin-left", ((bar.outerWidth() - scrollbar) * dir)).width(); // .width() - force redraw + + bar.addClass("uk-offcanvas-bar-show").width(); + + element.off(".ukoffcanvas").on("click.ukoffcanvas swipeRight.ukoffcanvas swipeLeft.ukoffcanvas", function(e) { + + var target = $(e.target); + + if (!e.type.match(/swipe/)) { + if (target.hasClass("uk-offcanvas-bar")) return; + if (target.parents(".uk-offcanvas-bar:first").length) return; + } + + e.stopImmediatePropagation(); + + Offcanvas.hide(); + }); + + $doc.on('keydown.offcanvas', function(e) { + if (e.keyCode === 27) { // ESC + Offcanvas.hide(); + } + }); + }, + + hide: function(force) { + + var doc = $("html"), + panel = $(".uk-offcanvas.uk-active"), + bar = panel.find(".uk-offcanvas-bar:first"); + + if (!panel.length) return; + + if ($.UIkit.support.transition && !force) { + + + doc.one($.UIkit.support.transition.end, function() { + doc.removeClass("uk-offcanvas-page").attr("style", ""); + panel.removeClass("uk-active"); + window.scrollTo(scrollpos.x, scrollpos.y); + }).css("margin-left", ""); + + setTimeout(function(){ + bar.removeClass("uk-offcanvas-bar-show"); + }, 50); + + } else { + doc.removeClass("uk-offcanvas-page").attr("style", ""); + panel.removeClass("uk-active"); + bar.removeClass("uk-offcanvas-bar-show"); + window.scrollTo(scrollpos.x, scrollpos.y); + } + + panel.off(".ukoffcanvas"); + $doc.off(".ukoffcanvas"); + } + + }, scrollpos; + + + var OffcanvasTrigger = function(element, options) { + + var $this = this, + $element = $(element); + + this.options = $.extend({ + "target": $element.is("a") ? $element.attr("href") : false + }, options); + + this.element = $element; + + $element.on("click", function(e) { + e.preventDefault(); + Offcanvas.show($this.options.target); + }); + }; + + OffcanvasTrigger.offcanvas = Offcanvas; + + UI["offcanvas"] = OffcanvasTrigger; + + + // init code + $doc.on("click.offcanvas.uikit", "[data-uk-offcanvas]", function(e) { + + e.preventDefault(); + + var ele = $(this); + + if (!ele.data("offcanvas")) { + ele.data("offcanvas", new OffcanvasTrigger(ele, UI.Utils.options(ele.data("uk-offcanvas")))); + + ele.trigger("click"); + } + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var Nav = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + this.element = $(element).on("click", this.options.toggler, function(e) { + e.preventDefault(); + + var ele = $(this); + + $this.open(ele.parent()[0] == $this.element[0] ? ele : ele.parent("li")); + }); + + this.element.find(this.options.lists).each(function() { + var $ele = $(this), + parent = $ele.parent(), + active = parent.hasClass("uk-active"); + + $ele.wrap('
'); + parent.data("list-container", $ele.parent()); + + if (active) $this.open(parent, true); + }); + }; + + $.extend(Nav.prototype, { + + options: { + "toggler": ">li.uk-parent > a[href='#']", + "lists": ">li.uk-parent > ul", + "multiple": false + }, + + open: function(li, noanimation) { + + var element = this.element, $li = $(li); + + if (!this.options.multiple) { + + element.children(".uk-open").not(li).each(function() { + if ($(this).data("list-container")) { + $(this).data("list-container").stop().animate({height: 0}, function() { + $(this).parent().removeClass("uk-open"); + }); + } + }); + } + + $li.toggleClass("uk-open"); + + if ($li.data("list-container")) { + if (noanimation) { + $li.data('list-container').stop().height($li.hasClass("uk-open") ? "auto" : 0); + } else { + $li.data('list-container').stop().animate({ + height: ($li.hasClass("uk-open") ? getHeight($li.data('list-container').find('ul:first')) : 0) + }); + } + } + } + + }); + + UI["nav"] = Nav; + + // helper + + function getHeight(ele) { + var $ele = $(ele), height = "auto"; + + if ($ele.is(":visible")) { + height = $ele.outerHeight(); + } else { + var tmp = { + position: $ele.css("position"), + visibility: $ele.css("visibility"), + display: $ele.css("display") + }; + + height = $ele.css({position: 'absolute', visibility: 'hidden', display: 'block'}).outerHeight(); + + $ele.css(tmp); // reset element + } + + return height; + } + + // init code + $(function() { + $("[data-uk-nav]").each(function() { + var nav = $(this); + + if (!nav.data("nav")) { + nav.data("nav", new Nav(nav, UI.Utils.options(nav.data("uk-nav")))); + } + }); + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var $tooltip; // tooltip container + + + var Tooltip = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + + this.element = $(element).on({ + "focus" : function(e) { $this.show(); }, + "blur" : function(e) { $this.hide(); }, + "mouseenter": function(e) { $this.show(); }, + "mouseleave": function(e) { $this.hide(); } + }); + + this.tip = typeof(this.options.src) === "function" ? this.options.src.call(this.element) : this.options.src; + + // disable title attribute + this.element.attr("data-cached-title", this.element.attr("title")).attr("title", ""); + }; + + $.extend(Tooltip.prototype, { + + tip: "", + + options: { + "offset": 5, + "pos": "top", + "src": function() { return this.attr("title"); } + }, + + show: function() { + + if (!this.tip.length) return; + + $tooltip.css({"top": -2000, "visibility": "hidden"}).show(); + $tooltip.html('
' + this.tip + '
'); + + var pos = $.extend({}, this.element.offset(), {width: this.element[0].offsetWidth, height: this.element[0].offsetHeight}), + width = $tooltip[0].offsetWidth, + height = $tooltip[0].offsetHeight, + offset = typeof(this.options.offset) === "function" ? this.options.offset.call(this.element) : this.options.offset, + position = typeof(this.options.pos) === "function" ? this.options.pos.call(this.element) : this.options.pos, + tcss = { + "display": "none", + "visibility": "visible", + "top": (pos.top + pos.height + height), + "left": pos.left + }, + tmppos = position.split("-"); + + if ((tmppos[0] == "left" || tmppos[0] == "right") && $.UIkit.langdirection == 'right') { + tmppos[0] = tmppos[0] == "left" ? "right" : "left"; + } + + + switch (tmppos[0]) { + case 'bottom': + $.extend(tcss, {top: pos.top + pos.height + offset, left: pos.left + pos.width / 2 - width / 2}); + break; + case 'top': + $.extend(tcss, {top: pos.top - height - offset, left: pos.left + pos.width / 2 - width / 2}); + break; + case 'left': + $.extend(tcss, {top: pos.top + pos.height / 2 - height / 2, left: pos.left - width - offset}); + break; + case 'right': + $.extend(tcss, {top: pos.top + pos.height / 2 - height / 2, left: pos.left + pos.width + offset}); + break; + } + + if (tmppos.length == 2) { + tcss.left = (tmppos[1] == 'left') ? (pos.left) : ((pos.left + pos.width) - width); + } + + $tooltip.css(tcss).attr("class", "uk-tooltip uk-tooltip-" + position).show(); + + }, + + hide: function() { + if(this.element.is("input") && this.element[0]===document.activeElement) return; + $tooltip.hide(); + }, + + content: function() { + return this.tip; + } + + }); + + UI["tooltip"] = Tooltip; + + $(function() { + $tooltip = $('
').appendTo("body"); + }); + + // init code + $(document).on("mouseenter.tooltip.uikit focus.tooltip.uikit", "[data-uk-tooltip]", function(e) { + var ele = $(this); + + if (!ele.data("tooltip")) { + ele.data("tooltip", new Tooltip(ele, UI.Utils.options(ele.data("uk-tooltip")))).trigger("mouseenter"); + } + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var Switcher = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + + this.element = $(element).on("click", this.options.toggler, function(e) { + e.preventDefault(); + $this.show(this); + }); + + if (this.options.connect) { + + this.connect = $(this.options.connect).find(".uk-active").removeClass(".uk-active").end(); + + var active = this.element.find(this.options.toggler).filter(".uk-active"); + + if (active.length) { + this.show(active); + } + } + + }; + + $.extend(Switcher.prototype, { + + options: { + connect: false, + toggler: ">*" + }, + + show: function(tab) { + + tab = isNaN(tab) ? $(tab) : this.element.find(this.options.toggler).eq(tab); + + var active = tab; + + if (active.hasClass("uk-disabled")) return; + + this.element.find(this.options.toggler).filter(".uk-active").removeClass("uk-active"); + active.addClass("uk-active"); + + if (this.options.connect && this.connect.length) { + + var index = this.element.find(this.options.toggler).index(active); + + this.connect.children().removeClass("uk-active").eq(index).addClass("uk-active"); + } + + this.element.trigger("uk.switcher.show", [active]); + } + + }); + + UI["switcher"] = Switcher; + + // init code + $(function() { + $("[data-uk-switcher]").each(function() { + var switcher = $(this); + + if (!switcher.data("switcher")) { + switcher.data("switcher", new Switcher(switcher, UI.Utils.options(switcher.data("uk-switcher")))); + } + }); + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var Tab = function(element, options) { + + var $this = this; + + this.element = $(element); + this.options = $.extend({ + connect: false + }, this.options, options); + + if (this.options.connect) { + this.connect = $(this.options.connect); + } + + if (window.location.hash) { + var active = this.element.children().filter(window.location.hash); + + if (active.length) { + this.element.children().removeClass('uk-active').filter(active).addClass("uk-active"); + } + } + + var mobiletab = $('
    • '), + caption = mobiletab.find("a:first"), + dropdown = $('
      '), + ul = dropdown.find("ul"); + + caption.html(this.element.find("li.uk-active:first").find("a").text()); + + if (this.element.hasClass("uk-tab-bottom")) dropdown.addClass("uk-dropdown-up"); + if (this.element.hasClass("uk-tab-flip")) dropdown.addClass("uk-dropdown-flip"); + + this.element.find("a").each(function(i) { + + var tab = $(this).parent(), + item = $('
    • ' + tab.text() + '
      • ').on("click", function(e) { + $this.element.data("switcher").show(i); + }); + + if (!$(this).parents(".uk-disabled:first").length) ul.append(item); + }); + + this.element.uk("switcher", {"toggler": ">li:not(.uk-tab-responsive)", "connect": this.options.connect}); + + mobiletab.append(dropdown).uk("dropdown", {"mode": "click"}); + + this.element.append(mobiletab).data({ + "dropdown": mobiletab.data("dropdown"), + "mobilecaption": caption + }).on("uk.switcher.show", function(e, tab) { + mobiletab.addClass("uk-active"); + caption.html(tab.find("a").text()); + }); + + }; + + UI["tab"] = Tab; + + // init code + $(function() { + $("[data-uk-tab]").each(function() { + var tab = $(this); + + if (!tab.data("tab")) { + tab.data("tab", new Tab(tab, UI.Utils.options(tab.data("uk-tab")))); + } + }); + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var Search = function(element, options) { + + var $this = this; + + this.options = $.extend({}, this.options, options); + + this.element = $(element); + + this.timer = null; + this.value = null; + this.input = this.element.find(".uk-search-field"); + this.form = this.input.length ? $(this.input.get(0).form) : $(); + this.input.attr('autocomplete', 'off'); + + this.input.on({ + keydown: function(event) { + $this.form[($this.input.val()) ? 'addClass' : 'removeClass']($this.options.filledClass); + + if (event && event.which && !event.shiftKey) { + + switch (event.which) { + case 13: // enter + $this.done($this.selected); + event.preventDefault(); + break; + case 38: // up + $this.pick('prev'); + event.preventDefault(); + break; + case 40: // down + $this.pick('next'); + event.preventDefault(); + break; + case 27: + case 9: // esc, tab + $this.hide(); + break; + default: + break; + } + } + + }, + keyup: function(event) { + $this.trigger(); + }, + blur: function(event) { + setTimeout(function() { $this.hide(event); }, 200); + } + }); + + this.form.find('button[type=reset]').bind('click', function() { + $this.form.removeClass("uk-open").removeClass("uk-loading").removeClass("uk-active"); + $this.value = null; + $this.input.focus(); + }); + + this.dropdown = $('
        ').appendTo(this.form).find('.uk-nav-search'); + + if (this.options.flipDropdown) { + this.dropdown.parent().addClass('uk-dropdown-flip'); + } + }; + + $.extend(Search.prototype, { + + options: { + source: false, + param: 'search', + method: 'post', + minLength: 3, + delay: 300, + flipDropdown: false, + match: ':not(.uk-skip)', + skipClass: 'uk-skip', + loadingClass: 'uk-loading', + filledClass: 'uk-active', + resultsHeaderClass: 'uk-nav-header', + moreResultsClass: '', + noResultsClass: '', + listClass: 'results', + hoverClass: 'uk-active', + msgResultsHeader: 'Search Results', + msgMoreResults: 'More Results', + msgNoResults: 'No results found', + onSelect: function(selected) { window.location = selected.data('choice').url; }, + onLoadedResults: function(results) { return results; } + }, + + request: function(options) { + var $this = this; + + this.form.addClass(this.options.loadingClass); + + if (this.options.source) { + + $.ajax($.extend({ + url: this.options.source, + type: this.options.method, + dataType: 'json', + success: function(data) { + data = $this.options.onLoadedResults.apply(this, [data]); + $this.form.removeClass($this.options.loadingClass); + $this.suggest(data); + } + }, options)); + + } else { + this.form.removeClass($this.options.loadingClass); + } + }, + + pick: function(item) { + var selected = false; + + if (typeof item !== "string" && !item.hasClass(this.options.skipClass)) { + selected = item; + } + + if (item == 'next' || item == 'prev') { + + var items = this.dropdown.children().filter(this.options.match); + + if (this.selected) { + var index = items.index(this.selected); + + if (item == 'next') { + selected = items.eq(index + 1 < items.length ? index + 1 : 0); + } else { + selected = items.eq(index - 1 < 0 ? items.length - 1 : index - 1); + } + + } else { + selected = items[(item == 'next') ? 'first' : 'last'](); + } + + } + + if (selected && selected.length) { + this.selected = selected; + this.dropdown.children().removeClass(this.options.hoverClass); + this.selected.addClass(this.options.hoverClass); + } + }, + + done: function(selected) { + + if (!selected) { + this.form.submit(); + return; + } + + if (selected.hasClass(this.options.moreResultsClass)) { + this.form.submit(); + } else if (selected.data('choice')) { + this.options.onSelect.apply(this, [selected]); + } + + this.hide(); + }, + + trigger: function() { + + var $this = this, old = this.value, data = {}; + + this.value = this.input.val(); + + if (this.value.length < this.options.minLength) { + return this.hide(); + } + + if (this.value != old) { + + if (this.timer) window.clearTimeout(this.timer); + + this.timer = window.setTimeout(function() { + data[$this.options.param] = $this.value; + $this.request({'data': data}); + }, this.options.delay, this); + } + + return this; + }, + + suggest: function(data) { + + if (!data) return; + + var $this = this, + events = { + 'mouseover': function() { $this.pick($(this).parent()); }, + 'click': function(e) { + e.preventDefault(); + $this.done($(this).parent()); + } + }; + + if (data === false) { + this.hide(); + } else { + this.selected = null; + this.dropdown.empty(); + + if (this.options.msgResultsHeader) { + $('
      • ').addClass(this.options.resultsHeaderClass + ' ' + this.options.skipClass).html(this.options.msgResultsHeader).appendTo(this.dropdown); + } + + if (data.results && data.results.length > 0) { + + $(data.results).each(function(i) { + + var item = $('
      • ' + this.title + '
        • ').data('choice', this); + + if (this["text"]) { + item.find("a").append('
        ' + this.text + '
        '); + } + + $this.dropdown.append(item); + }); + + if (this.options.msgMoreResults) { + $('
      • ').addClass('uk-nav-divider ' + $this.options.skipClass).appendTo($this.dropdown); + $('
      • ').addClass($this.options.moreResultsClass).html('' + $this.options.msgMoreResults + '').appendTo($this.dropdown).on(events); + } + + $this.dropdown.find("li>a").on(events); + + } else if (this.options.msgNoResults) { + $('
      • ').addClass(this.options.noResultsClass + ' ' + this.options.skipClass).html('' + this.options.msgNoResults + '').appendTo(this.dropdown); + } + + this.show(); + } + }, + + show: function() { + if (this.visible) return; + this.visible = true; + this.form.addClass("uk-open"); + }, + + hide: function() { + if (!this.visible) + return; + this.visible = false; + this.form.removeClass(this.options.loadingClass).removeClass("uk-open"); + } + }); + + UI["search"] = Search; + + // init code + $(document).on("focus.search.uikit", "[data-uk-search]", function(e) { + var ele = $(this); + + if (!ele.data("search")) { + ele.data("search", new Search(ele, UI.Utils.options(ele.data("uk-search")))); + } + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var $win = $(window), + + ScrollSpy = function(element, options) { + + this.options = $.extend({}, this.options, options); + + var $this = this, inviewstate, initinview, + fn = function(){ + + var inview = isInView($this); + + if(inview && !inviewstate) { + + if(!initinview) { + $this.element.addClass($this.options.initcls); + $this.offset = $this.element.offset(); + initinview = true; + + $this.element.trigger("uk-scrollspy-init"); + } + + $this.element.addClass("uk-scrollspy-inview").addClass($this.options.cls).width(); + inviewstate = true; + + $this.element.trigger("uk.scrollspy.inview"); + } + + if (!inview && inviewstate && $this.options.repeat) { + $this.element.removeClass("uk-scrollspy-inview").removeClass($this.options.cls); + inviewstate = false; + + $this.element.trigger("uk.scrollspy.outview"); + } + }; + + this.element = $(element); + + $win.on("scroll", fn).on("resize orientationchange", UI.Utils.debounce(fn, 50)); + + fn(); + }; + + $.extend(ScrollSpy.prototype, { + + options: { + "cls": "uk-scrollspy-inview", + "initcls": "uk-scrollspy-init-inview", + "topoffset": 0, + "leftoffset": 0, + "repeat": false + } + + }); + + UI["scrollspy"] = ScrollSpy; + + + function isInView(obj) { + + var $element = obj.element, options = obj.options; + + if (!$element.is(':visible')) { + return false; + } + + var window_left = $win.scrollLeft(), window_top = $win.scrollTop(), offset = obj.offset || $element.offset(), left = offset.left, top = offset.top; + + if (top + $element.height() >= window_top && top - options.topoffset <= window_top + $win.height() && + left + $element.width() >= window_left && left - options.leftoffset <= window_left + $win.width()) { + return true; + } else { + return false; + } + } + + + // init code + $(function() { + $("[data-uk-scrollspy]").each(function() { + + var element = $(this); + + if (!element.data("scrollspy")) { + element.data("scrollspy", new ScrollSpy(element, UI.Utils.options(element.data("uk-scrollspy")))); + } + }); + }); + +})(jQuery, jQuery.UIkit); + +(function($, UI) { + + "use strict"; + + var SmoothScroll = function(element, options) { + + var $this = this; + + this.options = $.extend({ + duration: 1000, + transition: 'easeOutExpo' + }, options); + + this.element = $(element).on("click", function(e) { + + // get / set parameters + var target = ($(this.hash).length ? $(this.hash) : $("body")).offset().top, + docheight = $(document).height(), + winheight = $(window).height(); + + if ((target + winheight) > docheight) { + target = (target - winheight) + 50; + } + + // animate to target and set the hash to the window.location after the animation + $("html,body").stop().animate({scrollTop: target}, $this.options.duration, $this.options.transition); + + // cancel default click action + return false; + }); + }; + + UI["smooth-scroll"] = SmoothScroll; + + + if (!$.easing['easeOutExpo']) { + $.easing['easeOutExpo'] = function(x, t, b, c, d) { return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b; }; + } + + + // init code + $(document).on("click.smooth-scroll.uikit", "[data-uk-smooth-scroll]", function(e) { + var ele = $(this); + + if (!ele.data("smooth-scroll")) { + ele.data("smooth-scroll", new SmoothScroll(ele, UI.Utils.options(ele.data("uk-smooth-scroll")))).trigger("click"); + } + }); + +})(jQuery, jQuery.UIkit); \ No newline at end of file diff --git a/app/static/lib/uikit/js/uikit.min.js b/app/static/lib/uikit/js/uikit.min.js new file mode 100644 index 0000000..692bb65 --- /dev/null +++ b/app/static/lib/uikit/js/uikit.min.js @@ -0,0 +1,3 @@ +/*! UIkit 1.1.0 | http://www.getuikit.com | (c) 2013 YOOtheme | MIT License */ + +(function(t,i){"use strict";var e=t.UIkit||{};e.fn||(e.fn=function(i,n){var s=arguments,o=i.match(/^([a-z\-]+)(?:\.([a-z]+))?/i),a=o[1],r=o[2];return e[a]?this.each(function(){var i=t(this),o=i.data(a);o||i.data(a,o=new e[a](this,r?void 0:n)),r&&o[r].apply(o,Array.prototype.slice.call(s,1))}):(t.error("UIkit component ["+a+"] does not exist."),this)},e.support={},e.support.transition=function(){var t=function(){var t,e=i.body||i.documentElement,n={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(t in n)if(void 0!==e.style[t])return n[t]}();return t&&{end:t}}(),e.support.touch="ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,e.Utils={},e.Utils.debounce=function(t,i,e){var n;return function(){var s=this,o=arguments,a=function(){n=null,e||t.apply(s,o)},r=e&&!n;clearTimeout(n),n=setTimeout(a,i),r&&t.apply(s,o)}},e.Utils.options=function(i){if(t.isPlainObject(i))return i;var e=i.indexOf("{"),n={};if(-1!=e)try{n=Function("","var json = "+i.substr(e)+"; return JSON.parse(JSON.stringify(json));")()}catch(s){}return n},t.UIkit=e,t.fn.uk=e.fn,t.UIkit.langdirection="rtl"==t("html").attr("dir")?"right":"left")})(jQuery,document),function(t){function i(t){return"tagName"in t?t:t.parentNode}function e(t,i,e,n){var s=Math.abs(t-i),o=Math.abs(e-n);return s>=o?t-i>0?"Left":"Right":e-n>0?"Up":"Down"}function n(){u=null,h.last&&(h.el.trigger("longTap"),h={})}function s(){u&&clearTimeout(u),u=null}function o(){a&&clearTimeout(a),r&&clearTimeout(r),l&&clearTimeout(l),u&&clearTimeout(u),a=r=l=u=null,h={}}var a,r,l,u,h={},c=750;t(document).ready(function(){var d,p;t(document.body).bind("touchstart",function(e){d=Date.now(),p=d-(h.last||d),h.el=t(i(e.originalEvent.touches[0].target)),a&&clearTimeout(a),h.x1=e.originalEvent.touches[0].pageX,h.y1=e.originalEvent.touches[0].pageY,p>0&&250>=p&&(h.isDoubleTap=!0),h.last=d,u=setTimeout(n,c)}).bind("touchmove",function(t){s(),h.x2=t.originalEvent.touches[0].pageX,h.y2=t.originalEvent.touches[0].pageY}).bind("touchend",function(){s(),h.x2&&Math.abs(h.x1-h.x2)>30||h.y2&&Math.abs(h.y1-h.y2)>30?l=setTimeout(function(){h.el.trigger("swipe"),h.el.trigger("swipe"+e(h.x1,h.x2,h.y1,h.y2)),h={}},0):"last"in h&&(r=setTimeout(function(){var i=t.Event("tap");i.cancelTouch=o,h.el.trigger(i),h.isDoubleTap?(h.el.trigger("doubleTap"),h={}):a=setTimeout(function(){a=null,h.el.trigger("singleTap"),h={}},250)},0))}).bind("touchcancel",o),t(window).bind("scroll",o)}),["swipe","swipeLeft","swipeRight","swipeUp","swipeDown","doubleTap","tap","singleTap","longTap"].forEach(function(i){t.fn[i]=function(t){return this.bind(i,t)}})}(jQuery),function(t,i){"use strict";var e=function(i,e){var n=this;this.options=t.extend({},this.options,e),this.element=t(i).on("click",this.options.trigger,function(t){t.preventDefault(),n.close()})};t.extend(e.prototype,{options:{fade:!0,duration:200,trigger:".uk-alert-close"},close:function(){function t(){i.trigger("closed").remove()}var i=this.element.trigger("close");this.options.fade?i.css("overflow","hidden").css("max-height",i.height()).animate({height:0,opacity:0,"padding-top":0,"padding-bottom":0,"margin-top":0,"margin-bottom":0},this.options.duration,t):t()}}),i.alert=e,t(document).on("click.alert.uikit","[data-uk-alert]",function(n){var s=t(this);s.data("alert")||(s.data("alert",new e(s,i.Utils.options(s.data("uk-alert")))),t(n.target).is(s.data("alert").options.trigger)&&(n.preventDefault(),s.data("alert").close()))})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=function(i,e){var n=this,s=t(i);this.options=t.extend({},this.options,e),this.element=s.on("click",this.options.target,function(i){i.preventDefault(),s.find(n.options.target).not(this).removeClass("uk-active").blur(),s.trigger("change",[t(this).addClass("uk-active")])})};t.extend(e.prototype,{options:{target:".uk-button"},getSelected:function(){this.element.find(".uk-active")}});var n=function(i,e){var n=t(i);this.options=t.extend({},this.options,e),this.element=n.on("click",this.options.target,function(i){i.preventDefault(),n.trigger("change",[t(this).toggleClass("uk-active").blur()])})};t.extend(n.prototype,{options:{target:".uk-button"},getSelected:function(){this.element.find(".uk-active")}});var s=function(i){var e=this;this.element=t(i).on("click",function(t){t.preventDefault(),e.toggle(),e.element.blur()})};t.extend(s.prototype,{toggle:function(){this.element.toggleClass("uk-active")}}),i.button=s,i["button-checkbox"]=n,i["button-radio"]=e,t(document).on("click.button-radio.uikit","[data-uk-button-radio]",function(n){var s=t(this);s.data("button-radio")||(s.data("button-radio",new e(s,i.Utils.options(s.data("uk-button-radio")))),t(n.target).is(s.data("button-radio").options.target)&&t(n.target).trigger("click"))}),t(document).on("click.button-checkbox.uikit","[data-uk-button-checkbox]",function(e){var s=t(this);s.data("button-checkbox")||(s.data("button-checkbox",new n(s,i.Utils.options(s.data("uk-button-checkbox")))),t(e.target).is(s.data("button-checkbox").options.target)&&t(e.target).trigger("click"))}),t(document).on("click.button.uikit","[data-uk-button]",function(){var i=t(this);i.data("button")||i.data("button",new s(i,i.data("uk-button"))).trigger("click")})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=!1,n=function(i,n){var s=this;this.options=t.extend({},this.options,n),this.element=t(i),this.dropdown=this.element.find(".uk-dropdown"),this.centered=this.dropdown.hasClass("uk-dropdown-center"),this.justified=this.options.justify?t(this.options.justify):!1,this.boundary=t(this.options.boundary),this.boundary.length||(this.boundary=t(window)),"click"==this.options.mode?this.element.on("click",function(i){t(i.target).parents(".uk-dropdown").length||i.preventDefault(),e&&e[0]!=s.element[0]&&e.removeClass("uk-open"),s.element.hasClass("uk-open")?(t(i.target).is("a")||!s.element.find(".uk-dropdown").find(i.target).length)&&(s.element.removeClass("uk-open"),e=!1):(s.checkDimensions(),s.element.addClass("uk-open"),e=s.element,t(document).off("click.outer.dropdown"),setTimeout(function(){t(document).on("click.outer.dropdown",function(i){!e||e[0]!=s.element[0]||!t(i.target).is("a")&&s.element.find(".uk-dropdown").find(i.target).length||(e.removeClass("uk-open"),t(document).off("click.outer.dropdown"))})},10))}):this.element.on("mouseenter",function(){s.remainIdle&&clearTimeout(s.remainIdle),e&&e[0]!=s.element[0]&&e.removeClass("uk-open"),s.checkDimensions(),s.element.addClass("uk-open"),e=s.element}).on("mouseleave",function(){s.remainIdle=setTimeout(function(){s.element.removeClass("uk-open"),s.remainIdle=!1,e&&e[0]==s.element[0]&&(e=!1)},s.options.remaintime)})};t.extend(n.prototype,{remainIdle:!1,options:{mode:"hover",remaintime:800,justify:!1,boundary:t(window)},checkDimensions:function(){if(this.dropdown.length){var i=this.dropdown.css("margin-"+t.UIkit.langdirection,"").css("min-width",""),e=i.show().offset(),n=i.outerWidth(),s=this.boundary.width(),o=this.boundary.offset()?this.boundary.offset().left:0;if(this.centered&&(i.css("margin-"+t.UIkit.langdirection,-1*(parseFloat(n)/2-i.parent().width()/2)),e=i.offset(),(n+e.left>s||0>e.left)&&(i.css("margin-"+t.UIkit.langdirection,""),e=i.offset())),this.justified&&this.justified.length){var a=this.justified.outerWidth();if(i.css("min-width",a),"right"==t.UIkit.langdirection){var r=s-(this.justified.offset().left+a),l=s-(i.offset().left+i.outerWidth());i.css("margin-right",r-l)}else i.css("margin-left",this.justified.offset().left-e.left);e=i.offset()}n+(e.left-o)>s&&(i.addClass("uk-dropdown-flip"),e=i.offset()),0>e.left&&i.addClass("uk-dropdown-stack"),i.css("display","")}}}),i.dropdown=n,t(document).on("mouseenter.dropdown.uikit","[data-uk-dropdown]",function(){var e=t(this);e.data("dropdown")||(e.data("dropdown",new n(e,i.Utils.options(e.data("uk-dropdown")))),"hover"==e.data("dropdown").options.mode&&e.trigger("mouseenter"))})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=t(window),n="resize orientationchange",s=function(s,o){var a=this;this.options=t.extend({},this.options,o),this.element=t(s),this.columns=this.element.children(),this.elements=this.options.target?this.element.find(this.options.target):this.columns,this.columns.length&&e.on(n,function(){var n=function(){a.match()};return t(function(){n(),e.on("load",n)}),i.Utils.debounce(n,150)}())};t.extend(s.prototype,{options:{target:!1},match:function(){this.revert();var i=this.columns.filter(":visible:first");if(i.length){var e=Math.ceil(100*parseFloat(i.css("width"))/parseFloat(i.parent().css("width")))>=100?!0:!1,n=0,s=this;if(!e)return this.elements.each(function(){n=Math.max(n,t(this).outerHeight())}).each(function(i){var e=t(this),o="border-box"==e.css("box-sizing")?"outerHeight":"height",a=s.columns.eq(i),r=e.height()+(n-a[o]());e.css("min-height",r+"px")}),this}},revert:function(){return this.elements.css("min-height",""),this}});var o=function(s){var o=this;this.element=t(s),this.columns=this.element.children(),this.columns.length&&e.on(n,function(){var n=function(){o.process()};return t(function(){n(),e.on("load",n)}),i.Utils.debounce(n,150)}())};t.extend(o.prototype,{process:function(){this.revert();var i=!1,e=this.columns.filter(":visible:first"),n=e.length?e.offset().top:!1;if(n!==!1)return this.columns.each(function(){var e=t(this);e.is(":visible")&&(i?e.addClass("uk-grid-margin"):e.offset().top!=n&&(e.addClass("uk-grid-margin"),i=!0))}),this},revert:function(){return this.columns.removeClass("uk-grid-margin"),this}}),i["grid-match"]=s,i["grid-margin"]=o,t(function(){t("[data-uk-grid-match],[data-uk-grid-margin]").each(function(){var e=t(this);e.is("[data-uk-grid-match]")&&!e.data("grid-match")&&e.data("grid-match",new s(e,i.Utils.options(e.data("uk-grid-match")))),e.is("[data-uk-grid-margin]")&&!e.data("grid-margin")&&e.data("grid-margin",new o(e,i.Utils.options(e.data("uk-grid-margin"))))})})}(jQuery,jQuery.UIkit),function(t,i,e){"use strict";var n=!1,s=t("html"),o=function(e,s){var o=this;this.element=t(e),this.options=t.extend({keyboard:!0,show:!1,bgclose:!0},s),this.transition=i.support.transition,this.dialog=this.element.find(".uk-modal-dialog"),this.element.on("click",".uk-modal-close",function(t){t.preventDefault(),o.hide()}).on("click",function(i){var e=t(i.target);e[0]==o.element[0]&&o.options.bgclose&&o.hide()}),this.options.keyboard&&t(document).on("keyup.ui.modal.escape",function(t){n&&27==t.which&&o.isActive()&&o.hide()})};t.extend(o.prototype,{transition:!1,toggle:function(){this[this.isActive()?"hide":"show"]()},show:function(){this.isActive()||(n&&n.hide(!0),this.resize(),this.element.removeClass("uk-open").show(),n=this,s.addClass("uk-modal-page").height(),this.element.addClass("uk-open").trigger("uk.modal.show"))},hide:function(t){if(this.isActive())if(!t&&i.support.transition){var e=this;this.element.one(i.support.transition.end,function(){e._hide()}).removeClass("uk-open")}else this._hide()},resize:function(){this.dialog.css("margin-left","");var t=parseInt(this.dialog.css("width"),10),i=t+parseInt(this.dialog.css("margin-left"),10)+parseInt(this.dialog.css("margin-right"),10)
        • '),e.data("list-container",i.parent()),s&&n.open(e,!0)})};t.extend(n.prototype,{options:{toggler:">li.uk-parent > a[href='#']",lists:">li.uk-parent > ul",multiple:!1},open:function(i,n){var s=this.element,o=t(i);this.options.multiple||s.children(".uk-open").not(i).each(function(){t(this).data("list-container")&&t(this).data("list-container").stop().animate({height:0},function(){t(this).parent().removeClass("uk-open")})}),o.toggleClass("uk-open"),o.data("list-container")&&(n?o.data("list-container").stop().height(o.hasClass("uk-open")?"auto":0):o.data("list-container").stop().animate({height:o.hasClass("uk-open")?e(o.data("list-container").find("ul:first")):0}))}}),i.nav=n,t(function(){t("[data-uk-nav]").each(function(){var e=t(this);e.data("nav")||e.data("nav",new n(e,i.Utils.options(e.data("uk-nav"))))})})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e,n=function(i,e){var n=this;this.options=t.extend({},this.options,e),this.element=t(i).on({focus:function(){n.show()},blur:function(){n.hide()},mouseenter:function(){n.show()},mouseleave:function(){n.hide()}}),this.tip="function"==typeof this.options.src?this.options.src.call(this.element):this.options.src,this.element.attr("data-cached-title",this.element.attr("title")).attr("title","")};t.extend(n.prototype,{tip:"",options:{offset:5,pos:"top",src:function(){return this.attr("title")}},show:function(){if(this.tip.length){e.css({top:-2e3,visibility:"hidden"}).show(),e.html('
        '+this.tip+"
        ");var i=t.extend({},this.element.offset(),{width:this.element[0].offsetWidth,height:this.element[0].offsetHeight}),n=e[0].offsetWidth,s=e[0].offsetHeight,o="function"==typeof this.options.offset?this.options.offset.call(this.element):this.options.offset,a="function"==typeof this.options.pos?this.options.pos.call(this.element):this.options.pos,r={display:"none",visibility:"visible",top:i.top+i.height+s,left:i.left},l=a.split("-");switch("left"!=l[0]&&"right"!=l[0]||"right"!=t.UIkit.langdirection||(l[0]="left"==l[0]?"right":"left"),l[0]){case"bottom":t.extend(r,{top:i.top+i.height+o,left:i.left+i.width/2-n/2});break;case"top":t.extend(r,{top:i.top-s-o,left:i.left+i.width/2-n/2});break;case"left":t.extend(r,{top:i.top+i.height/2-s/2,left:i.left-n-o});break;case"right":t.extend(r,{top:i.top+i.height/2-s/2,left:i.left+i.width+o})}2==l.length&&(r.left="left"==l[1]?i.left:i.left+i.width-n),e.css(r).attr("class","uk-tooltip uk-tooltip-"+a).show()}},hide:function(){this.element.is("input")&&this.element[0]===document.activeElement||e.hide()},content:function(){return this.tip}}),i.tooltip=n,t(function(){e=t('
        ').appendTo("body")}),t(document).on("mouseenter.tooltip.uikit focus.tooltip.uikit","[data-uk-tooltip]",function(){var e=t(this);e.data("tooltip")||e.data("tooltip",new n(e,i.Utils.options(e.data("uk-tooltip")))).trigger("mouseenter")})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=function(i,e){var n=this;if(this.options=t.extend({},this.options,e),this.element=t(i).on("click",this.options.toggler,function(t){t.preventDefault(),n.show(this)}),this.options.connect){this.connect=t(this.options.connect).find(".uk-active").removeClass(".uk-active").end();var s=this.element.find(this.options.toggler).filter(".uk-active");s.length&&this.show(s)}};t.extend(e.prototype,{options:{connect:!1,toggler:">*"},show:function(i){i=isNaN(i)?t(i):this.element.find(this.options.toggler).eq(i);var e=i;if(!e.hasClass("uk-disabled")){if(this.element.find(this.options.toggler).filter(".uk-active").removeClass("uk-active"),e.addClass("uk-active"),this.options.connect&&this.connect.length){var n=this.element.find(this.options.toggler).index(e);this.connect.children().removeClass("uk-active").eq(n).addClass("uk-active")}this.element.trigger("uk.switcher.show",[e])}}}),i.switcher=e,t(function(){t("[data-uk-switcher]").each(function(){var n=t(this);n.data("switcher")||n.data("switcher",new e(n,i.Utils.options(n.data("uk-switcher"))))})})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=function(i,e){var n=this;if(this.element=t(i),this.options=t.extend({connect:!1},this.options,e),this.options.connect&&(this.connect=t(this.options.connect)),window.location.hash){var s=this.element.children().filter(window.location.hash);s.length&&this.element.children().removeClass("uk-active").filter(s).addClass("uk-active")}var o=t('
        • '),a=o.find("a:first"),r=t('
          '),l=r.find("ul");a.html(this.element.find("li.uk-active:first").find("a").text()),this.element.hasClass("uk-tab-bottom")&&r.addClass("uk-dropdown-up"),this.element.hasClass("uk-tab-flip")&&r.addClass("uk-dropdown-flip"),this.element.find("a").each(function(i){var e=t(this).parent(),s=t('
        • '+e.text()+"
          • ").on("click",function(){n.element.data("switcher").show(i)});t(this).parents(".uk-disabled:first").length||l.append(s)}),this.element.uk("switcher",{toggler:">li:not(.uk-tab-responsive)",connect:this.options.connect}),o.append(r).uk("dropdown",{mode:"click"}),this.element.append(o).data({dropdown:o.data("dropdown"),mobilecaption:a}).on("uk.switcher.show",function(t,i){o.addClass("uk-active"),a.html(i.find("a").text())})};i.tab=e,t(function(){t("[data-uk-tab]").each(function(){var n=t(this);n.data("tab")||n.data("tab",new e(n,i.Utils.options(n.data("uk-tab"))))})})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=function(i,e){var n=this;this.options=t.extend({},this.options,e),this.element=t(i),this.timer=null,this.value=null,this.input=this.element.find(".uk-search-field"),this.form=this.input.length?t(this.input.get(0).form):t(),this.input.attr("autocomplete","off"),this.input.on({keydown:function(t){if(n.form[n.input.val()?"addClass":"removeClass"](n.options.filledClass),t&&t.which&&!t.shiftKey)switch(t.which){case 13:n.done(n.selected),t.preventDefault();break;case 38:n.pick("prev"),t.preventDefault();break;case 40:n.pick("next"),t.preventDefault();break;case 27:case 9:n.hide();break;default:}},keyup:function(){n.trigger()},blur:function(t){setTimeout(function(){n.hide(t)},200)}}),this.form.find("button[type=reset]").bind("click",function(){n.form.removeClass("uk-open").removeClass("uk-loading").removeClass("uk-active"),n.value=null,n.input.focus()}),this.dropdown=t('
            ').appendTo(this.form).find(".uk-nav-search"),this.options.flipDropdown&&this.dropdown.parent().addClass("uk-dropdown-flip")};t.extend(e.prototype,{options:{source:!1,param:"search",method:"post",minLength:3,delay:300,flipDropdown:!1,match:":not(.uk-skip)",skipClass:"uk-skip",loadingClass:"uk-loading",filledClass:"uk-active",resultsHeaderClass:"uk-nav-header",moreResultsClass:"",noResultsClass:"",listClass:"results",hoverClass:"uk-active",msgResultsHeader:"Search Results",msgMoreResults:"More Results",msgNoResults:"No results found",onSelect:function(t){window.location=t.data("choice").url},onLoadedResults:function(t){return t}},request:function(i){var e=this;this.form.addClass(this.options.loadingClass),this.options.source?t.ajax(t.extend({url:this.options.source,type:this.options.method,dataType:"json",success:function(t){t=e.options.onLoadedResults.apply(this,[t]),e.form.removeClass(e.options.loadingClass),e.suggest(t)}},i)):this.form.removeClass(e.options.loadingClass)},pick:function(t){var i=!1;if("string"==typeof t||t.hasClass(this.options.skipClass)||(i=t),"next"==t||"prev"==t){var e=this.dropdown.children().filter(this.options.match);if(this.selected){var n=e.index(this.selected);i="next"==t?e.eq(e.length>n+1?n+1:0):e.eq(0>n-1?e.length-1:n-1)}else i=e["next"==t?"first":"last"]()}i&&i.length&&(this.selected=i,this.dropdown.children().removeClass(this.options.hoverClass),this.selected.addClass(this.options.hoverClass))},done:function(t){return t?(t.hasClass(this.options.moreResultsClass)?this.form.submit():t.data("choice")&&this.options.onSelect.apply(this,[t]),this.hide(),void 0):(this.form.submit(),void 0)},trigger:function(){var t=this,i=this.value,e={};return this.value=this.input.val(),this.value.length").addClass(this.options.resultsHeaderClass+" "+this.options.skipClass).html(this.options.msgResultsHeader).appendTo(this.dropdown),i.results&&i.results.length>0?(t(i.results).each(function(){var i=t('
          • '+this.title+"
            • ").data("choice",this);this.text&&i.find("a").append("
            "+this.text+"
            "),e.dropdown.append(i)}),this.options.msgMoreResults&&(t("
          • ").addClass("uk-nav-divider "+e.options.skipClass).appendTo(e.dropdown),t("
          • ").addClass(e.options.moreResultsClass).html(''+e.options.msgMoreResults+"").appendTo(e.dropdown).on(n)),e.dropdown.find("li>a").on(n)):this.options.msgNoResults&&t("
          • ").addClass(this.options.noResultsClass+" "+this.options.skipClass).html(""+this.options.msgNoResults+"").appendTo(this.dropdown),this.show())}},show:function(){this.visible||(this.visible=!0,this.form.addClass("uk-open"))},hide:function(){this.visible&&(this.visible=!1,this.form.removeClass(this.options.loadingClass).removeClass("uk-open"))}}),i.search=e,t(document).on("focus.search.uikit","[data-uk-search]",function(){var n=t(this);n.data("search")||n.data("search",new e(n,i.Utils.options(n.data("uk-search"))))})}(jQuery,jQuery.UIkit),function(t,i){"use strict";function e(t){var i=t.element,e=t.options;if(!i.is(":visible"))return!1;var s=n.scrollLeft(),o=n.scrollTop(),a=t.offset||i.offset(),r=a.left,l=a.top;return l+i.height()>=o&&l-e.topoffset<=o+n.height()&&r+i.width()>=s&&r-e.leftoffset<=s+n.width()?!0:!1}var n=t(window),s=function(s,o){this.options=t.extend({},this.options,o);var a,r,l=this,u=function(){var t=e(l);t&&!a&&(r||(l.element.addClass(l.options.initcls),l.offset=l.element.offset(),r=!0,l.element.trigger("uk-scrollspy-init")),l.element.addClass("uk-scrollspy-inview").addClass(l.options.cls).width(),a=!0,l.element.trigger("uk.scrollspy.inview")),!t&&a&&l.options.repeat&&(l.element.removeClass("uk-scrollspy-inview").removeClass(l.options.cls),a=!1,l.element.trigger("uk.scrollspy.outview"))};this.element=t(s),n.on("scroll",u).on("resize orientationchange",i.Utils.debounce(u,50)),u()};t.extend(s.prototype,{options:{cls:"uk-scrollspy-inview",initcls:"uk-scrollspy-init-inview",topoffset:0,leftoffset:0,repeat:!1}}),i.scrollspy=s,t(function(){t("[data-uk-scrollspy]").each(function(){var e=t(this);e.data("scrollspy")||e.data("scrollspy",new s(e,i.Utils.options(e.data("uk-scrollspy"))))})})}(jQuery,jQuery.UIkit),function(t,i){"use strict";var e=function(i,e){var n=this;this.options=t.extend({duration:1e3,transition:"easeOutExpo"},e),this.element=t(i).on("click",function(){var i=(t(this.hash).length?t(this.hash):t("body")).offset().top,e=t(document).height(),s=t(window).height();return i+s>e&&(i=i-s+50),t("html,body").stop().animate({scrollTop:i},n.options.duration,n.options.transition),!1})};i["smooth-scroll"]=e,t.easing.easeOutExpo||(t.easing.easeOutExpo=function(t,i,e,n,s){return i==s?e+n:n*(-Math.pow(2,-10*i/s)+1)+e}),t(document).on("click.smooth-scroll.uikit","[data-uk-smooth-scroll]",function(){var n=t(this);n.data("smooth-scroll")||n.data("smooth-scroll",new e(n,i.Utils.options(n.data("uk-smooth-scroll")))).trigger("click")})}(jQuery,jQuery.UIkit); \ No newline at end of file diff --git a/app/templates/_macros.html b/app/templates/_macros.html new file mode 100644 index 0000000..37713bb --- /dev/null +++ b/app/templates/_macros.html @@ -0,0 +1,14 @@ +{% macro render_field_with_label(field) %} +{% set css_class=kwargs.pop('class', '') %} +{{ field.label }}: +
            {{ field(class=css_class, **kwargs)|safe }}
            +{% endmacro %} + +{% macro render_field_with_label_oneline(field) %} +{% set css_class=kwargs.pop('class', '') %} +
            {{field.label}} {{field(class=css_class, **kwargs)|safe }}
            +{% endmacro %} + +{% macro render_field(field) %} +
            {{ field(class=css_class, **kwargs)|safe }}
            +{% endmacro %} diff --git a/app/templates/confirm_purchase.html b/app/templates/confirm_purchase.html new file mode 100644 index 0000000..a722c6f --- /dev/null +++ b/app/templates/confirm_purchase.html @@ -0,0 +1,84 @@ +{% extends "layout.html" %} + +{% block title %}Confirming purchase - packetcrypt{% endblock %} + +{% block content %} +
            +

            Invoice Created

            + Please send {{ invoice.total_btc - invoice.value_paid}} BTC to: {{ invoice.address }} +

            + + +
            + +
            +
            + + +{% endblock %} + +{% block postscript %} + +{% endblock %} + diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html new file mode 100644 index 0000000..b5199b8 --- /dev/null +++ b/app/templates/dashboard.html @@ -0,0 +1,130 @@ +{% extends "layout.html" %} + +{% block title %} Dashboard - packetcrypt {% endblock %} + +{% block content %} +
            +
            +
            +

            Hello, {{ user.email }}!

            +
            +
            +
            +
            +

            Account Information

            +
              +
            • Email Address: {{ user.email }}
              • +
            • Last Payment Date: {{ lastpaid }}
              • +
            • Plan Expires: {{ expires }}
              • +
            • Number of Support Tickets: {{ user.tickets.all() | length }}
              • +
            • Traffic This Month: 000Mb (00%)
              • +
            • Number of Referred Signups: 0
              • +
            +
            +
            +
            +
            +

            Controls

            +
            + +
            + {% if latest %} + Renew + {% else %} + Purchase + {% endif %} + + +
            + +
            + +
            + +
            +
            +
            +
            +
            +
            +
            + + + + + + + {% if g.user.tickets.all() %} + {% for ticket in g.user.tickets.all() %} + + + + + + + {% endfor %} + {% else %} + + {% endif %} + +
            Support Tickets
            {{ g.user.tickets.all() | length }}
            DateSubjectStatusLast Updated
            {{ ticket.timestamp |date }}{{ ticket.subject }}N/AN/A
            You have no support ticket history
            +

            + + + + + + + {% if g.user.invoices.all() %} + {% for invoice in g.user.invoices.all() %} + + {% if invoice.datepaid %} + + {% else %} + + {% endif %} + + + {% if invoice.is_confirmed %} + + {% else %} + {% if invoice.paid %} + + {% else %} + + {% endif %} + {% endif %} + + {% endfor %} + {% endif %} + +
            Invoices
            {{ g.user.invoices.all() | length }}
            Date PaidAmount PaidPayment AddressConfirmed
            {{invoice.datepaid | date}}Unpaid{{invoice.value_paid}}{{invoice.address}}Pay
            +
            +
            +
            +{% endblock %} + +{% block postscript %} + +{% endblock %} diff --git a/app/templates/editticket.html b/app/templates/editticket.html new file mode 100644 index 0000000..29721ff --- /dev/null +++ b/app/templates/editticket.html @@ -0,0 +1,26 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field %} + +{% block title %}Update Support Ticket - packetcrypt{% endblock %} +{% block flash %} +{% for field in form.errors %} +{% for error in form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ form.hidden_tag() }} + {{ render_field_with_label(form.subject) }} + {{ render_field_with_label(form.body) }} +
            + + Close + Delete Ticket +
            +
            +
            +{% endblock %} diff --git a/app/templates/error.html b/app/templates/error.html new file mode 100644 index 0000000..fe65212 --- /dev/null +++ b/app/templates/error.html @@ -0,0 +1,9 @@ +{% extends "layout.html" %} + +{% block content %} +
            +

            The file was not found and/or an unexpected error occurred.

            +

            The administrator has been notified. Sorry for the inconvenience!

            +

            Back

            +
            +{% endblock %} diff --git a/app/templates/index.html b/app/templates/index.html new file mode 100644 index 0000000..1aeb5cd --- /dev/null +++ b/app/templates/index.html @@ -0,0 +1,88 @@ +{% extends "layout.html" %} + +{% block title %}PacketCrypt - Secure, anonymous VPN service for humans{% endblock %} + +{% block content %} +
            +
            +
            +

            We handle the security, you browse the web.

            + + PacketCrypt offers the the quickest way available to keep your web traffic safe. + We follow financial industry standards to ensure your data is protected no matter where you're grabbing a connection. + PacketCrypt makes it simple to encrypt your internet trafic and go about your day. + +
            + + + + + +
            +
            +
            +
            +
            +
            +
            +
            +

            Secure

            + We don't take chances with your data or ours. + All of PacketCrypt's services rely on OpenVPN, open source security software trusted by over 5 million users. + Run on the safest platform in the world: FreeBSD. Our servers are stable and secured to make sure we're always there for you. +
            +
            +
            +
            +

            Fast

            + Unlike other anonymous VPN providers, you don't have to sacrifice speed for safety with PacketCrypt. + All of our servers worldwide are on a Gigabit pipeline, so you can download as fast as your local connection can handle. + Stream movies or download large files fast, and without leaving a trace. +
            +
            +
            +
            +

            Anonymous

            + The first rule of security is Trust No One, and that includes us. + PacketCrypt keeps no logs, and doesn't track your login sessions. + You pay us in Bitcoin and all we ask for is an email address. + Not only does PacketCrypt protect you from the rest of the internet, we protect you from ourselves. +
            +
            +
            +
            +
            +
            +
            +
            +
            +
            +

            Sign Up Now!

            +
              +
            • No personal information required
              • +
            • Only 0 BTC
              • +
            • Supports all major platforms
              • +
            • Unthrottled Gigabit connection
              • +
            • 1000Gb of transfer per month!
              • +
            +
            +
            +
            +
            +

            Getting started is easy:

            +

            + All you need to register is an email address! Bitcoin transactions are processed instantly, + and your access will be available within 10 minutes of purchase. Use our custom VPN client + for an install-and-go experience or download your client key and use the tools you're + familiar with! Click below to sign up for an account and let Packetcrypt secure your web traffic. +

            + + Buy Now! +
            +
            +
            +
            +
            +
            + +{% endblock %} diff --git a/app/templates/layout.html b/app/templates/layout.html new file mode 100644 index 0000000..f7ec334 --- /dev/null +++ b/app/templates/layout.html @@ -0,0 +1,66 @@ + + + + + + + + + + + {% block title %}{% endblock %} + + +
            +
            +
            +
            +
            + Home + Blog + {% if g.user.is_authenticated() %} + Logoff + Dashboard + {% else %} + Login + Signup + {% endif %} + {% if g.user.has_role('Admin') %} + Admin Panel + {% endif %} +
            +
            + +
            +
            +
            + {% with messages = get_flashed_messages() %} + {% if messages %} + {% for message in messages %} +
            {{ message }}
            + {% endfor %} + {% endif %} + {% block flash %}{% endblock %} + {% endwith %} +
            +
            +
            + {% block content %}{% endblock %} +
            + +
            + {% block postscript %}{% endblock %} + + diff --git a/app/templates/newticket.html b/app/templates/newticket.html new file mode 100644 index 0000000..05de83d --- /dev/null +++ b/app/templates/newticket.html @@ -0,0 +1,26 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field %} + +{% block title %}Create Support Ticket - packetcrypt{% endblock %} +{% block flash %} +{% for field in form.errors %} +{% for error in form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ form.hidden_tag() }} + {{ render_field_with_label(form.subject) }} + {{ render_field_with_label(form.body) }} +
            + + + Cancel +
            +
            +
            +{% endblock %} diff --git a/app/templates/purchase.html b/app/templates/purchase.html new file mode 100644 index 0000000..399ef54 --- /dev/null +++ b/app/templates/purchase.html @@ -0,0 +1,24 @@ +{% extends "layout.html" %} + +{% block title %}Purchase VPN Service Now - packetcrypt{% endblock %} + +{% block content %} +
            +

            Purchase PacketCrypt VPN Service

            +
              +
            • Service in 5 different countries
              • +
            • 4 weeks of access
              • +
            • Price (USD): ${{service_price}}
              • + {% if price %} +
            • Price (BTC): {{ price }}
              • + {% endif %} +
            + {% if g.user.is_authenticated() %} + Purchase + Cancel + {% else %} + Login to Purchase + Register an Account + {% endif %} +
            +{% endblock %} diff --git a/app/templates/security/change_password.html b/app/templates/security/change_password.html new file mode 100644 index 0000000..0604dad --- /dev/null +++ b/app/templates/security/change_password.html @@ -0,0 +1,23 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field %} + +{% block title %}Change Password - packetcrypt{% endblock %} +{% block flash %} +{% for field in change_password_form.errors %} +{% for error in change_password_form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ change_password_form.hidden_tag() }} + {{ render_field_with_label(change_password_form.password) }} + {{ render_field_with_label(change_password_form.new_password) }} + {{ render_field_with_label(change_password_form.new_password_confirm) }} + {{ render_field(change_password_form.submit) }} +
            +
            +{% endblock %} diff --git a/app/templates/security/forgot_password.html b/app/templates/security/forgot_password.html new file mode 100644 index 0000000..82bf872 --- /dev/null +++ b/app/templates/security/forgot_password.html @@ -0,0 +1,25 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field %} + +{% block title %}Forgot Password - packetcrypt{% endblock %} +{% block flash %} +{% for field in forgot_password_form.errors %} +{% for error in forgot_password_form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ forgot_password_form.hidden_tag() }} + {{ render_field_with_label(forgot_password_form.email) }} + {{ render_field(forgot_password_form.submit, class="uk-button") }} +
            +
            + Enter the email-address associated with your account to the left. + Instructions on resetting your password will be emailed to you. +
            +
            +{% endblock %} diff --git a/app/templates/security/login_user.html b/app/templates/security/login_user.html new file mode 100644 index 0000000..46a42cb --- /dev/null +++ b/app/templates/security/login_user.html @@ -0,0 +1,31 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field_with_label_oneline, render_field %} + +{% block title %}Login - packetcrypt{% endblock %} +{% block flash %} +{% for field in login_user_form.errors %} +{% for error in login_user_form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ login_user_form.hidden_tag() }} + {{ render_field_with_label(login_user_form.email) }} + {{ render_field_with_label(login_user_form.password) }} + {{ render_field_with_label_oneline(login_user_form.remember) }} + {{ render_field(login_user_form.next) }} + {{ render_field(login_user_form.submit, class="uk-button uk-button-primary") }} +
            +
            + Log in with your Packetcrypt email and password to access your dashboard, download the VPN client, and purchase extended service! + If you are unable to remember your password, please use the button below to reset it. + + Forgot Password? +
            +
            +{% endblock %} + diff --git a/app/templates/security/register_user.html b/app/templates/security/register_user.html new file mode 100644 index 0000000..f51028a --- /dev/null +++ b/app/templates/security/register_user.html @@ -0,0 +1,31 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field %} + +{% block title %}Register - packetcrypt{% endblock %} +{% block flash %} +{% for field in register_user_form.errors %} +{% for error in register_user_form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ register_user_form.hidden_tag() }} + {{ render_field_with_label(register_user_form.email) }} + {{ render_field_with_label(register_user_form.password) }} + {% if register_user_form.password_confirm %} + {{ render_field_with_label(register_user_form.password_confirm) }} + {% endif %} + {{ render_field(register_user_form.submit, class='uk-button uk-button-primary') }} +
            +
            + All we need is an email address and a password to create an account, and you'll be clicks away from browsing securely. + After registering please check your inbox for a verification email. + +

            Click here to sign in to an existing account.

            +
            +
            +{% endblock %} diff --git a/app/templates/security/reset_password.html b/app/templates/security/reset_password.html new file mode 100644 index 0000000..f0ca12e --- /dev/null +++ b/app/templates/security/reset_password.html @@ -0,0 +1,22 @@ +{% extends "layout.html" %} +{% from "_macros.html" import render_field_with_label, render_field %} + +{% block title %}Reset Password - packetcrypt{% endblock %} +{% block flash %} +{% for field in reset_password_form.errors %} +{% for error in reset_password_form.errors[field] %} +
            {{ field }}: {{ error }}
            +{% endfor %} +{% endfor %} +{% endblock %} + +{% block content %} +
            +
            + {{ reset_password_form.hidden_tag() }} + {{ render_field_with_label(reset_password_form.password) }} + {{ render_field_with_label(reset_password_form.password_confirm) }} + {{ render_field(reset_password_form.submit) }} +
            +
            +{% endblock %} diff --git a/app/templates/viewticket.html b/app/templates/viewticket.html new file mode 100644 index 0000000..a4e76eb --- /dev/null +++ b/app/templates/viewticket.html @@ -0,0 +1,17 @@ +{% extends "layout.html" %} + +{% block title %}View Support Ticket - packetcrypt{% endblock %} + +{% block content %} +
            +

            {{ ticket.subject }}

            +
            + {{ ticket.body }} +
            + {{ ticket.timestamp }} +

            + Close + Edit + Delete +
            +{% endblock %} diff --git a/app/views.py b/app/views.py new file mode 100644 index 0000000..b2512f4 --- /dev/null +++ b/app/views.py @@ -0,0 +1,201 @@ +from flask import render_template, flash, redirect, g, request, url_for, jsonify +from app import app, db +from models import Ticket, Invoice +from forms import TicketForm +from flask.ext.security import login_required, current_user +from config import BLOCKCHAIN_URL, SECRET_KEY, STASH_WALLET, PRICE_OF_SERVICE, CONFIRMATION_CAP +import simplejson as json +import urllib2 + +# Page routes +@app.route('/') +@app.route('/index') +def index(): + user = g.user + return render_template("index.html", user=user) + +@app.route('/blog') +def blog(): + return "Da Blog!" + +@app.route('/dashboard') +@login_required +def dashboard(): + user = g.user + latest_invoice = user.invoices.order_by(Invoice.datepaid.desc()).first() + lastpaid = latest_invoice.datepaid if latest_invoice else "Unpurchased" + expires = latest_invoice.dateends if latest_invoice else "No service enabled" + return render_template("dashboard.html", user=user, latest=latest_invoice, lastpaid=lastpaid, expires=expires) + +@app.route('/newticket', methods=['GET', 'POST']) +@login_required +def newticket(): + user = g.user + form = TicketForm() + if form.validate_on_submit(): + import datetime + t = Ticket() + form.populate_obj(t) + t.timestamp = datetime.datetime.utcnow() + t.created = datetime.datetime.utcnow() + t.user_id = user.id + db.session.add(t); + db.session.commit() + + flash('New ticket submitted: ' + form.subject.data) + return redirect('/dashboard') + return render_template('newticket.html', form=form, user=user) + +@app.route('/viewticket/', methods=['GET', 'POST']) +@login_required +def viewticket(tid): + user = g.user + t = Ticket.query.get(tid) + return render_template('viewticket.html', user=user, ticket=t) + +@app.route('/editticket/', methods=['GET', 'POST']) +@login_required +def editticket(tid): + user = g.user + t = Ticket.query.get(tid) + form = TicketForm(subject=t.subject, body=t.body) + if form.validate_on_submit(): + import datetime + form.populate_obj(t) + t.timestamp = datetime.datetime.utcnow() + flash("Updated ticket: " + t.subject) + db.session.commit() + return redirect('/dashboard') + return render_template('editticket.html', user=user, ticket=t, form=form) + +@app.route('/deleteticket/', methods=['GET', 'POST']) +@login_required +def deleteticket(tid): + user = g.user + t = Ticket.query.get(tid) + return render_template('viewticket.html', user=user, ticket=t) + +# Start Bitcoin stuff -- blockchain.info api +@app.route('/purchase') +def purchase(): + user = g.user + try: + exchange_data = json.load(urllib2.build_opener().open(urllib2.Request("http://blockchain.info/tobtc?currency=USD&value=30"))) + except urllib2.URLError as e: + flash('Unable to fetch current BTC exchange rate.') + return render_template('purchase.html', user=user, price=0, service_price=PRICE_OF_SERVICE) + return render_template('purchase.html', user=user, price=str(exchange_data), service_price=PRICE_OF_SERVICE) + +@app.route('/confirm_purchase/', defaults={'invoice_id': None}) +@app.route('/confirm_purchase/', methods=['GET', 'POST']) +@login_required +def confirm_purchase(invoice_id): + import datetime + user = g.user + if invoice_id is None: + i = Invoice() + i.paid = False + i.datecreated = datetime.datetime.utcnow() + i.user_id = user.id + db.session.add(i) + db.session.commit() + try: + callback_url = url_for('pay_invoice', _external=True)+'?secret='+SECRET_KEY+'%26invoice_id='+str(i.id) + url = BLOCKCHAIN_URL+'?method=create&address='+STASH_WALLET+'&callback='+callback_url + xhr = urllib2.Request(url) + data = json.load(urllib2.build_opener().open(xhr)) + price_data = json.load(urllib2.build_opener().open(urllib2.Request("http://blockchain.info/tobtc?currency=USD&value="+str(PRICE_OF_SERVICE)))) + exchange_data = json.load(urllib2.build_opener().open(urllib2.Request("http://blockchain.info/ticker"))) + app.logger.info("Sent to blockchain api: " + url) + except urllib2.URLError as e: + app.logger.error('Unable to access the blockchain.info api: ' + url) + flash('There was an error creating a new invoice. Please try again later.') + return redirect('/dashboard') + i.address = data['input_address'] + i.total_btc = price_data + i.exchange_rate_when_paid = exchange_data['USD']['last'] + db.session.commit() + # TODO: Generate a QR code and/or other e-z payment options for BTC services + return redirect(url_for('confirm_purchase', invoice_id=i.id)) + else: + i = Invoice.query.get(invoice_id) + if request.method == 'POST': + flash('Invoice ('+i.address+') was deleted succesfully.') + db.session.delete(i) + db.session.commit() + return redirect(url_for('dashboard')) + return render_template('confirm_purchase.html', user=user, invoice=i, min_confirm=CONFIRMATION_CAP) + + +# AJAX Callbacks +@app.route('/invoice_status', methods=['POST']) +def invoice_status(): + data = request.form + i = Invoice.query.get(data['invoice_id']) + if i is None: + return 0 + return jsonify({ + 'confirmations': i.confirmations, + 'value_paid': i.value_paid, + 'total_btc': i.total_btc, + 'input_transaction_hash': i.input_transaction_hash + }) + +@app.route('/pay_invoice', methods=['GET']) +def pay_invoice(): + data = request.args + if 'test' in data: + app.logger.info('Test response recieved from Blockchain.info. return: *test*') + return "*test*" + if 'secret' in data and data['secret'] == SECRET_KEY: + import datetime + i = Invoice.query.get(data['invoice_id']) + if i is None: + # could not find invoice - do we ignore or create? + app.logger.info("Callback received for non-existant invoice. return: *error*") + return "*error*" + if not i.paid: + i.value_paid = float(data['value']) / 100000000 + else: + i.value_paid += float(data['value']) / 100000000 + i.datepaid = datetime.datetime.utcnow() + i.confirmations = data['confirmations'] + i.transaction_hash = data['transaction_hash'] + i.input_transaction_hash = data['input_transaction_hash'] + if i.value_paid == i.total_btc: + app.logger.info("Invoice {} paid on {} for {} BTC.".format(i.id, i.datepaid, i.value_paid)) + i.paid = True + db.session.commit() + if i.paid and i.confirmations > CONFIRMATION_CAP: + app.logger.info("Invoice {} was confirmed at {}. return: *ok*".format(i.id, i.datepaid)) + i.is_confirmed = True + i.dateends = i.datepaid + datetime.timedelta(weeks=4) + return "*ok*" + app.logger.info("Callback received for invoice {}: awaiting confirmation (current: {}). return: *unconfirmed*".format(i.id, i.confirmations)) + return "*unconfirmed*" + else: + app.logger.info('Payment callback with invalid secret key recieved. return: *error*') + return "*error*" + +# Not routes +@app.errorhandler(404) +def internal_error(error): + return render_template('error.html'), 404 + +@app.errorhandler(500) +def internal_error(error): + db.session.rollback() + return render_template('error.html'), 500 + +@app.before_request +def before_request(): + g.user = current_user + +@app.template_filter('date') +def _jinja2_filter_datetime(date, fmt=None): + if not date: + return None + if fmt: + return date.strftime(fmt) + else: + return date.strftime("%m/%d/%y (%I:%M%p)")