Initial
8
public/.htaccess
Normal file
@@ -0,0 +1,8 @@
|
||||
<IfModule mod_rewrite.c>
|
||||
Options +FollowSymlinks -Multiviews
|
||||
RewriteEngine On
|
||||
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]
|
||||
</IfModule>
|
||||
BIN
public/favicon.ico
Normal file
|
After Width: | Height: | Size: 16 KiB |
24
public/index.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
// +----------------------------------------------------------------------
|
||||
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2006-2019 http://thinkphp.cn All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: liu21st <liu21st@gmail.com>
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
// [ 应用入口文件 ]
|
||||
namespace think;
|
||||
|
||||
require __DIR__ . '/../vendor/autoload.php';
|
||||
|
||||
// 执行HTTP应用并响应
|
||||
$http = (new App())->http;
|
||||
|
||||
$response = $http->run();
|
||||
|
||||
$response->send();
|
||||
|
||||
$http->end($response);
|
||||
2
public/robots.txt
Normal file
@@ -0,0 +1,2 @@
|
||||
User-agent: *
|
||||
Disallow: /
|
||||
19
public/router.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
// +----------------------------------------------------------------------
|
||||
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2006~2019 http://thinkphp.cn All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: liu21st <liu21st@gmail.com>
|
||||
// +----------------------------------------------------------------------
|
||||
// $Id$
|
||||
|
||||
if (is_file($_SERVER["DOCUMENT_ROOT"] . $_SERVER["SCRIPT_NAME"])) {
|
||||
return false;
|
||||
} else {
|
||||
$_SERVER["SCRIPT_FILENAME"] = __DIR__ . '/index.php';
|
||||
|
||||
require __DIR__ . "/index.php";
|
||||
}
|
||||
10
public/static/css/app.min.css
vendored
Normal file
7
public/static/css/bootstrap-table.css
vendored
Normal file
1
public/static/css/select2.min.css
vendored
Normal file
242
public/static/css/skins/skin-black-blue.css
Normal file
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Skin: Black blue
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-blue .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-blue .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-blue .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-blue .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-blue .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-blue .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-blue .main-header .logo {
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-blue .main-header .logo:hover {
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-blue .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-blue .main-header .nav-addtabs > li > a,
|
||||
.skin-black-blue .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-blue .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-blue .wrapper,
|
||||
.skin-black-blue .main-sidebar,
|
||||
.skin-black-blue .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-blue .user-panel > .info,
|
||||
.skin-black-blue .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li:hover > a,
|
||||
.skin-black-blue .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li > .treeview-menu {
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-blue .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-blue .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li > a {
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li.active > a,
|
||||
.skin-black-blue .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-blue .sidebar-form input[type="text"],
|
||||
.skin-black-blue .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-blue .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-blue .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-blue .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li.active > a {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #4e73df;
|
||||
border-left-color: #4e73df;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu li.treeview.active > a,
|
||||
.skin-black-blue .sidebar-menu li.treeview.treeview-open > a {
|
||||
background-color: #181f23;
|
||||
border-left-color: #181f23;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #4e73df;
|
||||
}
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #4e73df;
|
||||
}
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #4e73df;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-blue.css.map */
|
||||
242
public/static/css/skins/skin-black-green.css
Normal file
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Skin: Black green
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-green .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-green .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-green .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-green .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-green .main-header .navbar .nav .open > a,
|
||||
.skin-black-green .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-green .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-green .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-green .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-green .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-green .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-green .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-green .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-green .main-header .navbar .nav .open > a,
|
||||
.skin-black-green .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-green .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-green .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-green .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-green .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-green .main-header .logo {
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-green .main-header .logo:hover {
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-green .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-green .main-header .nav-addtabs > li > a,
|
||||
.skin-black-green .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-green .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-green .wrapper,
|
||||
.skin-black-green .main-sidebar,
|
||||
.skin-black-green .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-green .user-panel > .info,
|
||||
.skin-black-green .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li:hover > a,
|
||||
.skin-black-green .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li > .treeview-menu {
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-green .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-green .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li > a {
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li.active > a,
|
||||
.skin-black-green .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"],
|
||||
.skin-black-green .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li.active > a {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-green .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-green .sidebar-menu li.treeview.active > a,
|
||||
.skin-black-green .sidebar-menu li.treeview.treeview-open > a {
|
||||
background-color: #181f23;
|
||||
border-left-color: #181f23;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
}
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
}
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-green.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #18bc9c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-green.css.map */
|
||||
192
public/static/css/skins/skin-black-light.css
Normal file
@@ -0,0 +1,192 @@
|
||||
/*
|
||||
* Skin: Black light
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-light .main-header {
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-light .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-light .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-light .main-header .navbar {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-light .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-light .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-light .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-light .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-light .main-header .navbar .nav .open > a,
|
||||
.skin-black-light .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-light .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-light .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-light .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.skin-black-light .main-header .navbar .navbar-nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-light .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
.skin-black-light .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-black-light .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-light .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-light .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
}
|
||||
.skin-black-light .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-light .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-light .wrapper,
|
||||
.skin-black-light .main-sidebar,
|
||||
.skin-black-light .left-side {
|
||||
background-color: #f9fafc;
|
||||
}
|
||||
.skin-black-light .content-wrapper,
|
||||
.skin-black-light .main-footer {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
.skin-black-light .user-panel > .info,
|
||||
.skin-black-light .user-panel > .info > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li {
|
||||
-webkit-transition: border-left-color 0.3s ease;
|
||||
-o-transition: border-left-color 0.3s ease;
|
||||
transition: border-left-color 0.3s ease;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li.header {
|
||||
color: #848484;
|
||||
background: #f9fafc;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li:hover > a,
|
||||
.skin-black-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #222d32;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li.active {
|
||||
border-left-color: #222d32;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.skin-black-light .sidebar a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-black-light .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-light .treeview-menu > li > a {
|
||||
color: #777;
|
||||
}
|
||||
.skin-black-light .treeview-menu > li.active > a,
|
||||
.skin-black-light .treeview-menu > li > a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.skin-black-light .treeview-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-black-light .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d2d6de;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-light .sidebar-form input[type="text"],
|
||||
.skin-black-light .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-light .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-light .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-light .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-black-light .main-sidebar {
|
||||
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
.skin-black-light .content-wrapper,
|
||||
.skin-black-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-black-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #222d32;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-light.css.map */
|
||||
242
public/static/css/skins/skin-black-pink.css
Normal file
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Skin: Black pink
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-pink .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-pink .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-pink .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-pink .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-pink .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-pink .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-pink .main-header .logo {
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-pink .main-header .logo:hover {
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-pink .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-pink .main-header .nav-addtabs > li > a,
|
||||
.skin-black-pink .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-pink .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-pink .wrapper,
|
||||
.skin-black-pink .main-sidebar,
|
||||
.skin-black-pink .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-pink .user-panel > .info,
|
||||
.skin-black-pink .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li:hover > a,
|
||||
.skin-black-pink .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li > .treeview-menu {
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-pink .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-pink .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li > a {
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li.active > a,
|
||||
.skin-black-pink .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-pink .sidebar-form input[type="text"],
|
||||
.skin-black-pink .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-pink .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-pink .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-pink .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li.active > a {
|
||||
background-color: #f5549f;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #f5549f;
|
||||
border-left-color: #f5549f;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu li.treeview.active > a,
|
||||
.skin-black-pink .sidebar-menu li.treeview.treeview-open > a {
|
||||
background-color: #181f23;
|
||||
border-left-color: #181f23;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #f5549f;
|
||||
}
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #f5549f;
|
||||
}
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f5549f;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-pink.css.map */
|
||||
242
public/static/css/skins/skin-black-purple.css
Normal file
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Skin: Black purple
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-purple .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-purple .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-purple .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-purple .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-purple .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-purple .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-purple .main-header .logo {
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-purple .main-header .logo:hover {
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-purple .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-purple .main-header .nav-addtabs > li > a,
|
||||
.skin-black-purple .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-purple .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-purple .wrapper,
|
||||
.skin-black-purple .main-sidebar,
|
||||
.skin-black-purple .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-purple .user-panel > .info,
|
||||
.skin-black-purple .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li:hover > a,
|
||||
.skin-black-purple .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li > .treeview-menu {
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-purple .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-purple .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li > a {
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li.active > a,
|
||||
.skin-black-purple .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-purple .sidebar-form input[type="text"],
|
||||
.skin-black-purple .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-purple .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-purple .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-purple .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li.active > a {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #605ca8;
|
||||
border-left-color: #605ca8;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu li.treeview.active > a,
|
||||
.skin-black-purple .sidebar-menu li.treeview.treeview-open > a {
|
||||
background-color: #181f23;
|
||||
border-left-color: #181f23;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #605ca8;
|
||||
}
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #605ca8;
|
||||
}
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #605ca8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-purple.css.map */
|
||||
242
public/static/css/skins/skin-black-red.css
Normal file
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Skin: Black red
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-red .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-red .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-red .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-red .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav .open > a,
|
||||
.skin-black-red .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-red .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-red .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-red .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-red .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-red .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-red .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav .open > a,
|
||||
.skin-black-red .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-red .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-red .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-red .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-red .main-header .logo {
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-red .main-header .logo:hover {
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-red .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-red .main-header .nav-addtabs > li > a,
|
||||
.skin-black-red .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-red .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-red .wrapper,
|
||||
.skin-black-red .main-sidebar,
|
||||
.skin-black-red .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-red .user-panel > .info,
|
||||
.skin-black-red .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li:hover > a,
|
||||
.skin-black-red .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li > .treeview-menu {
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-red .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-red .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li > a {
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li.active > a,
|
||||
.skin-black-red .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-red .sidebar-form input[type="text"],
|
||||
.skin-black-red .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-red .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-red .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-red .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li.active > a {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #f75444;
|
||||
border-left-color: #f75444;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-red .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-red .sidebar-menu li.treeview.active > a,
|
||||
.skin-black-red .sidebar-menu li.treeview.treeview-open > a {
|
||||
background-color: #181f23;
|
||||
border-left-color: #181f23;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #f75444;
|
||||
}
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #f75444;
|
||||
}
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f75444;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-red.css.map */
|
||||
242
public/static/css/skins/skin-black-yellow.css
Normal file
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Skin: Black yellow
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-yellow .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-yellow .main-header .navbar .navbar-right > li > a {
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-yellow .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-yellow .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-yellow .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-yellow .main-header .logo {
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-yellow .main-header .logo:hover {
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-yellow .main-header li.user-header {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-yellow .main-header .nav-addtabs > li > a,
|
||||
.skin-black-yellow .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-yellow .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-yellow .wrapper,
|
||||
.skin-black-yellow .main-sidebar,
|
||||
.skin-black-yellow .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-yellow .user-panel > .info,
|
||||
.skin-black-yellow .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li:hover > a,
|
||||
.skin-black-yellow .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-yellow .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-yellow .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li > a {
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li.active > a,
|
||||
.skin-black-yellow .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form input[type="text"],
|
||||
.skin-black-yellow .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-yellow .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li.active > a {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #f39c12;
|
||||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu li.treeview.active > a,
|
||||
.skin-black-yellow .sidebar-menu li.treeview.treeview-open > a {
|
||||
background-color: #181f23;
|
||||
border-left-color: #181f23;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #f39c12;
|
||||
}
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #f39c12;
|
||||
}
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f39c12;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-yellow.css.map */
|
||||
219
public/static/css/skins/skin-black.css
Normal file
@@ -0,0 +1,219 @@
|
||||
/*
|
||||
* Skin: Black
|
||||
* -----------
|
||||
*/
|
||||
.skin-black .main-header {
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black .main-header .navbar .nav > li > a:active,
|
||||
.skin-black .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black .main-header .navbar .nav .open > a,
|
||||
.skin-black .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
}
|
||||
.skin-black .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #444;
|
||||
}
|
||||
.skin-black .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
.skin-black .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #222;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
.skin-black .main-header li.user-header {
|
||||
background-color: #222;
|
||||
}
|
||||
.skin-black .main-header .nav-addtabs > li > a,
|
||||
.skin-black .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black .wrapper,
|
||||
.skin-black .main-sidebar,
|
||||
.skin-black .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black .user-panel > .info,
|
||||
.skin-black .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black .sidebar-menu > li:hover > a,
|
||||
.skin-black .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black .sidebar-menu > li > .treeview-menu {
|
||||
background: #1c2529;
|
||||
}
|
||||
.skin-black .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black .treeview-menu > li > a {
|
||||
color: #72919f;
|
||||
}
|
||||
.skin-black .treeview-menu > li.active > a,
|
||||
.skin-black .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black .sidebar-form input[type="text"],
|
||||
.skin-black .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black .sidebar-form input[type="text"]:focus,
|
||||
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-black.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black.multiplenav .main-header .navbar {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a:active,
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black.multiplenav .main-header .navbar .nav .open > a,
|
||||
.skin-black.multiplenav .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black.multiplenav .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black.multiplenav .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.skin-black.multiplenav .main-header > .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-black.multiplenav .main-header > .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
.skin-black.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #fff;
|
||||
color: #374850;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black.css.map */
|
||||
184
public/static/css/skins/skin-blue-light.css
Normal file
@@ -0,0 +1,184 @@
|
||||
/*
|
||||
* Skin: Blue
|
||||
* ----------
|
||||
*/
|
||||
.skin-blue-light .main-header {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .nav > li > a:hover,
|
||||
.skin-blue-light .main-header .navbar .nav > li > a:active,
|
||||
.skin-blue-light .main-header .navbar .nav > li > a:focus,
|
||||
.skin-blue-light .main-header .navbar .nav .open > a,
|
||||
.skin-blue-light .main-header .navbar .nav .open > a:hover,
|
||||
.skin-blue-light .main-header .navbar .nav .open > a:focus,
|
||||
.skin-blue-light .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #3862db;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #3862db;
|
||||
}
|
||||
}
|
||||
.skin-blue-light .main-header .logo {
|
||||
background-color: #4e73df;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-blue-light .main-header .logo:hover {
|
||||
background-color: #4a70de;
|
||||
}
|
||||
.skin-blue-light .main-header li.user-header {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-blue-light .wrapper,
|
||||
.skin-blue-light .main-sidebar,
|
||||
.skin-blue-light .left-side {
|
||||
background-color: #f9fafc;
|
||||
}
|
||||
.skin-blue-light .content-wrapper,
|
||||
.skin-blue-light .main-footer {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
.skin-blue-light .user-panel > .info,
|
||||
.skin-blue-light .user-panel > .info > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li {
|
||||
-webkit-transition: border-left-color 0.3s ease;
|
||||
-o-transition: border-left-color 0.3s ease;
|
||||
transition: border-left-color 0.3s ease;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li.header {
|
||||
color: #848484;
|
||||
background: #f9fafc;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li:hover > a,
|
||||
.skin-blue-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li.active {
|
||||
border-left-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.skin-blue-light .sidebar a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-blue-light .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-blue-light .treeview-menu > li > a {
|
||||
color: #777;
|
||||
}
|
||||
.skin-blue-light .treeview-menu > li.active > a,
|
||||
.skin-blue-light .treeview-menu > li > a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.skin-blue-light .treeview-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-blue-light .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d2d6de;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-blue-light .sidebar-form input[type="text"],
|
||||
.skin-blue-light .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-blue-light .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-blue-light .sidebar-form input[type="text"]:focus,
|
||||
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-blue-light .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-blue-light .main-footer {
|
||||
border-top-color: #d2d6de;
|
||||
}
|
||||
.skin-blue-light .main-sidebar {
|
||||
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
.skin-blue-light .content-wrapper,
|
||||
.skin-blue-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #4e73df;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-blue-light.css.map */
|
||||
230
public/static/css/skins/skin-blue.css
Normal file
@@ -0,0 +1,230 @@
|
||||
/*
|
||||
* Skin: Blue
|
||||
* -----------
|
||||
*/
|
||||
.skin-blue .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-blue .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-blue .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-blue .main-header .navbar .nav > li > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-blue .main-header .navbar .nav > li > a:hover,
|
||||
.skin-blue .main-header .navbar .nav > li > a:active,
|
||||
.skin-blue .main-header .navbar .nav > li > a:focus,
|
||||
.skin-blue .main-header .navbar .nav .open > a,
|
||||
.skin-blue .main-header .navbar .nav .open > a:hover,
|
||||
.skin-blue .main-header .navbar .nav .open > a:focus,
|
||||
.skin-blue .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #4e73df;
|
||||
}
|
||||
.skin-blue .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #4e73df;
|
||||
}
|
||||
.skin-blue .main-header .navbar .sidebar-toggle {
|
||||
color: #444;
|
||||
}
|
||||
.skin-blue .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #4e73df;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-blue .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-blue .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-blue .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
.skin-blue .main-header > .logo {
|
||||
background-color: #4e73df;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #4e73df;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-blue .main-header > .logo:hover {
|
||||
background-color: #4a70de;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-blue .main-header > .logo {
|
||||
background-color: #fff;
|
||||
color: #222;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-blue .main-header > .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
.skin-blue .main-header li.user-header {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue .main-header .nav-addtabs > li > a,
|
||||
.skin-blue .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-blue .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-blue .wrapper,
|
||||
.skin-blue .main-sidebar,
|
||||
.skin-blue .left-side {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue .user-panel > .info,
|
||||
.skin-blue .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-blue .sidebar-menu > li.header {
|
||||
color: #a4b7ef;
|
||||
background: #3d65dc;
|
||||
}
|
||||
.skin-blue .sidebar-menu > li:hover > a,
|
||||
.skin-blue .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #456cdd;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-menu > li > .treeview-menu {
|
||||
background: #4169dd;
|
||||
}
|
||||
.skin-blue .sidebar a {
|
||||
color: #ccd9ff;
|
||||
}
|
||||
.skin-blue .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-blue .treeview-menu > li > a {
|
||||
color: #ccd9ff;
|
||||
}
|
||||
.skin-blue .treeview-menu > li.active > a,
|
||||
.skin-blue .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #7995e7;
|
||||
background-color: #7995e7;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"],
|
||||
.skin-blue .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #7995e7;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"]:focus,
|
||||
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-blue .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"]::-moz-placeholder {
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"]:-ms-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"]::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-form input[type="text"],
|
||||
.skin-blue .sidebar-form .btn {
|
||||
color: #fff;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-blue.multiplenav .main-header .navbar {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a:hover,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a:active,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a:focus,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav .open > a,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav .open > a:hover,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav .open > a:focus,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.skin-blue.multiplenav .main-header > .logo {
|
||||
background-color: #4e73df;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header > .logo:hover {
|
||||
background-color: #4a70de;
|
||||
}
|
||||
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #7995e7;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #fff;
|
||||
color: #7995e7;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-blue.css.map */
|
||||
181
public/static/css/skins/skin-green-light.css
Normal file
@@ -0,0 +1,181 @@
|
||||
/*
|
||||
* Skin: Green
|
||||
* -----------
|
||||
*/
|
||||
.skin-green-light .main-header {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .main-header .navbar {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .nav > li > a:hover,
|
||||
.skin-green-light .main-header .navbar .nav > li > a:active,
|
||||
.skin-green-light .main-header .navbar .nav > li > a:focus,
|
||||
.skin-green-light .main-header .navbar .nav .open > a,
|
||||
.skin-green-light .main-header .navbar .nav .open > a:hover,
|
||||
.skin-green-light .main-header .navbar .nav .open > a:focus,
|
||||
.skin-green-light .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-green-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #15a589;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-green-light .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-green-light .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green-light .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #15a589;
|
||||
}
|
||||
}
|
||||
.skin-green-light .main-header .logo {
|
||||
background-color: #18bc9c;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-green-light .main-header .logo:hover {
|
||||
background-color: #17b798;
|
||||
}
|
||||
.skin-green-light .main-header li.user-header {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-green-light .wrapper,
|
||||
.skin-green-light .main-sidebar,
|
||||
.skin-green-light .left-side {
|
||||
background-color: #f9fafc;
|
||||
}
|
||||
.skin-green-light .content-wrapper,
|
||||
.skin-green-light .main-footer {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
.skin-green-light .user-panel > .info,
|
||||
.skin-green-light .user-panel > .info > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li {
|
||||
-webkit-transition: border-left-color 0.3s ease;
|
||||
-o-transition: border-left-color 0.3s ease;
|
||||
transition: border-left-color 0.3s ease;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li.header {
|
||||
color: #848484;
|
||||
background: #f9fafc;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li:hover > a,
|
||||
.skin-green-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li.active {
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.skin-green-light .sidebar a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-green-light .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-green-light .treeview-menu > li > a {
|
||||
color: #777;
|
||||
}
|
||||
.skin-green-light .treeview-menu > li.active > a,
|
||||
.skin-green-light .treeview-menu > li > a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.skin-green-light .treeview-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-green-light .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d2d6de;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-green-light .sidebar-form input[type="text"],
|
||||
.skin-green-light .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-green-light .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-green-light .sidebar-form input[type="text"]:focus,
|
||||
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-green-light .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-green-light .main-sidebar {
|
||||
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
.skin-green-light .content-wrapper,
|
||||
.skin-green-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-green-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-green-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #18bc9c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-green-light.css.map */
|
||||
175
public/static/css/skins/skin-green.css
Normal file
@@ -0,0 +1,175 @@
|
||||
/*
|
||||
* Skin: Green
|
||||
* -----------
|
||||
*/
|
||||
.skin-green .main-header {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-green .main-header .navbar {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-green .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .main-header .navbar .nav > li > a:hover,
|
||||
.skin-green .main-header .navbar .nav > li > a:active,
|
||||
.skin-green .main-header .navbar .nav > li > a:focus,
|
||||
.skin-green .main-header .navbar .nav .open > a,
|
||||
.skin-green .main-header .navbar .nav .open > a:hover,
|
||||
.skin-green .main-header .navbar .nav .open > a:focus,
|
||||
.skin-green .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-green .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-green .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-green .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #15a589;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-green .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-green .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #15a589;
|
||||
}
|
||||
}
|
||||
.skin-green .main-header .logo {
|
||||
background-color: #15a589;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-green .main-header .logo:hover {
|
||||
background-color: #15a185;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-green .main-header .logo {
|
||||
background-color: #18bc9c;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-green .main-header .logo:hover {
|
||||
background-color: #17b798;
|
||||
}
|
||||
}
|
||||
.skin-green .main-header li.user-header {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-green .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-green .wrapper,
|
||||
.skin-green .main-sidebar,
|
||||
.skin-green .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-green .user-panel > .info,
|
||||
.skin-green .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-green .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-green .sidebar-menu > li:hover > a,
|
||||
.skin-green .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-green .sidebar-menu > li > .treeview-menu {
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-green .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-green .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-green .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
}
|
||||
.skin-green .treeview-menu > li.active > a,
|
||||
.skin-green .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-green .sidebar-form input[type="text"],
|
||||
.skin-green .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-green .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-green .sidebar-form input[type="text"]:focus,
|
||||
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-green .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-green .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-green.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-green.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #18bc9c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-green.css.map */
|
||||
181
public/static/css/skins/skin-purple-light.css
Normal file
@@ -0,0 +1,181 @@
|
||||
/*
|
||||
* Skin: Purple
|
||||
* ------------
|
||||
*/
|
||||
.skin-purple-light .main-header {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .nav > li > a:hover,
|
||||
.skin-purple-light .main-header .navbar .nav > li > a:active,
|
||||
.skin-purple-light .main-header .navbar .nav > li > a:focus,
|
||||
.skin-purple-light .main-header .navbar .nav .open > a,
|
||||
.skin-purple-light .main-header .navbar .nav .open > a:hover,
|
||||
.skin-purple-light .main-header .navbar .nav .open > a:focus,
|
||||
.skin-purple-light .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #555299;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple-light .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #555299;
|
||||
}
|
||||
}
|
||||
.skin-purple-light .main-header .logo {
|
||||
background-color: #605ca8;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-purple-light .main-header .logo:hover {
|
||||
background-color: #5d59a6;
|
||||
}
|
||||
.skin-purple-light .main-header li.user-header {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-purple-light .wrapper,
|
||||
.skin-purple-light .main-sidebar,
|
||||
.skin-purple-light .left-side {
|
||||
background-color: #f9fafc;
|
||||
}
|
||||
.skin-purple-light .content-wrapper,
|
||||
.skin-purple-light .main-footer {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
.skin-purple-light .user-panel > .info,
|
||||
.skin-purple-light .user-panel > .info > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li {
|
||||
-webkit-transition: border-left-color 0.3s ease;
|
||||
-o-transition: border-left-color 0.3s ease;
|
||||
transition: border-left-color 0.3s ease;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li.header {
|
||||
color: #848484;
|
||||
background: #f9fafc;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li:hover > a,
|
||||
.skin-purple-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li.active {
|
||||
border-left-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.skin-purple-light .sidebar a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-purple-light .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-purple-light .treeview-menu > li > a {
|
||||
color: #777;
|
||||
}
|
||||
.skin-purple-light .treeview-menu > li.active > a,
|
||||
.skin-purple-light .treeview-menu > li > a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.skin-purple-light .treeview-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-purple-light .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d2d6de;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-purple-light .sidebar-form input[type="text"],
|
||||
.skin-purple-light .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-purple-light .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-purple-light .sidebar-form input[type="text"]:focus,
|
||||
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-purple-light .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-purple-light .main-sidebar {
|
||||
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
.skin-purple-light .content-wrapper,
|
||||
.skin-purple-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #605ca8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-purple-light.css.map */
|
||||
220
public/static/css/skins/skin-purple.css
Normal file
@@ -0,0 +1,220 @@
|
||||
/*
|
||||
* Skin: Purple
|
||||
* ------------
|
||||
*/
|
||||
.skin-purple .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-purple .main-header .navbar .nav > li > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-purple .main-header .navbar .nav > li > a:hover,
|
||||
.skin-purple .main-header .navbar .nav > li > a:active,
|
||||
.skin-purple .main-header .navbar .nav > li > a:focus,
|
||||
.skin-purple .main-header .navbar .nav .open > a,
|
||||
.skin-purple .main-header .navbar .nav .open > a:hover,
|
||||
.skin-purple .main-header .navbar .nav .open > a:focus,
|
||||
.skin-purple .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #605ca8;
|
||||
}
|
||||
.skin-purple .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #605ca8;
|
||||
}
|
||||
.skin-purple .main-header .navbar .sidebar-toggle {
|
||||
color: #444;
|
||||
}
|
||||
.skin-purple .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #605ca8;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-purple .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #555299;
|
||||
}
|
||||
}
|
||||
.skin-purple .main-header > .logo {
|
||||
background-color: #605ca8;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #605ca8;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-purple .main-header > .logo:hover {
|
||||
background-color: #5d59a6;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple .main-header > .logo {
|
||||
background-color: #fff;
|
||||
color: #222;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-purple .main-header > .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
.skin-purple .main-header li.user-header {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple .main-header .nav-addtabs > li > a,
|
||||
.skin-purple .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-purple .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-purple .wrapper,
|
||||
.skin-purple .main-sidebar,
|
||||
.skin-purple .left-side {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple .user-panel > .info,
|
||||
.skin-purple .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-purple .sidebar-menu > li.header {
|
||||
color: #a19fcb;
|
||||
background: #57539c;
|
||||
}
|
||||
.skin-purple .sidebar-menu > li:hover > a,
|
||||
.skin-purple .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #5b57a3;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-menu > li > .treeview-menu {
|
||||
background: #5955a0;
|
||||
}
|
||||
.skin-purple .sidebar a {
|
||||
color: #c8c5ff;
|
||||
}
|
||||
.skin-purple .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-purple .treeview-menu > li > a {
|
||||
color: #c8c5ff;
|
||||
}
|
||||
.skin-purple .treeview-menu > li.active > a,
|
||||
.skin-purple .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #807dba;
|
||||
background-color: #807dba;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"],
|
||||
.skin-purple .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #807dba;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"]:focus,
|
||||
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-purple .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-purple.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"]::-moz-placeholder {
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"]:-ms-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"]::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-form input[type="text"],
|
||||
.skin-purple .sidebar-form .btn {
|
||||
color: #fff;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple.multiplenav .main-header .navbar {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a:hover,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a:active,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a:focus,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav .open > a,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav .open > a:hover,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav .open > a:focus,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.skin-purple.multiplenav .main-header > .logo {
|
||||
background-color: #605ca8;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header > .logo:hover {
|
||||
background-color: #5d59a6;
|
||||
}
|
||||
.skin-purple.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #807dba;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #fff;
|
||||
color: #807dba;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-purple.css.map */
|
||||
181
public/static/css/skins/skin-red-light.css
Normal file
@@ -0,0 +1,181 @@
|
||||
/*
|
||||
* Skin: Red
|
||||
* ---------
|
||||
*/
|
||||
.skin-red-light .main-header {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-red-light .main-header .navbar {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .nav > li > a:hover,
|
||||
.skin-red-light .main-header .navbar .nav > li > a:active,
|
||||
.skin-red-light .main-header .navbar .nav > li > a:focus,
|
||||
.skin-red-light .main-header .navbar .nav .open > a,
|
||||
.skin-red-light .main-header .navbar .nav .open > a:hover,
|
||||
.skin-red-light .main-header .navbar .nav .open > a:focus,
|
||||
.skin-red-light .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-red-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #f63e2c;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red-light .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-red-light .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red-light .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #f63e2c;
|
||||
}
|
||||
}
|
||||
.skin-red-light .main-header .logo {
|
||||
background-color: #f75444;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-red-light .main-header .logo:hover {
|
||||
background-color: #f7503f;
|
||||
}
|
||||
.skin-red-light .main-header li.user-header {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-red-light .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-red-light .wrapper,
|
||||
.skin-red-light .main-sidebar,
|
||||
.skin-red-light .left-side {
|
||||
background-color: #f9fafc;
|
||||
}
|
||||
.skin-red-light .content-wrapper,
|
||||
.skin-red-light .main-footer {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
.skin-red-light .user-panel > .info,
|
||||
.skin-red-light .user-panel > .info > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li {
|
||||
-webkit-transition: border-left-color 0.3s ease;
|
||||
-o-transition: border-left-color 0.3s ease;
|
||||
transition: border-left-color 0.3s ease;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li.header {
|
||||
color: #848484;
|
||||
background: #f9fafc;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li:hover > a,
|
||||
.skin-red-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #f75444;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li.active {
|
||||
border-left-color: #f75444;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.skin-red-light .sidebar a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-red-light .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-red-light .treeview-menu > li > a {
|
||||
color: #777;
|
||||
}
|
||||
.skin-red-light .treeview-menu > li.active > a,
|
||||
.skin-red-light .treeview-menu > li > a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.skin-red-light .treeview-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-red-light .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d2d6de;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-red-light .sidebar-form input[type="text"],
|
||||
.skin-red-light .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-red-light .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-red-light .sidebar-form input[type="text"]:focus,
|
||||
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-red-light .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-red-light .main-sidebar {
|
||||
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
.skin-red-light .content-wrapper,
|
||||
.skin-red-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-red-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f75444;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-red-light.css.map */
|
||||
175
public/static/css/skins/skin-red.css
Normal file
@@ -0,0 +1,175 @@
|
||||
/*
|
||||
* Skin: Red
|
||||
* ---------
|
||||
*/
|
||||
.skin-red .main-header {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-red .main-header .navbar {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-red .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .main-header .navbar .nav > li > a:hover,
|
||||
.skin-red .main-header .navbar .nav > li > a:active,
|
||||
.skin-red .main-header .navbar .nav > li > a:focus,
|
||||
.skin-red .main-header .navbar .nav .open > a,
|
||||
.skin-red .main-header .navbar .nav .open > a:hover,
|
||||
.skin-red .main-header .navbar .nav .open > a:focus,
|
||||
.skin-red .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-red .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-red .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-red .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #f63e2c;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-red .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #f63e2c;
|
||||
}
|
||||
}
|
||||
.skin-red .main-header .logo {
|
||||
background-color: #f63e2c;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-red .main-header .logo:hover {
|
||||
background-color: #f63927;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red .main-header .logo {
|
||||
background-color: #f75444;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-red .main-header .logo:hover {
|
||||
background-color: #f7503f;
|
||||
}
|
||||
}
|
||||
.skin-red .main-header li.user-header {
|
||||
background-color: #f75444;
|
||||
}
|
||||
.skin-red .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-red .wrapper,
|
||||
.skin-red .main-sidebar,
|
||||
.skin-red .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-red .user-panel > .info,
|
||||
.skin-red .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-red .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-red .sidebar-menu > li:hover > a,
|
||||
.skin-red .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #f75444;
|
||||
}
|
||||
.skin-red .sidebar-menu > li > .treeview-menu {
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-red .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-red .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-red .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
}
|
||||
.skin-red .treeview-menu > li.active > a,
|
||||
.skin-red .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-red .sidebar-form input[type="text"],
|
||||
.skin-red .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-red .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-red .sidebar-form input[type="text"]:focus,
|
||||
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-red .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-red .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-red.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f75444;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-red.css.map */
|
||||
181
public/static/css/skins/skin-yellow-light.css
Normal file
@@ -0,0 +1,181 @@
|
||||
/*
|
||||
* Skin: Yellow light
|
||||
* ------------
|
||||
*/
|
||||
.skin-yellow-light .main-header {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .nav > li > a:hover,
|
||||
.skin-yellow-light .main-header .navbar .nav > li > a:active,
|
||||
.skin-yellow-light .main-header .navbar .nav > li > a:focus,
|
||||
.skin-yellow-light .main-header .navbar .nav .open > a,
|
||||
.skin-yellow-light .main-header .navbar .nav .open > a:hover,
|
||||
.skin-yellow-light .main-header .navbar .nav .open > a:focus,
|
||||
.skin-yellow-light .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #e08e0b;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #e08e0b;
|
||||
}
|
||||
}
|
||||
.skin-yellow-light .main-header .logo {
|
||||
background-color: #f39c12;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-yellow-light .main-header .logo:hover {
|
||||
background-color: #f39a0d;
|
||||
}
|
||||
.skin-yellow-light .main-header li.user-header {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-yellow-light .wrapper,
|
||||
.skin-yellow-light .main-sidebar,
|
||||
.skin-yellow-light .left-side {
|
||||
background-color: #f9fafc;
|
||||
}
|
||||
.skin-yellow-light .content-wrapper,
|
||||
.skin-yellow-light .main-footer {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
.skin-yellow-light .user-panel > .info,
|
||||
.skin-yellow-light .user-panel > .info > a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li {
|
||||
-webkit-transition: border-left-color 0.3s ease;
|
||||
-o-transition: border-left-color 0.3s ease;
|
||||
transition: border-left-color 0.3s ease;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li.header {
|
||||
color: #848484;
|
||||
background: #f9fafc;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li:hover > a,
|
||||
.skin-yellow-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li.active {
|
||||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.skin-yellow-light .sidebar a {
|
||||
color: #444;
|
||||
}
|
||||
.skin-yellow-light .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-yellow-light .treeview-menu > li > a {
|
||||
color: #777;
|
||||
}
|
||||
.skin-yellow-light .treeview-menu > li.active > a,
|
||||
.skin-yellow-light .treeview-menu > li > a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.skin-yellow-light .treeview-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-yellow-light .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #d2d6de;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-yellow-light .sidebar-form input[type="text"],
|
||||
.skin-yellow-light .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-yellow-light .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-yellow-light .sidebar-form input[type="text"]:focus,
|
||||
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-yellow-light .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
|
||||
border-left: 1px solid #d2d6de;
|
||||
}
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
.skin-yellow-light .main-sidebar {
|
||||
-webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
.skin-yellow-light .content-wrapper,
|
||||
.skin-yellow-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f39c12;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-yellow-light.css.map */
|
||||
175
public/static/css/skins/skin-yellow.css
Normal file
@@ -0,0 +1,175 @@
|
||||
/*
|
||||
* Skin: Yellow
|
||||
* ------------
|
||||
*/
|
||||
.skin-yellow .main-header {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-yellow .main-header .navbar {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .nav > li > a:hover,
|
||||
.skin-yellow .main-header .navbar .nav > li > a:active,
|
||||
.skin-yellow .main-header .navbar .nav > li > a:focus,
|
||||
.skin-yellow .main-header .navbar .nav .open > a,
|
||||
.skin-yellow .main-header .navbar .nav .open > a:hover,
|
||||
.skin-yellow .main-header .navbar .nav .open > a:focus,
|
||||
.skin-yellow .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .nav-addtabs li > .close-tab {
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-yellow .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #e08e0b;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.skin-yellow .main-header .navbar .dropdown-menu li a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .main-header .navbar .dropdown-menu li a:hover {
|
||||
background: #e08e0b;
|
||||
}
|
||||
}
|
||||
.skin-yellow .main-header .logo {
|
||||
background-color: #e08e0b;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-yellow .main-header .logo:hover {
|
||||
background-color: #db8b0b;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow .main-header .logo {
|
||||
background-color: #f39c12;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-yellow .main-header .logo:hover {
|
||||
background-color: #f39a0d;
|
||||
}
|
||||
}
|
||||
.skin-yellow .main-header li.user-header {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-yellow .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
.skin-yellow .wrapper,
|
||||
.skin-yellow .main-sidebar,
|
||||
.skin-yellow .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-yellow .user-panel > .info,
|
||||
.skin-yellow .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-yellow .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-yellow .sidebar-menu > li:hover > a,
|
||||
.skin-yellow .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-yellow .sidebar-menu > li > .treeview-menu {
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-yellow .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-yellow .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-yellow .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
}
|
||||
.skin-yellow .treeview-menu > li.active > a,
|
||||
.skin-yellow .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-yellow .sidebar-form input[type="text"],
|
||||
.skin-yellow .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-yellow .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-yellow .sidebar-form input[type="text"]:focus,
|
||||
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-yellow .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-yellow .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.skin-yellow.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f39c12;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-yellow.css.map */
|
||||
BIN
public/static/images/aliyun.ico
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
public/static/images/baidu.ico
Normal file
|
After Width: | Height: | Size: 66 KiB |
BIN
public/static/images/cloudflare.ico
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
public/static/images/dnspod.ico
Normal file
|
After Width: | Height: | Size: 66 KiB |
22
public/static/images/error.svg
Normal file
@@ -0,0 +1,22 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.7.1 (28215) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Group 3</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group-3">
|
||||
<path d="M811.766606,296.607029 C725.516404,296.607029 655.657643,226.748269 655.657643,140.498066 C655.657643,101.665961 670.390426,66.541445 693.904339,39.2223769 C634.095092,13.9522389 568.43176,0 499.548681,0 C223.626089,0 0,223.723657 0,499.54868 C0,775.471271 223.626089,999.097361 499.548681,999.097361 C775.471273,999.097361 999.097362,775.471272 999.097361,499.54868 C999.097361,405.980871 972.851541,318.65742 928.067783,243.725117 C899.480329,275.922591 858.209022,296.607028 811.766606,296.607029 Z" id="Shape" fill="#FFC4C8"></path>
|
||||
<path d="M238.675291,767.256916 C232.468717,780.47076 238.148444,796.222193 251.355655,802.404131 C264.478533,808.562379 280.221438,802.931927 286.455491,789.773041 C289.099207,784.249664 352.329513,654.941609 499.098414,654.941609 C659.240351,654.941609 708.869257,784.171015 710.929271,789.665018 C715.974126,803.3318 731.081212,810.308748 744.787792,805.392762 C758.446046,800.396232 765.522488,785.331786 760.580917,771.641316 C759.949837,769.980228 697.138357,602.112764 499.098413,602.112764 C318.202829,602.112764 241.820271,760.519703 238.675291,767.256916" id="Shape" fill="#FF8992"></path>
|
||||
<g id="Group" transform="translate(267.388813, 340.579181)" fill="#FF8992">
|
||||
<path d="M67.8347682,135.646149 C105.298876,135.646149 135.669536,105.280725 135.669536,67.8230747 C135.669536,30.3654249 105.298876,0 67.8347682,0 C30.3706602,0 0,30.3654249 0,67.8230747 C0,105.280725 30.3706602,135.646149 67.8347682,135.646149 Z" id="Oval-1"></path>
|
||||
<ellipse id="Oval-1-Copy" cx="396.70349" cy="67.8230747" rx="67.8347682" ry="67.8230747"></ellipse>
|
||||
</g>
|
||||
<g id="Group-2" transform="translate(671.314741, 0.000000)">
|
||||
<path d="M140.582972,0 C63.016331,0 0.0849062373,62.9314257 0.0849052614,140.498066 C0.0849042856,218.064706 63.016331,280.996132 140.582972,280.996133 C218.149613,280.996134 281.081038,218.064707 281.081038,140.498066 C281.081038,62.9314248 218.149612,0 140.582972,0 L140.582972,0 Z" id="Shape" fill="#FF8992"></path>
|
||||
<path d="M140.87809,227.034331 C132.934307,227.034331 126.494024,220.60824 126.494024,212.68075 C126.494024,204.752278 132.934307,198.325203 140.87809,198.325203 C148.821872,198.325203 155.262155,204.752278 155.262155,212.68075 C155.262155,220.60824 148.821872,227.034331 140.87809,227.034331 L140.87809,227.034331 Z" id="Path" fill="#FFFFFF"></path>
|
||||
<path d="M140.87809,179.186222 C132.934307,179.186222 126.494024,172.760131 126.494024,164.831658 L126.494024,69.1354403 C126.494024,61.2079508 132.934307,54.7808765 140.87809,54.7808765 C148.821872,54.7808765 155.262155,61.2079508 155.262155,69.1354403 L155.262155,164.831658 C155.262155,172.760131 148.821872,179.186222 140.87809,179.186222 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
BIN
public/static/images/huawei.ico
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
18
public/static/images/info.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.7.1 (28215) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Group 3</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group-3">
|
||||
<path d="M811.766606,296.607029 C725.516404,296.607029 655.657643,226.748269 655.657643,140.498066 C655.657643,101.665961 670.390426,66.541445 693.904339,39.2223769 C634.095092,13.9522389 568.43176,0 499.548681,0 C223.626089,0 0,223.723657 0,499.54868 C0,775.471271 223.626089,999.097361 499.548681,999.097361 C775.471273,999.097361 999.097362,775.471272 999.097361,499.54868 C999.097361,405.980871 972.851541,318.65742 928.067783,243.725117 C899.480329,275.922591 858.209022,296.607028 811.766606,296.607029 Z" id="Shape" fill="#A5DBFF"></path>
|
||||
<g id="Group-2" transform="translate(671.314741, 0.000000)">
|
||||
<path d="M140.582972,0 C63.016331,0 0.0849062373,62.9314257 0.0849052614,140.498066 C0.0849042856,218.064706 63.016331,280.996132 140.582972,280.996133 C218.149613,280.996134 281.081038,218.064707 281.081038,140.498066 C281.081038,62.9314248 218.149612,0 140.582972,0 L140.582972,0 Z" id="Shape" fill="#5EB7F3"></path>
|
||||
<path d="M140.87809,227.034331 C132.934307,227.034331 126.494024,220.60824 126.494024,212.68075 C126.494024,204.752278 132.934307,198.325203 140.87809,198.325203 C148.821872,198.325203 155.262155,204.752278 155.262155,212.68075 C155.262155,220.60824 148.821872,227.034331 140.87809,227.034331 L140.87809,227.034331 Z" id="Path" fill="#FFFFFF"></path>
|
||||
<path d="M140.87809,179.186222 C132.934307,179.186222 126.494024,172.760131 126.494024,164.831658 L126.494024,69.1354403 C126.494024,61.2079508 132.934307,54.7808765 140.87809,54.7808765 C148.821872,54.7808765 155.262155,61.2079508 155.262155,69.1354403 L155.262155,164.831658 C155.262155,172.760131 148.821872,179.186222 140.87809,179.186222 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<path d="M325.314744,308.474056 C318.121595,301.280319 306.453832,301.280319 299.267743,308.474056 C292.071653,315.668382 292.071653,327.33085 299.267743,334.527528 L325.314744,360.574529 C332.510834,367.769443 344.168596,367.769443 351.365275,360.574529 C358.558424,353.384322 358.558424,341.723619 351.365275,334.527528 L325.314744,308.474056 L325.314744,308.474056 L325.314744,308.474056 Z M675.316427,308.474056 L649.26825,334.527528 C642.073924,341.723619 642.073924,353.384322 649.26825,360.574529 C656.454339,367.769443 668.11916,367.769443 675.316427,360.574529 L701.362251,334.527528 C708.560107,327.331438 708.560107,315.668971 701.362251,308.474056 C694.170867,301.283849 682.510753,301.283849 675.316427,308.474056 L675.316427,308.474056 L675.316427,308.474056 Z M279.264353,454.262547 L242.422039,454.262547 C232.249148,454.262547 224,462.509931 224,472.682821 C224,482.858653 232.24856,491.10486 242.422039,491.10486 L279.264353,491.10486 C289.437243,491.10486 297.68345,482.858653 297.68345,472.682821 C297.68345,462.510519 289.437243,454.262547 279.264353,454.262547 L279.264353,454.262547 L279.264353,454.262547 Z M758.20972,454.262547 L721.367995,454.262547 C711.195693,454.262547 702.946544,462.509931 702.946544,472.682821 C702.946544,482.858653 711.195693,491.10486 721.367995,491.10486 L758.20972,491.10486 C768.382022,491.10486 776.634113,482.858653 776.634113,472.682821 C776.634113,462.510519 768.382023,454.262547 758.20972,454.262547 L758.20972,454.262547 L758.20972,454.262547 Z M481.895605,242.421451 L481.895605,279.262588 C481.895605,289.436655 490.140635,297.681685 500.313526,297.681685 C510.486417,297.681685 518.737919,289.436655 518.737919,279.262588 L518.737919,242.421451 C518.737919,232.24856 510.486417,224 500.313526,224 C490.140635,224 481.895605,232.24856 481.895605,242.421451 L481.895605,242.421451 L481.895605,242.421451 Z M371.368077,500.314703 C371.368077,429.100938 429.09682,371.368077 500.313526,371.368077 C571.533174,371.368077 629.26427,429.100938 629.26427,500.314703 C629.26427,571.530822 571.532586,629.265447 500.313526,629.265447 C429.09682,629.266036 371.368077,571.530822 371.368077,500.314703 L371.368077,500.314703 L371.368077,500.314703 Z M334.527528,500.314703 C334.527528,591.885428 408.749862,666.112467 500.313526,666.112467 C591.881897,666.112467 666.104819,591.885427 666.104819,500.314703 C666.104819,408.748685 591.881897,334.52694 500.313526,334.52694 C408.749273,334.527528 334.527528,408.749273 334.527528,500.314703 L334.527528,500.314703 L334.527528,500.314703 Z M463.473566,758.215603 C463.473566,768.381434 471.722126,776.637054 481.895605,776.637054 L518.737919,776.637054 C528.911398,776.637054 537.159958,768.382022 537.159958,758.215603 C537.159958,748.036241 528.911398,739.793564 518.737919,739.793564 L481.895605,739.793564 C471.722715,739.793564 463.473566,748.036241 463.473566,758.215603 L463.473566,758.215603 L463.473566,758.215603 Z M426.633018,702.953604 C426.633018,713.118259 434.879225,721.373878 445.052115,721.373878 L555.579056,721.373878 C565.751947,721.373878 574.000507,713.118847 574.000507,702.953604 C574.000507,692.771889 565.751947,684.528624 555.579056,684.528624 L445.052115,684.528624 C434.878636,684.528035 426.633018,692.771889 426.633018,702.953604 L426.633018,702.953604 L426.633018,702.953604 Z" id="Shape" fill="#5EB7F3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
BIN
public/static/images/login-head.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
public/static/images/logo.png
Normal file
|
After Width: | Height: | Size: 8.9 KiB |
18
public/static/images/success.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.7.1 (28215) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Group 2</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group-2">
|
||||
<path d="M928.424049,243.818679 C899.825622,276.028512 858.538471,296.72089 812.078227,296.720891 C725.794915,296.720891 655.909337,226.835313 655.909337,140.552 C655.909337,101.704989 670.647776,66.5669889 694.170715,39.2374336 C634.338509,13.9575949 568.649969,5.68434189e-14 499.740447,5.68434189e-14 C223.711934,5.68434189e-14 0,223.80954 0,499.740447 C0,775.768959 223.711934,999.480894 499.740447,999.480894 C775.768961,999.480894 999.480895,775.76896 999.480894,499.740447 C999.480894,406.136718 973.225,318.779746 928.424049,243.818679 L928.424049,243.818679 Z" id="Shape" fill="#E3FCD9"></path>
|
||||
<path d="M812.078227,0.195211166 C734.481809,0.195211166 671.526226,63.150795 671.526225,140.747211 C671.526224,218.343628 734.481809,281.299212 812.078227,281.299213 C889.674644,281.299214 952.630227,218.343629 952.630227,140.747211 C952.630227,63.150794 889.674643,0.195211166 812.078227,0.195211166 L812.078227,0.195211166 Z M894.35971,102.193017 L796.949365,199.603362 C791.385848,205.166879 782.308531,205.166879 776.842621,199.603362 L729.796742,152.557484 C724.233226,146.993968 724.233226,137.916651 729.796742,132.450739 C735.360259,126.887223 744.437576,126.887223 749.903487,132.450739 L781.527688,164.074939 C784.455854,167.003106 789.238526,167.003106 792.166693,164.074939 L874.15536,82.0862722 C879.718877,76.5227555 888.796193,76.5227555 894.262105,82.0862722 C899.923227,87.5521829 899.923227,96.6294997 894.35971,102.193017 L894.35971,102.193017 Z" id="Shape" fill="#9AD388"></path>
|
||||
<g id="Group" transform="translate(222.536413, 340.709923)" fill="#9AD388">
|
||||
<ellipse id="Oval-1" cx="112.815854" cy="67.8491107" rx="67.8608086" ry="67.8491107"></ellipse>
|
||||
<ellipse id="Oval-1-Copy" cx="441.810822" cy="67.8491107" rx="67.8608086" ry="67.8491107"></ellipse>
|
||||
<path d="M2.6939078,297.641001 C-3.83805327,283.709963 2.13943932,267.103606 16.0390529,260.586137 C29.8499119,254.093644 46.4181552,260.029694 52.9790356,273.902791 C55.7613514,279.725955 122.306574,416.052327 276.769992,416.052327 C445.307541,416.052327 497.538297,279.808873 499.706308,274.016677 C505.015645,259.608118 520.914737,252.25249 535.339899,257.435296 C549.714202,262.703017 557.161634,278.5851 551.960996,293.018633 C551.29683,294.769878 485.192391,471.748507 276.769991,471.748507 C86.3907615,471.748507 6.0037667,304.743882 2.6939078,297.641001 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
BIN
public/static/images/user.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/static/images/west.ico
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
738
public/static/js/app.js
Normal file
@@ -0,0 +1,738 @@
|
||||
/*! AdminLTE app.js
|
||||
* ================
|
||||
* Main JS application file for AdminLTE v2. This file
|
||||
* should be included in all pages. It controls some layout
|
||||
* options and implements exclusive AdminLTE plugins.
|
||||
*
|
||||
* @author Colorlib
|
||||
* @support <https://github.com/ColorlibHQ/AdminLTE/issues>
|
||||
* @version v2.4.18
|
||||
* @repository git://github.com/ColorlibHQ/AdminLTE.git
|
||||
* @license MIT <http://opensource.org/licenses/MIT>
|
||||
*/
|
||||
|
||||
// Make sure jQuery has been loaded
|
||||
if (typeof jQuery === 'undefined') {
|
||||
throw new Error('AdminLTE requires jQuery')
|
||||
}
|
||||
|
||||
/* ControlSidebar()
|
||||
* ===============
|
||||
* Toggles the state of the control sidebar
|
||||
*
|
||||
* @Usage: $('#control-sidebar-trigger').controlSidebar(options)
|
||||
* or add [data-toggle="control-sidebar"] to the trigger
|
||||
* Pass any option as data-option="value"
|
||||
*/
|
||||
+function ($) {
|
||||
'use strict';
|
||||
|
||||
var DataKey = 'lte.controlsidebar';
|
||||
|
||||
var Default = {
|
||||
controlsidebarSlide: true
|
||||
};
|
||||
|
||||
var Selector = {
|
||||
sidebar: '.control-sidebar',
|
||||
data : '[data-toggle="control-sidebar"]',
|
||||
open : '.control-sidebar-open',
|
||||
bg : '.control-sidebar-bg',
|
||||
wrapper: '.wrapper',
|
||||
content: '.content-wrapper',
|
||||
boxed : '.layout-boxed'
|
||||
};
|
||||
|
||||
var ClassName = {
|
||||
open: 'control-sidebar-open',
|
||||
transition: 'control-sidebar-hold-transition',
|
||||
fixed: 'fixed'
|
||||
};
|
||||
|
||||
var Event = {
|
||||
collapsed: 'collapsed.controlsidebar',
|
||||
expanded : 'expanded.controlsidebar'
|
||||
};
|
||||
|
||||
// ControlSidebar Class Definition
|
||||
// ===============================
|
||||
var ControlSidebar = function (element, options) {
|
||||
this.element = element;
|
||||
this.options = options;
|
||||
this.hasBindedResize = false;
|
||||
|
||||
this.init();
|
||||
};
|
||||
|
||||
ControlSidebar.prototype.init = function () {
|
||||
// Add click listener if the element hasn't been
|
||||
// initialized using the data API
|
||||
if (!$(this.element).is(Selector.data)) {
|
||||
$(this).on('click', this.toggle);
|
||||
}
|
||||
|
||||
this.fix();
|
||||
$(window).resize(function () {
|
||||
this.fix();
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
ControlSidebar.prototype.toggle = function (event) {
|
||||
if (event) event.preventDefault();
|
||||
|
||||
this.fix();
|
||||
|
||||
if (!$(Selector.sidebar).is(Selector.open) && !$('body').is(Selector.open)) {
|
||||
this.expand();
|
||||
} else {
|
||||
this.collapse();
|
||||
}
|
||||
};
|
||||
|
||||
ControlSidebar.prototype.expand = function () {
|
||||
$(Selector.sidebar).show();
|
||||
if (!this.options.controlsidebarSlide) {
|
||||
$('body').addClass(ClassName.transition).addClass(ClassName.open).delay(50).queue(function(){
|
||||
$('body').removeClass(ClassName.transition);
|
||||
$(this).dequeue()
|
||||
})
|
||||
} else {
|
||||
$(Selector.sidebar).addClass(ClassName.open);
|
||||
}
|
||||
|
||||
|
||||
$(this.element).trigger($.Event(Event.expanded));
|
||||
};
|
||||
|
||||
ControlSidebar.prototype.collapse = function () {
|
||||
if (!this.options.controlsidebarSlide) {
|
||||
$('body').addClass(ClassName.transition).removeClass(ClassName.open).delay(50).queue(function(){
|
||||
$('body').removeClass(ClassName.transition);
|
||||
$(this).dequeue()
|
||||
})
|
||||
} else {
|
||||
$(Selector.sidebar).removeClass(ClassName.open);
|
||||
}
|
||||
$(Selector.sidebar).fadeOut();
|
||||
$(this.element).trigger($.Event(Event.collapsed));
|
||||
};
|
||||
|
||||
ControlSidebar.prototype.fix = function () {
|
||||
if ($('body').is(Selector.boxed)) {
|
||||
this._fixForBoxed($(Selector.bg));
|
||||
}
|
||||
};
|
||||
|
||||
// Private
|
||||
|
||||
ControlSidebar.prototype._fixForBoxed = function (bg) {
|
||||
bg.css({
|
||||
position: 'absolute',
|
||||
height : $(Selector.wrapper).height()
|
||||
});
|
||||
};
|
||||
|
||||
// Plugin Definition
|
||||
// =================
|
||||
function Plugin(option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this);
|
||||
var data = $this.data(DataKey);
|
||||
|
||||
if (!data) {
|
||||
var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option);
|
||||
$this.data(DataKey, (data = new ControlSidebar($this, options)));
|
||||
}
|
||||
|
||||
if (typeof option == 'string') data.toggle();
|
||||
});
|
||||
}
|
||||
|
||||
var old = $.fn.controlSidebar;
|
||||
|
||||
$.fn.controlSidebar = Plugin;
|
||||
$.fn.controlSidebar.Constructor = ControlSidebar;
|
||||
|
||||
// No Conflict Mode
|
||||
// ================
|
||||
$.fn.controlSidebar.noConflict = function () {
|
||||
$.fn.controlSidebar = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
// ControlSidebar Data API
|
||||
// =======================
|
||||
$(document).on('click', Selector.data, function (event) {
|
||||
if (event) event.preventDefault();
|
||||
Plugin.call($(this), 'toggle');
|
||||
});
|
||||
|
||||
}(jQuery);
|
||||
|
||||
|
||||
/* PushMenu()
|
||||
* ==========
|
||||
* Adds the push menu functionality to the sidebar.
|
||||
*
|
||||
* @usage: $('.btn').pushMenu(options)
|
||||
* or add [data-toggle="push-menu"] to any button
|
||||
* Pass any option as data-option="value"
|
||||
*/
|
||||
+function ($) {
|
||||
'use strict';
|
||||
|
||||
var DataKey = 'lte.pushmenu';
|
||||
|
||||
var Default = {
|
||||
collapseScreenSize : 767,
|
||||
expandOnHover : false,
|
||||
expandTransitionDelay: 200
|
||||
};
|
||||
|
||||
var Selector = {
|
||||
collapsed : '.sidebar-collapse',
|
||||
open : '.sidebar-open',
|
||||
mainSidebar : '.main-sidebar',
|
||||
contentWrapper: '.content-wrapper',
|
||||
searchInput : '.sidebar-form .form-control',
|
||||
button : '[data-toggle="push-menu"]',
|
||||
mini : '.sidebar-mini',
|
||||
expanded : '.sidebar-expanded-on-hover',
|
||||
layoutFixed : '.fixed'
|
||||
};
|
||||
|
||||
var ClassName = {
|
||||
collapsed : 'sidebar-collapse',
|
||||
open : 'sidebar-open',
|
||||
mini : 'sidebar-mini',
|
||||
expanded : 'sidebar-expanded-on-hover',
|
||||
expandFeature: 'sidebar-mini-expand-feature',
|
||||
layoutFixed : 'fixed'
|
||||
};
|
||||
|
||||
var Event = {
|
||||
expanded : 'expanded.pushMenu',
|
||||
collapsed: 'collapsed.pushMenu'
|
||||
};
|
||||
|
||||
// PushMenu Class Definition
|
||||
// =========================
|
||||
var PushMenu = function (options) {
|
||||
this.options = options;
|
||||
this.init();
|
||||
};
|
||||
|
||||
PushMenu.prototype.init = function () {
|
||||
if (this.options.expandOnHover
|
||||
|| ($('body').is(Selector.mini + Selector.layoutFixed))) {
|
||||
this.expandOnHover();
|
||||
$('body').addClass(ClassName.expandFeature);
|
||||
}
|
||||
|
||||
$(Selector.contentWrapper).click(function () {
|
||||
// Enable hide menu when clicking on the content-wrapper on small screens
|
||||
if ($(window).width() <= this.options.collapseScreenSize && $('body').hasClass(ClassName.open)) {
|
||||
this.close();
|
||||
}
|
||||
}.bind(this));
|
||||
|
||||
// __Fix for android devices
|
||||
$(Selector.searchInput).click(function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
PushMenu.prototype.toggle = function () {
|
||||
var windowWidth = $(window).width();
|
||||
var isOpen = !$('body').hasClass(ClassName.collapsed);
|
||||
|
||||
if (windowWidth <= this.options.collapseScreenSize) {
|
||||
isOpen = $('body').hasClass(ClassName.open);
|
||||
}
|
||||
|
||||
if (!isOpen) {
|
||||
this.open();
|
||||
} else {
|
||||
this.close();
|
||||
}
|
||||
};
|
||||
|
||||
PushMenu.prototype.open = function () {
|
||||
var windowWidth = $(window).width();
|
||||
|
||||
if (windowWidth > this.options.collapseScreenSize) {
|
||||
$('body').removeClass(ClassName.collapsed)
|
||||
.trigger($.Event(Event.expanded));
|
||||
}
|
||||
else {
|
||||
$('body').addClass(ClassName.open)
|
||||
.trigger($.Event(Event.expanded));
|
||||
}
|
||||
};
|
||||
|
||||
PushMenu.prototype.close = function () {
|
||||
var windowWidth = $(window).width();
|
||||
if (windowWidth > this.options.collapseScreenSize) {
|
||||
$('body').addClass(ClassName.collapsed)
|
||||
.trigger($.Event(Event.collapsed));
|
||||
} else {
|
||||
$('body').removeClass(ClassName.open + ' ' + ClassName.collapsed)
|
||||
.trigger($.Event(Event.collapsed));
|
||||
}
|
||||
};
|
||||
|
||||
PushMenu.prototype.expandOnHover = function () {
|
||||
$(Selector.mainSidebar).hover(function () {
|
||||
if ($('body').is(Selector.mini + Selector.collapsed)
|
||||
&& $(window).width() > this.options.collapseScreenSize) {
|
||||
this.expand();
|
||||
}
|
||||
}.bind(this), function () {
|
||||
if ($('body').is(Selector.expanded)) {
|
||||
this.collapse();
|
||||
}
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
PushMenu.prototype.expand = function () {
|
||||
setTimeout(function () {
|
||||
$('body').removeClass(ClassName.collapsed)
|
||||
.addClass(ClassName.expanded);
|
||||
}, this.options.expandTransitionDelay);
|
||||
};
|
||||
|
||||
PushMenu.prototype.collapse = function () {
|
||||
setTimeout(function () {
|
||||
$('body').removeClass(ClassName.expanded)
|
||||
.addClass(ClassName.collapsed);
|
||||
}, this.options.expandTransitionDelay);
|
||||
};
|
||||
|
||||
// PushMenu Plugin Definition
|
||||
// ==========================
|
||||
function Plugin(option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this);
|
||||
var data = $this.data(DataKey);
|
||||
|
||||
if (!data) {
|
||||
var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option);
|
||||
$this.data(DataKey, (data = new PushMenu(options)));
|
||||
}
|
||||
|
||||
if (option === 'toggle') data.toggle();
|
||||
});
|
||||
}
|
||||
|
||||
var old = $.fn.pushMenu;
|
||||
|
||||
$.fn.pushMenu = Plugin;
|
||||
$.fn.pushMenu.Constructor = PushMenu;
|
||||
|
||||
// No Conflict Mode
|
||||
// ================
|
||||
$.fn.pushMenu.noConflict = function () {
|
||||
$.fn.pushMenu = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
// Data API
|
||||
// ========
|
||||
$(document).on('click', Selector.button, function (e) {
|
||||
e.preventDefault();
|
||||
Plugin.call($(this), 'toggle');
|
||||
});
|
||||
$(window).on('load', function () {
|
||||
Plugin.call($(Selector.button));
|
||||
});
|
||||
}(jQuery);
|
||||
|
||||
|
||||
/* Tree()
|
||||
* ======
|
||||
* Converts a nested list into a multilevel
|
||||
* tree view menu.
|
||||
*
|
||||
* @Usage: $('.my-menu').tree(options)
|
||||
* or add [data-widget="tree"] to the ul element
|
||||
* Pass any option as data-option="value"
|
||||
*/
|
||||
+function ($) {
|
||||
'use strict';
|
||||
|
||||
var DataKey = 'lte.tree';
|
||||
|
||||
var Default = {
|
||||
animationSpeed: 300,
|
||||
accordion : true,
|
||||
followLink : false,
|
||||
trigger : '.treeview a'
|
||||
};
|
||||
|
||||
var Selector = {
|
||||
tree : '.tree',
|
||||
treeview : '.treeview',
|
||||
treeviewMenu: '.treeview-menu',
|
||||
open : '.menu-open, .active',
|
||||
li : 'li',
|
||||
data : '[data-widget="tree"]',
|
||||
active : '.active'
|
||||
};
|
||||
|
||||
var ClassName = {
|
||||
open: 'menu-open',
|
||||
tree: 'tree'
|
||||
};
|
||||
|
||||
var Event = {
|
||||
collapsed: 'collapsed.tree',
|
||||
expanded : 'expanded.tree'
|
||||
};
|
||||
|
||||
// Tree Class Definition
|
||||
// =====================
|
||||
var Tree = function (element, options) {
|
||||
this.element = element;
|
||||
this.options = options;
|
||||
|
||||
$(this.element).addClass(ClassName.tree);
|
||||
|
||||
$(Selector.treeview + Selector.active, this.element).addClass(ClassName.open);
|
||||
|
||||
this._setUpListeners();
|
||||
};
|
||||
|
||||
Tree.prototype.toggle = function (link, event) {
|
||||
var treeviewMenu = link.next(Selector.treeviewMenu);
|
||||
var parentLi = link.parent();
|
||||
var isOpen = parentLi.hasClass(ClassName.open);
|
||||
|
||||
if (!parentLi.is(Selector.treeview)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!this.options.followLink || link.attr('href') === '#') {
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
if (isOpen) {
|
||||
this.collapse(treeviewMenu, parentLi);
|
||||
} else {
|
||||
this.expand(treeviewMenu, parentLi);
|
||||
}
|
||||
};
|
||||
|
||||
Tree.prototype.expand = function (tree, parent) {
|
||||
var expandedEvent = $.Event(Event.expanded);
|
||||
|
||||
if (this.options.accordion) {
|
||||
var openMenuLi = parent.siblings(Selector.open);
|
||||
var openTree = openMenuLi.children(Selector.treeviewMenu);
|
||||
this.collapse(openTree, openMenuLi);
|
||||
}
|
||||
|
||||
parent.addClass(ClassName.open);
|
||||
tree.stop().slideDown(this.options.animationSpeed, function () {
|
||||
$(this.element).trigger(expandedEvent);
|
||||
parent.height('auto');
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
Tree.prototype.collapse = function (tree, parentLi) {
|
||||
var collapsedEvent = $.Event(Event.collapsed);
|
||||
|
||||
//tree.find(Selector.open).removeClass(ClassName.open);
|
||||
parentLi.removeClass(ClassName.open);
|
||||
tree.stop().slideUp(this.options.animationSpeed, function () {
|
||||
//tree.find(Selector.open + ' > ' + Selector.treeview).slideUp();
|
||||
$(this.element).trigger(collapsedEvent);
|
||||
|
||||
// Collapse child items
|
||||
parentLi.find(Selector.treeview).removeClass(ClassName.open).find(Selector.treeviewMenu).hide();
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
// Private
|
||||
|
||||
Tree.prototype._setUpListeners = function () {
|
||||
var that = this;
|
||||
|
||||
$(this.element).on('click', this.options.trigger, function (event) {
|
||||
that.toggle($(this), event);
|
||||
});
|
||||
};
|
||||
|
||||
// Plugin Definition
|
||||
// =================
|
||||
function Plugin(option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this);
|
||||
var data = $this.data(DataKey);
|
||||
|
||||
if (!data) {
|
||||
var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option);
|
||||
$this.data(DataKey, new Tree($this, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var old = $.fn.tree;
|
||||
|
||||
$.fn.tree = Plugin;
|
||||
$.fn.tree.Constructor = Tree;
|
||||
|
||||
// No Conflict Mode
|
||||
// ================
|
||||
$.fn.tree.noConflict = function () {
|
||||
$.fn.tree = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
// Tree Data API
|
||||
// =============
|
||||
$(window).on('load', function () {
|
||||
$(Selector.data).each(function () {
|
||||
Plugin.call($(this));
|
||||
});
|
||||
});
|
||||
|
||||
}(jQuery);
|
||||
|
||||
|
||||
/* Layout()
|
||||
* ========
|
||||
* Implements AdminLTE layout.
|
||||
* Fixes the layout height in case min-height fails.
|
||||
*
|
||||
* @usage activated automatically upon window load.
|
||||
* Configure any options by passing data-option="value"
|
||||
* to the body tag.
|
||||
*/
|
||||
+function ($) {
|
||||
'use strict';
|
||||
|
||||
var DataKey = 'lte.layout';
|
||||
|
||||
var Default = {
|
||||
slimscroll : true,
|
||||
resetHeight: true
|
||||
};
|
||||
|
||||
var Selector = {
|
||||
wrapper : '.wrapper',
|
||||
contentWrapper: '.content-wrapper',
|
||||
layoutBoxed : '.layout-boxed',
|
||||
mainFooter : '.main-footer',
|
||||
mainHeader : '.main-header',
|
||||
mainSidebar : '.main-sidebar',
|
||||
slimScrollDiv : 'slimScrollDiv',
|
||||
sidebar : '.sidebar',
|
||||
controlSidebar: '.control-sidebar',
|
||||
fixed : '.fixed',
|
||||
sidebarMenu : '.sidebar-menu',
|
||||
logo : '.main-header .logo'
|
||||
};
|
||||
|
||||
var ClassName = {
|
||||
fixed : 'fixed',
|
||||
holdTransition: 'hold-transition'
|
||||
};
|
||||
|
||||
var Layout = function (options) {
|
||||
this.options = options;
|
||||
this.bindedResize = false;
|
||||
this.activate();
|
||||
};
|
||||
|
||||
Layout.prototype.activate = function () {
|
||||
this.fix();
|
||||
this.fixSidebar();
|
||||
|
||||
$('body').removeClass(ClassName.holdTransition);
|
||||
|
||||
if (this.options.resetHeight) {
|
||||
$('body, html, ' + Selector.wrapper).css({
|
||||
'height' : 'auto',
|
||||
'min-height': '100%'
|
||||
});
|
||||
}
|
||||
|
||||
if (!this.bindedResize) {
|
||||
$(window).resize(function () {
|
||||
this.fix();
|
||||
this.fixSidebar();
|
||||
|
||||
$(Selector.logo + ', ' + Selector.sidebar).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
|
||||
this.fix();
|
||||
this.fixSidebar();
|
||||
}.bind(this));
|
||||
}.bind(this));
|
||||
|
||||
this.bindedResize = true;
|
||||
}
|
||||
|
||||
$(Selector.sidebarMenu).on('expanded.tree', function () {
|
||||
this.fix();
|
||||
this.fixSidebar();
|
||||
}.bind(this));
|
||||
|
||||
$(Selector.sidebarMenu).on('collapsed.tree', function () {
|
||||
this.fix();
|
||||
this.fixSidebar();
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
Layout.prototype.fix = function () {
|
||||
// Remove overflow from .wrapper if layout-boxed exists
|
||||
$(Selector.layoutBoxed + ' > ' + Selector.wrapper).css('overflow', 'hidden');
|
||||
|
||||
// Get window height and the wrapper height
|
||||
var footerHeight = $(Selector.mainFooter).outerHeight() || 0;
|
||||
var headerHeight = $(Selector.mainHeader).outerHeight() || 0;
|
||||
var neg = headerHeight + footerHeight;
|
||||
var windowHeight = $(window).height();
|
||||
var sidebarHeight = $(Selector.sidebar).outerHeight() || 0;
|
||||
|
||||
// Set the min-height of the content and sidebar based on
|
||||
// the height of the document.
|
||||
if ($('body').hasClass(ClassName.fixed)) {
|
||||
$(Selector.contentWrapper).css('min-height', windowHeight - footerHeight);
|
||||
} else {
|
||||
var postSetHeight;
|
||||
|
||||
if (windowHeight >= sidebarHeight + headerHeight) {
|
||||
$(Selector.contentWrapper).css('min-height', windowHeight - neg);
|
||||
postSetHeight = windowHeight - neg;
|
||||
} else {
|
||||
$(Selector.contentWrapper).css('min-height', sidebarHeight);
|
||||
postSetHeight = sidebarHeight;
|
||||
}
|
||||
|
||||
// Fix for the control sidebar height
|
||||
var $controlSidebar = $(Selector.controlSidebar);
|
||||
if (typeof $controlSidebar !== 'undefined') {
|
||||
if ($controlSidebar.height() > postSetHeight)
|
||||
$(Selector.contentWrapper).css('min-height', $controlSidebar.height());
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Layout.prototype.fixSidebar = function () {
|
||||
// Make sure the body tag has the .fixed class
|
||||
if (!$('body').hasClass(ClassName.fixed)) {
|
||||
if (typeof $.fn.slimScroll !== 'undefined') {
|
||||
$(Selector.sidebar).slimScroll({ destroy: true }).height('auto');
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Enable slimscroll for fixed layout
|
||||
if (this.options.slimscroll) {
|
||||
if (typeof $.fn.slimScroll !== 'undefined') {
|
||||
// Destroy if it exists
|
||||
// $(Selector.sidebar).slimScroll({ destroy: true }).height('auto')
|
||||
|
||||
// Add slimscroll
|
||||
if ($(Selector.mainSidebar).find(Selector.slimScrollDiv).length === 0) {
|
||||
$(Selector.sidebar).slimScroll({
|
||||
height: ($(window).height() - $(Selector.mainHeader).height()) + 'px'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Plugin Definition
|
||||
// =================
|
||||
function Plugin(option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this);
|
||||
var data = $this.data(DataKey);
|
||||
|
||||
if (!data) {
|
||||
var options = $.extend({}, Default, $this.data(), typeof option === 'object' && option);
|
||||
$this.data(DataKey, (data = new Layout(options)));
|
||||
}
|
||||
|
||||
if (typeof option === 'string') {
|
||||
if (typeof data[option] === 'undefined') {
|
||||
throw new Error('No method named ' + option);
|
||||
}
|
||||
data[option]();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var old = $.fn.layout;
|
||||
|
||||
$.fn.layout = Plugin;
|
||||
$.fn.layout.Constuctor = Layout;
|
||||
|
||||
// No conflict mode
|
||||
// ================
|
||||
$.fn.layout.noConflict = function () {
|
||||
$.fn.layout = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
// Layout DATA-API
|
||||
// ===============
|
||||
$(window).on('load', function () {
|
||||
Plugin.call($('body'));
|
||||
});
|
||||
}(jQuery);
|
||||
|
||||
//全屏事件
|
||||
$(document).on('click', "[data-toggle='fullscreen']", function () {
|
||||
var doc = document.documentElement;
|
||||
if ($(document.body).hasClass("full-screen")) {
|
||||
$(document.body).removeClass("full-screen");
|
||||
document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
|
||||
} else {
|
||||
$(document.body).addClass("full-screen");
|
||||
doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
|
||||
}
|
||||
});
|
||||
|
||||
var my_skins = [
|
||||
"skin-blue",
|
||||
"skin-black",
|
||||
"skin-red",
|
||||
"skin-yellow",
|
||||
"skin-purple",
|
||||
"skin-green",
|
||||
"skin-blue-light",
|
||||
"skin-black-light",
|
||||
"skin-red-light",
|
||||
"skin-yellow-light",
|
||||
"skin-purple-light",
|
||||
"skin-green-light",
|
||||
"skin-black-blue",
|
||||
"skin-black-purple",
|
||||
"skin-black-red",
|
||||
"skin-black-green",
|
||||
"skin-black-yellow",
|
||||
"skin-black-pink",
|
||||
];
|
||||
|
||||
// 皮肤切换
|
||||
$("[data-skin]").on('click', function (e) {
|
||||
var skin = $(this).data('skin');
|
||||
if (!$("body").hasClass(skin)) {
|
||||
$("body").removeClass(my_skins.join(' ')).addClass(skin);
|
||||
var cssfile = "/static/css/skins/" + skin + ".css";
|
||||
$('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
|
||||
$(".skin-list li.active").removeClass("active");
|
||||
$(".skin-list li a[data-skin='" + skin + "']").parent().addClass("active");
|
||||
$.ajax({
|
||||
type : "POST",
|
||||
url : "/changeskin",
|
||||
data : {skin:skin},
|
||||
dataType : 'json',
|
||||
async: true,
|
||||
success : function(data) {
|
||||
}
|
||||
});
|
||||
}
|
||||
return false;
|
||||
});
|
||||
1
public/static/js/bootstrapValidator.min.js
vendored
Normal file
133
public/static/js/custom.js
Normal file
@@ -0,0 +1,133 @@
|
||||
var location_url = window.location.href;
|
||||
var parameter_str = location_url.split('?')[1];
|
||||
if (parameter_str !== undefined) {
|
||||
parameter_str = parameter_str.split('#')[0];
|
||||
var $_GET = {};
|
||||
var parameter_arr = parameter_str.split('&');
|
||||
var tmp_arr;
|
||||
for (var i = 0, len = parameter_arr.length; i <= len - 1; i++) {
|
||||
tmp_arr = parameter_arr[i].split('=');
|
||||
$_GET[tmp_arr[0]] = decodeURIComponent(tmp_arr[1]);
|
||||
}
|
||||
window.$_GET = $_GET;
|
||||
} else {
|
||||
window.$_GET = [];
|
||||
}
|
||||
|
||||
function searchSubmit(){
|
||||
$('#listTable').bootstrapTable('refresh');
|
||||
return false;
|
||||
}
|
||||
function searchClear(){
|
||||
$('#searchToolbar').find('input[name]').each(function() {
|
||||
$(this).val('');
|
||||
});
|
||||
$('#searchToolbar').find('select[name]').each(function() {
|
||||
$(this).find('option:first').prop("selected", 'selected');
|
||||
});
|
||||
$('#listTable').bootstrapTable('refresh');
|
||||
}
|
||||
function updateToolbar(){
|
||||
$('#searchToolbar').find(':input[name]').each(function() {
|
||||
var name = $(this).attr('name');
|
||||
if(typeof window.$_GET[name] != 'undefined')
|
||||
$(this).val(window.$_GET[name]);
|
||||
})
|
||||
}
|
||||
function updateQueryStr(obj){
|
||||
var arr = [];
|
||||
for (var p in obj){
|
||||
if (obj.hasOwnProperty(p) && typeof obj[p] != 'undefined' && obj[p] != '') {
|
||||
arr.push(p + "=" + encodeURIComponent(obj[p]));
|
||||
}
|
||||
}
|
||||
history.replaceState({}, null, '?'+arr.join("&"));
|
||||
}
|
||||
|
||||
if (typeof $.fn.bootstrapTable !== "undefined") {
|
||||
$.fn.bootstrapTable.custom = {
|
||||
method: 'post',
|
||||
contentType: "application/x-www-form-urlencoded",
|
||||
sortable: true,
|
||||
pagination: true,
|
||||
sidePagination: 'server',
|
||||
pageNumber: 1,
|
||||
pageSize: 20,
|
||||
pageList: [10, 15, 20, 30, 50, 100],
|
||||
loadingFontSize: '18px',
|
||||
toolbar: '#searchToolbar',
|
||||
showColumns: true,
|
||||
minimumCountColumns: 2,
|
||||
showToggle: true,
|
||||
showFullscreen: true,
|
||||
paginationPreText: '前页',
|
||||
paginationNextText: '后页',
|
||||
showJumpTo: true,
|
||||
paginationLoop: false,
|
||||
queryParamsType: '',
|
||||
queryParams: function(params) {
|
||||
$('#searchToolbar').find(':input[name]').each(function() {
|
||||
params[$(this).attr('name')] = $(this).val()
|
||||
})
|
||||
updateQueryStr(params);
|
||||
params.offset = params.pageSize * (params.pageNumber-1);
|
||||
params.limit = params.pageSize;
|
||||
return params;
|
||||
},
|
||||
formatLoadingMessage: function(){
|
||||
return '';
|
||||
},
|
||||
formatShowingRows: function(t,n,r,e){
|
||||
return '显示第 '+t+' 到第 '+n+' 条, 总共 <b>'+r+'</b> 条';
|
||||
},
|
||||
formatRecordsPerPage: function(t){
|
||||
return '每页显示 '+t+' 条';
|
||||
},
|
||||
formatNoMatches: function(){
|
||||
return '没有找到匹配的记录';
|
||||
}
|
||||
};
|
||||
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.custom);
|
||||
}
|
||||
|
||||
function httpGet(url, callback){
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'get',
|
||||
dataType: 'json',
|
||||
success: function (res) {
|
||||
callback(res)
|
||||
},
|
||||
error: function () {
|
||||
if (typeof layer !== "undefined") {
|
||||
layer.closeAll();
|
||||
layer.msg('服务器错误');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function httpPost(url, data, callback){
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'post',
|
||||
data: data,
|
||||
dataType: 'json',
|
||||
success: function (res) {
|
||||
callback(res)
|
||||
},
|
||||
error: function () {
|
||||
if (typeof layer !== "undefined") {
|
||||
layer.closeAll();
|
||||
layer.msg('服务器错误');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var isMobile = function(){
|
||||
if( /Android|SymbianOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Windows Phone|Midp/i.test(navigator.userAgent)) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||