63
edits
MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1,679: | Line 1,679: | ||
max-width: inherit !important; | max-width: inherit !important; | ||
height: inherit !important; | height: inherit !important; | ||
} | |||
/* Added stuff from RL output */ | |||
.perk-link { | |||
background: #09222F; | |||
border-radius: 111px; | |||
width: 35px; | |||
height: 35px; | |||
line-height: 30px; | |||
display: inline-table; | |||
margin-right: 5px; | |||
text-align: center; | |||
} | |||
.perk-link.perk-link-nobg { | |||
background: transparent; | |||
} | |||
.perk-link > a { | |||
vertical-align: middle; | |||
} | |||
.perk-link .perk-link-rank { | |||
position: relative; | |||
top: -26px; | |||
left: 5px; | |||
margin-bottom: -28px; | |||
line-height: 0; | |||
float: left; | |||
} | |||
.perk-background { | |||
background: #09222F; | |||
} | |||
.navbox .perk-link img { | |||
max-height: initial; | |||
} | |||
.tile { | |||
background: #ffffff; | |||
border: 1px solid #e4eaee; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
padding: 1.5em 2em 1em; | |||
} | |||
.tile h2 { | |||
font-weight: 600; | |||
border: none; | |||
margin-top: 0.4em; | |||
} | |||
.tile .byline + h2 { | |||
margin-top: -0.5em; | |||
} | |||
.byline { | |||
font-size: 0.9em; | |||
color: #949eaa; | |||
} | |||
.byline a { | |||
color: #949eaa; | |||
} | |||
.tile-halves { | |||
border: 1px solid #e4eaee; | |||
background: #ffffff; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | |||
.tile-halves .byline + h2 { | |||
margin-top: -0.5em; | |||
} | |||
.tile-top { | |||
padding: 1.3rem 1.5rem 2rem; | |||
} | |||
.tile-top.tile-image { | |||
background-color: #949eaa; | |||
padding: 0; | |||
} | |||
.tile-bottom { | |||
background: #ffffff; | |||
border-top: 1px solid #e4eaee; | |||
padding: 1rem 1.5rem 2rem; | |||
} | |||
.tile-bottom.read-more { | |||
background: #f9fafa; | |||
padding: 0; | |||
transition: 0.3s ease-out; | |||
} | |||
.tile-bottom.read-more a { | |||
display: block; | |||
color: #949eaa; | |||
font-weight: bold; | |||
text-align: right; | |||
padding: 1em 1.75em; | |||
text-decoration: none; | |||
} | |||
.tile-bottom.read-more:hover { | |||
background: #f2f4f4; | |||
} | |||
.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 { | |||
float: none !important; | |||
padding: 0.5em 2em; | |||
} | |||
.tile.oswf-day h2 { | |||
margin-right: auto; | |||
margin-left: auto; | |||
margin-top: -0.5em; | |||
} | |||
.oswf-tile { | |||
margin-bottom: 1em; | |||
} | |||
.oswf-tile h2 { | |||
clear: none !important; | |||
margin-top: 0; | |||
padding-top: 0.2em !important; | |||
} | |||
.oswf-tile .oswf-img { | |||
display: block; | |||
max-width: 75px; | |||
float: right; | |||
} | |||
.oswf-tile .oswf-img img { | |||
max-width: 100%; | |||
height: auto !important; | |||
} | } | ||