/theme/ - Custom Stylesheets

Someone has to do it.


New Reply on thread #2
X
Max 20 files0 B total
[New Reply]

[Index] [Catalog] [Banners] [Logs]
Posting mode: Reply [Return]


thumbnail of 1.png
thumbnail of 1.png
1 png
(66.53 KB, 1348x602)
thumbnail of 2.png
thumbnail of 2.png
2 png
(63.76 KB, 1007x290)
True Yotsuba B
version 1

Provides slightly more contrast than the default endchan CSS.

CSS


/* page top */

nav { background-color: #D6DAF0; }
body {
    background: #EEF2FF url("https://endchan.xyz/theme/media/2.png") repeat-x 50% 0%;
    color: #000000;
}
.boardHeader p { color: #af0a0f; }

/* post form */

.form-post th { background-color: #98e; }

/* thread/post report and management form */

.contentAction, #transferControls, #ipDelete {
    background-color: #d6daf0;
    border-color: #B7C5D9;
}

/* posts */

.innerPost, .markedPost {
    background-color: #D6DAF0;
    border-color: #B7C5D9;
}
.markedPost { background-color: #D6BAD0; }
.linkName { color: #0F0C5D; }
.linkName:hover { color: #ff0000; }
.noEmailName, .noEmailName:hover { color: #117743; }
.quoteLink { color: #ff0000; }
.linkSelf { color: #000; }
.linkSelf:hover { color: #ff0000; }
.linkQuote { color: #000; }
.linkQuote:hover { color: #ff0000; }
.labelSubject { color: #0F0C5D; }
.labelRole { color: #ff0000; }
.divBanMessage { color: #ff0000; }

/* markdown */

.greenText { color: #789922; }

.redText { color: #AF0A0F; }

span.spoiler {
    background: #000;
    color: #000;
}

.spoiler:hover {
    color: #000;
    background-color: #d6daf0;
}

/* catalog */

.red { color: #af0a0f; }
.catalogCell {
    background-color: rgba(182, 182, 182 ,0.12);
    border: 2px solid rgba(111, 111, 111, 0.34);
}

thumbnail of 1.png
thumbnail of 1.png
1 png
(399.82 KB, 1349x602)
thumbnail of 2.png
thumbnail of 2.png
2 png
(22.18 KB, 422x568)
thumbnail of 3.png
thumbnail of 3.png
3 png
(200.21 KB, 849x579)
Yotsuba
version 1

Slightly more Yotsuba than 8chan's version even. (You can pretend you're moot again.)

CSS


nav {
    background-color: #F0E0D6;
    color: #B86;
    border-bottom: 1px solid #800;
}
nav a {
    color: #800;
}
body {
    background: #ffe url("https://endchan.xyz/theme/media/3.png") repeat-x 50% 0%;
    color: #800000;
}
.boardHeader p { color: #af0a0f; }

/* post form */

.form-post th { background-color: #EA8; }

/* thread/post report and management form */

.contentAction, #transferControls, #ipDelete {
    background: #f0e0d6;
    border-color: #d9bfb7;
}

/* posts */

.innerPost, .markedPost {
    background: #f0e0d6;
    border-color: #d9bfb7;
}
.markedPost { background-color: #f0c0b0; }
.linkName { color: #0F0C5D; }
.linkName:hover { color: #ff0000; }
.noEmailName, .noEmailName:hover { color: #117743; }
.quoteLink { color: #ff0000; }
.linkSelf { color: #800000; }
.linkSelf:hover { color: #d00; }
.linkQuote { color: #800000; }
.linkQuote:hover { color: #d00; }
.labelSubject { color: #d00; }
.labelRole { color: #ff0000; }
.divBanMessage { color: #ff0000; }

/* markdown */

.greenText { color: #789922; }

.redText { color: #d00; }

span.spoiler {
    background: #000;
    color: #000;
}

.spoiler:hover {
    color: #800000;
    background-color: #f0e0d6;
}

/* catalog */

.red { color: #af0a0f; }
.catalogCell {
    background-color: rgba(182, 182, 182 ,0.12);
    border: 2px solid rgba(111, 111, 111, 0.34);
}

thumbnail of 1.png
thumbnail of 1.png
1 png
(18.01 KB, 545x551)
thumbnail of 2.png
thumbnail of 2.png
2 png
(21.83 KB, 643x265)
Tomorrow
version 2

Fixed the post number link color.

CSS


/* page top */

nav {
    background-color: #1d1f21;
    color: #C5C8C6;
    border-bottom: 1px solid #000;
}
nav a {
    color: #81a2be;
}
body {
    background: #1d1f21 none;
    color: #C5C8C6;
}
.boardHeader p { color: #C5C8C6; }
a, a:visited { color: #81a2be; }
a:hover { color: #5F89AC; }
div#modeBanner {
    color: #C5C8C6;
    background-color: #1d1f21;
}

/* post form */

.form-post th { background-color: #282a2e; }

/* thread/post report and management form */

.contentAction, #transferControls, #ipDelete {
    background: #282a2e;
    border-color: #282a2e;
}

/* posts */

.innerPost, .markedPost {
    background: #282a2e;
    border-color: #282a2e;
}
.markedPost { 
    background-color: #1d1d21; 
    border:1px solid #111;
}
.linkName { color: #81a2be; }
.linkName:hover { color: #F20; }
.noEmailName, .noEmailName:hover { color: #C5C8C6; }
.quoteLink { color: #81a2be; }
.linkSelf { color: #C5C8C6; }
.linkSelf:hover { color: #5F89AC; }
.linkQuote { color: #C5C8C6; }
.linkQuote:hover { color: #5F89AC; }
.labelSubject { color: #b294bb; }
.labelRole { 
    color: #ff0000; 
    background-color: #000;
}
.divBanMessage { color: #C5C8C6; }

/* markdown */

.greenText { color: #adbd68; }

.redText { color: #F20; }

span.spoiler {
    background: #000;
    color: #000;
}

.spoiler:hover {
    color: #C5C8C6;
    background-color: #282a2e;
}

/* catalog */

.red { color: #af0a0f; }
.catalogCell {
    background-color: rgba(182, 182, 182 ,0.12);
    border: 2px solid rgba(111, 111, 111, 0.34);
}

thumbnail of a.png
thumbnail of a.png
a png
(1.62 MB, 1894x6282)
DarkEnd
Version = 1.1

Makes everything dark. Further updates can be found at the links below.
>>>/darkend/
https://userstyles.org/styles/122811/enddark

> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;"

CSS

/*Name: DarkEnd
 *Version: 1.1
 */

/*Base*/
body {
    color: #898888;
    background: #0B0B0B;}
hr {
    border: 1px solid #535353;}
a {
    color: #9393DE;}
#bannerImage {
    width: 50%;}

/*Nav Bar*/
nav {
    background-color: #121212;
    border-bottom: 1px solid #535353;}

/*Front Page*/
h2 {
    float: right;
    margin-right: 2.5em;}
#topBox, #newsBox, #divBoards, #divLatestPosts, #divLatestImages{
    background-color: #121212;
    border: solid 1px #535353;}
#innerWrapper {
    width: 60%;}
#divLatestImages {
    max-width: none;}
footer {
    background-color: #121212;
    border-top: solid 1px #535353;}

/*Account Page*/
.settings{
    background-color: #121212;
    border: solid 1px #535353;}
input {
    color: #898888;
    background-color: #121212;
    border: solid 1px #535353;}

/*Board Mangment Page*/
.settings textarea{
    color: #898888;
    background-color: #121212;
    border: solid 1px #535353;}

/*Board Page*/
#boardsCellHeader span {
    color: #898888;
    background-color: #121212;
    border: solid 1px #535353;}
.boardsCell:nth-of-type(odd) span {
    background-color: #121212;
    color: #898888;
    border: solid 1px #535353;}

DarkEnd (continued)


/*Title*/
#labelName {
    text-transform: uppercase;
    font-weight: bold;}
#labelDescription {
    font-weight: bold;}

/*Form*/
.form-post {
    background: #121212;
    color: #898888;
    border: solid 1px #535353;
    padding: 1em;}
.form-post th {
    color: #898888;
    background-color: #121212;
    border: solid 1px #535353;}
#fieldName, #fieldEmail, #fieldSubject, #fieldMessage, #fieldPostingPassword {
    background-color: #121212;
    color: #898888;
    border: solid 1px #535353;}
#postBox textarea {
    width: 18.5em;}
#fieldName, #fieldEmail, #fieldPostingPassword {
    width: 18.8em;}
button {
    background-color: #121212;
    color: #898888;
    border: solid 1px #535353;
    margin-left: 3px;}

/*Post*/
.innerPost, .markedPost {
    background-color: #121212;
    max-width: 100%;
    border: solid 1px #535353;}
.labelSubject {
    color: #8E8ED7;}
.linkSelf, .linkQuote {
    color: #898888;}

/*In Thread*/
#modeBanner {
    color: #fff;
    background-color: #770A0D;
    padding-bottom: 0.1em;
    padding-top: 0.1em;}

/*Report Box*/
.contentAction, #transferControls, #ipDelete {
    margin-top: 2em;
    background-color: #121212;
    border: solid 1px #535353;
    padding: 0.5em;
    margin: 3em 0 1em 1em;}
#reportFieldReason {
    margin-left: 2em}
#deletionFieldPassword {
    margin-left: 0.6em;}
#reportFieldReason, #deletionFieldPassword {
    background-color: #121212;
    border: 1px solid #535353;}
#transferControls, #ipDelete {
    display: none}

End of CSS

Licensed under CC-BY 4.0

BO Edit: Please post the CSS in full even if it requires more than one post. I removed some of the blank lines and it still didn't fit, so I understand where you're coming from.


DarkEnd
Version = 1.2

Makes everything dark.

> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;"

CSS
Get it at:
https://spit.mixtape.moe/view/7d4dc7f9
https://userstyles.org/styles/122811/darkend
CSS to big to post






DarkEnd
Version = 1.4

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
08.01.16 | update 1.4
- Add catalog support

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;"

CSS
Get it at:
https://spit.mixtape.moe/view/5f0c6ba0
https://userstyles.org/styles/122811/darkend
[spoiler]CSS to big to post[spoiler]



thumbnail of a.PNG
thumbnail of a.PNG
a PNG
(93.94 KB, 1858x600)
DarkEnd
Version = 1.5

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
08.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;"

CSS
Get it at:
https://spit.mixtape.moe/view/a7f0827d
https://userstyles.org/styles/122811/darkend
CSS to big to post

PS. I can not for the life of me get the report box to center if anyone can help I would appreciate it.


DarkEnd
Version = 1.6

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
08.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report Changes.

Tell Me
I am now will take request for features or your own custom CSS for your board.

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;"

CSS
Get it at:

https://userstyles.org/styles/122811/darkend
CSS to big to post




DarkEnd
Version = 1.6.2

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
09.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report box.


Requested Updates
10.01.16 | update 1.6.1
- Change colour of the name.
10.01.16 | update 1.6.2
- Change colour of the subject.

Tell Me
I am now will take request for features or your own custom CSS for your board.

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;". Version 1.6 the is no text transformation so you do not need to change anything.

> can you change the color of subject or name? right now their the same color.
Done name and subject have been change to different colours.

CSS
Try it at:
https://endchan.xyz/darkend/

Get it at:
https://spit.mixtape.moe/view/abf28cbc
https://userstyles.org/styles/122811/darkend




DarkEnd
Version = 1.6.2

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
09.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report box.
14.01.16 | update 1.7
- Semi fix multi image posts

Requested Updates
10.01.16 | update 1.6.1
- Change colour of the name.
10.01.16 | update 1.6.2
- Change colour of the subject.

Tell Me
I am now will take request for features or your own custom CSS for your board.

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;". Version 1.6 the is no text transformation so you do not need to change anything.

> can you change the color of subject or name? right now their the same color.
Done name and subject have been change to different colours.

CSS
Try it at:
https://endchan.xyz/darkend/

Get it at:
https://spit.mixtape.moe/view/52b525b0
https://userstyles.org/styles/122811/darkend
CSS to big to post

DarkEnd
Version = 1.8beta

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
09.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report box.
14.01.16 | update 1.7
- Semi fix multi image posts
15.01.16 | update 1.8beta
- Fix CSS resting


Requested Updates
10.01.16 | update 1.6.1
- Change colour of the name.
10.01.16 | update 1.6.2
- Change colour of the subject.

Tell Me
I am now will take request for features or your own custom CSS for your board.

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;". Version 1.6 the is no text transformation so you do not need to change anything.

> can you change the color of subject or name? right now their the same color.
Done name and subject have been change to different colours.

CSS
Try it at:
https://endchan.xyz/darkend/

Get it at:
https://spit.mixtape.moe/view/428746ea
https://userstyles.org/styles/122811/darkend
CSS to big to post


DarkEnd
Version = 2.0

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
09.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report box.
14.01.16 | update 1.7
- Semi fix multi image posts
15.01.16 | update 1.8beta
- Fix CSS resting
17.01.16 | update 2.0
- Quick reply box support.


Requested Updates
10.01.16 | update 1.6.1
- Change colour of the name.
10.01.16 | update 1.6.2
- Change colour of the subject.

Tell Me
I am now will take request for features or your own custom CSS for your board.

What is it
Makes everything dark.

Support
> is there a way to turn off all caps in the board title?

Go to the title part and remove "text-transform: uppercase;". Version 1.6 the is no text transformation so you do not need to change anything.

> can you change the color of subject or name? right now their the same color.

Done name and subject have been change to different colours.

CSS
Try it at:
https://endchan.xyz/darkend/

Get it at:
https://spit.mixtape.moe/view/965932af
https://userstyles.org/styles/122811/darkend
CSS to big to post

DarkEnd
Description = This theme makes every part of endchan dark. Alos everything in this theme is subject to change. Also I welcome people's opinions about on the theme so if you feel something should change tell me.
Version = 2.1

Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
09.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report box.
14.01.16 | update 1.7
- Semi fix multi image posts
15.01.16 | update 1.8beta
- Fix CSS resting
17.01.16 | update 2.0
- Quick reply box support.
19.01.16 | update 2.1
- Center report box.
- Some small fixes.


Requested Updates
10.01.16 | update 1.6.1
- Change colour of the name.
10.01.16 | update 1.6.2
- Change colour of the subject.

Tell Me
I am now will take request for features or your own custom CSS for your board.

Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;". Version 1.6 the is no text transformation so you do not need to change anything.

> can you change the color of subject or name? right now their the same color.
Done name and subject have been change to different colours.

CSS
Try it at:
https://endchan.xyz/darkend/

Get it at:
https://spit.mixtape.moe/view/cd027081
https://userstyles.org/styles/122811/darkend
CSS to big to post




DarkEnd
Description = This theme makes every part of endchan dark. Alos everything in this theme is subject to change. Also I welcome people's opinions about on the theme so if you feel something should change tell me.
Version = 2.3


Updates
08.01.16 | update 1.1 
- Made banner images smaller
08.01.16 | update 1.2
- Add custom highlighting
- Fix Spoiler
08.01.16 | update 1.3
- Added custom scroll bar 
- Clean up code
- Bug fixes
09.01.16 | update 1.4
- Add catalog support
10.01.16 | update 1.5
- Footer area changes.
10.01.16 | update 1.6
- Report box.
14.01.16 | update 1.7
- Semi fix multi image posts
15.01.16 | update 1.8beta
- Fix CSS resting
17.01.16 | update 2.0
- Quick reply box support.
19.01.16 | update 2.1
- Center report box.
- Some small fixes.
19.01.16 | update 2.2
- Fixed colour where I change the colours and did not realise
23.01.16 | update 2.3
- Bug fixes

Requested Updates
10.01.16 | update 1.6.1
- Change colour of the name.
10.01.16 | update 1.6.2
- Change colour of the subject.


Tell Me
I am now will take request for features or your own custom CSS for your board.


Support
> is there a way to turn off all caps in the board title?
Go to the title part and remove "text-transform: uppercase;". Version 1.6 the is no text transformation so you do not need to change anything.

> can you change the color of subject or name? right now their the same color.
Done name and subject have been change to different colours.


CSS
Try it at:
https://endchan.xyz/darkend/

Get it at:
https://spit.mixtape.moe/view/c52aa946
https://userstyles.org/styles/122811/darkend
CSS to big to post


DarkEnd
Version = 2.3


Description
This is the beta for DarkEnd please leave feedback on what you liked and what you disliked.


Tell Me
I am now willing to take request for features or your own custom CSS for your board.


Support


CSS
Get it at:
https://userstyles.org/styles/123633/darkend-beta-branch




 >>/53/
DarkEnd
Version LIVE EndChan version

Description
This finishes everything else that was still bright. Plus includes the correct !important overrides to work against the global stylesheet. I'm not even sure what version this is based on as >>>/darkend/ looks different.

Support
See  >>/53/

CSS
https://spit.mixtape.moe/view/94b4670c



Post(s) action:


Moderation Help
Scope:
Duration: Days

Ban Type:


41 replies | 14 file
New Reply on thread #2
Max 20 files0 B total