Line 11:
Line 11:
{{#css:
{{#css:
.headerbg {
.headerbg {
−
margin-top: 0px;
+
margin-top: 0px;
−
margin-right: 0px;
+
margin-right: 0px;
−
margin-bottom: 0px;
+
margin-bottom: 0px;
−
margin-left: 0px;
+
margin-left: 0px;
}
}
.toc
.toc
{
{
−
display: none;
+
display: none;
}
}
.digitalcontent {
.digitalcontent {
−
font-family: "Open Sans",sans-serif !important;
+
font-family: "Open Sans",sans-serif !important;
−
margin-top: 0px;
+
margin-top: 0px;
−
margin-right: 0px;
+
margin-right: 0px;
−
margin-bottom: 0px;
+
margin-bottom: 0px;
−
margin-left: 0px;
+
margin-left: 0px;
−
font-style: normal;
+
font-style: normal;
}
}
.headerbg h1 {
.headerbg h1 {
−
color: #006B64;
+
color: #006B64;
−
padding-bottom: 0px;
+
padding-bottom: 0px;
−
font-size: 40px !important;
+
font-size: 40px !important;
−
font-family: "Open Sans",sans-serif !important;
+
font-family: "Open Sans",sans-serif !important;
−
border: none;
+
border: none;
−
font-weight: 700;
+
font-weight: 700;
}
}
.digitalcontent h3
.digitalcontent h3
{
{
−
font-size: 30px;
+
font-size: 30px;
−
font-weight: lighter;
+
font-weight: lighter;
}
}
.digitalcontent h2
.digitalcontent h2
{
{
−
color: #000000;
+
color: #000000;
−
font-size: 30px;
+
font-size: 30px;
−
margin-top: 20px;
+
margin-top: 20px;
−
margin-bottom: 0px;
+
margin-bottom: 0px;
−
border: none;
+
border: none;
−
font-weight: 700;
+
font-weight: 700;
−
font-family: "Open Sans",sans-serif !important;
+
font-family: "Open Sans",sans-serif !important;
}
}
.headercontent p
.headercontent p
{
{
−
color: #000000;
+
color: #000000;
−
font-size: 20px;
+
font-size: 20px;
−
padding: 0;
+
padding: 0;
−
margin: 0;
+
margin: 0;
}
}
/* Remove extra left and right margins, due to padding in columns */
/* Remove extra left and right margins, due to padding in columns */
−
.row {margin: 0 -5px;
+
.row {
−
clear: both;
+
margin: 0 -5px;
−
display: flex;
+
clear: both;
−
flex-flow: row wrap;
+
display: flex;
+
flex-flow: row wrap;
}
}
.column {
.column {
−
flex: 0 0 25%;
+
flex: 0 0 25%;
−
display: flex;
+
display: flex;
−
padding: 10px;
+
padding: 10px;
}
}
/* Clear floats after the columns */
/* Clear floats after the columns */
.row:after {
.row:after {
−
content: "";
+
content: "";
−
display: table;
+
display: table;
−
clear: both;
+
clear: both;
}
}
Line 92:
Line 93:
.cards {
.cards {
−
height: 100px;
+
height: 100px;
−
max-width: 100px;
+
max-width: 100px;
−
max-height: 150px;
+
max-height: 150px;
}
}
.infobox
.infobox
{
{
−
border-radius: 10px;
+
border-radius: 10px;
−
border: 2px solid #00A196;
+
border: 2px solid #00A196;
−
padding-top: 10px;
+
padding-top: 10px;
−
padding-bottom: 10px;
+
padding-bottom: 10px;
−
padding-left: 20px;
+
padding-left: 20px;
−
padding-right: 20px;
+
padding-right: 20px;
−
margin-bottom: 15px;
+
margin-bottom: 15px;
−
margin-top: 10px;
+
margin-top: 10px;
}
}
−
.infoboxcontent
+
.infoboxcontent {
−
{
+
width: 95%;
−
width: 95%;
+
float: right;
−
float: right;
+
height: auto;
−
height: auto;
}
}
Line 124:
Line 124:
}
}
/* Style for projects */
/* Style for projects */
−
.thumbnail img
+
.thumbnail img {
−
{ display: block;
+
display: block;
−
margin-left: auto;
+
margin-left: auto;
−
margin-right: auto;}
+
margin-right: auto;
−
+
}
.thumbRow {
.thumbRow {
−
margin: 0 -5px;
+
margin: 0 -5px;
−
clear: both;
+
clear: both;
−
display: flex;
+
display: flex;
−
flex-flow: row wrap;
+
flex-flow: row wrap;
}
}
.thumbRow:after {
.thumbRow:after {
−
content: "";
+
content: "";
−
display: table;
+
display: table;
−
clear: both;
+
clear: both;
}
}
*{
*{
−
box-sizing: border-box;
+
box-sizing: border-box;
}
}
.thumbnail h4
.thumbnail h4
{
{
−
background-color: #52C765;
+
background-color: #52C765;
−
margin: auto;
+
margin: auto;
−
padding: 20px;
+
padding: 20px;
−
text-align: center;
+
text-align: center;
−
color: black;
+
color: black;
−
font-size: 20px;
+
font-size: 20px;
−
text-decoration: underline;
+
text-decoration: underline;
}
}
.thumbnail h4 a
.thumbnail h4 a
{
{
−
color: black;
+
color: black;
}
}
.thumbnail h4 a:hover
.thumbnail h4 a:hover
{
{
−
color: white;
+
color: white;
}
}
.thumbnail h4 a:focus
.thumbnail h4 a:focus
{
{
−
color: white;
+
color: white;
}
}
.thumbcontent
.thumbcontent
{
{
−
padding: 20px;
+
padding: 20px;
}
}
.thumbcolumn {
.thumbcolumn {
−
flex: 0 0 33.33%;
+
flex-basis: 33.33%;
−
padding: 10px; /* gutter width */
+
padding: 10px;
+
display: flex;
+
align-items: stretch;
+
justify-items: stretch;
+
justify-content: stretch;
}
}
.thumbnail {
.thumbnail {
−
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
width: 100%;
}
}
.txtPhase {
.txtPhase {
−
text-align: center;
+
text-align: center;
−
font-weight: bold;
+
font-weight: bold;
−
padding-bottom: 10px;
+
padding-bottom: 10px;
−
color: #000000;
+
color: #000000;
−
border-bottom: solid 2px #75DE86;
+
border-bottom: solid 2px #75DE86;
}
}