MediaWiki:Common.css: Difference between revisions
Content added Content deleted
mNo edit summary |
mNo edit summary |
||
| Line 265: | Line 265: | ||
/* @noflip */ |
/* @noflip */ |
||
text-align: left; |
text-align: left; |
||
} |
|||
/* ##################### Main structure v2 ##################### */ |
|||
.mainpage-body { |
|||
display: flex; |
|||
flex-flow: row wrap; |
|||
} |
|||
.mainpage-body h2 a { |
|||
color: #444e5a; |
|||
} |
|||
.mainpage-body .tile { |
|||
padding-left: 1.75em; |
|||
padding-right: 1.75em; |
|||
max-width: 100%; |
|||
} |
|||
.mainpage-body .tile-row { |
|||
width: 100%; |
|||
margin-bottom: 0.9rem; |
|||
} |
|||
/* ##################### Main page tiles ##################### */ |
|||
.mainpage-big-tiles .tile-halves { |
|||
flex: 1; |
|||
align-content: flex-start; |
|||
margin-right: 0.9rem; |
|||
} |
|||
.mainpage-big-tiles .tile-halves:hover .tile-top img { |
|||
transform: scale(1.04); |
|||
} |
|||
.mainpage-big-tiles .tile-halves:last-child { |
|||
margin-right: 0; |
|||
} |
|||
.mainpage-big-tiles .tile-bottom.link-button a { |
|||
text-align: left; |
|||
padding: 1rem 1.5rem 0.75rem; |
|||
} |
|||
.mainpage-big-tiles h2 { |
|||
margin: -0.5em 0 0.3em; |
|||
} |
|||
.mainpage-big-tiles p:not(.byline) { |
|||
font-size: 0.9em; |
|||
line-height: 1.75em; |
|||
color: #444e5a; |
|||
} |
|||
.tile-row { |
|||
display: flex; |
|||
flex-flow: row wrap; |
|||
margin-bottom: 1em; |
|||
} |
|||
.tile-halves { |
|||
display: flex; |
|||
flex-flow: row wrap; |
|||
border: 1px solid #e4eaee; |
|||
background: #ffffff; |
|||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); |
|||
} |
|||
.tile-halves h2 { |
|||
font-size: 1.4em; |
|||
font-weight: bold; |
|||
border: none; |
|||
margin: 0 0 0.4em; |
|||
} |
|||
.tile-halves .byline + h2 { |
|||
margin-top: -0.5em; |
|||
} |
|||
.tile-top { |
|||
width: 100%; |
|||
padding: 1.3rem 1.5rem 0.6rem; |
|||
} |
|||
.tile-top.tile-image { |
|||
display: flex; |
|||
align-items: center; |
|||
background-color: #949eaa; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
height: 13vw; |
|||
max-height: 12em; |
|||
} |
|||
.tile-top.tile-image a { |
|||
width: 100%; |
|||
} |
|||
.tile-top.tile-image img { |
|||
width: 100%; |
|||
height: auto; |
|||
transition: 0.4s ease-out; |
|||
} |
|||
.tile-bottom { |
|||
background: #ffffff; |
|||
border-top: 1px solid #e4eaee; |
|||
width: 100%; |
|||
padding: 1rem 1.5rem 0.6rem; |
|||
} |
|||
.tile-bottom.link-button { |
|||
align-self: flex-end; |
|||
padding: 0; |
|||
} |
|||
.tile-bottom.link-button a { |
|||
display: block; |
|||
text-align: center; |
|||
padding: 0.75em 1.5em 0.8em; |
|||
text-decoration: none; |
|||
} |
|||
.byline { |
|||
font-size: 0.9em; |
|||
color: #949eaa; |
|||
} |
|||
.byline a { |
|||
color: #949eaa; |
|||
} |
} |
||