Difference between revisions of "Team:OUC-China/css/ouc wiki"

Line 62: Line 62:
 
.oucInformation p:last-child{padding-bottom:50px}
 
.oucInformation p:last-child{padding-bottom:50px}
 
.oucBottom{width:100%;height:60px;background-color:#152640;}
 
.oucBottom{width:100%;height:60px;background-color:#152640;}
−
+
 
−
/* 超小屏幕（手机，小于 768px） */
+
−
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
+
 
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
 
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
−
/* 小屏幕（平板，大于等于 768px） */
 
 
@media (min-width:768px) {  
 
@media (min-width:768px) {  
 
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}  
 
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}  
−
body{padding-top: 100px;}
+
 
 
 
}
 
}
−
/* 中等屏幕（桌面显示器，大于等于 992px） */
 
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
 
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}  
 
.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;} }
 
@media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} }

Revision as of 09:32, 15 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;}

.oucBanner h3{color:white;padding-top:90px;font-size:32px;} @media (min-width:768px) { .oucBanner h3{color:white;padding-top:93px;font-size:40px;}


} @media (min-width: 992px) { .oucBanner h3{color:white;padding-top:93px;font-size:48px;}


} @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} }