Changes

209 bytes added ,  12:05, 19 January 2023
no edit summary
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;
 
}
 
}