SCP財団

[フレーム]

@importurl('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
 
/*DEFAULTVALUES*/
 
div[style*="$size"]{height:1.5vmin;
 width:1.5vmin;
}div[class*="$textclass"]{display:none;
}
 
/*ICONSUBTITLES*/
 
.subtitlemap{position:absolute;
 color:#3d3d3d;
 pointer-events:none;
 font-size:1vmin !important;
 font-style:italic;
 transition:0.3s font-size;
 left:50%;
 transform: translate(-50%, 0);
 display:block;
 max-width:none !important;
 text-align:center;
 word-break:keep-all;
}.enlarge:hover.subtitlemap{font-size:0.4vmin !important;
 transition:0.15s font-size;
}
 
/*LEGENDS*/
 
.mainmap.subtitle{position:absolute;
 background-color:#ffffff;
 border:solid1px;
 bottom:0;
}.mainmap.subtitletable.wiki-content-table{margin:.5vmin;
 min-width:10vmin;
 width: fit-content;
}.mainmap.subtitletr{border-bottom:solid1pxgray;
}.mainmap.subtitletrtd{font-size:0.8em;
 font-weight:bold;
 border:0 !important;
 padding:.25vmin;
}.mainmap.subtitletr:first-childtd:first-child:hover{transform: scale(1);
}.mainmap.subtitletrtd:first-child{max-width:3vmin;
 width:3vmin;
 transition:all.2s;
}.mainmap.subtitletrtd:first-child:hover{transform: scale(5);
 z-index:2;
}.mainmap.subtitletrtd:nth-child(2) {text-align:right;
}
 
/*ICONNUMBER*/
 
.numbermap{top:0;
 position:absolute;
 height:100%;
 width:100%;
 display: flex;
 align-items:center;
 justify-content:center;
 font-family: 'Bungee';
 text-shadow: -0.1px0white, 00.1pxwhite, 0.1px0white, 0 -0.11pxwhite;
 color:#202020;
 font-size:0.3vmin;
}.numbermapp{height:100%;
 display:inline-block;
 transform: translatey(40%);
}
 
/*MAPS*/
 
.mainmap{display:table;
 height:auto;
 width:auto;
 position:relative;
}.secmap{height:0vw;
 width:0vw;
 max-width:none !important;
 position:absolute;
 top:50%;
 left:50%;
 transform: translate(-50%, -50%);
 z-index:10;
 opacity:0;
 transition:all0.3s;
}.maparea{position:absolute;
 z-index:1;
}.maparea:hover + .secmap{height:75vmin;
 width:75vmin;
 opacity:1;
 transition:all0.3s;
}.secmap:hover{height:75vmin;
 width:75vmin;
 opacity:1;
 transition:all0.3s;
 z-index:2;
}
 
/*ENLARGEICONS*/
 
.enlarge{height:1.5vmin;
 width:1.5vmin;
 background-size: contain !important;
 background-repeat:no-repeat;
 transform: translate(-50%, -50%);
 transition:all0.2s;
 position:absolute;
}.secmap.enlarge{pointer-events:none;
}.secmap:hover.enlarge{pointer-events:auto;
}.enlarge:hover{transform: translate(-50%, -50%) scale(7.5);
 z-index:2;
}.enlargep{margin:0;
}