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