#tohome {
background-image: url('data:image/svg+xml;utf8,');
}
#headertitle {
display: flex;
flex-direction: row;
align-items: center;
}
#headersystems #headertitle {
padding: 0.5em 1em 0.5em 1.25em;
border-radius: 1em;
}
#headersystems #headertitle,
#headersystems .headerbutton,
#comicsreadernav .comic-ops .comic-op button {
-webkit-tap-highlight-color: transparent;
}
#headersystems[data-menu-active].open #headertitle {
background-color: var(--ux-border-color);
}
[data-theme='dark'] #toggleadjustments,
#headersystems[data-menu-active].open #headertitle:after {
transform: rotate(-180deg);
}
#headersystems[data-menu-active] #headertitle:after {
content: '';
display: inline-block;
background-position: center center;
width: 1em;
height: 1em;
margin-left: 0.25em;
transition: transform 0.125s ease-in;
background-image: url('data:image/svg+xml;utf8,');
}
#headersystems[data-menu-active] #headertitle[data-custom] {
background-position: right 2.25em center;
background-size: 1.25em;
background-repeat: no-repeat;
}
#headersystems[data-menu-active] #headertitle[data-custom]:after {
margin-left: 1.875em;
}
#toggleadjustments {
background-image: url('data:image/svg+xml;utf8,');
transition: transform 0.25s cubic-bezier(0.25, 0, 0, 1);
}
#togrid {
background-image: url('data:image/svg+xml;utf8,');
}
#tosubscriptions {
background-image: url('data:image/svg+xml;utf8,');
}
#touser {
background-image: url('data:image/svg+xml;utf8,');
}
#tofaq {
background-image: url('data:image/svg+xml;utf8,');
}
#tosettings {
background-image: url('data:image/svg+xml;utf8,');
}
#toggledarkmode {
background-image: url('data:image/svg+xml;utf8,');
}
#rack > .storylines-frame > .tabsystem.tabselector .intro {
background-image: url('data:image/svg+xml;utf8,');
}
#rack > .storylines-frame > .tabsystem.tabselector .covers {
background-image: url('data:image/svg+xml;utf8,');
}
#rack > .storylines-frame > .tabsystem.tabselector .share {
background-image: url('data:image/svg+xml;utf8,');
}
.nav-btn-group .nav-btn,
.menu-group .menu-btn {
color: var(--ux-text-color);
background-size: 1.25em;
background-repeat: no-repeat;
background-position: right 1.5em top 1.4em;
}
.nav-btn-group .nav-btn[data-btntype='forward'],
.menu-group .menu-btn[data-btntype='forward'] {
background-size: 0.64em;
background-image: url('data:image/svg+xml;utf8,');
}
.nav-btn-group .nav-btn[data-btntype='back'],
.menu-group .menu-btn[data-btntype='back'] {
background-size: 0.64em;
background-image: url('data:image/svg+xml;utf8,');
}
.menu-group .menu-btn[data-btntype='subscribe'],
.nav-btn-group .nav-btn[data-btntype='subscribe'] {
background-size: 0.75em;
background-position: right 1.5em top 1.25em;
background-image: url('data:image/svg+xml;utf8,');
}
.menu-group .menu-btn[data-btntype='subscribe'][data-subscribed],
.nav-btn-group .nav-btn[data-btntype='subscribe'][data-subscribed] {
background-image: url('data:image/svg+xml;utf8,');
}
.nav-btn-group.mini .nav-btn {
background-position: right 0.75em center;
}
#headersystems[data-menu-active] #headertitle[data-custom='alpha'],
.menu-group .menu-btn[data-action='alpha'] {
background-image: url('data:image/svg+xml;utf8,');
}
#headersystems[data-menu-active] #headertitle[data-custom='shuffle'],
.menu-group .menu-btn[data-action='shuffle'] {
background-image: url('data:image/svg+xml;utf8,');
}
#headersystems[data-menu-active] #headertitle[data-custom='date'],
.menu-group .menu-btn[data-action='date'] {
background-image: url('data:image/svg+xml;utf8,');
}
#headersystems[data-menu-active] #headertitle[data-custom='genre'],
.menu-group .menu-btn[data-action='genre'] {
background-image: url('data:image/svg+xml;utf8,');
}
#comicpages #comicsreadernav .btn.op-prev {
background-image: url('data:image/svg+xml;utf8,');
}
#comicpages #comicsreadernav .btn.op-next {
background-image: url('data:image/svg+xml;utf8,');
}
#comicpages #comicsreadernav .btn.op-page:after {
content: '';
display: inline-block;
background-position: center center;
width: 0.75em;
height: 0.75em;
/* margin-left: 0.25em; */
transition: transform 0.125s ease-in;
transform: rotate(180deg);
background-image: url('data:image/svg+xml;utf8,');
opacity: 0.5;
}
#comicpages #comicsreadernav[data-controlsdisplay='show'] .btn.op-page:after {
transform: rotate(0deg);
}
#comicpages #comicsreadernav[data-controlsdisplay='show'] .btn.op-page {
background-color: var(--ux-border-color);
}
#rack .link-list > ul > li > a {
padding: 0.25em 1.85em;
background-repeat: no-repeat;
background-size: 1.3em;
background-position: left center;
}
#rack .link-list > ul > li > a[data-linktype='comic website'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[data-linktype='store'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[data-linktype='portfolio'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='patreon.com'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='ko-fi.com'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='instagram.com'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='tumblr.com'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='deviantart.com'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='discordapp.com'],
#rack .link-list > ul > li > a[href*='discord.gg'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='paypal.com'],
#rack .link-list > ul > li > a[href*='paypal.me'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='youtube.com'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='twitch.tv'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[href*='itch.io'] {
background-image: url('data:image/svg+xml;utf8,');
}
#rack .link-list > ul > li > a[data-linktype='mastodon'] {
background-image: url('data:image/svg+xml;utf8,');
}
#homescreenicon {
display: inline-block;
text-indent: -999vw;
overflow: hidden;
width: 1.25em;
height: 1em;
background-size: 0.9em;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml;utf8,');
}