CSS:Homepage.css: Difference between revisions

Jump to navigation Jump to search
 
No edit summary
 
Line 1: Line 1:
/* Yes this is blank. Homepage CSS coming soon. */
/* CSS for the Main Page. */
 
/* Container for the bottom section of the page. */
.btmCont {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-flow: row-reverse wrap;
}
 
/* Container boxes for the right-side content. */
.rightBox {
display: flex;
align-items: flex-start;
flex-flow: column nowrap;
flex: 1;
}
 
/* Container boxes for the left-side content. */
.leftBox {
display: flex;
align-items: flex-start;
flex-flow: column nowrap;
flex: 3;
}
 
/* Information container within the boxes. */
.infoSect {
background:#fcfcfc;
margin:1.2em 0 3px 0;
border: solid #eeeeee;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
padding: 10px;
margin: 6px;
}
 
/* Info container headers. */
.infoSect h2 {
margin:4px 0 1px;
}

Latest revision as of 05:45, 11 January 2020

/* CSS for the Main Page. */

/* Container for the bottom section of the page. */ .btmCont { display: flex; justify-content: space-around; align-items: flex-start; flex-flow: row-reverse wrap; }

/* Container boxes for the right-side content. */ .rightBox { display: flex; align-items: flex-start; flex-flow: column nowrap; flex: 1; }

/* Container boxes for the left-side content. */ .leftBox { display: flex; align-items: flex-start; flex-flow: column nowrap; flex: 3; }

/* Information container within the boxes. */ .infoSect { background:#fcfcfc; margin:1.2em 0 3px 0; border: solid #eeeeee; border-width: 1px 1px 0.2em; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); padding: 10px; margin: 6px; }

/* Info container headers. */ .infoSect h2 { margin:4px 0 1px; }