Actions

Work Header

Rating:
Archive Warning:
Category:
Fandoms:
Additional Tags:
Language:
English
Stats:
Published:
2026-05-07
Updated:
2026-05-09
Words:
2,943
Chapters:
2/?
Comments:
3
Kudos:
20
Bookmarks:
4
Hits:
452

Ao3 Skins

Summary:

01 — Forever Veiled in Azure Flowers
02 — Love Letter

Chapter 1: Forever Veiled in Azure Flowers

Summary:

A light blue theme with floral accents, dark blue elements, and daydreams.

Chapter Text

#header {

  background-image: url("https://64.media.tumblr.com/2c47a82481b61d7168058236c219c154/42ab493efdea1b77-c3/s1280x1920/1b82591217d888ea1c86c56d3b949baf264bd94d.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  background-color: #092C56;

}

 

#header .heading {

  height: 15em;

}

 

#header .primary {

  background: #e6f1fa;

  box-shadow: 0px 0px 15px #446b95;

}

 

#header .logo,

#header .heading sup {

  visibility: hidden;

}

 

#header .heading a {

  color: #092C56;

  text-shadow: 0px 0px 15px #1c2b48;

}

 

.event .userstuff {

  background: #225688;

  border: 1px solid #446b95;

}

 

#outer.wrapper,

.filtering .filters #leave_filters {

  background: #e6f1fa;

  color: #1c2b48;

}

 

#main a {

  color: #1c2b48;

}

 

#greeting a.dropdown-toggle,

#header .actions a {

  color: #1c2b48 !important;

  text-shadow: 0px 0px 3px #092C56;

}

 

#greeting .menu,

#header .dropdown .menu,

#header .dropdown:hover a {

  background: #e6f1fa;

  box-shadow: 0px 0px 15px #446b95;

}

 

span.submit.actions input.button {

  display: none;

}

 

#greeting img.icon {

  display: none;

}

 

#header #search .text,

.search [role="tooltip"] {

  background: #e6f1fa;

  box-shadow: 0px 0px 15px #446b95;

  color: #1c2b48 !important;

  border: 1px solid #e6f1fa;

}

 

form.search input[type=text],

form.search input[type=submit],

.autocomplete div.dropdown ul {

  background: #e6f1fa !important;

  border: none;

  box-shadow: 0px 0px 15px #446b95;

  color: #1c2b48;

  display: block;

}

 

#header #search .text {

  width: 7em;

}

 

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash {

  background: #1c2b48;

  box-shadow: 0px 0px 15px #446b95 !important;

  color: #e6f1fa;

  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: #6895bc;

  font-weight: bold;

}

 

.splash .module h3 {

  color: #1c2b48;

  border-bottom: 2px solid #1c2b48;

}

 

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

  background: #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

  color: #e6f1fa;

  font-weight: bold;

  font-variant: small-caps;

}

 

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

  color: #1c2b48;

  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: #1c2b48;

  font-weight: bold;

  font-variant: small-caps;

  background: #225688;

}

 

#footer {

  background-image: url("https://64.media.tumblr.com/2c47a82481b61d7168058236c219c154/42ab493efdea1b77-c3/s1280x1920/1b82591217d888ea1c86c56d3b949baf264bd94d.jpg");

  background-position: bottom center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  border-top: 3px solid #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

}

 

#footer a,

#footer .heading {

  color: #1c2b48;

}

 

.actions a,

.actions a:focus,

.actions input:focus,

.action:focus,

.actions button,

.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: #225688;

  border: 1px solid #1c2b48;

  color: #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

  border-radius: 5px;

}

 

.current,

#dashboard .current {

  background: #1c2b48 !important;

  color: #e6f1fa !important;

  box-shadow: 0px 0px 15px #446b95 !important;

  border-radius: 5px;

}

 

#dashboard.own {

  border-top: 5px solid #1c2b48;

  border-bottom: 5px solid #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

}

 

#dashboard a:hover {

  background: #1c2b48;

  color: #000 !important;

}

 

#dashboard a {

  color: #1c2b48;

}

 

dl.meta {

  border: 1px solid #446b95;

  box-shadow: 0px 0px 15px #446b95;

}

 

.listbox .index {

  background: #e6f1fa;

}

 

.listbox,

fieldset fieldset.listbox {

  background: #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

}

 

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: #e6f1fa !important;

  color: #1c2b48 !important;

  border: 1px solid #446b95;

  box-shadow: 0px 0px 15px #446b95;

}

 

.autocomplete li.added,

.post .meta dd ul li.added,

label,

label.required {

  color: #1c2b48;

}

 

span.delete {

  background: #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

}

 

span.delete a {

  color: #e6f1fa !important;

  font-weight: bold;

}

 

.ui-sortable li,

.dynamic form,

div.dynamic {

  background: #e6f1fa;

  border: 1px solid #446b95;

}

 

.dropdown {

  background: #e6f1fa;

}

 

form.verbose legend,

.verbose form legend {

  background: #1c2b48;

  color: #e6f1fa;

  box-shadow: 0px 0px 15px #446b95;

}

 

li.blurb {

  border: 1px solid #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

}

 

.draft {

  background: #e6f1fa;

  color: #1c2b48;

  border: 2px dashed #446b95;

  box-shadow: 0px 0px 15px #446b95;

}

 

.draft .wrapper {

  background: #e6f1fa;

  border: 1px solid #446b95;

}

 

#header h2 {

  background: #1c2b48 !important;

  color: #e6f1fa;

  box-shadow: 0px 0px 15px #446b95;

}

 

#stat_chart svg {

  filter: invert(90%) sepia(150%) brightness(60%) hue-rotate(60deg) saturate(120%);

}

 

.reading h4.viewed,

dl.index dd,

table,

th,

dt.child {

  background: #e6f1fa;

}

 

#modal,

span.replied {

  background: #e6f1fa;

  color: #1c2b48;

  border: 2px solid #446b95;

  box-shadow: 0px 0px 15px #446b95;

}

 

h4.heading.byline {

  background: #1c2b48;

  color: #e6f1fa;

}

 

li.comment {

  border: 1px solid #446b95;

}

 

.comment div.icon {

  border-bottom: 5px solid #1c2b48;

  box-shadow: 0px 0px 15px #446b95;

}

 

.thread .even {

  background: #225688;

}

 

.unread {

  background: #e6f1fa;

  border: 5px dashed #446b95 !important;

}

 

span.unread {

  background: #1c2b48;

  color: #e6f1fa;

}

 

span.indicator::before {

  box-shadow: 0px 0px 15px #446b95;

}

 

.warnings .tag,

.work .warning a.tag,

dd.warning.tags a {

  border: 1px solid #446b95;

  border-radius: 5px;

  background: #1c2b48;

  padding-left: 2px;

  padding-right: 2px;

  box-shadow: 0px 0px 10px #446b95;

}

 

.relationships .tag,

.work .relationships a.tag,

dd.relationship.tags a {

  background: none;

  color: #1c2b48 !important;

  font-weight: bold;

  text-shadow: 0px 0px 15px #1c2b48;

}

 

.filters .expander {

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

  color: #1c2b48 !important;

  font-weight: bold;

}

 

.filters .expanded .expander {

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

}

 

div:has(.commas) [class^="warning"] a.tag,

.tags .warnings a[data-remote="true"],

div:has(.commas) [class^="relationship"] a.tag,

div:has(.commas) [class^="character"] a.tag,

div:has(.commas) [class^="freeform"] a.tag,

.tags .freeforms a[data-remote="true"],

.rating.tags a.tag,

.category.tags a.tag,

.fandom.tags a.tag {

  border-color: #1c2b48;

  background-color: #d2dbeb;

  color: #e6f1fa;

}

 

div:has(.commas) a.tag:is(:hover,

:focus),

.commas.tags a[data-remote="true"]:is(:hover,

:focus) {

  border-color: #d2dbeb;

  background-color: #1c2b48;

  color: #e6f1fa;

}

 

span.rating-general-audience.rating,

span.category-gen.category,

span.complete-yes.iswip,

span.rating-teen.rating,

span.category-slash.category,

span.category-het.category,

span.category-multi.category,

span.rating-mature.rating,

span.warning-choosenotto.warnings,

span.rating-notrated.rating,

span.category-none.category,

span.warning-no.warnings,

span.rating-explicit.rating,

span.category-femslash.category,

span.warning-yes.warnings,

span.complete-no.iswip {

  filter: sepia(100%) hue-rotate(175deg) saturate(130%) brightness(105%) contrast(90%);

}

 

.blurb h4 a:visited {

  color: #446b95 !important;

}

 

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash,

.LV_invalid {

  background: rgba(255, 248, 231, 0.5) !important;

  border-radius: 8px !important;

  border: none !important;

  box-shadow: 0px 0px 10px rgba(239, 217, 204, 0.28) !important;

  padding: 1em;

  color: #593423;

}

 

#kudos_message.kudos_error,

#kudos_message.notice {

  font-size: 1pt;

  color: transparent !important;

  background: rgba(255, 248, 231, 0.5) !important;

  background-image: none !important;

  border: 2px solid #F6EDDC !important;

  border-radius: 8px !important;

  box-shadow: 0px 4px 12px rgba(91, 67, 60, 0.15) !important;

  padding: 0.5em !important;

  position: relative;

  text-align: center;

  margin-bottom: 1em;

}

 

#kudos_message.notice::before {

  content: "♡ this author appreciates the reader's love and support ♡";

  font-size: 14pt !important;

  color: #593423 !important;

  font-family: "Georgia", "Times New Roman", serif;

  font-weight: bold;

  padding: 1em;

  display: block;

}

 

#kudos_message.kudos_error::before {

  content: "♡ this author appreciates the reader's continued love and support ♡ ";

  font-size: 14pt !important;

  color: #593423 !important;

  font-family: "Georgia", "Times New Roman", serif;

  font-weight: bold;

  padding: 1em;

  display: block;

}

 

#kudos_message.kudos_error > *,

#kudos_message.notice > * {

  position: absolute !important;

  left: -9999px !important;

  top: -9999px !important;

}

 

#main a:hover {

  background: #1c2b48;

  color: #6895bc;

}

 

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

  background: #e6f1fa;

}