Bring back the old favorite style!
Vertical Favorites - Small pictures! by shishiostyles
Details
Authorshishiostyles
LicenseNo License
Categoryhttps://myanimelist.net/
Created
Updated
Size9.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Classic MAL favorites style
@namespace ShishioStyles
@version 3
@description Styles profile faves the old way
@author Shishio-kun @MyAnimeList
==/UserStyle== */
@-moz-document domain("myanimelist.net") {
.fav-slide-block .fav-slide {
display: table-cell;
width: 100px !important;
}
.fav-slide-block .fav-slide .btn-fav {
padding-bottom: 10px !important;
}
.fav-slide-block .fav-slide-outer {
height: auto;
width: 200px !important;
}
.fav-slide-block .fav-slide .btn-fav .link img {
background-color: transparent;
}
#anime_favorites{
height: auto !important;
width: 198px;
position: relative !important;
position: relative;
float: left;
}
#anime_favorites:hover{
overflow-y: auto;
}
div#manga_favorites.fav-slide-block.mb12 {
height: auto !important;
width: 198px;
position: relative !important;
scrollbar-width: thin;
padding-left: 2px;
position: relative;
float: left;
}
div#manga_favorites.fav-slide-block.mb12:hover{
overflow-y: auto;
}
#character_favorites{
height: auto !important;
width: 198px;
position: relative !important;
scrollbar-width: thin;
padding-left: 2px;
position: relative;
float: left;
}
#character_favorites:hover{
overflow-y: auto;
}
#person_favorites {
height: auto !important;
width: 198px;
position: relative !important;
scrollbar-width: thin;
padding-left: 2px;
position: relative;
float: left;
}
#person_favorites:hover{
overflow-y: auto;
}
.fav-slide-block .fav-slide{
position: relative;
}
.favmore{
display: block !important;
}
.container-right > h5:nth-child(6){
position: absolute;
left: 450px;
margin-top: -25px !important;
}
.favmore > h5:nth-child(1){
position: absolute;
left: 850px;
margin-top: -25px !important;
}
.container-right > h5:nth-child(8){
position: absolute;
left: 650px;
margin-top: -25px !important;
}
.btn-favmore.open, .btn-favmore, .fav-slide-block .btn-fav-slide-side {
opacity: 0 !important;
pointer-events: none;
}
.page-common .content-container .pt24 {
position: relative;
float: left;
top:-60px;
}
.fav-slide-block .lazyloaded{
width: 40px;
height: 60px;
}
.fav-slide-block .lazyloaded{
width: 40px;
height: 60px;
image-rendering: inherit;
image-rendering: -webkit-optimize-contrast;
}
.fav-slide-block .fav-slide .btn-fav .link {
height: 55px;
}
/* CLASSIC FAVE INFO RE-STYLE */
.fav-slide-block .fav-slide .btn-fav .link .title {
color: #1d439b;
text-shadow: none !important;
font-family: Verdana,Arial;
font-size: 11px !important;
padding: 0;
}
.fav-slide-block .fav-slide .btn-fav .link .users {
opacity: 1;
color: #787878 !important;
text-shadow: none;
font-family: Verdana,Arial;
font-size: 11px;
line-height: 15px;
}
.fav-slide-block .fav-slide .btn-fav .link .title {
width: 150px;
position: relative;
background:transparent;
margin-left: 45px;
}
.fav-slide-block .fav-slide .btn-fav .link .users {
width: 150px;
position: relative;
background: transparent;
margin-left: 40px;
margin-top: 4px;
}
.fav-slide-block .fav-slide .btn-fav .link img{
position: absolute !important;
background: transparent;
left: 0px;
top: 0px;
}
.fav-slide-block .fav-slide .btn-fav {
padding-top: 4px !important;
}
.fav-slide-block .fav-slide .btn-fav .link .title:hover{
text-decoration: underline;
}
/* UPDATE REPAIRS */
.fav-slide-block .fav-slide .btn-fav .link .title {
opacity: 1;
}
.fav-slide-block .fav-slide .btn-fav .link .title {
color: #1d439b;
top: 0px;
text-shadow: none !important;
font-size: 11px;
left: 0px;
font-family: Verdana,Arial;
font-size: 11px !important;
overflow: hidden;
width: 150px !important;
;
overflow: hidden;
}
/* UPDATE REPAIRS FOR COMPANIES */
h5:nth-child(3){
width: 100px;
}
#company_favorites {
height: auto !important;
width: 198px;
position: relative !important;
scrollbar-width: thin;
padding-left: 2px;
float: left;
}
#company_favorites:hover {
overflow-y: auto;
}
#company_favorites .fav-slide-outer .link {
align-items: center;
-webkit-box-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
width: 150px;
}
#company_favorites .link .title{
top: -30px;
}
.container-right > h5:nth-child(6){
border-bottom: 0 !important;
}
.container-right > h5:nth-child(8) {
border-bottom: 0 !important;
}
.favmore > h5:nth-child(1) {
border-bottom: 0 !important;
}
#company_favorites .fav-slide-outer .link{
margin-bottom: -17px !important;
}
/* FAVORITES HEIGHT Change auto to the new px amount, 1500px is the default for 10 faves. */
.fav-slide-block .fav-slide-outer {
height: auto !important;
padding-bottom: 10px;
}
/* POST DARK MODE CHANGES */
.dark-mode .fav-slide-block .fav-slide {
display: table-cell;
width: 100px !important;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav {
padding-bottom: 10px !important;
}
.dark-mode .fav-slide-block .fav-slide-outer {
height: auto;
width: 200px !important;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link img {
background-color: transparent;
}
.dark-mode .fav-slide-block .fav-slide{
position: relative;
}
.dark-mode .favmore{
display: block !important;
}
.dark-mode .container-right > h5:nth-child(6){
position: absolute;
left: 450px;
margin-top: -25px !important;
}
.dark-mode .favmore > h5:nth-child(1){
position: absolute;
left: 850px;
margin-top: -25px !important;
}
.dark-mode .container-right > h5:nth-child(8){
position: absolute;
left: 650px;
margin-top: -25px !important;
}
.dark-mode .btn-favmore.open, .dark-mode .btn-favmore, .dark-mode .fav-slide-block .btn-fav-slide-side {
opacity: 0 !important;
pointer-events: none;
}
.dark-mode .page-common .content-container .pt24 {
position: relative;
float: left;
top:-60px;
}
.dark-mode .fav-slide-block .lazyloaded{
width: 40px;
height: 60px;
}
.dark-mode .fav-slide-block .lazyloaded{
width: 40px;
height: 60px;
image-rendering: inherit;
image-rendering: -webkit-optimize-contrast;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link {
height: 55px;
}
/* CLASSIC FAVE INFO RE-STYLE */
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .title {
color: #1d439b;
text-shadow: none !important;
font-family: Verdana,Arial;
font-size: 11px !important;
padding: 0;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .users {
opacity: 1;
color: #787878 !important;
text-shadow: none;
font-family: Verdana,Arial;
font-size: 11px;
line-height: 15px;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .title {
width: 150px;
position: relative;
background:transparent;
margin-left: 45px;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .users {
width: 150px;
position: relative;
background: transparent;
margin-left: 40px;
margin-top: 4px;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link img{
position: absolute !important;
background: transparent;
left: 0px;
top: 0px;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav {
padding-top: 4px !important;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .title:hover{
text-decoration: underline;
}
/* UPDATE REPAIRS */
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .title {
opacity: 1;
}
.dark-mode .fav-slide-block .fav-slide .btn-fav .link .title {
color: #1d439b;
top: 0px;
text-shadow: none !important;
font-size: 11px;
left: 0px;
font-family: Verdana,Arial;
font-size: 11px !important;
overflow: hidden;
width: 150px !important;
;
overflow: hidden;
}
/* UPDATE REPAIRS FOR COMPANIES */
.dark-mode h5:nth-child(3){
width: 100px;
}
.dark-mode .container-right > h5:nth-child(6){
border-bottom: 0 !important;
}
.dark-mode .container-right > h5:nth-child(8) {
border-bottom: 0 !important;
}
.dark-mode .favmore > h5:nth-child(1) {
border-bottom: 0 !important;
}
/* FAVORITES HEIGHT Change auto to the new px amount, 1500px is the default for 10 faves. */
.dark-mode .fav-slide-block .fav-slide-outer {
height: auto !important;
padding-bottom: 10px;
}
}