Started work on transitioning to Html based on AdminBSB-template

https://gurayyarar.github.io/AdminBSBMaterialDesign/index.html

AdminBSB uses MIT Licence.
This commit is contained in:
Rsl1122 2017-11-16 00:00:45 +02:00
parent d30866036d
commit d00e318bfc
319 changed files with 126844 additions and 1587 deletions

View File

@ -158,29 +158,17 @@
<targetPath>.</targetPath>
<directory>${basedir}/src/main/resources</directory>
<includes>
<include>*.keystore</include>
<include>*.css</include>
<include>*.yml</include>
<include>*.html</include>
<include>**/*.keystore</include>
<include>**/*.css</include>
<include>**/*.yml</include>
<include>**/*.html</include>
<include>**/*.js</include>
<include>**/*.css</include>
</includes>
<excludes>
<exclude>licence.yml</exclude>
</excludes>
</resource>
<resource>
<targetPath>.</targetPath>
<directory>${basedir}/src/main/resources/html</directory>
<includes>
<include>*.html</include>
</includes>
</resource>
<resource>
<targetPath>.</targetPath>
<directory>${basedir}/src/main/resources/js</directory>
<includes>
<include>*.js</include>
</includes>
</resource>
</resources>
<plugins>
<plugin>

View File

@ -44,7 +44,7 @@ public class AnalysisPageParser extends PageParser {
addValue("playersMax", plugin.getVariable().getMaxPlayers());
addValue("playersOnline", getPlayersOnline());
try {
return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("server.html"), placeHolders);
return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("web/server.html"), placeHolders);
} catch (IOException e) {
throw new ParseException(e);
}

View File

@ -197,7 +197,7 @@ public class InspectPageParser extends PageParser {
addValue("networkName", Settings.SERVER_NAME.toString());
}
return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("player.html"), placeHolders);
return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("web/player.html"), placeHolders);
} catch (Exception e) {
Log.toLog(this.getClass().getName(), e);
throw new ParseException(e);

View File

@ -58,7 +58,7 @@ public class NetworkPageParser extends PageParser {
Map<UUID, String> networkPageContents = ((BungeeInformationManager) plugin.getInfoManager()).getNetworkPageContent();
addValue("contentServers", HtmlStructure.createNetworkPageContent(networkPageContents));
return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("network.html"), placeHolders);
return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("web/network.html"), placeHolders);
} catch (Exception e) {
throw new ParseException(e);
}

View File

@ -42,7 +42,7 @@ public class APIResponseHandler {
return PageCache.loadPage("Redirect: favicon", () -> new RedirectResponse("https://puu.sh/tK0KL/6aa2ba141b.ico"));
}
if (target.endsWith(".css")) {
return PageCache.loadPage(target + "css", () -> new CSSResponse("main.css"));
return PageCache.loadPage(target + "css", () -> new CSSResponse(target));
}
if (args.length < 2 || !"api".equals(args[1])) {

View File

@ -45,7 +45,7 @@ public class RequestHandler implements HttpHandler {
response.send(exchange);
} catch (IOException e) {
if (Settings.DEV_MODE.isTrue()) {
Log.toLog(this.getClass().getName(), e);
e.printStackTrace();
}
} finally {
exchange.close();

View File

@ -47,12 +47,11 @@ public class ResponseHandler extends APIResponseHandler {
return getAPIResponse(request);
}
if (target.endsWith(".css")) {
return PageCache.loadPage(target + "css", () -> new CSSResponse("main.css"));
return PageCache.loadPage(target + "css", () -> new CSSResponse(target));
}
if (target.endsWith(".js")) {
String fileName = args[args.length - 1];
return PageCache.loadPage(target + "js", () -> new JavaScriptResponse(fileName));
return PageCache.loadPage(target + "js", () -> new JavaScriptResponse(target));
}
UUID serverUUID = MiscUtils.getIPlan().getServerUuid();

View File

@ -9,7 +9,7 @@ import main.java.com.djrapitops.plan.systems.webserver.theme.Theme;
public class CSSResponse extends FileResponse {
public CSSResponse(String fileName) {
super(fileName);
super("web" + fileName);
super.setType(ResponseType.CSS);
setContent(Theme.replaceColors(getContent()));
}

View File

@ -26,7 +26,7 @@ public class ErrorResponse extends Response {
public ErrorResponse() {
try {
setContent(Theme.replaceColors(FileUtil.getStringFromResource("error.html")));
setContent(Theme.replaceColors(FileUtil.getStringFromResource("web/error.html")));
} catch (IOException e) {
Log.toLog(this.getClass().getName(), e);
}

View File

@ -7,7 +7,7 @@ package main.java.com.djrapitops.plan.systems.webserver.response;
public class JavaScriptResponse extends FileResponse {
public JavaScriptResponse(String fileName) {
super(fileName);
super("web" + fileName);
super.setType(ResponseType.JAVASCRIPT);
}
}

View File

@ -27,7 +27,7 @@ public class PlayersPageResponse extends Response {
Map<String, String> replace = new HashMap<>();
replace.put("content", buildContent(names));
replace.put("version", plugin.getVersion());
super.setContent(Theme.replaceColors(StrSubstitutor.replace(FileUtil.getStringFromResource("players.html"), replace)));
super.setContent(Theme.replaceColors(StrSubstitutor.replace(FileUtil.getStringFromResource("web/players.html"), replace)));
} catch (SQLException | IOException e) {
Log.toLog(this.getClass().getName(), e);
setContent(new InternalErrorResponse(e, "/players").getContent());

View File

@ -26,7 +26,8 @@ public class FileUtil {
public static String getStringFromResource(String fileName) throws IOException {
StringBuilder html = new StringBuilder();
IPlan plugin = MiscUtils.getIPlan();
lines(MiscUtils.getIPlan(), new File(plugin.getDataFolder(), fileName), fileName)
lines(MiscUtils.getIPlan(), new File(plugin.getDataFolder(), fileName.replace("/", File.separator)), fileName)
.forEach(line -> html.append(line).append("\r\n"));
return html.toString();
}
@ -47,7 +48,6 @@ public class FileUtil {
lines.add(scanner.nextLine());
}
} catch (NullPointerException e) {
e.printStackTrace();
throw new FileNotFoundException("File not found inside jar: " + resource);
} finally {
MiscUtils.close(scanner);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,358 +0,0 @@
.black {
color: #000000;
}
.darkblue {
color: #0000AA;
}
.darkgreen {
color: #00AA00;
}
.darkaqua {
color: #00AAAA;
}
.darkred {
color: #AA0000;
}
.darkpurple {
color: #AA00AA;
}
.gold {
color: #FFAA00;
}
.gray {
color: #AAAAAA;
}
.darkgray {
color: #555555;
}
.blue {
color: #5555FF;
}
.green {
color: #55FF55;
}
.aqua {
color: #55FFFF;
}
.red {
color: #FF5555;
}
.pink {
color: #FF55FF;
}
.yellow {
color: #FFFF55;
text-shadow: 0 0 6px #000;
}
.white {
color: #FFFFFF;
text-shadow: 0 0 8px #000;
}
body {
font-family: 'Quicksand', sans-serif;
background: #ddd;
background-repeat: repeat;
color: #fff;
font-weight: 400;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
padding: 0;
background: #348e0f;
background-repeat: repeat;
z-index: 1;
}
header h1 {
font-weight: 500;
font-size: 30px;
margin-top: 0;
margin-bottom: 0;
}
header p {
font-weight: 400;
}
header div {
padding: 5px 20px;
}
.headwrap {
position: absolute;
top: 50px;
width: 97%;
}
.sidenav {
position: fixed;
left: 0;
width: 50px;
height: 100%;
background-color: #5da341;
z-index: 2;
}
.sidenav a {
color: #fff;
text-decoration: none;
}
.sidenav-button {
position: relative;
text-align: center;
height: 50px;
}
.sidenav-button-disabled {
opacity: 0.5;
}
.sidenav-button div {
position: relative;
font-size: 20px;
}
.sidenav-button div i {
margin-top: 13px;
}
.nav-button {
}
.sidenav-button:hover {
background: #89c471;
}
.right {
float: right;
}
.left {
float: left;
}
.button {
background: #5da341;
background-repeat: repeat;
text-decoration: none!important;
color: #fff;
padding: 10px 20px;
text-align: center;
}
.button:hover {
background: #348e0f;
background-repeat: repeat;
}
.link {
color: #5da341;
text-decoration: none!important;
}
.button:hover {
background: #348e0f;
background-repeat: repeat;
}
.disabled {
background: #89c471;
background-repeat: repeat;
}
.disabled:hover {
background: #89c471;
background-repeat: repeat;
}
.content {
position: relative;
left: 45px;
width: 100%;
box-sizing: content-box;
}
.content-centered {
position: relative;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.box-header {
color: #fff;
background: #5da341;
background-repeat: repeat;
padding: 5px 20px;
text-align: left;
margin: 5px 5px 0 5px;
}
.box {
background: #fff;
background-repeat: repeat;
padding: 5px 20px;
color: #000;
text-align: left;
margin: 0 5px;
}
.box-footer {
vertical-align: middle;
display: inline-block;
background: #fff;
background-repeat: repeat;
padding: 5px 10px 5px 20px;
color: #000;
text-align: left;
margin: 2px 5px 5px 5px;
}
.box-footer p {
display: inline-block;
}
.box-footer a {
margin-top: 5px;
display: inline-block;
}
.plugin {
max-height: 300px;
overflow-y: auto;
height: 100%;
}
.row {
width: 100%;
display: flex;
flex-direction: row;
}
.column {
width: 100%;
display: flex;
flex-direction: column;
}
.active {
background: #348e0f;
background-repeat: repeat;
}
table {
width: 100%;
}
thead th {
color: #fff;
background: #5da341;
background-repeat: repeat;
font-weight: 600;
}
th {
padding: 5px;
font-weight: 400;
}
th.text {
font-size: 120%;
}
tr:nth-child(even) {background: #e2e2e2}
tr:nth-child(odd) {background: #eee}
tr {
color: #000;
}
.main-limiter {
width: 100%;
height: 100%;
overflow: hidden;
}
.main-wrapper {
transform: translate3d(0, 0, 0);
opacity: 0;
transition: 1.5s;
display: flex;
flex-direction: row;
}
.tab {
width: 20%;
height: 100%;
display: flex;
align-content: flex-start;
}
.scrollbar {
max-height: 650px;
overflow-y: auto;
}
.session-header h3 {
margin: 0;
}
.session-header p {
margin: 0;
}
.session {
}
.session-header {
background: #ddd;
color: #000;
margin: 1px 3px;
display: flex;
flex-direction: row;
padding: 0;
}
.session-col {
width: 100%;
background: #fff;
color: #000;
margin: 0 2px;
display: flex;
flex-direction: column;
padding: 10px 20px;
}
.session-content {
display: none;
margin: 2px 10px;
flex-direction: row;
}
.plugins-content {
display: none;
}
.plugins-header h2 {
margin: 0;
}
.plugins-header p {
margin: 0;
}
.plugin {
padding: 10px;
}
.plugin p {
padding: 5px 0px;
margin: 0;
}
@media only screen and (max-width: 1680px) {
.nav-button {
font-size: 19px;
}
}
@media only screen and (max-width: 850px) {
header h1 {
font-weight: 400;
font-size: 30px;
}
}
@media only screen and (max-width: 780px) {
.scrollbar {
overflow-x: auto;
width: 100%;
}
.nav-bar {
flex-direction: row;
}
.row {
flex-direction: column;
}
header p {
display: none;
}
}

View File

@ -1,130 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Plan | Network</title>
<meta name="description" content="Player Analysis window">
<meta name="author" content="Rsl1122">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://puu.sh/tK0KL/6aa2ba141b.ico" type="image/x-icon">
<link rel="stylesheet" href="./main.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400" rel="stylesheet">
<script src="https://use.fontawesome.com/df48eb908b.js"></script>
</head>
<body>
<header>
<div>
<img class="right" src="https://puu.sh/tJZUb/c2e0ab220f.png" alt="Player Analytics | Analysis">
<p class="right">Player Analytics v.4.0.0</p>
<h1>Plan | Network</h1>
</div>
</header>
<div class="content">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Players Online</h2>
</div>
<div class="box-footer">
<img style="width: 100%;" src="http://puu.sh/xdcdv/77aca85f4c.png">
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-info-circle" aria-hidden="true"></i> Information</h2>
</div>
<div class="box" style="height: 75%;">
<p>53/175 Players Online</p>
<p>497 Active Players<br>1246 Total Players</p>
<p>43 New Players Today<br>124 New Players This Week</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 1</h2>
</div>
<div class="box">
<p>30/50 Players Online</p>
<p>100 Active Players</p>
</div>
<div class="box-footer">
<p>Last Refresh: 13:08</p>
<a href="#" class="button right">Analysis</a>
<a href="#" class="refresh button right" style="color: #000; background-color: #fff;"><i
class="fa fa-refresh" aria-hidden="true"></i></a>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 2</h2>
</div>
<div class="box">
<p>0/25 Players Online</p>
<p>3 Active Players</p>
</div>
<div class="box-footer">
<p>Last Refresh: Never</p>
<a class="button disabled right">Analysis</a>
<a href="#" class="refresh button right" style="color: #000; background-color: #fff;"><i
class="fa fa-refresh" aria-hidden="true"></i></a>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 3</h2>
</div>
<div class="box">
<p>23/100 Players Online</p>
<p>432 Active Players</p>
</div>
<div class="box-footer">
<p>Last Refresh: Analyzing..</p>
<a class="button disabled right">Analysis</a>
<a href="#" class="refresh button right" style="color: #000; background-color: #fff;"><i
class="fa fa-refresh fa-spin" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 4</h2>
</div>
<div class="box">
<p>Offline</p>
<p>&nbsp;</p>
</div>
<div class="box-footer">
<p>Last Refresh: Never</p>
<a class="button disabled right">Analysis</a>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Hub</h2>
</div>
<div class="box" style="height: 75%;">
<p>0/175 Players Online</p>
<p>&nbsp;</p>
</div>
</div>
<div class="column"></div>
</div>
</div>
<script src="./js/playerGraph.js"></script>
<script>
var playersOnlineSeries = {
name: 'Players Online',
data: %playersonlineseries%,
type: 'areaspline',
color: '#%playersgraphcolor%',
tooltip: {
valueDecimals: 0
}
};
/*playersChart('playerChart', playersOnlineSeries, 3);*/
</script>
</body>
</html>

View File

@ -1,446 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Plan | Rsl1122</title>
<meta name="description" content="Player Analysis window">
<meta name="author" content="Rsl1122">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://puu.sh/tK0KL/6aa2ba141b.ico" type="image/x-icon">
<link rel="stylesheet" href="./main.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400" rel="stylesheet">
<script src="https://use.fontawesome.com/df48eb908b.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<header>
<div>
<img class="right" src="https://puu.sh/tJZUb/c2e0ab220f.png" alt="Player Analytics | Analysis">
<p class="right">Player Analytics v.4.0.0</p>
<h1>Plan | Rsl1122</h1>
</div>
</header>
<div class="content-server">
<div class="nav-bar row">
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-info-circle" aria-hidden="true"></i> Information
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-calendar" aria-hidden="true"></i> Sessions
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-line-chart" aria-hidden="true"></i> Overview
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-cubes" aria-hidden="true"></i> Plugins
</a>
</div>
<div id="limiter" class="main-limiter">
<div id="main" class="main-wrapper">
<div id="tab-information" class="tab">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-info-circle" aria-hidden="true"></i> Information</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<div class="row">
<div class="column">
<p>Active &#x2022; <span class="darkred">Offline</span> &#x2022; Operator<br>
<br>
Also Known As:<br>
&#x2022; <span class="darkred">Rsl</span><br>
&#x2022; Rsl1122<br>
<br>
Has Logged in From:<br>
&#x2022; Finland</p>
</div>
<div class="column">
<p>Registered: May 01 2016, 13:39<br>
Last Seen: Aug 18 2017, 20:00<br>
<br>
Sessions: 76<br>
Total Playtime: 4d 4h 40m<br>
Session Median: 7m<br>
<br>
Longest Session: 2h 37m
</p>
</div>
</div>
</div>
<div class="box-header">
<h2><i class="fa fa-drivers-license" aria-hidden="true"></i> Rsl1122</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<div class="row">
<div class="column" style="padding: 5px 0px 5px 10px;"><p>Times Kicked: 0<br></p></div>
<div class="column"><img style="padding: 10px 100px; height: 100px; width: 100px;"
src="https://cravatar.eu/avatar/Rsl1122/100"></div>
<div class="column"><p>Player Kills: 49<br>
Mob Kills: 548<br>
Deaths: 12
</p>
</div>
</div>
<table class="sortable table">
<thead>
<tr>
<th>Time</th>
<th>Action</th>
<th>Info</th>
</tr>
</thead>
<tbody>
<tr>
<th>Aug 16 2017, 17:20</th>
<th>Killed</th>
<th>HannesDaDon with Iron Sword</th>
</tr>
<tr>
<th>Aug 16 2017, 17:19</th>
<th>Killed</th>
<th>Einsamer_Keksi with Iron Sword</th>
</tr>
<tr>
<th>Aug 16 2017, 15:19</th>
<th>Changed name</th>
<th>Rsl1122 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span
class="darkred">Rsl</span></th>
</tr>
<tr>
<th>May 01 2016, 14:24</th>
<th>First Logout</th>
<th>Messages sent: 74</th>
</tr>
<tr>
<th>May 01 2016, 13:39</th>
<th>Registered</th>
<th>Online: 34 Players</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-braille" aria-hidden="true"></i> Join PunchCard</h2>
</div>
<div class="box-footer">
<img id="playersOnlineDay" src="http://puu.sh/xdhil/73c2c5b944.png"
style="width: 100%; /height: 700px;"><!--</div>-->
</div>
<div class="box-header">
<h2><i class="fa fa-pie-chart" aria-hidden="true"></i> Server Preference</h2>
</div>
<div class="box-footer">
<img id="playersOnlineDay" src="http://puu.sh/xdgXa/f4a3b7df80.png"
style="width: 100%; /height: 700px;"><!--</div>-->
</div>
</div>
</div>
</div>
<div id="tab-sessions" class="tab">
<div class="row" style="flex-grow: 2; width: 140%;">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-calendar" aria-hidden="true"></i> 50 Most Recent Sessions</h2>
</div>
<div class="session column">
<div class="session-header">
<div class="session-col" style="width: 200%;"><h3>Aug 14 2017, 12:12 &#x2022; 1h</h3>
<p>Click to Expand</p></div>
</div>
<div class="session-content">
<div class="row">
<div class="session-col" style="padding: 0px;">
<div class="box-header" style="margin: 0px;">
<h2><i class="fa fa-calendar" aria-hidden="true"></i> Aug 13 2017, 13:23
</h2>
</div>
<div class="box" style="margin: 0px;">
<p>Session Length: 3h 5m<br>
Session Ended: Aug 14 2017, 13:12<br>
Server: Server 2<br>
<br>
Mob Kills: 0<br>
Deaths: 1</p>
<table class="sortable table">
<thead>
<tr>
<th><i class="fa fa-clock-o" aria-hidden="true"></i> Time</th>
<th>Killed</th>
<th>With</th>
</tr>
</thead>
<tbody>
<tr>
<th>12:42</th>
<th>Zubat</th>
<th>Lightning</th>
</tr>
<tr>
<th>12:53</th>
<th>Zezima</th>
<th>Iron Sword</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="session-col">
<img id="worldPie" style="width: 100%;"
src="http://puu.sh/xdhF0/3c7ae10d4e.png">
</div>
</div>
</div>
</div>
<div class="session column">
<div class="session-header">
<div class="session-col" style="width: 200%;"><h3>Aug 13 2017, 15:23 &#x2022; 3h 5m</h3>
<p>Click to Expand</p></div>
</div>
<div class="session-content">
<div class="row">
<div class="session-col" style="padding: 0px;">
<div class="box-header" style="margin: 0px;">
<h2><i class="fa fa-calendar" aria-hidden="true"></i> Aug 13 2017, 13:23
</h2>
</div>
<div class="box" style="margin: 0px;">
<p>Session Length: 3h 5m<br>
Session Ended: Aug 13 2017, 16:28<br>
Server: Server 1<br>
<br>
Mob Kills: 45<br>
Deaths: 6</p>
<table class="sortable table">
<thead>
<tr>
<th><i class="fa fa-clock-o" aria-hidden="true"></i> Time</th>
<th>Killed</th>
<th>With</th>
</tr>
</thead>
<tbody>
<tr>
<th>13:42</th>
<th>Zubat</th>
<th>Lightning</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="session-col">
<img id="worldPie" style="width: 100%;"
src="http://puu.sh/xdhF0/3c7ae10d4e.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab-performance" class="tab">
<div class="row">
<div class="column"> <!--First row (horizontal)-->
<div class="column">
<div class="box-header">
<h2><i class="fa fa-pie-chart" aria-hidden="true"></i> World Playtime</h2>
</div>
<div class="box-footer">
<img id="worldPie" style="width: 100%;" src="http://puu.sh/xdhF0/3c7ae10d4e.png">
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header">
<h2>Last 24 Hours</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<p>Sessions: 4<br>
Playtime: 4h 20m<br>
<br>
Longest Session: 1h 43m
</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2>Last 7 Days</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<p>Sessions: 63<br>
Playtime: 1d 3h 32m<br>
<br>
Longest Session: 1h 43m
</p>
</div>
</div>
</div>
</div> <!--First row (horizontal)-->
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 1</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<p>Sessions: 24<br>
Playtime: 3d 2h 2m<br>
<br>
Longest Session: 2h 43m
</p>
</div>
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 2</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<p>Sessions: 52<br>
Playtime: 6d 10h 2m<br>
<br>
Longest Session: 3h 7m
</p>
</div>
</div>
</div>
</div>
</div>
<div id="tab-plugins" class="tab column">
<div class="plugins-server">
<div class="plugins-header">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-server" aria-hidden="true"></i> Server 2</h2>
<p>Click to Expand</p>
</div>
</div>
</div>
</div>
<div class="plugins-content">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 1</h2>
</div>
<div class="box plugin">
<p>Test: 5 / 25<br>
Test: 20%</p>
<p>More data: Yes<br>
Data: 4</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 2</h2>
</div>
<div class="box plugin">
<p>Yes<br>
Yes<br>
Yes<br>Yes<br>Yes<br>Yes<br>Yes<br>
Yes<br>Yes<br>Yes<br>Yes<br>Yes<br>
Yes<br>Yes<br>Yes<br>Yes<br>Yes<br>
</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 3</h2>
</div>
<div class="box plugin">
<img id="worldPie" style="width: 100%;" src="http://puu.sh/xdhF0/3c7ae10d4e.png">
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header" style="margin-top: 10px;">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 4</h2>
</div>
<div class="box plugin" style="height: 100%;">
<table class="sortable table">
<thead>
<tr>
<th>Test</th>
<th>Test2</th>
</tr>
</thead>
<tbody>
<tr>
<th>Data</th>
<th>Data</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="column"></div>
<div class="column"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/maps/modules/map.js"></script>
<script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
<script src="./js/activityPie.js"></script>
<script src="./js/gmPie.js"></script>
<script src="./js/playerGraph.js"></script>
<script src="./js/punchCard.js"></script>
<script src="./js/resourceGraph.js"></script>
<script src="./js/sessionDistributionChart.js"></script>
<script src="./js/tpsGraph.js"></script>
<script src="./js/worldGraph.js"></script>
<script src="./js/worldMap.js"></script>
<script src="./js/worldPie.js"></script>
<script src="./js/pluginsTabExpand.js"></script>
<script src="./js/sessionTabExpand.js"></script>
<script>
var navButtons = document.getElementsByClassName("nav-button");
var tabs = document.getElementsByClassName("tab");
var slideIndex = window.sessionStorage.getItem("InspectSlideIndex");
if (slideIndex === null) {
slideIndex = 0;
}
var x = document.getElementById("main");
x.style.transform = "translate3d(0px,0px,0)";
x.style.width = "" + navButtons.length * 100 + "%";
for (var i = 0; i < navButtons.length; i++) {
navButtons[i].onclick = openFunc(i)
tabs[i].style.width = "" + 100 / navButtons.length + "%";
}
x.style.opacity = "1";
openFunc(slideIndex)();
function openFunc(i) {
return function() {
var max = navButtons.length;
for (var j = 0; j < max; j++) {
if (j === i) {
navButtons[j].classList.add('active');
continue;
}
if (navButtons[j].classList.contains('active')) {
navButtons[j].classList.remove('active');
}
}
var perc = - 100 / navButtons.length;
slideIndex = i;
if (slideIndex > max) {slideIndex = 0};
if (slideIndex < 0) {slideIndex = max};
window.sessionStorage.setItem("InspectSlideIndex", slideIndex);
var value = slideIndex * perc;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";
};
}
</script>
</div>
</body>
</html>

View File

@ -1,619 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Plan | Server</title>
<meta name="description" content="Player Analysis window">
<meta name="author" content="Rsl1122">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://puu.sh/tK0KL/6aa2ba141b.ico" type="image/x-icon">
<link rel="stylesheet" href="./main.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400" rel="stylesheet">
<script src="https://use.fontawesome.com/df48eb908b.js"></script>
</head>
<body>
<header>
<div>
<img class="right" src="https://puu.sh/tJZUb/c2e0ab220f.png" alt="Player Analytics | Analysis">
<p class="right">Player Analytics v.4.0.0</p>
<h1>Plan | Server Analysis</h1>
</div>
</header>
<div class="content-server">
<div class="row nav-bar">
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-info-circle" aria-hidden="true"></i> Information
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-bar-chart" aria-hidden="true"></i> Online Activity
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-calendar" aria-hidden="true"></i> Sessions
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-cogs" aria-hidden="true"></i> Performance
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-list-alt" aria-hidden="true"></i> Playerlist
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-terminal" aria-hidden="true"></i> Command usage
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-globe" aria-hidden="true"></i> Demographics
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-cubes" aria-hidden="true"></i> Plugins
</a>
</div>
<div id="limiter" class="main-limiter">
<div id="main" class="main-wrapper row">
<div id="tab-information" class="tab">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Players Online</h2>
</div>
<div class="box-footer">
<img id="playersOnline" style="width: 100%;" src="http://puu.sh/xdcdv/77aca85f4c.png">
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-info-circle" aria-hidden="true"></i> Information</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<div class="row">
<div class="column">
<p>30/50 Players Online<br>43 New Players Today<br>
<br>
100 Active Players<br>
1246 Total Players<br>
<br>
Peak Time: 18:23 Pm<br>
Last Peak: 53 Players<br>
<br>
<b>All Time Peak:</b><br>
Aug 13 2017, 18:46: 75 Players
</p>
</div>
<div class="column">
<p><b>Averages:</b></p>
<li>Session Length: 28m 42s</li>
<li>Players / Day: 196</li>
<li>New Players / Day: 24</li>
<p><b>Total:</b></p>
<li>Playtime: 3 months 5d 53h</li>
<li>Sessions: 6480</li>
<li>Kills: 3403</li>
<li>Mob Kills: 503402</li>
<li>Deaths: 5704</li>
</div>
</div>
</div>
<div class="box-header">
<h2><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Recent Logins</h2>
</div>
<div class="box-footer" style="padding: 2px;">
<table>
<thead>
<tr>
<th>Player</th>
<th>Seen</th>
</tr>
</thead>
<tbody>
<tr>
<th><a class="link" href="#">Rsl1122</a></th>
<th>18 Aug 2017, 15:56</th>
</tr>
<tr>
<th><a class="link" href="#">Melonking</a></th>
<th>18 Aug 2017, 15:43</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="tab-online-activity" class="tab column">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Players Online</h2>
</div>
<div class="box-footer">
<img id="playersOnline2" style="width: 100%;" src="http://puu.sh/xdcdv/77aca85f4c.png">
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-braille" aria-hidden="true"></i> Player Join PunchCard</h2>
</div>
<div class="box-footer">
<img id="punchCard" style="width: 100%;" src="http://puu.sh/xdhil/73c2c5b944.png">
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header">
<h2>Last 24 Hours</h2>
</div>
<div class="box">
<p>Unique Players: 217<br>
Unique / Day: 217</p>
<p>New Players: 38<br>
New / Day: 38</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2>Last 7 Days</h2>
</div>
<div class="box">
<p>Unique Players: 670<br>
Unique / Day: 204</p>
<p>New Players: 247<br>
New / Day: 35</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2>Last 30 Days</h2>
</div>
<div class="box">
<p>Unique Players: 812<br>
Unique / Day: 196</p>
<p>New Players: 463<br>
New / Day: 15</p>
</div>
</div>
</div>
</div>
<div id="tab-sessions" class="tab">
<div class="row" style="flex-grow: 2; width: 140%;">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-calendar" aria-hidden="true"></i> 50 Most Recent Sessions</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<table class="sortable table">
<thead>
<tr>
<th>Player</th>
<th>Started</th>
<th>Length</th>
<th>World - Time</th>
</tr>
</thead>
<tbody>
<tr>
<th><a class="link" href="#">Rsl1122</a></th>
<th>18 Aug, 16:22</th>
<th>Online</th>
<th>freebuildnew - 100%</th>
</tr>
<tr>
<th><a class="link" href="#">Rsl1122</a></th>
<th>18 Aug, 15:56</th>
<th>1h 45m 43s</th>
<th>world - 87%</th>
</tr>
<tr>
<th><a class="link" href="#">Melonking</a></th>
<th>18 Aug, 15:43</th>
<th>5m 2s</th>
<th>gm3 - 62%</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-pie-chart" aria-hidden="true"></i> World Playtime</h2>
</div>
<div class="box-footer">
<img id="worldPie" style="width: 100%;" src="http://puu.sh/xdhF0/3c7ae10d4e.png">
</div>
<div class="box-header">
<h2><i class="fa fa-pie-chart" aria-hidden="true"></i> Playerbase</h2>
</div>
<div class="box-footer">
<img id="activityPie" style="width: 100%;" src="http://puu.sh/xdgXa/f4a3b7df80.png">
</div>
</div>
</div>
</div>
<div id="tab-performance" class="tab">
<div class="column">
<div class="row"> <!--First row (horizontal)-->
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Ticks Per Second</h2>
</div>
<div class="box-footer">
<img id="tpsGraph" style="width: 100%;" src="http://puu.sh/xdivg/0dfd27035a.png">
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Resource Usage</h2>
</div>
<div class="box-footer">
<img id="resourceGraph" style="width: 100%;" src="http://puu.sh/xdjtY/419496ddf3.png">
</div>
</div>
</div> <!--First row (horizontal)-->
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> World Load</h2>
</div>
<div class="box-footer">
<img id="worldGraph" style="width: 100%;" src="http://puu.sh/xdjut/bcc8d4d7ff.png">
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cogs" aria-hidden="true"></i> Last 24 Hours</h2>
</div>
<div class="box">
<p><b>Averages:</b></p>
<ul>
<li>TPS: 19.83</li>
<li>CPU: 25.51%</li>
<li>RAM: 5282 Mb</li>
<li>Entities: 3649</li>
<li>Chunks: 1789</li>
</ul>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cogs" aria-hidden="true"></i> Last 7 Days</h2>
</div>
<div class="box">
<p><b>Averages:</b></p>
<ul>
<li>TPS: 19.83</li>
<li>CPU: 25.51%</li>
<li>RAM: 5282 Mb</li>
<li>Entities: 3649</li>
<li>Chunks: 1789</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tab-playerlist" class="tab">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-list" aria-hidden="true"></i> Playerlist</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<table class="sortable table">
<thead>
<tr>
<th><i class="fa fa-user" aria-hidden="true"></i> Player</th>
<th><i class="fa fa-check" aria-hidden="true"></i> Active</th>
<th><i class="fa fa-clock-o" aria-hidden="true"></i> Playtime</th>
<th><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> Login times</th>
<th><i class="fa fa-user-plus" aria-hidden="true"></i> Registered</th>
<th><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Last seen</th>
<th><i class="fa fa-globe" aria-hidden="true"></i> Geolocation</th>
</tr>
</thead>
<tbody>
<tr>
<th><a class="link" href="#">Rsl1122</a></th>
<th>Active</th>
<th>1d 20h 4m 2s</th>
<th>324</th>
<th>Aug 18 2017, 15:54</th>
<th>Aug 18, 16:48</th>
<th>Finland</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="tab-command-usage" class="tab">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-list" aria-hidden="true"></i> Playerlist</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<table class="sortable table">
<thead>
<tr>
<th><i class="fa fa-chevron-right" aria-hidden="true"></i> Command</th>
<th><i class="fa fa-list-ol" aria-hidden="true"></i> Times used</th>
</tr>
</thead>
<tbody>
<tr>
<th>/plan</th>
<th>432</th>
</tr>
<tr>
<th>/spawn</th>
<th>23</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="tab-demographics" class="tab">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-globe" aria-hidden="true"></i> Geolocations</h2>
</div>
<div class="box-footer" style="padding: 2px;">
<img id="geoChart" style="width: 100%;" src="http://puu.sh/xdVkp/9eddada8bd.png">
</div>
</div>
</div>
<div id="tab-plugins" class="tab column">
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 1</h2>
</div>
<div class="box plugin">
<p>Test: 5 / 25<br>
Test: 20%</p>
<p>More data: Yes<br>
Data: 4</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 2</h2>
</div>
<div class="box plugin">
<p>Yes<br>
Yes<br>
Yes<br>Yes<br>Yes<br>Yes<br>Yes<br>
Yes<br>Yes<br>Yes<br>Yes<br>Yes<br>
Yes<br>Yes<br>Yes<br>Yes<br>Yes<br>
</p>
</div>
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 3</h2>
</div>
<div class="box plugin">
<img id="pluginpie" style="width: 100%;" src="http://puu.sh/xdhF0/3c7ae10d4e.png">
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="box-header" style="margin-top: 10px;">
<h2><i class="fa fa-cube" aria-hidden="true"></i> Plugin 4</h2>
</div>
<div class="box plugin" style="height: 100%;">
<table class="sortable table">
<thead>
<tr>
<th>Test</th>
<th>Test2</th>
</tr>
</thead>
<tbody>
<tr>
<th>Data</th>
<th>Data</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="column" style="width: 200%;">
<div class="box-header" style="margin-top: 10px;">
<h2>That's all..</h2>
</div>
<div class="box plugin">
<p>Do you have more plugins? ._.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/maps/modules/map.js"></script>
<script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
<script src="./js/activityPie.js"></script>
<script src="./js/gmPie.js"></script>
<script src="./js/playerGraph.js"></script>
<script src="./js/punchCard.js"></script>
<script src="./js/resourceGraph.js"></script>
<script src="./js/sessionDistributionChart.js"></script>
<script src="./js/tpsGraph.js"></script>
<script src="./js/worldGraph.js"></script>
<script src="./js/worldMap.js"></script>
<script src="./js/worldPie.js"></script>
<script>
Highcharts.setOptions({
global: {
timezoneOffset: ${timeZone} * 60
}
});
// Data Variables
var playersOnlineSeries = {
name: 'Players Online',
data: ${playersOnlineSeries},
type: 'areaspline',
color: '#%playersgraphcolor%',
tooltip: {
valueDecimals: 0
}
};
var tpsSeries = {
name: 'TPS',
data: ${tpsSeries},
type: 'spline',
zones: [{
value: %tpsmedium%,
color: '${tpsLowColor}'
}, {
value: %tpshigh%,
color: '${tpsMediumColor}'
}, {
value: 30,
color: '${tpsHighColor}'
}],
tooltip: {
valueDecimals: 2
},
yAxis: 1
};
var cpuSeries = {
name: 'CPU Usage',
data: ${cpuSeries},
type: 'areaspline',
color: '#e0d264',
tooltip: {
pointFormat: '{series.name}: <b>{point.y:.2f}%</b>'
}
};
var ramSeries = {
name: 'RAM Usage',
data: ${ramSeries},
type: 'areaspline',
color: '#7dcc24',
tooltip: {
valueDecimals: 0
},
yAxis: 1
};
var entitySeries = {
name: 'Loaded Entities',
data: ${entitySeries},
type: 'areaspline',
color: '#ac69ef',
tooltip: {
valueDecimals: 0
},
yAxis: 1
};
var chunkSeries = {
name: 'Loaded Chunks',
data: ${chunkSeries},
type: 'areaspline',
color: '#b58310',
tooltip: {
valueDecimals: 0
}
};
var activitySeries = {
name: 'Players',
colorByPoint: true,
data: [{
name: 'Active',
y: ${active}
}, {
name: 'Inactive',
y: ${inactive},
sliced: true,
selected: true
}, {
name: 'Single Join',
y: ${joinLeaver}
}, {
name: 'Banned',
y: ${banned}
}]
};
var worldSeries = {
name: 'World Playtime',
colorByPoint: true,
data: ${worldSeries}
};
var mapSeries = {
name: 'Players',
type: 'map',
mapData: Highcharts.maps['custom/world'],
data: ${geoMapSeries}
joinBy: ['iso-a3', 'code']
};
var sessionLengthSeries = {
name: 'Sessions',
color: '#89c471',
data: ${sessionLengthSeries}
};
var punchcardSeries = {
name: 'Relative Activity',
color: '#222',
data: ${punchCardSeries}
};
</script>
<script>
var navButtons = document.getElementsByClassName("nav-button");
var tabs = document.getElementsByClassName("tab");
var slideIndex = window.sessionStorage.getItem("AnalysisSlideIndex");
if (slideIndex === null) {
slideIndex = 0;
}
var x = document.getElementById("main");
x.style.transform = "translate3d(0px,0px,0)";
x.style.width = "" + navButtons.length * 100 + "%";
for (var i = 0; i < navButtons.length; i++) {
navButtons[i].onclick = openFunc(i)
tabs[i].style.width = "" + 100 / navButtons.length + "%";
}
x.style.opacity = "1";
openFunc(slideIndex)();
/*gmPie('gmPie', gmSeries, '%gmtotal%', [%gmcolors%]);
activityPie('activityPie', activitySeries, %activitytotal%, [%activitycolors%]);
worldPie('worldPie', worldSeries, '%worldtotal%');
playersChart('playerChartDay', playersOnlineSeries, 1);
playersChart('playerChartMonth', playersOnlineSeries, 4);
tpsChart('tpsGraph', tpsSeries, playersOnlineSeries);
resourceChart('resourceGraph', cpuSeries, ramSeries);
worldChart('worldGraph', entitySeries, chunkSeries);
worldMap('choropleth', '#EEFFEE', '#267f00', mapSeries);
sessionDistributionChart('sessionDistribution', sessionLengthSeries);
punchCard('punchcard', punchcardSeries);
countUpTimer();*/
function openFunc(i) {
return function() {
var max = navButtons.length;
for (var j = 0; j < max; j++) {
if (j === i) {
navButtons[j].classList.add('active');
continue;
}
if (navButtons[j].classList.contains('active')) {
navButtons[j].classList.remove('active');
}
}
var perc = - 100 / navButtons.length;
slideIndex = i;
if (slideIndex > max) {slideIndex = 0};
if (slideIndex < 0) {slideIndex = max};
window.sessionStorage.setItem("AnalysisSlideIndex", slideIndex);
var value = slideIndex * perc;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";
};
}
</script>
</div>
</body>
</html>

View File

@ -0,0 +1,180 @@
.black {
color: #000000;
}
.darkblue {
color: #0000AA;
}
.darkgreen {
color: #00AA00;
}
.darkaqua {
color: #00AAAA;
}
.darkred {
color: #AA0000;
}
.darkpurple {
color: #AA00AA;
}
.gold {
color: #FFAA00;
}
.gray {
color: #AAAAAA;
}
.darkgray {
color: #555555;
}
.blue {
color: #5555FF;
}
.green {
color: #55FF55;
}
.aqua {
color: #55FFFF;
}
.red {
color: #FF5555;
}
.pink {
color: #FF55FF;
}
.yellow {
color: #FFFF55;
text-shadow: 0 0 6px #000;
}
.white {
color: #FFFFFF;
text-shadow: 0 0 8px #000;
}
.g {
color: #008000;
}
.o {
color: #FFA500;
}
.r {
color: #FF4500;
}
.nav-button {
}
.sidenav-button:hover {
background: #89c471;
}
.right {
float: right;
}
.left {
float: left;
}
.plugin {
max-height: 300px;
overflow-y: auto;
height: 100%;
}
.main-limiter {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.tab {
width: 0%;
height: 100%;
float: left;
}
.scrollbar {
max-height: 650px;
overflow-y: auto;
}
.session-header h3 {
margin: 0;
}
.session-header p {
margin: 0;
}
.session {
}
.session-header {
background: #ddd;
color: #000;
margin: 1px 3px;
display: flex;
flex-direction: row;
padding: 0;
}
.session-col {
width: 100%;
background: #fff;
color: #000;
margin: 0 2px;
display: flex;
flex-direction: column;
padding: 10px 20px;
}
.session-content {
display: none;
margin: 2px 10px;
flex-direction: row;
}
.plugins-content {
display: none;
}
.plugins-header h2 {
margin: 0;
}
.plugins-header p {
margin: 0;
}
.plugin {
padding: 10px;
}
.plugin p {
padding: 5px 0px;
margin: 0;
}
@media only screen and (max-width: 1680px) {
.nav-button {
font-size: 19px;
}
}
@media only screen and (max-width: 850px) {
header h1 {
font-weight: 400;
font-size: 30px;
}
}
@media only screen and (max-width: 780px) {
.scrollbar {
overflow-x: auto;
width: 100%;
}
.nav-bar {
flex-direction: row;
}
.row {
flex-direction: column;
}
header p {
display: none;
}
}

View File

@ -0,0 +1,416 @@
/*!
* Materialize v0.97.7 (http://materializecss.com)
* Copyright 2014-2015 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/
/* Radio Buttons
========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
transition: .28s ease;
/* webkit (konqueror) browsers */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[type="radio"] + label:before,
[type="radio"] + label:after {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
transition: .28s ease;
}
/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
border-radius: 50%;
}
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
border: 2px solid #5a5a5a;
}
[type="radio"]:not(:checked) + label:after {
z-index: -1;
-webkit-transform: scale(0);
transform: scale(0);
}
/* Checked styles */
[type="radio"]:checked + label:before {
border: 2px solid transparent;
}
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
border: 2px solid #26a69a;
}
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
background-color: #26a69a;
z-index: 0;
}
[type="radio"]:checked + label:after {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
/* Focused styles */
[type="radio"].tabbed:focus + label:before {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
border: 2px solid rgba(0, 0, 0, 0.26);
}
[type="radio"].with-gap:disabled:checked + label:after {
border: none;
background-color: rgba(0, 0, 0, 0.26);
}
/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.26);
}
[type="radio"]:disabled + label {
color: rgba(0, 0, 0, 0.26);
}
[type="radio"]:disabled:not(:checked) + label:before {
border-color: rgba(0, 0, 0, 0.26);
}
[type="radio"]:disabled:checked + label:after {
background-color: rgba(0, 0, 0, 0.26);
border-color: #BDBDBD;
}
/* Checkboxes
========================================================================== */
/* CUSTOM CSS CHECKBOXES */
form p {
margin-bottom: 10px;
text-align: left;
}
form p:last-child {
margin-bottom: 0;
}
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
[type="checkbox"] {
/* checkbox aspect */
}
[type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-khtml-user-select: none;
/* webkit (konqueror) browsers */
-ms-user-select: none;
/* IE10+ */
}
[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 2px;
transition: .2s;
}
[type="checkbox"]:not(.filled-in) + label:after {
border: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0, 0, 0, 0.26);
}
[type="checkbox"].tabbed:focus + label:after {
-webkit-transform: scale(1);
transform: scale(1);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
}
[type="checkbox"]:checked + label:before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #26a69a;
border-bottom: 2px solid #26a69a;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
[type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26);
border-bottom: 2px solid rgba(0, 0, 0, 0.26);
}
/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
top: -11px;
left: -12px;
width: 10px;
height: 22px;
border-top: none;
border-left: none;
border-right: 2px solid #26a69a;
border-bottom: none;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
[type="checkbox"]:indeterminate:disabled + label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26);
background-color: transparent;
}
[type="checkbox"].filled-in + label:after {
border-radius: 2px;
}
[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
content: '';
left: 0;
position: absolute;
/* .1s delay is for check animation */
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
z-index: 1;
}
[type="checkbox"].filled-in:not(:checked) + label:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
[type="checkbox"].filled-in:not(:checked) + label:after {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #5a5a5a;
top: 0px;
z-index: 0;
}
[type="checkbox"].filled-in:checked + label:before {
top: 0;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
[type="checkbox"].filled-in:checked + label:after {
top: 0;
width: 20px;
height: 20px;
border: 2px solid #26a69a;
background-color: #26a69a;
z-index: 0;
}
[type="checkbox"].filled-in.tabbed:focus + label:after {
border-radius: 2px;
border-color: #5a5a5a;
background-color: rgba(0, 0, 0, 0.1);
}
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
border-radius: 2px;
background-color: #26a69a;
border-color: #26a69a;
}
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
background-color: transparent;
border: 2px solid transparent;
}
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
border-color: transparent;
background-color: #BDBDBD;
}
[type="checkbox"].filled-in:disabled:checked + label:before {
background-color: transparent;
}
[type="checkbox"].filled-in:disabled:checked + label:after {
background-color: #BDBDBD;
border-color: #BDBDBD;
}
/* Switch
========================================================================== */
.switch,
.switch * {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.switch label {
cursor: pointer;
}
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
.switch label input[type=checkbox]:checked + .lever {
background-color: #84c7c1;
}
.switch label input[type=checkbox]:checked + .lever:after {
background-color: #26a69a;
left: 24px;
}
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 40px;
height: 15px;
background-color: #818181;
border-radius: 15px;
margin-right: 10px;
transition: background 0.3s ease;
vertical-align: middle;
margin: 0 16px;
}
.switch label .lever:after {
content: "";
position: absolute;
display: inline-block;
width: 21px;
height: 21px;
background-color: #F1F1F1;
border-radius: 21px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}
input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}
.switch input[type=checkbox][disabled] + .lever {
cursor: default;
}
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
background-color: #BDBDBD;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,900 @@
.theme-red .navbar {
background-color: #F44336; }
.theme-red .navbar-brand {
color: #fff; }
.theme-red .navbar-brand:hover {
color: #fff; }
.theme-red .navbar-brand:active {
color: #fff; }
.theme-red .navbar-brand:focus {
color: #fff; }
.theme-red .nav > li > a {
color: #fff; }
.theme-red .nav > li > a:hover {
background-color: transparent; }
.theme-red .nav > li > a:focus {
background-color: transparent; }
.theme-red .nav .open > a {
background-color: transparent; }
.theme-red .nav .open > a:hover {
background-color: transparent; }
.theme-red .nav .open > a:focus {
background-color: transparent; }
.theme-red .bars {
color: #fff; }
.theme-red .sidebar .menu .list li.active {
background-color: transparent; }
.theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
color: #F44336; }
.theme-red .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-red .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-red .sidebar .legal {
background-color: #fff; }
.theme-red .sidebar .legal .copyright a {
color: #F44336 !important; }
.theme-pink .navbar {
background-color: #E91E63; }
.theme-pink .navbar-brand {
color: #fff; }
.theme-pink .navbar-brand:hover {
color: #fff; }
.theme-pink .navbar-brand:active {
color: #fff; }
.theme-pink .navbar-brand:focus {
color: #fff; }
.theme-pink .nav > li > a {
color: #fff; }
.theme-pink .nav > li > a:hover {
background-color: transparent; }
.theme-pink .nav > li > a:focus {
background-color: transparent; }
.theme-pink .nav .open > a {
background-color: transparent; }
.theme-pink .nav .open > a:hover {
background-color: transparent; }
.theme-pink .nav .open > a:focus {
background-color: transparent; }
.theme-pink .bars {
color: #fff; }
.theme-pink .sidebar .menu .list li.active {
background-color: transparent; }
.theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span {
color: #E91E63; }
.theme-pink .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-pink .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-pink .sidebar .legal {
background-color: #fff; }
.theme-pink .sidebar .legal .copyright a {
color: #E91E63 !important; }
.theme-purple .navbar {
background-color: #9C27B0; }
.theme-purple .navbar-brand {
color: #fff; }
.theme-purple .navbar-brand:hover {
color: #fff; }
.theme-purple .navbar-brand:active {
color: #fff; }
.theme-purple .navbar-brand:focus {
color: #fff; }
.theme-purple .nav > li > a {
color: #fff; }
.theme-purple .nav > li > a:hover {
background-color: transparent; }
.theme-purple .nav > li > a:focus {
background-color: transparent; }
.theme-purple .nav .open > a {
background-color: transparent; }
.theme-purple .nav .open > a:hover {
background-color: transparent; }
.theme-purple .nav .open > a:focus {
background-color: transparent; }
.theme-purple .bars {
color: #fff; }
.theme-purple .sidebar .menu .list li.active {
background-color: transparent; }
.theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
color: #9C27B0; }
.theme-purple .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-purple .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-purple .sidebar .legal {
background-color: #fff; }
.theme-purple .sidebar .legal .copyright a {
color: #9C27B0 !important; }
.theme-deep-purple .navbar {
background-color: #673AB7; }
.theme-deep-purple .navbar-brand {
color: #fff; }
.theme-deep-purple .navbar-brand:hover {
color: #fff; }
.theme-deep-purple .navbar-brand:active {
color: #fff; }
.theme-deep-purple .navbar-brand:focus {
color: #fff; }
.theme-deep-purple .nav > li > a {
color: #fff; }
.theme-deep-purple .nav > li > a:hover {
background-color: transparent; }
.theme-deep-purple .nav > li > a:focus {
background-color: transparent; }
.theme-deep-purple .nav .open > a {
background-color: transparent; }
.theme-deep-purple .nav .open > a:hover {
background-color: transparent; }
.theme-deep-purple .nav .open > a:focus {
background-color: transparent; }
.theme-deep-purple .bars {
color: #fff; }
.theme-deep-purple .sidebar .menu .list li.active {
background-color: transparent; }
.theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span {
color: #673AB7; }
.theme-deep-purple .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-deep-purple .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-deep-purple .sidebar .legal {
background-color: #fff; }
.theme-deep-purple .sidebar .legal .copyright a {
color: #673AB7 !important; }
.theme-indigo .navbar {
background-color: #3F51B5; }
.theme-indigo .navbar-brand {
color: #fff; }
.theme-indigo .navbar-brand:hover {
color: #fff; }
.theme-indigo .navbar-brand:active {
color: #fff; }
.theme-indigo .navbar-brand:focus {
color: #fff; }
.theme-indigo .nav > li > a {
color: #fff; }
.theme-indigo .nav > li > a:hover {
background-color: transparent; }
.theme-indigo .nav > li > a:focus {
background-color: transparent; }
.theme-indigo .nav .open > a {
background-color: transparent; }
.theme-indigo .nav .open > a:hover {
background-color: transparent; }
.theme-indigo .nav .open > a:focus {
background-color: transparent; }
.theme-indigo .bars {
color: #fff; }
.theme-indigo .sidebar .menu .list li.active {
background-color: transparent; }
.theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
color: #3F51B5; }
.theme-indigo .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-indigo .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-indigo .sidebar .legal {
background-color: #fff; }
.theme-indigo .sidebar .legal .copyright a {
color: #3F51B5 !important; }
.theme-blue .navbar {
background-color: #2196F3; }
.theme-blue .navbar-brand {
color: #fff; }
.theme-blue .navbar-brand:hover {
color: #fff; }
.theme-blue .navbar-brand:active {
color: #fff; }
.theme-blue .navbar-brand:focus {
color: #fff; }
.theme-blue .nav > li > a {
color: #fff; }
.theme-blue .nav > li > a:hover {
background-color: transparent; }
.theme-blue .nav > li > a:focus {
background-color: transparent; }
.theme-blue .nav .open > a {
background-color: transparent; }
.theme-blue .nav .open > a:hover {
background-color: transparent; }
.theme-blue .nav .open > a:focus {
background-color: transparent; }
.theme-blue .bars {
color: #fff; }
.theme-blue .sidebar .menu .list li.active {
background-color: transparent; }
.theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
color: #2196F3; }
.theme-blue .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-blue .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-blue .sidebar .legal {
background-color: #fff; }
.theme-blue .sidebar .legal .copyright a {
color: #2196F3 !important; }
.theme-light-blue .navbar {
background-color: #03A9F4; }
.theme-light-blue .navbar-brand {
color: #fff; }
.theme-light-blue .navbar-brand:hover {
color: #fff; }
.theme-light-blue .navbar-brand:active {
color: #fff; }
.theme-light-blue .navbar-brand:focus {
color: #fff; }
.theme-light-blue .nav > li > a {
color: #fff; }
.theme-light-blue .nav > li > a:hover {
background-color: transparent; }
.theme-light-blue .nav > li > a:focus {
background-color: transparent; }
.theme-light-blue .nav .open > a {
background-color: transparent; }
.theme-light-blue .nav .open > a:hover {
background-color: transparent; }
.theme-light-blue .nav .open > a:focus {
background-color: transparent; }
.theme-light-blue .bars {
color: #fff; }
.theme-light-blue .sidebar .menu .list li.active {
background-color: transparent; }
.theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span {
color: #03A9F4; }
.theme-light-blue .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-light-blue .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-light-blue .sidebar .legal {
background-color: #fff; }
.theme-light-blue .sidebar .legal .copyright a {
color: #03A9F4 !important; }
.theme-cyan .navbar {
background-color: #00BCD4; }
.theme-cyan .navbar-brand {
color: #fff; }
.theme-cyan .navbar-brand:hover {
color: #fff; }
.theme-cyan .navbar-brand:active {
color: #fff; }
.theme-cyan .navbar-brand:focus {
color: #fff; }
.theme-cyan .nav > li > a {
color: #fff; }
.theme-cyan .nav > li > a:hover {
background-color: transparent; }
.theme-cyan .nav > li > a:focus {
background-color: transparent; }
.theme-cyan .nav .open > a {
background-color: transparent; }
.theme-cyan .nav .open > a:hover {
background-color: transparent; }
.theme-cyan .nav .open > a:focus {
background-color: transparent; }
.theme-cyan .bars {
color: #fff; }
.theme-cyan .sidebar .menu .list li.active {
background-color: transparent; }
.theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
color: #00BCD4; }
.theme-cyan .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-cyan .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-cyan .sidebar .legal {
background-color: #fff; }
.theme-cyan .sidebar .legal .copyright a {
color: #00BCD4 !important; }
.theme-teal .navbar {
background-color: #009688; }
.theme-teal .navbar-brand {
color: #fff; }
.theme-teal .navbar-brand:hover {
color: #fff; }
.theme-teal .navbar-brand:active {
color: #fff; }
.theme-teal .navbar-brand:focus {
color: #fff; }
.theme-teal .nav > li > a {
color: #fff; }
.theme-teal .nav > li > a:hover {
background-color: transparent; }
.theme-teal .nav > li > a:focus {
background-color: transparent; }
.theme-teal .nav .open > a {
background-color: transparent; }
.theme-teal .nav .open > a:hover {
background-color: transparent; }
.theme-teal .nav .open > a:focus {
background-color: transparent; }
.theme-teal .bars {
color: #fff; }
.theme-teal .sidebar .menu .list li.active {
background-color: transparent; }
.theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span {
color: #009688; }
.theme-teal .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-teal .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-teal .sidebar .legal {
background-color: #fff; }
.theme-teal .sidebar .legal .copyright a {
color: #009688 !important; }
.theme-green .navbar {
background-color: #4CAF50; }
.theme-green .navbar-brand {
color: #fff; }
.theme-green .navbar-brand:hover {
color: #fff; }
.theme-green .navbar-brand:active {
color: #fff; }
.theme-green .navbar-brand:focus {
color: #fff; }
.theme-green .nav > li > a {
color: #fff; }
.theme-green .nav > li > a:hover {
background-color: transparent; }
.theme-green .nav > li > a:focus {
background-color: transparent; }
.theme-green .nav .open > a {
background-color: transparent; }
.theme-green .nav .open > a:hover {
background-color: transparent; }
.theme-green .nav .open > a:focus {
background-color: transparent; }
.theme-green .bars {
color: #fff; }
.theme-green .sidebar .menu .list li.active {
background-color: transparent; }
.theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
color: #4CAF50; }
.theme-green .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-green .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-green .sidebar .legal {
background-color: #fff; }
.theme-green .sidebar .legal .copyright a {
color: #4CAF50 !important; }
.theme-light-green .navbar {
background-color: #8BC34A; }
.theme-light-green .navbar-brand {
color: #fff; }
.theme-light-green .navbar-brand:hover {
color: #fff; }
.theme-light-green .navbar-brand:active {
color: #fff; }
.theme-light-green .navbar-brand:focus {
color: #fff; }
.theme-light-green .nav > li > a {
color: #fff; }
.theme-light-green .nav > li > a:hover {
background-color: transparent; }
.theme-light-green .nav > li > a:focus {
background-color: transparent; }
.theme-light-green .nav .open > a {
background-color: transparent; }
.theme-light-green .nav .open > a:hover {
background-color: transparent; }
.theme-light-green .nav .open > a:focus {
background-color: transparent; }
.theme-light-green .bars {
color: #fff; }
.theme-light-green .sidebar .menu .list li.active {
background-color: transparent; }
.theme-light-green .sidebar .menu .list li.active > :first-child i, .theme-light-green .sidebar .menu .list li.active > :first-child span {
color: #8BC34A; }
.theme-light-green .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-light-green .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-light-green .sidebar .legal {
background-color: #fff; }
.theme-light-green .sidebar .legal .copyright a {
color: #8BC34A !important; }
.theme-lime .navbar {
background-color: #CDDC39; }
.theme-lime .navbar-brand {
color: #fff; }
.theme-lime .navbar-brand:hover {
color: #fff; }
.theme-lime .navbar-brand:active {
color: #fff; }
.theme-lime .navbar-brand:focus {
color: #fff; }
.theme-lime .nav > li > a {
color: #fff; }
.theme-lime .nav > li > a:hover {
background-color: transparent; }
.theme-lime .nav > li > a:focus {
background-color: transparent; }
.theme-lime .nav .open > a {
background-color: transparent; }
.theme-lime .nav .open > a:hover {
background-color: transparent; }
.theme-lime .nav .open > a:focus {
background-color: transparent; }
.theme-lime .bars {
color: #fff; }
.theme-lime .sidebar .menu .list li.active {
background-color: transparent; }
.theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span {
color: #CDDC39; }
.theme-lime .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-lime .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-lime .sidebar .legal {
background-color: #fff; }
.theme-lime .sidebar .legal .copyright a {
color: #CDDC39 !important; }
.theme-yellow .navbar {
background-color: #FFEB3B; }
.theme-yellow .navbar-brand {
color: #fff; }
.theme-yellow .navbar-brand:hover {
color: #fff; }
.theme-yellow .navbar-brand:active {
color: #fff; }
.theme-yellow .navbar-brand:focus {
color: #fff; }
.theme-yellow .nav > li > a {
color: #fff; }
.theme-yellow .nav > li > a:hover {
background-color: transparent; }
.theme-yellow .nav > li > a:focus {
background-color: transparent; }
.theme-yellow .nav .open > a {
background-color: transparent; }
.theme-yellow .nav .open > a:hover {
background-color: transparent; }
.theme-yellow .nav .open > a:focus {
background-color: transparent; }
.theme-yellow .bars {
color: #fff; }
.theme-yellow .sidebar .menu .list li.active {
background-color: transparent; }
.theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span {
color: #FFEB3B; }
.theme-yellow .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-yellow .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-yellow .sidebar .legal {
background-color: #fff; }
.theme-yellow .sidebar .legal .copyright a {
color: #FFEB3B !important; }
.theme-amber .navbar {
background-color: #FFC107; }
.theme-amber .navbar-brand {
color: #fff; }
.theme-amber .navbar-brand:hover {
color: #fff; }
.theme-amber .navbar-brand:active {
color: #fff; }
.theme-amber .navbar-brand:focus {
color: #fff; }
.theme-amber .nav > li > a {
color: #fff; }
.theme-amber .nav > li > a:hover {
background-color: transparent; }
.theme-amber .nav > li > a:focus {
background-color: transparent; }
.theme-amber .nav .open > a {
background-color: transparent; }
.theme-amber .nav .open > a:hover {
background-color: transparent; }
.theme-amber .nav .open > a:focus {
background-color: transparent; }
.theme-amber .bars {
color: #fff; }
.theme-amber .sidebar .menu .list li.active {
background-color: transparent; }
.theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span {
color: #FFC107; }
.theme-amber .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-amber .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-amber .sidebar .legal {
background-color: #fff; }
.theme-amber .sidebar .legal .copyright a {
color: #FFC107 !important; }
.theme-orange .navbar {
background-color: #FF9800; }
.theme-orange .navbar-brand {
color: #fff; }
.theme-orange .navbar-brand:hover {
color: #fff; }
.theme-orange .navbar-brand:active {
color: #fff; }
.theme-orange .navbar-brand:focus {
color: #fff; }
.theme-orange .nav > li > a {
color: #fff; }
.theme-orange .nav > li > a:hover {
background-color: transparent; }
.theme-orange .nav > li > a:focus {
background-color: transparent; }
.theme-orange .nav .open > a {
background-color: transparent; }
.theme-orange .nav .open > a:hover {
background-color: transparent; }
.theme-orange .nav .open > a:focus {
background-color: transparent; }
.theme-orange .bars {
color: #fff; }
.theme-orange .sidebar .menu .list li.active {
background-color: transparent; }
.theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
color: #FF9800; }
.theme-orange .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-orange .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-orange .sidebar .legal {
background-color: #fff; }
.theme-orange .sidebar .legal .copyright a {
color: #FF9800 !important; }
.theme-deep-orange .navbar {
background-color: #FF5722; }
.theme-deep-orange .navbar-brand {
color: #fff; }
.theme-deep-orange .navbar-brand:hover {
color: #fff; }
.theme-deep-orange .navbar-brand:active {
color: #fff; }
.theme-deep-orange .navbar-brand:focus {
color: #fff; }
.theme-deep-orange .nav > li > a {
color: #fff; }
.theme-deep-orange .nav > li > a:hover {
background-color: transparent; }
.theme-deep-orange .nav > li > a:focus {
background-color: transparent; }
.theme-deep-orange .nav .open > a {
background-color: transparent; }
.theme-deep-orange .nav .open > a:hover {
background-color: transparent; }
.theme-deep-orange .nav .open > a:focus {
background-color: transparent; }
.theme-deep-orange .bars {
color: #fff; }
.theme-deep-orange .sidebar .menu .list li.active {
background-color: transparent; }
.theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span {
color: #FF5722; }
.theme-deep-orange .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-deep-orange .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-deep-orange .sidebar .legal {
background-color: #fff; }
.theme-deep-orange .sidebar .legal .copyright a {
color: #FF5722 !important; }
.theme-brown .navbar {
background-color: #795548; }
.theme-brown .navbar-brand {
color: #fff; }
.theme-brown .navbar-brand:hover {
color: #fff; }
.theme-brown .navbar-brand:active {
color: #fff; }
.theme-brown .navbar-brand:focus {
color: #fff; }
.theme-brown .nav > li > a {
color: #fff; }
.theme-brown .nav > li > a:hover {
background-color: transparent; }
.theme-brown .nav > li > a:focus {
background-color: transparent; }
.theme-brown .nav .open > a {
background-color: transparent; }
.theme-brown .nav .open > a:hover {
background-color: transparent; }
.theme-brown .nav .open > a:focus {
background-color: transparent; }
.theme-brown .bars {
color: #fff; }
.theme-brown .sidebar .menu .list li.active {
background-color: transparent; }
.theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span {
color: #795548; }
.theme-brown .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-brown .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-brown .sidebar .legal {
background-color: #fff; }
.theme-brown .sidebar .legal .copyright a {
color: #795548 !important; }
.theme-grey .navbar {
background-color: #9E9E9E; }
.theme-grey .navbar-brand {
color: #fff; }
.theme-grey .navbar-brand:hover {
color: #fff; }
.theme-grey .navbar-brand:active {
color: #fff; }
.theme-grey .navbar-brand:focus {
color: #fff; }
.theme-grey .nav > li > a {
color: #fff; }
.theme-grey .nav > li > a:hover {
background-color: transparent; }
.theme-grey .nav > li > a:focus {
background-color: transparent; }
.theme-grey .nav .open > a {
background-color: transparent; }
.theme-grey .nav .open > a:hover {
background-color: transparent; }
.theme-grey .nav .open > a:focus {
background-color: transparent; }
.theme-grey .bars {
color: #fff; }
.theme-grey .sidebar .menu .list li.active {
background-color: transparent; }
.theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
color: #9E9E9E; }
.theme-grey .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-grey .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-grey .sidebar .legal {
background-color: #fff; }
.theme-grey .sidebar .legal .copyright a {
color: #9E9E9E !important; }
.theme-blue-grey .navbar {
background-color: #607D8B; }
.theme-blue-grey .navbar-brand {
color: #fff; }
.theme-blue-grey .navbar-brand:hover {
color: #fff; }
.theme-blue-grey .navbar-brand:active {
color: #fff; }
.theme-blue-grey .navbar-brand:focus {
color: #fff; }
.theme-blue-grey .nav > li > a {
color: #fff; }
.theme-blue-grey .nav > li > a:hover {
background-color: transparent; }
.theme-blue-grey .nav > li > a:focus {
background-color: transparent; }
.theme-blue-grey .nav .open > a {
background-color: transparent; }
.theme-blue-grey .nav .open > a:hover {
background-color: transparent; }
.theme-blue-grey .nav .open > a:focus {
background-color: transparent; }
.theme-blue-grey .bars {
color: #fff; }
.theme-blue-grey .sidebar .menu .list li.active {
background-color: transparent; }
.theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span {
color: #607D8B; }
.theme-blue-grey .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-blue-grey .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-blue-grey .sidebar .legal {
background-color: #fff; }
.theme-blue-grey .sidebar .legal .copyright a {
color: #607D8B !important; }
.theme-black .navbar {
background-color: #000; }
.theme-black .navbar-brand {
color: #fff; }
.theme-black .navbar-brand:hover {
color: #fff; }
.theme-black .navbar-brand:active {
color: #fff; }
.theme-black .navbar-brand:focus {
color: #fff; }
.theme-black .nav > li > a {
color: #fff; }
.theme-black .nav > li > a:hover {
background-color: transparent; }
.theme-black .nav > li > a:focus {
background-color: transparent; }
.theme-black .nav .open > a {
background-color: transparent; }
.theme-black .nav .open > a:hover {
background-color: transparent; }
.theme-black .nav .open > a:focus {
background-color: transparent; }
.theme-black .bars {
color: #fff; }
.theme-black .sidebar .menu .list li.active {
background-color: transparent; }
.theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span {
color: #000; }
.theme-black .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-black .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-black .sidebar .legal {
background-color: #fff; }
.theme-black .sidebar .legal .copyright a {
color: #000 !important; }

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,45 @@
.theme-amber .navbar {
background-color: #FFC107; }
.theme-amber .navbar-brand {
color: #fff; }
.theme-amber .navbar-brand:hover {
color: #fff; }
.theme-amber .navbar-brand:active {
color: #fff; }
.theme-amber .navbar-brand:focus {
color: #fff; }
.theme-amber .nav > li > a {
color: #fff; }
.theme-amber .nav > li > a:hover {
background-color: transparent; }
.theme-amber .nav > li > a:focus {
background-color: transparent; }
.theme-amber .nav .open > a {
background-color: transparent; }
.theme-amber .nav .open > a:hover {
background-color: transparent; }
.theme-amber .nav .open > a:focus {
background-color: transparent; }
.theme-amber .bars {
color: #fff; }
.theme-amber .sidebar .menu .list li.active {
background-color: transparent; }
.theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span {
color: #FFC107; }
.theme-amber .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-amber .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-amber .sidebar .legal {
background-color: #fff; }
.theme-amber .sidebar .legal .copyright a {
color: #FFC107 !important; }

View File

@ -0,0 +1 @@
.theme-amber .navbar{background-color:#ffc107;}.theme-amber .navbar-brand{color:#fff;}.theme-amber .navbar-brand:hover{color:#fff;}.theme-amber .navbar-brand:active{color:#fff;}.theme-amber .navbar-brand:focus{color:#fff;}.theme-amber .nav>li>a{color:#fff;}.theme-amber .nav>li>a:hover{background-color:transparent;}.theme-amber .nav>li>a:focus{background-color:transparent;}.theme-amber .nav .open>a{background-color:transparent;}.theme-amber .nav .open>a:hover{background-color:transparent;}.theme-amber .nav .open>a:focus{background-color:transparent;}.theme-amber .bars{color:#fff;}.theme-amber .sidebar .menu .list li.active{background-color:transparent;}.theme-amber .sidebar .menu .list li.active>:first-child i,.theme-amber .sidebar .menu .list li.active>:first-child span{color:#ffc107;}.theme-amber .sidebar .menu .list .toggled{background-color:transparent;}.theme-amber .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-amber .sidebar .legal{background-color:#fff;}.theme-amber .sidebar .legal .copyright a{color:#ffc107 !important;}

View File

@ -0,0 +1,45 @@
.theme-black .navbar {
background-color: #000; }
.theme-black .navbar-brand {
color: #fff; }
.theme-black .navbar-brand:hover {
color: #fff; }
.theme-black .navbar-brand:active {
color: #fff; }
.theme-black .navbar-brand:focus {
color: #fff; }
.theme-black .nav > li > a {
color: #fff; }
.theme-black .nav > li > a:hover {
background-color: transparent; }
.theme-black .nav > li > a:focus {
background-color: transparent; }
.theme-black .nav .open > a {
background-color: transparent; }
.theme-black .nav .open > a:hover {
background-color: transparent; }
.theme-black .nav .open > a:focus {
background-color: transparent; }
.theme-black .bars {
color: #fff; }
.theme-black .sidebar .menu .list li.active {
background-color: transparent; }
.theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span {
color: #000; }
.theme-black .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-black .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-black .sidebar .legal {
background-color: #fff; }
.theme-black .sidebar .legal .copyright a {
color: #000 !important; }

View File

@ -0,0 +1 @@
.theme-black .navbar{background-color:#000;}.theme-black .navbar-brand{color:#fff;}.theme-black .navbar-brand:hover{color:#fff;}.theme-black .navbar-brand:active{color:#fff;}.theme-black .navbar-brand:focus{color:#fff;}.theme-black .nav>li>a{color:#fff;}.theme-black .nav>li>a:hover{background-color:transparent;}.theme-black .nav>li>a:focus{background-color:transparent;}.theme-black .nav .open>a{background-color:transparent;}.theme-black .nav .open>a:hover{background-color:transparent;}.theme-black .nav .open>a:focus{background-color:transparent;}.theme-black .bars{color:#fff;}.theme-black .sidebar .menu .list li.active{background-color:transparent;}.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{color:#000;}.theme-black .sidebar .menu .list .toggled{background-color:transparent;}.theme-black .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-black .sidebar .legal{background-color:#fff;}.theme-black .sidebar .legal .copyright a{color:#000 !important;}

View File

@ -0,0 +1,45 @@
.theme-blue-grey .navbar {
background-color: #607D8B; }
.theme-blue-grey .navbar-brand {
color: #fff; }
.theme-blue-grey .navbar-brand:hover {
color: #fff; }
.theme-blue-grey .navbar-brand:active {
color: #fff; }
.theme-blue-grey .navbar-brand:focus {
color: #fff; }
.theme-blue-grey .nav > li > a {
color: #fff; }
.theme-blue-grey .nav > li > a:hover {
background-color: transparent; }
.theme-blue-grey .nav > li > a:focus {
background-color: transparent; }
.theme-blue-grey .nav .open > a {
background-color: transparent; }
.theme-blue-grey .nav .open > a:hover {
background-color: transparent; }
.theme-blue-grey .nav .open > a:focus {
background-color: transparent; }
.theme-blue-grey .bars {
color: #fff; }
.theme-blue-grey .sidebar .menu .list li.active {
background-color: transparent; }
.theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span {
color: #607D8B; }
.theme-blue-grey .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-blue-grey .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-blue-grey .sidebar .legal {
background-color: #fff; }
.theme-blue-grey .sidebar .legal .copyright a {
color: #607D8B !important; }

View File

@ -0,0 +1 @@
.theme-blue-grey .navbar{background-color:#607d8b;}.theme-blue-grey .navbar-brand{color:#fff;}.theme-blue-grey .navbar-brand:hover{color:#fff;}.theme-blue-grey .navbar-brand:active{color:#fff;}.theme-blue-grey .navbar-brand:focus{color:#fff;}.theme-blue-grey .nav>li>a{color:#fff;}.theme-blue-grey .nav>li>a:hover{background-color:transparent;}.theme-blue-grey .nav>li>a:focus{background-color:transparent;}.theme-blue-grey .nav .open>a{background-color:transparent;}.theme-blue-grey .nav .open>a:hover{background-color:transparent;}.theme-blue-grey .nav .open>a:focus{background-color:transparent;}.theme-blue-grey .bars{color:#fff;}.theme-blue-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{color:#607d8b;}.theme-blue-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue-grey .sidebar .legal{background-color:#fff;}.theme-blue-grey .sidebar .legal .copyright a{color:#607d8b !important;}

View File

@ -0,0 +1,45 @@
.theme-blue .navbar {
background-color: #2196F3; }
.theme-blue .navbar-brand {
color: #fff; }
.theme-blue .navbar-brand:hover {
color: #fff; }
.theme-blue .navbar-brand:active {
color: #fff; }
.theme-blue .navbar-brand:focus {
color: #fff; }
.theme-blue .nav > li > a {
color: #fff; }
.theme-blue .nav > li > a:hover {
background-color: transparent; }
.theme-blue .nav > li > a:focus {
background-color: transparent; }
.theme-blue .nav .open > a {
background-color: transparent; }
.theme-blue .nav .open > a:hover {
background-color: transparent; }
.theme-blue .nav .open > a:focus {
background-color: transparent; }
.theme-blue .bars {
color: #fff; }
.theme-blue .sidebar .menu .list li.active {
background-color: transparent; }
.theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
color: #2196F3; }
.theme-blue .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-blue .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-blue .sidebar .legal {
background-color: #fff; }
.theme-blue .sidebar .legal .copyright a {
color: #2196F3 !important; }

View File

@ -0,0 +1 @@
.theme-blue .navbar{background-color:#2196f3;}.theme-blue .navbar-brand{color:#fff;}.theme-blue .navbar-brand:hover{color:#fff;}.theme-blue .navbar-brand:active{color:#fff;}.theme-blue .navbar-brand:focus{color:#fff;}.theme-blue .nav>li>a{color:#fff;}.theme-blue .nav>li>a:hover{background-color:transparent;}.theme-blue .nav>li>a:focus{background-color:transparent;}.theme-blue .nav .open>a{background-color:transparent;}.theme-blue .nav .open>a:hover{background-color:transparent;}.theme-blue .nav .open>a:focus{background-color:transparent;}.theme-blue .bars{color:#fff;}.theme-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{color:#2196f3;}.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue .sidebar .legal{background-color:#fff;}.theme-blue .sidebar .legal .copyright a{color:#2196f3 !important;}

View File

@ -0,0 +1,45 @@
.theme-brown .navbar {
background-color: #795548; }
.theme-brown .navbar-brand {
color: #fff; }
.theme-brown .navbar-brand:hover {
color: #fff; }
.theme-brown .navbar-brand:active {
color: #fff; }
.theme-brown .navbar-brand:focus {
color: #fff; }
.theme-brown .nav > li > a {
color: #fff; }
.theme-brown .nav > li > a:hover {
background-color: transparent; }
.theme-brown .nav > li > a:focus {
background-color: transparent; }
.theme-brown .nav .open > a {
background-color: transparent; }
.theme-brown .nav .open > a:hover {
background-color: transparent; }
.theme-brown .nav .open > a:focus {
background-color: transparent; }
.theme-brown .bars {
color: #fff; }
.theme-brown .sidebar .menu .list li.active {
background-color: transparent; }
.theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span {
color: #795548; }
.theme-brown .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-brown .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-brown .sidebar .legal {
background-color: #fff; }
.theme-brown .sidebar .legal .copyright a {
color: #795548 !important; }

View File

@ -0,0 +1 @@
.theme-brown .navbar{background-color:#795548;}.theme-brown .navbar-brand{color:#fff;}.theme-brown .navbar-brand:hover{color:#fff;}.theme-brown .navbar-brand:active{color:#fff;}.theme-brown .navbar-brand:focus{color:#fff;}.theme-brown .nav>li>a{color:#fff;}.theme-brown .nav>li>a:hover{background-color:transparent;}.theme-brown .nav>li>a:focus{background-color:transparent;}.theme-brown .nav .open>a{background-color:transparent;}.theme-brown .nav .open>a:hover{background-color:transparent;}.theme-brown .nav .open>a:focus{background-color:transparent;}.theme-brown .bars{color:#fff;}.theme-brown .sidebar .menu .list li.active{background-color:transparent;}.theme-brown .sidebar .menu .list li.active>:first-child i,.theme-brown .sidebar .menu .list li.active>:first-child span{color:#795548;}.theme-brown .sidebar .menu .list .toggled{background-color:transparent;}.theme-brown .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-brown .sidebar .legal{background-color:#fff;}.theme-brown .sidebar .legal .copyright a{color:#795548 !important;}

View File

@ -0,0 +1,45 @@
.theme-cyan .navbar {
background-color: #00BCD4; }
.theme-cyan .navbar-brand {
color: #fff; }
.theme-cyan .navbar-brand:hover {
color: #fff; }
.theme-cyan .navbar-brand:active {
color: #fff; }
.theme-cyan .navbar-brand:focus {
color: #fff; }
.theme-cyan .nav > li > a {
color: #fff; }
.theme-cyan .nav > li > a:hover {
background-color: transparent; }
.theme-cyan .nav > li > a:focus {
background-color: transparent; }
.theme-cyan .nav .open > a {
background-color: transparent; }
.theme-cyan .nav .open > a:hover {
background-color: transparent; }
.theme-cyan .nav .open > a:focus {
background-color: transparent; }
.theme-cyan .bars {
color: #fff; }
.theme-cyan .sidebar .menu .list li.active {
background-color: transparent; }
.theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
color: #00BCD4; }
.theme-cyan .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-cyan .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-cyan .sidebar .legal {
background-color: #fff; }
.theme-cyan .sidebar .legal .copyright a {
color: #00BCD4 !important; }

View File

@ -0,0 +1 @@
.theme-cyan .navbar{background-color:#00bcd4;}.theme-cyan .navbar-brand{color:#fff;}.theme-cyan .navbar-brand:hover{color:#fff;}.theme-cyan .navbar-brand:active{color:#fff;}.theme-cyan .navbar-brand:focus{color:#fff;}.theme-cyan .nav>li>a{color:#fff;}.theme-cyan .nav>li>a:hover{background-color:transparent;}.theme-cyan .nav>li>a:focus{background-color:transparent;}.theme-cyan .nav .open>a{background-color:transparent;}.theme-cyan .nav .open>a:hover{background-color:transparent;}.theme-cyan .nav .open>a:focus{background-color:transparent;}.theme-cyan .bars{color:#fff;}.theme-cyan .sidebar .menu .list li.active{background-color:transparent;}.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{color:#00bcd4;}.theme-cyan .sidebar .menu .list .toggled{background-color:transparent;}.theme-cyan .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-cyan .sidebar .legal{background-color:#fff;}.theme-cyan .sidebar .legal .copyright a{color:#00bcd4 !important;}

View File

@ -0,0 +1,45 @@
.theme-deep-orange .navbar {
background-color: #FF5722; }
.theme-deep-orange .navbar-brand {
color: #fff; }
.theme-deep-orange .navbar-brand:hover {
color: #fff; }
.theme-deep-orange .navbar-brand:active {
color: #fff; }
.theme-deep-orange .navbar-brand:focus {
color: #fff; }
.theme-deep-orange .nav > li > a {
color: #fff; }
.theme-deep-orange .nav > li > a:hover {
background-color: transparent; }
.theme-deep-orange .nav > li > a:focus {
background-color: transparent; }
.theme-deep-orange .nav .open > a {
background-color: transparent; }
.theme-deep-orange .nav .open > a:hover {
background-color: transparent; }
.theme-deep-orange .nav .open > a:focus {
background-color: transparent; }
.theme-deep-orange .bars {
color: #fff; }
.theme-deep-orange .sidebar .menu .list li.active {
background-color: transparent; }
.theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span {
color: #FF5722; }
.theme-deep-orange .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-deep-orange .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-deep-orange .sidebar .legal {
background-color: #fff; }
.theme-deep-orange .sidebar .legal .copyright a {
color: #FF5722 !important; }

View File

@ -0,0 +1 @@
.theme-deep-orange .navbar{background-color:#ff5722;}.theme-deep-orange .navbar-brand{color:#fff;}.theme-deep-orange .navbar-brand:hover{color:#fff;}.theme-deep-orange .navbar-brand:active{color:#fff;}.theme-deep-orange .navbar-brand:focus{color:#fff;}.theme-deep-orange .nav>li>a{color:#fff;}.theme-deep-orange .nav>li>a:hover{background-color:transparent;}.theme-deep-orange .nav>li>a:focus{background-color:transparent;}.theme-deep-orange .nav .open>a{background-color:transparent;}.theme-deep-orange .nav .open>a:hover{background-color:transparent;}.theme-deep-orange .nav .open>a:focus{background-color:transparent;}.theme-deep-orange .bars{color:#fff;}.theme-deep-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{color:#ff5722;}.theme-deep-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-orange .sidebar .legal{background-color:#fff;}.theme-deep-orange .sidebar .legal .copyright a{color:#ff5722 !important;}

View File

@ -0,0 +1,45 @@
.theme-deep-purple .navbar {
background-color: #673AB7; }
.theme-deep-purple .navbar-brand {
color: #fff; }
.theme-deep-purple .navbar-brand:hover {
color: #fff; }
.theme-deep-purple .navbar-brand:active {
color: #fff; }
.theme-deep-purple .navbar-brand:focus {
color: #fff; }
.theme-deep-purple .nav > li > a {
color: #fff; }
.theme-deep-purple .nav > li > a:hover {
background-color: transparent; }
.theme-deep-purple .nav > li > a:focus {
background-color: transparent; }
.theme-deep-purple .nav .open > a {
background-color: transparent; }
.theme-deep-purple .nav .open > a:hover {
background-color: transparent; }
.theme-deep-purple .nav .open > a:focus {
background-color: transparent; }
.theme-deep-purple .bars {
color: #fff; }
.theme-deep-purple .sidebar .menu .list li.active {
background-color: transparent; }
.theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span {
color: #673AB7; }
.theme-deep-purple .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-deep-purple .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-deep-purple .sidebar .legal {
background-color: #fff; }
.theme-deep-purple .sidebar .legal .copyright a {
color: #673AB7 !important; }

View File

@ -0,0 +1 @@
.theme-deep-purple .navbar{background-color:#673ab7;}.theme-deep-purple .navbar-brand{color:#fff;}.theme-deep-purple .navbar-brand:hover{color:#fff;}.theme-deep-purple .navbar-brand:active{color:#fff;}.theme-deep-purple .navbar-brand:focus{color:#fff;}.theme-deep-purple .nav>li>a{color:#fff;}.theme-deep-purple .nav>li>a:hover{background-color:transparent;}.theme-deep-purple .nav>li>a:focus{background-color:transparent;}.theme-deep-purple .nav .open>a{background-color:transparent;}.theme-deep-purple .nav .open>a:hover{background-color:transparent;}.theme-deep-purple .nav .open>a:focus{background-color:transparent;}.theme-deep-purple .bars{color:#fff;}.theme-deep-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-purple .sidebar .menu .list li.active>:first-child i,.theme-deep-purple .sidebar .menu .list li.active>:first-child span{color:#673ab7;}.theme-deep-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-purple .sidebar .legal{background-color:#fff;}.theme-deep-purple .sidebar .legal .copyright a{color:#673ab7 !important;}

View File

@ -0,0 +1,45 @@
.theme-green .navbar {
background-color: #4CAF50; }
.theme-green .navbar-brand {
color: #fff; }
.theme-green .navbar-brand:hover {
color: #fff; }
.theme-green .navbar-brand:active {
color: #fff; }
.theme-green .navbar-brand:focus {
color: #fff; }
.theme-green .nav > li > a {
color: #fff; }
.theme-green .nav > li > a:hover {
background-color: transparent; }
.theme-green .nav > li > a:focus {
background-color: transparent; }
.theme-green .nav .open > a {
background-color: transparent; }
.theme-green .nav .open > a:hover {
background-color: transparent; }
.theme-green .nav .open > a:focus {
background-color: transparent; }
.theme-green .bars {
color: #fff; }
.theme-green .sidebar .menu .list li.active {
background-color: transparent; }
.theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
color: #4CAF50; }
.theme-green .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-green .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-green .sidebar .legal {
background-color: #fff; }
.theme-green .sidebar .legal .copyright a {
color: #4CAF50 !important; }

View File

@ -0,0 +1 @@
.theme-green .navbar{background-color:#4caf50;}.theme-green .navbar-brand{color:#fff;}.theme-green .navbar-brand:hover{color:#fff;}.theme-green .navbar-brand:active{color:#fff;}.theme-green .navbar-brand:focus{color:#fff;}.theme-green .nav>li>a{color:#fff;}.theme-green .nav>li>a:hover{background-color:transparent;}.theme-green .nav>li>a:focus{background-color:transparent;}.theme-green .nav .open>a{background-color:transparent;}.theme-green .nav .open>a:hover{background-color:transparent;}.theme-green .nav .open>a:focus{background-color:transparent;}.theme-green .bars{color:#fff;}.theme-green .sidebar .menu .list li.active{background-color:transparent;}.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{color:#4caf50;}.theme-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-green .sidebar .legal{background-color:#fff;}.theme-green .sidebar .legal .copyright a{color:#4caf50 !important;}

View File

@ -0,0 +1,45 @@
.theme-grey .navbar {
background-color: #9E9E9E; }
.theme-grey .navbar-brand {
color: #fff; }
.theme-grey .navbar-brand:hover {
color: #fff; }
.theme-grey .navbar-brand:active {
color: #fff; }
.theme-grey .navbar-brand:focus {
color: #fff; }
.theme-grey .nav > li > a {
color: #fff; }
.theme-grey .nav > li > a:hover {
background-color: transparent; }
.theme-grey .nav > li > a:focus {
background-color: transparent; }
.theme-grey .nav .open > a {
background-color: transparent; }
.theme-grey .nav .open > a:hover {
background-color: transparent; }
.theme-grey .nav .open > a:focus {
background-color: transparent; }
.theme-grey .bars {
color: #fff; }
.theme-grey .sidebar .menu .list li.active {
background-color: transparent; }
.theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
color: #9E9E9E; }
.theme-grey .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-grey .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-grey .sidebar .legal {
background-color: #fff; }
.theme-grey .sidebar .legal .copyright a {
color: #9E9E9E !important; }

View File

@ -0,0 +1 @@
.theme-grey .navbar{background-color:#9e9e9e;}.theme-grey .navbar-brand{color:#fff;}.theme-grey .navbar-brand:hover{color:#fff;}.theme-grey .navbar-brand:active{color:#fff;}.theme-grey .navbar-brand:focus{color:#fff;}.theme-grey .nav>li>a{color:#fff;}.theme-grey .nav>li>a:hover{background-color:transparent;}.theme-grey .nav>li>a:focus{background-color:transparent;}.theme-grey .nav .open>a{background-color:transparent;}.theme-grey .nav .open>a:hover{background-color:transparent;}.theme-grey .nav .open>a:focus{background-color:transparent;}.theme-grey .bars{color:#fff;}.theme-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-grey .sidebar .menu .list li.active>:first-child i,.theme-grey .sidebar .menu .list li.active>:first-child span{color:#9e9e9e;}.theme-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-grey .sidebar .legal{background-color:#fff;}.theme-grey .sidebar .legal .copyright a{color:#9e9e9e !important;}

View File

@ -0,0 +1,45 @@
.theme-indigo .navbar {
background-color: #3F51B5; }
.theme-indigo .navbar-brand {
color: #fff; }
.theme-indigo .navbar-brand:hover {
color: #fff; }
.theme-indigo .navbar-brand:active {
color: #fff; }
.theme-indigo .navbar-brand:focus {
color: #fff; }
.theme-indigo .nav > li > a {
color: #fff; }
.theme-indigo .nav > li > a:hover {
background-color: transparent; }
.theme-indigo .nav > li > a:focus {
background-color: transparent; }
.theme-indigo .nav .open > a {
background-color: transparent; }
.theme-indigo .nav .open > a:hover {
background-color: transparent; }
.theme-indigo .nav .open > a:focus {
background-color: transparent; }
.theme-indigo .bars {
color: #fff; }
.theme-indigo .sidebar .menu .list li.active {
background-color: transparent; }
.theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
color: #3F51B5; }
.theme-indigo .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-indigo .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-indigo .sidebar .legal {
background-color: #fff; }
.theme-indigo .sidebar .legal .copyright a {
color: #3F51B5 !important; }

View File

@ -0,0 +1 @@
.theme-indigo .navbar{background-color:#3f51b5;}.theme-indigo .navbar-brand{color:#fff;}.theme-indigo .navbar-brand:hover{color:#fff;}.theme-indigo .navbar-brand:active{color:#fff;}.theme-indigo .navbar-brand:focus{color:#fff;}.theme-indigo .nav>li>a{color:#fff;}.theme-indigo .nav>li>a:hover{background-color:transparent;}.theme-indigo .nav>li>a:focus{background-color:transparent;}.theme-indigo .nav .open>a{background-color:transparent;}.theme-indigo .nav .open>a:hover{background-color:transparent;}.theme-indigo .nav .open>a:focus{background-color:transparent;}.theme-indigo .bars{color:#fff;}.theme-indigo .sidebar .menu .list li.active{background-color:transparent;}.theme-indigo .sidebar .menu .list li.active>:first-child i,.theme-indigo .sidebar .menu .list li.active>:first-child span{color:#3f51b5;}.theme-indigo .sidebar .menu .list .toggled{background-color:transparent;}.theme-indigo .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-indigo .sidebar .legal{background-color:#fff;}.theme-indigo .sidebar .legal .copyright a{color:#3f51b5 !important;}

View File

@ -0,0 +1,45 @@
.theme-light-blue .navbar {
background-color: #03A9F4; }
.theme-light-blue .navbar-brand {
color: #fff; }
.theme-light-blue .navbar-brand:hover {
color: #fff; }
.theme-light-blue .navbar-brand:active {
color: #fff; }
.theme-light-blue .navbar-brand:focus {
color: #fff; }
.theme-light-blue .nav > li > a {
color: #fff; }
.theme-light-blue .nav > li > a:hover {
background-color: transparent; }
.theme-light-blue .nav > li > a:focus {
background-color: transparent; }
.theme-light-blue .nav .open > a {
background-color: transparent; }
.theme-light-blue .nav .open > a:hover {
background-color: transparent; }
.theme-light-blue .nav .open > a:focus {
background-color: transparent; }
.theme-light-blue .bars {
color: #fff; }
.theme-light-blue .sidebar .menu .list li.active {
background-color: transparent; }
.theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span {
color: #03A9F4; }
.theme-light-blue .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-light-blue .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-light-blue .sidebar .legal {
background-color: #fff; }
.theme-light-blue .sidebar .legal .copyright a {
color: #03A9F4 !important; }

View File

@ -0,0 +1 @@
.theme-light-blue .navbar{background-color:#03a9f4;}.theme-light-blue .navbar-brand{color:#fff;}.theme-light-blue .navbar-brand:hover{color:#fff;}.theme-light-blue .navbar-brand:active{color:#fff;}.theme-light-blue .navbar-brand:focus{color:#fff;}.theme-light-blue .nav>li>a{color:#fff;}.theme-light-blue .nav>li>a:hover{background-color:transparent;}.theme-light-blue .nav>li>a:focus{background-color:transparent;}.theme-light-blue .nav .open>a{background-color:transparent;}.theme-light-blue .nav .open>a:hover{background-color:transparent;}.theme-light-blue .nav .open>a:focus{background-color:transparent;}.theme-light-blue .bars{color:#fff;}.theme-light-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-light-blue .sidebar .menu .list li.active>:first-child i,.theme-light-blue .sidebar .menu .list li.active>:first-child span{color:#03a9f4;}.theme-light-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-blue .sidebar .legal{background-color:#fff;}.theme-light-blue .sidebar .legal .copyright a{color:#03a9f4 !important;}

View File

@ -0,0 +1,45 @@
.theme-lime .navbar {
background-color: #CDDC39; }
.theme-lime .navbar-brand {
color: #fff; }
.theme-lime .navbar-brand:hover {
color: #fff; }
.theme-lime .navbar-brand:active {
color: #fff; }
.theme-lime .navbar-brand:focus {
color: #fff; }
.theme-lime .nav > li > a {
color: #fff; }
.theme-lime .nav > li > a:hover {
background-color: transparent; }
.theme-lime .nav > li > a:focus {
background-color: transparent; }
.theme-lime .nav .open > a {
background-color: transparent; }
.theme-lime .nav .open > a:hover {
background-color: transparent; }
.theme-lime .nav .open > a:focus {
background-color: transparent; }
.theme-lime .bars {
color: #fff; }
.theme-lime .sidebar .menu .list li.active {
background-color: transparent; }
.theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span {
color: #CDDC39; }
.theme-lime .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-lime .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-lime .sidebar .legal {
background-color: #fff; }
.theme-lime .sidebar .legal .copyright a {
color: #CDDC39 !important; }

View File

@ -0,0 +1 @@
.theme-lime .navbar{background-color:#cddc39;}.theme-lime .navbar-brand{color:#fff;}.theme-lime .navbar-brand:hover{color:#fff;}.theme-lime .navbar-brand:active{color:#fff;}.theme-lime .navbar-brand:focus{color:#fff;}.theme-lime .nav>li>a{color:#fff;}.theme-lime .nav>li>a:hover{background-color:transparent;}.theme-lime .nav>li>a:focus{background-color:transparent;}.theme-lime .nav .open>a{background-color:transparent;}.theme-lime .nav .open>a:hover{background-color:transparent;}.theme-lime .nav .open>a:focus{background-color:transparent;}.theme-lime .bars{color:#fff;}.theme-lime .sidebar .menu .list li.active{background-color:transparent;}.theme-lime .sidebar .menu .list li.active>:first-child i,.theme-lime .sidebar .menu .list li.active>:first-child span{color:#cddc39;}.theme-lime .sidebar .menu .list .toggled{background-color:transparent;}.theme-lime .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-lime .sidebar .legal{background-color:#fff;}.theme-lime .sidebar .legal .copyright a{color:#cddc39 !important;}

View File

@ -0,0 +1,45 @@
.theme-orange .navbar {
background-color: #FF9800; }
.theme-orange .navbar-brand {
color: #fff; }
.theme-orange .navbar-brand:hover {
color: #fff; }
.theme-orange .navbar-brand:active {
color: #fff; }
.theme-orange .navbar-brand:focus {
color: #fff; }
.theme-orange .nav > li > a {
color: #fff; }
.theme-orange .nav > li > a:hover {
background-color: transparent; }
.theme-orange .nav > li > a:focus {
background-color: transparent; }
.theme-orange .nav .open > a {
background-color: transparent; }
.theme-orange .nav .open > a:hover {
background-color: transparent; }
.theme-orange .nav .open > a:focus {
background-color: transparent; }
.theme-orange .bars {
color: #fff; }
.theme-orange .sidebar .menu .list li.active {
background-color: transparent; }
.theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
color: #FF9800; }
.theme-orange .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-orange .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-orange .sidebar .legal {
background-color: #fff; }
.theme-orange .sidebar .legal .copyright a {
color: #FF9800 !important; }

View File

@ -0,0 +1 @@
.theme-orange .navbar{background-color:#ff9800;}.theme-orange .navbar-brand{color:#fff;}.theme-orange .navbar-brand:hover{color:#fff;}.theme-orange .navbar-brand:active{color:#fff;}.theme-orange .navbar-brand:focus{color:#fff;}.theme-orange .nav>li>a{color:#fff;}.theme-orange .nav>li>a:hover{background-color:transparent;}.theme-orange .nav>li>a:focus{background-color:transparent;}.theme-orange .nav .open>a{background-color:transparent;}.theme-orange .nav .open>a:hover{background-color:transparent;}.theme-orange .nav .open>a:focus{background-color:transparent;}.theme-orange .bars{color:#fff;}.theme-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-orange .sidebar .menu .list li.active>:first-child i,.theme-orange .sidebar .menu .list li.active>:first-child span{color:#ff9800;}.theme-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-orange .sidebar .legal{background-color:#fff;}.theme-orange .sidebar .legal .copyright a{color:#ff9800 !important;}

View File

@ -0,0 +1,45 @@
.theme-pink .navbar {
background-color: #E91E63; }
.theme-pink .navbar-brand {
color: #fff; }
.theme-pink .navbar-brand:hover {
color: #fff; }
.theme-pink .navbar-brand:active {
color: #fff; }
.theme-pink .navbar-brand:focus {
color: #fff; }
.theme-pink .nav > li > a {
color: #fff; }
.theme-pink .nav > li > a:hover {
background-color: transparent; }
.theme-pink .nav > li > a:focus {
background-color: transparent; }
.theme-pink .nav .open > a {
background-color: transparent; }
.theme-pink .nav .open > a:hover {
background-color: transparent; }
.theme-pink .nav .open > a:focus {
background-color: transparent; }
.theme-pink .bars {
color: #fff; }
.theme-pink .sidebar .menu .list li.active {
background-color: transparent; }
.theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span {
color: #E91E63; }
.theme-pink .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-pink .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-pink .sidebar .legal {
background-color: #fff; }
.theme-pink .sidebar .legal .copyright a {
color: #E91E63 !important; }

View File

@ -0,0 +1 @@
.theme-pink .navbar{background-color:#e91e63;}.theme-pink .navbar-brand{color:#fff;}.theme-pink .navbar-brand:hover{color:#fff;}.theme-pink .navbar-brand:active{color:#fff;}.theme-pink .navbar-brand:focus{color:#fff;}.theme-pink .nav>li>a{color:#fff;}.theme-pink .nav>li>a:hover{background-color:transparent;}.theme-pink .nav>li>a:focus{background-color:transparent;}.theme-pink .nav .open>a{background-color:transparent;}.theme-pink .nav .open>a:hover{background-color:transparent;}.theme-pink .nav .open>a:focus{background-color:transparent;}.theme-pink .bars{color:#fff;}.theme-pink .sidebar .menu .list li.active{background-color:transparent;}.theme-pink .sidebar .menu .list li.active>:first-child i,.theme-pink .sidebar .menu .list li.active>:first-child span{color:#e91e63;}.theme-pink .sidebar .menu .list .toggled{background-color:transparent;}.theme-pink .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-pink .sidebar .legal{background-color:#fff;}.theme-pink .sidebar .legal .copyright a{color:#e91e63 !important;}

View File

@ -0,0 +1,45 @@
.theme-purple .navbar {
background-color: #9C27B0; }
.theme-purple .navbar-brand {
color: #fff; }
.theme-purple .navbar-brand:hover {
color: #fff; }
.theme-purple .navbar-brand:active {
color: #fff; }
.theme-purple .navbar-brand:focus {
color: #fff; }
.theme-purple .nav > li > a {
color: #fff; }
.theme-purple .nav > li > a:hover {
background-color: transparent; }
.theme-purple .nav > li > a:focus {
background-color: transparent; }
.theme-purple .nav .open > a {
background-color: transparent; }
.theme-purple .nav .open > a:hover {
background-color: transparent; }
.theme-purple .nav .open > a:focus {
background-color: transparent; }
.theme-purple .bars {
color: #fff; }
.theme-purple .sidebar .menu .list li.active {
background-color: transparent; }
.theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
color: #9C27B0; }
.theme-purple .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-purple .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-purple .sidebar .legal {
background-color: #fff; }
.theme-purple .sidebar .legal .copyright a {
color: #9C27B0 !important; }

View File

@ -0,0 +1 @@
.theme-purple .navbar{background-color:#9c27b0;}.theme-purple .navbar-brand{color:#fff;}.theme-purple .navbar-brand:hover{color:#fff;}.theme-purple .navbar-brand:active{color:#fff;}.theme-purple .navbar-brand:focus{color:#fff;}.theme-purple .nav>li>a{color:#fff;}.theme-purple .nav>li>a:hover{background-color:transparent;}.theme-purple .nav>li>a:focus{background-color:transparent;}.theme-purple .nav .open>a{background-color:transparent;}.theme-purple .nav .open>a:hover{background-color:transparent;}.theme-purple .nav .open>a:focus{background-color:transparent;}.theme-purple .bars{color:#fff;}.theme-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{color:#9c27b0;}.theme-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-purple .sidebar .legal{background-color:#fff;}.theme-purple .sidebar .legal .copyright a{color:#9c27b0 !important;}

View File

@ -0,0 +1,45 @@
.theme-red .navbar {
background-color: #F44336; }
.theme-red .navbar-brand {
color: #fff; }
.theme-red .navbar-brand:hover {
color: #fff; }
.theme-red .navbar-brand:active {
color: #fff; }
.theme-red .navbar-brand:focus {
color: #fff; }
.theme-red .nav > li > a {
color: #fff; }
.theme-red .nav > li > a:hover {
background-color: transparent; }
.theme-red .nav > li > a:focus {
background-color: transparent; }
.theme-red .nav .open > a {
background-color: transparent; }
.theme-red .nav .open > a:hover {
background-color: transparent; }
.theme-red .nav .open > a:focus {
background-color: transparent; }
.theme-red .bars {
color: #fff; }
.theme-red .sidebar .menu .list li.active {
background-color: transparent; }
.theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
color: #F44336; }
.theme-red .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-red .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-red .sidebar .legal {
background-color: #fff; }
.theme-red .sidebar .legal .copyright a {
color: #F44336 !important; }

View File

@ -0,0 +1 @@
.theme-red .navbar{background-color:#f44336;}.theme-red .navbar-brand{color:#fff;}.theme-red .navbar-brand:hover{color:#fff;}.theme-red .navbar-brand:active{color:#fff;}.theme-red .navbar-brand:focus{color:#fff;}.theme-red .nav>li>a{color:#fff;}.theme-red .nav>li>a:hover{background-color:transparent;}.theme-red .nav>li>a:focus{background-color:transparent;}.theme-red .nav .open>a{background-color:transparent;}.theme-red .nav .open>a:hover{background-color:transparent;}.theme-red .nav .open>a:focus{background-color:transparent;}.theme-red .bars{color:#fff;}.theme-red .sidebar .menu .list li.active{background-color:transparent;}.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{color:#f44336;}.theme-red .sidebar .menu .list .toggled{background-color:transparent;}.theme-red .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-red .sidebar .legal{background-color:#fff;}.theme-red .sidebar .legal .copyright a{color:#f44336 !important;}

View File

@ -0,0 +1,45 @@
.theme-teal .navbar {
background-color: #009688; }
.theme-teal .navbar-brand {
color: #fff; }
.theme-teal .navbar-brand:hover {
color: #fff; }
.theme-teal .navbar-brand:active {
color: #fff; }
.theme-teal .navbar-brand:focus {
color: #fff; }
.theme-teal .nav > li > a {
color: #fff; }
.theme-teal .nav > li > a:hover {
background-color: transparent; }
.theme-teal .nav > li > a:focus {
background-color: transparent; }
.theme-teal .nav .open > a {
background-color: transparent; }
.theme-teal .nav .open > a:hover {
background-color: transparent; }
.theme-teal .nav .open > a:focus {
background-color: transparent; }
.theme-teal .bars {
color: #fff; }
.theme-teal .sidebar .menu .list li.active {
background-color: transparent; }
.theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span {
color: #009688; }
.theme-teal .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-teal .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-teal .sidebar .legal {
background-color: #fff; }
.theme-teal .sidebar .legal .copyright a {
color: #009688 !important; }

View File

@ -0,0 +1 @@
.theme-teal .navbar{background-color:#009688;}.theme-teal .navbar-brand{color:#fff;}.theme-teal .navbar-brand:hover{color:#fff;}.theme-teal .navbar-brand:active{color:#fff;}.theme-teal .navbar-brand:focus{color:#fff;}.theme-teal .nav>li>a{color:#fff;}.theme-teal .nav>li>a:hover{background-color:transparent;}.theme-teal .nav>li>a:focus{background-color:transparent;}.theme-teal .nav .open>a{background-color:transparent;}.theme-teal .nav .open>a:hover{background-color:transparent;}.theme-teal .nav .open>a:focus{background-color:transparent;}.theme-teal .bars{color:#fff;}.theme-teal .sidebar .menu .list li.active{background-color:transparent;}.theme-teal .sidebar .menu .list li.active>:first-child i,.theme-teal .sidebar .menu .list li.active>:first-child span{color:#009688;}.theme-teal .sidebar .menu .list .toggled{background-color:transparent;}.theme-teal .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-teal .sidebar .legal{background-color:#fff;}.theme-teal .sidebar .legal .copyright a{color:#009688 !important;}

View File

@ -0,0 +1,45 @@
.theme-yellow .navbar {
background-color: #FFEB3B; }
.theme-yellow .navbar-brand {
color: #fff; }
.theme-yellow .navbar-brand:hover {
color: #fff; }
.theme-yellow .navbar-brand:active {
color: #fff; }
.theme-yellow .navbar-brand:focus {
color: #fff; }
.theme-yellow .nav > li > a {
color: #fff; }
.theme-yellow .nav > li > a:hover {
background-color: transparent; }
.theme-yellow .nav > li > a:focus {
background-color: transparent; }
.theme-yellow .nav .open > a {
background-color: transparent; }
.theme-yellow .nav .open > a:hover {
background-color: transparent; }
.theme-yellow .nav .open > a:focus {
background-color: transparent; }
.theme-yellow .bars {
color: #fff; }
.theme-yellow .sidebar .menu .list li.active {
background-color: transparent; }
.theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span {
color: #FFEB3B; }
.theme-yellow .sidebar .menu .list .toggled {
background-color: transparent; }
.theme-yellow .sidebar .menu .list .ml-menu {
background-color: transparent; }
.theme-yellow .sidebar .legal {
background-color: #fff; }
.theme-yellow .sidebar .legal .copyright a {
color: #FFEB3B !important; }

View File

@ -0,0 +1 @@
.theme-yellow .navbar{background-color:#ffeb3b;}.theme-yellow .navbar-brand{color:#fff;}.theme-yellow .navbar-brand:hover{color:#fff;}.theme-yellow .navbar-brand:active{color:#fff;}.theme-yellow .navbar-brand:focus{color:#fff;}.theme-yellow .nav>li>a{color:#fff;}.theme-yellow .nav>li>a:hover{background-color:transparent;}.theme-yellow .nav>li>a:focus{background-color:transparent;}.theme-yellow .nav .open>a{background-color:transparent;}.theme-yellow .nav .open>a:hover{background-color:transparent;}.theme-yellow .nav .open>a:focus{background-color:transparent;}.theme-yellow .bars{color:#fff;}.theme-yellow .sidebar .menu .list li.active{background-color:transparent;}.theme-yellow .sidebar .menu .list li.active>:first-child i,.theme-yellow .sidebar .menu .list li.active>:first-child span{color:#ffeb3b;}.theme-yellow .sidebar .menu .list .toggled{background-color:transparent;}.theme-yellow .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-yellow .sidebar .legal{background-color:#fff;}.theme-yellow .sidebar .legal .copyright a{color:#ffeb3b !important;}

View File

@ -0,0 +1,458 @@
if (typeof jQuery === "undefined") {
throw new Error("jQuery plugins need to be before this file");
}
$.AdminBSB = {};
$.AdminBSB.options = {
colors: {
red: '#F44336',
pink: '#E91E63',
purple: '#9C27B0',
deepPurple: '#673AB7',
indigo: '#3F51B5',
blue: '#2196F3',
lightBlue: '#03A9F4',
cyan: '#00BCD4',
teal: '#009688',
green: '#4CAF50',
lightGreen: '#8BC34A',
lime: '#CDDC39',
yellow: '#ffe821',
amber: '#FFC107',
orange: '#FF9800',
deepOrange: '#FF5722',
brown: '#795548',
grey: '#9E9E9E',
blueGrey: '#607D8B',
black: '#000000',
white: '#ffffff'
},
leftSideBar: {
scrollColor: 'rgba(0,0,0,0.5)',
scrollWidth: '4px',
scrollAlwaysVisible: false,
scrollBorderRadius: '0',
scrollRailBorderRadius: '0',
scrollActiveItemWhenPageLoad: true,
breakpointWidth: 1170
},
dropdownMenu: {
effectIn: 'fadeIn',
effectOut: 'fadeOut'
}
}
/* Left Sidebar - Function =================================================================================================
* You can manage the left sidebar menu options
*
*/
$.AdminBSB.leftSideBar = {
activate: function () {
var _this = this;
var $body = $('body');
var $overlay = $('.overlay');
//Close sidebar
$(window).click(function (e) {
var $target = $(e.target);
if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) {
if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut();
$body.removeClass('overlay-open');
}
});
$.each($('.menu-toggle.toggled'), function (i, val) {
$(val).next().slideToggle(0);
});
//When page load
$.each($('.menu .list li.active'), function (i, val) {
var $activeAnchors = $(val).find('a:eq(0)');
$activeAnchors.addClass('toggled');
$activeAnchors.next().show();
});
//Collapse or Expand Menu
$('.menu-toggle').on('click', function (e) {
var $this = $(this);
var $content = $this.next();
if ($($this.parents('ul')[0]).hasClass('list')) {
var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle');
$.each($('.menu-toggle.toggled').not($not).next(), function (i, val) {
if ($(val).is(':visible')) {
$(val).prev().toggleClass('toggled');
$(val).slideUp();
}
});
}
$this.toggleClass('toggled');
$content.slideToggle(320);
});
//Set menu height
_this.setMenuHeight();
_this.checkStatuForResize(true);
$(window).resize(function () {
_this.setMenuHeight();
_this.checkStatuForResize(false);
});
//Set Waves
Waves.attach('.menu .list a', ['waves-block']);
Waves.init();
},
setMenuHeight: function (isFirstTime) {
if (typeof $.fn.slimScroll != 'undefined') {
var configs = $.AdminBSB.options.leftSideBar;
var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight()));
var $el = $('.list');
$el.slimscroll({
height: height + "px",
color: configs.scrollColor,
size: configs.scrollWidth,
alwaysVisible: configs.scrollAlwaysVisible,
borderRadius: configs.scrollBorderRadius,
railBorderRadius: configs.scrollRailBorderRadius
});
//Scroll active menu item when page load, if option set = true
if ($.AdminBSB.options.leftSideBar.scrollActiveItemWhenPageLoad) {
var activeItemOffsetTop = $('.menu .list li.active')[0].offsetTop
if (activeItemOffsetTop > 150) $el.slimscroll({ scrollTo: activeItemOffsetTop + 'px' });
}
}
},
checkStatuForResize: function (firstTime) {
var $body = $('body');
var $openCloseBar = $('.navbar .navbar-header .bars');
var width = $body.width();
if (firstTime) {
$body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function () {
$(this).removeClass('no-animate').dequeue();
});
}
if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) {
$body.addClass('ls-closed');
$openCloseBar.fadeIn();
}
else {
$body.removeClass('ls-closed');
$openCloseBar.fadeOut();
}
},
isOpen: function () {
return $('body').hasClass('overlay-open');
}
};
//==========================================================================================================================
/* Right Sidebar - Function ================================================================================================
* You can manage the right sidebar menu options
*
*/
$.AdminBSB.rightSideBar = {
activate: function () {
var _this = this;
var $sidebar = $('#rightsidebar');
var $overlay = $('.overlay');
//Close sidebar
$(window).click(function (e) {
var $target = $(e.target);
if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) {
if (!$target.hasClass('bars')) $overlay.fadeOut();
$sidebar.removeClass('open');
}
});
$('.js-right-sidebar').on('click', function () {
$sidebar.toggleClass('open');
if (_this.isOpen()) { $overlay.fadeIn(); } else { $overlay.fadeOut(); }
});
},
isOpen: function () {
return $('.right-sidebar').hasClass('open');
}
}
//==========================================================================================================================
/* Searchbar - Function ================================================================================================
* You can manage the search bar
*
*/
var $searchBar = $('.search-bar');
$.AdminBSB.search = {
activate: function () {
var _this = this;
//Search button click event
$('.js-search').on('click', function () {
_this.showSearchBar();
});
//Close search click event
$searchBar.find('.close-search').on('click', function () {
_this.hideSearchBar();
});
//ESC key on pressed
$searchBar.find('input[type="text"]').on('keyup', function (e) {
if (e.keyCode == 27) {
_this.hideSearchBar();
}
});
},
showSearchBar: function () {
$searchBar.addClass('open');
$searchBar.find('input[type="text"]').focus();
},
hideSearchBar: function () {
$searchBar.removeClass('open');
$searchBar.find('input[type="text"]').val('');
}
}
//==========================================================================================================================
/* Navbar - Function =======================================================================================================
* You can manage the navbar
*
*/
$.AdminBSB.navbar = {
activate: function () {
var $body = $('body');
var $overlay = $('.overlay');
//Open left sidebar panel
$('.bars').on('click', function () {
$body.toggleClass('overlay-open');
if ($body.hasClass('overlay-open')) { $overlay.fadeIn(); } else { $overlay.fadeOut(); }
});
//Close collapse bar on click event
$('.nav [data-close="true"]').on('click', function () {
var isVisible = $('.navbar-toggle').is(':visible');
var $navbarCollapse = $('.navbar-collapse');
if (isVisible) {
$navbarCollapse.slideUp(function () {
$navbarCollapse.removeClass('in').removeAttr('style');
});
}
});
}
}
//==========================================================================================================================
/* Input - Function ========================================================================================================
* You can manage the inputs(also textareas) with name of class 'form-control'
*
*/
$.AdminBSB.input = {
activate: function () {
//On focus event
$('.form-control').focus(function () {
$(this).parent().addClass('focused');
});
//On focusout event
$('.form-control').focusout(function () {
var $this = $(this);
if ($this.parents('.form-group').hasClass('form-float')) {
if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); }
}
else {
$this.parents('.form-line').removeClass('focused');
}
});
//On label click
$('body').on('click', '.form-float .form-line .form-label', function () {
$(this).parent().find('input').focus();
});
//Not blank form
$('.form-control').each(function () {
if ($(this).val() !== '') {
$(this).parents('.form-line').addClass('focused');
}
});
}
}
//==========================================================================================================================
/* Form - Select - Function ================================================================================================
* You can manage the 'select' of form elements
*
*/
$.AdminBSB.select = {
activate: function () {
if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); }
}
}
//==========================================================================================================================
/* DropdownMenu - Function =================================================================================================
* You can manage the dropdown menu
*
*/
$.AdminBSB.dropdownMenu = {
activate: function () {
var _this = this;
$('.dropdown, .dropup, .btn-group').on({
"show.bs.dropdown": function () {
var dropdown = _this.dropdownEffect(this);
_this.dropdownEffectStart(dropdown, dropdown.effectIn);
},
"shown.bs.dropdown": function () {
var dropdown = _this.dropdownEffect(this);
if (dropdown.effectIn && dropdown.effectOut) {
_this.dropdownEffectEnd(dropdown, function () { });
}
},
"hide.bs.dropdown": function (e) {
var dropdown = _this.dropdownEffect(this);
if (dropdown.effectOut) {
e.preventDefault();
_this.dropdownEffectStart(dropdown, dropdown.effectOut);
_this.dropdownEffectEnd(dropdown, function () {
dropdown.dropdown.removeClass('open');
});
}
}
});
//Set Waves
Waves.attach('.dropdown-menu li a', ['waves-block']);
Waves.init();
},
dropdownEffect: function (target) {
var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut;
var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target);
if (dropdown.length > 0) {
var udEffectIn = dropdown.data('effect-in');
var udEffectOut = dropdown.data('effect-out');
if (udEffectIn !== undefined) { effectIn = udEffectIn; }
if (udEffectOut !== undefined) { effectOut = udEffectOut; }
}
return {
target: target,
dropdown: dropdown,
dropdownMenu: dropdownMenu,
effectIn: effectIn,
effectOut: effectOut
};
},
dropdownEffectStart: function (data, effectToStart) {
if (effectToStart) {
data.dropdown.addClass('dropdown-animating');
data.dropdownMenu.addClass('animated dropdown-animated');
data.dropdownMenu.addClass(effectToStart);
}
},
dropdownEffectEnd: function (data, callback) {
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
data.dropdown.one(animationEnd, function () {
data.dropdown.removeClass('dropdown-animating');
data.dropdownMenu.removeClass('animated dropdown-animated');
data.dropdownMenu.removeClass(data.effectIn);
data.dropdownMenu.removeClass(data.effectOut);
if (typeof callback == 'function') {
callback();
}
});
}
}
//==========================================================================================================================
/* Browser - Function ======================================================================================================
* You can manage browser
*
*/
var edge = 'Microsoft Edge';
var ie10 = 'Internet Explorer 10';
var ie11 = 'Internet Explorer 11';
var opera = 'Opera';
var firefox = 'Mozilla Firefox';
var chrome = 'Google Chrome';
var safari = 'Safari';
$.AdminBSB.browser = {
activate: function () {
var _this = this;
var className = _this.getClassName();
if (className !== '') $('html').addClass(_this.getClassName());
},
getBrowser: function () {
var userAgent = navigator.userAgent.toLowerCase();
if (/edge/i.test(userAgent)) {
return edge;
} else if (/rv:11/i.test(userAgent)) {
return ie11;
} else if (/msie 10/i.test(userAgent)) {
return ie10;
} else if (/opr/i.test(userAgent)) {
return opera;
} else if (/chrome/i.test(userAgent)) {
return chrome;
} else if (/firefox/i.test(userAgent)) {
return firefox;
} else if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) {
return safari;
}
return undefined;
},
getClassName: function () {
var browser = this.getBrowser();
if (browser === edge) {
return 'edge';
} else if (browser === ie11) {
return 'ie11';
} else if (browser === ie10) {
return 'ie10';
} else if (browser === opera) {
return 'opera';
} else if (browser === chrome) {
return 'chrome';
} else if (browser === firefox) {
return 'firefox';
} else if (browser === safari) {
return 'safari';
} else {
return '';
}
}
}
//==========================================================================================================================
$(function () {
$.AdminBSB.browser.activate();
$.AdminBSB.leftSideBar.activate();
$.AdminBSB.rightSideBar.activate();
$.AdminBSB.navbar.activate();
$.AdminBSB.dropdownMenu.activate();
$.AdminBSB.input.activate();
$.AdminBSB.select.activate();
$.AdminBSB.search.activate();
setTimeout(function () { $('.page-loader-wrapper').fadeOut(); }, 50);
});

View File

@ -1,3 +1,4 @@
function healthGauge(id, healthData) {
var gaugeOptions = {
chart: {
@ -52,7 +53,7 @@ var gaugeOptions = {
}
};
var chartSpeed = Highcharts.chart('container-speed', Highcharts.merge(gaugeOptions, {
var chartSpeed = Highcharts.chart(id, Highcharts.merge(gaugeOptions, {
yAxis: {
min: 0,
max: 100,
@ -68,7 +69,7 @@ var chartSpeed = Highcharts.chart('container-speed', Highcharts.merge(gaugeOptio
series: [{
name: 'health',
data: [95.73],
data: healthData,
dataLabels: {
formatter: function() {
return '<div style="text-align:center"><span style="font-size:25px;color:' +
@ -79,3 +80,4 @@ var chartSpeed = Highcharts.chart('container-speed', Highcharts.merge(gaugeOptio
}]
}));
}

View File

@ -0,0 +1,43 @@
$(function () {
skinChanger();
setSkinListHeightAndScroll(true);
$(window).resize(function () {
setSkinListHeightAndScroll(false);
});
});
//Skin changer
function skinChanger() {
$('.right-sidebar .demo-choose-skin li').on('click', function () {
var $body = $('body');
var $this = $(this);
var existTheme = $('.right-sidebar .demo-choose-skin li.active').data('theme');
$('.right-sidebar .demo-choose-skin li').removeClass('active');
$body.removeClass('theme-' + existTheme);
$this.addClass('active');
$body.addClass('theme-' + $this.data('theme'));
});
}
//Skin tab content set height and show scroll
function setSkinListHeightAndScroll(isFirstTime) {
var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight());
var $el = $('.demo-choose-skin');
if (!isFirstTime){
$el.slimScroll({ destroy: true }).height('auto');
$el.parent().find('.slimScrollBar, .slimScrollRail').remove();
}
$el.slimscroll({
height: height + 'px',
color: 'rgba(0,0,0,0.5)',
size: '6px',
alwaysVisible: false,
borderRadius: '0',
railBorderRadius: '0'
});
}

View File

@ -0,0 +1,13 @@
function hexToRgb(hexCode) {
var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
var matches = patt.exec(hexCode);
var rgb = "rgb(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + ")";
return rgb;
}
function hexToRgba(hexCode, opacity) {
var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
var matches = patt.exec(hexCode);
var rgb = "rgba(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + "," + opacity + ")";
return rgb;
}

View File

@ -0,0 +1 @@


File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,262 @@
/*!
Autosize 3.0.17
license: MIT
http://www.jacklmoore.com/autosize
*/
(function (global, factory) {
if (typeof define === 'function' && define.amd) {
define(['exports', 'module'], factory);
} else if (typeof exports !== 'undefined' && typeof module !== 'undefined') {
factory(exports, module);
} else {
var mod = {
exports: {}
};
factory(mod.exports, mod);
global.autosize = mod.exports;
}
})(this, function (exports, module) {
'use strict';
var set = typeof Set === 'function' ? new Set() : (function () {
var list = [];
return {
has: function has(key) {
return Boolean(list.indexOf(key) > -1);
},
add: function add(key) {
list.push(key);
},
'delete': function _delete(key) {
list.splice(list.indexOf(key), 1);
} };
})();
var createEvent = function createEvent(name) {
return new Event(name);
};
try {
new Event('test');
} catch (e) {
// IE does not support `new Event()`
createEvent = function (name) {
var evt = document.createEvent('Event');
evt.initEvent(name, true, false);
return evt;
};
}
function assign(ta) {
if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || set.has(ta)) return;
var heightOffset = null;
var clientWidth = ta.clientWidth;
var cachedHeight = null;
function init() {
var style = window.getComputedStyle(ta, null);
if (style.resize === 'vertical') {
ta.style.resize = 'none';
} else if (style.resize === 'both') {
ta.style.resize = 'horizontal';
}
if (style.boxSizing === 'content-box') {
heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
} else {
heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
}
// Fix when a textarea is not on document body and heightOffset is Not a Number
if (isNaN(heightOffset)) {
heightOffset = 0;
}
update();
}
function changeOverflow(value) {
{
// Chrome/Safari-specific fix:
// When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
// made available by removing the scrollbar. The following forces the necessary text reflow.
var width = ta.style.width;
ta.style.width = '0px';
// Force reflow:
/* jshint ignore:start */
ta.offsetWidth;
/* jshint ignore:end */
ta.style.width = width;
}
ta.style.overflowY = value;
resize();
}
function getParentOverflows(el) {
var arr = [];
while (el && el.parentNode && el.parentNode instanceof Element) {
if (el.parentNode.scrollTop) {
arr.push({
node: el.parentNode,
scrollTop: el.parentNode.scrollTop });
}
el = el.parentNode;
}
return arr;
}
function resize() {
var originalHeight = ta.style.height;
var overflows = getParentOverflows(ta);
var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240)
ta.style.height = 'auto';
var endHeight = ta.scrollHeight + heightOffset;
if (ta.scrollHeight === 0) {
// If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
ta.style.height = originalHeight;
return;
}
ta.style.height = endHeight + 'px';
// used to check if an update is actually necessary on window.resize
clientWidth = ta.clientWidth;
// prevents scroll-position jumping
overflows.forEach(function (el) {
el.node.scrollTop = el.scrollTop;
});
if (docTop) {
document.documentElement.scrollTop = docTop;
}
}
function update() {
resize();
var computed = window.getComputedStyle(ta, null);
var computedHeight = Math.round(parseFloat(computed.height));
var styleHeight = Math.round(parseFloat(ta.style.height));
// The computed height not matching the height set via resize indicates that
// the max-height has been exceeded, in which case the overflow should be set to visible.
if (computedHeight !== styleHeight) {
if (computed.overflowY !== 'visible') {
changeOverflow('visible');
}
} else {
// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
if (computed.overflowY !== 'hidden') {
changeOverflow('hidden');
}
}
if (cachedHeight !== computedHeight) {
cachedHeight = computedHeight;
var evt = createEvent('autosize:resized');
ta.dispatchEvent(evt);
}
}
var pageResize = function pageResize() {
if (ta.clientWidth !== clientWidth) {
update();
}
};
var destroy = (function (style) {
window.removeEventListener('resize', pageResize, false);
ta.removeEventListener('input', update, false);
ta.removeEventListener('keyup', update, false);
ta.removeEventListener('autosize:destroy', destroy, false);
ta.removeEventListener('autosize:update', update, false);
set['delete'](ta);
Object.keys(style).forEach(function (key) {
ta.style[key] = style[key];
});
}).bind(ta, {
height: ta.style.height,
resize: ta.style.resize,
overflowY: ta.style.overflowY,
overflowX: ta.style.overflowX,
wordWrap: ta.style.wordWrap });
ta.addEventListener('autosize:destroy', destroy, false);
// IE9 does not fire onpropertychange or oninput for deletions,
// so binding to onkeyup to catch most of those events.
// There is no way that I know of to detect something like 'cut' in IE9.
if ('onpropertychange' in ta && 'oninput' in ta) {
ta.addEventListener('keyup', update, false);
}
window.addEventListener('resize', pageResize, false);
ta.addEventListener('input', update, false);
ta.addEventListener('autosize:update', update, false);
set.add(ta);
ta.style.overflowX = 'hidden';
ta.style.wordWrap = 'break-word';
init();
}
function destroy(ta) {
if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return;
var evt = createEvent('autosize:destroy');
ta.dispatchEvent(evt);
}
function update(ta) {
if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return;
var evt = createEvent('autosize:update');
ta.dispatchEvent(evt);
}
var autosize = null;
// Do nothing in Node.js environment and IE8 (or lower)
if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
autosize = function (el) {
return el;
};
autosize.destroy = function (el) {
return el;
};
autosize.update = function (el) {
return el;
};
} else {
autosize = function (el, options) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], function (x) {
return assign(x, options);
});
}
return el;
};
autosize.destroy = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], destroy);
}
return el;
};
autosize.update = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], update);
}
return el;
};
}
module.exports = autosize;
});

View File

@ -0,0 +1,6 @@
/*!
Autosize 3.0.17
license: MIT
http://www.jacklmoore.com/autosize
*/
!function(e,t){if("function"==typeof define&&define.amd)define(["exports","module"],t);else if("undefined"!=typeof exports&&"undefined"!=typeof module)t(exports,module);else{var n={exports:{}};t(n.exports,n),e.autosize=n.exports}}(this,function(e,t){"use strict";function n(e){function t(){var t=window.getComputedStyle(e,null);"vertical"===t.resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),l="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(l)&&(l=0),a()}function n(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t,r()}function o(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function r(){var t=e.style.height,n=o(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="auto";var i=e.scrollHeight+l;return 0===e.scrollHeight?void(e.style.height=t):(e.style.height=i+"px",s=e.clientWidth,n.forEach(function(e){e.node.scrollTop=e.scrollTop}),void(r&&(document.documentElement.scrollTop=r)))}function a(){r();var t=window.getComputedStyle(e,null),o=Math.round(parseFloat(t.height)),i=Math.round(parseFloat(e.style.height));if(o!==i?"visible"!==t.overflowY&&n("visible"):"hidden"!==t.overflowY&&n("hidden"),u!==o){u=o;var a=d("autosize:resized");e.dispatchEvent(a)}}if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!i.has(e)){var l=null,s=e.clientWidth,u=null,c=function(){e.clientWidth!==s&&a()},p=function(t){window.removeEventListener("resize",c,!1),e.removeEventListener("input",a,!1),e.removeEventListener("keyup",a,!1),e.removeEventListener("autosize:destroy",p,!1),e.removeEventListener("autosize:update",a,!1),i["delete"](e),Object.keys(t).forEach(function(n){e.style[n]=t[n]})}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",p,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",a,!1),window.addEventListener("resize",c,!1),e.addEventListener("input",a,!1),e.addEventListener("autosize:update",a,!1),i.add(e),e.style.overflowX="hidden",e.style.wordWrap="break-word",t()}}function o(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:destroy");e.dispatchEvent(t)}}function r(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:update");e.dispatchEvent(t)}}var i="function"==typeof Set?new Set:function(){var e=[];return{has:function(t){return Boolean(e.indexOf(t)>-1)},add:function(t){e.push(t)},"delete":function(t){e.splice(e.indexOf(t),1)}}}(),d=function(e){return new Event(e)};try{new Event("test")}catch(a){d=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(l=function(e){return e},l.destroy=function(e){return e},l.update=function(e){return e}):(l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return n(e,t)}),e},l.destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e}),t.exports=l});

View File

@ -0,0 +1,222 @@
/*!
* Bootstrap Colorpicker v2.3.3
* http://mjolnic.github.io/bootstrap-colorpicker/
*
* Originally written by (c) 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0.txt
*
*/
.colorpicker-saturation {
width: 100px;
height: 100px;
background-image: url("../img/bootstrap-colorpicker/saturation.png");
cursor: crosshair;
float: left;
}
.colorpicker-saturation i {
display: block;
height: 5px;
width: 5px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
display: block;
height: 5px;
width: 5px;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
width: 15px;
height: 100px;
float: left;
cursor: row-resize;
margin-left: 4px;
margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
display: block;
height: 1px;
background: #000;
border-top: 1px solid #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: -1px;
}
.colorpicker-hue {
background-image: url("../img/bootstrap-colorpicker/hue.png");
}
.colorpicker-alpha {
background-image: url("../img/bootstrap-colorpicker/alpha.png");
display: none;
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
background-size: contain;
}
.colorpicker {
padding: 4px;
min-width: 130px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 2500;
}
.colorpicker:before,
.colorpicker:after {
display: table;
content: "";
line-height: 0;
}
.colorpicker:after {
clear: both;
}
.colorpicker:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.colorpicker:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px;
}
.colorpicker div {
position: relative;
}
.colorpicker.colorpicker-with-alpha {
min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
display: block;
}
.colorpicker-color {
height: 10px;
margin-top: 5px;
clear: both;
background-image: url("../img/bootstrap-colorpicker/alpha.png");
background-position: 0 100%;
}
.colorpicker-color div {
height: 10px;
}
.colorpicker-selectors {
display: none;
height: 10px;
margin-top: 5px;
clear: both;
}
.colorpicker-selectors i {
cursor: pointer;
float: left;
height: 10px;
width: 10px;
}
.colorpicker-selectors i + i {
margin-left: 3px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
display: inline-block;
cursor: pointer;
height: 16px;
vertical-align: text-top;
width: 16px;
}
.colorpicker.colorpicker-inline {
position: relative;
display: inline-block;
float: none;
z-index: auto;
}
.colorpicker.colorpicker-horizontal {
width: 110px;
min-width: 110px;
height: auto;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
width: 100px;
height: 15px;
float: left;
cursor: col-resize;
margin-left: 0px;
margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
display: block;
height: 15px;
background: #ffffff;
position: absolute;
top: 0;
left: 0;
width: 1px;
border: none;
margin-top: 0px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
}
.colorpicker.colorpicker-hidden {
display: none;
}
.colorpicker.colorpicker-visible {
display: block;
}
.colorpicker-inline.colorpicker-visible {
display: inline-block;
}
.colorpicker-right:before {
left: auto;
right: 6px;
}
.colorpicker-right:after {
left: auto;
right: 7px;
}
.colorpicker-no-arrow:before {
border-right: 0;
border-left: 0;
}
.colorpicker-no-arrow:after {
border-right: 0;
border-left: 0;
}
/*# sourceMappingURL=bootstrap-colorpicker.css.map */

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,10 @@
/*!
* Bootstrap Colorpicker v2.3.3
* http://mjolnic.github.io/bootstrap-colorpicker/
*
* Originally written by (c) 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0.txt
*
*/.colorpicker-saturation{width:100px;height:100px;background-image:url(../img/bootstrap-colorpicker/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue.png)}.colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../img/bootstrap-colorpicker/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha-horizontal.png)}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0}
/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */

View File

@ -0,0 +1 @@
{"version":3,"sources":["src/less/colorpicker.less"],"names":[],"mappings":";;;;;;;;AAqBA,wBACE,MAAA,MACA,OAAA,MAXA,iBAAsB,iDAatB,OAAA,UACA,MAAA,KACA,0BACE,QAAA,MACA,OAAA,IACA,MAAA,IACA,OAAA,IAAA,MAAA,KAfF,sBAAA,IACA,mBAAA,IACA,cAAA,IAeE,SAAA,SACA,IAAA,EACA,KAAA,EACA,OAAA,KAAA,EAAA,EAAA,KACA,4BACE,QAAA,MACA,OAAA,IACA,MAAA,IACA,OAAA,IAAA,MAAA,KAzBJ,sBAAA,IACA,mBAAA,IACA,cAAA,IA8BF,mBADA,iBAEE,MAAA,KACA,OAAA,MACA,MAAA,KACA,OAAA,WACA,YAAA,IACA,cAAA,IAIiB,qBADF,mBAEf,QAAA,MACA,OAAA,IACA,WAAA,KACA,WAAA,IAAA,MAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,WAAA,KAGF,iBA1DE,iBAAsB,0CA8DxB,mBA9DE,iBAAsB,4CAgEtB,QAAA,KAKF,mBADA,iBADA,wBAGE,gBAAA,QAGF,aACE,QAAA,IACA,UAAA,MACA,WAAA,IAxEA,sBAAA,IACA,mBAAA,IACA,cAAA,IAwEA,QAAA,KAIU,mBADA,oBAEV,QAAA,MACA,QAAA,GACA,YAAA,EAGU,mBACV,MAAA,KAGU,oBACV,QAAA,GACA,QAAA,aACA,YAAA,IAAA,MAAA,YACA,aAAA,IAAA,MAAA,YACA,cAAA,IAAA,MAAA,KACA,oBAAA,eACA,SAAA,SACA,IAAA,KACA,KAAA,IAGU,mBACV,QAAA,GACA,QAAA,aACA,YAAA,IAAA,MAAA,YACA,aAAA,IAAA,MAAA,YACA,cAAA,IAAA,MAAA,KACA,SAAA,SACA,IAAA,KACA,KAAA,IAGW,iBACX,SAAA,SAGU,oCACV,UAAA,MAGkC,uDAClC,QAAA,MAGF,mBACE,OAAA,KACA,WAAA,IACA,MAAA,KAlIA,iBAAsB,4CAoItB,oBAAA,EAAA,KAGiB,uBACjB,OAAA,KAGF,uBACE,QAAA,KACA,OAAA,KACA,WAAA,IACA,MAAA,KAGqB,yBACrB,OAAA,QACA,MAAA,KACA,OAAA,KACA,MAAA,KAGuB,2BACvB,YAAA,IAI2B,+BADW,0CAEtC,QAAA,aACA,OAAA,QACA,OAAA,KACA,eAAA,SACA,MAAA,KAGU,gCACV,SAAA,SACA,QAAA,aACA,MAAA,KACA,QAAA,KAGU,oCACV,MAAA,MACA,UAAA,MACA,OAAA,KAGkC,4DAClC,cAAA,IAGkC,uDAClC,MAAA,MAIkC,uDADA,qDAElC,MAAA,MACA,OAAA,KACA,MAAA,KACA,OAAA,WACA,YAAA,EACA,cAAA,IAIqD,yDADF,uDAEnD,QAAA,MACA,OAAA,KACA,WAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,IACA,OAAA,KACA,WAAA,EAGkC,qDAlNlC,iBAAsB,qDAsNY,uDAtNlC,iBAAsB,uDA0NZ,gCACV,QAAA,KAGU,iCACV,QAAA,MAGiB,wCACjB,QAAA,aAGgB,0BAChB,KAAA,KACA,MAAA,IAGgB,yBAChB,KAAA,KACA,MAAA,IAGmB,6BACnB,aAAA,EACA,YAAA,EAGmB,4BACnB,aAAA,EACA,YAAA"}

Binary file not shown.

After

Width:  |  Height:  |  Size: 557 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 488 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 504 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,49 @@
.dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2000; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); max-height: 520px; position: relative; left: 50%; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #689F38; color: #fff; text-align: center; padding: 0.3em; }
.dtp div.dtp-date, .dtp div.dtp-time { background: #8BC34A; text-align: center; color: #fff; padding: 10px; }
.dtp div.dtp-date > div { padding: 0; margin: 0; }
.dtp div.dtp-actual-month { font-size: 1.5em; }
.dtp div.dtp-actual-num { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-year { font-size: 1.5em; color: #DCEDC8; }
.dtp div.dtp-picker { padding: 1em; text-align: center; }
.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; }
.dtp div.dtp-picker-month { padding-bottom:20px!important; text-transform: uppercase!important; }
.dtp .dtp-close { position: absolute; top: 0.5em; right: 1em; }
.dtp .dtp-close > a { color: #fff; }
.dtp .dtp-close > a > i { font-size: 1em; }
.dtp table.dtp-picker-days { margin: 0; min-height: 251px;}
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; }
.dtp table.dtp-picker-days tr > td { font-weight: 700; font-size: 0.8em; text-align: center; padding: 0.5em 0.3em; }
.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD!important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.4em 0.5em 0.5em 0.6em; border-radius: 50%!important; }
.dtp table.dtp-picker-days tr > td > a.selected{ background: #8BC34A; color: #fff; }
.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; padding: 0.4em 0.3em; }
.dtp .p10 > a { color: #689F38; text-decoration: none; }
.dtp .p10 { width: 10%; display: inline-block; }
.dtp .p20 { width: 20%; display: inline-block; }
.dtp .p60 { width: 60%; display: inline-block; }
.dtp .p80 { width: 80%; display: inline-block; }
.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.7em 0.5em; border-radius: 50%!important;text-decoration: none; background: #eee; font-size:1em; }
.dtp .dtp-actual-meridien a.selected { background: #689F38; color: #fff; }
.dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; }
.dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; }
.dtp .dtp-buttons { padding: 0 1em 1em 1em; text-align: right; }
.dtp.hidden, .dtp .hidden { display: none; }
.dtp .invisible { visibility: hidden; }
.dtp .left { float: left; }
.dtp .right { float: right; }
.dtp .clearfix { clear: both; }
.dtp .center { text-align: center; }

Some files were not shown because too many files have changed in this diff Show More