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

Make different kinds of highlighting look distinct.

Browse Source 
Also tweak the colors / opacities a bit more.
This commit is contained in:
ccd0 2015-02-23 00:03:06 -08:00
parent 9ce8c805de
commit f34f8d44dd
2 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/General/css/style.css
View File

@ -1029,21 +1029,23 @@ input[name="Default Volume"] {
.qphl { .qphl {
outline: 2px solid rgba(216, 94, 49, .8); outline: 2px solid rgba(216, 94, 49, .8);
} }
:root.highlight-own .yourPost > .reply, :root.highlight-own .yourPost.opContainer,
:root.highlight-you .quotesYou > .reply, :root.highlight-own .yourPost > .reply {
.filter-highlight > .reply { border-left: 3px dashed rgba(221, 0, 0, .8);
}
:root.highlight-you .quotesYou.opContainer,
:root.highlight-you .quotesYou > .reply {
border-left: 3px solid rgba(221, 0, 0, .8); border-left: 3px solid rgba(221, 0, 0, .8);
} }
.filter-highlight.opContainer,
.filter-highlight > .reply {
box-shadow: inset 5px 0 rgba(221, 0, 0, .5);
}
:root.highlight-own .yourPost > div.sideArrows, :root.highlight-own .yourPost > div.sideArrows,
:root.highlight-you .quotesYou > div.sideArrows, :root.highlight-you .quotesYou > div.sideArrows,
.filter-highlight > div.sideArrows { .filter-highlight > div.sideArrows {
color: rgba(221, 0, 0, .8); color: rgba(221, 0, 0, .8);
} }
:root.highlight-own .yourPost.opContainer,
:root.highlight-you .quotesYou.opContainer,
.filter-highlight.opContainer {
border-left: 3px solid rgba(221, 0, 0, .8);
}
:root.highlight-own .yourPost.opContainer::after, :root.highlight-own .yourPost.opContainer::after,
:root.highlight-you .quotesYou.opContainer::after, :root.highlight-you .quotesYou.opContainer::after,
.filter-highlight.opContainer::after { .filter-highlight.opContainer::after {
@ -1051,11 +1053,13 @@ input[name="Default Volume"] {
display: block; display: block;
clear: both; clear: both;
} }
.catalog-thread.watched .catalog-thumb,
.filter-highlight .catalog-thumb, .filter-highlight .catalog-thumb,
.catalog-thread.watched .werkTyme-filename,
.filter-highlight .werkTyme-filename { .filter-highlight .werkTyme-filename {
border: 2px solid rgba(221, 0, 0, .8); box-shadow: 0 0 3px 3px rgba(255, 0, 0, .5);
}
.catalog-thread.watched .catalog-thumb,
.catalog-thread.watched .werkTyme-filename {
border: 2px solid rgba(255, 0, 0, .75);
} }
/* Spoiler text */ /* Spoiler text */

28
src/General/css/tomorrow.css
View File

@ -49,27 +49,31 @@
/* Highlighting */ /* Highlighting */
:root.tomorrow .qphl { :root.tomorrow .qphl {
outline: 2px solid rgba(129, 162, 190, .9); outline: 2px solid rgba(145, 182, 214, .8);
} }
:root.tomorrow.highlight-own .yourPost > .reply, :root.tomorrow.highlight-own .yourPost.opContainer,
:root.tomorrow.highlight-you .quotesYou > .reply, :root.tomorrow.highlight-own .yourPost > .reply {
border-left: 3px dashed rgba(145, 182, 214, .8);
}
:root.tomorrow.highlight-you .quotesYou.opContainer,
:root.tomorrow.highlight-you .quotesYou > .reply {
border-left: 3px solid rgba(145, 182, 214, .8);
}
:root.tomorrow .opContainer.filter-highlight,
:root.tomorrow .filter-highlight > .reply { :root.tomorrow .filter-highlight > .reply {
border-left: 3px solid rgba(129, 162, 190, .9); box-shadow: inset 5px 0 rgba(145, 182, 214, .5);
} }
:root.tomorrow.highlight-own .yourPost > div.sideArrows, :root.tomorrow.highlight-own .yourPost > div.sideArrows,
:root.tomorrow.highlight-you .quotesYou > div.sideArrows, :root.tomorrow.highlight-you .quotesYou > div.sideArrows,
:root.tomorrow .filter-highlight > div.sideArrows { :root.tomorrow .filter-highlight > div.sideArrows {
color: rgba(129, 162, 190, .9); color: rgb(155, 185, 210);
} }
:root.tomorrow.highlight-own .yourPost.opContainer, :root.tomorrow .filter-highlight .catalog-thumb,
:root.tomorrow.highlight-you .quotesYou.opContainer, :root.tomorrow .filter-highlight .werkTyme-filename {
:root.tomorrow .opContainer.filter-highlight { box-shadow: 0 0 3px 3px rgba(64, 192, 255, .7);
border-left: 3px solid rgba(129, 162, 190, .9);
} }
:root.tomorrow .catalog-thread.watched .catalog-thumb, :root.tomorrow .catalog-thread.watched .catalog-thumb,
:root.tomorrow .filter-highlight .catalog-thumb, :root.tomorrow .catalog-thread.watched .werkTyme-filename {
:root.tomorrow .catalog-thread.watched .werkTyme-filename,
:root.tomorrow .filter-highlight .werkTyme-filename {
border: 2px solid rgb(64, 192, 255); border: 2px solid rgb(64, 192, 255);
} }