Actions

Work Header

Rating:
Archive Warning:
Fandoms:
Character:
Additional Tags:
Language:
English
Collections:
Anonymous
Stats:
Published:
2026-01-02
Completed:
2026-01-02
Words:
1,585
Chapters:
2/2
Comments:
1
Kudos:
12
Bookmarks:
3
Hits:
282

【AO3 Skin】Tomioka Giyuu丨富冈义勇个人向皮肤

Anonymous

Chapter 2: CSS

Chapter Text

#outer {
background: #f4eac5;
}

#main a {
color: #992931;
}

#main {
color: #2c366e;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
font-family: "Times New Roman", serif;
border-bottom: none;
font-weight: normal;
position: initial;
}

body,
input,
.toggled form,
.dynamic form,
.secondary,
.dropdown,
button,
blockquote,
.filters dt,
.filters dd,
.filters input[type="submit"],
.filters .expander,
.bookmark .user .meta,
.datetime,
a.work,
span.symbol,
.splash .news .meta,
select {
font-family: "Times New Roman", serif;
}

#main {
background-image:linear-gradient(rgba(244, 234, 197, 0.8), rgba(244, 234, 197, 0.8)),
url("https://ia801701.us.archive.org/13/items/retouch_2026010215281318/retouch_2025122815140250.jpg");
background-size: auto 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

#header {
background:url("https://ia601701.us.archive.org/13/items/retouch_2026010215281318/retouch_2025122803533441.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

#header .heading {
height: 20em;
}

#header .logo,
#greeting p.icon {
display: none;
}

#header .heading sup {
visibility: hidden;
}

#header h1.heading a::before {
margin-left: 1em;
content: "水柱•富冈义勇";
color: #1f61b9;
text-shadow: 2px 2px 2px #b1b6b5;
font-weight: bold;
font-style: italic;
}

#header .heading sup::before {
content: "🌊";
font-style: normal;
visibility: visible;
}

#header h1.heading span {
display: none;
}

#footer {
background: url("https://archive.org/download/retouch_2026010215281318/retouch_2026010215281318.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

#footer,
#footer * {
color: #5d90d1 !important;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
color: #5d90d1 !important;
text-shadow: 2px 2px 2px #b1b6b5;
background: rgba(172,188,226, 0.1);
text-decoration: none !important;
}

#main .actions a,
#main .actions a:visited,
#main .action,
#main input[type="submit"],
#main .actions label,
form.button_to button,
#header #search .button {
background: #b7ae8f;
border: 1px solid #b7ae8f;
color: #f4eac5;
box-shadow: none;
}

#header input {
background: #b7ae8f;
border: 2px solid #b7ae8f;
}

#header #search input:focus,
.actions input:hover,
.actions input {
color: #f4eac5;
}

.search [role="tooltip"] {
background: #2775b6;
border: 1px solid #2775b6;
border-radius: 5px;
}

form.search [role="tooltip"] {
background: #2775b6;
border-radius: 5px;
}

#main .actions a:hover,
#main a.current,
.current,
.actions li .current,
#dashboard .current,
#dashboard a:hover {
background: #992931;
border: 1px solid #992931;
color: #f4eac5 !important;
box-shadow: none;
}

#header ul.primary {
background: #2775b6;
box-shadow: none;
}

.notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash,
.LV_invalid,
.alert .userstuff {
background: #2c366e;
border: 2px solid #2c366e;
color: #f4eac5;
box-shadow: 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,
.LV_invalid a,
.alert .userstuff a {
color: #1f61b9 !important;
}

.splash .favorite li:nth-of-type(odd) a {
background: #3966a2;
color: #f4eac5 !important;
display: inline-block;
width: 300px;
}

.splash .favorite li:nth-of-type(even) a {
background: #3e94a4;
color: #f4eac5 !important;
display: inline-block;
width: 300px;
}

.splash .favorite li a:hover,
.splash .favorite li a:focus {
background: #992931 !important;
color: #f4eac5 !important;
}

.splash .module h3 {
border-bottom: 1px solid #2c366e;
color: #2c366e;
font-weight: bold;
}

#header .menu,
a.dropdown-toggle {
background: #2775b6;
box-shadow: none;
}

#header .menu {
width: 20em;
}

#header .dropdown:hover a {
background: #2775b6;
}

#header .menu li {
color: #2775b6;
border-bottom: none;
}

#header .dropdown a,
#greeting .user > li a {
color: #f4eac5 !important;
text-shadow: 2px 2px 2px #b1b6b5;
background: rgba(172,188,226, 0.1);
}

#header .dropdown a:hover,
#header .actions a:hover,
#header .actions a:focus,
#header .actions a:active {
color: #f4eac5 !important;
border: 1px solid #b7ae8f;
}

fieldset,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff,
.dynamic form {
background: #b7ae8f;
border: 2px solid #2c366e;
box-shadow: none;
}

form dl,
.listbox,
fieldset fieldset.listbox,
li.blurb {
background: #f4eac5;
border: 2px solid #2c366e;
box-shadow: none;
}

.listbox .index {
background: transparent;
box-shadow: none;
}

div.dynamic {
background: none;
}

.index .skins .icon,
p.kudos {
background: url("https://dn720702.ca.archive.org/0/items/screenshot-20251223-041433-com.xingin.xhs/Screenshot_20251223_041433_com.xingin.xhs.png");
background-size: 55px, 55px;
border-radius: 5px;
background-repeat: no-repeat;
}

.comment .icon .visitor,
.tag .primary .icon {
background: url("https://dn720702.ca.archive.org/0/items/screenshot-20251223-041433-com.xingin.xhs/Screenshot_20251223_041433_com.xingin.xhs.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}

.resp-sharing-button--twitter,
.resp-sharing-button--tumblr {
background: #2c366e !important;
}

a.resp-sharing-button__link,
a.resp-sharing-button__link:hover {
color: #f4eac5 !important;
}

li.comment {
border: 2px solid #2c366e;
box-shadow: none;
}

.thread .even,
.unread,
.own {
background: rgb(220, 174, 74, 0.5) !important;
border: 2px solid #2c366e;
}

.comment h4.byline,
.unread h4.byline {
background: none;
}

a.tag,
a.tag:visited,
a.tag:link {
display: inline-block;
padding: 2px 5px;
margin: 2px 5px 2px 0;
border-radius: 5px;
}

.commas li:after {
content: "";
}

h5.fandoms.heading a.tag {
background: #f4eac5;
color: #000000 !important;
border: 1px solid #000000;
border-radius: 5px;
text-decoration: none;
}

h5.fandoms.heading a.tag:hover {
background: #000000;
color: #f4eac5 !important;
border: 1px solid #000000;
border-radius: 5px;
text-decoration: none;
}

dd.fandom.tags a {
color: #000000;
}

.tags li.warnings a.tag {
background: #992931;
border: 1px solid #992931;
color: #f4eac5 !important;
font-weight: normal;
}

.tags li.warnings a.tag:hover {
background: #f4eac5;
border: 1px solid #992931;
color: #992931 !important;
font-weight: normal;
}

.tags li.relationships a.tag {
background: none !important;
border: none !important;
color: #3966a2 !important;
font-weight: bold;
}

.tags li.relationships a.tag:hover {
background: none !important;
border: none !important;
color: #6192d3 !important;
font-weight: bold;
}

.tags li.characters a.tag {
background: none !important;
border: none !important;
color: #3e94a4 !important;
}

.tags li.characters a.tag:hover {
background: none !important;
border: none !important;
color: #75b3c6 !important;
}

.tags li.freeforms a.tag {
background: none !important;
border: none !important;
color: #aed0ee !important;
}

.tags li.freeforms a.tag:hover {
background: none !important;
border: none !important;
color: #baccd9 !important;
}

#dashboard.own {
border-top: 15px solid #2775b6;
border-right: 2px solid #2775b6;
border-left: 2px solid #2775b6;
border-bottom: 15px solid #2775b6;
}

table,
th,
.child,
dl.index dd {
background: none;
border: none;
}

p.muted.notice {
display: none;
}

Notes:

If you like it please give me kudos to let me know🥰
I will also create some skins for other characters. To avoid any disputes, all the images will be from the comics and anime. If you have any characters you'd like to see, please let me know. I will work on them when I have time🥰

喜欢的话可以给我一个kudos🥰
后续我应该还会做一些其他鬼灭角色的个人向&cb向皮肤（不做cp是因为我不磕其他cp）为避免纠纷会全部使用漫画&动漫截图，有想看的角色&组合可以点菜，我有空的话会慢慢做出来🥰

 

Update: I suddenly realized that since it's anonymous posting, it's not convenient to make a series. So I put all the skins under the tag "鬼灭ao3皮肤". Thank you for your kudos ❤️

二编：突然意识到因为是匿名发布不方便开合集，所以我把所有皮肤都放在“鬼灭ao3皮肤”这个tag里面了，感谢喜欢❤️