PHP Classes

File: public/css/admin-main.css

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Store My Notes Laravel 5   public/css/admin-main.css   Download  
File: public/css/admin-main.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Store My Notes Laravel 5
Store and share user notes
Author: By
Last change:
Date: 8 hours ago
Size: 4,431 bytes
 

Contents

Class file image Download
/** * Colors For Main.css * Dark Primary - #32cb00 * Primary - #76ff03 * Primary-Light - #b0ff57 * Light Background anything - #baffff * Gray - #E1E2E1 */ /* * Base structure */ /* Move down content because we have a fixed navbar that is 50px tall */ body { padding-top: 50px; } /* * Typography */ h1 { margin-bottom: 20px; padding-bottom: 9px; border-bottom: 1px solid #eee; } .btn-theme { background: #607d8b; color: #fff; } .btn-theme:hover { background: #37474F; color: #fff; } form.form-inline { display: initial; } .panel-theme { border-color: #607D8B; } .panel-theme>.panel-heading { color: #fff; background-color: #607D8B; border-color: #607D8B; } .modal-header { background: #607D8B; color: #fff; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } /* * Sidebar */ .sidebar { position: fixed; top: 51px; 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; } /*** Navbar ***/ .navbar-default { background-color: #37474F; border-color: #37474F; } .navbar-default .navbar-nav>li>a { color: #FFF; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fffb94; background-color: transparent; } .logo-image { width: 25px; } .notification a i { font-size: 25px; } .notification>li>a { color: #cd0c0c; } .notification a .badge { margin-left: -20%; font-size: 12px; background: #cd0c0c; } /*** Navbar ***/ /*** Left Sidebar ***/ .left-sidebar-full { /* margin-top: -27px; height: 575px; background: #37474f; position: fixed; width: 20%; */ /* position: fixed; top: 51px; bottom: 0; left: 0; z-index: 1000; padding: 20px; overflow-x: hidden; overflow-y: auto; border-right: 1px solid #eee; */ } .bg-faded { background-color: #37474F; } figcaption, figure, main { display: block; } .pt-3 { padding-top: 1rem!important; } .left-sidebar-full ul { list-style: none; } .left-sidebar-full ul li{ border-bottom: 1px dotted #808080; padding: 10px; } .left-sidebar-full ul a { color: #fff; } /*** Left Sidebar ***/ /*** Main pages ***/ .page { margin-top: 20px; } .active{ background: #1e2d35; } .nav-paddings{ margin-left: -40px; padding: 15px; } /*** Main pages ***/ /*** Footer ***/ .footer-main { background: #37474F; padding: 10px; color: #FFF; font-size: 1em; } .footer-main .left-links a { margin: 0px 5px 0px 0px; color: #fff; } /*** Footer ***/ /*** Main Responsiveness***/ @media (max-width: 768px){ .main{ padding-left: 50%; } } @media (min-width: 1020px){ .main{ margin-left: 10%; padding-left: 10%; } } @media (max-width: 800px){ .main{ padding-left: 32%; } } /*** Main Responsiveness***/ /*** Make a slider ***/ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input {display:none;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #607d8b; } input:focus + .slider { box-shadow: 0 0 1px #607d8b; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*** Make a slider ***/