MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 63: | Line 63: | ||
border: 1px solid black; | border: 1px solid black; | ||
transform: scale(1.05); | transform: scale(1.05); | ||
} | |||
.company-cards { | |||
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 #all-reports > 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 #all-reports > ul > li p.tip { | |||
font-size: 1em; | |||
font-weight: 700; | |||
} | |||
.cards #all-reports > ul > li p.second-text { | |||
font-size: .7em; | |||
} | |||
.cards #all-reports > ul > li:hover { | |||
transform: scale(1.1, 1.1); | |||
} | |||
.cards:hover > .card:not(:hover) { | |||
filter: blur(10px); | |||
transform: scale(0.9, 0.9); | |||
} | } |
Revision as of 18:27, 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 {
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 #all-reports > 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 #all-reports > ul > li p.tip {
font-size: 1em;
font-weight: 700;
}
.cards #all-reports > ul > li p.second-text {
font-size: .7em;
}
.cards #all-reports > ul > li:hover {
transform: scale(1.1, 1.1);
}
.cards:hover > .card:not(:hover) {
filter: blur(10px);
transform: scale(0.9, 0.9);
}