微件:Mpstyle

来自Mooncell - 玩家共同构筑的FGO中文Wiki
跳转到导航 跳转到搜索

<style>.mp-intro { 

 display: block;
 position: absolute;
 top: 10px;
 left: 450px;
 color: rgba(255, 255, 255, 0);
 font-size: xx-small;
 z-index: -1;

}

.mp-container-left { 

 display: inline-block;
 width: 68%;

}

.mp-container-right { 

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

}

.mp-container-right>div { 

 margin-left: 2%;
 margin-right: 2%;
 margin-bottom: 20px;

}

.mp-container-right img { 

 max-width: 97%;
 height: auto !important;

}

  1. mp-title {
 display: block;
 position: relative;
 width: 100%;
 height: 73px;
 background: url(//media.fgo.wiki/6/6a/Mp-title-bg-mo.png) left no-repeat;
 margin: 20px 0 30px 40px;

}

  1. mp-title:before {
 content:"";
 display: block;
 width: 94px;
 height: 140px;
 background: url(//media.fgo.wiki/3/34/Mp-title-logo-fixed.png) no-repeat;
 position: absolute;
 left: -45px;
 top: -35px;

}

  1. mp-welcome {
 font-size: 40px;
 color: white;
 text-shadow: -1px -1px 8px #0084d9, 1px -1px 8px #0084d9, -1px 1px 8px #0084d9, 1px 1px 8px #0084d9;
 margin-left: 40px;
 padding: 8px;
 font-family: Sans-serif;
 line-height: 57px;
 /* width:100%; */
 font-weight: bold;
 border: 0px;

}

.mp-navbtn { 

 margin: 20px 2%;
 text-align: center;

}

.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-mobile-newsvt-container { 

 white-space: nowrap;
 overflow-x: auto;
 margin: 4px;
 margin-bottom: 0;

}

.mp-mobile-newsvt-container img { 

 margin-right: 5px;

}

.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(//media.fgo.wiki/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(//media.fgo.wiki/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-mobile-campaign-container img, .mp-mobile-campaign br { 

 display: none;

}

.mp-mobile-campaign-container span { 

 display: block;
 margin: 6px 2px 0 2px;
 font-size: small !important;

}

.mp-mobile-summon-container { 

 padding: 2px 6px;
 padding-bottom: 0;

}

.mp-mobile-summon-container img { 

 margin: 2px 0;

}

.mp-mobile-summon-container font { 

 display: none;

}

.mp-mission-and-new { 

 display: inline-block;
 width: 39%;
 margin-right: 0.5%;
 margin-left: 1%;

}

.weekly-mission-box, .new-cards-box { 

 width: 100% !important;
 margin: 0 !important;

}

.new-cards-box { 

 margin-top: 12px !important;

}

.home-events-box, .home-summons-box { 

 width: 28% !important;
 margin: 0 0.5% !important;

}

.mp-banner { 

 width: 100%;
 text-align: center;

}

.mp-banner a{ 

 text-decoration: none !important;

}

.mp-banner>div { 

 max-width: 800px;

}

.mp-container-right h3 { 

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

}

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

 display: none;

}

.mp-shadiao { 

 text-align: center;

}

.mp-shadiao h3 { 

 text-align: left;

}


.mp-shadiao img { 

 padding: 4px;
 border: 1px solid #c8ccd1;

}


.mp-today p { 

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

}

.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,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAA4klEQVQokV3Rr0vDURQF8M/3MRBB0CpsgtEmqCyoMNZFLMYl24KCQcFoEYvZov+AGk2CA00ObEZBq023MAR/BO+Dh7c8zrnnvns4tzK3ragmjrCF50ymQjCBM7RQLydL0SOeUAu+9l90i3ds4gv3OMB8Fl2ggSWs4g3rWMOO+HIWdxjDOUY4xAZusJuwEIIRjjGDk/B3jdPs6SfeqsAJ4xgm9PEZxB5esR/4G/0U5Eqs68S6TuBlvFSReC8mm0VuDxiinT21MIXLwFeYRLsMU+RUD9PTWMyNUvSBrr/zdDHIjV+0GC5Hgv51xgAAAABJRU5ErkJggg==);

}

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

 margin-left: 40px;

}

.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-mobile-navicon { 

 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 text-align: center;

}

.mp-mobile-navicon .mp-circleicon { 

 margin: 6px auto;

}

.mp-mobile-navicon>.mp-circleicon>a { 

 font-size: small;

}

@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-today {
   width: 45%;
 }

 .mp-extranav {
   width: 45%;
 }

 .mp-gamedownload {
   width: 45%;
 }

 .mp-siteinfo {
   width: 45%;
 }

 .new-cards-box img {
   max-width: 40px !important;
   height: auto !important;
 }

 .new-cards-box .enhancement-icon img {
   width: 20px !important;
 }

 .weekly-mission-tab-title,
 .new-cards-tab-title,
 .home-events-tab-title,
 .home-summons-tab-title {
   font-size: 16px !important;
 }

 .weekly-mission-desc {
   font-size: 10px !important;
 }

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

}

.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-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-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;

}

@media (max-width: 799px) { 

 .mp-bbbanner {
   display: none;
 }

}

@media (max-width: 512px) { 

 .mp-mission-and-new {
   width: 100%;
 }

 .mp-banner {
   margin-left: auto;
 }

 .mp-mdcards {
   margin-left: auto;
 }

} .slick-dots{ margin:0px !important } </style>

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