html {
overflow-y: scroll;
}
body {
padding-top: 70px;
padding-bottom: 10px;
}
.panel-heading, .panel-footer, .jumbotron, pre, .input-group-addon {
background-image: url('bg.png');
}
.form-signin {
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
.form-adduser {
max-width: 600px;
padding: 10px;
margin: 0 auto;
}
.form-narrow {
max-width: 320px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin .checkbox {
font-weight: normal;
}
.form-signin .form-control,
.form-adduser .form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-control:focus {
z-index: 2;
}
.form-signin input[type="text"] {
margin-bottom: -1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.slx-default {
color: #888;
font-size: 90%;
font-style: italic;
}
.slx-ga {
min-width: 8em;
text-align: left;
}
.slx-ga2 {
min-width: 12em;
text-align: left;
}
.slx-dialog {
width: 100%;
min-width: 600px;
max-width: 820px;
}
.bootstrap-tagsinput {
width: 100%;
margin: 0px;
border-radius: 0;
height: 34px;
}
.isdir {
font-weight: bold;
}
.slx-litehead {
margin: 0px 10px 5px 10px;
color: #aaa;
text-transform: uppercase;
font-weight: bold;
}
.red {
color: #b00;
}
.orange {
color: #b70;
}
.green {
color: #0b0;
}
.slx-label {
font-weight: bold;
margin: auto;
}
.slx-table td {
padding-right: 5px;
padding-bottom: 2px;
}
.input-group {
margin-bottom: 2px;
}
.slx-md-width {
max-width: 600px;
}
.slx-storechart {
max-width: 140px;
margin: 5px;
padding: 3px;
float: left;
background-color: #eee;
}
.slx-bold {
font-weight: bold;
}
.slx-ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 240px;
}
.slx-dyn-ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
.slx-nowrap {
white-space: nowrap;
}
.slx-rotation {
animation-name: rotateThis;
animation-duration: .75s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotateThis {
from { transform: scale( 1 ) rotate( 0deg ); }
to { transform: scale( 1 ) rotate( 360deg ); }
}
.slx-warning-badge {
color: #ff6;
}
.slx-footer {
color: #999;
padding: 5px;
}
.slx-bold {
font-weight: bold;
}
.slx-fade {
opacity: 0.5;
}
.slx-pointer {
cursor: pointer;
}
.slx-nopointer {
cursor: default;
}
.slx-strike {
text-decoration: line-through;
}
/* File upload */
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
background: red;
cursor: inherit;
display: block;
cursor: pointer;
}
input[readonly] {
background-color: white !important;
cursor: text !important;
}
.timebar {
position: relative;
background: #afc;
border: 1px solid #0a2;
border-radius: 3px;
overflow: hidden;
}
.timebar div {
position: absolute;
top: 0px;
overflow: hidden;
}
.slx-well {
border: 1px solid #E3E3E3;
border-top: none;
box-shadow: rgba(0,0,0,0.047) 0px 1px 1px 0px inset;
border-radius: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin: 0px;
padding: 19px;
}
/*
* Base structure
*/
/*
* Global add-ons
*/
.sub-header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
/*
* Top navigation
* Hide default border to remove 1px line.
*/
.navbar-fixed-top {
border: 0;
}
/*
* Sidebar
*/
/* Hide for mobile, show later */
.sidebar {
display: none;
}
@media (min-width: 768px) {
.sidebar {
position: fixed;
top: 51px;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
padding: 20px;
padding-top: 8px;
overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
background-color: #373d47;
}
}
/* Sidebar navigation */
.nav-sidebar {
margin-right: -21px; /* 20px padding + 1px border */
margin-left: -20px;
}
.nav-sidebar > li > a {
padding: 7px;
padding-right: 20px;
padding-left: 20px;
color: #CCCCCC;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
color: #FFFFFF;
background-color: #24272d;
}
.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus {
background-color: #2C323D;
}
/*
*
* Dashboard custom
*
* Main content
*/
.main {
padding: 20px;
}
@media (min-width: 768px) {
.main {
padding-right: 40px;
padding-left: 40px;
}
}
.main .page-header {
margin-top: 0;
}
/*
* Placeholder dashboard ideas
*/
.placeholders {
margin-bottom: 30px;
text-align: center;
}
.placeholders h4 {
margin-bottom: 0;
}
.placeholder {
margin-bottom: 20px;
}
.placeholder img {
display: inline-block;
border-radius: 50%;
}
.dash-header {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
font-size: 17px;
margin-right: -21px;
margin-left: -20px;
color: #FFFFFF;
}
/*
* Sysconfig Module Editor
*/
.mod-nav{
width: 250px;
float: left;
margin-right: 4px;
border-right: solid 1px #DDD;
padding: 4px;
height: 545px;
overflow: auto;
}
.item {
padding: 4px;
margin: 3px 0;
border-radius: 3px;
}
.item:HOVER {
background-color: #EEE;
cursor: pointer;
}
.item-link {
color: #5893C6;
}
.item-lock {
color: #939393;
}
.dir-icon {
color: #2E6DA4;
}
.folder {
padding-left: 16px;
display: none;
border-left: dashed 1px #CCC;
}
#editor-header{
display: block;
float: none;
width: 875px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.mod-editor{
display: block;
float: none;
resize: none;
width: 875px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
textarea.form-control .editor-box{
height: 520px;
}