705
edits
Changes
Created page with "{{#css: *{ box-sizing: border-box; } .titlebar { background-size: 100% 100%; background-position: 0px 0px; background-image: linear-gradient(122deg, #004D71 72%, #CFDE..."
{{#css:
*{
box-sizing: border-box;
}
.titlebar {
background-size: 100% 100%;
background-position: 0px 0px;
background-image: linear-gradient(122deg, #004D71 72%, #CFDE00 72%, #CFDE00 72%, #CFDE00 74%, #333E48 74%);
height: 20px;
}
.menubar a:visited {
color: #FFFFFF;
}
.menubar {
background-color:#E0F5F4;
height: auto;
padding: 0;
margin: 0;
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 200;
}
.menubar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.menubar li {
display: inline-block;
color: #000000;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
}
.menubar li:hover {
background: #63CECA;
}
.menubar li:focus
{
background: #63CECA;
}
.menubar li a {
color: black;
padding: 20px;
}
.menubar li a:hover:not(.active) {
color: #000000;
}
.active {
color: #000000;
}
.headercontent h1 {
color: #004E6C;
font-size: 40px !important;
font-family: "Open Sans",sans-serif !important;
border: none;
font-weight: 700;
}
.headercontent p
{
color: #000000;
font-size: 20px;
font-family: "Open Sans",sans-serif !important;
}
.lgtoggle{
float: right;
border-radius: 10px;
border: 2px solid #3095B4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px;
margin-top: 10px;
}
.onboardcontent h2
{
color: #000000;
font-size: 30px;
margin-top: 20px;
margin-bottom: 0px;
border: none;
font-weight: 700;
font-family: "Open Sans",sans-serif !important;
border-bottom: solid 3px #3095B4;
}
.onboardcontent h3
{
font-size: 30px;
font-weight: lighter;
}
.onboardcontent{
font-family: "Open Sans",sans-serif !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
}
.card .header
{
background-color: #63CECA;
margin: auto;
padding: 20px;
text-align: center;
color: black;
font-size: 20px;
text-decoration: underline;
}
.card .header a
{
color: black;
}
.card h4 a:hover
{
color: white;
}
.card h4 a:focus
{
color: white;
}
.cardContent
{
padding: 20px;
}
.cardColumn {
flex-basis: 33%;
padding: 10px;
display: flex;
align-items: stretch;
justify-items: stretch;
justify-content: stretch;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 100%;
}
.cardContainer {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.cardContainer:after {
content: "";
display: table;
clear: both;
}
/* For smaller screen sizes */
@media (min-width: 100px) and (max-width: 950px)
{
.cardColumn {
flex: 0 0 95% !important;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
.card {
flex: 0 0 95%;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
}
}}
*{
box-sizing: border-box;
}
.titlebar {
background-size: 100% 100%;
background-position: 0px 0px;
background-image: linear-gradient(122deg, #004D71 72%, #CFDE00 72%, #CFDE00 72%, #CFDE00 74%, #333E48 74%);
height: 20px;
}
.menubar a:visited {
color: #FFFFFF;
}
.menubar {
background-color:#E0F5F4;
height: auto;
padding: 0;
margin: 0;
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 200;
}
.menubar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.menubar li {
display: inline-block;
color: #000000;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
}
.menubar li:hover {
background: #63CECA;
}
.menubar li:focus
{
background: #63CECA;
}
.menubar li a {
color: black;
padding: 20px;
}
.menubar li a:hover:not(.active) {
color: #000000;
}
.active {
color: #000000;
}
.headercontent h1 {
color: #004E6C;
font-size: 40px !important;
font-family: "Open Sans",sans-serif !important;
border: none;
font-weight: 700;
}
.headercontent p
{
color: #000000;
font-size: 20px;
font-family: "Open Sans",sans-serif !important;
}
.lgtoggle{
float: right;
border-radius: 10px;
border: 2px solid #3095B4;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 15px;
margin-top: 10px;
}
.onboardcontent h2
{
color: #000000;
font-size: 30px;
margin-top: 20px;
margin-bottom: 0px;
border: none;
font-weight: 700;
font-family: "Open Sans",sans-serif !important;
border-bottom: solid 3px #3095B4;
}
.onboardcontent h3
{
font-size: 30px;
font-weight: lighter;
}
.onboardcontent{
font-family: "Open Sans",sans-serif !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
}
.card .header
{
background-color: #63CECA;
margin: auto;
padding: 20px;
text-align: center;
color: black;
font-size: 20px;
text-decoration: underline;
}
.card .header a
{
color: black;
}
.card h4 a:hover
{
color: white;
}
.card h4 a:focus
{
color: white;
}
.cardContent
{
padding: 20px;
}
.cardColumn {
flex-basis: 33%;
padding: 10px;
display: flex;
align-items: stretch;
justify-items: stretch;
justify-content: stretch;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 100%;
}
.cardContainer {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.cardContainer:after {
content: "";
display: table;
clear: both;
}
/* For smaller screen sizes */
@media (min-width: 100px) and (max-width: 950px)
{
.cardColumn {
flex: 0 0 95% !important;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
.card {
flex: 0 0 95%;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
}
}}