Main.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with ".mw-page-title-main { font-family: Philosopher,sans-serif }") |
No edit summary |
||
Line 1: | Line 1: | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: Philosopher,sans-serif | font-family: Philosopher,sans-serif | ||
} | |||
.tile-halves { | |||
display: flex; | |||
flex-flow: row wrap; | |||
border: 1px solid #000000; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | |||
.tile-row { | |||
display: flex; | |||
flex-flow: row wrap; | |||
margin-bottom: 1em; | |||
} | |||
.tile-top { | |||
width: 100%; | |||
padding: 1.3rem 1.5rem 0.6rem; | |||
} | |||
.tile-top.tile-image { | |||
display: flex; | |||
align-items: center; | |||
overflow: hidden; | |||
padding: 0; | |||
height: 13vw; | |||
max-height: 12em; | |||
transition: 0.4s ease-out; | |||
} | |||
.tile-bottom { | |||
background: #FAFAFA; | |||
border-top: 1px solid #000000; | |||
width: 100%; | |||
padding: 1rem 1.5rem 0.6rem; | |||
} | |||
.tile-bottom.link-button { | |||
align-self: flex-end; | |||
padding: 0; | |||
} | |||
.mainpage-contents .tile-halves { | |||
flex: 1; | |||
} | } |
Revision as of 21:47, 30 May 2024
.mw-page-title-main {
font-family: Philosopher,sans-serif
}
.tile-halves {
display: flex; flex-flow: row wrap; border: 1px solid #000000; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); }
.tile-row {
display: flex; flex-flow: row wrap; margin-bottom: 1em;
}
.tile-top {
width: 100%; padding: 1.3rem 1.5rem 0.6rem;
}
.tile-top.tile-image {
display: flex; align-items: center; overflow: hidden; padding: 0; height: 13vw; max-height: 12em; transition: 0.4s ease-out;
}
.tile-bottom {
background: #FAFAFA; border-top: 1px solid #000000; width: 100%; padding: 1rem 1.5rem 0.6rem;
}
.tile-bottom.link-button {
align-self: flex-end; padding: 0;
}
.mainpage-contents .tile-halves {
flex: 1;
}