|
|
Line 1: |
Line 1: |
− | .navbar-default {
| |
− | border-color: #e7e7e7;
| |
− | background-color: #f8f8f8;
| |
− | }
| |
| | | |
− | .navbar-default .navbar-brand {
| |
− | color: #777;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
| |
− | background-color: transparent;
| |
− | color: #5e5e5e;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-text {
| |
− | color: #777;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>li>a {
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
| |
− | background-color: transparent;
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
| |
− | background-color: #63b5d7;
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
| |
− | background-color: transparent;
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-toggle {
| |
− | border-color: #ddd;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
| |
− | background-color: #ddd;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-toggle .icon-bar {
| |
− | background-color: #888;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-collapse,.navbar-default .navbar-form {
| |
− | border-color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
| |
− | background-color: #63b5d7;
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | @media (max-width:767px) {
| |
− | .navbar-default .navbar-nav .open .dropdown-menu>li>a {
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
| |
− | background-color: transparent;
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
| |
− | background-color: #63b5d7;
| |
− | color: #63b5d7;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
| |
− | background-color: transparent;
| |
− | color: #63b5d7;
| |
− | }
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-link {
| |
− | color: #777;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-link:hover {
| |
− | color: #333;
| |
− | }
| |
− |
| |
− | .navbar-default .btn-link {
| |
− | color: #777;
| |
− | }
| |
− |
| |
− | .navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
| |
− | color: #333;
| |
− | }
| |
− |
| |
− | .navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
| |
− | color: #ccc;
| |
− | }
| |
| p{text-align: justify;} | | p{text-align: justify;} |
| body{padding-top: 50px;} | | body{padding-top: 50px;} |
p{text-align: justify;}
body{padding-top: 50px;}
/*TOP*/
#oucNav .active a{background-color:#63b5d7;}
#oucNav li{font-size:1em;}
#oucNav li a{color:white;}
#oucNav li a:hover{background-color:#63b5d7;}
/*Footer*/
.oucInformation{background:#EFF2F6;width:100%;margin:0;}
.oucInformation b{display:block;font-size:18px;padding-top:50px}
.oucInformation p:last-child{padding-bottom:50px}
.oucBottom{width:100%;height:60px;background-color:#152640;}
/* 超小屏幕(手机,小于 768px) */
/* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) */
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
/* 小屏幕(平板,大于等于 768px) */
@media (min-width:768px) {
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}
body{padding-top: 100px;}
}
/* 中等屏幕(桌面显示器,大于等于 992px) */
@media (min-width: 992px) {
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}
body{padding-top: 50px;}
}
/* 大屏幕(大桌面显示器,大于等于 1200px) */
@media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} }