「MediaWiki:Common.css」:修訂間差異
(空白的頁面) |
小無編輯摘要 |
||
行 1: | 行 1: | ||
<!--- | |||
/* 此 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: "微軟正黑體" } /* 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:"微軟正黑體" ; | |||
font-size:large;/* define by noah 23Nov2016*/ | |||
background-color: #FFFFFF; | |||
background-image: url("https://llsif.moe/aqours13.jpg"); | |||
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%;} | |||
---> |
於 2017年4月21日 (五) 01:43 的修訂
<!---
/* 此 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: "微軟正黑體" } /* 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:"微軟正黑體" ;
font-size:large;/* define by noah 23Nov2016*/
background-color: #FFFFFF;
background-image: url("https://llsif.moe/aqours13.jpg");
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%;}
--->