From aa5bb0bcd611d24c5601472835cedb1d0368b50c Mon Sep 17 00:00:00 2001 From: Nir Izraeli Date: Sun, 6 Nov 2016 19:13:49 -0800 Subject: [PATCH] Add a basic template and include registration urls Signed-off-by: Nir Izraeli --- server/accounts/urls.py | 3 +- server/accounts/views.py | 2 +- server/rematch/settings.py | 13 +- server/rematch/urls.py | 1 + server/template/base.html | 331 +++ .../template/static/css/style-responsive.css | 295 +++ server/template/static/css/style.css | 2254 +++++++++++++++++ 7 files changed, 2895 insertions(+), 4 deletions(-) create mode 100755 server/template/base.html create mode 100755 server/template/static/css/style-responsive.css create mode 100755 server/template/static/css/style.css diff --git a/server/accounts/urls.py b/server/accounts/urls.py index 33b23ce15..b0ff9b7ab 100644 --- a/server/accounts/urls.py +++ b/server/accounts/urls.py @@ -3,5 +3,6 @@ urlpatterns = [ url(r'^profile/$', views.profile, name='profile'), - url(r'', include('rest_auth.urls')), + url(r'/', include('rest_auth.urls')), + url('^/', include('django.contrib.auth.urls')) ] diff --git a/server/accounts/views.py b/server/accounts/views.py index 585943680..68543540d 100644 --- a/server/accounts/views.py +++ b/server/accounts/views.py @@ -16,4 +16,4 @@ def profile(request): "last_name": request.user.last_name, "email": request.user.email, }) - return Response(user) + return Response(user, template_name='profile.html') diff --git a/server/rematch/settings.py b/server/rematch/settings.py index 124ff3e58..da178052f 100644 --- a/server/rematch/settings.py +++ b/server/rematch/settings.py @@ -25,17 +25,19 @@ # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True -ALLOWED_HOSTS = [] +ALLOWED_HOSTS = ['*'] # Application definition INSTALLED_APPS = [ + 'allauth', 'accounts', 'collab', 'rest_framework', 'rest_framework.authtoken', 'rest_auth', + 'registration', 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', @@ -60,7 +62,9 @@ TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', - 'DIRS': [], + 'DIRS': [ + os.path.join(BASE_DIR, 'template') + ], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ @@ -145,3 +149,8 @@ # https://docs.djangoproject.com/en/1.9/howto/static-files/ STATIC_URL = '/static/' + +STATICFILES_DIRS = [os.path.join(BASE_DIR, "template/static")] + +# Django Registration Redux configuration +ACCOUNT_ACTIVATION_DAYS = 1 diff --git a/server/rematch/urls.py b/server/rematch/urls.py index b7c11bd9d..27fb64f90 100644 --- a/server/rematch/urls.py +++ b/server/rematch/urls.py @@ -19,6 +19,7 @@ urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^accounts/', include('accounts.urls')), + url(r'^accounts/', include('registration.backends.default.urls')), url(r'^collab/', include('collab.urls')), url(r'^api-auth/', include('rest_framework.urls')), ] diff --git a/server/template/base.html b/server/template/base.html new file mode 100755 index 000000000..68ecf7220 --- /dev/null +++ b/server/template/base.html @@ -0,0 +1,331 @@ +{% load staticfiles %} + + + + + + + + + + + Rematch + + + + + + + + + + + + + + + +
+ + +
+
+
+
+ + + + +
+ +
+
+ + + + + + + + +
+
+
+
+
+

{% block title %}{% endblock %}

+
+
+

{% block content %}{% endblock %}

+
+
+
+
+
+
+
+ + + + +
+ + + + + + + + + + + + + + + diff --git a/server/template/static/css/style-responsive.css b/server/template/static/css/style-responsive.css new file mode 100755 index 000000000..f59934538 --- /dev/null +++ b/server/template/static/css/style-responsive.css @@ -0,0 +1,295 @@ +@media (min-width: 980px) { + /*-----*/ + .custom-bar-chart { + margin-bottom: 40px; + } + +} + +@media (min-width: 768px) and (max-width: 979px) { + + /*-----*/ + .custom-bar-chart { + margin-bottom: 40px; + } + + /*chat room*/ + + +} + +@media (max-width: 768px) { + + .header { + position: absolute; + } + + /*sidebar*/ + + #sidebar { + height: auto; + overflow: hidden; + position: absolute; + width: 100%; + z-index: 1001; + } + + + /* body container */ + #main-content { + margin: 0px!important; + position: none !important; + } + + #sidebar > ul > li > a > span { + line-height: 35px; + } + + #sidebar > ul > li { + margin: 0 10px 5px 10px; + } + #sidebar > ul > li > a { + height:35px; + line-height:35px; + padding: 0 10px; + text-align: left; + } + #sidebar > ul > li > a i{ + /*display: none !important;*/ + } + + #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open { + margin-right: 10px; + margin-top: 15px; + } + + #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow, + #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{ + margin-top: 15px; + } + + #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li { + width: 100%; + } + #sidebar > ul > li > ul.sub > li > a { + background: transparent !important ; + } + #sidebar > ul > li > ul.sub > li > a:hover { + + } + + + /* sidebar */ + #sidebar { + margin: 0px !important; + } + + /* sidebar collabler */ + #sidebar .btn-navbar.collapsed .arrow { + display: none; + } + + #sidebar .btn-navbar .arrow { + position: absolute; + right: 35px; + width: 0; + height: 0; + top:48px; + border-bottom: 15px solid #282e36; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + } + + + /*---------*/ + + .modal-footer .btn { + margin-bottom: 0px !important; + } + + .btn { + margin-bottom: 5px; + } + + + /* full calendar fix */ + .fc-header-right { + left:25px; + position: absolute; + } + + .fc-header-left .fc-button { + margin: 0px !important; + top: -10px !important; + } + + .fc-header-right .fc-button { + margin: 0px !important; + top: -50px !important; + } + + .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner { + background: none !important; + color: #FFFFFF !important; + } + + .fc-state-default, .fc-state-default .fc-button-inner { + background: none !important; + } + + .fc-button { + border: none !important; + margin-right: 2px; + } + + .fc-view { + top: 0px !important; + } + + .fc-button .fc-button-inner { + margin: 0px !important; + padding: 2px !important; + border: none !important; + margin-right: 2px !important; + background-color: #fafafa !important; + background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important; + background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important; + background-image: -o-linear-gradient(top, #fafafa, #efefef) !important; + background-image: linear-gradient(to bottom, #fafafa, #efefef) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important; + -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important; + -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important; + box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; + color: #646464 !important; + border: 1px solid #ddd !important; + text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important; + text-align: center; + } + + .fc-button.fc-state-disabled .fc-button-inner { + color: #bcbbbb !important; + } + + .fc-button.fc-state-active .fc-button-inner { + background-color: #e5e4e4 !important; + background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important; + background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important; + background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important; + background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important; + } + + .fc-content { + margin-top: 50px; + } + + .fc-header-title h2 { + line-height: 40px !important; + font-size: 12px !important; + } + + .fc-header { + margin-bottom:0px !important; + } + + /*--*/ + + /*.chart-position {*/ + /*margin-top: 0px;*/ + /*}*/ + + .stepy-titles li { + margin: 10px 3px; + } + + /*-----*/ + .custom-bar-chart { + margin-bottom: 40px; + } + + /*menu icon plus minus*/ + .dcjq-icon { + top: 10px; + } + ul.sidebar-menu li ul.sub li a { + padding: 0; + } + + /*---*/ + + .img-responsive { + width: 100%; + } + +} + + + +@media (max-width: 480px) { + + .notify-row, .search, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{ + display: none; + } + + #top_menu .nav > li, ul.top-menu > li { + float: right; + } + .hidden-phone { + display: none !important; + } + + .chart-position { + margin-top: 0px; + } + + .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #ccc; + border-color:#ccc ; + } + +} + +@media (max-width:320px) { + .login-social-link a { + padding: 15px 17px !important; + } + + .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn { + display: none; + } + + #top_menu .nav > li, ul.top-menu > li { + float: right; + } + + .hidden-phone { + display: none !important; + } + + .chart-position { + margin-top: 0px; + } + + .lock-wrapper { + margin: 10% auto; + max-width: 310px; + } + .lock-input { + width: 82%; + } + + .cmt-form { + display: inline-block; + width: 75%; + } + +} + + + + diff --git a/server/template/static/css/style.css b/server/template/static/css/style.css new file mode 100755 index 000000000..c85bfe67a --- /dev/null +++ b/server/template/static/css/style.css @@ -0,0 +1,2254 @@ +/* +Template Name: DASHGUM FREE - Bootstrap 3.2 Admin Theme +Template Version: 1.0 +Author: Carlos Alvarez +Website: http://blacktie.co +Premium: http://www.gridgum.com +*/ + +/* Import fonts */ +@import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900); + +/* BASIC THEME CONFIGURATION */ +body { + color: #797979; + background: #f2f2f2; + font-family: 'Ruda', sans-serif; + padding: 0px !important; + margin: 0px !important; + font-size:13px; +} + +ul li { + list-style: none; +} + +a, a:hover, a:focus { + text-decoration: none; + outline: none; +} +::selection { + + background: #68dff0; + color: #fff; +} +::-moz-selection { + background: #68dff0; + color: #fff; +} + +#container { + width: 100%; + height: 100%; +} + +/* Bootstrap Modifications */ +.modal-header { + background: #68dff0; +} + +.modal-title { + color: white; +} + +.btn-round { + border-radius: 20px; + -webkit-border-radius: 20px; +} + +.accordion-heading .accordion-toggle { + display: block; + cursor: pointer; + border-top: 1px solid #F5F5F5; + padding: 5px 0px; + line-height: 28.75px; + text-transform: uppercase; + color: #1a1a1a; + background-color: #ffffff; + outline: none !important; + text-decoration: none; +} + + + +/*Theme Backgrounds*/ + +.bg-theme { + background-color: #68dff0; +} + +.bg-theme02 { + background-color: #ac92ec; +} + +.bg-theme03 { + background-color: #48cfad; +} + +.bg-theme04 { + background-color: #ed5565; +} +/*Theme Buttons*/ + +.btn-theme { + color: #fff; + background-color: #68dff0; + border-color: #48bcb4; +} +.btn-theme:hover, +.btn-theme:focus, +.btn-theme:active, +.btn-theme.active, +.open .dropdown-toggle.btn-theme { + color: #fff; + background-color: #48bcb4; + border-color: #48bcb4; +} + +.btn-theme02 { + color: #fff; + background-color: #ac92ec; + border-color: #967adc; +} +.btn-theme02:hover, +.btn-theme02:focus, +.btn-theme02:active, +.btn-theme02.active, +.open .dropdown-toggle.btn-theme02 { + color: #fff; + background-color: #967adc; + border-color: #967adc; +} + +.btn-theme03 { + color: #fff; + background-color: #48cfad; + border-color: #37bc9b; +} +.btn-theme03:hover, +.btn-theme03:focus, +.btn-theme03:active, +.btn-theme03.active, +.open .dropdown-toggle.btn-theme03 { + color: #fff; + background-color: #37bc9b; + border-color: #37bc9b; +} + +.btn-theme04 { + color: #fff; + background-color: #ed5565; + border-color: #da4453; +} +.btn-theme04:hover, +.btn-theme04:focus, +.btn-theme04:active, +.btn-theme04.active, +.open .dropdown-toggle.btn-theme04 { + color: #fff; + background-color: #da4453; + border-color: #da4453; +} + +.btn-clear-g { + color: #48bcb4; + background: transparent; + border-color: #48bcb4; +} + +.btn-clear-g:hover { + color: white; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #797979; +} + + + +/*Helpers*/ + +.centered { + text-align: center; +} + +.goleft { + text-align: left; +} + +.goright { + text-align: right; +} + +.mt { + margin-top: 25px; +} + +.mb { + margin-bottom: 25px; +} + +.ml { + margin-left: 5px; + } + +.no-padding { + padding: 0 !important; +} + +.no-margin { + margin: 0 !important; +} + +/*Exclusive Theme Colors Configuration*/ + +.label-theme { + background-color: #68dff0; +} + +.bg-theme { + background-color: #68dff0; +} + +ul.top-menu > li > .logout { + color: #f2f2f2; + font-size: 12px; + border-radius: 4px; + -webkit-border-radius: 4px; + border: 1px solid #64c3c2 !important; + padding: 5px 15px; + margin-right: 15px; + background: #68dff0; + margin-top: 15px; +} + +ul.top-menu > li > .login { + color: #f2f2f2; + font-size: 12px; + border-radius: 4px; + -webkit-border-radius: 4px; + border: 1px solid #64c3c2 !important; + padding: 5px 15px; + margin-right: 15px; + background: #68dff0; + margin-top: 15px; +} + +/*sidebar navigation*/ + +#sidebar { + width: 210px; + height: 100%; + position: fixed; + background: #424a5d; +} + +#sidebar h5 { + color: #f2f2f2; + font-weight: 700; +} + +#sidebar ul li { + position: relative; +} + +#sidebar .sub-menu > .sub li { + padding-left: 32px; +} + +#sidebar .sub-menu > .sub li:last-child { + padding-bottom: 10px; +} + +/*LEFT NAVIGATION ICON*/ +.dcjq-icon { + height:17px; + width:17px; + display:inline-block; + background: url("../img/nav-expand.png") no-repeat top; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + position:absolute; + right:10px; + top:15px; +} +.active .dcjq-icon { + background: url("../img/nav-expand.png") no-repeat bottom; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +/*---*/ + +.nav-collapse.collapse { + display: inline; +} + +ul.sidebar-menu , ul.sidebar-menu li ul.sub{ + margin: -2px 0 0; + padding: 0; +} + +ul.sidebar-menu { + margin-top: 75px; +} + +#sidebar > ul > li > ul.sub { + display: none; +} + +#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a { + display: block; +} + +ul.sidebar-menu li ul.sub li{ + background: #424a5d; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; +} + +ul.sidebar-menu li ul.sub li:last-child{ + border-radius: 0 0 4px 4px; + -webkit-border-radius: 0 0 4px 4px; +} + +ul.sidebar-menu li ul.sub li a { + font-size: 12px; + padding: 6px 0; + line-height: 35px; + height: 35px; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + transition: all 0.3s ease; + color: #aeb2b7; +} + +ul.sidebar-menu li ul.sub li a:hover { + color: white; + background: transparent; +} + +ul.sidebar-menu li ul.sub li.active a { + color: #68dff0; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + transition: all 0.3s ease; + display: block; +} + +ul.sidebar-menu li{ + /*line-height: 20px !important;*/ + margin-bottom: 5px; + margin-left:10px; + margin-right:10px; +} + +ul.sidebar-menu li.sub-menu{ + line-height: 15px; +} + +ul.sidebar-menu li a span{ + display: inline-block; +} + +ul.sidebar-menu li a{ + color: #aeb2b7; + text-decoration: none; + display: block; + padding: 15px 0 15px 10px; + font-size: 12px; + outline: none; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { + background: #68dff0; + color: #fff; + display: block; + + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + transition: all 0.3s ease; +} + + +ul.sidebar-menu li a i { + font-size: 15px; + padding-right: 6px; +} + +ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { + color: #fff; +} + +ul.sidebar-menu li a.active i { + color: #fff; +} + + +.mail-info, .mail-info:hover { + margin: -3px 6px 0 0; + font-size: 11px; +} + +/* MAIN CONTENT CONFIGURATION */ +#main-content { + margin-left: 210px; +} + +.header, .footer { + min-height: 60px; + padding: 0 15px; +} + +.header { + position: fixed; + left: 0; + right: 0; + z-index: 1002; +} + +.black-bg { + background: #ffd777; + border-bottom: 1px solid #c9aa5f; +} + +.wrapper { + display: inline-block; + margin-top: 60px; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 15px; + padding-top: 0px; + width: 100%; +} + +a.logo { + font-size: 20px; + color: #ffffff; + float: left; + margin-top: 15px; + text-transform: uppercase; +} + +a.logo b { + font-weight: 900; +} + +a.logo:hover, a.logo:focus { + text-decoration: none; + outline: none; +} + +a.logo span { + color: #68dff0; +} + + +/*notification*/ +#top_menu .nav > li, ul.top-menu > li { + float: left; +} + +.notify-row { + float: left; + margin-top: 15px; + margin-left: 92px; +} + +.notify-row .notification span.label { + display: inline-block; + height: 18px; + width: 20px; + padding: 5px; +} + +ul.top-menu > li > a { + color: #666666; + font-size: 16px; + border-radius: 4px; + -webkit-border-radius: 4px; + border:1px solid #666666 !important; + padding: 2px 6px; + margin-right: 15px; +} + +ul.top-menu > li > a:hover, ul.top-menu > li > a:focus { + border:1px solid #b6b6b6 !important; + background-color: transparent !important; + border-color: #b6b6b6 !important; + text-decoration: none; + border-radius: 4px; + -webkit-border-radius: 4px; + color: #b6b6b6 !important; +} + +.notify-row .badge { + position: absolute; + right: -10px; + top: -10px; + z-index: 100; +} + +.dropdown-menu.extended { + max-width: 300px !important; + min-width: 160px !important; + top: 42px; + width: 235px !important; + padding: 0; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important; + border: none !important; + border-radius: 4px; + -webkit-border-radius: 4px; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Chrome */ + .dropdown-menu.extended { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; + }; + } + +.dropdown-menu.extended li p { + background-color: #F1F2F7; + color: #666666; + margin: 0; + padding: 10px; + border-radius: 4px 4px 0px 0px; + -webkit-border-radius: 4px 4px 0px 0px; +} + +.dropdown-menu.extended li p.green { + background-color: #68dff0; + color: #fff; +} + +.dropdown-menu.extended li p.yellow { + background-color: #fcb322; + color: #fff; +} + +.dropdown-menu.extended li a { + border-bottom: 1px solid #EBEBEB !important; + font-size: 12px; + list-style: none; +} + +.dropdown-menu.extended li a { + padding: 15px 10px !important; + width: 100%; + display: inline-block; +} + +.dropdown-menu.extended li a:hover { + background-color: #F7F8F9 !important; + color: #2E2E2E; +} + +.dropdown-menu.tasks-bar .task-info .desc { + font-size: 13px; + font-weight: normal; +} + +.dropdown-menu.tasks-bar .task-info .percent { + display: inline-block; + float: right; + font-size: 13px; + font-weight: 600; + padding-left: 10px; + margin-top: -4px; +} + +.dropdown-menu.extended .progress { + margin-bottom: 0 !important; + height: 10px; +} + +.dropdown-menu.inbox li a .photo img { + border-radius: 2px 2px 2px 2px; + float: left; + height: 40px; + margin-right: 4px; + width: 40px; +} + +.dropdown-menu.inbox li a .subject { + display: block; +} + +.dropdown-menu.inbox li a .subject .from { + font-size: 12px; + font-weight: 600; +} + +.dropdown-menu.inbox li a .subject .time { + font-size: 11px; + font-style: italic; + font-weight: bold; + position: absolute; + right: 5px; +} + +.dropdown-menu.inbox li a .message { + display: block !important; + font-size: 11px; +} + +.top-nav { + margin-top: 7px; +} + +.top-nav ul.top-menu > li .dropdown-menu.logout { + width: 268px !important; + +} + +.top-nav li.dropdown .dropdown-menu { + float: right; + right: 0; + left: auto; +} + +.dropdown-menu.extended.logout > li { + float: left; + text-align: center; + width: 33.3%; +} + +.dropdown-menu.extended.logout > li:last-child { + float: left; + text-align: center; + width: 100%; + background: #a9d96c; + border-radius: 0 0 3px 3px; +} + +.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover { + color: #fff; + border-bottom: none !important; + text-transform: uppercase; +} + +.dropdown-menu.extended.logout > li:last-child > a:hover > i{ + color: #fff; +} + +.dropdown-menu.extended.logout > li > a { + color: #a4abbb; + border-bottom: none !important; +} + +.full-width .dropdown-menu.extended.logout > li > a:hover { + background: none !important; + color: #50c8ea !important; +} + +.dropdown-menu.extended.logout > li > a:hover { + background: none !important; +} + +.dropdown-menu.extended.logout > li > a:hover i { + color: #50c8ea; +} + +.dropdown-menu.extended.logout > li > a i { + font-size: 17px; +} + +.dropdown-menu.extended.logout > li > a > i { + display: block; +} + +.top-nav ul.top-menu > li > a { + border: 1px solid #eeeeee; + border-radius: 4px; + -webkit-border-radius: 4px; + padding: 6px; + background: none; + margin-right: 0; +} +.top-nav ul.top-menu > li { + margin-left: 10px; +} + +.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus { + border:1px solid #F1F2F7; + background: #F1F2F7; + +} + +.top-nav .dropdown-menu.extended.logout { + top: 50px; +} + +.top-nav .nav .caret { + border-bottom-color: #A4AABA; + border-top-color: #A4AABA; +} +.top-nav ul.top-menu > li > a:hover .caret { + border-bottom-color: #000; + border-top-color: #000; +} + +.log-arrow-up { + background: url("../img/arrow-up.png") no-repeat; + width: 20px; + height: 11px; + position: absolute; + right: 20px; + top: -10px; +} + +/*----*/ + +.notify-arrow { + border-style: solid; + border-width: 0 9px 9px; + height: 0; + margin-top: 0; + opacity: 0; + position: absolute; + left: 7px; + top: -18px; + transition: all 0.25s ease 0s; + width: 0; + z-index: 10; + margin-top: 10px; + opacity: 1; +} + +.notify-arrow-yellow { + border-color: transparent transparent #FCB322; + border-bottom-color: #FCB322 !important; + border-top-color: #FCB322 !important; +} +.notify-arrow-green { + border-color: transparent transparent #68dff0; + border-bottom-color: #68dff0 !important; + border-top-color: #68dff0 !important; +} + + + +/*--sidebar toggle---*/ + +.sidebar-toggle-box { + float: left; + padding-right: 15px; + margin-top: 20px; +} + +.sidebar-toggle-box .fa-bars { + cursor: pointer; + display: inline-block; + font-size: 20px; +} + + +.sidebar-closed > #sidebar > ul { + display: none; +} + +.sidebar-closed #main-content { + margin-left: 0px; +} + +.sidebar-closed #sidebar { + margin-left: -180px; +} + + +/* Dash Side */ + +.ds { + background: #ffffff; + padding-top: 20px; +} + +.ds h4 { + font-size: 14px; + font-weight: 700; +} + +.ds h3 { + color: #ffffff; + font-size: 16px; + padding: 0 10px; + line-height: 60px; + height: 60px; + margin: 0; + background: #ff865c; + text-align: center; +} + +.ds i { + font-size: 12px; + line-height: 16px; +} + +.ds .desc { + border-bottom: 1px solid #eaeaea; + display: inline-block; + padding: 15px 0; + width: 100%; +} + +.ds .desc:hover { + background: #f2f2f2; +} + +.ds .thumb { + width: 30px; + margin: 0 10px 0 20px; + display: block; + float: left; +} + +.ds .details { + width: 170px; + float: left; +} + +.ds > .desc p { + font-size: 11px; +} + +.ds p > muted { + font-size: 9px; + text-transform: uppercase; + font-style: italic; + color: #666666 +} + +.ds a { + color: #68dff0; +} + +/* LINE ICONS CONFIGURATION */ + +.mtbox { + margin-top: 80px; + margin-bottom: 40px; +} + +.box1 { + padding: 15px; + text-align: center; + color: #989898; + border-bottom: 1px solid #989898; +} + +.box1 span { + font-size: 50px; + +} + +.box1 h3 { + text-align: center; +} + +.box0:hover .box1 { + border-bottom: 1px solid #ffffff; +} + +.box0 p { + text-align: center; + font-size: 12px; + color: #f2f2f2; +} + +.box0:hover p { + color: #ff865c; +} + +.box0:hover { + background: #ffffff; + box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); +} + +/* MAIN CHART CONFIGURATION */ +.main-chart { + padding-top: 20px; +} + +.mleft { +} + +.border-head h3 { + margin-top: 20px; + margin-bottom: 20px; + margin-left: 15px; + padding-bottom: 5px; + font-weight: normal; + font-size: 18px; + display: inline-block; + width: 100%; + font-weight: 700; + color: #989898; +} + +.custom-bar-chart { + height: 290px; + margin-top: 20px; + margin-left: 20px; + position: relative; + border-bottom: 1px solid #c9cdd7; +} + +.custom-bar-chart .bar { + height: 100%; + position: relative; + width: 6%; + margin: 0px 4%; + float: left; + text-align: center; + z-index: 10; +} + +.custom-bar-chart .bar .title { + position: absolute; + bottom: -30px; + width: 100%; + text-align: center; + font-size: 11px; +} + +.custom-bar-chart .bar .value { + position: absolute; + bottom: 0; + background: #ff865c; + color: #68dff0; + width: 100%; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; + -webkit-transition: all .3s ease; + -moz-transition: all .3s ease; + -ms-transition: all .3s ease; + -o-transition: all .3s ease; + transition: all .3s ease; +} + + + +.custom-bar-chart .bar .value:hover { + background: #2f2f2f; + color: #fff; +} + +.y-axis { + color: #555555; + position: absolute; + text-align: left; + width: 100%; + font-size: 11px; +} + +.y-axis li { + border-top: 1px dashed #dbdce0; + display: block; + height: 58px; + width: 100%; +} + +.y-axis li:last-child { + border-top: none; +} + +.y-axis li span { + display: block; + margin: -10px 0 0 -60px; + padding: 0 10px; + width: 40px; +} + + +/*Donut Chart Main Page Conf*/ +.donut-main { + display: block; + text-align: center; +} + +.donut-main h4 { + font-weight: 700; + font-size: 16px; +} + +/* ************************************************************************************* +PANELS CONFIGURATIONS +*************************************************************************************** */ + +/*Panel Size*/ + +.pn { + height: 250px; + box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); +} + +.pn:hover { + box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3); + +} + +/*Grey Panel*/ + +.grey-panel { + text-align: center; + background: #dfdfe1; +} +.grey-panel .grey-header { + background: #ccd1d9; + padding: 3px; + margin-bottom: 15px; +} +.grey-panel h5 { + font-weight: 200; + margin-top: 10px; +} +.grey-panel p { + margin-left: 5px; +} +/* Specific Conf for Donut Charts*/ +.donut-chart p { + margin-top: 5px; + font-weight: 700; + margin-left: 15px; +} +.donut-chart h2 { + font-weight: 900; + color: #FF6B6B; + font-size: 38px; +} + +/* Dark Blue*/ + +.darkblue-panel { + text-align: center; + background: #444c57; +} +.darkblue-panel .darkblue-header { + background: transparent; + padding: 3px; + margin-bottom: 15px; +} +.darkblue-panel h1 { + color: #f2f2f2; +} +.darkblue-panel h5 { + font-weight: 200; + margin-top: 10px; + color: white; +} +.darkblue-panel footer { + color: white; +} +.darkblue-panel footer h5 { + margin-left:10px; + margin-right: 10px; + font-weight: 700; +} + +/*Green Panel*/ +.green-panel { + text-align: center; + background: #68dff0; +} +.green-panel .green-header { + background: #43b1a9; + padding: 3px; + margin-bottom: 15px; +} +.green-panel h5 { + color: white; + font-weight: 200; + margin-top: 10px; +} +.green-panel h3 { + color: white; + font-weight: 100; +} +.green-panel p { + color: white; +} + +/*White Panel */ +.white-panel { + text-align: center; + background: #ffffff; + color: #ccd1d9; +} + +.white-panel p { + margin-top: 5px; + font-weight: 700; + margin-left: 15px; +} +.white-panel .white-header { + background: #f4f4f4; + padding: 3px; + margin-bottom: 15px; + color: #c6c6c6; +} +.white-panel .small { + font-size: 10px; + color: #ccd1d9; +} + +.white-panel i { + color: #68dff0; + padding-right: 4px; + font-size: 14px; +} + +/*STOCK CARD Panel*/ +.card { + background: white; + box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); + margin-bottom: 1em; + height: 250px; +} +.stock .stock-chart { + background: #00c5de; +} +.stock .stock-chart #chart { + height: 10.7em; + background: url(http://i.imgbox.com/abmuNQx2) center bottom no-repeat; +} +.stock .current-price { + background: #1d2122; + padding: 10px; +} +.stock .current-price .info abbr { + display: block; + color: #f8f8f8; + font-size: 1.5em; + font-weight: 600; + margin-top: 0.18em; +} +.stock .current-price .changes { + text-align: right; +} +.stock .changes .up { + color: #4fd98b +} +.stock .current-price .changes .value { + font-size: 1.8em; + font-weight: 700; +} +.stock .summary { + color: #2f2f2f; + display: block; + background: #f2f2f2; + padding: 10px; + text-align: center; +} +.stock .summary strong { + font-weight: 900; + font-size: 14px; +} + +/*Content Panel*/ +.content-panel { + background: #ffffff; + box-shadow: 0px 3px 2px #aab2bd; + padding-top: 15px; + padding-bottom: 5px; +} +.content-panel h4 { + margin-left: 10px; +} + +/*WEATHER PANELS*/ + +/* Weather 1 */ +.weather { + background: url(../img/weather.jpg) no-repeat center top; + text-align: center; + background-position: center center; +} +.weather i { + color: white; + margin-top: 45px; +} +.weather h2 { + color: white; + font-weight: 900; +} +.weather h4 { + color: white; + font-weight: 900; + letter-spacing: 1px; +} + +/* Weather 2 */ +.weather-2 { + background: #e9f0f4; +} +.weather-2 .weather-2-header { + background: #54bae6; + padding-top: 5px; + margin-bottom: 5px; +} +.weather-2 .weather-2-header p { + color: white; + margin-left: 5px; + margin-right: 5px; +} +.weather-2 .weather-2-header p small { + font-size: 10px; +} +.weather-2 .data { + margin-right: 10px; + margin-left: 10px; + color: #272b34; +} +.weather-2 .data h5 { + margin-top: 0px; + font-weight: lighter; +} +.weather-2 .data h1{ + margin-top: 2px; +} + +/* Weather 3 */ +.weather-3 { + background: #ffcf00; +} + +.weather-3 i { + color: white; + margin-top: 30px; + font-size: 70px; +} +.weather-3 h1 { + margin-top: 10px; + color: white; + font-weight: 900; +} +.weather-3 .info { + background: #f2f2f2; +} +.weather-3 .info i { + font-size: 15px; + color: #c2c2c2; + margin-bottom: 0px; + margin-top: 10px; +} +.weather-3 .info h3 { + font-weight: 900; + margin-bottom: 0px; +} +.weather-3 .info p { + margin-left: 10px; + margin-right: 10px; + margin-bottom: 16px; + color: #c2c2c2; + font-size: 15px; + font-weight: 700; +} + + +/*Twitter Panel*/ +.twitter-panel { + background: #4fc1e9; + text-align: center; +} +.twitter-panel i { + color: white; + margin-top: 40px; +} +.twitter-panel p { + color: #f5f5f5; + margin: 10px; +} +.twitter-panel .user { + color: white; + font-weight: 900; +} + + +/* Instagram Panel*/ +.instagram-panel { + background: url(../img/instagram.jpg) no-repeat center top; + text-align: center; + background-position: center center; +} +.instagram-panel i { + color: white; + margin-top: 35px; +} +.instagram-panel p { + margin: 5px; + color: white; +} + +/* Product Panel */ +.product-panel { + background: #dadad2; + text-align: center; + padding-top: 50px; + height: 100%; +} + +/* Product Panel 2*/ +.product-panel-2 { + background: #dadad2; + text-align: center; +} +.product-panel-2 .badge { + position: absolute; + top: 20px; + left: 35px; +} +.badge-hot { + background: #ed5565; + width: 70px; + height: 70px; + line-height: 70px; + font-size: 18px; + color: #fff; + text-align: center; + border-radius: 100%; +} + +/* Soptify Panel */ +#spotify { + background: url(../img/lorde.jpg) no-repeat center top; + margin-top: -15px; + background-attachment: relative; + background-position: center center; + min-height: 220px; + width: 100%; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#spotify .btn-clear-g { + top: 15%; + right: 10px; + position: absolute; + margin-top: 5px; +} +#spotify .sp-title { + bottom: 15%; + left: 25px; + position: absolute; + color: #efefef; +} +#spotify .sp-title h3 { + font-weight: 900; +} +#spotify .play{ + bottom: 18%; + right: 25px; + position: absolute; + color: #efefef; + font-size: 20px +} +.followers { + margin-left: 5px; + margin-top: 5px; +} + +/* BLOG PANEL */ +#blog-bg { + background: url(../img/blog-bg.jpg) no-repeat center top; + margin-top: -15px; + background-attachment: relative; + background-position: center center; + min-height: 150px; + width: 100%; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#blog-bg .badge { + position: absolute; + top: 20px; + left: 35px; +} +.badge-popular { + background: #3498db; + width: 70px; + height: 70px; + line-height: 70px; + font-size: 13px; + color: #fff; + text-align: center; + border-radius: 100%; +} +.blog-title { + background: rgba(0,0,0,0.5); + bottom: 100px; + padding: 6px; + color: white; + font-weight: 700; + position: absolute; + display: block; + width: 120px; +} +.blog-text { + margin-left: 8px; + margin-right: 8px; + margin-top: 15px; + font-size: 12px; +} + +/* Calendar Configuration */ +#calendar { + color: white; + padding: 0px !important; +} +.calendar-month-header { + background: #43b1a9; +} + +/* TODO PANEL */ +.steps{ + display: block; +} +.steps input[type=checkbox] { + display: none; +} +.steps input[type=submit]{ + background: #f1783c; + border: none; + padding: 0px; + margin: 0 auto; + width: 100%; + height: 55px; + color: white; + text-transform: uppercase; + font-weight: 900; + font-size: 11px; + letter-spacing: 1px; + cursor: pointer; + transition: background 0.5s ease +} +.steps input[type=submit]:hover{ + background: #8fde9c; +} +.steps label{ + background: #393D40; + height: 65px; + line-height: 65px; + width: 100%; + display: block; + border-bottom: 1px solid #44494e; + color: #889199; + text-transform: uppercase; + font-weight: 900; + font-size: 11px; + letter-spacing: 1px; + text-indent: 52px; + cursor: pointer; + transition: all 0.7s ease; + margin: 0px; +} +.steps label:before{ + content:""; + width: 12px; + height: 12px; + display: block; + position: absolute; + margin: 26px 0px 0px 18px; + border-radius: 100%; + transition: border 0.7s ease +} +.steps label:hover{ + background: #2B2E30; + color: #46b7e5 +} +.steps label:hover:before{ + border: 1px solid #46b7e5; +} +#op1:checked ~ label[for=op1]:before, +#op2:checked ~ label[for=op2]:before, +#op3:checked ~ label[for=op3]:before{ + border: 2px solid #96c93c; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpinHLMhgEHKADia0xQThIQs6JJ9gPxZhYQAcS6QHwDiI8hSYJAC0gBPxDLAvFcIJ6JJJkDxFNBVtgBcQ8Qa6BLghgwN4A4a9ElQYAFSj8C4mwg3o8sCQIAAQYA78QTYqnPZuEAAAAASUVORK5CYII=') no-repeat center center; +} + +/* PROFILE PANELS */ +/* Profile 01*/ +#profile-01 { + background: url(../img/profile-01.jpg) no-repeat center top; + margin-top: -15px; + background-attachment: relative; + background-position: center center; + min-height: 150px; + width: 100%; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#profile-01 h3 { + color: white; + padding-top: 50px; + margin: 0px; + text-align: center; +} +#profile-01 h6 { + color: white; + text-align: center; + margin-bottom: 0px; + font-weight: 900; +} +.profile-01 { + background: #68dff0; + height: 50px; +} +.profile-01:hover { + background: #2f2f2f; + -webkit-transition: background-color 0.6s; + -moz-transition: background-color 0.6s; + -o-transition: background-color 0.6s; + transition: background-color 0.6s; + cursor: pointer; +} +.profile-01 p { + color: white; + padding-top: 15px; + font-weight: 400; + font-size: 15px; +} + +/* Profile 02*/ +#profile-02 { + background: url(../img/profile-02.jpg) no-repeat center top; + margin-top: -15px; + background-attachment: relative; + background-position: center center; + min-height: 200px; + width: 100%; + -webkit-background-size: 100%; + -moz-background-size: 100%; + -o-background-size: 100%; + background-size: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#profile-02 .user { + padding-top: 40px; + text-align: center; +} +#profile-02 h4 { + color: white; + margin:0px; + padding-top: 8px; +} +.pr2-social a { + color: #cdcdcd; +} +.pr2-social a:hover { + color: #68dff0; +} +.pr2-social i { + margin-top: 15px; + margin-right: 12px; + font-size: 20px; +} + + +/*spark line*/ +.chart { + display: inline-block; + text-align: center; + width: 100%; +} +.chart .heading { + text-align: left; +} +.chart .heading span { + display: block; +} +.panel.green-chart .chart-tittle { + font-size: 16px; + padding: 15px; + display: inline-block; + font-weight:normal; + background: #99c262; + width: 100%; + -webkit-border-radius: 0px 0px 4px 4px; + border-radius: 0px 0px 4px 4px; +} +#barchart { + margin-bottom: -15px; + display: inline-block; +} +.panel.green-chart .chart-tittle .value { + float: right; + color: #c0f080; +} +.panel.green-chart { + background: #a9d96c; + color: #fff; +} +.panel.terques-chart { + background: transparent; + color: #797979; +} +.panel.terques-chart .chart-tittle .value { + float: right; + color: #fff; +} +.panel.terques-chart .chart-tittle .value a { + color: #2f2f2f; + font-size: 12px; +} +.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { + color: #68dff0; + font-size: 12px; +} +.panel.terques-chart .chart-tittle { + font-size: 16px; + padding: 15px; + display: inline-block; + font-weight:normal; + background: #39b7ac; + width: 100%; + -webkit-border-radius: 0px 0px 4px 4px; + border-radius: 0px 0px 4px 4px; +} +.inline-block { + display: inline-block; +} + +/* showcase background */ +.showback { + background: #ffffff; + padding: 15px; + margin-bottom: 15px; + box-shadow: 0px 3px 2px #aab2bd; +} + + + +/* Calendar Events - Calendar.html*/ +.external-event { + cursor: move; + display: inline-block !important; + margin-bottom: 7px !important; + margin-right: 7px !important; + padding: 10px; +} + +.drop-after { + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #ccc; +} + +.fc-state-default, .fc-state-default .fc-button-inner { + background: #f2f2f2; +} + +.fc-state-active .fc-button-inner { + background: #FFFFFF; +} + +/* Gallery Configuration */ +.photo-wrapper { + display: block; + position: relative; + overflow: hidden; + background-color: #68dff0; + -webkit-transition: background-color 0.4s; + -moz-transition: background-color 0.4s; + -o-transition: background-color 0.4s; + transition: background-color 0.4s; +} +.project .overlay { + position: absolute; + text-align: center; + color: #fff; + opacity: 0; + filter: alpha(opacity=0); + -webkit-transition: opacity 0.4s; + -moz-transition: opacity 0.4s; + -o-transition: opacity 0.4s; + transition: opacity 0.4s; + +} + +.project:hover .photo-wrapper { + background-color: #68dff0; + background-image:url(../img/zoom.png); + background-repeat:no-repeat; + background-position:center; + top: 0; + bottom: 0; + left: 0; + right: 0; + position: relative; +} +.project:hover .photo { + opacity: 10; + filter: alpha(opacity=4000); + opacity: 0.1; + filter: alpha(opacity=40); +} +.project:hover .overlay { + opacity: 100; + filter: alpha(opacity=10000); + opacity: 1; + filter: alpha(opacity=100); +} + + + +/* EZ Checklist */ +.ez-checkbox { + margin-right: 5px; +} + +.ez-checkbox, .ez-radio { + height: 20px; + width: 20px; +} + +.brand-highlight { +background: #fffbcc !important; +} + + +/* FORMS CONFIGURATION */ +.form-panel { + background: #ffffff; + margin: 10px; + padding: 10px; + box-shadow: 0px 3px 2px #aab2bd; + text-align: left; +} + +label { + font-weight: 400; +} + +.form-horizontal.style-form .form-group { + border-bottom: 1px solid #eff2f7; + padding-bottom: 15px; + margin-bottom: 15px; +} + +.round-form { + border-radius: 500px; + -webkit-border-radius: 500px; +} + +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: left; + } +} + +#focusedInput { + border: 1px solid #ed5565; + box-shadow: none; +} + +.add-on { + float: right; + margin-top: -37px; + padding: 3px; + text-align: center; +} + +.add-on .btn { + height: 34px; +} + +/* TOGGLE CONFIGURATION */ +.has-switch { + border-radius: 30px; + -webkit-border-radius: 30px; + display: inline-block; + cursor: pointer; + line-height: 1.231; + overflow: hidden; + position: relative; + text-align: left; + width: 80px; + -webkit-mask: url('../img/mask.png') 0 0 no-repeat; + mask: url('../img/mask.png') 0 0 no-repeat; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.has-switch.deactivate { + opacity: 0.5; + filter: alpha(opacity=50); + cursor: default !important; +} +.has-switch.deactivate label, +.has-switch.deactivate span { + cursor: default !important; +} +.has-switch > div { + width: 162%; + position: relative; + top: 0; +} +.has-switch > div.switch-animate { + -webkit-transition: left 0.25s ease-out; + -moz-transition: left 0.25s ease-out; + -o-transition: left 0.25s ease-out; + transition: left 0.25s ease-out; + -webkit-backface-visibility: hidden; +} +.has-switch > div.switch-off { + left: -63%; +} +.has-switch > div.switch-off label { + background-color: #7f8c9a; + border-color: #bdc3c7; + -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); + -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); + box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); +} +.has-switch > div.switch-on { + left: 0%; +} +.has-switch > div.switch-on label { + background-color: #41cac0; +} +.has-switch input[type=checkbox] { + display: none; +} +.has-switch span { + cursor: pointer; + font-size: 14.994px; + font-weight: 700; + float: left; + height: 29px; + line-height: 19px; + margin: 0; + padding-bottom: 6px; + padding-top: 5px; + position: relative; + text-align: center; + width: 50%; + z-index: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: 0.25s ease-out; + -moz-transition: 0.25s ease-out; + -o-transition: 0.25s ease-out; + transition: 0.25s ease-out; + -webkit-backface-visibility: hidden; +} +.has-switch span.switch-left { + border-radius: 30px 0 0 30px; + background-color: #2A3542; + color: #41cac0; + border-left: 1px solid transparent; +} +.has-switch span.switch-right { + border-radius: 0 30px 30px 0; + background-color: #bdc3c7; + color: #ffffff; + text-indent: 7px; +} +.has-switch span.switch-right [class*="fui-"] { + text-indent: 0; +} +.has-switch label { + border: 4px solid #2A3542; + border-radius: 50%; + -webkit-border-radius: 50%; + float: left; + height: 29px; + margin: 0 -21px 0 -14px; + padding: 0; + position: relative; + vertical-align: middle; + width: 29px; + z-index: 100; + -webkit-transition: 0.25s ease-out; + -moz-transition: 0.25s ease-out; + -o-transition: 0.25s ease-out; + transition: 0.25s ease-out; + -webkit-backface-visibility: hidden; +} +.switch-square { + border-radius: 6px; + -webkit-border-radius: 6px; + -webkit-mask: url('../img/mask.png') 0 0 no-repeat; + mask: url('../img/mask.png') 0 0 no-repeat; +} +.switch-square > div.switch-off label { + border-color: #7f8c9a; + border-radius: 6px 0 0 6px; +} +.switch-square span.switch-left { + border-radius: 6px 0 0 6px; +} +.switch-square span.switch-left [class*="fui-"] { + text-indent: -10px; +} +.switch-square span.switch-right { + border-radius: 0 6px 6px 0; +} +.switch-square span.switch-right [class*="fui-"] { + text-indent: 5px; +} +.switch-square label { + border-radius: 0 6px 6px 0; + border-color: #41cac0; +} + + + +/*LOGIN CONFIGURATION PAGE*/ +.form-login { + max-width: 330px; + margin: 100px auto 0; + background: #fff; + border-radius: 5px; + -webkit-border-radius: 5px; +} + +.form-login h2.form-login-heading { + margin: 0; + padding: 25px 20px; + text-align: center; + background: #68dff0; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + color: #fff; + font-size: 20px; + text-transform: uppercase; + font-weight: 300; +} +.login-wrap { + padding: 20px; +} +.login-wrap .registration { + text-align: center; +} +.login-social-link { + display: block; + margin-top: 20px; + margin-bottom: 15px; +} + + +/*LOCK SCREEN CONF*/ +#showtime { + width: 100%; + color: #fff; + font-size: 90px; + margin-bottom: 30px; + margin-top: 250px; + display: inline-block; + text-align: center; + font-weight: 400; +} + +.lock-screen { + text-align: center; +} + +.lock-screen a { + color: white; +} + +.lock-screen a:hover { + color: #48cfad +} + +.lock-screen i { + font-size: 60px; +} + +.lock-screen .modal-content { + position: relative; + background-color: #f2f2f2; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 5px; +} + + +.btn-facebook { + color: #fff; + background-color: #5193ea; + border-color: #2775e2; +} +.btn-facebook:hover, +.btn-facebook:focus, +.btn-facebook:active, +.btn-facebook.active, +.open .dropdown-toggle.btn-facebook { + color: #fff; + background-color: #2775e2; + border-color: #2775e2; +} + +.btn-twitter { + color: #fff; + background-color: #44ccfe; + border-color: #2bb4e8; +} +.btn-twitter:hover, +.btn-twitter:focus, +.btn-twitter:active, +.btn-twitter.active, +.open .dropdown-toggle.btn-twitter { + color: #fff; + background-color: #2bb4e8; + border-color: #2bb4e8; +} + + +/*badge*/ +.badge.bg-primary { + background: #8075c4; +} + +.badge.bg-success { + background: #a9d86e; +} + +.badge.bg-warning { + background: #FCB322; +} + +.badge.bg-important { + background: #ff6c60; +} + +.badge.bg-info { + background: #41cac0; +} + +.badge.bg-inverse { + background: #2A3542; +} + + +/*easy pie chart*/ +.easy-pie-chart { + display: inline-block; + padding: 30px 0; +} + +.chart-info, .chart-info .increase, .chart-info .decrease { + display: inline-block; +} + +.chart-info { + width: 100%; + margin-bottom:5px; +} + +.chart-position { + margin-top: 70px; +} + +.chart-info span { + margin: 0 3px; +} + +.chart-info .increase { + background: #ff6c60; + width: 10px; + height: 10px; +} + +.chart-info .decrease { + background: #f2f2f2; + width: 10px; + height: 10px; +} + +.panel-footer.revenue-foot { + background-color: #e6e7ec; + -webkit-border-radius: 0px 0px 4px 4px; + border-radius: 0px 0px 4px 4px; + border: none; + padding: 0; + width: 100%; + display: inline-block; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Chrome */ + .panel-footer.revenue-foot { + margin-bottom: -4px; + }; + } + + +.panel-footer.revenue-foot ul { + margin: 0; + padding: 0; + width: 100%; + display: inline-flex; +} + +.panel-footer.revenue-foot ul li { + float: left; + width: 33.33%; +} + +.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a { + -webkit-border-radius: 0px 0px 0px 4px; + border-radius: 0px 0px 0px 4px; +} + +.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { + -webkit-border-radius: 0px 0px 4px 0px; + border-radius: 0px 0px 4px 0px; + border-right: none; + +} + +.panel-footer.revenue-foot ul li a{ + display: inline-block; + width: 100%; + padding: 14px 15px; + text-align: center; + border-right: 1px solid #d5d8df; + color: #797979; +} + +.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a { + background: #fff; + position: relative; +} + +.panel-footer.revenue-foot ul li a i { + color: #c6cad5; + display: block; + font-size: 16px; +} +.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i { + color: #ff6c60; + display: block; + font-size: 16px; +} + + +/*flot chart*/ +.flot-chart .chart, .flot-chart .pie, .flot-chart .bars { + height: 300px; +} + +/*todolist*/ +#sortable { + list-style-type: none; + margin: 0 0 20px 0; + padding: 0; + width: 100%; +} +#sortable li { + padding-left: 3em; + font-size: 12px; +} +#sortable li i { + position: absolute; + left:6px; + padding:4px 10px 0 10px; + cursor: pointer; +} + +#sortable li input[type=checkbox]{ + margin-top: 0; +} + +.ui-sortable > li { + padding: 15px 0 15px 35px !important ; + position: relative; + background: #f5f6f8; + margin-bottom: 2px; + border-bottom : none !important; +} + +.ui-sortable li.list-primary { + border-left: 3px solid #41CAC0; +} + +.ui-sortable li.list-success { + border-left: 3px solid #78CD51; +} + +.ui-sortable li.list-danger { + border-left: 3px solid #FF6C60; +} + +.ui-sortable li.list-warning { + border-left: 3px solid #F1C500; +} + +.ui-sortable li.list-info { + border-left: 3px solid #58C9F3; +} + +.ui-sortable li.list-inverse { + border-left: 3px solid #BEC3C7; +} + +/*footer*/ +.site-footer { + background: #68dff0; + color: #fff; + padding: 10px 0; +} + + +.go-top { + margin-right: 1%; + float: right; + background: rgba(255,255,255,.5); + width: 20px; + height: 20px; + border-radius: 50%; + -webkit-border-radius: 50%; +} + +.go-top i { + color: #2A3542; +} + +.site-min-height { + min-height: 900px; +} + +