|
|
(One intermediate revision by one other user 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 28: |
Line 60: |
| .menuSidebar ul { | | .menuSidebar ul { |
| 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;
| |
| } | | } |
|
| |
|