CSS:Homepage.css: Difference between revisions
Ozycaevias (talk | contribs) (Created page with "→Yes this is blank. Homepage CSS coming soon.: ") |
Ozycaevias (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* | /* 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; }