MediaWiki:Common.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Background.css|MediaWiki:Comparison.css|MediaWiki:DidYouKnow.2.css|MediaWiki:Tournaments.css");

.book-container { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; perspective: 1200px; color: black; }

.book { transform-style: preserve-3d; position: relative; height: 300px; cursor: pointer; backface-visibility: visible; }

.front, .back, .page1, .page2, .page3, .page4, .page5, .page6 { transform-style: preserve-3d; position: absolute; width: 200px; height: 100%; top: 0; left: 0; transform-origin: left center; transition: transform .5s ease-in-out, box-shadow .35s ease-in-out; }

.front, .back { background: navy; }

.front, .page1, .page3, .page5 { border-bottom-right-radius: .5em; border-top-right-radius: .5em; }

.back, .page2, .page4, .page6 { border-bottom-right-radius: .5em; border-top-right-radius: .5em; }

.page1 { background: #efefef; }

.page2 { background: #efefef; }

.page3 { background: #f5f5f5; }

.page4 { background: #f5f5f5; }

.page5 { background: #fafafa; }

.page6 { background: #fdfdfd; }

.book:hover .front { transform: rotateY(-160deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .page1 { transform: rotateY(-150deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .page2 { transform: rotateY(-30deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .page3 { transform: rotateY(-140deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .page4 { transform: rotateY(-40deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .page5 { transform: rotateY(-130deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .page6 { transform: rotateY(-50deg) scale(1.1); box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2); }

.book:hover .back { transform: rotateY(-20deg) scale(1.1); }

.fantastic .interactive-maps .leaflet-container { margin:10px; position:relative; min-height:280px; box-shadow: 0px 0px 8px #272727, inset 0px 0px 120px #272727; background: #fff; } .fantastic .interactive-maps .leaflet-container::before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-style:solid; border-width:140px 140px; -moz-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 150 150 repeat; -webkit-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 150 150 repeat; -o-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 150 150 repeat; border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 150 150 fill repeat; pointer-events:none; z-index:405; }

.fantastic .interactive-maps .interactive-maps__filters-list { width:160px; }

.fantastic .interactive-maps .leaflet-popup-content-wrapper { position:relative; box-shadow:0px 0px 16px #272727; border:0; background:#fff; } .fantastic .interactive-maps .leaflet-popup-content-wrapper::before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-style:solid; border-width:40px 40px; -moz-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 80 80 repeat; -webkit-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 80 80 repeat; -o-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 80 80 repeat; border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/6/6e/Fantasticborder.png) 80 80 fill repeat; pointer-events:none; z-index:405; margin:-5px; }

.fantastic .interactive-maps .interactive-maps__filters-list::after { content:""; position:inherit; min-height:110px; background:url(https://static.wikia.nocookie.net/miyadaiku/images/7/7f/Niffler.png) no-repeat center top; background-size:cover; pointer-events:none; display:flex; margin-top:80px; margin-left:100px; margin-right:-120px; }

.kimetsu .interactive-maps .leaflet-container { margin:10px; position:relative; min-height:280px; box-shadow:0px 0px 8px #d5d5d5,inset 0px 0px 120px #d5d5d5; background: #fff; } .kimetsu .interactive-maps .leaflet-container::before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-style:solid; border-width:140px 140px; -moz-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 150 150 repeat; -webkit-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 150 150 repeat; -o-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 150 150 repeat; border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 150 150 fill repeat; pointer-events:none; z-index:405; }

.kimetsu .interactive-maps .interactive-maps__filters-list { width:160px; }

.kimetsu .interactive-maps .leaflet-popup-content-wrapper { position:relative; box-shadow:0px 0px 16px #8a8a8a; border:0; background:#fff; }

.kimetsu .interactive-maps .leaflet-popup-content-wrapper::before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-style:solid; border-width:40px 40px; -moz-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 80 80 repeat; -webkit-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 80 80 repeat; -o-border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 80 80 repeat; border-image:url(https://static.wikia.nocookie.net/miyadaiku/images/3/36/Kimetsu-Border.png) 80 80 fill repeat; pointer-events:none; z-index:405; margin:-5px; }