Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 40: Line 40:
}
}


/* SECTION RULES */
/* INTRO RULES */
/* ------------- */
/* ----------- */
.main-intro {
max-width: 1000px;
margin: 0 auto 20px auto;
text-align: center;
font-size: 1.05em;
line-height: 1.5;
}


.main-intro p {
margin: 0 0 12px 0;
}
/* SECTION BANNER RULES */
/* -------------------- */
.section-banner {
.section-banner {
text-align: center;
text-align: center;
margin: 48px auto 24px auto;
margin: 28px auto 12px auto;
}
}


Line 51: Line 65:
display: block;
display: block;
width: 100%;
width: 100%;
max-width: 900px;
max-width: 700px;
height: auto;
height: auto;
margin: 0 auto;
margin: 0 auto;
Line 88: Line 102:
.page-banner {
.page-banner {
text-align: center;
text-align: center;
margin-bottom: 24px;
margin: 8px auto 20px auto;
}
}


Line 94: Line 108:
display: block;
display: block;
width: 100%;
width: 100%;
max-width: 1200px;
max-width: 900px;
height: auto;
height: auto;
margin: 0 auto;
margin: 0 auto;
}
}


/* GRID FOUR */
/* GRID FOUR */
Line 105: Line 118:
display: grid;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
gap: 16px;
width: 100%;
width: 100%;
text-align: center;
text-align: center;
Line 113: Line 126:
.grid-four .grid-item {
.grid-four .grid-item {
display: grid;
display: grid;
grid-template-rows: 120px auto 1fr;
grid-template-rows: 90px auto 1fr;
align-items: start;
align-items: start;
}
}


.grid-four .grid-title {
.grid-four .grid-title {
font-size: 32px;
font-size: 26px;
margin: 0 0 12px 0;
margin: 0 0 8px 0;
padding: 0;
height: 90px;
height: 120px;
display: flex;
display: flex;
align-items: center;
align-items: center;
Line 135: Line 147:


.grid-four .grid-text {
.grid-four .grid-text {
margin-top: 10px;
margin-top: 8px;
font-size: 0.95em;
line-height: 1.45;
}
}


Line 144: Line 158:


.grid-four .grid-item {
.grid-four .grid-item {
grid-template-rows: 95px auto 1fr;
grid-template-rows: 80px auto 1fr;
}
}


.grid-four .grid-title {
.grid-four .grid-title {
font-size: 28px;
font-size: 24px;
height: 95px;
height: 80px;
}
}
}
}


/* GRID THREE */
/* GRID THREE */