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-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 */
.threadContainer {
margin-left: 20px;
@ -1030,10 +1014,6 @@ input[name="Default Volume"] {
-webkit-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 */
#navlinks {
@ -1045,16 +1025,39 @@ input[name="Default Volume"] {
display: none;
}
/* Filter */
.opContainer.filter-highlight {
box-shadow: inset 5px 0 rgba(255, 0, 0, .5);
/* Highlighting */
.qphl {
outline: 2px solid rgba(216, 94, 49, .7);
}
:root.highlight-own .yourPost > .reply,
:root.highlight-you .quotesYou > .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,
.filter-highlight .catalog-thumb {
border: 2px solid rgba(255, 0, 0, .5);
.filter-highlight .catalog-thumb,
.catalog-thread.watched .werkTyme-filename,
.filter-highlight .werkTyme-filename {
border: 2px solid rgba(221, 0, 0, .7);
}
/* Spoiler text */

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

@ -38,7 +38,10 @@
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 {
color: #B5BD68;
}
@ -50,16 +53,29 @@
background-color: rgba(0, 0, 0, .14);
}
: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);
}
: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);
opacity: 1;
}
:root.tomorrow.highlight-own .yourPost .hide-reply-button > .fa:before,
:root.tomorrow.highlight-you .quotesYou .hide-reply-button > .fa:before {
color: rgba(129, 162, 190, .7);
:root.tomorrow.highlight-you .quotesYou .hide-reply-button > .fa:before,
: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 */