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

Make highlighting more consistent.

Browse Source
This commit is contained in:
ccd0 2015-02-21 13:16:54 -08:00
parent e691de587c
commit 54e12f1423
2 changed files with 51 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -922,23 +922,7 @@ span.hide-announcement {
max-height: 80vh; max-height: 80vh;
max-width: 50vw; max-width: 50vw;
} }
.qphl {
outline: 2px solid rgba(216, 94, 49, .7);
}
:root.highlight-own .yourPost > .reply,
:root.highlight-you .quotesYou > .reply {
border-left: 3px solid rgba(221, 0, 0, .7);
}
:root.highlight-own .yourPost > div.sideArrows,
:root.highlight-you .quotesYou > div.sideArrows,
:root.highlight-own .yourPost .hide-reply-button > .fa:before,
:root.highlight-you .quotesYou .hide-reply-button > .fa:before {
color: rgba(221, 0, 0, .7);
}
:root.highlight-own .yourPost .hide-reply-button,
:root.highlight-you .quotesYou .hide-reply-button {
opacity: 1;
}
/* Quote Threading */ /* Quote Threading */
.threadContainer { .threadContainer {
margin-left: 20px; margin-left: 20px;
@ -1030,10 +1014,6 @@ input[name="Default Volume"] {
-webkit-align-self: stretch; -webkit-align-self: stretch;
align-self: stretch; align-self: stretch;
} }
.catalog-thread.watched .werkTyme-filename,
.filter-highlight .werkTyme-filename {
border: 2px solid rgba(255, 0, 0, .5);
}
/* Index/Reply Navigation */ /* Index/Reply Navigation */
#navlinks { #navlinks {
@ -1045,16 +1025,39 @@ input[name="Default Volume"] {
display: none; display: none;
} }
/* Filter */ /* Highlighting */
.opContainer.filter-highlight { .qphl {
box-shadow: inset 5px 0 rgba(255, 0, 0, .5); outline: 2px solid rgba(216, 94, 49, .7);
} }
:root.highlight-own .yourPost > .reply,
:root.highlight-you .quotesYou > .reply,
.filter-highlight > .reply { .filter-highlight > .reply {
box-shadow: -5px 0 rgba(255, 0, 0, .5); border-left: 3px solid rgba(221, 0, 0, .7);
}
:root.highlight-own .yourPost > div.sideArrows,
:root.highlight-you .quotesYou > div.sideArrows,
.filter-highlight > div.sideArrows,
:root.highlight-own .yourPost .hide-reply-button > .fa:before,
:root.highlight-you .quotesYou .hide-reply-button > .fa:before,
.filter-highlight .hide-reply-button > .fa:before {
color: rgb(221, 0, 0);
}
:root.highlight-own .yourPost > div.sideArrows,
:root.highlight-you .quotesYou > div.sideArrows,
.filter-highlight > div.sideArrows,
:root.highlight-own .yourPost .hide-reply-button:not(:hover),
:root.highlight-you .quotesYou .hide-reply-button:not(:hover),
.filter-highlight .hide-reply-button:not(:hover) {
opacity: 0.7;
}
.opContainer.filter-highlight {
box-shadow: inset 5px 0 rgba(221, 0, 0, .7);
} }
.catalog-thread.watched .catalog-thumb, .catalog-thread.watched .catalog-thumb,
.filter-highlight .catalog-thumb { .filter-highlight .catalog-thumb,
border: 2px solid rgba(255, 0, 0, .5); .catalog-thread.watched .werkTyme-filename,
.filter-highlight .werkTyme-filename {
border: 2px solid rgba(221, 0, 0, .7);
} }
/* Spoiler text */ /* Spoiler text */

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

@ -38,7 +38,10 @@
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
/* Quote */ /* Highlighting */
:root.tomorrow .qphl {
outline: 2px solid rgba(129, 162, 190, .7);
}
:root.tomorrow .catalog-thread > .comment > span.quote, :root.tomorrow #arc-list span.quote { :root.tomorrow .catalog-thread > .comment > span.quote, :root.tomorrow #arc-list span.quote {
color: #B5BD68; color: #B5BD68;
} }
@ -50,16 +53,29 @@
background-color: rgba(0, 0, 0, .14); background-color: rgba(0, 0, 0, .14);
} }
:root.tomorrow.highlight-own .yourPost > .reply, :root.tomorrow.highlight-own .yourPost > .reply,
:root.tomorrow.highlight-you .quotesYou > .reply { :root.tomorrow.highlight-you .quotesYou > .reply,
:root.tomorrow .filter-highlight > .reply {
border-left: 3px solid rgba(129, 162, 190, .7); border-left: 3px solid rgba(129, 162, 190, .7);
} }
: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 {
color: rgb(197, 200, 198); color: rgb(197, 200, 198);
opacity: 1;
} }
:root.tomorrow.highlight-own .yourPost .hide-reply-button > .fa:before, :root.tomorrow.highlight-own .yourPost .hide-reply-button > .fa:before,
:root.tomorrow.highlight-you .quotesYou .hide-reply-button > .fa:before { :root.tomorrow.highlight-you .quotesYou .hide-reply-button > .fa:before,
color: rgba(129, 162, 190, .7); :root.tomorrow .filter-highlight .hide-reply-button > .fa:before {
color: rgb(129, 162, 190);
}
:root.tomorrow .opContainer.filter-highlight {
box-shadow: inset 5px 0 rgba(129, 162, 190, .7);
}
:root.tomorrow .catalog-thread.watched .catalog-thumb,
:root.tomorrow .filter-highlight .catalog-thumb,
:root.tomorrow .catalog-thread.watched .werkTyme-filename,
:root.tomorrow .filter-highlight .werkTyme-filename {
border: 2px solid rgb(129, 162, 190);
} }
/* QR */ /* QR */