MediaWiki:Common.css: Difference between revisions
From The Seven Sages of Rome
No edit summary |
No edit summary |
||
Line 20: | Line 20: | ||
.card:hover { | .card:hover { | ||
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); | box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); | ||
background-color: rgb(29 78 216); | |||
} | } | ||
Revision as of 13:12, 8 February 2024
/* CSS placed here will be applied to all skins */
#mw-navigation {
border-bottom: 1px solid #e7e7e7;
background-color: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important;
-webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
}
.card {
height: 250px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
border-radius: 0.75rem;
}
.card .btn {
background-color: rgb(29 78 216);
color: white;
}
.card:hover {
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
background-color: rgb(29 78 216);
}
.card:hover .card-block .card-title{
color: white;
}
.card:hover .card-block .card-text{
color: white;
}
.card:hover .card-block .btn{
background-color: rgb(96 165 250);
color: black;
}
.card:hover .card-block .btn:hover{
background-color: rgb(59 130 246);
color: black;
}