MediaWiki:Common.css: Difference between revisions
From Thương mại - Thuong mai
Wikibadboy (talk | contribs) (Replaced content with "→CSS placed here will be applied to all skins: .card:hover {box-shadow: 0px 3px 3px 1px #888888;}") Tags: Replaced Manual revert |
Wikibadboy (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.card:hover {box-shadow: 0px 3px 3px 1px #888888;} | .card:hover {box-shadow: 0px 3px 3px 1px #888888;} | ||
/* SLIDESHOW */ | |||
.slideshow-container {max-width: 1000px; position: relative; margin: auto;} | |||
.mySlides {display: none;} | |||
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;} | |||
.next {right: 0; border-radius: 3px 0 0 3px;} | |||
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);} | |||
.text {color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;} | |||
.numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute;top: 0;} | |||
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;} | |||
.active, .dot:hover {background-color: #717171;} | |||
.fade {animation-name: fade; animation-duration: 1.5s;} | |||
@keyframes fade {from {opacity: .4} to {opacity: 1}} | |||
Revision as of 13:13, 27 January 2024
/* CSS placed here will be applied to all skins */
.card:hover {box-shadow: 0px 3px 3px 1px #888888;}
/* SLIDESHOW */
.slideshow-container {max-width: 1000px; position: relative; margin: auto;}
.mySlides {display: none;}
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
.text {color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
.numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute;top: 0;}
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #717171;}
.fade {animation-name: fade; animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
