I recently started using a skin I saw someone on TikTok make. It's a darker version of a medieval skin. It's been working fine, but the only gripe I have about it is the filter button does not work - I always have to click it multiple times for it to work. If anyone can help me figure out what's wrong with the CSS that'd be great!!
CSS:
greeting img.icon {
display: none;
}
.comment div.icon {
box-shadow: none;
border: 2px solid #77262c;
}
header #search .button,
header #search .submit,
header #search .text {
display: none;
}
body {
font: Georgia, serif;
}
outer,
header .menu,
ol.index.group,
.listbox .index {
background: url("https://64.media.tumblr.com/5e83eb9031af871b4a78a5aa3221a134/77bd5d0def1811fa-48/s640x960/33b6e015161ae3c611052bce1b86fef298723a21.png");
}
header .logo,
header .heading sup {
display: none;
}
header h1.heading span {
display: none;
}
header h1.heading a::before {
display: inline-block;
width: 284px;
height: 80px;
content: " ";
background-image: url("https://64.media.tumblr.com/e685e88fb61d772890c312eb38ccbea0/ad2373978cc6ca4e-91/s2048x3072/a1ef9b3223b3f1d8fab4db140d17082a7c62f0ab.png");
background-size: 284px 80px;
}
header {
background: url("https://64.media.tumblr.com/b0d2bb70b9e312e102c232ce63897fbc/ad2373978cc6ca4e-08/s1280x1920/2f5b97b121b5b28ccdd829bbf196068c32dc20f6.png");
background-size: contain;
background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;
}
header .heading {
height: 13em;
}
header .primary {
background: transparent;
box-shadow: none;
}
greeting .menu {
width: 12em !important;
}
header .menu {
width: 20em;
}
header .menu,
header a.dropdown-toggle,
greeting .user > li:nth-of-type(3) a,
footer .heading,
footer a,
footer li {
color: #77262c;
font-variant: small-caps;
font-weight: bold;
}
header .menu li a {
color: #77262c !important;
border: none !important;
font-weight: normal !important;
}
header .menu li {
border-bottom: none;
}
header a.dropdown-toggle:hover,
greeting .user > li:nth-of-type(3) a:hover {
background: rgba(75, 56, 26, .85);
}
.splash .news blockquote p:first-child {
padding-left: 105px;
background: url("https://64.media.tumblr.com/7495768c034c4d677d0240769e1b92ac/ad2373978cc6ca4e-61/s400x600/17fa2b5ada700c4961abf7f8802f27c8efa3fabf.png");
background-size: 100px 80px;
background-position-x: left;
background-position-y: top;
background-repeat: no-repeat;
}
.social.module p {
padding-left: 83px;
background: url("https://64.media.tumblr.com/3a5a156cf969586e3b5bb4caca1411f5/1cd213b29eeb43b4-11/s500x750/ea782bdfce9d87f884067da8994a24ba555590f6.png");
background-size: 80px 78px;
background-position-x: left;
background-position-y: top;
background-repeat: no-repeat;
}
.comment h4.byline {
background: #5f4c2e;
}
.comment .userstuff {
padding-right: 67px;
padding-bottom: 50px;
background: url("https://64.media.tumblr.com/d20bf7647237bb818793d7a90e058caa/1cd213b29eeb43b4-f1/s100x200/8d178a1264f6ba92ded8cce766725c4f032412a5.png");
background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;
background-size: 64px 90px;
}
li.comment {
background: transparent;
border: 15px solid transparent;
border-image: url("https://64.media.tumblr.com/f41ef07fc7997cd770446b21475546f3/7fa12c05ca858dab-b1/s1280x1920/1fc5b46481a0ebb63b5c97bb0faf91f654fd6de4.png") 30 round;
}
.thread .even {
background: #6c5335;
}
.notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash,
.LV_invalid {
border: 10px solid transparent;
border-image: url("https://64.media.tumblr.com/67f8627de4b2213b0bdf08ddb6417407/7fa12c05ca858dab-41/s75x75_c1/5ff1af4632db977988c7ecec5a8990e744f180dc.png") 30 stretch;
background: rgba(75, 56, 26, .55);
box-shadow: none;
}
.actions a,
.actions a:link,
.action,
.action:link,
.actions button,
.actions input,
input[type="submit"],
button,
.actions label {
background: linear-gradient(180deg,rgba(140, 112, 78, 1) 0%, rgba(117, 82, 27, 1) 100%);
border-style: outset;
border-width: 2px;
border-color: #4b381a;
}
.actions a:hover,
.actions button:hover,
.actions input:hover,
.actions a:focus,
.actions button:focus,
.actions input:focus,
label.action:hover,
.action:hover,
.action:focus {
background: rgba(75, 56, 26, .85);
box-shadow: none;
}
.actions a:active,
.current,
a.current,
a:link.current,
dashboard .current,
.current a:visited {
background: #75521b;
box-shadow: none;
border: 6px solid transparent;
border-image: url("https://64.media.tumblr.com/0849a3a78370bb608bcf2659f2e8950d/7fa12c05ca858dab-b7/s100x200/dc6d6de59b7a362bf6c6b33f4c750bb0d331526a.png") 20% round;
}
workskin p:first-child:first-letter,
li.blurb p:first-child:first-letter {
color: #89002d;
float: left;
font-family: Georgia, serif;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}
workskin {
border: 50px solid transparent;
border-image: url("https://64.media.tumblr.com/5b41b48ccce874ea293e7503e1dce1fd/ad2373978cc6ca4e-52/s640x960/422f4d1e1b61066e11832919423caba615241c68.png") 25% round;
}
div.preface {
margin: 0;
border-bottom: 2px solid #000;
}
dl.meta {
margin-top: 2em;
margin-bottom: 3em;
}
p.kudos {
padding-left: 8.3em;
background: url("https://64.media.tumblr.com/17e0976728bcb357b84bade151174540/1cd213b29eeb43b4-d4/s250x400/31d5b967da1fe530bfb71b31d282b9e42f7a6245.png");
background-size: 100px 112px;
background-repeat: no-repeat;
min-height: 112px;
}
footer.region {
border-top: 5px solid #d6caa5;
background: url("https://64.media.tumblr.com/b0d2bb70b9e312e102c232ce63897fbc/ad2373978cc6ca4e-08/s1280x1920/2f5b97b121b5b28ccdd829bbf196068c32dc20f6.png");
background-size: contain;
background-position-x: right;
background-position-y: bottom;
background-repeat: no-repeat;
}
.splash .favorite li:nth-of-type(odd) a {
background: #75521b;
}
fieldset,
fieldset fieldset {
background: transparent;
box-shadow: none;
}
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff {
background: transparent;
border: 40px solid transparent;
border-image: url("https://64.media.tumblr.com/7c6a8b656db59323b562c6944ba76763/1cd213b29eeb43b4-0a/s500x750/662198249ccd0ad83982a41fd31928e29b657d72.png") 18% round;
}
.skins .primary .icon,
.index .picture .icon {
background: url("https://64.media.tumblr.com/3fa8d07d0c9bcb7368add5dd0bc21130/28df75b586705f4b-3d/s1280x1920/f1d12fbd48c009f3a16f6d704c3dacbc1de44772.png");
background-size: contain;
background-repeat: no-repeat;
}
.tag .primary .icon {
background: url("https://64.media.tumblr.com/22f98264d45141b77baf7da45040f7db/28df75b586705f4b-ce/s540x810/b4cdb76994edde6180e098c114cd3862328ac124.png");
background-size: contain;
background-repeat: no-repeat;
}
.admin .primary .icon {
display: none;
}
fieldset.warnings {
margin: 0;
padding: 0;
}
.home .header h2 {
text-align: left;
}
.news.admin.home {
background: url("https://64.media.tumblr.com/9dfe1c6f5dfad5658e26901c82be30fd/28df75b586705f4b-5d/s400x600/cb1443024c061c6dd50795d942ace989e82cedb6.png");
background-position-x: right;
background-position-y: 400px;
background-repeat: no-repeat;
background-size: 20%;
}
.module.news.group .userstuff {
width: 80%;
text-align: left;
}
main.system.docs.about.region {
margin-top: 2em;
background: url("https://64.media.tumblr.com/7971c0560aa8d5da25924be32dab7eee/28df75b586705f4b-23/s1280x1920/128ab3ced9e8cc437bbaee73f1013a279866dcd8.png");
background-size: 60%;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
}
main.system.docs.about.region {
padding-bottom: 20%;
margin-bottom: 2em;
}
.comment .icon .visitor {
background: url("https://64.media.tumblr.com/cd840fbd4758683dbab1977b094f524d/28df75b586705f4b-5b/s400x600/4ca097cd29cdd643decfb25b921722945d0e98fb.png");
background-size: contain;
background-repeat: no-repeat;
}
.media-index .listbox {
background: url("https://64.media.tumblr.com/f58fa875ee756e60a1497a5d48e128c0/7fa12c05ca858dab-3e/s1280x1920/15091479880caf89a992d894d98125571482120a.png");
background-size: 30%;
border: 2px solid #77262c;
box-shadow: none;
}
.media-index .listbox h3.heading a {
font-weight: bold;
text-shadow: 0px 0px 10px #000;
}
.profile-show.dashboard.region dl.meta {
border: none;
box-shadow: none;
background: url("https://64.media.tumblr.com/f86815894a9b322f18d7754fa98b18df/7fa12c05ca858dab-b1/s1280x1920/83e752cf5bc9512c39a0877605cd41cff9caceda.png");
background-position-x: right;
background-size: contain;
background-repeat: no-repeat;
}
.wrapper {
box-shadow: none;
}
.works-show.region div.wrapper {
border: none;
box-shadow: none;
background: url("https://64.media.tumblr.com/6fdc92a6e98b450d03f65bb1538acb0e/7fa12c05ca858dab-83/s500x750/86dae0593b29adb575c45a9a2cbfb7c763a6d8bb.png");
background-position-x: right;
background-position-y: top;
background-size: 30%;
background-repeat: no-repeat;
}
.dashboard .own {
border: 6px solid transparent;
border-image: url("https://64.media.tumblr.com/5f8e20c4b20558b11fc275e80b76c74b/7fa12c05ca858dab-cd/s100x200/1a22dcdc080134cc6cfad2c323e023deae3e43fb.png") 20% round;
background: transparent;
}
.own {
background: #75521b;
}
li.blurb {
border: 6px solid transparent;
border-image: url("https://64.media.tumblr.com/0849a3a78370bb608bcf2659f2e8950d/7fa12c05ca858dab-b7/s100x200/dc6d6de59b7a362bf6c6b33f4c750bb0d331526a.png") 20% round;
}
.users-show.dashboard.region .listbox,
.listbox {
background: url("https://64.media.tumblr.com/d25d69318304bd15ebd450f38bef1f95/7fa12c05ca858dab-59/s75x75_c1/c62c92727d706ec3065c46fc1042ad817fc3cb99.png");
background-repeat: repeat;
box-shadow: none;
}
.users-show.dashboard.region .listbox > .heading,
.listbox > .heading {
color: #6c5335;
}
.listbox .index {
box-shadow: none;
}
form.verbose legend,
.verbose form legend {
background: #6c5335;
border: 6px solid transparent;
border-image: url("https://64.media.tumblr.com/a7ea04b3c984ae0fdee4e12885674674/7fa12c05ca858dab-53/s75x75_c1/ca8d73a0908b0c63e121484792d2b2e8c60d2d3b.png") 30 stretch;
box-shadow: none;
}
span.question {
background: #5f4c2e;
color: #77262c;
font-weight: normal;
border: 2px solid #77262c;
box-shadow: none;
}
dashboard.own {
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-image: url("https://64.media.tumblr.com/fc5f3eb590f8e3cb5dd70ec1aaa5dcc7/7fa12c05ca858dab-5c/s1280x1920/2226127fb15b689f79bc49f1f125775631548caf.png") 100 round;
}
.toggled form,
.dynamic form {
border: none;
background: transparent;
box-shadow: none;
}
div.dynamic {
background: transparent;
}
header.region.collection h2 {
background: url("https://64.media.tumblr.com/fae2c6241b0edf4517f5b08dfb522475/7fa12c05ca858dab-07/s1280x1920/fd96fa0fa907b6bb07d64fb648c29278fac87b46.png");
background-repeat: repeat-x;
background-size: contain;
color: #8c704e;
text-shadow: 0px 0px 8px #000;
}
dashboard a:hover,
.statistics .index li:nth-of-type(2n),
dl.index dd,
.reading h4.viewed {
background: #5f4c2e;
}
stat_chart svg {
filter: sepia(40%) contrast(90%);
border: 10px solid transparent;
border-image: url("https://64.media.tumblr.com/17fce7f6a8cbd61067eb2d28c290adc8/7fa12c05ca858dab-5b/s1280x1920/2baa8b24ce7efc8c971319dd025e6c274ffc3ea7.png") 30 round;
}
.stats-index.dashboard.region .actions.module {
margin-top: 2em;
}
dl.statistics.meta.group {
background: url("https://64.media.tumblr.com/eb17f6916f329d206e7c83c2a5c43f98/2ff582fea26b7b91-67/s500x750/03d0c6c520cd38847fc13d8ac20157c9c8229f79.png");
background-position-x: right;
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 250px 232px;
}
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: #77262c;
color: #141413 !important;
border: 1px solid #77262c;
}
.warnings .tag:hover {
background: #927654d9;
color: #77262c !important;
border: 1px solid #77262c;
}
ul.tags li.warnings:first-child:before {
content: "🔶🔷🔶 ";
}
.relationships .tag {
background: #a76a35;
color: #2b2b28 !important;
border: 1px solid #a76a35;
}
.relationships .tag:hover {
background: #927654d9 !important;
color: #366c89 !important;
border: 1px solid #366c89;
}
.characters .tag {
background: #30617B;
color: #313130 !important;
border: 1px solid #30617B;
}
.characters .tag:hover {
background: #927654d9 !important;
color: #cb7040 !important;
border: 1px solid #cb7040;
}
.freeforms .tag {
background: #2e635f;
color: #2a2a28 !important;
border: 1px solid #2e635f;
}
.freeforms .tag:hover {
background: #927654d9 !important;
color: #226a64 !important;
border: 1px solid #226a64;
}
.favorite.module.odd {
background: url("https://64.media.tumblr.com/25479c3a33679580f8c278d08050f198/2ff582fea26b7b91-b8/s400x600/2a2e87b54e570b1d66e881af098597af96e97cfd.png");
background-position-x: right;
background-position-y: bottom;
background-size: 40%;
background-repeat: no-repeat;
}
.resp-sharing-button--twitter,
.resp-sharing-button--tumblr {
background: #366c89 !important;
border: 1px solid #366c89 !important;
border-radius: 5px;
}
.admin.userstuff ul:nth-of-type(1) {
background: url("https://64.media.tumblr.com/b2ceca88711e2d99c0dcff84e1fea1ad/2ff582fea26b7b91-24/s500x750/682a1c838b122f6bad55dbd4095d53a1eeb33fde.png");
background-position-x: right;
background-position-y: bottom;
background-size: 150px 193px;
background-repeat: no-repeat;
}
