No.10573
<#style>
/* Page background */
body {
background-image: url(https://haiji.kissu.moe/test/src/1698457344058.webp);
background-attachment: fixed;
background-repeat: no-repeat !important;
background-position: bottom right;
background-size: cover;
}
#lowercontents, .main-contents {
background-image: url(https://haiji.kissu.moe/test/src/1698456564905.webp);
background-attachment: fixed;
background-repeat: no-repeat !important;
background-position: bottom right;
background-size: 50%;
}
/* Improves OP text readability on Luna; looks kidna bad on Kissu theme */
.op, .op p {
color: #b0b0b0;
text-shadow: 1px 1px 1px #333300;
mix-blend-mode: color-dodge;
}
/* Cursor Stuff */
/* Normal cursor -> Green bottle cursor */
* {
cursor: url(https://haiji.kissu.moe/test/src/1698457411763.png),auto!important
}
/* Clickable stuff -> Red bottle cursor*/
i,a>img,input[type=text],input[type=search],input:not([type]),select, .updater, a:hover,a.qr-number:hover,a.post-highlighter:hover, summary, input {
cursor: url("https://haiji.kissu.moe/test/src/1698457400507.png"),auto!important
}
/* Reply Mascot*/
/* Suika peaking from the side*/
div.post.reply, .reply > .post-contents {
background-image: url("https://haiji.kissu.moe/test/src/1698456574458.png") !important;
background-position: bottom right !important;
background-repeat: no-repeat !important;
padding-bottom: 5px;
padding-right: 115px;
min-height: 110px;
position:relative
}
/* Suika hanging from above */
/*
div.post.reply, .reply > .post-contents {
background-image: url(https://haiji.kissu.moe/test/src/1698456585603.png) !important;
background-position: top right !important;
background-repeat: no-repeat !important;
}
<#/style>
No.10630
No.10631
[s heading|font-size:18px][/s]
No.10632
No.10642
CSS POST CSS POST CSS POST CSS POST CSS POST
CSS POST CSS POST CSS POST CSS POST CSS POST
No.10714
File:5.png (141.74 KB,700x700)
No.10751
No.10754
Hmm, maybe we could do a bunch of stuff. What if we have an /xmas/ week? Nice sleepy days of warm, feel-good stuff?
There is a certain BD of an anime I've been wanting to show off since it's truly beautiful in motion and I don't know how many people have seen it in BD form since it's a recent one.
No.10846
I forgot to do it on time again, but better late than never. Happy 7 year (gasp) anniversary to Kemono Friends!
My friends are here
@keyframes kf {
0% { background-position: 0% 0%;}
100% { background-position: 2000% 0%;}
}
#lowercontents, .page-details, .main-sections.thread-window {
background-image: url(https://haiji.kissu.moe/test/src/1705911877267.png);
background-repeat: repeat;
animation-timing-function:linear;
background-attachment:fixed;
background-size: cover;
animation-name: kf;
animation-duration: 50000s;
animation-iteration-count: infinite;
}
No.10854
No.10859
No.10877
No.10964
>>27662
<#audio autoplay controls>
<#style>
@keyframes elle {
0% { background-position: 0% 40000%;}
100% { background-position: 40000% 0%;}
}
#lowercontents, .page-details, .main-sections.thread-window {
background-image: url(https://haiji.kissu.moe/test/src/1709347014156.png);
background-repeat: repeat;
animation-timing-function:linear;
background-attachment:fixed;
animation-name: elle;
animation-duration: 40000s;
animation-iteration-count: infinite;
}
div.post.reply, .reply > .post-contents {
background-image: url(https://haiji.kissu.moe/test/src/1709347251641.png);
background-position: right !important;
background-repeat: no-repeat !important;
padding-right: 115px;
min-height: 95px;
}
:root{
--mascot-override: url(https://haiji.kissu.moe/test/src/1709347801964.png);
--mascot-width: 300px;
--mascot-height: auto;
}
@keyframes mascot {
0% {
transform: scale(0.4);
rotate: 0deg;
}
50% {
transform: scale(6);
rotate: 360000deg;
}
transform: scale(0.4);
rotate: 0deg;
}
.mascot-img {
content: var(--mascot-override) !important; /* !important should be used here because we want to remove other people's mascots for our own temporary ones */
animation-timing-function:linear;
animation-name: mascot;
animation-duration: 20000s;
animation-iteration-count: infinite;
width: var(--mascot-width) !important;
height: var(--mascot-height) !important; /* maybe there's a way to remove these two lines...*/
z-index: -0;
border: 0px solid #0000;
background-repeat: repeat;
}
@supports not selector(:read-only) { /* Browsers at palemoon's version need this */
.mascot-img {
background-image: var(--mascot-override);
}
<#/style>
No.10978
/*
Miku custom css to modify and give the site a vocaloid theme.
Work by cool-guy
Fixed, converted and published by ECHibiki
*/
/* This code block creates the miku cursor */
body {
cursor: url(/static/miku/f1.png), auto;
-webkit-animation: cursor 1000ms infinite;
animation: cursor 1000ms infinite;
}
@-webkit-keyframes cursor {
12.5% {cursor: url(/static/miku/f1.png), auto;}
25% {cursor: url(/static/miku/f2.png), auto;}
37.5% {cursor: url(/static/miku/f3.png), auto;}
50% {cursor: url(/static/miku/f4.png), auto;}
62.5% {cursor: url(/static/miku/f5.png), auto;}
75% {cursor: url(/static/miku/f6.png), auto;}
87.5% {cursor: url(/static/miku/f7.png), auto;}
100% {cursor: url(/static/miku/f8.png), auto;}
}
@keyframes cursor {
12.5% {cursor: url(/static/miku/f1.png), auto;}
25% {cursor: url(/static/miku/f2.png), auto;}
37.5% {cursor: url(/static/miku/f3.png), auto;}
50% {cursor: url(/static/miku/f4.png), auto;}
62.5% {cursor: url(/static/miku/f5.png), auto;}
75% {cursor: url(/static/miku/f6.png), auto;}
87.5% {cursor: url(/static/miku/f7.png), auto;}
100% {cursor: url(/static/miku/f8.png), auto;}
}
/* This code block creates the mini icons on the sides of replies */
div.post.reply, .reply > .post-contents {
margin-right: 30px !important;
background-image: url(/static/miku/icon.gif) !important;
background-position: top right !important;
background-repeat: no-repeat !important;
}
/* This code block creates the dancing mascot */
#lowercontents {
background-image: url(/static/miku/dance.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}
.mascot-img {
content:url("/static/miku/dance.gif");
width: 280px;
height: 250px;
object-fit: cover;
border: 1px solid #0000;
}
No.11063
EXPLOOOOOOOOOOOOOSION!!!!!!!!
EXPLOOOOOOOOOOOOOSION!
No.11104
Streams, nyaa!
No.11181
<--style>
@keyframes kuon {
0% { background-position: 0% 40000%;}
100% { background-position: 40000% 0%;}
}
#lowercontents, .page-details, .main-sections.thread-window {
background-image: url(/test/src/1716963916621.webp);
background-repeat: repeat;
animation-timing-function:linear;
background-attachment:fixed;
animation-name: kuon;
animation-duration: 90000s;
animation-iteration-count: infinite;
}
<--/style>
No.11331
CSSPOST_CSSPOST_CSSPOST_CSSPOST_CSSPOST
div.post.reply, .reply > .post-contents {
background-image: url(/test/src/1721454296757.png) !important;
background-position: bottom right !important;
background-repeat: no-repeat;
padding-bottom: 5px;
padding-right: 115px;
min-height: 95px;
position:relative
}
#lowercontents, .main-contents {
background-image: url(/test/src/1721454291857.png);
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
}
.mascot-img {
content: url(/test/src/1721454286391.png) !important;
width: 546px !important;
height: 366px !important;
object-fit: cover;
border: 1px solid #0000;
background-repeat: no-repeat;
z-index: -0;
@-moz-document url-prefix(){
.mascot-img{
background-image:url(https://kissu.moe/static/themes/hazuki.png)
}
}
No.11343
wghereqweqeqg
No.11345
hhhhhhh
No.11346
No.11537
>>11529do you love the color of the sky
No.11595
keep seeing the nekomimi moon as the Palemoon logo.
No.11650
asdfg
No.11680
sgdgg
No.11690
CSS POST CSS POST CSS POST CSS POST CSS POST
CSS POST CSS POST CSS POST