Difference between revisions of "MediaWiki:Common.css"
From LINKS Community Center
Tag: Undo |
|||
| Line 2: | Line 2: | ||
/* Clickable tiles */ | /* Clickable tiles */ | ||
.click-tile { | .click-tile { | ||
| − | + | overflow: hidden; | |
} | } | ||
.click-tile a { | .click-tile a { | ||
| Line 37: | Line 37: | ||
.filtered .filtered-views { | .filtered .filtered-views { | ||
| − | + | flex: auto; | |
} | } | ||
| Line 47: | Line 47: | ||
/* 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 { | + | .links-tile { |
| − | + | display: flex; | |
| − | + | flex-direction: column; | |
| − | + | justify-content: center; | |
| − | + | align-items: center; | |
| − | + | background-color: var(--links-grey); | |
| − | + | color: white; | |
| − | + | height: 200px; | |
| − | + | text-decoration: none !important; | |
| − | + | transition: all 400ms; | |
| − | } | + | } |
| − | + | ||
| − | .links-tile:hover { | + | .links-tile svg { |
| − | + | width: 60px; | |
| − | + | height: 60px; | |
| − | } | + | } |
| − | /* NEW HOMEPAGE CSS START */ | + | |
| + | .links-tile:hover { | ||
| + | background-color: var(--links-orange); | ||
| + | color: var(--links-grey); | ||
| + | } | ||
| + | /* NEW HOMEPAGE CSS START */ | ||
Revision as of 16:17, 9 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; }
/* 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: white;
height: 200px;
text-decoration: none !important;
transition: all 400ms;
}
.links-tile svg {
width: 60px;
height: 60px;
}
.links-tile:hover {
background-color: var(--links-orange);
color: var(--links-grey);
}
/* NEW HOMEPAGE CSS START */