ElEditors, Interface administrators, Administrators
70,888
edits
mNo edit summary |
No edit summary |
||
(One intermediate revision by one other user not shown) | |||
Line 27: | Line 27: | ||
.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; | |||
} | } | ||
Line 33: | Line 178: | ||
html * { | html * { | ||
font-family: "Microsoft YaHei"; | font-family: "Microsoft YaHei"; | ||
} | |||
.vgrid-table > div:not(.vgrid-cat) ul li { | |||
list-style: none; | |||
} | |||
#p-logo { | |||
background: transparent | |||
} | } |