Actions

Work Header

Skin AO3 dành cho các đồng cưỡng - chủ đề Dimsum Cookbook

Summary:

Skinnnn ạ có ảnh review trên sợi chỉ vì em hk biết up hình trên này.
Màu với ảnh là em pick của Dimsum Cookbook lun á. Rất cảm ơnnnnn ạ.

Notes:

Work Text:

Hi, xin chào cả nhà.

Để set skin này mọi người vào Dashbroad chọn skin rồi chọn tạo skin.

- Đầu tiên mọi người vào Use Wizzard set theo thông số này nha:

Font:Baskerville Display Pt

Percent of browser font size:100%

Vertical gap between paragraphs:1.286em

Background color:#F2EBE5

Text color:#442a23

Header color:#2E8B57

Accent color:#FF6347

- Bước hai mọi người chọn Write Custom CCS copy đoạn công thức dưới đây bỏ vào là ok.

Làm xong các bước trên mọi người bấm Udate để lưu skin trước nha sau đó sẽ có lựa chọn Use để mọi người sử dụng skin ạ.

 

 

#header {
  background-image: url("https://64.media.tumblr.com/aa72e085b540c18bf152af557582a6ad/5daaded3e386dc3c-09/s1280x1920/c50ce7aa0a5707c2531cbf4e64df9ee567b85bcb.jpg");
  background-repeat: repeat;
  background-size: cover;
  background-position: center center;
  background-color: #152623;
  position: relative;
  z-index: 10;
}

#header .logo,
#header h1 sup {
  display: none !important;
}

#header h1 a span {
  display: none !important;
}

#header h1 a::before {
  content: " 🥟Dimsum Cookbook ";
  display: block;
  font-size: 2em;
  font-weight: bold;
  font-family: 'Georgia', serif;
  font-variant: small-caps;
  text-decoration: none;
  text-align: left;
  color: #442a23;
}

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

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

.warnings .tag {
  background: #ab3740;
  color: #f3f0e5 !important;
  border: 1px solid #ab3740;
}

.warnings .tag:hover {
  background: #f3f0e5 !important;
  color: #ab3740 !important;
  border: 1px solid #ab3740;
}

ul.tags li.warnings:first-child:before {
  content: "🥟🎋🥟 ";
}

.relationships .tag {
  background: #366c89;
  color: #f3f0e5 !important;
  border: 1px solid #366c89;
}

.relationships .tag:hover {
  background: #f3f0e5 !important;
  color: #366c89 !important;
  border: 1px solid #366c89;
}

.characters .tag {
  background: #ef984d;
  color: #f9f7f2 !important;
  border: 1px solid #ef984d;
}

.characters .tag:hover {
  background: #f3f0e5 !important;
  color: #cb7040 !important;
  border: 1px solid #cb7040;
}

.freeforms .tag {
  background: #226a64;
  color: #f3f0e5 !important;
  border: 1px solid #226a64;
}

.freeforms .tag:hover {
  background: #f3f0e5 !important;
  color: #226a64 !important;
  border: 1px solid #226a64;
}

#workskin {
  border: 20px solid transparent;
  border-image: url("https://64.media.tumblr.com/6e3d6155e1c841a8bc85f35086f076d2/51eb09d1ffb5b4c0-a8/s1280x1920/0e444f46e61f590ba43cdf2135a010fdf058ef0f.png") 25% round;
  color: #2a2a2a;
}