Yuki_ੈ✩‧₊˚

A little bit of everything(notreally)

[cosmosbuilder]

i figured out how to get both a background image and a gradient to work at the same time so here are some pastel bichrome skins!

as always, the code is a mishmash of tealtiam's teal skin with stars and ao3commentoftheday's peachy keen site skin as well as including shortening long tag fields by Xparrot on ao3

you can find the code for them here along with my monochrome ones!

[rynchoso]

I tweaked a bit @ao3commentoftheday's peach site skin to make it strawberry themed because I love it but I was in need of a cute pink skin and I'm so in love with it (and proud of myself)

All credits goes to them for most of it though! I really just mostly changed that pattern and the color scheme

Edit: the rating square things aren't here because I also used a skin that changes it to something clearer if you need it written, I also changed it to fit the strawberry theme

[rynchoso]

CSS under the cut for those who want it

#outer {

background: linear-gradient(90deg, rgba(250, 162, 192, 1) 0%, rgba(255, 224, 236, 1) 100%);

}

#header .primary {

background: #ff75aa;

background-repeat: repeat;

box-shadow: none;

}

#search .button,

#header .logo {

display: none;

}

#header .heading a,

#greeting img.icon {

visibility: hidden;

}

#header #search .text {

background: #ffe4ed;

border: none;

box-shadow: none;

width: 7em;

}

#header h1.heading a::before {

content: " 🍓🍓🍓";

visibility: visible;

}

.splash .module h3 {

border-bottom: none;

}

#header .menu,

#small_login {

background: #ffe4e9;

box-shadow: none;

width: 20em;

}

#greeting .user > li a {

color: #a10a4b;

}

#header .menu li,

.splash .news li {

border-bottom: none;

}

img[src$="/images/lockblue.png"] {

content: url("https://iili.io/qndep4I.png") !important;

height: 14px !important;

width: auto !important;

filter: brightness(0) saturate(100%) invert(38%) sepia(71%) saturate(2770%) hue-rotate(317deg) brightness(86%) contrast(88%) !important;

}

#header .actions a:hover,

#header .dropdown:hover a.dropdown-toggle,

#header .menu li a {

background: none;

color: #cc145b !important;

}

#footer {

background: #ff759c;

}

#main {

color: #cf1160;

}

#main a {

color: #b30749;

}

.splash .favorite li:nth-of-type(2n+1) a {

background: #ffe4ed;

border: 1px solid #ffe4ed;

border-radius: 5px;

}

.splash .favorite li:nth-of-type(2n+1) a:hover,

.splash .favorite li:nth-of-type(2n+2) a:hover {

background: #f4367c;

border: 1px solid #f4367c;

border-radius: 5px;

color: #fff !important;

}

.resp-sharing-button--twitter,

a.resp-sharing-button__link {

color: #fff !important;

}

.listbox,

fieldset,

fieldset dl dl,

fieldset fieldset fieldset,

fieldset fieldset dl dl,

dd.hideme,

form blockquote.userstuff,

.dynamic form {

background: url("https://iili.io/qnJucWN.jpg");

background-repeat: repeat;

border: 4px solid #fff;

box-shadow: none;

}

form dl {

background: #ffe4ec;

border: 2px solid #fff;

box-shadow: none;

}

input,

textarea {

border: 1px solid #f4367c;

box-shadow: none;

}

input:focus,

select:focus,

textarea:focus {

background: #ffe4ed;

}

form dt {

border-bottom: 1px solid #fff;

}

form dd.required {

color: #8e053a;

}

.LV_invalid {

background: #ffa8c1;

border: 1px solid #fff;

color: #f4367f;

box-shadow: none;

}

.LV_invalid_field,

input.LV_invalid_field:hover,

input.LV_invalid_field:active,

textarea.LV_invalid_field:hover,

textarea.LV_invalid_field:active {

border: 1px solid #8e053a;

}

.autocomplete div.dropdown ul {

background: #fff;

border: 1px solid #f4367f;

color: #f4367c;

box-shadow: none;

}

.autocomplete .dropdown ul li:hover,

.autocomplete .dropdown li.selected {

background: #f43678;

color: #fff;

}

.required .autocomplete,

.autocomplete .notice {

color: #f43685;

}

.ui-sortable li {

background: #ffa8d2;

border: 2px solid #fff;

box-shadow: none;

}

.ui-sortable li:hover {

background: #ff75b3;

border: 2px solid #fff;

box-shadow: none;

}

.ui-draggable form {

box-shadow: none;

}

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash,

.LV_invalid {

background: rgba(230, 72, 154, 0.12);

border-radius: 8px;

border: 2px solid #ed74b1;

box-shadow: 0px 0px 0px 0px rgba(247,17,140,0.9);

padding: 1em;

color: #fff;

}

#modal {

background: #ffe4f1;

border: 4px solid #ff75b3;

box-shadow: none;

}

#modal .content {

border-bottom: none;

}

.actions a:visited,

.action:visited,

.action a:link,

.action a:visited {

color: #f3bad3;

}

.actions a:hover,

.actions input:hover,

.actions a:focus,

.actions input:focus,

label.action:hover,

.action:hover,

.action:focus {

color: #f43688;

border-top: none;

border-left: none;

box-shadow: none;

background: #f3bacd;

}

.actions a:active,

.current,

a.current,

a:link.current,

.current a:visited {

color: #fff;

background: #ff75a5;

border-color: #fff;

box-shadow: none;

}

.actions label.disabled {

background: #ff75aa;

}

.actions .disabled select {

color: #fff;

border-color: #fff;

}

.delete a,

span.delete {

color: #f43685;

box-shadow: none;

}

.secondary {

background: #fff;

border: 2px solid #f43685;

box-shadow: none;

}

.own,

.draft,

.draft .wrapper,

.unread,

.child,

.unwrangled,

.unreviewed {

background: #ffe4ed !important;

}

.draft {

border: 2px dashed #ff759e;

}

span.unread,

.replied,

span.claimed,

.actions span.defaulted {

background: #f3bacd;

color: #f43685;

border: 1px solid #fff;

border-bottom: none;

}

.actions span.defaulted {

color: #8e053e;

}

.draggable,

.droppable,

span.requested,

.nominations .rejected {

color: #8e053c;

}

.nominations .approved {

background: #ffe4ea;

}

.nominations .rejected {

background: #f3bad1;

}

span.offered.requested {

color: #ffe4ea;

}

.wrapper {

box-shadow: none;

}

dl.index dd {

background: #f3bad0;

}

p.kudos {

background: url("https://iili.io/qnJpiNf.png");

background-repeat: no-repeat;

}

#kudos_message.kudos_error,

#kudos_message.notice {

font-size: 1pt;

color: #000 !important;

}

#kudos_message.notice::before {

font-size: 14pt !important;

color: #9e0547 !important;

content: "Thank you for giving some love 🍓 to this fic";

padding: 1em;

}

#kudos_message.kudos_error::before {

font-size: 14pt !important;

color: #9e0547 !important;

content: "You already left kudos here 🍓";

padding: 1em;

}

.statistics .index li:nth-of-type(even) {

background: #f3bad2;

}

fieldset fieldset.listbox {

background: #ffe4ed;

border: 2px solid #ff75aa;

box-shadow: none;

}

.listbox>.heading,

.listbox .heading a:visited {

color: #8D1035;

}

.listbox .index {

background: #ffe4ed;

box-shadow: none;

}

dl.meta {

border: 2px solid #f4367f;

background: #ffe4ed;

}

.actions a,

.actions a,

.action,

input[type="submit"],

button,

.actions label,

.actions a,

.actions a:link,

.action,

.action:link,

.actions input,

input[type=submit],

button,

.actions label {

background: #ffe4ed;

border: 1px solid #f4368c;

text-shadow: none;

color: #f4368c;

}

.current,

#dashboard .current {

background: #f4368c;

border: 1px solid #fff;

text-shadow: none;

color: #fff;

}

#dashboard.own {

border-top: none;

border-bottom: none;

}

#dashboard a {

color: #f4368c !important;

}

#dashboard a:hover {

background: #ff75ba;

}

label {

color: #f4368c;

}

li.blurb,

fieldset ul {

background: #ffe4ea !important;

border: 2px solid #fff;

}

#header h2.collections,

.reading h4.viewed,

dl.index {

background: #ffe4ea;

color: #9c084a;

}

.comment h4.byline {

background: #f5b3ce;

border-bottom: 2px solid #fff;

}

.comment div.icon {

border-bottom: 5px solid #ff75af;

}

li.comment {

border: 2px solid #fff;

background: #f5b3ce;

}

li.comment ul.actions {

background: transparent !important;

border: none !important;

}

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect,

#stat_chart svg g:nth-of-type(2) > g rect:last-of-type,

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {

opacity: 50% !important;

}

h5.fandoms.heading a,

.fandom .tag,

.work .fandom a.tag {

font-variant: small-caps;

}

.warnings .tag,

.work .warning a.tag {

background: #8e0540;

border: 1px solid #8e0540;

border-radius: 5px;

color: #fff !important;

padding-left: .5em;

padding-right: .5em;

}

.relationships .tag,

.work .relationships a.tag {

background: #f4368f;

border: 1px solid #f4368f;

border-radius: 5px;

color: #fff !important;

font-weight: bold;

padding-left: .5em;

padding-right: .5em;

}

.characters .tag,

.work .characters a.tag {

background: #ff75b1;

border: 1px solid #ff75b1;

border-radius: 5px;

color: #fff !important;

font-weight: bold;

padding-left: .5em;

padding-right: .5em;

}

.freeforms .tag,

.work .freeforms a.tag {

color: #f43685 !important;

}

.commas li:after {

content: none;

}

ul.tags {

line-height: 190%;

}

(THIS ISNT PART OF THE CODE)

edit : I've been given a link to fix the buttons (not made for this skins specifically)

it seems to be somewhat working but i know nothing about CSS so i'm struggling to adapt it to this site skin, however if you do know then it can help you

here it is

[raincloud47]

Raspberry Delight

The css for the buttons is from a skin made by @ao3commentoftheday with the colors changed to make them more pink.

The pink icons were made by @zerafinacss

@zerafinacss also has pink stat icons that look really good with this skin. It would replace the language/words/chapters ect. with some cute pink icons.

If you want this skin, the code is under here!

First, you have to put these codes into the wizard.

After you save that, you just copy and paste this code:

#header .logo {

background-image: url("https://images.squidge.org/images/2024/03/30/AO3_imageset_pink.png");

background-size: 250px 1044px;

padding: 42px 0 0 60px;

width: 0 !important;

height: 0 !important;

background-position: -140px -749.6px;

}

#header ul.primary,

#header h2 {

box-shadow: none;

}

.required-tags .rating-notrated,

.required-tags .rating-general-audience,

.required-tags .rating-explicit,

.required-tags .rating-mature,

.required-tags .rating-teen,

.required-tags .category-femslash,

.required-tags .category-gen,

.required-tags .category-slash,

.required-tags .category-none,

.required-tags .category-het,

.required-tags .category-multi,

.required-tags .category-other,

.required-tags .complete-no,

.required-tags .complete-yes,

.required-tags .warning-yes,

.required-tags .warning-no,

.required-tags .warning-choosenotto,

.required-tags .external-work,

.status .private .text,

.status .public,

.status .hidden,

.status .rec,

.status .count,

.index .skins .icon,

.index .mystery .icon,

.index .tag .icon,

.index .tagset .icon,

.comment .icon .anonymous,

.comment .icon .visitor,

.abbreviated .icon .visitor,

.abbreviated .icon .anonymous,

.skins .primary .icon,

.admin .primary .icon,

.tagset .primary .icon,

.tag .primary .icon,

a.rss span,

p.kudos,

#symbols-key dl img,

#bookmark-symbols-key img,

img[src$="/images/skins/iconsets/default/icon_user.png"],

img[src$="/images/skins/iconsets/default/icon_collection.png"],

img[src$="/images/lockblue.png"] {

background-image: url("https://images.squidge.org/images/2024/03/30/AO3_imageset_pink.png");

background-size: 200px 835px;

}

#symbols-key dl img,

#bookmark-symbols-key img {

width: 0 !important;

height: 0 !important;

padding: 25px 0 0 25px;

}

img[src$="/images/skins/iconsets/default/rating-notrated.png"],

img[src$="/images/skins/iconsets/default/category-none.png"],

img[src$="/images/skins/iconsets/default/warning-no.png"] {

background-position: -150px 0px;

}

img[src$="/images/skins/iconsets/default/rating-general-audience.png"] {

background-position: -50px -25px;

}

img[src$="/images/skins/iconsets/default/rating-teen.png"] {

background-position: 0px -25px;

}

img[src$="/images/skins/iconsets/default/rating-mature.png"] {

background-position: -75px -25px;

}

img[src$="/images/skins/iconsets/default/rating-explicit.png"] {

background-position: -25px -25px;

}

img[src$="/images/skins/iconsets/default/category-femslash.png"] {

background-position: -25px 0px;

}

img[src$="/images/skins/iconsets/default/category-het.png"] {

background-position: -75px 0px;

}

img[src$="/images/skins/iconsets/default/category-gen.png"] {

background-position: -50px 0px;

}

img[src$="/images/skins/iconsets/default/category-multi.png"] {

background-position: -100px 0px;

}

img[src$="/images/skins/iconsets/default/category-other.png"] {

background-position: -125px 0px;

}

img[src$="/images/skins/iconsets/default/warning-choosenotto.png"] {

background-position: -125px -25px;

}

img[src$="/images/skins/iconsets/default/warning-yes.png"] {

background-position: -150px -25px;

}

img[src$="/images/skins/iconsets/default/warning-external-work.png"] {

background-position: -75px -50px;

}

img[src$="/images/skins/iconsets/default/complete-no.png"] {

background-position: -100px -25px;

}

img[src$="/images/skins/iconsets/default/complete-yes.png"] {

background-position: -175px -25px;

}

img[src$="/images/skins/iconsets/default/bookmark-rec.png"] {

background-position: -100px -50px;

}

img[src$="/images/skins/iconsets/default/bookmark-public.png"] {

background-position: -125px -50px;

}

img[src$="/images/skins/iconsets/default/bookmark-private.png"] {

background-position: -175px -50px;

}

img[src$="/images/skins/iconsets/default/bookmark-hidden.png"] {

background-position: -150px -50px;

}

img[src$="/images/skins/iconsets/default/icon_user.png"],

img[src$="/images/skins/iconsets/default/icon_collection.png"],

img[src$="/images/lockblue.png"] {

width: 0 !important;

height: 0 !important;

}

img[src$="/images/skins/iconsets/default/icon_user.png"] {

padding: 100px 0 0 100px;

background-position: 0px -75px;

}

.index:not(.comment) .abbreviated img[src$="/images/skins/iconsets/default/icon_user.png"] {

padding: 75px 0 0 75px;

background-position: 0px -375px;

}

.index:not(.comment) img[src$="/images/skins/iconsets/default/icon_user.png"] {

padding: 55px 0 0 55px;

background-position: 0px -525px;

}

#greeting img[src$="/images/skins/iconsets/default/icon_user.png"] {

padding: 1.786em 0 0 1.786em;

background-position: 0 -19px;

background-size: 201% !important;

}

img[src$="/images/skins/iconsets/default/icon_collection.png"] {

padding: 100px 0 0 100px;

background-position: -100px -175px;

}

.index img[src$="/images/skins/iconsets/default/icon_collection.png"] {

padding: 55px 0 0 55px;

background-position: -55px -525px;

}

img[src$="/images/lockblue.png"] {

padding: 15px 0 0 15px;

background-position: -155px -305px;

}

button,

.actions a,

.actions a:link,

.action,

legend .action:link,

input[type="submit"],

.actions a:visited,

.actions li label,

a.action.modal-closer {

color: #FCF5ED;

background: #A0153E;

border: 1px solid #A0153E;

box-shadow: none;

}

button:hover,

.actions a:hover,

.action:hover,

input[type="submit"]:hover {

color: #00224D;

background: #ff2071 !important;

border: 1px solid #ff2071;

box-shadow: none;

}

.actions li .current,

.current,

#dashboard .current {

color: #FCF5ED;

background: #ff2071;

border: 1px solid #ff2071;

box-shadow: none;

}

dl.meta {

border: 1px solid #a0153e;

}

.wrapper {

box-shadow: 1px 1px 5px #a0153e;

}

.actions input:focus {

border-top: 1px solid #a0153e;

border-left: 1px solid #a0153e;

box-shadow: none;

}

#dashboard .secondary {

background: #ff2071;

box-shadow: inset 2px 2px 5px #a0153e;

}

.alert .userstuff {

background: #ff91ba;

border-color: #ffd6e6;

color: #8a0035;

}

.qtip-content,

.notice:not(.required),

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.notice a {

color: #fcb6d1;

}

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash {

background: #a0153e;

border: 1px solid #ff91ba;

}

.required,

.error,

.alert.flash {

color: #fcc2d8;

}

button:hover,

.actions a:hover,

.action:hover,

input[type="submit"]:hover {

color: #4f001b;

}

.comment img[src$="/images/skins/iconsets/default/icon_user.png"] {

padding: 55px 0 0 55px !important;

background-position: 0px -525px !important;

}

^ If you only read on desktop, this last bit is unnecessary. It fixes the blank profile pics from being too big on mobile, but in doing so, it does keep the pics small on desktop

EDIT: If you have any problems with the tags on mobile, go to media and select: "max screen and (max-width: 42 em)" and it should fix it!

[xhcoffee]

𝔞𝔬3 𝔰𝔨𝔦𝔫

𝓁ℴ𝓋𝑒 𝒾𝓈 𝓈ℴ𝓂𝑒𝓉𝒾𝓂𝑒𝓈 𝒿𝓊𝓈𝓉 𝒶 𝓅𝒶𝒾𝓃𝒻𝓊𝓁 𝒾𝓁𝓁𝓊𝓈𝒾ℴ𝓃

[adhdfocusmusic]

[AO3 Site Skin] Spirits and Such

here's a super fun site skin inspired by the Spirits & Such website that Reigen designs in season 2, episode 3 of Mob Psycho 100!

An Archive of Our Own, a project of the Organization for Transformative Works

get the skin and learn how to install it here! :)

[blackbatcats]

Messing around with mica/transparency ✿

Playing around with the idea of a glass theme for the Rose Pine skins. It would really only work for PC, but it's so pretty that it might be worth it.

I'd need an entire chapter just to explain how to set up Zen Browser with the mica effect, so idk 🙃

[geese-ball]

the css & hex codes

[esarity11]

ok this is different from my normal posts, but i made an ao3 skin!!! it's a pink and teal glowing skin, hope this helps somebody!! the code is inspired by that one constellation skin :)

the code is underneath the cut:

#header {

  background-image: url("https://i.pinimg.com/1200x/7a/0f/80/7a0f8002c6b8b0ce673965ab7e6e2533.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  background-color: #26151e;

}

#header .heading {

  height: 15em;

}

#header .primary {

  background: #1f0d15;

  box-shadow: 0px 0px 15px #70e2f3;

}

#header .logo,

#header .heading sup {

  visibility: hidden;

}

#header .heading a {

  color: #26151e;

  text-shadow: 0px 0px 15px #70e2f3;

}

.event .userstuff {

  background: #5e4254;

  border: 1px solid #70e2f3;

}

#outer.wrapper {

  background: #1f0d15;

  color: #70e2f3;

}

#main a {

  color: #9b768a;

}

#greeting a.dropdown-toggle,

#header .actions a {

  color: #70e2f3 !important;

  text-shadow: 0px 0px 3px #26151e;

}

#greeting .menu,

#header .dropdown .menu,

#header .dropdown:hover a {

  background: #1f0d15;

  box-shadow: 0px 0px 15px #70e2f3;

}

span.submit.actions input.button {

  display: none;

}

#greeting img.icon {

  display: none;

}

#header #search .text,

.search [role="tooltip"] {

  background: #1f0d15;

  box-shadow: 0px 0px 15px #70e2f3;

  color: #70e2f3 !important;

  border: 1px solid #1f0d15;

}

form.search input[type=text],

form.search input[type=submit],

.autocomplete div.dropdown ul {

  background: #1f0d15 !important;

  border: none;

  box-shadow: 0px 0px 15px #70e2f3;

  color: #70e2f3;

  display: block;

}

#header #search .text {

  width: 7em;

}

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash {

  background: #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3 !important;

  color: #1f0d15;

  border: none;

}

.notice a,

.comment_notice a,

.kudos_notice a,

ul.notes a,

.caution a,

.error a,

.comment_error a,

.kudos_error a,

.alert.flash a {

  color: #69505c;

  font-weight: bold;

}

.splash .module h3 {

  color: #70e2f3;

  border-bottom: 2px solid #70e2f3;

}

.splash .favorite li:nth-of-type(2n+1) a {

  background: #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

  color: #1f0d15;

  font-weight: bold;

  font-variant: small-caps;

}

.splash .favorite li:nth-of-type(2n+2) a {

  color: #70e2f3;

  font-weight: bold;

  font-variant: small-caps;

  font-size: 110%;

}

.splash .favorite li:nth-of-type(2n+1) a:hover,

.splash .favorite li:nth-of-type(2n+2) a:hover {

  color: #70e2f3;

  font-weight: bold;

  font-variant: small-caps;

  background: #5e4254;

}

#footer {

  background: #5e4254;

  color: #70e2f3;

  border-top: 3px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

#footer a,

#footer .heading {

  color: #70e2f3;

}

.actions a,

.actions a:focus,

.actions input:focus,

.action:focus,

.actions li input,

.actions li input[type="submit"],

input[type="submit"],

.actions li label,

ul.navigation.actions li a,

.action:link,

.actions a:link {

  background: #5e4254;

  border: 1px solid #70e2f3;

  color: #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

  border-radius: 5px;

}

.current,

#dashboard .current {

  background: #70e2f3 !important;

  color: #1f0d15 !important;

  box-shadow: 0px 0px 15px #70e2f3 !important;

  border-radius: 5px;

}

#dashboard.own {

  border-top: 5px solid #70e2f3;

  border-bottom: 5px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

#dashboard a:hover {

  background: #1f0d15;

  box-shadow: 0px 0px 15px #70e2f3;

}

#dashboard a {

  color: #70e2f3;

}

dl.meta {

  border: 1px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

.listbox .index {

  background: #1f0d15;

}

.listbox,

fieldset fieldset.listbox {

  background: #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

form dl,

fieldset,

fieldset fieldset,

fieldset fieldset fieldset,

fieldset fieldset dl dl,

dd.hideme,

form blockquote.userstuff,

input,

select,

select:focus,

textarea,

span.symbol.question,

.own {

  background: #1f0d15 !important;

  color: #70e2f3 !important;

  border: 1px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

.autocomplete li.added,

.post .meta dd ul li.added,

label,

label.required {

  color: #70e2f3;

}

span.delete {

  background: #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

span.delete a {

  color: #1f0d15 !important;

  font-weight: bold;

}

.ui-sortable li,

.dynamic form,

div.dynamic {

  background: #1f0d15;

  border: 1px solid #70e2f3;

}

.dropdown {

  background: #1f0d15;

}

form.verbose legend,

.verbose form legend {

  background: #70e2f3;

  color: #1f0d15;

  box-shadow: 0px 0px 15px #70e2f3;

}

li.blurb {

  border: 1px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

.draft {

  background: #1f0d15;

  color: #70e2f3;

  border: 2px dashed #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

.draft .wrapper {

  background: #1f0d15;

  border: 1px solid #70e2f3;

}

#header h2 {

  background: #70e2f3 !important;

  color: #1f0d15;

  box-shadow: 0px 0px 15px #70e2f3;

}

#stat_chart svg rect:first-of-type {

  opacity: 60%;

}

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect,

#stat_chart svg g:nth-of-type(2) > g rect:last-of-type,

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {

  filter: hue-rotate(140deg);

  opacity: 80% !important;

}

.statistics .index li:nth-of-type(2n) {

  background: #1f0d15;

  border: 1px solid #70e2f3;

}

.reading h4.viewed,

dl.index dd,

table,

th,

dt.child {

  background: #1f0d15;

}

#modal,

span.replied {

  background: #1f0d15;

  color: #70e2f3;

  border: 2px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

h4.heading.byline {

  background: #70e2f3;

  color: #1f0d15;

}

li.comment {

  border: 1px solid #70e2f3;

}

.comment div.icon {

  border-bottom: 5px solid #70e2f3;

  box-shadow: 0px 0px 15px #70e2f3;

}

.thread .even {

  background: #5e4254;

}

.unread {

  background: #1f0d15;

  border: 5px dashed #70e2f3 !important;

}

span.unread {

  background: #70e2f3;

  color: #1f0d15;

}

span.indicator::before {

  box-shadow: 0px 0px 15px #70e2f3;

}

.warnings .tag,

.work .warning a.tag,

dd.warning.tags a {

  border: 1px solid #70e2f3;

  border-radius: 5px;

  background: #70e2f3;

  padding-left: 2px;

  padding-right: 2px;

  box-shadow: 0px 0px 10px #70e2f3;

}

.relationships .tag,

.work .relationships a.tag,

dd.relationship.tags a {

  background: none;

  color: #70e2f3 !important;

  font-weight: bold;

  text-shadow: 0px 0px 15px #70e2f3;

}

.filters .expander {

  background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat;

  color: #70e2f3 !important;

  font-weight: bold;

}

.filters .expanded .expander {

  background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat;

}

[vvitchella]

Youtube is a wonderful resource with lots of helpful information on it! I’ve collated together all the Divination Lessons I could find. If any of these links break, or you find something that should be added to the list, please message me!

This is as much a resource for me as it is for you - I have only watched part of most of these so take them with a grain of salt!

Tarot

Learn the 78 Tarot Cards in Two Hours (Part 1, Part 2)

Tarot Cards - Understanding Reversals

How to Practice Tarot Readings when you’re on your own (Part 1, Part 2)

How to Shuffle Tarot Cards

How to Get Good Results Every Time with Tarot

The Only Way To Learn The Tarot (and a bit about what Pages mean)

How to read a Tarot card easily and comfortably

Putting it all together in a Tarot reading

Know How To Use Your Tarot Cards By Munisha Khatwani

Tarot - An Introduction by Munisha Khatwani

22 Major Arcana Cards In Tarot - Munisha Khatwani

Tarot Cards Use and History

7 Tarot Tips for Learning Tarot Card Meanings

Runes

How to read runes (Part 1, Part 2, Part 3)

How to Cast Runes (Runes for Beginners)

What are Runes?

150. A Technique for Memorising Runes

How to make Runes

Your First Rune Readings: Practicing with Meanings

The Long History of the Rune Stones

All About Runes (Intermediate Magic) (Part 1, Part 2)

Pendulum

How to Use a Pendulum (Basics)

Your Pendulum and Its Secret Uses

An introduction to dowsing with a pendulum

How To Use A Pendulum For Divining

How to use a Pendulum for Spirit Communication

How to use a Pendulum to get answers from your Subconscious

Scrying

How to Scry (Part 1, Part 2)  

Magical Techniques: Part 1 - The Art of Scrying. 

One Witch’s Way - Crystal Ball (Part 1, Part 2)

Crystal Ball and Mirror Gazing Tutorial 

Crystal Spheres and Scrying 

Simple Water Scrying 

How to Scry 

Scrying Mirrors | Witchcraft 101

Tasseomancy

Tea leaf reading with Amber McCarroll 

Tea Leaf Reading 

Tea Leaf Reading 

What Is Tea Leaf Reading? | Psychic Abilities 

Tea Leaf Reading with Shaheen 

Tea Leaf Reading 

Cartomancy

Fortune Telling with Playing Cards 

Playing Card Meanings - How to read a deck of cards - Cartomancy 

Fortune Telling Cards (Reading & Meanings)

Bibliomancy

173. The Art of Bibliomancy Bibliomancy Bibliomancy Bibliomancy introduction How to do Bibliomancy, divination with books!

Palmistry

Read your palm ! - only 7 minutes lectured by Japanese Ninja  Secrets Revealed in Your Palm Secrets Revealed in Your Palm - Part 2 PALMISTRY: THE FATE LINE wealth indications in detail more points palmistry palmistry detailed analysis (very refined hand) Palmistry Saturn Line Fate Line Money Line Wealth Line Analysis

[alastors-totally-canon-deertail]

[notherpuppet]

A friend of mine made this comment on bluesky and I was totally struck by inspiration. I love wordplay (no matter if I speak the language or not! 😝)

Translation:

[notherpuppet]

When your new best friend is late 😪🤭📻🍎

[notherpuppet]

Part 4 of 4

Part 1 | Part 2 | Part 3

[notherpuppet]

Epilogue sketch

[mmmerugaugau]

executioner al but his ultimate goal is to kill lu bc lu is suicidal thank you for coming to my ted talk

[mmmerugaugau]

shadowbanned on twitter,,,,, they wanna hide my yaoi from the people

[cookierungames]

Pure Vanilla Cookie new story sprites

[cookierungames]

Shadow Milk Cookie animations. 1/6