Difference between revisions of "MediaWiki:Common.css"
From LINKS Community Center
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Styling for filtered results format */ | /* Styling for filtered results format */ | ||
.filtered { | .filtered { | ||
− | + | display: flex; | |
− | + | flex-direction: row-reverse; | |
} | } | ||
.filtered .filtered-views { | .filtered .filtered-views { | ||
− | + | flex: auto; | |
} | } | ||
.filtered .filtered-filters { | .filtered .filtered-filters { | ||
− | + | width: 300px; | |
− | + | margin: 1em 0 0 1em; | |
} | } | ||
/* Width for discourse topics list on front-page */ | /* Width for discourse topics list on front-page */ | ||
− | d-topics-list iframe{ | + | d-topics-list iframe { |
− | + | width: 700px !important; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
} | } | ||
/* NEW HOMEPAGE CSS START */ | /* NEW HOMEPAGE CSS START */ | ||
:root { | :root { | ||
− | + | --links-grey: #415262; | |
− | + | --links-orange: #ee7802; | |
− | + | --links-blue: #1980c3; | |
− | + | --links-cyan: #34b8b8; | |
− | + | } | |
− | + | ||
− | + | .links-tile { | |
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | justify-content: center; | |
− | + | align-items: center; | |
− | + | background-color: var(--links-grey); | |
− | + | color: var(--links-cyan); | |
− | + | height: 200px; | |
− | + | text-decoration: none !important; | |
− | + | transition: all 400ms; | |
− | + | } | |
− | + | ||
− | + | .links-tile:hover { | |
− | + | background-color: var(--links-orange); | |
− | + | color: var(--links-grey); | |
− | + | } | |
− | + | /* NEW HOMEPAGE CSS START */ | |
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 16:22, 9 September 2021
/* CSS placed here will be applied to all skins */ /* 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; } /* Width for discourse topics list on front-page */ d-topics-list iframe { width: 700px !important; margin-left: auto; margin-right: auto; } /* NEW HOMEPAGE CSS START */ :root { --links-grey: #415262; --links-orange: #ee7802; --links-blue: #1980c3; --links-cyan: #34b8b8; } .links-tile { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: var(--links-grey); color: var(--links-cyan); height: 200px; text-decoration: none !important; transition: all 400ms; } .links-tile:hover { background-color: var(--links-orange); color: var(--links-grey); } /* NEW HOMEPAGE CSS START */