|
|
第1行: |
第1行: |
| /* 此 CSS 會套用至所有的介面外觀 */ | | /* 此 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}
| |
|
| |
| /* 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 */ | | /* noah 15 Nov 2016 change the style */ |
第51行: |
第6行: |
| #p-logo{margin-top:5px !important;} | | #p-logo{margin-top:5px !important;} |
| .userlink-avatar{width:25px !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;
| |
| }
| |
|
| |
| /* 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 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 & Student Brain*/
| |
| html {
| |
| -webkit-filter: grayscale(35%);
| |
| -moz-filter: grayscale(35%);
| |
| -ms-filter: grayscale(35%);
| |
| -o-filter: grayscale(35%);
| |
| filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.35);
| |
| _filter: none;
| |
| }
| |