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 39: Line 39:
}
}
}
}


/* INTRO RULES */
/* INTRO RULES */
Line 69: Line 70:
margin: 0 auto;
margin: 0 auto;
}
}


/* PAGE BANNER */
/* PAGE BANNER */
Line 83: Line 85:
margin: 0 auto;
margin: 0 auto;
}
}


/* PAGE BANNER MOBILE/DESKTOP */
/* PAGE BANNER MOBILE/DESKTOP */
Line 120: Line 123:
flex-direction: column;
flex-direction: column;
align-items: stretch;
align-items: stretch;
}
.grid-title {
font-variant: small-caps;
font-weight: bold;
line-height: 1.1;
text-align: center;
}
}


Line 137: Line 133:


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


/* IMAGE OVERLAY TITLE RULES */
/* ------------------------- */
.grid-image-wrap {
.grid-image-wrap {
position: relative;
position: relative;
Line 182: Line 184:
text-align: center;
text-align: center;
align-items: start;
align-items: start;
}
.grid-four .grid-item {
display: grid;
grid-template-rows: 90px auto 1fr;
align-items: start;
}
.grid-four .grid-title {
font-size: 26px;
margin: 0 0 8px 0;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
text-align: center;
overflow-wrap: break-word;
}
.grid-four .grid-item img {
border: 1px solid #777;
}
.grid-four .grid-text {
margin-top: 8px;
font-size: 0.95em;
line-height: 1.45;
}
}


Line 216: Line 190:
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
}


.grid-four .grid-item {
grid-template-rows: 80px auto 1fr;
}
.grid-four .grid-title {
font-size: 24px;
height: 80px;
}
}


/* GRID THREE */
/* GRID THREE */
Line 245: Line 211:


.grid-three .grid-title {
.grid-three .grid-title {
font-variant: small-caps;
font-weight: bold;
font-size: 28px;
font-size: 28px;
line-height: 1.1;
margin: 0 0 10px 0;
margin: 0 0 10px 0;
padding: 0;
height: 85px;
height: 85px;
display: flex;
display: flex;
Line 255: Line 223:
text-align: center;
text-align: center;
overflow-wrap: break-word;
overflow-wrap: break-word;
}
.grid-three .grid-item img {
border: 1px solid #777;
}
}