Line 71: | Line 71: | ||
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; | ||
+ | } | ||
img.gif { | img.gif { | ||
width: 90%; | width: 90%; |
Revision as of 09:29, 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; border-bottom: 10px solid #7ae26f; position: relative; margin-top: 100px;
}
[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; } 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; }