MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 69: | Line 69: | ||
.company-cards { | .company-cards { | ||
justify-content: center; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; |
Revision as of 18:33, 16 July 2023
/* CSS placed here will be applied to all skins */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading {
display: none;
}
/*
#all-reports > ul {
list-style-type: none;
columns: 3 auto;
}
#all-reports > ul > li {
text-align: center;
padding: 5px;
border: 2px solid gray;
border-radius: 5px;
font-size: 20px;
transition: 0.5s;
}
#all-reports > ul > li:hover {
font-size: 25px;
transition: 0.5s;
transition-timing-function: ease-in-out;
border-color: #87cecd;
}
#all-reports > ul > li > a {
color: gray;
}
#all-reports > ul > li:hover > a {
color: #87cecd;
transition: 0.5s;
}
*/
a.external:after {
display: none !important;
}
.card {
box-sizing: border-box;
background: rgba(217, 217, 217, 0.58);
border: 1px solid white;
box-shadow: 12px 17px 51px rgba(0, 0, 0, 0.22);
backdrop-filter: blur(6px);
border-radius: 17px;
text-align: center;
cursor: pointer;
transition: all 0.5s;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
font-weight: bolder;
color: black;
}
.card:hover {
border: 1px solid black;
transform: scale(1.05);
}
.company-cards {
justify-content: center;
display: flex;
flex-direction: column;
gap: 15px;
}
.company-cards .red {
background-color: #f43f5e;
}
.company-cards .blue {
background-color: #3b82f6;
}
.company-cards .green {
background-color: #22c55e;
}
.company-cards > ul > li {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
height: 100px;
width: 250px;
border-radius: 10px;
color: white;
cursor: pointer;
transition: 400ms;
}
.company-cards > ul > li {
font-size: 1em;
font-weight: 700;
}
.company-cards > ul > li {
font-size: .7em;
}
.company-cards > ul > li:hover {
transform: scale(1.1, 1.1);
}
.company-cards:hover > ul > li:not(:hover) {
filter: blur(5px);
transform: scale(0.9, 0.9);
}