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

Restyle header a bit, close #220

Browse Source
This commit is contained in:
Jordan 2014-01-09 01:55:52 -07:00
parent 0eae013b0b
commit feca837cbc
9 changed files with 57 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
builds/4chan-X.user.js
View File

File diff suppressed because one or more lines are too long

2
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

6
src/General/css/burichan.css
View File

@ -15,6 +15,12 @@
:root.burichan #header-bar a, :root.burichan #header-bar #notifications a {
color: #34345C;
}
:root.burichan #custom-board-list .current {
border-bottom: 1px solid #2F4DC6;
}
:root.burichan #custom-board-list .current:hover {
border-bottom-color: #ff0000;
}
/* Settings */
:root.burichan #fourchanx-settings fieldset {

6
src/General/css/futaba.css
View File

@ -15,6 +15,12 @@
:root.futaba #header-bar a, :root.futaba #notifications a {
color: #800000;
}
:root.futaba #custom-board-list a.current {
border-bottom: 1px solid #b20000;
}
:root.futaba #custom-board-list .current:hover {
border-bottom-color: #ff0000;
}
/* Settings */
:root.futaba #fourchanx-settings fieldset {

6
src/General/css/photon.css
View File

@ -15,6 +15,12 @@
:root.photon #header-bar a, :root.photon #notifications a {
color: #FF6600;
}
:root.photon #custom-board-list a.current {
border-bottom: 1px solid #004A99;
}
:root.photon #custom-board-list .current:hover {
border-bottom-color: #FF3300;
}
/* Settings */
:root.photon #fourchanx-settings fieldset {

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

@ -1,10 +1,16 @@
/* General */
.dialog {
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
border: 1px solid;
display: block;
padding: 0;
}
.dialog:not(#qr):not(#thread-watcher):not(#header-bar) {
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
#qr,
#thread-watcher {
box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.25);
}
.captcha-img,
.field {
background-color: #FFF;
@ -144,6 +150,11 @@ div.center:not(.ad-cnt) {
#header-bar {
border-width: 0;
transition: all .1s .05s ease-in-out;
box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.20);
opacity: 0.98;
}
#custom-board-list .current {
padding: 1px 1px 4px 1px;
}
:root.centered-links #shortcuts {
width: 300px;
@ -152,6 +163,9 @@ div.center:not(.ad-cnt) {
:root.centered-links #header-bar {
text-align: center;
}
#board-list {
font-size: 13px;
}
:root.centered-links #custom-board-list {
position: relative;
left: 150px;
@ -206,6 +220,8 @@ div.center:not(.ad-cnt) {
}
#header-bar a:not(.entry):not(.close) {
text-decoration: none;
}
#header-bar a:not(.entry):not(.close):not(.current) {
padding: 1px;
}
#header-bar input {

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

@ -12,6 +12,12 @@
:root.tomorrow #header-bar a, :root.tomorrow #notifications a {
color: #81A2BE;
}
:root.tomorrow #custom-board-list a.current {
border-bottom: 1px solid #537ca0;
}
:root.tomorrow #custom-board-list .current:hover {
border-bottom-color: #5F89AC;
}
/* Settings */
:root.tomorrow #fourchanx-settings fieldset {

8
src/General/css/yotsuba-b.css
View File

@ -12,9 +12,15 @@
font-size: 9pt;
color: #89A;
}
:root.yotsuba #board-list a, :root.yotsuba #shortcuts a {
:root.yotsuba-b #board-list a, :root.yotsuba-b #shortcuts a {
color: #34345C;
}
:root.yotsuba-b #custom-board-list .current {
border-bottom: 1px solid #2F4DC6;
}
:root.yotsuba-b #custom-board-list .current:hover {
border-bottom-color: #ff0000;
}
/* Settings */
:root.yotsuba-b #fourchanx-settings fieldset {

8
src/General/css/yotsuba.css
View File

@ -12,9 +12,15 @@
font-size: 9pt;
color: #B86;
}
:root.yotsuba #header-bar a {
:root.yotsuba #board-list a, :root.yotsuba #shortcuts a {
color: #800000;
}
:root.yotsuba #custom-board-list a.current {
border-bottom: 1px solid #b20000;
}
:root.yotsuba #custom-board-list .current:hover {
border-bottom-color: #ff0000;
}
/* Settings */
:root.yotsuba #fourchanx-settings fieldset {