You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
2.7 KiB
164 lines
2.7 KiB
/*
|
|
* Base structure
|
|
*/
|
|
|
|
/* Move down content because we have a fixed navbar that is 50px tall */
|
|
body {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
/*
|
|
* Global add-ons
|
|
*/
|
|
|
|
.sub-header {
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
/*
|
|
* Navbar
|
|
*/
|
|
.navbar-inverse {
|
|
background-image: url(/static/img/bcgr.png);
|
|
background-repeat: no-repeat;
|
|
background-position-x: 16px;
|
|
}
|
|
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
|
|
/* Hide for mobile, show later */
|
|
.sidebar {
|
|
display: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sidebar {
|
|
position: fixed;
|
|
top: 39px;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: block;
|
|
padding: 20px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
|
|
background-color: #303840;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
}
|
|
|
|
/* Sidebar navigation */
|
|
.nav-sidebar {
|
|
margin-right: -21px; /* 20px padding + 1px border */
|
|
margin-bottom: 20px;
|
|
margin-left: -20px;
|
|
border-top: 1px solid #576a7d;
|
|
}
|
|
|
|
.nav-sidebar > li > a {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
color: #b3c3d2;
|
|
}
|
|
|
|
.nav > li > a:focus, .nav > li > a:hover {
|
|
background-color: #1f2429;
|
|
color: #b2bfcc;
|
|
}
|
|
|
|
.nav-sidebar > .active > a {
|
|
background-color: #44596b;
|
|
}
|
|
|
|
.profile_img {
|
|
color: aliceblue;
|
|
padding-bottom: 9px;
|
|
}
|
|
|
|
.main {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.table-responsive thead {
|
|
background-color: gainsboro;
|
|
}
|
|
|
|
td.btn-group {
|
|
display: table-cell;
|
|
}
|
|
|
|
.table > tbody > tr > td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.modal-header.warning {
|
|
background-color: #d2322d;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
.tab-pane {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
border-radius: 0px 0px 5px 5px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* search form */
|
|
.stylish-input-group .input-group-addon {
|
|
background: white !important;
|
|
}
|
|
|
|
.stylish-input-group .form-control {
|
|
border-right: 0;
|
|
box-shadow: 0 0 0;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.stylish-input-group button {
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
/*---------Switch----------*/
|
|
.switch_ports {
|
|
border: 2px solid #636363;
|
|
border-radius: 7px;
|
|
box-shadow: 3px 3px 8px #2B2B2B;
|
|
}
|
|
|
|
.switch_ports h4 {
|
|
margin: 10px 0 3px 10px;
|
|
}
|
|
|
|
.port {
|
|
display: inline-block;
|
|
margin: 10px;
|
|
border: 1px solid #7B7B7B;
|
|
border-radius: 3px;
|
|
background-image: url(/static/img/icon-port-64x64-grey.png);
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
|
|
.port.giga {
|
|
background-color: #B5FFB5;
|
|
}
|
|
|
|
.port.kilo {
|
|
background-color: #FBEB79;
|
|
}
|
|
|
|
/*-------END-Switch--------*/
|
|
|
|
/* Table filter */
|
|
.table th > a {
|
|
color: inherit;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* end */
|