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
CSS POST CSS POST CSS POST