Userstyle to make the MAL webpage full page width
MyAnimeList Full Width by rimopa
Mirrored from https://raw.githubusercontent.com/rimopa/userstyles/main/myanimelist-wider.user.css
Details
Authorrimopa
LicenseMIT
Categorymyanimelist.net
Created
Updated
Code size9.4 kB
Code checksumcfcd1351
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
I haven't tried MAL supported pages/features.
Tell me if you find a bug or incompatibility issues
Source code
/* ==UserStyle==
@name MyAnimeList Full Width
@namespace https://github.com/rimopa
@version 1.1.9
@description Userstyle to make the MAL webpage full page width
@author rimopa <rimopapomir@gmail.com> (http://rimopa.github.io/site)
@supportURL https://github.com/rimopa/userstyles/issues/new/choose
@license MIT
@var text sidesPadding "Padding at the sides" 0px
@var text minWidth "Activate (most) styles only when width is greaer than" 1060px
@preprocessor stylus
==/UserStyle== */
/*<GENERAL{*/
@-moz-document domain("myanimelist.net") {
/*<hide side ads*/
if sidesPadding < 165px {
#D_300x600_160x600_Right.ad-sas.mauto.ac,
#D_300x600_160x600_Left.ad-sas.mauto.acm,
[class$="malside--r"],
[class$="malside--l"] {
visibility: hidden;
}
}
else {
[class$="malside--r"],
#D_300x600_160x600_Right.ad-sas.mauto.ac {
right: -165px !important;
left: auto !important;
text-align: -webkit-left;
}
[class$="malside--l"],
#D_300x600_160x600_Left.ad-sas.mauto.ac {
left: -165px !important;
right: auto !important;
}
.dark-mode .page-common {
[class$="malside--r"] [class$="sticky-wrapper"],
[class$="malside--l"] [class$="pdatla"] {
width: 160px !important;
}
}
.page-common {
[class$="malside--r"] [class$="sticky-wrapper"],
[class$="malside--l"] [class$="pdatla"] {
width: 160px !important;
}
}
}
/*hide side ads/>*/
.page-common #headerSmall {
padding: 6px 0 6px !important;
display: flex !important;
justify-content: space-between !important;
if sidesPadding <=4px {
margin: 0 8px;
}
}
.link-mal-logo {
order: 0;
}
.page-common #header-menu {
order: 2;
}
.page-common #headerSmall .banner-header-anime-straming {
order: 1;
}
.page-common #headerSmall .banner-header-anime-straming,
.page-common #header-menu,
.link-mal-logo {
position: unset !important;
}
.widget.mxj .widget-content {
display: flex !important;
justify-content: space-between !important;
}
@media (min-width: minWidth) {
.h1.edit-info {
width: 100% !important;
box-sizing: border-box !important;
}
.page-common {
#myanimelist {
width: "calc(100% - 2 * %s)" % sidesPadding !important;
}
#menu {
width: auto !important;
}
}
#footer-block > * {
width: auto !important;
}
}
}
/*GENERAL/>*/
/*<FIXED LEFT SIDE*/
@-moz-document url-prefix("https://myanimelist.net/anime/"),
url-prefix("https://myanimelist.net/manga/") {
@media (min-width: minWidth) {
.detail-stack-block {
justify-content: space-between !important;
}
.anime-slide-outer,
.anime-slide-block,
.di-t > .di-tc:nth-child(1),
.di-t > .di-tc:nth-child(3) {
width: auto !important;
}
div#content > table,
.rightside > table:nth-of-type(1),
.theme-songs > table {
table-layout: fixed !important;
}
.bannerDiv {
max-height: none !important;
}
/*<MAL-clean compatibility (see https://github.com/KanashiiDev/MAL-Clean-JS)*/
@supports (object-fit: cover) {
.bannerImage {
max-height: none !important;
}
}
/*MAL-clean/>*/
.left-right,
.left-column {
width: calc(50% - 9px) !important;
}
.left-column {
padding-right: 18px !important;
}
}
}
@-moz-document url-prefix("https://myanimelist.net/anime/characters"),
url-prefix("https://myanimelist.net/manga/characters") {
@media (min-width: minWidth) {
/*First staff position showing name wrong fix*/
.rightside > table {
table-layout: inherit !important;
}
}
}
@-moz-document url-prefix("https://myanimelist.net/profile/") {
@media (min-width: minWidth) {
#modern-about-me, .fav-slide-outer, .fav-slide-block {
width: auto !important;
}
.content-container {
table-layout: fixed;
}
}
}
@-moz-document url-prefix("https://myanimelist.net/anime/producer/") {
@media (min-width: minWidth) {
.content-right {
width: auto !important;
box-sizing: border-box !important;
}
.clearfix,
.navi-seasonal {
width: auto !important;
box-sizing: border-box !important;
}
}
}
/*FIXED LEFT SIDE/>*/
/*<FIXED RIGHT SIDE*/
@-moz-document url("https://myanimelist.net/"),
url("https://myanimelist.net/panel.php"),
url-prefix("https://myanimelist.net/news") {
@media (min-width: minWidth) {
.left-column {
width: "calc(100vw - 336px - 2 * %s)" % sidesPadding !important;
}
.widget-slide-outer,
.widget-slide-block {
width: auto !important;
}
.widget-slide-block {
max-width: 100% !important;
}
.widget-slide .js-widget-slide {
width: calc(100% + 115px) !important;
}
.widget-content {
overflow-x: hidden !important;
}
}
}
@-moz-document url(https://myanimelist.net/forum/) {
@media (min-width: minWidth) {
.forum .forum-board .board {
width: 100% !important;
}
.forum .forum-board-list {
width: auto !important;
}
}
}
/*FIXED RIGHT SIDE/>*/
/*<LISTS*/
@-moz-document url-prefix("https://myanimelist.net/anime/season") {
@media (min-width: minWidth) {
.navi-seasonal {
width: 100% !important;
box-sizing: border-box !important;
}
}
}
@-moz-document url-prefix("https://myanimelist.net/anime.php"),
url-prefix("https://myanimelist.net/manga.php"),
url-prefix("https://myanimelist.net/manga/magazine/") {
@media (min-width: minWidth) {
.anime-manga-search .genre-link .genre-list {
/*simplified for (100vw-24px-2*sidesPadding)/5*/
width: "calc(20vw - 4.8px - 0.4 * %s)" % sidesPadding !important;
}
}
}
@-moz-document url-prefix("https://myanimelist.net/mymessages.php") {
@media (min-width: minWidth) {
.mym:not(.mym_checkboxes), .message {
width: 100% !important;
}
.message > .mym_checkboxes {
padding-left: 5px !important;
padding-right: 5px !important;
}
.message {
display: flex !important;
justify-content: space-between;
.message .dark-mode {
background-color: #222 !important;
}
.message :not(.dark-mode) {
background-color: #f6f6f6 !important;
}
}
}
}
@-moz-document url-prefix("https://myanimelist.net/recommendations.php") {
@media (min-width: minWidth) {
.recommendations-user-recs-text {
max-width: none !important;
}
}
}
@-moz-document url-prefix("https://myanimelist.net/news") {
@media (min-width: minWidth) {
.content-left, .news-unit, body.news .menu-category {
width: auto !important;
}
}
}
@-moz-document url("https://myanimelist.net/anime/season/archive") {
@media (min-width: minWidth) {
.season .anime-seasonal-byseason {
width: calc(100% - 32px) !important;
margin: auto 16px !important;
}
}
}
@-moz-document url("https://myanimelist.net/manga/adapted") {
@media (min-width: minWidth) {
.navi-adapted {
width: auto !important;
}
}
}
/*LISTS/>*/
/*<OTHERS*/
@-moz-document url-prefix("https://myanimelist.net/dbchanges.php") {
@media (min-width: minWidth) {
div#content > table {
table-layout: fixed !important;
width: auto !important;
}
}
}
@-moz-document url("https://myanimelist.net/about.php") {
@media (min-width: minWidth) {
.lazyloaded {
object-fit: cover !important;
width: 100% !important;
height: auto !important;
object-position: top !important;
}
}
}
@-moz-document url("https://myanimelist.net/membership") {
.about-extras,
.about-no-ads,
.plan-header,
.plan-description {
@media (min-width: minWidth) {
width: auto !important;
}
.plan {
width: 100% !important;
}
.about-no-ads {
display: flex !important;
justify-content: space-evenly !important;
}
.about-no-ads > * {
display: unset !important;
}
}
}
@-moz-document url("https://myanimelist.net/advertising") {
@media (min-width: minWidth) {
#ad_menu, #ad_menu.fixed:after {
width: 100% !important;
}
#ad_menu.fixed {
left: 0 !important;
margin-left: 0 !important;
}
}
}
/*OTHERS/>*/