MediaWiki: Common.css: Difference between revisions
From LINKS Community Center
Admin (talk | contribs) No edit summary |
Admin (talk | contribs) No edit summary |
||
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 15: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; }