Created
August 13, 2017 13:44
-
-
Save lueadi/8a10f1a537a1a5f34eb554c6c3145d3d to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="ProjectCodeStyleSettingsManager"> | |
<option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" /> | |
</component> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="PublishConfigData"> | |
<serverData> | |
<paths name="songyu"> | |
<serverdata> | |
<mappings> | |
<mapping deploy="/web_awesome_blog" local="$PROJECT_DIR$" web="/web_awesome_blog" /> | |
</mappings> | |
</serverdata> | |
</paths> | |
</serverData> | |
</component> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="Encoding"> | |
<file url="PROJECT" charset="UTF-8" /> | |
</component> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<component name="InspectionProjectProfileManager"> | |
<settings> | |
<option name="PROJECT_PROFILE" value="Project Default" /> | |
<option name="USE_PROJECT_PROFILE" value="true" /> | |
<version value="1.0" /> | |
</settings> | |
</component> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<component name="InspectionProjectProfileManager"> | |
<profile version="1.0"> | |
<option name="myName" value="Project Default" /> | |
<inspection_tool class="PyUnresolvedReferencesInspection" enabled="true" level="WARNING" enabled_by_default="true"> | |
<option name="ignoredIdentifiers"> | |
<list> | |
<option value="config_default" /> | |
</list> | |
</option> | |
</inspection_tool> | |
</profile> | |
</component> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="ProjectLevelVcsManager" settingsEditedManually="false"> | |
<OptionsSetting value="true" id="Add" /> | |
<OptionsSetting value="true" id="Remove" /> | |
<OptionsSetting value="true" id="Checkout" /> | |
<OptionsSetting value="true" id="Update" /> | |
<OptionsSetting value="true" id="Status" /> | |
<OptionsSetting value="true" id="Edit" /> | |
<ConfirmationsSetting value="0" id="Add" /> | |
<ConfirmationsSetting value="0" id="Remove" /> | |
</component> | |
<component name="ProjectRootManager" version="2" project-jdk-name="Remote Python 3.5.1 (sftp://songyu@139.199.19.252:22/usr/bin/python3)" project-jdk-type="Python SDK" /> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="ProjectModuleManager"> | |
<modules> | |
<module fileurl="file://$PROJECT_DIR$/.idea/web-blog-awesome.iml" filepath="$PROJECT_DIR$/.idea/web-blog-awesome.iml" /> | |
</modules> | |
</component> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="VagrantProjectSettings"> | |
<option name="instanceFolder" value="" /> | |
<option name="provider" value="" /> | |
</component> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<project version="4"> | |
<component name="VcsDirectoryMappings"> | |
<mapping directory="$PROJECT_DIR$" vcs="Git" /> | |
</component> | |
</project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?> | |
<module type="PYTHON_MODULE" version="4"> | |
<component name="NewModuleRootManager"> | |
<content url="file://$MODULE_DIR$" /> | |
<orderEntry type="jdk" jdkName="Remote Python 3.5.1 (sftp://songyu@139.199.19.252:22/usr/bin/python3)" jdkType="Python SDK" /> | |
<orderEntry type="sourceFolder" forTests="false" /> | |
</component> | |
<component name="TestRunnerService"> | |
<option name="PROJECT_TEST_RUNNER" value="Unittests" /> | |
</component> | |
</module> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
__author__ = 'Michael Liao' | |
''' | |
JSON API definition. | |
''' | |
import json, logging, inspect, functools | |
class Page(object): | |
''' | |
Page object for display pages. | |
''' | |
def __init__(self, item_count, page_index=1, page_size=10): | |
''' | |
Init Pagination by item_count, page_index and page_size. | |
>>> p1 = Page(100, 1) | |
>>> p1.page_count | |
10 | |
>>> p1.offset | |
0 | |
>>> p1.limit | |
10 | |
>>> p2 = Page(90, 9, 10) | |
>>> p2.page_count | |
9 | |
>>> p2.offset | |
80 | |
>>> p2.limit | |
10 | |
>>> p3 = Page(91, 10, 10) | |
>>> p3.page_count | |
10 | |
>>> p3.offset | |
90 | |
>>> p3.limit | |
10 | |
''' | |
self.item_count = item_count | |
self.page_size = page_size | |
self.page_count = item_count // page_size + (1 if item_count % page_size > 0 else 0) | |
if (item_count == 0) or (page_index > self.page_count): | |
self.offset = 0 | |
self.limit = 0 | |
self.page_index = 1 | |
else: | |
self.page_index = page_index | |
self.offset = self.page_size * (page_index - 1) | |
self.limit = self.page_size | |
self.has_next = self.page_index < self.page_count | |
self.has_previous = self.page_index > 1 | |
def __str__(self): | |
return 'item_count: %s, page_count: %s, page_index: %s, page_size: %s, offset: %s, limit: %s' % (self.item_count, self.page_count, self.page_index, self.page_size, self.offset, self.limit) | |
__repr__ = __str__ | |
class APIError(Exception): | |
''' | |
the base APIError which contains error(required), data(optional) and message(optional). | |
''' | |
def __init__(self, error, data='', message=''): | |
super(APIError, self).__init__(message) | |
self.error = error | |
self.data = data | |
self.message = message | |
class APIValueError(APIError): | |
''' | |
Indicate the input value has error or invalid. The data specifies the error field of input form. | |
''' | |
def __init__(self, field, message=''): | |
super(APIValueError, self).__init__('value:invalid', field, message) | |
class APIResourceNotFoundError(APIError): | |
''' | |
Indicate the resource was not found. The data specifies the resource name. | |
''' | |
def __init__(self, field, message=''): | |
super(APIResourceNotFoundError, self).__init__('value:notfound', field, message) | |
class APIPermissionError(APIError): | |
''' | |
Indicate the api has no permission. | |
''' | |
def __init__(self, message=''): | |
super(APIPermissionError, self).__init__('permission:forbidden', 'permission', message) | |
if __name__=='__main__': | |
import doctest | |
doctest.testmod() |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
__author__ = 'Yusong' | |
''' | |
async web application. | |
''' | |
import logging; logging.basicConfig(level=logging.INFO) | |
import asyncio, os, json, time | |
from datetime import datetime | |
from aiohttp import web | |
from jinja2 import Environment, FileSystemLoader | |
from config import configs | |
import orm | |
from coroweb import add_routes, add_static | |
from handlers import cookie2user, COOKIE_NAME | |
def init_jinja2(app, **kw): | |
logging.info('init jinja2...') | |
options = dict( | |
autoescape = kw.get('autoescape', True), | |
block_start_string = kw.get('block_start_string', '{%'), | |
block_end_string = kw.get('block_end_string', '%}'), | |
variable_start_string = kw.get('variable_start_string', '{{'), | |
variable_end_string = kw.get('variable_end_string', '}}'), | |
auto_reload = kw.get('auto_reload', True) | |
) | |
path = kw.get('path', None) | |
if path is None: | |
path = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'templates') | |
logging.info('set jinja2 template path: %s' % path) | |
env = Environment(loader=FileSystemLoader(path), **options) | |
filters = kw.get('filters', None) | |
if filters is not None: | |
for name, f in filters.items(): | |
env.filters[name] = f | |
app['__templating__'] = env | |
@asyncio.coroutine | |
def logger_factory(app, handler): | |
@asyncio.coroutine | |
def logger(request): | |
logging.info('Request: %s %s' % (request.method, request.path)) | |
# yield from asyncio.sleep(0.3) | |
return (yield from handler(request)) | |
return logger | |
@asyncio.coroutine | |
def auth_factory(app, handler): | |
@asyncio.coroutine | |
def auth(request): | |
logging.info('check user: %s %s' % (request.method, request.path)) | |
request.__user__ = None | |
cookie_str = request.cookies.get(COOKIE_NAME) | |
if cookie_str: | |
user = yield from cookie2user(cookie_str) | |
if user: | |
logging.info('set current user: %s' % user.email) | |
request.__user__ = user | |
if request.path.startswith('/manage/') and (request.__user__ is None or not request.__user__.admin): | |
return web.HTTPFound('/signin') | |
return (yield from handler(request)) | |
return auth | |
@asyncio.coroutine | |
def data_factory(app, handler): | |
@asyncio.coroutine | |
def parse_data(request): | |
if request.method == 'POST': | |
if request.content_type.startswith('application/json'): | |
request.__data__ = yield from request.json() | |
logging.info('request json: %s' % str(request.__data__)) | |
elif request.content_type.startswith('application/x-www-form-urlencoded'): | |
request.__data__ = yield from request.post() | |
logging.info('request form: %s' % str(request.__data__)) | |
return (yield from handler(request)) | |
return parse_data | |
@asyncio.coroutine | |
def response_factory(app, handler): | |
@asyncio.coroutine | |
def response(request): | |
logging.info('Response handler...') | |
r = yield from handler(request) | |
if isinstance(r, web.StreamResponse): | |
return r | |
if isinstance(r, bytes): | |
resp = web.Response(body=r) | |
resp.content_type = 'application/octet-stream' | |
return resp | |
if isinstance(r, str): | |
if r.startswith('redirect:'): | |
return web.HTTPFound(r[9:]) | |
resp = web.Response(body=r.encode('utf-8')) | |
resp.content_type = 'text/html;charset=utf-8' | |
return resp | |
if isinstance(r, dict): | |
template = r.get('__template__') | |
if template is None: | |
resp = web.Response(body=json.dumps(r, ensure_ascii=False, default=lambda o: o.__dict__).encode('utf-8')) | |
resp.content_type = 'application/json;charset=utf-8' | |
return resp | |
else: | |
r['__user__'] = request.__user__ | |
resp = web.Response(body=app['__templating__'].get_template(template).render(**r).encode('utf-8')) | |
resp.content_type = 'text/html;charset=utf-8' | |
return resp | |
if isinstance(r, int) and t >= 100 and t < 600: | |
return web.Response(t) | |
if isinstance(r, tuple) and len(r) == 2: | |
t, m = r | |
if isinstance(t, int) and t >= 100 and t < 600: | |
return web.Response(t, str(m)) | |
# default: | |
resp = web.Response(body=str(r).encode('utf-8')) | |
resp.content_type = 'text/plain;charset=utf-8' | |
return resp | |
return response | |
def datetime_filter(t): | |
delta = int(time.time() - t) | |
if delta < 60: | |
return u'1分钟前' | |
if delta < 3600: | |
return u'%s分钟前' % (delta // 60) | |
if delta < 86400: | |
return u'%s小时前' % (delta // 3600) | |
if delta < 604800: | |
return u'%s天前' % (delta // 86400) | |
dt = datetime.fromtimestamp(t) | |
return u'%s年%s月%s日' % (dt.year, dt.month, dt.day) | |
@asyncio.coroutine | |
def init(loop): | |
yield from orm.create_pool(loop=loop, **configs.db) | |
app = web.Application(loop=loop, middlewares=[ | |
logger_factory, auth_factory, response_factory | |
]) | |
init_jinja2(app, filters=dict(datetime=datetime_filter)) | |
add_routes(app, 'handlers') | |
add_static(app) | |
srv = yield from loop.create_server(app.make_handler(), '10.135.122.16', 8080) | |
logging.info('server started at http://139.199.19.252...') | |
return srv | |
loop = asyncio.get_event_loop() | |
loop.run_until_complete(init(loop)) | |
loop.run_forever() |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
''' | |
Configuration | |
''' | |
__author__ = 'Michael Liao' | |
import config_default | |
class Dict(dict): | |
''' | |
Simple dict but support access as x.y style. | |
''' | |
def __init__(self, names=(), values=(), **kw): | |
super(Dict, self).__init__(**kw) | |
for k, v in zip(names, values): | |
self[k] = v | |
def __getattr__(self, key): | |
try: | |
return self[key] | |
except KeyError: | |
raise AttributeError(r"'Dict' object has no attribute '%s'" % key) | |
def __setattr__(self, key, value): | |
self[key] = value | |
def merge(defaults, override): | |
r = {} | |
for k, v in defaults.items(): | |
if k in override: | |
if isinstance(v, dict): | |
r[k] = merge(v, override[k]) | |
else: | |
r[k] = override[k] | |
else: | |
r[k] = v | |
return r | |
def toDict(d): | |
D = Dict() | |
for k, v in d.items(): | |
D[k] = toDict(v) if isinstance(v, dict) else v | |
return D | |
configs = config_default.configs | |
try: | |
import config_override | |
configs = merge(configs, config_override.configs) | |
except ImportError: | |
pass | |
configs = toDict(configs) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
''' | |
Default configurations. | |
''' | |
__author__ = 'Michael Liao' | |
configs = { | |
'debug': True, | |
'db': { | |
'host': '127.0.0.1', | |
'port': 3306, | |
'user': 'sy123', | |
'password': 'sy123', | |
'db': 'awesome' | |
}, | |
'session': { | |
'secret': 'Awesome' | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
''' | |
Override configurations. | |
''' | |
__author__ = 'Michael Liao' | |
configs = { | |
'db': { | |
'host': '127.0.0.1' | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
__author__ = 'Michael Liao' | |
import asyncio, os, inspect, logging, functools | |
from urllib import parse | |
from aiohttp import web | |
from apis import APIError | |
def get(path): | |
''' | |
Define decorator @get('/path') | |
''' | |
def decorator(func): | |
@functools.wraps(func) | |
def wrapper(*args, **kw): | |
return func(*args, **kw) | |
wrapper.__method__ = 'GET' | |
wrapper.__route__ = path | |
return wrapper | |
return decorator | |
def post(path): | |
''' | |
Define decorator @post('/path') | |
''' | |
def decorator(func): | |
@functools.wraps(func) | |
def wrapper(*args, **kw): | |
return func(*args, **kw) | |
wrapper.__method__ = 'POST' | |
wrapper.__route__ = path | |
return wrapper | |
return decorator | |
def get_required_kw_args(fn): | |
args = [] | |
params = inspect.signature(fn).parameters | |
for name, param in params.items(): | |
if param.kind == inspect.Parameter.KEYWORD_ONLY and param.default == inspect.Parameter.empty: | |
args.append(name) | |
return tuple(args) | |
def get_named_kw_args(fn): | |
args = [] | |
params = inspect.signature(fn).parameters | |
for name, param in params.items(): | |
if param.kind == inspect.Parameter.KEYWORD_ONLY: | |
args.append(name) | |
return tuple(args) | |
def has_named_kw_args(fn): | |
params = inspect.signature(fn).parameters | |
for name, param in params.items(): | |
if param.kind == inspect.Parameter.KEYWORD_ONLY: | |
return True | |
def has_var_kw_arg(fn): | |
params = inspect.signature(fn).parameters | |
for name, param in params.items(): | |
if param.kind == inspect.Parameter.VAR_KEYWORD: | |
return True | |
def has_request_arg(fn): | |
sig = inspect.signature(fn) | |
params = sig.parameters | |
found = False | |
for name, param in params.items(): | |
if name == 'request': | |
found = True | |
continue | |
if found and (param.kind != inspect.Parameter.VAR_POSITIONAL and param.kind != inspect.Parameter.KEYWORD_ONLY and param.kind != inspect.Parameter.VAR_KEYWORD): | |
raise ValueError('request parameter must be the last named parameter in function: %s%s' % (fn.__name__, str(sig))) | |
return found | |
class RequestHandler(object): | |
def __init__(self, app, fn): | |
self._app = app | |
self._func = fn | |
self._has_request_arg = has_request_arg(fn) | |
self._has_var_kw_arg = has_var_kw_arg(fn) | |
self._has_named_kw_args = has_named_kw_args(fn) | |
self._named_kw_args = get_named_kw_args(fn) | |
self._required_kw_args = get_required_kw_args(fn) | |
async def __call__(self, request): | |
kw = None | |
if self._has_var_kw_arg or self._has_named_kw_args or self._required_kw_args: | |
if request.method == 'POST': | |
if not request.content_type: | |
return web.HTTPBadRequest('Missing Content-Type.') | |
ct = request.content_type.lower() | |
if ct.startswith('application/json'): | |
params = await request.json() | |
if not isinstance(params, dict): | |
return web.HTTPBadRequest('JSON body must be object.') | |
kw = params | |
elif ct.startswith('application/x-www-form-urlencoded') or ct.startswith('multipart/form-data'): | |
params = await request.post() | |
kw = dict(**params) | |
else: | |
return web.HTTPBadRequest('Unsupported Content-Type: %s' % request.content_type) | |
if request.method == 'GET': | |
qs = request.query_string | |
if qs: | |
kw = dict() | |
for k, v in parse.parse_qs(qs, True).items(): | |
kw[k] = v[0] | |
if kw is None: | |
kw = dict(**request.match_info) | |
else: | |
if not self._has_var_kw_arg and self._named_kw_args: | |
# remove all unamed kw: | |
copy = dict() | |
for name in self._named_kw_args: | |
if name in kw: | |
copy[name] = kw[name] | |
kw = copy | |
# check named arg: | |
for k, v in request.match_info.items(): | |
if k in kw: | |
logging.warning('Duplicate arg name in named arg and kw args: %s' % k) | |
kw[k] = v | |
if self._has_request_arg: | |
kw['request'] = request | |
# check required kw: | |
if self._required_kw_args: | |
for name in self._required_kw_args: | |
if not name in kw: | |
return web.HTTPBadRequest('Missing argument: %s' % name) | |
logging.info('call with args: %s' % str(kw)) | |
try: | |
r = await self._func(**kw) | |
return r | |
except APIError as e: | |
return dict(error=e.error, data=e.data, message=e.message) | |
def add_static(app): | |
path = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'static') | |
app.router.add_static('/static/', path) | |
logging.info('add static %s => %s' % ('/static/', path)) | |
def add_route(app, fn): | |
method = getattr(fn, '__method__', None) | |
path = getattr(fn, '__route__', None) | |
if path is None or method is None: | |
raise ValueError('@get or @post not defined in %s.' % str(fn)) | |
if not asyncio.iscoroutinefunction(fn) and not inspect.isgeneratorfunction(fn): | |
fn = asyncio.coroutine(fn) | |
logging.info('add route %s %s => %s(%s)' % (method, path, fn.__name__, ', '.join(inspect.signature(fn).parameters.keys()))) | |
app.router.add_route(method, path, RequestHandler(app, fn)) | |
def add_routes(app, module_name): | |
n = module_name.rfind('.') | |
if n == (-1): | |
mod = __import__(module_name, globals(), locals()) | |
else: | |
name = module_name[n+1:] | |
mod = getattr(__import__(module_name[:n], globals(), locals(), [name]), name) | |
for attr in dir(mod): | |
if attr.startswith('_'): | |
continue | |
fn = getattr(mod, attr) | |
if callable(fn): | |
method = getattr(fn, '__method__', None) | |
path = getattr(fn, '__route__', None) | |
if method and path: | |
add_route(app, fn) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
__author__ = 'Michael Liao' | |
' url handlers ' | |
import re, time, json, logging, hashlib, base64, asyncio | |
import markdown2 | |
from aiohttp import web | |
from coroweb import get, post | |
from apis import Page, APIValueError, APIResourceNotFoundError | |
from models import User, Comment, Blog, next_id | |
from config import configs | |
COOKIE_NAME = 'awesession' | |
_COOKIE_KEY = configs.session.secret | |
def check_admin(request): | |
if request.__user__ is None or not request.__user__.admin: | |
raise APIPermissionError() | |
def get_page_index(page_str): | |
p = 1 | |
try: | |
p = int(page_str) | |
except ValueError as e: | |
pass | |
if p < 1: | |
p = 1 | |
return p | |
def user2cookie(user, max_age): | |
''' | |
Generate cookie str by user. | |
''' | |
# build cookie string by: id-expires-sha1 | |
expires = str(int(time.time() + max_age)) | |
s = '%s-%s-%s-%s' % (user.id, user.passwd, expires, _COOKIE_KEY) | |
L = [user.id, expires, hashlib.sha1(s.encode('utf-8')).hexdigest()] | |
return '-'.join(L) | |
def text2html(text): | |
lines = map(lambda s: '<p>%s</p>' % s.replace('&', '&').replace('<', '<').replace('>', '>'), filter(lambda s: s.strip() != '', text.split('\n'))) | |
return ''.join(lines) | |
@asyncio.coroutine | |
def cookie2user(cookie_str): | |
''' | |
Parse cookie and load user if cookie is valid. | |
''' | |
if not cookie_str: | |
return None | |
try: | |
L = cookie_str.split('-') | |
if len(L) != 3: | |
return None | |
uid, expires, sha1 = L | |
if int(expires) < time.time(): | |
return None | |
user = yield from User.find(uid) | |
if user is None: | |
return None | |
s = '%s-%s-%s-%s' % (uid, user.passwd, expires, _COOKIE_KEY) | |
if sha1 != hashlib.sha1(s.encode('utf-8')).hexdigest(): | |
logging.info('invalid sha1') | |
return None | |
user.passwd = '******' | |
return user | |
except Exception as e: | |
logging.exception(e) | |
return None | |
@get('/') | |
@asyncio.coroutine | |
def index(*, page='1'): | |
page_index = get_page_index(page) | |
num = yield from Blog.findNumber('count(id)') | |
page = Page(num) | |
if num == 0: | |
blogs = [] | |
else: | |
blogs = yield from Blog.findAll(orderBy='created_at desc', limit=(page.offset, page.limit)) | |
return { | |
'__template__': 'blogs.html', | |
'page': page, | |
'blogs': blogs | |
} | |
@get('/blog/{id}') | |
@asyncio.coroutine | |
def get_blog(id): | |
blog = yield from Blog.find(id) | |
comments = yield from Comment.findAll('blog_id=?', [id], orderBy='created_at desc') | |
for c in comments: | |
c.html_content = text2html(c.content) | |
blog.html_content = markdown2.markdown(blog.content) | |
return { | |
'__template__': 'blog.html', | |
'blog': blog, | |
'comments': comments | |
} | |
@get('/register') | |
def register(): | |
return { | |
'__template__': 'register.html' | |
} | |
@get('/signin') | |
def signin(): | |
return { | |
'__template__': 'signin.html' | |
} | |
@post('/api/authenticate') | |
@asyncio.coroutine | |
def authenticate(*, email, passwd): | |
if not email: | |
raise APIValueError('email', 'Invalid email.') | |
if not passwd: | |
raise APIValueError('passwd', 'Invalid password.') | |
users = yield from User.findAll('email=?', [email]) | |
if len(users) == 0: | |
raise APIValueError('email', 'Email not exist.') | |
user = users[0] | |
# check passwd: | |
sha1 = hashlib.sha1() | |
sha1.update(user.id.encode('utf-8')) | |
sha1.update(b':') | |
sha1.update(passwd.encode('utf-8')) | |
if user.passwd != sha1.hexdigest(): | |
raise APIValueError('passwd', 'Invalid password.') | |
# authenticate ok, set cookie: | |
r = web.Response() | |
r.set_cookie(COOKIE_NAME, user2cookie(user, 86400), max_age=86400, httponly=True) | |
user.passwd = '******' | |
r.content_type = 'application/json' | |
r.body = json.dumps(user, ensure_ascii=False).encode('utf-8') | |
return r | |
@get('/signout') | |
def signout(request): | |
referer = request.headers.get('Referer') | |
r = web.HTTPFound(referer or '/') | |
r.set_cookie(COOKIE_NAME, '-deleted-', max_age=0, httponly=True) | |
logging.info('user signed out.') | |
return r | |
@get('/manage/') | |
def manage(): | |
return 'redirect:/manage/comments' | |
@get('/manage/comments') | |
def manage_comments(*, page='1'): | |
return { | |
'__template__': 'manage_comments.html', | |
'page_index': get_page_index(page) | |
} | |
@get('/manage/blogs') | |
def manage_blogs(*, page='1'): | |
return { | |
'__template__': 'manage_blogs.html', | |
'page_index': get_page_index(page) | |
} | |
@get('/manage/blogs/create') | |
def manage_create_blog(): | |
return { | |
'__template__': 'manage_blog_edit.html', | |
'id': '', | |
'action': '/api/blogs' | |
} | |
@get('/manage/blogs/edit') | |
def manage_edit_blog(*, id): | |
return { | |
'__template__': 'manage_blog_edit.html', | |
'id': id, | |
'action': '/api/blogs/%s' % id | |
} | |
@get('/manage/users') | |
def manage_users(*, page='1'): | |
return { | |
'__template__': 'manage_users.html', | |
'page_index': get_page_index(page) | |
} | |
@get('/api/comments') | |
@asyncio.coroutine | |
def api_comments(*, page='1'): | |
page_index = get_page_index(page) | |
num = yield from Comment.findNumber('count(id)') | |
p = Page(num, page_index) | |
if num == 0: | |
return dict(page=p, comments=()) | |
comments = yield from Comment.findAll(orderBy='created_at desc', limit=(p.offset, p.limit)) | |
return dict(page=p, comments=comments) | |
@post('/api/blogs/{id}/comments') | |
@asyncio.coroutine | |
def api_create_comment(id, request, *, content): | |
user = request.__user__ | |
if user is None: | |
raise APIPermissionError('Please signin first.') | |
if not content or not content.strip(): | |
raise APIValueError('content') | |
blog = yield from Blog.find(id) | |
if blog is None: | |
raise APIResourceNotFoundError('Blog') | |
comment = Comment(blog_id=blog.id, user_id=user.id, user_name=user.name, user_image=user.image, content=content.strip()) | |
yield from comment.save() | |
return comment | |
@post('/api/comments/{id}/delete') | |
@asyncio.coroutine | |
def api_delete_comments(id, request): | |
check_admin(request) | |
c = yield from Comment.find(id) | |
if c is None: | |
raise APIResourceNotFoundError('Comment') | |
yield from c.remove() | |
return dict(id=id) | |
@get('/api/users') | |
@asyncio.coroutine | |
def api_get_users(*, page='1'): | |
page_index = get_page_index(page) | |
num = yield from User.findNumber('count(id)') | |
p = Page(num, page_index) | |
if num == 0: | |
return dict(page=p, users=()) | |
users = yield from User.findAll(orderBy='created_at desc', limit=(p.offset, p.limit)) | |
for u in users: | |
u.passwd = '******' | |
return dict(page=p, users=users) | |
_RE_EMAIL = re.compile(r'^[a-z0-9\.\-\_]+\@[a-z0-9\-\_]+(\.[a-z0-9\-\_]+){1,4}$') | |
_RE_SHA1 = re.compile(r'^[0-9a-f]{40}$') | |
@post('/api/users') | |
@asyncio.coroutine | |
def api_register_user(*, email, name, passwd): | |
if not name or not name.strip(): | |
raise APIValueError('name') | |
if not email or not _RE_EMAIL.match(email): | |
raise APIValueError('email') | |
if not passwd or not _RE_SHA1.match(passwd): | |
raise APIValueError('passwd') | |
users = yield from User.findAll('email=?', [email]) | |
if len(users) > 0: | |
raise APIError('register:failed', 'email', 'Email is already in use.') | |
uid = next_id() | |
sha1_passwd = '%s:%s' % (uid, passwd) | |
user = User(id=uid, name=name.strip(), email=email, passwd=hashlib.sha1(sha1_passwd.encode('utf-8')).hexdigest(), image='http://www.gravatar.com/avatar/%s?d=mm&s=120' % hashlib.md5(email.encode('utf-8')).hexdigest()) | |
yield from user.save() | |
# make session cookie: | |
r = web.Response() | |
r.set_cookie(COOKIE_NAME, user2cookie(user, 86400), max_age=86400, httponly=True) | |
user.passwd = '******' | |
r.content_type = 'application/json' | |
r.body = json.dumps(user, ensure_ascii=False).encode('utf-8') | |
return r | |
@get('/api/blogs') | |
@asyncio.coroutine | |
def api_blogs(*, page='1'): | |
page_index = get_page_index(page) | |
num = yield from Blog.findNumber('count(id)') | |
p = Page(num, page_index) | |
if num == 0: | |
return dict(page=p, blogs=()) | |
blogs = yield from Blog.findAll(orderBy='created_at desc', limit=(p.offset, p.limit)) | |
return dict(page=p, blogs=blogs) | |
@get('/api/blogs/{id}') | |
@asyncio.coroutine | |
def api_get_blog(*, id): | |
blog = yield from Blog.find(id) | |
return blog | |
@post('/api/blogs') | |
@asyncio.coroutine | |
def api_create_blog(request, *, name, summary, picture, content): | |
check_admin(request) | |
if not name or not name.strip(): | |
raise APIValueError('name', 'name cannot be empty.') | |
if not summary or not summary.strip(): | |
raise APIValueError('summary', 'summary cannot be empty.') | |
if not picture : | |
raise APIValueError('picture', '[create_blog] picture cannot be empty.') | |
if not content or not content.strip(): | |
raise APIValueError('content', 'content cannot be empty.') | |
blog = Blog(user_id=request.__user__.id, | |
user_name=request.__user__.name, | |
user_image=request.__user__.image, | |
name=name.strip(), | |
summary=summary.strip(), | |
picture=picture.strip(), | |
content=content.strip()) | |
yield from blog.save() | |
return blog | |
@post('/api/blogs/{id}') | |
@asyncio.coroutine | |
def api_update_blog(id, request, *, name, summary, picture, content): | |
check_admin(request) | |
blog = yield from Blog.find(id) | |
if not name or not name.strip(): | |
raise APIValueError('name', 'name cannot be empty.') | |
if not summary or not summary.strip(): | |
raise APIValueError('summary', 'summary cannot be empty.') | |
if not picture or not picture.strip(): | |
raise APIValueError('picture', '[update_blog] picture cannot be empty.') | |
if not content or not content.strip(): | |
raise APIValueError('content', 'content cannot be empty.') | |
blog.name = name.strip() | |
blog.summary = summary.strip() | |
blog.picture = picture.strip(), | |
blog.content = content.strip() | |
yield from blog.update() | |
return blog | |
@post('/api/blogs/{id}/delete') | |
@asyncio.coroutine | |
def api_delete_blog(request, *, id): | |
check_admin(request) | |
blog = yield from Blog.find(id) | |
yield from blog.remove() | |
return dict(id=id) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python | |
# Copyright (c) 2012 Trent Mick. | |
# Copyright (c) 2007-2008 ActiveState Corp. | |
# License: MIT (http://www.opensource.org/licenses/mit-license.php) | |
from __future__ import generators | |
r"""A fast and complete Python implementation of Markdown. | |
[from http://daringfireball.net/projects/markdown/] | |
> Markdown is a text-to-HTML filter; it translates an easy-to-read / | |
> easy-to-write structured text format into HTML. Markdown's text | |
> format is most similar to that of plain text email, and supports | |
> features such as headers, *emphasis*, code blocks, blockquotes, and | |
> links. | |
> | |
> Markdown's syntax is designed not as a generic markup language, but | |
> specifically to serve as a front-end to (X)HTML. You can use span-level | |
> HTML tags anywhere in a Markdown document, and you can use block level | |
> HTML tags (like <div> and <table> as well). | |
Module usage: | |
>>> import markdown2 | |
>>> markdown2.markdown("*boo!*") # or use `html = markdown_path(PATH)` | |
u'<p><em>boo!</em></p>\n' | |
>>> markdowner = Markdown() | |
>>> markdowner.convert("*boo!*") | |
u'<p><em>boo!</em></p>\n' | |
>>> markdowner.convert("**boom!**") | |
u'<p><strong>boom!</strong></p>\n' | |
This implementation of Markdown implements the full "core" syntax plus a | |
number of extras (e.g., code syntax coloring, footnotes) as described on | |
<https://github.com/trentm/python-markdown2/wiki/Extras>. | |
""" | |
cmdln_desc = """A fast and complete Python implementation of Markdown, a | |
text-to-HTML conversion tool for web writers. | |
Supported extra syntax options (see -x|--extras option below and | |
see <https://github.com/trentm/python-markdown2/wiki/Extras> for details): | |
* code-friendly: Disable _ and __ for em and strong. | |
* cuddled-lists: Allow lists to be cuddled to the preceding paragraph. | |
* fenced-code-blocks: Allows a code block to not have to be indented | |
by fencing it with '```' on a line before and after. Based on | |
<http://github.github.com/github-flavored-markdown/> with support for | |
syntax highlighting. | |
* footnotes: Support footnotes as in use on daringfireball.net and | |
implemented in other Markdown processors (tho not in Markdown.pl v1.0.1). | |
* header-ids: Adds "id" attributes to headers. The id value is a slug of | |
the header text. | |
* html-classes: Takes a dict mapping html tag names (lowercase) to a | |
string to use for a "class" tag attribute. Currently only supports | |
"pre" and "code" tags. Add an issue if you require this for other tags. | |
* markdown-in-html: Allow the use of `markdown="1"` in a block HTML tag to | |
have markdown processing be done on its contents. Similar to | |
<http://michelf.com/projects/php-markdown/extra/#markdown-attr> but with | |
some limitations. | |
* metadata: Extract metadata from a leading '---'-fenced block. | |
See <https://github.com/trentm/python-markdown2/issues/77> for details. | |
* nofollow: Add `rel="nofollow"` to add `<a>` tags with an href. See | |
<http://en.wikipedia.org/wiki/Nofollow>. | |
* pyshell: Treats unindented Python interactive shell sessions as <code> | |
blocks. | |
* link-patterns: Auto-link given regex patterns in text (e.g. bug number | |
references, revision number references). | |
* smarty-pants: Replaces ' and " with curly quotation marks or curly | |
apostrophes. Replaces --, ---, ..., and . . . with en dashes, em dashes, | |
and ellipses. | |
* toc: The returned HTML string gets a new "toc_html" attribute which is | |
a Table of Contents for the document. (experimental) | |
* xml: Passes one-liner processing instructions and namespaced XML tags. | |
* tables: Tables using the same format as GFM | |
<https://help.github.com/articles/github-flavored-markdown#tables> and | |
PHP-Markdown Extra <https://michelf.ca/projects/php-markdown/extra/#table>. | |
* wiki-tables: Google Code Wiki-style tables. See | |
<http://code.google.com/p/support/wiki/WikiSyntax#Tables>. | |
""" | |
# Dev Notes: | |
# - Python's regex syntax doesn't have '\z', so I'm using '\Z'. I'm | |
# not yet sure if there implications with this. Compare 'pydoc sre' | |
# and 'perldoc perlre'. | |
__version_info__ = (2, 3, 0) | |
__version__ = '.'.join(map(str, __version_info__)) | |
__author__ = "Trent Mick" | |
import os | |
import sys | |
from pprint import pprint, pformat | |
import re | |
import logging | |
try: | |
from hashlib import md5 | |
except ImportError: | |
from md5 import md5 | |
import optparse | |
from random import random, randint | |
import codecs | |
#---- Python version compat | |
try: | |
from urllib.parse import quote # python3 | |
except ImportError: | |
from urllib import quote # python2 | |
if sys.version_info[:2] < (2,4): | |
from sets import Set as set | |
def reversed(sequence): | |
for i in sequence[::-1]: | |
yield i | |
# Use `bytes` for byte strings and `unicode` for unicode strings (str in Py3). | |
if sys.version_info[0] <= 2: | |
py3 = False | |
try: | |
bytes | |
except NameError: | |
bytes = str | |
base_string_type = basestring | |
elif sys.version_info[0] >= 3: | |
py3 = True | |
unicode = str | |
base_string_type = str | |
#---- globals | |
DEBUG = False | |
log = logging.getLogger("markdown") | |
DEFAULT_TAB_WIDTH = 4 | |
SECRET_SALT = bytes(randint(0, 1000000)) | |
def _hash_text(s): | |
return 'md5-' + md5(SECRET_SALT + s.encode("utf-8")).hexdigest() | |
# Table of hash values for escaped characters: | |
g_escape_table = dict([(ch, _hash_text(ch)) | |
for ch in '\\`*_{}[]()>#+-.!']) | |
#---- exceptions | |
class MarkdownError(Exception): | |
pass | |
#---- public api | |
def markdown_path(path, encoding="utf-8", | |
html4tags=False, tab_width=DEFAULT_TAB_WIDTH, | |
safe_mode=None, extras=None, link_patterns=None, | |
use_file_vars=False): | |
fp = codecs.open(path, 'r', encoding) | |
text = fp.read() | |
fp.close() | |
return Markdown(html4tags=html4tags, tab_width=tab_width, | |
safe_mode=safe_mode, extras=extras, | |
link_patterns=link_patterns, | |
use_file_vars=use_file_vars).convert(text) | |
def markdown(text, html4tags=False, tab_width=DEFAULT_TAB_WIDTH, | |
safe_mode=None, extras=None, link_patterns=None, | |
use_file_vars=False): | |
return Markdown(html4tags=html4tags, tab_width=tab_width, | |
safe_mode=safe_mode, extras=extras, | |
link_patterns=link_patterns, | |
use_file_vars=use_file_vars).convert(text) | |
class Markdown(object): | |
# The dict of "extras" to enable in processing -- a mapping of | |
# extra name to argument for the extra. Most extras do not have an | |
# argument, in which case the value is None. | |
# | |
# This can be set via (a) subclassing and (b) the constructor | |
# "extras" argument. | |
extras = None | |
urls = None | |
titles = None | |
html_blocks = None | |
html_spans = None | |
html_removed_text = "[HTML_REMOVED]" # for compat with markdown.py | |
# Used to track when we're inside an ordered or unordered list | |
# (see _ProcessListItems() for details): | |
list_level = 0 | |
_ws_only_line_re = re.compile(r"^[ \t]+$", re.M) | |
def __init__(self, html4tags=False, tab_width=4, safe_mode=None, | |
extras=None, link_patterns=None, use_file_vars=False): | |
if html4tags: | |
self.empty_element_suffix = ">" | |
else: | |
self.empty_element_suffix = " />" | |
self.tab_width = tab_width | |
# For compatibility with earlier markdown2.py and with | |
# markdown.py's safe_mode being a boolean, | |
# safe_mode == True -> "replace" | |
if safe_mode is True: | |
self.safe_mode = "replace" | |
else: | |
self.safe_mode = safe_mode | |
# Massaging and building the "extras" info. | |
if self.extras is None: | |
self.extras = {} | |
elif not isinstance(self.extras, dict): | |
self.extras = dict([(e, None) for e in self.extras]) | |
if extras: | |
if not isinstance(extras, dict): | |
extras = dict([(e, None) for e in extras]) | |
self.extras.update(extras) | |
assert isinstance(self.extras, dict) | |
if "toc" in self.extras and not "header-ids" in self.extras: | |
self.extras["header-ids"] = None # "toc" implies "header-ids" | |
self._instance_extras = self.extras.copy() | |
self.link_patterns = link_patterns | |
self.use_file_vars = use_file_vars | |
self._outdent_re = re.compile(r'^(\t|[ ]{1,%d})' % tab_width, re.M) | |
self._escape_table = g_escape_table.copy() | |
if "smarty-pants" in self.extras: | |
self._escape_table['"'] = _hash_text('"') | |
self._escape_table["'"] = _hash_text("'") | |
def reset(self): | |
self.urls = {} | |
self.titles = {} | |
self.html_blocks = {} | |
self.html_spans = {} | |
self.list_level = 0 | |
self.extras = self._instance_extras.copy() | |
if "footnotes" in self.extras: | |
self.footnotes = {} | |
self.footnote_ids = [] | |
if "header-ids" in self.extras: | |
self._count_from_header_id = {} # no `defaultdict` in Python 2.4 | |
if "metadata" in self.extras: | |
self.metadata = {} | |
# Per <https://developer.mozilla.org/en-US/docs/HTML/Element/a> "rel" | |
# should only be used in <a> tags with an "href" attribute. | |
_a_nofollow = re.compile(r"<(a)([^>]*href=)", re.IGNORECASE) | |
def convert(self, text): | |
"""Convert the given text.""" | |
# Main function. The order in which other subs are called here is | |
# essential. Link and image substitutions need to happen before | |
# _EscapeSpecialChars(), so that any *'s or _'s in the <a> | |
# and <img> tags get encoded. | |
# Clear the global hashes. If we don't clear these, you get conflicts | |
# from other articles when generating a page which contains more than | |
# one article (e.g. an index page that shows the N most recent | |
# articles): | |
self.reset() | |
if not isinstance(text, unicode): | |
#TODO: perhaps shouldn't presume UTF-8 for string input? | |
text = unicode(text, 'utf-8') | |
if self.use_file_vars: | |
# Look for emacs-style file variable hints. | |
emacs_vars = self._get_emacs_vars(text) | |
if "markdown-extras" in emacs_vars: | |
splitter = re.compile("[ ,]+") | |
for e in splitter.split(emacs_vars["markdown-extras"]): | |
if '=' in e: | |
ename, earg = e.split('=', 1) | |
try: | |
earg = int(earg) | |
except ValueError: | |
pass | |
else: | |
ename, earg = e, None | |
self.extras[ename] = earg | |
# Standardize line endings: | |
text = re.sub("\r\n|\r", "\n", text) | |
# Make sure $text ends with a couple of newlines: | |
text += "\n\n" | |
# Convert all tabs to spaces. | |
text = self._detab(text) | |
# Strip any lines consisting only of spaces and tabs. | |
# This makes subsequent regexen easier to write, because we can | |
# match consecutive blank lines with /\n+/ instead of something | |
# contorted like /[ \t]*\n+/ . | |
text = self._ws_only_line_re.sub("", text) | |
# strip metadata from head and extract | |
if "metadata" in self.extras: | |
text = self._extract_metadata(text) | |
text = self.preprocess(text) | |
if "fenced-code-blocks" in self.extras and not self.safe_mode: | |
text = self._do_fenced_code_blocks(text) | |
if self.safe_mode: | |
text = self._hash_html_spans(text) | |
# Turn block-level HTML blocks into hash entries | |
text = self._hash_html_blocks(text, raw=True) | |
if "fenced-code-blocks" in self.extras and self.safe_mode: | |
text = self._do_fenced_code_blocks(text) | |
# Strip link definitions, store in hashes. | |
if "footnotes" in self.extras: | |
# Must do footnotes first because an unlucky footnote defn | |
# looks like a link defn: | |
# [^4]: this "looks like a link defn" | |
text = self._strip_footnote_definitions(text) | |
text = self._strip_link_definitions(text) | |
text = self._run_block_gamut(text) | |
if "footnotes" in self.extras: | |
text = self._add_footnotes(text) | |
text = self.postprocess(text) | |
text = self._unescape_special_chars(text) | |
if self.safe_mode: | |
text = self._unhash_html_spans(text) | |
if "nofollow" in self.extras: | |
text = self._a_nofollow.sub(r'<\1 rel="nofollow"\2', text) | |
text += "\n" | |
rv = UnicodeWithAttrs(text) | |
if "toc" in self.extras: | |
rv._toc = self._toc | |
if "metadata" in self.extras: | |
rv.metadata = self.metadata | |
return rv | |
def postprocess(self, text): | |
"""A hook for subclasses to do some postprocessing of the html, if | |
desired. This is called before unescaping of special chars and | |
unhashing of raw HTML spans. | |
""" | |
return text | |
def preprocess(self, text): | |
"""A hook for subclasses to do some preprocessing of the Markdown, if | |
desired. This is called after basic formatting of the text, but prior | |
to any extras, safe mode, etc. processing. | |
""" | |
return text | |
# Is metadata if the content starts with '---'-fenced `key: value` | |
# pairs. E.g. (indented for presentation): | |
# --- | |
# foo: bar | |
# another-var: blah blah | |
# --- | |
_metadata_pat = re.compile("""^---[ \t]*\n((?:[ \t]*[^ \t:]+[ \t]*:[^\n]*\n)+)---[ \t]*\n""") | |
def _extract_metadata(self, text): | |
# fast test | |
if not text.startswith("---"): | |
return text | |
match = self._metadata_pat.match(text) | |
if not match: | |
return text | |
tail = text[len(match.group(0)):] | |
metadata_str = match.group(1).strip() | |
for line in metadata_str.split('\n'): | |
key, value = line.split(':', 1) | |
self.metadata[key.strip()] = value.strip() | |
return tail | |
_emacs_oneliner_vars_pat = re.compile(r"-\*-\s*([^\r\n]*?)\s*-\*-", re.UNICODE) | |
# This regular expression is intended to match blocks like this: | |
# PREFIX Local Variables: SUFFIX | |
# PREFIX mode: Tcl SUFFIX | |
# PREFIX End: SUFFIX | |
# Some notes: | |
# - "[ \t]" is used instead of "\s" to specifically exclude newlines | |
# - "(\r\n|\n|\r)" is used instead of "$" because the sre engine does | |
# not like anything other than Unix-style line terminators. | |
_emacs_local_vars_pat = re.compile(r"""^ | |
(?P<prefix>(?:[^\r\n|\n|\r])*?) | |
[\ \t]*Local\ Variables:[\ \t]* | |
(?P<suffix>.*?)(?:\r\n|\n|\r) | |
(?P<content>.*?\1End:) | |
""", re.IGNORECASE | re.MULTILINE | re.DOTALL | re.VERBOSE) | |
def _get_emacs_vars(self, text): | |
"""Return a dictionary of emacs-style local variables. | |
Parsing is done loosely according to this spec (and according to | |
some in-practice deviations from this): | |
http://www.gnu.org/software/emacs/manual/html_node/emacs/Specifying-File-Variables.html#Specifying-File-Variables | |
""" | |
emacs_vars = {} | |
SIZE = pow(2, 13) # 8kB | |
# Search near the start for a '-*-'-style one-liner of variables. | |
head = text[:SIZE] | |
if "-*-" in head: | |
match = self._emacs_oneliner_vars_pat.search(head) | |
if match: | |
emacs_vars_str = match.group(1) | |
assert '\n' not in emacs_vars_str | |
emacs_var_strs = [s.strip() for s in emacs_vars_str.split(';') | |
if s.strip()] | |
if len(emacs_var_strs) == 1 and ':' not in emacs_var_strs[0]: | |
# While not in the spec, this form is allowed by emacs: | |
# -*- Tcl -*- | |
# where the implied "variable" is "mode". This form | |
# is only allowed if there are no other variables. | |
emacs_vars["mode"] = emacs_var_strs[0].strip() | |
else: | |
for emacs_var_str in emacs_var_strs: | |
try: | |
variable, value = emacs_var_str.strip().split(':', 1) | |
except ValueError: | |
log.debug("emacs variables error: malformed -*- " | |
"line: %r", emacs_var_str) | |
continue | |
# Lowercase the variable name because Emacs allows "Mode" | |
# or "mode" or "MoDe", etc. | |
emacs_vars[variable.lower()] = value.strip() | |
tail = text[-SIZE:] | |
if "Local Variables" in tail: | |
match = self._emacs_local_vars_pat.search(tail) | |
if match: | |
prefix = match.group("prefix") | |
suffix = match.group("suffix") | |
lines = match.group("content").splitlines(0) | |
#print "prefix=%r, suffix=%r, content=%r, lines: %s"\ | |
# % (prefix, suffix, match.group("content"), lines) | |
# Validate the Local Variables block: proper prefix and suffix | |
# usage. | |
for i, line in enumerate(lines): | |
if not line.startswith(prefix): | |
log.debug("emacs variables error: line '%s' " | |
"does not use proper prefix '%s'" | |
% (line, prefix)) | |
return {} | |
# Don't validate suffix on last line. Emacs doesn't care, | |
# neither should we. | |
if i != len(lines)-1 and not line.endswith(suffix): | |
log.debug("emacs variables error: line '%s' " | |
"does not use proper suffix '%s'" | |
% (line, suffix)) | |
return {} | |
# Parse out one emacs var per line. | |
continued_for = None | |
for line in lines[:-1]: # no var on the last line ("PREFIX End:") | |
if prefix: line = line[len(prefix):] # strip prefix | |
if suffix: line = line[:-len(suffix)] # strip suffix | |
line = line.strip() | |
if continued_for: | |
variable = continued_for | |
if line.endswith('\\'): | |
line = line[:-1].rstrip() | |
else: | |
continued_for = None | |
emacs_vars[variable] += ' ' + line | |
else: | |
try: | |
variable, value = line.split(':', 1) | |
except ValueError: | |
log.debug("local variables error: missing colon " | |
"in local variables entry: '%s'" % line) | |
continue | |
# Do NOT lowercase the variable name, because Emacs only | |
# allows "mode" (and not "Mode", "MoDe", etc.) in this block. | |
value = value.strip() | |
if value.endswith('\\'): | |
value = value[:-1].rstrip() | |
continued_for = variable | |
else: | |
continued_for = None | |
emacs_vars[variable] = value | |
# Unquote values. | |
for var, val in list(emacs_vars.items()): | |
if len(val) > 1 and (val.startswith('"') and val.endswith('"') | |
or val.startswith('"') and val.endswith('"')): | |
emacs_vars[var] = val[1:-1] | |
return emacs_vars | |
# Cribbed from a post by Bart Lateur: | |
# <http://www.nntp.perl.org/group/perl.macperl.anyperl/154> | |
_detab_re = re.compile(r'(.*?)\t', re.M) | |
def _detab_sub(self, match): | |
g1 = match.group(1) | |
return g1 + (' ' * (self.tab_width - len(g1) % self.tab_width)) | |
def _detab(self, text): | |
r"""Remove (leading?) tabs from a file. | |
>>> m = Markdown() | |
>>> m._detab("\tfoo") | |
' foo' | |
>>> m._detab(" \tfoo") | |
' foo' | |
>>> m._detab("\t foo") | |
' foo' | |
>>> m._detab(" foo") | |
' foo' | |
>>> m._detab(" foo\n\tbar\tblam") | |
' foo\n bar blam' | |
""" | |
if '\t' not in text: | |
return text | |
return self._detab_re.subn(self._detab_sub, text)[0] | |
# I broke out the html5 tags here and add them to _block_tags_a and | |
# _block_tags_b. This way html5 tags are easy to keep track of. | |
_html5tags = '|article|aside|header|hgroup|footer|nav|section|figure|figcaption' | |
_block_tags_a = 'p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del' | |
_block_tags_a += _html5tags | |
_strict_tag_block_re = re.compile(r""" | |
( # save in \1 | |
^ # start of line (with re.M) | |
<(%s) # start tag = \2 | |
\b # word break | |
(.*\n)*? # any number of lines, minimally matching | |
</\2> # the matching end tag | |
[ \t]* # trailing spaces/tabs | |
(?=\n+|\Z) # followed by a newline or end of document | |
) | |
""" % _block_tags_a, | |
re.X | re.M) | |
_block_tags_b = 'p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math' | |
_block_tags_b += _html5tags | |
_liberal_tag_block_re = re.compile(r""" | |
( # save in \1 | |
^ # start of line (with re.M) | |
<(%s) # start tag = \2 | |
\b # word break | |
(.*\n)*? # any number of lines, minimally matching | |
.*</\2> # the matching end tag | |
[ \t]* # trailing spaces/tabs | |
(?=\n+|\Z) # followed by a newline or end of document | |
) | |
""" % _block_tags_b, | |
re.X | re.M) | |
_html_markdown_attr_re = re.compile( | |
r'''\s+markdown=("1"|'1')''') | |
def _hash_html_block_sub(self, match, raw=False): | |
html = match.group(1) | |
if raw and self.safe_mode: | |
html = self._sanitize_html(html) | |
elif 'markdown-in-html' in self.extras and 'markdown=' in html: | |
first_line = html.split('\n', 1)[0] | |
m = self._html_markdown_attr_re.search(first_line) | |
if m: | |
lines = html.split('\n') | |
middle = '\n'.join(lines[1:-1]) | |
last_line = lines[-1] | |
first_line = first_line[:m.start()] + first_line[m.end():] | |
f_key = _hash_text(first_line) | |
self.html_blocks[f_key] = first_line | |
l_key = _hash_text(last_line) | |
self.html_blocks[l_key] = last_line | |
return ''.join(["\n\n", f_key, | |
"\n\n", middle, "\n\n", | |
l_key, "\n\n"]) | |
key = _hash_text(html) | |
self.html_blocks[key] = html | |
return "\n\n" + key + "\n\n" | |
def _hash_html_blocks(self, text, raw=False): | |
"""Hashify HTML blocks | |
We only want to do this for block-level HTML tags, such as headers, | |
lists, and tables. That's because we still want to wrap <p>s around | |
"paragraphs" that are wrapped in non-block-level tags, such as anchors, | |
phrase emphasis, and spans. The list of tags we're looking for is | |
hard-coded. | |
@param raw {boolean} indicates if these are raw HTML blocks in | |
the original source. It makes a difference in "safe" mode. | |
""" | |
if '<' not in text: | |
return text | |
# Pass `raw` value into our calls to self._hash_html_block_sub. | |
hash_html_block_sub = _curry(self._hash_html_block_sub, raw=raw) | |
# First, look for nested blocks, e.g.: | |
# <div> | |
# <div> | |
# tags for inner block must be indented. | |
# </div> | |
# </div> | |
# | |
# The outermost tags must start at the left margin for this to match, and | |
# the inner nested divs must be indented. | |
# We need to do this before the next, more liberal match, because the next | |
# match will start at the first `<div>` and stop at the first `</div>`. | |
text = self._strict_tag_block_re.sub(hash_html_block_sub, text) | |
# Now match more liberally, simply from `\n<tag>` to `</tag>\n` | |
text = self._liberal_tag_block_re.sub(hash_html_block_sub, text) | |
# Special case just for <hr />. It was easier to make a special | |
# case than to make the other regex more complicated. | |
if "<hr" in text: | |
_hr_tag_re = _hr_tag_re_from_tab_width(self.tab_width) | |
text = _hr_tag_re.sub(hash_html_block_sub, text) | |
# Special case for standalone HTML comments: | |
if "<!--" in text: | |
start = 0 | |
while True: | |
# Delimiters for next comment block. | |
try: | |
start_idx = text.index("<!--", start) | |
except ValueError: | |
break | |
try: | |
end_idx = text.index("-->", start_idx) + 3 | |
except ValueError: | |
break | |
# Start position for next comment block search. | |
start = end_idx | |
# Validate whitespace before comment. | |
if start_idx: | |
# - Up to `tab_width - 1` spaces before start_idx. | |
for i in range(self.tab_width - 1): | |
if text[start_idx - 1] != ' ': | |
break | |
start_idx -= 1 | |
if start_idx == 0: | |
break | |
# - Must be preceded by 2 newlines or hit the start of | |
# the document. | |
if start_idx == 0: | |
pass | |
elif start_idx == 1 and text[0] == '\n': | |
start_idx = 0 # to match minute detail of Markdown.pl regex | |
elif text[start_idx-2:start_idx] == '\n\n': | |
pass | |
else: | |
break | |
# Validate whitespace after comment. | |
# - Any number of spaces and tabs. | |
while end_idx < len(text): | |
if text[end_idx] not in ' \t': | |
break | |
end_idx += 1 | |
# - Must be following by 2 newlines or hit end of text. | |
if text[end_idx:end_idx+2] not in ('', '\n', '\n\n'): | |
continue | |
# Escape and hash (must match `_hash_html_block_sub`). | |
html = text[start_idx:end_idx] | |
if raw and self.safe_mode: | |
html = self._sanitize_html(html) | |
key = _hash_text(html) | |
self.html_blocks[key] = html | |
text = text[:start_idx] + "\n\n" + key + "\n\n" + text[end_idx:] | |
if "xml" in self.extras: | |
# Treat XML processing instructions and namespaced one-liner | |
# tags as if they were block HTML tags. E.g., if standalone | |
# (i.e. are their own paragraph), the following do not get | |
# wrapped in a <p> tag: | |
# <?foo bar?> | |
# | |
# <xi:include xmlns:xi="http://www.w3.org/2001/XInclude" href="chapter_1.md"/> | |
_xml_oneliner_re = _xml_oneliner_re_from_tab_width(self.tab_width) | |
text = _xml_oneliner_re.sub(hash_html_block_sub, text) | |
return text | |
def _strip_link_definitions(self, text): | |
# Strips link definitions from text, stores the URLs and titles in | |
# hash references. | |
less_than_tab = self.tab_width - 1 | |
# Link defs are in the form: | |
# [id]: url "optional title" | |
_link_def_re = re.compile(r""" | |
^[ ]{0,%d}\[(.+)\]: # id = \1 | |
[ \t]* | |
\n? # maybe *one* newline | |
[ \t]* | |
<?(.+?)>? # url = \2 | |
[ \t]* | |
(?: | |
\n? # maybe one newline | |
[ \t]* | |
(?<=\s) # lookbehind for whitespace | |
['"(] | |
([^\n]*) # title = \3 | |
['")] | |
[ \t]* | |
)? # title is optional | |
(?:\n+|\Z) | |
""" % less_than_tab, re.X | re.M | re.U) | |
return _link_def_re.sub(self._extract_link_def_sub, text) | |
def _extract_link_def_sub(self, match): | |
id, url, title = match.groups() | |
key = id.lower() # Link IDs are case-insensitive | |
self.urls[key] = self._encode_amps_and_angles(url) | |
if title: | |
self.titles[key] = title | |
return "" | |
def _extract_footnote_def_sub(self, match): | |
id, text = match.groups() | |
text = _dedent(text, skip_first_line=not text.startswith('\n')).strip() | |
normed_id = re.sub(r'\W', '-', id) | |
# Ensure footnote text ends with a couple newlines (for some | |
# block gamut matches). | |
self.footnotes[normed_id] = text + "\n\n" | |
return "" | |
def _strip_footnote_definitions(self, text): | |
"""A footnote definition looks like this: | |
[^note-id]: Text of the note. | |
May include one or more indented paragraphs. | |
Where, | |
- The 'note-id' can be pretty much anything, though typically it | |
is the number of the footnote. | |
- The first paragraph may start on the next line, like so: | |
[^note-id]: | |
Text of the note. | |
""" | |
less_than_tab = self.tab_width - 1 | |
footnote_def_re = re.compile(r''' | |
^[ ]{0,%d}\[\^(.+)\]: # id = \1 | |
[ \t]* | |
( # footnote text = \2 | |
# First line need not start with the spaces. | |
(?:\s*.*\n+) | |
(?: | |
(?:[ ]{%d} | \t) # Subsequent lines must be indented. | |
.*\n+ | |
)* | |
) | |
# Lookahead for non-space at line-start, or end of doc. | |
(?:(?=^[ ]{0,%d}\S)|\Z) | |
''' % (less_than_tab, self.tab_width, self.tab_width), | |
re.X | re.M) | |
return footnote_def_re.sub(self._extract_footnote_def_sub, text) | |
_hr_re = re.compile(r'^[ ]{0,3}([-_*][ ]{0,2}){3,}$', re.M) | |
def _run_block_gamut(self, text): | |
# These are all the transformations that form block-level | |
# tags like paragraphs, headers, and list items. | |
if "fenced-code-blocks" in self.extras: | |
text = self._do_fenced_code_blocks(text) | |
text = self._do_headers(text) | |
# Do Horizontal Rules: | |
# On the number of spaces in horizontal rules: The spec is fuzzy: "If | |
# you wish, you may use spaces between the hyphens or asterisks." | |
# Markdown.pl 1.0.1's hr regexes limit the number of spaces between the | |
# hr chars to one or two. We'll reproduce that limit here. | |
hr = "\n<hr"+self.empty_element_suffix+"\n" | |
text = re.sub(self._hr_re, hr, text) | |
text = self._do_lists(text) | |
if "pyshell" in self.extras: | |
text = self._prepare_pyshell_blocks(text) | |
if "wiki-tables" in self.extras: | |
text = self._do_wiki_tables(text) | |
if "tables" in self.extras: | |
text = self._do_tables(text) | |
text = self._do_code_blocks(text) | |
text = self._do_block_quotes(text) | |
# We already ran _HashHTMLBlocks() before, in Markdown(), but that | |
# was to escape raw HTML in the original Markdown source. This time, | |
# we're escaping the markup we've just created, so that we don't wrap | |
# <p> tags around block-level tags. | |
text = self._hash_html_blocks(text) | |
text = self._form_paragraphs(text) | |
return text | |
def _pyshell_block_sub(self, match): | |
lines = match.group(0).splitlines(0) | |
_dedentlines(lines) | |
indent = ' ' * self.tab_width | |
s = ('\n' # separate from possible cuddled paragraph | |
+ indent + ('\n'+indent).join(lines) | |
+ '\n\n') | |
return s | |
def _prepare_pyshell_blocks(self, text): | |
"""Ensure that Python interactive shell sessions are put in | |
code blocks -- even if not properly indented. | |
""" | |
if ">>>" not in text: | |
return text | |
less_than_tab = self.tab_width - 1 | |
_pyshell_block_re = re.compile(r""" | |
^([ ]{0,%d})>>>[ ].*\n # first line | |
^(\1.*\S+.*\n)* # any number of subsequent lines | |
^\n # ends with a blank line | |
""" % less_than_tab, re.M | re.X) | |
return _pyshell_block_re.sub(self._pyshell_block_sub, text) | |
def _table_sub(self, match): | |
head, underline, body = match.groups() | |
# Determine aligns for columns. | |
cols = [cell.strip() for cell in underline.strip('| \t\n').split('|')] | |
align_from_col_idx = {} | |
for col_idx, col in enumerate(cols): | |
if col[0] == ':' and col[-1] == ':': | |
align_from_col_idx[col_idx] = ' align="center"' | |
elif col[0] == ':': | |
align_from_col_idx[col_idx] = ' align="left"' | |
elif col[-1] == ':': | |
align_from_col_idx[col_idx] = ' align="right"' | |
# thead | |
hlines = ['<table>', '<thead>', '<tr>'] | |
cols = [cell.strip() for cell in head.strip('| \t\n').split('|')] | |
for col_idx, col in enumerate(cols): | |
hlines.append(' <th%s>%s</th>' % ( | |
align_from_col_idx.get(col_idx, ''), | |
self._run_span_gamut(col) | |
)) | |
hlines.append('</tr>') | |
hlines.append('</thead>') | |
# tbody | |
hlines.append('<tbody>') | |
for line in body.strip('\n').split('\n'): | |
hlines.append('<tr>') | |
cols = [cell.strip() for cell in line.strip('| \t\n').split('|')] | |
for col_idx, col in enumerate(cols): | |
hlines.append(' <td%s>%s</td>' % ( | |
align_from_col_idx.get(col_idx, ''), | |
self._run_span_gamut(col) | |
)) | |
hlines.append('</tr>') | |
hlines.append('</tbody>') | |
hlines.append('</table>') | |
return '\n'.join(hlines) + '\n' | |
def _do_tables(self, text): | |
"""Copying PHP-Markdown and GFM table syntax. Some regex borrowed from | |
https://github.com/michelf/php-markdown/blob/lib/Michelf/Markdown.php#L2538 | |
""" | |
less_than_tab = self.tab_width - 1 | |
table_re = re.compile(r''' | |
(?:(?<=\n\n)|\A\n?) # leading blank line | |
^[ ]{0,%d} # allowed whitespace | |
(.*[|].*) \n # $1: header row (at least one pipe) | |
^[ ]{0,%d} # allowed whitespace | |
( # $2: underline row | |
# underline row with leading bar | |
(?: \|\ *:?-+:?\ * )+ \|? \n | |
| | |
# or, underline row without leading bar | |
(?: \ *:?-+:?\ *\| )+ (?: \ *:?-+:?\ * )? \n | |
) | |
( # $3: data rows | |
(?: | |
^[ ]{0,%d}(?!\ ) # ensure line begins with 0 to less_than_tab spaces | |
.*\|.* \n | |
)+ | |
) | |
''' % (less_than_tab, less_than_tab, less_than_tab), re.M | re.X) | |
return table_re.sub(self._table_sub, text) | |
def _wiki_table_sub(self, match): | |
ttext = match.group(0).strip() | |
#print 'wiki table: %r' % match.group(0) | |
rows = [] | |
for line in ttext.splitlines(0): | |
line = line.strip()[2:-2].strip() | |
row = [c.strip() for c in re.split(r'(?<!\\)\|\|', line)] | |
rows.append(row) | |
#pprint(rows) | |
hlines = ['<table>', '<tbody>'] | |
for row in rows: | |
hrow = ['<tr>'] | |
for cell in row: | |
hrow.append('<td>') | |
hrow.append(self._run_span_gamut(cell)) | |
hrow.append('</td>') | |
hrow.append('</tr>') | |
hlines.append(''.join(hrow)) | |
hlines += ['</tbody>', '</table>'] | |
return '\n'.join(hlines) + '\n' | |
def _do_wiki_tables(self, text): | |
# Optimization. | |
if "||" not in text: | |
return text | |
less_than_tab = self.tab_width - 1 | |
wiki_table_re = re.compile(r''' | |
(?:(?<=\n\n)|\A\n?) # leading blank line | |
^([ ]{0,%d})\|\|.+?\|\|[ ]*\n # first line | |
(^\1\|\|.+?\|\|\n)* # any number of subsequent lines | |
''' % less_than_tab, re.M | re.X) | |
return wiki_table_re.sub(self._wiki_table_sub, text) | |
def _run_span_gamut(self, text): | |
# These are all the transformations that occur *within* block-level | |
# tags like paragraphs, headers, and list items. | |
text = self._do_code_spans(text) | |
text = self._escape_special_chars(text) | |
# Process anchor and image tags. | |
text = self._do_links(text) | |
# Make links out of things like `<http://example.com/>` | |
# Must come after _do_links(), because you can use < and > | |
# delimiters in inline links like [this](<url>). | |
text = self._do_auto_links(text) | |
if "link-patterns" in self.extras: | |
text = self._do_link_patterns(text) | |
text = self._encode_amps_and_angles(text) | |
text = self._do_italics_and_bold(text) | |
if "smarty-pants" in self.extras: | |
text = self._do_smart_punctuation(text) | |
# Do hard breaks: | |
if "break-on-newline" in self.extras: | |
text = re.sub(r" *\n", "<br%s\n" % self.empty_element_suffix, text) | |
else: | |
text = re.sub(r" {2,}\n", " <br%s\n" % self.empty_element_suffix, text) | |
return text | |
# "Sorta" because auto-links are identified as "tag" tokens. | |
_sorta_html_tokenize_re = re.compile(r""" | |
( | |
# tag | |
</? | |
(?:\w+) # tag name | |
(?:\s+(?:[\w-]+:)?[\w-]+=(?:".*?"|'.*?'))* # attributes | |
\s*/?> | |
| | |
# auto-link (e.g., <http://www.activestate.com/>) | |
<\w+[^>]*> | |
| | |
<!--.*?--> # comment | |
| | |
<\?.*?\?> # processing instruction | |
) | |
""", re.X) | |
def _escape_special_chars(self, text): | |
# Python markdown note: the HTML tokenization here differs from | |
# that in Markdown.pl, hence the behaviour for subtle cases can | |
# differ (I believe the tokenizer here does a better job because | |
# it isn't susceptible to unmatched '<' and '>' in HTML tags). | |
# Note, however, that '>' is not allowed in an auto-link URL | |
# here. | |
escaped = [] | |
is_html_markup = False | |
for token in self._sorta_html_tokenize_re.split(text): | |
if is_html_markup: | |
# Within tags/HTML-comments/auto-links, encode * and _ | |
# so they don't conflict with their use in Markdown for | |
# italics and strong. We're replacing each such | |
# character with its corresponding MD5 checksum value; | |
# this is likely overkill, but it should prevent us from | |
# colliding with the escape values by accident. | |
escaped.append(token.replace('*', self._escape_table['*']) | |
.replace('_', self._escape_table['_'])) | |
else: | |
escaped.append(self._encode_backslash_escapes(token)) | |
is_html_markup = not is_html_markup | |
return ''.join(escaped) | |
def _hash_html_spans(self, text): | |
# Used for safe_mode. | |
def _is_auto_link(s): | |
if ':' in s and self._auto_link_re.match(s): | |
return True | |
elif '@' in s and self._auto_email_link_re.match(s): | |
return True | |
return False | |
tokens = [] | |
is_html_markup = False | |
for token in self._sorta_html_tokenize_re.split(text): | |
if is_html_markup and not _is_auto_link(token): | |
sanitized = self._sanitize_html(token) | |
key = _hash_text(sanitized) | |
self.html_spans[key] = sanitized | |
tokens.append(key) | |
else: | |
tokens.append(token) | |
is_html_markup = not is_html_markup | |
return ''.join(tokens) | |
def _unhash_html_spans(self, text): | |
for key, sanitized in list(self.html_spans.items()): | |
text = text.replace(key, sanitized) | |
return text | |
def _sanitize_html(self, s): | |
if self.safe_mode == "replace": | |
return self.html_removed_text | |
elif self.safe_mode == "escape": | |
replacements = [ | |
('&', '&'), | |
('<', '<'), | |
('>', '>'), | |
] | |
for before, after in replacements: | |
s = s.replace(before, after) | |
return s | |
else: | |
raise MarkdownError("invalid value for 'safe_mode': %r (must be " | |
"'escape' or 'replace')" % self.safe_mode) | |
_inline_link_title = re.compile(r''' | |
( # \1 | |
[ \t]+ | |
(['"]) # quote char = \2 | |
(?P<title>.*?) | |
\2 | |
)? # title is optional | |
\)$ | |
''', re.X | re.S) | |
_tail_of_reference_link_re = re.compile(r''' | |
# Match tail of: [text][id] | |
[ ]? # one optional space | |
(?:\n[ ]*)? # one optional newline followed by spaces | |
\[ | |
(?P<id>.*?) | |
\] | |
''', re.X | re.S) | |
_whitespace = re.compile(r'\s*') | |
_strip_anglebrackets = re.compile(r'<(.*)>.*') | |
def _find_non_whitespace(self, text, start): | |
"""Returns the index of the first non-whitespace character in text | |
after (and including) start | |
""" | |
match = self._whitespace.match(text, start) | |
return match.end() | |
def _find_balanced(self, text, start, open_c, close_c): | |
"""Returns the index where the open_c and close_c characters balance | |
out - the same number of open_c and close_c are encountered - or the | |
end of string if it's reached before the balance point is found. | |
""" | |
i = start | |
l = len(text) | |
count = 1 | |
while count > 0 and i < l: | |
if text[i] == open_c: | |
count += 1 | |
elif text[i] == close_c: | |
count -= 1 | |
i += 1 | |
return i | |
def _extract_url_and_title(self, text, start): | |
"""Extracts the url and (optional) title from the tail of a link""" | |
# text[start] equals the opening parenthesis | |
idx = self._find_non_whitespace(text, start+1) | |
if idx == len(text): | |
return None, None, None | |
end_idx = idx | |
has_anglebrackets = text[idx] == "<" | |
if has_anglebrackets: | |
end_idx = self._find_balanced(text, end_idx+1, "<", ">") | |
end_idx = self._find_balanced(text, end_idx, "(", ")") | |
match = self._inline_link_title.search(text, idx, end_idx) | |
if not match: | |
return None, None, None | |
url, title = text[idx:match.start()], match.group("title") | |
if has_anglebrackets: | |
url = self._strip_anglebrackets.sub(r'\1', url) | |
return url, title, end_idx | |
def _do_links(self, text): | |
"""Turn Markdown link shortcuts into XHTML <a> and <img> tags. | |
This is a combination of Markdown.pl's _DoAnchors() and | |
_DoImages(). They are done together because that simplified the | |
approach. It was necessary to use a different approach than | |
Markdown.pl because of the lack of atomic matching support in | |
Python's regex engine used in $g_nested_brackets. | |
""" | |
MAX_LINK_TEXT_SENTINEL = 3000 # markdown2 issue 24 | |
# `anchor_allowed_pos` is used to support img links inside | |
# anchors, but not anchors inside anchors. An anchor's start | |
# pos must be `>= anchor_allowed_pos`. | |
anchor_allowed_pos = 0 | |
curr_pos = 0 | |
while True: # Handle the next link. | |
# The next '[' is the start of: | |
# - an inline anchor: [text](url "title") | |
# - a reference anchor: [text][id] | |
# - an inline img: ![text](url "title") | |
# - a reference img: ![text][id] | |
# - a footnote ref: [^id] | |
# (Only if 'footnotes' extra enabled) | |
# - a footnote defn: [^id]: ... | |
# (Only if 'footnotes' extra enabled) These have already | |
# been stripped in _strip_footnote_definitions() so no | |
# need to watch for them. | |
# - a link definition: [id]: url "title" | |
# These have already been stripped in | |
# _strip_link_definitions() so no need to watch for them. | |
# - not markup: [...anything else... | |
try: | |
start_idx = text.index('[', curr_pos) | |
except ValueError: | |
break | |
text_length = len(text) | |
# Find the matching closing ']'. | |
# Markdown.pl allows *matching* brackets in link text so we | |
# will here too. Markdown.pl *doesn't* currently allow | |
# matching brackets in img alt text -- we'll differ in that | |
# regard. | |
bracket_depth = 0 | |
for p in range(start_idx+1, min(start_idx+MAX_LINK_TEXT_SENTINEL, | |
text_length)): | |
ch = text[p] | |
if ch == ']': | |
bracket_depth -= 1 | |
if bracket_depth < 0: | |
break | |
elif ch == '[': | |
bracket_depth += 1 | |
else: | |
# Closing bracket not found within sentinel length. | |
# This isn't markup. | |
curr_pos = start_idx + 1 | |
continue | |
link_text = text[start_idx+1:p] | |
# Possibly a footnote ref? | |
if "footnotes" in self.extras and link_text.startswith("^"): | |
normed_id = re.sub(r'\W', '-', link_text[1:]) | |
if normed_id in self.footnotes: | |
self.footnote_ids.append(normed_id) | |
result = '<sup class="footnote-ref" id="fnref-%s">' \ | |
'<a href="#fn-%s">%s</a></sup>' \ | |
% (normed_id, normed_id, len(self.footnote_ids)) | |
text = text[:start_idx] + result + text[p+1:] | |
else: | |
# This id isn't defined, leave the markup alone. | |
curr_pos = p+1 | |
continue | |
# Now determine what this is by the remainder. | |
p += 1 | |
if p == text_length: | |
return text | |
# Inline anchor or img? | |
if text[p] == '(': # attempt at perf improvement | |
url, title, url_end_idx = self._extract_url_and_title(text, p) | |
if url is not None: | |
# Handle an inline anchor or img. | |
is_img = start_idx > 0 and text[start_idx-1] == "!" | |
if is_img: | |
start_idx -= 1 | |
# We've got to encode these to avoid conflicting | |
# with italics/bold. | |
url = url.replace('*', self._escape_table['*']) \ | |
.replace('_', self._escape_table['_']) | |
if title: | |
title_str = ' title="%s"' % ( | |
_xml_escape_attr(title) | |
.replace('*', self._escape_table['*']) | |
.replace('_', self._escape_table['_'])) | |
else: | |
title_str = '' | |
if is_img: | |
img_class_str = self._html_class_str_from_tag("img") | |
result = '<img src="%s" alt="%s"%s%s%s' \ | |
% (url.replace('"', '"'), | |
_xml_escape_attr(link_text), | |
title_str, img_class_str, self.empty_element_suffix) | |
if "smarty-pants" in self.extras: | |
result = result.replace('"', self._escape_table['"']) | |
curr_pos = start_idx + len(result) | |
text = text[:start_idx] + result + text[url_end_idx:] | |
elif start_idx >= anchor_allowed_pos: | |
result_head = '<a href="%s"%s>' % (url, title_str) | |
result = '%s%s</a>' % (result_head, link_text) | |
if "smarty-pants" in self.extras: | |
result = result.replace('"', self._escape_table['"']) | |
# <img> allowed from curr_pos on, <a> from | |
# anchor_allowed_pos on. | |
curr_pos = start_idx + len(result_head) | |
anchor_allowed_pos = start_idx + len(result) | |
text = text[:start_idx] + result + text[url_end_idx:] | |
else: | |
# Anchor not allowed here. | |
curr_pos = start_idx + 1 | |
continue | |
# Reference anchor or img? | |
else: | |
match = self._tail_of_reference_link_re.match(text, p) | |
if match: | |
# Handle a reference-style anchor or img. | |
is_img = start_idx > 0 and text[start_idx-1] == "!" | |
if is_img: | |
start_idx -= 1 | |
link_id = match.group("id").lower() | |
if not link_id: | |
link_id = link_text.lower() # for links like [this][] | |
if link_id in self.urls: | |
url = self.urls[link_id] | |
# We've got to encode these to avoid conflicting | |
# with italics/bold. | |
url = url.replace('*', self._escape_table['*']) \ | |
.replace('_', self._escape_table['_']) | |
title = self.titles.get(link_id) | |
if title: | |
before = title | |
title = _xml_escape_attr(title) \ | |
.replace('*', self._escape_table['*']) \ | |
.replace('_', self._escape_table['_']) | |
title_str = ' title="%s"' % title | |
else: | |
title_str = '' | |
if is_img: | |
img_class_str = self._html_class_str_from_tag("img") | |
result = '<img src="%s" alt="%s"%s%s%s' \ | |
% (url.replace('"', '"'), | |
link_text.replace('"', '"'), | |
title_str, img_class_str, self.empty_element_suffix) | |
if "smarty-pants" in self.extras: | |
result = result.replace('"', self._escape_table['"']) | |
curr_pos = start_idx + len(result) | |
text = text[:start_idx] + result + text[match.end():] | |
elif start_idx >= anchor_allowed_pos: | |
result = '<a href="%s"%s>%s</a>' \ | |
% (url, title_str, link_text) | |
result_head = '<a href="%s"%s>' % (url, title_str) | |
result = '%s%s</a>' % (result_head, link_text) | |
if "smarty-pants" in self.extras: | |
result = result.replace('"', self._escape_table['"']) | |
# <img> allowed from curr_pos on, <a> from | |
# anchor_allowed_pos on. | |
curr_pos = start_idx + len(result_head) | |
anchor_allowed_pos = start_idx + len(result) | |
text = text[:start_idx] + result + text[match.end():] | |
else: | |
# Anchor not allowed here. | |
curr_pos = start_idx + 1 | |
else: | |
# This id isn't defined, leave the markup alone. | |
curr_pos = match.end() | |
continue | |
# Otherwise, it isn't markup. | |
curr_pos = start_idx + 1 | |
return text | |
def header_id_from_text(self, text, prefix, n): | |
"""Generate a header id attribute value from the given header | |
HTML content. | |
This is only called if the "header-ids" extra is enabled. | |
Subclasses may override this for different header ids. | |
@param text {str} The text of the header tag | |
@param prefix {str} The requested prefix for header ids. This is the | |
value of the "header-ids" extra key, if any. Otherwise, None. | |
@param n {int} The <hN> tag number, i.e. `1` for an <h1> tag. | |
@returns {str} The value for the header tag's "id" attribute. Return | |
None to not have an id attribute and to exclude this header from | |
the TOC (if the "toc" extra is specified). | |
""" | |
header_id = _slugify(text) | |
if prefix and isinstance(prefix, base_string_type): | |
header_id = prefix + '-' + header_id | |
if header_id in self._count_from_header_id: | |
self._count_from_header_id[header_id] += 1 | |
header_id += '-%s' % self._count_from_header_id[header_id] | |
else: | |
self._count_from_header_id[header_id] = 1 | |
return header_id | |
_toc = None | |
def _toc_add_entry(self, level, id, name): | |
if self._toc is None: | |
self._toc = [] | |
self._toc.append((level, id, self._unescape_special_chars(name))) | |
_h_re_base = r''' | |
(^(.+)[ \t]*\n(=+|-+)[ \t]*\n+) | |
| | |
(^(\#{1,6}) # \1 = string of #'s | |
[ \t]%s | |
(.+?) # \2 = Header text | |
[ \t]* | |
(?<!\\) # ensure not an escaped trailing '#' | |
\#* # optional closing #'s (not counted) | |
\n+ | |
) | |
''' | |
_h_re = re.compile(_h_re_base % '*', re.X | re.M) | |
_h_re_tag_friendly = re.compile(_h_re_base % '+', re.X | re.M) | |
def _h_sub(self, match): | |
if match.group(1) is not None: | |
# Setext header | |
n = {"=": 1, "-": 2}[match.group(3)[0]] | |
header_group = match.group(2) | |
else: | |
# atx header | |
n = len(match.group(5)) | |
header_group = match.group(6) | |
demote_headers = self.extras.get("demote-headers") | |
if demote_headers: | |
n = min(n + demote_headers, 6) | |
header_id_attr = "" | |
if "header-ids" in self.extras: | |
header_id = self.header_id_from_text(header_group, | |
self.extras["header-ids"], n) | |
if header_id: | |
header_id_attr = ' id="%s"' % header_id | |
html = self._run_span_gamut(header_group) | |
if "toc" in self.extras and header_id: | |
self._toc_add_entry(n, header_id, html) | |
return "<h%d%s>%s</h%d>\n\n" % (n, header_id_attr, html, n) | |
def _do_headers(self, text): | |
# Setext-style headers: | |
# Header 1 | |
# ======== | |
# | |
# Header 2 | |
# -------- | |
# atx-style headers: | |
# # Header 1 | |
# ## Header 2 | |
# ## Header 2 with closing hashes ## | |
# ... | |
# ###### Header 6 | |
if 'tag-friendly' in self.extras: | |
return self._h_re_tag_friendly.sub(self._h_sub, text) | |
return self._h_re.sub(self._h_sub, text) | |
_marker_ul_chars = '*+-' | |
_marker_any = r'(?:[%s]|\d+\.)' % _marker_ul_chars | |
_marker_ul = '(?:[%s])' % _marker_ul_chars | |
_marker_ol = r'(?:\d+\.)' | |
def _list_sub(self, match): | |
lst = match.group(1) | |
lst_type = match.group(3) in self._marker_ul_chars and "ul" or "ol" | |
result = self._process_list_items(lst) | |
if self.list_level: | |
return "<%s>\n%s</%s>\n" % (lst_type, result, lst_type) | |
else: | |
return "<%s>\n%s</%s>\n\n" % (lst_type, result, lst_type) | |
def _do_lists(self, text): | |
# Form HTML ordered (numbered) and unordered (bulleted) lists. | |
# Iterate over each *non-overlapping* list match. | |
pos = 0 | |
while True: | |
# Find the *first* hit for either list style (ul or ol). We | |
# match ul and ol separately to avoid adjacent lists of different | |
# types running into each other (see issue #16). | |
hits = [] | |
for marker_pat in (self._marker_ul, self._marker_ol): | |
less_than_tab = self.tab_width - 1 | |
whole_list = r''' | |
( # \1 = whole list | |
( # \2 | |
[ ]{0,%d} | |
(%s) # \3 = first list item marker | |
[ \t]+ | |
(?!\ *\3\ ) # '- - - ...' isn't a list. See 'not_quite_a_list' test case. | |
) | |
(?:.+?) | |
( # \4 | |
\Z | |
| | |
\n{2,} | |
(?=\S) | |
(?! # Negative lookahead for another list item marker | |
[ \t]* | |
%s[ \t]+ | |
) | |
) | |
) | |
''' % (less_than_tab, marker_pat, marker_pat) | |
if self.list_level: # sub-list | |
list_re = re.compile("^"+whole_list, re.X | re.M | re.S) | |
else: | |
list_re = re.compile(r"(?:(?<=\n\n)|\A\n?)"+whole_list, | |
re.X | re.M | re.S) | |
match = list_re.search(text, pos) | |
if match: | |
hits.append((match.start(), match)) | |
if not hits: | |
break | |
hits.sort() | |
match = hits[0][1] | |
start, end = match.span() | |
middle = self._list_sub(match) | |
text = text[:start] + middle + text[end:] | |
pos = start + len(middle) # start pos for next attempted match | |
return text | |
_list_item_re = re.compile(r''' | |
(\n)? # leading line = \1 | |
(^[ \t]*) # leading whitespace = \2 | |
(?P<marker>%s) [ \t]+ # list marker = \3 | |
((?:.+?) # list item text = \4 | |
(\n{1,2})) # eols = \5 | |
(?= \n* (\Z | \2 (?P<next_marker>%s) [ \t]+)) | |
''' % (_marker_any, _marker_any), | |
re.M | re.X | re.S) | |
_last_li_endswith_two_eols = False | |
def _list_item_sub(self, match): | |
item = match.group(4) | |
leading_line = match.group(1) | |
leading_space = match.group(2) | |
if leading_line or "\n\n" in item or self._last_li_endswith_two_eols: | |
item = self._run_block_gamut(self._outdent(item)) | |
else: | |
# Recursion for sub-lists: | |
item = self._do_lists(self._outdent(item)) | |
if item.endswith('\n'): | |
item = item[:-1] | |
item = self._run_span_gamut(item) | |
self._last_li_endswith_two_eols = (len(match.group(5)) == 2) | |
return "<li>%s</li>\n" % item | |
def _process_list_items(self, list_str): | |
# Process the contents of a single ordered or unordered list, | |
# splitting it into individual list items. | |
# The $g_list_level global keeps track of when we're inside a list. | |
# Each time we enter a list, we increment it; when we leave a list, | |
# we decrement. If it's zero, we're not in a list anymore. | |
# | |
# We do this because when we're not inside a list, we want to treat | |
# something like this: | |
# | |
# I recommend upgrading to version | |
# 8. Oops, now this line is treated | |
# as a sub-list. | |
# | |
# As a single paragraph, despite the fact that the second line starts | |
# with a digit-period-space sequence. | |
# | |
# Whereas when we're inside a list (or sub-list), that line will be | |
# treated as the start of a sub-list. What a kludge, huh? This is | |
# an aspect of Markdown's syntax that's hard to parse perfectly | |
# without resorting to mind-reading. Perhaps the solution is to | |
# change the syntax rules such that sub-lists must start with a | |
# starting cardinal number; e.g. "1." or "a.". | |
self.list_level += 1 | |
self._last_li_endswith_two_eols = False | |
list_str = list_str.rstrip('\n') + '\n' | |
list_str = self._list_item_re.sub(self._list_item_sub, list_str) | |
self.list_level -= 1 | |
return list_str | |
def _get_pygments_lexer(self, lexer_name): | |
try: | |
from pygments import lexers, util | |
except ImportError: | |
return None | |
try: | |
return lexers.get_lexer_by_name(lexer_name) | |
except util.ClassNotFound: | |
return None | |
def _color_with_pygments(self, codeblock, lexer, **formatter_opts): | |
import pygments | |
import pygments.formatters | |
class HtmlCodeFormatter(pygments.formatters.HtmlFormatter): | |
def _wrap_code(self, inner): | |
"""A function for use in a Pygments Formatter which | |
wraps in <code> tags. | |
""" | |
yield 0, "<code>" | |
for tup in inner: | |
yield tup | |
yield 0, "</code>" | |
def wrap(self, source, outfile): | |
"""Return the source with a code, pre, and div.""" | |
return self._wrap_div(self._wrap_pre(self._wrap_code(source))) | |
formatter_opts.setdefault("cssclass", "codehilite") | |
formatter = HtmlCodeFormatter(**formatter_opts) | |
return pygments.highlight(codeblock, lexer, formatter) | |
def _code_block_sub(self, match, is_fenced_code_block=False): | |
lexer_name = None | |
if is_fenced_code_block: | |
lexer_name = match.group(1) | |
if lexer_name: | |
formatter_opts = self.extras['fenced-code-blocks'] or {} | |
codeblock = match.group(2) | |
codeblock = codeblock[:-1] # drop one trailing newline | |
else: | |
codeblock = match.group(1) | |
codeblock = self._outdent(codeblock) | |
codeblock = self._detab(codeblock) | |
codeblock = codeblock.lstrip('\n') # trim leading newlines | |
codeblock = codeblock.rstrip() # trim trailing whitespace | |
# Note: "code-color" extra is DEPRECATED. | |
if "code-color" in self.extras and codeblock.startswith(":::"): | |
lexer_name, rest = codeblock.split('\n', 1) | |
lexer_name = lexer_name[3:].strip() | |
codeblock = rest.lstrip("\n") # Remove lexer declaration line. | |
formatter_opts = self.extras['code-color'] or {} | |
if lexer_name: | |
def unhash_code( codeblock ): | |
for key, sanitized in list(self.html_spans.items()): | |
codeblock = codeblock.replace(key, sanitized) | |
replacements = [ | |
("&", "&"), | |
("<", "<"), | |
(">", ">") | |
] | |
for old, new in replacements: | |
codeblock = codeblock.replace(old, new) | |
return codeblock | |
lexer = self._get_pygments_lexer(lexer_name) | |
if lexer: | |
codeblock = unhash_code( codeblock ) | |
colored = self._color_with_pygments(codeblock, lexer, | |
**formatter_opts) | |
return "\n\n%s\n\n" % colored | |
codeblock = self._encode_code(codeblock) | |
pre_class_str = self._html_class_str_from_tag("pre") | |
code_class_str = self._html_class_str_from_tag("code") | |
return "\n\n<pre%s><code%s>%s\n</code></pre>\n\n" % ( | |
pre_class_str, code_class_str, codeblock) | |
def _html_class_str_from_tag(self, tag): | |
"""Get the appropriate ' class="..."' string (note the leading | |
space), if any, for the given tag. | |
""" | |
if "html-classes" not in self.extras: | |
return "" | |
try: | |
html_classes_from_tag = self.extras["html-classes"] | |
except TypeError: | |
return "" | |
else: | |
if tag in html_classes_from_tag: | |
return ' class="%s"' % html_classes_from_tag[tag] | |
return "" | |
def _do_code_blocks(self, text): | |
"""Process Markdown `<pre><code>` blocks.""" | |
code_block_re = re.compile(r''' | |
(?:\n\n|\A\n?) | |
( # $1 = the code block -- one or more lines, starting with a space/tab | |
(?: | |
(?:[ ]{%d} | \t) # Lines must start with a tab or a tab-width of spaces | |
.*\n+ | |
)+ | |
) | |
((?=^[ ]{0,%d}\S)|\Z) # Lookahead for non-space at line-start, or end of doc | |
# Lookahead to make sure this block isn't already in a code block. | |
# Needed when syntax highlighting is being used. | |
(?![^<]*\</code\>) | |
''' % (self.tab_width, self.tab_width), | |
re.M | re.X) | |
return code_block_re.sub(self._code_block_sub, text) | |
_fenced_code_block_re = re.compile(r''' | |
(?:\n\n|\A\n?) | |
^```([\w+-]+)?[ \t]*\n # opening fence, $1 = optional lang | |
(.*?) # $2 = code block content | |
^```[ \t]*\n # closing fence | |
''', re.M | re.X | re.S) | |
def _fenced_code_block_sub(self, match): | |
return self._code_block_sub(match, is_fenced_code_block=True); | |
def _do_fenced_code_blocks(self, text): | |
"""Process ```-fenced unindented code blocks ('fenced-code-blocks' extra).""" | |
return self._fenced_code_block_re.sub(self._fenced_code_block_sub, text) | |
# Rules for a code span: | |
# - backslash escapes are not interpreted in a code span | |
# - to include one or or a run of more backticks the delimiters must | |
# be a longer run of backticks | |
# - cannot start or end a code span with a backtick; pad with a | |
# space and that space will be removed in the emitted HTML | |
# See `test/tm-cases/escapes.text` for a number of edge-case | |
# examples. | |
_code_span_re = re.compile(r''' | |
(?<!\\) | |
(`+) # \1 = Opening run of ` | |
(?!`) # See Note A test/tm-cases/escapes.text | |
(.+?) # \2 = The code block | |
(?<!`) | |
\1 # Matching closer | |
(?!`) | |
''', re.X | re.S) | |
def _code_span_sub(self, match): | |
c = match.group(2).strip(" \t") | |
c = self._encode_code(c) | |
return "<code>%s</code>" % c | |
def _do_code_spans(self, text): | |
# * Backtick quotes are used for <code></code> spans. | |
# | |
# * You can use multiple backticks as the delimiters if you want to | |
# include literal backticks in the code span. So, this input: | |
# | |
# Just type ``foo `bar` baz`` at the prompt. | |
# | |
# Will translate to: | |
# | |
# <p>Just type <code>foo `bar` baz</code> at the prompt.</p> | |
# | |
# There's no arbitrary limit to the number of backticks you | |
# can use as delimters. If you need three consecutive backticks | |
# in your code, use four for delimiters, etc. | |
# | |
# * You can use spaces to get literal backticks at the edges: | |
# | |
# ... type `` `bar` `` ... | |
# | |
# Turns to: | |
# | |
# ... type <code>`bar`</code> ... | |
return self._code_span_re.sub(self._code_span_sub, text) | |
def _encode_code(self, text): | |
"""Encode/escape certain characters inside Markdown code runs. | |
The point is that in code, these characters are literals, | |
and lose their special Markdown meanings. | |
""" | |
replacements = [ | |
# Encode all ampersands; HTML entities are not | |
# entities within a Markdown code span. | |
('&', '&'), | |
# Do the angle bracket song and dance: | |
('<', '<'), | |
('>', '>'), | |
] | |
for before, after in replacements: | |
text = text.replace(before, after) | |
hashed = _hash_text(text) | |
self._escape_table[text] = hashed | |
return hashed | |
_strong_re = re.compile(r"(\*\*|__)(?=\S)(.+?[*_]*)(?<=\S)\1", re.S) | |
_em_re = re.compile(r"(\*|_)(?=\S)(.+?)(?<=\S)\1", re.S) | |
_code_friendly_strong_re = re.compile(r"\*\*(?=\S)(.+?[*_]*)(?<=\S)\*\*", re.S) | |
_code_friendly_em_re = re.compile(r"\*(?=\S)(.+?)(?<=\S)\*", re.S) | |
def _do_italics_and_bold(self, text): | |
# <strong> must go first: | |
if "code-friendly" in self.extras: | |
text = self._code_friendly_strong_re.sub(r"<strong>\1</strong>", text) | |
text = self._code_friendly_em_re.sub(r"<em>\1</em>", text) | |
else: | |
text = self._strong_re.sub(r"<strong>\2</strong>", text) | |
text = self._em_re.sub(r"<em>\2</em>", text) | |
return text | |
# "smarty-pants" extra: Very liberal in interpreting a single prime as an | |
# apostrophe; e.g. ignores the fact that "round", "bout", "twer", and | |
# "twixt" can be written without an initial apostrophe. This is fine because | |
# using scare quotes (single quotation marks) is rare. | |
_apostrophe_year_re = re.compile(r"'(\d\d)(?=(\s|,|;|\.|\?|!|$))") | |
_contractions = ["tis", "twas", "twer", "neath", "o", "n", | |
"round", "bout", "twixt", "nuff", "fraid", "sup"] | |
def _do_smart_contractions(self, text): | |
text = self._apostrophe_year_re.sub(r"’\1", text) | |
for c in self._contractions: | |
text = text.replace("'%s" % c, "’%s" % c) | |
text = text.replace("'%s" % c.capitalize(), | |
"’%s" % c.capitalize()) | |
return text | |
# Substitute double-quotes before single-quotes. | |
_opening_single_quote_re = re.compile(r"(?<!\S)'(?=\S)") | |
_opening_double_quote_re = re.compile(r'(?<!\S)"(?=\S)') | |
_closing_single_quote_re = re.compile(r"(?<=\S)'") | |
_closing_double_quote_re = re.compile(r'(?<=\S)"(?=(\s|,|;|\.|\?|!|$))') | |
def _do_smart_punctuation(self, text): | |
"""Fancifies 'single quotes', "double quotes", and apostrophes. | |
Converts --, ---, and ... into en dashes, em dashes, and ellipses. | |
Inspiration is: <http://daringfireball.net/projects/smartypants/> | |
See "test/tm-cases/smarty_pants.text" for a full discussion of the | |
support here and | |
<http://code.google.com/p/python-markdown2/issues/detail?id=42> for a | |
discussion of some diversion from the original SmartyPants. | |
""" | |
if "'" in text: # guard for perf | |
text = self._do_smart_contractions(text) | |
text = self._opening_single_quote_re.sub("‘", text) | |
text = self._closing_single_quote_re.sub("’", text) | |
if '"' in text: # guard for perf | |
text = self._opening_double_quote_re.sub("“", text) | |
text = self._closing_double_quote_re.sub("”", text) | |
text = text.replace("---", "—") | |
text = text.replace("--", "–") | |
text = text.replace("...", "…") | |
text = text.replace(" . . . ", "…") | |
text = text.replace(". . .", "…") | |
return text | |
_block_quote_re = re.compile(r''' | |
( # Wrap whole match in \1 | |
( | |
^[ \t]*>[ \t]? # '>' at the start of a line | |
.+\n # rest of the first line | |
(.+\n)* # subsequent consecutive lines | |
\n* # blanks | |
)+ | |
) | |
''', re.M | re.X) | |
_bq_one_level_re = re.compile('^[ \t]*>[ \t]?', re.M); | |
_html_pre_block_re = re.compile(r'(\s*<pre>.+?</pre>)', re.S) | |
def _dedent_two_spaces_sub(self, match): | |
return re.sub(r'(?m)^ ', '', match.group(1)) | |
def _block_quote_sub(self, match): | |
bq = match.group(1) | |
bq = self._bq_one_level_re.sub('', bq) # trim one level of quoting | |
bq = self._ws_only_line_re.sub('', bq) # trim whitespace-only lines | |
bq = self._run_block_gamut(bq) # recurse | |
bq = re.sub('(?m)^', ' ', bq) | |
# These leading spaces screw with <pre> content, so we need to fix that: | |
bq = self._html_pre_block_re.sub(self._dedent_two_spaces_sub, bq) | |
return "<blockquote>\n%s\n</blockquote>\n\n" % bq | |
def _do_block_quotes(self, text): | |
if '>' not in text: | |
return text | |
return self._block_quote_re.sub(self._block_quote_sub, text) | |
def _form_paragraphs(self, text): | |
# Strip leading and trailing lines: | |
text = text.strip('\n') | |
# Wrap <p> tags. | |
grafs = [] | |
for i, graf in enumerate(re.split(r"\n{2,}", text)): | |
if graf in self.html_blocks: | |
# Unhashify HTML blocks | |
grafs.append(self.html_blocks[graf]) | |
else: | |
cuddled_list = None | |
if "cuddled-lists" in self.extras: | |
# Need to put back trailing '\n' for `_list_item_re` | |
# match at the end of the paragraph. | |
li = self._list_item_re.search(graf + '\n') | |
# Two of the same list marker in this paragraph: a likely | |
# candidate for a list cuddled to preceding paragraph | |
# text (issue 33). Note the `[-1]` is a quick way to | |
# consider numeric bullets (e.g. "1." and "2.") to be | |
# equal. | |
if (li and len(li.group(2)) <= 3 and li.group("next_marker") | |
and li.group("marker")[-1] == li.group("next_marker")[-1]): | |
start = li.start() | |
cuddled_list = self._do_lists(graf[start:]).rstrip("\n") | |
assert cuddled_list.startswith("<ul>") or cuddled_list.startswith("<ol>") | |
graf = graf[:start] | |
# Wrap <p> tags. | |
graf = self._run_span_gamut(graf) | |
grafs.append("<p>" + graf.lstrip(" \t") + "</p>") | |
if cuddled_list: | |
grafs.append(cuddled_list) | |
return "\n\n".join(grafs) | |
def _add_footnotes(self, text): | |
if self.footnotes: | |
footer = [ | |
'<div class="footnotes">', | |
'<hr' + self.empty_element_suffix, | |
'<ol>', | |
] | |
for i, id in enumerate(self.footnote_ids): | |
if i != 0: | |
footer.append('') | |
footer.append('<li id="fn-%s">' % id) | |
footer.append(self._run_block_gamut(self.footnotes[id])) | |
backlink = ('<a href="#fnref-%s" ' | |
'class="footnoteBackLink" ' | |
'title="Jump back to footnote %d in the text.">' | |
'↩</a>' % (id, i+1)) | |
if footer[-1].endswith("</p>"): | |
footer[-1] = footer[-1][:-len("</p>")] \ | |
+ ' ' + backlink + "</p>" | |
else: | |
footer.append("\n<p>%s</p>" % backlink) | |
footer.append('</li>') | |
footer.append('</ol>') | |
footer.append('</div>') | |
return text + '\n\n' + '\n'.join(footer) | |
else: | |
return text | |
# Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin: | |
# http://bumppo.net/projects/amputator/ | |
_ampersand_re = re.compile(r'&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)') | |
_naked_lt_re = re.compile(r'<(?![a-z/?\$!])', re.I) | |
_naked_gt_re = re.compile(r'''(?<![a-z0-9?!/'"-])>''', re.I) | |
def _encode_amps_and_angles(self, text): | |
# Smart processing for ampersands and angle brackets that need | |
# to be encoded. | |
text = self._ampersand_re.sub('&', text) | |
# Encode naked <'s | |
text = self._naked_lt_re.sub('<', text) | |
# Encode naked >'s | |
# Note: Other markdown implementations (e.g. Markdown.pl, PHP | |
# Markdown) don't do this. | |
text = self._naked_gt_re.sub('>', text) | |
return text | |
def _encode_backslash_escapes(self, text): | |
for ch, escape in list(self._escape_table.items()): | |
text = text.replace("\\"+ch, escape) | |
return text | |
_auto_link_re = re.compile(r'<((https?|ftp):[^\'">\s]+)>', re.I) | |
def _auto_link_sub(self, match): | |
g1 = match.group(1) | |
return '<a href="%s">%s</a>' % (g1, g1) | |
_auto_email_link_re = re.compile(r""" | |
< | |
(?:mailto:)? | |
( | |
[-.\w]+ | |
\@ | |
[-\w]+(\.[-\w]+)*\.[a-z]+ | |
) | |
> | |
""", re.I | re.X | re.U) | |
def _auto_email_link_sub(self, match): | |
return self._encode_email_address( | |
self._unescape_special_chars(match.group(1))) | |
def _do_auto_links(self, text): | |
text = self._auto_link_re.sub(self._auto_link_sub, text) | |
text = self._auto_email_link_re.sub(self._auto_email_link_sub, text) | |
return text | |
def _encode_email_address(self, addr): | |
# Input: an email address, e.g. "foo@example.com" | |
# | |
# Output: the email address as a mailto link, with each character | |
# of the address encoded as either a decimal or hex entity, in | |
# the hopes of foiling most address harvesting spam bots. E.g.: | |
# | |
# <a href="mailto:foo@e | |
# xample.com">foo | |
# @example.com</a> | |
# | |
# Based on a filter by Matthew Wickline, posted to the BBEdit-Talk | |
# mailing list: <http://tinyurl.com/yu7ue> | |
chars = [_xml_encode_email_char_at_random(ch) | |
for ch in "mailto:" + addr] | |
# Strip the mailto: from the visible part. | |
addr = '<a href="%s">%s</a>' \ | |
% (''.join(chars), ''.join(chars[7:])) | |
return addr | |
def _do_link_patterns(self, text): | |
"""Caveat emptor: there isn't much guarding against link | |
patterns being formed inside other standard Markdown links, e.g. | |
inside a [link def][like this]. | |
Dev Notes: *Could* consider prefixing regexes with a negative | |
lookbehind assertion to attempt to guard against this. | |
""" | |
link_from_hash = {} | |
for regex, repl in self.link_patterns: | |
replacements = [] | |
for match in regex.finditer(text): | |
if hasattr(repl, "__call__"): | |
href = repl(match) | |
else: | |
href = match.expand(repl) | |
replacements.append((match.span(), href)) | |
for (start, end), href in reversed(replacements): | |
escaped_href = ( | |
href.replace('"', '"') # b/c of attr quote | |
# To avoid markdown <em> and <strong>: | |
.replace('*', self._escape_table['*']) | |
.replace('_', self._escape_table['_'])) | |
link = '<a href="%s">%s</a>' % (escaped_href, text[start:end]) | |
hash = _hash_text(link) | |
link_from_hash[hash] = link | |
text = text[:start] + hash + text[end:] | |
for hash, link in list(link_from_hash.items()): | |
text = text.replace(hash, link) | |
return text | |
def _unescape_special_chars(self, text): | |
# Swap back in all the special characters we've hidden. | |
for ch, hash in list(self._escape_table.items()): | |
text = text.replace(hash, ch) | |
return text | |
def _outdent(self, text): | |
# Remove one level of line-leading tabs or spaces | |
return self._outdent_re.sub('', text) | |
class MarkdownWithExtras(Markdown): | |
"""A markdowner class that enables most extras: | |
- footnotes | |
- code-color (only has effect if 'pygments' Python module on path) | |
These are not included: | |
- pyshell (specific to Python-related documenting) | |
- code-friendly (because it *disables* part of the syntax) | |
- link-patterns (because you need to specify some actual | |
link-patterns anyway) | |
""" | |
extras = ["footnotes", "code-color"] | |
#---- internal support functions | |
class UnicodeWithAttrs(unicode): | |
"""A subclass of unicode used for the return value of conversion to | |
possibly attach some attributes. E.g. the "toc_html" attribute when | |
the "toc" extra is used. | |
""" | |
metadata = None | |
_toc = None | |
def toc_html(self): | |
"""Return the HTML for the current TOC. | |
This expects the `_toc` attribute to have been set on this instance. | |
""" | |
if self._toc is None: | |
return None | |
def indent(): | |
return ' ' * (len(h_stack) - 1) | |
lines = [] | |
h_stack = [0] # stack of header-level numbers | |
for level, id, name in self._toc: | |
if level > h_stack[-1]: | |
lines.append("%s<ul>" % indent()) | |
h_stack.append(level) | |
elif level == h_stack[-1]: | |
lines[-1] += "</li>" | |
else: | |
while level < h_stack[-1]: | |
h_stack.pop() | |
if not lines[-1].endswith("</li>"): | |
lines[-1] += "</li>" | |
lines.append("%s</ul></li>" % indent()) | |
lines.append('%s<li><a href="#%s">%s</a>' % ( | |
indent(), id, name)) | |
while len(h_stack) > 1: | |
h_stack.pop() | |
if not lines[-1].endswith("</li>"): | |
lines[-1] += "</li>" | |
lines.append("%s</ul>" % indent()) | |
return '\n'.join(lines) + '\n' | |
toc_html = property(toc_html) | |
## {{{ http://code.activestate.com/recipes/577257/ (r1) | |
_slugify_strip_re = re.compile(r'[^\w\s-]') | |
_slugify_hyphenate_re = re.compile(r'[-\s]+') | |
def _slugify(value): | |
""" | |
Normalizes string, converts to lowercase, removes non-alpha characters, | |
and converts spaces to hyphens. | |
From Django's "django/template/defaultfilters.py". | |
""" | |
import unicodedata | |
value = unicodedata.normalize('NFKD', value).encode('ascii', 'ignore').decode() | |
value = _slugify_strip_re.sub('', value).strip().lower() | |
return _slugify_hyphenate_re.sub('-', value) | |
## end of http://code.activestate.com/recipes/577257/ }}} | |
# From http://aspn.activestate.com/ASPN/Cookbook/Python/Recipe/52549 | |
def _curry(*args, **kwargs): | |
function, args = args[0], args[1:] | |
def result(*rest, **kwrest): | |
combined = kwargs.copy() | |
combined.update(kwrest) | |
return function(*args + rest, **combined) | |
return result | |
# Recipe: regex_from_encoded_pattern (1.0) | |
def _regex_from_encoded_pattern(s): | |
"""'foo' -> re.compile(re.escape('foo')) | |
'/foo/' -> re.compile('foo') | |
'/foo/i' -> re.compile('foo', re.I) | |
""" | |
if s.startswith('/') and s.rfind('/') != 0: | |
# Parse it: /PATTERN/FLAGS | |
idx = s.rfind('/') | |
pattern, flags_str = s[1:idx], s[idx+1:] | |
flag_from_char = { | |
"i": re.IGNORECASE, | |
"l": re.LOCALE, | |
"s": re.DOTALL, | |
"m": re.MULTILINE, | |
"u": re.UNICODE, | |
} | |
flags = 0 | |
for char in flags_str: | |
try: | |
flags |= flag_from_char[char] | |
except KeyError: | |
raise ValueError("unsupported regex flag: '%s' in '%s' " | |
"(must be one of '%s')" | |
% (char, s, ''.join(list(flag_from_char.keys())))) | |
return re.compile(s[1:idx], flags) | |
else: # not an encoded regex | |
return re.compile(re.escape(s)) | |
# Recipe: dedent (0.1.2) | |
def _dedentlines(lines, tabsize=8, skip_first_line=False): | |
"""_dedentlines(lines, tabsize=8, skip_first_line=False) -> dedented lines | |
"lines" is a list of lines to dedent. | |
"tabsize" is the tab width to use for indent width calculations. | |
"skip_first_line" is a boolean indicating if the first line should | |
be skipped for calculating the indent width and for dedenting. | |
This is sometimes useful for docstrings and similar. | |
Same as dedent() except operates on a sequence of lines. Note: the | |
lines list is modified **in-place**. | |
""" | |
DEBUG = False | |
if DEBUG: | |
print("dedent: dedent(..., tabsize=%d, skip_first_line=%r)"\ | |
% (tabsize, skip_first_line)) | |
indents = [] | |
margin = None | |
for i, line in enumerate(lines): | |
if i == 0 and skip_first_line: continue | |
indent = 0 | |
for ch in line: | |
if ch == ' ': | |
indent += 1 | |
elif ch == '\t': | |
indent += tabsize - (indent % tabsize) | |
elif ch in '\r\n': | |
continue # skip all-whitespace lines | |
else: | |
break | |
else: | |
continue # skip all-whitespace lines | |
if DEBUG: print("dedent: indent=%d: %r" % (indent, line)) | |
if margin is None: | |
margin = indent | |
else: | |
margin = min(margin, indent) | |
if DEBUG: print("dedent: margin=%r" % margin) | |
if margin is not None and margin > 0: | |
for i, line in enumerate(lines): | |
if i == 0 and skip_first_line: continue | |
removed = 0 | |
for j, ch in enumerate(line): | |
if ch == ' ': | |
removed += 1 | |
elif ch == '\t': | |
removed += tabsize - (removed % tabsize) | |
elif ch in '\r\n': | |
if DEBUG: print("dedent: %r: EOL -> strip up to EOL" % line) | |
lines[i] = lines[i][j:] | |
break | |
else: | |
raise ValueError("unexpected non-whitespace char %r in " | |
"line %r while removing %d-space margin" | |
% (ch, line, margin)) | |
if DEBUG: | |
print("dedent: %r: %r -> removed %d/%d"\ | |
% (line, ch, removed, margin)) | |
if removed == margin: | |
lines[i] = lines[i][j+1:] | |
break | |
elif removed > margin: | |
lines[i] = ' '*(removed-margin) + lines[i][j+1:] | |
break | |
else: | |
if removed: | |
lines[i] = lines[i][removed:] | |
return lines | |
def _dedent(text, tabsize=8, skip_first_line=False): | |
"""_dedent(text, tabsize=8, skip_first_line=False) -> dedented text | |
"text" is the text to dedent. | |
"tabsize" is the tab width to use for indent width calculations. | |
"skip_first_line" is a boolean indicating if the first line should | |
be skipped for calculating the indent width and for dedenting. | |
This is sometimes useful for docstrings and similar. | |
textwrap.dedent(s), but don't expand tabs to spaces | |
""" | |
lines = text.splitlines(1) | |
_dedentlines(lines, tabsize=tabsize, skip_first_line=skip_first_line) | |
return ''.join(lines) | |
class _memoized(object): | |
"""Decorator that caches a function's return value each time it is called. | |
If called later with the same arguments, the cached value is returned, and | |
not re-evaluated. | |
http://wiki.python.org/moin/PythonDecoratorLibrary | |
""" | |
def __init__(self, func): | |
self.func = func | |
self.cache = {} | |
def __call__(self, *args): | |
try: | |
return self.cache[args] | |
except KeyError: | |
self.cache[args] = value = self.func(*args) | |
return value | |
except TypeError: | |
# uncachable -- for instance, passing a list as an argument. | |
# Better to not cache than to blow up entirely. | |
return self.func(*args) | |
def __repr__(self): | |
"""Return the function's docstring.""" | |
return self.func.__doc__ | |
def _xml_oneliner_re_from_tab_width(tab_width): | |
"""Standalone XML processing instruction regex.""" | |
return re.compile(r""" | |
(?: | |
(?<=\n\n) # Starting after a blank line | |
| # or | |
\A\n? # the beginning of the doc | |
) | |
( # save in $1 | |
[ ]{0,%d} | |
(?: | |
<\?\w+\b\s+.*?\?> # XML processing instruction | |
| | |
<\w+:\w+\b\s+.*?/> # namespaced single tag | |
) | |
[ \t]* | |
(?=\n{2,}|\Z) # followed by a blank line or end of document | |
) | |
""" % (tab_width - 1), re.X) | |
_xml_oneliner_re_from_tab_width = _memoized(_xml_oneliner_re_from_tab_width) | |
def _hr_tag_re_from_tab_width(tab_width): | |
return re.compile(r""" | |
(?: | |
(?<=\n\n) # Starting after a blank line | |
| # or | |
\A\n? # the beginning of the doc | |
) | |
( # save in \1 | |
[ ]{0,%d} | |
<(hr) # start tag = \2 | |
\b # word break | |
([^<>])*? # | |
/?> # the matching end tag | |
[ \t]* | |
(?=\n{2,}|\Z) # followed by a blank line or end of document | |
) | |
""" % (tab_width - 1), re.X) | |
_hr_tag_re_from_tab_width = _memoized(_hr_tag_re_from_tab_width) | |
def _xml_escape_attr(attr, skip_single_quote=True): | |
"""Escape the given string for use in an HTML/XML tag attribute. | |
By default this doesn't bother with escaping `'` to `'`, presuming that | |
the tag attribute is surrounded by double quotes. | |
""" | |
escaped = (attr | |
.replace('&', '&') | |
.replace('"', '"') | |
.replace('<', '<') | |
.replace('>', '>')) | |
if not skip_single_quote: | |
escaped = escaped.replace("'", "'") | |
return escaped | |
def _xml_encode_email_char_at_random(ch): | |
r = random() | |
# Roughly 10% raw, 45% hex, 45% dec. | |
# '@' *must* be encoded. I [John Gruber] insist. | |
# Issue 26: '_' must be encoded. | |
if r > 0.9 and ch not in "@_": | |
return ch | |
elif r < 0.45: | |
# The [1:] is to drop leading '0': 0x63 -> x63 | |
return '&#%s;' % hex(ord(ch))[1:] | |
else: | |
return '&#%s;' % ord(ch) | |
#---- mainline | |
class _NoReflowFormatter(optparse.IndentedHelpFormatter): | |
"""An optparse formatter that does NOT reflow the description.""" | |
def format_description(self, description): | |
return description or "" | |
def _test(): | |
import doctest | |
doctest.testmod() | |
def main(argv=None): | |
if argv is None: | |
argv = sys.argv | |
if not logging.root.handlers: | |
logging.basicConfig() | |
usage = "usage: %prog [PATHS...]" | |
version = "%prog "+__version__ | |
parser = optparse.OptionParser(prog="markdown2", usage=usage, | |
version=version, description=cmdln_desc, | |
formatter=_NoReflowFormatter()) | |
parser.add_option("-v", "--verbose", dest="log_level", | |
action="store_const", const=logging.DEBUG, | |
help="more verbose output") | |
parser.add_option("--encoding", | |
help="specify encoding of text content") | |
parser.add_option("--html4tags", action="store_true", default=False, | |
help="use HTML 4 style for empty element tags") | |
parser.add_option("-s", "--safe", metavar="MODE", dest="safe_mode", | |
help="sanitize literal HTML: 'escape' escapes " | |
"HTML meta chars, 'replace' replaces with an " | |
"[HTML_REMOVED] note") | |
parser.add_option("-x", "--extras", action="append", | |
help="Turn on specific extra features (not part of " | |
"the core Markdown spec). See above.") | |
parser.add_option("--use-file-vars", | |
help="Look for and use Emacs-style 'markdown-extras' " | |
"file var to turn on extras. See " | |
"<https://github.com/trentm/python-markdown2/wiki/Extras>") | |
parser.add_option("--link-patterns-file", | |
help="path to a link pattern file") | |
parser.add_option("--self-test", action="store_true", | |
help="run internal self-tests (some doctests)") | |
parser.add_option("--compare", action="store_true", | |
help="run against Markdown.pl as well (for testing)") | |
parser.set_defaults(log_level=logging.INFO, compare=False, | |
encoding="utf-8", safe_mode=None, use_file_vars=False) | |
opts, paths = parser.parse_args() | |
log.setLevel(opts.log_level) | |
if opts.self_test: | |
return _test() | |
if opts.extras: | |
extras = {} | |
for s in opts.extras: | |
splitter = re.compile("[,;: ]+") | |
for e in splitter.split(s): | |
if '=' in e: | |
ename, earg = e.split('=', 1) | |
try: | |
earg = int(earg) | |
except ValueError: | |
pass | |
else: | |
ename, earg = e, None | |
extras[ename] = earg | |
else: | |
extras = None | |
if opts.link_patterns_file: | |
link_patterns = [] | |
f = open(opts.link_patterns_file) | |
try: | |
for i, line in enumerate(f.readlines()): | |
if not line.strip(): continue | |
if line.lstrip().startswith("#"): continue | |
try: | |
pat, href = line.rstrip().rsplit(None, 1) | |
except ValueError: | |
raise MarkdownError("%s:%d: invalid link pattern line: %r" | |
% (opts.link_patterns_file, i+1, line)) | |
link_patterns.append( | |
(_regex_from_encoded_pattern(pat), href)) | |
finally: | |
f.close() | |
else: | |
link_patterns = None | |
from os.path import join, dirname, abspath, exists | |
markdown_pl = join(dirname(dirname(abspath(__file__))), "test", | |
"Markdown.pl") | |
if not paths: | |
paths = ['-'] | |
for path in paths: | |
if path == '-': | |
text = sys.stdin.read() | |
else: | |
fp = codecs.open(path, 'r', opts.encoding) | |
text = fp.read() | |
fp.close() | |
if opts.compare: | |
from subprocess import Popen, PIPE | |
print("==== Markdown.pl ====") | |
p = Popen('perl %s' % markdown_pl, shell=True, stdin=PIPE, stdout=PIPE, close_fds=True) | |
p.stdin.write(text.encode('utf-8')) | |
p.stdin.close() | |
perl_html = p.stdout.read().decode('utf-8') | |
if py3: | |
sys.stdout.write(perl_html) | |
else: | |
sys.stdout.write(perl_html.encode( | |
sys.stdout.encoding or "utf-8", 'xmlcharrefreplace')) | |
print("==== markdown2.py ====") | |
html = markdown(text, | |
html4tags=opts.html4tags, | |
safe_mode=opts.safe_mode, | |
extras=extras, link_patterns=link_patterns, | |
use_file_vars=opts.use_file_vars) | |
if py3: | |
sys.stdout.write(html) | |
else: | |
sys.stdout.write(html.encode( | |
sys.stdout.encoding or "utf-8", 'xmlcharrefreplace')) | |
if extras and "toc" in extras: | |
log.debug("toc_html: " + | |
html.toc_html.encode(sys.stdout.encoding or "utf-8", 'xmlcharrefreplace')) | |
if opts.compare: | |
test_dir = join(dirname(dirname(abspath(__file__))), "test") | |
if exists(join(test_dir, "test_markdown2.py")): | |
sys.path.insert(0, test_dir) | |
from test_markdown2 import norm_html_from_html | |
norm_html = norm_html_from_html(html) | |
norm_perl_html = norm_html_from_html(perl_html) | |
else: | |
norm_html = html | |
norm_perl_html = perl_html | |
print("==== match? %r ====" % (norm_perl_html == norm_html)) | |
if __name__ == "__main__": | |
sys.exit( main(sys.argv) ) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
''' | |
Models for user, blog, comment. | |
''' | |
__author__ = 'Michael Liao' | |
import time, uuid | |
from orm import Model, StringField, BooleanField, FloatField, TextField | |
def next_id(): | |
return '%015d%s000' % (int(time.time() * 1000), uuid.uuid4().hex) | |
class User(Model): | |
__table__ = 'users' | |
id = StringField(primary_key=True, default=next_id, ddl='varchar(50)') | |
email = StringField(ddl='varchar(50)') | |
passwd = StringField(ddl='varchar(50)') | |
admin = BooleanField() | |
name = StringField(ddl='varchar(50)') | |
image = StringField(ddl='varchar(500)') | |
created_at = FloatField(default=time.time) | |
class Blog(Model): | |
__table__ = 'blogs' | |
id = StringField(primary_key=True, default=next_id, ddl='varchar(50)') | |
user_id = StringField(ddl='varchar(50)') | |
user_name = StringField(ddl='varchar(50)') | |
user_image = StringField(ddl='varchar(500)') | |
blog_image = StringField(ddl='varchar(500)') | |
name = StringField(ddl='varchar(50)') | |
summary = StringField(ddl='varchar(200)') | |
content = TextField() | |
created_at = FloatField(default=time.time) | |
class Comment(Model): | |
__table__ = 'comments' | |
id = StringField(primary_key=True, default=next_id, ddl='varchar(50)') | |
blog_id = StringField(ddl='varchar(50)') | |
user_id = StringField(ddl='varchar(50)') | |
user_name = StringField(ddl='varchar(50)') | |
user_image = StringField(ddl='varchar(500)') | |
content = TextField() | |
created_at = FloatField(default=time.time) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
''' | |
Models for user, blog, comment. | |
''' | |
__author__ = 'Michael Liao' | |
import time, uuid | |
from orm import Model, StringField, BooleanField, FloatField, TextField | |
def next_id(): | |
return '%015d%s000' % (int(time.time() * 1000), uuid.uuid4().hex) | |
class User(Model): | |
__table__ = 'users' | |
id = StringField(primary_key=True, default=next_id, ddl='varchar(50)') | |
email = StringField(ddl='varchar(50)') | |
passwd = StringField(ddl='varchar(50)') | |
admin = BooleanField() | |
name = StringField(ddl='varchar(50)') | |
image = StringField(ddl='varchar(500)') | |
created_at = FloatField(default=time.time) | |
class Blog(Model): | |
__table__ = 'blogs' | |
id = StringField(primary_key=True, default=next_id, ddl='varchar(50)') | |
user_id = StringField(ddl='varchar(50)') | |
user_name = StringField(ddl='varchar(50)') | |
user_image = StringField(ddl='varchar(500)') | |
name = StringField(ddl='varchar(50)') | |
summary = StringField(ddl='varchar(200)') | |
content = TextField() | |
created_at = FloatField(default=time.time) | |
class Comment(Model): | |
__table__ = 'comments' | |
id = StringField(primary_key=True, default=next_id, ddl='varchar(50)') | |
blog_id = StringField(ddl='varchar(50)') | |
user_id = StringField(ddl='varchar(50)') | |
user_name = StringField(ddl='varchar(50)') | |
user_image = StringField(ddl='varchar(500)') | |
content = TextField() | |
created_at = FloatField(default=time.time) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
__author__ = 'song yu' | |
import asyncio, logging | |
import aiomysql | |
def log(sql, args=()): | |
logging.info('SQL: %s' % sql) | |
async def create_pool(loop, **kw): | |
logging.info('create database connection pool...') | |
global __pool | |
__pool = await aiomysql.create_pool( | |
host=kw.get('host', 'localhost'), | |
port=kw.get('port', 3306), | |
user=kw['user'], | |
password=kw['password'], | |
db=kw['db'], | |
charset=kw.get('charset', 'utf8'), | |
autocommit=kw.get('autocommit', True), | |
maxsize=kw.get('maxsize', 10), | |
minsize=kw.get('minsize', 1), | |
loop=loop | |
) | |
async def select(sql, args, size=None): | |
log(sql, args) | |
global __pool | |
async with __pool.get() as conn: | |
async with conn.cursor(aiomysql.DictCursor) as cur: | |
await cur.execute(sql.replace('?', '%s'), args or ()) | |
if size: | |
rs = await cur.fetchmany(size) | |
else: | |
rs = await cur.fetchall() | |
logging.info('rows returned: %s' % len(rs)) | |
return rs | |
async def execute(sql, args, autocommit=True): | |
log(sql) | |
async with __pool.get() as conn: | |
if not autocommit: | |
await conn.begin() | |
try: | |
async with conn.cursor(aiomysql.DictCursor) as cur: | |
await cur.execute(sql.replace('?', '%s'), args) | |
affected = cur.rowcount | |
if not autocommit: | |
await conn.commit() | |
except BaseException as e: | |
if not autocommit: | |
await conn.rollback() | |
raise | |
return affected | |
def create_args_string(num): | |
L = [] | |
for n in range(num): | |
L.append('?') | |
return ', '.join(L) | |
class Field(object): | |
def __init__(self, name, column_type, primary_key, default): | |
self.name = name | |
self.column_type = column_type | |
self.primary_key = primary_key | |
self.default = default | |
def __str__(self): | |
return '<%s, %s:%s>' % (self.__class__.__name__, self.column_type, self.name) | |
class StringField(Field): | |
def __init__(self, name=None, primary_key=False, default=None, ddl='varchar(100)'): | |
super().__init__(name, ddl, primary_key, default) | |
class BooleanField(Field): | |
def __init__(self, name=None, default=False): | |
super().__init__(name, 'boolean', False, default) | |
class IntegerField(Field): | |
def __init__(self, name=None, primary_key=False, default=0): | |
super().__init__(name, 'bigint', primary_key, default) | |
class FloatField(Field): | |
def __init__(self, name=None, primary_key=False, default=0.0): | |
super().__init__(name, 'real', primary_key, default) | |
class TextField(Field): | |
def __init__(self, name=None, default=None): | |
super().__init__(name, 'text', False, default) | |
class ModelMetaclass(type): | |
def __new__(cls, name, bases, attrs): | |
if name=='Model': | |
return type.__new__(cls, name, bases, attrs) | |
tableName = attrs.get('__table__', None) or name | |
logging.info('found model: %s (table: %s)' % (name, tableName)) | |
mappings = dict() | |
fields = [] | |
primaryKey = None | |
for k, v in attrs.items(): | |
if isinstance(v, Field): | |
logging.info(' found mapping: %s ==> %s' % (k, v)) | |
mappings[k] = v | |
if v.primary_key: | |
# 找到主键: | |
if primaryKey: | |
raise StandardError('Duplicate primary key for field: %s' % k) | |
primaryKey = k | |
else: | |
fields.append(k) | |
if not primaryKey: | |
raise StandardError('Primary key not found.') | |
for k in mappings.keys(): | |
attrs.pop(k) | |
escaped_fields = list(map(lambda f: '`%s`' % f, fields)) | |
attrs['__mappings__'] = mappings # 保存属性和列的映射关系 | |
attrs['__table__'] = tableName | |
attrs['__primary_key__'] = primaryKey # 主键属性名 | |
attrs['__fields__'] = fields # 除主键外的属性名 | |
attrs['__select__'] = 'select `%s`, %s from `%s`' % (primaryKey, ', '.join(escaped_fields), tableName) | |
attrs['__insert__'] = 'insert into `%s` (%s, `%s`) values (%s)' % (tableName, ', '.join(escaped_fields), primaryKey, create_args_string(len(escaped_fields) + 1)) | |
attrs['__update__'] = 'update `%s` set %s where `%s`=?' % (tableName, ', '.join(map(lambda f: '`%s`=?' % (mappings.get(f).name or f), fields)), primaryKey) | |
attrs['__delete__'] = 'delete from `%s` where `%s`=?' % (tableName, primaryKey) | |
return type.__new__(cls, name, bases, attrs) | |
class Model(dict, metaclass=ModelMetaclass): | |
def __init__(self, **kw): | |
super(Model, self).__init__(**kw) | |
def __getattr__(self, key): | |
try: | |
return self[key] | |
except KeyError: | |
raise AttributeError(r"'Model' object has no attribute '%s'" % key) | |
def __setattr__(self, key, value): | |
self[key] = value | |
def getValue(self, key): | |
return getattr(self, key, None) | |
def getValueOrDefault(self, key): | |
value = getattr(self, key, None) | |
if value is None: | |
field = self.__mappings__[key] | |
if field.default is not None: | |
value = field.default() if callable(field.default) else field.default | |
logging.debug('using default value for %s: %s' % (key, str(value))) | |
setattr(self, key, value) | |
return value | |
@classmethod | |
async def findAll(cls, where=None, args=None, **kw): | |
' find objects by where clause. ' | |
sql = [cls.__select__] | |
if where: | |
sql.append('where') | |
sql.append(where) | |
if args is None: | |
args = [] | |
orderBy = kw.get('orderBy', None) | |
if orderBy: | |
sql.append('order by') | |
sql.append(orderBy) | |
limit = kw.get('limit', None) | |
if limit is not None: | |
sql.append('limit') | |
if isinstance(limit, int): | |
sql.append('?') | |
args.append(limit) | |
elif isinstance(limit, tuple) and len(limit) == 2: | |
sql.append('?, ?') | |
args.extend(limit) | |
else: | |
raise ValueError('Invalid limit value: %s' % str(limit)) | |
rs = await select(' '.join(sql), args) | |
return [cls(**r) for r in rs] | |
@classmethod | |
async def findNumber(cls, selectField, where=None, args=None): | |
' find number by select and where. ' | |
sql = ['select %s _num_ from `%s`' % (selectField, cls.__table__)] | |
if where: | |
sql.append('where') | |
sql.append(where) | |
rs = await select(' '.join(sql), args, 1) | |
if len(rs) == 0: | |
return None | |
return rs[0]['_num_'] | |
@classmethod | |
async def find(cls, pk): | |
' find object by primary key. ' | |
rs = await select('%s where `%s`=?' % (cls.__select__, cls.__primary_key__), [pk], 1) | |
if len(rs) == 0: | |
return None | |
return cls(**rs[0]) | |
async def save(self): | |
args = list(map(self.getValueOrDefault, self.__fields__)) | |
args.append(self.getValueOrDefault(self.__primary_key__)) | |
rows = await execute(self.__insert__, args) | |
if rows != 1: | |
logging.warn('failed to insert record: affected rows: %s' % rows) | |
async def update(self): | |
args = list(map(self.getValue, self.__fields__)) | |
args.append(self.getValue(self.__primary_key__)) | |
rows = await execute(self.__update__, args) | |
if rows != 1: | |
logging.warn('failed to update by primary key: affected rows: %s' % rows) | |
async def remove(self): | |
args = [self.getValue(self.__primary_key__)] | |
rows = await execute(self.__delete__, args) | |
if rows != 1: | |
logging.warn('failed to remove by primary key: affected rows: %s' % rows) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/env python3 | |
# -*- coding: utf-8 -*- | |
__author__ = 'Michael Liao' | |
import os, sys, time, subprocess | |
from watchdog.observers import Observer | |
from watchdog.events import FileSystemEventHandler | |
def log(s): | |
print('[Monitor] %s' % s) | |
class MyFileSystemEventHander(FileSystemEventHandler): | |
def __init__(self, fn): | |
super(MyFileSystemEventHander, self).__init__() | |
self.restart = fn | |
def on_any_event(self, event): | |
if event.src_path.endswith('.py'): | |
log('Python source file changed: %s' % event.src_path) | |
self.restart() | |
command = ['echo', 'ok'] | |
process = None | |
def kill_process(): | |
global process | |
if process: | |
log('Kill process [%s]...' % process.pid) | |
process.kill() | |
process.wait() | |
log('Process ended with code %s.' % process.returncode) | |
process = None | |
def start_process(): | |
global process, command | |
log('Start process %s...' % ' '.join(command)) | |
process = subprocess.Popen(command, stdin=sys.stdin, stdout=sys.stdout, stderr=sys.stderr) | |
def restart_process(): | |
kill_process() | |
start_process() | |
def start_watch(path, callback): | |
observer = Observer() | |
observer.schedule(MyFileSystemEventHander(restart_process), path, recursive=True) | |
observer.start() | |
log('Watching directory %s...' % path) | |
start_process() | |
try: | |
while True: | |
time.sleep(0.5) | |
except KeyboardInterrupt: | |
observer.stop() | |
observer.join() | |
if __name__ == '__main__': | |
argv = sys.argv[1:] | |
if not argv: | |
print('Usage: ./pymonitor your-script.py') | |
exit(0) | |
if argv[0] != 'python3': | |
argv.insert(0, 'python3') | |
command = argv | |
path = os.path.abspath('.') | |
start_watch(path, None) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
-- schema.sql | |
drop database if exists awesome; | |
create database awesome; | |
use awesome; | |
grant select, insert, update, delete on awesome.* to 'sy123'@'localhost' identified by 'sy123'; | |
create table users ( | |
`id` varchar(50) not null, | |
`email` varchar(50) not null, | |
`passwd` varchar(50) not null, | |
`admin` bool not null, | |
`name` varchar(50) not null, | |
`image` varchar(500) not null, | |
`created_at` real not null, | |
unique key `idx_email` (`email`), | |
key `idx_created_at` (`created_at`), | |
primary key (`id`) | |
) engine=innodb default charset=utf8; | |
create table blogs ( | |
`id` varchar(50) not null, | |
`user_id` varchar(50) not null, | |
`user_name` varchar(50) not null, | |
`user_image` varchar(500) not null, | |
`picture` varchar(500) not null, | |
`name` varchar(50) not null, | |
`summary` varchar(200) not null, | |
`content` mediumtext not null, | |
`created_at` real not null, | |
key `idx_created_at` (`created_at`), | |
primary key (`id`) | |
) engine=innodb default charset=utf8; | |
create table comments ( | |
`id` varchar(50) not null, | |
`blog_id` varchar(50) not null, | |
`user_id` varchar(50) not null, | |
`user_name` varchar(50) not null, | |
`user_image` varchar(500) not null, | |
`content` mediumtext not null, | |
`created_at` real not null, | |
key `idx_created_at` (`created_at`), | |
primary key (`id`) | |
) engine=innodb default charset=utf8; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! UIkit 2.6.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | |
.uk-dotnav{padding:0;list-style:none;font-size:0}.uk-dotnav>li{display:inline-block;font-size:1rem;vertical-align:top}.uk-dotnav>li:nth-child(n+2){margin-left:15px}.uk-dotnav>li>a{display:inline-block;-moz-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);vertical-align:top;overflow:hidden;text-indent:-999%}.uk-dotnav>li>a:hover,.uk-dotnav>li>a:focus{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>li>a:active{background:rgba(50,50,50,.6)}.uk-dotnav>li.uk-active>a{background:rgba(50,50,50,.4)}.uk-dotnav-vertical>li{display:block}.uk-dotnav-vertical>li:nth-child(n+2){margin-left:0;margin-top:15px}.uk-slidenav{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:hover,.uk-slidenav:focus{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-form-file{position:relative;display:inline-block;vertical-align:middle;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;bottom:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}.uk-form-password{position:relative;display:inline-block;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}.uk-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}.uk-autocomplete{display:inline-block;vertical-align:middle;position:relative}.uk-nav-autocomplete>li>a{color:#444}.uk-nav-autocomplete>li.uk-active>a{background:#00a8e6;color:#fff;outline:0}.uk-nav-autocomplete .uk-nav-header{color:#999}.uk-nav-autocomplete .uk-nav-divider{border-top:1px solid #ddd}.uk-datepicker{width:auto}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:before,.uk-datepicker-nav:after{content:" ";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-previous:after,.uk-datepicker-next:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table th,.uk-datepicker-table td{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:hover,.uk-datepicker-table a:focus{background-color:#ddd;color:#444;outline:0}.uk-datepicker-table a:active{background-color:#ccc;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff}.uk-markdownarea-navbar{background:#eee}.uk-markdownarea-navbar:before,.uk-markdownarea-navbar:after{content:" ";display:table}.uk-markdownarea-navbar:after{clear:both}.uk-markdownarea-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-markdownarea-navbar-nav>li{float:left}.uk-markdownarea-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:11px;cursor:pointer}.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-markdownarea-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-markdownarea-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-markdownarea-navbar-flip{float:right}[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{display:none}.uk-markdownarea-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.uk-markdownarea-content:before,.uk-markdownarea-content:after{content:" ";display:table}.uk-markdownarea-content:after{clear:both}.uk-markdownarea-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990}.uk-markdownarea-fullscreen .uk-markdownarea-content{position:absolute;top:40px;left:0;right:0;bottom:0}.uk-markdownarea-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-markdownarea-code,.uk-markdownarea-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-preview{padding:20px;overflow-y:scroll}[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{display:none}[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{float:left;width:50%}[data-mode=split] .uk-markdownarea-code{border-right:1px solid #eee}.uk-markdownarea .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}.uk-notify{position:fixed;top:10px;left:10px;z-index:980;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:10px}.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px}.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-primary{background:#ebf7fd;color:#2d7091}.uk-notify-message-success{background:#f2fae3;color:#659f13}.uk-notify-message-warning{background:#fffceb;color:#e28327}.uk-notify-message-danger{background:#fff1f0;color:#d85030}.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,.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:0}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,.2);padding:0;border:0;-webkit-appearance:none;background:0 0}.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}.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-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-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-sortable{padding:0;list-style:none}.uk-sortable-list{margin:0;padding-left:40px;list-style:none}.uk-sortable-list-dragged{position:absolute;z-index:1050;padding-left:0;pointer-events:none}.uk-sortable-item{margin-bottom:10px;padding:5px;background:#f5f5f5}.uk-sortable-placeholder{-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border:1px dashed #ddd}.uk-sortable-empty{min-height:40px}.uk-sortable-handle{display:inline-block;font-size:18px;color:#ddd}.uk-sortable-handle:hover{cursor:move}.uk-sortable-handle:after{content:"\f0c9";font-family:FontAwesome}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}[data-sortable-action=toggle]{display:inline-block;color:#999;visibility:hidden}[data-sortable-action=toggle]:hover{color:#444;cursor:pointer}[data-sortable-action=toggle]:after{content:"\f147";font-family:FontAwesome}.uk-parent>.uk-sortable-item [data-sortable-action=toggle]{visibility:visible}.uk-collapsed>.uk-sortable-item [data-sortable-action=toggle]:after{content:"\f196"}.uk-collapsed .uk-sortable-list{display:none}.uk-sticky{z-index:980}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! UIkit 2.6.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | |
.uk-dotnav{padding:0;list-style:none;font-size:0}.uk-dotnav>li{display:inline-block;font-size:1rem;vertical-align:top}.uk-dotnav>li:nth-child(n+2){margin-left:15px}.uk-dotnav>li>a{display:inline-block;-moz-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);vertical-align:top;overflow:hidden;text-indent:-999%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.uk-dotnav>li>a:hover,.uk-dotnav>li>a:focus{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>li>a:active{background:rgba(50,50,50,.6)}.uk-dotnav>li.uk-active>a{background:rgba(50,50,50,.4);-webkit-transform:scale(1.3);transform:scale(1.3)}.uk-dotnav-vertical>li{display:block}.uk-dotnav-vertical>li:nth-child(n+2){margin-left:0;margin-top:15px}.uk-slidenav{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:hover,.uk-slidenav:focus{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-form-file{position:relative;display:inline-block;vertical-align:middle;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;bottom:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}.uk-form-password{position:relative;display:inline-block;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}.uk-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}.uk-autocomplete{display:inline-block;vertical-align:middle;position:relative}.uk-nav-autocomplete>li>a{color:#444}.uk-nav-autocomplete>li.uk-active>a{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-autocomplete .uk-nav-header{color:#999}.uk-nav-autocomplete .uk-nav-divider{border-top:1px solid #ddd}.uk-datepicker{width:auto}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:before,.uk-datepicker-nav:after{content:" ";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-previous:after,.uk-datepicker-next:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table th,.uk-datepicker-table td{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none;border:1px solid transparent;border-radius:4px}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:hover,.uk-datepicker-table a:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.16);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#eee;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-markdownarea-navbar{background:#f5f5f5;border:1px solid rgba(0,0,0,.06);border-top-left-radius:4px;border-top-right-radius:4px}.uk-markdownarea-navbar:before,.uk-markdownarea-navbar:after{content:" ";display:table}.uk-markdownarea-navbar:after{clear:both}.uk-markdownarea-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-markdownarea-navbar-nav>li{float:left}.uk-markdownarea-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:41px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer;margin-top:-1px;margin-left:-1px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{background-color:#fafafa;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-markdownarea-navbar-nav>li>a:active{background-color:#eee;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2)}.uk-markdownarea-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-markdownarea-navbar-flip{float:right}[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{display:none}.uk-markdownarea-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.uk-markdownarea-content:before,.uk-markdownarea-content:after{content:" ";display:table}.uk-markdownarea-content:after{clear:both}.uk-markdownarea-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990}.uk-markdownarea-fullscreen .uk-markdownarea-content{position:absolute;top:41px;left:0;right:0;bottom:0}.uk-markdownarea-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-markdownarea-code,.uk-markdownarea-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-preview{padding:20px;overflow-y:scroll}[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{display:none}[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{float:left;width:50%}[data-mode=split] .uk-markdownarea-code{border-right:1px solid #eee}.uk-markdownarea .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px}.uk-markdownarea-navbar-flip .uk-markdownarea-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-markdownarea-navbar-flip .uk-markdownarea-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0}.uk-markdownarea-navbar-flip .uk-markdownarea-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px}.uk-markdownarea-fullscreen .uk-markdownarea-navbar{border-top:none;border-left:none;border-right:none;border-radius:0}.uk-markdownarea-fullscreen .uk-markdownarea-content{border:none;border-radius:0}.uk-markdownarea-fullscreen .uk-markdownarea-navbar-nav>li>a{border-radius:0!important}.uk-notify{position:fixed;top:10px;left:10px;z-index:980;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:10px}.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px}.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-primary{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-notify-message-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}.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,.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:0}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,.2);padding:0;border:0;-webkit-appearance:none;background:0 0}.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}.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:12px;margin-right:-16px}.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,.05);text-shadow:0 -1px 0 rgba(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-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-sortable{padding:0;list-style:none}.uk-sortable-list{margin:0;padding-left:40px;list-style:none}.uk-sortable-list-dragged{position:absolute;z-index:1050;padding-left:0;pointer-events:none}.uk-sortable-item{margin-bottom:10px;padding:5px;background:#f5f5f5;border-radius:4px;border:1px solid rgba(0,0,0,.06);text-shadow:0 1px 0 #fff}.uk-sortable-placeholder{-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border:1px dashed #ddd}.uk-sortable-empty{min-height:40px}.uk-sortable-handle{display:inline-block;font-size:18px;color:#ddd}.uk-sortable-handle:hover{cursor:move}.uk-sortable-handle:after{content:"\f0c9";font-family:FontAwesome}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}[data-sortable-action=toggle]{display:inline-block;color:#999;visibility:hidden}[data-sortable-action=toggle]:hover{color:#444;cursor:pointer}[data-sortable-action=toggle]:after{content:"\f147";font-family:FontAwesome}.uk-parent>.uk-sortable-item [data-sortable-action=toggle]{visibility:visible}.uk-collapsed>.uk-sortable-item [data-sortable-action=toggle]:after{content:"\f196"}.uk-collapsed .uk-sortable-list{display:none}.uk-sticky{z-index:980}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! UIkit 2.6.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | |
.uk-dotnav{padding:0;list-style:none;font-size:0}.uk-dotnav>li{display:inline-block;font-size:1rem;vertical-align:top}.uk-dotnav>li:nth-child(n+2){margin-left:15px}.uk-dotnav>li>a{display:inline-block;-moz-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);vertical-align:top;overflow:hidden;text-indent:-999%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.uk-dotnav>li>a:hover,.uk-dotnav>li>a:focus{background:rgba(50,50,50,.4);outline:0}.uk-dotnav>li>a:active{background:rgba(50,50,50,.6)}.uk-dotnav>li.uk-active>a{background:rgba(50,50,50,.4);-webkit-transform:scale(1.3);transform:scale(1.3)}.uk-dotnav-vertical>li{display:block}.uk-dotnav-vertical>li:nth-child(n+2){margin-left:0;margin-top:15px}.uk-slidenav{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:hover,.uk-slidenav:focus{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-form-file{position:relative;display:inline-block;vertical-align:middle;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;bottom:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px}.uk-form-password{position:relative;display:inline-block;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important}.uk-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444}*+.uk-placeholder{margin-top:15px}.uk-placeholder>:last-child{margin-bottom:0}.uk-placeholder-large{padding-top:80px;padding-bottom:80px}.uk-autocomplete{display:inline-block;vertical-align:middle;position:relative}.uk-nav-autocomplete>li>a{color:#444}.uk-nav-autocomplete>li.uk-active>a{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-autocomplete .uk-nav-header{color:#999}.uk-nav-autocomplete .uk-nav-divider{border-top:1px solid #ddd}.uk-datepicker{width:auto}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:before,.uk-datepicker-nav:after{content:" ";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-previous:after,.uk-datepicker-next:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table th,.uk-datepicker-table td{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none;border:1px solid transparent;border-radius:4px;background-origin:border-box}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:hover,.uk-datepicker-table a:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-datepicker-table a.uk-active{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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,.2)}.uk-markdownarea-navbar{background:#f7f7f7;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.2);border-top-left-radius:4px;border-top-right-radius:4px;background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee)}.uk-markdownarea-navbar:before,.uk-markdownarea-navbar:after{content:" ";display:table}.uk-markdownarea-navbar:after{clear:both}.uk-markdownarea-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-markdownarea-navbar-nav>li{float:left}.uk-markdownarea-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:41px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer;margin-top:-1px;margin-left:-1px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{background-color:transparent;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-markdownarea-navbar-nav>li>a:active{background-color:#f5f5f5;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-markdownarea-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-markdownarea-navbar-flip{float:right}[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{display:none}.uk-markdownarea-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.uk-markdownarea-content:before,.uk-markdownarea-content:after{content:" ";display:table}.uk-markdownarea-content:after{clear:both}.uk-markdownarea-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990}.uk-markdownarea-fullscreen .uk-markdownarea-content{position:absolute;top:41px;left:0;right:0;bottom:0}.uk-markdownarea-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-markdownarea-code,.uk-markdownarea-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-preview{padding:20px;overflow-y:scroll}[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{display:none}[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{float:left;width:50%}[data-mode=split] .uk-markdownarea-code{border-right:1px solid #eee}.uk-markdownarea .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px}.uk-markdownarea-navbar-flip .uk-markdownarea-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-markdownarea-navbar-flip .uk-markdownarea-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0}.uk-markdownarea-navbar-flip .uk-markdownarea-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px}.uk-markdownarea-fullscreen .uk-markdownarea-navbar{border-top:none;border-left:none;border-right:none;border-radius:0}.uk-markdownarea-fullscreen .uk-markdownarea-content{border:none;border-radius:0}.uk-markdownarea-fullscreen .uk-markdownarea-navbar-nav>li>a{border-radius:0!important}.uk-notify{position:fixed;top:10px;left:10px;z-index:980;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:10px}.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px}.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-primary{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-notify-message-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}.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,.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:0}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,.2);padding:0;border:0;-webkit-appearance:none;background:0 0}.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}.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:12px;margin-right:-16px}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.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-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-sortable{padding:0;list-style:none}.uk-sortable-list{margin:0;padding-left:40px;list-style:none}.uk-sortable-list-dragged{position:absolute;z-index:1050;padding-left:0;pointer-events:none}.uk-sortable-item{margin-bottom:10px;padding:5px;background:#f7f7f7;border-radius:4px;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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-sortable-placeholder{-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border:1px dashed #ddd}.uk-sortable-empty{min-height:40px}.uk-sortable-handle{display:inline-block;font-size:18px;color:#ddd}.uk-sortable-handle:hover{cursor:move}.uk-sortable-handle:after{content:"\f0c9";font-family:FontAwesome}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}[data-sortable-action=toggle]{display:inline-block;color:#999;visibility:hidden}[data-sortable-action=toggle]:hover{color:#444;cursor:pointer}[data-sortable-action=toggle]:after{content:"\f147";font-family:FontAwesome}.uk-parent>.uk-sortable-item [data-sortable-action=toggle]{visibility:visible}.uk-collapsed>.uk-sortable-item [data-sortable-action=toggle]:after{content:"\f196"}.uk-collapsed .uk-sortable-list{display:none}.uk-sticky{z-index:980}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* custom css | |
*/ | |
a:hover, a:active { | |
text-decoration: none; | |
} | |
#vm { | |
display: none; | |
} | |
#loading { | |
margin-bottom: 15px; | |
} | |
#error { | |
display: none; | |
margin-bottom: 15px; | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ======================================================================== | |
Component: Base | |
========================================================================== */ | |
/* | |
* 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units | |
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom | |
* 3. Style | |
*/ | |
html { | |
/* 1 */ | |
font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; | |
/* 2 */ | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
/* 3 */ | |
background: #ffffff; | |
color: #444444; | |
} | |
/* | |
* Removes default margin. | |
*/ | |
body { | |
margin: 0; | |
} | |
/* Links | |
========================================================================== */ | |
/* | |
* Remove the gray background color from active links in IE 10. | |
*/ | |
a { | |
background: transparent; | |
} | |
/* | |
* Improves readability when focused and also mouse hovered in all browsers. | |
*/ | |
a:active, | |
a:hover { | |
outline: 0; | |
} | |
/* | |
* Style | |
*/ | |
a, | |
.uk-link { | |
color: #0593d3; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
a:hover, | |
.uk-link:hover { | |
color: #0477ab; | |
text-decoration: underline; | |
} | |
/* Text-level semantics | |
========================================================================== */ | |
/* | |
* Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10. | |
*/ | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
/* | |
* Addresses style set to `bolder` in Firefox | |
*/ | |
b, | |
strong { | |
font-weight: bold; | |
} | |
/* | |
* 1. Address odd `em`-unit font size rendering in all browsers. | |
* 2. Consolas has a better baseline in running text compared to `Courier` | |
*/ | |
:not(pre) > code, | |
:not(pre) > kbd, | |
:not(pre) > samp { | |
/* 1 */ | |
font-size: 12px; | |
/* 2 */ | |
font-family: Consolas, monospace, serif; | |
/* 3 */ | |
color: #dd0055; | |
white-space: nowrap; | |
padding: 0 4px; | |
border: 1px solid #dddddd; | |
border-radius: 3px; | |
background: #fafafa; | |
} | |
/* | |
* 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; | |
} | |
/* | |
* Quote | |
*/ | |
q { | |
font-style: italic; | |
} | |
/* | |
* Addresses inconsistent and variable font size in all browsers. | |
*/ | |
small { | |
font-size: 80%; | |
} | |
/* | |
* Prevents `sub` and `sup` affecting `line-height` in all browsers. | |
*/ | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
/* Images | |
========================================================================== */ | |
/* | |
* 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height | |
* 2. Corrects `max-width` behavior if padding and border are used | |
* 3. Remove border when inside `a` element in IE 8/9/10. | |
* 4. Remove the gap between images and the bottom of their containers | |
*/ | |
img { | |
/* 1 */ | |
max-width: 100%; | |
height: auto; | |
/* 2 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
/* 3 */ | |
border: 0; | |
/* 4 */ | |
vertical-align: middle; | |
} | |
/* | |
* Preserve original image dimensions | |
*/ | |
.uk-img-preserve, | |
.uk-img-preserve img { | |
max-width: none; | |
} | |
/* | |
* Correct overflow not hidden in IE 9/10/11. | |
*/ | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
/* Block elements | |
========================================================================== */ | |
/* | |
* Reset margin | |
*/ | |
blockquote, | |
figure { | |
margin: 0; | |
} | |
/* | |
* Margins | |
*/ | |
p, | |
ul, | |
ol, | |
dl, | |
blockquote, | |
pre, | |
address, | |
fieldset, | |
figure { | |
margin: 0 0 15px 0; | |
} | |
* + p, | |
* + 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; | |
} | |
/* | |
* Margins | |
*/ | |
* + h1, | |
* + h2, | |
* + h3, | |
* + h4, | |
* + h5, | |
* + h6 { | |
margin-top: 25px; | |
} | |
/* | |
* Sizes | |
*/ | |
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 | |
========================================================================== */ | |
ul, | |
ol { | |
padding-left: 30px; | |
} | |
/* | |
* Reset margin for nested lists | |
*/ | |
ul > li > ul, | |
ul > li > ol, | |
ol > li > ol, | |
ol > li > ul { | |
margin: 0; | |
} | |
/* Description lists | |
========================================================================== */ | |
dt { | |
font-weight: bold; | |
} | |
dd { | |
margin-left: 0; | |
} | |
/* Horizontal rules | |
========================================================================== */ | |
/* | |
* 1. Address differences between Firefox and other browsers. | |
* 2. Style | |
*/ | |
hr { | |
/* 1 */ | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
height: 0; | |
/* 2 */ | |
margin: 15px 0; | |
border: 0; | |
border-top: 1px solid #dddddd; | |
} | |
/* Address | |
========================================================================== */ | |
address { | |
font-style: normal; | |
} | |
/* Blockquotes | |
========================================================================== */ | |
blockquote { | |
padding-left: 15px; | |
border-left: 5px solid #dddddd; | |
font-size: 16px; | |
line-height: 22px; | |
font-style: italic; | |
} | |
/* Preformatted text | |
========================================================================== */ | |
/* | |
* 1. Contain overflow in all browsers. | |
*/ | |
pre { | |
padding: 10px; | |
background: #fafafa; | |
font: 12px / 18px Consolas, monospace, serif; | |
color: #444444; | |
-moz-tab-size: 4; | |
tab-size: 4; | |
/* 1 */ | |
overflow: auto; | |
border: 1px solid #dddddd; | |
border-radius: 3px; | |
} | |
/* Selection pseudo-element | |
========================================================================== */ | |
::-moz-selection { | |
background: #3399ff; | |
color: #ffffff; | |
text-shadow: none; | |
} | |
::selection { | |
background: #3399ff; | |
color: #ffffff; | |
text-shadow: none; | |
} | |
/* HTML5 elements | |
========================================================================== */ | |
/* | |
* Corrects `block` display not defined in IE 8/9. | |
*/ | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
main, | |
nav, | |
section, | |
summary { | |
display: block; | |
} | |
/* | |
* Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera. | |
*/ | |
progress { | |
vertical-align: baseline; | |
} | |
/* | |
* Prevent displaying `audio` without controls in Chrome, Safari and Opera | |
*/ | |
audio:not([controls]) { | |
display: none; | |
} | |
/* | |
* Address `[hidden]` styling not present in IE 8/9. | |
* Hide the `template` element in IE and Safari | |
*/ | |
[hidden], | |
template { | |
display: none; | |
} | |
/* Iframe | |
========================================================================== */ | |
iframe { | |
border: 0; | |
} | |
/* Fix viewport for IE10 snap mode | |
========================================================================== */ | |
@media screen and (max-width: 400px) { | |
@-ms-viewport { | |
width: device-width; | |
} | |
} | |
/* ======================================================================== | |
Component: Grid | |
========================================================================== */ | |
/* | |
* 1. Makes grid more robust so that it can be used with other block elements like lists | |
*/ | |
.uk-grid { | |
display: -ms-flexbox; | |
display: -webkit-flex; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
-webkit-flex-wrap: wrap; | |
flex-wrap: wrap; | |
/* 1 */ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
/* | |
* DEPRECATED | |
* Micro clearfix | |
* Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit | |
*/ | |
.uk-grid:before, | |
.uk-grid:after { | |
content: ""; | |
display: block; | |
overflow: hidden; | |
} | |
.uk-grid:after { | |
clear: both; | |
} | |
/* | |
* Grid cell | |
* 1. Space is allocated solely based on content dimensions | |
* 2. Makes grid more robust so that it can be used with other block elements | |
* 3. DEPRECATED Using `float` to support IE9 | |
*/ | |
.uk-grid > * { | |
/* 1 */ | |
-ms-flex: none; | |
-webkit-flex: none; | |
flex: none; | |
/* 2 */ | |
margin: 0; | |
/* 3 */ | |
float: left; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-grid > * > :last-child { | |
margin-bottom: 0; | |
} | |
/* Grid gutter | |
========================================================================== */ | |
/* | |
* Default gutter | |
*/ | |
/* Horizontal */ | |
.uk-grid { | |
margin-left: -25px; | |
} | |
.uk-grid > * { | |
padding-left: 25px; | |
} | |
/* Vertical */ | |
.uk-grid + .uk-grid, | |
.uk-grid-margin, | |
.uk-grid > * > .uk-panel + .uk-panel { | |
margin-top: 25px; | |
} | |
/* Large screen and bigger */ | |
@media (min-width: 1220px) { | |
/* Horizontal */ | |
.uk-grid { | |
margin-left: -35px; | |
} | |
.uk-grid > * { | |
padding-left: 35px; | |
} | |
/* Vertical */ | |
.uk-grid + .uk-grid, | |
.uk-grid-margin, | |
.uk-grid > * > .uk-panel + .uk-panel { | |
margin-top: 35px; | |
} | |
} | |
/* | |
* Collapse gutter | |
*/ | |
/* Horizontal */ | |
.uk-grid-collapse { | |
margin-left: 0; | |
} | |
.uk-grid-collapse > * { | |
padding-left: 0; | |
} | |
/* Vertical */ | |
.uk-grid-collapse + .uk-grid-collapse, | |
.uk-grid-collapse > .uk-grid-margin, | |
.uk-grid-collapse > * > .uk-panel + .uk-panel { | |
margin-top: 0; | |
} | |
/* | |
* Small gutter | |
*/ | |
/* Horizontal */ | |
.uk-grid-small { | |
margin-left: -10px; | |
} | |
.uk-grid-small > * { | |
padding-left: 10px; | |
} | |
/* Vertical */ | |
.uk-grid-small + .uk-grid-small, | |
.uk-grid-small > .uk-grid-margin, | |
.uk-grid-small > * > .uk-panel + .uk-panel { | |
margin-top: 10px; | |
} | |
/* | |
* Medium gutter | |
*/ | |
/* Horizontal */ | |
.uk-grid-medium { | |
margin-left: -25px; | |
} | |
.uk-grid-medium > * { | |
padding-left: 25px; | |
} | |
/* Vertical */ | |
.uk-grid-medium + .uk-grid-medium, | |
.uk-grid-medium > .uk-grid-margin, | |
.uk-grid-medium > * > .uk-panel + .uk-panel { | |
margin-top: 25px; | |
} | |
/* Modifier: `uk-grid-divider` | |
========================================================================== */ | |
/* | |
* Horizontal divider | |
* Only works with the default gutter. Does not work with gutter collapse, small or large. | |
* 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 > * { | |
padding-left: 25px; | |
padding-right: 25px; | |
} | |
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), | |
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { | |
border-left: 1px solid #dddddd; | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { | |
border-left: 1px solid #dddddd; | |
} | |
} | |
/* Desktop and bigger */ | |
@media (min-width: 960px) { | |
.uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { | |
border-left: 1px solid #dddddd; | |
} | |
} | |
/* Large screen and bigger */ | |
@media (min-width: 1220px) { | |
/* | |
* Large gutter | |
*/ | |
.uk-grid-divider:not(:empty) { | |
margin-left: -35px; | |
margin-right: -35px; | |
} | |
.uk-grid-divider > * { | |
padding-left: 35px; | |
padding-right: 35px; | |
} | |
.uk-grid-divider:empty { | |
margin-top: 35px; | |
margin-bottom: 35px; | |
} | |
} | |
/* | |
* Vertical divider | |
*/ | |
.uk-grid-divider:empty { | |
margin-top: 25px; | |
margin-bottom: 25px; | |
border-top: 1px solid #dddddd; | |
} | |
/* Match panels in grids | |
========================================================================== */ | |
.uk-grid-match > * { | |
display: -ms-flexbox; | |
display: -webkit-flex; | |
display: flex; | |
} | |
/* | |
* 1. Behave like a block element | |
*/ | |
.uk-grid-match > * > * { | |
-ms-flex: none; | |
-webkit-flex: none; | |
flex: none; | |
/* 1 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
} | |
/* Even grid cell widths | |
========================================================================== */ | |
[class*='uk-grid-width'] > * { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
} | |
.uk-grid-width-1-2 > * { | |
width: 50%; | |
} | |
.uk-grid-width-1-3 > * { | |
width: 33.333%; | |
} | |
.uk-grid-width-1-4 > * { | |
width: 25%; | |
} | |
.uk-grid-width-1-5 > * { | |
width: 20%; | |
} | |
.uk-grid-width-1-6 > * { | |
width: 16.666%; | |
} | |
.uk-grid-width-1-10 > * { | |
width: 10%; | |
} | |
/* Phone landscape and bigger */ | |
@media (min-width: 480px) { | |
.uk-grid-width-small-1-2 > * { | |
width: 50%; | |
} | |
.uk-grid-width-small-1-3 > * { | |
width: 33.333%; | |
} | |
.uk-grid-width-small-1-4 > * { | |
width: 25%; | |
} | |
.uk-grid-width-small-1-5 > * { | |
width: 20%; | |
} | |
.uk-grid-width-small-1-6 > * { | |
width: 16.666%; | |
} | |
.uk-grid-width-small-1-10 > * { | |
width: 10%; | |
} | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-grid-width-medium-1-2 > * { | |
width: 50%; | |
} | |
.uk-grid-width-medium-1-3 > * { | |
width: 33.333%; | |
} | |
.uk-grid-width-medium-1-4 > * { | |
width: 25%; | |
} | |
.uk-grid-width-medium-1-5 > * { | |
width: 20%; | |
} | |
.uk-grid-width-medium-1-6 > * { | |
width: 16.666%; | |
} | |
.uk-grid-width-medium-1-10 > * { | |
width: 10%; | |
} | |
} | |
/* Desktop and bigger */ | |
@media (min-width: 960px) { | |
.uk-grid-width-large-1-2 > * { | |
width: 50%; | |
} | |
.uk-grid-width-large-1-3 > * { | |
width: 33.333%; | |
} | |
.uk-grid-width-large-1-4 > * { | |
width: 25%; | |
} | |
.uk-grid-width-large-1-5 > * { | |
width: 20%; | |
} | |
.uk-grid-width-large-1-6 > * { | |
width: 16.666%; | |
} | |
.uk-grid-width-large-1-10 > * { | |
width: 10%; | |
} | |
} | |
/* Large screen and bigger */ | |
@media (min-width: 1220px) { | |
.uk-grid-width-xlarge-1-2 > * { | |
width: 50%; | |
} | |
.uk-grid-width-xlarge-1-3 > * { | |
width: 33.333%; | |
} | |
.uk-grid-width-xlarge-1-4 > * { | |
width: 25%; | |
} | |
.uk-grid-width-xlarge-1-5 > * { | |
width: 20%; | |
} | |
.uk-grid-width-xlarge-1-6 > * { | |
width: 16.666%; | |
} | |
.uk-grid-width-xlarge-1-10 > * { | |
width: 10%; | |
} | |
} | |
/* Sub-objects: `uk-width-*` | |
========================================================================== */ | |
[class*='uk-width'] { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
} | |
/* | |
* Widths | |
*/ | |
/* Whole */ | |
.uk-width-1-1 { | |
width: 100%; | |
} | |
/* Halves */ | |
.uk-width-1-2, | |
.uk-width-2-4, | |
.uk-width-3-6, | |
.uk-width-5-10 { | |
width: 50%; | |
} | |
/* Thirds */ | |
.uk-width-1-3, | |
.uk-width-2-6 { | |
width: 33.333%; | |
} | |
.uk-width-2-3, | |
.uk-width-4-6 { | |
width: 66.666%; | |
} | |
/* Quarters */ | |
.uk-width-1-4 { | |
width: 25%; | |
} | |
.uk-width-3-4 { | |
width: 75%; | |
} | |
/* Fifths */ | |
.uk-width-1-5, | |
.uk-width-2-10 { | |
width: 20%; | |
} | |
.uk-width-2-5, | |
.uk-width-4-10 { | |
width: 40%; | |
} | |
.uk-width-3-5, | |
.uk-width-6-10 { | |
width: 60%; | |
} | |
.uk-width-4-5, | |
.uk-width-8-10 { | |
width: 80%; | |
} | |
/* Sixths */ | |
.uk-width-1-6 { | |
width: 16.666%; | |
} | |
.uk-width-5-6 { | |
width: 83.333%; | |
} | |
/* Tenths */ | |
.uk-width-1-10 { | |
width: 10%; | |
} | |
.uk-width-3-10 { | |
width: 30%; | |
} | |
.uk-width-7-10 { | |
width: 70%; | |
} | |
.uk-width-9-10 { | |
width: 90%; | |
} | |
/* Phone landscape and bigger */ | |
@media (min-width: 480px) { | |
/* Whole */ | |
.uk-width-small-1-1 { | |
width: 100%; | |
} | |
/* Halves */ | |
.uk-width-small-1-2, | |
.uk-width-small-2-4, | |
.uk-width-small-3-6, | |
.uk-width-small-5-10 { | |
width: 50%; | |
} | |
/* Thirds */ | |
.uk-width-small-1-3, | |
.uk-width-small-2-6 { | |
width: 33.333%; | |
} | |
.uk-width-small-2-3, | |
.uk-width-small-4-6 { | |
width: 66.666%; | |
} | |
/* Quarters */ | |
.uk-width-small-1-4 { | |
width: 25%; | |
} | |
.uk-width-small-3-4 { | |
width: 75%; | |
} | |
/* Fifths */ | |
.uk-width-small-1-5, | |
.uk-width-small-2-10 { | |
width: 20%; | |
} | |
.uk-width-small-2-5, | |
.uk-width-small-4-10 { | |
width: 40%; | |
} | |
.uk-width-small-3-5, | |
.uk-width-small-6-10 { | |
width: 60%; | |
} | |
.uk-width-small-4-5, | |
.uk-width-small-8-10 { | |
width: 80%; | |
} | |
/* Sixths */ | |
.uk-width-small-1-6 { | |
width: 16.666%; | |
} | |
.uk-width-small-5-6 { | |
width: 83.333%; | |
} | |
/* Tenths */ | |
.uk-width-small-1-10 { | |
width: 10%; | |
} | |
.uk-width-small-3-10 { | |
width: 30%; | |
} | |
.uk-width-small-7-10 { | |
width: 70%; | |
} | |
.uk-width-small-9-10 { | |
width: 90%; | |
} | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
/* Whole */ | |
.uk-width-medium-1-1 { | |
width: 100%; | |
} | |
/* Halves */ | |
.uk-width-medium-1-2, | |
.uk-width-medium-2-4, | |
.uk-width-medium-3-6, | |
.uk-width-medium-5-10 { | |
width: 50%; | |
} | |
/* Thirds */ | |
.uk-width-medium-1-3, | |
.uk-width-medium-2-6 { | |
width: 33.333%; | |
} | |
.uk-width-medium-2-3, | |
.uk-width-medium-4-6 { | |
width: 66.666%; | |
} | |
/* Quarters */ | |
.uk-width-medium-1-4 { | |
width: 25%; | |
} | |
.uk-width-medium-3-4 { | |
width: 75%; | |
} | |
/* Fifths */ | |
.uk-width-medium-1-5, | |
.uk-width-medium-2-10 { | |
width: 20%; | |
} | |
.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%; | |
} | |
} | |
/* Desktop and bigger */ | |
@media (min-width: 960px) { | |
/* Whole */ | |
.uk-width-large-1-1 { | |
width: 100%; | |
} | |
/* Halves */ | |
.uk-width-large-1-2, | |
.uk-width-large-2-4, | |
.uk-width-large-3-6, | |
.uk-width-large-5-10 { | |
width: 50%; | |
} | |
/* Thirds */ | |
.uk-width-large-1-3, | |
.uk-width-large-2-6 { | |
width: 33.333%; | |
} | |
.uk-width-large-2-3, | |
.uk-width-large-4-6 { | |
width: 66.666%; | |
} | |
/* Quarters */ | |
.uk-width-large-1-4 { | |
width: 25%; | |
} | |
.uk-width-large-3-4 { | |
width: 75%; | |
} | |
/* Fifths */ | |
.uk-width-large-1-5, | |
.uk-width-large-2-10 { | |
width: 20%; | |
} | |
.uk-width-large-2-5, | |
.uk-width-large-4-10 { | |
width: 40%; | |
} | |
.uk-width-large-3-5, | |
.uk-width-large-6-10 { | |
width: 60%; | |
} | |
.uk-width-large-4-5, | |
.uk-width-large-8-10 { | |
width: 80%; | |
} | |
/* Sixths */ | |
.uk-width-large-1-6 { | |
width: 16.666%; | |
} | |
.uk-width-large-5-6 { | |
width: 83.333%; | |
} | |
/* Tenths */ | |
.uk-width-large-1-10 { | |
width: 10%; | |
} | |
.uk-width-large-3-10 { | |
width: 30%; | |
} | |
.uk-width-large-7-10 { | |
width: 70%; | |
} | |
.uk-width-large-9-10 { | |
width: 90%; | |
} | |
} | |
/* Sub-object: `uk-push-*` and `uk-pull-*` | |
========================================================================== */ | |
/* | |
* Source ordering | |
* Works only with `uk-width-medium-*` | |
*/ | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
[class*='uk-push-'], | |
[class*='uk-pull-'] { | |
position: relative; | |
} | |
/* | |
* Push | |
*/ | |
/* Halves */ | |
.uk-push-1-2, | |
.uk-push-2-4, | |
.uk-push-3-6, | |
.uk-push-5-10 { | |
left: 50%; | |
} | |
/* Thirds */ | |
.uk-push-1-3, | |
.uk-push-2-6 { | |
left: 33.333%; | |
} | |
.uk-push-2-3, | |
.uk-push-4-6 { | |
left: 66.666%; | |
} | |
/* Quarters */ | |
.uk-push-1-4 { | |
left: 25%; | |
} | |
.uk-push-3-4 { | |
left: 75%; | |
} | |
/* Fifths */ | |
.uk-push-1-5, | |
.uk-push-2-10 { | |
left: 20%; | |
} | |
.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%; | |
} | |
} | |
/* ======================================================================== | |
Component: Panel | |
========================================================================== */ | |
/* | |
* 1. Needed for `a` elements | |
* 2. Create position context for badges | |
*/ | |
.uk-panel { | |
/* 1 */ | |
display: block; | |
/* 2 */ | |
position: relative; | |
} | |
/* | |
* Allow panels to be anchors | |
*/ | |
.uk-panel, | |
.uk-panel:hover { | |
text-decoration: none; | |
} | |
/* | |
* 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 | |
*/ | |
.uk-panel > :last-child { | |
margin-bottom: 0; | |
} | |
/* Sub-object: `uk-panel-title` | |
========================================================================== */ | |
.uk-panel-title { | |
margin-top: 0; | |
margin-bottom: 15px; | |
font-size: 18px; | |
line-height: 24px; | |
font-weight: normal; | |
text-transform: none; | |
color: #444444; | |
} | |
/* Sub-object: `uk-panel-badge` | |
========================================================================== */ | |
.uk-panel-badge { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 1; | |
} | |
/* Sub-object: `uk-panel-teaser` | |
========================================================================== */ | |
.uk-panel-teaser { | |
margin-bottom: 15px; | |
} | |
/* Modifier: `uk-panel-box` | |
========================================================================== */ | |
.uk-panel-box { | |
padding: 15px; | |
background: #fafafa; | |
color: #444444; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
} | |
.uk-panel-box-hover:hover { | |
color: #444444; | |
} | |
.uk-panel-box .uk-panel-title { | |
color: #444444; | |
} | |
.uk-panel-box .uk-panel-badge { | |
top: 10px; | |
right: 10px; | |
} | |
.uk-panel-box .uk-panel-teaser { | |
margin-top: -16px; | |
margin-left: -16px; | |
margin-right: -16px; | |
} | |
/* | |
* 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-hover:hover { | |
color: #2d7091; | |
} | |
.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-hover:hover { | |
color: #444444; | |
} | |
.uk-panel-box-secondary .uk-panel-title { | |
color: #444444; | |
} | |
/* Modifier: `uk-panel-hover` | |
========================================================================== */ | |
.uk-panel-hover { | |
padding: 15px; | |
color: #444444; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.uk-panel-hover:hover { | |
background: #fafafa; | |
color: #444444; | |
border-color: #dddddd; | |
} | |
.uk-panel-hover .uk-panel-badge { | |
top: 10px; | |
right: 10px; | |
} | |
.uk-panel-hover .uk-panel-teaser { | |
margin-top: -16px; | |
margin-left: -16px; | |
margin-right: -16px; | |
} | |
/* 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; | |
} | |
/* Large screen and bigger */ | |
@media (min-width: 1220px) { | |
.uk-panel + .uk-panel-divider { | |
margin-top: 70px !important; | |
} | |
.uk-panel + .uk-panel-divider:before { | |
top: -35px; | |
} | |
} | |
.uk-panel-box .uk-panel-teaser { | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
overflow: hidden; | |
-webkit-transform: translateZ(0); | |
} | |
/* ======================================================================== | |
Component: Article | |
========================================================================== */ | |
/* | |
* Micro clearfix to make articles more robust | |
*/ | |
.uk-article:before, | |
.uk-article:after { | |
content: ""; | |
display: table; | |
} | |
.uk-article:after { | |
clear: both; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-article > :last-child { | |
margin-bottom: 0; | |
} | |
/* | |
* Vertical gutter for articles | |
*/ | |
.uk-article + .uk-article { | |
margin-top: 25px; | |
} | |
/* 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; | |
} | |
.uk-article + .uk-article { | |
padding-top: 25px; | |
border-top: 1px solid #dddddd; | |
} | |
/* ======================================================================== | |
Component: Comment | |
========================================================================== */ | |
/* Sub-object `uk-comment-header` | |
========================================================================== */ | |
.uk-comment-header { | |
margin-bottom: 15px; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
background: #fafafa; | |
padding: 10px; | |
border: none; | |
border-top: 1px solid #dddddd; | |
border-radius: 0; | |
background-color: transparent; | |
} | |
/* | |
* 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` | |
========================================================================== */ | |
.uk-comment-body { | |
padding-left: 10px; | |
padding-right: 10px; | |
padding-left: 75px; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-comment-body > :last-child { | |
margin-bottom: 0; | |
} | |
/* Sub-object `uk-comment-list` | |
========================================================================== */ | |
.uk-comment-list { | |
padding: 0; | |
list-style: none; | |
} | |
.uk-comment-list .uk-comment + ul { | |
margin: 25px 0 0 0; | |
list-style: none; | |
} | |
.uk-comment-list > li:nth-child(n+2), | |
.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { | |
margin-top: 25px; | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-comment-list .uk-comment + ul { | |
padding-left: 75px; | |
} | |
} | |
/* Modifier `uk-comment-primary` | |
========================================================================== */ | |
.uk-comment-primary .uk-comment-header { | |
border-color: rgba(45, 112, 145, 0.3); | |
background-color: #ebf7fd; | |
color: #2d7091; | |
text-shadow: 0 1px 0 #ffffff; | |
} | |
/* ======================================================================== | |
Component: Cover | |
========================================================================== */ | |
/* | |
* Background image always covers and centers its element | |
*/ | |
.uk-cover-background { | |
background-position: 50% 50%; | |
background-size: cover; | |
background-repeat: no-repeat; | |
} | |
/* | |
* Emulates image cover, works with video and image elements | |
* 1. Parent container which clips resized object | |
* 2. Resizes the object to always covers its container | |
* 3. Reset the responsive image CSS | |
* 4. Center object | |
*/ | |
/* 1 */ | |
.uk-cover { | |
overflow: hidden; | |
} | |
.uk-cover-object { | |
/* 2 */ | |
width: auto; | |
height: auto; | |
min-width: 100%; | |
min-height: 100%; | |
/* 3 */ | |
max-width: none; | |
/* 4 */ | |
position: relative; | |
left: 50%; | |
top: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
} | |
/* | |
* To center iframes use `data-uk-cover` JavaScript | |
*/ | |
[data-uk-cover] { | |
position: relative; | |
left: 50%; | |
top: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
} | |
/* ======================================================================== | |
Component: Nav | |
========================================================================== */ | |
.uk-nav, | |
.uk-nav ul { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
/* | |
* Items | |
*/ | |
.uk-nav li > a { | |
display: block; | |
text-decoration: none; | |
} | |
.uk-nav > li > a { | |
padding: 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 { | |
background: rgba(0, 0, 0, 0.03); | |
color: #444444; | |
/* 2 */ | |
outline: none; | |
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.06); | |
text-shadow: 0 -1px 0 #ffffff; | |
text-shadow: none; | |
} | |
/* 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: #cccccc; | |
} | |
/* | |
* 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: #0593d3; | |
} | |
.uk-nav-side ul a:hover { | |
color: #0477ab; | |
} | |
/* 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 { | |
background: #00a8e6; | |
color: #ffffff; | |
/* 2 */ | |
outline: none; | |
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: #0593d3; | |
} | |
.uk-nav-dropdown ul a:hover { | |
color: #0477ab; | |
} | |
/* 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 { | |
background: #00a8e6; | |
color: #ffffff; | |
/* 2 */ | |
outline: none; | |
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: #0593d3; | |
} | |
.uk-nav-navbar ul a:hover { | |
color: #0477ab; | |
} | |
/* 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 { | |
background: #404040; | |
color: #ffffff; | |
/* 2 */ | |
outline: none; | |
} | |
/* | |
* Active | |
* `html .uk-nav` needed for higher specificity to override hover | |
*/ | |
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { | |
background: #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; | |
} | |
/* | |
* 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); | |
} | |
/* | |
* 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); | |
} | |
/* ======================================================================== | |
Component: Navbar | |
========================================================================== */ | |
.uk-navbar { | |
background: #0593d3; | |
color: #444444; | |
border: 1px solid rgba(255, 255, 255, 0.75); | |
border-radius: 4px; | |
} | |
/* | |
* 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 { | |
float: left; | |
/* 1 */ | |
position: relative; | |
} | |
/* | |
* 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: 49px; | |
padding: 0 15px; | |
line-height: 48px; | |
/* 2 */ | |
color: #ffffff; | |
font-size: 14px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-weight: normal; | |
text-shadow: 0 1px 0 none; | |
margin-top: -1px; | |
margin-left: -1px; | |
border: 1px solid transparent; | |
border-bottom-width: 0; | |
text-shadow: none; | |
transition: background-color 0.5s, border-color 0.5s; | |
} | |
/* Appear not as link */ | |
.uk-navbar-nav > li > a[href='#'] { | |
cursor: text; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
* 2. Also apply if dropdown is opened | |
* 3. Remove default focus style | |
*/ | |
.uk-navbar-nav > li:hover > a, | |
.uk-navbar-nav > li > a:focus, | |
.uk-navbar-nav > li.uk-open > a { | |
color: #ffffff; | |
/* 3 */ | |
outline: none; | |
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); | |
position: relative; | |
z-index: 1; | |
border-left-color: #0371a1; | |
border-right-color: #0371a1; | |
border-top-color: #0371a1; | |
background-color: #0482ba; | |
color: #fff; | |
transition: background-color 1s, border-color 1s; | |
} | |
/* OnClick */ | |
.uk-navbar-nav > li > a:active { | |
background-color: #0371a1; | |
color: #ffffff; | |
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: #0482ba; | |
color: #ffffff; | |
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: 36px; | |
} | |
.uk-navbar-nav-subtitle > div { | |
margin-top: -10px; | |
font-size: 10px; | |
line-height: 12px; | |
} | |
/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` | |
========================================================================== */ | |
/* | |
* Imitate navbar items | |
*/ | |
.uk-navbar-content, | |
.uk-navbar-brand, | |
.uk-navbar-toggle { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
display: block; | |
height: 49px; | |
padding: 0 15px; | |
float: left; | |
margin-top: -1px; | |
text-shadow: 0 1px 0 none; | |
} | |
/* | |
* 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: #0593d3; | |
} | |
.uk-navbar-content > a:not([class]):hover { | |
color: #0477ab; | |
} | |
/* Sub-objects: `uk-navbar-brand` | |
========================================================================== */ | |
.uk-navbar-brand { | |
font-size: 24px; | |
color: #ffffff; | |
text-decoration: none; | |
} | |
/* | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
*/ | |
.uk-navbar-brand:hover, | |
.uk-navbar-brand:focus { | |
color: #ffffff; | |
text-decoration: none; | |
/* 2 */ | |
outline: none; | |
} | |
/* Sub-object: `uk-navbar-toggle` | |
========================================================================== */ | |
.uk-navbar-toggle { | |
font-size: 18px; | |
color: #444444; | |
text-decoration: none; | |
} | |
/* | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
*/ | |
.uk-navbar-toggle:hover, | |
.uk-navbar-toggle:focus { | |
color: #444444; | |
text-decoration: none; | |
/* 2 */ | |
outline: none; | |
} | |
/* | |
* 1. Center icon vertically | |
*/ | |
.uk-navbar-toggle:after { | |
content: "\f0c9"; | |
font-family: FontAwesome; | |
/* 1 */ | |
vertical-align: middle; | |
} | |
.uk-navbar-toggle-alt:after { | |
content: "\f002"; | |
} | |
/* Sub-object: `uk-navbar-center` | |
========================================================================== */ | |
/* | |
* The element with this class needs to be last child in the navbar | |
* 1. This hack is needed because other float elements shift centered text | |
*/ | |
.uk-navbar-center { | |
float: none; | |
text-align: center; | |
/* 1 */ | |
max-width: 50%; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
/* Sub-object: `uk-navbar-flip` | |
========================================================================== */ | |
.uk-navbar-flip { | |
float: right; | |
} | |
/* | |
* Apply same `border-radius` as `uk-navbar` | |
*/ | |
.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-flip .uk-navbar-nav > li > a { | |
margin-left: 0; | |
margin-right: -1px; | |
} | |
/* Apply same `border-radius` as `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-flip .uk-navbar-nav:last-child > li:last-child > a { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
/* | |
* Sub-modifier `uk-navbar-attached` | |
*/ | |
.uk-navbar-attached { | |
border-top-color: rgba(0, 0, 0, 0.05); | |
border-left-color: transparent; | |
border-right-color: transparent; | |
border-radius: 0; | |
} | |
.uk-navbar-attached .uk-navbar-nav > li > a { | |
border-radius: 0 !important; | |
} | |
/* ======================================================================== | |
Component: Subnav | |
========================================================================== */ | |
/* | |
* 1. Gutter | |
* 2. Remove default list style | |
*/ | |
.uk-subnav { | |
display: -ms-flexbox; | |
display: -webkit-flex; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
-webkit-flex-wrap: wrap; | |
flex-wrap: wrap; | |
/* 1 */ | |
margin-left: -10px; | |
margin-top: -10px; | |
/* 2 */ | |
padding: 0; | |
list-style: none; | |
} | |
/* | |
* 1. Space is allocated solely based on content dimensions | |
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | |
* 3. Create position context for dropdowns | |
*/ | |
.uk-subnav > * { | |
/* 1 */ | |
-ms-flex: none; | |
-webkit-flex: none; | |
flex: none; | |
/* 2 */ | |
padding-left: 10px; | |
margin-top: 10px; | |
/* 3 */ | |
position: relative; | |
} | |
/* | |
* DEPRECATED IE9 Support | |
*/ | |
.uk-subnav:before, | |
.uk-subnav:after { | |
content: ""; | |
display: block; | |
overflow: hidden; | |
} | |
.uk-subnav:after { | |
clear: both; | |
} | |
.uk-subnav > * { | |
float: left; | |
} | |
/* Items | |
========================================================================== */ | |
.uk-subnav > * > * { | |
display: inline-block; | |
color: #444444; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
*/ | |
.uk-subnav > * > *:hover, | |
.uk-subnav > * > *:focus { | |
color: #0593d3; | |
text-decoration: none; | |
} | |
/* | |
* Active | |
*/ | |
.uk-subnav > .uk-active > * { | |
color: #0593d3; | |
} | |
/* Modifier: 'subnav-line' | |
========================================================================== */ | |
.uk-subnav-line > :before { | |
content: ""; | |
display: inline-block; | |
height: 10px; | |
vertical-align: middle; | |
} | |
.uk-subnav-line > :nth-child(n+2):before { | |
margin-right: 10px; | |
border-left: 1px solid #dddddd; | |
} | |
/* Modifier: 'subnav-pill' | |
========================================================================== */ | |
.uk-subnav-pill > * > * { | |
padding: 3px 9px; | |
border-radius: 4px; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
*/ | |
.uk-subnav-pill > * > *:hover, | |
.uk-subnav-pill > * > *:focus { | |
background: #fafafa; | |
color: #444444; | |
text-decoration: none; | |
/* 2 */ | |
outline: none; | |
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); | |
} | |
/* | |
* Active | |
* `li` needed for higher specificity to override hover | |
*/ | |
.uk-subnav-pill > .uk-active > * { | |
background: #00a8e6; | |
color: #ffffff; | |
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); | |
} | |
/* Disabled state | |
========================================================================== */ | |
.uk-subnav > .uk-disabled > * { | |
background: none; | |
color: #999999; | |
text-decoration: none; | |
cursor: text; | |
box-shadow: none; | |
} | |
/* ======================================================================== | |
Component: Breadcrumb | |
========================================================================== */ | |
/* | |
* 1. Remove default list style | |
* 2. Remove whitespace between child elements when using `inline-block` | |
*/ | |
.uk-breadcrumb { | |
/* 1 */ | |
padding: 0; | |
list-style: none; | |
/* 2 */ | |
font-size: 0.001px; | |
} | |
/* Items | |
========================================================================== */ | |
/* | |
* Reset whitespace hack | |
*/ | |
.uk-breadcrumb > li { | |
font-size: 1rem; | |
vertical-align: top; | |
} | |
.uk-breadcrumb > li, | |
.uk-breadcrumb > li > a, | |
.uk-breadcrumb > li > span { | |
display: inline-block; | |
} | |
.uk-breadcrumb > li:nth-child(n+2):before { | |
content: "/"; | |
display: inline-block; | |
margin: 0 8px; | |
} | |
/* | |
* Disabled | |
*/ | |
.uk-breadcrumb > li:not(.uk-active) > span { | |
color: #999999; | |
} | |
/* ======================================================================== | |
Component: Pagination | |
========================================================================== */ | |
/* | |
* 1. Remove default list style | |
* 2. Center pagination by default | |
* 3. Remove whitespace between child elements when using `inline-block` | |
*/ | |
.uk-pagination { | |
/* 1 */ | |
padding: 0; | |
list-style: none; | |
/* 2 */ | |
text-align: center; | |
/* 3 */ | |
font-size: 0.001px; | |
} | |
/* | |
* Micro clearfix | |
* Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used | |
*/ | |
.uk-pagination:before, | |
.uk-pagination:after { | |
content: ""; | |
display: table; | |
} | |
.uk-pagination:after { | |
clear: both; | |
} | |
/* Items | |
========================================================================== */ | |
/* | |
* 1. Reset whitespace hack | |
* 2. Remove the gap at the bottom of it container | |
*/ | |
.uk-pagination > li { | |
display: inline-block; | |
/* 1 */ | |
font-size: 1rem; | |
/* 2 */ | |
vertical-align: top; | |
} | |
.uk-pagination > li:nth-child(n+2) { | |
margin-left: 5px; | |
} | |
/* | |
* 1. Makes pagination more robust against different box-sizing use | |
* 2. Reset text-align to center if alignment modifier is used | |
*/ | |
.uk-pagination > li > a, | |
.uk-pagination > li > span { | |
display: inline-block; | |
min-width: 16px; | |
padding: 3px 5px; | |
line-height: 20px; | |
text-decoration: none; | |
/* 1 */ | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
/* 2 */ | |
text-align: center; | |
border: 1px solid rgba(0, 0, 0, 0.06); | |
border-radius: 4px; | |
} | |
/* | |
* Links | |
*/ | |
.uk-pagination > li > a { | |
background: #f5f5f5; | |
color: #444444; | |
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 { | |
background-color: #fafafa; | |
color: #444444; | |
/* 2 */ | |
outline: none; | |
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; | |
border-color: transparent; | |
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; | |
} | |
/* ======================================================================== | |
Component: Tab | |
========================================================================== */ | |
.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 { | |
margin-bottom: -1px; | |
float: left; | |
/* 1 */ | |
position: relative; | |
} | |
.uk-tab > li > a { | |
display: block; | |
padding: 8px 12px 8px 12px; | |
border: 1px solid transparent; | |
border-bottom-width: 0; | |
color: #0593d3; | |
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 { | |
border-color: rgba(0, 0, 0, 0.06); | |
background: #f5f5f5; | |
color: #0477ab; | |
/* 2 */ | |
outline: none; | |
} | |
.uk-tab > li:not(.uk-active) > a:hover, | |
.uk-tab > li:not(.uk-active) > a:focus, | |
.uk-tab > li.uk-open:not(.uk-active) > a { | |
margin-bottom: 1px; | |
padding-bottom: 7px; | |
} | |
/* Active */ | |
.uk-tab > li.uk-active > a { | |
border-color: #dddddd; | |
border-bottom-color: transparent; | |
background: #ffffff; | |
color: #444444; | |
} | |
/* Disabled */ | |
.uk-tab > li.uk-disabled > a { | |
color: #999999; | |
cursor: text; | |
} | |
.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' | |
========================================================================== */ | |
.uk-tab > li.uk-tab-responsive > a { | |
margin-left: 0; | |
margin-right: 0; | |
} | |
/* | |
* Icon | |
*/ | |
.uk-tab-responsive > a:before { | |
content: "\f0c9\00a0"; | |
font-family: FontAwesome; | |
} | |
/* 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; | |
} | |
/* | |
* 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs | |
*/ | |
.uk-tab-center .uk-tab { | |
position: relative; | |
right: 50%; | |
border: none; | |
float: right; | |
} | |
.uk-tab-center .uk-tab > li { | |
position: relative; | |
right: -50%; | |
} | |
.uk-tab-center .uk-tab > li > a { | |
text-align: center; | |
} | |
/* Modifier: 'tab-bottom' | |
========================================================================== */ | |
.uk-tab-bottom { | |
border-top: 1px solid #dddddd; | |
border-bottom: none; | |
} | |
.uk-tab-bottom > li { | |
margin-top: -1px; | |
margin-bottom: 0; | |
} | |
.uk-tab-bottom > li > a { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
border-bottom-width: 1px; | |
border-top-width: 0; | |
} | |
.uk-tab-bottom > li:not(.uk-active) > a:hover, | |
.uk-tab-bottom > li:not(.uk-active) > a:focus, | |
.uk-tab-bottom > li.uk-open:not(.uk-active) > a { | |
margin-bottom: 0; | |
margin-top: 1px; | |
padding-bottom: 8px; | |
padding-top: 7px; | |
} | |
.uk-tab-bottom > li.uk-active > a { | |
border-top-color: transparent; | |
border-bottom-color: #dddddd; | |
} | |
/* Modifier: 'tab-grid' | |
========================================================================== */ | |
/* | |
* 1. Create position context to prevent hidden border because of negative `z-index` | |
*/ | |
.uk-tab-grid { | |
margin-left: -5px; | |
border-bottom: none; | |
/* 1 */ | |
position: relative; | |
z-index: 0; | |
} | |
.uk-tab-grid:before { | |
display: block; | |
position: absolute; | |
left: 5px; | |
right: 0; | |
bottom: -1px; | |
border-top: 1px solid #dddddd; | |
/* 1 */ | |
z-index: -1; | |
} | |
.uk-tab-grid > li:first-child > a { | |
margin-left: 5px; | |
} | |
.uk-tab-grid > li > a { | |
text-align: center; | |
} | |
/* | |
* If `uk-tab-bottom` | |
*/ | |
.uk-tab-grid.uk-tab-bottom { | |
border-top: none; | |
} | |
.uk-tab-grid.uk-tab-bottom:before { | |
top: -1px; | |
bottom: auto; | |
} | |
/* Modifier: 'tab-left', 'tab-right' | |
========================================================================== */ | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-tab-left, | |
.uk-tab-right { | |
border-bottom: none; | |
} | |
.uk-tab-left > li, | |
.uk-tab-right > li { | |
margin-bottom: 0; | |
float: none; | |
} | |
.uk-tab-left > li > a, | |
.uk-tab-right > li > a { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
} | |
.uk-tab-left > li:nth-child(n+2) > a, | |
.uk-tab-right > li:nth-child(n+2) > a { | |
margin-left: 0; | |
margin-top: 5px; | |
} | |
.uk-tab-left > li.uk-active > a, | |
.uk-tab-right > li.uk-active > a { | |
border-color: #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; | |
} | |
} | |
/* Modifier: `uk-tab-bottom' | |
========================================================================== */ | |
.uk-tab-bottom > li > a { | |
border-radius: 0 0 4px 4px; | |
} | |
/* Modifier: `uk-tab-left', `uk-tab-right' | |
========================================================================== */ | |
/* Tablet and bigger */ | |
@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; | |
} | |
} | |
/* ======================================================================== | |
Component: Thumbnav | |
========================================================================== */ | |
/* | |
* 1. Gutter | |
* 2. Remove default list style | |
*/ | |
.uk-thumbnav { | |
display: -ms-flexbox; | |
display: -webkit-flex; | |
display: flex; | |
-ms-flex-wrap: wrap; | |
-webkit-flex-wrap: wrap; | |
flex-wrap: wrap; | |
/* 1 */ | |
margin-left: -10px; | |
margin-top: -10px; | |
/* 2 */ | |
padding: 0; | |
list-style: none; | |
} | |
/* | |
* 1. Space is allocated solely based on content dimensions | |
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied | |
*/ | |
.uk-thumbnav > * { | |
/* 1 */ | |
-ms-flex: none; | |
-webkit-flex: none; | |
flex: none; | |
/* 2 */ | |
padding-left: 10px; | |
margin-top: 10px; | |
} | |
/* | |
* DEPRECATED IE9 Support | |
*/ | |
.uk-thumbnav:before, | |
.uk-thumbnav:after { | |
content: ""; | |
display: block; | |
overflow: hidden; | |
} | |
.uk-thumbnav:after { | |
clear: both; | |
} | |
.uk-thumbnav > * { | |
float: left; | |
} | |
/* Items | |
========================================================================== */ | |
.uk-thumbnav > * > * { | |
display: block; | |
background: #ffffff; | |
} | |
.uk-thumbnav > * > * > img { | |
opacity: 0.7; | |
-webkit-transition: opacity 0.15s linear; | |
transition: opacity 0.15s linear; | |
} | |
/* | |
* Hover | |
*/ | |
.uk-thumbnav > * > *:hover > img, | |
.uk-thumbnav > * > *:focus > img { | |
opacity: 1; | |
} | |
/* | |
* Active | |
*/ | |
.uk-thumbnav > .uk-active > * > img { | |
opacity: 1; | |
} | |
/* ======================================================================== | |
Component: List | |
========================================================================== */ | |
.uk-list { | |
padding: 0; | |
list-style: none; | |
} | |
/* | |
* Micro clearfix to make list more robust | |
*/ | |
.uk-list > li:before, | |
.uk-list > li:after { | |
content: ""; | |
display: table; | |
} | |
.uk-list > li:after { | |
clear: both; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-list > li > :last-child { | |
margin-bottom: 0; | |
} | |
/* | |
* Nested lists | |
*/ | |
.uk-list ul { | |
margin: 0; | |
padding-left: 20px; | |
list-style: none; | |
} | |
/* Modifier: `uk-list-line` | |
========================================================================== */ | |
.uk-list-line > li:nth-child(n+2) { | |
margin-top: 5px; | |
padding-top: 5px; | |
border-top: 1px solid #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; | |
} | |
.uk-list-striped > li:first-child { | |
border-top: 1px solid #dddddd; | |
} | |
/* ======================================================================== | |
Component: Description list | |
========================================================================== */ | |
/* Modifier: `uk-description-list-horizontal` | |
========================================================================== */ | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-description-list-horizontal { | |
overflow: hidden; | |
} | |
.uk-description-list-horizontal > dt { | |
width: 160px; | |
float: left; | |
clear: both; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.uk-description-list-horizontal > dd { | |
margin-left: 180px; | |
} | |
} | |
/* Modifier: `uk-description-list-line` | |
========================================================================== */ | |
.uk-description-list-line > dt { | |
font-weight: normal; | |
} | |
.uk-description-list-line > dt:nth-child(n+2) { | |
margin-top: 5px; | |
padding-top: 5px; | |
border-top: 1px solid #dddddd; | |
} | |
.uk-description-list-line > dd { | |
color: #999999; | |
} | |
/* ======================================================================== | |
Component: Table | |
========================================================================== */ | |
/* | |
* 1. Remove most spacing between table cells. | |
* 2. Block element behavior | |
* 3. Style | |
*/ | |
.uk-table { | |
/* 1 */ | |
border-collapse: collapse; | |
border-spacing: 0; | |
/* 2 */ | |
width: 100%; | |
/* 3 */ | |
margin-bottom: 15px; | |
} | |
/* | |
* 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-middle` | |
========================================================================== */ | |
.uk-table-middle, | |
.uk-table-middle td { | |
vertical-align: middle !important; | |
} | |
/* Modifier: `uk-table-striped` | |
========================================================================== */ | |
.uk-table-striped tbody tr:nth-of-type(odd) { | |
background: #fafafa; | |
} | |
/* Modifier: `uk-table-condensed` | |
========================================================================== */ | |
.uk-table-condensed td { | |
padding: 4px 8px; | |
} | |
/* Modifier: `uk-table-hover` | |
========================================================================== */ | |
.uk-table-hover tbody tr:hover { | |
background: #f5f5f5; | |
} | |
/* ======================================================================== | |
Component: Form | |
========================================================================== */ | |
/* | |
* 1. Define consistent box sizing. | |
* Default is `content-box` with following exceptions set to `border-box` | |
* `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` | |
* `input[type="search"]` in Chrome, Safari and Opera | |
* `input[type="color"]` in Firefox | |
* 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. | |
* 3. Remove `border-radius` in iOS. | |
* 4. Correct `font` properties and `color` not being inherited. | |
*/ | |
.uk-form input, | |
.uk-form select, | |
.uk-form textarea { | |
/* 1 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
/* 2 */ | |
margin: 0; | |
/* 3 */ | |
border-radius: 0; | |
/* 4 */ | |
font: inherit; | |
color: inherit; | |
} | |
/* | |
* Address inconsistent `text-transform` inheritance which is only inherit in Firefox | |
*/ | |
.uk-form select { | |
text-transform: none; | |
} | |
/* | |
* 1. Correct `font` properties not being inherited. | |
* 2. Don't inherit the `font-weight` and use `bold` instead. | |
* NOTE: Both declarations don't work in Chrome, Safari and Opera. | |
*/ | |
.uk-form optgroup { | |
/* 1 */ | |
font: inherit; | |
/* 2 */ | |
font-weight: bold; | |
} | |
/* | |
* Removes inner padding and border in Firefox 4+. | |
*/ | |
.uk-form input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
/* | |
* Removes excess padding in IE 8/9/10. | |
*/ | |
.uk-form input[type="checkbox"], | |
.uk-form input[type="radio"] { | |
padding: 0; | |
} | |
/* | |
* Improves consistency of cursor style for clickable elements | |
*/ | |
.uk-form input[type="checkbox"]:not(:disabled), | |
.uk-form input[type="radio"]:not(:disabled) { | |
cursor: pointer; | |
} | |
/* | |
* Remove default style in iOS. | |
*/ | |
.uk-form textarea, | |
.uk-form input:not([type]), | |
.uk-form input[type="text"], | |
.uk-form input[type="password"], | |
.uk-form input[type="email"], | |
.uk-form input[type="url"], | |
.uk-form input[type="search"], | |
.uk-form input[type="tel"], | |
.uk-form input[type="number"], | |
.uk-form input[type="datetime"] { | |
-webkit-appearance: none; | |
} | |
/* | |
* Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. | |
*/ | |
.uk-form input[type="search"]::-webkit-search-cancel-button, | |
.uk-form input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
/* | |
* Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
* `font-size` values of the `input`, it causes the cursor style of the | |
* decrement button to change from `default` to `text`. | |
*/ | |
.uk-form input[type="number"]::-webkit-inner-spin-button, | |
.uk-form input[type="number"]::-webkit-outer-spin-button { | |
height: auto; | |
} | |
/* | |
* Define consistent border, margin, and padding. | |
*/ | |
.uk-form fieldset { | |
border: none; | |
margin: 0; | |
padding: 0; | |
} | |
/* | |
* 1. Remove default vertical scrollbar in IE 8/9/10/11. | |
* 2. Improve readability and alignment in all browsers. | |
*/ | |
.uk-form textarea { | |
/* 1 */ | |
overflow: auto; | |
/* 2 */ | |
vertical-align: top; | |
} | |
/* | |
* Removes placeholder transparency in Firefox. | |
*/ | |
.uk-form ::-moz-placeholder { | |
opacity: 1; | |
} | |
/* | |
* Removes `box-shadow` for invalid controls in Firefox. | |
*/ | |
.uk-form :invalid { | |
box-shadow: none; | |
} | |
/* | |
* Vertical alignment | |
*/ | |
.uk-form input:not([type="radio"]):not([type="checkbox"]), | |
.uk-form select { | |
vertical-align: middle; | |
} | |
/* Style | |
========================================================================== */ | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-form > :last-child { | |
margin-bottom: 0; | |
} | |
/* | |
* Controls | |
* Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` | |
* 1. Must be `height` because `min-height` is not working in OSX | |
* 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports | |
* 3. Vertical `padding` needed for `select` elements in Firefox | |
* 4. Style | |
*/ | |
.uk-form select, | |
.uk-form textarea, | |
.uk-form input:not([type]), | |
.uk-form input[type="text"], | |
.uk-form input[type="password"], | |
.uk-form input[type="datetime"], | |
.uk-form input[type="datetime-local"], | |
.uk-form input[type="date"], | |
.uk-form input[type="month"], | |
.uk-form input[type="time"], | |
.uk-form input[type="week"], | |
.uk-form input[type="number"], | |
.uk-form input[type="email"], | |
.uk-form input[type="url"], | |
.uk-form input[type="search"], | |
.uk-form input[type="tel"], | |
.uk-form input[type="color"] { | |
/* 1 */ | |
height: 30px; | |
/* 2 */ | |
max-width: 100%; | |
/* 3 */ | |
padding: 4px 6px; | |
/* 4 */ | |
border: 1px solid #dddddd; | |
background: #ffffff; | |
color: #444444; | |
-webkit-transition: all linear 0.2s; | |
transition: all linear 0.2s; | |
border-radius: 4px; | |
} | |
.uk-form select:focus, | |
.uk-form textarea:focus, | |
.uk-form input:not([type]):focus, | |
.uk-form input[type="text"]:focus, | |
.uk-form input[type="password"]:focus, | |
.uk-form input[type="datetime"]:focus, | |
.uk-form input[type="datetime-local"]:focus, | |
.uk-form input[type="date"]:focus, | |
.uk-form input[type="month"]:focus, | |
.uk-form input[type="time"]:focus, | |
.uk-form input[type="week"]:focus, | |
.uk-form input[type="number"]:focus, | |
.uk-form input[type="email"]:focus, | |
.uk-form input[type="url"]:focus, | |
.uk-form input[type="search"]:focus, | |
.uk-form input[type="tel"]:focus, | |
.uk-form input[type="color"]:focus { | |
border-color: #99baca; | |
outline: 0; | |
background: #f5fbfe; | |
color: #444444; | |
} | |
.uk-form select:disabled, | |
.uk-form textarea:disabled, | |
.uk-form input:not([type]):disabled, | |
.uk-form input[type="text"]:disabled, | |
.uk-form input[type="password"]:disabled, | |
.uk-form input[type="datetime"]:disabled, | |
.uk-form input[type="datetime-local"]:disabled, | |
.uk-form input[type="date"]:disabled, | |
.uk-form input[type="month"]:disabled, | |
.uk-form input[type="time"]:disabled, | |
.uk-form input[type="week"]:disabled, | |
.uk-form input[type="number"]:disabled, | |
.uk-form input[type="email"]:disabled, | |
.uk-form input[type="url"]:disabled, | |
.uk-form input[type="search"]:disabled, | |
.uk-form input[type="tel"]:disabled, | |
.uk-form input[type="color"]:disabled { | |
border-color: #dddddd; | |
background-color: #fafafa; | |
color: #999999; | |
} | |
/* | |
* Placeholder | |
*/ | |
.uk-form :-ms-input-placeholder { | |
color: #999999 !important; | |
} | |
.uk-form ::-moz-placeholder { | |
color: #999999; | |
} | |
.uk-form ::-webkit-input-placeholder { | |
color: #999999; | |
} | |
.uk-form :disabled:-ms-input-placeholder { | |
color: #999999 !important; | |
} | |
.uk-form :disabled::-moz-placeholder { | |
color: #999999; | |
} | |
.uk-form :disabled::-webkit-input-placeholder { | |
color: #999999; | |
} | |
/* | |
* Legend | |
* 1. Behave like block element | |
* 2. Correct `color` not being inherited in IE 8/9/10/11. | |
* 3. Remove padding | |
* 4. `margin-bottom` is not working in Safari and Opera. | |
* Using `padding` and :after instead to create the border | |
* 5. Style | |
*/ | |
.uk-form legend { | |
/* 1 */ | |
width: 100%; | |
/* 2 */ | |
border: 0; | |
/* 3 */ | |
padding: 0; | |
/* 4 */ | |
padding-bottom: 15px; | |
/* 5 */ | |
font-size: 18px; | |
line-height: 30px; | |
} | |
/* | |
* 1. Fixes IE9 | |
*/ | |
.uk-form legend:after { | |
content: ""; | |
display: block; | |
border-bottom: 1px solid #dddddd; | |
/* 1 */ | |
width: 100%; | |
} | |
/* Size modifiers | |
* Higher specificity needed to override defaults | |
========================================================================== */ | |
select.uk-form-small, | |
textarea.uk-form-small, | |
input[type].uk-form-small, | |
input:not([type]).uk-form-small { | |
height: 25px; | |
padding: 3px 3px; | |
font-size: 12px; | |
} | |
select.uk-form-large, | |
textarea.uk-form-large, | |
input[type].uk-form-large, | |
input:not([type]).uk-form-large { | |
height: 40px; | |
padding: 8px 6px; | |
font-size: 16px; | |
} | |
/* Reset height | |
* Must be after size modifiers | |
========================================================================== */ | |
.uk-form textarea, | |
.uk-form select[multiple], | |
.uk-form select[size] { | |
height: auto; | |
} | |
/* Validation states | |
* Using !important to keep the selector simple | |
========================================================================== */ | |
/* | |
* Error state | |
*/ | |
.uk-form-danger { | |
border-color: #dc8d99 !important; | |
background: #fff7f8 !important; | |
color: #d85030 !important; | |
} | |
/* | |
* Success state | |
*/ | |
.uk-form-success { | |
border-color: #8ec73b !important; | |
background: #fafff2 !important; | |
color: #659f13 !important; | |
} | |
/* Style modifiers | |
* Using !important to keep the selector simple | |
========================================================================== */ | |
/* | |
* Blank form | |
*/ | |
.uk-form-blank { | |
border-color: transparent !important; | |
border-style: dashed !important; | |
background: none !important; | |
} | |
.uk-form-blank:focus { | |
border-color: #dddddd !important; | |
} | |
/* Size sub-modifiers | |
========================================================================== */ | |
/* | |
* Fixed widths | |
* Different widths for mini sized `input` and `select` elements | |
*/ | |
input.uk-form-width-mini { | |
width: 40px; | |
} | |
select.uk-form-width-mini { | |
width: 65px; | |
} | |
.uk-form-width-small { | |
width: 130px; | |
} | |
.uk-form-width-medium { | |
width: 200px; | |
} | |
.uk-form-width-large { | |
width: 500px; | |
} | |
/* Sub-objects: `uk-form-row` | |
* Groups labels and controls in rows | |
========================================================================== */ | |
/* | |
* Micro clearfix | |
* Needed for `uk-form-horizontal` modifier | |
*/ | |
.uk-form-row:before, | |
.uk-form-row:after { | |
content: ""; | |
display: table; | |
} | |
.uk-form-row:after { | |
clear: both; | |
} | |
/* | |
* Vertical gutter | |
*/ | |
.uk-form-row + .uk-form-row { | |
margin-top: 15px; | |
} | |
/* Help text | |
* Sub-object: `uk-form-help-inline`, `uk-form-help-block` | |
========================================================================== */ | |
.uk-form-help-inline { | |
display: inline-block; | |
margin: 0 0 0 10px; | |
} | |
.uk-form-help-block { | |
margin: 5px 0 0 0; | |
} | |
/* Controls content | |
* Sub-object: `uk-form-controls`, `uk-form-controls-condensed` | |
========================================================================== */ | |
/* | |
* Remove margins | |
*/ | |
.uk-form-controls > :first-child { | |
margin-top: 0; | |
} | |
.uk-form-controls > :last-child { | |
margin-bottom: 0; | |
} | |
/* | |
* Group controls and text into blocks with a small spacing between blocks | |
*/ | |
.uk-form-controls-condensed { | |
margin: 5px 0; | |
} | |
/* Modifier: `uk-form-stacked` | |
* Requires sub-object: `uk-form-label` | |
========================================================================== */ | |
.uk-form-stacked .uk-form-label { | |
display: block; | |
margin-bottom: 5px; | |
font-weight: bold; | |
} | |
/* Modifier: `uk-form-horizontal` | |
* Requires sub-objects: `uk-form-label`, `uk-form-controls` | |
========================================================================== */ | |
/* Tablet portrait and smaller */ | |
@media (max-width: 959px) { | |
/* Behave like `uk-form-stacked` */ | |
.uk-form-horizontal .uk-form-label { | |
display: block; | |
margin-bottom: 5px; | |
font-weight: bold; | |
} | |
} | |
/* Desktop and bigger */ | |
@media (min-width: 960px) { | |
.uk-form-horizontal .uk-form-label { | |
width: 200px; | |
margin-top: 5px; | |
float: left; | |
} | |
.uk-form-horizontal .uk-form-controls { | |
margin-left: 215px; | |
} | |
/* Better vertical alignment if controls are checkboxes and radio buttons with text */ | |
.uk-form-horizontal .uk-form-controls-text { | |
padding-top: 5px; | |
} | |
} | |
/* Sub-object: `uk-form-icon` | |
========================================================================== */ | |
/* | |
* 1. Container width fits its content | |
* 2. Create position context | |
* 3. Prevent `inline-block` consequences | |
*/ | |
.uk-form-icon { | |
/* 1 */ | |
display: inline-block; | |
/* 2 */ | |
position: relative; | |
/* 3 */ | |
max-width: 100%; | |
} | |
/* | |
* 1. Make form element clickable through icon | |
*/ | |
.uk-form-icon > [class*='uk-icon-'] { | |
position: absolute; | |
top: 50%; | |
width: 30px; | |
margin-top: -7px; | |
font-size: 14px; | |
color: #999999; | |
text-align: center; | |
/* 1 */ | |
pointer-events: none; | |
} | |
.uk-form-icon:not(.uk-form-icon-flip) > input { | |
padding-left: 30px !important; | |
} | |
/* | |
* Sub-modifier: `uk-form-icon-flip` | |
*/ | |
.uk-form-icon-flip > [class*='uk-icon-'] { | |
right: 0; | |
} | |
.uk-form-icon-flip > input { | |
padding-right: 30px !important; | |
} | |
/* ======================================================================== | |
Component: Button | |
========================================================================== */ | |
/* | |
* Removes inner padding and border in Firefox 4+. | |
*/ | |
.uk-button::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
/* | |
* 1. Correct inability to style clickable `input` types in iOS. | |
* 2. Remove margins in Chrome, Safari and Opera. | |
* 3. Remove borders for `button`. | |
* 4. Address `overflow` set to `hidden` in IE 8/9/10/11. | |
* 5. Correct `font` properties and `color` not being inherited for `button`. | |
* 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE | |
* 7. Style | |
* 8. `line-height` is used to create a height | |
* 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. | |
* 10. Reset button group whitespace hack | |
* 11. Required for `a`. | |
*/ | |
.uk-button { | |
/* 1 */ | |
-webkit-appearance: none; | |
/* 2 */ | |
margin: 0; | |
/* 3 */ | |
border: none; | |
/* 4 */ | |
overflow: visible; | |
/* 5 */ | |
font: inherit; | |
color: #444444; | |
/* 6 */ | |
text-transform: none; | |
/* 7 */ | |
display: inline-block; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
padding: 0 12px; | |
background: #f5f5f5; | |
vertical-align: middle; | |
/* 8 */ | |
line-height: 28px; | |
/* 9 */ | |
min-height: 30px; | |
/* 10 */ | |
font-size: 1rem; | |
/* 11 */ | |
text-decoration: none; | |
text-align: center; | |
border: 1px solid rgba(0, 0, 0, 0.06); | |
border-radius: 4px; | |
text-shadow: 0 1px 0 #ffffff; | |
} | |
.uk-button:not(:disabled) { | |
cursor: pointer; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
* 3. Required for `a` elements | |
*/ | |
.uk-button:hover, | |
.uk-button:focus { | |
background-color: #fafafa; | |
color: #444444; | |
/* 2 */ | |
outline: none; | |
/* 3 */ | |
text-decoration: none; | |
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: #b3b3b3; | |
text-shadow: 0 1px 0 #ffffff; | |
border-color: rgba(0, 0, 0, 0.06); | |
box-shadow: none; | |
text-shadow: none; | |
} | |
/* Modifier: `uk-button-link` | |
========================================================================== */ | |
/* Reset */ | |
.uk-button-link, | |
.uk-button-link:hover, | |
.uk-button-link:focus, | |
.uk-button-link:active, | |
.uk-button-link.uk-active, | |
.uk-button-link:disabled { | |
border-color: transparent; | |
background: none; | |
box-shadow: none; | |
text-shadow: none; | |
} | |
/* Color */ | |
.uk-button-link { | |
color: #0593d3; | |
} | |
.uk-button-link:hover, | |
.uk-button-link:focus, | |
.uk-button-link:active, | |
.uk-button-link.uk-active { | |
color: #0477ab; | |
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; | |
} | |
/* Sub-object `uk-button-group` | |
========================================================================== */ | |
/* | |
* 1. Behave like buttons | |
* 2. Create position context for dropdowns | |
* 3. Remove whitespace between child elements when using `inline-block` | |
* 4. Prevent buttons from wrapping | |
* 5. Remove whitespace between child elements when using `inline-block` | |
*/ | |
.uk-button-group { | |
/* 1 */ | |
display: inline-block; | |
vertical-align: middle; | |
/* 2 */ | |
position: relative; | |
/* 3 */ | |
font-size: 0.001px; | |
/* 4 */ | |
white-space: nowrap; | |
} | |
.uk-button-group > * { | |
display: inline-block; | |
} | |
/* 5 */ | |
.uk-button-group .uk-button { | |
vertical-align: top; | |
} | |
/* Sub-object: `uk-button-dropdown` | |
========================================================================== */ | |
/* | |
* 1. Behave like buttons | |
* 2. Create position context for dropdowns | |
*/ | |
.uk-button-dropdown { | |
/* 1 */ | |
display: inline-block; | |
vertical-align: middle; | |
/* 2 */ | |
position: relative; | |
} | |
/* 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); | |
} | |
/* 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; | |
} | |
/* ======================================================================== | |
Component: Icon | |
========================================================================== */ | |
@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.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); | |
font-weight: normal; | |
font-style: normal; | |
} | |
/* | |
* 1. Allow margin | |
* 2. Prevent inherit font style | |
* 4. Correct line-height | |
* 5. Better font rendering | |
* 6. Remove `text-decoration` for anchors | |
*/ | |
[class*='uk-icon-'] { | |
font-family: FontAwesome; | |
/* 1 */ | |
display: inline-block; | |
/* 2 */ | |
font-weight: normal; | |
font-style: normal; | |
/* 4 */ | |
line-height: 1; | |
/* 5 */ | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
/* 6 */ | |
[class*='uk-icon-'], | |
[class*='uk-icon-']:hover, | |
[class*='uk-icon-']:focus { | |
text-decoration: none; | |
} | |
/* 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-rotate 2s infinite linear; | |
animation: uk-rotate 2s infinite linear; | |
} | |
/* Modifier: `uk-icon-hover` | |
========================================================================== */ | |
.uk-icon-hover { | |
color: #999999; | |
} | |
/* | |
* Hover | |
*/ | |
.uk-icon-hover:hover { | |
color: #444444; | |
} | |
/* 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: 18px; | |
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 { | |
background-color: #fafafa; | |
color: #444444; | |
/* 2 */ | |
outline: none; | |
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-o:before { | |
content: "\f003"; | |
} | |
.uk-icon-heart:before { | |
content: "\f004"; | |
} | |
.uk-icon-star:before { | |
content: "\f005"; | |
} | |
.uk-icon-star-o:before { | |
content: "\f006"; | |
} | |
.uk-icon-user:before { | |
content: "\f007"; | |
} | |
.uk-icon-film:before { | |
content: "\f008"; | |
} | |
.uk-icon-th-large:before { | |
content: "\f009"; | |
} | |
.uk-icon-th:before { | |
content: "\f00a"; | |
} | |
.uk-icon-th-list:before { | |
content: "\f00b"; | |
} | |
.uk-icon-check:before { | |
content: "\f00c"; | |
} | |
.uk-icon-remove:before, | |
.uk-icon-close:before, | |
.uk-icon-times:before { | |
content: "\f00d"; | |
} | |
.uk-icon-search-plus:before { | |
content: "\f00e"; | |
} | |
.uk-icon-search-minus:before { | |
content: "\f010"; | |
} | |
.uk-icon-power-off:before { | |
content: "\f011"; | |
} | |
.uk-icon-signal:before { | |
content: "\f012"; | |
} | |
.uk-icon-gear:before, | |
.uk-icon-cog:before { | |
content: "\f013"; | |
} | |
.uk-icon-trash-o:before { | |
content: "\f014"; | |
} | |
.uk-icon-home:before { | |
content: "\f015"; | |
} | |
.uk-icon-file-o:before { | |
content: "\f016"; | |
} | |
.uk-icon-clock-o:before { | |
content: "\f017"; | |
} | |
.uk-icon-road:before { | |
content: "\f018"; | |
} | |
.uk-icon-download:before { | |
content: "\f019"; | |
} | |
.uk-icon-arrow-circle-o-down:before { | |
content: "\f01a"; | |
} | |
.uk-icon-arrow-circle-o-up:before { | |
content: "\f01b"; | |
} | |
.uk-icon-inbox:before { | |
content: "\f01c"; | |
} | |
.uk-icon-play-circle-o:before { | |
content: "\f01d"; | |
} | |
.uk-icon-rotate-right:before, | |
.uk-icon-repeat:before { | |
content: "\f01e"; | |
} | |
.uk-icon-refresh:before { | |
content: "\f021"; | |
} | |
.uk-icon-list-alt:before { | |
content: "\f022"; | |
} | |
.uk-icon-lock:before { | |
content: "\f023"; | |
} | |
.uk-icon-flag:before { | |
content: "\f024"; | |
} | |
.uk-icon-headphones:before { | |
content: "\f025"; | |
} | |
.uk-icon-volume-off:before { | |
content: "\f026"; | |
} | |
.uk-icon-volume-down:before { | |
content: "\f027"; | |
} | |
.uk-icon-volume-up:before { | |
content: "\f028"; | |
} | |
.uk-icon-qrcode:before { | |
content: "\f029"; | |
} | |
.uk-icon-barcode:before { | |
content: "\f02a"; | |
} | |
.uk-icon-tag:before { | |
content: "\f02b"; | |
} | |
.uk-icon-tags:before { | |
content: "\f02c"; | |
} | |
.uk-icon-book:before { | |
content: "\f02d"; | |
} | |
.uk-icon-bookmark:before { | |
content: "\f02e"; | |
} | |
.uk-icon-print:before { | |
content: "\f02f"; | |
} | |
.uk-icon-camera:before { | |
content: "\f030"; | |
} | |
.uk-icon-font:before { | |
content: "\f031"; | |
} | |
.uk-icon-bold:before { | |
content: "\f032"; | |
} | |
.uk-icon-italic:before { | |
content: "\f033"; | |
} | |
.uk-icon-text-height:before { | |
content: "\f034"; | |
} | |
.uk-icon-text-width:before { | |
content: "\f035"; | |
} | |
.uk-icon-align-left:before { | |
content: "\f036"; | |
} | |
.uk-icon-align-center:before { | |
content: "\f037"; | |
} | |
.uk-icon-align-right:before { | |
content: "\f038"; | |
} | |
.uk-icon-align-justify:before { | |
content: "\f039"; | |
} | |
.uk-icon-list:before { | |
content: "\f03a"; | |
} | |
.uk-icon-dedent:before, | |
.uk-icon-outdent:before { | |
content: "\f03b"; | |
} | |
.uk-icon-indent:before { | |
content: "\f03c"; | |
} | |
.uk-icon-video-camera:before { | |
content: "\f03d"; | |
} | |
.uk-icon-photo:before, | |
.uk-icon-image:before, | |
.uk-icon-picture-o:before { | |
content: "\f03e"; | |
} | |
.uk-icon-pencil:before { | |
content: "\f040"; | |
} | |
.uk-icon-map-marker:before { | |
content: "\f041"; | |
} | |
.uk-icon-adjust:before { | |
content: "\f042"; | |
} | |
.uk-icon-tint:before { | |
content: "\f043"; | |
} | |
.uk-icon-edit:before, | |
.uk-icon-pencil-square-o:before { | |
content: "\f044"; | |
} | |
.uk-icon-share-square-o:before { | |
content: "\f045"; | |
} | |
.uk-icon-check-square-o:before { | |
content: "\f046"; | |
} | |
.uk-icon-arrows:before { | |
content: "\f047"; | |
} | |
.uk-icon-step-backward:before { | |
content: "\f048"; | |
} | |
.uk-icon-fast-backward:before { | |
content: "\f049"; | |
} | |
.uk-icon-backward:before { | |
content: "\f04a"; | |
} | |
.uk-icon-play:before { | |
content: "\f04b"; | |
} | |
.uk-icon-pause:before { | |
content: "\f04c"; | |
} | |
.uk-icon-stop:before { | |
content: "\f04d"; | |
} | |
.uk-icon-forward:before { | |
content: "\f04e"; | |
} | |
.uk-icon-fast-forward:before { | |
content: "\f050"; | |
} | |
.uk-icon-step-forward:before { | |
content: "\f051"; | |
} | |
.uk-icon-eject:before { | |
content: "\f052"; | |
} | |
.uk-icon-chevron-left:before { | |
content: "\f053"; | |
} | |
.uk-icon-chevron-right:before { | |
content: "\f054"; | |
} | |
.uk-icon-plus-circle:before { | |
content: "\f055"; | |
} | |
.uk-icon-minus-circle:before { | |
content: "\f056"; | |
} | |
.uk-icon-times-circle:before { | |
content: "\f057"; | |
} | |
.uk-icon-check-circle:before { | |
content: "\f058"; | |
} | |
.uk-icon-question-circle:before { | |
content: "\f059"; | |
} | |
.uk-icon-info-circle:before { | |
content: "\f05a"; | |
} | |
.uk-icon-crosshairs:before { | |
content: "\f05b"; | |
} | |
.uk-icon-times-circle-o:before { | |
content: "\f05c"; | |
} | |
.uk-icon-check-circle-o:before { | |
content: "\f05d"; | |
} | |
.uk-icon-ban:before { | |
content: "\f05e"; | |
} | |
.uk-icon-arrow-left:before { | |
content: "\f060"; | |
} | |
.uk-icon-arrow-right:before { | |
content: "\f061"; | |
} | |
.uk-icon-arrow-up:before { | |
content: "\f062"; | |
} | |
.uk-icon-arrow-down:before { | |
content: "\f063"; | |
} | |
.uk-icon-mail-forward:before, | |
.uk-icon-share:before { | |
content: "\f064"; | |
} | |
.uk-icon-expand:before { | |
content: "\f065"; | |
} | |
.uk-icon-compress:before { | |
content: "\f066"; | |
} | |
.uk-icon-plus:before { | |
content: "\f067"; | |
} | |
.uk-icon-minus:before { | |
content: "\f068"; | |
} | |
.uk-icon-asterisk:before { | |
content: "\f069"; | |
} | |
.uk-icon-exclamation-circle:before { | |
content: "\f06a"; | |
} | |
.uk-icon-gift:before { | |
content: "\f06b"; | |
} | |
.uk-icon-leaf:before { | |
content: "\f06c"; | |
} | |
.uk-icon-fire:before { | |
content: "\f06d"; | |
} | |
.uk-icon-eye:before { | |
content: "\f06e"; | |
} | |
.uk-icon-eye-slash:before { | |
content: "\f070"; | |
} | |
.uk-icon-warning:before, | |
.uk-icon-exclamation-triangle:before { | |
content: "\f071"; | |
} | |
.uk-icon-plane:before { | |
content: "\f072"; | |
} | |
.uk-icon-calendar:before { | |
content: "\f073"; | |
} | |
.uk-icon-random:before { | |
content: "\f074"; | |
} | |
.uk-icon-comment:before { | |
content: "\f075"; | |
} | |
.uk-icon-magnet:before { | |
content: "\f076"; | |
} | |
.uk-icon-chevron-up:before { | |
content: "\f077"; | |
} | |
.uk-icon-chevron-down:before { | |
content: "\f078"; | |
} | |
.uk-icon-retweet:before { | |
content: "\f079"; | |
} | |
.uk-icon-shopping-cart:before { | |
content: "\f07a"; | |
} | |
.uk-icon-folder:before { | |
content: "\f07b"; | |
} | |
.uk-icon-folder-open:before { | |
content: "\f07c"; | |
} | |
.uk-icon-arrows-v:before { | |
content: "\f07d"; | |
} | |
.uk-icon-arrows-h:before { | |
content: "\f07e"; | |
} | |
.uk-icon-bar-chart-o:before, | |
.uk-icon-bar-chart:before { | |
content: "\f080"; | |
} | |
.uk-icon-twitter-square:before { | |
content: "\f081"; | |
} | |
.uk-icon-facebook-square:before { | |
content: "\f082"; | |
} | |
.uk-icon-camera-retro:before { | |
content: "\f083"; | |
} | |
.uk-icon-key:before { | |
content: "\f084"; | |
} | |
.uk-icon-gears:before, | |
.uk-icon-cogs:before { | |
content: "\f085"; | |
} | |
.uk-icon-comments:before { | |
content: "\f086"; | |
} | |
.uk-icon-thumbs-o-up:before { | |
content: "\f087"; | |
} | |
.uk-icon-thumbs-o-down:before { | |
content: "\f088"; | |
} | |
.uk-icon-star-half:before { | |
content: "\f089"; | |
} | |
.uk-icon-heart-o:before { | |
content: "\f08a"; | |
} | |
.uk-icon-sign-out:before { | |
content: "\f08b"; | |
} | |
.uk-icon-linkedin-square:before { | |
content: "\f08c"; | |
} | |
.uk-icon-thumb-tack:before { | |
content: "\f08d"; | |
} | |
.uk-icon-external-link:before { | |
content: "\f08e"; | |
} | |
.uk-icon-sign-in:before { | |
content: "\f090"; | |
} | |
.uk-icon-trophy:before { | |
content: "\f091"; | |
} | |
.uk-icon-github-square:before { | |
content: "\f092"; | |
} | |
.uk-icon-upload:before { | |
content: "\f093"; | |
} | |
.uk-icon-lemon-o:before { | |
content: "\f094"; | |
} | |
.uk-icon-phone:before { | |
content: "\f095"; | |
} | |
.uk-icon-square-o:before { | |
content: "\f096"; | |
} | |
.uk-icon-bookmark-o:before { | |
content: "\f097"; | |
} | |
.uk-icon-phone-square:before { | |
content: "\f098"; | |
} | |
.uk-icon-twitter:before { | |
content: "\f099"; | |
} | |
.uk-icon-facebook-f:before, | |
.uk-icon-facebook:before { | |
content: "\f09a"; | |
} | |
.uk-icon-github:before { | |
content: "\f09b"; | |
} | |
.uk-icon-unlock:before { | |
content: "\f09c"; | |
} | |
.uk-icon-credit-card:before { | |
content: "\f09d"; | |
} | |
.uk-icon-rss:before { | |
content: "\f09e"; | |
} | |
.uk-icon-hdd-o:before { | |
content: "\f0a0"; | |
} | |
.uk-icon-bullhorn:before { | |
content: "\f0a1"; | |
} | |
.uk-icon-bell:before { | |
content: "\f0f3"; | |
} | |
.uk-icon-certificate:before { | |
content: "\f0a3"; | |
} | |
.uk-icon-hand-o-right:before { | |
content: "\f0a4"; | |
} | |
.uk-icon-hand-o-left:before { | |
content: "\f0a5"; | |
} | |
.uk-icon-hand-o-up:before { | |
content: "\f0a6"; | |
} | |
.uk-icon-hand-o-down:before { | |
content: "\f0a7"; | |
} | |
.uk-icon-arrow-circle-left:before { | |
content: "\f0a8"; | |
} | |
.uk-icon-arrow-circle-right:before { | |
content: "\f0a9"; | |
} | |
.uk-icon-arrow-circle-up:before { | |
content: "\f0aa"; | |
} | |
.uk-icon-arrow-circle-down:before { | |
content: "\f0ab"; | |
} | |
.uk-icon-globe:before { | |
content: "\f0ac"; | |
} | |
.uk-icon-wrench:before { | |
content: "\f0ad"; | |
} | |
.uk-icon-tasks:before { | |
content: "\f0ae"; | |
} | |
.uk-icon-filter:before { | |
content: "\f0b0"; | |
} | |
.uk-icon-briefcase:before { | |
content: "\f0b1"; | |
} | |
.uk-icon-arrows-alt:before { | |
content: "\f0b2"; | |
} | |
.uk-icon-group:before, | |
.uk-icon-users:before { | |
content: "\f0c0"; | |
} | |
.uk-icon-chain:before, | |
.uk-icon-link:before { | |
content: "\f0c1"; | |
} | |
.uk-icon-cloud:before { | |
content: "\f0c2"; | |
} | |
.uk-icon-flask:before { | |
content: "\f0c3"; | |
} | |
.uk-icon-cut:before, | |
.uk-icon-scissors:before { | |
content: "\f0c4"; | |
} | |
.uk-icon-copy:before, | |
.uk-icon-files-o:before { | |
content: "\f0c5"; | |
} | |
.uk-icon-paperclip:before { | |
content: "\f0c6"; | |
} | |
.uk-icon-save:before, | |
.uk-icon-floppy-o:before { | |
content: "\f0c7"; | |
} | |
.uk-icon-square:before { | |
content: "\f0c8"; | |
} | |
.uk-icon-navicon:before, | |
.uk-icon-reorder:before, | |
.uk-icon-bars:before { | |
content: "\f0c9"; | |
} | |
.uk-icon-list-ul:before { | |
content: "\f0ca"; | |
} | |
.uk-icon-list-ol:before { | |
content: "\f0cb"; | |
} | |
.uk-icon-strikethrough:before { | |
content: "\f0cc"; | |
} | |
.uk-icon-underline:before { | |
content: "\f0cd"; | |
} | |
.uk-icon-table:before { | |
content: "\f0ce"; | |
} | |
.uk-icon-magic:before { | |
content: "\f0d0"; | |
} | |
.uk-icon-truck:before { | |
content: "\f0d1"; | |
} | |
.uk-icon-pinterest:before { | |
content: "\f0d2"; | |
} | |
.uk-icon-pinterest-square:before { | |
content: "\f0d3"; | |
} | |
.uk-icon-google-plus-square:before { | |
content: "\f0d4"; | |
} | |
.uk-icon-google-plus:before { | |
content: "\f0d5"; | |
} | |
.uk-icon-money:before { | |
content: "\f0d6"; | |
} | |
.uk-icon-caret-down:before { | |
content: "\f0d7"; | |
} | |
.uk-icon-caret-up:before { | |
content: "\f0d8"; | |
} | |
.uk-icon-caret-left:before { | |
content: "\f0d9"; | |
} | |
.uk-icon-caret-right:before { | |
content: "\f0da"; | |
} | |
.uk-icon-columns:before { | |
content: "\f0db"; | |
} | |
.uk-icon-unsorted:before, | |
.uk-icon-sort:before { | |
content: "\f0dc"; | |
} | |
.uk-icon-sort-down:before, | |
.uk-icon-sort-desc:before { | |
content: "\f0dd"; | |
} | |
.uk-icon-sort-up:before, | |
.uk-icon-sort-asc:before { | |
content: "\f0de"; | |
} | |
.uk-icon-envelope:before { | |
content: "\f0e0"; | |
} | |
.uk-icon-linkedin:before { | |
content: "\f0e1"; | |
} | |
.uk-icon-rotate-left:before, | |
.uk-icon-undo:before { | |
content: "\f0e2"; | |
} | |
.uk-icon-legal:before, | |
.uk-icon-gavel:before { | |
content: "\f0e3"; | |
} | |
.uk-icon-dashboard:before, | |
.uk-icon-tachometer:before { | |
content: "\f0e4"; | |
} | |
.uk-icon-comment-o:before { | |
content: "\f0e5"; | |
} | |
.uk-icon-comments-o:before { | |
content: "\f0e6"; | |
} | |
.uk-icon-flash:before, | |
.uk-icon-bolt:before { | |
content: "\f0e7"; | |
} | |
.uk-icon-sitemap:before { | |
content: "\f0e8"; | |
} | |
.uk-icon-umbrella:before { | |
content: "\f0e9"; | |
} | |
.uk-icon-paste:before, | |
.uk-icon-clipboard:before { | |
content: "\f0ea"; | |
} | |
.uk-icon-lightbulb-o:before { | |
content: "\f0eb"; | |
} | |
.uk-icon-exchange:before { | |
content: "\f0ec"; | |
} | |
.uk-icon-cloud-download:before { | |
content: "\f0ed"; | |
} | |
.uk-icon-cloud-upload:before { | |
content: "\f0ee"; | |
} | |
.uk-icon-user-md:before { | |
content: "\f0f0"; | |
} | |
.uk-icon-stethoscope:before { | |
content: "\f0f1"; | |
} | |
.uk-icon-suitcase:before { | |
content: "\f0f2"; | |
} | |
.uk-icon-bell-o:before { | |
content: "\f0a2"; | |
} | |
.uk-icon-coffee:before { | |
content: "\f0f4"; | |
} | |
.uk-icon-cutlery:before { | |
content: "\f0f5"; | |
} | |
.uk-icon-file-text-o:before { | |
content: "\f0f6"; | |
} | |
.uk-icon-building-o:before { | |
content: "\f0f7"; | |
} | |
.uk-icon-hospital-o:before { | |
content: "\f0f8"; | |
} | |
.uk-icon-ambulance:before { | |
content: "\f0f9"; | |
} | |
.uk-icon-medkit:before { | |
content: "\f0fa"; | |
} | |
.uk-icon-fighter-jet:before { | |
content: "\f0fb"; | |
} | |
.uk-icon-beer:before { | |
content: "\f0fc"; | |
} | |
.uk-icon-h-square:before { | |
content: "\f0fd"; | |
} | |
.uk-icon-plus-square:before { | |
content: "\f0fe"; | |
} | |
.uk-icon-angle-double-left:before { | |
content: "\f100"; | |
} | |
.uk-icon-angle-double-right:before { | |
content: "\f101"; | |
} | |
.uk-icon-angle-double-up:before { | |
content: "\f102"; | |
} | |
.uk-icon-angle-double-down:before { | |
content: "\f103"; | |
} | |
.uk-icon-angle-left:before { | |
content: "\f104"; | |
} | |
.uk-icon-angle-right:before { | |
content: "\f105"; | |
} | |
.uk-icon-angle-up:before { | |
content: "\f106"; | |
} | |
.uk-icon-angle-down:before { | |
content: "\f107"; | |
} | |
.uk-icon-desktop:before { | |
content: "\f108"; | |
} | |
.uk-icon-laptop:before { | |
content: "\f109"; | |
} | |
.uk-icon-tablet:before { | |
content: "\f10a"; | |
} | |
.uk-icon-mobile-phone:before, | |
.uk-icon-mobile:before { | |
content: "\f10b"; | |
} | |
.uk-icon-circle-o:before { | |
content: "\f10c"; | |
} | |
.uk-icon-quote-left:before { | |
content: "\f10d"; | |
} | |
.uk-icon-quote-right:before { | |
content: "\f10e"; | |
} | |
.uk-icon-spinner:before { | |
content: "\f110"; | |
} | |
.uk-icon-circle:before { | |
content: "\f111"; | |
} | |
.uk-icon-mail-reply:before, | |
.uk-icon-reply:before { | |
content: "\f112"; | |
} | |
.uk-icon-github-alt:before { | |
content: "\f113"; | |
} | |
.uk-icon-folder-o:before { | |
content: "\f114"; | |
} | |
.uk-icon-folder-open-o:before { | |
content: "\f115"; | |
} | |
.uk-icon-smile-o:before { | |
content: "\f118"; | |
} | |
.uk-icon-frown-o:before { | |
content: "\f119"; | |
} | |
.uk-icon-meh-o:before { | |
content: "\f11a"; | |
} | |
.uk-icon-gamepad:before { | |
content: "\f11b"; | |
} | |
.uk-icon-keyboard-o:before { | |
content: "\f11c"; | |
} | |
.uk-icon-flag-o:before { | |
content: "\f11d"; | |
} | |
.uk-icon-flag-checkered:before { | |
content: "\f11e"; | |
} | |
.uk-icon-terminal:before { | |
content: "\f120"; | |
} | |
.uk-icon-code:before { | |
content: "\f121"; | |
} | |
.uk-icon-mail-reply-all:before, | |
.uk-icon-reply-all:before { | |
content: "\f122"; | |
} | |
.uk-icon-star-half-empty:before, | |
.uk-icon-star-half-full:before, | |
.uk-icon-star-half-o:before { | |
content: "\f123"; | |
} | |
.uk-icon-location-arrow:before { | |
content: "\f124"; | |
} | |
.uk-icon-crop:before { | |
content: "\f125"; | |
} | |
.uk-icon-code-fork:before { | |
content: "\f126"; | |
} | |
.uk-icon-unlink:before, | |
.uk-icon-chain-broken:before { | |
content: "\f127"; | |
} | |
.uk-icon-question:before { | |
content: "\f128"; | |
} | |
.uk-icon-info:before { | |
content: "\f129"; | |
} | |
.uk-icon-exclamation:before { | |
content: "\f12a"; | |
} | |
.uk-icon-superscript:before { | |
content: "\f12b"; | |
} | |
.uk-icon-subscript:before { | |
content: "\f12c"; | |
} | |
.uk-icon-eraser:before { | |
content: "\f12d"; | |
} | |
.uk-icon-puzzle-piece:before { | |
content: "\f12e"; | |
} | |
.uk-icon-microphone:before { | |
content: "\f130"; | |
} | |
.uk-icon-microphone-slash:before { | |
content: "\f131"; | |
} | |
.uk-icon-shield:before { | |
content: "\f132"; | |
} | |
.uk-icon-calendar-o:before { | |
content: "\f133"; | |
} | |
.uk-icon-fire-extinguisher:before { | |
content: "\f134"; | |
} | |
.uk-icon-rocket:before { | |
content: "\f135"; | |
} | |
.uk-icon-maxcdn:before { | |
content: "\f136"; | |
} | |
.uk-icon-chevron-circle-left:before { | |
content: "\f137"; | |
} | |
.uk-icon-chevron-circle-right:before { | |
content: "\f138"; | |
} | |
.uk-icon-chevron-circle-up:before { | |
content: "\f139"; | |
} | |
.uk-icon-chevron-circle-down:before { | |
content: "\f13a"; | |
} | |
.uk-icon-html5:before { | |
content: "\f13b"; | |
} | |
.uk-icon-css3:before { | |
content: "\f13c"; | |
} | |
.uk-icon-anchor:before { | |
content: "\f13d"; | |
} | |
.uk-icon-unlock-alt:before { | |
content: "\f13e"; | |
} | |
.uk-icon-bullseye:before { | |
content: "\f140"; | |
} | |
.uk-icon-ellipsis-h:before { | |
content: "\f141"; | |
} | |
.uk-icon-ellipsis-v:before { | |
content: "\f142"; | |
} | |
.uk-icon-rss-square:before { | |
content: "\f143"; | |
} | |
.uk-icon-play-circle:before { | |
content: "\f144"; | |
} | |
.uk-icon-ticket:before { | |
content: "\f145"; | |
} | |
.uk-icon-minus-square:before { | |
content: "\f146"; | |
} | |
.uk-icon-minus-square-o:before { | |
content: "\f147"; | |
} | |
.uk-icon-level-up:before { | |
content: "\f148"; | |
} | |
.uk-icon-level-down:before { | |
content: "\f149"; | |
} | |
.uk-icon-check-square:before { | |
content: "\f14a"; | |
} | |
.uk-icon-pencil-square:before { | |
content: "\f14b"; | |
} | |
.uk-icon-external-link-square:before { | |
content: "\f14c"; | |
} | |
.uk-icon-share-square:before { | |
content: "\f14d"; | |
} | |
.uk-icon-compass:before { | |
content: "\f14e"; | |
} | |
.uk-icon-toggle-down:before, | |
.uk-icon-caret-square-o-down:before { | |
content: "\f150"; | |
} | |
.uk-icon-toggle-up:before, | |
.uk-icon-caret-square-o-up:before { | |
content: "\f151"; | |
} | |
.uk-icon-toggle-right:before, | |
.uk-icon-caret-square-o-right:before { | |
content: "\f152"; | |
} | |
.uk-icon-euro:before, | |
.uk-icon-eur:before { | |
content: "\f153"; | |
} | |
.uk-icon-gbp:before { | |
content: "\f154"; | |
} | |
.uk-icon-dollar:before, | |
.uk-icon-usd:before { | |
content: "\f155"; | |
} | |
.uk-icon-rupee:before, | |
.uk-icon-inr:before { | |
content: "\f156"; | |
} | |
.uk-icon-cny:before, | |
.uk-icon-rmb:before, | |
.uk-icon-yen:before, | |
.uk-icon-jpy:before { | |
content: "\f157"; | |
} | |
.uk-icon-ruble:before, | |
.uk-icon-rouble:before, | |
.uk-icon-rub:before { | |
content: "\f158"; | |
} | |
.uk-icon-won:before, | |
.uk-icon-krw:before { | |
content: "\f159"; | |
} | |
.uk-icon-bitcoin:before, | |
.uk-icon-btc:before { | |
content: "\f15a"; | |
} | |
.uk-icon-file:before { | |
content: "\f15b"; | |
} | |
.uk-icon-file-text:before { | |
content: "\f15c"; | |
} | |
.uk-icon-sort-alpha-asc:before { | |
content: "\f15d"; | |
} | |
.uk-icon-sort-alpha-desc:before { | |
content: "\f15e"; | |
} | |
.uk-icon-sort-amount-asc:before { | |
content: "\f160"; | |
} | |
.uk-icon-sort-amount-desc:before { | |
content: "\f161"; | |
} | |
.uk-icon-sort-numeric-asc:before { | |
content: "\f162"; | |
} | |
.uk-icon-sort-numeric-desc:before { | |
content: "\f163"; | |
} | |
.uk-icon-thumbs-up:before { | |
content: "\f164"; | |
} | |
.uk-icon-thumbs-down:before { | |
content: "\f165"; | |
} | |
.uk-icon-youtube-square:before { | |
content: "\f166"; | |
} | |
.uk-icon-youtube:before { | |
content: "\f167"; | |
} | |
.uk-icon-xing:before { | |
content: "\f168"; | |
} | |
.uk-icon-xing-square:before { | |
content: "\f169"; | |
} | |
.uk-icon-youtube-play:before { | |
content: "\f16a"; | |
} | |
.uk-icon-dropbox:before { | |
content: "\f16b"; | |
} | |
.uk-icon-stack-overflow:before { | |
content: "\f16c"; | |
} | |
.uk-icon-instagram:before { | |
content: "\f16d"; | |
} | |
.uk-icon-flickr:before { | |
content: "\f16e"; | |
} | |
.uk-icon-adn:before { | |
content: "\f170"; | |
} | |
.uk-icon-bitbucket:before { | |
content: "\f171"; | |
} | |
.uk-icon-bitbucket-square:before { | |
content: "\f172"; | |
} | |
.uk-icon-tumblr:before { | |
content: "\f173"; | |
} | |
.uk-icon-tumblr-square:before { | |
content: "\f174"; | |
} | |
.uk-icon-long-arrow-down:before { | |
content: "\f175"; | |
} | |
.uk-icon-long-arrow-up:before { | |
content: "\f176"; | |
} | |
.uk-icon-long-arrow-left:before { | |
content: "\f177"; | |
} | |
.uk-icon-long-arrow-right:before { | |
content: "\f178"; | |
} | |
.uk-icon-apple:before { | |
content: "\f179"; | |
} | |
.uk-icon-windows:before { | |
content: "\f17a"; | |
} | |
.uk-icon-android:before { | |
content: "\f17b"; | |
} | |
.uk-icon-linux:before { | |
content: "\f17c"; | |
} | |
.uk-icon-dribbble:before { | |
content: "\f17d"; | |
} | |
.uk-icon-skype:before { | |
content: "\f17e"; | |
} | |
.uk-icon-foursquare:before { | |
content: "\f180"; | |
} | |
.uk-icon-trello:before { | |
content: "\f181"; | |
} | |
.uk-icon-female:before { | |
content: "\f182"; | |
} | |
.uk-icon-male:before { | |
content: "\f183"; | |
} | |
.uk-icon-gittip:before, | |
.uk-icon-gratipay:before { | |
content: "\f184"; | |
} | |
.uk-icon-sun-o:before { | |
content: "\f185"; | |
} | |
.uk-icon-moon-o:before { | |
content: "\f186"; | |
} | |
.uk-icon-archive:before { | |
content: "\f187"; | |
} | |
.uk-icon-bug:before { | |
content: "\f188"; | |
} | |
.uk-icon-vk:before { | |
content: "\f189"; | |
} | |
.uk-icon-weibo:before { | |
content: "\f18a"; | |
} | |
.uk-icon-renren:before { | |
content: "\f18b"; | |
} | |
.uk-icon-pagelines:before { | |
content: "\f18c"; | |
} | |
.uk-icon-stack-exchange:before { | |
content: "\f18d"; | |
} | |
.uk-icon-arrow-circle-o-right:before { | |
content: "\f18e"; | |
} | |
.uk-icon-arrow-circle-o-left:before { | |
content: "\f190"; | |
} | |
.uk-icon-toggle-left:before, | |
.uk-icon-caret-square-o-left:before { | |
content: "\f191"; | |
} | |
.uk-icon-dot-circle-o:before { | |
content: "\f192"; | |
} | |
.uk-icon-wheelchair:before { | |
content: "\f193"; | |
} | |
.uk-icon-vimeo-square:before { | |
content: "\f194"; | |
} | |
.uk-icon-turkish-lira:before, | |
.uk-icon-try:before { | |
content: "\f195"; | |
} | |
.uk-icon-plus-square-o:before { | |
content: "\f196"; | |
} | |
.uk-icon-space-shuttle:before { | |
content: "\f197"; | |
} | |
.uk-icon-slack:before { | |
content: "\f198"; | |
} | |
.uk-icon-envelope-square:before { | |
content: "\f199"; | |
} | |
.uk-icon-wordpress:before { | |
content: "\f19a"; | |
} | |
.uk-icon-openid:before { | |
content: "\f19b"; | |
} | |
.uk-icon-institution:before, | |
.uk-icon-bank:before, | |
.uk-icon-university:before { | |
content: "\f19c"; | |
} | |
.uk-icon-mortar-board:before, | |
.uk-icon-graduation-cap:before { | |
content: "\f19d"; | |
} | |
.uk-icon-yahoo:before { | |
content: "\f19e"; | |
} | |
.uk-icon-google:before { | |
content: "\f1a0"; | |
} | |
.uk-icon-reddit:before { | |
content: "\f1a1"; | |
} | |
.uk-icon-reddit-square:before { | |
content: "\f1a2"; | |
} | |
.uk-icon-stumbleupon-circle:before { | |
content: "\f1a3"; | |
} | |
.uk-icon-stumbleupon:before { | |
content: "\f1a4"; | |
} | |
.uk-icon-delicious:before { | |
content: "\f1a5"; | |
} | |
.uk-icon-digg:before { | |
content: "\f1a6"; | |
} | |
.uk-icon-pied-piper:before { | |
content: "\f1a7"; | |
} | |
.uk-icon-pied-piper-alt:before { | |
content: "\f1a8"; | |
} | |
.uk-icon-drupal:before { | |
content: "\f1a9"; | |
} | |
.uk-icon-joomla:before { | |
content: "\f1aa"; | |
} | |
.uk-icon-language:before { | |
content: "\f1ab"; | |
} | |
.uk-icon-fax:before { | |
content: "\f1ac"; | |
} | |
.uk-icon-building:before { | |
content: "\f1ad"; | |
} | |
.uk-icon-child:before { | |
content: "\f1ae"; | |
} | |
.uk-icon-paw:before { | |
content: "\f1b0"; | |
} | |
.uk-icon-spoon:before { | |
content: "\f1b1"; | |
} | |
.uk-icon-cube:before { | |
content: "\f1b2"; | |
} | |
.uk-icon-cubes:before { | |
content: "\f1b3"; | |
} | |
.uk-icon-behance:before { | |
content: "\f1b4"; | |
} | |
.uk-icon-behance-square:before { | |
content: "\f1b5"; | |
} | |
.uk-icon-steam:before { | |
content: "\f1b6"; | |
} | |
.uk-icon-steam-square:before { | |
content: "\f1b7"; | |
} | |
.uk-icon-recycle:before { | |
content: "\f1b8"; | |
} | |
.uk-icon-automobile:before, | |
.uk-icon-car:before { | |
content: "\f1b9"; | |
} | |
.uk-icon-cab:before, | |
.uk-icon-taxi:before { | |
content: "\f1ba"; | |
} | |
.uk-icon-tree:before { | |
content: "\f1bb"; | |
} | |
.uk-icon-spotify:before { | |
content: "\f1bc"; | |
} | |
.uk-icon-deviantart:before { | |
content: "\f1bd"; | |
} | |
.uk-icon-soundcloud:before { | |
content: "\f1be"; | |
} | |
.uk-icon-database:before { | |
content: "\f1c0"; | |
} | |
.uk-icon-file-pdf-o:before { | |
content: "\f1c1"; | |
} | |
.uk-icon-file-word-o:before { | |
content: "\f1c2"; | |
} | |
.uk-icon-file-excel-o:before { | |
content: "\f1c3"; | |
} | |
.uk-icon-file-powerpoint-o:before { | |
content: "\f1c4"; | |
} | |
.uk-icon-file-photo-o:before, | |
.uk-icon-file-picture-o:before, | |
.uk-icon-file-image-o:before { | |
content: "\f1c5"; | |
} | |
.uk-icon-file-zip-o:before, | |
.uk-icon-file-archive-o:before { | |
content: "\f1c6"; | |
} | |
.uk-icon-file-sound-o:before, | |
.uk-icon-file-audio-o:before { | |
content: "\f1c7"; | |
} | |
.uk-icon-file-movie-o:before, | |
.uk-icon-file-video-o:before { | |
content: "\f1c8"; | |
} | |
.uk-icon-file-code-o:before { | |
content: "\f1c9"; | |
} | |
.uk-icon-vine:before { | |
content: "\f1ca"; | |
} | |
.uk-icon-codepen:before { | |
content: "\f1cb"; | |
} | |
.uk-icon-jsfiddle:before { | |
content: "\f1cc"; | |
} | |
.uk-icon-life-bouy:before, | |
.uk-icon-life-buoy:before, | |
.uk-icon-life-saver:before, | |
.uk-icon-support:before, | |
.uk-icon-life-ring:before { | |
content: "\f1cd"; | |
} | |
.uk-icon-circle-o-notch:before { | |
content: "\f1ce"; | |
} | |
.uk-icon-ra:before, | |
.uk-icon-rebel:before { | |
content: "\f1d0"; | |
} | |
.uk-icon-ge:before, | |
.uk-icon-empire:before { | |
content: "\f1d1"; | |
} | |
.uk-icon-git-square:before { | |
content: "\f1d2"; | |
} | |
.uk-icon-git:before { | |
content: "\f1d3"; | |
} | |
.uk-icon-hacker-news:before { | |
content: "\f1d4"; | |
} | |
.uk-icon-tencent-weibo:before { | |
content: "\f1d5"; | |
} | |
.uk-icon-qq:before { | |
content: "\f1d6"; | |
} | |
.uk-icon-wechat:before, | |
.uk-icon-weixin:before { | |
content: "\f1d7"; | |
} | |
.uk-icon-send:before, | |
.uk-icon-paper-plane:before { | |
content: "\f1d8"; | |
} | |
.uk-icon-send-o:before, | |
.uk-icon-paper-plane-o:before { | |
content: "\f1d9"; | |
} | |
.uk-icon-history:before { | |
content: "\f1da"; | |
} | |
.uk-icon-genderless:before, | |
.uk-icon-circle-thin:before { | |
content: "\f1db"; | |
} | |
.uk-icon-header:before { | |
content: "\f1dc"; | |
} | |
.uk-icon-paragraph:before { | |
content: "\f1dd"; | |
} | |
.uk-icon-sliders:before { | |
content: "\f1de"; | |
} | |
.uk-icon-share-alt:before { | |
content: "\f1e0"; | |
} | |
.uk-icon-share-alt-square:before { | |
content: "\f1e1"; | |
} | |
.uk-icon-bomb:before { | |
content: "\f1e2"; | |
} | |
.uk-icon-soccer-ball-o:before, | |
.uk-icon-futbol-o:before { | |
content: "\f1e3"; | |
} | |
.uk-icon-tty:before { | |
content: "\f1e4"; | |
} | |
.uk-icon-binoculars:before { | |
content: "\f1e5"; | |
} | |
.uk-icon-plug:before { | |
content: "\f1e6"; | |
} | |
.uk-icon-slideshare:before { | |
content: "\f1e7"; | |
} | |
.uk-icon-twitch:before { | |
content: "\f1e8"; | |
} | |
.uk-icon-yelp:before { | |
content: "\f1e9"; | |
} | |
.uk-icon-newspaper-o:before { | |
content: "\f1ea"; | |
} | |
.uk-icon-wifi:before { | |
content: "\f1eb"; | |
} | |
.uk-icon-calculator:before { | |
content: "\f1ec"; | |
} | |
.uk-icon-paypal:before { | |
content: "\f1ed"; | |
} | |
.uk-icon-google-wallet:before { | |
content: "\f1ee"; | |
} | |
.uk-icon-cc-visa:before { | |
content: "\f1f0"; | |
} | |
.uk-icon-cc-mastercard:before { | |
content: "\f1f1"; | |
} | |
.uk-icon-cc-discover:before { | |
content: "\f1f2"; | |
} | |
.uk-icon-cc-amex:before { | |
content: "\f1f3"; | |
} | |
.uk-icon-cc-paypal:before { | |
content: "\f1f4"; | |
} | |
.uk-icon-cc-stripe:before { | |
content: "\f1f5"; | |
} | |
.uk-icon-bell-slash:before { | |
content: "\f1f6"; | |
} | |
.uk-icon-bell-slash-o:before { | |
content: "\f1f7"; | |
} | |
.uk-icon-trash:before { | |
content: "\f1f8"; | |
} | |
.uk-icon-copyright:before { | |
content: "\f1f9"; | |
} | |
.uk-icon-at:before { | |
content: "\f1fa"; | |
} | |
.uk-icon-eyedropper:before { | |
content: "\f1fb"; | |
} | |
.uk-icon-paint-brush:before { | |
content: "\f1fc"; | |
} | |
.uk-icon-birthday-cake:before { | |
content: "\f1fd"; | |
} | |
.uk-icon-area-chart:before { | |
content: "\f1fe"; | |
} | |
.uk-icon-pie-chart:before { | |
content: "\f200"; | |
} | |
.uk-icon-line-chart:before { | |
content: "\f201"; | |
} | |
.uk-icon-lastfm:before { | |
content: "\f202"; | |
} | |
.uk-icon-lastfm-square:before { | |
content: "\f203"; | |
} | |
.uk-icon-toggle-off:before { | |
content: "\f204"; | |
} | |
.uk-icon-toggle-on:before { | |
content: "\f205"; | |
} | |
.uk-icon-bicycle:before { | |
content: "\f206"; | |
} | |
.uk-icon-bus:before { | |
content: "\f207"; | |
} | |
.uk-icon-ioxhost:before { | |
content: "\f208"; | |
} | |
.uk-icon-angellist:before { | |
content: "\f209"; | |
} | |
.uk-icon-cc:before { | |
content: "\f20a"; | |
} | |
.uk-icon-shekel:before, | |
.uk-icon-sheqel:before, | |
.uk-icon-ils:before { | |
content: "\f20b"; | |
} | |
.uk-icon-meanpath:before { | |
content: "\f20c"; | |
} | |
.uk-icon-buysellads:before { | |
content: "\f20d"; | |
} | |
.uk-icon-connectdevelop:before { | |
content: "\f20e"; | |
} | |
.uk-icon-dashcube:before { | |
content: "\f210"; | |
} | |
.uk-icon-forumbee:before { | |
content: "\f211"; | |
} | |
.uk-icon-leanpub:before { | |
content: "\f212"; | |
} | |
.uk-icon-sellsy:before { | |
content: "\f213"; | |
} | |
.uk-icon-shirtsinbulk:before { | |
content: "\f214"; | |
} | |
.uk-icon-simplybuilt:before { | |
content: "\f215"; | |
} | |
.uk-icon-skyatlas:before { | |
content: "\f216"; | |
} | |
.uk-icon-cart-plus:before { | |
content: "\f217"; | |
} | |
.uk-icon-cart-arrow-down:before { | |
content: "\f218"; | |
} | |
.uk-icon-diamond:before { | |
content: "\f219"; | |
} | |
.uk-icon-ship:before { | |
content: "\f21a"; | |
} | |
.uk-icon-user-secret:before { | |
content: "\f21b"; | |
} | |
.uk-icon-motorcycle:before { | |
content: "\f21c"; | |
} | |
.uk-icon-street-view:before { | |
content: "\f21d"; | |
} | |
.uk-icon-heartbeat:before { | |
content: "\f21e"; | |
} | |
.uk-icon-venus:before { | |
content: "\f221"; | |
} | |
.uk-icon-mars:before { | |
content: "\f222"; | |
} | |
.uk-icon-mercury:before { | |
content: "\f223"; | |
} | |
.uk-icon-transgender:before { | |
content: "\f224"; | |
} | |
.uk-icon-transgender-alt:before { | |
content: "\f225"; | |
} | |
.uk-icon-venus-double:before { | |
content: "\f226"; | |
} | |
.uk-icon-mars-double:before { | |
content: "\f227"; | |
} | |
.uk-icon-venus-mars:before { | |
content: "\f228"; | |
} | |
.uk-icon-mars-stroke:before { | |
content: "\f229"; | |
} | |
.uk-icon-mars-stroke-v:before { | |
content: "\f22a"; | |
} | |
.uk-icon-mars-stroke-h:before { | |
content: "\f22b"; | |
} | |
.uk-icon-neuter:before { | |
content: "\f22c"; | |
} | |
.uk-icon-facebook-official:before { | |
content: "\f230"; | |
} | |
.uk-icon-pinterest-p:before { | |
content: "\f231"; | |
} | |
.uk-icon-whatsapp:before { | |
content: "\f232"; | |
} | |
.uk-icon-server:before { | |
content: "\f233"; | |
} | |
.uk-icon-user-plus:before { | |
content: "\f234"; | |
} | |
.uk-icon-user-times:before { | |
content: "\f235"; | |
} | |
.uk-icon-hotel:before, | |
.uk-icon-bed:before { | |
content: "\f236"; | |
} | |
.uk-icon-viacoin:before { | |
content: "\f237"; | |
} | |
.uk-icon-train:before { | |
content: "\f238"; | |
} | |
.uk-icon-subway:before { | |
content: "\f239"; | |
} | |
.uk-icon-medium-logo:before { | |
content: "\f23a"; | |
} | |
/* ======================================================================== | |
Component: Close | |
========================================================================== */ | |
/* | |
* Removes inner padding and border in Firefox 4+. | |
*/ | |
.uk-close::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
/* | |
* 1. Correct inability to style clickable `input` types in iOS. | |
* 2. Remove margins in Chrome, Safari and Opera. | |
* 3. Remove borders for `button`. | |
* 4. Address `overflow` set to `hidden` in IE 8/9/10/11. | |
* 5. Correct `font` properties and `color` not being inherited for `button`. | |
* 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE | |
* 7. Remove default `button` padding and background color | |
* 8. Style | |
*/ | |
.uk-close { | |
/* 1 */ | |
-webkit-appearance: none; | |
/* 2 */ | |
margin: 0; | |
/* 3 */ | |
border: none; | |
/* 4 */ | |
overflow: visible; | |
/* 5 */ | |
font: inherit; | |
color: inherit; | |
/* 6 */ | |
text-transform: none; | |
/* 7. */ | |
padding: 0; | |
background: transparent; | |
/* 8 */ | |
display: inline-block; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
width: 20px; | |
line-height: 20px; | |
text-align: center; | |
vertical-align: middle; | |
opacity: 0.3; | |
} | |
/* Icon */ | |
.uk-close:after { | |
display: block; | |
content: "\f00d"; | |
font-family: FontAwesome; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
* 3. Required for `a` elements | |
*/ | |
.uk-close:hover, | |
.uk-close:focus { | |
opacity: 0.5; | |
/* 2 */ | |
outline: none; | |
/* 3 */ | |
color: inherit; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
/* Modifier | |
========================================================================== */ | |
.uk-close-alt { | |
padding: 2px; | |
border-radius: 50%; | |
background: #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; | |
} | |
/* ======================================================================== | |
Component: Badge | |
========================================================================== */ | |
.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); | |
} | |
/* | |
* Keep color when badge is a link | |
*/ | |
a.uk-badge:hover { | |
color: #ffffff; | |
} | |
/* 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; | |
} | |
/* ======================================================================== | |
Component: Alert | |
========================================================================== */ | |
.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; | |
} | |
/* ======================================================================== | |
Component: Thumbnail | |
========================================================================== */ | |
/* | |
* 1. Container width fits its content | |
* 2. Responsive behavior | |
* 3. Corrects `max-width` behavior sed | |
* 4. Required for `figure` element | |
* 5. Style | |
*/ | |
.uk-thumbnail { | |
/* 1 */ | |
display: inline-block; | |
/* 2 */ | |
max-width: 100%; | |
/* 3 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
/* 3 */ | |
margin: 0; | |
/* 4 */ | |
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 { | |
border-color: #aaaaaa; | |
background-color: #ffffff; | |
/* 2 */ | |
text-decoration: none; | |
/* 3 */ | |
outline: none; | |
} | |
/* Caption | |
========================================================================== */ | |
.uk-thumbnail-caption { | |
padding-top: 4px; | |
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%; | |
} | |
/* ======================================================================== | |
Component: Overlay | |
========================================================================== */ | |
/* | |
* 1. Container width fits its content | |
* 2. Create position context | |
* 3. Set max-width for responsive images to prevent `inline-block` consequences | |
* 4. Remove the gap between the container and its child element | |
* 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome | |
* 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit | |
* 7. Reset margin | |
*/ | |
.uk-overlay { | |
/* 1 */ | |
display: inline-block; | |
/* 2 */ | |
position: relative; | |
/* 3 */ | |
max-width: 100%; | |
/* 4 */ | |
vertical-align: middle; | |
/* 5 */ | |
overflow: hidden; | |
/* 6 */ | |
-webkit-transform: translateZ(0); | |
/* 7 */ | |
margin: 0; | |
} | |
/* 6 for Safari */ | |
.uk-overlay.uk-border-circle { | |
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); | |
} | |
/* | |
* Remove margin from content | |
*/ | |
.uk-overlay > :first-child { | |
margin-bottom: 0; | |
} | |
/* Sub-object `uk-overlay-panel` | |
========================================================================== */ | |
/* | |
* 1. Position cover | |
* 2. Style | |
*/ | |
.uk-overlay-panel { | |
/* 1 */ | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
/* 2 */ | |
padding: 20px; | |
color: #ffffff; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-overlay-panel > :last-child, | |
.uk-overlay-panel.uk-flex > * > :last-child { | |
margin-bottom: 0; | |
} | |
/* | |
* Keep color for headings if the default heading color is changed | |
*/ | |
.uk-overlay-panel h1, | |
.uk-overlay-panel h2, | |
.uk-overlay-panel h3, | |
.uk-overlay-panel h4, | |
.uk-overlay-panel h5, | |
.uk-overlay-panel h6 { | |
color: inherit; | |
} | |
.uk-overlay-panel a:not([class]) { | |
color: inherit; | |
text-decoration: underline; | |
} | |
.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { | |
color: inherit; | |
} | |
/* Sub-object `uk-overlay-hover` and `uk-overlay-active` | |
========================================================================== */ | |
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { | |
opacity: 0; | |
} | |
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { | |
opacity: 0; | |
} | |
/* Modifier `uk-overlay-background` | |
========================================================================== */ | |
.uk-overlay-background { | |
background: rgba(0, 0, 0, 0.5); | |
} | |
/* Position modifiers | |
========================================================================== */ | |
.uk-overlay-top { | |
bottom: auto; | |
} | |
.uk-overlay-bottom { | |
top: auto; | |
} | |
.uk-overlay-left { | |
right: auto; | |
} | |
.uk-overlay-right { | |
left: auto; | |
} | |
/* Sub-object `uk-overlay-icon` | |
========================================================================== */ | |
.uk-overlay-icon: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; | |
} | |
/* Transitions | |
========================================================================== */ | |
.uk-overlay-fade, | |
.uk-overlay-scale, | |
.uk-overlay-spin, | |
.uk-overlay-grayscale, | |
.uk-overlay-blur, | |
[class*='uk-overlay-slide'] { | |
transition-duration: 0.3s; | |
transition-timing-function: ease-out; | |
transition-property: opacity transform filter; | |
} | |
.uk-overlay-active .uk-overlay-fade, | |
.uk-overlay-active .uk-overlay-scale, | |
.uk-overlay-active .uk-overlay-spin, | |
.uk-overlay-active [class*='uk-overlay-slide'] { | |
transition-duration: 0.8s; | |
} | |
/* | |
* Fade | |
*/ | |
.uk-overlay-fade { | |
opacity: 0.7; | |
} | |
.uk-overlay-hover:hover .uk-overlay-fade, | |
.uk-overlay-active .uk-active > .uk-overlay-fade { | |
opacity: 1; | |
} | |
/* | |
* Scale | |
*/ | |
.uk-overlay-scale { | |
-webkit-transform: scale(1); | |
transform: scale(1); | |
} | |
.uk-overlay-hover:hover .uk-overlay-scale, | |
.uk-overlay-active .uk-active > .uk-overlay-scale { | |
-webkit-transform: scale(1.1); | |
transform: scale(1.1); | |
} | |
/* | |
* Spin | |
*/ | |
.uk-overlay-spin { | |
-webkit-transform: scale(1) rotate(0deg); | |
transform: scale(1) rotate(0deg); | |
} | |
.uk-overlay-hover:hover .uk-overlay-spin, | |
.uk-overlay-active .uk-active > .uk-overlay-spin { | |
-webkit-transform: scale(1.1) rotate(3deg); | |
transform: scale(1.1) rotate(3deg); | |
} | |
/* | |
* Grayscale | |
*/ | |
.uk-overlay-grayscale { | |
-webkit-filter: grayscale(100%); | |
filter: grayscale(100%); | |
} | |
.uk-overlay-hover:hover .uk-overlay-grayscale, | |
.uk-overlay-active .uk-active > .uk-overlay-grayscale { | |
-webkit-filter: grayscale(0%); | |
filter: grayscale(0%); | |
} | |
/* | |
* Slide | |
*/ | |
[class*='uk-overlay-slide'] { | |
opacity: 0; | |
} | |
/* Top */ | |
.uk-overlay-slide-top { | |
-webkit-transform: translateY(-100%); | |
transform: translateY(-100%); | |
} | |
/* Bottom */ | |
.uk-overlay-slide-bottom { | |
-webkit-transform: translateY(100%); | |
transform: translateY(100%); | |
} | |
/* Left */ | |
.uk-overlay-slide-left { | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%); | |
} | |
/* Right */ | |
.uk-overlay-slide-right { | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%); | |
} | |
/* Hover */ | |
.uk-overlay-hover:hover [class*='uk-overlay-slide'], | |
.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] { | |
opacity: 1; | |
-webkit-transform: translateX(0) translateY(0); | |
transform: translateX(0) translateY(0); | |
} | |
/* DEPRECATED | |
* 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; | |
-webkit-transform: translate3d(0, 0, 0); | |
} | |
/* | |
* Hover | |
* 1. `uk-hover` to support touch devices | |
* 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier | |
*/ | |
.uk-overlay:hover .uk-overlay-area, | |
.uk-overlay.uk-hover .uk-overlay-area, | |
.uk-overlay-toggle:hover .uk-overlay-area, | |
.uk-overlay-toggle.uk-hover .uk-overlay-area { | |
opacity: 1; | |
} | |
/* | |
* Icon | |
*/ | |
.uk-overlay-area:empty: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; | |
} | |
/* DEPRECATED | |
* Sub-object `uk-overlay-area-content` | |
========================================================================== */ | |
/* | |
* Remove whitespace between child elements when using `inline-block` | |
* Needed for Firefox | |
*/ | |
.uk-overlay-area:not(:empty) { | |
font-size: 0.001px; | |
} | |
/* | |
* 1. Needed for vertical alignment | |
*/ | |
.uk-overlay-area:not(:empty):before { | |
content: ''; | |
display: inline-block; | |
height: 100%; | |
vertical-align: middle; | |
} | |
/* | |
* 1. Set vertical alignment | |
* 2. Reset whitespace hack | |
* 3. Set horizontal alignment | |
* 4. Set style | |
*/ | |
.uk-overlay-area-content { | |
/* 1 */ | |
display: inline-block; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 100%; | |
vertical-align: middle; | |
/* 2 */ | |
font-size: 1rem; | |
/* 3 */ | |
text-align: center; | |
/* 4 */ | |
padding: 0 15px; | |
color: #ffffff; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-overlay-area-content > :last-child { | |
margin-bottom: 0; | |
} | |
/* | |
* Links in overlay area | |
*/ | |
.uk-overlay-area-content a:not([class]), | |
.uk-overlay-area-content a:not([class]):hover { | |
color: inherit; | |
} | |
/* DEPRECATED | |
* 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; | |
-webkit-transform: translate3d(0, 0, 0); | |
} | |
/* | |
* Hover | |
* 1. `uk-hover` to support touch devices | |
* 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier | |
*/ | |
.uk-overlay:hover .uk-overlay-caption, | |
.uk-overlay.uk-hover .uk-overlay-caption, | |
.uk-overlay-toggle:hover .uk-overlay-caption, | |
.uk-overlay-toggle.uk-hover .uk-overlay-caption { | |
opacity: 1; | |
} | |
/* ======================================================================== | |
Component: Animation | |
========================================================================== */ | |
[class*='uk-animation-'] { | |
-webkit-animation-duration: 0.5s; | |
animation-duration: 0.5s; | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
} | |
/* Hide animated element if scrollspy is used */ | |
@media screen { | |
[data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { | |
opacity: 0; | |
} | |
} | |
/* | |
* Fade | |
* Higher specificity (!important) needed because of reverse modifier | |
*/ | |
.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 !important; | |
animation-timing-function: linear !important; | |
} | |
/* | |
* Fade with scale | |
*/ | |
.uk-animation-scale-up { | |
-webkit-animation-name: uk-fade-scale-02; | |
animation-name: uk-fade-scale-02; | |
} | |
.uk-animation-scale-down { | |
-webkit-animation-name: uk-fade-scale-18; | |
animation-name: uk-fade-scale-18; | |
} | |
/* | |
* Fade with slide | |
*/ | |
.uk-animation-slide-top { | |
-webkit-animation-name: uk-fade-top; | |
animation-name: uk-fade-top; | |
} | |
.uk-animation-slide-bottom { | |
-webkit-animation-name: uk-fade-bottom; | |
animation-name: uk-fade-bottom; | |
} | |
.uk-animation-slide-left { | |
-webkit-animation-name: uk-fade-left; | |
animation-name: uk-fade-left; | |
} | |
.uk-animation-slide-right { | |
-webkit-animation-name: uk-fade-right; | |
animation-name: uk-fade-right; | |
} | |
/* | |
* Scale | |
*/ | |
.uk-animation-scale { | |
-webkit-animation-name: uk-scale-12; | |
animation-name: uk-scale-12; | |
} | |
/* | |
* Shake | |
*/ | |
.uk-animation-shake { | |
-webkit-animation-name: uk-shake; | |
animation-name: uk-shake; | |
} | |
/* Direction modifiers | |
========================================================================== */ | |
.uk-animation-reverse { | |
-webkit-animation-direction: reverse; | |
animation-direction: reverse; | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
} | |
/* Duration modifiers | |
========================================================================== */ | |
.uk-animation-15 { | |
-webkit-animation-duration: 15s; | |
animation-duration: 15s; | |
} | |
/* Origin modifiers | |
========================================================================== */ | |
.uk-animation-top-left { | |
-webkit-transform-origin: 0 0; | |
transform-origin: 0 0; | |
} | |
.uk-animation-top-center { | |
-webkit-transform-origin: 50% 0; | |
transform-origin: 50% 0; | |
} | |
.uk-animation-top-right { | |
-webkit-transform-origin: 100% 0; | |
transform-origin: 100% 0; | |
} | |
.uk-animation-middle-left { | |
-webkit-transform-origin: 0 50%; | |
transform-origin: 0 50%; | |
} | |
.uk-animation-middle-right { | |
-webkit-transform-origin: 100% 50%; | |
transform-origin: 100% 50%; | |
} | |
.uk-animation-bottom-left { | |
-webkit-transform-origin: 0 100%; | |
transform-origin: 0 100%; | |
} | |
.uk-animation-bottom-center { | |
-webkit-transform-origin: 50% 100%; | |
transform-origin: 50% 100%; | |
} | |
.uk-animation-bottom-right { | |
-webkit-transform-origin: 100% 100%; | |
transform-origin: 100% 100%; | |
} | |
/* Sub-object: `uk-animation-hover` | |
========================================================================== */ | |
/* | |
* Enable animation only on hover | |
* Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block` | |
*/ | |
.uk-animation-hover:not(:hover), | |
.uk-animation-hover:not(:hover) [class*='uk-animation-'], | |
.uk-touch .uk-animation-hover:not(.uk-hover), | |
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] { | |
-webkit-animation-name: none; | |
animation-name: none; | |
} | |
/* Keyframes: Fade | |
* Used by dropdown, datepicker and slideshow component | |
========================================================================== */ | |
@-webkit-keyframes uk-fade { | |
0% { | |
opacity: 0; | |
} | |
100% { | |
opacity: 1; | |
} | |
} | |
@keyframes uk-fade { | |
0% { | |
opacity: 0; | |
} | |
100% { | |
opacity: 1; | |
} | |
} | |
/* Keyframes: Fade with slide | |
========================================================================== */ | |
/* | |
* Top | |
*/ | |
@-webkit-keyframes uk-fade-top { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-100%); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
} | |
} | |
@keyframes uk-fade-top { | |
0% { | |
opacity: 0; | |
transform: translateY(-100%); | |
} | |
100% { | |
opacity: 1; | |
transform: translateY(0); | |
} | |
} | |
/* | |
* Bottom | |
*/ | |
@-webkit-keyframes uk-fade-bottom { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(100%); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
} | |
} | |
@keyframes uk-fade-bottom { | |
0% { | |
opacity: 0; | |
transform: translateY(100%); | |
} | |
100% { | |
opacity: 1; | |
transform: translateY(0); | |
} | |
} | |
/* | |
* Left | |
*/ | |
@-webkit-keyframes uk-fade-left { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-100%); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
} | |
} | |
@keyframes uk-fade-left { | |
0% { | |
opacity: 0; | |
transform: translateX(-100%); | |
} | |
100% { | |
opacity: 1; | |
transform: translateX(0); | |
} | |
} | |
/* | |
* Right | |
*/ | |
@-webkit-keyframes uk-fade-right { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(100%); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
} | |
} | |
@keyframes uk-fade-right { | |
0% { | |
opacity: 0; | |
transform: translateX(100%); | |
} | |
100% { | |
opacity: 1; | |
transform: translateX(0); | |
} | |
} | |
/* Keyframes: Fade with scale | |
========================================================================== */ | |
/* | |
* Scale by 0.2 | |
*/ | |
@-webkit-keyframes uk-fade-scale-02 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(0.2); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1); | |
} | |
} | |
@keyframes uk-fade-scale-02 { | |
0% { | |
opacity: 0; | |
transform: scale(0.2); | |
} | |
100% { | |
opacity: 1; | |
transform: scale(1); | |
} | |
} | |
/* | |
* Scale by 1.5 | |
* Used by slideshow component | |
*/ | |
@-webkit-keyframes uk-fade-scale-15 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(1.5); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1); | |
} | |
} | |
@keyframes uk-fade-scale-15 { | |
0% { | |
opacity: 0; | |
transform: scale(1.5); | |
} | |
100% { | |
opacity: 1; | |
transform: scale(1); | |
} | |
} | |
/* | |
* Scale by 1.8 | |
*/ | |
@-webkit-keyframes uk-fade-scale-18 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(1.8); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1); | |
} | |
} | |
@keyframes uk-fade-scale-18 { | |
0% { | |
opacity: 0; | |
transform: scale(1.8); | |
} | |
100% { | |
opacity: 1; | |
transform: scale(1); | |
} | |
} | |
/* Keyframes: Slide | |
* Used by slideshow component | |
========================================================================== */ | |
/* | |
* Left | |
*/ | |
@-webkit-keyframes uk-slide-left { | |
0% { | |
-webkit-transform: translateX(-100%); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@keyframes uk-slide-left { | |
0% { | |
transform: translateX(-100%); | |
} | |
100% { | |
transform: translateX(0); | |
} | |
} | |
/* | |
* Right | |
*/ | |
@-webkit-keyframes uk-slide-right { | |
0% { | |
-webkit-transform: translateX(100%); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@keyframes uk-slide-right { | |
0% { | |
transform: translateX(100%); | |
} | |
100% { | |
transform: translateX(0); | |
} | |
} | |
/* | |
* Left third | |
*/ | |
@-webkit-keyframes uk-slide-left-33 { | |
0% { | |
-webkit-transform: translateX(33%); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@keyframes uk-slide-left-33 { | |
0% { | |
transform: translateX(33%); | |
} | |
100% { | |
transform: translateX(0); | |
} | |
} | |
/* | |
* Right third | |
*/ | |
@-webkit-keyframes uk-slide-right-33 { | |
0% { | |
-webkit-transform: translateX(-33%); | |
} | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
} | |
@keyframes uk-slide-right-33 { | |
0% { | |
transform: translateX(-33%); | |
} | |
100% { | |
transform: translateX(0); | |
} | |
} | |
/* Keyframes: Scale | |
========================================================================== */ | |
@-webkit-keyframes uk-scale-12 { | |
0% { | |
-webkit-transform: scale(1.2); | |
} | |
100% { | |
-webkit-transform: scale(1); | |
} | |
} | |
@keyframes uk-scale-12 { | |
0% { | |
transform: scale(1.2); | |
} | |
100% { | |
transform: scale(1); | |
} | |
} | |
/* Keyframes: Rotate | |
* Used by icon component | |
========================================================================== */ | |
@-webkit-keyframes uk-rotate { | |
0% { | |
-webkit-transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform: rotate(359deg); | |
} | |
} | |
@keyframes uk-rotate { | |
0% { | |
transform: rotate(0deg); | |
} | |
100% { | |
transform: rotate(359deg); | |
} | |
} | |
/* Keyframes: Shake | |
========================================================================== */ | |
@-webkit-keyframes uk-shake { | |
0%, | |
100% { | |
-webkit-transform: translateX(0); | |
} | |
10% { | |
-webkit-transform: translateX(-9px); | |
} | |
20% { | |
-webkit-transform: translateX(8px); | |
} | |
30% { | |
-webkit-transform: translateX(-7px); | |
} | |
40% { | |
-webkit-transform: translateX(6px); | |
} | |
50% { | |
-webkit-transform: translateX(-5px); | |
} | |
60% { | |
-webkit-transform: translateX(4px); | |
} | |
70% { | |
-webkit-transform: translateX(-3px); | |
} | |
80% { | |
-webkit-transform: translateX(2px); | |
} | |
90% { | |
-webkit-transform: translateX(-1px); | |
} | |
} | |
@keyframes uk-shake { | |
0%, | |
100% { | |
transform: translateX(0); | |
} | |
10% { | |
transform: translateX(-9px); | |
} | |
20% { | |
transform: translateX(8px); | |
} | |
30% { | |
transform: translateX(-7px); | |
} | |
40% { | |
transform: translateX(6px); | |
} | |
50% { | |
transform: translateX(-5px); | |
} | |
60% { | |
transform: translateX(4px); | |
} | |
70% { | |
transform: translateX(-3px); | |
} | |
80% { | |
transform: translateX(2px); | |
} | |
90% { | |
transform: translateX(-1px); | |
} | |
} | |
/* Keyframes: Fade with slide fixed | |
* Used by dropdown and search component | |
========================================================================== */ | |
/* | |
* 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); | |
} | |
} | |
/* | |
* 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); | |
} | |
} | |
/* ======================================================================== | |
Component: Dropdown | |
========================================================================== */ | |
/* | |
* 1. Hide by default | |
* 2. Set position | |
* 3. Box-sizing is needed for `uk-dropdown-justify` | |
* 4. Set style | |
* 5. Reset button group whitespace hack | |
*/ | |
.uk-dropdown { | |
/* 1 */ | |
display: none; | |
/* 2 */ | |
position: absolute; | |
top: 100%; | |
left: 0; | |
z-index: 1020; | |
/* 3 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
/* 4 */ | |
width: 200px; | |
margin-top: 5px; | |
padding: 15px; | |
background: #ffffff; | |
color: #444444; | |
/* 5 */ | |
font-size: 1rem; | |
vertical-align: top; | |
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 | |
* Higher specificity to override large gutter | |
*/ | |
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { | |
margin-top: 15px; | |
} | |
/* Panels */ | |
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { | |
margin-top: 15px; | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
/* | |
* Horizontal gutter | |
*/ | |
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] { | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
/* | |
* Column divider | |
*/ | |
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-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; | |
} | |
} | |
/* Phone landscape and smaller */ | |
@media (max-width: 767px) { | |
/* | |
* Stack columns and take full width | |
*/ | |
.uk-dropdown-grid > [class*='uk-width-'] { | |
width: 100%; | |
} | |
/* | |
* Vertical gutter | |
*/ | |
.uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { | |
margin-top: 15px; | |
} | |
} | |
/* | |
* Stack grid columns | |
*/ | |
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { | |
width: 100%; | |
} | |
.uk-dropdown-stack > .uk-dropdown-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-scrollable` | |
========================================================================== */ | |
/* | |
* Usefull for long lists | |
*/ | |
.uk-dropdown-scrollable { | |
overflow-y: auto; | |
max-height: 200px; | |
} | |
.uk-dropdown-navbar.uk-dropdown-flip { | |
left: auto; | |
} | |
/* ======================================================================== | |
Component: Modal | |
========================================================================== */ | |
/* | |
* This is the modal overlay and modal dialog container | |
* 1. Hide by default | |
* 2. Set fixed position | |
* 3. Allow scrolling for the modal dialog | |
* 4. Mask the background page | |
* 5. Fade-in transition | |
* 6. Deactivate browser history navigation in IE11 | |
*/ | |
.uk-modal { | |
/* 1 */ | |
display: none; | |
/* 2 */ | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1010; | |
/* 3 */ | |
overflow-y: auto; | |
-webkit-overflow-scrolling: touch; | |
/* 4 */ | |
background: rgba(0, 0, 0, 0.6); | |
/* 5 */ | |
opacity: 0; | |
-webkit-transition: opacity 0.15s linear; | |
transition: opacity 0.15s linear; | |
/* 6 */ | |
touch-action: cross-slide-y pinch-zoom double-tap-zoom; | |
} | |
/* | |
* Open state | |
*/ | |
.uk-modal.uk-open { | |
opacity: 1; | |
} | |
/* | |
* Prevents duplicated scrollbar caused by 4. | |
*/ | |
.uk-modal-page, | |
.uk-modal-page body { | |
overflow: hidden; | |
} | |
/* Sub-object: `uk-modal-dialog` | |
========================================================================== */ | |
/* | |
* 1. Create position context for caption, spinner and close button | |
* 2. Set box sizing | |
* 3. Set style | |
* 4. Slide-in transition | |
*/ | |
.uk-modal-dialog { | |
/* 1 */ | |
position: relative; | |
/* 2 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
margin: 50px auto; | |
padding: 20px; | |
width: 600px; | |
max-width: 100%; | |
max-width: calc(100% - 20px); | |
/* 3 */ | |
background: #ffffff; | |
/* 4 */ | |
opacity: 0; | |
-webkit-transform: translateY(-100px); | |
transform: translateY(-100px); | |
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; | |
transition: opacity 0.3s linear, transform 0.3s ease-out; | |
border-radius: 4px; | |
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | |
} | |
/* Phone landscape and smaller */ | |
@media (max-width: 767px) { | |
/* | |
* Fit in small screen | |
*/ | |
.uk-modal-dialog { | |
width: auto; | |
margin: 10px auto; | |
} | |
} | |
/* | |
* Open state | |
*/ | |
.uk-open .uk-modal-dialog { | |
/* 4 */ | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-modal-dialog > :not([class*='uk-modal-']):last-child { | |
margin-bottom: 0; | |
} | |
/* Close in modal | |
========================================================================== */ | |
.uk-modal-dialog > .uk-close:first-child { | |
margin: -10px -10px 0 0; | |
float: right; | |
} | |
/* | |
* Remove margin from adjacent element | |
*/ | |
.uk-modal-dialog > .uk-close:first-child + *:not([class*='uk-modal-']) { | |
margin-top: 0; | |
} | |
/* Modifier: `uk-modal-dialog-lightbox` | |
========================================================================== */ | |
.uk-modal-dialog-lightbox { | |
margin: 15px auto; | |
padding: 0; | |
min-height: 200px; | |
max-width: 95%; | |
max-width: calc(100% - 30px); | |
border-radius: 0; | |
} | |
/* | |
* Close button | |
*/ | |
.uk-modal-dialog-lightbox > .uk-close:first-child { | |
position: absolute; | |
top: -12px; | |
right: -12px; | |
margin: 0; | |
float: none; | |
} | |
/* Phone landscape and smaller */ | |
@media (max-width: 767px) { | |
.uk-modal-dialog-lightbox > .uk-close:first-child { | |
top: -7px; | |
right: -7px; | |
} | |
} | |
/* Modifier: `uk-modal-dialog-large` | |
========================================================================== */ | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-modal-dialog-large { | |
width: 930px; | |
} | |
} | |
/* Large screen and bigger */ | |
@media (min-width: 1220px) { | |
.uk-modal-dialog-large { | |
width: 1130px; | |
} | |
} | |
/* Sub-Object: `uk-modal-header` and `uk-modal-footer` | |
========================================================================== */ | |
.uk-modal-header { | |
margin-bottom: 15px; | |
margin: -20px -20px 15px -20px; | |
padding: 20px; | |
border-bottom: 1px solid #dddddd; | |
border-radius: 4px 4px 0 0; | |
background: #fafafa; | |
} | |
.uk-modal-footer { | |
margin-top: 15px; | |
margin: 15px -20px -20px -20px; | |
padding: 20px; | |
border-top: 1px solid #dddddd; | |
border-radius: 0 0 4px 4px; | |
background: #fafafa; | |
} | |
/* | |
* Remove margin from the last-child | |
*/ | |
.uk-modal-header > :last-child, | |
.uk-modal-footer > :last-child { | |
margin-bottom: 0; | |
} | |
/* Sub-Object: `uk-modal-caption` | |
========================================================================== */ | |
.uk-modal-caption { | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: -20px; | |
margin-bottom: -10px; | |
color: #ffffff; | |
text-align: center; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
/* Sub-Object: `uk-modal-spinner` | |
========================================================================== */ | |
.uk-modal-spinner { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
font-size: 25px; | |
color: #ddd; | |
} | |
.uk-modal-spinner:after { | |
content: "\f110"; | |
font-family: FontAwesome; | |
-webkit-animation: uk-rotate 2s infinite linear; | |
animation: uk-rotate 2s infinite linear; | |
} | |
/* ======================================================================== | |
Component: Off-canvas | |
========================================================================== */ | |
/* | |
* This is the offcanvas overlay and bar container | |
* 1. Hide by default | |
* 2. Set fixed position | |
* 3. Deactivate browser touch actions in IE11 | |
* 4. Mask the background page | |
*/ | |
.uk-offcanvas { | |
/* 1 */ | |
display: none; | |
/* 2 */ | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1000; | |
/* 3 */ | |
touch-action: none; | |
/* 4 */ | |
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; | |
transition: margin-left 0.3s ease-in-out; | |
} | |
/* 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 | |
* 5. Deavtivate scroll chaining in IE11 | |
*/ | |
.uk-offcanvas-bar { | |
/* 1 */ | |
position: fixed; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%); | |
z-index: 1001; | |
/* 2 */ | |
width: 270px; | |
max-width: 100%; | |
background: #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; | |
/* 5 */ | |
-ms-scroll-chaining: none; | |
} | |
.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); | |
text-shadow: none; | |
} | |
.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; | |
} | |
.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); | |
} | |
/* ======================================================================== | |
Component: Switcher | |
========================================================================== */ | |
/* | |
* 1. Deactivate browser history navigation in IE11 | |
*/ | |
.uk-switcher { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
/* 1 */ | |
touch-action: cross-slide-y pinch-zoom double-tap-zoom; | |
} | |
/* | |
* Items | |
*/ | |
.uk-switcher > *:not(.uk-active) { | |
display: none; | |
} | |
/* ======================================================================== | |
Component: Text | |
========================================================================== */ | |
/* Size modifiers | |
========================================================================== */ | |
.uk-text-small { | |
font-size: 11px; | |
line-height: 16px; | |
} | |
.uk-text-large { | |
font-size: 18px; | |
line-height: 24px; | |
font-weight: normal; | |
} | |
/* Weight modifiers | |
========================================================================== */ | |
.uk-text-bold { | |
font-weight: bold; | |
} | |
/* Color modifiers | |
========================================================================== */ | |
.uk-text-muted { | |
color: #999999 !important; | |
} | |
.uk-text-primary { | |
color: #2d7091 !important; | |
} | |
.uk-text-success { | |
color: #659f13 !important; | |
} | |
.uk-text-warning { | |
color: #e28327 !important; | |
} | |
.uk-text-danger { | |
color: #d85030 !important; | |
} | |
.uk-text-contrast { | |
color: #ffffff !important; | |
} | |
/* Alignment modifiers | |
========================================================================== */ | |
.uk-text-left { | |
text-align: left !important; | |
} | |
.uk-text-right { | |
text-align: right !important; | |
} | |
.uk-text-center { | |
text-align: center !important; | |
} | |
.uk-text-justify { | |
text-align: justify !important; | |
} | |
.uk-text-top { | |
vertical-align: top !important; | |
} | |
.uk-text-middle { | |
vertical-align: middle !important; | |
} | |
.uk-text-bottom { | |
vertical-align: bottom !important; | |
} | |
/* Only tablets portrait and smaller */ | |
@media (max-width: 959px) { | |
.uk-text-center-medium { | |
text-align: center !important; | |
} | |
.uk-text-left-medium { | |
text-align: left !important; | |
} | |
} | |
/* Phone landscape and smaller */ | |
@media (max-width: 767px) { | |
.uk-text-center-small { | |
text-align: center !important; | |
} | |
.uk-text-left-small { | |
text-align: left !important; | |
} | |
} | |
/* Wrap modifiers | |
========================================================================== */ | |
/* | |
* Prevent text from wrapping onto multiple lines | |
*/ | |
.uk-text-nowrap { | |
white-space: nowrap; | |
} | |
/* | |
* Prevent text from wrapping onto multiple lines, and truncate with an ellipsis | |
*/ | |
.uk-text-truncate { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
/* | |
* Break strings if their length exceeds the width of their container | |
*/ | |
.uk-text-break { | |
word-wrap: break-word; | |
-webkit-hyphens: auto; | |
-ms-hyphens: auto; | |
-moz-hyphens: auto; | |
hyphens: auto; | |
} | |
/* ======================================================================== | |
Component: Utility | |
========================================================================== */ | |
/* Container | |
========================================================================== */ | |
.uk-container { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
max-width: 980px; | |
padding: 0 25px; | |
} | |
/* Large screen and bigger */ | |
@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 | |
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit | |
* `table` is used again with `:after` because `clear` only works with block elements. | |
* Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari | |
*/ | |
.uk-clearfix:before { | |
content: ""; | |
display: table-cell; | |
} | |
.uk-clearfix:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
/* | |
* Create a new block formatting context | |
*/ | |
.uk-nbfc { | |
overflow: hidden; | |
} | |
.uk-nbfc-alt { | |
display: table-cell; | |
width: 10000px; | |
} | |
/* Alignment of block elements | |
========================================================================== */ | |
/* | |
* Float blocks | |
* 1. Prevent content overflow on small devices | |
*/ | |
.uk-float-left { | |
float: left; | |
} | |
.uk-float-right { | |
float: right; | |
} | |
/* 1 */ | |
[class*='uk-float-'] { | |
max-width: 100%; | |
} | |
/* Alignment of images and objects | |
========================================================================== */ | |
/* | |
* Alignment | |
*/ | |
[class*='uk-align-'] { | |
display: block; | |
margin-bottom: 15px; | |
} | |
.uk-align-left { | |
margin-right: 15px; | |
float: left; | |
} | |
.uk-align-right { | |
margin-left: 15px; | |
float: right; | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-align-medium-left { | |
margin-right: 15px; | |
margin-bottom: 15px; | |
float: left; | |
} | |
.uk-align-medium-right { | |
margin-left: 15px; | |
margin-bottom: 15px; | |
float: right; | |
} | |
} | |
.uk-align-center { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
/* Vertical alignment | |
========================================================================== */ | |
/* | |
* Remove whitespace between child elements when using `inline-block` | |
*/ | |
.uk-vertical-align { | |
font-size: 0.001px; | |
} | |
/* | |
* The `uk-vertical-align` container needs a specific height | |
*/ | |
.uk-vertical-align:before { | |
content: ''; | |
display: inline-block; | |
height: 100%; | |
vertical-align: middle; | |
} | |
/* | |
* Sub-object which can have any height | |
* 1. Reset whitespace hack | |
*/ | |
.uk-vertical-align-middle, | |
.uk-vertical-align-bottom { | |
display: inline-block; | |
max-width: 100%; | |
/* 1 */ | |
font-size: 1rem; | |
} | |
.uk-vertical-align-middle { | |
vertical-align: middle; | |
} | |
.uk-vertical-align-bottom { | |
vertical-align: bottom; | |
} | |
/* Height | |
========================================================================== */ | |
/* | |
* More robust if padding and border are used | |
*/ | |
[class*='uk-height'] { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
/* | |
* Useful to extend the `html` and `body` element to the full height of the page. | |
*/ | |
.uk-height-1-1 { | |
height: 100%; | |
} | |
/* | |
* Useful to create image teasers | |
*/ | |
.uk-height-viewport { | |
height: 100vh; | |
min-height: 600px; | |
} | |
/* Responsive objects | |
* Note: Images are already responsive by default, see Base component | |
========================================================================== */ | |
/* | |
* 1. Corrects `max-width` and `max-height` behavior if padding and border are used | |
*/ | |
.uk-responsive-width, | |
.uk-responsive-height { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
/* | |
* Responsiveness: Sets a maximum width relative to the parent and auto scales the height | |
* `important` needed to override `uk-img-preserve img` | |
*/ | |
.uk-responsive-width { | |
max-width: 100% !important; | |
height: auto; | |
} | |
/* | |
* Responsiveness: Sets a maximum height relative to the parent and auto scales the width | |
* Only works if the parent element has a fixed height. | |
*/ | |
.uk-responsive-height { | |
max-height: 100%; | |
width: auto; | |
} | |
/* Margin | |
========================================================================== */ | |
/* | |
* Create a block with the same margin of a paragraph | |
* Add margin if adjacent element | |
*/ | |
.uk-margin { | |
margin-bottom: 15px; | |
} | |
* + .uk-margin { | |
margin-top: 15px; | |
} | |
.uk-margin-top { | |
margin-top: 15px !important; | |
} | |
.uk-margin-bottom { | |
margin-bottom: 15px !important; | |
} | |
.uk-margin-left { | |
margin-left: 15px !important; | |
} | |
.uk-margin-right { | |
margin-right: 15px !important; | |
} | |
/* | |
* Larger margins | |
*/ | |
.uk-margin-large { | |
margin-bottom: 50px; | |
} | |
* + .uk-margin-large { | |
margin-top: 50px; | |
} | |
.uk-margin-large-top { | |
margin-top: 50px !important; | |
} | |
.uk-margin-large-bottom { | |
margin-bottom: 50px !important; | |
} | |
.uk-margin-large-left { | |
margin-left: 50px !important; | |
} | |
.uk-margin-large-right { | |
margin-right: 50px !important; | |
} | |
/* | |
* Smaller margins | |
*/ | |
.uk-margin-small { | |
margin-bottom: 5px; | |
} | |
* + .uk-margin-small { | |
margin-top: 5px; | |
} | |
.uk-margin-small-top { | |
margin-top: 5px !important; | |
} | |
.uk-margin-small-bottom { | |
margin-bottom: 5px !important; | |
} | |
.uk-margin-small-left { | |
margin-left: 5px !important; | |
} | |
.uk-margin-small-right { | |
margin-right: 5px !important; | |
} | |
/* | |
* Remove margins | |
*/ | |
.uk-margin-remove { | |
margin: 0 !important; | |
} | |
.uk-margin-top-remove { | |
margin-top: 0 !important; | |
} | |
.uk-margin-bottom-remove { | |
margin-bottom: 0 !important; | |
} | |
/* Border | |
========================================================================== */ | |
.uk-border-circle { | |
border-radius: 50%; | |
} | |
.uk-border-rounded { | |
border-radius: 5px; | |
} | |
/* Headings | |
========================================================================== */ | |
.uk-heading-large { | |
font-size: 36px; | |
line-height: 42px; | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-heading-large { | |
font-size: 52px; | |
line-height: 64px; | |
} | |
} | |
/* Link | |
========================================================================== */ | |
/* | |
* Let links appear in default text color | |
*/ | |
.uk-link-muted, | |
.uk-link-muted a { | |
color: #444444; | |
} | |
.uk-link-muted:hover, | |
.uk-link-muted a:hover { | |
color: #444444; | |
} | |
/* | |
* Reset link style | |
*/ | |
.uk-link-reset, | |
.uk-link-reset a, | |
.uk-link-reset:hover, | |
.uk-link-reset a:hover { | |
color: inherit; | |
text-decoration: none; | |
} | |
/* Scrollable | |
========================================================================== */ | |
/* | |
* Enable scrolling for preformatted text | |
*/ | |
.uk-scrollable-text { | |
height: 300px; | |
overflow-y: scroll; | |
-webkit-overflow-scrolling: touch; | |
resize: both; | |
} | |
/* | |
* Box with scrolling enabled | |
*/ | |
.uk-scrollable-box { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
height: 170px; | |
padding: 10px; | |
border: 1px solid #dddddd; | |
overflow: auto; | |
-webkit-overflow-scrolling: touch; | |
resize: both; | |
border-radius: 3px; | |
} | |
.uk-scrollable-box > :last-child { | |
margin-bottom: 0; | |
} | |
/* Overflow | |
========================================================================== */ | |
/* | |
* Enable scrollbars if content is clipped | |
*/ | |
.uk-overflow-container { | |
overflow: auto; | |
-webkit-overflow-scrolling: touch; | |
} | |
.uk-overflow-container > :last-child { | |
margin-bottom: 0; | |
} | |
/* Position | |
========================================================================== */ | |
.uk-position-absolute, | |
[class*='uk-position-top'], | |
[class*='uk-position-bottom'] { | |
position: absolute !important; | |
} | |
.uk-position-top { | |
top: 0; | |
width: 100%; | |
} | |
.uk-position-bottom { | |
bottom: 0; | |
width: 100%; | |
} | |
.uk-position-top-left { | |
top: 0; | |
left: 0; | |
} | |
.uk-position-top-right { | |
top: 0; | |
right: 0; | |
} | |
.uk-position-bottom-left { | |
bottom: 0; | |
left: 0; | |
} | |
.uk-position-bottom-right { | |
bottom: 0; | |
right: 0; | |
} | |
/* | |
* Cover | |
*/ | |
.uk-position-cover { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
} | |
/* | |
* Relative | |
*/ | |
.uk-position-relative { | |
position: relative !important; | |
} | |
/* 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` so it works also with `inline-block` and `table` | |
*/ | |
/* Desktop and bigger */ | |
@media (min-width: 960px) { | |
.uk-visible-small { | |
display: none !important; | |
} | |
.uk-visible-medium { | |
display: none !important; | |
} | |
.uk-hidden-large { | |
display: none !important; | |
} | |
} | |
/* Tablets portrait */ | |
@media (min-width: 768px) and (max-width: 959px) { | |
.uk-visible-small { | |
display: none !important; | |
} | |
.uk-visible-large { | |
display: none !important ; | |
} | |
.uk-hidden-medium { | |
display: none !important; | |
} | |
} | |
/* Phone landscape and smaller*/ | |
@media (max-width: 767px) { | |
.uk-visible-medium { | |
display: none !important; | |
} | |
.uk-visible-large { | |
display: none !important; | |
} | |
.uk-hidden-small { | |
display: none !important; | |
} | |
} | |
/* Remove from the flow and screen readers on any device */ | |
.uk-hidden { | |
display: none !important; | |
visibility: hidden !important; | |
} | |
/* It's hidden, but still affects layout */ | |
.uk-invisible { | |
visibility: hidden !important; | |
} | |
/* Show on hover */ | |
.uk-visible-hover:hover .uk-hidden, | |
.uk-visible-hover:hover .uk-invisible { | |
display: block !important; | |
visibility: visible !important; | |
} | |
.uk-visible-hover-inline:hover .uk-hidden, | |
.uk-visible-hover-inline:hover .uk-invisible { | |
display: inline-block !important; | |
visibility: visible !important; | |
} | |
/* Hide on touch */ | |
.uk-touch .uk-hidden-touch, | |
.uk-notouch .uk-hidden-notouch { | |
display: none !important; | |
} | |
/* ======================================================================== | |
Component: Flex | |
========================================================================== */ | |
.uk-flex { | |
display: -ms-flexbox; | |
display: -webkit-flex; | |
display: flex; | |
} | |
.uk-flex-inline { | |
display: -ms-inline-flexbox; | |
display: -webkit-inline-flex; | |
display: inline-flex; | |
} | |
/* | |
* Fixes initial flex-shrink value in IE10 | |
*/ | |
.uk-flex > *, | |
.uk-flex-inline > * { | |
-ms-flex-negative: 1; | |
} | |
/* Alignment | |
========================================================================== */ | |
/* | |
* Vertical alignment | |
* Default value is `stretch` | |
*/ | |
.uk-flex-top { | |
-ms-flex-align: start; | |
-webkit-align-items: flex-start; | |
align-items: flex-start; | |
} | |
.uk-flex-middle { | |
-ms-flex-align: center; | |
-webkit-align-items: center; | |
align-items: center; | |
} | |
.uk-flex-bottom { | |
-ms-flex-align: end; | |
-webkit-align-items: flex-end; | |
align-items: flex-end; | |
} | |
/* | |
* Horizontal alignment | |
* Default value is `flex-start` | |
*/ | |
.uk-flex-center { | |
-ms-flex-pack: center; | |
-webkit-justify-content: center; | |
justify-content: center; | |
} | |
.uk-flex-right { | |
-ms-flex-pack: end; | |
-webkit-justify-content: flex-end; | |
justify-content: flex-end; | |
} | |
.uk-flex-space-between { | |
-ms-flex-pack: justify; | |
-webkit-justify-content: space-between; | |
justify-content: space-between; | |
} | |
.uk-flex-space-around { | |
-ms-flex-pack: distribute; | |
-webkit-justify-content: space-around; | |
justify-content: space-around; | |
} | |
/* Direction | |
========================================================================== */ | |
.uk-flex-row-reverse { | |
-ms-flex-direction: row-reverse; | |
-webkit-flex-direction: row-reverse; | |
flex-direction: row-reverse; | |
} | |
.uk-flex-column { | |
-ms-flex-direction: column; | |
-webkit-flex-direction: column; | |
flex-direction: column; | |
} | |
.uk-flex-column-reverse { | |
-ms-flex-direction: column-reverse; | |
-webkit-flex-direction: column-reverse; | |
flex-direction: column-reverse; | |
} | |
/* Wrap | |
========================================================================== */ | |
.uk-flex-wrap { | |
-ms-flex-wrap: wrap; | |
-webkit-flex-wrap: wrap; | |
flex-wrap: wrap; | |
} | |
.uk-flex-wrap-reverse { | |
-ms-flex-wrap: wrap-reverse; | |
-webkit-flex-wrap: wrap-reverse; | |
flex-wrap: wrap-reverse; | |
} | |
/* | |
* Horizontal alignment | |
* Default value is `stretch` | |
*/ | |
.uk-flex-wrap-top { | |
-ms-flex-line-pack: start; | |
-webkit-align-content: flex-start; | |
align-content: flex-start; | |
} | |
.uk-flex-wrap-middle { | |
-ms-flex-line-pack: center; | |
-webkit-align-content: center; | |
align-content: center; | |
} | |
.uk-flex-wrap-bottom { | |
-ms-flex-line-pack: end; | |
-webkit-align-content: flex-end; | |
align-content: flex-end; | |
} | |
.uk-flex-wrap-space-between { | |
-ms-flex-line-pack: justify; | |
-webkit-align-content: space-between; | |
align-content: space-between; | |
} | |
.uk-flex-wrap-space-around { | |
-ms-flex-line-pack: distribute; | |
-webkit-align-content: space-around; | |
align-content: space-around; | |
} | |
/* Item ordering | |
========================================================================== */ | |
/* | |
* Default is 0 | |
*/ | |
.uk-flex-order-first { | |
-ms-flex-order: -1; | |
-webkit-order: -1; | |
order: -1; | |
} | |
.uk-flex-order-last { | |
-ms-flex-order: 99; | |
-webkit-order: 99; | |
order: 99; | |
} | |
/* Phone landscape and bigger */ | |
@media (min-width: 480px) { | |
.uk-flex-order-first-small { | |
-ms-flex-order: -1; | |
-webkit-order: -1; | |
order: -1; | |
} | |
.uk-flex-order-last-small { | |
-ms-flex-order: 99; | |
-webkit-order: 99; | |
order: 99; | |
} | |
} | |
/* Tablet and bigger */ | |
@media (min-width: 768px) { | |
.uk-flex-order-first-medium { | |
-ms-flex-order: -1; | |
-webkit-order: -1; | |
order: -1; | |
} | |
.uk-flex-order-last-medium { | |
-ms-flex-order: 99; | |
-webkit-order: 99; | |
order: 99; | |
} | |
} | |
/* Desktop and bigger */ | |
@media (min-width: 960px) { | |
.uk-flex-order-first-large { | |
-ms-flex-order: -1; | |
-webkit-order: -1; | |
order: -1; | |
} | |
.uk-flex-order-last-large { | |
-ms-flex-order: 99; | |
-webkit-order: 99; | |
order: 99; | |
} | |
} | |
/* Large screen and bigger */ | |
@media (min-width: 1220px) { | |
.uk-flex-order-first-xlarge { | |
-ms-flex-order: -1; | |
-webkit-order: -1; | |
order: -1; | |
} | |
.uk-flex-order-last-xlarge { | |
-ms-flex-order: 99; | |
-webkit-order: 99; | |
order: 99; | |
} | |
} | |
/* Item dimensions | |
========================================================================== */ | |
/* | |
* Initial: 0 1 auto | |
* Content dimensions, but shrinks | |
*/ | |
/* | |
* No Flex: 0 0 auto | |
* Content dimensions | |
*/ | |
.uk-flex-item-none { | |
-ms-flex: none; | |
-webkit-flex: none; | |
flex: none; | |
} | |
/* | |
* Relative Flex: 1 1 auto | |
* Space is allocated considering content | |
* 1. Fixes flex-shrink value in IE10 | |
*/ | |
.uk-flex-item-auto { | |
-ms-flex: auto; | |
-webkit-flex: auto; | |
flex: auto; | |
/* 1 */ | |
-ms-flex-negative: 1; | |
} | |
/* | |
* Absolute Flex: 1 1 0% | |
* Space is allocated solely based on flex | |
*/ | |
.uk-flex-item-1 { | |
-ms-flex: 1; | |
-webkit-flex: 1; | |
flex: 1; | |
} | |
/* ======================================================================== | |
Component: Print | |
========================================================================== */ | |
@media print { | |
* { | |
background: transparent !important; | |
color: black !important; | |
box-shadow: none !important; | |
text-shadow: none !important; | |
} | |
a, | |
a:visited { | |
text-decoration: underline; | |
} | |
pre, | |
blockquote { | |
border: 1px solid #999; | |
page-break-inside: avoid; | |
} | |
thead { | |
display: table-header-group; | |
} | |
tr, | |
img { | |
page-break-inside: avoid; | |
} | |
img { | |
max-width: 100% !important; | |
} | |
@page { | |
margin: 0.5cm; | |
} | |
p, | |
h2, | |
h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2, | |
h3 { | |
page-break-after: avoid; | |
} | |
} | |
/* ======================================================================== | |
Component: Progress | |
========================================================================== */ | |
/* | |
* 1. Clearing | |
* 2. Vertical alignment if text is used | |
*/ | |
.uk-progress { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
height: 20px; | |
margin-bottom: 15px; | |
background: #f5f5f5; | |
/* 1 */ | |
overflow: hidden; | |
/* 2 */ | |
line-height: 20px; | |
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` | |
========================================================================== */ | |
/* | |
* 1. Transition | |
* 2. Needed for text | |
*/ | |
.uk-progress-bar { | |
width: 0; | |
height: 100%; | |
background: #00a8e6; | |
float: left; | |
/* 1 */ | |
-webkit-transition: width 0.6s ease; | |
transition: width 0.6s ease; | |
/* 2 */ | |
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; | |
} | |
} | |
/* Size modifiers | |
========================================================================== */ | |
.uk-progress-mini, | |
.uk-progress-small { | |
border-radius: 500px; | |
} | |
/* ======================================================================== | |
Component: Slidenav | |
========================================================================== */ | |
/* | |
* 1. Required for `a` elements | |
* 2. Dimension | |
* 3. Style | |
*/ | |
.uk-slidenav { | |
/* 1 */ | |
display: inline-block; | |
/* 2 */ | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 60px; | |
height: 60px; | |
/* 3 */ | |
line-height: 60px; | |
color: rgba(50, 50, 50, 0.4); | |
font-size: 60px; | |
text-align: center; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
* 3. Required for `a` elements | |
* 4. Style | |
*/ | |
.uk-slidenav:hover, | |
.uk-slidenav:focus { | |
/* 2 */ | |
outline: none; | |
/* 3 */ | |
text-decoration: none; | |
/* 4 */ | |
color: rgba(50, 50, 50, 0.7); | |
cursor: pointer; | |
} | |
/* Active */ | |
.uk-slidenav:active { | |
color: rgba(50, 50, 50, 0.9); | |
} | |
/* | |
* Icons | |
*/ | |
.uk-slidenav-previous:before { | |
content: "\f104"; | |
font-family: FontAwesome; | |
} | |
.uk-slidenav-next:before { | |
content: "\f105"; | |
font-family: FontAwesome; | |
} | |
/* Sub-object: `uk-slidenav-position` | |
========================================================================== */ | |
/* | |
* Create position context | |
*/ | |
.uk-slidenav-position { | |
position: relative; | |
} | |
/* | |
* Center vertically | |
*/ | |
.uk-slidenav-position .uk-slidenav { | |
display: none; | |
position: absolute; | |
top: 50%; | |
z-index: 1; | |
margin-top: -30px; | |
} | |
.uk-slidenav-position:hover .uk-slidenav { | |
display: block; | |
} | |
.uk-slidenav-position .uk-slidenav-previous { | |
left: 20px; | |
} | |
.uk-slidenav-position .uk-slidenav-next { | |
right: 20px; | |
} | |
/* Modifier: `uk-slidenav-contrast` | |
========================================================================== */ | |
.uk-slidenav-contrast { | |
color: rgba(255, 255, 255, 0.5); | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
*/ | |
.uk-slidenav-contrast:hover, | |
.uk-slidenav-contrast:focus { | |
color: rgba(255, 255, 255, 0.7); | |
} | |
/* Active */ | |
.uk-slidenav-contrast:active { | |
color: rgba(255, 255, 255, 0.9); | |
} | |
/* ======================================================================== | |
Component: Slideshow | |
========================================================================== */ | |
/* | |
* 1. Create position context | |
* 2. Create stacking context to prevent z-index issues with other components | |
* 3. Set width because child elements are positioned absolute. Height is set via JS | |
* 4. Reset list style | |
* 5. Clip child elements | |
* 6. Deactivate browser history navigation in IE11 | |
*/ | |
.uk-slideshow { | |
/* 1 */ | |
position: relative; | |
/* 2 */ | |
z-index: 0; | |
/* 3 */ | |
width: 100%; | |
/* 4 */ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
/* 5 */ | |
overflow: hidden; | |
/* 6 */ | |
touch-action: pan-y; | |
} | |
/* | |
* Sub-object slides | |
* 1. Position items above each other | |
* 2. Expand to parent container width | |
* 3. Hide by default | |
*/ | |
.uk-slideshow > li { | |
/* 1 */ | |
position: absolute; | |
top: 0; | |
left: 0; | |
/* 2 */ | |
width: 100%; | |
/* 3 */ | |
opacity: 0; | |
} | |
/* | |
* Active | |
* 1. Stack at first | |
* 2. Show slide | |
*/ | |
.uk-slideshow > .uk-active { | |
/* 1 */ | |
z-index: 10; | |
/* 2 */ | |
opacity: 1; | |
} | |
/* | |
* Hide default images which is only relevant to keep existing proportions | |
*/ | |
.uk-slideshow > li > img { | |
visibility: hidden; | |
} | |
/* | |
* Pointer for controls | |
*/ | |
[data-uk-slideshow-slide] { | |
cursor: pointer; | |
} | |
/* Modifier: `uk-slideshow-fullscreen` | |
========================================================================== */ | |
.uk-slideshow-fullscreen, | |
.uk-slideshow-fullscreen > li { | |
height: 100vh; | |
} | |
/* Animations | |
========================================================================== */ | |
/* | |
* Fade | |
*/ | |
.uk-slideshow-fade-out { | |
-webkit-animation: uk-fade 0.5s linear reverse; | |
animation: uk-fade 0.5s linear reverse; | |
} | |
/* | |
* Scroll | |
*/ | |
.uk-slideshow-scroll-forward-in { | |
-webkit-animation: uk-slide-right 0.5s ease-in-out; | |
animation: uk-slide-right 0.5s ease-in-out; | |
} | |
.uk-slideshow-scroll-forward-out { | |
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | |
animation: uk-slide-left 0.5s ease-in-out reverse; | |
} | |
.uk-slideshow-scroll-backward-in { | |
-webkit-animation: uk-slide-left 0.5s ease-in-out; | |
animation: uk-slide-left 0.5s ease-in-out; | |
} | |
.uk-slideshow-scroll-backward-out { | |
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | |
animation: uk-slide-right 0.5s ease-in-out reverse; | |
} | |
/* | |
* Scale | |
*/ | |
.uk-slideshow-scale-out { | |
-webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; | |
animation: uk-fade-scale-15 0.5s ease-in-out reverse; | |
} | |
/* | |
* Swipe | |
*/ | |
.uk-slideshow-swipe-forward-in { | |
-webkit-animation: uk-slide-left-33 0.5s ease-in-out; | |
animation: uk-slide-left-33 0.5s ease-in-out; | |
} | |
.uk-slideshow-swipe-forward-out { | |
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse; | |
animation: uk-slide-left 0.5s ease-in-out reverse; | |
} | |
.uk-slideshow-swipe-backward-in { | |
-webkit-animation: uk-slide-right-33 0.5s ease-in-out; | |
animation: uk-slide-right-33 0.5s ease-in-out; | |
} | |
.uk-slideshow-swipe-backward-out { | |
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse; | |
animation: uk-slide-right 0.5s ease-in-out reverse; | |
} | |
.uk-slideshow-swipe-forward-in:before, | |
.uk-slideshow-swipe-backward-in:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 1; | |
background: rgba(0, 0, 0, 0.6); | |
-webkit-animation: uk-fade 0.5s ease-in-out reverse; | |
animation: uk-fade 0.5s ease-in-out reverse; | |
} | |
/* ======================================================================== | |
Component: HTML editor | |
========================================================================== */ | |
/* Sub-object `uk-htmleditor-navbar` | |
========================================================================== */ | |
.uk-htmleditor-navbar { | |
background: #f5f5f5; | |
border: 1px solid rgba(0, 0, 0, 0.06); | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
} | |
/* | |
* Micro clearfix | |
*/ | |
.uk-htmleditor-navbar:before, | |
.uk-htmleditor-navbar:after { | |
content: ""; | |
display: table; | |
} | |
.uk-htmleditor-navbar:after { | |
clear: both; | |
} | |
/* Sub-object `uk-htmleditor-navbar-nav` | |
========================================================================== */ | |
.uk-htmleditor-navbar-nav { | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
float: left; | |
} | |
.uk-htmleditor-navbar-nav > li { | |
float: left; | |
} | |
/* | |
* 1. Dimensions | |
* 2. Style | |
*/ | |
.uk-htmleditor-navbar-nav > li > a { | |
display: block; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
text-decoration: none; | |
/* 1 */ | |
height: 41px; | |
padding: 0 15px; | |
line-height: 40px; | |
/* 2 */ | |
color: #444444; | |
font-size: 11px; | |
cursor: pointer; | |
margin-top: -1px; | |
margin-left: -1px; | |
border: 1px solid transparent; | |
border-bottom-width: 0; | |
text-shadow: 0 1px 0 #ffffff; | |
} | |
/* | |
* Hover | |
* 1. Apply hover style also to focus state | |
* 2. Remove default focus style | |
*/ | |
.uk-htmleditor-navbar-nav > li:hover > a, | |
.uk-htmleditor-navbar-nav > li > a:focus { | |
background-color: #fafafa; | |
color: #444444; | |
outline: none; | |
/* 2 */ | |
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); | |
} | |
/* OnClick */ | |
.uk-htmleditor-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-htmleditor-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-object: `uk-htmleditor-navbar-flip` | |
========================================================================== */ | |
.uk-htmleditor-navbar-flip { | |
float: right; | |
} | |
/* Sub-object for special buttons | |
========================================================================== */ | |
[data-mode='split'] .uk-htmleditor-button-code, | |
[data-mode='split'] .uk-htmleditor-button-preview { | |
display: none; | |
} | |
/* Sub-object `uk-htmleditor-content` | |
========================================================================== */ | |
.uk-htmleditor-content { | |
border-left: 1px solid #dddddd; | |
border-right: 1px solid #dddddd; | |
border-bottom: 1px solid #dddddd; | |
background: #ffffff; | |
border-bottom-left-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
/* | |
* Micro clearfix | |
*/ | |
.uk-htmleditor-content:before, | |
.uk-htmleditor-content:after { | |
content: ""; | |
display: table; | |
} | |
.uk-htmleditor-content:after { | |
clear: both; | |
} | |
/* Modifier `uk-htmleditor-fullscreen` | |
========================================================================== */ | |
.uk-htmleditor-fullscreen { | |
position: fixed; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
z-index: 990; | |
} | |
.uk-htmleditor-fullscreen .uk-htmleditor-content { | |
position: absolute; | |
top: 41px; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
} | |
.uk-htmleditor-fullscreen .uk-icon-expand:before { | |
content: "\f066"; | |
} | |
/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview` | |
========================================================================== */ | |
.uk-htmleditor-code, | |
.uk-htmleditor-preview { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.uk-htmleditor-preview { | |
padding: 20px; | |
overflow-y: scroll; | |
position: relative; | |
} | |
/* | |
* Tab view | |
*/ | |
[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview, | |
[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code { | |
display: none; | |
} | |
/* | |
* Split view | |
*/ | |
[data-mode='split'] .uk-htmleditor-code, | |
[data-mode='split'] .uk-htmleditor-preview { | |
float: left; | |
width: 50%; | |
} | |
[data-mode='split'] .uk-htmleditor-code { | |
border-right: 1px solid #eeeeee; | |
} | |
/* Sub-object `uk-htmleditor-iframe` | |
========================================================================== */ | |
.uk-htmleditor-iframe { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} | |
/* CodeMirror modifications | |
========================================================================== */ | |
.uk-htmleditor .CodeMirror { | |
padding: 10px; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
/* | |
* Apply same `border-radius` as `uk-htmleditor-navbar` | |
*/ | |
.uk-htmleditor-navbar-nav:first-child > li:first-child > a { | |
border-top-left-radius: 4px; | |
} | |
/* | |
* Sub-modifier `uk-htmleditor-navbar-flip` | |
*/ | |
/* Collapse border */ | |
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a { | |
margin-left: 0; | |
margin-right: -1px; | |
} | |
/* Apply same `border-radius` as `uk-htmleditor-navbar` */ | |
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a { | |
border-top-left-radius: 0; | |
} | |
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a { | |
border-top-right-radius: 4px; | |
} | |
/* | |
* Sub-modifier `uk-htmleditor-fullscreen` | |
*/ | |
.uk-htmleditor-fullscreen .uk-htmleditor-navbar { | |
border-top: none; | |
border-left: none; | |
border-right: none; | |
border-radius: 0; | |
} | |
.uk-htmleditor-fullscreen .uk-htmleditor-content { | |
border: none; | |
border-radius: 0; | |
} | |
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a { | |
border-radius: 0 !important; | |
} | |
body { | |
margin: 0; | |
padding: 0; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 20px; | |
color: #666; | |
background-color: #fff; | |
} | |
#oldBrowser { | |
display: none; | |
position: fixed; | |
bottom: 0; | |
left: 15px; | |
right: 15px; | |
z-index: 9; | |
} | |
#header { | |
position: fixed; | |
left: 0; | |
right: 0; | |
top: 0; | |
z-index: 10; | |
} | |
#header .uk-navbar { | |
border-width: 0; | |
} | |
@media (max-width: 767px) { | |
.x-sidebar-left { | |
display: none; | |
} | |
.x-sidebar-right { | |
display: none; | |
} | |
div.x-center { | |
margin-left: 0; | |
margin-right: 0; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
} | |
@media (min-width: 768px) { | |
.x-sidebar-left, | |
.x-sidebar-right { | |
width: 316px; | |
box-sizing: border-box; | |
display: block; | |
} | |
.x-sidebar-left { | |
float: left; | |
padding-right: 15px; | |
border-right: 1px solid #dddddd; | |
} | |
.x-sidebar-right { | |
float: right; | |
padding-left: 15px; | |
border-left: 1px solid #dddddd; | |
} | |
} | |
.uk-grid { | |
display: block !important; | |
} | |
#main { | |
min-height: 100%; | |
height: auto !important; | |
margin: 0; | |
} | |
#main .x-push-to-bottom { | |
clear: both; | |
height: 130px; | |
} | |
#footer { | |
height: 130px; | |
} | |
#footer .uk-icon-button { | |
color: #666; | |
} | |
#footer hr { | |
margin: 25px -20px; | |
} | |
.x-placeholder-50 { | |
height: 50px; | |
} | |
.x-placeholder { | |
height: 25px; | |
} | |
@media (max-width: 479px) { | |
.x-hidden-tiny { | |
display: none !important; | |
} | |
} | |
.x-container { | |
max-width: 1600px; | |
width: 100%; | |
margin-left: auto; | |
margin-right: auto; | |
display: table; | |
} | |
.uk-article + .uk-article { | |
border-top: none; | |
} | |
.uk-article a.x-cover-small:hover { | |
opacity: 0.8; | |
} | |
.uk-article a.x-cover-small img { | |
border: 1px solid #dddddd; | |
} | |
@media (max-width: 480px) { | |
.uk-article a.x-cover-small { | |
clear: both; | |
display: block; | |
margin-bottom: 15px; | |
} | |
} | |
@media (min-width: 480px) { | |
.uk-article > div { | |
padding-left: 180px; | |
} | |
.uk-article a.x-cover-small { | |
float: left; | |
margin-right: 15px; | |
margin-top: -39px; | |
} | |
} | |
div.x-goto-top { | |
display: none; | |
opacity: 0.9; | |
z-index: 999999; | |
position: fixed; | |
bottom: 113px; | |
right: 5%; | |
margin-left: 40px; | |
width: 38px; | |
height: 38px; | |
border-radius: 3px; | |
cursor: pointer; | |
background-color: #f5f5f5; | |
border: 1px solid #0593d3; | |
} | |
div.x-goto-top:hover { | |
background-color: #fafafa; | |
border-color: #0482ba; | |
} | |
div.x-goto-top:hover div.x-arrow { | |
border-bottom-color: #0482ba; | |
} | |
div.x-goto-top:hover div.x-stick { | |
background-color: #0482ba; | |
} | |
div.x-goto-top div.x-arrow { | |
position: absolute; | |
left: 10px; | |
top: -1px; | |
width: 0; | |
height: 0; | |
border: 9px solid transparent; | |
border-bottom-color: #0593d3; | |
} | |
div.x-goto-top div.x-stick { | |
position: absolute; | |
left: 15px; | |
top: 15px; | |
width: 8px; | |
height: 14px; | |
display: block; | |
border-radius: 1px; | |
background-color: #0593d3; | |
} | |
.x-avatar { | |
border: 1px solid #dddddd; | |
} | |
.x-anchor { | |
position: relative; | |
} | |
.x-anchor a[name] { | |
position: absolute; | |
top: -65px; | |
} | |
.x-index-visible, | |
.x-user-visible, | |
.x-article-visible, | |
.x-category-visible, | |
.x-wiki-visible, | |
.x-discuss-visible, | |
.x-topic-visible, | |
.x-webpage-visible { | |
display: none; | |
} | |
.x-content { | |
display: inline-block; | |
} | |
.x-content p { | |
word-wrap: break-word; | |
white-space: pre-wrap; | |
} | |
.x-content pre { | |
word-break: break-all; | |
word-wrap: break-word; | |
white-space: pre-wrap; | |
} | |
.x-discuss-content { | |
width: 100%; | |
display: block; | |
} | |
ins { | |
background-color: transparent; | |
} | |
.uk-pagination > .uk-disabled > span { | |
background-color: transparent; | |
border: none; | |
} | |
ul.jqtree-tree .jqtree-toggler.jqtree-closed { | |
padding-top: 0px; | |
padding-left: 5px; | |
} | |
ul.jqtree-tree .jqtree-toggler.jqtree-closed .caret { | |
border-top: 4px solid transparent; | |
border-left: 4px solid #333; | |
border-right: 4px solid transparent; | |
border-bottom: 4px solid transparent; | |
} | |
ul.jqtree-tree, | |
ul.jqtree-tree ul.jqtree_common { | |
list-style: none outside; | |
margin-bottom: 2px; | |
padding: 0; | |
} | |
ul.jqtree-tree { | |
margin-left: 12px; | |
} | |
ul.jqtree-tree ul.jqtree_common { | |
display: block; | |
margin-left: 12px; | |
margin-right: 0; | |
} | |
ul.jqtree-tree li.jqtree_common { | |
clear: both; | |
list-style-type: none; | |
} | |
ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { | |
display: none; | |
} | |
ul.jqtree-tree .jqtree-toggler { | |
display: block; | |
position: absolute; | |
width: 12px; | |
padding: 3px; | |
left: -1.5em; | |
top: 30%; | |
*top: 0; | |
/* fix for ie7 */ | |
font-size: 12px; | |
line-height: 12px; | |
font-family: arial; | |
/* fix for ie9 */ | |
border-bottom: none; | |
color: #aaaaaa; | |
} | |
ul.jqtree-tree .jqtree-element { | |
cursor: pointer; | |
} | |
ul.jqtree-tree .jqtree-element:hover { | |
background-color: #dddddd; | |
} | |
ul.jqtree-tree .jqtree-title { | |
vertical-align: middle; | |
padding: 0px 6px; | |
line-height: 26px; | |
height: 26px; | |
} | |
ul.jqtree-tree li.jqtree-folder { | |
margin-bottom: 2px; | |
} | |
ul.jqtree-tree li.jqtree-folder.jqtree-closed { | |
margin-bottom: 2px; | |
} | |
ul.jqtree-tree li.jqtree-folder .jqtree-title { | |
margin-left: 0; | |
} | |
ul.jqtree-tree .jqtree-toggler.jqtree-closed { | |
background-position: 0 0; | |
} | |
span.jqtree-dragging { | |
color: #fff; | |
background: #aaaaaa; | |
opacity: 0.4; | |
cursor: pointer; | |
padding: 2px 8px; | |
} | |
ul.jqtree-tree li.jqtree-ghost { | |
position: relative; | |
z-index: 10; | |
margin-right: 10px; | |
} | |
ul.jqtree-tree li.jqtree-ghost span { | |
display: block; | |
} | |
ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { | |
display: none; | |
} | |
ul.jqtree-tree li.jqtree-ghost span.jqtree-line { | |
background-color: #ff0000; | |
height: 2px; | |
padding: 0; | |
position: absolute; | |
top: -1px; | |
left: 0px; | |
width: 100%; | |
} | |
ul.jqtree-tree li.jqtree-ghost.jqtree-inside { | |
margin-left: 48px; | |
} | |
ul.jqtree-tree span.jqtree-border { | |
position: absolute; | |
display: block; | |
left: -2px; | |
top: 0; | |
border: solid 2px #ff0000; | |
-webkit-border-radius: 6px; | |
-moz-border-radius: 6px; | |
border-radius: 6px; | |
margin: 0; | |
} | |
ul.jqtree-tree .jqtree-element { | |
width: 100%; | |
/* todo: why is this in here? */ | |
*width: auto; | |
/* ie7 fix; issue 41 */ | |
position: relative; | |
} | |
ul.jqtree-tree li.jqtree-selected > .jqtree-element, | |
ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover { | |
color: #fff; | |
background-color: #0593d3; | |
} | |
ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { | |
outline: dashed 1px #0593d3; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! UIkit 2.6.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | |
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em;font-family:Consolas,monospace,serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0;padding:0}legend{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:400;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,.uk-link{color:#07d;text-decoration:none;cursor:pointer}a:hover,.uk-link:hover{color:#059;text-decoration:underline}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}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;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:700}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:0 0}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}@media screen and (max-width:400px){@-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>*{margin:0;padding-left:25px;float:left}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid>*>.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)>*{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)>*>.uk-panel+.uk-panel{margin-top:35px}}.uk-grid.uk-grid-small{margin-left:-10px}.uk-grid.uk-grid-small>*{padding-left:10px}.uk-grid.uk-grid-small+.uk-grid-small{margin-top:10px}.uk-grid.uk-grid-small>.uk-grid-margin{margin-top:10px}.uk-grid.uk-grid-small>*>.uk-panel+.uk-panel{margin-top:10px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider>*{padding-left:25px;padding-right:25px}.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2){border-left:1px solid #ddd}@media (min-width:768px){.uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:960px){.uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:1220px){.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve)>*{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}[class*=uk-grid-width]>*{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-grid-width-1-2>*{width:50%}.uk-grid-width-1-3>*{width:33.333%}.uk-grid-width-1-4>*{width:25%}.uk-grid-width-1-5>*{width:20%}.uk-grid-width-1-6>*{width:16.666%}.uk-grid-width-1-10>*{width:10%}@media (min-width:480px){.uk-grid-width-small-1-2>*{width:50%}.uk-grid-width-small-1-3>*{width:33.333%}.uk-grid-width-small-1-4>*{width:25%}.uk-grid-width-small-1-5>*{width:20%}.uk-grid-width-small-1-6>*{width:16.666%}.uk-grid-width-small-1-10>*{width:10%}}@media (min-width:768px){.uk-grid-width-medium-1-2>*{width:50%}.uk-grid-width-medium-1-3>*{width:33.333%}.uk-grid-width-medium-1-4>*{width:25%}.uk-grid-width-medium-1-5>*{width:20%}.uk-grid-width-medium-1-6>*{width:16.666%}.uk-grid-width-medium-1-10>*{width:10%}}@media (min-width:960px){.uk-grid-width-large-1-2>*{width:50%}.uk-grid-width-large-1-3>*{width:33.333%}.uk-grid-width-large-1-4>*{width:25%}.uk-grid-width-large-1-5>*{width:20%}.uk-grid-width-large-1-6>*{width:16.666%}.uk-grid-width-large-1-10>*{width:10%}}@media (min-width:1220px){.uk-grid-width-xlarge-1-2>*{width:50%}.uk-grid-width-xlarge-1-3>*{width:33.333%}.uk-grid-width-xlarge-1-4>*{width:25%}.uk-grid-width-xlarge-1-5>*{width:20%}.uk-grid-width-xlarge-1-6>*{width:16.666%}.uk-grid-width-xlarge-1-10>*{width:10%}}[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:480px){.uk-width-small-1-1{width:100%}.uk-width-small-1-2,.uk-width-small-2-4,.uk-width-small-3-6,.uk-width-small-5-10{width:50%}.uk-width-small-1-3,.uk-width-small-2-6{width:33.333%}.uk-width-small-2-3,.uk-width-small-4-6{width:66.666%}.uk-width-small-1-4{width:25%}.uk-width-small-3-4{width:75%}.uk-width-small-1-5,.uk-width-small-2-10{width:20%}.uk-width-small-2-5,.uk-width-small-4-10{width:40%}.uk-width-small-3-5,.uk-width-small-6-10{width:60%}.uk-width-small-4-5,.uk-width-small-8-10{width:80%}.uk-width-small-1-6{width:16.666%}.uk-width-small-5-6{width:83.333%}.uk-width-small-1-10{width:10%}.uk-width-small-3-10{width:30%}.uk-width-small-7-10{width:70%}.uk-width-small-9-10{width:90%}}@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{display:block;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-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:400;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.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-panel-teaser{margin:-16px -16px 15px -16px}.uk-panel-box>.uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.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-panel-box .uk-panel-teaser>*{border-top-left-radius:4px;border-top-right-radius:4px}.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:25px}.uk-article-title{font-size:36px;line-height:42px;font-weight:400;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:400}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-article+.uk-article{padding-top:25px;border-top:1px solid #ddd}.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;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body{padding-left:10px;padding-right:10px}.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;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}@media (min-width:768px){.uk-comment-list .uk-comment+ul{padding-left:100px}}.uk-comment-primary .uk-comment-header{border-color:rgba(45,112,145,.3);background-color:#ebf7fd;color:#2d7091;text-shadow:0 1px 0 #fff}.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:700;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,.03);color:#444;outline:0;box-shadow:inset 0 0 1px rgba(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,.05);text-shadow:0 -1px 0 rgba(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,.05);text-shadow:0 -1px 0 rgba(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,.05);text-shadow:0 -1px 0 rgba(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-offcanvas>li>a{color:#ccc;padding:10px 15px;border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(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,.3)}.uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,.01);margin:0;height:4px;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(255,255,255,.05)}.uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.uk-navbar{background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,.06);border-radius:4px}.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{float:left;position:relative}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:41px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-top:-1px;margin-left:-1px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-navbar-nav>li>a[href='#']{cursor:text}.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,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-navbar-nav>li>a:active{background-color:#eee;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2)}.uk-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(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;display:block;height:41px;padding:0 15px;float:left;margin-top:-1px;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{float:none;text-align:center;max-width:50%;margin-left:auto;margin-right:auto}.uk-navbar-flip{float:right}.uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}.uk-navbar-flip .uk-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0;border-bottom-left-radius:0}.uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}.uk-navbar-attached{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-radius:0}.uk-navbar-attached .uk-navbar-nav>li>a{border-radius:0!important}.uk-subnav{padding:0;list-style:none;font-size:0}.uk-subnav>li{position:relative;font-size:1rem;vertical-align:top}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.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,.15)}.uk-subnav-pill>li.uk-active>a{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.uk-breadcrumb{padding:0;list-style:none;font-size:0}.uk-breadcrumb>li{font-size:1rem;vertical-align:top}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;font-size:0}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;font-size:1rem;vertical-align:top}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;border-radius:4px}.uk-pagination>li>a{background:#f5f5f5;color:#444;border:1px solid rgba(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,.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,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-pagination>.uk-disabled>span{background-color:#fafafa;color:#999;border:1px solid rgba(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{margin-bottom:-1px;float:left;position:relative}.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,.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 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:none;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;right:50%;border:none;float:right}.uk-tab-center .uk-tab>li{position:relative;right:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:none}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{margin-left:-5px;border-bottom:none;position:relative;z-index:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;border-top:1px solid #ddd;z-index:-1}.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:none}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media (min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:none}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li>a,.uk-tab-right>li>a{padding-top:8px;padding-bottom:8px}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#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-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{padding:0;list-style:none}.uk-list>li:before,.uk-list>li:after{content:" ";display:table}.uk-list>li:after{clear:both}.uk-list>li>:last-child{margin-bottom:0}.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;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}.uk-list-striped>li:first-child{border-top:1px solid #ddd}@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:400}.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}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding: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){background:#fafafa}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover{background:#f0f0f0}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=number],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=color]{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:not([type]):focus,.uk-form input[type=text]:focus,.uk-form input[type=password]:focus,.uk-form input[type=datetime]:focus,.uk-form input[type=datetime-local]:focus,.uk-form input[type=date]:focus,.uk-form input[type=month]:focus,.uk-form input[type=time]:focus,.uk-form input[type=week]:focus,.uk-form input[type=number]:focus,.uk-form input[type=email]:focus,.uk-form input[type=url]:focus,.uk-form input[type=search]:focus,.uk-form input[type=tel]:focus,.uk-form input[type=color]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input:not([type]):disabled,.uk-form input[type=text]:disabled,.uk-form input[type=password]:disabled,.uk-form input[type=datetime]:disabled,.uk-form input[type=datetime-local]:disabled,.uk-form input[type=date]:disabled,.uk-form input[type=month]:disabled,.uk-form input[type=time]:disabled,.uk-form input[type=week]:disabled,.uk-form input[type=number]:disabled,.uk-form input[type=email]:disabled,.uk-form input[type=url]:disabled,.uk-form input[type=search]:disabled,.uk-form input[type=tel]:disabled,.uk-form input[type=color]:disabled{border-color:#ddd;background-color:#fafafa;color:#999}.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 textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel]{-webkit-appearance:none}.uk-form :invalid{box-shadow:none}.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}select.uk-form-small,textarea.uk-form-small,input[type].uk-form-small,input:not([type]).uk-form-small{height:25px;padding:3px;font-size:12px}select.uk-form-large,textarea.uk-form-large,input[type].uk-form-large,input:not([type]).uk-form-large{height:40px;padding:8px 6px;font-size:16px}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto}.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-blank{border-color:transparent!important;border-style:dashed!important;background:none!important}.uk-form-blank:focus{border-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}.uk-form-controls>:first-child{margin-top: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:700}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:700}}@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-form-icon{position:relative;display:inline-block;max-width:100%}.uk-form-icon>[class*=uk-icon-]{position:absolute;top:50%;width:30px;margin-top:-7px;font-size:14px;color:#999;text-align:center}.uk-form-icon:not(.uk-form-icon-flip)>input{padding-left:30px!important}.uk-form-icon-flip>[class*=uk-icon-]{right:0}.uk-form-icon-flip>input{padding-right:30px!important}.uk-button{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:none;line-height:28px;min-height:30px;font-size:1rem;padding:0 12px;background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,.06);border-radius:4px;text-shadow:0 1px 0 #fff}.uk-button:hover,.uk-button:focus{background-color:#fafafa;color:#444;outline:0;text-decoration:none;border-color:rgba(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,.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{border-color:transparent;background:0 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-group{display:inline-block;vertical-align:middle;position:relative;font-size:0;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-group .uk-button{vertical-align:top}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}.uk-button-primary,.uk-button-success,.uk-button-danger{box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(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,.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,.1);border-right-color:rgba(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,.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,.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}@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:400;font-style:normal} [class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .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:18px;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-o:before{content:"\f003"} .uk-icon-heart:before{content:"\f004"} .uk-icon-star:before{content:"\f005"} .uk-icon-star-o:before{content:"\f006"} .uk-icon-user:before{content:"\f007"} .uk-icon-film:before{content:"\f008"} .uk-icon-th-large:before{content:"\f009"} .uk-icon-th:before{content:"\f00a"} .uk-icon-th-list:before{content:"\f00b"} .uk-icon-check:before{content:"\f00c"} .uk-icon-times:before{content:"\f00d"} .uk-icon-search-plus:before{content:"\f00e"} .uk-icon-search-minus:before{content:"\f010"} .uk-icon-power-off:before{content:"\f011"} .uk-icon-signal:before{content:"\f012"} .uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"} .uk-icon-trash-o:before{content:"\f014"} .uk-icon-home:before{content:"\f015"} .uk-icon-file-o:before{content:"\f016"} .uk-icon-clock-o:before{content:"\f017"} .uk-icon-road:before{content:"\f018"} .uk-icon-download:before{content:"\f019"} .uk-icon-arrow-circle-o-down:before{content:"\f01a"} .uk-icon-arrow-circle-o-up:before{content:"\f01b"} .uk-icon-inbox:before{content:"\f01c"} .uk-icon-play-circle-o:before{content:"\f01d"} .uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"} .uk-icon-refresh:before{content:"\f021"} .uk-icon-list-alt:before{content:"\f022"} .uk-icon-lock:before{content:"\f023"} .uk-icon-flag:before{content:"\f024"} .uk-icon-headphones:before{content:"\f025"} .uk-icon-volume-off:before{content:"\f026"} .uk-icon-volume-down:before{content:"\f027"} .uk-icon-volume-up:before{content:"\f028"} .uk-icon-qrcode:before{content:"\f029"} .uk-icon-barcode:before{content:"\f02a"} .uk-icon-tag:before{content:"\f02b"} .uk-icon-tags:before{content:"\f02c"} .uk-icon-book:before{content:"\f02d"} .uk-icon-bookmark:before{content:"\f02e"} .uk-icon-print:before{content:"\f02f"} .uk-icon-camera:before{content:"\f030"} .uk-icon-font:before{content:"\f031"} .uk-icon-bold:before{content:"\f032"} .uk-icon-italic:before{content:"\f033"} .uk-icon-text-height:before{content:"\f034"} .uk-icon-text-width:before{content:"\f035"} .uk-icon-align-left:before{content:"\f036"} .uk-icon-align-center:before{content:"\f037"} .uk-icon-align-right:before{content:"\f038"} .uk-icon-align-justify:before{content:"\f039"} .uk-icon-list:before{content:"\f03a"} .uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"} .uk-icon-indent:before{content:"\f03c"} .uk-icon-video-camera:before{content:"\f03d"} .uk-icon-picture-o:before{content:"\f03e"} .uk-icon-pencil:before{content:"\f040"} .uk-icon-map-marker:before{content:"\f041"} .uk-icon-adjust:before{content:"\f042"} .uk-icon-tint:before{content:"\f043"} .uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"} .uk-icon-share-square-o:before{content:"\f045"} .uk-icon-check-square-o:before{content:"\f046"} .uk-icon-arrows:before{content:"\f047"} .uk-icon-step-backward:before{content:"\f048"} .uk-icon-fast-backward:before{content:"\f049"} .uk-icon-backward:before{content:"\f04a"} .uk-icon-play:before{content:"\f04b"} .uk-icon-pause:before{content:"\f04c"} .uk-icon-stop:before{content:"\f04d"} .uk-icon-forward:before{content:"\f04e"} .uk-icon-fast-forward:before{content:"\f050"} .uk-icon-step-forward:before{content:"\f051"} .uk-icon-eject:before{content:"\f052"} .uk-icon-chevron-left:before{content:"\f053"} .uk-icon-chevron-right:before{content:"\f054"} .uk-icon-plus-circle:before{content:"\f055"} .uk-icon-minus-circle:before{content:"\f056"} .uk-icon-times-circle:before{content:"\f057"} .uk-icon-check-circle:before{content:"\f058"} .uk-icon-question-circle:before{content:"\f059"} .uk-icon-info-circle:before{content:"\f05a"} .uk-icon-crosshairs:before{content:"\f05b"} .uk-icon-times-circle-o:before{content:"\f05c"} .uk-icon-check-circle-o:before{content:"\f05d"} .uk-icon-ban:before{content:"\f05e"} .uk-icon-arrow-left:before{content:"\f060"} .uk-icon-arrow-right:before{content:"\f061"} .uk-icon-arrow-up:before{content:"\f062"} .uk-icon-arrow-down:before{content:"\f063"} .uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"} .uk-icon-expand:before{content:"\f065"} .uk-icon-compress:before{content:"\f066"} .uk-icon-plus:before{content:"\f067"} .uk-icon-minus:before{content:"\f068"} .uk-icon-asterisk:before{content:"\f069"} .uk-icon-exclamation-circle:before{content:"\f06a"} .uk-icon-gift:before{content:"\f06b"} .uk-icon-leaf:before{content:"\f06c"} .uk-icon-fire:before{content:"\f06d"} .uk-icon-eye:before{content:"\f06e"} .uk-icon-eye-slash:before{content:"\f070"} .uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"} .uk-icon-plane:before{content:"\f072"} .uk-icon-calendar:before{content:"\f073"} .uk-icon-random:before{content:"\f074"} .uk-icon-comment:before{content:"\f075"} .uk-icon-magnet:before{content:"\f076"} .uk-icon-chevron-up:before{content:"\f077"} .uk-icon-chevron-down:before{content:"\f078"} .uk-icon-retweet:before{content:"\f079"} .uk-icon-shopping-cart:before{content:"\f07a"} .uk-icon-folder:before{content:"\f07b"} .uk-icon-folder-open:before{content:"\f07c"} .uk-icon-arrows-v:before{content:"\f07d"} .uk-icon-arrows-h:before{content:"\f07e"} .uk-icon-bar-chart-o:before{content:"\f080"} .uk-icon-twitter-square:before{content:"\f081"} .uk-icon-facebook-square:before{content:"\f082"} .uk-icon-camera-retro:before{content:"\f083"} .uk-icon-key:before{content:"\f084"} .uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"} .uk-icon-comments:before{content:"\f086"} .uk-icon-thumbs-o-up:before{content:"\f087"} .uk-icon-thumbs-o-down:before{content:"\f088"} .uk-icon-star-half:before{content:"\f089"} .uk-icon-heart-o:before{content:"\f08a"} .uk-icon-sign-out:before{content:"\f08b"} .uk-icon-linkedin-square:before{content:"\f08c"} .uk-icon-thumb-tack:before{content:"\f08d"} .uk-icon-external-link:before{content:"\f08e"} .uk-icon-sign-in:before{content:"\f090"} .uk-icon-trophy:before{content:"\f091"} .uk-icon-github-square:before{content:"\f092"} .uk-icon-upload:before{content:"\f093"} .uk-icon-lemon-o:before{content:"\f094"} .uk-icon-phone:before{content:"\f095"} .uk-icon-square-o:before{content:"\f096"} .uk-icon-bookmark-o:before{content:"\f097"} .uk-icon-phone-square:before{content:"\f098"} .uk-icon-twitter:before{content:"\f099"} .uk-icon-facebook:before{content:"\f09a"} .uk-icon-github:before{content:"\f09b"} .uk-icon-unlock:before{content:"\f09c"} .uk-icon-credit-card:before{content:"\f09d"} .uk-icon-rss:before{content:"\f09e"} .uk-icon-hdd-o:before{content:"\f0a0"} .uk-icon-bullhorn:before{content:"\f0a1"} .uk-icon-bell:before{content:"\f0f3"} .uk-icon-certificate:before{content:"\f0a3"} .uk-icon-hand-o-right:before{content:"\f0a4"} .uk-icon-hand-o-left:before{content:"\f0a5"} .uk-icon-hand-o-up:before{content:"\f0a6"} .uk-icon-hand-o-down:before{content:"\f0a7"} .uk-icon-arrow-circle-left:before{content:"\f0a8"} .uk-icon-arrow-circle-right:before{content:"\f0a9"} .uk-icon-arrow-circle-up:before{content:"\f0aa"} .uk-icon-arrow-circle-down:before{content:"\f0ab"} .uk-icon-globe:before{content:"\f0ac"} .uk-icon-wrench:before{content:"\f0ad"} .uk-icon-tasks:before{content:"\f0ae"} .uk-icon-filter:before{content:"\f0b0"} .uk-icon-briefcase:before{content:"\f0b1"} .uk-icon-arrows-alt:before{content:"\f0b2"} .uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"} .uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"} .uk-icon-cloud:before{content:"\f0c2"} .uk-icon-flask:before{content:"\f0c3"} .uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"} .uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"} .uk-icon-paperclip:before{content:"\f0c6"} .uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"} .uk-icon-square:before{content:"\f0c8"} .uk-icon-bars:before{content:"\f0c9"} .uk-icon-list-ul:before{content:"\f0ca"} .uk-icon-list-ol:before{content:"\f0cb"} .uk-icon-strikethrough:before{content:"\f0cc"} .uk-icon-underline:before{content:"\f0cd"} .uk-icon-table:before{content:"\f0ce"} .uk-icon-magic:before{content:"\f0d0"} .uk-icon-truck:before{content:"\f0d1"} .uk-icon-pinterest:before{content:"\f0d2"} .uk-icon-pinterest-square:before{content:"\f0d3"} .uk-icon-google-plus-square:before{content:"\f0d4"} .uk-icon-google-plus:before{content:"\f0d5"} .uk-icon-money:before{content:"\f0d6"} .uk-icon-caret-down:before{content:"\f0d7"} .uk-icon-caret-up:before{content:"\f0d8"} .uk-icon-caret-left:before{content:"\f0d9"} .uk-icon-caret-right:before{content:"\f0da"} .uk-icon-columns:before{content:"\f0db"} .uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"} .uk-icon-sort-down:before,.uk-icon-sort-asc:before{content:"\f0dd"} .uk-icon-sort-up:before,.uk-icon-sort-desc:before{content:"\f0de"} .uk-icon-envelope:before{content:"\f0e0"} .uk-icon-linkedin:before{content:"\f0e1"} .uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"} .uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"} .uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"} .uk-icon-comment-o:before{content:"\f0e5"} .uk-icon-comments-o:before{content:"\f0e6"} .uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"} .uk-icon-sitemap:before{content:"\f0e8"} .uk-icon-umbrella:before{content:"\f0e9"} .uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"} .uk-icon-lightbulb-o:before{content:"\f0eb"} .uk-icon-exchange:before{content:"\f0ec"} .uk-icon-cloud-download:before{content:"\f0ed"} .uk-icon-cloud-upload:before{content:"\f0ee"} .uk-icon-user-md:before{content:"\f0f0"} .uk-icon-stethoscope:before{content:"\f0f1"} .uk-icon-suitcase:before{content:"\f0f2"} .uk-icon-bell-o:before{content:"\f0a2"} .uk-icon-coffee:before{content:"\f0f4"} .uk-icon-cutlery:before{content:"\f0f5"} .uk-icon-file-text-o:before{content:"\f0f6"} .uk-icon-building-o:before{content:"\f0f7"} .uk-icon-hospital-o:before{content:"\f0f8"} .uk-icon-ambulance:before{content:"\f0f9"} .uk-icon-medkit:before{content:"\f0fa"} .uk-icon-fighter-jet:before{content:"\f0fb"} .uk-icon-beer:before{content:"\f0fc"} .uk-icon-h-square:before{content:"\f0fd"} .uk-icon-plus-square:before{content:"\f0fe"} .uk-icon-angle-double-left:before{content:"\f100"} .uk-icon-angle-double-right:before{content:"\f101"} .uk-icon-angle-double-up:before{content:"\f102"} .uk-icon-angle-double-down:before{content:"\f103"} .uk-icon-angle-left:before{content:"\f104"} .uk-icon-angle-right:before{content:"\f105"} .uk-icon-angle-up:before{content:"\f106"} .uk-icon-angle-down:before{content:"\f107"} .uk-icon-desktop:before{content:"\f108"} .uk-icon-laptop:before{content:"\f109"} .uk-icon-tablet:before{content:"\f10a"} .uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"} .uk-icon-circle-o:before{content:"\f10c"} .uk-icon-quote-left:before{content:"\f10d"} .uk-icon-quote-right:before{content:"\f10e"} .uk-icon-spinner:before{content:"\f110"} .uk-icon-circle:before{content:"\f111"} .uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"} .uk-icon-github-alt:before{content:"\f113"} .uk-icon-folder-o:before{content:"\f114"} .uk-icon-folder-open-o:before{content:"\f115"} .uk-icon-smile-o:before{content:"\f118"} .uk-icon-frown-o:before{content:"\f119"} .uk-icon-meh-o:before{content:"\f11a"} .uk-icon-gamepad:before{content:"\f11b"} .uk-icon-keyboard-o:before{content:"\f11c"} .uk-icon-flag-o:before{content:"\f11d"} .uk-icon-flag-checkered:before{content:"\f11e"} .uk-icon-terminal:before{content:"\f120"} .uk-icon-code:before{content:"\f121"} .uk-icon-reply-all:before{content:"\f122"} .uk-icon-mail-reply-all:before{content:"\f122"} .uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"} .uk-icon-location-arrow:before{content:"\f124"} .uk-icon-crop:before{content:"\f125"} .uk-icon-code-fork:before{content:"\f126"} .uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"} .uk-icon-question:before{content:"\f128"} .uk-icon-info:before{content:"\f129"} .uk-icon-exclamation:before{content:"\f12a"} .uk-icon-superscript:before{content:"\f12b"} .uk-icon-subscript:before{content:"\f12c"} .uk-icon-eraser:before{content:"\f12d"} .uk-icon-puzzle-piece:before{content:"\f12e"} .uk-icon-microphone:before{content:"\f130"} .uk-icon-microphone-slash:before{content:"\f131"} .uk-icon-shield:before{content:"\f132"} .uk-icon-calendar-o:before{content:"\f133"} .uk-icon-fire-extinguisher:before{content:"\f134"} .uk-icon-rocket:before{content:"\f135"} .uk-icon-maxcdn:before{content:"\f136"} .uk-icon-chevron-circle-left:before{content:"\f137"} .uk-icon-chevron-circle-right:before{content:"\f138"} .uk-icon-chevron-circle-up:before{content:"\f139"} .uk-icon-chevron-circle-down:before{content:"\f13a"} .uk-icon-html5:before{content:"\f13b"} .uk-icon-css3:before{content:"\f13c"} .uk-icon-anchor:before{content:"\f13d"} .uk-icon-unlock-alt:before{content:"\f13e"} .uk-icon-bullseye:before{content:"\f140"} .uk-icon-ellipsis-h:before{content:"\f141"} .uk-icon-ellipsis-v:before{content:"\f142"} .uk-icon-rss-square:before{content:"\f143"} .uk-icon-play-circle:before{content:"\f144"} .uk-icon-ticket:before{content:"\f145"} .uk-icon-minus-square:before{content:"\f146"} .uk-icon-minus-square-o:before{content:"\f147"} .uk-icon-level-up:before{content:"\f148"} .uk-icon-level-down:before{content:"\f149"} .uk-icon-check-square:before{content:"\f14a"} .uk-icon-pencil-square:before{content:"\f14b"} .uk-icon-external-link-square:before{content:"\f14c"} .uk-icon-share-square:before{content:"\f14d"} .uk-icon-compass:before{content:"\f14e"} .uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"} .uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"} .uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"} .uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"} .uk-icon-gbp:before{content:"\f154"} .uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"} .uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"} .uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"} .uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"} .uk-icon-won:before,.uk-icon-krw:before{content:"\f159"} .uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"} .uk-icon-file:before{content:"\f15b"} .uk-icon-file-text:before{content:"\f15c"} .uk-icon-sort-alpha-asc:before{content:"\f15d"} .uk-icon-sort-alpha-desc:before{content:"\f15e"} .uk-icon-sort-amount-asc:before{content:"\f160"} .uk-icon-sort-amount-desc:before{content:"\f161"} .uk-icon-sort-numeric-asc:before{content:"\f162"} .uk-icon-sort-numeric-desc:before{content:"\f163"} .uk-icon-thumbs-up:before{content:"\f164"} .uk-icon-thumbs-down:before{content:"\f165"} .uk-icon-youtube-square:before{content:"\f166"} .uk-icon-youtube:before{content:"\f167"} .uk-icon-xing:before{content:"\f168"} .uk-icon-xing-square:before{content:"\f169"} .uk-icon-youtube-play:before{content:"\f16a"} .uk-icon-dropbox:before{content:"\f16b"} .uk-icon-stack-overflow:before{content:"\f16c"} .uk-icon-instagram:before{content:"\f16d"} .uk-icon-flickr:before{content:"\f16e"} .uk-icon-adn:before{content:"\f170"} .uk-icon-bitbucket:before{content:"\f171"} .uk-icon-bitbucket-square:before{content:"\f172"} .uk-icon-tumblr:before{content:"\f173"} .uk-icon-tumblr-square:before{content:"\f174"} .uk-icon-long-arrow-down:before{content:"\f175"} .uk-icon-long-arrow-up:before{content:"\f176"} .uk-icon-long-arrow-left:before{content:"\f177"} .uk-icon-long-arrow-right:before{content:"\f178"} .uk-icon-apple:before{content:"\f179"} .uk-icon-windows:before{content:"\f17a"} .uk-icon-android:before{content:"\f17b"} .uk-icon-linux:before{content:"\f17c"} .uk-icon-dribbble:before{content:"\f17d"} .uk-icon-skype:before{content:"\f17e"} .uk-icon-foursquare:before{content:"\f180"} .uk-icon-trello:before{content:"\f181"} .uk-icon-female:before{content:"\f182"} .uk-icon-male:before{content:"\f183"} .uk-icon-gittip:before{content:"\f184"} .uk-icon-sun-o:before{content:"\f185"} .uk-icon-moon-o:before{content:"\f186"} .uk-icon-archive:before{content:"\f187"} .uk-icon-bug:before{content:"\f188"} .uk-icon-vk:before{content:"\f189"} .uk-icon-weibo:before{content:"\f18a"} .uk-icon-renren:before{content:"\f18b"} .uk-icon-pagelines:before{content:"\f18c"} .uk-icon-stack-exchange:before{content:"\f18d"} .uk-icon-arrow-circle-o-right:before{content:"\f18e"} .uk-icon-arrow-circle-o-left:before{content:"\f190"} .uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"} .uk-icon-dot-circle-o:before{content:"\f192"} .uk-icon-wheelchair:before{content:"\f193"} .uk-icon-vimeo-square:before{content:"\f194"} .uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"} .uk-icon-plus-square-o:before{content:"\f196"} .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:0 0} .uk-close:after{display:block;content:"\f00d";font-family:FontAwesome} .uk-close:hover,.uk-close:focus{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer} .uk-close-alt{padding:2px;border-radius:50%;background:#fff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 6px rgba(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:700;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none;border:1px solid rgba(0,0,0,.06);border-radius:2px;text-shadow:0 1px 0 rgba(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,.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,.3)} .uk-alert-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)} .uk-alert-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.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:4px;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>img:first-child{display:block} .uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translate3d(0,0,0)} .uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1} .uk-overlay-area:empty: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-area:not(:empty){font-size:0} .uk-overlay-area:not(:empty):before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-overlay-area-content{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;vertical-align:middle;font-size:1rem;text-align:center;padding:0 15px;color:#fff} .uk-overlay-area-content>:last-child{margin-bottom:0} .uk-overlay-area-content a:not([class]),.uk-overlay-area-content a:not([class]):hover{color:inherit} .uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translate3d(0,0,0)} .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,.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,.05);text-shadow:0 -1px 0 rgba(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,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.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-progress-mini,.uk-progress-small{border-radius:500px} [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} [data-uk-scrollspy*=uk-animation-]{opacity:0} .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-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake} .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-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}} @keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}} @-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:1020;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#fff;color:#444;font-size:1rem;vertical-align:top;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-navbar.uk-dropdown-flip{left:auto} .uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translateZ(0)} .uk-modal.uk-open{opacity:1} .uk-modal-page,.uk-modal-page body{overflow:hidden} .uk-modal-dialog{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;margin:50px auto;padding:20px;width:600px;max-width:100%;max-width:calc(100% - 20px);background:#fff;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.3)}@media (max-width:767px){.uk-modal-dialog{width:auto;margin:10px}} .uk-open .uk-modal-dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} .uk-modal-dialog>:last-child{margin-bottom: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}}@media (min-width:768px){.uk-modal-dialog-large{width:930px}}@media (min-width:1220px){.uk-modal-dialog-large{width:1130px}} .uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(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:1001;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,.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-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)} .uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)} .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,.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(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:none;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:none;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:none;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:700} .uk-text-muted{color:#999!important} .uk-text-primary{color:#2d7091!important} .uk-text-success{color:#659f13!important} .uk-text-warning{color:#e28327!important} .uk-text-danger{color:#d85030!important} .uk-text-left{text-align:left!important} .uk-text-right{text-align:right!important} .uk-text-center{text-align:center!important} .uk-text-justify{text-align:justify!important} .uk-text-top{vertical-align:top!important} .uk-text-middle{vertical-align:middle!important} .uk-text-bottom{vertical-align:bottom!important}@media (max-width:959px){.uk-text-center-medium{text-align:center!important}}@media (max-width:767px){.uk-text-center-small{text-align:center!important}} .uk-text-nowrap{white-space:nowrap} .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-float-]{max-width:100%} [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{font-size:0} .uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;font-size:1rem} .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-left{margin-left:15px!important} .uk-margin-right{margin-right:15px!important} .uk-margin-large{margin-bottom:50px} *+.uk-margin-large{margin-top:50px} .uk-margin-large-top{margin-top:50px!important} .uk-margin-large-bottom{margin-bottom:50px!important} .uk-margin-large-left{margin-left:50px!important} .uk-margin-large-right{margin-right:50px!important} .uk-margin-small{margin-bottom:5px} *+.uk-margin-small{margin-top:5px} .uk-margin-small-top{margin-top:5px!important} .uk-margin-small-bottom{margin-bottom:5px!important} .uk-margin-small-left{margin-left:5px!important} .uk-margin-small-right{margin-right:5px!important} .uk-margin-remove{margin:0!important} .uk-margin-top-remove{margin-top:0!important} .uk-margin-bottom-remove{margin-bottom:0!important} .uk-border-circle{border-radius:50%} .uk-border-rounded{border-radius:5px}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}} .uk-link-muted,.uk-link-muted a{color:#444} .uk-link-muted:hover,.uk-link-muted a:hover{color:#444} .uk-link-reset,.uk-link-reset a,.uk-link-reset:hover,.uk-link-reset a:hover{color:inherit;text-decoration:none} .uk-scrollable-text{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;resize:both} .uk-scrollable-box{-moz-box-sizing:border-box;box-sizing:border-box;height:170px;padding:10px;border:1px solid #ddd;overflow:auto;-webkit-overflow-scrolling:touch;resize:both;border-radius:3px} .uk-scrollable-box>:last-child{margin-bottom:0} .uk-overflow-container{overflow:auto;-webkit-overflow-scrolling:touch} .uk-overflow-container>: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-invisible{visibility:hidden!important} .uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block!important;visibility:visible!important} .uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:#000!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}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! UIkit 2.6.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | |
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em;font-family:Consolas,monospace,serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0;padding:0}legend{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:400;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,.uk-link{color:#07d;text-decoration:none;cursor:pointer}a:hover,.uk-link:hover{color:#059;text-decoration:underline}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}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;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:700}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:0 0}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}@media screen and (max-width:400px){@-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>*{margin:0;padding-left:25px;float:left}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid>*>.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)>*{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)>*>.uk-panel+.uk-panel{margin-top:35px}}.uk-grid.uk-grid-small{margin-left:-10px}.uk-grid.uk-grid-small>*{padding-left:10px}.uk-grid.uk-grid-small+.uk-grid-small{margin-top:10px}.uk-grid.uk-grid-small>.uk-grid-margin{margin-top:10px}.uk-grid.uk-grid-small>*>.uk-panel+.uk-panel{margin-top:10px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider>*{padding-left:25px;padding-right:25px}.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2){border-left:1px solid #ddd}@media (min-width:768px){.uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:960px){.uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:1220px){.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve)>*{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}[class*=uk-grid-width]>*{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-grid-width-1-2>*{width:50%}.uk-grid-width-1-3>*{width:33.333%}.uk-grid-width-1-4>*{width:25%}.uk-grid-width-1-5>*{width:20%}.uk-grid-width-1-6>*{width:16.666%}.uk-grid-width-1-10>*{width:10%}@media (min-width:480px){.uk-grid-width-small-1-2>*{width:50%}.uk-grid-width-small-1-3>*{width:33.333%}.uk-grid-width-small-1-4>*{width:25%}.uk-grid-width-small-1-5>*{width:20%}.uk-grid-width-small-1-6>*{width:16.666%}.uk-grid-width-small-1-10>*{width:10%}}@media (min-width:768px){.uk-grid-width-medium-1-2>*{width:50%}.uk-grid-width-medium-1-3>*{width:33.333%}.uk-grid-width-medium-1-4>*{width:25%}.uk-grid-width-medium-1-5>*{width:20%}.uk-grid-width-medium-1-6>*{width:16.666%}.uk-grid-width-medium-1-10>*{width:10%}}@media (min-width:960px){.uk-grid-width-large-1-2>*{width:50%}.uk-grid-width-large-1-3>*{width:33.333%}.uk-grid-width-large-1-4>*{width:25%}.uk-grid-width-large-1-5>*{width:20%}.uk-grid-width-large-1-6>*{width:16.666%}.uk-grid-width-large-1-10>*{width:10%}}@media (min-width:1220px){.uk-grid-width-xlarge-1-2>*{width:50%}.uk-grid-width-xlarge-1-3>*{width:33.333%}.uk-grid-width-xlarge-1-4>*{width:25%}.uk-grid-width-xlarge-1-5>*{width:20%}.uk-grid-width-xlarge-1-6>*{width:16.666%}.uk-grid-width-xlarge-1-10>*{width:10%}}[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:480px){.uk-width-small-1-1{width:100%}.uk-width-small-1-2,.uk-width-small-2-4,.uk-width-small-3-6,.uk-width-small-5-10{width:50%}.uk-width-small-1-3,.uk-width-small-2-6{width:33.333%}.uk-width-small-2-3,.uk-width-small-4-6{width:66.666%}.uk-width-small-1-4{width:25%}.uk-width-small-3-4{width:75%}.uk-width-small-1-5,.uk-width-small-2-10{width:20%}.uk-width-small-2-5,.uk-width-small-4-10{width:40%}.uk-width-small-3-5,.uk-width-small-6-10{width:60%}.uk-width-small-4-5,.uk-width-small-8-10{width:80%}.uk-width-small-1-6{width:16.666%}.uk-width-small-5-6{width:83.333%}.uk-width-small-1-10{width:10%}.uk-width-small-3-10{width:30%}.uk-width-small-7-10{width:70%}.uk-width-small-9-10{width:90%}}@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{display:block;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-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:400;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.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-panel-teaser{margin:-16px -16px 15px -16px}.uk-panel-box>.uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.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-panel-box .uk-panel-teaser>*{border-top-left-radius:4px;border-top-right-radius:4px}.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:25px}.uk-article-title{font-size:36px;line-height:42px;font-weight:400;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:400}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-article+.uk-article{padding-top:25px;border-top:1px solid #ddd}.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;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body{padding-left:10px;padding-right:10px}.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;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}@media (min-width:768px){.uk-comment-list .uk-comment+ul{padding-left:100px}}.uk-comment-primary .uk-comment-header{border-color:rgba(45,112,145,.3);background-color:#ebf7fd;color:#2d7091;text-shadow:0 1px 0 #fff}.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:700;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,.03);color:#444;outline:0;box-shadow:inset 0 0 1px rgba(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,.2);text-shadow:0 -1px 0 rgba(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,.2);text-shadow:0 -1px 0 rgba(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,.2);text-shadow:0 -1px 0 rgba(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-offcanvas>li>a{color:#ccc;padding:10px 15px;border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(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,.3)}.uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,.01);margin:0;height:4px;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(255,255,255,.05)}.uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.uk-navbar{background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.3);border-radius:4px;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{float:left;position:relative}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:41px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-top:-1px;margin-left:-1px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-navbar-nav>li>a[href='#']{cursor:text}.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,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-navbar-nav>li>a:active{background-color:#f5f5f5;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(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;display:block;height:41px;padding:0 15px;float:left;margin-top:-1px;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{float:none;text-align:center;max-width:50%;margin-left:auto;margin-right:auto}.uk-navbar-flip{float:right}.uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}.uk-navbar-flip .uk-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0;border-bottom-left-radius:0}.uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}.uk-navbar-attached{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-radius:0}.uk-navbar-attached .uk-navbar-nav>li>a{border-radius:0!important}.uk-subnav{padding:0;list-style:none;font-size:0}.uk-subnav>li{position:relative;font-size:1rem;vertical-align:top}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.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,.1)}.uk-subnav-pill>li.uk-active>a{background:#009dd8;color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.uk-breadcrumb{padding:0;list-style:none;font-size:0}.uk-breadcrumb>li{font-size:1rem;vertical-align:top}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;font-size:0}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;font-size:1rem;vertical-align:top}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;border-radius:4px}.uk-pagination>li>a{background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-pagination>.uk-active>span{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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,.2)}.uk-pagination>.uk-disabled>span{background-color:#fafafa;color:#999;border:1px solid rgba(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{margin-bottom:-1px;float:left;position:relative}.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 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:none;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;right:50%;border:none;float:right}.uk-tab-center .uk-tab>li{position:relative;right:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:none}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{margin-left:-5px;border-bottom:none;position:relative;z-index:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;border-top:1px solid #ddd;z-index:-1}.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:none}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media (min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:none}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li>a,.uk-tab-right>li>a{padding-top:8px;padding-bottom:8px}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#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-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{padding:0;list-style:none}.uk-list>li:before,.uk-list>li:after{content:" ";display:table}.uk-list>li:after{clear:both}.uk-list>li>:last-child{margin-bottom:0}.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;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}.uk-list-striped>li:first-child{border-top:1px solid #ddd}@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:400}.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}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding: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){background:#fafafa}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover{background:#f0f0f0}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=number],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=color]{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:not([type]):focus,.uk-form input[type=text]:focus,.uk-form input[type=password]:focus,.uk-form input[type=datetime]:focus,.uk-form input[type=datetime-local]:focus,.uk-form input[type=date]:focus,.uk-form input[type=month]:focus,.uk-form input[type=time]:focus,.uk-form input[type=week]:focus,.uk-form input[type=number]:focus,.uk-form input[type=email]:focus,.uk-form input[type=url]:focus,.uk-form input[type=search]:focus,.uk-form input[type=tel]:focus,.uk-form input[type=color]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input:not([type]):disabled,.uk-form input[type=text]:disabled,.uk-form input[type=password]:disabled,.uk-form input[type=datetime]:disabled,.uk-form input[type=datetime-local]:disabled,.uk-form input[type=date]:disabled,.uk-form input[type=month]:disabled,.uk-form input[type=time]:disabled,.uk-form input[type=week]:disabled,.uk-form input[type=number]:disabled,.uk-form input[type=email]:disabled,.uk-form input[type=url]:disabled,.uk-form input[type=search]:disabled,.uk-form input[type=tel]:disabled,.uk-form input[type=color]:disabled{border-color:#ddd;background-color:#fafafa;color:#999}.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 textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel]{-webkit-appearance:none}.uk-form :invalid{box-shadow:none}.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}select.uk-form-small,textarea.uk-form-small,input[type].uk-form-small,input:not([type]).uk-form-small{height:25px;padding:3px;font-size:12px}select.uk-form-large,textarea.uk-form-large,input[type].uk-form-large,input:not([type]).uk-form-large{height:40px;padding:8px 6px;font-size:16px}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto}.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-blank{border-color:transparent!important;border-style:dashed!important;background:none!important}.uk-form-blank:focus{border-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}.uk-form-controls>:first-child{margin-top: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:700}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:700}}@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-form-icon{position:relative;display:inline-block;max-width:100%}.uk-form-icon>[class*=uk-icon-]{position:absolute;top:50%;width:30px;margin-top:-7px;font-size:14px;color:#999;text-align:center}.uk-form-icon:not(.uk-form-icon-flip)>input{padding-left:30px!important}.uk-form-icon-flip>[class*=uk-icon-]{right:0}.uk-form-icon-flip>input{padding-right:30px!important}.uk-button{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:none;line-height:28px;min-height:30px;font-size:1rem;padding:0 12px;background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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}.uk-button:hover,.uk-button:focus{background-color:#fafafa;color:#444;outline:0;text-decoration:none;background-image:none}.uk-button:active,.uk-button.uk-active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(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,.2);border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(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,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(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,.2);border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(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,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(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,.2);border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(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,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.uk-button:disabled{background-color:#fafafa;color:#999;border-color:rgba(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{border-color:transparent;background:0 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-group{display:inline-block;vertical-align:middle;position:relative;font-size:0;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-group .uk-button{vertical-align:top}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}.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}@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:400;font-style:normal} [class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .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:18px;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,.1)} .uk-icon-glass:before{content:"\f000"} .uk-icon-music:before{content:"\f001"} .uk-icon-search:before{content:"\f002"} .uk-icon-envelope-o:before{content:"\f003"} .uk-icon-heart:before{content:"\f004"} .uk-icon-star:before{content:"\f005"} .uk-icon-star-o:before{content:"\f006"} .uk-icon-user:before{content:"\f007"} .uk-icon-film:before{content:"\f008"} .uk-icon-th-large:before{content:"\f009"} .uk-icon-th:before{content:"\f00a"} .uk-icon-th-list:before{content:"\f00b"} .uk-icon-check:before{content:"\f00c"} .uk-icon-times:before{content:"\f00d"} .uk-icon-search-plus:before{content:"\f00e"} .uk-icon-search-minus:before{content:"\f010"} .uk-icon-power-off:before{content:"\f011"} .uk-icon-signal:before{content:"\f012"} .uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"} .uk-icon-trash-o:before{content:"\f014"} .uk-icon-home:before{content:"\f015"} .uk-icon-file-o:before{content:"\f016"} .uk-icon-clock-o:before{content:"\f017"} .uk-icon-road:before{content:"\f018"} .uk-icon-download:before{content:"\f019"} .uk-icon-arrow-circle-o-down:before{content:"\f01a"} .uk-icon-arrow-circle-o-up:before{content:"\f01b"} .uk-icon-inbox:before{content:"\f01c"} .uk-icon-play-circle-o:before{content:"\f01d"} .uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"} .uk-icon-refresh:before{content:"\f021"} .uk-icon-list-alt:before{content:"\f022"} .uk-icon-lock:before{content:"\f023"} .uk-icon-flag:before{content:"\f024"} .uk-icon-headphones:before{content:"\f025"} .uk-icon-volume-off:before{content:"\f026"} .uk-icon-volume-down:before{content:"\f027"} .uk-icon-volume-up:before{content:"\f028"} .uk-icon-qrcode:before{content:"\f029"} .uk-icon-barcode:before{content:"\f02a"} .uk-icon-tag:before{content:"\f02b"} .uk-icon-tags:before{content:"\f02c"} .uk-icon-book:before{content:"\f02d"} .uk-icon-bookmark:before{content:"\f02e"} .uk-icon-print:before{content:"\f02f"} .uk-icon-camera:before{content:"\f030"} .uk-icon-font:before{content:"\f031"} .uk-icon-bold:before{content:"\f032"} .uk-icon-italic:before{content:"\f033"} .uk-icon-text-height:before{content:"\f034"} .uk-icon-text-width:before{content:"\f035"} .uk-icon-align-left:before{content:"\f036"} .uk-icon-align-center:before{content:"\f037"} .uk-icon-align-right:before{content:"\f038"} .uk-icon-align-justify:before{content:"\f039"} .uk-icon-list:before{content:"\f03a"} .uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"} .uk-icon-indent:before{content:"\f03c"} .uk-icon-video-camera:before{content:"\f03d"} .uk-icon-picture-o:before{content:"\f03e"} .uk-icon-pencil:before{content:"\f040"} .uk-icon-map-marker:before{content:"\f041"} .uk-icon-adjust:before{content:"\f042"} .uk-icon-tint:before{content:"\f043"} .uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"} .uk-icon-share-square-o:before{content:"\f045"} .uk-icon-check-square-o:before{content:"\f046"} .uk-icon-arrows:before{content:"\f047"} .uk-icon-step-backward:before{content:"\f048"} .uk-icon-fast-backward:before{content:"\f049"} .uk-icon-backward:before{content:"\f04a"} .uk-icon-play:before{content:"\f04b"} .uk-icon-pause:before{content:"\f04c"} .uk-icon-stop:before{content:"\f04d"} .uk-icon-forward:before{content:"\f04e"} .uk-icon-fast-forward:before{content:"\f050"} .uk-icon-step-forward:before{content:"\f051"} .uk-icon-eject:before{content:"\f052"} .uk-icon-chevron-left:before{content:"\f053"} .uk-icon-chevron-right:before{content:"\f054"} .uk-icon-plus-circle:before{content:"\f055"} .uk-icon-minus-circle:before{content:"\f056"} .uk-icon-times-circle:before{content:"\f057"} .uk-icon-check-circle:before{content:"\f058"} .uk-icon-question-circle:before{content:"\f059"} .uk-icon-info-circle:before{content:"\f05a"} .uk-icon-crosshairs:before{content:"\f05b"} .uk-icon-times-circle-o:before{content:"\f05c"} .uk-icon-check-circle-o:before{content:"\f05d"} .uk-icon-ban:before{content:"\f05e"} .uk-icon-arrow-left:before{content:"\f060"} .uk-icon-arrow-right:before{content:"\f061"} .uk-icon-arrow-up:before{content:"\f062"} .uk-icon-arrow-down:before{content:"\f063"} .uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"} .uk-icon-expand:before{content:"\f065"} .uk-icon-compress:before{content:"\f066"} .uk-icon-plus:before{content:"\f067"} .uk-icon-minus:before{content:"\f068"} .uk-icon-asterisk:before{content:"\f069"} .uk-icon-exclamation-circle:before{content:"\f06a"} .uk-icon-gift:before{content:"\f06b"} .uk-icon-leaf:before{content:"\f06c"} .uk-icon-fire:before{content:"\f06d"} .uk-icon-eye:before{content:"\f06e"} .uk-icon-eye-slash:before{content:"\f070"} .uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"} .uk-icon-plane:before{content:"\f072"} .uk-icon-calendar:before{content:"\f073"} .uk-icon-random:before{content:"\f074"} .uk-icon-comment:before{content:"\f075"} .uk-icon-magnet:before{content:"\f076"} .uk-icon-chevron-up:before{content:"\f077"} .uk-icon-chevron-down:before{content:"\f078"} .uk-icon-retweet:before{content:"\f079"} .uk-icon-shopping-cart:before{content:"\f07a"} .uk-icon-folder:before{content:"\f07b"} .uk-icon-folder-open:before{content:"\f07c"} .uk-icon-arrows-v:before{content:"\f07d"} .uk-icon-arrows-h:before{content:"\f07e"} .uk-icon-bar-chart-o:before{content:"\f080"} .uk-icon-twitter-square:before{content:"\f081"} .uk-icon-facebook-square:before{content:"\f082"} .uk-icon-camera-retro:before{content:"\f083"} .uk-icon-key:before{content:"\f084"} .uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"} .uk-icon-comments:before{content:"\f086"} .uk-icon-thumbs-o-up:before{content:"\f087"} .uk-icon-thumbs-o-down:before{content:"\f088"} .uk-icon-star-half:before{content:"\f089"} .uk-icon-heart-o:before{content:"\f08a"} .uk-icon-sign-out:before{content:"\f08b"} .uk-icon-linkedin-square:before{content:"\f08c"} .uk-icon-thumb-tack:before{content:"\f08d"} .uk-icon-external-link:before{content:"\f08e"} .uk-icon-sign-in:before{content:"\f090"} .uk-icon-trophy:before{content:"\f091"} .uk-icon-github-square:before{content:"\f092"} .uk-icon-upload:before{content:"\f093"} .uk-icon-lemon-o:before{content:"\f094"} .uk-icon-phone:before{content:"\f095"} .uk-icon-square-o:before{content:"\f096"} .uk-icon-bookmark-o:before{content:"\f097"} .uk-icon-phone-square:before{content:"\f098"} .uk-icon-twitter:before{content:"\f099"} .uk-icon-facebook:before{content:"\f09a"} .uk-icon-github:before{content:"\f09b"} .uk-icon-unlock:before{content:"\f09c"} .uk-icon-credit-card:before{content:"\f09d"} .uk-icon-rss:before{content:"\f09e"} .uk-icon-hdd-o:before{content:"\f0a0"} .uk-icon-bullhorn:before{content:"\f0a1"} .uk-icon-bell:before{content:"\f0f3"} .uk-icon-certificate:before{content:"\f0a3"} .uk-icon-hand-o-right:before{content:"\f0a4"} .uk-icon-hand-o-left:before{content:"\f0a5"} .uk-icon-hand-o-up:before{content:"\f0a6"} .uk-icon-hand-o-down:before{content:"\f0a7"} .uk-icon-arrow-circle-left:before{content:"\f0a8"} .uk-icon-arrow-circle-right:before{content:"\f0a9"} .uk-icon-arrow-circle-up:before{content:"\f0aa"} .uk-icon-arrow-circle-down:before{content:"\f0ab"} .uk-icon-globe:before{content:"\f0ac"} .uk-icon-wrench:before{content:"\f0ad"} .uk-icon-tasks:before{content:"\f0ae"} .uk-icon-filter:before{content:"\f0b0"} .uk-icon-briefcase:before{content:"\f0b1"} .uk-icon-arrows-alt:before{content:"\f0b2"} .uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"} .uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"} .uk-icon-cloud:before{content:"\f0c2"} .uk-icon-flask:before{content:"\f0c3"} .uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"} .uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"} .uk-icon-paperclip:before{content:"\f0c6"} .uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"} .uk-icon-square:before{content:"\f0c8"} .uk-icon-bars:before{content:"\f0c9"} .uk-icon-list-ul:before{content:"\f0ca"} .uk-icon-list-ol:before{content:"\f0cb"} .uk-icon-strikethrough:before{content:"\f0cc"} .uk-icon-underline:before{content:"\f0cd"} .uk-icon-table:before{content:"\f0ce"} .uk-icon-magic:before{content:"\f0d0"} .uk-icon-truck:before{content:"\f0d1"} .uk-icon-pinterest:before{content:"\f0d2"} .uk-icon-pinterest-square:before{content:"\f0d3"} .uk-icon-google-plus-square:before{content:"\f0d4"} .uk-icon-google-plus:before{content:"\f0d5"} .uk-icon-money:before{content:"\f0d6"} .uk-icon-caret-down:before{content:"\f0d7"} .uk-icon-caret-up:before{content:"\f0d8"} .uk-icon-caret-left:before{content:"\f0d9"} .uk-icon-caret-right:before{content:"\f0da"} .uk-icon-columns:before{content:"\f0db"} .uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"} .uk-icon-sort-down:before,.uk-icon-sort-asc:before{content:"\f0dd"} .uk-icon-sort-up:before,.uk-icon-sort-desc:before{content:"\f0de"} .uk-icon-envelope:before{content:"\f0e0"} .uk-icon-linkedin:before{content:"\f0e1"} .uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"} .uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"} .uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"} .uk-icon-comment-o:before{content:"\f0e5"} .uk-icon-comments-o:before{content:"\f0e6"} .uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"} .uk-icon-sitemap:before{content:"\f0e8"} .uk-icon-umbrella:before{content:"\f0e9"} .uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"} .uk-icon-lightbulb-o:before{content:"\f0eb"} .uk-icon-exchange:before{content:"\f0ec"} .uk-icon-cloud-download:before{content:"\f0ed"} .uk-icon-cloud-upload:before{content:"\f0ee"} .uk-icon-user-md:before{content:"\f0f0"} .uk-icon-stethoscope:before{content:"\f0f1"} .uk-icon-suitcase:before{content:"\f0f2"} .uk-icon-bell-o:before{content:"\f0a2"} .uk-icon-coffee:before{content:"\f0f4"} .uk-icon-cutlery:before{content:"\f0f5"} .uk-icon-file-text-o:before{content:"\f0f6"} .uk-icon-building-o:before{content:"\f0f7"} .uk-icon-hospital-o:before{content:"\f0f8"} .uk-icon-ambulance:before{content:"\f0f9"} .uk-icon-medkit:before{content:"\f0fa"} .uk-icon-fighter-jet:before{content:"\f0fb"} .uk-icon-beer:before{content:"\f0fc"} .uk-icon-h-square:before{content:"\f0fd"} .uk-icon-plus-square:before{content:"\f0fe"} .uk-icon-angle-double-left:before{content:"\f100"} .uk-icon-angle-double-right:before{content:"\f101"} .uk-icon-angle-double-up:before{content:"\f102"} .uk-icon-angle-double-down:before{content:"\f103"} .uk-icon-angle-left:before{content:"\f104"} .uk-icon-angle-right:before{content:"\f105"} .uk-icon-angle-up:before{content:"\f106"} .uk-icon-angle-down:before{content:"\f107"} .uk-icon-desktop:before{content:"\f108"} .uk-icon-laptop:before{content:"\f109"} .uk-icon-tablet:before{content:"\f10a"} .uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"} .uk-icon-circle-o:before{content:"\f10c"} .uk-icon-quote-left:before{content:"\f10d"} .uk-icon-quote-right:before{content:"\f10e"} .uk-icon-spinner:before{content:"\f110"} .uk-icon-circle:before{content:"\f111"} .uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"} .uk-icon-github-alt:before{content:"\f113"} .uk-icon-folder-o:before{content:"\f114"} .uk-icon-folder-open-o:before{content:"\f115"} .uk-icon-smile-o:before{content:"\f118"} .uk-icon-frown-o:before{content:"\f119"} .uk-icon-meh-o:before{content:"\f11a"} .uk-icon-gamepad:before{content:"\f11b"} .uk-icon-keyboard-o:before{content:"\f11c"} .uk-icon-flag-o:before{content:"\f11d"} .uk-icon-flag-checkered:before{content:"\f11e"} .uk-icon-terminal:before{content:"\f120"} .uk-icon-code:before{content:"\f121"} .uk-icon-reply-all:before{content:"\f122"} .uk-icon-mail-reply-all:before{content:"\f122"} .uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"} .uk-icon-location-arrow:before{content:"\f124"} .uk-icon-crop:before{content:"\f125"} .uk-icon-code-fork:before{content:"\f126"} .uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"} .uk-icon-question:before{content:"\f128"} .uk-icon-info:before{content:"\f129"} .uk-icon-exclamation:before{content:"\f12a"} .uk-icon-superscript:before{content:"\f12b"} .uk-icon-subscript:before{content:"\f12c"} .uk-icon-eraser:before{content:"\f12d"} .uk-icon-puzzle-piece:before{content:"\f12e"} .uk-icon-microphone:before{content:"\f130"} .uk-icon-microphone-slash:before{content:"\f131"} .uk-icon-shield:before{content:"\f132"} .uk-icon-calendar-o:before{content:"\f133"} .uk-icon-fire-extinguisher:before{content:"\f134"} .uk-icon-rocket:before{content:"\f135"} .uk-icon-maxcdn:before{content:"\f136"} .uk-icon-chevron-circle-left:before{content:"\f137"} .uk-icon-chevron-circle-right:before{content:"\f138"} .uk-icon-chevron-circle-up:before{content:"\f139"} .uk-icon-chevron-circle-down:before{content:"\f13a"} .uk-icon-html5:before{content:"\f13b"} .uk-icon-css3:before{content:"\f13c"} .uk-icon-anchor:before{content:"\f13d"} .uk-icon-unlock-alt:before{content:"\f13e"} .uk-icon-bullseye:before{content:"\f140"} .uk-icon-ellipsis-h:before{content:"\f141"} .uk-icon-ellipsis-v:before{content:"\f142"} .uk-icon-rss-square:before{content:"\f143"} .uk-icon-play-circle:before{content:"\f144"} .uk-icon-ticket:before{content:"\f145"} .uk-icon-minus-square:before{content:"\f146"} .uk-icon-minus-square-o:before{content:"\f147"} .uk-icon-level-up:before{content:"\f148"} .uk-icon-level-down:before{content:"\f149"} .uk-icon-check-square:before{content:"\f14a"} .uk-icon-pencil-square:before{content:"\f14b"} .uk-icon-external-link-square:before{content:"\f14c"} .uk-icon-share-square:before{content:"\f14d"} .uk-icon-compass:before{content:"\f14e"} .uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"} .uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"} .uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"} .uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"} .uk-icon-gbp:before{content:"\f154"} .uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"} .uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"} .uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"} .uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"} .uk-icon-won:before,.uk-icon-krw:before{content:"\f159"} .uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"} .uk-icon-file:before{content:"\f15b"} .uk-icon-file-text:before{content:"\f15c"} .uk-icon-sort-alpha-asc:before{content:"\f15d"} .uk-icon-sort-alpha-desc:before{content:"\f15e"} .uk-icon-sort-amount-asc:before{content:"\f160"} .uk-icon-sort-amount-desc:before{content:"\f161"} .uk-icon-sort-numeric-asc:before{content:"\f162"} .uk-icon-sort-numeric-desc:before{content:"\f163"} .uk-icon-thumbs-up:before{content:"\f164"} .uk-icon-thumbs-down:before{content:"\f165"} .uk-icon-youtube-square:before{content:"\f166"} .uk-icon-youtube:before{content:"\f167"} .uk-icon-xing:before{content:"\f168"} .uk-icon-xing-square:before{content:"\f169"} .uk-icon-youtube-play:before{content:"\f16a"} .uk-icon-dropbox:before{content:"\f16b"} .uk-icon-stack-overflow:before{content:"\f16c"} .uk-icon-instagram:before{content:"\f16d"} .uk-icon-flickr:before{content:"\f16e"} .uk-icon-adn:before{content:"\f170"} .uk-icon-bitbucket:before{content:"\f171"} .uk-icon-bitbucket-square:before{content:"\f172"} .uk-icon-tumblr:before{content:"\f173"} .uk-icon-tumblr-square:before{content:"\f174"} .uk-icon-long-arrow-down:before{content:"\f175"} .uk-icon-long-arrow-up:before{content:"\f176"} .uk-icon-long-arrow-left:before{content:"\f177"} .uk-icon-long-arrow-right:before{content:"\f178"} .uk-icon-apple:before{content:"\f179"} .uk-icon-windows:before{content:"\f17a"} .uk-icon-android:before{content:"\f17b"} .uk-icon-linux:before{content:"\f17c"} .uk-icon-dribbble:before{content:"\f17d"} .uk-icon-skype:before{content:"\f17e"} .uk-icon-foursquare:before{content:"\f180"} .uk-icon-trello:before{content:"\f181"} .uk-icon-female:before{content:"\f182"} .uk-icon-male:before{content:"\f183"} .uk-icon-gittip:before{content:"\f184"} .uk-icon-sun-o:before{content:"\f185"} .uk-icon-moon-o:before{content:"\f186"} .uk-icon-archive:before{content:"\f187"} .uk-icon-bug:before{content:"\f188"} .uk-icon-vk:before{content:"\f189"} .uk-icon-weibo:before{content:"\f18a"} .uk-icon-renren:before{content:"\f18b"} .uk-icon-pagelines:before{content:"\f18c"} .uk-icon-stack-exchange:before{content:"\f18d"} .uk-icon-arrow-circle-o-right:before{content:"\f18e"} .uk-icon-arrow-circle-o-left:before{content:"\f190"} .uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"} .uk-icon-dot-circle-o:before{content:"\f192"} .uk-icon-wheelchair:before{content:"\f193"} .uk-icon-vimeo-square:before{content:"\f194"} .uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"} .uk-icon-plus-square-o:before{content:"\f196"} .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:0 0} .uk-close:after{display:block;content:"\f00d";font-family:FontAwesome} .uk-close:hover,.uk-close:focus{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer} .uk-close-alt{padding:2px;border-radius:50%;background:#fff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 6px rgba(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:700;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(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,.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,.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,.3)} .uk-alert-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)} .uk-alert-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.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,.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,.3)} .uk-thumbnail-caption{padding-top:4px;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>img:first-child{display:block} .uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translate3d(0,0,0)} .uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1} .uk-overlay-area:empty: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-area:not(:empty){font-size:0} .uk-overlay-area:not(:empty):before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-overlay-area-content{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;vertical-align:middle;font-size:1rem;text-align:center;padding:0 15px;color:#fff} .uk-overlay-area-content>:last-child{margin-bottom:0} .uk-overlay-area-content a:not([class]),.uk-overlay-area-content a:not([class]):hover{color:inherit} .uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translate3d(0,0,0)} .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,.07),inset 0 2px 2px rgba(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,.2),inset 0 0 0 1px rgba(0,0,0,.1);text-shadow:0 -1px 0 rgba(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,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.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-progress-mini,.uk-progress-small{border-radius:500px} [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} [data-uk-scrollspy*=uk-animation-]{opacity:0} .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-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake} .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-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}} @keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}} @-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:1020;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#fff;color:#444;font-size:1rem;vertical-align:top;border:1px solid #cbcbcb;border-radius:4px;box-shadow:0 2px 5px rgba(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,.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-navbar.uk-dropdown-flip{left:auto} .uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translateZ(0)} .uk-modal.uk-open{opacity:1} .uk-modal-page,.uk-modal-page body{overflow:hidden} .uk-modal-dialog{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;margin:50px auto;padding:20px;width:600px;max-width:100%;max-width:calc(100% - 20px);background:#fff;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.3)}@media (max-width:767px){.uk-modal-dialog{width:auto;margin:10px}} .uk-open .uk-modal-dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} .uk-modal-dialog>:last-child{margin-bottom: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}}@media (min-width:768px){.uk-modal-dialog-large{width:930px}}@media (min-width:1220px){.uk-modal-dialog-large{width:1130px}} .uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(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:1001;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,.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-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)} .uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)} .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,.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(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:none;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:none;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:none;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:700} .uk-text-muted{color:#999!important} .uk-text-primary{color:#2d7091!important} .uk-text-success{color:#659f13!important} .uk-text-warning{color:#e28327!important} .uk-text-danger{color:#d85030!important} .uk-text-left{text-align:left!important} .uk-text-right{text-align:right!important} .uk-text-center{text-align:center!important} .uk-text-justify{text-align:justify!important} .uk-text-top{vertical-align:top!important} .uk-text-middle{vertical-align:middle!important} .uk-text-bottom{vertical-align:bottom!important}@media (max-width:959px){.uk-text-center-medium{text-align:center!important}}@media (max-width:767px){.uk-text-center-small{text-align:center!important}} .uk-text-nowrap{white-space:nowrap} .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-float-]{max-width:100%} [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{font-size:0} .uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;font-size:1rem} .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-left{margin-left:15px!important} .uk-margin-right{margin-right:15px!important} .uk-margin-large{margin-bottom:50px} *+.uk-margin-large{margin-top:50px} .uk-margin-large-top{margin-top:50px!important} .uk-margin-large-bottom{margin-bottom:50px!important} .uk-margin-large-left{margin-left:50px!important} .uk-margin-large-right{margin-right:50px!important} .uk-margin-small{margin-bottom:5px} *+.uk-margin-small{margin-top:5px} .uk-margin-small-top{margin-top:5px!important} .uk-margin-small-bottom{margin-bottom:5px!important} .uk-margin-small-left{margin-left:5px!important} .uk-margin-small-right{margin-right:5px!important} .uk-margin-remove{margin:0!important} .uk-margin-top-remove{margin-top:0!important} .uk-margin-bottom-remove{margin-bottom:0!important} .uk-border-circle{border-radius:50%} .uk-border-rounded{border-radius:5px}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}} .uk-link-muted,.uk-link-muted a{color:#444} .uk-link-muted:hover,.uk-link-muted a:hover{color:#444} .uk-link-reset,.uk-link-reset a,.uk-link-reset:hover,.uk-link-reset a:hover{color:inherit;text-decoration:none} .uk-scrollable-text{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;resize:both} .uk-scrollable-box{-moz-box-sizing:border-box;box-sizing:border-box;height:170px;padding:10px;border:1px solid #ddd;overflow:auto;-webkit-overflow-scrolling:touch;resize:both;border-radius:3px} .uk-scrollable-box>:last-child{margin-bottom:0} .uk-overflow-container{overflow:auto;-webkit-overflow-scrolling:touch} .uk-overflow-container>: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-invisible{visibility:hidden!important} .uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block!important;visibility:visible!important} .uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:#000!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}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! UIkit 2.6.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | |
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em;font-family:Consolas,monospace,serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0;padding:0}legend{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:400;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,.uk-link{color:#07d;text-decoration:none;cursor:pointer}a:hover,.uk-link:hover{color:#059;text-decoration:underline}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}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;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:700}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}@media screen and (max-width:400px){@-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>*{margin:0;padding-left:25px;float:left}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid>*>.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)>*{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)>*>.uk-panel+.uk-panel{margin-top:35px}}.uk-grid.uk-grid-small{margin-left:-10px}.uk-grid.uk-grid-small>*{padding-left:10px}.uk-grid.uk-grid-small+.uk-grid-small{margin-top:10px}.uk-grid.uk-grid-small>.uk-grid-margin{margin-top:10px}.uk-grid.uk-grid-small>*>.uk-panel+.uk-panel{margin-top:10px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider>*{padding-left:25px;padding-right:25px}.uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2),.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2){border-left:1px solid #ddd}@media (min-width:768px){.uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:960px){.uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:1220px){.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve)>*{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}[class*=uk-grid-width]>*{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-grid-width-1-2>*{width:50%}.uk-grid-width-1-3>*{width:33.333%}.uk-grid-width-1-4>*{width:25%}.uk-grid-width-1-5>*{width:20%}.uk-grid-width-1-6>*{width:16.666%}.uk-grid-width-1-10>*{width:10%}@media (min-width:480px){.uk-grid-width-small-1-2>*{width:50%}.uk-grid-width-small-1-3>*{width:33.333%}.uk-grid-width-small-1-4>*{width:25%}.uk-grid-width-small-1-5>*{width:20%}.uk-grid-width-small-1-6>*{width:16.666%}.uk-grid-width-small-1-10>*{width:10%}}@media (min-width:768px){.uk-grid-width-medium-1-2>*{width:50%}.uk-grid-width-medium-1-3>*{width:33.333%}.uk-grid-width-medium-1-4>*{width:25%}.uk-grid-width-medium-1-5>*{width:20%}.uk-grid-width-medium-1-6>*{width:16.666%}.uk-grid-width-medium-1-10>*{width:10%}}@media (min-width:960px){.uk-grid-width-large-1-2>*{width:50%}.uk-grid-width-large-1-3>*{width:33.333%}.uk-grid-width-large-1-4>*{width:25%}.uk-grid-width-large-1-5>*{width:20%}.uk-grid-width-large-1-6>*{width:16.666%}.uk-grid-width-large-1-10>*{width:10%}}@media (min-width:1220px){.uk-grid-width-xlarge-1-2>*{width:50%}.uk-grid-width-xlarge-1-3>*{width:33.333%}.uk-grid-width-xlarge-1-4>*{width:25%}.uk-grid-width-xlarge-1-5>*{width:20%}.uk-grid-width-xlarge-1-6>*{width:16.666%}.uk-grid-width-xlarge-1-10>*{width:10%}}[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:480px){.uk-width-small-1-1{width:100%}.uk-width-small-1-2,.uk-width-small-2-4,.uk-width-small-3-6,.uk-width-small-5-10{width:50%}.uk-width-small-1-3,.uk-width-small-2-6{width:33.333%}.uk-width-small-2-3,.uk-width-small-4-6{width:66.666%}.uk-width-small-1-4{width:25%}.uk-width-small-3-4{width:75%}.uk-width-small-1-5,.uk-width-small-2-10{width:20%}.uk-width-small-2-5,.uk-width-small-4-10{width:40%}.uk-width-small-3-5,.uk-width-small-6-10{width:60%}.uk-width-small-4-5,.uk-width-small-8-10{width:80%}.uk-width-small-1-6{width:16.666%}.uk-width-small-5-6{width:83.333%}.uk-width-small-1-10{width:10%}.uk-width-small-3-10{width:30%}.uk-width-small-7-10{width:70%}.uk-width-small-9-10{width:90%}}@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{display:block;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-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:400;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.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-panel-teaser{margin:-15px -15px 15px -15px}.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:25px}.uk-article-title{font-size:36px;line-height:42px;font-weight:400;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:400}.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;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 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;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}@media (min-width:768px){.uk-comment-list .uk-comment+ul{padding-left:100px}}.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:700;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,.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-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{float:left;position:relative}.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:400}.uk-navbar-nav>li>a[href='#']{cursor:text}.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;display:block;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{float:none;text-align:center;max-width:50%;margin-left:auto;margin-right:auto}.uk-navbar-flip{float:right}.uk-subnav{padding:0;list-style:none;font-size:0}.uk-subnav>li{position:relative;font-size:1rem;vertical-align:top}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.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;font-size:0}.uk-breadcrumb>li{font-size:1rem;vertical-align:top}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;font-size:0}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;font-size:1rem;vertical-align:top}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;-moz-box-sizing:content-box;box-sizing:content-box;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{margin-bottom:-1px;float:left;position:relative}.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 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:none;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;right:50%;border:none;float:right}.uk-tab-center .uk-tab>li{position:relative;right:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:none}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{margin-left:-5px;border-bottom:none;position:relative;z-index:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;border-top:1px solid #ddd;z-index:-1}.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:none}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media (min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:none}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li>a,.uk-tab-right>li>a{padding-top:8px;padding-bottom:8px}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#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>li:before,.uk-list>li:after{content:" ";display:table}.uk-list>li:after{clear:both}.uk-list>li>:last-child{margin-bottom:0}.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}.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:400}.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}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding: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){background:#f5f5f5}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover{background:#eee}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=number],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=color]{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:not([type]):focus,.uk-form input[type=text]:focus,.uk-form input[type=password]:focus,.uk-form input[type=datetime]:focus,.uk-form input[type=datetime-local]:focus,.uk-form input[type=date]:focus,.uk-form input[type=month]:focus,.uk-form input[type=time]:focus,.uk-form input[type=week]:focus,.uk-form input[type=number]:focus,.uk-form input[type=email]:focus,.uk-form input[type=url]:focus,.uk-form input[type=search]:focus,.uk-form input[type=tel]:focus,.uk-form input[type=color]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input:not([type]):disabled,.uk-form input[type=text]:disabled,.uk-form input[type=password]:disabled,.uk-form input[type=datetime]:disabled,.uk-form input[type=datetime-local]:disabled,.uk-form input[type=date]:disabled,.uk-form input[type=month]:disabled,.uk-form input[type=time]:disabled,.uk-form input[type=week]:disabled,.uk-form input[type=number]:disabled,.uk-form input[type=email]:disabled,.uk-form input[type=url]:disabled,.uk-form input[type=search]:disabled,.uk-form input[type=tel]:disabled,.uk-form input[type=color]:disabled{border-color:#ddd;background-color:#f5f5f5;color:#999}.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 textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel]{-webkit-appearance:none}.uk-form :invalid{box-shadow:none}.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}select.uk-form-small,textarea.uk-form-small,input[type].uk-form-small,input:not([type]).uk-form-small{height:25px;padding:3px;font-size:12px}select.uk-form-large,textarea.uk-form-large,input[type].uk-form-large,input:not([type]).uk-form-large{height:40px;padding:8px 6px;font-size:16px}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto}.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-blank{border-color:transparent!important;border-style:dashed!important;background:none!important}.uk-form-blank:focus{border-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}.uk-form-controls>:first-child{margin-top: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:700}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:700}}@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-form-icon{position:relative;display:inline-block;max-width:100%}.uk-form-icon>[class*=uk-icon-]{position:absolute;top:50%;width:30px;margin-top:-7px;font-size:14px;color:#999;text-align:center}.uk-form-icon:not(.uk-form-icon-flip)>input{padding-left:30px!important}.uk-form-icon-flip>[class*=uk-icon-]{right:0}.uk-form-icon-flip>input{padding-right:30px!important}.uk-button{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:none;line-height:30px;min-height:30px;font-size:1rem;padding:0 12px;background:#eee;color:#444}.uk-button:hover,.uk-button:focus{background-color:#f5f5f5;color:#444;outline:0;text-decoration:none}.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{border-color:transparent;background:0 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-group{display:inline-block;vertical-align:middle;position:relative;font-size:0;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-group .uk-button{vertical-align:top}.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:400;font-style:normal} [class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .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:18px;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-o:before{content:"\f003"} .uk-icon-heart:before{content:"\f004"} .uk-icon-star:before{content:"\f005"} .uk-icon-star-o:before{content:"\f006"} .uk-icon-user:before{content:"\f007"} .uk-icon-film:before{content:"\f008"} .uk-icon-th-large:before{content:"\f009"} .uk-icon-th:before{content:"\f00a"} .uk-icon-th-list:before{content:"\f00b"} .uk-icon-check:before{content:"\f00c"} .uk-icon-times:before{content:"\f00d"} .uk-icon-search-plus:before{content:"\f00e"} .uk-icon-search-minus:before{content:"\f010"} .uk-icon-power-off:before{content:"\f011"} .uk-icon-signal:before{content:"\f012"} .uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"} .uk-icon-trash-o:before{content:"\f014"} .uk-icon-home:before{content:"\f015"} .uk-icon-file-o:before{content:"\f016"} .uk-icon-clock-o:before{content:"\f017"} .uk-icon-road:before{content:"\f018"} .uk-icon-download:before{content:"\f019"} .uk-icon-arrow-circle-o-down:before{content:"\f01a"} .uk-icon-arrow-circle-o-up:before{content:"\f01b"} .uk-icon-inbox:before{content:"\f01c"} .uk-icon-play-circle-o:before{content:"\f01d"} .uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"} .uk-icon-refresh:before{content:"\f021"} .uk-icon-list-alt:before{content:"\f022"} .uk-icon-lock:before{content:"\f023"} .uk-icon-flag:before{content:"\f024"} .uk-icon-headphones:before{content:"\f025"} .uk-icon-volume-off:before{content:"\f026"} .uk-icon-volume-down:before{content:"\f027"} .uk-icon-volume-up:before{content:"\f028"} .uk-icon-qrcode:before{content:"\f029"} .uk-icon-barcode:before{content:"\f02a"} .uk-icon-tag:before{content:"\f02b"} .uk-icon-tags:before{content:"\f02c"} .uk-icon-book:before{content:"\f02d"} .uk-icon-bookmark:before{content:"\f02e"} .uk-icon-print:before{content:"\f02f"} .uk-icon-camera:before{content:"\f030"} .uk-icon-font:before{content:"\f031"} .uk-icon-bold:before{content:"\f032"} .uk-icon-italic:before{content:"\f033"} .uk-icon-text-height:before{content:"\f034"} .uk-icon-text-width:before{content:"\f035"} .uk-icon-align-left:before{content:"\f036"} .uk-icon-align-center:before{content:"\f037"} .uk-icon-align-right:before{content:"\f038"} .uk-icon-align-justify:before{content:"\f039"} .uk-icon-list:before{content:"\f03a"} .uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"} .uk-icon-indent:before{content:"\f03c"} .uk-icon-video-camera:before{content:"\f03d"} .uk-icon-picture-o:before{content:"\f03e"} .uk-icon-pencil:before{content:"\f040"} .uk-icon-map-marker:before{content:"\f041"} .uk-icon-adjust:before{content:"\f042"} .uk-icon-tint:before{content:"\f043"} .uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"} .uk-icon-share-square-o:before{content:"\f045"} .uk-icon-check-square-o:before{content:"\f046"} .uk-icon-arrows:before{content:"\f047"} .uk-icon-step-backward:before{content:"\f048"} .uk-icon-fast-backward:before{content:"\f049"} .uk-icon-backward:before{content:"\f04a"} .uk-icon-play:before{content:"\f04b"} .uk-icon-pause:before{content:"\f04c"} .uk-icon-stop:before{content:"\f04d"} .uk-icon-forward:before{content:"\f04e"} .uk-icon-fast-forward:before{content:"\f050"} .uk-icon-step-forward:before{content:"\f051"} .uk-icon-eject:before{content:"\f052"} .uk-icon-chevron-left:before{content:"\f053"} .uk-icon-chevron-right:before{content:"\f054"} .uk-icon-plus-circle:before{content:"\f055"} .uk-icon-minus-circle:before{content:"\f056"} .uk-icon-times-circle:before{content:"\f057"} .uk-icon-check-circle:before{content:"\f058"} .uk-icon-question-circle:before{content:"\f059"} .uk-icon-info-circle:before{content:"\f05a"} .uk-icon-crosshairs:before{content:"\f05b"} .uk-icon-times-circle-o:before{content:"\f05c"} .uk-icon-check-circle-o:before{content:"\f05d"} .uk-icon-ban:before{content:"\f05e"} .uk-icon-arrow-left:before{content:"\f060"} .uk-icon-arrow-right:before{content:"\f061"} .uk-icon-arrow-up:before{content:"\f062"} .uk-icon-arrow-down:before{content:"\f063"} .uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"} .uk-icon-expand:before{content:"\f065"} .uk-icon-compress:before{content:"\f066"} .uk-icon-plus:before{content:"\f067"} .uk-icon-minus:before{content:"\f068"} .uk-icon-asterisk:before{content:"\f069"} .uk-icon-exclamation-circle:before{content:"\f06a"} .uk-icon-gift:before{content:"\f06b"} .uk-icon-leaf:before{content:"\f06c"} .uk-icon-fire:before{content:"\f06d"} .uk-icon-eye:before{content:"\f06e"} .uk-icon-eye-slash:before{content:"\f070"} .uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"} .uk-icon-plane:before{content:"\f072"} .uk-icon-calendar:before{content:"\f073"} .uk-icon-random:before{content:"\f074"} .uk-icon-comment:before{content:"\f075"} .uk-icon-magnet:before{content:"\f076"} .uk-icon-chevron-up:before{content:"\f077"} .uk-icon-chevron-down:before{content:"\f078"} .uk-icon-retweet:before{content:"\f079"} .uk-icon-shopping-cart:before{content:"\f07a"} .uk-icon-folder:before{content:"\f07b"} .uk-icon-folder-open:before{content:"\f07c"} .uk-icon-arrows-v:before{content:"\f07d"} .uk-icon-arrows-h:before{content:"\f07e"} .uk-icon-bar-chart-o:before{content:"\f080"} .uk-icon-twitter-square:before{content:"\f081"} .uk-icon-facebook-square:before{content:"\f082"} .uk-icon-camera-retro:before{content:"\f083"} .uk-icon-key:before{content:"\f084"} .uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"} .uk-icon-comments:before{content:"\f086"} .uk-icon-thumbs-o-up:before{content:"\f087"} .uk-icon-thumbs-o-down:before{content:"\f088"} .uk-icon-star-half:before{content:"\f089"} .uk-icon-heart-o:before{content:"\f08a"} .uk-icon-sign-out:before{content:"\f08b"} .uk-icon-linkedin-square:before{content:"\f08c"} .uk-icon-thumb-tack:before{content:"\f08d"} .uk-icon-external-link:before{content:"\f08e"} .uk-icon-sign-in:before{content:"\f090"} .uk-icon-trophy:before{content:"\f091"} .uk-icon-github-square:before{content:"\f092"} .uk-icon-upload:before{content:"\f093"} .uk-icon-lemon-o:before{content:"\f094"} .uk-icon-phone:before{content:"\f095"} .uk-icon-square-o:before{content:"\f096"} .uk-icon-bookmark-o:before{content:"\f097"} .uk-icon-phone-square:before{content:"\f098"} .uk-icon-twitter:before{content:"\f099"} .uk-icon-facebook:before{content:"\f09a"} .uk-icon-github:before{content:"\f09b"} .uk-icon-unlock:before{content:"\f09c"} .uk-icon-credit-card:before{content:"\f09d"} .uk-icon-rss:before{content:"\f09e"} .uk-icon-hdd-o:before{content:"\f0a0"} .uk-icon-bullhorn:before{content:"\f0a1"} .uk-icon-bell:before{content:"\f0f3"} .uk-icon-certificate:before{content:"\f0a3"} .uk-icon-hand-o-right:before{content:"\f0a4"} .uk-icon-hand-o-left:before{content:"\f0a5"} .uk-icon-hand-o-up:before{content:"\f0a6"} .uk-icon-hand-o-down:before{content:"\f0a7"} .uk-icon-arrow-circle-left:before{content:"\f0a8"} .uk-icon-arrow-circle-right:before{content:"\f0a9"} .uk-icon-arrow-circle-up:before{content:"\f0aa"} .uk-icon-arrow-circle-down:before{content:"\f0ab"} .uk-icon-globe:before{content:"\f0ac"} .uk-icon-wrench:before{content:"\f0ad"} .uk-icon-tasks:before{content:"\f0ae"} .uk-icon-filter:before{content:"\f0b0"} .uk-icon-briefcase:before{content:"\f0b1"} .uk-icon-arrows-alt:before{content:"\f0b2"} .uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"} .uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"} .uk-icon-cloud:before{content:"\f0c2"} .uk-icon-flask:before{content:"\f0c3"} .uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"} .uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"} .uk-icon-paperclip:before{content:"\f0c6"} .uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"} .uk-icon-square:before{content:"\f0c8"} .uk-icon-bars:before{content:"\f0c9"} .uk-icon-list-ul:before{content:"\f0ca"} .uk-icon-list-ol:before{content:"\f0cb"} .uk-icon-strikethrough:before{content:"\f0cc"} .uk-icon-underline:before{content:"\f0cd"} .uk-icon-table:before{content:"\f0ce"} .uk-icon-magic:before{content:"\f0d0"} .uk-icon-truck:before{content:"\f0d1"} .uk-icon-pinterest:before{content:"\f0d2"} .uk-icon-pinterest-square:before{content:"\f0d3"} .uk-icon-google-plus-square:before{content:"\f0d4"} .uk-icon-google-plus:before{content:"\f0d5"} .uk-icon-money:before{content:"\f0d6"} .uk-icon-caret-down:before{content:"\f0d7"} .uk-icon-caret-up:before{content:"\f0d8"} .uk-icon-caret-left:before{content:"\f0d9"} .uk-icon-caret-right:before{content:"\f0da"} .uk-icon-columns:before{content:"\f0db"} .uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"} .uk-icon-sort-down:before,.uk-icon-sort-asc:before{content:"\f0dd"} .uk-icon-sort-up:before,.uk-icon-sort-desc:before{content:"\f0de"} .uk-icon-envelope:before{content:"\f0e0"} .uk-icon-linkedin:before{content:"\f0e1"} .uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"} .uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"} .uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"} .uk-icon-comment-o:before{content:"\f0e5"} .uk-icon-comments-o:before{content:"\f0e6"} .uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"} .uk-icon-sitemap:before{content:"\f0e8"} .uk-icon-umbrella:before{content:"\f0e9"} .uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"} .uk-icon-lightbulb-o:before{content:"\f0eb"} .uk-icon-exchange:before{content:"\f0ec"} .uk-icon-cloud-download:before{content:"\f0ed"} .uk-icon-cloud-upload:before{content:"\f0ee"} .uk-icon-user-md:before{content:"\f0f0"} .uk-icon-stethoscope:before{content:"\f0f1"} .uk-icon-suitcase:before{content:"\f0f2"} .uk-icon-bell-o:before{content:"\f0a2"} .uk-icon-coffee:before{content:"\f0f4"} .uk-icon-cutlery:before{content:"\f0f5"} .uk-icon-file-text-o:before{content:"\f0f6"} .uk-icon-building-o:before{content:"\f0f7"} .uk-icon-hospital-o:before{content:"\f0f8"} .uk-icon-ambulance:before{content:"\f0f9"} .uk-icon-medkit:before{content:"\f0fa"} .uk-icon-fighter-jet:before{content:"\f0fb"} .uk-icon-beer:before{content:"\f0fc"} .uk-icon-h-square:before{content:"\f0fd"} .uk-icon-plus-square:before{content:"\f0fe"} .uk-icon-angle-double-left:before{content:"\f100"} .uk-icon-angle-double-right:before{content:"\f101"} .uk-icon-angle-double-up:before{content:"\f102"} .uk-icon-angle-double-down:before{content:"\f103"} .uk-icon-angle-left:before{content:"\f104"} .uk-icon-angle-right:before{content:"\f105"} .uk-icon-angle-up:before{content:"\f106"} .uk-icon-angle-down:before{content:"\f107"} .uk-icon-desktop:before{content:"\f108"} .uk-icon-laptop:before{content:"\f109"} .uk-icon-tablet:before{content:"\f10a"} .uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"} .uk-icon-circle-o:before{content:"\f10c"} .uk-icon-quote-left:before{content:"\f10d"} .uk-icon-quote-right:before{content:"\f10e"} .uk-icon-spinner:before{content:"\f110"} .uk-icon-circle:before{content:"\f111"} .uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"} .uk-icon-github-alt:before{content:"\f113"} .uk-icon-folder-o:before{content:"\f114"} .uk-icon-folder-open-o:before{content:"\f115"} .uk-icon-smile-o:before{content:"\f118"} .uk-icon-frown-o:before{content:"\f119"} .uk-icon-meh-o:before{content:"\f11a"} .uk-icon-gamepad:before{content:"\f11b"} .uk-icon-keyboard-o:before{content:"\f11c"} .uk-icon-flag-o:before{content:"\f11d"} .uk-icon-flag-checkered:before{content:"\f11e"} .uk-icon-terminal:before{content:"\f120"} .uk-icon-code:before{content:"\f121"} .uk-icon-reply-all:before{content:"\f122"} .uk-icon-mail-reply-all:before{content:"\f122"} .uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"} .uk-icon-location-arrow:before{content:"\f124"} .uk-icon-crop:before{content:"\f125"} .uk-icon-code-fork:before{content:"\f126"} .uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"} .uk-icon-question:before{content:"\f128"} .uk-icon-info:before{content:"\f129"} .uk-icon-exclamation:before{content:"\f12a"} .uk-icon-superscript:before{content:"\f12b"} .uk-icon-subscript:before{content:"\f12c"} .uk-icon-eraser:before{content:"\f12d"} .uk-icon-puzzle-piece:before{content:"\f12e"} .uk-icon-microphone:before{content:"\f130"} .uk-icon-microphone-slash:before{content:"\f131"} .uk-icon-shield:before{content:"\f132"} .uk-icon-calendar-o:before{content:"\f133"} .uk-icon-fire-extinguisher:before{content:"\f134"} .uk-icon-rocket:before{content:"\f135"} .uk-icon-maxcdn:before{content:"\f136"} .uk-icon-chevron-circle-left:before{content:"\f137"} .uk-icon-chevron-circle-right:before{content:"\f138"} .uk-icon-chevron-circle-up:before{content:"\f139"} .uk-icon-chevron-circle-down:before{content:"\f13a"} .uk-icon-html5:before{content:"\f13b"} .uk-icon-css3:before{content:"\f13c"} .uk-icon-anchor:before{content:"\f13d"} .uk-icon-unlock-alt:before{content:"\f13e"} .uk-icon-bullseye:before{content:"\f140"} .uk-icon-ellipsis-h:before{content:"\f141"} .uk-icon-ellipsis-v:before{content:"\f142"} .uk-icon-rss-square:before{content:"\f143"} .uk-icon-play-circle:before{content:"\f144"} .uk-icon-ticket:before{content:"\f145"} .uk-icon-minus-square:before{content:"\f146"} .uk-icon-minus-square-o:before{content:"\f147"} .uk-icon-level-up:before{content:"\f148"} .uk-icon-level-down:before{content:"\f149"} .uk-icon-check-square:before{content:"\f14a"} .uk-icon-pencil-square:before{content:"\f14b"} .uk-icon-external-link-square:before{content:"\f14c"} .uk-icon-share-square:before{content:"\f14d"} .uk-icon-compass:before{content:"\f14e"} .uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"} .uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"} .uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"} .uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"} .uk-icon-gbp:before{content:"\f154"} .uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"} .uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"} .uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"} .uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"} .uk-icon-won:before,.uk-icon-krw:before{content:"\f159"} .uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"} .uk-icon-file:before{content:"\f15b"} .uk-icon-file-text:before{content:"\f15c"} .uk-icon-sort-alpha-asc:before{content:"\f15d"} .uk-icon-sort-alpha-desc:before{content:"\f15e"} .uk-icon-sort-amount-asc:before{content:"\f160"} .uk-icon-sort-amount-desc:before{content:"\f161"} .uk-icon-sort-numeric-asc:before{content:"\f162"} .uk-icon-sort-numeric-desc:before{content:"\f163"} .uk-icon-thumbs-up:before{content:"\f164"} .uk-icon-thumbs-down:before{content:"\f165"} .uk-icon-youtube-square:before{content:"\f166"} .uk-icon-youtube:before{content:"\f167"} .uk-icon-xing:before{content:"\f168"} .uk-icon-xing-square:before{content:"\f169"} .uk-icon-youtube-play:before{content:"\f16a"} .uk-icon-dropbox:before{content:"\f16b"} .uk-icon-stack-overflow:before{content:"\f16c"} .uk-icon-instagram:before{content:"\f16d"} .uk-icon-flickr:before{content:"\f16e"} .uk-icon-adn:before{content:"\f170"} .uk-icon-bitbucket:before{content:"\f171"} .uk-icon-bitbucket-square:before{content:"\f172"} .uk-icon-tumblr:before{content:"\f173"} .uk-icon-tumblr-square:before{content:"\f174"} .uk-icon-long-arrow-down:before{content:"\f175"} .uk-icon-long-arrow-up:before{content:"\f176"} .uk-icon-long-arrow-left:before{content:"\f177"} .uk-icon-long-arrow-right:before{content:"\f178"} .uk-icon-apple:before{content:"\f179"} .uk-icon-windows:before{content:"\f17a"} .uk-icon-android:before{content:"\f17b"} .uk-icon-linux:before{content:"\f17c"} .uk-icon-dribbble:before{content:"\f17d"} .uk-icon-skype:before{content:"\f17e"} .uk-icon-foursquare:before{content:"\f180"} .uk-icon-trello:before{content:"\f181"} .uk-icon-female:before{content:"\f182"} .uk-icon-male:before{content:"\f183"} .uk-icon-gittip:before{content:"\f184"} .uk-icon-sun-o:before{content:"\f185"} .uk-icon-moon-o:before{content:"\f186"} .uk-icon-archive:before{content:"\f187"} .uk-icon-bug:before{content:"\f188"} .uk-icon-vk:before{content:"\f189"} .uk-icon-weibo:before{content:"\f18a"} .uk-icon-renren:before{content:"\f18b"} .uk-icon-pagelines:before{content:"\f18c"} .uk-icon-stack-exchange:before{content:"\f18d"} .uk-icon-arrow-circle-o-right:before{content:"\f18e"} .uk-icon-arrow-circle-o-left:before{content:"\f190"} .uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"} .uk-icon-dot-circle-o:before{content:"\f192"} .uk-icon-wheelchair:before{content:"\f193"} .uk-icon-vimeo-square:before{content:"\f194"} .uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"} .uk-icon-plus-square-o:before{content:"\f196"} .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:0 0} .uk-close:after{display:block;content:"\f00d";font-family:FontAwesome} .uk-close:hover,.uk-close:focus{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer} .uk-close-alt{padding:2px;border-radius:50%;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:700;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:4px;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>img:first-child{display:block} .uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translate3d(0,0,0)} .uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1} .uk-overlay-area:empty: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-area:not(:empty){font-size:0} .uk-overlay-area:not(:empty):before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-overlay-area-content{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;vertical-align:middle;font-size:1rem;text-align:center;padding:0 15px;color:#fff} .uk-overlay-area-content>:last-child{margin-bottom:0} .uk-overlay-area-content a:not([class]),.uk-overlay-area-content a:not([class]):hover{color:inherit} .uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translate3d(0,0,0)} .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,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.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}} [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} [data-uk-scrollspy*=uk-animation-]{opacity:0} .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-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake} .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-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}} @keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}} @-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:1020;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#f5f5f5;color:#444;font-size:1rem;vertical-align:top} .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-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;-webkit-transform:translateZ(0)} .uk-modal.uk-open{opacity:1} .uk-modal-page,.uk-modal-page body{overflow:hidden} .uk-modal-dialog{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;margin:50px auto;padding:20px;width:600px;max-width:100%;max-width:calc(100% - 20px);background:#fff;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}@media (max-width:767px){.uk-modal-dialog{width:auto;margin:10px}} .uk-open .uk-modal-dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} .uk-modal-dialog>:last-child{margin-bottom: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}}@media (min-width:768px){.uk-modal-dialog-large{width:930px}}@media (min-width:1220px){.uk-modal-dialog-large{width:1130px}} .uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(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:1001;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-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,.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:none;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:none;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:none;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:700} .uk-text-muted{color:#999!important} .uk-text-primary{color:#2d7091!important} .uk-text-success{color:#659f13!important} .uk-text-warning{color:#e28327!important} .uk-text-danger{color:#d85030!important} .uk-text-left{text-align:left!important} .uk-text-right{text-align:right!important} .uk-text-center{text-align:center!important} .uk-text-justify{text-align:justify!important} .uk-text-top{vertical-align:top!important} .uk-text-middle{vertical-align:middle!important} .uk-text-bottom{vertical-align:bottom!important}@media (max-width:959px){.uk-text-center-medium{text-align:center!important}}@media (max-width:767px){.uk-text-center-small{text-align:center!important}} .uk-text-nowrap{white-space:nowrap} .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-float-]{max-width:100%} [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{font-size:0} .uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;font-size:1rem} .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-left{margin-left:15px!important} .uk-margin-right{margin-right:15px!important} .uk-margin-large{margin-bottom:50px} *+.uk-margin-large{margin-top:50px} .uk-margin-large-top{margin-top:50px!important} .uk-margin-large-bottom{margin-bottom:50px!important} .uk-margin-large-left{margin-left:50px!important} .uk-margin-large-right{margin-right:50px!important} .uk-margin-small{margin-bottom:5px} *+.uk-margin-small{margin-top:5px} .uk-margin-small-top{margin-top:5px!important} .uk-margin-small-bottom{margin-bottom:5px!important} .uk-margin-small-left{margin-left:5px!important} .uk-margin-small-right{margin-right:5px!important} .uk-margin-remove{margin:0!important} .uk-margin-top-remove{margin-top:0!important} .uk-margin-bottom-remove{margin-bottom:0!important} .uk-border-circle{border-radius:50%} .uk-border-rounded{border-radius:5px}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}} .uk-link-muted,.uk-link-muted a{color:#444} .uk-link-muted:hover,.uk-link-muted a:hover{color:#444} .uk-link-reset,.uk-link-reset a,.uk-link-reset:hover,.uk-link-reset a:hover{color:inherit;text-decoration:none} .uk-scrollable-text{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;resize:both} .uk-scrollable-box{-moz-box-sizing:border-box;box-sizing:border-box;height:170px;padding:10px;border:1px solid #ddd;overflow:auto;-webkit-overflow-scrolling:touch;resize:both} .uk-scrollable-box>:last-child{margin-bottom:0} .uk-overflow-container{overflow:auto;-webkit-overflow-scrolling:touch} .uk-overflow-container>: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-invisible{visibility:hidden!important} .uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block!important;visibility:visible!important} .uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:#000!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}} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
=� W� � LP gr^� F o n t A w e s o m e R e g u l a r $ V e r s i o n 4 . 0 . 2 2 0 1 3 & |