edited version of Dark4chan by eXo-Necro
Dark4chan modified by GitEin11
Details
AuthorGitEin11
LicenseNo License
Category4chan.org
Created
Updated
Size32 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Dark4chan modified
@namespace USO Archive
@author ein
@description edited version of Dark4chan by eXo-Necro
@version 1.0.1
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("4chan.org"),
domain("4channel.org") {
@font-face {
font-family: 'Montserrat';
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/rBHvpRWBkgyW99dXT88n7yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/NX1NravqaXESu9fFv7KuqiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
}
@font-face {
font-family: 'Kaushan Script';
src: url(https://fonts.gstatic.com/s/kaushanscript/v5/qx1LSqts-NtiKcLw4N03IJsM3FTMmj2kTPH3yX99Yaw.woff2);
}
@font-face {
font-family: 'font-awesome';
src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2);
}
@media only screen and (max-width: 480px) {
.yotsuba_b_new .mobilebtn .btn-wrap,
.burichan_new .mobilebtn .btn-wrap {
background-color: #0000;
background-image: none;
border: 1px solid #0000;
}
.button {
background-color: #0000;
border: 1px solid #0000;
background-image: none;
}
div.post div.postInfoM {
border-bottom: 1px solid #0000;
background-color: #0000;
}
div.replyContainer {
background-color: #232323;
}
div.opContainer {
background-color: #0000;
}
div.reply {
box-shadow: none !important;
border: 0 !important;
margin-left: 0 !important;
width: calc(100%) !important;
}
div.thread > div > div.reply {
margin-left: 0% !important;
}
.backlink.mobile {
background-color: #0000;
border-top: 1px solid #0000;
}
}
/* scrollbar */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-thumb {
background: rgba(84, 204, 102, 0.4);
-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
background: #2c2c2c;
-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-corner {
background-color: #3a3939;
}
/* Header */
body.hasDropDownNav {
margin-top: 0;
}
div#boardNavDesktop {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 9001;
}
.boardList {
width: calc(100% - 110px);
display: inline-block;
color: transparent;
}
.boardList a {
position: relative;
z-index: 9002;
}
.boardList a:after {
content: "·";
margin-right: -10px;
padding-left: 2px;
cursor: pointer;
display: inline-block;
color: #747474!important;
pointer-events: none!important;
}
.boardList a:last-child:after,
.small .party-hat,
.extended-small .party-hat,
.party-hat {
display: none;
}
#navtopright,
#navbotright {
display: inline-block;
color: transparent;
}
#boardNavMobile .boardSelect:hover .custom-menu-ctrl {
color: transparent;
}
#boardNavMobile .boardSelect:hover .custom-menu-ctrl a {
-webkit-appearance: none;
background: #527d4c;
padding: 1px 4px!important;
color: #fff!important;
font-size: 10px;
text-align: center;
border-radius: 2px;
display: inline-block;
cursor: pointer;
outline: 0;
border: 0;
letter-spacing: .5px;
font-weight: bold;
}
#boardNavMobile .boardSelect:hover .custom-menu-ctrl a:hover {
-webkit-appearance: none;
background-color: #393939!important;
cursor: pointer;
color: #d1d1d1!important;
}
.persistentNav,
div#boardNavMobile,
div#boardNavDesktop,
:root.fixed:not(.centered-links) #header-bar {
padding: 6px!important;
color: #ccc!important;
background-color: #202020!important;
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3)!important;
border-top: 3px solid #498152!important;
border-bottom: none!important;
font-size: 9pt!important;
}
#custom-board-list {
color: #747474!important;
}
/******************************/
hr {
border-width: 0!important;
}
#hd {
margin-top: 120px;
}
a,
a:visited,
div.post div.postInfo span.postNum > a {
color: #747474!important;
}
body {
background: #191919!important;
color: #c3c3c3!important;
font-family: arial, helvetica, sans-serif!important;
font-size: 10pt!important;
}
html {
background: #191919!important;
}
div.boardBanner {
margin-top: 40px!important;
}
select {
background-color: #353535!important;
border: 0.0625rem solid #2f2f2f!important;
color: #a1a1a1!important;
}
body > h2 {
background: #527d4c;
border-color: #527d4c;
color: #fff;
}
body > h2 > .plus {
background: #364e33;
border-color: #6e926a;
}
body > h2 > .plus:hover {
background: #1b2a1c;
border-color: #50814d;
}
.pageJump a {
color: #c2c2c2!important;
}
#content > #ctrl {
padding: 6px!important;
background-color: #1f1f1f;
border: 1px solid #272727;
}
div.navLinks.desktop a,
span.navLinks.mobilebtn span a,
span.navLinks.mobilebtn span span {
font-weight: 600;
border-bottom: solid 2px #666;
padding-bottom: 2px;
-moz-transition: all 500ms cubic-bezier(.35, .34, .32, 1);
-o-transition: all 500ms cubic-bezier(.35, .34, .32, 1);
-webkit-transition: all 500ms cubic-bezier(.35, .34, .32, 1);
transition: all 500ms cubic-bezier(.35, .34, .32, 1);
}
div.navLinks.desktop a:hover,
span.navLinks.mobilebtn span a:hover,
span.navLinks.mobilebtn span span:hover {
border-bottom-color: #09f;
-moz-transition: all 500ms cubic-bezier(.35, .34, .32, 1);
-o-transition: all 500ms cubic-bezier(.35, .34, .32, 1);
-webkit-transition: all 500ms cubic-bezier(.35, .34, .32, 1);
transition: all 500ms cubic-bezier(.35, .34, .32, 1);
}
.navLinks {
padding-bottom: 8px;
color: transparent;
}
a,
.button,
a:hover,
.burichan_new .backlink a,
.yotsuba_b_new .backlink a,
.quoteLink,
.quotelink,
.deadlink,
a.replylink:not(:hover),
div#absbot a:not(:hover),
#arc-list .quotelink {
color: #747474!important;
text-decoration: none!important;
transition: all 0.1s!important;
}
a:hover,
.button:hover,
.burichan_new .backlink a:hover,
.yotsuba_b_new .backlink a:hover,
div.post div.postInfo span.postNum a:hover,
.posteruid .hand:hover,
.pageJump a:hover,
#arc-list .quotelink:hover,
a.quoteLink:hover,
a.quotelink:hover {
color: #e7e7e7!important;
transition: all 0.1s!important;
}
#togglePostFormLink {
color: transparent;
}
#togglePostFormLink a,
.qr-link-container .qr-link {
-webkit-appearance: none;
background: #527d4c!important;
padding: 8px 18px;
color: #fff!important;
font-size: 14px;
text-align: center;
border-radius: 2px;
margin-right: 5px;
margin-top: 5px;
display: inline-block;
cursor: pointer;
outline: 0;
border: 0;
}
#togglePostFormLink a:hover,
.qr-link-container .qr-link:hover {
-webkit-appearance: none;
background-color: #393939!important;
cursor: pointer;
color: #d1d1d1!important;
}
#postForm input[type="text"],
#postForm input[type="password"],
table.postForm > tbody textarea,
#recaptcha_response_field {
background-color: #1D1D1D;
font-size: 15px;
transition: none 0s ease 0s;
border: 1px solid #272727;
color: #c3c3c3;
}
#postForm input:focus {
border-color: #272727!important;
}
table.postForm textarea:focus {
border-color: #484848!important;
}
table.postForm > tbody > tr > td:first-child {
background-color: #222222;
border: 1px solid #2b2b2b;
color: #838383;
}
input {
font-size: 13px;
font-weight: 400;
color: #878787;
background: #282828;
padding: 3px 10px;
transition: all 0.3s ease;
border: none;
}
.postContainer.replyContainer:nth-child(even) > div.reply {
background-color: #232323;
}
div.thread > div:nth-of-type(2) > div.reply {
margin-top: 10px!important;
}
@media only screen and (min-width: 481px) {
div.thread > div > div.reply {
margin-left: 10%!important;
margin-top: 2px!important;
width: calc(100% - 20%);
display: inline-block;
}
}
div.reply {
background-color: #212121;
box-shadow: 2px 2px 2px #171717;
border: 1px solid #262626;
}
div.post div.postInfo {
background: #1d1d1d;
padding: 9px;
margin-bottom: 5px!important;
width: auto;
}
.catalog-post > .postInfo.postInfo {
background: transparent;
padding: 0;
margin-bottom: 0!important;
width: auto;
}
div.opContainer div.post div.postInfo {
background: none;
padding: 0;
}
div.boardSelect {
color: #ccc!important;
}
div.sideArrows,
img.middlead,
.middlead > div,
.middlead a img,
#bannerCnt img,
.adg-rects,
div#boardNavDesktopFoot,
#doc > #bd > div div[style="display:inline-block;width:300px;height:250px;margin:0 10px"] {
display: none!important;
}
.reply:target,
.reply.highlight,
div.post blockquote.postMessage .preview {
background: #232323!important;
border: 1px solid #527d4c!important;
}
#quote-preview,
.yotsuba_new #quote-preview.highlight {
box-shadow: rgb(19, 19, 19) 0px 0px 8px!important;
border: 1px soli...