123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- /*
- * Base structure
- */
- /* Move down content because we have a fixed navbar that is 3.5rem tall */
- body {
- }
- /*
- * Typography
- */
- h1 {
- margin-bottom: 20px;
- padding-bottom: 9px;
- border-bottom: 1px solid #eee;
- }
- /*
- * Sidebar
- */
- .sidebar {
- 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 #eee;
- }
- /* 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;
- }
- /*
- * Dashboard
- */
- /* Placeholders */
- /*
- .placeholders {
- padding-bottom: 3rem;
- }
- .placeholder img {
- padding-top: 1.5rem;
- padding-bottom: 1.5rem;
- }
- */
- .main-liner {
- border-right: 2px solid #f8f9fa;
- margin-right: -2px;
- }
- .navbar-text {
- margin-right: 15px;
- margin-left: 15px;
- white-space: normal
- }
- .cont {
- margin-top: 1.5rem;
- }
- #top-left,
- #top-right,
- #left-left,
- #left-right,
- #front-left,
- #front-right {
- background-color: white;
- transition: background-color 0.5s ease;
- }
- #top-left:hover,
- #top-right:hover,
- #left-left:hover,
- #left-right:hover,
- #front-left:hover,
- #front-right:hover {
- background-color: #ddd;
- }
- .icon {
- width: 3%;
- height: 3%;
- }
- .slice-count {
- visibility: hidden;
- }
- #abcd {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0.4;
- }
|