/*-------------------- 2. Navigation --------------------*/ * { font-family: "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", "Helvetica Neue", Helvetica, Arial, sans-serif, serif; -webkit-font-smoothing: antialiased } .navbar-default { background-color: #fff; opacity: 0.96; box-shadow: 0px 1px 3px rgba(0, 0, 0, .05); border-bottom: rgba(225, 225, 225, .83) solid 0px } .navbar-header { position: absolute; z-index: 1024; } .navbar-nav ul li { list-style: none; /*padding-bottom: 10px;*/ /*font-size: 12px;*/ /*font-weight: 500;*/ line-height: 26px; letter-spacing: 0.5px; } .navbar-nav>li { max-width: 128px; margin-top: 8px; -webkit-font-smoothing: antialiased; } .navbar-default .navbar-brand { color: #fff; padding: 0px; z-index: 2000; /*margin-left: 15px;*/ } .navbar-default.navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active { color: #4CA177 } .navbar-default .navbar-collapse { /*border-color: rgba(255, 255, 255, .02);*/ /*width:1080px;*/ position: relative; } .navbar-default .navbar-collapse .nav-user{ position: absolute; ransform-origin: center top 0px; top: 65px; right: 24px; z-index: 2002; padding: 10px 0; margin: 5px 0; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); display: none; } .navbar-default .navbar-collapse .nav-user:after{ display: block; content: ''; /*background-color: #ffffff;*/ right: 10px; top:-6px; width: 0; height: 0; border-color: transparent; border-style: solid; position: absolute; border-bottom-color: #fff; border-width: 6px; border-top-width: 0; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } .navbar-default .navbar-collapse .nav-user li{ list-style: none; line-height: 36px; padding: 0 20px; margin: 0; font-size: 14px; color: #606266; cursor: pointer; outline: none; } .navbar-default .navbar-collapse .nav-user li.line{ margin-top: 6px; margin-bottom: 6px; height:1px; background-color: #ebeef5; } .navbar-default .navbar-collapse .nav-user li:hover{ background-color: #eff8f4; color: #7ec9a4; } .navbar-default .navbar-toggle{ display: none; } /*.navbar-default.navbar-toggle {*/ /*background-color: #4CA177;*/ /*border-color: #4CA177*/ /*}*/ /*.navbar-default.navbar-toggle .icon-bar {*/ /*background-color: #fff*/ /*}*/ /*.navbar-default.navbar-toggle:hover, .navbar-default .navbar-toggle:focus {*/ /*background-color: #4CA177*/ /*}*/ .navbar-default.navbar-transparent { background-color: rgba(255, 255, 255, 0.0); border-color: rgba(255, 255, 255, 0.0); box-shadow: 0 0 0 #fff; transition: all 0.2s; } .navbar-default.navbar-transparent .navbar-nav li a{ /*font-family: "Open Sans",sans-serif;*/ /*text-transform: uppercase;*/ font-size: 15px; /*opacity: 0.5;*/ font-weight: 100; letter-spacing: 1px; padding-top: 9px; /* margin-left: 19px; */ margin-left: 0px; } .navbar-default.navbar-transparent .navbar-nav li a{ color: #fff; } .navbar-default.navbar-transparent .navbar-nav li a, .navbar-default .navbar-nav>li>a{ position: relative; } .navbar-default.navbar-transparent .navbar-nav li a:focus, .navbar-default.navbar-transparent .navbar-nav li a:active, .navbar-default .navbar-nav>li>a.no-focus:focus, .navbar-default .navbar-nav>li>a.no-focus:active{ color: #777; } .navbar-default.navbar-transparent .navbar-nav li a .cyxy-trs-target, .navbar-default .navbar-nav>li>a .cyxy-trs-target{ font-size: 12px; width: 110px; letter-spacing: 0; text-align: center; } .btn-success.cyxy-trs-source .cyxy-trs-target{ display: none !important; } .navbar-default.navbar-transparent .navbar-nav li a:hover, .navbar-default.navbar-transparent .nav li a:focus { /*color: #4CA177;*/ color: #fff; opacity: 0.5 } .navbar-default .navbar-nav > .active > a { border-radius: 0; color: #fff; background-color: #4CA177 } .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #5ebb8d } .navbar-right { margin-right: 24px; float: right!important; } @media (min-width: 768px) { .navbar-default { padding: 3px 0; /*border: rgba(225, 225, 225, .83) solid 1px;*/ box-shadow: 0px 1px 3px rgba(0, 0, 0, .2); -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; } .navbar-default .navbar-brand { font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-top: 10px; margin-left: 5px; padding-left: 45px; } .navbar-default .navbar-nav > .active > a { border-radius: 3px } .navbar-default { background-color: #fff; padding: 1px 0; height: 60px; } .navbar-default .nav li a { color: #333; opacity: 1; letter-spacing: 1px; padding-top: 9px; /* margin-left: 19px; */ margin-left: 0px; font-size: 15px; overflow: hidden; /* text-overflow: ellipsis; */ /* white-space: nowrap; */ transition: border-color .3s,background-color .3s,color .3s; } /* .navbar-default .nav li a:hover, */ /* .navbar-default .nav li a:focus */ .navbar-default .nav li a.active{ color: #4ca177; } /*.navbar-default.navbar-shrink .navbar-brand {*/ /*font-size: 1.5em;*/ /*margin-top: 5px;*/ /*margin-left: 5px;*/ /*}*/ } @media (min-width: 768px) { .navbar-nav > li > a { padding-top: 1px; padding-bottom: 1px; } } /*.navbar-default #logo-name-white {*/ /*display: none;*/ /*}*/ #logo-name { height: 32px; } @media (max-width: 768px) { #logo-name { height: 30px; margin-left: 8px; margin-top: 8px; } } #login-btn { margin-top: 4px; margin-left: 50px } #avatar { cursor: pointer; border-radius: 20px; margin-left: 50px; } #user-dropdown { color: #333; text-align: center; min-width: 100px; font-size: 15px; margin-top: 10px; right: -10px; background-color: rgba(255, 255, 255, .96); } #user-dropdown:hover { color: #4ca177; background-color: rgba(255, 255, 255, .75); cursor: pointer; } .btn-success { color: #fff; background-color: #5ebb8d; border-color: #4CA177; width: 90px; height: 30px; padding-top: 4.5px; margin-top: 5px; border-radius: 2px; } .btn-success:hover{ background-color: #4CA177; } @media (max-width: 1200px) { #nav-a-text6 { display: none; } } @media (max-width: 1000px) { #nav-a-text1 { display: none; } #nav-a-text2 { display: none; } } @media (max-width: 800px) { #nav-a-text3 { display: none; } }