Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* General */
- html {
- overflow-y: scroll;
- position: relative;
- min-height: 100%;
- }
- body {
- background-color: #f4f4f4;
- font-family: 'Work Sans', serif;
- padding-top: 120px;
- margin-bottom: 60px;
- }
- *:focus {
- outline: none !important;
- }
- .main-container {
- padding: 20px;
- }
- /* Utility Classes */
- .not-selectable {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- }
- .selectable {
- -webkit-user-select: all;
- -moz-user-select: all;
- -ms-user-select: all;
- -o-user-select: all;
- user-select: all;
- }
- .null-radius {
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
- -khtml-border-radius: 0;
- }
- /* Navbar */
- .navbar {
- min-height: 100px;
- transition: all .3s ease;
- background: #222 url('../img/simple-dashed.png');
- border-bottom: 2px solid #ffea00;
- -webkit-column-break-inside: avoid;
- -moz-column-break-inside: avoid;
- -o-column-break-inside: avoid;
- -ms-column-break-inside: avoid;
- column-break-inside: avoid;
- -webkit-backface-visibility: hidden;
- }
- .navbar-brand {
- position: relative;
- }
- .navbar-brand .nav-logo {
- opacity: 1;
- margin-top: 0;
- transition: all .3s ease-in-out;
- }
- .navbar-brand .nav-logo.hidden {
- opacity: 0;
- margin-top: -100px;
- }
- .navbar .navbar-toggler {
- color: #f1f1f1;
- padding: 32px 10px 0 0;
- transition: all .3s ease;
- }
- .navbar .navbar-nav .nav-item .nav-link {
- color: #f1f1f1;
- font-size: 14px;
- font-weight: 500;
- line-height: 78px;
- transition: all .3s ease;
- }
- .navbar .navbar-nav .nav-item.active .nav-link {
- color: #ffea00;
- }
- .navbar .navbar-nav .nav-item .nav-link:hover {
- color: #ffea00;
- }
- /* Collapsed Navbar */
- .nav-collapse {
- padding-top: 10px;
- }
- .nav-collapse .nav-item {
- background: #303030;
- padding: 8px 20px;
- margin: 6px 0;
- border: 1px solid #202020;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- -khtml-border-radius: 3px;
- }
- .nav-collapse .nav-item.active .nav-link {
- color: #ffea00;
- }
- .nav-collapse .nav-link {
- color: #fff;
- }
- .nav-collapse .nav-link:hover {
- color: #ffea00;
- }
- .nav-collapse-overlay {
- position: fixed;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- z-index: -1;
- background-color: transparent;
- }
- /* Shrinked Navbar */
- .navbarshrinked {
- min-height: 50px;
- }
- .navbar .navbar-toggler.shrinked {
- padding-top: 4px;
- }
- .navbar-brand img.nav-shrinked-logo {
- opacity: 0;
- transition: all .3s ease;
- position: absolute;
- top: 0;
- left: 10px;
- }
- .navbar-brand img.nav-shrinked-logo.shown {
- opacity: 1;
- transition: all .3s .2s ease;
- }
- .navbarshrinked .navbar-nav .nav-item .nav-link {
- line-height: 20px;
- }
- /* UI Bootstrap Modal */
- .modal-content {
- padding: 20px 100px;
- }
- /* Footer */
- .footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- height: 60px;
- background: #222 url('../img/simple-dashed.png');
- line-height: 60px;
- color: #999;
- font-size: 13px;
- }
- .footer .nav-link,
- .footer .nav-link:focus {
- line-height: 13px;
- font-size: 13px;
- padding: 0 4px;
- color: #999;
- }
- .footer .nav-link:hover {
- color: #f1f1f1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement