PRTS

微件:Mpstyle/sandbox

<style> .skin-vector h2 { 

   border-bottom: 2px solid #343434;

} .skin-minerva h3 { 

   border-bottom: 2px solid #343434;

} 

 /* 亮点干员 */

.mp-operators { 

   font-size: 16px;
   color: #343434;
   font-weight: bold;

}

.mp-operators-content { 

   display: inline-block;
   margin-right: 8px;

}

.mp-operators-title { 

   border-bottom: 2px solid #343434;
   width: 100%;

}

.mp-operators-icons { 

   margin-top: 4px;

} 

 /* END */

 /* 行动日历 */

.mp-status-light { 

   animation: 6s ease 0s infinite status-light;

}

@keyframes status-light { 

   0% {
       opacity: 0;
   }

   30% {
       opacity: 1;
   }

   70% {
       opacity: 1;
   }

   100% {
       opacity: 0;
   }

} 

 /* END */

.weekly-indicator { 

   text-align: center;
   width: 95px;
   height: 22px;
   line-height: 22px;
   font-size: 22px;
   position: absolute;
   bottom: 24px;
   color: white;

}

.mp-bili-follow-btn a { 

   padding: 8px 16px;
   background: #00a1d6;
   box-shadow: 0 4px 4px rgba(127, 127, 127, .3);
   background-image: none !important;

}

.mp-bili-follow-btn a:hover { 

   background: #00b5e5;

}

.mp-siteinfo-btn { 

   margin-left: 8px;

}

.mp-siteinfo-btn a { 

   display: inline-block;
   color: #fff !important;
   font-size: 16px;
   border-radius: 4px;
   transition: 0.2s;
   text-decoration: none;
   margin-top: 2px;
   margin-bottom: 6px;

}

.mp-siteinfo-btn a:hover { 

   text-decoration: none;

}

.mp-bili-charge-btn a { 

   padding: 8px 16px;
   background: #f25d8e;
   box-shadow: 0 4px 4px rgba(255, 112, 159, .3);

}

.mp-bili-charge-btn a:hover { 

   background: #ff709f;

}

.mp-double-donate-btn a { 

   padding: 8px;
   background: linear-gradient(to right, #44b549, #00aaee);
   box-shadow: 0 4px 4px rgba(127, 127, 127, .3);

}

.mp-double-donate-btn a:hover { 

   background: linear-gradient(to right, #88cf8b, #5cc8f4);

}

.mp-m-siteinfo-btn { 

   margin-left: 2px;

}

.mp-m-siteinfo-btn a { 

   display: inline-block;
   color: #fff !important;
   font-size: 12px;
   border-radius: 3px;
   transition: 0.2s;
   text-decoration: none;
   margin-top: 1px;
   margin-bottom: 1px;

}

.mp-m-siteinfo-btn a:hover { 

   text-decoration: none;

}

.mp-m-bili-charge-btn a { 

   padding: 4px 8px;
   background: #f25d8e;
   box-shadow: 0 2px 2px rgba(255, 112, 159, .3);

}

.mp-m-bili-charge-btn a:hover { 

   background: #ff709f;

}

.mp-m-double-donate-btn a { 

   padding: 4px;
   background: linear-gradient(to right, #44b549, #00aaee);
   box-shadow: 0 2px 2px rgba(127, 127, 127, .3);

}

.mp-m-double-donate-btn a:hover { 

   background: linear-gradient(to right, #88cf8b, #5cc8f4);

}

.mp-m-bili-follow-btn a { 

   padding: 4px 8px;
   background: #00a1d6;
   box-shadow: 0 2px 2px rgba(127, 127, 127, .3);
   background-image: none !important;

}

.mp-m-bili-follow-btn a:hover { 

   background: #00b5e5;

}

.mp-container-left { 

   display: inline-block;
   width: 58%;

}

.mp-extranav ul, .mp-siteinfo ul { 

   margin-left: 40px;

}

.skin-minerva .mp-extranav ul { 

   margin-top: 5px;

}

.mp-mobile-extranav ul, .mp-mobile-siteinfo ul { 

   margin-left: 5%;

}

.mp-extranav li, .mp-siteinfo li { 

   margin-bottom: 0.2em;
   font-size: 1.1em;

}

.mp-mobile-extranav ul li, .mp-mobile-siteinfo ul li { 

   margin-top: 10px;
   margin-bottom: 0;

}

.mp-mobile-extranav li { 

   font-size: small;

}

.mp-extranav ul, .mp-mobile-extranav ul { 

   display: grid;
   grid-template-columns: 1fr 1fr;

}

.mp-extranav a, .mp-extranav a:visited { 

   color: #024490;

}

.mp-extranav { 

   width: 95%;

}

.mp-extranav ul { 

   grid-template-columns: 1fr;

}

.mp-mobile-common { 

   margin: 18px 1% 0 1%;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   padding: 8px;

}

.mp-mobile-common h3 { 

   display: block !important;
   font-weight: normal;
   color: #4487DF;
   border-bottom: 1px solid #4487DF;
   padding: 0;
   margin-bottom: 8px;

}

.mp-container-right { 

   display: inline-block;
   width: 41%;
   vertical-align: top;

}

.mp-gachapool-image a > img { 

   width: 100%;
   max-width: 800px;
   height: 100%;

}

.mp-event-image a > img { 

   width: 100%;
   max-width: 800px;
   height: 100%;

}

.mp-operator-image { 

   margin: 0 0 0.5em 2.0em;

}

.mp-container-right h3 .mw-editsection { 

   display: none;

}

.mp-today p { 

   margin-left: 30px !important;
   position: relative;

}

.mp-mobile-today-container p { 

   margin: 4px 2px 0px 26px;
   font-size: small;
   position: relative;

}

.mp-today p:before, .mp-mobile-today-container p:before { 

   content: "\f22d";
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   width: 20px;
   text-align: center;
   margin-right: 4px;
   position: absolute;
   left: -24px;
   top: 4px;

}

.mp-today p.mp-today-cn:before, .mp-mobile-today-container p.mp-today-cn:before { 

   content: "";
   display: inline-block;
   background: url(/images/4/44/%E4%B8%AD%E5%9B%BD%E5%9B%BD%E6%97%97-%E5%B0%8F.png) no-repeat;
   width: 18px;
   height: 12px;
   border: 1px solid #c8ccd1;

}

.mp-today p.mp-today-jp:before, .mp-mobile-today-container p.mp-today-jp:before { 

   content: "";
   display: inline-block;
   background: url(/images/c/c7/%E6%97%A5%E6%9C%AC%E5%9B%BD%E6%97%97-%E5%B0%8F.png) no-repeat;
   width: 18px;
   height: 12px;
   border: 1px solid #c8ccd1;

}

.mp-today p.mp-today-us:before, .mp-mobile-today-container p.mp-today-us:before { 

   content: "";
   display: inline-block;
   background: url(/images/2/27/%E7%BE%8E%E5%9B%BD%E5%9B%BD%E6%97%97-%E5%B0%8F.png) no-repeat;
   width: 18px;
   height: 12px;
   border: 1px solid #c8ccd1;

}

.mp-today div.mp-today-jp:before, .mp-mobile-today-container div.mp-today-jp:before { 

   content: "";
   display: inline-block;
   background: url(/images/c/c7/%E6%97%A5%E6%9C%AC%E5%9B%BD%E6%97%97-%E5%B0%8F.png) no-repeat;
   width: 18px;
   height: 12px;
   border: 1px solid #c8ccd1;

}

.mp-today p { 

   margin-left: 2%;
   margin-right: 2%;

}

.skin-minerva .mp-siteinfo { 

   margin-top: 5px;

}

.mp-extranav ul, .mp-siteinfo ul, .mp-mobile-extranav ul, .mp-mobile-siteinfo ul { 

list-style-type: disc;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAACXBIWXMAAD2EAAA9hAHVrK90AAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA2LTE0VDIwOjA5OjMzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNi0xNFQyMDozMTo1MyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNi0xNFQyMDozMTo1MyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiZTcwNmNjZi1mZWNmLTVmNDItYWJjNi1jYjA3MjI3NGY5M2YiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MGU2Nzg3OS04ODNhLTRlNGUtOGY2Yi02MDM2NDQ4MGRkZmEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTYzYzI3Ni01MjMwLTFhNDctODc0OS1lZjcxYmM5YmFkY2MiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhhNjNjMjc2LTUyMzAtMWE0Ny04NzQ5LWVmNzFiYzliYWRjYyIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xNFQyMDowOTozMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZTcwNmNjZi1mZWNmLTVmNDItYWJjNi1jYjA3MjI3NGY5M2YiIHN0RXZ0OndoZW49IjIwMjAtMDYtMTRUMjA6MzE6NTMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5z1LIYAAACwklEQVQ4y62US2gTURSGT17No0mTmKR5NG0ek0fzbt7QJm2alYJd1ARJcJO4qBAXRZeuClm6EJfixqVSBRGyMVsfCxciuhIsFER3ImorQu31vyNKZpKCCwc+Zpi5559z7n/OJcYY/Q9odnZ2DJvNNh0MBs+3220/njfUavVlk8mkMxqNZ/x+vxPfKBAISKCpqakxVCpVwuV2H+RyuQ2T0XhLp9O9MhgMFiJ67vP5mrFYjKLRqARaXFyUEI/HaX5+voYgJgjCOb1ev6tUKl8jI/yWPrjd7muhUIh4VqNMFFpYWGhyIafT+c1utx9ZrdZjLD7UaDRsZmbmusPhUOA9jUJcfZRIJEIej+cKF0IWDBkxrVbLzGYz4+/m5ubuYo1WHkeZTFpCNrukFoTgbR40CWT0AhmYYAKNQjqdVo5GpVLesVgsbGVl5bjRaLBqtcrLFDPDfr2FixZAoxACJKAEOoUrlUrdbLVaXwqFglgW3GSG6ekH8UQiki8UKJvLSRgTQurk9XoJNp9FKd9Hy0JJ20vZLOXy+XGhLD7IKRaLXGxHvj92m+1RNBIxhQSB5FC5XB6jUqkY0AL35ULY1DdwzIf+Ijli38BSsZw/QMSLfXkpF8Kmfka3p9fW1ggGiPBnrCdCqmRDQ9XW1wkOUbPZpNXV1RQCP9Xrdba8vCwRS6fTp2u12r8JIXiDB/X7fdbtdhk6m1v/FRyhjJ1MJkPJZJLgqDgNaI3fQi6Xi8K4Y7LFBXD/aqfTYXt7ezwDMROMxwGEfuDvuwjU8rHgppwohCMhg4/PuMg7sLm5Ke/s9xCpYN5OFsLUbyObn/v7+2wwGDDMEAuHw0yhUIyNCoRuTBTCiyrOoY+9Xo/x69LWFjtp3jg4nw5LpdKFv0J4WILVHdR/D9k8gVPDarUyREsMMf1DTP8kHmPPniLmIdZdxGmR+AVyGTWoivTwXwAAAABJRU5ErkJggg==);

}

@media (max-width: 1500px) { 

   .mp-container-left,
 .mp-container-right {
       width: 98%;
   }

   .mp-container-right>div {
       margin-left: 1%;
       margin-right: 1%;
       display: inline-block;
       vertical-align: top;
   }

   .mp-container-right img {
       max-width: 98%;
   }

} </style>

检索自“https://prts.wiki/index.php?title=微件:Mpstyle/sandbox&oldid=111399”