mirror of
https://gitee.com/apiadmin/ApiAdmin.git
synced 2025-06-09 20:49:17 +08:00
52 lines
2.1 KiB
CSS
52 lines
2.1 KiB
CSS
.header { margin-bottom: 20px; }
|
|
.header .navbar { background-color: #000; }
|
|
.header .navbar .nav li a { color: #fff; padding: 25px 20px; background: none; }
|
|
|
|
.navbar-brand { overflow: hidden; padding: 0; height: 70px; line-height: 70px; width: 200px; font-size: 0; }
|
|
.navbar-brand .brand-img { font-size: 0; }
|
|
.navbar-brand img { display: inline-block; width: 70px; margin-right: 10px; }
|
|
.navbar-brand span { float: left; height: 70px; font-size: 18px; line-height: 70px; color: #fff; }
|
|
|
|
/* 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; }
|
|
|
|
/* 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; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ background-color: #eee; } }
|
|
/* Sidebar navigation */
|
|
.nav-sidebar { margin-right: -21px; /* 20px padding + 1px border */ margin-bottom: 20px; margin-left: -20px; }
|
|
|
|
.nav-sidebar > li > a { padding: 25px; }
|
|
|
|
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus { color: #fff; background-color: #222; }
|
|
|
|
/* 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%; }
|
|
|
|
.table { font-size: 18px; }
|
|
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { padding: 15px 8px; border-bottom: 1px solid #eee; }
|
|
.table thead > tr > th { border-bottom: 1px solid #ddd; }
|
|
|
|
|