MediaWiki:Mainpage.css

.index-Mainvisual { width: 100%; height: 45.10417vw; background: url(https://stpr-official.com/images/bg01_mv.png); background-repeat:repeat; background-size: 100%; position: relative; overflow: hidden; user-select: none; } .index-Mainvisual_Line { position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; right: 5px; bottom: 5px; left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: solid 1px #ff0040; }

.index-Mainvisual_Line_Inner { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 11px; right: 11px; bottom: 11px; left: 11px; outline: solid 2px #ff0040; width: calc(100% - 22px); height: calc(100% - 22px); } .index-Mainvisual_Logo { width: 28.1875vw; margin: 0 auto; position: absolute; top: -2.5%; right: 0; left: -1.5%; z-index: 4; } .index-Mainvisual_Logo img { width: 100%; height: auto; } .index-Mainvisual_Links { width: 97%; margin: 0 auto; position: absolute; top: 89%; left: 1%; z-index: 4; color: #000; } .index-Mainvisual_Character>div { position: absolute; } .index-Mainvisual_Character .satomi { width: 37.59375vw; height: 33.10417vw; top: 11.48958vw; left: 12.72917vw; filter: drop-shadow(12px 12px 7px rgba(102,119,204,0.5)); background: url(https://stpr-official.com/images/chara/01_satomi.png) 0 0/contain no-repeat; } .index-Mainvisual_Character .nanamori { width: 44.58333vw; height: 45.15625vw; top: 4.86458vw; left: 22.4375vw; filter: drop-shadow(12px 12px 7px rgba(238,0,34,0.5)); background: url(https://stpr-official.com/images/chara/02_nanamori.png) 0 0/contain no-repeat; } .index-Mainvisual_Character .jel { width: 47.125vw; height: 35.9375vw; top: -0.30625vw; left: 35.20833vw; filter: drop-shadow(12px 12px 7px rgba(255,237,34,0.5)); background: url(https://stpr-official.com/images/chara/03_jel.png) 0 0/contain no-repeat; } .index-Mainvisual_Character .colon { width: 56.21875vw; height: 52.01042vw; top: 13.6875vw; left: 47.59375vw; filter: drop-shadow(12px 12px 7px rgba(204,0,0,0.5)); background: url(https://stpr-official.com/images/chara/04_colon.png) 0 0/contain no-repeat; }

.index-Mainvisual_Character .root { width: 48.76042vw; height: 53.28125vw; top: 21.125vw; left: 13.16667vw; filter: drop-shadow(12px 12px 7px rgba(136,17,136,0.5)); background: url(https://stpr-official.com/images/chara/05_root.png) 0 0/contain no-repeat; } .index-Mainvisual_Character .rinu { width: -347vw; height: -507vw; /*left top x, left top y, right bottom x, right bottom y*/ /*left= left top x, top= left-top-y, width=right-bottom-x - left-top-x, height= right-bottom-y - left-top-y*/ top: 839vw; left: 1176vw; background: url(https://stpr-official.com/images/chara/06_rinu.png) 0 0/contain no-repeat; }

/*Coords      