37
edits
User:Pseudosphere/Test Page: Difference between revisions
Jump to navigation
Jump to search
no edit summary
Pseudosphere (talk | contribs) (Created page with "{{#css: .testy { background: #000; color: #FFF; font-weight: bold; height: 256px; overflow: scroll; } @supports selector(::-webkit-scrollbar) { :is(html, .testy)::-webkit-scrollbar { width: 40px; background: #0FF; border: 6px solid #F00; outline: 12px solid #0F0; } :is(html, .testy)::-webkit-scrollbar-thumb { background: #FF0; border: 3px solid #00F; outline: 4px solid #F0F; } } @supports not selector(::-webkit-scrollbar) { html, .testy { scrollbar-color: red blue; } }...") |
Pseudosphere (talk | contribs) No edit summary |
||
| Line 27: | Line 27: | ||
} | } | ||
}}<div class="testy"> | }}<div class="testy"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu{{Loop|4096|a}}. | |||
{{Loop|16|Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | |||
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. | |||
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>}} | |||
</div> | |||
{{#css: | |||
.NS { | |||
border: 1px solid transparent; | |||
outline: 1px solid #000; | |||
} | |||
@supports selector(::-webkit-scrollbar) { | |||
.NS::-webkit-scrollbar { | |||
background: #808080; | |||
box-shadow: -2px -2px #000; | |||
outline: 1px solid #AAA; | |||
width: 16px; | |||
} | |||
.NS::-webkit-scrollbar-thumb { | |||
background: #AAA; | |||
border: solid; | |||
border-color: #FFF #555 #555 #FFF; | |||
border-style: solid ridge ridge solid; | |||
border-width: 1px 2px 2px 1px; | |||
width: 8px; | |||
} | |||
} | |||
@supports not selector(::-webkit-scrollbar) { | |||
.NS { | |||
scrollbar-color: #AAA #808080; | |||
} | |||
} | |||
}} | |||
<div class="NS" style="height: 512px; margin-top: 64px; overflow: scroll;"> | |||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu{{Loop|4096|a}}. | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu{{Loop|4096|a}}. | ||