Skip to content

Kawaii 4Chan by totorimatops

Screenshot of Kawaii 4Chan

Details

Authortotorimatops

LicenseNO-REDISTRIBUTION

Category4chan.org

Created

Updated

Size9.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Nice kawaii style for 4chan. A little buggy. Maybe I'll fix some issues later OwO.

Notes

1.0 Fixed issue with hovering on replies that wouldn't highlight them.
1.1 Fixed Grey color of text when making new threads.

Source code

/* ==UserStyle==
@name           Kawaii 4Chan
@namespace      49944920
@author         Totorimatops
@description    `Kawaii 4chan version: Yotsuba B`
@version        22.03.23
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain(4chan.org), domain(boards.4channel.org), domain(4channel.org){

.thumb {border-radius: 7px;}
body {
/*background: linear-gradient(to top, #fffbe6 , #fbe7f4 );*/
      /*background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;]*/
    
  	color:#be41e1;
    /*background: #fff5f5;*/
background: url("https://i.pinimg.com/originals/85/d6/ab/85d6abb84e7a202a4b0f1fc35945a473.gif"), url("https://i.pinimg.com/originals/07/25/25/072525245a86d056e5d30e273ceac7ee.gif"),url("https://img1.picmix.com/output/stamp/normal/6/8/9/1/181986_480aa.gif"), /*#fff3fd*/ linear-gradient(to right, #fffbe6 , #fbe7f4 );
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 15%, 13.5%, auto, 100%;
}
    
    div.boardBanner>div.boardTitle {
 font-family: 'Gaegu', cursive;
}
div.post div.postInfo {
 display:block;
 width:100%;
 background-image: url("https://i.imgur.com/tGDnqxU.gif");
 background-size: 20px;
 background-repeat: no-repeat;
 background-position: right;
}

    hr.abovePostForm{
         width:5%;
 border:  none;
 border-top: 5px dotted #7469f8;
    } 
    
    table.postForm>tbody>tr>td:first-child {
 background-image:url("http://images.yuku.com/image/jpg/ad779cfd00a44104a8bf3bb2ad5f2832_r.jpg");
 color:#fb86ff;
 font-weight:700;
 border:1.5px solid #be9aff;
 padding:0 5px;
 font-size:10pt
}

input[type=text],
table.postForm>tbody textarea,
input[type=password],
#recaptcha_response_field {
 margin:0;
 margin-right:2px;
 padding:2px 4px 3px;
 border:4px dotted #fdccf7;
 background-color:#fff;
 color:#7230f1!important;
 outline:none;
 font-family:arial,helvetica,sans-serif;
 font-size:10pt
}
    
    .abovePostForm {
 width:5%;
 border:  none;
 border-top: 5px dotted #7469f8;
}

span{  color: #8d66f9;}
div.boardTitle{color: #f0a8ff;}
div#togglePostFormLink.desktop{  color:#efade4;}
div#ctrl-top.desktop{  color:#efade4;}
td{  color:#efade4;}
.c-thread img {border-radius: 10px}
.top-box{background:#e3d1df;}
.boxbar {border-radius: 10px; background:#e5869c;}
.box-top{  border-radius: 10px;}
.box-outer{  border-radius: 10px;}
.teaser {text-shadow: 0 0 5px rgb(0 0 0 / 10%);}
div.boardBanner>div.boardTitle{font-family: 'Segoe UI', SANS-SERIF;}
quote-preview{background:#e3d1df; color:#efade4}
hr{border-top: 1px solid #783a65;}
.button{color:#9797c7}
.yotsuba_new .postMenuBtn, .futaba_new .postMenuBtn {color:#9797c7}
.warning {color:#b7117c}
div.post div.postInfo span.postNum a{color: #fff;}
    div.post div.file .fileThumb {
border-radius: 400px;
}
div#boardNavDesktop a{color:#9797c7;}
div.pagelist strong {color:#efade4}
div#boardNavDesktopFoot a  {color:#efade4}
.c-teaser{color:#b74766}
.c-board{color:#cb69ad}
h3{color:#cb69ad}
a{color:#9797c7}
a.replylink:not(:hover){color:#9797c7!important;}
div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover{color:#bd51bf!important;}
a:hover{color:#6585cb!important}
a:visited{color:#a36d9a!important}
a.quotelink{color:#9797c7!important}
.reply:target {background:#efade4!important}
    .reply:target .postMessage{
        background: #efade4;
    }
.reply.highlight {background:#efade4!important}
    .quotelink{
        color: white;
    }

.extended-small .thread{  height: 320px;}
    .reply.highlight{
        background: red;
    }

    .burichan_new .backlink a:hover,
.yotsuba_b_new .backlink a:hover {
 color: #fdf1ff !important;
}
    .quotelink:hover:target .blockquote.postMessage{
        background: red;
    }
    .backlink a{
        color:#AA73EC !important;
    }
    
    
    
div.thread {
   background: #f1d3ff;
    background-image: url("https://cutewallpaper.org/21/kawaii-background-tile/Free-download-kawaii-pixel-background-Tumblr-500x302-for-.gif")}

.thread {
    color: #be41e1;
font-family: 'Gaegu', cursive;
  padding-bottom: 20px;
  border-radius: 10px;

  margin: 10px;
  box-shadow: 0px 2px 5px rgba(254, 255, 169, .74);
    background-image: url("https://64.media.tumblr.com/721626b4f1b43d8de0e3f3baf6986ef6/tumblr_inline_mrhrq5iVoC1qz4rgp.png");
}


div.reply {
  box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
background: #ffc7da;
border-radius: 8px;
border-top: 20px solid rgba(211, 160, 181, 0.4);
border-image: url("https://64.media.tumblr.com/ff4ffc03ccdfe1f5ed9a900cd4e1ffb3/tumblr_oui8xu54y21w9xu55o10_640.png")40 repeat;
border-image-width: 15px 0 0 0;
  border-right: 200px;
  border-color:#b54788;
  word-wrap: normal;
 max-width: 60%;
}
img.chan-media-item{
  border-radius: 10px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 60%);
  margin-left: 10px;
  margin-right: 10px;
}


/* ============ SCROLLBAR ============ */
html[hide-scrollbar="true"] ::-webkit-scrollbar, ::-webkit-scrollbar-corner {
    display: none;
}

::-webkit-scrollbar,
::-webkit-scrollbar-corner {
    background: #ff75ae;
    width: 10px;
    height: 10px;
}
.burichan_new .backlink a,
.yotsuba_b_new .backlink a {
 color: #FF60FD !important;
}

    #quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field {
font-family: 'Gaegu', cursive;
color: #ff8cf8;
background-color: #fffaf4;
}
    
    #quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field {
font-family: 'Gaegu', cursive;
}
#guide-inner-content.ytd-app::-webkit-scrollbar,
#guide-inner-content.ytd-app::-webkit-scrollbar-corner {
    background: #301822;
    width: 6px;
    height: 6px;
}
    
    #qrCaptchaContainer {
 width: 300px;
 background-color: #f4e9ea;
 overflow: hidden;
 margin-bottom: 3px;
 background-image: url("https://cutewallpaper.org/21/kawaii-background-tile/%CB%8F%CB%8B-keep-it-cute-%CB%8E%CB%8A%CB%97-Heres-my-collection-of-pixel-.gif");
}


::-webkit-scrollbar-button, #guide-inner-content.ytd-app::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-thumb, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb {
    background: #783a65;
    border-radius: 10px;
}
    .tomorrow #quickReply input[type="text"],
.tomorrow #quickReply textarea,
.tomorrow #quickReply #recaptcha_response_field {
 border: 1px solid #fff5c1;
 background-color: #fffafd;
 color: #7720f7;
}
        .reply:target, .reply.highlight {
        border-radius: 8px;
        border-top: 20px solid #efade4! important;
        border-image: url("https://64.media.tumblr.com/ff4ffc03ccdfe1f5ed9a900cd4e1ffb3/tumblr_oui8xu54y21w9xu55o10_640.png")40 repeat !important;
border-image-width: 15px 0 0 0 !important;
}

    table.postForm>tbody>tr>td:first-child {
 background-image:url("http://images.yuku.com/image/jpg/ad779cfd00a44104a8bf3bb2ad5f2832_r.jpg");
 color:#fb86ff;
 font-weight:700;
 border:1px solid #111;
 padding:0 5px;
 font-size:10pt
}

    .postblock {
 background-color:#ff80d3;
 color:#eaf9b3;
 font-weight:700;
 padding:0 5px;
 font-size:10pt
}
    #postFile {
 margin-right:10px;
 width:200px;
 background-color: #eb00d126;
 border-radius: 10px;
}
    #t-help {
 font-size: 11px;
 padding: 0px;
 width: 20px;
 box-sizing: border-box;
 margin: 0px 0px 0px 6px;
 vertical-align: middle;
 height: 18px;
 background-color: #eb00d126;
 border-radius: 10px;
}

    
#t-load {
 font-size: 11px;
 padding: 0px;
 width: 90px;
 box-sizing: border-box;
 margin: 0px 6px 0px 0px;
 vertical-align: middle;
 height: 18px;
 background-color: #eb00d126;
}

    
    #t-root {
 overflow:hidden;
 box-sizing:border-box;
 background:#fff;
 border:6px dotted #ed9999;
 margin:2px 0;
 width:300px;
 background-image: url("http://2.bp.blogspot.com/-MR3SP33x2nY/Ug30nXRTF2I/AAAAAAAABQM/T-3NcEqrxA0/s1600/tumblr_mdyvf1ogIM1rzlhkm.gif");
}


    input[type=text],
table.postForm>tbody textarea,
input[type=password],
#recaptcha_response_field {
 margin:0;
 margin-right:2px;
 padding:2px 4px 3px;
 border:4px dotted #fdccf7;
 background-color:#fff;
 color:#c5c8c6;
 outline:none;
 font-family:arial,helvetica,sans-serif;
 font-size:10pt
}

    div.post div.postInfo span.nameBlock span.name {
 color:#f6ffb7;
 font-weight:700
}


    .tomorrow #qrCaptchaContainer.t-qr-root {
 background-color: #e7e5e5;
}

.preview {
 background:#f0a8ff;
 border:1px solid #333!important
}


    #threads {
  padding: 20px 0;
  text-align: center;
  background-image: url("https://64.media.tumblr.com/739545c42b6190efb294307575baec84/tumblr_nf2u8t72Uh1szzj4go10_250.png");
}
    
::-webkit-scrollbar-thumb:not(:active):hover, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:not(:active):hover {
    background: #91467a;
}

::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover:active, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:active, #guide-inner-content.ytd-app::-webkit-scrollbar-thumb:hover:active {
    background: #783a65; }
}

Reviews

No reviews yet.