(3 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; | ||
} | } |
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; }