69 lines
992 B
CSS
69 lines
992 B
CSS
body {
|
|
/* main website background color*/
|
|
background-color: #868e85;
|
|
}
|
|
|
|
.bg-light {
|
|
/* navbar background set to lighter green*/
|
|
background-color: #959a94 !important;
|
|
}
|
|
|
|
.border {
|
|
/* navbar border set to nothing*/
|
|
border: 0px !important;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #007bff;
|
|
border-color: #007bff;
|
|
}
|
|
|
|
nav .navbar-brand
|
|
{
|
|
/* size for brand */
|
|
font-size: xx-large;
|
|
}
|
|
|
|
/* colors for brand */
|
|
nav .navbar-brand .blue
|
|
{
|
|
color: #537fbe;
|
|
}
|
|
nav .navbar-brand .red
|
|
{
|
|
color: #ea433b;
|
|
}
|
|
nav .navbar-brand .yellow
|
|
{
|
|
color: #f5b82e;
|
|
}
|
|
nav .navbar-brand .green
|
|
{
|
|
color: #2e944b;
|
|
}
|
|
|
|
main .form-control
|
|
{
|
|
/* center form controls */
|
|
display: inline-block;
|
|
|
|
/* override Bootstrap's 100% width for form controls */
|
|
width: auto;
|
|
}
|
|
|
|
main
|
|
{
|
|
/* scroll horizontally as needed */
|
|
overflow-x: auto;
|
|
|
|
/* center contents */
|
|
text-align: center;
|
|
}
|
|
|
|
main img
|
|
{
|
|
/* constrain images on small screens */
|
|
max-width: 100%;
|
|
}
|