Line 1: |
Line 1: |
− | /***** CSS placed here will be applied to all skins on the entire site. *****/ | + | /*****************************************************************************************/ |
− | /*Vertical Alignment for MainPage and more*/ | + | /*** This page is the central stylesheet for the entire wiki. Any additions or changes ***/ |
− | #mainpage { | + | /*** that are made here will be reflected globally around the website. Do NOT ***/ |
| + | /*** modify unless you know exactly what you are doing. Consult me if you have ***/ |
| + | /*** something in mind but don't know how to make it happen. You will only end up ***/ |
| + | /*** breaking things already in place. ***/ |
| + | /*** - Gensui Hime ***/ |
| + | /*****************************************************************************************/ |
| + | /**Mainpage CSS Stylesheet**/ |
| + | #mainpage { /*Main Page box*/ |
| width: 100%; | | width: 100%; |
| padding: 1px 3px 1px 3px; | | padding: 1px 3px 1px 3px; |
− | box-sizing: border-box; | + | box-sizing: border-box; /*Resizing*/ |
| -webkit-box-sizing: border-box; | | -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; | | -moz-box-sizing: border-box; |
Line 14: |
Line 21: |
| -moz-box-sizing: border-box; | | -moz-box-sizing: border-box; |
| } | | } |
− | #mp-leftcolumn { | + | #mp-leftcolumn { /*Left Column - Static 450px*/ |
− | float:left; | + | float:left; /*Image links can go here. (Non-resizeable)*/ |
| width:450px; | | width:450px; |
| margin-right:0.4%; | | margin-right:0.4%; |
Line 21: |
Line 28: |
| } | | } |
| | | |
− | #mp-rightcolumn { | + | #mp-rightcolumn { /*Right Column - Fluid*/ |
− | width:auto; | + | width:auto; /*Various text based boxes can be inserted.*/ |
| overflow:hidden; | | overflow:hidden; |
| margin-left:0.1%; | | margin-left:0.1%; |
| } | | } |
− | #coretitle { | + | #coretitle { /*Main Link Titlebox*/ |
| text-align:center; | | text-align:center; |
| border:1px solid lightgrey; | | border:1px solid lightgrey; |
Line 32: |
Line 39: |
| background-color:#E9F3FE; | | background-color:#E9F3FE; |
| } | | } |
− | #tophead { | + | #tophead { /*Wiki Description Box*/ |
| border:double white; | | border:double white; |
| border-radius:14px; | | border-radius:14px; |
Line 42: |
Line 49: |
| min-width:160px; | | min-width:160px; |
| } | | } |
− | #logo { | + | #logo { /*Logo inside tophead*/ |
| float:left; | | float:left; |
| width:150px; | | width:150px; |
| } | | } |
− | #kcheader { | + | #kcheader { /*Element could not be fluid, so added a scrollbar.*/ |
| width:auto; | | width:auto; |
| overflow: scroll; | | overflow: scroll; |
| height:150px; | | height:150px; |
− | overflow-x:hidden; | + | overflow-x:hidden; /*Hide bottom scroll because it's pointless*/ |
| scrollbar-base-color:#E9F3FE; | | scrollbar-base-color:#E9F3FE; |
| } | | } |
− | /* Language specific CSS */ | + | /**************************************************************/ |
− | :lang(zh) { | + | /* Global Language Stylesheet */ |
| + | /* Set fonts for lang type */ |
| + | :lang(zh) { /*All Chinese languages?*/ |
| font-family: Microsoft Yahei, 微软雅黑, Serif; | | font-family: Microsoft Yahei, 微软雅黑, Serif; |
| } | | } |
Line 62: |
Line 71: |
| } | | } |
| | | |
− | :lang(zh-tw) { | + | :lang(zh-tw) { /*Taiwanese*/ |
| font-family: Microsoft Jhenghei, 微軟正黑體, Serif; | | font-family: Microsoft Jhenghei, 微軟正黑體, Serif; |
| } | | } |
| | | |
− | :lang(ja) { | + | :lang(ja) { /*Japanese*/ |
| font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif; | | font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif; |
| } | | } |
− | /*Global Button Settings*/ | + | |
| + | /*************************************/ |
| + | /* Button Stylesheet */ |
| + | /*Button Settings*/ |
| .globalbutton { | | .globalbutton { |
| -webkit-border-radius: 13; | | -webkit-border-radius: 13; |
Line 83: |
Line 95: |
| text-align:center; | | text-align:center; |
| } | | } |
− | | + | .globalbutton:hover { /*When mouse hover*/ |
− | .globalbutton:hover { | |
| background: #2b9ce3; | | background: #2b9ce3; |
| text-decoration: none; | | text-decoration: none; |
| } | | } |
− | .globalbutton:focus { | + | .globalbutton:active { /*When mouse press*/ |
| + | background: #1d90d8; |
| + | text-decoration: none; |
| + | } |
| + | .globalbutton:focus { /*Removes blue outline*/ |
| outline:0 !important; | | outline:0 !important; |
| } | | } |
Line 104: |
Line 119: |
| font-weight:bold; | | font-weight:bold; |
| } | | } |
− | | + | /************************************************/ |
− | /* Sitenotice AutoScroll CSS */ | + | /* Scrolling Text CSS - Combined with Common.js */ |
| #scrollDiv{ | | #scrollDiv{ |
| width: 100%; | | width: 100%; |
Line 118: |
Line 133: |
| } | | } |
| | | |
| + | /******************************/ |
| + | / Everything Else */ |
| + | /******************************/ |
| /* For template documentation */ | | /* For template documentation */ |
| .template-documentation { | | .template-documentation { |