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

Restore CSS I accidentally deleted

Browse Source 
This is Seaweed's stuff, and he kinda-sorta originally wrote the
stylesheets for a lot of these styles for 4chan (not 4chan X)
so it's probably best we leave them to his vision.
This commit is contained in:
Zixaphir 2014-02-28 19:12:13 -07:00
parent 811e3ccaf3
commit 6c4e97b388
8 changed files with 179 additions and 51 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

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

@ -8,13 +8,23 @@
}
/* Header */
:root.burichan #header-bar.dialog {
background-color: rgba(214,218,240,0.98);
}
:root.burichan #header-bar, :root.burichan #header-bar #notifications {
:root.burichan #header-bar {
font-size: 11pt;
color: #89A;
}
:root.burichan #header-bar a {
:root.burichan #header-bar a, :root.burichan #notifications a {
color: #34345C;
}
:root.burichan.fixed #custom-board-list .current {
border-bottom: 1px solid rgba(30, 30, 255, 0.2);
}
:root.burichan.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(255,0,0,0.2);
}
/* Settings */
:root.burichan #fourchanx-settings fieldset {
@ -31,12 +41,6 @@
}
/* QR */
:root.burichan #qr select {
color: #34345C;
}
:root.burichan #qr select:hover {
color: #DD0000;
}
.burichan #dump-list::-webkit-scrollbar-thumb {
background-color: #D6DAF0;
border-color: #B7C5D9;
@ -44,6 +48,13 @@
:root.burichan .qr-preview {
background-color: rgba(0, 0, 0, .15);
}
:root.burichan .qr-link {
border-color: rgb(199, 203, 225) rgb(199, 203, 225) rgb(184, 188, 210);
background: linear-gradient(#E5E9FF, #D6DAF0) repeat scroll 0% 0% transparent;
}
:root.burichan .qr-link:hover {
background: #D9DDF3;
}
/* Menu */
:root.burichan #menu {
@ -59,3 +70,9 @@
:root.burichan .thumb > .menu-button > i {
background: #EEF2FF;
}
/* Watcher Favicon */
:root.burichan .watch-thread-link {
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
}

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

@ -8,13 +8,22 @@
}
/* Header */
:root.futaba #header-bar {
:root.futaba #header-bar.dialog {
background-color: rgba(240,224,214,0.98);
}
:root.futaba #header-bar, :root.futaba #notifications {
font-size: 11pt;
color: #B86;
}
:root.futaba #header-bar a {
:root.futaba #header-bar a, :root.futaba #notifications a {
color: #800000;
}
:root.futaba.fixed #custom-board-list a.current {
border-bottom: 1px solid rgba(178,0,0,0.2);
}
:root.futaba.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(255,0,0,0.2);
}
/* Settings */
:root.futaba #fourchanx-settings fieldset {
@ -30,13 +39,8 @@
background-color: rgba(255, 255, 255, .14);
}
/* QR */
:root.futaba #qr select {
color: #00E;
}
:root.futaba #qr select:hover {
color: red;
}
.futaba #dump-list::-webkit-scrollbar-thumb {
background-color: #F0E0D6;
border-color: #D9BFB7;
@ -44,8 +48,15 @@
:root.futaba .qr-preview {
background-color: rgba(0, 0, 0, .15);
}
:root.futaba .qr-link {
border-color: rgb(225, 209, 199) rgb(225, 209, 199) rgb(210, 194, 184);
background: linear-gradient(#FFEFE5, #F0E0D6) repeat scroll 0% 0% transparent;
}
:root.futaba .qr-link:hover {
background: #F0E0D6;
}
/* Menu */
/* Menu */
:root.futaba #menu {
color: #800000;
}
@ -59,3 +70,9 @@
:root.futaba .thumb > .menu-button > i {
background: #FFE;
}
/* Watcher Favicon */
:root.futaba .watch-thread-link
{
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
}

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

@ -8,12 +8,21 @@
}
/* Header */
:root.photon #header-bar {
:root.photon #header-bar.dialog {
background-color: rgba(221,221,221,0.98);
}
:root.photon #header-bar, :root.photon #notifications {
font-size: 9pt;
color: #333;
}
:root.photon #header-bar a {
color: #F60;
:root.photon #header-bar a, :root.photon #notifications a {
color: #FF6600;
}
:root.photon.fixed #custom-board-list a.current {
border-bottom: 1px solid rgba(0,74,153,0.2);
}
:root.photon.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(255,51,0,0.2);
}
/* Settings */
@ -31,12 +40,6 @@
}
/* QR */
:root.photon #qr select {
color: #F60;
}
:root.photon #qr select:hover {
color: #FF3300;
}
.photon #dump-list::-webkit-scrollbar-thumb {
background-color: #DDD;
border-color: #CCC;
@ -44,6 +47,13 @@
:root.photon .qr-preview {
background-color: rgba(0, 0, 0, .15);
}
:root.photon .qr-link {
border-color: rgb(206, 206, 206) rgb(206, 206, 206) rgb(191, 191, 191);
background: linear-gradient(#ECECEC, #DDD) repeat scroll 0% 0% transparent;
}
:root.photon .qr-link:hover {
background: #DDDDDD;
}
/* Menu */
:root.photon #menu {
@ -59,3 +69,14 @@
:root.photon .thumb > .menu-button > i {
background: #EEE;
}
/* Watcher Favicon */
:root.photon .watch-thread-link {
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(51,51,51)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
}
/* Board Title */
:root.photon div.boardTitle {
font-family: sans-serif !important;
text-shadow: 1px 1px 1px rgba(0,74,153,0.6);
}

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

@ -8,13 +8,22 @@
}
/* Header */
:root.tomorrow #header-bar {
:root.tomorrow #header-bar.dialog {
background-color: rgba(40,42,46,0.9);
}
:root.tomorrow #header-bar, :root.tomorrow #notifications {
font-size: 9pt;
color: #C5C8C6;
}
:root.tomorrow #header-bar a {
:root.tomorrow #header-bar a, :root.tomorrow #notifications a {
color: #81A2BE;
}
:root.tomorrow.fixed #custom-board-list a.current {
border-bottom: 1px solid rgba(83,124,160,0.4);
}
:root.tomorrow.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(95,137,172,0.4);
}
/* Settings */
:root.tomorrow #fourchanx-settings fieldset {
@ -31,12 +40,6 @@
}
/* QR */
:root.tomorrow #qr select {
color: #81A2BE;
}
:root.tomorrow #qr select:hover {
color: #5F89AC;
}
.tomorrow #dump-list::-webkit-scrollbar-thumb {
background-color: #282A2E;
border-color: #111;
@ -44,6 +47,22 @@
:root.tomorrow .qr-preview {
background-color: rgba(255, 255, 255, .15);
}
:root.tomorrow #qr .field {
background-color: rgb(26, 27, 29);
color: rgb(197,200,198);
border-color: rgb(40, 41, 42);
}
:root.tomorrow #qr .field:focus {
border-color: rgb(129, 162, 190) !important;
background-color: rgb(30,32,36);
}
:root.tomorrow .qr-link {
border-color: rgb(25, 27, 31) rgb(25, 27, 31) rgb(10, 12, 16);
background: linear-gradient(#37393D, #282A2E) repeat scroll 0% 0% transparent;
}
:root.tomorrow .qr-link:hover {
background: #282A2E;
}
/* Menu */
:root.tomorrow #menu {
@ -59,3 +78,15 @@
:root.tomorrow .thumb > .menu-button > i {
background: #1D1F21;
}
/* Watcher Favicon */
:root.tomorrow .watch-thread-link
{
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(197,200,198)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
}
/* Board Title */
:root.tomorrow div.boardTitle {
font-family: sans-serif !important;
text-shadow: 1px 1px 1px rgba(167,170,168,0.6);
}

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

@ -8,13 +8,22 @@
}
/* Header */
:root.yotsuba-b #header-bar {
:root.yotsuba #header-bar.dialog {
background-color: rgba(240,224,214,0.98);
}
:root.yotsuba #header-bar, :root.yotsuba #notifications {
font-size: 9pt;
color: #89A;
}
:root.yotsuba-b #header-bar a {
:root.yotsuba #board-list a, :root.yotsuba #shortcuts a {
color: #34345C;
}
:root.yotsuba.fixed #custom-board-list a.current {
border-bottom: 1px solid rgba(178,0,0,0.2);
}
:root.yotsuba.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(255,0,0,0.2);
}
/* Settings */
:root.yotsuba-b #fourchanx-settings fieldset {
@ -31,12 +40,6 @@
}
/* QR */
:root.yotsuba-b #qr select {
color: #34345C;
}
:root.yotsuba-b #qr select:hover {
color: #DD0000;
}
.yotsuba-b #dump-list::-webkit-scrollbar-thumb {
background-color: #D6DAF0;
border-color: #B7C5D9;
@ -44,6 +47,12 @@
:root.yotsuba-b .qr-preview {
background-color: rgba(0, 0, 0, .15);
}
-:root.yotsuba.fixed #custom-board-list a.current {
border-bottom: 1px solid rgba(178,0,0,0.2);
}
:root.yotsuba.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(255,0,0,0.2);
}
/* Menu */
:root.yotsuba-b #menu {
@ -59,3 +68,14 @@
:root.yotsuba-b .thumb > .menu-button > i {
background: #EEF2FF;
}
/* Watcher Favicon */
:root.yotsuba .watch-thread-link {
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
}
/* Board Title */
:root.yotsuba div.boardTitle {
font-family: sans-serif !important;
text-shadow: 1px 1px 1px rgba(100,0,0,0.6);
}

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

@ -8,13 +8,22 @@
}
/* Header */
:root.yotsuba #header-bar {
:root.yotsuba-b #header-bar.dialog {
background-color: rgba(214,218,240,0.98);
}
:root.yotsuba-b #header-bar, :root.yotsuba-b #notifications {
font-size: 9pt;
color: #B86;
}
:root.yotsuba #header-bar a {
:root.yotsuba-b #board-list a, :root.yotsuba-b #shortcuts a {
color: #800000;
}
:root.yotsuba-b.fixed #custom-board-list .current {
border-bottom: 1px solid rgba(30, 30, 255, 0.2);
}
:root.yotsuba-b.fixed #custom-board-list .current:hover {
border-bottom-color: rgba(255,0,0,0.2);
}
/* Settings */
:root.yotsuba #fourchanx-settings fieldset {
@ -31,12 +40,6 @@
}
/* QR */
:root.yotsuba #qr select {
color: #00E;
}
:root.yotsuba #qr select:hover {
color: red;
}
.yotsuba #dump-list::-webkit-scrollbar-thumb {
background-color: #F0E0D6;
border-color: #D9BFB7;
@ -44,6 +47,13 @@
:root.yotsuba .qr-preview {
background-color: rgba(0, 0, 0, .15);
}
:root.yotsuba-b .qr-link {
border-color: rgb(199, 203, 225) rgb(199, 203, 225) rgb(184, 188, 210);
background: linear-gradient(#E5E9FF, #D6DAF0) repeat scroll 0% 0% transparent;
}
:root.yotsuba-b .qr-link:hover {
background: #D9DDF3;
}
/* Menu */
:root.yotsuba #menu {
@ -59,3 +69,15 @@
:root.yotsuba .thumb > .menu-button > i {
background: #FFE;
}
/* Watcher Favicon */
:root.yotsuba-b .watch-thread-link
{
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
}
/* Board Title */
:root.yotsuba-b div.boardTitle {
font-family: sans-serif !important;
text-shadow: 1px 1px 1px rgba(105,10,15,0.6);
}