add a new index
9
app.py
@ -12,7 +12,13 @@ define('port',default='9000',help='Listening port',type=int) #定义如何接受
|
|||||||
class Application(tornado.web.Application): #引入Application类,重写方法,这样做的好处在于可以自定义,添加另一些功能
|
class Application(tornado.web.Application): #引入Application类,重写方法,这样做的好处在于可以自定义,添加另一些功能
|
||||||
def __init__(self):
|
def __init__(self):
|
||||||
handlers = [
|
handlers = [
|
||||||
(r'/',main.IndexHandler),
|
(r'/',main.Open_Index_Zh_Handler),
|
||||||
|
(r'/index_test',main.IndexHandler),
|
||||||
|
(r'/index',main.Index_Zh_Handler),
|
||||||
|
(r'/index_Zh',main.Index_Zh_Handler),
|
||||||
|
(r'/index_En',main.Index_En_Handler),
|
||||||
|
(r'/open_index_Zh',main.Open_Index_Zh_Handler),
|
||||||
|
(r'/open_index_En',main.Open_Index_En_Handler),
|
||||||
(r'/login',auth.LoginHandler),
|
(r'/login',auth.LoginHandler),
|
||||||
(r'/logout',auth.LogoutHandler),
|
(r'/logout',auth.LogoutHandler),
|
||||||
(r'/register',auth.RegisterHandler),
|
(r'/register',auth.RegisterHandler),
|
||||||
@ -28,6 +34,7 @@ class Application(tornado.web.Application): #引入Application类,重写方
|
|||||||
]
|
]
|
||||||
settings = dict(
|
settings = dict(
|
||||||
debug = False, #调试模式,修改后自动重启服务,不需要自动重启,生产情况下切勿开启,安全性
|
debug = False, #调试模式,修改后自动重启服务,不需要自动重启,生产情况下切勿开启,安全性
|
||||||
|
# autoescape = None,
|
||||||
template_path='template', #模板文件目录,想要Tornado能够正确的找到html文件,需要在 Application 中指定文件的位置
|
template_path='template', #模板文件目录,想要Tornado能够正确的找到html文件,需要在 Application 中指定文件的位置
|
||||||
static_path='static', #静态文件目录,可用于用于访问js,css,图片之类的添加此配置之后,tornado就能自己找到静态文件
|
static_path='static', #静态文件目录,可用于用于访问js,css,图片之类的添加此配置之后,tornado就能自己找到静态文件
|
||||||
login_url='/login', #没有登录则跳转至此
|
login_url='/login', #没有登录则跳转至此
|
||||||
|
@ -25,7 +25,7 @@ class LoginHandler(AuthBaseHandler):
|
|||||||
else:
|
else:
|
||||||
Mongo.connect(DataBase='example',Collection=username)
|
Mongo.connect(DataBase='example',Collection=username)
|
||||||
Mongo.update(behavior='login',tags='auth')
|
Mongo.update(behavior='login',tags='auth')
|
||||||
self.redirect('/')
|
self.redirect('/index')
|
||||||
else:
|
else:
|
||||||
self.write({'msg':'login fail'}) #不通过,有问题
|
self.write({'msg':'login fail'}) #不通过,有问题
|
||||||
|
|
||||||
|
@ -9,9 +9,9 @@ class AuthBaseHandler(tornado.web.RequestHandler,SessionMixin):
|
|||||||
|
|
||||||
#添加装饰器,装饰需要验证的请求
|
#添加装饰器,装饰需要验证的请求
|
||||||
class IndexHandler(AuthBaseHandler):
|
class IndexHandler(AuthBaseHandler):
|
||||||
|
|
||||||
@tornado.web.authenticated #@tornado.web.authenticated装饰器包裹get方法时,表示这个方法只有在用户合法时才会调用,authenticated装饰器会调用get_current_user()方法获取current_user的值,若值为False,则重定向到登录url装饰器判断有没有登录,如果没有则跳转到配置的路由下去,但是要在app.py里面设置login_url
|
@tornado.web.authenticated #@tornado.web.authenticated装饰器包裹get方法时,表示这个方法只有在用户合法时才会调用,authenticated装饰器会调用get_current_user()方法获取current_user的值,若值为False,则重定向到登录url装饰器判断有没有登录,如果没有则跳转到配置的路由下去,但是要在app.py里面设置login_url
|
||||||
def get(self,*args,**kwargs):
|
def get(self,*args,**kwargs):
|
||||||
|
# self.render('main/index_Zh.html')
|
||||||
username = self.get_current_user()
|
username = self.get_current_user()
|
||||||
self.render('index.html',user=username)
|
self.render('index.html',user=username)
|
||||||
|
|
||||||
@ -28,3 +28,28 @@ class TestHandler(AuthBaseHandler):
|
|||||||
|
|
||||||
self.write("success")
|
self.write("success")
|
||||||
|
|
||||||
|
#添加装饰器,装饰需要验证的请求
|
||||||
|
class Index_Zh_Handler(AuthBaseHandler):
|
||||||
|
|
||||||
|
@tornado.web.authenticated
|
||||||
|
def get(self,*args,**kwargs):
|
||||||
|
self.render('main/index_Zh.html')
|
||||||
|
|
||||||
|
#添加装饰器,装饰需要验证的请求
|
||||||
|
class Index_En_Handler(AuthBaseHandler):
|
||||||
|
|
||||||
|
@tornado.web.authenticated
|
||||||
|
def get(self,*args,**kwargs):
|
||||||
|
self.render('main/index_En.html')
|
||||||
|
|
||||||
|
#添加装饰器,装饰需要验证的请求
|
||||||
|
class Open_Index_Zh_Handler(tornado.web.RequestHandler):
|
||||||
|
|
||||||
|
def get(self,*args,**kwargs):
|
||||||
|
self.render('main/open_index_Zh.html')
|
||||||
|
|
||||||
|
#添加装饰器,装饰需要验证的请求
|
||||||
|
class Open_Index_En_Handler(tornado.web.RequestHandler):
|
||||||
|
|
||||||
|
def get(self,*args,**kwargs):
|
||||||
|
self.render('main/open_index_En.html')
|
2
static/main/css/aos.css
Normal file
471
static/main/css/bootstrap-datepicker.css
vendored
Normal file
@ -0,0 +1,471 @@
|
|||||||
|
/*!
|
||||||
|
* Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
|
||||||
|
*
|
||||||
|
* Copyright 2012 Stefan Petre
|
||||||
|
* Improvements by Andrew Rowls
|
||||||
|
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
|
||||||
|
*/
|
||||||
|
.datepicker {
|
||||||
|
padding: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
direction: ltr;
|
||||||
|
}
|
||||||
|
.datepicker-inline {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
.datepicker.datepicker-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.datepicker.datepicker-rtl table tr td span {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 7px solid transparent;
|
||||||
|
border-right: 7px solid transparent;
|
||||||
|
border-bottom: 7px solid #999;
|
||||||
|
border-top: 0;
|
||||||
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown:after {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 6px solid transparent;
|
||||||
|
border-right: 6px solid transparent;
|
||||||
|
border-bottom: 6px solid #fff;
|
||||||
|
border-top: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:before {
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:after {
|
||||||
|
left: 7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:before {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:after {
|
||||||
|
right: 7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||||
|
top: -7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||||
|
top: -6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:before {
|
||||||
|
bottom: -7px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 7px solid #999;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:after {
|
||||||
|
bottom: -6px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 6px solid #fff;
|
||||||
|
}
|
||||||
|
.datepicker table {
|
||||||
|
margin: 0;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.datepicker td,
|
||||||
|
.datepicker th {
|
||||||
|
text-align: center;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.table-striped .datepicker table tr td,
|
||||||
|
.table-striped .datepicker table tr th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.day:hover,
|
||||||
|
.datepicker table tr td.day.focused {
|
||||||
|
background: #eee;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.old,
|
||||||
|
.datepicker table tr td.new {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.disabled,
|
||||||
|
.datepicker table tr td.disabled:hover {
|
||||||
|
background: none;
|
||||||
|
color: #999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.highlighted {
|
||||||
|
background: #d9edf7;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today,
|
||||||
|
.datepicker table tr td.today:hover,
|
||||||
|
.datepicker table tr td.today.disabled,
|
||||||
|
.datepicker table tr td.today.disabled:hover {
|
||||||
|
background-color: #fde19a;
|
||||||
|
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||||
|
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||||
|
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||||
|
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||||
|
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||||
|
border-color: #fdf59a #fdf59a #fbed50;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today:hover,
|
||||||
|
.datepicker table tr td.today:hover:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.today:active,
|
||||||
|
.datepicker table tr td.today:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.active,
|
||||||
|
.datepicker table tr td.today:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled,
|
||||||
|
.datepicker table tr td.today:hover.disabled,
|
||||||
|
.datepicker table tr td.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.today[disabled],
|
||||||
|
.datepicker table tr td.today:hover[disabled],
|
||||||
|
.datepicker table tr td.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||||
|
background-color: #fdf59a;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today:active,
|
||||||
|
.datepicker table tr td.today:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.active,
|
||||||
|
.datepicker table tr td.today:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.active {
|
||||||
|
background-color: #fbf069 \9;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today:hover:hover {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today.active:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range,
|
||||||
|
.datepicker table tr td.range:hover,
|
||||||
|
.datepicker table tr td.range.disabled,
|
||||||
|
.datepicker table tr td.range.disabled:hover {
|
||||||
|
background: #eee;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today,
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover {
|
||||||
|
background-color: #f3d17a;
|
||||||
|
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||||
|
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||||
|
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||||
|
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||||
|
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||||
|
border-color: #f3e97a #f3e97a #edde34;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today:hover:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today[disabled],
|
||||||
|
.datepicker table tr td.range.today:hover[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||||
|
background-color: #f3e97a;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active {
|
||||||
|
background-color: #efe24b \9;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected,
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover {
|
||||||
|
background-color: #9e9e9e;
|
||||||
|
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||||
|
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||||
|
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||||
|
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
|
||||||
|
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||||
|
border-color: #808080 #808080 #595959;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected:hover:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.selected:active,
|
||||||
|
.datepicker table tr td.selected:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.active,
|
||||||
|
.datepicker table tr td.selected:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected:hover.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.selected[disabled],
|
||||||
|
.datepicker table tr td.selected:hover[disabled],
|
||||||
|
.datepicker table tr td.selected.disabled[disabled],
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||||
|
background-color: #808080;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected:active,
|
||||||
|
.datepicker table tr td.selected:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.active,
|
||||||
|
.datepicker table tr td.selected:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.active {
|
||||||
|
background-color: #666666 \9;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active,
|
||||||
|
.datepicker table tr td.active:hover,
|
||||||
|
.datepicker table tr td.active.disabled,
|
||||||
|
.datepicker table tr td.active.disabled:hover {
|
||||||
|
background-color: #006dcc;
|
||||||
|
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||||
|
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||||
|
border-color: #0044cc #0044cc #002a80;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active:hover,
|
||||||
|
.datepicker table tr td.active:hover:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.active:active,
|
||||||
|
.datepicker table tr td.active:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.active,
|
||||||
|
.datepicker table tr td.active:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled,
|
||||||
|
.datepicker table tr td.active:hover.disabled,
|
||||||
|
.datepicker table tr td.active.disabled.disabled,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.active[disabled],
|
||||||
|
.datepicker table tr td.active:hover[disabled],
|
||||||
|
.datepicker table tr td.active.disabled[disabled],
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||||
|
background-color: #0044cc;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active:active,
|
||||||
|
.datepicker table tr td.active:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.active,
|
||||||
|
.datepicker table tr td.active:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.active {
|
||||||
|
background-color: #003399 \9;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span {
|
||||||
|
display: block;
|
||||||
|
width: 23%;
|
||||||
|
height: 54px;
|
||||||
|
line-height: 54px;
|
||||||
|
float: left;
|
||||||
|
margin: 1%;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span:hover,
|
||||||
|
.datepicker table tr td span.focused {
|
||||||
|
background: #eee;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.disabled,
|
||||||
|
.datepicker table tr td span.disabled:hover {
|
||||||
|
background: none;
|
||||||
|
color: #999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active,
|
||||||
|
.datepicker table tr td span.active:hover,
|
||||||
|
.datepicker table tr td span.active.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled:hover {
|
||||||
|
background-color: #006dcc;
|
||||||
|
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
|
||||||
|
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-image: linear-gradient(to bottom, #08c, #0044cc);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
|
||||||
|
border-color: #0044cc #0044cc #002a80;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active:hover,
|
||||||
|
.datepicker table tr td span.active:hover:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td span.active:active,
|
||||||
|
.datepicker table tr td span.active:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.active,
|
||||||
|
.datepicker table tr td span.active:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled,
|
||||||
|
.datepicker table tr td span.active:hover.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td span.active[disabled],
|
||||||
|
.datepicker table tr td span.active:hover[disabled],
|
||||||
|
.datepicker table tr td span.active.disabled[disabled],
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||||
|
background-color: #0044cc;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active:active,
|
||||||
|
.datepicker table tr td span.active:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.active,
|
||||||
|
.datepicker table tr td span.active:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.active {
|
||||||
|
background-color: #003399 \9;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.old,
|
||||||
|
.datepicker table tr td span.new {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.datepicker .datepicker-switch {
|
||||||
|
width: 145px;
|
||||||
|
}
|
||||||
|
.datepicker .datepicker-switch,
|
||||||
|
.datepicker .prev,
|
||||||
|
.datepicker .next,
|
||||||
|
.datepicker tfoot tr th {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.datepicker .datepicker-switch:hover,
|
||||||
|
.datepicker .prev:hover,
|
||||||
|
.datepicker .next:hover,
|
||||||
|
.datepicker tfoot tr th:hover {
|
||||||
|
background: #eee;
|
||||||
|
}
|
||||||
|
.datepicker .cw {
|
||||||
|
font-size: 10px;
|
||||||
|
width: 12px;
|
||||||
|
padding: 0 2px 0 5px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.input-append.date .add-on,
|
||||||
|
.input-prepend.date .add-on {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.input-append.date .add-on i,
|
||||||
|
.input-prepend.date .add-on i {
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
.input-daterange input {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.input-daterange input:first-child {
|
||||||
|
-webkit-border-radius: 3px 0 0 3px;
|
||||||
|
-moz-border-radius: 3px 0 0 3px;
|
||||||
|
border-radius: 3px 0 0 3px;
|
||||||
|
}
|
||||||
|
.input-daterange input:last-child {
|
||||||
|
-webkit-border-radius: 0 3px 3px 0;
|
||||||
|
-moz-border-radius: 0 3px 3px 0;
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
}
|
||||||
|
.input-daterange .add-on {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
min-width: 16px;
|
||||||
|
height: 18px;
|
||||||
|
padding: 4px 5px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 18px;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 1px 0 #fff;
|
||||||
|
vertical-align: middle;
|
||||||
|
background-color: #eee;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
margin-left: -5px;
|
||||||
|
margin-right: -5px;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=bootstrap-datepicker.css.map */
|
7
static/main/css/bootstrap.min.css
vendored
Normal file
1
static/main/css/bootstrap.min.css.map
Normal file
3077
static/main/css/bootstrap/bootstrap-grid.css
vendored
Normal file
272
static/main/css/bootstrap/bootstrap-reboot.css
vendored
Normal file
@ -0,0 +1,272 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
|
||||||
|
* Copyright 2011-2019 The Bootstrap Authors
|
||||||
|
* Copyright 2011-2019 Twitter, Inc.
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||||
|
*/
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: 1.15;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||||
|
|
||||||
|
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #212529;
|
||||||
|
text-align: left;
|
||||||
|
background-color: #fff; }
|
||||||
|
|
||||||
|
[tabindex="-1"]:focus {
|
||||||
|
outline: 0 !important; }
|
||||||
|
|
||||||
|
hr {
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
height: 0;
|
||||||
|
overflow: visible; }
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0.5rem; }
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
abbr[title],
|
||||||
|
abbr[data-original-title] {
|
||||||
|
text-decoration: underline;
|
||||||
|
-webkit-text-decoration: underline dotted;
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
cursor: help;
|
||||||
|
border-bottom: 0;
|
||||||
|
text-decoration-skip-ink: none; }
|
||||||
|
|
||||||
|
address {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: inherit; }
|
||||||
|
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
dl {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
ol ol,
|
||||||
|
ul ul,
|
||||||
|
ol ul,
|
||||||
|
ul ol {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
|
||||||
|
dt {
|
||||||
|
font-weight: 700; }
|
||||||
|
|
||||||
|
dd {
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
margin-left: 0; }
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin: 0 0 1rem; }
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder; }
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%; }
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
position: relative;
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
vertical-align: baseline; }
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -.25em; }
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -.5em; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #C2E54F;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: transparent; }
|
||||||
|
a:hover {
|
||||||
|
color: #a2ca1e;
|
||||||
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
a:not([href]):not([tabindex]) {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none; }
|
||||||
|
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none; }
|
||||||
|
a:not([href]):not([tabindex]):focus {
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
|
font-size: 1em; }
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
overflow: auto; }
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 0 0 1rem; }
|
||||||
|
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
border-style: none; }
|
||||||
|
|
||||||
|
svg {
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: middle; }
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse; }
|
||||||
|
|
||||||
|
caption {
|
||||||
|
padding-top: 0.75rem;
|
||||||
|
padding-bottom: 0.75rem;
|
||||||
|
color: #6c757d;
|
||||||
|
text-align: left;
|
||||||
|
caption-side: bottom; }
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: inherit; }
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0.5rem; }
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-radius: 0; }
|
||||||
|
|
||||||
|
button:focus {
|
||||||
|
outline: 1px dotted;
|
||||||
|
outline: 5px auto -webkit-focus-ring-color; }
|
||||||
|
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
select,
|
||||||
|
optgroup,
|
||||||
|
textarea {
|
||||||
|
margin: 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
line-height: inherit; }
|
||||||
|
|
||||||
|
button,
|
||||||
|
input {
|
||||||
|
overflow: visible; }
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
text-transform: none; }
|
||||||
|
|
||||||
|
select {
|
||||||
|
word-wrap: normal; }
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button; }
|
||||||
|
|
||||||
|
button:not(:disabled),
|
||||||
|
[type="button"]:not(:disabled),
|
||||||
|
[type="reset"]:not(:disabled),
|
||||||
|
[type="submit"]:not(:disabled) {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border-style: none; }
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
input[type="checkbox"] {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
input[type="date"],
|
||||||
|
input[type="time"],
|
||||||
|
input[type="datetime-local"],
|
||||||
|
input[type="month"] {
|
||||||
|
-webkit-appearance: listbox; }
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
resize: vertical; }
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
min-width: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
legend {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
white-space: normal; }
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline; }
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto; }
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
outline-offset: -2px;
|
||||||
|
-webkit-appearance: none; }
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none; }
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
font: inherit;
|
||||||
|
-webkit-appearance: button; }
|
||||||
|
|
||||||
|
output {
|
||||||
|
display: inline-block; }
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none !important; }
|
8133
static/main/css/bootstrap/bootstrap.css
vendored
Normal file
654
static/main/css/jquery-ui.css
vendored
Normal file
@ -0,0 +1,654 @@
|
|||||||
|
/*! jQuery UI - v1.11.4 - 2015-12-03
|
||||||
|
* http://jqueryui.com
|
||||||
|
* Includes: core.css, button.css, slider.css, theme.css
|
||||||
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||||
|
* Copyright jQuery Foundation and other contributors; Licensed MIT */
|
||||||
|
|
||||||
|
/* Layout helpers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-helper-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
}
|
||||||
|
.ui-helper-reset {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
outline: 0;
|
||||||
|
line-height: 1.3;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 100%;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix:before,
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix {
|
||||||
|
min-height: 0; /* support: IE7 */
|
||||||
|
}
|
||||||
|
.ui-helper-zfix {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
filter:Alpha(Opacity=0); /* support: IE8 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-front {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-disabled {
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
display: block;
|
||||||
|
text-indent: -99999px;
|
||||||
|
overflow: hidden;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.ui-button {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 0;
|
||||||
|
line-height: normal;
|
||||||
|
margin-right: .1em;
|
||||||
|
cursor: pointer;
|
||||||
|
vertical-align: middle;
|
||||||
|
text-align: center;
|
||||||
|
overflow: visible; /* removes extra width in IE */
|
||||||
|
}
|
||||||
|
.ui-button,
|
||||||
|
.ui-button:link,
|
||||||
|
.ui-button:visited,
|
||||||
|
.ui-button:hover,
|
||||||
|
.ui-button:active {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
/* to make room for the icon, a width needs to be set here */
|
||||||
|
.ui-button-icon-only {
|
||||||
|
width: 2.2em;
|
||||||
|
}
|
||||||
|
/* button elements seem to need a little more width */
|
||||||
|
button.ui-button-icon-only {
|
||||||
|
width: 2.4em;
|
||||||
|
}
|
||||||
|
.ui-button-icons-only {
|
||||||
|
width: 3.4em;
|
||||||
|
}
|
||||||
|
button.ui-button-icons-only {
|
||||||
|
width: 3.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* button text element */
|
||||||
|
.ui-button .ui-button-text {
|
||||||
|
display: block;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.ui-button-text-only .ui-button-text {
|
||||||
|
padding: .4em 1em;
|
||||||
|
}
|
||||||
|
.ui-button-icon-only .ui-button-text,
|
||||||
|
.ui-button-icons-only .ui-button-text {
|
||||||
|
padding: .4em;
|
||||||
|
text-indent: -9999999px;
|
||||||
|
}
|
||||||
|
.ui-button-text-icon-primary .ui-button-text,
|
||||||
|
.ui-button-text-icons .ui-button-text {
|
||||||
|
padding: .4em 1em .4em 2.1em;
|
||||||
|
}
|
||||||
|
.ui-button-text-icon-secondary .ui-button-text,
|
||||||
|
.ui-button-text-icons .ui-button-text {
|
||||||
|
padding: .4em 2.1em .4em 1em;
|
||||||
|
}
|
||||||
|
.ui-button-text-icons .ui-button-text {
|
||||||
|
padding-left: 2.1em;
|
||||||
|
padding-right: 2.1em;
|
||||||
|
}
|
||||||
|
/* no icon support for input elements, provide padding by default */
|
||||||
|
input.ui-button {
|
||||||
|
padding: .4em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* button icon element(s) */
|
||||||
|
.ui-button-icon-only .ui-icon,
|
||||||
|
.ui-button-text-icon-primary .ui-icon,
|
||||||
|
.ui-button-text-icon-secondary .ui-icon,
|
||||||
|
.ui-button-text-icons .ui-icon,
|
||||||
|
.ui-button-icons-only .ui-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
|
.ui-button-icon-only .ui-icon {
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -8px;
|
||||||
|
}
|
||||||
|
.ui-button-text-icon-primary .ui-button-icon-primary,
|
||||||
|
.ui-button-text-icons .ui-button-icon-primary,
|
||||||
|
.ui-button-icons-only .ui-button-icon-primary {
|
||||||
|
left: .5em;
|
||||||
|
}
|
||||||
|
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
||||||
|
.ui-button-text-icons .ui-button-icon-secondary,
|
||||||
|
.ui-button-icons-only .ui-button-icon-secondary {
|
||||||
|
right: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* button sets */
|
||||||
|
.ui-buttonset {
|
||||||
|
margin-right: 7px;
|
||||||
|
}
|
||||||
|
.ui-buttonset .ui-button {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: -.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* workarounds */
|
||||||
|
/* reset extra padding in Firefox, see h5bp.com/l */
|
||||||
|
input.ui-button::-moz-focus-inner,
|
||||||
|
button.ui-button::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.ui-slider {
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui-slider .ui-slider-handle {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
width: 1.2em;
|
||||||
|
height: 1.2em;
|
||||||
|
cursor: default;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
}
|
||||||
|
.ui-slider .ui-slider-range {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
font-size: .7em;
|
||||||
|
display: block;
|
||||||
|
border: 0;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* support: IE8 - See #6727 */
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||||
|
-webkit-filter: inherit;
|
||||||
|
filter: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-slider-horizontal {
|
||||||
|
height: .8em;
|
||||||
|
}
|
||||||
|
.ui-slider-horizontal .ui-slider-handle {
|
||||||
|
top: -.3em;
|
||||||
|
margin-left: -.6em;
|
||||||
|
}
|
||||||
|
.ui-slider-horizontal .ui-slider-range {
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.ui-slider-horizontal .ui-slider-range-min {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.ui-slider-horizontal .ui-slider-range-max {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-slider-vertical {
|
||||||
|
width: .8em;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
.ui-slider-vertical .ui-slider-handle {
|
||||||
|
left: -.3em;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: -.6em;
|
||||||
|
}
|
||||||
|
.ui-slider-vertical .ui-slider-range {
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ui-slider-vertical .ui-slider-range-min {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.ui-slider-vertical .ui-slider-range-max {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Component containers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-widget {
|
||||||
|
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
.ui-widget .ui-widget {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui-widget input,
|
||||||
|
.ui-widget select,
|
||||||
|
.ui-widget textarea,
|
||||||
|
.ui-widget button {
|
||||||
|
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui-widget-content {
|
||||||
|
border: 1px solid #a6c9e2;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.ui-widget-content a {
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.ui-widget-header {
|
||||||
|
border: 1px solid #4297d7;
|
||||||
|
background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-widget-header a {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction states
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-default,
|
||||||
|
.ui-widget-content .ui-state-default,
|
||||||
|
.ui-widget-header .ui-state-default {
|
||||||
|
border: 1px solid #c5dbec;
|
||||||
|
background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #2e6e9e;
|
||||||
|
}
|
||||||
|
.ui-state-default a,
|
||||||
|
.ui-state-default a:link,
|
||||||
|
.ui-state-default a:visited {
|
||||||
|
color: #2e6e9e;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.ui-state-hover,
|
||||||
|
.ui-widget-content .ui-state-hover,
|
||||||
|
.ui-widget-header .ui-state-hover,
|
||||||
|
.ui-state-focus,
|
||||||
|
.ui-widget-content .ui-state-focus,
|
||||||
|
.ui-widget-header .ui-state-focus {
|
||||||
|
border: 1px solid #79b7e7;
|
||||||
|
background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1d5987;
|
||||||
|
}
|
||||||
|
.ui-state-hover a,
|
||||||
|
.ui-state-hover a:hover,
|
||||||
|
.ui-state-hover a:link,
|
||||||
|
.ui-state-hover a:visited,
|
||||||
|
.ui-state-focus a,
|
||||||
|
.ui-state-focus a:hover,
|
||||||
|
.ui-state-focus a:link,
|
||||||
|
.ui-state-focus a:visited {
|
||||||
|
color: #1d5987;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.ui-state-active,
|
||||||
|
.ui-widget-content .ui-state-active,
|
||||||
|
.ui-widget-header .ui-state-active {
|
||||||
|
border: 1px solid #79b7e7;
|
||||||
|
background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #e17009;
|
||||||
|
}
|
||||||
|
.ui-state-active a,
|
||||||
|
.ui-state-active a:link,
|
||||||
|
.ui-state-active a:visited {
|
||||||
|
color: #e17009;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-highlight,
|
||||||
|
.ui-widget-content .ui-state-highlight,
|
||||||
|
.ui-widget-header .ui-state-highlight {
|
||||||
|
border: 1px solid #fad42e;
|
||||||
|
background: #fbec88;
|
||||||
|
color: #363636;
|
||||||
|
}
|
||||||
|
.ui-state-highlight a,
|
||||||
|
.ui-widget-content .ui-state-highlight a,
|
||||||
|
.ui-widget-header .ui-state-highlight a {
|
||||||
|
color: #363636;
|
||||||
|
}
|
||||||
|
.ui-state-error,
|
||||||
|
.ui-widget-content .ui-state-error,
|
||||||
|
.ui-widget-header .ui-state-error {
|
||||||
|
border: 1px solid #cd0a0a;
|
||||||
|
background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
|
||||||
|
color: #cd0a0a;
|
||||||
|
}
|
||||||
|
.ui-state-error a,
|
||||||
|
.ui-widget-content .ui-state-error a,
|
||||||
|
.ui-widget-header .ui-state-error a {
|
||||||
|
color: #cd0a0a;
|
||||||
|
}
|
||||||
|
.ui-state-error-text,
|
||||||
|
.ui-widget-content .ui-state-error-text,
|
||||||
|
.ui-widget-header .ui-state-error-text {
|
||||||
|
color: #cd0a0a;
|
||||||
|
}
|
||||||
|
.ui-priority-primary,
|
||||||
|
.ui-widget-content .ui-priority-primary,
|
||||||
|
.ui-widget-header .ui-priority-primary {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-priority-secondary,
|
||||||
|
.ui-widget-content .ui-priority-secondary,
|
||||||
|
.ui-widget-header .ui-priority-secondary {
|
||||||
|
opacity: .7;
|
||||||
|
filter:Alpha(Opacity=70); /* support: IE8 */
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.ui-state-disabled,
|
||||||
|
.ui-widget-content .ui-state-disabled,
|
||||||
|
.ui-widget-header .ui-state-disabled {
|
||||||
|
opacity: .35;
|
||||||
|
filter:Alpha(Opacity=35); /* support: IE8 */
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.ui-state-disabled .ui-icon {
|
||||||
|
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.ui-icon,
|
||||||
|
.ui-widget-content .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_469bdd_256x240.png");
|
||||||
|
}
|
||||||
|
.ui-widget-header .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_d8e7f3_256x240.png");
|
||||||
|
}
|
||||||
|
.ui-state-default .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_6da8d5_256x240.png");
|
||||||
|
}
|
||||||
|
.ui-state-hover .ui-icon,
|
||||||
|
.ui-state-focus .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_217bc0_256x240.png");
|
||||||
|
}
|
||||||
|
.ui-state-active .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_f9bd01_256x240.png");
|
||||||
|
}
|
||||||
|
.ui-state-highlight .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_2e83ff_256x240.png");
|
||||||
|
}
|
||||||
|
.ui-state-error .ui-icon,
|
||||||
|
.ui-state-error-text .ui-icon {
|
||||||
|
background-image: url("images/ui-icons_cd0a0a_256x240.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* positioning */
|
||||||
|
.ui-icon-blank { background-position: 16px 16px; }
|
||||||
|
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||||
|
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||||
|
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||||
|
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||||
|
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||||
|
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||||
|
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||||
|
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||||
|
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||||
|
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||||
|
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||||
|
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||||
|
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||||
|
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||||
|
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||||
|
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||||
|
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||||
|
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||||
|
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||||
|
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||||
|
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||||
|
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||||
|
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||||
|
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||||
|
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||||
|
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||||
|
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||||
|
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||||
|
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||||
|
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||||
|
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||||
|
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||||
|
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||||
|
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||||
|
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||||
|
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||||
|
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||||
|
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||||
|
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||||
|
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||||
|
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||||
|
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||||
|
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||||
|
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||||
|
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||||
|
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||||
|
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||||
|
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||||
|
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||||
|
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||||
|
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||||
|
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||||
|
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||||
|
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||||
|
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||||
|
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||||
|
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||||
|
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||||
|
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||||
|
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||||
|
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||||
|
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||||
|
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||||
|
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||||
|
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||||
|
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||||
|
.ui-icon-extlink { background-position: -32px -80px; }
|
||||||
|
.ui-icon-newwin { background-position: -48px -80px; }
|
||||||
|
.ui-icon-refresh { background-position: -64px -80px; }
|
||||||
|
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||||
|
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||||
|
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||||
|
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||||
|
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||||
|
.ui-icon-document { background-position: -32px -96px; }
|
||||||
|
.ui-icon-document-b { background-position: -48px -96px; }
|
||||||
|
.ui-icon-note { background-position: -64px -96px; }
|
||||||
|
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||||
|
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||||
|
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||||
|
.ui-icon-comment { background-position: -128px -96px; }
|
||||||
|
.ui-icon-person { background-position: -144px -96px; }
|
||||||
|
.ui-icon-print { background-position: -160px -96px; }
|
||||||
|
.ui-icon-trash { background-position: -176px -96px; }
|
||||||
|
.ui-icon-locked { background-position: -192px -96px; }
|
||||||
|
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||||
|
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||||
|
.ui-icon-tag { background-position: -240px -96px; }
|
||||||
|
.ui-icon-home { background-position: 0 -112px; }
|
||||||
|
.ui-icon-flag { background-position: -16px -112px; }
|
||||||
|
.ui-icon-calendar { background-position: -32px -112px; }
|
||||||
|
.ui-icon-cart { background-position: -48px -112px; }
|
||||||
|
.ui-icon-pencil { background-position: -64px -112px; }
|
||||||
|
.ui-icon-clock { background-position: -80px -112px; }
|
||||||
|
.ui-icon-disk { background-position: -96px -112px; }
|
||||||
|
.ui-icon-calculator { background-position: -112px -112px; }
|
||||||
|
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||||
|
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||||
|
.ui-icon-search { background-position: -160px -112px; }
|
||||||
|
.ui-icon-wrench { background-position: -176px -112px; }
|
||||||
|
.ui-icon-gear { background-position: -192px -112px; }
|
||||||
|
.ui-icon-heart { background-position: -208px -112px; }
|
||||||
|
.ui-icon-star { background-position: -224px -112px; }
|
||||||
|
.ui-icon-link { background-position: -240px -112px; }
|
||||||
|
.ui-icon-cancel { background-position: 0 -128px; }
|
||||||
|
.ui-icon-plus { background-position: -16px -128px; }
|
||||||
|
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||||
|
.ui-icon-minus { background-position: -48px -128px; }
|
||||||
|
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||||
|
.ui-icon-close { background-position: -80px -128px; }
|
||||||
|
.ui-icon-closethick { background-position: -96px -128px; }
|
||||||
|
.ui-icon-key { background-position: -112px -128px; }
|
||||||
|
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||||
|
.ui-icon-scissors { background-position: -144px -128px; }
|
||||||
|
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||||
|
.ui-icon-copy { background-position: -176px -128px; }
|
||||||
|
.ui-icon-contact { background-position: -192px -128px; }
|
||||||
|
.ui-icon-image { background-position: -208px -128px; }
|
||||||
|
.ui-icon-video { background-position: -224px -128px; }
|
||||||
|
.ui-icon-script { background-position: -240px -128px; }
|
||||||
|
.ui-icon-alert { background-position: 0 -144px; }
|
||||||
|
.ui-icon-info { background-position: -16px -144px; }
|
||||||
|
.ui-icon-notice { background-position: -32px -144px; }
|
||||||
|
.ui-icon-help { background-position: -48px -144px; }
|
||||||
|
.ui-icon-check { background-position: -64px -144px; }
|
||||||
|
.ui-icon-bullet { background-position: -80px -144px; }
|
||||||
|
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||||
|
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||||
|
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||||
|
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||||
|
.ui-icon-play { background-position: 0 -160px; }
|
||||||
|
.ui-icon-pause { background-position: -16px -160px; }
|
||||||
|
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||||
|
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||||
|
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||||
|
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||||
|
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||||
|
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||||
|
.ui-icon-stop { background-position: -96px -160px; }
|
||||||
|
.ui-icon-eject { background-position: -112px -160px; }
|
||||||
|
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||||
|
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||||
|
.ui-icon-power { background-position: 0 -176px; }
|
||||||
|
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||||
|
.ui-icon-signal { background-position: -32px -176px; }
|
||||||
|
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||||
|
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||||
|
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||||
|
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||||
|
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||||
|
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||||
|
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||||
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||||
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||||
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||||
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||||
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||||
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||||
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||||
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||||
|
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||||
|
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||||
|
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||||
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||||
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||||
|
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||||
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||||
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||||
|
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||||
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||||
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||||
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||||
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||||
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||||
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Corner radius */
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-tl {
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-tr {
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-bl {
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-br {
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
background: #aaaaaa;
|
||||||
|
opacity: .3;
|
||||||
|
filter: Alpha(Opacity=30); /* support: IE8 */
|
||||||
|
}
|
||||||
|
.ui-widget-shadow {
|
||||||
|
margin: -8px 0 0 -8px;
|
||||||
|
padding: 8px;
|
||||||
|
background: #aaaaaa;
|
||||||
|
opacity: .3;
|
||||||
|
filter: Alpha(Opacity=30); /* support: IE8 */
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
1
static/main/css/jquery.fancybox.min.css
vendored
Normal file
351
static/main/css/magnific-popup.css
Normal file
@ -0,0 +1,351 @@
|
|||||||
|
/* Magnific Popup CSS */
|
||||||
|
.mfp-bg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 2042;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
background: #0b0b0b;
|
||||||
|
opacity: 0.8; }
|
||||||
|
|
||||||
|
.mfp-wrap {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 2043;
|
||||||
|
position: fixed;
|
||||||
|
outline: none !important;
|
||||||
|
-webkit-backface-visibility: hidden; }
|
||||||
|
|
||||||
|
.mfp-container {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.mfp-container:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle; }
|
||||||
|
|
||||||
|
.mfp-align-top .mfp-container:before {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-content {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
z-index: 2045; }
|
||||||
|
|
||||||
|
.mfp-inline-holder .mfp-content,
|
||||||
|
.mfp-ajax-holder .mfp-content {
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-ajax-cur {
|
||||||
|
cursor: progress; }
|
||||||
|
|
||||||
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||||
|
cursor: -moz-zoom-out;
|
||||||
|
cursor: -webkit-zoom-out;
|
||||||
|
cursor: zoom-out; }
|
||||||
|
|
||||||
|
.mfp-zoom {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: -webkit-zoom-in;
|
||||||
|
cursor: -moz-zoom-in;
|
||||||
|
cursor: zoom-in; }
|
||||||
|
|
||||||
|
.mfp-auto-cursor .mfp-content {
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-close,
|
||||||
|
.mfp-arrow,
|
||||||
|
.mfp-preloader,
|
||||||
|
.mfp-counter {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.mfp-loading.mfp-figure {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-hide {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.mfp-preloader {
|
||||||
|
color: #CCC;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -0.8em;
|
||||||
|
left: 8px;
|
||||||
|
right: 8px;
|
||||||
|
z-index: 2044; }
|
||||||
|
.mfp-preloader a {
|
||||||
|
color: #CCC; }
|
||||||
|
.mfp-preloader a:hover {
|
||||||
|
color: #FFF; }
|
||||||
|
|
||||||
|
.mfp-s-ready .mfp-preloader {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-s-error .mfp-content {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
button.mfp-close,
|
||||||
|
button.mfp-arrow {
|
||||||
|
overflow: visible;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 2046;
|
||||||
|
box-shadow: none;
|
||||||
|
touch-action: manipulation; }
|
||||||
|
|
||||||
|
button::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
.mfp-close {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.65;
|
||||||
|
padding: 0 0 18px 10px;
|
||||||
|
color: #FFF;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Arial, Baskerville, monospace; }
|
||||||
|
.mfp-close:hover,
|
||||||
|
.mfp-close:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-close:active {
|
||||||
|
top: 1px; }
|
||||||
|
|
||||||
|
.mfp-close-btn-in .mfp-close {
|
||||||
|
color: #333; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-close,
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
color: #FFF;
|
||||||
|
right: -6px;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 6px;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.mfp-counter {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
color: #CCC;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 18px;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.mfp-arrow {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0.65;
|
||||||
|
margin: 0;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -55px;
|
||||||
|
padding: 0;
|
||||||
|
width: 90px;
|
||||||
|
height: 110px;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.mfp-arrow:active {
|
||||||
|
margin-top: -54px; }
|
||||||
|
.mfp-arrow:hover,
|
||||||
|
.mfp-arrow:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-arrow:before,
|
||||||
|
.mfp-arrow:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-left: 35px;
|
||||||
|
border: medium inset transparent; }
|
||||||
|
.mfp-arrow:after {
|
||||||
|
border-top-width: 13px;
|
||||||
|
border-bottom-width: 13px;
|
||||||
|
top: 8px; }
|
||||||
|
.mfp-arrow:before {
|
||||||
|
border-top-width: 21px;
|
||||||
|
border-bottom-width: 21px;
|
||||||
|
opacity: 0.7; }
|
||||||
|
|
||||||
|
.mfp-arrow-left {
|
||||||
|
left: 0; }
|
||||||
|
.mfp-arrow-left:after {
|
||||||
|
border-right: 17px solid #FFF;
|
||||||
|
margin-left: 31px; }
|
||||||
|
.mfp-arrow-left:before {
|
||||||
|
margin-left: 25px;
|
||||||
|
border-right: 27px solid #3F3F3F; }
|
||||||
|
|
||||||
|
.mfp-arrow-right {
|
||||||
|
right: 0; }
|
||||||
|
.mfp-arrow-right:after {
|
||||||
|
border-left: 17px solid #FFF;
|
||||||
|
margin-left: 39px; }
|
||||||
|
.mfp-arrow-right:before {
|
||||||
|
border-left: 27px solid #3F3F3F; }
|
||||||
|
|
||||||
|
.mfp-iframe-holder {
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px; }
|
||||||
|
.mfp-iframe-holder .mfp-content {
|
||||||
|
line-height: 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 900px; }
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
top: -40px; }
|
||||||
|
|
||||||
|
.mfp-iframe-scaler {
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 56.25%; }
|
||||||
|
.mfp-iframe-scaler iframe {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #000; }
|
||||||
|
|
||||||
|
/* Main image in popup */
|
||||||
|
img.mfp-img {
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
line-height: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 0 40px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
|
||||||
|
/* The shadow behind the image */
|
||||||
|
.mfp-figure {
|
||||||
|
line-height: 0; }
|
||||||
|
.mfp-figure:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 40px;
|
||||||
|
bottom: 40px;
|
||||||
|
display: block;
|
||||||
|
right: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
z-index: -1;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #444; }
|
||||||
|
.mfp-figure small {
|
||||||
|
color: #BDBDBD;
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px; }
|
||||||
|
.mfp-figure figure {
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
margin-top: -36px;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-title {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #F3F3F3;
|
||||||
|
word-wrap: break-word;
|
||||||
|
padding-right: 36px; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-content {
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||||
|
/**
|
||||||
|
* Remove all paddings around the image on small screen
|
||||||
|
*/
|
||||||
|
.mfp-img-mobile .mfp-image-holder {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0; }
|
||||||
|
.mfp-img-mobile img.mfp-img {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure:after {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure small {
|
||||||
|
display: inline;
|
||||||
|
margin-left: 5px; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
bottom: 0;
|
||||||
|
margin: 0;
|
||||||
|
top: auto;
|
||||||
|
padding: 3px 5px;
|
||||||
|
position: fixed;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-counter {
|
||||||
|
right: 5px;
|
||||||
|
top: 3px; }
|
||||||
|
.mfp-img-mobile .mfp-close {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0; } }
|
||||||
|
|
||||||
|
@media all and (max-width: 900px) {
|
||||||
|
.mfp-arrow {
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
transform: scale(0.75); }
|
||||||
|
.mfp-arrow-left {
|
||||||
|
-webkit-transform-origin: 0;
|
||||||
|
transform-origin: 0; }
|
||||||
|
.mfp-arrow-right {
|
||||||
|
-webkit-transform-origin: 100%;
|
||||||
|
transform-origin: 100%; }
|
||||||
|
.mfp-container {
|
||||||
|
padding-left: 6px;
|
||||||
|
padding-right: 6px; } }
|
773
static/main/css/mediaelementplayer.css
Normal file
@ -0,0 +1,773 @@
|
|||||||
|
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
|
||||||
|
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
|
||||||
|
.mejs__offscreen {
|
||||||
|
border: 0;
|
||||||
|
clip: rect( 1px, 1px, 1px, 1px );
|
||||||
|
-webkit-clip-path: inset( 50% );
|
||||||
|
clip-path: inset( 50% );
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container {
|
||||||
|
background: #000;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: 'Helvetica', Arial, serif;
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
text-indent: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container * {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide native play button and control bar from iOS to favor plugin button */
|
||||||
|
.mejs__container video::-webkit-media-controls,
|
||||||
|
.mejs__container video::-webkit-media-controls-panel,
|
||||||
|
.mejs__container video::-webkit-media-controls-panel-container,
|
||||||
|
.mejs__container video::-webkit-media-controls-start-playback-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__fill-container,
|
||||||
|
.mejs__fill-container .mejs__container {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__fill-container {
|
||||||
|
background: transparent;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__iframe-overlay {
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__embed,
|
||||||
|
.mejs__embed body {
|
||||||
|
background: #000;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__fullscreen {
|
||||||
|
overflow: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container-fullscreen {
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container-fullscreen .mejs__mediaelement,
|
||||||
|
.mejs__container-fullscreen video {
|
||||||
|
height: 100% !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Start: LAYERS */
|
||||||
|
.mejs__background {
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__mediaelement {
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__poster {
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root .mejs__poster-img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__poster-img {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__overlay {
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-webkit-justify-content: center;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__layer {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__overlay-play {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__overlay-button {
|
||||||
|
background: url('mejs-controls.svg') no-repeat;
|
||||||
|
background-position: 0 -39px;
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__overlay:hover > .mejs__overlay-button {
|
||||||
|
background-position: -80px -39px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__overlay-loading {
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__overlay-loading-bg-img {
|
||||||
|
-webkit-animation: mejs__loading-spinner 1s linear infinite;
|
||||||
|
animation: mejs__loading-spinner 1s linear infinite;
|
||||||
|
background: transparent url('mejs-controls.svg') -160px -40px no-repeat;
|
||||||
|
display: block;
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes mejs__loading-spinner {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes mejs__loading-spinner {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: LAYERS */
|
||||||
|
|
||||||
|
/* Start: CONTROL BAR */
|
||||||
|
.mejs__controls {
|
||||||
|
bottom: 0;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
height: 40px;
|
||||||
|
left: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 10px;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__controls:not([style*='display: none']) {
|
||||||
|
background: rgba(255, 0, 0, 0.7);
|
||||||
|
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
|
||||||
|
background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__button,
|
||||||
|
.mejs__time,
|
||||||
|
.mejs__time-rail {
|
||||||
|
font-size: 10px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 10px;
|
||||||
|
margin: 0;
|
||||||
|
width: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__button > button {
|
||||||
|
background: transparent url('mejs-controls.svg');
|
||||||
|
border: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
font-size: 0;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 0;
|
||||||
|
margin: 10px 6px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* :focus for accessibility */
|
||||||
|
.mejs__button > button:focus {
|
||||||
|
outline: dotted 1px #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container-keyboard-inactive a,
|
||||||
|
.mejs__container-keyboard-inactive a:focus,
|
||||||
|
.mejs__container-keyboard-inactive button,
|
||||||
|
.mejs__container-keyboard-inactive button:focus,
|
||||||
|
.mejs__container-keyboard-inactive [role=slider],
|
||||||
|
.mejs__container-keyboard-inactive [role=slider]:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: CONTROL BAR */
|
||||||
|
|
||||||
|
/* Start: Time (Current / Duration) */
|
||||||
|
.mejs__time {
|
||||||
|
box-sizing: content-box;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: bold;
|
||||||
|
height: 24px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 16px 6px 0;
|
||||||
|
text-align: center;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: Time (Current / Duration) */
|
||||||
|
|
||||||
|
/* Start: Play/Pause/Stop */
|
||||||
|
.mejs__play > button {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__pause > button {
|
||||||
|
background-position: -20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__replay > button {
|
||||||
|
background-position: -160px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: Play/Pause/Stop */
|
||||||
|
|
||||||
|
/* Start: Progress Bar */
|
||||||
|
.mejs__time-rail {
|
||||||
|
direction: ltr;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-webkit-flex-grow: 1;
|
||||||
|
-ms-flex-positive: 1;
|
||||||
|
flex-grow: 1;
|
||||||
|
height: 40px;
|
||||||
|
margin: 0 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-total,
|
||||||
|
.mejs__time-buffering,
|
||||||
|
.mejs__time-loaded,
|
||||||
|
.mejs__time-current,
|
||||||
|
.mejs__time-float,
|
||||||
|
.mejs__time-hovered,
|
||||||
|
.mejs__time-float-current,
|
||||||
|
.mejs__time-float-corner,
|
||||||
|
.mejs__time-marker {
|
||||||
|
border-radius: 2px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
height: 10px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-total {
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
margin: 5px 0 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-buffering {
|
||||||
|
-webkit-animation: buffering-stripes 2s linear infinite;
|
||||||
|
animation: buffering-stripes 2s linear infinite;
|
||||||
|
background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
|
||||||
|
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
|
||||||
|
background-size: 15px 15px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes buffering-stripes {
|
||||||
|
from {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
background-position: 30px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes buffering-stripes {
|
||||||
|
from {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
background-position: 30px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-loaded {
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-current,
|
||||||
|
.mejs__time-handle-content {
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-hovered {
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-hovered.negative {
|
||||||
|
background: rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-current,
|
||||||
|
.mejs__time-buffering,
|
||||||
|
.mejs__time-loaded,
|
||||||
|
.mejs__time-hovered {
|
||||||
|
left: 0;
|
||||||
|
-webkit-transform: scaleX(0);
|
||||||
|
-ms-transform: scaleX(0);
|
||||||
|
transform: scaleX(0);
|
||||||
|
-webkit-transform-origin: 0 0;
|
||||||
|
-ms-transform-origin: 0 0;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
-webkit-transition: 0.15s ease-in all;
|
||||||
|
transition: 0.15s ease-in all;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-buffering {
|
||||||
|
-webkit-transform: scaleX(1);
|
||||||
|
-ms-transform: scaleX(1);
|
||||||
|
transform: scaleX(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-hovered {
|
||||||
|
-webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
|
||||||
|
transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-hovered.no-hover {
|
||||||
|
-webkit-transform: scaleX(0) !important;
|
||||||
|
-ms-transform: scaleX(0) !important;
|
||||||
|
transform: scaleX(0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-handle,
|
||||||
|
.mejs__time-handle-content {
|
||||||
|
border: 4px solid transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
-ms-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
z-index: 11;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-handle-content {
|
||||||
|
border: 4px solid rgba(255, 255, 255, 0.9);
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 10px;
|
||||||
|
left: -7px;
|
||||||
|
top: -4px;
|
||||||
|
-webkit-transform: scale(0);
|
||||||
|
-ms-transform: scale(0);
|
||||||
|
transform: scale(0);
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-rail:hover .mejs__time-handle-content,
|
||||||
|
.mejs__time-rail .mejs__time-handle-content:focus,
|
||||||
|
.mejs__time-rail .mejs__time-handle-content:active {
|
||||||
|
-webkit-transform: scale(1);
|
||||||
|
-ms-transform: scale(1);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-float {
|
||||||
|
background: #eee;
|
||||||
|
border: solid 1px #333;
|
||||||
|
bottom: 100%;
|
||||||
|
color: #111;
|
||||||
|
display: none;
|
||||||
|
height: 17px;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
-ms-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-float-current {
|
||||||
|
display: block;
|
||||||
|
left: 0;
|
||||||
|
margin: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__time-float-corner {
|
||||||
|
border: solid 5px #eee;
|
||||||
|
border-color: #eee transparent transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
left: 50%;
|
||||||
|
line-height: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
-ms-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__long-video .mejs__time-float {
|
||||||
|
margin-left: -23px;
|
||||||
|
width: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__long-video .mejs__time-float-current {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__broadcast {
|
||||||
|
color: #fff;
|
||||||
|
height: 10px;
|
||||||
|
position: absolute;
|
||||||
|
top: 15px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: Progress Bar */
|
||||||
|
|
||||||
|
/* Start: Fullscreen */
|
||||||
|
.mejs__fullscreen-button > button {
|
||||||
|
background-position: -80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__unfullscreen > button {
|
||||||
|
background-position: -100px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: Fullscreen */
|
||||||
|
|
||||||
|
/* Start: Mute/Volume */
|
||||||
|
.mejs__mute > button {
|
||||||
|
background-position: -60px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__unmute > button {
|
||||||
|
background-position: -40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__volume-button {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__volume-button > .mejs__volume-slider {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
background: rgba(50, 50, 50, 0.7);
|
||||||
|
border-radius: 0;
|
||||||
|
bottom: 100%;
|
||||||
|
display: none;
|
||||||
|
height: 115px;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
-ms-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 25px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__volume-button:hover {
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__volume-total {
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
height: 100px;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
-ms-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__volume-current {
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__volume-handle {
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
|
border-radius: 1px;
|
||||||
|
cursor: ns-resize;
|
||||||
|
height: 6px;
|
||||||
|
left: 50%;
|
||||||
|
position: absolute;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
-ms-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__horizontal-volume-slider {
|
||||||
|
display: block;
|
||||||
|
height: 36px;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__horizontal-volume-total {
|
||||||
|
background: rgba(50, 50, 50, 0.8);
|
||||||
|
border-radius: 2px;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 8px;
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 16px;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__horizontal-volume-current {
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
border-radius: 2px;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__horizontal-volume-handle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: Mute/Volume */
|
||||||
|
|
||||||
|
/* Start: Track (Captions and Chapters) */
|
||||||
|
.mejs__captions-button,
|
||||||
|
.mejs__chapters-button {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-button > button {
|
||||||
|
background-position: -140px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__chapters-button > button {
|
||||||
|
background-position: -180px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-button > .mejs__captions-selector,
|
||||||
|
.mejs__chapters-button > .mejs__chapters-selector {
|
||||||
|
background: rgba(50, 50, 50, 0.7);
|
||||||
|
border: solid 1px transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
bottom: 100%;
|
||||||
|
margin-right: -43px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 50%;
|
||||||
|
visibility: visible;
|
||||||
|
width: 86px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__chapters-button > .mejs__chapters-selector {
|
||||||
|
margin-right: -55px;
|
||||||
|
width: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-selector-list,
|
||||||
|
.mejs__chapters-selector-list {
|
||||||
|
list-style-type: none !important;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-selector-list-item,
|
||||||
|
.mejs__chapters-selector-list-item {
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
list-style-type: none !important;
|
||||||
|
margin: 0 0 6px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-selector-list-item:hover,
|
||||||
|
.mejs__chapters-selector-list-item:hover {
|
||||||
|
background-color: rgb(200, 200, 200) !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.4) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-selector-input,
|
||||||
|
.mejs__chapters-selector-input {
|
||||||
|
clear: both;
|
||||||
|
float: left;
|
||||||
|
left: -1000px;
|
||||||
|
margin: 3px 3px 0 5px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-selector-label,
|
||||||
|
.mejs__chapters-selector-label {
|
||||||
|
cursor: pointer;
|
||||||
|
float: left;
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 15px;
|
||||||
|
padding: 4px 10px 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-selected,
|
||||||
|
.mejs__chapters-selected {
|
||||||
|
color: rgba(33, 248, 248, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-translations {
|
||||||
|
font-size: 10px;
|
||||||
|
margin: 0 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-layer {
|
||||||
|
bottom: 0;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
left: 0;
|
||||||
|
line-height: 20px;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-layer a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-layer[lang=ar] {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-position {
|
||||||
|
bottom: 15px;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-position-hover {
|
||||||
|
bottom: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__captions-text,
|
||||||
|
.mejs__captions-text * {
|
||||||
|
background: rgba(20, 20, 20, 0.5);
|
||||||
|
box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
|
||||||
|
padding: 0;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End: Track (Captions and Chapters) */
|
||||||
|
|
||||||
|
/* Start: Error */
|
||||||
|
.mejs__overlay-error {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.mejs__overlay-error > img {
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.mejs__cannotplay,
|
||||||
|
.mejs__cannotplay a {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__cannotplay {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mejs__cannotplay p,
|
||||||
|
.mejs__cannotplay a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 15px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
/* End: Error */
|
6
static/main/css/owl.carousel.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
15
static/main/css/owl.theme.default.min.css
vendored
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,
|
||||||
|
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
|
||||||
|
.owl-theme .owl-nav{margin-top:10px}
|
||||||
|
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;position: absolute;}
|
||||||
|
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
|
||||||
|
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
|
||||||
|
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
|
||||||
|
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
|
||||||
|
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
|
||||||
|
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
1020
static/main/css/style.css
Normal file
BIN
static/main/fonts/flaticon/font/Flaticon.eot
Normal file
82
static/main/fonts/flaticon/font/Flaticon.svg
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<!--
|
||||||
|
2019-4-3: Created with FontForge (http://fontforge.org)
|
||||||
|
-->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
||||||
|
<metadata>
|
||||||
|
Created by FontForge 20170731 at Wed Apr 3 06:02:18 2019
|
||||||
|
By root
|
||||||
|
|
||||||
|
</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="Flaticon" horiz-adv-x="512" >
|
||||||
|
<font-face
|
||||||
|
font-family="Flaticon"
|
||||||
|
font-weight="400"
|
||||||
|
font-stretch="normal"
|
||||||
|
units-per-em="512"
|
||||||
|
panose-1="2 0 5 3 0 0 0 0 0 0"
|
||||||
|
ascent="448"
|
||||||
|
descent="-64"
|
||||||
|
bbox="-0.00019408 -64 512 448.001"
|
||||||
|
underline-thickness="25.6"
|
||||||
|
underline-position="-51.2"
|
||||||
|
unicode-range="U+0020-F105"
|
||||||
|
/>
|
||||||
|
<missing-glyph />
|
||||||
|
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
|
||||||
|
/>
|
||||||
|
<glyph glyph-name="002-graphic-design" unicode=""
|
||||||
|
d="M184.988 -34.0312l19.9766 59.9336h-204.965v360.609h154.375l26.4297 61.3438l26.4297 -61.3438h95.7383l27.6719 61.4883l27.668 -61.4883h153.137v-360.609h-204.969l19.9805 -59.9336h64.1172v-29.9688h-269.707v29.9688h64.1172zM294.871 -34.0312l-19.9805 59.9336
|
||||||
|
h-38.3359l-19.9766 -59.9336h78.293zM481.48 356.547h-109.684l18.7812 -41.7344v-199.008h90.9023v240.742zM300.676 296.609v-180.805h59.9336v180.805h-59.9336zM352.422 326.578l-21.7773 48.3945l-21.7773 -48.3945h43.5547zM289.488 356.547h-69.3398
|
||||||
|
l17.1758 -39.9453c7.95703 -22.4922 1.92578 -48.3125 -16.9375 -64.9414c12.4648 -10.9922 20.3555 -27.0625 20.3555 -44.9531v-90.9023h29.9648v199.004zM180.805 236.676c-16.5234 0 -29.9688 -13.4453 -29.9688 -29.9688v-30.9648h59.9375v30.9648
|
||||||
|
c0 16.5234 -13.4453 29.9688 -29.9688 29.9688zM150.836 145.773v-29.9688h59.9375v29.9688h-59.9375zM209.219 306.18l-28.4141 65.9414l-28.4102 -65.9414c-6.52344 -19.375 7.95703 -39.5352 28.4102 -39.5352c20.4414 0 34.9414 20.1484 28.4141 39.5352z
|
||||||
|
M141.465 356.547h-111.496v-240.742h90.9023v90.9023c0 17.8906 7.88672 33.9609 20.3555 44.9531c-18.8633 16.625 -24.8984 42.4414 -16.9375 64.9414zM29.9688 85.8398v-29.9688h451.512v29.9688h-451.512zM29.9688 85.8398z" />
|
||||||
|
<glyph glyph-name="005-smartphone" unicode=""
|
||||||
|
d="M271.066 -63.5898v330.469h240.617v-330.469h-240.617zM301.02 -33.6406h180.711v29.9531h-180.711v-29.9531zM301.02 26.2656h180.711v150.758h-180.711v-150.758zM481.73 236.93h-180.711v-29.9531h180.711v29.9531zM481.73 236.93zM241.117 447.59v-330.469h-240.617
|
||||||
|
v330.469h240.617zM211.164 417.641h-180.711v-29.9531h180.711v29.9531zM211.164 357.734h-180.711v-150.758h180.711v150.758zM30.4531 147.07h180.711v29.9531h-180.711v-29.9531zM30.4531 147.07zM258.055 372.578l117.844 75.4219v-30.3594h14.9766
|
||||||
|
c54.3438 0 90.8555 -42.1289 90.8555 -104.832v-36.1562l-25.5664 25.5664c-16.2461 16.2461 -39.1094 25.5625 -62.7188 25.5625h-17.5469v-29.0547zM390.875 387.688h-44.9258v5.58203l-31.9141 -20.4258l31.9141 -20v4.89062h47.4961
|
||||||
|
c18.7461 0 37.168 -4.43359 53.6133 -12.625c-7.5625 23.7109 -24.8242 42.5781 -56.1836 42.5781zM390.875 387.688zM253.922 11.2891l-117.637 -75.2891v30.3594h-15.9766c-28.2344 0 -51.7227 11.1211 -67.918 32.1602
|
||||||
|
c-14.3516 18.6445 -21.9375 43.7773 -21.9375 72.6719v36.1562l25.5664 -25.5664c16.4844 -16.4844 38.4062 -25.5625 61.7188 -25.5625h18.543v30.3594zM120.309 -3.6875h45.9258v-5.58203l32.125 20.5586l-32.125 20.5586v-5.58203h-48.4961
|
||||||
|
c-18.5781 0 -36.4961 4.29297 -52.6211 12.4062c7.46875 -23.6094 24.4414 -42.3594 55.1914 -42.3594zM120.309 -3.6875z" />
|
||||||
|
<glyph glyph-name="003-settings" unicode=""
|
||||||
|
d="M480.695 268.973c-28.7773 -28.7773 -71.5703 -38.0703 -109.379 -24.6289l-31.3438 -31.3398l171.113 -171.062l-105.941 -105.941l-171.113 171.062l-30.6797 -30.6797c13.4453 -37.8086 4.14844 -80.6016 -24.6289 -109.379
|
||||||
|
c-31.125 -31.125 -78.9727 -39.2383 -119.055 -20.2266l-19.2695 9.14062l49.4648 49.1055v21.4375h-21.4375l-49.1055 -49.4648l-9.14062 19.2734c-19.0195 40.0938 -10.8906 87.9375 20.2266 119.055c28.7734 28.7734 71.5664 38.0703 109.379 24.625l51.8672 51.8672
|
||||||
|
l-71.6602 71.6602l-66.6641 22.2188l-53.0859 126.809l35.5 35.4961l125.629 -54.3984l22.1875 -66.5625l71.6602 -71.6562l52.5312 52.5312c-13.4453 37.8086 -4.15234 80.6016 24.625 109.379c31.3398 31.3398 79.3008 39.5742 119.352 20.4883l19.1562 -9.125
|
||||||
|
l-49.4062 -49.3555v-21.2266h21.2266l49.3555 49.4062l9.125 -19.1562c19.0859 -40.0469 10.8516 -88.0117 -20.4883 -119.352zM255.219 170.629l21.1875 21.1875l-105.941 105.941l-21.1914 -21.1875zM35.6484 405.527l40.0664 -95.707l48.3242 -16.1094l29.2812 29.2812
|
||||||
|
l-16.1406 48.4336l-94.6523 40.9844zM172.164 73.4648l-4.55469 9.55469l66.4219 66.418l-21.1914 21.1875l-66.418 -66.418l-9.55469 4.55469c-28.6172 13.6367 -62.8867 7.75781 -85.2734 -14.6289c-16.7305 -16.7305 -24.1211 -40.2812 -20.9023 -63.1523
|
||||||
|
l25.2578 25.4453h63.875v-63.8789l-25.4414 -25.2578c22.8711 -3.21484 46.4219 4.17188 63.1523 20.9023c22.3867 22.3867 28.2656 56.6562 14.6289 85.2734zM405.141 -21.625l63.5664 63.5625l-107.539 107.508l-63.5664 -63.5664zM339.977 170.633l-21.1914 21.1836
|
||||||
|
l-63.5664 -63.5625l21.1953 -21.1875zM297.598 213.004l67.082 67.082l9.55469 -4.55078c28.6211 -13.6406 62.8867 -7.76172 85.2734 14.625c16.9141 16.9141 24.4023 40.6133 21.1719 63.5312l-25.5547 -25.582h-63.6133v63.6094l25.5859 25.5586
|
||||||
|
c-22.9219 3.23047 -46.6172 -4.25781 -63.5312 -21.1719c-22.3867 -22.3867 -28.2656 -56.6562 -14.6289 -85.2734l4.55469 -9.55859l-67.0859 -67.082zM297.598 213.004z" />
|
||||||
|
<glyph glyph-name="006-head" unicode=""
|
||||||
|
d="M4.16406 293.902c15.1172 74.1445 75.0117 134.332 149.039 149.762c122.769 25.5898 233.901 -65.3711 236.753 -185.961l68.1484 -100.546l-68.0938 -33.4883v-26.875l-30 -30v-68.7891h-90.0078v-62.0039h-210.007l-0.00390625 176.293
|
||||||
|
c-48.7578 46.7148 -69.5977 114.082 -55.8281 181.608zM159.324 414.293c-62.4648 -13.0195 -113.008 -63.8086 -125.766 -126.379c-12.0742 -59.2295 7.15625 -118.253 51.4414 -157.89l4.99609 -4.47266v-159.551h150.007v62.0039h90.0039v51.2148l30.0039 30.0039
|
||||||
|
v33.1289l53.9141 26.5117l-53.9141 79.5459v4.60547c0 103.797 -94.9258 183.32 -200.687 161.277zM159.324 414.293zM100.582 146.54l-45 77.9492l34.8125 20.0967c-0.265625 2.90234 -0.398438 5.69922 -0.398438 8.42969s0.132812 5.52734 0.398438 8.42969
|
||||||
|
l-34.8125 20.1016l45 77.9492l35.1562 -20.3008c4.54688 3.14453 9.30859 5.90625 14.2617 8.28125v40.5469h90.0029v-40.5508c4.95312 -2.37109 9.71484 -5.13672 14.2617 -8.27734l35.1562 20.2969l45 -77.9453l-34.8125 -20.1016
|
||||||
|
c0.265625 -2.90234 0.398438 -5.69922 0.398438 -8.42969s-0.132812 -5.53125 -0.398438 -8.42969l34.8125 -20.1006l-45 -77.9453l-35.1562 20.2969c-4.54688 -3.14062 -9.30859 -5.90625 -14.2617 -8.28125v-40.5469h-90.0029v40.5508
|
||||||
|
c-4.95703 2.375 -9.71484 5.13672 -14.2617 8.28125zM119.996 253.016c0 -8.72266 1.96875 -15.8945 3.33203 -24.0576l-26.7656 -15.4531l15 -25.9805l27.0273 15.6055c5.48047 -4.16406 14.1406 -14.2852 31.4492 -20.457l9.96094 -3.55078v-31.1094h30.0039v31.1055
|
||||||
|
l9.95996 3.55078c17.2656 6.15625 25.9062 16.25 31.4453 20.4609l27.0273 -15.6055l15.0039 25.9805l-26.7656 15.4531c1.36719 8.19434 3.32812 15.3428 3.32812 24.0576c0 8.72656 -1.96484 15.8945 -3.32812 24.0586l26.7656 15.4531l-15.0039 25.9844
|
||||||
|
l-27.0273 -15.6094c-5.62891 4.28125 -14.207 14.3164 -31.4453 20.4609l-9.95996 3.55078v31.1094h-30.0039v-31.1094l-9.96094 -3.55078c-17.2617 -6.15625 -25.9062 -16.25 -31.4492 -20.4609l-27.0273 15.6094l-15 -25.9844l26.7656 -15.4531
|
||||||
|
c-1.36719 -8.19141 -3.33203 -15.3398 -3.33203 -24.0586zM119.996 253.016zM195 208.017c-24.8125 0 -45 20.1875 -45 44.999c0 24.8164 20.1875 45.0039 45 45.0039c24.8154 0 45.0029 -20.1875 45.0029 -45.0039c0 -24.8115 -20.1875 -44.999 -45.0029 -44.999z
|
||||||
|
M195 268.016c-8.26953 0 -15 -6.72656 -15 -15c0 -8.26953 6.73047 -15 15 -15c8.27344 0 15.0039 6.73047 15.0039 15c0 8.27344 -6.73047 15 -15.0039 15zM195 268.016z" />
|
||||||
|
<glyph glyph-name="004-idea" unicode=""
|
||||||
|
d="M338.934 138.535c-4.96875 -2.89453 -7.93359 -7.42188 -7.93359 -12.1094v-40.4102h29.9961v-30h-29.9961v-60h-30v-60h-90v60h-30v60h-29.9961v30h29.9961v39.3398c0 5.26172 -2.52344 10.0938 -6.42969 12.3164c-60.5039 34.4023 -93.082 104.512 -81.0664 174.457
|
||||||
|
c11.2617 65.543 62.332 118.668 127.086 132.191c105.23 21.9766 200.41 -57.3281 200.41 -161.301c0 -60.7148 -32.9062 -115.844 -82.0664 -144.484zM123.07 307.047c-9.88281 -57.5312 16.7734 -115.121 66.3281 -143.297
|
||||||
|
c7.23047 -4.11328 12.957 -10.3359 16.6992 -17.7305h34.9023v92h-45c-24.8125 0 -45 20.1836 -45 45c0 24.8125 20.1875 45 45 45s45 -20.1875 45 -45c0 -5.25781 -0.914062 -10.3047 -2.57812 -15h35.1562c-1.66406 4.69531 -2.57812 9.74219 -2.57812 15
|
||||||
|
c0 24.8125 20.1875 45 45 45s45 -20.1875 45 -45c0 -24.8164 -20.1875 -45 -45 -45h-45v-92h34.8828c3.91406 7.42188 10.0469 13.832 17.9492 18.4375c41.4297 24.1367 67.168 69.5664 67.168 118.562c0 85.1562 -77.918 149.969 -164.277 131.934
|
||||||
|
c-52.8047 -11.0273 -94.4609 -54.3906 -103.652 -107.906zM301 283.02c0 -8.27344 6.73047 -15 15 -15s15 6.72656 15 15c0 8.26953 -6.73047 15 -15 15s-15 -6.73047 -15 -15zM196 268.02c8.26953 0 15 6.72656 15 15c0 8.26953 -6.73047 15 -15 15s-15 -6.73047 -15 -15
|
||||||
|
c0 -8.27344 6.73047 -15 15 -15zM271 -33.9805v30h-30v-30h30zM301 26.0195v30h-90v-30h90zM211 86.0195h90v30h-90v-30zM211 86.0195zM0 298.02h61v-30h-61v30zM0 298.02zM7.68359 360.535l16.6406 24.9648l45 -30l-16.6406 -24.9648zM7.68359 360.535zM24.3281 180.543
|
||||||
|
l-16.6406 24.9609l45 30l16.6445 -24.9609zM24.3281 180.543zM451 298.02h61v-30h-61v30zM451 298.02zM487.684 385.48l16.6406 -24.9648l-45 -30l-16.6406 24.9648zM487.684 385.48zM459.344 235.488l45 -30l-16.6406 -24.9648l-45 30zM459.344 235.488z" />
|
||||||
|
<glyph glyph-name="001-startup" unicode=""
|
||||||
|
d="M127.253 169.3c-19.2539 19.249 -70.4492 70.4443 -88.9443 88.9443l108.999 54.499l47.5967 -15.8672l4.17578 5.10547c71.6055 87.5156 186.394 146.019 297.217 146.019h14.9951v-14.9961c0 -111.886 -58.7021 -227.053 -145.314 -297.919l-5.10547 -4.17578
|
||||||
|
l15.8633 -47.5977l-54.5 -108.999c-17.9805 17.9805 -70.417 70.418 -88.9404 88.9443l-42.418 -42.417l-106.042 106.042zM190.877 63.2568l21.207 21.207l-63.624 63.6289l-21.2109 -21.2109zM190.877 148.093l21.207 -21.2109l63.6289 63.624l-21.2109 21.2109z
|
||||||
|
M344.353 85.6162l-8.32422 24.9688l-59.2031 -48.4414l37.1953 -37.1943zM480.887 417.59c-56.418 -3.04297 -114.647 -22.543 -165.972 -54.2021l26.2266 -26.2227c16.375 7.83594 37.1016 5.31641 51.2178 -8.80078c14.1094 -14.1094 16.6406 -34.8359 8.79688 -51.2178
|
||||||
|
l26.0195 -26.0156c31.3867 51.335 50.7109 109.726 53.7109 166.459zM349.942 307.157c-5.86328 -5.86328 -5.86328 -15.3477 0 -21.2109c5.86328 -5.8584 15.3477 -5.8584 21.207 0c5.86328 5.86328 5.85938 15.3477 0 21.2109
|
||||||
|
c-5.86328 5.85938 -15.3477 5.85938 -21.207 0zM289.556 346.329c-25.0186 -18.2969 -47.8389 -39.5977 -67.2607 -63.3398l-74.8428 -91.4756l22.2139 -22.2139l84.8359 84.835l63.6279 -63.625l-84.835 -84.835l22.2148 -22.2148l91.4756 74.8398
|
||||||
|
c23.7031 19.3975 44.9639 42.2607 63.21 67.3936l-30.2451 30.2461c-16.375 -7.83984 -37.1016 -5.31641 -51.2188 8.80078c-14.1094 14.1094 -16.6406 34.8311 -8.79688 51.2139zM88.9404 250.025l37.1953 -37.1953l48.4443 59.207l-24.9678 8.32422zM88.9404 250.025z
|
||||||
|
M21.2109 -21.5742l21.207 -21.2109l-21.207 -21.2061l-21.207 21.2061zM21.2109 -21.5742zM21.2109 63.2568l21.207 -21.2061l-21.207 -21.207l-21.207 21.207zM21.2109 63.2568zM127.253 -42.793l-21.207 -21.2061l-21.2109 21.2061l21.2109 21.2109zM127.253 -42.793z
|
||||||
|
M148.468 20.8398l21.2061 -21.207l-21.2061 -21.2109l-21.2109 21.2109zM148.468 20.8398zM42.4141 84.4678l21.21 21.2109l21.207 -21.2109l-21.207 -21.207zM42.4141 84.4678zM42.4141 -0.367188l63.624 63.624l21.2109 -21.2061l-63.6289 -63.625zM42.4141 -0.367188z
|
||||||
|
" />
|
||||||
|
</font>
|
||||||
|
</defs></svg>
|
After Width: | Height: | Size: 11 KiB |
BIN
static/main/fonts/flaticon/font/Flaticon.ttf
Normal file
BIN
static/main/fonts/flaticon/font/Flaticon.woff
Normal file
BIN
static/main/fonts/flaticon/font/Flaticon.woff2
Normal file
52
static/main/fonts/flaticon/font/_flaticon.scss
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
/*
|
||||||
|
Flaticon icon font: Flaticon
|
||||||
|
Creation date: 03/04/2019 06:02
|
||||||
|
*/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
src: url("./Flaticon.eot");
|
||||||
|
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("./Flaticon.woff2") format("woff2"),
|
||||||
|
url("./Flaticon.woff") format("woff"),
|
||||||
|
url("./Flaticon.ttf") format("truetype"),
|
||||||
|
url("./Flaticon.svg#Flaticon") format("svg");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||||
|
@font-face {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
src: url("./Flaticon.svg#Flaticon") format("svg");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fi:before{
|
||||||
|
display: inline-block;
|
||||||
|
font-family: "Flaticon";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
line-height: 1;
|
||||||
|
text-decoration: inherit;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
text-transform: none;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flaticon-startup:before { content: "\f100"; }
|
||||||
|
.flaticon-graphic-design:before { content: "\f101"; }
|
||||||
|
.flaticon-settings:before { content: "\f102"; }
|
||||||
|
.flaticon-idea:before { content: "\f103"; }
|
||||||
|
.flaticon-smartphone:before { content: "\f104"; }
|
||||||
|
.flaticon-head:before { content: "\f105"; }
|
||||||
|
|
||||||
|
$font-Flaticon-startup: "\f100";
|
||||||
|
$font-Flaticon-graphic-design: "\f101";
|
||||||
|
$font-Flaticon-settings: "\f102";
|
||||||
|
$font-Flaticon-idea: "\f103";
|
||||||
|
$font-Flaticon-smartphone: "\f104";
|
||||||
|
$font-Flaticon-head: "\f105";
|
44
static/main/fonts/flaticon/font/flaticon.css
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
/*
|
||||||
|
Flaticon icon font: Flaticon
|
||||||
|
Creation date: 03/04/2019 06:02
|
||||||
|
*/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
src: url("./Flaticon.eot");
|
||||||
|
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("./Flaticon.woff2") format("woff2"),
|
||||||
|
url("./Flaticon.woff") format("woff"),
|
||||||
|
url("./Flaticon.ttf") format("truetype"),
|
||||||
|
url("./Flaticon.svg#Flaticon") format("svg");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||||
|
@font-face {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
src: url("./Flaticon.svg#Flaticon") format("svg");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
|
||||||
|
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||||
|
font-family: Flaticon;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
/* Better Font Rendering =========== */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flaticon-startup:before { content: "\f100"; }
|
||||||
|
.flaticon-graphic-design:before { content: "\f101"; }
|
||||||
|
.flaticon-settings:before { content: "\f102"; }
|
||||||
|
.flaticon-idea:before { content: "\f103"; }
|
||||||
|
.flaticon-smartphone:before { content: "\f104"; }
|
||||||
|
.flaticon-head:before { content: "\f105"; }
|
485
static/main/fonts/flaticon/font/flaticon.html
Normal file
@ -0,0 +1,485 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
Flaticon icon font: Flaticon
|
||||||
|
Creation date: 03/04/2019 06:02
|
||||||
|
-->
|
||||||
|
<html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Flaticon WebFont</title>
|
||||||
|
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="flaticon.css">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<style>
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-family: 'Varela Round', Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #333;
|
||||||
|
border-bottom: 1px solid #a9fd00;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||||
|
font-family: Flaticon;
|
||||||
|
font-size: 30px;
|
||||||
|
font-style: normal;
|
||||||
|
margin-left: 20px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.wrapper {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: auto;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: 1.25em;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
background-color: #222;
|
||||||
|
color: #fff;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
header .logo {
|
||||||
|
width: 210px;
|
||||||
|
height: 38px;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 1em;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
header strong {
|
||||||
|
font-size: 1.95em;
|
||||||
|
font-weight: bold;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-top: 5px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.demo {
|
||||||
|
margin: 2em auto;
|
||||||
|
line-height: 1.25em;
|
||||||
|
}
|
||||||
|
.demo ul li {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.demo ul li .num {
|
||||||
|
color: #222;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 26px;
|
||||||
|
padding: 3px;
|
||||||
|
height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
border: 1px solid #222;
|
||||||
|
}
|
||||||
|
.demo ul li code {
|
||||||
|
background-color: #222;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
display: inline-block;
|
||||||
|
color: #fff;
|
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||||
|
font-weight: lighter;
|
||||||
|
margin-top: 1em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.demo ul li code.big {
|
||||||
|
padding: 1em;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
.demo ul li code .red {
|
||||||
|
color: #EF3159;
|
||||||
|
}
|
||||||
|
.demo ul li code .green {
|
||||||
|
color: #ACFF65;
|
||||||
|
}
|
||||||
|
.demo ul li code .yellow {
|
||||||
|
color: #FFFF99;
|
||||||
|
}
|
||||||
|
.demo ul li code .blue {
|
||||||
|
color: #99D3FF;
|
||||||
|
}
|
||||||
|
.demo ul li code .purple {
|
||||||
|
color: #A295FF;
|
||||||
|
}
|
||||||
|
.demo ul li code .dots {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#glyphs {
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
padding: 2em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.glyph {
|
||||||
|
display: inline-block;
|
||||||
|
width: 9em;
|
||||||
|
margin: 1em;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: top;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
.glyph .glyph-icon {
|
||||||
|
padding: 10px;
|
||||||
|
display: block;
|
||||||
|
font-family:"Flaticon";
|
||||||
|
font-size: 64px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.glyph .glyph-icon:before {
|
||||||
|
font-size: 64px;
|
||||||
|
color: #222;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.class-name {
|
||||||
|
font-size: 0.65em;
|
||||||
|
background-color: #222;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 4px 4px 0 0;
|
||||||
|
padding: 0.5em;
|
||||||
|
color: #FFFF99;
|
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||||
|
}
|
||||||
|
.author-name {
|
||||||
|
font-size: 0.6em;
|
||||||
|
background-color: #fcfcfd;
|
||||||
|
border: 1px solid #DEDEE4;
|
||||||
|
border-top: 0;
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
.class-name:last-child {
|
||||||
|
font-size: 10px;
|
||||||
|
color:#888;
|
||||||
|
}
|
||||||
|
.class-name:last-child a {
|
||||||
|
font-size: 10px;
|
||||||
|
color:#555;
|
||||||
|
}
|
||||||
|
.class-name:last-child a:hover {
|
||||||
|
color:#a9fd00;
|
||||||
|
}
|
||||||
|
.glyph > input {
|
||||||
|
display: block;
|
||||||
|
width: 100px;
|
||||||
|
margin: 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
cursor: text;
|
||||||
|
}
|
||||||
|
.glyph > input.icon-input {
|
||||||
|
font-family:"Flaticon";
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.attribution .title {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
.attribution textarea {
|
||||||
|
background-color: #fcfcfd;
|
||||||
|
padding: 1em;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #DEDEE4;
|
||||||
|
border-radius: 4px;
|
||||||
|
resize: none;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
.iconsuse {
|
||||||
|
margin: 2em auto;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
.iconsuse:after {
|
||||||
|
content: '';
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.iconsuse .image {
|
||||||
|
float: left;
|
||||||
|
width: 25%;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
.iconsuse .image p {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.iconsuse .image span {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.65em;
|
||||||
|
background-color: #222;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 0.5em;
|
||||||
|
color: #FFFF99;
|
||||||
|
margin-top: 1em;
|
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||||
|
}
|
||||||
|
#footer {
|
||||||
|
text-align: center;
|
||||||
|
background-color: #4C5B5C;
|
||||||
|
color: #7c9192;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
#footer a {
|
||||||
|
border: none;
|
||||||
|
color: #a9fd00;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
@media (max-width: 960px) {
|
||||||
|
.iconsuse .image {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 560px) {
|
||||||
|
.iconsuse .image {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="characters-off">
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<a href="https://www.flaticon.com" target="_blank" class="logo">
|
||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve">
|
||||||
|
<defs>
|
||||||
|
</defs>
|
||||||
|
<g>
|
||||||
|
<g class="letters">
|
||||||
|
<path fill="#ffffff" d="M141.596,29.675c0-3.777,2.985-6.767,6.764-6.767h34.438c3.426,0,6.15,2.728,6.15,6.15
|
||||||
|
c0,3.43-2.724,6.149-6.15,6.149h-27.674v13.091h23.719c3.429,0,6.151,2.724,6.151,6.15c0,3.43-2.723,6.149-6.151,6.149h-23.719
|
||||||
|
v17.574c0,3.773-2.986,6.761-6.764,6.761c-3.779,0-6.764-2.989-6.764-6.761V29.675z"></path>
|
||||||
|
<path fill="#ffffff" d="M193.844,29.149c0-3.781,2.985-6.767,6.764-6.767c3.776,0,6.763,2.985,6.763,6.767v42.957h25.039
|
||||||
|
c3.426,0,6.149,2.726,6.149,6.153c0,3.425-2.723,6.15-6.149,6.15h-31.802c-3.779,0-6.764-2.986-6.764-6.768V29.149z"></path>
|
||||||
|
<path fill="#ffffff" d="M241.891,75.71l21.438-48.407c1.492-3.341,4.215-5.357,7.906-5.357h0.792
|
||||||
|
c3.686,0,6.323,2.017,7.815,5.357l21.439,48.407c0.436,0.967,0.701,1.845,0.701,2.723c0,3.602-2.809,6.501-6.414,6.501
|
||||||
|
c-3.161,0-5.269-1.845-6.499-4.655l-4.132-9.661h-27.059l-4.301,10.102c-1.144,2.631-3.426,4.214-6.237,4.214
|
||||||
|
c-3.517,0-6.24-2.81-6.24-6.325C241.1,77.64,241.451,76.677,241.891,75.71z M279.932,58.666l-8.521-20.297l-8.526,20.297H279.932
|
||||||
|
z"></path>
|
||||||
|
<path fill="#ffffff" d="M314.864,35.387H301.86c-3.429,0-6.239-2.813-6.239-6.238c0-3.429,2.811-6.24,6.239-6.24h39.533
|
||||||
|
c3.426,0,6.237,2.811,6.237,6.24c0,3.425-2.811,6.238-6.237,6.238h-13.001v42.785c0,3.773-2.99,6.761-6.764,6.761
|
||||||
|
c-3.779,0-6.764-2.989-6.764-6.761V35.387z"></path>
|
||||||
|
<path fill="#A9FD00" d="M352.615,29.149c0-3.781,2.985-6.767,6.767-6.767c3.774,0,6.761,2.985,6.761,6.767v49.024
|
||||||
|
c0,3.773-2.987,6.761-6.761,6.761c-3.781,0-6.767-2.989-6.767-6.761V29.149z"></path>
|
||||||
|
<path fill="#A9FD00" d="M374.132,53.836v-0.179c0-17.481,13.178-31.801,32.065-31.801c9.22,0,15.459,2.458,20.557,6.238
|
||||||
|
c1.402,1.054,2.637,2.985,2.637,5.357c0,3.692-2.985,6.59-6.681,6.59c-1.845,0-3.071-0.702-4.044-1.319
|
||||||
|
c-3.776-2.813-7.729-4.393-12.562-4.393c-10.364,0-17.831,8.611-17.831,19.154v0.173c0,10.542,7.291,19.329,17.831,19.329
|
||||||
|
c5.715,0,9.492-1.756,13.359-4.834c1.049-0.874,2.458-1.491,4.039-1.491c3.429,0,6.325,2.813,6.325,6.236
|
||||||
|
c0,2.106-1.056,3.78-2.282,4.834c-5.539,4.834-12.036,7.733-21.878,7.733C387.572,85.464,374.132,71.493,374.132,53.836z"></path>
|
||||||
|
<path fill="#A9FD00" d="M433.009,53.836v-0.179c0-17.481,13.79-31.801,32.766-31.801c18.981,0,32.592,14.143,32.592,31.628v0.173
|
||||||
|
c0,17.483-13.785,31.807-32.769,31.807C446.625,85.464,433.009,71.32,433.009,53.836z M484.224,53.836v-0.179
|
||||||
|
c0-10.539-7.725-19.326-18.626-19.326c-10.893,0-18.449,8.611-18.449,19.154v0.173c0,10.542,7.73,19.329,18.626,19.329
|
||||||
|
C476.676,72.986,484.224,64.378,484.224,53.836z"></path>
|
||||||
|
<path fill="#A9FD00" d="M506.233,29.321c0-3.774,2.99-6.763,6.767-6.763h1.401c3.252,0,5.183,1.583,7.029,3.953l26.093,34.265
|
||||||
|
V29.059c0-3.692,2.99-6.677,6.681-6.677c3.683,0,6.671,2.985,6.671,6.677v48.934c0,3.78-2.987,6.765-6.764,6.765h-0.436
|
||||||
|
c-3.257,0-5.188-1.581-7.034-3.953l-27.056-35.492v32.944c0,3.687-2.985,6.676-6.678,6.676c-3.683,0-6.673-2.989-6.673-6.676
|
||||||
|
V29.321z"></path>
|
||||||
|
</g>
|
||||||
|
<g class="insignia">
|
||||||
|
<path fill="#ffffff" d="M48.372,56.137h12.517l11.156-18.537H37.186L25.688,18.539h57.825L94.668,0H9.271
|
||||||
|
C5.925,0,2.842,1.801,1.198,4.716c-1.644,2.907-1.593,6.482,0.134,9.343l50.38,83.501c1.678,2.781,4.689,4.476,7.938,4.476
|
||||||
|
c3.246,0,6.257-1.695,7.935-4.476l2.898-4.804L48.372,56.137z"></path>
|
||||||
|
<g class="i">
|
||||||
|
<path fill="#A9FD00" d="M93.575,18.539h0.031v0.004l21.652,0.004l2.705-4.488c1.727-2.861,1.778-6.436,0.133-9.343
|
||||||
|
C116.454,1.801,113.371,0,110.026,0h-5.294L93.575,18.539z"></path>
|
||||||
|
<polygon fill="#A9FD00" points="88.291,27.356 64.725,66.486 75.519,84.404 109.942,27.356"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<strong>Font Demo</strong>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="demo wrapper">
|
||||||
|
|
||||||
|
<p class="title">Instructions</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="num">2</span>Add the CSS link to your website source code on header.
|
||||||
|
<code class="big">
|
||||||
|
<<span class="red">head</span>>
|
||||||
|
<br/><span class="dots">...</span>
|
||||||
|
<br/><<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>>
|
||||||
|
<br/><span class="dots">...</span>
|
||||||
|
<br/></<span class="red">head</span>>
|
||||||
|
</code>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements:
|
||||||
|
<br />
|
||||||
|
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">i</span>></code> or <code><<span class="red">span</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">span</span>></code>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section id="glyphs">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-startup"></div>
|
||||||
|
<div class="class-name">.flaticon-startup</div>
|
||||||
|
<div class="author-name">Author: <a data-file="001-startup" href="http://www.freepik.com">Freepik</a> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-graphic-design"></div>
|
||||||
|
<div class="class-name">.flaticon-graphic-design</div>
|
||||||
|
<div class="author-name">Author: <a data-file="002-graphic-design" href="http://www.freepik.com">Freepik</a> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-settings"></div>
|
||||||
|
<div class="class-name">.flaticon-settings</div>
|
||||||
|
<div class="author-name">Author: <a data-file="003-settings" href="http://www.freepik.com">Freepik</a> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-idea"></div>
|
||||||
|
<div class="class-name">.flaticon-idea</div>
|
||||||
|
<div class="author-name">Author: <a data-file="004-idea" href="http://www.freepik.com">Freepik</a> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-smartphone"></div>
|
||||||
|
<div class="class-name">.flaticon-smartphone</div>
|
||||||
|
<div class="author-name">Author: <a data-file="005-smartphone" href="http://www.freepik.com">Freepik</a> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-head"></div>
|
||||||
|
<div class="class-name">.flaticon-head</div>
|
||||||
|
<div class="author-name">Author: <a data-file="006-head" href="http://www.freepik.com">Freepik</a> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="attribution wrapper" style="text-align:center;">
|
||||||
|
|
||||||
|
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-startup" href="http://www.freepik.com">Freepik</a></p> </div>
|
||||||
|
</div>
|
||||||
|
<div class="title">Copy the Attribution License:</div>
|
||||||
|
|
||||||
|
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-startup" href="http://www.freepik.com">Freepik</a></p>
|
||||||
|
</textarea>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="iconsuse">
|
||||||
|
|
||||||
|
<div class="title">Examples:</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="glyph-icon flaticon-startup"></i>
|
||||||
|
<span><i class="flaticon-startup"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="glyph-icon flaticon-graphic-design"></i>
|
||||||
|
<span><i class="flaticon-graphic-design"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="glyph-icon flaticon-settings"></i>
|
||||||
|
<span><i class="flaticon-settings"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="glyph-icon flaticon-idea"></i>
|
||||||
|
<span><i class="flaticon-idea"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
static/main/fonts/flaticon/license/license.pdf
Normal file
155
static/main/fonts/icomoon/demo-files/demo.css
Normal file
@ -0,0 +1,155 @@
|
|||||||
|
body {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #555;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
font-size: .66666667em;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #e74c3c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover, a:focus {
|
||||||
|
box-shadow: 0 1px #e74c3c;
|
||||||
|
}
|
||||||
|
.bshadow0, input {
|
||||||
|
box-shadow: inset 0 -2px #e7e7e7;
|
||||||
|
}
|
||||||
|
input:hover {
|
||||||
|
box-shadow: inset 0 -2px #ccc;
|
||||||
|
}
|
||||||
|
input, fieldset {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
color: inherit;
|
||||||
|
line-height: 1.5;
|
||||||
|
height: 1.5em;
|
||||||
|
padding: .25em 0;
|
||||||
|
}
|
||||||
|
input:focus {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: inset 0 -2px #449fdb;
|
||||||
|
}
|
||||||
|
.glyph {
|
||||||
|
font-size: 16px;
|
||||||
|
width: 15em;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
margin-right: 4em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
float: left;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.liga {
|
||||||
|
width: 80%;
|
||||||
|
width: calc(100% - 2.5em);
|
||||||
|
}
|
||||||
|
.talign-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.talign-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.bgc1 {
|
||||||
|
background: #f1f1f1;
|
||||||
|
}
|
||||||
|
.fgc1 {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.fgc0 {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.mvm {
|
||||||
|
margin-top: .75em;
|
||||||
|
margin-bottom: .75em;
|
||||||
|
}
|
||||||
|
.mtn {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.mtl, .mal {
|
||||||
|
margin-top: 1.5em;
|
||||||
|
}
|
||||||
|
.mbl, .mal {
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
.mal, .mhl {
|
||||||
|
margin-left: 1.5em;
|
||||||
|
margin-right: 1.5em;
|
||||||
|
}
|
||||||
|
.mhmm {
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
.mls {
|
||||||
|
margin-left: .25em;
|
||||||
|
}
|
||||||
|
.ptl {
|
||||||
|
padding-top: 1.5em;
|
||||||
|
}
|
||||||
|
.pbs, .pvs {
|
||||||
|
padding-bottom: .25em;
|
||||||
|
}
|
||||||
|
.pvs, .pts {
|
||||||
|
padding-top: .25em;
|
||||||
|
}
|
||||||
|
.unit {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.unitRight {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.size1of2 {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.size1of1 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.clearfix:before, .clearfix:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
.clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.hidden-true {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.textbox0 {
|
||||||
|
width: 3em;
|
||||||
|
background: #f1f1f1;
|
||||||
|
padding: .25em .5em;
|
||||||
|
line-height: 1.5;
|
||||||
|
height: 1.5em;
|
||||||
|
}
|
||||||
|
#testDrive {
|
||||||
|
display: block;
|
||||||
|
padding-top: 24px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.fs0 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.fs1 {
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
.fs2 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
30
static/main/fonts/icomoon/demo-files/demo.js
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
if (!('boxShadow' in document.body.style)) {
|
||||||
|
document.body.setAttribute('class', 'noBoxShadow');
|
||||||
|
}
|
||||||
|
|
||||||
|
document.body.addEventListener("click", function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if (target.tagName === "INPUT" &&
|
||||||
|
target.getAttribute('class').indexOf('liga') === -1) {
|
||||||
|
target.select();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var fontSize = document.getElementById('fontSize'),
|
||||||
|
testDrive = document.getElementById('testDrive'),
|
||||||
|
testText = document.getElementById('testText');
|
||||||
|
function updateTest() {
|
||||||
|
testDrive.innerHTML = testText.value || String.fromCharCode(160);
|
||||||
|
if (window.icomoonLiga) {
|
||||||
|
window.icomoonLiga(testDrive);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function updateSize() {
|
||||||
|
testDrive.style.fontSize = fontSize.value + 'px';
|
||||||
|
}
|
||||||
|
fontSize.addEventListener('change', updateSize, false);
|
||||||
|
testText.addEventListener('input', updateTest, false);
|
||||||
|
testText.addEventListener('change', updateTest, false);
|
||||||
|
updateSize();
|
||||||
|
}());
|
26137
static/main/fonts/icomoon/demo.html
Normal file
BIN
static/main/fonts/icomoon/fonts/icomoon.eot
Normal file
1530
static/main/fonts/icomoon/fonts/icomoon.svg
Normal file
After Width: | Height: | Size: 913 KiB |
BIN
static/main/fonts/icomoon/fonts/icomoon.ttf
Normal file
BIN
static/main/fonts/icomoon/fonts/icomoon.woff
Normal file
41190
static/main/fonts/icomoon/selection.json
Normal file
4919
static/main/fonts/icomoon/style.css
Normal file
BIN
static/main/images/about.jpg
Normal file
After Width: | Height: | Size: 35 KiB |
BIN
static/main/images/blog_1.jpg
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
static/main/images/blog_2.jpg
Normal file
After Width: | Height: | Size: 96 KiB |
BIN
static/main/images/blog_3.jpg
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
static/main/images/flaticon/license/license.pdf
Normal file
1
static/main/images/flaticon/svg/001-travel.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m501 256c0 135.31-109.69 245-245 245s-245-109.69-245-245 109.69-245 245-245 245 109.69 245 245z" fill="#ffc14f"/><path d="m360 55c0 8.284-6.716 15-15 15h-30c-8.284 0-15-6.716-15-15s6.716-15 15-15h30c8.284 0 15 6.716 15 15zm125.481 115h-10.481c-8.284 0-15 6.716-15 15s6.716 15 15 15h19.571c-2.4-10.263-5.445-20.278-9.09-30zm-450.481 130h-20.06c1.856 10.236 4.348 20.25 7.434 30h12.626c8.284 0 15-6.716 15-15s-6.716-15-15-15zm230-230h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15zm-130 180h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15z" fill="#ffd993"/><path d="m472.556 270c0 62.163-50.393 112.556-112.556 112.556s-112.556-50.393-112.556-112.556 50.393-112.556 112.556-112.556 112.556 50.393 112.556 112.556z" fill="#fff36c"/><path d="m110 290h-30v-180h30z" fill="#51489a"/><path d="m442 290h-342v-180h342z" fill="#6a61b4"/><path d="m320 290h-60v-180h60zm110 0h-60v-180h60zm-190 0h-20v-180h20z" fill="#8078bf"/><path d="m434.5 270c-4.142 0-7.5-3.358-7.5-7.5v-145c0-4.142 3.358-7.5 7.5-7.5 4.142 0 7.5 3.358 7.5 7.5v145c0 4.142-3.358 7.5-7.5 7.5zm-357 0c-4.142 0-7.5-3.358-7.5-7.5v-145c0-4.142 3.358-7.5 7.5-7.5 4.142 0 7.5 3.358 7.5 7.5v145c0 4.142-3.358 7.5-7.5 7.5zm119 0c-4.142 0-7.5-3.358-7.5-7.5v-145c0-4.142 3.358-7.5 7.5-7.5 4.142 0 7.5 3.358 7.5 7.5v145c0 4.142-3.358 7.5-7.5 7.5zm119 0c-4.142 0-7.5-3.358-7.5-7.5v-145c0-4.142 3.358-7.5 7.5-7.5 4.142 0 7.5 3.358 7.5 7.5v145c0 4.142-3.358 7.5-7.5 7.5z" fill="#453d83"/><path d="m130 280v153.651c0 14.251-16.514 22.164-27.611 13.223-11.735-9.456-22.58-19.972-32.389-31.403v-155.471h40c11.046 0 20 8.954 20 20z" fill="#1380e2"/><path d="m442 260v155.471c-22.893 26.677-51.427 48.372-83.751 63.237-1.957.9-202.54.9-204.497.001-19.419-8.93-37.47-20.325-53.752-33.785v-184.924z" fill="#55a4f9"/><path d="m274 150h-121c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h121c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z" fill="#0a66ea"/><path d="m475 150h-209.667c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h209.667c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z" fill="#2476ed"/><path d="m250 127h-235c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h235c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z" fill="#55a4f9"/><path d="m497 127h-252c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h252c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z" fill="#86befb"/><path d="m358.25 460v18.708c-31.12 14.312-65.753 22.292-102.25 22.292s-71.13-7.98-102.25-22.292v-18.708c0-5.523 4.477-10 10-10h84.75c2.79 6.649 12.21 6.649 15 0h84.75c5.523 0 10 4.477 10 10zm27.75-40h-59c-5.523 0-10-4.477-10-10v-100c0-5.523 4.477-10 10-10h59c5.523 0 10 4.477 10 10v100c0 5.523-4.477 10-10 10zm-90.5-10v-100c0-5.523-4.477-10-10-10h-59c-5.523 0-10 4.477-10 10v100c0 5.523 4.477 10 10 10h59c5.523 0 10-4.477 10-10zm-100.5 0v-100c0-5.523-4.477-10-10-10h-59c-5.523 0-10 4.477-10 10v100c0 5.523 4.477 10 10 10h59c5.523 0 10-4.477 10-10z" fill="#e9f3fe"/><path d="m382 320v90c0 2.761-2.239 5-5 5h-41c-2.761 0-5-2.239-5-5v-90c0-2.761 2.239-5 5-5h41c2.761 0 5 2.239 5 5zm-146.5 95h41c2.761 0 5-2.239 5-5v-90c0-2.761-2.239-5-5-5h-41c-2.761 0-5 2.239-5 5v90c0 2.761 2.239 5 5 5zm103.75 50h-166.5c-2.761 0-5 2.239-5 5v14.625c25.173 9.723 52.354 15.409 80.75 16.263.776.023 1.741-1.478 2.519-1.462 1.719.036 8.882.033 10.731-.008.646-.014 1.105 1.49 1.75 1.471 28.396-.854 55.577-6.54 80.75-16.263v-14.626c0-2.761-2.239-5-5-5zm-158.25-55v-90c0-2.761-2.239-5-5-5h-41c-2.761 0-5 2.239-5 5v90c0 2.761 2.239 5 5 5h41c2.761 0 5-2.239 5-5z" fill="#453d83"/><path d="m170 425h-20v-110h20zm100-110h-20v110h20zm100 0h-20v110h20z" fill="#6a61b4"/><path d="m248.5 450h15v50.887c-2.491.075-4.991.113-7.5.113s-5.009-.038-7.5-.113z" fill="#b9d3fd"/><path d="m104.667 430h-39.667c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h39.667c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z" fill="#76b6fa"/><path d="m447 430h-348.333c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h348.333c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z" fill="#86befb"/><path d="m170 220h-150c-11.046 0-20-8.954-20-20v-150c0-11.046 8.954-20 20-20h150c11.046 0 20 8.954 20 20v150c0 11.046-8.954 20-20 20z" fill="#e9f3fe"/><path d="m50 220h-30c-11.046 0-20-8.954-20-20v-150c0-11.046 8.954-20 20-20h30c-11.046 0-20 8.954-20 20v150c0 11.046 8.954 20 20 20z" fill="#c8e2fd"/><path d="m160 110v30c0 5.523-4.477 10-10 10h-30v30c0 5.523-4.477 10-10 10h-30c-5.523 0-10-4.477-10-10v-30h-30c-5.523 0-10-4.477-10-10v-30c0-5.523 4.477-10 10-10h30v-30c0-5.523 4.477-10 10-10h30c5.523 0 10 4.477 10 10v30h30c5.523 0 10 4.477 10 10z" fill="#5db33a"/><path d="m160 110v30c0 5.523-4.477 10-10 10h-30v30c0 5.523-4.477 10-10 10h-10v-130h10c5.523 0 10 4.477 10 10v30h30c5.523 0 10 4.477 10 10z" fill="#6dc54a"/></g></svg>
|
After Width: | Height: | Size: 4.8 KiB |
1
static/main/images/flaticon/svg/002-travel-1.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg id="Capa_1" enable-background="new 0 0 501 501" height="512" viewBox="0 0 501 501" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m6.02 240c8.215-126.162 112.836-227.194 240.993-228.976 131.515-1.828 239.657 99.982 247.973 228.976z" fill="#55a4f9"/><path d="m495.5 256c0 121.946-89.094 223.083-205.74 241.871-16.59-67.864-77.407-115.605-147.27-115.605h-101.99c-22.176-36.803-34.951-79.911-35-125.999-.009-8.87.458-17.633 1.377-26.267h487.26c.901 8.543 1.363 17.218 1.363 26z" fill="#1380e2"/><path d="m69.736 421.378c-10.986-12.001-20.792-25.1-29.236-39.113v-291.265h-2c-4.418 0-8-3.582-8-8v-34c0-4.418 3.582-8 8-8h2v-26c0-8.284 6.716-15 15-15h49v407.783c0 18.239-22.449 27.049-34.764 13.595z" fill="#453d83"/><path d="m290.5 90v20h1c4.418 0 8 3.582 8 8v34c0 4.418-3.582 8-8 8h-1v337.75c-.686.121-1.677.27-2.146.343-12.338 1.914-24.98 2.907-37.854 2.907-62.049 0-118.711-23.067-161.878-61.093-5.777-5.089-9.122-12.391-9.122-20.09v-404.817c0-8.284 6.716-15 15-15h181c8.284 0 15 6.716 15 15v25h1c4.418 0 8 3.582 8 8v34c0 4.418-3.582 8-8 8z" fill="#51489a"/><path d="m261.5 110v315c0 8.284-6.716 15-15 15h-157.773c-6.749-5.938-13.168-12.242-19.227-18.88v-311.12c0-8.284 6.716-15 15-15h162c8.284 0 15 6.716 15 15z" fill="#e9f3fe"/><path d="m69.5 110v-45c0-8.284 6.716-15 15-15h162c8.284 0 15 6.716 15 15v45z" fill="#82cd64"/><path d="m193 32.5h-26c-4.142 0-7.5-3.358-7.5-7.5 0-4.142 3.358-7.5 7.5-7.5h26c4.142 0 7.5 3.358 7.5 7.5 0 4.142-3.358 7.5-7.5 7.5zm-47.5-7.5c0-4.142-3.358-7.5-7.5-7.5-4.142 0-7.5 3.358-7.5 7.5 0 4.142 3.358 7.5 7.5 7.5 4.142 0 7.5-3.358 7.5-7.5zm34 435h-30c-7.261 0-13.317 5.16-14.702 12.012 13.582 7.29 27.931 13.337 42.894 17.988h1.808c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z" fill="#19305c"/><path d="m186.5 88h-84c-4.418 0-8-3.582-8-8 0-4.418 3.582-8 8-8h84c4.418 0 8 3.582 8 8 0 4.418-3.582 8-8 8z" fill="#5db33a"/><path d="m226.5 146h-124c-4.418 0-8-3.582-8-8 0-4.418 3.582-8 8-8h124c4.418 0 8 3.582 8 8 0 4.418-3.582 8-8 8zm-42 150.583c0-4.418-3.582-8-8-8h-74c-4.418 0-8 3.582-8 8 0 4.418 3.582 8 8 8h74c4.418 0 8-3.581 8-8zm40 30.167c0-4.418-3.582-8-8-8h-114c-4.418 0-8 3.582-8 8 0 4.418 3.582 8 8 8h114c4.418 0 8-3.582 8-8z" fill="#a7d0fc"/><path d="m234.5 219.926v12.574c0 8.284-6.716 15-15 15h-110c-8.284 0-15-6.716-15-15v-50c0-8.284 6.716-15 15-15h72.574c7.956 0 15.587 3.161 21.213 8.787l22.426 22.426c5.626 5.626 8.787 13.257 8.787 21.213z" fill="#f44545"/><path d="m187.75 211.443h-68.25c-5.523 0-10-4.477-10-10v-10c0-5.523 4.477-10 10-10h58.25c11.046 0 20 8.954 20 20 0 5.523-4.477 10-10 10z" fill="#c50048"/><path d="m144.5 247.5c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20 20 8.954 20 20zm60-20c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20z" fill="#0a3575"/><path d="m399.5 206.16c30.376 0 55 24.624 55 55v120c0 30.376-24.624 55-55 55-30.376 0-55-24.624-55-55v-120c0-30.376 24.624-55 55-55z" fill="#f44545"/><path d="m402.358 436.087c-.946.049-1.899.073-2.858.073-30.376 0-55-24.624-55-55v-120c0-30.375 24.624-55 55-55 .958 0 1.911.025 2.858.073-10.392 10.005-16.858 24.06-16.858 39.625v150.604c0 15.565 6.466 29.619 16.858 39.625z" fill="#c50048"/><path d="m399.5 326.16c13.807 0 25 11.193 25 25v20c0 13.807-11.193 25-25 25-13.807 0-25-11.193-25-25v-20c0-13.807 11.193-25 25-25z" fill="#ffc14f"/><path d="m352.852 274.121-88.388 88.388c-2.929 2.929-7.678 2.929-10.607 0l-10.607-10.607c-2.929-2.929-2.929-7.678 0-10.607l88.388-88.388c2.929-2.929 7.678-2.929 10.607 0l10.607 10.607c2.929 2.929 2.929 7.678 0 10.607z" fill="#86befb"/><path d="m347.549 279.424-46.206 46.206c-5.858 5.858-15.355 5.858-21.213 0-5.858-5.858-5.858-15.355 0-21.213l46.206-46.206c5.858-5.858 15.355-5.858 21.213 0 5.858 5.858 5.858 15.355 0 21.213z" fill="#a7d0fc"/><path d="m149.5 410h-30c-13.807 0-25-11.193-25-25 0-13.807 11.193-25 25-25h30c13.807 0 25 11.193 25 25 0 13.807-11.193 25-25 25z" fill="#5db33a"/><path d="m209.5 410h-60c-13.807 0-25-11.193-25-25 0-13.807 11.193-25 25-25h60c13.807 0 25 11.193 25 25 0 13.807-11.193 25-25 25z" fill="#82cd64"/><path d="m418.259 251.14-49.497 49.497c-5.858 5.858-15.355 5.858-21.213 0l-42.426-42.426c-5.858-5.858-5.858-15.355 0-21.213l49.497-49.498c5.858-5.858 15.355-5.858 21.213 0l42.426 42.426c5.858 5.858 5.858 15.356 0 21.214z" fill="#e9f3fe"/><path d="m410.508 226.511-39.142 39.142c-5.858 5.858-15.355 5.858-21.213 0l-10.046-10.046c-5.858-5.858-5.858-15.355 0-21.213l39.142-39.142c5.858-5.858 15.355-5.858 21.213 0l10.046 10.046c5.858 5.857 5.858 15.355 0 21.213z" fill="#fff5f5"/><path d="m401.063 225.956-.835.835c-2.698 2.698-7.073 2.698-9.772 0l-11.488-11.488c-2.698-2.698-2.698-7.073 0-9.772l.835-.835c2.698-2.698 7.073-2.698 9.772 0l11.488 11.488c2.698 2.699 2.698 7.074 0 9.772z" fill="#55a4f9"/><path d="m131.458 247.5c0 4.142-3.358 7.5-7.5 7.5s-7.5-3.358-7.5-7.5 3.358-7.5 7.5-7.5 7.5 3.358 7.5 7.5zm73.042-7.5c-4.142 0-7.5 3.358-7.5 7.5s3.358 7.5 7.5 7.5 7.5-3.358 7.5-7.5-3.358-7.5-7.5-7.5z" fill="#51489a"/></g></svg>
|
After Width: | Height: | Size: 4.8 KiB |
1
static/main/images/flaticon/svg/003-travel-2.svg
Normal file
After Width: | Height: | Size: 6.3 KiB |
1
static/main/images/flaticon/svg/004-travel-3.svg
Normal file
After Width: | Height: | Size: 5.4 KiB |
1
static/main/images/flaticon/svg/005-travel-4.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m501 256c0 109.345-71.632 201.959-170.53 233.477h-74.47v11.523c-135.31 0-245-109.69-245-245s109.69-245 245-245 245 109.69 245 245z" fill="#453d83"/><path d="m290 230c0 27.614-22.386 50-50 50s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50zm-75-149c19.33 0 35-15.67 35-35s-15.67-35-35-35-35 15.67-35 35 15.67 35 35 35zm170 209c-19.33 0-35 15.67-35 35s15.67 35 35 35 35-15.67 35-35-15.67-35-35-35zm-85-250c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20z" fill="#5f55af"/><path d="m320 60c0 1.399-.144 2.765-.417 4.083-1.318.273-2.684.417-4.083.417-11.046 0-20-8.954-20-20 0-1.399.144-2.765.417-4.083 1.318-.273 2.684-.417 4.083-.417 11.046 0 20 8.954 20 20zm65 230c-5.669 0-11.023 1.348-15.759 3.741-2.392 4.737-3.741 10.09-3.741 15.759 0 19.33 15.67 35 35 35 5.669 0 11.023-1.348 15.759-3.741 2.393-4.736 3.741-10.09 3.741-15.759 0-19.33-15.67-35-35-35zm-145-110c-9.839 0-19.014 2.843-26.75 7.75-4.908 7.735-7.75 16.91-7.75 26.75 0 27.614 22.386 50 50 50 9.839 0 19.014-2.843 26.75-7.75 4.908-7.735 7.75-16.91 7.75-26.75 0-27.614-22.386-50-50-50zm-9.5-114.5c5.669 0 11.023-1.348 15.759-3.741 2.393-4.736 3.741-10.09 3.741-15.759 0-19.33-15.67-35-35-35-5.669 0-11.023 1.348-15.759 3.741-2.392 4.737-3.741 10.09-3.741 15.759 0 19.33 15.67 35 35 35z" fill="#6a61b4"/><path d="m357.947 462-27.477 27.477c-23.484 7.484-48.505 11.523-74.47 11.523h-.058c-1.403-1.128-2.759-2.343-4.061-3.645l-190.061-190.061c-.002-.002-.003-.003-.005-.005l-36.208-36.208c-19.526-19.526-19.526-51.184 0-70.71l35.355-35.355c19.526-19.526 51.185-19.526 70.711 0l226.274 226.274c19.526 19.525 19.526 51.184 0 70.71z" fill="#1380e2"/><path d="m357.947 462-7.778 7.778c-19.526 19.526-51.184 19.526-70.711 0l-226.274-226.274c-19.526-19.526-19.526-51.184 0-70.711l7.778-7.778c19.526-19.526 51.184-19.526 70.711 0l226.274 226.274c19.526 19.526 19.526 51.185 0 70.711z" fill="#55a4f9"/><path d="m75.104 165.015-49.497 49.497c-5.858 5.858-15.355 5.858-21.213 0-5.858-5.858-5.858-15.355 0-21.213l49.497-49.497c5.858-5.858 15.355-5.858 21.213 0 5.858 5.858 5.858 15.355 0 21.213z" fill="#76b6fa"/><path d="m75.104 165.015-31.82 31.82c-5.858 5.858-15.355 5.858-21.213 0-5.858-5.858-5.858-15.355 0-21.213l31.82-31.82c5.858-5.858 15.355-5.858 21.213 0 5.858 5.858 5.858 15.355 0 21.213z" fill="#a7d0fc"/><path d="m233.496 353.106-143.189-143.19c-5.858-5.858-5.858-15.355 0-21.213 5.858-5.858 15.355-5.858 21.213 0l143.189 143.189c5.858 5.858 5.858 15.355 0 21.213-5.858 5.858-15.355 5.858-21.213.001z" fill="#76b6fa"/><path d="m427 246.333h-140c-38.66 0-70-31.34-70-70 0-38.66 31.34-70 70-70h140c38.66 0 70 31.34 70 70 0 38.66-31.34 70-70 70z" fill="#1380e2"/><path d="m320 110h50v130h-50zm70 0v130h20v-130z" fill="#55a4f9"/><path d="m350 246.333c0 8.284-6.716 15-15 15h-48c-47.148 0-85.454-38.587-84.996-85.839.454-46.794 39.283-84.161 86.08-84.161h46.916c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15h-48c-30.611 0-55.462 25.137-54.993 55.854.46 30.179 25.646 54.146 55.828 54.146h47.165c8.284 0 15 6.716 15 15z" fill="#c50048"/><path d="m427 261.333h-107c-8.284 0-15-6.716-15-15s6.716-15 15-15h107c30.611 0 55.462-25.137 54.993-55.854-.46-30.179-25.646-54.146-55.828-54.146h-106.165c-8.284 0-15-6.716-15-15s6.716-15 15-15h105.916c46.796 0 85.626 37.367 86.08 84.161.458 47.252-37.848 85.839-84.996 85.839z" fill="#f44545"/><path d="m397 235h-80c-5.523 0-10-4.477-10-10 0-5.523 4.477-10 10-10h80c5.523 0 10 4.477 10 10 0 5.523-4.477 10-10 10z" fill="#ffa2c1"/><path d="m265 385c0 38.599-31.401 70-70 70s-70-31.401-70-70v-285h30v285c0 22.056 17.944 40 40 40s40-17.944 40-40z" fill="#ffcd71"/><path d="m140 317.397c-8.284 0-15-6.716-15-15v-187.397c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v187.397c0 8.284-6.716 15-15 15z" fill="#ffe1aa"/><path d="m160 140h-40c-5.523 0-10-4.477-10-10v-40c0-5.523 4.477-10 10-10h40c5.523 0 10 4.477 10 10v40c0 5.523-4.477 10-10 10zm130 245c0-8.284-6.716-15-15-15h-50c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h50c8.284 0 15-6.716 15-15z" fill="#ffe7c0"/><path d="m160 140h-19c-5.523 0-10-4.477-10-10v-40c0-5.523 4.477-10 10-10h19c5.523 0 10 4.477 10 10v40c0 5.523-4.477 10-10 10zm130 245c0-8.284-6.716-15-15-15h-25.5c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h25.5c8.284 0 15-6.716 15-15z" fill="#fff5f5"/></g></svg>
|
After Width: | Height: | Size: 4.3 KiB |
1
static/main/images/flaticon/svg/006-food.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m501 261.5c0 107.892-69.741 199.495-166.601 232.188-2.343.791-5.947-2.363-8.321-1.641-19.407 5.896-39.835 9.449-60.953 10.328-2.498.104-3.76 4.08-6.276 4.109-.948.011-1.898.016-2.849.016-135.31 0-245-109.69-245-245s109.69-245 245-245 245 109.69 245 245z" fill="#3493f8"/><path d="m470 275.5c0 104.934-85.066 190-190 190s-190-85.066-190-190 85.066-190 190-190 190 85.066 190 190z" fill="#55a4f9"/><path d="m285 475.5c-8.284 0-15-6.716-15-15v-220c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v220c0 8.284-6.716 15-15 15z" fill="#f29500"/><path d="m285 305.5c-8.284 0-15-6.716-15-15v-270c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v270c0 8.284-6.716 15-15 15z" fill="#ffb52d"/><path d="m334.994 221.2h-65.01c-2.761 0-5-2.239-5-5v-195.7c0-2.761 2.239-5 5-5h65.01c3.693 0 6.111 3.865 4.497 7.186-29.361 60.396-29.361 130.931 0 191.328 1.614 3.321-.805 7.186-4.497 7.186z" fill="#c50048"/><path d="m506.994 221.2h-209.01c-2.761 0-5-2.239-5-5v-195.7c0-2.761 2.239-5 5-5h209.01c3.693 0 6.111 3.865 4.497 7.186l-46.507 95.664 46.507 95.664c1.614 3.321-.805 7.186-4.497 7.186z" fill="#f44545"/><path d="m370 48c-37.22 0-67.5 30.28-67.5 67.5s30.28 67.5 67.5 67.5 67.5-30.28 67.5-67.5-30.28-67.5-67.5-67.5zm45.881 42h-20.865c-1.207-8.645-3.074-16.646-5.641-23.296 11.277 4.494 20.643 12.79 26.506 23.296zm-45.881-26.879c2.512 1.588 7.196 10.588 9.811 26.879h-19.622c2.615-16.292 7.299-25.291 9.811-26.879zm-51.445 62.879c-.692-3.394-1.055-6.905-1.055-10.5s.363-7.106 1.055-10.5h25.017c-.182 3.477-.272 6.99-.272 10.5s.09 7.023.272 10.5zm5.564 15h20.865c1.207 8.645 3.074 16.646 5.641 23.296-11.277-4.494-20.643-12.79-26.506-23.296zm20.866-51h-20.865c5.863-10.506 15.229-18.802 26.507-23.296-2.569 6.649-4.436 14.651-5.642 23.296zm25.015 77.879c-2.512-1.588-7.196-10.588-9.811-26.879h19.622c-2.615 16.291-7.299 25.291-9.811 26.879zm11.405-41.879h-22.811c-.19-3.307-.295-6.807-.295-10.5s.105-7.193.295-10.5h22.811c.19 3.307.295 6.807.295 10.5s-.105 7.193-.295 10.5zm7.969 38.296c2.568-6.649 4.435-14.651 5.641-23.296h20.865c-5.862 10.506-15.228 18.802-26.506 23.296zm7.054-38.296c.182-3.477.272-6.99.272-10.5s-.09-7.023-.272-10.5h25.017c.692 3.394 1.055 6.905 1.055 10.5s-.363 7.106-1.055 10.5z" fill="#ffe7c0"/><path d="m258.848 506.483-51.371-90.338c-6.639-11.674-2.557-26.52 9.118-33.158l20.312-11.551c11.674-6.639 26.52-2.556 33.158 9.118l64.334 113.133c-23.761 8.021-49.155 12.496-75.551 12.796z" fill="#c8e2fd"/><path d="m256.41 429.369c-17.283 9.828-39.261 3.785-49.09-13.498l-49.276-86.653c-6.639-11.674-2.556-26.52 9.118-33.158l20.312-11.551c11.674-6.639 26.52-2.556 33.158 9.118l49.276 86.653c9.829 17.283 3.785 39.261-13.498 49.089z" fill="#fff5f5"/><path d="m191.974 265.481c6.639 11.674 2.556 26.52-9.118 33.158l-1.188.676c-11.674 6.639-26.52 2.556-33.158-9.118-3.507-6.167-4.022-13.219-2.006-19.479-28.2 7.364-58.92-4.719-74.012-31.259l-1.977-3.477-69.206-121.7c-2.73-4.801-1.052-10.906 3.75-13.636 4.801-2.73 10.906-1.051 13.636 3.75l49.621 87.26c1.094-.911 2.283-1.738 3.563-2.466l72.469-41.21c11.674-6.639 26.52-2.557 33.158 9.118l9.73 17.11c15.093 26.54 9.77 59.119-10.977 79.589 6.41 1.469 12.208 5.517 15.715 11.684z" fill="#ffa90b"/><path d="m191.974 265.481c1.449 2.549 2.388 5.249 2.848 7.982-1.792 2.114-3.979 3.954-6.529 5.404l-.734.417c-11.603 6.599-26.595 3.003-33.395-8.484-.055-.093-.109-.185-.162-.279-2.503-4.355-1.095-9.914 3.093-12.688.048-.031.095-.063.143-.094 1.371-.905.815-3.016-.823-3.146-21.067-1.677-40.96-13.421-52.195-33.177l-21.75-38.248-49.432-86.928c-2.73-4.801-1.051-10.906 3.75-13.636s10.906-1.051 13.636 3.75l49.432 86.928 16.516-9.392-49.264-86.631c-2.633-4.63-1.438-10.659 3.013-13.586 4.877-3.207 11.365-1.59 14.204 3.402l49.432 86.928 10.591-6.022c1.281-.728 2.599-1.327 3.941-1.802l-49.621-87.26c-2.73-4.801-1.051-10.906 3.75-13.636s10.906-1.051 13.636 3.75l71.182 125.176c14.889 26.182 9.909 58.242-10.146 78.754-.795.192.265 1.073 1.546 1.507 5.45 1.843 10.27 5.617 13.338 11.011zm-173.279-161.085c-2.73-4.801-8.835-6.48-13.636-3.75-4.801 2.73-6.48 8.835-3.75 13.636l29.659 52.157c2.73 4.801 8.835 6.48 13.636 3.75s6.48-8.835 3.75-13.636z" fill="#ffc14f"/><path d="m80.082 138.51c2.73 4.801 1.051 10.906-3.75 13.636s-10.906 1.051-13.636-3.75l-29.658-52.156c-2.73-4.801-1.051-10.906 3.75-13.636 4.801-2.73 10.906-1.051 13.636 3.75zm4.243-71.435c-2.73-4.801-8.835-6.48-13.636-3.75s-6.479 8.835-3.75 13.636l29.659 52.157c2.73 4.801 8.835 6.48 13.636 3.75s6.479-8.835 3.75-13.636zm61.388 34.114-29.659-52.157c-2.73-4.801-8.835-6.479-13.636-3.75-4.801 2.73-6.48 8.835-3.75 13.636l29.659 52.157c2.73 4.801 8.835 6.48 13.636 3.75s6.48-8.835 3.75-13.636z" fill="#fff36c"/></g></svg>
|
After Width: | Height: | Size: 4.7 KiB |
BIN
static/main/images/hero_bg_1.jpg
Normal file
After Width: | Height: | Size: 151 KiB |
BIN
static/main/images/img_1.jpg
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
static/main/images/img_10.jpg
Normal file
After Width: | Height: | Size: 97 KiB |
BIN
static/main/images/img_11.jpg
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
static/main/images/img_12.jpg
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
static/main/images/img_2.jpg
Normal file
After Width: | Height: | Size: 280 KiB |
BIN
static/main/images/img_3.jpg
Normal file
After Width: | Height: | Size: 73 KiB |
BIN
static/main/images/img_4.jpg
Normal file
After Width: | Height: | Size: 78 KiB |
BIN
static/main/images/img_5.jpg
Normal file
After Width: | Height: | Size: 192 KiB |
BIN
static/main/images/img_6.jpg
Normal file
After Width: | Height: | Size: 74 KiB |
BIN
static/main/images/img_7.jpg
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
static/main/images/img_8.jpg
Normal file
After Width: | Height: | Size: 39 KiB |
BIN
static/main/images/img_9.jpg
Normal file
After Width: | Height: | Size: 65 KiB |
BIN
static/main/images/logo_1.jpg
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
static/main/images/logo_2.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
static/main/images/logo_3.jpg
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
static/main/images/logo_4.jpg
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
static/main/images/logo_5.jpg
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
static/main/images/logo_6.jpg
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
static/main/images/person_1.jpg
Normal file
After Width: | Height: | Size: 334 KiB |
BIN
static/main/images/person_2.jpg
Normal file
After Width: | Height: | Size: 279 KiB |
BIN
static/main/images/person_3.jpg
Normal file
After Width: | Height: | Size: 224 KiB |
BIN
static/main/images/person_4.jpg
Normal file
After Width: | Height: | Size: 366 KiB |
BIN
static/main/images/person_5.jpg
Normal file
After Width: | Height: | Size: 34 KiB |
BIN
static/main/images/person_7.jpg
Normal file
After Width: | Height: | Size: 43 KiB |
2
static/main/js/aos.js
Normal file
9
static/main/js/bootstrap-datepicker.min.js
vendored
Normal file
7
static/main/js/bootstrap.min.js
vendored
Normal file
12
static/main/js/isotope.pkgd.min.js
vendored
Normal file
2
static/main/js/jquery-3.3.1.min.js
vendored
Normal file
215
static/main/js/jquery-migrate-3.0.1.min.js
vendored
Normal file
@ -0,0 +1,215 @@
|
|||||||
|
/*! jQuery Migrate v3.0.1 | (c) jQuery Foundation and other contributors | jquery.org/license */
|
||||||
|
|
||||||
|
void 0 === jQuery.migrateMute && (jQuery.migrateMute = !0), function(e) {
|
||||||
|
"function" == typeof define && define.amd ? define([ "jquery" ], window, e) : "object" == typeof module && module.exports ? module.exports = e(require("jquery"), window) : e(jQuery, window);
|
||||||
|
}(function(e, t) {
|
||||||
|
"use strict";
|
||||||
|
function r(r) {
|
||||||
|
var n = t.console;
|
||||||
|
o[r] || (o[r] = !0, e.migrateWarnings.push(r), n && n.warn && !e.migrateMute && (n.warn("JQMIGRATE: " + r),
|
||||||
|
e.migrateTrace && n.trace && n.trace()));
|
||||||
|
}
|
||||||
|
function n(e, t, n, a) {
|
||||||
|
Object.defineProperty(e, t, {
|
||||||
|
configurable: !0,
|
||||||
|
enumerable: !0,
|
||||||
|
get: function() {
|
||||||
|
return r(a), n;
|
||||||
|
},
|
||||||
|
set: function(e) {
|
||||||
|
r(a), n = e;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function a(e, t, n, a) {
|
||||||
|
e[t] = function() {
|
||||||
|
return r(a), n.apply(this, arguments);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
e.migrateVersion = "3.0.1", function() {
|
||||||
|
var r = /^[12]\./;
|
||||||
|
t.console && t.console.log && (e && !r.test(e.fn.jquery) || t.console.log("JQMIGRATE: jQuery 3.0.0+ REQUIRED"),
|
||||||
|
e.migrateWarnings && t.console.log("JQMIGRATE: Migrate plugin loaded multiple times"),
|
||||||
|
t.console.log("JQMIGRATE: Migrate is installed" + (e.migrateMute ? "" : " with logging active") + ", version " + e.migrateVersion));
|
||||||
|
}();
|
||||||
|
var o = {};
|
||||||
|
e.migrateWarnings = [], void 0 === e.migrateTrace && (e.migrateTrace = !0), e.migrateReset = function() {
|
||||||
|
o = {}, e.migrateWarnings.length = 0;
|
||||||
|
}, "BackCompat" === t.document.compatMode && r("jQuery is not compatible with Quirks Mode");
|
||||||
|
var i = e.fn.init, s = e.isNumeric, u = e.find, c = /\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/, l = /\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g;
|
||||||
|
e.fn.init = function(e) {
|
||||||
|
var t = Array.prototype.slice.call(arguments);
|
||||||
|
return "string" == typeof e && "#" === e && (r("jQuery( '#' ) is not a valid selector"),
|
||||||
|
t[0] = []), i.apply(this, t);
|
||||||
|
}, e.fn.init.prototype = e.fn, e.find = function(e) {
|
||||||
|
var n = Array.prototype.slice.call(arguments);
|
||||||
|
if ("string" == typeof e && c.test(e)) try {
|
||||||
|
t.document.querySelector(e);
|
||||||
|
} catch (a) {
|
||||||
|
e = e.replace(l, function(e, t, r, n) {
|
||||||
|
return "[" + t + r + '"' + n + '"]';
|
||||||
|
});
|
||||||
|
try {
|
||||||
|
t.document.querySelector(e), r("Attribute selector with '#' must be quoted: " + n[0]),
|
||||||
|
n[0] = e;
|
||||||
|
} catch (e) {
|
||||||
|
r("Attribute selector with '#' was not fixed: " + n[0]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return u.apply(this, n);
|
||||||
|
};
|
||||||
|
var d;
|
||||||
|
for (d in u) Object.prototype.hasOwnProperty.call(u, d) && (e.find[d] = u[d]);
|
||||||
|
e.fn.size = function() {
|
||||||
|
return r("jQuery.fn.size() is deprecated and removed; use the .length property"),
|
||||||
|
this.length;
|
||||||
|
}, e.parseJSON = function() {
|
||||||
|
return r("jQuery.parseJSON is deprecated; use JSON.parse"), JSON.parse.apply(null, arguments);
|
||||||
|
}, e.isNumeric = function(t) {
|
||||||
|
var n = s(t), a = function(t) {
|
||||||
|
var r = t && t.toString();
|
||||||
|
return !e.isArray(t) && r - parseFloat(r) + 1 >= 0;
|
||||||
|
}(t);
|
||||||
|
return n !== a && r("jQuery.isNumeric() should not be called on constructed objects"),
|
||||||
|
a;
|
||||||
|
}, a(e, "holdReady", e.holdReady, "jQuery.holdReady is deprecated"), a(e, "unique", e.uniqueSort, "jQuery.unique is deprecated; use jQuery.uniqueSort"),
|
||||||
|
n(e.expr, "filters", e.expr.pseudos, "jQuery.expr.filters is deprecated; use jQuery.expr.pseudos"),
|
||||||
|
n(e.expr, ":", e.expr.pseudos, "jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos");
|
||||||
|
var p = e.ajax;
|
||||||
|
e.ajax = function() {
|
||||||
|
var e = p.apply(this, arguments);
|
||||||
|
return e.promise && (a(e, "success", e.done, "jQXHR.success is deprecated and removed"),
|
||||||
|
a(e, "error", e.fail, "jQXHR.error is deprecated and removed"), a(e, "complete", e.always, "jQXHR.complete is deprecated and removed")),
|
||||||
|
e;
|
||||||
|
};
|
||||||
|
var f = e.fn.removeAttr, y = e.fn.toggleClass, m = /\S+/g;
|
||||||
|
e.fn.removeAttr = function(t) {
|
||||||
|
var n = this;
|
||||||
|
return e.each(t.match(m), function(t, a) {
|
||||||
|
e.expr.match.bool.test(a) && (r("jQuery.fn.removeAttr no longer sets boolean properties: " + a),
|
||||||
|
n.prop(a, !1));
|
||||||
|
}), f.apply(this, arguments);
|
||||||
|
}, e.fn.toggleClass = function(t) {
|
||||||
|
return void 0 !== t && "boolean" != typeof t ? y.apply(this, arguments) : (r("jQuery.fn.toggleClass( boolean ) is deprecated"),
|
||||||
|
this.each(function() {
|
||||||
|
var r = this.getAttribute && this.getAttribute("class") || "";
|
||||||
|
r && e.data(this, "__className__", r), this.setAttribute && this.setAttribute("class", r || !1 === t ? "" : e.data(this, "__className__") || "");
|
||||||
|
}));
|
||||||
|
};
|
||||||
|
var h = !1;
|
||||||
|
e.swap && e.each([ "height", "width", "reliableMarginRight" ], function(t, r) {
|
||||||
|
var n = e.cssHooks[r] && e.cssHooks[r].get;
|
||||||
|
n && (e.cssHooks[r].get = function() {
|
||||||
|
var e;
|
||||||
|
return h = !0, e = n.apply(this, arguments), h = !1, e;
|
||||||
|
});
|
||||||
|
}), e.swap = function(e, t, n, a) {
|
||||||
|
var o, i, s = {};
|
||||||
|
h || r("jQuery.swap() is undocumented and deprecated");
|
||||||
|
for (i in t) s[i] = e.style[i], e.style[i] = t[i];
|
||||||
|
o = n.apply(e, a || []);
|
||||||
|
for (i in t) e.style[i] = s[i];
|
||||||
|
return o;
|
||||||
|
};
|
||||||
|
var g = e.data;
|
||||||
|
e.data = function(t, n, a) {
|
||||||
|
var o;
|
||||||
|
if (n && "object" == typeof n && 2 === arguments.length) {
|
||||||
|
o = e.hasData(t) && g.call(this, t);
|
||||||
|
var i = {};
|
||||||
|
for (var s in n) s !== e.camelCase(s) ? (r("jQuery.data() always sets/gets camelCased names: " + s),
|
||||||
|
o[s] = n[s]) : i[s] = n[s];
|
||||||
|
return g.call(this, t, i), n;
|
||||||
|
}
|
||||||
|
return n && "string" == typeof n && n !== e.camelCase(n) && (o = e.hasData(t) && g.call(this, t)) && n in o ? (r("jQuery.data() always sets/gets camelCased names: " + n),
|
||||||
|
arguments.length > 2 && (o[n] = a), o[n]) : g.apply(this, arguments);
|
||||||
|
};
|
||||||
|
var v = e.Tween.prototype.run, j = function(e) {
|
||||||
|
return e;
|
||||||
|
};
|
||||||
|
e.Tween.prototype.run = function() {
|
||||||
|
e.easing[this.easing].length > 1 && (r("'jQuery.easing." + this.easing.toString() + "' should use only one argument"),
|
||||||
|
e.easing[this.easing] = j), v.apply(this, arguments);
|
||||||
|
}, e.fx.interval = e.fx.interval || 13, t.requestAnimationFrame && n(e.fx, "interval", e.fx.interval, "jQuery.fx.interval is deprecated");
|
||||||
|
var Q = e.fn.load, b = e.event.add, w = e.event.fix;
|
||||||
|
e.event.props = [], e.event.fixHooks = {}, n(e.event.props, "concat", e.event.props.concat, "jQuery.event.props.concat() is deprecated and removed"),
|
||||||
|
e.event.fix = function(t) {
|
||||||
|
var n, a = t.type, o = this.fixHooks[a], i = e.event.props;
|
||||||
|
if (i.length) for (r("jQuery.event.props are deprecated and removed: " + i.join()); i.length; ) e.event.addProp(i.pop());
|
||||||
|
if (o && !o._migrated_ && (o._migrated_ = !0, r("jQuery.event.fixHooks are deprecated and removed: " + a),
|
||||||
|
(i = o.props) && i.length)) for (;i.length; ) e.event.addProp(i.pop());
|
||||||
|
return n = w.call(this, t), o && o.filter ? o.filter(n, t) : n;
|
||||||
|
}, e.event.add = function(e, n) {
|
||||||
|
return e === t && "load" === n && "complete" === t.document.readyState && r("jQuery(window).on('load'...) called after load event occurred"),
|
||||||
|
b.apply(this, arguments);
|
||||||
|
}, e.each([ "load", "unload", "error" ], function(t, n) {
|
||||||
|
e.fn[n] = function() {
|
||||||
|
var e = Array.prototype.slice.call(arguments, 0);
|
||||||
|
return "load" === n && "string" == typeof e[0] ? Q.apply(this, e) : (r("jQuery.fn." + n + "() is deprecated"),
|
||||||
|
e.splice(0, 0, n), arguments.length ? this.on.apply(this, e) : (this.triggerHandler.apply(this, e),
|
||||||
|
this));
|
||||||
|
};
|
||||||
|
}), e.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "), function(t, n) {
|
||||||
|
e.fn[n] = function(e, t) {
|
||||||
|
return r("jQuery.fn." + n + "() event shorthand is deprecated"), arguments.length > 0 ? this.on(n, null, e, t) : this.trigger(n);
|
||||||
|
};
|
||||||
|
}), e(function() {
|
||||||
|
e(t.document).triggerHandler("ready");
|
||||||
|
}), e.event.special.ready = {
|
||||||
|
setup: function() {
|
||||||
|
this === t.document && r("'ready' event is deprecated");
|
||||||
|
}
|
||||||
|
}, e.fn.extend({
|
||||||
|
bind: function(e, t, n) {
|
||||||
|
return r("jQuery.fn.bind() is deprecated"), this.on(e, null, t, n);
|
||||||
|
},
|
||||||
|
unbind: function(e, t) {
|
||||||
|
return r("jQuery.fn.unbind() is deprecated"), this.off(e, null, t);
|
||||||
|
},
|
||||||
|
delegate: function(e, t, n, a) {
|
||||||
|
return r("jQuery.fn.delegate() is deprecated"), this.on(t, e, n, a);
|
||||||
|
},
|
||||||
|
undelegate: function(e, t, n) {
|
||||||
|
return r("jQuery.fn.undelegate() is deprecated"), 1 === arguments.length ? this.off(e, "**") : this.off(t, e || "**", n);
|
||||||
|
},
|
||||||
|
hover: function(e, t) {
|
||||||
|
return r("jQuery.fn.hover() is deprecated"), this.on("mouseenter", e).on("mouseleave", t || e);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
var x = e.fn.offset;
|
||||||
|
e.fn.offset = function() {
|
||||||
|
var n, a = this[0], o = {
|
||||||
|
top: 0,
|
||||||
|
left: 0
|
||||||
|
};
|
||||||
|
return a && a.nodeType ? (n = (a.ownerDocument || t.document).documentElement, e.contains(n, a) ? x.apply(this, arguments) : (r("jQuery.fn.offset() requires an element connected to a document"),
|
||||||
|
o)) : (r("jQuery.fn.offset() requires a valid DOM element"), o);
|
||||||
|
};
|
||||||
|
var k = e.param;
|
||||||
|
e.param = function(t, n) {
|
||||||
|
var a = e.ajaxSettings && e.ajaxSettings.traditional;
|
||||||
|
return void 0 === n && a && (r("jQuery.param() no longer uses jQuery.ajaxSettings.traditional"),
|
||||||
|
n = a), k.call(this, t, n);
|
||||||
|
};
|
||||||
|
var A = e.fn.andSelf || e.fn.addBack;
|
||||||
|
e.fn.andSelf = function() {
|
||||||
|
return r("jQuery.fn.andSelf() is deprecated and removed, use jQuery.fn.addBack()"),
|
||||||
|
A.apply(this, arguments);
|
||||||
|
};
|
||||||
|
var S = e.Deferred, q = [ [ "resolve", "done", e.Callbacks("once memory"), e.Callbacks("once memory"), "resolved" ], [ "reject", "fail", e.Callbacks("once memory"), e.Callbacks("once memory"), "rejected" ], [ "notify", "progress", e.Callbacks("memory"), e.Callbacks("memory") ] ];
|
||||||
|
return e.Deferred = function(t) {
|
||||||
|
var n = S(), a = n.promise();
|
||||||
|
return n.pipe = a.pipe = function() {
|
||||||
|
var t = arguments;
|
||||||
|
return r("deferred.pipe() is deprecated"), e.Deferred(function(r) {
|
||||||
|
e.each(q, function(o, i) {
|
||||||
|
var s = e.isFunction(t[o]) && t[o];
|
||||||
|
n[i[1]](function() {
|
||||||
|
var t = s && s.apply(this, arguments);
|
||||||
|
t && e.isFunction(t.promise) ? t.promise().done(r.resolve).fail(r.reject).progress(r.notify) : r[i[0] + "With"](this === a ? r.promise() : this, s ? [ t ] : arguments);
|
||||||
|
});
|
||||||
|
}), t = null;
|
||||||
|
}).promise();
|
||||||
|
}, t && t.call(n, n), n;
|
||||||
|
}, e.Deferred.exceptionHook = S.exceptionHook, e;
|
||||||
|
});
|
1735
static/main/js/jquery-ui.js
vendored
Normal file
22
static/main/js/jquery.countdown.min.js
vendored
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
/*!
|
||||||
|
* The Final Countdown for jQuery v2.2.0 (http://hilios.github.io/jQuery.countdown/)
|
||||||
|
* Copyright (c) 2016 Edson Hilios
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||||
|
* this software and associated documentation files (the "Software"), to deal in
|
||||||
|
* the Software without restriction, including without limitation the rights to
|
||||||
|
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||||
|
* the Software, and to permit persons to whom the Software is furnished to do so,
|
||||||
|
* subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in all
|
||||||
|
* copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||||
|
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||||
|
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||||
|
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||||
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){"use strict";function b(a){if(a instanceof Date)return a;if(String(a).match(g))return String(a).match(/^[0-9]*$/)&&(a=Number(a)),String(a).match(/\-/)&&(a=String(a).replace(/\-/g,"/")),new Date(a);throw new Error("Couldn't cast `"+a+"` to a date object.")}function c(a){var b=a.toString().replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1");return new RegExp(b)}function d(a){return function(b){var d=b.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);if(d)for(var f=0,g=d.length;f<g;++f){var h=d[f].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/),j=c(h[0]),k=h[1]||"",l=h[3]||"",m=null;h=h[2],i.hasOwnProperty(h)&&(m=i[h],m=Number(a[m])),null!==m&&("!"===k&&(m=e(l,m)),""===k&&m<10&&(m="0"+m.toString()),b=b.replace(j,m.toString()))}return b=b.replace(/%%/,"%")}}function e(a,b){var c="s",d="";return a&&(a=a.replace(/(:|;|\s)/gi,"").split(/\,/),1===a.length?c=a[0]:(d=a[0],c=a[1])),Math.abs(b)>1?c:d}var f=[],g=[],h={precision:100,elapse:!1,defer:!1};g.push(/^[0-9]*$/.source),g.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g=new RegExp(g.join("|"));var i={Y:"years",m:"months",n:"daysToMonth",d:"daysToWeek",w:"weeks",W:"weeksToMonth",H:"hours",M:"minutes",S:"seconds",D:"totalDays",I:"totalHours",N:"totalMinutes",T:"totalSeconds"},j=function(b,c,d){this.el=b,this.$el=a(b),this.interval=null,this.offset={},this.options=a.extend({},h),this.instanceNumber=f.length,f.push(this),this.$el.data("countdown-instance",this.instanceNumber),d&&("function"==typeof d?(this.$el.on("update.countdown",d),this.$el.on("stoped.countdown",d),this.$el.on("finish.countdown",d)):this.options=a.extend({},h,d)),this.setFinalDate(c),this.options.defer===!1&&this.start()};a.extend(j.prototype,{start:function(){null!==this.interval&&clearInterval(this.interval);var a=this;this.update(),this.interval=setInterval(function(){a.update.call(a)},this.options.precision)},stop:function(){clearInterval(this.interval),this.interval=null,this.dispatchEvent("stoped")},toggle:function(){this.interval?this.stop():this.start()},pause:function(){this.stop()},resume:function(){this.start()},remove:function(){this.stop.call(this),f[this.instanceNumber]=null,delete this.$el.data().countdownInstance},setFinalDate:function(a){this.finalDate=b(a)},update:function(){if(0===this.$el.closest("html").length)return void this.remove();var b,c=void 0!==a._data(this.el,"events"),d=new Date;b=this.finalDate.getTime()-d.getTime(),b=Math.ceil(b/1e3),b=!this.options.elapse&&b<0?0:Math.abs(b),this.totalSecsLeft!==b&&c&&(this.totalSecsLeft=b,this.elapsed=d>=this.finalDate,this.offset={seconds:this.totalSecsLeft%60,minutes:Math.floor(this.totalSecsLeft/60)%60,hours:Math.floor(this.totalSecsLeft/60/60)%24,days:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToWeek:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToMonth:Math.floor(this.totalSecsLeft/60/60/24%30.4368),weeks:Math.floor(this.totalSecsLeft/60/60/24/7),weeksToMonth:Math.floor(this.totalSecsLeft/60/60/24/7)%4,months:Math.floor(this.totalSecsLeft/60/60/24/30.4368),years:Math.abs(this.finalDate.getFullYear()-d.getFullYear()),totalDays:Math.floor(this.totalSecsLeft/60/60/24),totalHours:Math.floor(this.totalSecsLeft/60/60),totalMinutes:Math.floor(this.totalSecsLeft/60),totalSeconds:this.totalSecsLeft},this.options.elapse||0!==this.totalSecsLeft?this.dispatchEvent("update"):(this.stop(),this.dispatchEvent("finish")))},dispatchEvent:function(b){var c=a.Event(b+".countdown");c.finalDate=this.finalDate,c.elapsed=this.elapsed,c.offset=a.extend({},this.offset),c.strftime=d(this.offset),this.$el.trigger(c)}}),a.fn.countdown=function(){var b=Array.prototype.slice.call(arguments,0);return this.each(function(){var c=a(this).data("countdown-instance");if(void 0!==c){var d=f[c],e=b[0];j.prototype.hasOwnProperty(e)?d[e].apply(d,b.slice(1)):null===String(e).match(/^[$A-Z_][0-9A-Z_$]*$/i)?(d.setFinalDate.call(d,e),d.start()):a.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi,e))}else new j(this,b[0],b[1])})}});
|
205
static/main/js/jquery.easing.1.3.js
Normal file
@ -0,0 +1,205 @@
|
|||||||
|
/*
|
||||||
|
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||||
|
*
|
||||||
|
* Uses the built in easing capabilities added In jQuery 1.1
|
||||||
|
* to offer multiple easing options
|
||||||
|
*
|
||||||
|
* TERMS OF USE - jQuery Easing
|
||||||
|
*
|
||||||
|
* Open source under the BSD License.
|
||||||
|
*
|
||||||
|
* Copyright © 2008 George McGinley Smith
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* Redistribution and use in source and binary forms, with or without modification,
|
||||||
|
* are permitted provided that the following conditions are met:
|
||||||
|
*
|
||||||
|
* Redistributions of source code must retain the above copyright notice, this list of
|
||||||
|
* conditions and the following disclaimer.
|
||||||
|
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||||
|
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||||
|
* provided with the distribution.
|
||||||
|
*
|
||||||
|
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||||
|
* or promote products derived from this software without specific prior written permission.
|
||||||
|
*
|
||||||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||||
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||||
|
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||||
|
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||||
|
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||||
|
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||||
|
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||||
|
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||||
|
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||||
|
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||||
|
|
||||||
|
jQuery.extend( jQuery.easing,
|
||||||
|
{
|
||||||
|
def: 'easeOutQuad',
|
||||||
|
swing: function (x, t, b, c, d) {
|
||||||
|
//alert(jQuery.easing.default);
|
||||||
|
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||||
|
},
|
||||||
|
easeInQuad: function (x, t, b, c, d) {
|
||||||
|
return c*(t/=d)*t + b;
|
||||||
|
},
|
||||||
|
easeOutQuad: function (x, t, b, c, d) {
|
||||||
|
return -c *(t/=d)*(t-2) + b;
|
||||||
|
},
|
||||||
|
easeInOutQuad: function (x, t, b, c, d) {
|
||||||
|
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||||
|
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||||
|
},
|
||||||
|
easeInCubic: function (x, t, b, c, d) {
|
||||||
|
return c*(t/=d)*t*t + b;
|
||||||
|
},
|
||||||
|
easeOutCubic: function (x, t, b, c, d) {
|
||||||
|
return c*((t=t/d-1)*t*t + 1) + b;
|
||||||
|
},
|
||||||
|
easeInOutCubic: function (x, t, b, c, d) {
|
||||||
|
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||||
|
return c/2*((t-=2)*t*t + 2) + b;
|
||||||
|
},
|
||||||
|
easeInQuart: function (x, t, b, c, d) {
|
||||||
|
return c*(t/=d)*t*t*t + b;
|
||||||
|
},
|
||||||
|
easeOutQuart: function (x, t, b, c, d) {
|
||||||
|
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||||
|
},
|
||||||
|
easeInOutQuart: function (x, t, b, c, d) {
|
||||||
|
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||||
|
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||||
|
},
|
||||||
|
easeInQuint: function (x, t, b, c, d) {
|
||||||
|
return c*(t/=d)*t*t*t*t + b;
|
||||||
|
},
|
||||||
|
easeOutQuint: function (x, t, b, c, d) {
|
||||||
|
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||||
|
},
|
||||||
|
easeInOutQuint: function (x, t, b, c, d) {
|
||||||
|
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||||
|
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||||
|
},
|
||||||
|
easeInSine: function (x, t, b, c, d) {
|
||||||
|
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||||
|
},
|
||||||
|
easeOutSine: function (x, t, b, c, d) {
|
||||||
|
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||||
|
},
|
||||||
|
easeInOutSine: function (x, t, b, c, d) {
|
||||||
|
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||||
|
},
|
||||||
|
easeInExpo: function (x, t, b, c, d) {
|
||||||
|
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||||
|
},
|
||||||
|
easeOutExpo: function (x, t, b, c, d) {
|
||||||
|
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||||
|
},
|
||||||
|
easeInOutExpo: function (x, t, b, c, d) {
|
||||||
|
if (t==0) return b;
|
||||||
|
if (t==d) return b+c;
|
||||||
|
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||||
|
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||||
|
},
|
||||||
|
easeInCirc: function (x, t, b, c, d) {
|
||||||
|
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||||
|
},
|
||||||
|
easeOutCirc: function (x, t, b, c, d) {
|
||||||
|
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||||
|
},
|
||||||
|
easeInOutCirc: function (x, t, b, c, d) {
|
||||||
|
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||||
|
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||||
|
},
|
||||||
|
easeInElastic: function (x, t, b, c, d) {
|
||||||
|
var s=1.70158;var p=0;var a=c;
|
||||||
|
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||||
|
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||||
|
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||||
|
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||||
|
},
|
||||||
|
easeOutElastic: function (x, t, b, c, d) {
|
||||||
|
var s=1.70158;var p=0;var a=c;
|
||||||
|
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||||
|
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||||
|
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||||
|
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||||
|
},
|
||||||
|
easeInOutElastic: function (x, t, b, c, d) {
|
||||||
|
var s=1.70158;var p=0;var a=c;
|
||||||
|
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||||
|
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||||
|
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||||
|
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||||
|
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||||
|
},
|
||||||
|
easeInBack: function (x, t, b, c, d, s) {
|
||||||
|
if (s == undefined) s = 1.70158;
|
||||||
|
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||||
|
},
|
||||||
|
easeOutBack: function (x, t, b, c, d, s) {
|
||||||
|
if (s == undefined) s = 1.70158;
|
||||||
|
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||||
|
},
|
||||||
|
easeInOutBack: function (x, t, b, c, d, s) {
|
||||||
|
if (s == undefined) s = 1.70158;
|
||||||
|
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||||
|
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||||
|
},
|
||||||
|
easeInBounce: function (x, t, b, c, d) {
|
||||||
|
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||||
|
},
|
||||||
|
easeOutBounce: function (x, t, b, c, d) {
|
||||||
|
if ((t/=d) < (1/2.75)) {
|
||||||
|
return c*(7.5625*t*t) + b;
|
||||||
|
} else if (t < (2/2.75)) {
|
||||||
|
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||||
|
} else if (t < (2.5/2.75)) {
|
||||||
|
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||||
|
} else {
|
||||||
|
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
easeInOutBounce: function (x, t, b, c, d) {
|
||||||
|
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||||
|
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
*
|
||||||
|
* TERMS OF USE - EASING EQUATIONS
|
||||||
|
*
|
||||||
|
* Open source under the BSD License.
|
||||||
|
*
|
||||||
|
* Copyright © 2001 Robert Penner
|
||||||
|
* All rights reserved.
|
||||||
|
*
|
||||||
|
* Redistribution and use in source and binary forms, with or without modification,
|
||||||
|
* are permitted provided that the following conditions are met:
|
||||||
|
*
|
||||||
|
* Redistributions of source code must retain the above copyright notice, this list of
|
||||||
|
* conditions and the following disclaimer.
|
||||||
|
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||||
|
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||||
|
* provided with the distribution.
|
||||||
|
*
|
||||||
|
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||||
|
* or promote products derived from this software without specific prior written permission.
|
||||||
|
*
|
||||||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||||
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||||
|
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||||
|
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||||
|
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||||
|
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||||
|
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||||
|
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||||
|
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
*
|
||||||
|
*/
|
13
static/main/js/jquery.fancybox.min.js
vendored
Normal file
4
static/main/js/jquery.magnific-popup.min.js
vendored
Normal file
2
static/main/js/jquery.stellar.min.js
vendored
Normal file
288
static/main/js/jquery.sticky.js
Normal file
@ -0,0 +1,288 @@
|
|||||||
|
// Sticky Plugin v1.0.4 for jQuery
|
||||||
|
// =============
|
||||||
|
// Author: Anthony Garand
|
||||||
|
// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
|
||||||
|
// Improvements by Leonardo C. Daronco (daronco)
|
||||||
|
// Created: 02/14/2011
|
||||||
|
// Date: 07/20/2015
|
||||||
|
// Website: http://stickyjs.com/
|
||||||
|
// Description: Makes an element on the page stick on the screen as you scroll
|
||||||
|
// It will only set the 'top' and 'position' of your element, you
|
||||||
|
// might need to adjust the width in some cases.
|
||||||
|
|
||||||
|
(function (factory) {
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module.
|
||||||
|
define(['jquery'], factory);
|
||||||
|
} else if (typeof module === 'object' && module.exports) {
|
||||||
|
// Node/CommonJS
|
||||||
|
module.exports = factory(require('jquery'));
|
||||||
|
} else {
|
||||||
|
// Browser globals
|
||||||
|
factory(jQuery);
|
||||||
|
}
|
||||||
|
}(function ($) {
|
||||||
|
var slice = Array.prototype.slice; // save ref to original slice()
|
||||||
|
var splice = Array.prototype.splice; // save ref to original slice()
|
||||||
|
|
||||||
|
var defaults = {
|
||||||
|
topSpacing: 0,
|
||||||
|
bottomSpacing: 0,
|
||||||
|
className: 'is-sticky',
|
||||||
|
wrapperClassName: 'sticky-wrapper',
|
||||||
|
center: false,
|
||||||
|
getWidthFrom: '',
|
||||||
|
widthFromWrapper: true, // works only when .getWidthFrom is empty
|
||||||
|
responsiveWidth: false,
|
||||||
|
zIndex: 'inherit'
|
||||||
|
},
|
||||||
|
$window = $(window),
|
||||||
|
$document = $(document),
|
||||||
|
sticked = [],
|
||||||
|
windowHeight = $window.height(),
|
||||||
|
scroller = function() {
|
||||||
|
var scrollTop = $window.scrollTop(),
|
||||||
|
documentHeight = $document.height(),
|
||||||
|
dwh = documentHeight - windowHeight,
|
||||||
|
extra = (scrollTop > dwh) ? dwh - scrollTop : 0;
|
||||||
|
|
||||||
|
for (var i = 0, l = sticked.length; i < l; i++) {
|
||||||
|
var s = sticked[i],
|
||||||
|
elementTop = s.stickyWrapper.offset().top,
|
||||||
|
etse = elementTop - s.topSpacing - extra;
|
||||||
|
|
||||||
|
//update height in case of dynamic content
|
||||||
|
s.stickyWrapper.css('height', s.stickyElement.outerHeight());
|
||||||
|
|
||||||
|
if (scrollTop <= etse) {
|
||||||
|
if (s.currentTop !== null) {
|
||||||
|
s.stickyElement
|
||||||
|
.css({
|
||||||
|
'width': '',
|
||||||
|
'position': '',
|
||||||
|
'top': '',
|
||||||
|
'z-index': ''
|
||||||
|
});
|
||||||
|
s.stickyElement.parent().removeClass(s.className);
|
||||||
|
s.stickyElement.trigger('sticky-end', [s]);
|
||||||
|
s.currentTop = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var newTop = documentHeight - s.stickyElement.outerHeight()
|
||||||
|
- s.topSpacing - s.bottomSpacing - scrollTop - extra;
|
||||||
|
if (newTop < 0) {
|
||||||
|
newTop = newTop + s.topSpacing;
|
||||||
|
} else {
|
||||||
|
newTop = s.topSpacing;
|
||||||
|
}
|
||||||
|
if (s.currentTop !== newTop) {
|
||||||
|
var newWidth;
|
||||||
|
if (s.getWidthFrom) {
|
||||||
|
padding = s.stickyElement.innerWidth() - s.stickyElement.width();
|
||||||
|
newWidth = $(s.getWidthFrom).width() - padding || null;
|
||||||
|
} else if (s.widthFromWrapper) {
|
||||||
|
newWidth = s.stickyWrapper.width();
|
||||||
|
}
|
||||||
|
if (newWidth == null) {
|
||||||
|
newWidth = s.stickyElement.width();
|
||||||
|
}
|
||||||
|
s.stickyElement
|
||||||
|
.css('width', newWidth)
|
||||||
|
.css('position', 'fixed')
|
||||||
|
.css('top', newTop)
|
||||||
|
.css('z-index', s.zIndex);
|
||||||
|
|
||||||
|
s.stickyElement.parent().addClass(s.className);
|
||||||
|
|
||||||
|
if (s.currentTop === null) {
|
||||||
|
s.stickyElement.trigger('sticky-start', [s]);
|
||||||
|
} else {
|
||||||
|
// sticky is started but it have to be repositioned
|
||||||
|
s.stickyElement.trigger('sticky-update', [s]);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
|
||||||
|
// just reached bottom || just started to stick but bottom is already reached
|
||||||
|
s.stickyElement.trigger('sticky-bottom-reached', [s]);
|
||||||
|
} else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
|
||||||
|
// sticky is started && sticked at topSpacing && overflowing from top just finished
|
||||||
|
s.stickyElement.trigger('sticky-bottom-unreached', [s]);
|
||||||
|
}
|
||||||
|
|
||||||
|
s.currentTop = newTop;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if sticky has reached end of container and stop sticking
|
||||||
|
var stickyWrapperContainer = s.stickyWrapper.parent();
|
||||||
|
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
|
||||||
|
|
||||||
|
if( unstick ) {
|
||||||
|
s.stickyElement
|
||||||
|
.css('position', 'absolute')
|
||||||
|
.css('top', '')
|
||||||
|
.css('bottom', 0)
|
||||||
|
.css('z-index', '');
|
||||||
|
} else {
|
||||||
|
s.stickyElement
|
||||||
|
.css('position', 'fixed')
|
||||||
|
.css('top', newTop)
|
||||||
|
.css('bottom', '')
|
||||||
|
.css('z-index', s.zIndex);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resizer = function() {
|
||||||
|
windowHeight = $window.height();
|
||||||
|
|
||||||
|
for (var i = 0, l = sticked.length; i < l; i++) {
|
||||||
|
var s = sticked[i];
|
||||||
|
var newWidth = null;
|
||||||
|
if (s.getWidthFrom) {
|
||||||
|
if (s.responsiveWidth) {
|
||||||
|
newWidth = $(s.getWidthFrom).width();
|
||||||
|
}
|
||||||
|
} else if(s.widthFromWrapper) {
|
||||||
|
newWidth = s.stickyWrapper.width();
|
||||||
|
}
|
||||||
|
if (newWidth != null) {
|
||||||
|
s.stickyElement.css('width', newWidth);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods = {
|
||||||
|
init: function(options) {
|
||||||
|
return this.each(function() {
|
||||||
|
var o = $.extend({}, defaults, options);
|
||||||
|
var stickyElement = $(this);
|
||||||
|
|
||||||
|
var stickyId = stickyElement.attr('id');
|
||||||
|
var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName;
|
||||||
|
var wrapper = $('<div></div>')
|
||||||
|
.attr('id', wrapperId)
|
||||||
|
.addClass(o.wrapperClassName);
|
||||||
|
|
||||||
|
stickyElement.wrapAll(function() {
|
||||||
|
if ($(this).parent("#" + wrapperId).length == 0) {
|
||||||
|
return wrapper;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var stickyWrapper = stickyElement.parent();
|
||||||
|
|
||||||
|
if (o.center) {
|
||||||
|
stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (stickyElement.css("float") === "right") {
|
||||||
|
stickyElement.css({"float":"none"}).parent().css({"float":"right"});
|
||||||
|
}
|
||||||
|
|
||||||
|
o.stickyElement = stickyElement;
|
||||||
|
o.stickyWrapper = stickyWrapper;
|
||||||
|
o.currentTop = null;
|
||||||
|
|
||||||
|
sticked.push(o);
|
||||||
|
|
||||||
|
methods.setWrapperHeight(this);
|
||||||
|
methods.setupChangeListeners(this);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
setWrapperHeight: function(stickyElement) {
|
||||||
|
var element = $(stickyElement);
|
||||||
|
var stickyWrapper = element.parent();
|
||||||
|
if (stickyWrapper) {
|
||||||
|
stickyWrapper.css('height', element.outerHeight());
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
setupChangeListeners: function(stickyElement) {
|
||||||
|
if (window.MutationObserver) {
|
||||||
|
var mutationObserver = new window.MutationObserver(function(mutations) {
|
||||||
|
if (mutations[0].addedNodes.length || mutations[0].removedNodes.length) {
|
||||||
|
methods.setWrapperHeight(stickyElement);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
mutationObserver.observe(stickyElement, {subtree: true, childList: true});
|
||||||
|
} else {
|
||||||
|
if (window.addEventListener) {
|
||||||
|
stickyElement.addEventListener('DOMNodeInserted', function() {
|
||||||
|
methods.setWrapperHeight(stickyElement);
|
||||||
|
}, false);
|
||||||
|
stickyElement.addEventListener('DOMNodeRemoved', function() {
|
||||||
|
methods.setWrapperHeight(stickyElement);
|
||||||
|
}, false);
|
||||||
|
} else if (window.attachEvent) {
|
||||||
|
stickyElement.attachEvent('onDOMNodeInserted', function() {
|
||||||
|
methods.setWrapperHeight(stickyElement);
|
||||||
|
});
|
||||||
|
stickyElement.attachEvent('onDOMNodeRemoved', function() {
|
||||||
|
methods.setWrapperHeight(stickyElement);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
update: scroller,
|
||||||
|
unstick: function(options) {
|
||||||
|
return this.each(function() {
|
||||||
|
var that = this;
|
||||||
|
var unstickyElement = $(that);
|
||||||
|
|
||||||
|
var removeIdx = -1;
|
||||||
|
var i = sticked.length;
|
||||||
|
while (i-- > 0) {
|
||||||
|
if (sticked[i].stickyElement.get(0) === that) {
|
||||||
|
splice.call(sticked,i,1);
|
||||||
|
removeIdx = i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(removeIdx !== -1) {
|
||||||
|
unstickyElement.unwrap();
|
||||||
|
unstickyElement
|
||||||
|
.css({
|
||||||
|
'width': '',
|
||||||
|
'position': '',
|
||||||
|
'top': '',
|
||||||
|
'float': '',
|
||||||
|
'z-index': ''
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
|
||||||
|
if (window.addEventListener) {
|
||||||
|
window.addEventListener('scroll', scroller, false);
|
||||||
|
window.addEventListener('resize', resizer, false);
|
||||||
|
} else if (window.attachEvent) {
|
||||||
|
window.attachEvent('onscroll', scroller);
|
||||||
|
window.attachEvent('onresize', resizer);
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.sticky = function(method) {
|
||||||
|
if (methods[method]) {
|
||||||
|
return methods[method].apply(this, slice.call(arguments, 1));
|
||||||
|
} else if (typeof method === 'object' || !method ) {
|
||||||
|
return methods.init.apply( this, arguments );
|
||||||
|
} else {
|
||||||
|
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.unstick = function(method) {
|
||||||
|
if (methods[method]) {
|
||||||
|
return methods[method].apply(this, slice.call(arguments, 1));
|
||||||
|
} else if (typeof method === 'object' || !method ) {
|
||||||
|
return methods.unstick.apply( this, arguments );
|
||||||
|
} else {
|
||||||
|
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
$(function() {
|
||||||
|
setTimeout(scroller, 0);
|
||||||
|
});
|
||||||
|
}));
|
282
static/main/js/main.js
Normal file
@ -0,0 +1,282 @@
|
|||||||
|
AOS.init({
|
||||||
|
duration: 800,
|
||||||
|
easing: 'slide',
|
||||||
|
once: false
|
||||||
|
});
|
||||||
|
|
||||||
|
jQuery(document).ready(function($) {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
|
||||||
|
$(".loader").delay(200).fadeOut("slow");
|
||||||
|
$("#overlayer").delay(200).fadeOut("slow");
|
||||||
|
|
||||||
|
|
||||||
|
var siteMenuClone = function() {
|
||||||
|
|
||||||
|
$('.js-clone-nav').each(function() {
|
||||||
|
var $this = $(this);
|
||||||
|
$this.clone().attr('class', 'site-nav-wrap').appendTo('.site-mobile-menu-body');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
|
||||||
|
var counter = 0;
|
||||||
|
$('.site-mobile-menu .has-children').each(function(){
|
||||||
|
var $this = $(this);
|
||||||
|
|
||||||
|
$this.prepend('<span class="arrow-collapse collapsed">');
|
||||||
|
|
||||||
|
$this.find('.arrow-collapse').attr({
|
||||||
|
'data-toggle' : 'collapse',
|
||||||
|
'data-target' : '#collapseItem' + counter,
|
||||||
|
});
|
||||||
|
|
||||||
|
$this.find('> ul').attr({
|
||||||
|
'class' : 'collapse',
|
||||||
|
'id' : 'collapseItem' + counter,
|
||||||
|
});
|
||||||
|
|
||||||
|
counter++;
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
|
$('body').on('click', '.arrow-collapse', function(e) {
|
||||||
|
var $this = $(this);
|
||||||
|
if ( $this.closest('li').find('.collapse').hasClass('show') ) {
|
||||||
|
$this.removeClass('active');
|
||||||
|
} else {
|
||||||
|
$this.addClass('active');
|
||||||
|
}
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).resize(function() {
|
||||||
|
var $this = $(this),
|
||||||
|
w = $this.width();
|
||||||
|
|
||||||
|
if ( w > 768 ) {
|
||||||
|
if ( $('body').hasClass('offcanvas-menu') ) {
|
||||||
|
$('body').removeClass('offcanvas-menu');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
$('body').on('click', '.js-menu-toggle', function(e) {
|
||||||
|
var $this = $(this);
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
if ( $('body').hasClass('offcanvas-menu') ) {
|
||||||
|
$('body').removeClass('offcanvas-menu');
|
||||||
|
$this.removeClass('active');
|
||||||
|
} else {
|
||||||
|
$('body').addClass('offcanvas-menu');
|
||||||
|
$this.addClass('active');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// click outisde offcanvas
|
||||||
|
$(document).mouseup(function(e) {
|
||||||
|
var container = $(".site-mobile-menu");
|
||||||
|
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
||||||
|
if ( $('body').hasClass('offcanvas-menu') ) {
|
||||||
|
$('body').removeClass('offcanvas-menu');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
siteMenuClone();
|
||||||
|
|
||||||
|
|
||||||
|
var sitePlusMinus = function() {
|
||||||
|
$('.js-btn-minus').on('click', function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
if ( $(this).closest('.input-group').find('.form-control').val() != 0 ) {
|
||||||
|
$(this).closest('.input-group').find('.form-control').val(parseInt($(this).closest('.input-group').find('.form-control').val()) - 1);
|
||||||
|
} else {
|
||||||
|
$(this).closest('.input-group').find('.form-control').val(parseInt(0));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$('.js-btn-plus').on('click', function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$(this).closest('.input-group').find('.form-control').val(parseInt($(this).closest('.input-group').find('.form-control').val()) + 1);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// sitePlusMinus();
|
||||||
|
|
||||||
|
|
||||||
|
var siteSliderRange = function() {
|
||||||
|
$( "#slider-range" ).slider({
|
||||||
|
range: true,
|
||||||
|
min: 0,
|
||||||
|
max: 500,
|
||||||
|
values: [ 75, 300 ],
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
|
||||||
|
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
|
||||||
|
};
|
||||||
|
// siteSliderRange();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var siteCarousel = function () {
|
||||||
|
if ( $('.nonloop-block-13').length > 0 ) {
|
||||||
|
$('.nonloop-block-13').owlCarousel({
|
||||||
|
center: false,
|
||||||
|
items: 1,
|
||||||
|
loop: true,
|
||||||
|
stagePadding: 0,
|
||||||
|
margin: 0,
|
||||||
|
autoplay: true,
|
||||||
|
nav: true,
|
||||||
|
navText: ['<span class="icon-arrow_back">', '<span class="icon-arrow_forward">'],
|
||||||
|
responsive:{
|
||||||
|
600:{
|
||||||
|
margin: 0,
|
||||||
|
nav: true,
|
||||||
|
items: 2
|
||||||
|
},
|
||||||
|
1000:{
|
||||||
|
margin: 0,
|
||||||
|
stagePadding: 0,
|
||||||
|
nav: true,
|
||||||
|
items: 3
|
||||||
|
},
|
||||||
|
1200:{
|
||||||
|
margin: 0,
|
||||||
|
stagePadding: 0,
|
||||||
|
nav: true,
|
||||||
|
items: 4
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.slide-one-item').owlCarousel({
|
||||||
|
center: false,
|
||||||
|
items: 1,
|
||||||
|
loop: true,
|
||||||
|
stagePadding: 0,
|
||||||
|
margin: 0,
|
||||||
|
smartSpeed: 1000,
|
||||||
|
autoplay: true,
|
||||||
|
pauseOnHover: false,
|
||||||
|
autoHeight: true,
|
||||||
|
nav: false,
|
||||||
|
navText: ['<span class="icon-keyboard_arrow_left">', '<span class="icon-keyboard_arrow_right">']
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
siteCarousel();
|
||||||
|
|
||||||
|
var siteStellar = function() {
|
||||||
|
$(window).stellar({
|
||||||
|
responsive: false,
|
||||||
|
parallaxBackgrounds: true,
|
||||||
|
parallaxElements: true,
|
||||||
|
horizontalScrolling: false,
|
||||||
|
hideDistantElements: false,
|
||||||
|
scrollProperty: 'scroll'
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// siteStellar();
|
||||||
|
|
||||||
|
|
||||||
|
var siteDatePicker = function() {
|
||||||
|
|
||||||
|
if ( $('.datepicker').length > 0 ) {
|
||||||
|
$('.datepicker').datepicker();
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
siteDatePicker();
|
||||||
|
|
||||||
|
var siteSticky = function() {
|
||||||
|
$(".js-sticky-header").sticky({topSpacing:0});
|
||||||
|
};
|
||||||
|
siteSticky();
|
||||||
|
|
||||||
|
// navigation
|
||||||
|
var OnePageNavigation = function() {
|
||||||
|
var navToggler = $('.site-menu-toggle');
|
||||||
|
$("body").on("click", ".main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var hash = this.hash;
|
||||||
|
|
||||||
|
$('html, body').animate({
|
||||||
|
'scrollTop': $(hash).offset().top
|
||||||
|
}, 600, 'easeInOutExpo', function(){
|
||||||
|
window.location.hash = hash;
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
};
|
||||||
|
OnePageNavigation();
|
||||||
|
|
||||||
|
var siteScroll = function() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$(window).scroll(function() {
|
||||||
|
|
||||||
|
var st = $(this).scrollTop();
|
||||||
|
|
||||||
|
if (st > 100) {
|
||||||
|
$('.js-sticky-header').addClass('shrink');
|
||||||
|
} else {
|
||||||
|
$('.js-sticky-header').removeClass('shrink');
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
};
|
||||||
|
siteScroll();
|
||||||
|
|
||||||
|
|
||||||
|
var siteIstotope = function() {
|
||||||
|
/* activate jquery isotope */
|
||||||
|
var $container = $('#posts').isotope({
|
||||||
|
itemSelector : '.item',
|
||||||
|
isFitWidth: true
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).resize(function(){
|
||||||
|
$container.isotope({
|
||||||
|
columnWidth: '.col-sm-3'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
$container.isotope({ filter: '*' });
|
||||||
|
|
||||||
|
// filter items on button click
|
||||||
|
$('#filters').on( 'click', 'button', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var filterValue = $(this).attr('data-filter');
|
||||||
|
$container.isotope({ filter: filterValue });
|
||||||
|
$('#filters button').removeClass('active');
|
||||||
|
$(this).addClass('active');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
siteIstotope();
|
||||||
|
|
||||||
|
|
||||||
|
$('.fancybox').on('click', function() {
|
||||||
|
var visibleLinks = $('.fancybox');
|
||||||
|
|
||||||
|
$.fancybox.open( visibleLinks, {}, visibleLinks.index( this ) );
|
||||||
|
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
12
static/main/js/mediaelement-and-player.min.js
vendored
Normal file
7
static/main/js/owl.carousel.min.js
vendored
Normal file
5
static/main/js/popper.min.js
vendored
Normal file
1
static/main/js/slick.min.js
vendored
Normal file
11
static/main/js/typed.js
Normal file
494
static/main/prepros-6.config
Normal file
@ -0,0 +1,494 @@
|
|||||||
|
{
|
||||||
|
"name": "services",
|
||||||
|
"firstRun": false,
|
||||||
|
"exportConfig": true,
|
||||||
|
"fileConfigs": [],
|
||||||
|
"fileTree": {
|
||||||
|
"expandedDirs": [],
|
||||||
|
"hideSystemFiles": true,
|
||||||
|
"systemFiles": [
|
||||||
|
".*",
|
||||||
|
"desktop.ini",
|
||||||
|
"prepros.config",
|
||||||
|
"$RECYCLE.BIN",
|
||||||
|
"prepros.cfg",
|
||||||
|
"prepros-6.config",
|
||||||
|
"Prepros Export"
|
||||||
|
],
|
||||||
|
"hideUnwatchedFiles": false
|
||||||
|
},
|
||||||
|
"imports": [
|
||||||
|
{
|
||||||
|
"path": "scss/style.scss",
|
||||||
|
"imports": [
|
||||||
|
"scss/bootstrap/_functions.scss",
|
||||||
|
"scss/bootstrap/_variables.scss",
|
||||||
|
"scss/bootstrap/_mixins.scss",
|
||||||
|
"scss/_site-base.scss",
|
||||||
|
"scss/_site-navbar.scss",
|
||||||
|
"scss/_site-blocks.scss",
|
||||||
|
"scss/bootstrap/vendor/_rfs.scss",
|
||||||
|
"scss/bootstrap/mixins/_deprecate.scss",
|
||||||
|
"scss/bootstrap/mixins/_breakpoints.scss",
|
||||||
|
"scss/bootstrap/mixins/_hover.scss",
|
||||||
|
"scss/bootstrap/mixins/_image.scss",
|
||||||
|
"scss/bootstrap/mixins/_badge.scss",
|
||||||
|
"scss/bootstrap/mixins/_resize.scss",
|
||||||
|
"scss/bootstrap/mixins/_screen-reader.scss",
|
||||||
|
"scss/bootstrap/mixins/_size.scss",
|
||||||
|
"scss/bootstrap/mixins/_reset-text.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-emphasis.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-hide.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-truncate.scss",
|
||||||
|
"scss/bootstrap/mixins/_visibility.scss",
|
||||||
|
"scss/bootstrap/mixins/_alert.scss",
|
||||||
|
"scss/bootstrap/mixins/_buttons.scss",
|
||||||
|
"scss/bootstrap/mixins/_caret.scss",
|
||||||
|
"scss/bootstrap/mixins/_pagination.scss",
|
||||||
|
"scss/bootstrap/mixins/_lists.scss",
|
||||||
|
"scss/bootstrap/mixins/_list-group.scss",
|
||||||
|
"scss/bootstrap/mixins/_nav-divider.scss",
|
||||||
|
"scss/bootstrap/mixins/_forms.scss",
|
||||||
|
"scss/bootstrap/mixins/_table-row.scss",
|
||||||
|
"scss/bootstrap/mixins/_background-variant.scss",
|
||||||
|
"scss/bootstrap/mixins/_border-radius.scss",
|
||||||
|
"scss/bootstrap/mixins/_box-shadow.scss",
|
||||||
|
"scss/bootstrap/mixins/_gradients.scss",
|
||||||
|
"scss/bootstrap/mixins/_transition.scss",
|
||||||
|
"scss/bootstrap/mixins/_clearfix.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid-framework.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid.scss",
|
||||||
|
"scss/bootstrap/mixins/_float.scss"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "scss/bootstrap/_mixins.scss",
|
||||||
|
"imports": [
|
||||||
|
"scss/bootstrap/vendor/_rfs.scss",
|
||||||
|
"scss/bootstrap/mixins/_deprecate.scss",
|
||||||
|
"scss/bootstrap/mixins/_breakpoints.scss",
|
||||||
|
"scss/bootstrap/mixins/_hover.scss",
|
||||||
|
"scss/bootstrap/mixins/_image.scss",
|
||||||
|
"scss/bootstrap/mixins/_badge.scss",
|
||||||
|
"scss/bootstrap/mixins/_resize.scss",
|
||||||
|
"scss/bootstrap/mixins/_screen-reader.scss",
|
||||||
|
"scss/bootstrap/mixins/_size.scss",
|
||||||
|
"scss/bootstrap/mixins/_reset-text.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-emphasis.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-hide.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-truncate.scss",
|
||||||
|
"scss/bootstrap/mixins/_visibility.scss",
|
||||||
|
"scss/bootstrap/mixins/_alert.scss",
|
||||||
|
"scss/bootstrap/mixins/_buttons.scss",
|
||||||
|
"scss/bootstrap/mixins/_caret.scss",
|
||||||
|
"scss/bootstrap/mixins/_pagination.scss",
|
||||||
|
"scss/bootstrap/mixins/_lists.scss",
|
||||||
|
"scss/bootstrap/mixins/_list-group.scss",
|
||||||
|
"scss/bootstrap/mixins/_nav-divider.scss",
|
||||||
|
"scss/bootstrap/mixins/_forms.scss",
|
||||||
|
"scss/bootstrap/mixins/_table-row.scss",
|
||||||
|
"scss/bootstrap/mixins/_background-variant.scss",
|
||||||
|
"scss/bootstrap/mixins/_border-radius.scss",
|
||||||
|
"scss/bootstrap/mixins/_box-shadow.scss",
|
||||||
|
"scss/bootstrap/mixins/_gradients.scss",
|
||||||
|
"scss/bootstrap/mixins/_transition.scss",
|
||||||
|
"scss/bootstrap/mixins/_clearfix.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid-framework.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid.scss",
|
||||||
|
"scss/bootstrap/mixins/_float.scss"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "scss/bootstrap/_utilities.scss",
|
||||||
|
"imports": [
|
||||||
|
"scss/bootstrap/utilities/_align.scss",
|
||||||
|
"scss/bootstrap/utilities/_background.scss",
|
||||||
|
"scss/bootstrap/utilities/_borders.scss",
|
||||||
|
"scss/bootstrap/utilities/_clearfix.scss",
|
||||||
|
"scss/bootstrap/utilities/_display.scss",
|
||||||
|
"scss/bootstrap/utilities/_embed.scss",
|
||||||
|
"scss/bootstrap/utilities/_flex.scss",
|
||||||
|
"scss/bootstrap/utilities/_float.scss",
|
||||||
|
"scss/bootstrap/utilities/_overflow.scss",
|
||||||
|
"scss/bootstrap/utilities/_position.scss",
|
||||||
|
"scss/bootstrap/utilities/_screenreaders.scss",
|
||||||
|
"scss/bootstrap/utilities/_shadows.scss",
|
||||||
|
"scss/bootstrap/utilities/_sizing.scss",
|
||||||
|
"scss/bootstrap/utilities/_stretched-link.scss",
|
||||||
|
"scss/bootstrap/utilities/_spacing.scss",
|
||||||
|
"scss/bootstrap/utilities/_text.scss",
|
||||||
|
"scss/bootstrap/utilities/_visibility.scss"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "scss/bootstrap/bootstrap-grid.scss",
|
||||||
|
"imports": [
|
||||||
|
"scss/bootstrap/_functions.scss",
|
||||||
|
"scss/bootstrap/_variables.scss",
|
||||||
|
"scss/bootstrap/mixins/_breakpoints.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid-framework.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid.scss",
|
||||||
|
"scss/bootstrap/_grid.scss",
|
||||||
|
"scss/bootstrap/utilities/_display.scss",
|
||||||
|
"scss/bootstrap/utilities/_flex.scss",
|
||||||
|
"scss/bootstrap/utilities/_spacing.scss"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "scss/bootstrap/bootstrap-reboot.scss",
|
||||||
|
"imports": [
|
||||||
|
"scss/bootstrap/_functions.scss",
|
||||||
|
"scss/bootstrap/_variables.scss",
|
||||||
|
"scss/bootstrap/_mixins.scss",
|
||||||
|
"scss/bootstrap/_reboot.scss",
|
||||||
|
"scss/bootstrap/vendor/_rfs.scss",
|
||||||
|
"scss/bootstrap/mixins/_deprecate.scss",
|
||||||
|
"scss/bootstrap/mixins/_breakpoints.scss",
|
||||||
|
"scss/bootstrap/mixins/_hover.scss",
|
||||||
|
"scss/bootstrap/mixins/_image.scss",
|
||||||
|
"scss/bootstrap/mixins/_badge.scss",
|
||||||
|
"scss/bootstrap/mixins/_resize.scss",
|
||||||
|
"scss/bootstrap/mixins/_screen-reader.scss",
|
||||||
|
"scss/bootstrap/mixins/_size.scss",
|
||||||
|
"scss/bootstrap/mixins/_reset-text.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-emphasis.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-hide.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-truncate.scss",
|
||||||
|
"scss/bootstrap/mixins/_visibility.scss",
|
||||||
|
"scss/bootstrap/mixins/_alert.scss",
|
||||||
|
"scss/bootstrap/mixins/_buttons.scss",
|
||||||
|
"scss/bootstrap/mixins/_caret.scss",
|
||||||
|
"scss/bootstrap/mixins/_pagination.scss",
|
||||||
|
"scss/bootstrap/mixins/_lists.scss",
|
||||||
|
"scss/bootstrap/mixins/_list-group.scss",
|
||||||
|
"scss/bootstrap/mixins/_nav-divider.scss",
|
||||||
|
"scss/bootstrap/mixins/_forms.scss",
|
||||||
|
"scss/bootstrap/mixins/_table-row.scss",
|
||||||
|
"scss/bootstrap/mixins/_background-variant.scss",
|
||||||
|
"scss/bootstrap/mixins/_border-radius.scss",
|
||||||
|
"scss/bootstrap/mixins/_box-shadow.scss",
|
||||||
|
"scss/bootstrap/mixins/_gradients.scss",
|
||||||
|
"scss/bootstrap/mixins/_transition.scss",
|
||||||
|
"scss/bootstrap/mixins/_clearfix.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid-framework.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid.scss",
|
||||||
|
"scss/bootstrap/mixins/_float.scss"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "scss/bootstrap/bootstrap.scss",
|
||||||
|
"imports": [
|
||||||
|
"scss/bootstrap/_functions.scss",
|
||||||
|
"scss/bootstrap/_variables.scss",
|
||||||
|
"scss/bootstrap/_mixins.scss",
|
||||||
|
"scss/bootstrap/_root.scss",
|
||||||
|
"scss/bootstrap/_reboot.scss",
|
||||||
|
"scss/bootstrap/_type.scss",
|
||||||
|
"scss/bootstrap/_images.scss",
|
||||||
|
"scss/bootstrap/_code.scss",
|
||||||
|
"scss/bootstrap/_grid.scss",
|
||||||
|
"scss/bootstrap/_tables.scss",
|
||||||
|
"scss/bootstrap/_forms.scss",
|
||||||
|
"scss/bootstrap/_buttons.scss",
|
||||||
|
"scss/bootstrap/_transitions.scss",
|
||||||
|
"scss/bootstrap/_dropdown.scss",
|
||||||
|
"scss/bootstrap/_button-group.scss",
|
||||||
|
"scss/bootstrap/_input-group.scss",
|
||||||
|
"scss/bootstrap/_custom-forms.scss",
|
||||||
|
"scss/bootstrap/_nav.scss",
|
||||||
|
"scss/bootstrap/_navbar.scss",
|
||||||
|
"scss/bootstrap/_card.scss",
|
||||||
|
"scss/bootstrap/_breadcrumb.scss",
|
||||||
|
"scss/bootstrap/_pagination.scss",
|
||||||
|
"scss/bootstrap/_badge.scss",
|
||||||
|
"scss/bootstrap/_jumbotron.scss",
|
||||||
|
"scss/bootstrap/_alert.scss",
|
||||||
|
"scss/bootstrap/_progress.scss",
|
||||||
|
"scss/bootstrap/_media.scss",
|
||||||
|
"scss/bootstrap/_list-group.scss",
|
||||||
|
"scss/bootstrap/_close.scss",
|
||||||
|
"scss/bootstrap/_toasts.scss",
|
||||||
|
"scss/bootstrap/_modal.scss",
|
||||||
|
"scss/bootstrap/_tooltip.scss",
|
||||||
|
"scss/bootstrap/_popover.scss",
|
||||||
|
"scss/bootstrap/_carousel.scss",
|
||||||
|
"scss/bootstrap/_spinners.scss",
|
||||||
|
"scss/bootstrap/_utilities.scss",
|
||||||
|
"scss/bootstrap/_print.scss",
|
||||||
|
"scss/bootstrap/vendor/_rfs.scss",
|
||||||
|
"scss/bootstrap/mixins/_deprecate.scss",
|
||||||
|
"scss/bootstrap/mixins/_breakpoints.scss",
|
||||||
|
"scss/bootstrap/mixins/_hover.scss",
|
||||||
|
"scss/bootstrap/mixins/_image.scss",
|
||||||
|
"scss/bootstrap/mixins/_badge.scss",
|
||||||
|
"scss/bootstrap/mixins/_resize.scss",
|
||||||
|
"scss/bootstrap/mixins/_screen-reader.scss",
|
||||||
|
"scss/bootstrap/mixins/_size.scss",
|
||||||
|
"scss/bootstrap/mixins/_reset-text.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-emphasis.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-hide.scss",
|
||||||
|
"scss/bootstrap/mixins/_text-truncate.scss",
|
||||||
|
"scss/bootstrap/mixins/_visibility.scss",
|
||||||
|
"scss/bootstrap/mixins/_alert.scss",
|
||||||
|
"scss/bootstrap/mixins/_buttons.scss",
|
||||||
|
"scss/bootstrap/mixins/_caret.scss",
|
||||||
|
"scss/bootstrap/mixins/_pagination.scss",
|
||||||
|
"scss/bootstrap/mixins/_lists.scss",
|
||||||
|
"scss/bootstrap/mixins/_list-group.scss",
|
||||||
|
"scss/bootstrap/mixins/_nav-divider.scss",
|
||||||
|
"scss/bootstrap/mixins/_forms.scss",
|
||||||
|
"scss/bootstrap/mixins/_table-row.scss",
|
||||||
|
"scss/bootstrap/mixins/_background-variant.scss",
|
||||||
|
"scss/bootstrap/mixins/_border-radius.scss",
|
||||||
|
"scss/bootstrap/mixins/_box-shadow.scss",
|
||||||
|
"scss/bootstrap/mixins/_gradients.scss",
|
||||||
|
"scss/bootstrap/mixins/_transition.scss",
|
||||||
|
"scss/bootstrap/mixins/_clearfix.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid-framework.scss",
|
||||||
|
"scss/bootstrap/mixins/_grid.scss",
|
||||||
|
"scss/bootstrap/mixins/_float.scss",
|
||||||
|
"scss/bootstrap/utilities/_align.scss",
|
||||||
|
"scss/bootstrap/utilities/_background.scss",
|
||||||
|
"scss/bootstrap/utilities/_borders.scss",
|
||||||
|
"scss/bootstrap/utilities/_clearfix.scss",
|
||||||
|
"scss/bootstrap/utilities/_display.scss",
|
||||||
|
"scss/bootstrap/utilities/_embed.scss",
|
||||||
|
"scss/bootstrap/utilities/_flex.scss",
|
||||||
|
"scss/bootstrap/utilities/_float.scss",
|
||||||
|
"scss/bootstrap/utilities/_overflow.scss",
|
||||||
|
"scss/bootstrap/utilities/_position.scss",
|
||||||
|
"scss/bootstrap/utilities/_screenreaders.scss",
|
||||||
|
"scss/bootstrap/utilities/_shadows.scss",
|
||||||
|
"scss/bootstrap/utilities/_sizing.scss",
|
||||||
|
"scss/bootstrap/utilities/_stretched-link.scss",
|
||||||
|
"scss/bootstrap/utilities/_spacing.scss",
|
||||||
|
"scss/bootstrap/utilities/_text.scss",
|
||||||
|
"scss/bootstrap/utilities/_visibility.scss"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"projectView": {
|
||||||
|
"selectedView": "file-tree"
|
||||||
|
},
|
||||||
|
"fileWatcher": {
|
||||||
|
"enabled": true,
|
||||||
|
"watchedExtensions": [
|
||||||
|
"less",
|
||||||
|
"sass",
|
||||||
|
"scss",
|
||||||
|
"styl",
|
||||||
|
"md",
|
||||||
|
"markdown",
|
||||||
|
"coffee",
|
||||||
|
"js",
|
||||||
|
"jade",
|
||||||
|
"haml",
|
||||||
|
"slim",
|
||||||
|
"ls",
|
||||||
|
"kit",
|
||||||
|
"png",
|
||||||
|
"jpg",
|
||||||
|
"jpeg",
|
||||||
|
"ts",
|
||||||
|
"pug",
|
||||||
|
"css",
|
||||||
|
"html",
|
||||||
|
"htm",
|
||||||
|
"php"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pathFilters": [
|
||||||
|
"node_modules",
|
||||||
|
".*",
|
||||||
|
"bower_components",
|
||||||
|
"prepros.config",
|
||||||
|
"Prepros Export",
|
||||||
|
"prepros-6.config",
|
||||||
|
"prepros.cfg",
|
||||||
|
"wp-admin",
|
||||||
|
"wp-includes"
|
||||||
|
],
|
||||||
|
"server": {
|
||||||
|
"port": 8000,
|
||||||
|
"assignNewPortAutomatically": true,
|
||||||
|
"enable": true,
|
||||||
|
"proxy": {
|
||||||
|
"enable": false,
|
||||||
|
"url": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"browser-sync": {
|
||||||
|
"enable": false,
|
||||||
|
"clicks": true,
|
||||||
|
"forms": true,
|
||||||
|
"scroll": true
|
||||||
|
},
|
||||||
|
"live-reload": {
|
||||||
|
"enable": true,
|
||||||
|
"animate": true,
|
||||||
|
"delay": 0
|
||||||
|
},
|
||||||
|
"ftp-deploy": {
|
||||||
|
"connectionType": "ftp",
|
||||||
|
"remotePath": "",
|
||||||
|
"uploadTimeout": 20000,
|
||||||
|
"uploadOnChange": false,
|
||||||
|
"ftp": {
|
||||||
|
"secure": false,
|
||||||
|
"keepAlive": true,
|
||||||
|
"host": "",
|
||||||
|
"port": 21,
|
||||||
|
"user": "",
|
||||||
|
"password": ""
|
||||||
|
},
|
||||||
|
"sftp": {
|
||||||
|
"host": "",
|
||||||
|
"port": 22,
|
||||||
|
"usePrivateKey": false,
|
||||||
|
"username": "",
|
||||||
|
"password": "",
|
||||||
|
"privateKey": "",
|
||||||
|
"passphrase": ""
|
||||||
|
},
|
||||||
|
"pathFilters": [
|
||||||
|
"config.rb",
|
||||||
|
"prepros.config",
|
||||||
|
"prepros-6.config",
|
||||||
|
"node_modules",
|
||||||
|
"Prepros Export",
|
||||||
|
".git",
|
||||||
|
".idea",
|
||||||
|
".sass-cache",
|
||||||
|
".hg",
|
||||||
|
".svn",
|
||||||
|
".cache",
|
||||||
|
".DS_Store",
|
||||||
|
"*.sass",
|
||||||
|
"*.scss",
|
||||||
|
"*.less",
|
||||||
|
"*.pug",
|
||||||
|
"*.jade",
|
||||||
|
"*.styl",
|
||||||
|
"*.haml",
|
||||||
|
"*.slim",
|
||||||
|
"*.coffee",
|
||||||
|
"*.ls",
|
||||||
|
"*.kit",
|
||||||
|
"*.ts"
|
||||||
|
],
|
||||||
|
"history": []
|
||||||
|
},
|
||||||
|
"file-type-sass": "{\"compilers\":[\"node-sass\",\"autoprefixer\",\"minify-css\"]}",
|
||||||
|
"file-type-less": "{\"compilers\":[\"less\",\"autoprefixer\",\"minify-css\"]}",
|
||||||
|
"autoprefixer": {
|
||||||
|
"browsers": "last 5 versions"
|
||||||
|
},
|
||||||
|
"file-type-pug": "{\"compilers\":[\"pug\"]}",
|
||||||
|
"file-type-css": "{\"compilers\":[\"autoprefixer\",\"cssnext\",\"minify-css\"]}",
|
||||||
|
"file-type-javascript": "{\"compilers\":[\"concat-js\",\"babel\",\"uglify-js\"]}",
|
||||||
|
"file-type-stylus": "{\"compilers\":[\"stylus\",\"autoprefixer\",\"minify-css\"]}",
|
||||||
|
"file-type-markdown": "{\"compilers\":[\"markdown\"]}",
|
||||||
|
"file-type-haml": "{\"compilers\":[\"haml\"]}",
|
||||||
|
"file-type-slim": "{\"compilers\":[\"slim\"]}",
|
||||||
|
"file-type-coffee-script": "{\"compilers\":[\"coffee-script\",\"uglify-js\"]}",
|
||||||
|
"file-type-livescript": "{\"compilers\":[\"livescript\",\"uglify-js\"]}",
|
||||||
|
"file-type-kit": "{\"compilers\":[\"kit\"]}",
|
||||||
|
"uglify-js": {
|
||||||
|
"ie8": false,
|
||||||
|
"compress": {
|
||||||
|
"sequences": true,
|
||||||
|
"properties": true,
|
||||||
|
"dead_code": true,
|
||||||
|
"drop_debugger": true,
|
||||||
|
"unsafe": false,
|
||||||
|
"unsafe_comps": false,
|
||||||
|
"unsafe_math": false,
|
||||||
|
"unsafe_proto": false,
|
||||||
|
"unsafe_regexp": false,
|
||||||
|
"conditionals": true,
|
||||||
|
"comparisons": true,
|
||||||
|
"evaluate": true,
|
||||||
|
"booleans": true,
|
||||||
|
"loops": true,
|
||||||
|
"unused": true,
|
||||||
|
"toplevel": false,
|
||||||
|
"top_retain": "",
|
||||||
|
"hoist_funs": true,
|
||||||
|
"hoist_vars": false,
|
||||||
|
"if_return": true,
|
||||||
|
"join_vars": true,
|
||||||
|
"collapse_vars": true,
|
||||||
|
"reduce_vars": true,
|
||||||
|
"warnings": true,
|
||||||
|
"negate_iife": true,
|
||||||
|
"pure_getters": false,
|
||||||
|
"pure_funcs": [],
|
||||||
|
"drop_console": false,
|
||||||
|
"expression": false,
|
||||||
|
"keep_fargs": true,
|
||||||
|
"keep_fnames": false,
|
||||||
|
"passes": 1,
|
||||||
|
"keep_infinity": false,
|
||||||
|
"side_effects": true,
|
||||||
|
"global_defs": []
|
||||||
|
},
|
||||||
|
"output": {
|
||||||
|
"ascii_only": false,
|
||||||
|
"beautify": false,
|
||||||
|
"comments": "",
|
||||||
|
"indent_level": 4,
|
||||||
|
"indent_start": 0,
|
||||||
|
"inline_script": false,
|
||||||
|
"keep_quoted_props": false,
|
||||||
|
"max_line_len": false,
|
||||||
|
"preamble": "",
|
||||||
|
"preserve_line": false,
|
||||||
|
"quote_keys": false,
|
||||||
|
"quote_style": 0,
|
||||||
|
"semicolons": true,
|
||||||
|
"shebang": true,
|
||||||
|
"width": 80
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cssnext": {
|
||||||
|
"customProperties": true,
|
||||||
|
"applyRule": true,
|
||||||
|
"calc": false,
|
||||||
|
"nesting": true,
|
||||||
|
"customMedia": true,
|
||||||
|
"mediaQueriesRange": true,
|
||||||
|
"customSelectors": true,
|
||||||
|
"attributeCaseInsensitive": true,
|
||||||
|
"colorRebeccapurple": true,
|
||||||
|
"colorHwb": true,
|
||||||
|
"colorGray": true,
|
||||||
|
"colorHexAlpha": true,
|
||||||
|
"colorFunction": true,
|
||||||
|
"fontVariant": true,
|
||||||
|
"filter": true,
|
||||||
|
"initial": true,
|
||||||
|
"rem": true,
|
||||||
|
"pseudoElements": true,
|
||||||
|
"pseudoClassMatches": true,
|
||||||
|
"pseudoClassNot": true,
|
||||||
|
"pseudoClassAnyLink": true,
|
||||||
|
"colorRgba": true,
|
||||||
|
"overflowWrap": true
|
||||||
|
},
|
||||||
|
"file-type-typescript": "{\"compilers\":[\"typescript\",\"uglify-js\"]}",
|
||||||
|
"babel": {
|
||||||
|
"useBabelRc": true,
|
||||||
|
"presets": {
|
||||||
|
"babel-preset-es2015": true
|
||||||
|
},
|
||||||
|
"plugins": {
|
||||||
|
"babel-plugin-syntax-jsx": true,
|
||||||
|
"babel-plugin-transform-react-jsx": true,
|
||||||
|
"babel-plugin-transform-async-to-generator": true,
|
||||||
|
"babel-plugin-transform-class-properties": true,
|
||||||
|
"babel-plugin-transform-object-rest-spread": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"file-type-png": "{\"compilers\":[\"png\"]}",
|
||||||
|
"file-type-jpg": "{\"compilers\":[\"jpg\"],\"compiler-jpg\":{\"enabled\":true,\"originalSize\":0,\"newSize\":0}}"
|
||||||
|
}
|
362
static/main/scss/_site-base.scss
Normal file
@ -0,0 +1,362 @@
|
|||||||
|
html {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1.7;
|
||||||
|
color: lighten($black, 40%);
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: $font-size-base;
|
||||||
|
}
|
||||||
|
::-moz-selection {
|
||||||
|
background: $black;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
::selection {
|
||||||
|
background: $black;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
transition: .3s all ease;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5,
|
||||||
|
.h1, .h2, .h3, .h4, .h5 {
|
||||||
|
font-family: $font-family-2;
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-2 {
|
||||||
|
border-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.text-black {
|
||||||
|
color: $black!important;
|
||||||
|
}
|
||||||
|
.bg-black {
|
||||||
|
background: $black!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-black-opacity-5 {
|
||||||
|
color: rgba($black, .5);
|
||||||
|
}
|
||||||
|
.color-white-opacity-5 {
|
||||||
|
color: rgba($white, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.offcanvas-menu .site-wrap {
|
||||||
|
// position: absolute;
|
||||||
|
// overflow: hidden;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
&:after {
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.offcanvas-menu {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 999;
|
||||||
|
background: rgba($black, .2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
font-size: 16px;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 10px 30px;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: none!important;
|
||||||
|
}
|
||||||
|
&.btn-primary {
|
||||||
|
background: $primary;
|
||||||
|
border-color: $primary;
|
||||||
|
color: $white;
|
||||||
|
&:hover {
|
||||||
|
background: $black;
|
||||||
|
border-color: $black;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
&.btn-black--hover {
|
||||||
|
&:hover {
|
||||||
|
background: lighten($black, 40%);
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-height-1 {
|
||||||
|
line-height: 1!important;
|
||||||
|
}
|
||||||
|
.bg-black {
|
||||||
|
background: $black;
|
||||||
|
}
|
||||||
|
.form-control {
|
||||||
|
height: 43px;
|
||||||
|
border-radius: 30px;
|
||||||
|
font-family: $font-family-sans-serif;
|
||||||
|
&:active, &:focus {
|
||||||
|
border-color: $primary;
|
||||||
|
}
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
box-shadow: none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-section {
|
||||||
|
padding: 2.5em 0;
|
||||||
|
@include media-breakpoint-up(md) {
|
||||||
|
padding: 7em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.site-section-sm {
|
||||||
|
padding: 4em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-section-heading {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
@include media-breakpoint-up(md) {
|
||||||
|
font-size: $font-size-base + 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.site-footer {
|
||||||
|
padding: 4em 0;
|
||||||
|
background: lighten($black, 20%);
|
||||||
|
@include media-breakpoint-up(md) {
|
||||||
|
padding: 8em 0;
|
||||||
|
}
|
||||||
|
.border-top {
|
||||||
|
border-top: 1px solid rgba(255,255,255,.1)!important;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
color: lighten($black, 45%);
|
||||||
|
}
|
||||||
|
h2,h3,h4,h5 {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: lighten($black, 60%);
|
||||||
|
&:hover {
|
||||||
|
color: lighten($black, 100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-heading {
|
||||||
|
font-size: 16px;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-text-line {
|
||||||
|
display: inline;
|
||||||
|
background: $black;
|
||||||
|
box-shadow: 20px 0 0 $black, -20px 0 0 $black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-white-opacity-05 {
|
||||||
|
color: rgba($white, .5);
|
||||||
|
}
|
||||||
|
.text-black-opacity-05 {
|
||||||
|
color: rgba($black, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover-bg-enlarge {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
@include media-breakpoint-down(md) {
|
||||||
|
height: auto!important;
|
||||||
|
}
|
||||||
|
> div {
|
||||||
|
transform: scale(1.0);
|
||||||
|
transition: .8s all ease-in-out;
|
||||||
|
}
|
||||||
|
&:hover, &:focus, &:active {
|
||||||
|
> div {
|
||||||
|
transform: scale(1.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-image-md-height {
|
||||||
|
@include media-breakpoint-down(md) {
|
||||||
|
height: 300px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.bg-image {
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-attachment: fixed;
|
||||||
|
&.overlay {
|
||||||
|
position: relative;
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 0;
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(0,0,0,.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> .container {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-md-fluid {
|
||||||
|
@include media-breakpoint-down(md) {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-1, .display-3 {
|
||||||
|
@include media-breakpoint-down(md) {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.play-single-big {
|
||||||
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
|
display: inline-block;
|
||||||
|
border: 2px solid $white;
|
||||||
|
color: $white!important;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: relative;
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
> span {
|
||||||
|
font-size: 50px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-40%, -50%);
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.overlap-to-top {
|
||||||
|
margin-top: -150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ul-check {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 35px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
line-height: 1.5;
|
||||||
|
&:before {
|
||||||
|
left: 0;
|
||||||
|
font-size: 20px;
|
||||||
|
top: -.3rem;
|
||||||
|
font-family: "icomoon";
|
||||||
|
content: "\e5ca";
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.white {
|
||||||
|
li {
|
||||||
|
&:before {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.success {
|
||||||
|
li {
|
||||||
|
&:before {
|
||||||
|
color: $success;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.primary {
|
||||||
|
li {
|
||||||
|
&:before {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li.remove {
|
||||||
|
&:before {
|
||||||
|
color: $gray-300;
|
||||||
|
}
|
||||||
|
text-decoration: line-through;
|
||||||
|
color: $gray-300;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-wrap, .wrap-icon {
|
||||||
|
position: relative;
|
||||||
|
.icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
select {
|
||||||
|
appearance: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.spinner-border {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
/*PRELOADING------------ */
|
||||||
|
#overlayer {
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
position:fixed;
|
||||||
|
z-index:7100;
|
||||||
|
background: $white;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader {
|
||||||
|
z-index:7700;
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
526
static/main/scss/_site-blocks.scss
Normal file
@ -0,0 +1,526 @@
|
|||||||
|
.site-blocks-cover {
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: top;
|
||||||
|
background-position: center center;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
.lead {
|
||||||
|
font-family: $font-family-2;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
color: lighten($black, 10%);
|
||||||
|
}
|
||||||
|
&.overlay {
|
||||||
|
position: relative;
|
||||||
|
&:before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
background: rgba($black, 0);
|
||||||
|
// @include media-breakpoint-down(md) {
|
||||||
|
// background: rgba($white, .5);
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&, & > .container > .row {
|
||||||
|
min-height: 600px;
|
||||||
|
height: calc(100vh);
|
||||||
|
}
|
||||||
|
&.inner-page-cover {
|
||||||
|
&, & > .container > .row {
|
||||||
|
min-height: 400px;
|
||||||
|
height: calc(20vh);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text-intro {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 3rem;
|
||||||
|
font-family: $font-family-2;
|
||||||
|
}
|
||||||
|
.img-face {
|
||||||
|
position: absolute;
|
||||||
|
right: -5%;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 1;
|
||||||
|
@include media-breakpoint-down(md) {
|
||||||
|
right: -25%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.section-title {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
&:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: $primary;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
&.text-center {
|
||||||
|
&:after {
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
} &:after {
|
||||||
|
background: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.text-white {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.position-relative {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service {
|
||||||
|
padding: 30px;
|
||||||
|
background: $white;
|
||||||
|
box-shadow: 0 1px 2px 0px rgba($black, .1);
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
top: 0;
|
||||||
|
position: relative;
|
||||||
|
.svg-icon {
|
||||||
|
margin-right: 20px;
|
||||||
|
img {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
box-shadow: 0 8px 50px -5px rgba($black, .1);
|
||||||
|
top: -2px;
|
||||||
|
}
|
||||||
|
.service-number {
|
||||||
|
flex: 0 0 60px;
|
||||||
|
span {
|
||||||
|
position: relative;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #e3d3c1;
|
||||||
|
display: inline-block;
|
||||||
|
color: $white;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.service-about {
|
||||||
|
*:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gal-item {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filters {
|
||||||
|
.btn {
|
||||||
|
border-color: transparent;
|
||||||
|
font-size: .8rem;
|
||||||
|
margin: 5px;
|
||||||
|
letter-spacing: .2rem;
|
||||||
|
background: rgba($dark, .05);
|
||||||
|
color: $dark;
|
||||||
|
padding: 5px 20px;
|
||||||
|
border-radius: 30px!important;
|
||||||
|
border: none!important;
|
||||||
|
text-transform: uppercase;
|
||||||
|
&:hover, &:focus, &:active {
|
||||||
|
border-color: transparent!important;
|
||||||
|
background: rgba($dark, .3)!important;
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
background: $primary!important;
|
||||||
|
color: $white!important;
|
||||||
|
border-color: $primary!important;
|
||||||
|
// box-shadow: 0 4px 15px -3px rgba($primary, .5)!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Isotope Transitions
|
||||||
|
------------------------------- */
|
||||||
|
.isotope,
|
||||||
|
.isotope .item {
|
||||||
|
-webkit-transition-duration: 0.8s;
|
||||||
|
-moz-transition-duration: 0.8s;
|
||||||
|
-ms-transition-duration: 0.8s;
|
||||||
|
-o-transition-duration: 0.8s;
|
||||||
|
transition-duration: 0.8s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.isotope {
|
||||||
|
-webkit-transition-property: height, width;
|
||||||
|
-moz-transition-property: height, width;
|
||||||
|
-ms-transition-property: height, width;
|
||||||
|
-o-transition-property: height, width;
|
||||||
|
transition-property: height, width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.isotope .item {
|
||||||
|
-webkit-transition-property: -webkit-transform, opacity;
|
||||||
|
-moz-transition-property: -moz-transform, opacity;
|
||||||
|
-ms-transition-property: -ms-transform, opacity;
|
||||||
|
-o-transition-property: top, left, opacity;
|
||||||
|
transition-property: transform, opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* responsive media queries */
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
border-radius: 4px;
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 4px;
|
||||||
|
img {
|
||||||
|
position: relative;
|
||||||
|
transform: scale(1.0);
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-wrap {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
&:after {
|
||||||
|
z-index: 2;
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
top: 0; left: 0; right: 0; bottom: 0;
|
||||||
|
background: rgba($black, .4);
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
}
|
||||||
|
> span {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
z-index: 3;
|
||||||
|
transform: translate(-50%, -50%) scale(0.0);
|
||||||
|
color: $white;
|
||||||
|
font-size: 1.7rem;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
// margin-top: 10px;
|
||||||
|
transition: .3s all ease;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
&:after {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
margin-top: 0px;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translate(-50%, -50%) scale(1.0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
a {
|
||||||
|
img {
|
||||||
|
transform: scale(1.05);
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-one-item {
|
||||||
|
.slide {
|
||||||
|
text-align: center;
|
||||||
|
blockquote {
|
||||||
|
position: relative;
|
||||||
|
max-width: 700px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: $black;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: center;
|
||||||
|
font-style: italic;
|
||||||
|
color: $white;
|
||||||
|
&:before {
|
||||||
|
color: $white;
|
||||||
|
font-size: 2.2rem;
|
||||||
|
font-style: normal;
|
||||||
|
font-family: 'icomoon';
|
||||||
|
content: "\e244";
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
cite {
|
||||||
|
margin-top: 50px;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: rgba($white, .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-dots {
|
||||||
|
text-align: center;
|
||||||
|
.owl-dot {
|
||||||
|
display: inline-block;
|
||||||
|
> span {
|
||||||
|
margin: 7px;
|
||||||
|
background: rgba($white, .3);
|
||||||
|
display: inline-block;
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
> span {
|
||||||
|
background: rgba($white, .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
> span {
|
||||||
|
background: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_entry {
|
||||||
|
img {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
> div {
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
a {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.date {
|
||||||
|
color: lighten($black, 60%);
|
||||||
|
display: block;
|
||||||
|
font-size: .9rem;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.more {
|
||||||
|
a {
|
||||||
|
position: relative;
|
||||||
|
color: $black;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
&:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: $black;
|
||||||
|
transition: .3s all ease;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
&:before {
|
||||||
|
background: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.sidebar-box {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
padding: 25px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
background: $white;
|
||||||
|
*:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.categories, .sidelink {
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px dotted gray('300');
|
||||||
|
list-style: none;
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
border-bottom: none;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
font-size: 18px;
|
||||||
|
color: $black;
|
||||||
|
display: block;
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
a {
|
||||||
|
color: $black;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.comment-form-wrap {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-list {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
.children {
|
||||||
|
padding: 50px 0 0 40px;
|
||||||
|
margin: 0;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 0 30px 0;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
|
list-style: none;
|
||||||
|
.vcard {
|
||||||
|
width: 80px;
|
||||||
|
float: left;
|
||||||
|
img {
|
||||||
|
width: 50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.comment-body {
|
||||||
|
float: right;
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.meta {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
.reply {
|
||||||
|
padding: 5px 10px;
|
||||||
|
background: lighten($black, 90%);
|
||||||
|
color: $black;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 14px;
|
||||||
|
&:hover {
|
||||||
|
color: $black;
|
||||||
|
background: lighten($black, 89%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-form {
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
position: relative;
|
||||||
|
input {
|
||||||
|
padding-right: 50px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 20px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-meta {
|
||||||
|
font-size: 13px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: .2em;
|
||||||
|
a {
|
||||||
|
color: $white;
|
||||||
|
border-bottom: 1px solid rgba($white, .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
.form-control {
|
||||||
|
border: none;
|
||||||
|
border-radius: 0px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
&:active, &:focus {
|
||||||
|
border-color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
font-size: .9rem;
|
||||||
|
.footer-title {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: darken(#eee, 40%);
|
||||||
|
&:hover {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
440
static/main/scss/_site-navbar.scss
Normal file
@ -0,0 +1,440 @@
|
|||||||
|
.site-navbar {
|
||||||
|
|
||||||
|
margin-bottom: 0px;
|
||||||
|
z-index: 1999;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
// background: $white;
|
||||||
|
// &:hover {
|
||||||
|
// background: $white;
|
||||||
|
// }
|
||||||
|
border-bottom: rgba($white,.7);
|
||||||
|
.site-logo {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
a {
|
||||||
|
border: 4px solid $white;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-navigation {
|
||||||
|
|
||||||
|
.site-menu {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-family: $font-family-2;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none!important;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 5px 20px;
|
||||||
|
&:before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
bottom: 0;
|
||||||
|
left: 18px;
|
||||||
|
right: 18px;
|
||||||
|
height: 2px;
|
||||||
|
width: 0;
|
||||||
|
background: $white;
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
}
|
||||||
|
&:hover, &.active {
|
||||||
|
color: $black;
|
||||||
|
&:before {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> li {
|
||||||
|
display: inline-block;
|
||||||
|
> a {
|
||||||
|
padding: 5px 20px;
|
||||||
|
color: $black;
|
||||||
|
display: inline-block;
|
||||||
|
text-decoration: none!important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.has-children {
|
||||||
|
position: relative;
|
||||||
|
> a {
|
||||||
|
position: relative;
|
||||||
|
padding-right: 20px;
|
||||||
|
&:before {
|
||||||
|
position: absolute;
|
||||||
|
content: "\e313";
|
||||||
|
font-size: 16px;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
font-family: 'icomoon';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dropdown {
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
top: 100%;
|
||||||
|
position: absolute;
|
||||||
|
text-align: left;
|
||||||
|
border-top: 2px solid $primary;
|
||||||
|
box-shadow: 0 2px 10px -2px rgba(0,0,0,.1);
|
||||||
|
|
||||||
|
padding: 0px 0;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 0px;
|
||||||
|
background: $white;
|
||||||
|
transition: 0.2s 0s;
|
||||||
|
|
||||||
|
&.arrow-top {
|
||||||
|
position: absolute;
|
||||||
|
&:before {
|
||||||
|
bottom: 100%;
|
||||||
|
left: 20%;
|
||||||
|
border: solid transparent;
|
||||||
|
content: " ";
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
&:before {
|
||||||
|
border-color: rgba(136, 183, 213, 0);
|
||||||
|
border-bottom-color: $white;
|
||||||
|
border-width: 10px;
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a {
|
||||||
|
// font-size: 16px;
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: normal;
|
||||||
|
transition: 0s all;
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
// > a {
|
||||||
|
color: $primary!important;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
> li {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
min-width: 210px;
|
||||||
|
> a {
|
||||||
|
padding: 9px 20px;
|
||||||
|
display: block;
|
||||||
|
&:hover {
|
||||||
|
background: lighten($gray-200, 2%);
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.has-children {
|
||||||
|
> a {
|
||||||
|
&:before {
|
||||||
|
content: "\e315";
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> .dropdown, > ul {
|
||||||
|
left: 100%;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
> a {
|
||||||
|
// background: lighten($gray-4, 2%);
|
||||||
|
// color: $gray-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover, &:focus, &:active {
|
||||||
|
> a {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover, &:focus, &:active {
|
||||||
|
cursor: pointer;
|
||||||
|
> .dropdown {
|
||||||
|
transition-delay: 0s;
|
||||||
|
margin-top: 0px;
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// mobile menu
|
||||||
|
|
||||||
|
.site-mobile-menu {
|
||||||
|
width: 300px;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
z-index: 2000;
|
||||||
|
padding-top: 20px;
|
||||||
|
background: $white;
|
||||||
|
height: calc(100vh);
|
||||||
|
|
||||||
|
transform: translateX(110%);
|
||||||
|
box-shadow: -10px 0 20px -10px rgba(0,0,0,.1);
|
||||||
|
transition: .3s all ease-in-out;
|
||||||
|
|
||||||
|
.offcanvas-menu & {
|
||||||
|
transform: translateX(0%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-mobile-menu-header {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-right: 20px;
|
||||||
|
|
||||||
|
.site-mobile-menu-close {
|
||||||
|
float: right;
|
||||||
|
margin-top: 8px;
|
||||||
|
span {
|
||||||
|
font-size: 30px;
|
||||||
|
display: inline-block;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 0px;
|
||||||
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: .3s all ease;
|
||||||
|
&:hover {
|
||||||
|
// color: $gray-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.site-mobile-menu-logo {
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-left: 0px;
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
img {
|
||||||
|
max-width: 70px;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-mobile-menu-body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
position: relative;
|
||||||
|
padding: 0 20px 20px 20px;
|
||||||
|
|
||||||
|
height: calc(100vh - 52px);
|
||||||
|
padding-bottom: 150px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.site-nav-wrap {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
// float: left;
|
||||||
|
|
||||||
|
// width: 100%;
|
||||||
|
// height: 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
a {
|
||||||
|
padding: 10px 20px;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
color: $gray-900;
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
.active {
|
||||||
|
// > a {
|
||||||
|
color: $primary;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.arrow-collapse {
|
||||||
|
position: absolute;
|
||||||
|
right: 0px;
|
||||||
|
top: 10px;
|
||||||
|
z-index: 20;
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 50%;
|
||||||
|
&:hover {
|
||||||
|
background: $gray-100;
|
||||||
|
}
|
||||||
|
&:before {
|
||||||
|
font-size: 12px;
|
||||||
|
z-index: 20;
|
||||||
|
font-family: "icomoon";
|
||||||
|
content: "\f078";
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%) rotate(-180deg);
|
||||||
|
transition: .3s all ease;
|
||||||
|
}
|
||||||
|
&.collapsed {
|
||||||
|
&:before {
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> li {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
padding-left: 20px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
> ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
> li {
|
||||||
|
display: block;
|
||||||
|
> a {
|
||||||
|
padding-left: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
> ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
> li {
|
||||||
|
display: block;
|
||||||
|
> a {
|
||||||
|
font-size: 16px;
|
||||||
|
padding-left: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&[data-class="social"] {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 30px;
|
||||||
|
padding-bottom: 5em;
|
||||||
|
> li {
|
||||||
|
width: auto;
|
||||||
|
&:first-child {
|
||||||
|
a {
|
||||||
|
padding-left: 15px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.sticky-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 100;
|
||||||
|
width: 100%;
|
||||||
|
& + .site-blocks-cover {
|
||||||
|
// margin-top: 140px;
|
||||||
|
// margin-top: 96px;
|
||||||
|
}
|
||||||
|
.site-navbar {
|
||||||
|
transition: .3s all ease;
|
||||||
|
}
|
||||||
|
.site-navbar {
|
||||||
|
// border-bottom: 1px solid rgba($black, .2);
|
||||||
|
.site-menu-toggle {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
.site-logo {
|
||||||
|
a {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.site-menu {
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
color: $white;
|
||||||
|
&:hover, &.active {
|
||||||
|
color: $white!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.is-sticky {
|
||||||
|
|
||||||
|
.site-navbar {
|
||||||
|
background: $white;
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
box-shadow: 4px 0 20px -5px rgba(0,0,0,.1);
|
||||||
|
.site-menu-toggle {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
.site-logo {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
a {
|
||||||
|
border: 4px solid $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.site-logo {
|
||||||
|
a {
|
||||||
|
color: $black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.site-menu {
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
color: $black!important;
|
||||||
|
&:hover, &.active {
|
||||||
|
color: $primary!important;
|
||||||
|
}
|
||||||
|
// &.active {
|
||||||
|
// color: $primary!important;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.shrink {
|
||||||
|
padding-top: 10px!important;
|
||||||
|
padding-bottom: 10px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
51
static/main/scss/bootstrap/_alert.scss
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
//
|
||||||
|
// Base styles
|
||||||
|
//
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
position: relative;
|
||||||
|
padding: $alert-padding-y $alert-padding-x;
|
||||||
|
margin-bottom: $alert-margin-bottom;
|
||||||
|
border: $alert-border-width solid transparent;
|
||||||
|
@include border-radius($alert-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Headings for larger alerts
|
||||||
|
.alert-heading {
|
||||||
|
// Specified to prevent conflicts of changing $headings-color
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Provide class for links that match alerts
|
||||||
|
.alert-link {
|
||||||
|
font-weight: $alert-link-font-weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Dismissible alerts
|
||||||
|
//
|
||||||
|
// Expand the right padding and account for the close button's positioning.
|
||||||
|
|
||||||
|
.alert-dismissible {
|
||||||
|
padding-right: $close-font-size + $alert-padding-x * 2;
|
||||||
|
|
||||||
|
// Adjust close link position
|
||||||
|
.close {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: $alert-padding-y $alert-padding-x;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Alternate styles
|
||||||
|
//
|
||||||
|
// Generate contextual modifier classes for colorizing the alert.
|
||||||
|
|
||||||
|
@each $color, $value in $theme-colors {
|
||||||
|
.alert-#{$color} {
|
||||||
|
@include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
|
||||||
|
}
|
||||||
|
}
|
54
static/main/scss/bootstrap/_badge.scss
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
// Base class
|
||||||
|
//
|
||||||
|
// Requires one of the contextual, color modifier classes for `color` and
|
||||||
|
// `background-color`.
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: $badge-padding-y $badge-padding-x;
|
||||||
|
@include font-size($badge-font-size);
|
||||||
|
font-weight: $badge-font-weight;
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: baseline;
|
||||||
|
@include border-radius($badge-border-radius);
|
||||||
|
@include transition($badge-transition);
|
||||||
|
|
||||||
|
@at-root a#{&} {
|
||||||
|
@include hover-focus {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Empty badges collapse automatically
|
||||||
|
&:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quick fix for badges in buttons
|
||||||
|
.btn .badge {
|
||||||
|
position: relative;
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pill badges
|
||||||
|
//
|
||||||
|
// Make them extra rounded with a modifier to replace v3's badges.
|
||||||
|
|
||||||
|
.badge-pill {
|
||||||
|
padding-right: $badge-pill-padding-x;
|
||||||
|
padding-left: $badge-pill-padding-x;
|
||||||
|
@include border-radius($badge-pill-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
//
|
||||||
|
// Contextual variations (linked badges get darker on :hover).
|
||||||
|
|
||||||
|
@each $color, $value in $theme-colors {
|
||||||
|
.badge-#{$color} {
|
||||||
|
@include badge-variant($value);
|
||||||
|
}
|
||||||
|
}
|
41
static/main/scss/bootstrap/_breadcrumb.scss
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
.breadcrumb {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
||||||
|
margin-bottom: $breadcrumb-margin-bottom;
|
||||||
|
list-style: none;
|
||||||
|
background-color: $breadcrumb-bg;
|
||||||
|
@include border-radius($breadcrumb-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-item {
|
||||||
|
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
||||||
|
+ .breadcrumb-item {
|
||||||
|
padding-left: $breadcrumb-item-padding;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
display: inline-block; // Suppress underlining of the separator in modern browsers
|
||||||
|
padding-right: $breadcrumb-item-padding;
|
||||||
|
color: $breadcrumb-divider-color;
|
||||||
|
content: $breadcrumb-divider;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
|
||||||
|
// without `<ul>`s. The `::before` pseudo-element generates an element
|
||||||
|
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
|
||||||
|
//
|
||||||
|
// To trick IE into suppressing the underline, we give the pseudo-element an
|
||||||
|
// underline and then immediately remove it.
|
||||||
|
+ .breadcrumb-item:hover::before {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
// stylelint-disable-next-line no-duplicate-selectors
|
||||||
|
+ .breadcrumb-item:hover::before {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
color: $breadcrumb-active-color;
|
||||||
|
}
|
||||||
|
}
|
163
static/main/scss/bootstrap/_button-group.scss
Normal file
@ -0,0 +1,163 @@
|
|||||||
|
// stylelint-disable selector-no-qualifying-type
|
||||||
|
|
||||||
|
// Make the div behave like a button
|
||||||
|
.btn-group,
|
||||||
|
.btn-group-vertical {
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
vertical-align: middle; // match .btn alignment given font-size hack above
|
||||||
|
|
||||||
|
> .btn {
|
||||||
|
position: relative;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
|
||||||
|
// Bring the hover, focused, and "active" buttons to the front to overlay
|
||||||
|
// the borders properly
|
||||||
|
@include hover {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
&:focus,
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Optional: Group multiple button groups together for a toolbar
|
||||||
|
.btn-toolbar {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group {
|
||||||
|
// Prevent double borders when buttons are next to each other
|
||||||
|
> .btn:not(:first-child),
|
||||||
|
> .btn-group:not(:first-child) {
|
||||||
|
margin-left: -$btn-border-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reset rounded corners
|
||||||
|
> .btn:not(:last-child):not(.dropdown-toggle),
|
||||||
|
> .btn-group:not(:last-child) > .btn {
|
||||||
|
@include border-right-radius(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .btn:not(:first-child),
|
||||||
|
> .btn-group:not(:first-child) > .btn {
|
||||||
|
@include border-left-radius(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sizing
|
||||||
|
//
|
||||||
|
// Remix the default button sizing classes into new ones for easier manipulation.
|
||||||
|
|
||||||
|
.btn-group-sm > .btn { @extend .btn-sm; }
|
||||||
|
.btn-group-lg > .btn { @extend .btn-lg; }
|
||||||
|
|
||||||
|
|
||||||
|
//
|
||||||
|
// Split button dropdowns
|
||||||
|
//
|
||||||
|
|
||||||
|
.dropdown-toggle-split {
|
||||||
|
padding-right: $btn-padding-x * .75;
|
||||||
|
padding-left: $btn-padding-x * .75;
|
||||||
|
|
||||||
|
&::after,
|
||||||
|
.dropup &::after,
|
||||||
|
.dropright &::after {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropleft &::before {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-sm + .dropdown-toggle-split {
|
||||||
|
padding-right: $btn-padding-x-sm * .75;
|
||||||
|
padding-left: $btn-padding-x-sm * .75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-lg + .dropdown-toggle-split {
|
||||||
|
padding-right: $btn-padding-x-lg * .75;
|
||||||
|
padding-left: $btn-padding-x-lg * .75;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// The clickable button for toggling the menu
|
||||||
|
// Set the same inset shadow as the :active state
|
||||||
|
.btn-group.show .dropdown-toggle {
|
||||||
|
@include box-shadow($btn-active-box-shadow);
|
||||||
|
|
||||||
|
// Show no shadow for `.btn-link` since it has no other button styles.
|
||||||
|
&.btn-link {
|
||||||
|
@include box-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//
|
||||||
|
// Vertical button groups
|
||||||
|
//
|
||||||
|
|
||||||
|
.btn-group-vertical {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
> .btn,
|
||||||
|
> .btn-group {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .btn:not(:first-child),
|
||||||
|
> .btn-group:not(:first-child) {
|
||||||
|
margin-top: -$btn-border-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reset rounded corners
|
||||||
|
> .btn:not(:last-child):not(.dropdown-toggle),
|
||||||
|
> .btn-group:not(:last-child) > .btn {
|
||||||
|
@include border-bottom-radius(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .btn:not(:first-child),
|
||||||
|
> .btn-group:not(:first-child) > .btn {
|
||||||
|
@include border-top-radius(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Checkbox and radio options
|
||||||
|
//
|
||||||
|
// In order to support the browser's form validation feedback, powered by the
|
||||||
|
// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
|
||||||
|
// `display: none;` or `visibility: hidden;` as that also hides the popover.
|
||||||
|
// Simply visually hiding the inputs via `opacity` would leave them clickable in
|
||||||
|
// certain cases which is prevented by using `clip` and `pointer-events`.
|
||||||
|
// This way, we ensure a DOM element is visible to position the popover from.
|
||||||
|
//
|
||||||
|
// See https://github.com/twbs/bootstrap/pull/12794 and
|
||||||
|
// https://github.com/twbs/bootstrap/pull/14559 for more information.
|
||||||
|
|
||||||
|
.btn-group-toggle {
|
||||||
|
> .btn,
|
||||||
|
> .btn-group > .btn {
|
||||||
|
margin-bottom: 0; // Override default `<label>` value
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
input[type="checkbox"] {
|
||||||
|
position: absolute;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|