Commit 25353a95 authored by p.Hofstaeter's avatar p.Hofstaeter

Redesign of the ACP.

parent 40ca33df
html, body {
padding: 0;
margin: 0;
}
/* Navigation */
.nav-tabs .nav-link.active {
background-color: #F44336;
border-color: #333333;
color: #FFFFFF;
font-weight: bold;
}
.nav-tabs .nav-link, .nav-link {
text-transform: none;
}
.nav-link:hover {
text-transform: none;
}
.nav-tabs .nav-link {
padding: 0.6em 0.8em;
}
.nav-tabs .nav-item :hover, .nav-tabs .nav-item .active {
border-color: #F44336;
}
/* Rounded avatars */
.avatar {
margin-right: 0.25em;
position: relative;
height: 35px;
width: 35px;
-webkit-border-radius: 25%;
-moz-border-radius: 25%;
border-radius: 25%;
-webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #999999, 0 2px 3px 4px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #999999, 0 2px 5px 4px rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #999999, 0 2px 5px 4px rgba(0, 0, 0, .2);
}
/** Sidebar */
.sidebar {
position: fixed;
top: 70px;
bottom: 0;
left: 0;
z-index: 1000;
padding: 20px;
overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
border-right: 1px solid #EEEEEE;
}
/* Sidebar navigation */
.sidebar {
padding-left: 0;
padding-right: 0;
}
.sidebar .nav {
margin-bottom: 20px;
}
.sidebar .nav-item {
width: 100%;
}
.sidebar .nav-item + .nav-item {
margin-left: 0;
}
.sidebar .nav-link {
border-radius: 0;
}
.nav-pills .nav-link {
padding: 0.6em 0.8em;
color: #F44336;
}
.sidebar b {
padding: 0.6em 0.6em;
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
/*!
* Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
This source diff could not be displayed because it is too large. You can view the blob instead.
body,html{ height: 100%; width: 100%; margin: 0px; padding: 0px;}
.nav-design {
height: 100%;
width: 175px;
padding: 0;
background-color: #f44336;
box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.20);
}
.nav-design, .nav-hover a:hover, .nav-top-style, .Trennlinie{
border-color: rgb(167, 167, 167);
}
.nav-design, .nav-hover a:hover {
border-style: solid;
border-width: 0px;
border-right-width: 1px;
}
.nav-design span {
color: #f3f3f3;
font-weight: 500;
vertical-align: text-top;
}
.navbar {
align-items: baseline;
}
.arrow {
margin-left: 22px;
margin-right: 19px;
height: 19px;
width: 11px;
transform: scaleX(-1);
}
.nav-hover a:hover {
background-color: #cf2e2b;
border-style: solid;
border-width: 0px;
border-right-width: 1px;
}
.nav-bottom a:hover {
border: 0px;
}
.nav-top-style {
padding: 0;
border-style: solid;
border-width: 0px;
}
.nav-icons {
width: 21px;
margin-left: 16px;
margin-right: 15px;
}
.Trennlinie {
height: 3px;
width: 175px;
background-color: #b34037;
border-style: solid;
border-width: 0px;
border-right-width: 1px;
}
.nav-link {
padding-top: 6px;
padding-bottom: 6px;
}
.nav-bottom {
vertical-align: bottom;
position: absolute;
bottom: 0px;
width: 100%;
}
.navbar-fixed-left {
position: fixed;
}
.sidebar-collapse .nav-hover span {
display: none;
}
.sidebar-collapse .nav-design {
width: 55px;
}
.sidebar-collapse .arrow {
transform: scaleX(1);
}
.sidebar-collapse .Trennlinie {
width: 55px;
}
.content-ikobb {
margin-left: 175px;
}
.sidebar-collapse .content-ikobb {
margin-left: 55px;
}
.container, .container-fluid {
padding-top: 1rem;
}
.row {
padding: 1rem;
background-color: white;
border-radius: 0.2rem;
box-shadow: 1px 1px 10px 1px #686868;
}
<!-- Default templates for admin panel -->
<!-- Tables -->
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
<th>Heading 4</th>
<th>Heading 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Entry 1</td>
<td>Entry 2</td>
<td>Entry 3</td>
<td>Entry 4</td>
<td>Entry 5</td>
</tr>
</tbody>
</table>
</div>
<!-- Buttons --><!-- For Main Buttons: -->
<button type="button" class="btn btn-raised btn-danger">Caption</button><!-- For Secondary Buttons: -->
<button type="button" class="btn btn-warning">Caption</button><!-- For Floating Buttons: -->
<button type="button" class="btn btn-danger bmd-btn-fab">
<i class="material-icons">grade</i>
</button>
<!-- Forms --><!-- Text, E-Mail, etc. fields -->
<fieldset class="form-group">
<label for="yourID" class="bmd-label-floating">Label Text</label> <input type="text" class="form-control" id="yourID"> <span class="bmd-help">Optional help text</span>
</fieldset><!-- Dropdown selection -->
<div class="form-group">
<label for="exampleSelect1" class="bmd-label-floating">Example select</label> <select class="form-control" id="exampleSelect1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div><!-- Multiple Selection -->
<div class="form-group">
<label for="exampleSelect2" class="bmd-label-floating">Example multiple select</label> <select multiple class="form-control" id="exampleSelect2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div><!-- Textarea -->
<div class="form-group">
<label for="exampleTextarea" class="bmd-label-floating">Example textarea</label> <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
</div><!-- File input -->
<div class="form-group">
<label for="exampleInputFile" class="bmd-label-floating">File input</label> <input type="file" class="form-control-file" id="exampleInputFile">
<small class="text-muted">This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.</small>
</div><!-- Radio input -->
<div class="radio">
<label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option one is this and that&mdash;be sure to include why it's great </label>
</div>
<div class="radio">
<label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label>
</div>
<div class="radio disabled">
<label> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> Option three is disabled </label>
</div><!-- checkbox -->
<div class="checkbox">
<label> <input type="checkbox"> Check me out </label>
</div>
<!-- start:module_list --><h1>Modules</h1>
<h2>Installed Modules</h2>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>Displayname</th>
<th>Name</th>
<th>Author</th>
<th>Version</th>
<th>Status</th>
</tr>
</thead>
<tbody>
%% module_list_modules %%
</tbody>
</table>
</div><!-- end:module_list -->
<!-- start:module_list -->
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<h3 class="box-title">Modules Table</h3>
</div>
<div class="box-body">
<table id="modules-table" class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>Displayname</th>
<th>Name</th>
<th>Author</th>
<th>Version</th>
<th>Status</th>
</tr>
</thead>
<tbody>
%% module_list_modules %%
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- end:module_list -->
<!-- start:module_list_entry -->
<tr>
<td>%% module_displayname %%</td>
<td>%% module_name %%</td>
<td>%% module_author %%</td>
<td>%% module_version %%</td>
<td>%% module_status %%</td>
</tr><!-- end:module_list_entry -->
<td>%% module_displayname %%</td>
<td>%% module_name %%</td>
<td>%% module_author %%</td>
<td>%% module_version %%</td>
<td>%% module_status %%</td>
</tr>
<!-- end:module_list_entry -->
<!-- start:user_list -->
<!-- end:user_list -->