Difference between revisions of "Template:Peking/css/navigation style 1"

Revision as of 09:50, 4 October 2016

/* Navigation Style 1 */

1. logo {

background:url() 0 0px #fff; background-size:120px 41px; position:absolute; width:120px; height:41px; left:46%; margin-left:-32px; z-index:100; display:block; }

#logo a{ width:120px; height:41px; position:absolute; } .logo-back { transform: rotateY(-180deg); }

#navigation-sticky-wrapper { height:45px; }

.navbar-inner { background: none; box-shadow: none !important; min-height: 45px; line-height: 20px !important; transition: all 0.3s ease-out 0s; border-bottom: none !important; padding-left: 20px !important; padding-right: 20px !important; background: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.1)!important; z-index:10; }

.navbar { position: relative; }

.navbar .nav { width:100%; text-align:center; }

.navbar .nav > li { float:none; display:inline-block; }

.navbar .nav > li.menu-1 { margin-right:40px; }

.navbar .nav > li.menu-2 { margin-right:40px; }

.navbar .nav > li.menu-3 { margin-right:40px; }

.navbar .nav > li.menu-4 { margin-right:190px; }

.navbar .nav > li.menu-5 { margin-right:25px; }

.navbar .nav > li.menu-6 { margin-right:25px; }

.navbar .nav > li.menu-7 { margin-right:25px; }

.navbar .nav > li.menu-8 { margin-right:0px; }

.navbar .nav > li > a { font-family: 'raleway-bold',arial, sans-serif; text-transform:uppercase; font-weight:400; font-size:14px; color: #999999; display: block; height: 100%; transition: all 0.3s ease-out 0s; line-height: 25px; text-shadow: none; }

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background: none; box-shadow: none; color: #222222; height: 100%; transition: all 0.3s ease-out 0s; }

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333; text-decoration: none; height: 100%; transition: all 0.3s ease-out 0s; }

.navbar .show-menu { float: right; width:30px; margin: 7px 30px 7px 10px; height: 31px; padding:2px; background:url() no-repeat 2px 2px; background-size:30px 30px; cursor:pointer; border-radius:3px; opacity:0.7; display:none }

.navbar .show-menu:hover { opacity:1; }

@media only screen and (max-width: 1300px) {

.navbar .nav > li.menu-1 { margin-right:15px; }

.navbar .nav > li.menu-2 { margin-right:15px; }

.navbar .nav > li.menu-3 { margin-right:15px; }

.navbar .nav > li.menu-4 { margin-right:115px; }

.navbar .nav > li.menu-5 { margin-right:0px; }

.navbar .nav > li.menu-6 { margin-right:0px; }

.navbar .nav > li.menu-7 { margin-right:0px; }

.navbar .nav > li.menu-8 { margin-right:0px; }

}

@media only screen and (max-width: 1024px) {

.navbar-inner { min-height: 45px!important; padding:0!important; }

.nav-collapse { background-color:#f5f5f5; padding:0px 30px; }

.navbar .nav > li { display: inline-block; float: left; width:100%; border-bottom: 1px dotted #CCCCCC; }

.navbar .nav > li:last-child { border-bottom:none; }

.navbar .nav { text-align: left; width: 100%; }

       .navbar .nav > ul > a {

padding: 8px 0px; font-family: 'raleway-regular',serif; font-size:12px; }

.navbar .nav > li > a { padding: 8px 0px; font-family: 'raleway-regular',serif; font-size:12px; }

.navbar .show-menu { display:block; }

.navbar .nav-collapse .nav.pull-right { float: left; margin:10px 0; }

div#logo{ margin-top:0px; }

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 479px) {

}