MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 6,236: | Line 6,236: | ||
background-image: url(""); | background-image: url(""); | ||
} | } | ||
/*Guild Profile Tiles*/ | |||
.guild-pf { | |||
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); | |||
} | |||
.guild-pf h2 { | |||
font-size: 1.4em; | |||
font-weight: bold; | |||
border: none; | |||
margin: 0 0 0.4em; | |||
} | |||
.guild-pf .byline + h2 { | |||
margin-top: -0.5em; | |||
} | |||
.guild-pf { | |||
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; | |||
} | |||
.tile-bottom.read-more { | |||
background: #f9fafa; | |||
transition: 0.3s ease-out; | |||
} | |||
.tile-bottom.read-more a { | |||
color: #949eaa; | |||
font-weight: bold; | |||
text-align: right; | |||
} | |||
.tile-bottom.read-more:hover { | |||
background: #f2f4f4; | |||
} | |||
.tile-bottom.read-more:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.tile-bottom.read-more .arrow { | |||
filter: invert(43%) sepia(50%) hue-rotate(175deg); | |||
margin-left: 0.4em; | |||
transition: 0.3s ease-out; | |||
} | |||
.tile.oswf-day { | |||
margin-left: 0.5em; | |||