Difference between revisions of "Template:NCKU Tainan/css/design"
| (8 intermediate revisions by the same user not shown) | |||
| Line 27: | Line 27: | ||
border-bottom: 10px solid #7ae26f; | border-bottom: 10px solid #7ae26f; | ||
} | } | ||
| − | .head { | + | .head { |
| − | + | color: white; | |
| − | + | width: 50%; | |
| − | + | font-size: 50px; | |
| − | + | font-weight: 700 !important; | |
| − | + | border-bottom: 10px solid #7ae26f !important; | |
| − | + | position: relative; | |
| − | + | } | |
| − | } | + | |
[class*="col-"] { | [class*="col-"] { | ||
| Line 71: | Line 70: | ||
color: #7ae26f; | color: #7ae26f; | ||
} | } | ||
| + | .btn { | ||
| + | background-color: #98CC9B; | ||
| + | color: #272625; | ||
| + | border: none; | ||
| + | font-size: 1.5rem; | ||
| + | } | ||
| + | .btn:hover { | ||
| + | color: white; | ||
| + | background-color: transparent; | ||
| + | border-color: transparent; | ||
| + | border-bottom: 3px; | ||
| + | border-bottom-color: #98CC9B; | ||
| + | border-bottom-style: solid; | ||
| + | border-radius: 0rem; | ||
| + | } | ||
| + | .btn.focus, .btn:focus { | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .card { | ||
| + | background-color: transparent; | ||
| + | border: 0; | ||
| + | } | ||
| + | .card-body { | ||
| + | padding: 1rem 0; | ||
| + | } | ||
img.gif { | img.gif { | ||
width: 90%; | width: 90%; | ||
height: auto; | height: auto; | ||
} | } | ||
| − | #Overview, #Chassis_Organism, #Prk, #Rubisco, #CA, #dual_plasmid_system, # | + | #Overview, #Chassis_Organism, #Prk, #Rubisco, #CA, #dual_plasmid_system, #pH_sensing_system, #Reference{ |
padding-top: 80px; | padding-top: 80px; | ||
} | } | ||
| Line 81: | Line 105: | ||
font-size: 1.5rem; | font-size: 1.5rem; | ||
font-weight: bold; | font-weight: bold; | ||
| + | color: #FFA55B; | ||
} | } | ||
img.bigimg { | img.bigimg { | ||
Latest revision as of 17:19, 17 October 2018
body {
background-color: #272625;
}
- HQ_page p {
font-size: 20px; margin: 0; background-color: #010E00;
} h5, h3, h4, p {
color: white; padding-bottom: 10px;
} .container.content {
margin-top: 70px;
} .caret {
display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
}
- HQ_page h1 {
border-bottom: 10px solid #7ae26f;
}
.head {
color: white;
width: 50%;
font-size: 50px;
font-weight: 700 !important;
border-bottom: 10px solid #7ae26f !important;
position: relative;
}
[class*="col-"] {
float: left; padding: 13px;
} a.list-group-item:visited {
color: white;
} a:hover {
background-color: transparent;
} .list-group {
margin-top: 100px;
} .col-2.side {
padding: 0;
} .list-group-item {
padding: .35rem .35rem; background-color: #272625; color: white; border: none; font-size: 19px; margin: 3px 0;
} a.list-group-item.list-group-item-action {
background-color: transparent;
} a.list-group-item.list-group-item-action:hover {
color: #98CC9B;
} a.list-group-item.list-group-item-action.active {
background-color: transparent; color: #7ae26f;
}
.btn {
background-color: #98CC9B;
color: #272625;
border: none;
font-size: 1.5rem;
}
.btn:hover {
color: white;
background-color: transparent;
border-color: transparent;
border-bottom: 3px;
border-bottom-color: #98CC9B;
border-bottom-style: solid;
border-radius: 0rem;
}
.btn.focus, .btn:focus {
box-shadow: none;
}
.card {
background-color: transparent;
border: 0;
}
.card-body {
padding: 1rem 0;
}
img.gif {
width: 90%;
height: auto;
}
#Overview, #Chassis_Organism, #Prk, #Rubisco, #CA, #dual_plasmid_system, #pH_sensing_system, #Reference{
padding-top: 80px;
}
h5.question {
font-size: 1.5rem;
font-weight: bold;
color: #FFA55B;
}
img.bigimg {
width: 100%;
height: auto;
}