|
|
| Line 28: |
Line 28: |
| .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;
| |
| } | | } |
|
| |
|
