Makes adjustments to the margins, padding, and the sizes of some buttons.
Ekde
/* ==UserStyle==
@name AniList Mobile Re-sizer
@description Makes adjustments to the margins, padding, and the sizes of some buttons.
@author Korakys
@namespace anilist.co
@version 1.0.6
@license CC0
@preprocessor uso
@var select showList "Display anime/manga lists on homepage" {
"Show": "initial",
"Hide": "none"
}
==/UserStyle== */
@-moz-document domain("anilist.co")
{
/* Custom setting modifies this line */
.list-previews { display: /*[[showList]]*/ !important; }
/* Makes the buttons bigger to accommodate fat fingers */
.action.likes, .action.replies, .actions .count[data-v-5e514b1e] {
font-size: 2rem;
}
.user-social .user-follow .user:last-child::after {
position: relative;
left: 2px;
top: -20px;
opacity: 1;
background: black;
}
.container[data-v-28e1e927] {
padding: 2px;
}
.content.container {
padding-left: 2px;
padding-right: 2px;
}
.home {
margin-top: 5px !important;
}
.page-content > .container, .notifications-feed, .page-content > .studio {
margin-top: 0px !important;
padding-left: 1px !important;
padding-right: 1px !important;
}
.activity-feed-wrap, .activity-feed-wrap + div {
margin-top: 0px;
}
.reply-wrap .activity-replies {
margin: 0.3em 0.5em !important;
}
.page-content > .container > .activity-entry .activity-replies{
margin-top: 5px !important;
}
.actions[data-v-797554d8], .donator-badge[data-v-797554d8], .time[data-v-797554d8] {
font-weight: 600;
}
.activity-feed-wrap {
margin-top: 0px;
}
.activity-edit .markdown-editor, .activity-edit .input, .reply[data-v-5a191921] {
margin-bottom: 5px !important;
}
.activity-feed-wrap[data-v-09492909] > div > div {
margin-bottom: 10px;
}
.activity-entry.activity-message, .activity-entry.activity-text, .activity-entry {
margin-bottom: 10px !important;
}
div.activity-edit:nth-child(2) {
margin-bottom: 5px !important;
}
.text .donator-badge[data-v-58d4a936] {
top: 22px;
}
.banner-content .name {
font-weight: bold;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
/*-webkit-text-stroke: 0.5px black;*/
}
.text[data-v-58d4a936] {
padding: 12px 12px 24px;
}
.wrap[data-v-5a740dfa] {
justify-content: center;
}
.overview[data-v-2cf72664] .content-wrap {
margin-bottom: 10px !important;
}
/* Hides banner download button */
.hohDownload {
display: none;
}
.list-stats > .footer {
display: none;
}
.notification {
margin-bottom: 10px !important;
}
.media-embed {
display: inline-block;
}
/* Fix edit window width */
.activity-editor-unscoped {
max-width: 96%;
}
.el-dialog {
width: inherit;
}
/*---Footer---*/
.links [data-v-82d0a8cc] {
display: inline-flex !important;
margin-top: 1em;
}
.links section[data-v-82d0a8cc] {
margin-top: 5px;
}
/*———FORUM———*/
/*---OP---*/
.title[data-v-1f3305c5] {
margin-top: 22px;
}
.header[data-v-1f3305c5] {
margin-bottom: 15px;
}
.forum-thread .header .time {
font-size: 1.2rem;
}
.body[data-v-06f9e40c] {
padding: 20px;
margin-bottom: 0px;
font-size: 1.5rem;
}
.forum-thread > .body > .footer {
padding-top: 10px;
}
/*---Buttons---*/
.forum-thread .actions[data-v-695bbfa9] {
margin-bottom: 0px !important;
}
.forum-thread .button[data-v-695bbfa9] {
height: inherit;
padding: 7px 10px;
font-size: 1.4rem;
border-radius: 3px;
border-width: 2px;
}
.forum-thread .button.subscribe.subscribed {
border-color: rgba(var(--color-blue));
font-weight: bold;
}
.forum-thread .button.comment {
padding-left: 10px;
padding-right: 15px;
}
.forum-thread .button.comment .icon {
margin-right: 5px;
}
.category {
border-radius: 3px !important;
}
.forum-thread .categories {
align-items: center;
display: flex;
margin-top: 0px !important;
}
.forum-thread .categories > span {
margin-top: 0px !important;
}
/*---Comments---*/
.forum-thread .comments-header[data-v-d8e54cfe] {
margin-top: 5px;
}
.forum-thread .comment[data-v-768af104] {
padding: 0.8em;
}
.forum-thread .child[data-v-768af104] {
margin-left: 0.8em;
}
.forum-thread .comment-wrap[data-v-768af104] {
margin-bottom: 0.8em;
}
.forum-thread .comment-wrap.depth-0[data-v-768af104] {
padding-bottom: 1px;
margin-bottom: 0.8em;
}
.forum-thread .actions[data-v-768af104] {
margin-bottom: 0px !important;
bottom: inherit !important;
align-self: initial;
/*---Mobile Specific---*/
font-size: 1.8rem;
}
/*---Editor---*/
.forum-thread .wrap .editor, .forum-thread .preview {
padding-top: 10px;
border: black 3px solid;
}
.forum-thread .wrap .preview h2 {
font-size: 1.8rem;
}
/*---Index---*/
.feed .thread-card {
padding: 12px;
margin-bottom: 10px !important;
}
.forum-feed .group-header {
color: rgba(var(--color-text)) !important;
font-weight: bold;
background: rgba(var(--color-foreground), .6);
padding: 6px;
border-radius: 3px;
}
.filter-group .router-link-active[data-v-35805f65]:not(.inactive) {
background: rgba(var(--color-blue)) !important;
}
.filter-group a:hover {
background: rgba(var(--color-blue), .3) !important;
color: rgba(255, 255, 255);
transition: .2s;
}
.filter-group > a {
background: rgba(var(--color-foreground));
}
.overview-header {
font-size: 1.8rem !important;
}
}