Difference between revisions of "MediaWiki:Common.css"
From LINKS Community Center
Line 30: | Line 30: | ||
.click-tile-content p { margin-top: 10px; } | .click-tile-content p { margin-top: 10px; } | ||
− | /* Do not show title on landing page */ | + | /* Do not show title on landing page (From: https://www.semantic-mediawiki.org/wiki/Help:Filtered_format#Skinning) */ |
body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; } | body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; } | ||
/* Styling for filtered results format */ | /* Styling for filtered results format */ | ||
− | .filtered | + | .filtered { |
− | + | display: flex; | |
− | + | flex-direction: row-reverse; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | .filtered | + | .filtered .filtered-views { |
− | .filtered- | + | flex: auto; |
− | + | } | |
− | + | ||
− | + | .filtered .filtered-filters { | |
− | + | width: 300px; | |
− | + | margin: 1em 0 0 1em; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Revision as of 16:07, 1 September 2021
/* CSS placed here will be applied to all skins */ /* Clickable tiles */ .click-tile { overflow: hidden; } .click-tile a { height: 100%; display: block; padding: 2em; background-color: #334150 !important; transition: all 400ms; } .click-tile a:hover { background-color: #E76307 !important; } .click-tile-icon { margin-bottom: 30px; display: block; text-align: center; color: #fff; } .click-tile-icon img { height: 64px; } .click-tile-title { margin: 0; text-align: center; color: #fff; } .click-tile-title:nth-child(n+2) { margin-top: .5em; } .click-tile-content { color: #fff; } .click-tile-content p { margin-top: 10px; } /* Do not show title on landing page (From: https://www.semantic-mediawiki.org/wiki/Help:Filtered_format#Skinning) */ body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; } /* Styling for filtered results format */ .filtered { display: flex; flex-direction: row-reverse; } .filtered .filtered-views { flex: auto; } .filtered .filtered-filters { width: 300px; margin: 1em 0 0 1em; }