Scribd
Upload
13 views6 pages

Navcss

Uploaded by

sharma1ishika8787
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
13 views6 pages

Navcss

Uploaded by

sharma1ishika8787
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

.

navbar-inverse{
padding-top: 10px;
background-color:#272c33;
}.navbar-inverse {
padding-top: 10px;
background-color: #272c33;
}
.navbar-inverse .navbar-nav > li > a {
color: #c8c9ce;
font-weight: 400;
font-family: Arial;
font-size: 15px;
text-align: center;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #272c33;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: #272c33;
}
.fa {
font-size: 26px;
}
@media (min-width: 768px) {
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.dropdown-menu {
margin-left: 10px;
background-color: #272c33;
}
.dropdown-menu > li > a {
padding-bottom: 10px;
color: #c8c9ce;
width: 180px;
}
.dropdown-menu > li > a:hover {
background-color: transparent;
color: #fff;
}
.dropdown-toggle {
position: relative;
}

.dropdown-menu:after {
content: "";
position: absolute;
left: -9px;
top: 15px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #272c33;
}
@media (min-width: 768px) {
.container {
width: 503px;
}
}
@media (min-width: 992px) {
.container {
width: 723px;
}
}
@media (min-width: 1200px) {
.container {
width: 923px;
}
}
@media (min-width: 1432px) {
.container {
width: 1170px;
}
}
body {
padding-top: 70px;
}
.navbar-fixed-left,
.navbar-fixed-right {
position: fixed;
top: 0;
width: 100%;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-left,
.navbar-fixed-right {
width: 135px;
height: 100vh;
border-radius: 0;
}
.navbar-fixed-left .container,
.navbar-fixed-left .container-fluid,
.navbar-fixed-right .container,
.navbar-fixed-right .container-fluid {
padding-right: 0;
padding-left: 0;
width: auto;
}
.navbar-fixed-left .navbar-header,
.navbar-fixed-right .navbar-header {
float: none;
padding-left: 15px;
padding-right: 15px;
}
.navbar-fixed-left .navbar-collapse,
.navbar-fixed-right .navbar-collapse {
padding-right: 0;
padding-left: 0;
max-height: none;
}
.navbar-fixed-left .navbar-collapse .navbar-nav,
.navbar-fixed-right .navbar-collapse .navbar-nav {
float: none !important;
}
.navbar-fixed-left .navbar-collapse .navbar-nav > li,
.navbar-fixed-right .navbar-collapse .navbar-nav > li {
width: 100%;
}
.navbar-fixed-left .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu,
.navbar-fixed-right
.navbar-collapse
.navbar-nav
> li.dropdown
.dropdown-menu {
top: 0;
}
.navbar-fixed-left .navbar-collapse .navbar-nav.navbar-right,
.navbar-fixed-right .navbar-collapse .navbar-nav.navbar-right {
margin-right: 0;
}
}
@media (min-width: 768px) {
body {
padding-top: 0;
margin-left: 150px;
}
.navbar-fixed-left {
right: auto !important;
left: 0 !important;
border-width: 0 1px 0 0 !important;
}
.navbar-fixed-left .dropdown .dropdown-menu {
left: 100%;
right: auto;
border-radius: 5px;
padding: 25px;
}
.navbar-fixed-left .dropdown .dropdown-toggle .caret {
border-top: 4px solid transparent;
border-left: 4px solid;
border-bottom: 4px solid transparent;
border-right: none;
}
}

.navbar-inverse .navbar-nav>li>a{
color: #c8c9ce;
font-weight: 400;
font-family: Arial;
font-size:15px;
text-align: center;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-
nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: #272c33;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #ffffff;
background-color: #272c33;
}
.fa{
font-size: 26px;
}
@media (min-width: 768px){
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}}
.dropdown-menu {
margin-left: 10px;
background-color: #272c33;
}
.dropdown-menu>li>a {
padding-bottom: 10px;
color: #c8c9ce;
width: 180px;
}
.dropdown-menu>li>a:hover {
background-color: transparent;
color: #fff;
}
.dropdown-toggle {
position: relative;
}

.dropdown-menu:after {
content: "";
position: absolute;
left: -9px;
top: 15px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #272c33;
}
@media (min-width: 768px) {
.container {
width: 503px;
}
}
@media (min-width: 992px) {
.container {
width: 723px;
}
}
@media (min-width: 1200px) {
.container {
width: 923px;
}
}
@media (min-width: 1432px) {
.container {
width: 1170px;
}
}
body {
padding-top: 70px;
}
.navbar-fixed-left,
.navbar-fixed-right {
position: fixed;
top: 0;
width: 100%;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-left,
.navbar-fixed-right {
width: 135px;
height: 100vh;
border-radius: 0;
}
.navbar-fixed-left .container,
.navbar-fixed-left .container-fluid,
.navbar-fixed-right .container,
.navbar-fixed-right .container-fluid {
padding-right: 0;
padding-left: 0;
width: auto;
}
.navbar-fixed-left .navbar-header,
.navbar-fixed-right .navbar-header {
float: none;
padding-left: 15px;
padding-right: 15px;
}
.navbar-fixed-left .navbar-collapse,
.navbar-fixed-right .navbar-collapse {
padding-right: 0;
padding-left: 0;
max-height: none;
}
.navbar-fixed-left .navbar-collapse .navbar-nav,
.navbar-fixed-right .navbar-collapse .navbar-nav {
float: none !important;
}
.navbar-fixed-left .navbar-collapse .navbar-nav > li,
.navbar-fixed-right .navbar-collapse .navbar-nav > li {
width: 100%;
}
.navbar-fixed-left .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu,
.navbar-fixed-right
.navbar-collapse
.navbar-nav
> li.dropdown
.dropdown-menu {
top: 0;
}
.navbar-fixed-left .navbar-collapse .navbar-nav.navbar-right,
.navbar-fixed-right .navbar-collapse .navbar-nav.navbar-right {
margin-right: 0;
}
}
@media (min-width: 768px) {
body {
padding-top: 0;
margin-left: 150px;
}
.navbar-fixed-left {
right: auto !important;
left: 0 !important;
border-width: 0 1px 0 0 !important;
}
.navbar-fixed-left .dropdown .dropdown-menu {
left: 100%;
right: auto;
border-radius: 5px;
padding: 25px;
}
.navbar-fixed-left .dropdown .dropdown-toggle .caret {
border-top: 4px solid transparent;
border-left: 4px solid;
border-bottom: 4px solid transparent;
border-right: none;
}
}

/* media*/
@media screen and (max-width: 768px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #c8c9ce;
text-align: center;
width: 95%;
}

You might also like