LEGENDS_OF_ANIME said: Can you tell me why it's not working for my list? I think it may be because I use the list table zooming on hover. But I don't know how I can fix it. I kept the code added to the bottom of my list. So......... If you could help me a bit.......... [List CSS] Also if you could tell me how to make the "|" devider the same color too. I can't find it's selector.  It works when I place it at the bottom of your CSS, but certain parts of it conflict with other modifications you've made to the premier section.  The conflicting styling is located on lines 479 through 495, and will have to be deleted or commented out if you want the styling to look how it does in the previews.  |
I am really sorry, I quoted the wrong reply by mistake. I was supposed to ask about this. Valerio_Lyndon said: Personally though, I would recommend using the alternative overflow solution I've given some other people: https://myanimelist.net/forum/?topicid=1723114&show=400#msg59468531 Also if you could tell me how to make the "|" devider the same color too. I can't find it's selector. |
   StoryGraph x Spotify x Instagram “Whether we die or not isn't really that big a deal." — Suzuya Juuzou |
LEGENDS_OF_ANIME said: I am really sorry, I quoted the wrong reply by mistake. I was supposed to ask about this. Valerio_Lyndon said: Personally though, I would recommend using the alternative overflow solution I've given some other people: https://myanimelist.net/forum/?topicid=1723114&show=400#msg59468531 It doesn't work with your previously added airing text changes and row background changes, which made titles inline, changed various "position" properties, and allowed them to overflow on their own. While I don't really recommend using it, this code should re-hide overflow when not hovered while adding in the new overflow display while hovered. The "airing" text will move when this happens, but that's unavoidable. /*-S-T-A-R-T--------------------*\
| Overflow Titles on Hover CUSTOM|
\*------------------------------*/
.data.title .link.sort {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 50px);
height: 16px;
border-radius: 3px;
padding: 0;
margin-right: 8px;
overflow: hidden;
white-space: nowrap;
transition: none !important;
} .data.title .link.sort:hover {
position: absolute;
left: 78px;
top: calc(50% - 16px);
display: block;
max-width: 470px;
z-index: 1;
height: auto;
padding: 2px 4px;
background: var(--btn-bg);
white-space: normal;
transform: translateY(-50%);
}
.data.title {
padding-bottom: 25px !important;
}
.add-edit-more {
position: absolute;
left: 82px;
top: calc(50% - 20px + 11px);
}
/*------------------------E-N-D-*/It makes the code even less maintanable and more jank but it's the only way to add this mod. LEGENDS_OF_ANIME said: Also if you could tell me how to make the "|" devider the same color too. I can't find it's selector. It's controlled by the border-color on some of the started::before/finished::before elements. .data.started:before, .data.finished:before, .data.days:before, .data.airing-started:before, .data.airing-finished:before {
border-right: 1px solid var(--text-dim);
} |
Powish said: a couple days ago category headers just stopped working L3noX said: I have the same problem Raventric said: the Category headers … no longer show up. ShaDedZz said: my category headers round aren't working, this has been happening for like 3 week Camchop04 said: the categories on the all anime page aren't showing. Black_D-44 said: MALCat is broken I know I am colossally late on this one, I was away for a while. Unfortunately, I don't think the headers are fixable. Every request to the app returns a server error, which implies to me that the app itself is now broken or the hosting has expired. The person that created the tool, Doomcat, has been absent since 2019, so it could be anything.  To get headers again, I or someone else would have to make a new tool. I'll make sure to ping you if there's any updates, unless you tell me not to. |
| @valerio_lyndon I've been racking my brain on how to restore the headers with CSS, I think it might be possible with something like this which I was experimenting with on the default layout [data-query*='"status":7'] .list-table .list-table-data .data.status.watching ~ * { background: red !important; top: 100px; position: relative; } [data-query*='"status":7'] .list-table .list-table-data .data.status.completed ~ * { background: orange !important; top: 200px; position: relative; }  This lets me gap the anime by section... now I just need to add a header on top and move some of the other stuff down... I think the best way to add a header would be thru a tag they manually insert into the top anime. Unfortunately manual changes mean people won't do it, but if they want headers this might be the only way for now I can't find any way to use a first of type code for the header :/ Also I didn't try it on Clarity, will look into this more later. I think I can definitely create headers for default layouts at least this way. If you want to experiment with this and take it further for Clarity please let me know :D |
Shishio-kunOct 8, 2021 2:01 PM
ShaggyZE said: @/epicpunnyname V.L was on earlier and fixed them, meaning your @/Shishio-kun Clarity Patch is now breaking them, so just remove it. personally I decided to make mine horizontal.  Did you have to duplicate the code to get them colored? (or what did you add?) |
SheyCroix said: ShaggyZE said: @/epicpunnyname V.L was on earlier and fixed them, meaning your @/Shishio-kun Clarity Patch is now breaking them, so just remove it. personally I decided to make mine horizontal. Did you have to duplicate the code to get them colored? (or what did you add?) Funny you should ask, I wasn't even using Clarity on my manga list until a few days ago when I saw yours since it was almost exactly how I imagined I would configure Clarity. So I modified your special_tag.css and combined V.L's horizonal tags with Shishio's Clarity Patch which you'll probably need to remove for this to work or wait for V.L to make a proper horizontal demographic and genre mod. |
ShaggyZEOct 8, 2021 3:03 PM
   My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
| @ShaggyZE lol glad to be of help (?) and many thanks! I edited it a tad so it worked a bit better for me, but it helped on making it look better. (even took the chance to update some colors xD) and had to add .data.demographic:empty:before,
.data.genre:empty:before
{ content: ""; }cause it was breaking the lines and appearing on top of them >_< |
| @SheyCroix lol, yep thanks for the help! I also made that change forgot to mention it ;) wow, you changed it a lot, much neater than what I did, but it doesn't look like you're planning on using the new tags like avant garde or girl's love, I assume you use a script for adding tags so are you going to manually change them back to the old tags each time? https://dl.dropboxusercontent.com/s/imx3txmj23y4xjn/WinMergeU_2021-10-08_18-08-16.png |
ShaggyZEOct 8, 2021 6:06 PM
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
ShaggyZE said: @SheyCroix lol, yep thanks for the help! I also made that change forgot to mention it ;) wow, you changed it a lot, much neater than what I did, but it doesn't look like you're planning on using the new tags like avant garde or girl's love, I assume you use a script for adding tags so are you going to manually change them back to the old tags? https://dl.dropboxusercontent.com/s/g1v8gfzvj8qtnqk/2021-10-08_17-57-02.png I'm actually waiting on the second part of the tags update to see what will be the final thing.... cause, you see, I will have to update every single entry on my list that's affect (so I'm not really looking forward to that T_T) I did add the colored version for the tags/genre column to prepare for that. Also since Avant Garde and Girls/Boys Love is just a name change, it's an "easy" fix. |
| @SheyCroix I see, yeah that makes sense, I'm looking forward to many new tags but dreading remaking some of my custom ones. |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
/*-S-T-A-R-T--------------------*\
| Genre Patch R0.1 |
\*------------------------------*/
.list-table .list-table-data{padding-bottom: 4px;}
.list-table .list-table-data .data.genre {
display:flex !important;
max-width: 720px;
padding:0!important;
/*margin-left: calc(1060px - 388px);*/
background:var(--btn-bg);
border-radius:8.5px;
position: absolute;
margin-top: 60px;
margin-left: 80px;
text-align: left;
color: var(--text-dim) !important;
}
.data.genre div{display:block;}
.list-table .list-table-data .data.genre span{display:inline;font-size:11px!important;cursor:text;
border-radius:8.5px;
}
.list-table .list-table-data .data.genre a{display:inline;
overflow: visible;
white-space: nowrap;
padding: 2px 4px 1px;
background:0 0;
color: var(--text-dim) !important;
font-size: 11px;
}
.list-table .list-table-data .data.genre a:hover{
color:var(--text-dim-h) !important
}
.list-table .list-table-data .data.demographic {
margin-top: 58px;
margin-left: 80px;
position: absolute;
}
.list-table .list-table-data a[href*="&demographic"] a{
color: var(--text) !important;
}
.list-table .list-table-data a[href*="&demographic"] a:hover{
color:var(--accent) !important
}Tried editing the patch a bit. Not sure how to get the background to wrap around all the genres like it is on my PTW. And is it possible for demographics to be inside the same bubble in front of the genres. |
LeosparsOct 9, 2021 12:38 AM
      |
Shishio-kun said: I've been racking my brain on how to restore the headers with CSS, I think it might be possible with something like this which I was experimenting with on the default layout Also I didn't try it on Clarity, will look into this more later. I think I can definitely create headers for default layouts at least this way. If you want to experiment with this and take it further for Clarity please let me know :D Talk about thinking outside the box, that's a really clever solution! I'm prettty sure it would work for a purpose-made theme, athough I don't think it would be viable for Clarity. It would require too many rewrites of the base theme code and I'm pretty sure it won't allow use of the more-info section, but I'm extremely impressed nonetheless. Would be great for a new theme. My first thought for a fix was actually to just re-host MalCat, but even assuming the GitHub code is the one that was on the app, I don't think that's a viable option for me. It would require too much time and I haven't looked into a free Python app host. My second thought, and what I'll probably go with, is to create a userscript that just auto-updates peoples CSS when they visit their list (or maybe when they click a button). This has some UX pitfalls I need to be careful of so that I don't have the tool accidentally deleting anyone's custom CSS, but I think it's the most viable option for now. |
Valerio_Lyndon said: My first thought for a fix was actually to just re-host MalCat, but even assuming the GitHub code is the one that was on the app, I don't think that's a viable option for me. It would require too much time and I haven't looked into a free Python app host. My second thought, and what I'll probably go with, is to create a userscript that just auto-updates peoples CSS when they visit their list (or maybe when they click a button). This has some UX pitfalls I need to be careful of so that I don't have the tool accidentally deleting anyone's custom CSS, but I think it's the most viable option for now. Was curious so I looked into it a little, the github only has the initial release, so it only has series.py not headers.py and an outdated MAL API, basically just 3 packages, so it would need to be changed to something like Jikan cause MAL's API Auth is a pain now. also doomcat never shared the Django or Flask settings nor the main web app so those would need to be made from scratch to make it easy to host on a free python host, I made a fork of the github last night and created main.app and app.yaml just to get it started on appspot.com, but it's my first time trying google cloud so it's taking a while. even if I were to attempt to re-code everything he added after 2017 I probably wouldn't keep it on google long since it's not a free service but I am planning on getting another web host soon. |
ShaggyZEOct 9, 2021 8:45 AM
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
| @Valerio_Lyndon I think it could be possible if I edited many things as a long term project, but it probably would interfere with mods, so maybe it would be best to add all the mods first, add all the list settings, then edit it The first thing to do is find a way to move the dark containers down too and move them behind the anime info  Thankfully on this list the anime info is all in the same place which woulda been a nightmare to re-configure ':D  Also the anime info isn't clickable so that'd have to fixed and the left edge has to be moved down. And there's a problem with the anime title being covered. That's the start from what I see. Maybe I'll look into it later, and if I need help I'll post here ":D |
Shishio-kunOct 9, 2021 11:02 AM
| With the genre patch, would it be possible to make the genres have individual backgrounds rather than one whole bar. The reason I ask is because I had the genres as tags before. There was no commas or background connecting them. It looks a little broken having tags and genre on at the same time but you can see how the tags look compared to the genres here:  |
| Not sure how many people I can mention in one post, but: @Powish @L3noX @Raventric @ShaDedZz @Camchop04 @Black_D-44 If you're interested, I have a solution that should work. Before I update the main post I thought I'd make sure it works for y'all. Thanks for the responses! Please read everything in this post if you choose to try it. This alternative method for headers will require use of a browser extension that can run userscripts, such as Tampermonkey. Visitors to your list won't need this extension. Before you install the script, I ask that you please go to your custom CSS, copy everything, and save it somewhere before you proceed. A text file on your desktop will do just fine. This is just a precaution to avoid any mistakes since this script is new and will be modifying your CSS. Once you've backed up your CSS, you can visit either of these links, depending on which category style you installed: • Script for Basic category headers. • Script for Rounded category headers. If you have installed the browser extension correctly, then you should be prompted to install the script when visiting the link. Once installed, you're all set. The script should run every time you visit your list and will automatically update your CSS with the header code. This means no more waiting X hours for the headers to update like before. This is noted in the code, but do not change or restyle the "/*MALFOX START*/" and "/*MALFOX END*/" markers, nor should you place any new code within these two markers. Anything between these two markers gets wiped every time the script runs, and if you make these markers unidentifiable (changing whitespace, comment marker placement, etc) then the tool won't be able to delete the code it's looking for. Best case it could break the header code, worst case it could delete some of your other code if you really messed up the markers and ran the script multiple times afterwards. |
Valerio_LyndonOct 12, 2021 7:23 PM
| @Valerio_Lyndon The extension and headers are working, the only "problem" is that the headers for my manga list appear as "watching" and "plan to watch" other than that I can't see any difference to how it was before. Also, the alternative code for the curved edges you gave me worked without any problem, so thank you very much! |
 |
Black_D-44 said: The extension and headers are working, the only "problem" is that the headers for my manga list appear as "watching" and "plan to watch" other than that I can't see any difference to how it was before. Also, the alternative code for the curved edges you gave me worked without any problem, so thank you very much! Ah, I missed that! Should be fixed the next time the script auto-updates or if you force a reinstall. I had the code for different text but forgot to change it lol, thanks for pointing that out. |
Valerio_LyndonOct 9, 2021 9:48 PM
| Hey @Valerio_Lyndon, my list seems to be quite laggy and does not have smooth scrolling. It used to be smooth and quick, now its all jittery. |
 I was rushing desperately, trying to reach the light. When I thought I did, I reached a dead end instead. Then I decided I wanted to enter that light. And at the edge of it, I found you. |
@Valerio_Lyndon MalFox is working great on my manga list, but since I use a different theme for my anime list it attempts to do it there too and causes the status text to appear on the first child so I just removed the @\match anime list, but just figured you might want to program something in to prevent that, if you can't find a foolproof way to detect clarity maybe just add a settings gui for it to run on anime list, manga list or both, could even put the template code there so it can be edited, but would need to use GM_setValue and GM_getValue to save what the previous template was or even reset it. |
ShaggyZEOct 10, 2021 2:46 AM
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Valerio_Lyndon said: Not sure how many people I can mention in one post, but: @Powish @L3noX @Raventric @ShaDedZz @Camchop04 @Black_D-44 If you're interested, I have a solution that should work. Before I update the main post I thought I'd make sure it works for y'all. Please read everything in this post if you choose to try it. This alternative method for headers will require use of a browser extension that can run userscripts, such as Tampermonkey. Visitors to your list won't need this extension. Before you install the script, I ask that you please go to your custom CSS, copy everything, and save it somewhere before you proceed. A text file on your desktop will do just fine. This is just a precaution to avoid any mistakes since this script is new and will be modifying your CSS. Once you've backed up your CSS, you can visit either of these links, depending on which category style you installed: • Script for Basic category headers. • Script for Rounded category headers. If you have installed the browser extension correctly, then you should be prompted to install the script when visiting the link. Once installed, you're all set. The script should run every time you visit your list and will automatically update your CSS with the header code. This means no more waiting X hours for the headers to update like before. This is noted in the code, but do not change or restyle the "/*MALFOX START*/" and "/*MALFOX END*/" markers, nor should you place any new code within these two markers. Anything between these two markers gets wiped every time the script runs, and if you make these markers unidentifiable (changing whitespace, comment marker placement, etc) then the tool won't be able to delete the code it's looking for. Best case it could break the header code, worst case it could delete some of your other code if you really messed up the markers and ran the script multiple times afterwards.   thanks alot! the script worked without any issues :D |
Leospars said: Tried editing the patch a bit. Not sure how to get the background to wrap around all the genres like it is on my PTW. And is it possible for demographics to be inside the same bubble in front of the genres. In relation to this post, the genres are also below each row on older browsers is that fixable? |
LeosparsNov 2, 2021 7:33 AM
|
Valerio_Lyndon said: Not sure how many people I can mention in one post, but: @Powish @L3noX @Raventric @ShaDedZz @Camchop04 @Black_D-44 If you're interested, I have a solution that should work. Before I update the main post I thought I'd make sure it works for y'all. Please read everything in this post if you choose to try it. Thank you, it works great <3 |
   |
| @Valerio_Lyndon Amazing, we'll mass message this later as well as let everyone else know the layouts support the new features :D |
| I've got an issue with the review tag mod. Whenever I write too much, it won't save the changes. |
 |
Shengud said: I've got an issue with the review tag mod. Whenever I write too much, it won't save the changes. https://myanimelist.net/forum/?topicid=1862826 |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
ShaggyZE said: Thanks, I'll check it out!Shengud said: I've got an issue with the review tag mod. Whenever I write too much, it won't save the changes. https://myanimelist.net/forum/?topicid=1862826 |
|
ShaggyZE said: @Valerio_Lyndon MalFox is working great on my manga list, but since I use a different theme for my anime list it attempts to do it there too and causes the status text to appear on the first child so I just removed the @\match anime list, but just figured you might want to program something in to prevent that, if you can't find a foolproof way to detect clarity maybe just add a settings gui for it to run on anime list, manga list or both, could even put the template code there so it can be edited, but would need to use GM_setValue and GM_getValue to save what the previous template was or even reset it. Thanks for mentioning this, that's a good point! In the next verson I'll include some basic detection for Clarity to avoid this issue. I *think* I've found one that will work with 99% of people's lists. But a settings menu is probably inevitable eventually so that people can modify this for other layouts easier. |
| @Valerio_Lyndon As of now, the genres stack in one column, increasing the height of that row. The basic height of the row is about three genres, after that it extends. Is there a way to stack them side by side? SO after three genres, it would stack to the right instead of continuing downwards. |
I was rushing desperately, trying to reach the light. When I thought I did, I reached a dead end instead. Then I decided I wanted to enter that light. And at the edge of it, I found you. |
KrisMak1207 said: @Valerio_Lyndon As of now, the genres stack in one column, increasing the height of that row. The basic height of the row is about three genres, after that it extends. Is there a way to stack them side by side? SO after three genres, it would stack to the right instead of continuing downwards. I can't think of a way to do that, no. At least, not after three genres. It would have to start a second column immediately after the first tag/genre. If you want to save vertical space, I recommend using the Horizontal Tags mod (the genres on your list are currently tags). Or, if you switch to using the new genre column, you could try out the horizontal patch some other users created a bit earlier in this thread or I could probably create a horizontal genre mod. |
om_patel said: Would there be any way to have a gif be the banner? Yes. You input a GIF into the banner code. Example: body { --banner: url(https://files.catbox.moe/mo48nu.gif); }Banner code template, place at the end of your CSS. body { --banner: url(URLHERE); } |
| help? when i open my page, i get my first anime stuck to top banner, Image of issue i have to refresh in order to get it fixed.. code https://codeshare.io/4ePP3L |
 |
Daisy-Sensei said: help? when i open my page, i get my first anime stuck to top banner, Image of issue i have to refresh in order to get it fixed.. code https://codeshare.io/4ePP3L Does it happen every time or only some of the time? I can't reproduce it on my end, and I didn't see anything wrong with your code after browsing through it. Could I know what browser you're using and if you're using any browser extensions? If you do have extensions, try loading up your list from a different browser, computer, or simply after disabling extensions to see if it solves the issue. Whether it does or not will tell us what might be causing the problem. From there, we can hopefully figure out what is causing it. |
Valerio_Lyndon said: Daisy-Sensei said: help? when i open my page, i get my first anime stuck to top banner, Image of issue i have to refresh in order to get it fixed.. code https://codeshare.io/4ePP3L Does it happen every time or only some of the time? I can't reproduce it on my end, and I didn't see anything wrong with your code after browsing through it. Could I know what browser you're using and if you're using any browser extensions? If you do have extensions, try loading up your list from a different browser, computer, or simply after disabling extensions to see if it solves the issue. Whether it does or not will tell us what might be causing the problem. From there, we can hopefully figure out what is causing it. after long testing, it turn out that due to using MAL extensions, i am getting the page issue.. when i disabled all extensions, the page will display correctly. and after few off and on, its due to Night MAL extension.. it breaks my Anime list.. so i disabled it.. now good.. |
|
Leospars said: Leospars said: Tried editing the patch a bit. Not sure how to get the background to wrap around all the genres like it is on my PTW. And is it possible for demographics to be inside the same bubble in front of the genres. In relation to this post, the genres are also below each row on older browsers is that fixable? @Valerio_Lyndon @Shishio-kun Still no response 😔🤧 |
|
Leospars said: Still no response 😔🤧 Have you tried using the latest horizontal tags and removing the old one? you can try using this which is what I use on my manga list until Valerio_Lyndon or Shishio-kun provide something better. |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Leospars said: Still no response Ah, sorry, missed this before. Leospars said: Tried editing the patch a bit. Not sure how to get the background to wrap around all the genres like it is on my PTW. The background isn't expanding because the genre section has a "width" value being applied from elsewhere in the code. You can overwrite it by setting the width to auto, which will expand with the content. Example: .list-table .list-table-data .data.genre {
width: auto;
}Leospars said: And is it possible for demographics to be inside the same bubble in front of the genres. No, but in a hacky way yes. You can't literally place it in the same bubble and have it dynamically change the width or move any content, but you could add a fixed-width area using padding and then position the demographic there. Example (meant to be applied on top of the code you already have): .list-table .list-table-data .data.genre {
padding-left: 70px !important;
}
.list-table .list-table-data .data.demographic {
width: 70px;
}Leospars said: In relation to this post, the genres are also below each row on older browsers is that fixable? I can't really test older browsers with my setup, but it's probably due to the lack of a z-index property, and it's good practice to have this property here anyway. Try adding a z-index value of 1 or higher to the genres. Higher than 44 will probably cause issues with other parts of the page so I wouldn't go that high. .list-table .list-table-data .data.genre {
z-index: 1;
}If you're using the demographic, you'll also need the same or higher z-index value there too. .list-table .list-table-data .data.demographic {
z-index: 1;
} |
Valerio_LyndonNov 3, 2021 12:21 AM
| Thanks the two first ones worked but for the older browser it's x2 out of place so dropping the margin-top from 64 to 32 puts it in place but out of place on the modern one, I wont be using it very often so its fine if it can't really be done. About the demographics. How can I get it the genre to not have a left-padding 70px when there is no demographic. I tried using "~" but no dice. .list-table .list-table-data .data.demographic:empty ~ .data.genre{ padding-left: 0 !important; } 3. I just added color to content status was wodering if it's possible to have different color for Airing and Not Yet Aired Thanks again. |
|
Leospars said: Thanks the two first ones worked but for the older browser it's x2 out of place so dropping the margin-top from 64 to 32 puts it in place but out of place on the modern one, I wont be using it very often so its fine if it can't really be done. Ah, I thought you meant below as-in "behind", not literally below as-in vertically below. I see now. I have a feeling this could be solved by using the proper top/left/right/bottom values instead of margin. Margin is generally far less reliable, although does have its place where the other values are unable. Here's replacement code for lines 421-434 which removes the margin and uses left and bottom properties instead. .list-table .list-table-data .data.genre {
position: absolute;
bottom: 4px;
left: 80px;
display: flex !important;
max-width: 900px; width: auto;
padding: 0 !important;
background: var(--btn-bg);
border-radius: 8.5px;
color: var(--text-dim);
text-align: left;
}Leospars said: About the demographics. How can I get it the genre to not have a left-padding 70px when there is no demographic. I tried using "~" but no dice. .list-table .list-table-data .data.demographic:empty ~ .data.genre{ padding-left: 0 !important; } 3. I just added color to content status was wodering if it's possible to have different color for Airing and Not Yet Aired Thanks again. Sadly neither of these are possible. The demographics would require a different HTML structure for any such "dynamic" CSS to be work. And the airing/not yet aired status would require MAL to add a custom class to the HMTL. |
| This looks great. Thanks! |
 My biggest regret: Reading all 200+ chapters of Kanojo, Okarishimasu |
| @Valerio_Lyndon I want to make this a sticky, so I am saving the topic here in case anything like @/import breaks when I edit it. I copied the text from quick edit so it seems the backslashes are still there after making it a sticky I base the stickies on what should be go-to topics for starters or problems, basically core topics and fundamentals (plus indexes), and this has proven to be very simple to use for newbies, and advanced users learn from it too! So I added it to the stickies :D |
Theme Specifications & Highlights:
Adds larger anime/manga cover previews to your list. Does not normally work on privated lists. For help and solutions with covers and private lists, see "Cover images aren't loading?" under the "FAQ & Help" section.
I want to edit the theme, but I can't read your code?
Shishio-kunNov 10, 2021 7:29 PM
| Hello~ I wanted to know if someone is having the same issue, no idea when it happened  This is how it used to look like |
|
| @Black_D-44 The problem is related to Font Awesome and Shishio-kun is trying to find the answer now. https://myanimelist.net/forum/?topicid=1973079 |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Black_D-44 said: Hello~ I wanted to know if someone is having the same issue, no idea when it happened Made a quick patch myself until someone has a better solution |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
Black_D-44 said: Hello~ I wanted to know if someone is having the same issue, no idea when it happened This is how it used to look like try adding this to your layout, underneath whatever imports are in your design. It fixes the Takana layout I tested it myself, and it might fix yours but it could also matter where you put it. I don't think other users can see it only the list user for now, still looking into things so more info later via a newsletter probably with a better solution unless the MAL devs use my fix hopefully they do @font-face{ font-display:block; font-family:'FontAwesome'; src:url(/fonts/fa6/fa-regular-400.woff2) format("woff2"),url(/fonts/fa6/fa-regular-400.ttf) format("truetype")} |
| Is there a way to list both tags and genres below the titles in separate bubbles? |
 🌺 Anime List 🌺 🌺 Cards Collection 🌺 |
Leguch said: Is there a way to list both tags and genres below the titles in separate bubbles? sure, my manga list has tags, genres and demographic in horizontal bubbles. |
| My Userscripts - Themes - Userstyles - Extensions (Chrome/Firefox) [API CSS] MAL-Scraper-API Cover/CSS Generator |
ShaggyZE said: Leguch said: Is there a way to list both tags and genres below the titles in separate bubbles? sure, my manga list has tags, genres and demographic in horizontal bubbles. Well that's what happens when I use this one |
🌺 Anime List 🌺 🌺 Cards Collection 🌺 |
More topics from this board
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
30 |
by Shishio-kun
»»
Jul 28, 3:17 AM |
|
» How To Have Different Banner/Cover image & Background Image For Manga & Anime ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |
|
Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )Shishio-kun - Nov 17, 2023 |
52 |
by LucaBalsa
»»
Jul 6, 2:02 PM |
|
» [CSS/BBCODE] ⭐️ How to view anyone's CSS or BBcodes (for lists, profiles, or clubs)!Shishio-kun - Feb 6, 2012 |
37 |
by sunnysummerday
»»
Jun 11, 7:44 PM |