Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.navbar-default .navbar-nav>li>a { | .navbar-default .navbar-nav>li>a { | ||
color: #63b5d7; | color: #63b5d7; | ||
Line 35: | Line 16: | ||
background-color: transparent; | background-color: transparent; | ||
color: #63b5d7; | color: #63b5d7; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.navbar-default .navbar-collapse,.navbar-default .navbar-form { | .navbar-default .navbar-collapse,.navbar-default .navbar-form { | ||
border-color: #63b5d7; | border-color: #63b5d7; | ||
Line 56: | Line 23: | ||
background-color: #63b5d7; | background-color: #63b5d7; | ||
color: #63b5d7; | color: #63b5d7; | ||
− | |||
− | |||
@media (max-width:767px) { | @media (max-width:767px) { | ||
.navbar-default .navbar-nav .open .dropdown-menu>li>a { | .navbar-default .navbar-nav .open .dropdown-menu>li>a { | ||
Line 75: | Line 40: | ||
.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 { | .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; | background-color: transparent; | ||
− | color: #63b5d7; | + | color: #63b5d7; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
p{text-align: justify;} | p{text-align: justify;} | ||
body{padding-top: 50px;} | body{padding-top: 50px;} |
Revision as of 14:00, 4 October 2016
.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-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; 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;} }