Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style the dump list scrollbar for WebKit browsers.

Browse Source
This commit is contained in:
Nicolas Stepien 2013-02-25 22:05:32 +01:00
parent aafae54e17
commit 920c0223bc
8 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
4chan_x.user.js
View File

File diff suppressed because one or more lines are too long

4
css/burichan.css
View File

@ -26,6 +26,10 @@
}
/* QR */
.burichan #dump-list::-webkit-scrollbar-thumb {
background-color: #D6DAF0;
border-color: #B7C5D9;
}
:root.burichan .qrpreview {
background-color: rgba(0, 0, 0, .15);
}

4
css/futaba.css
View File

@ -26,6 +26,10 @@
}
/* QR */
.futaba #dump-list::-webkit-scrollbar-thumb {
background-color: #F0E0D6;
border-color: #D9BFB7;
}
:root.futaba .qrpreview {
background-color: rgba(0, 0, 0, .15);
}

4
css/photon.css
View File

@ -26,6 +26,10 @@
}
/* QR */
.photon #dump-list::-webkit-scrollbar-thumb {
background-color: #DDD;
border-color: #CCC;
}
:root.photon .qrpreview {
background-color: rgba(0, 0, 0, .15);
}

8
css/style.css
View File

@ -537,10 +537,16 @@ a[href="javascript:;"] {
white-space: nowrap;
}
#dump-list:hover {
bottom: -10px;
bottom: -12px;
overflow-x: auto;
z-index: 1;
}
#dump-list::-webkit-scrollbar {
height: 12px;
}
#dump-list::-webkit-scrollbar-thumb {
border: 1px solid;
}
.qrpreview {
background-position: 50% 20%;
background-size: cover;

4
css/tomorrow.css
View File

@ -26,6 +26,10 @@
}
/* QR */
.tomorrow #dump-list::-webkit-scrollbar-thumb {
background-color: #282A2E;
border-color: #111;
}
:root.tomorrow .qrpreview {
background-color: rgba(255, 255, 255, .15);
}

4
css/yotsuba-b.css
View File

@ -26,6 +26,10 @@
}
/* QR */
.yotsuba-b #dump-list::-webkit-scrollbar-thumb {
background-color: #D6DAF0;
border-color: #B7C5D9;
}
:root.yotsuba-b .qrpreview {
background-color: rgba(0, 0, 0, .15);
}

4
css/yotsuba.css
View File

@ -26,6 +26,10 @@
}
/* QR */
.yotsuba #dump-list::-webkit-scrollbar-thumb {
background-color: #F0E0D6;
border-color: #D9BFB7;
}
:root.yotsuba .qrpreview {
background-color: rgba(0, 0, 0, .15);
}