|
|
| (22 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Timeless skin */ | | /* CSS placed here will affect users of the Timeless skin */ |
| | |
| | |
| | /* Color scheme */ |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:ColorSel.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:ColorScheme.css"); |
| | |
| | /* Generic elements */ |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Basic.css"); |
| | |
| | /* Throw here if it doesn't match any other category */ |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Main.css"); |
| | |
| | /* Sections */ |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Section.css"); |
| | |
| | /* Components */ |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Components.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Infobox.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Nmbox.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Tabber.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Vgrid.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Tippy.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:Templates.css"); |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:FilterSearch.css"); |
| | |
| | /* Dark mode */ |
| | @import url("/wiki/index.php?action=raw&ctype=text/css&title=MediaWiki:ColorSchemeDark.css"); |
| | |
| | /* Font */ |
| | @import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Familjen+Grotesk:wght@400;500;600;700"); |
| | |
| | |
| /****************************** Extension MenuSidebar Styles ******************************/ | | /****************************** Extension MenuSidebar Styles ******************************/ |
| /* Allow popup submenus to overflow the sidebar area for the Vector skin */ | | /* Allow popup submenus to overflow the sidebar area for the Vector skin */ |
| Line 29: |
Line 61: |
| width: 8em; /* width of main menu */ | | width: 8em; /* width of main menu */ |
| } | | } |
|
| |
| /****************************** Webkit Scrollbar Styles ******************************/
| |
| ::-webkit-scrollbar {
| |
| width: 12px;
| |
| height: 12px;
| |
| background-color: white;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-track {
| |
| border-radius: 6px;
| |
| border: 1px white solid;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-track:hover {
| |
| background-color: #e4e3e3;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb {
| |
| border-width: 1px;
| |
| border-style: solid;
| |
| border-radius: 6px;
| |
| background-color: #c6c3bd;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:vertical {
| |
| border-color: transparent white;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:horizontal {
| |
| border-color: white transparent;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:hover {
| |
| background-color: #777571;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:active {
| |
| background-color: #c6c3bd;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:single-button {
| |
| background-repeat: no-repeat;
| |
| background-image: url('/wiki/images/9/97/Vector-Scrollbar.png');
| |
| background-origin: margin-box;
| |
| display: block;
| |
| margin: 0;
| |
| padding: 0;
| |
| width: 12px;
| |
| height: 12px;
| |
| border: 1px white solid;
| |
| border-radius: 2px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:hover {
| |
| border-color: #7c7a76;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:active {
| |
| border-color: #adaaa5;
| |
| }
| |
|
| |
| /* Button "Up" */
| |
| ::-webkit-scrollbar-button:vertical:start:decrement,
| |
| ::-webkit-scrollbar-button:vertical:start:decrement:active {
| |
| background-position: 0 0;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:vertical:start:decrement:hover {
| |
| background-position: -20px 0;
| |
| }
| |
|
| |
| /* Button "Down" */
| |
| ::-webkit-scrollbar-button:vertical:end:increment,
| |
| ::-webkit-scrollbar-button:vertical:end:increment:active {
| |
| background-position: -10px 0;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:vertical:end:increment:hover {
| |
| background-position: -30px 0;
| |
| }
| |
|
| |
| /* Button "Left" */
| |
| ::-webkit-scrollbar-button:horizontal:start:decrement,
| |
| ::-webkit-scrollbar-button:horizontal:start:decrement:active {
| |
| background-position: 0 -20px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:horizontal:start:decrement:hover {
| |
| background-position: -20px -20px;
| |
| }
| |
|
| |
| /* Button "Right" */
| |
| ::-webkit-scrollbar-button:horizontal:end:increment,
| |
| ::-webkit-scrollbar-button:horizontal:end:increment:active {
| |
| background-position: -10px -20px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:horizontal:end:increment:hover {
| |
| background-position: -30px -20px;
| |
| }
| |
|
| |
| /** @@@@@
| |
| I can not figure out Vector.js to enable Scroll to Top/Bottom/LHome/REnd
| |
| Please help if anyone can do this.
| |
| @@@@@ **/
| |
|
| |
| /* Button "Top" */
| |
| ::-webkit-scrollbar-button:vertical:start:increment,
| |
| ::-webkit-scrollbar-button:vertical:start:increment:active {
| |
| background-position: 0 -10px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:vertical:start:increment:hover {
| |
| background-position: -20px -10px;
| |
| }
| |
|
| |
| /* Button "Bottom" */
| |
| ::-webkit-scrollbar-button:vertical:end:decrement,
| |
| ::-webkit-scrollbar-button:vertical:end:decrement:active {
| |
| background-position: -10px -10px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:vertical:end:decrement:hover {
| |
| background-position: -30px -10px;
| |
| }
| |
|
| |
| /* Button "LHome" */
| |
| ::-webkit-scrollbar-button:horizontal:start:increment,
| |
| ::-webkit-scrollbar-button:horizontal:start:increment:active {
| |
| background-position: 0 -30px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:horizontal:start:increment:hover {
| |
| background-position: -20px -30px;
| |
| }
| |
|
| |
| /* Button "REnd" */
| |
| ::-webkit-scrollbar-button:horizontal:end:decrement,
| |
| ::-webkit-scrollbar-button:horizontal:end:decrement:active {
| |
| background-position: -10px -30px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:horizontal:end:decrement:hover {
| |
| background-position: -30px -30px;
| |
| }
| |
|
| |
| /****************************** Font Settings ******************************/
| |
| /* Override Fonts to MS YaHei, and can fallback to default */
| |
| html * {
| |
| font-family: "Microsoft YaHei";
| |
| }
| |
|
| |
|
| |
|
| .color-left, | | .color-left, |
| Line 248: |
Line 128: |
| padding: 0; | | padding: 0; |
| margin: 0; | | margin: 0; |
| | z-index: 1; |
| } | | } |
|
| |
|
| Line 256: |
Line 137: |
| -o-transform: translateX(10px); | | -o-transform: translateX(10px); |
| transform: translateX(10px); | | transform: translateX(10px); |
| }
| |
|
| |
| .sidebar-chunk a,
| |
| .sidebar-chunk a:link,
| |
| .sidebar-chunk a:visited,
| |
| .sidebar-chunk a:hover,
| |
| .sidebar-chunk a:active,
| |
| .sidebar-chunk strong.selflink {
| |
| text-decoration: none;
| |
| color: #000 !important;
| |
| } | | } |
|
| |
|
| Line 317: |
Line 188: |
|
| |
|
| .sidebar-chunk li > ul { | | .sidebar-chunk li > ul { |
| z-index:2;
| |
| -webkit-transition: opacity .3s; | | -webkit-transition: opacity .3s; |
| -moz-transition: opacity .3s; | | -moz-transition: opacity .3s; |
| Line 324: |
Line 194: |
| } | | } |
|
| |
|
| .sidebar-chunk li > ul > li{
| |
| z-index:2;
| |
|
| |
|
| }
| |
|
| |
|
| #mw-content-wrapper { | | /* Remove .mw-body-content stacking context so the tooltip can |
| z-index:1;
| | overlap with elements outside content area and be shown properly */ |
| | #bodyContentOuter { z-index: auto; } |
| | |
| | #mw-content-container{ |
| | background-image: url(https://elwiki.net/wiki/images/3/35/Background_-_Elwiki.jpg); |
| | background-repeat: no-repeat; |
| | background-position: initial !important; |
| | background-size: cover !important; |
| | background-attachment: fixed !important; |
| } | | } |