MediaWiki:Common.css

ๅ‡บ่‡ช๐•ƒ๐• ๐•ง๐•–๐•ƒ๐•š๐•ง๐•– ๐•Š๐•”๐•™๐• ๐• ๐• ๐•€๐••๐• ๐• ๐”ฝ๐•–๐•ค๐•ฅ๐•š๐•ง๐•’๐• ๐•Ž๐•š๐•œ๐•š
ๆ–ผ 2020ๅนด6ๆœˆ6ๆ—ฅ (ๅ…ญ) 17:13 ็”ฑ Inamin๏ผˆ็•™่จ€ | ่ฒข็ป๏ผ‰ ๆ‰€ๅš็š„ไฟฎ่จ‚

ๆณจๆ„๏ผšๅœจๆ‚จ็™ผๅธƒไน‹ๅพŒ๏ผŒๆ‚จๅฏ่ƒฝ้œ€่ฆๆธ…้™ค็€่ฆฝๅ™จๅฟซๅ–ๆ‰่ƒฝ็œ‹ๅˆฐ่ฎŠๆ›ดใ€‚

  • Firefoxๆˆ–Safari๏ผšๆŒ‰ไฝShiftๆ™‚้ปžๆ“Š้‡ๆ–ฐๆ•ด็†๏ผŒๆˆ–ๆŒ‰Ctrl-F5ๆˆ–Ctrl-R๏ผˆMacๅ‰‡็‚บโŒ˜-R๏ผ‰
  • Google Chrome๏ผšๆŒ‰Ctrl-Shift-R๏ผˆMacๅ‰‡็‚บโŒ˜-Shift-R๏ผ‰
  • Internet Explorerๆˆ–Edge๏ผšๆŒ‰ไฝCtrlๆ™‚้ปžๆ“Š้‡ๆ–ฐๆ•ด็†๏ผŒๆˆ–ๆŒ‰Ctrl-F5
  • Opera๏ผšๆŒ‰Ctrl-F5ใ€‚
/* ๆญค CSS ๆœƒๅฅ—็”จ่‡ณๆ‰€ๆœ‰็š„ไป‹้ขๅค–่ง€ */

/* Noah 4 Dec 2016  Hide the footer bar */
.disqus-footer__wrapper{display:none !important;}

/* Noah 24 Nov 2016 define the img pop  */
.mw-mmv-overlay{background-color:#000 !important;opacity:0.7;}
.mw-mmv-post-image .mw-mmv-ttf-ellipsis-container{bottom:0px !important;}
.mw-mmv-wrapper{position:fixed !important;}

.mw-body{display:block !important;}
#mw-head{display:block !important;}
#mw-navigation{display:block !important;}
#mw-page-base{display:block !important;}
#mw-page-base{display:block !important;}

/* Noah 19 Nov 2016  fix the img bugs on mobile */
img{height: auto !important;}

/* noah 15 Nov 2016   define the icon img and searchfrom*/
.roundy img{width:70% !important;max-width: 120px !important}
div#simpleSearch{border: solid 2px #ff02af !important; border-radius: 15px !important; }

/* noah 15 Nov 2016   remove the  -a- underline */
a{text-decoration:none !important;}
a:active{text-decoration:none  !important;}
a:visited{text-decoration:none  !important;}
a:focus{text-decoration:none  !important;}
#mw-panel a:hover{text-decoration:none  !important;}
#mw-panel.collapsible-nav .portal.collapsed h3:hover{text-decoration:none !important;}

/* noah 15 Nov 2016 change the P-person background color */
#pt-watchlist a{background-color: transparent !important;}
#pt-mytalk a{background-color: transparent !important;}
#pt-mycontris a{background-color: transparent !important;}
#pt-anontalk a{background-color: transparent !important;}
#pt-anoncontribs a{background-color: transparent !important;}
#pt-userpage a{background-color: transparent !important;}
#pt-preferences a{background-color: transparent !important;}
#pt-logout a{background-color: transparent !important;}
#pt-avatar a{background-color: transparent !important;}
#pt-createaccount a{background-color: transparent !important;}
#pt-login a{background-color: transparent !important;}

/* noah 15 Nov 2016  define the table and img style */
img{max-width:100%; height:auto;}
.maintable img{max-width:100%; height: auto;}

/* noah 15 Nov 2016 change the style */
#pt-avatar a img{box-shadow: 0 1px 6px #ccc !important;}
.mw-wiki-logo{box-shadow: 0 1px 6px #ccc !important;border-radius: 30px !important;background-size:cover !important;}
#p-logo{margin-top:5px !important;}
.userlink-avatar{width:25px !important ;}


/* old css */
body, div#content h1, div#content h2, div#content #firstHeading { font-family: /*"MotoyaLMaru W3 mono",*/"ๅพฎ่ปŸๆญฃ้ป‘้ซ”"; } /* noah 15 Nov 2016  change the font family */

.roundy { border-radius: 10px; }
.roundytl { border-top-left-radius: 10px; }
.roundytr { border-top-right-radius: 10px; }
.roundybl { border-bottom-left-radius: 10px; }
.roundybr { border-bottom-right-radius: 10px; }
.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }


body {
font-family:/*"MotoyaLMaru W3 mono",*/ "ๅพฎ่ปŸๆญฃ้ป‘้ซ”";
font-size:large;/* define by noah 23Nov2016*/
background-color: #eeeeee;
/*background-image: url("https://gd.llsif.moe/BD/chika2019.png");*/
/*background-image: url("https://gd.llsif.moe/BD/maki2019.png");*/
background-repeat: no-repeat;
background-size:cover;
background-position: center;
background-attachment: fixed;
width:100% !important;  /* fix the some page */
height:auto !important;
}
#content{
opacity: 0.9;
}

.body a
{
display: block;
position: relative;
width: 100%;
color: #00f !important;

text-decoration: none;
padding: 5px 5px;
background: #7fdfff;
border: 1px solid #7fdfff;
}

/* noah 15 Nov 2016 setup the portal hover style */
div#mw-panel div.portal h3:hover{border-color:#FF00FF !important;}
div#mw-panel div.portal h3:active{border-color:#FF00FF !important;}
div#mw-panel div.portal{background-image: none !important;}


div#mw-panel div.portal h3 {
margin-top: 0px !important;
margin-bottom: 8px !important;

text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
border-color: #AAA;
background: #fff;
box-shadow: 0 0 0;
border: solid 1px #7fdfff;
font-size:large;
border-left: solid 8px #7fdfff;
color: #555555 !important;
padding-left: 0.6em;
font-weight:bolder;
}
/* a:hover, a:active {
text-decoration: none;
text-shadow: #ffeb7f 0 0 6px;
} */

/*a:hover {
text-decoration: underline;
} */   /* noah 15 Nov 2016 */

a.new {
color: #e95193 !important;
text-decoration: none;
font-weight: bold;
}
a {
color: #63a4e5 !important;
text-decoration: none;
font-weight: bold;
}
#p-personal ul {

 background: #333333;
 opacity: 1;
}
#p-personal a, #p-personal a.new  {
background:#eEeEeE;
}



.infobox {
border: 1px solid #888888;
background-color: #D8D8D8;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}

.collapseButton {
float: right;
font-weight: normal;
margin-left: 0.5em;
text-align: right;
width: auto;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
width: 8em;
}
.navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li {
white-space: nowrap;
white-space: normal;
}
.navbar li {
word-spacing: -0.125em;
}
.hlist dd, .hlist dt, .hlist li {
display: inline;
margin: 0;
}
div#mw-page-base, div#mw-head {
background-color: transparent !important;
background-image: none;
}

#fx {
    max-width: 100%;
    height: auto;
}

/* event*/
.wikitable tr th a img{max-width:auto;}
.wikitable tr td a img{max-width:auto;}
img{height: auto !important;}
.songtable iframe{width:100% !important;height:400px !important;}


/* Character list */
.roundy img{max-width: auto !important;}
.roundy2 img{max-width: auto !important;}
.roundy3 img{width: 100% !important;}
.roundy3 { border-radius: 10px; }

/*image*/
table img{max-width:100% !important;}

/*event banner*/
.charbanner img{width:100%;}


/* fix google translate 19 july 2018 */
#google_translate_element{
    z-index:9999 !important;
}

/*Floating Back-To-Top Button*/
    #myBtn {
        position: fixed;
        bottom: 10px;
        float: right;
        right: 18.5%;
        left: 77.25%;
        max-width: 30px;
        width: 100%;
        font-size: 12px;
        border-color: rgba(85, 85, 85, 0.2);
        background-color: rgb(100,100,100);
        padding: .5px;
        border-radius: 4px;

    }
/*On Hover Color Change*/
    #myBtn:hover {
        background-color: #7dbbf1;}

/*2020 CPP CONTROL Kaohsiung Brain*/
/*html { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
	_filter: none; 
}