Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-size: .875rem;
- background-color: #F7F7F7;
- }
- .feather {
- width: 16px;
- height: 16px;
- vertical-align: text-bottom;
- }
- /*
- * Sidebar
- */
- .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-text {
- color: rgba(255, 255, 255, .75);
- }
- .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
- color: rgba(255, 255, 255, 1);
- }
- .sidebar {
- min-width: 250px;
- max-width: 250px;
- min-height: calc(100vh - 56px);
- transition: all 0.3s;
- }
- .sidebar ul li a {
- display: block;
- padding: .75rem 1rem;
- color: rgba(255, 255, 255, .75);
- text-decoration: none;
- }
- .sidebar ul li a:hover, .sidebar ul .active a {
- color: rgba(255, 255, 255, 1);
- background: rgba(0, 0, 0, .25);
- }
- .sidebar ul ul a {
- padding-left: 2.5rem;
- background: rgba(0, 0, 0, .25);
- }
- .sidebar [data-toggle="collapse"] {
- position: relative;
- }
- .sidebar [data-toggle="collapse"]:before {
- content: "\25bc";
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- position: absolute;
- right: 1rem;
- }
- .sidebar [aria-expanded="true"] {
- background: rgba(0, 0, 0, .25);
- }
- .sidebar [aria-expanded="true"]:before {
- content: "\25b2";
- }
- .sidebar.toggled {
- margin-left: -250px;
- }
- .content {
- width: 100%;
- }
- .display-5 {
- font-size: 2.5rem;
- font-weight: 300;
- line-height: 1.2;
- }
- @media (max-width: 768px) {
- .sidebar {
- margin-left: -250px;
- }
- .sidebar.toggled {
- margin-left: 0;
- }
- }
- #credits {
- color: white;
- position: fixed !important;
- bottom: 0 !important;
- padding-left: 10px;
- }
- /*
- * Utilities
- */
- .mainding {
- margin-left: 2px !important;
- }
- .border-top { border-top: 1px solid #e5e5e5; }
- .border-bottom { border-bottom: 1px solid #e5e5e5; }
- /*Top tiles*/
- .tile-stats {
- padding: 5px;
- position: relative;
- display: block;
- margin-bottom: 12px;
- border: 1px solid #E4E4E4;
- -webkit-border-radius: 5px;
- overflow: hidden;
- padding-bottom: 5px;
- -webkit-background-clip: padding-box;
- -moz-border-radius: 5px;
- -moz-background-clip: padding;
- border-radius: 5px;
- background-clip: padding-box;
- background: #FFF;
- transition: all 300ms ease-in-out;
- min-width: 37.3vh;
- }
- .tile-stats:hover .icon i {
- animation-name: tansformAnimation;
- animation-duration: .5s;
- animation-iteration-count: 1;
- color: rgba(58, 58, 58, 0.41);
- animation-timing-function: ease;
- animation-fill-mode: forwards;
- -webkit-animation-name: tansformAnimation;
- -webkit-animation-duration: .5s;
- -webkit-animation-iteration-count: 1;
- -webkit-animation-timing-function: ease;
- -webkit-animation-fill-mode: forwards;
- -moz-animation-name: tansformAnimation;
- -moz-animation-duration: .5s;
- -moz-animation-iteration-count: 1;
- -moz-animation-timing-function: ease;
- -moz-animation-fill-mode: forwards
- }
- .tile-stats .icon {
- width: 20px;
- height: 20px;
- color: #BAB8B8;
- /* position: absolute;*/
- float: right;
- right: 53px;
- top: 22px;
- z-index: 1;
- margin-right: 22px;
- }
- .tile-stats .icon i {
- margin: 0;
- font-size: 35px;
- line-height: 0;
- vertical-align: bottom;
- align-content: right;
- padding: 0;
- }
- i.fa.fa-battery-half::before {
- /* padding-right: 50px !important;*/
- }
- /*Data Table*/
- .tabeldiv {
- padding-bottom: 50px !important;
- }
- /*Profiel*/
- .profieldata {
- width: 75vw;
- }
- .bigger {
- font-size: 1.3em;
- font-weight: 500;
- }
- /*Admin Dashboard*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement