|
|
第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 */
| |
| /* 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.8;}*/
| |
| .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 */
| |
| /* noah 15 Nov 2016 change the font family */
| |
| body, div#content h1, div#content h2, div#content #firstHeading { font-family: "FOT-Skip Std B","Microsoft JhengHei"; }
| |
|
| |
| .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; }
| |
| @font-face
| |
| {font-family:"FOT-Skip Std B";
| |
| src: local(FOT-Skip Std B), url("FOT-SkipStd-B.woff2");}
| |
| body {
| |
| /*font-family:"FOT-Skip Std BM","Microsoft JhengHei";*/
| |
| font-size:large;/* define by noah 23Nov2016*/
| |
| background-color: #eeeeee;
| |
| /*background-image: url("https://www.llsif.moe/as0805.jpg");*/
| |
| /*background-image: url("https://www.llsif.moe/birthday/ruby2017.png");*/
| |
| background-repeat: no-repeat;
| |
| background-size:cover;
| |
| background-position: center;
| |
| background-attachment: fixed;
| |
| width:100% !important; /* fix the some page */
| |
| height:auto !important;
| |
| }
| |
|
| |
| .body a
| |
| {
| |
| display: block;
| |
| position: relative;
| |
| width: 100%;
| |
| color: #00f !important;
| |
|
| |
| text-decoration: none;
| |
| padding: 5px 5px;
| |
| background: #ffffb2;
| |
| border: 1px solid #ffffb2;
| |
| }
| |
|
| |
| /* noah 15 Nov 2016 setup the portal hover style */
| |
| div#mw-panel div.portal h3:hover{border-color:#ffff00 !important;}
| |
| div#mw-panel div.portal h3:active{border-color:#ffff00 !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 #ffffb2;
| |
| font-size:large;
| |
| border-left: solid 8px #ffffb2;
| |
| 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%;}
| |