MediaWiki:Homepage.css: Difference between revisions
Jump to navigation
Jump to search
Ozycaevias (talk | contribs) No edit summary |
Ozycaevias (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* Container for the top section of the page. */ | |||
.topCont { | |||
width:98%; | |||
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:0.5em; | |||
} | |||
/* Banner container across top of page. */ | |||
.mp-banner { | |||
display: flex; | |||
margin: 1em; | |||
align-items: flex-end; | |||
flex-wrap: wrap; | |||
} | |||
/* Welcome | |||
/* Container for the bottom section of the page. */ | /* Container for the bottom section of the page. */ | ||
.btmCont { | .btmCont { |
Revision as of 04:48, 15 January 2020
/* Container for the top section of the page. */
.topCont {
width:98%;
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:0.5em;
}
/* Banner container across top of page. */
.mp-banner {
display: flex;
margin: 1em;
align-items: flex-end;
flex-wrap: wrap;
}
/* Welcome
/* 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;
height: 100%;
padding: 0 6px;
}
/* Container boxes for the left-side content. */
.leftBox {
display: flex;
align-items: flex-start;
flex-flow: column nowrap;
flex: 3;
height: 100%;
padding: 0 6px;
}
/* Information container within the boxes. */
.infoSect {
background: #fcfcfc;
margin: 6px 0;
border: solid #eeeeee;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
padding: 10px;
}
/* Info container headers. */
.infoSect h2 {
margin: 4px 0 1px;
}
/* Communities box */
#infoSectCommunities {
width: 100%;
}
/* Communities box list */
#infoSectCommunities ul {
columns: 3;
list-style: none;
font-size: 1.2em;
text-align: center;
}