Difference between revisions of "Template:CCU Taiwan"

(Prototype team template page)
 
(homepage_css)
Line 1: Line 1:
 
<html>
 
<html>
−
<!---------
+
<style>
−
You can place your team's code here.
+
html, body{
−
---------->
+
    height: 100%;
 +
}
  
 +
body{
 +
    color: #ffffff;
 +
    font-size: 1.25rem;
 +
}
 +
.fixed_bg {
 +
    height: 100%;
 +
    position: relative;
 +
}
  
 +
.fixed_bg{
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
  
 +
.jumbotron {
 +
    padding: 2rem 1rem;
 +
    margin-bottom: 0rem;
 +
    background-color: #e9ecef;
 +
    border-radius: .3rem;
 +
}
  
 +
.wordcenter{
 +
    position: absolute;
 +
    left: 50%;
 +
    top: 50%;
 +
    bottom: auto;
 +
    right: auto;
 +
    -webkit-transform: translateX(-50%) translateY(-50%);
 +
    transform: translateX(-50%) translateY(-50%);
 +
    text-align: center;
 +
}
 +
 +
.shadow{
 +
    box-shadow: 0 0 0 rgba(0,0,0,0)!important;
 +
}
 +
 +
.img-fluid {
 +
    -webkit-filter: brightness(.9);
 +
    filter: brightness(.9);
 +
}
 +
 +
.img-fluid:hover {
 +
    -webkit-filter: none;
 +
    filter: none;
 +
}
 +
 +
.footer {
 +
    display: inline-flex;
 +
    justify-content: space-between;
 +
}
 +
 +
.logoblock {
 +
    padding: 0rem 1rem;
 +
}
 +
 +
.iconblock {
 +
    display: inline;
 +
    padding: 0rem .5rem;
 +
}
 +
 +
.jumbotron{
 +
    text-align: center;
 +
    background-color: rgba(155, 30, 30);
 +
    padding-bottom: 2rem;
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link {
 +
    color: #aaa;
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link:hover {
 +
    color: rgba(155,30,30,.8);
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 +
    color: rgba(155,30,30,.8);
 +
}
 +
 +
.navbar-light .navbar-nav .show>.nav-link {
 +
    color: rgba(155,30,30);
 +
}
 +
 +
.dropdown-item {
 +
    color: rgba(155,30,30,.8);
 +
}
 +
 +
.dropdown-item:focus, .dropdown-item:hover {
 +
    color: rgba(155,30,30);
 +
    text-decoration: none;
 +
    background-color: #f8f9fa;
 +
}
 +
 +
.dropdown-item.active, .dropdown-item:active {
 +
    color: #fff;
 +
    text-decoration: none;
 +
    background-color: rgba(155,30,30);
 +
}
 +
 +
.navbar {
 +
    padding: .25rem 1rem;
 +
}
 +
 +
.bg-light {
 +
    background-color: rgba(255, 255, 255, .95)!important;
 +
}
 +
 +
.trademark {
 +
    font-size: small;
 +
}
 +
 +
.icon_markblock {
 +
    padding: .5rem;
 +
}
 +
 +
.trademarkblock {
 +
    padding-top: 1rem;
 +
}
 +
 +
a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
#gotop a{
 +
    display: block;
 +
    position: fixed;
 +
    height: 45px;
 +
    width: 50px;
 +
    right: 20px;
 +
    bottom: 30px;
 +
    font-size: 0;
 +
    cursor: pointer;
 +
    z-index: 1000;
 +
    background: url(../image/mosquito1_1.png);
 +
}
 +
 +
#gotop a:hover {
 +
    background: url(../image/mosquito1_2.png);
 +
}
 +
 +
#gotop a:active {
 +
    background: url(../image/mosquito1_3.png);
 +
}
 +
 +
/*home page*/
 +
 +
.color_1{
 +
    background-color: rgb(242, 242, 242);
 +
}
 +
 +
.color_2{
 +
    background-color: rgba(227, 227, 227, 1);
 +
}
 +
 +
.color_3{
 +
    background-color: rgb(230, 230, 230, 0.8);
 +
}
 +
 +
.color_4{
 +
    background-color: rgb(230, 230, 230, 0.8);
 +
}
 +
 +
.color_5{
 +
    background-color: rgb(230, 230, 230, 0.8);
 +
}
 +
</style>
 
</html>
 
</html>

Revision as of 06:38, 27 August 2020