New
Apr 10, 2014 2:09 PM
#1851
Hello, back here (again.. sorry xD) So, another problem arose... and it's pretty weird. At some point today (though not sure when since I updated nothing today), the links from the bar with "Watching, completed, etc" until the first 15-17 entries (15 for anime, 17 for manga. Naturally, since in my anime list, there are 2 entries that take 2 slots) are not working. Any kind of link, be it the entry itself or just pressing "More". It's only up to there. It feels as if something is stuck over that part of the list. Do you have any idea what it might be? Can it be the fix for the edit box? I took out the fix itself, but the pop up still works, so I assume it's because you "sent" it through the links, so maaaybe it has to do with that? Any help is appreciated D: This is even more annoying than not being able to use the pop up :< |
Apr 10, 2014 2:21 PM
#1852
Maffy said: It seems to be working fine for what I can see... all links work for meHello, back here (again.. sorry xD) So, another problem arose... and it's pretty weird. At some point today (though not sure when since I updated nothing today), the links from the bar with "Watching, completed, etc" until the first 15-17 entries (15 for anime, 17 for manga. Naturally, since in my anime list, there are 2 entries that take 2 slots) are not working. Any kind of link, be it the entry itself or just pressing "More". It's only up to there. It feels as if something is stuck over that part of the list. Do you have any idea what it might be? Can it be the fix for the edit box? I took out the fix itself, but the pop up still works, so I assume it's because you "sent" it through the links, so maaaybe it has to do with that? Any help is appreciated D: This is even more annoying than not being able to use the pop up :< |
Apr 10, 2014 2:24 PM
#1853
Oiomi said: It seems to be working fine for what I can see... all links work for me Well, lucky you then :< It doesn't work for me. I went to someone's random list and everything works just fine, but apparently not in mine :< Edit: I even used a different browser in case it was ff's fault but nope. I can't click anything on there either in those entries. Edit2: So, I asked a friend to go to my list and they can't click anything either, but this time for 18 entries (17 ongoing + 1 completed). I assume it can be something with the resolution of the screen that decides how many links are affected, but at least, the problem is real and not on my end :I |
MaffyApr 10, 2014 3:11 PM
Apr 10, 2014 3:19 PM
#1854
Maffy said: Hello, back here (again.. sorry xD) So, another problem arose... and it's pretty weird. At some point today (though not sure when since I updated nothing today), the links from the bar with "Watching, completed, etc" until the first 15-17 entries (15 for anime, 17 for manga. Naturally, since in my anime list, there are 2 entries that take 2 slots) are not working. Any kind of link, be it the entry itself or just pressing "More". It's only up to there. It feels as if something is stuck over that part of the list. Do you have any idea what it might be? Can it be the fix for the edit box? I took out the fix itself, but the pop up still works, so I assume it's because you "sent" it through the links, so maaaybe it has to do with that? Any help is appreciated D: This is even more annoying than not being able to use the pop up :< Yes I sent a mass fix for the overlay to a lot of lists, but overlay changes should only effect the overlay. Its MAL making a lot of weird changes lately its extremely odd and well, they seem pointless They made body body { min-height: 100%;} I don't see a reason for this and I'm not familiar with the min height code or what it does (assume its a min height something can be) or why he put it there but it seems to be what makes the links untouchable. I sent another mass fix to this but I don't know what the long term issues will be. We're just reversing all of Xinil's weird changes, wtf is going on? lol btw my fix is just body { min-height: 0 !important;} |
Shishio-kunApr 10, 2014 3:27 PM
Apr 10, 2014 3:27 PM
#1855
Apr 10, 2014 3:33 PM
#1856
Aw thanks! Ya I won't let our hard work become destroyed by The Establishment (Crave) |
Apr 10, 2014 5:31 PM
#1857
Hey, to anyone who knows, I have one more question. I'm not amazing with code, so I can't figure out what to change so that the white corners are removed from my category tabs. Also, I want to move all 6 of them so that they are in the bottom right corner, and so that they dont run off the screen (Basically move them down and left). Here's my category code if you can help, and a link to my image. /* CATEGORY MENU BUTTONS TRANSITION SPEED By default, set to .25th of a second (a 1/4 of a second transition). */ #list_surround .status_not_selected { transition: all 0.25s ease-in-out 0s; } /* CATEGORY MENU BUTTONS Look at the background images first before putting links to new buttons to make sure you're replacing the right ones. There are ten codes below. */ #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i59.tinypic.com/n36uyu.jpg"); background-position: 0 0; background-repeat: repeat repeat; display: block; height: 80px; overflow: auto; padding: 0; position: fixed; right: -35px; top: 60px; width: 250px; } #list_surround .status_not_selected:hover, #list_surround .status_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i60.tinypic.com/s5zadt.jpg"); background-position: 0 0; background-repeat: repeat repeat; border: 5px solid rgba(0, 0, 0, 0.6); border-radius: 11px 11px 11px 11px; display: block; height: 80px; overflow: auto; padding: 0; position: fixed; right: -5px; top: 60px; transition: all 0.25s ease-in-out 0s; width: 250px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i59.tinypic.com/n36uyu.jpg"); background-position: 0 -80px; background-repeat: repeat repeat; top: 150px; } #list_surround .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected:hover { background-attachment: scroll; background-color: transparent; background-image: url("http://i60.tinypic.com/s5zadt.jpg"); background-position: 0 -80px; background-repeat: repeat repeat; top: 150px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i59.tinypic.com/n36uyu.jpg"); background-position: 0 -160px; background-repeat: repeat repeat; top: 240px; } #list_surround .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment: scroll; background-color: transparent; background-image: url("http://i60.tinypic.com/s5zadt.jpg"); background-position: 0 -160px; background-repeat: repeat repeat; top: 240px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i59.tinypic.com/n36uyu.jpg"); background-position: 0 -240px; background-repeat: repeat repeat; top: 330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment: scroll; background-color: transparent; background-image: url("http://i60.tinypic.com/s5zadt.jpg"); background-position: 0 -240px; background-repeat: repeat repeat; top: 330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i59.tinypic.com/n36uyu.jpg"); background-position: 0 -320px; background-repeat: repeat repeat; display: inline; top: 420px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment: scroll; background-color: transparent; background-image: url("http://i60.tinypic.com/s5zadt.jpg"); background-position: 0 -320px; background-repeat: repeat repeat; display: inline; top: 420px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i59.tinypic.com/n36uyu.jpg"); background-position: 0 -400px; background-repeat: no-repeat no-repeat; display: inline; top: 510px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment: scroll; background-color: transparent; background-image: url("http://i60.tinypic.com/s5zadt.jpg"); background-position: 0 -400px; background-repeat: no-repeat no-repeat; display: inline; top: 510px; } #list_surround .status_selected a { display: block; padding: 50px 0 0 100px; } #list_surround .status_not_selected a { display: block; padding: 50px 0 0 100px; } #list_surround .status_not_selected a { opacity: 0; } #list_surround .status_selected a { opacity: 0; } Read more at http://myanimelist.net/forum/?topicid=605019#Vk2tIGuSHBP7wuR4.99 http://i60.tinypic.com/s5zadt.jpg http://i59.tinypic.com/n36uyu.jpg EDIT: Here's a link to my list page- http://myanimelist.net/animelist/f0ol1o EDIT: Actually, I got help elsewhere and figured it out. Thanks anyways though. |
f0ol1oApr 10, 2014 6:10 PM
Apr 11, 2014 2:29 AM
#1858
Apr 11, 2014 2:39 AM
#1859
Maffy said: So, I got the same problem again with the invisible layer :< *cries Why maaal? :< EDIT: I manually put the fix in the code and it worked! How come you took it out? o: Sorry MAL made more changes and I was trying to get a new fix in the last few minutes to figure out what that was and fix the "discuss this episode" panel. I set it back just now, since I'm not learning anything new and I'll just wait till they're done with their site or produce a changelog. btw for you, your problem was #list_surround { z-index: -1 !important; } that is causing that invisible wall in the first place, if you take that out you don't need min-height on body set to 0 but I think you need that in Chrome for the top bar to overlay the list right. |
Apr 11, 2014 4:22 AM
#1860
I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? |
Apr 11, 2014 4:31 AM
#1861
Lirina said: I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? I think they've changed some of the original selector names and URL paths we've used till now, so now your old codes are invalid. |
Apr 11, 2014 8:30 AM
#1862
Lirina said: I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? Try this (Use a custom @import of you) #mal_control_strip { background: rgba(0,0,0,0.5) !important; border-bottom: 1px solid #000000 !important; border-color: #000000 !important; left: 31px !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: 257px; width: 1016px !important; z-index: 1 !important; } #mal_control_strip td { margin: 0 !important; padding: 0 !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } #mal_control_strip a { font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; transition: background-color 0.2s ease 0s; } #mal_control_strip a:hover { background-color: rgba(255, 255, 255, 0.2) !important; } #mal_cs_listinfo { margin: 0 !important; padding: 0 !important; width: 210px !important; } #mal_cs_listinfo div:first-of-type { display: inline-block !important; float: left; height: 40px !important; margin: 0 !important; padding-left: 40px !important; width: 150px !important; } #mal_cs_listinfo div:last-of-type { display: inline-block !important; height: 40px !important; margin: 0 !important; text-align: center !important; width: 20px !important; } #mal_cs_listinfo a[href*="/profile/"] { background: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/profile.png") no-repeat scroll left 10% center ; border-bottom-style: none !important; display: block !important; font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; font-variant: small-caps; height: 28px !important; overflow: hidden; padding-left: 40px; padding-right: 10px; padding-top: 12px; text-align: center !important; text-decoration: none !important; text-overflow: ellipsis; } #mal_cs_listinfo a[href*="/profile/"]:hover { } #mal_cs_listinfo a[href=/panel.php?go=logout"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/logout.png") !important; background-position: center center !important; background-repeat: no-repeat !important; border-bottom: medium none; border-left: 1px solid #000000; border-right: 1px solid #000000; display: block !important; height: 40px !important; text-align: center !important; text-indent: -9999em !important; } #mal_cs_listinfo a[href="/panel.php?go=logout"]:hover { background-color: #960000 !important; } #mal_cs_links { margin: 0 !important; padding: 0 !important; width: 120px !important; } #mal_cs_links div { display: inline-block !important; font-size: 0 !important; height: 40px !important; margin: 0 !important; width: 80px !important; } #mal_cs_links div:first-of-type { float: left; width: 40px !important; } #mal_cs_links a[href="/addtolist.php?hidenav=1"], #mal_cs_links a[href="http://myanimelist.net"], #mal_cs_links a[href*="/animelist/"], #mal_cs_links a[href*="/mangalist/"] { border-right: 1px solid #000000; display: inline-block !important; text-indent: -9999em !important; } #mal_cs_links a[href="http://myanimelist.net"] { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/mal.png"); background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; height: 38px !important; left: 0; padding-bottom: 2px !important; position: absolute; width: 40px !important; } #mal_cs_links a[href="http://myanimelist.net"]:hover { background-image: url("img/malh.png"), url("img/mal.png") !important; background-position: 0 0px, 0 0 !important; background-repeat: no-repeat, no-repeat !important; } #mal_cs_links a[href="/addtolist.php?hidenav=1"] { background: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/add.png") repeat scroll center center; height: 40px !important; width: 39px !important; } #mal_cs_links a[href*="/animelist/"] { background: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-anime.png") repeat scroll center center; height: 40px !important; width: 39px !important; } #mal_cs_links a[href*="/mangalist/"] { background-attachment: scroll; background-clip: border-box; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-manga.png"); background-origin: padding-box; background-position: 4px center !important; background-repeat: no-repeat !important; background-size: auto auto; height: 40px !important; width: 39px !important; } #mal_cs_links a[href="http://myanimelist.net"], #mal_cs_links a[href*="/animelist/"] { float: left; } #mal_cs_otherlinks a[href="/addtolist.php?hidenav=1"] { float: right; } #mal_cs_otherlinks { float: left; margin: 0 !important; padding: 0 !important; width: 520px !important; } #mal_cs_otherlinks div:first-of-type { display: inline-block !important; float: left; font-size: 0 !important; height: 40px !important; margin: 0 !important; } #mal_cs_otherlinks div:last-of-type { display: inline-block !important; font-size: 0 !important; height: 30px !important; margin: 0 !important; width: 220px !important; } #mal_cs_otherlinks strong { border-right: 1px solid #000000; cursor: default; display: inline-block !important; font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; font-variant: small-caps; font-weight: normal; height: 28px !important; padding: 12px 15px 0 !important; text-align: center !important; } #mal_cs_otherlinks strong a[href*="/profile/"]:hover { background-color: rgba(255,255,255,0.4); text-shadow: 0 0 5px #FFFFFF; } #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href="/forum/"], #mal_cs_otherlinks a[href="/panel.php?go=export"], #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"], #mal_cs_otherlinks a[href="/login.php"], #mal_cs_otherlinks a[href="/register.php"], #mal_cs_otherlinks a[href="/modules.php?go=faq"] { border-right: 1px solid #000000; display: inline-block !important; height: 40px !important; text-align: center !important; text-indent: -9999em !important; width: 40px !important; } #mal_cs_otherlinks a[href*="/history/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/history.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/forum/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/forum.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/panel.php?go=export"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/export.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/compare.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/mangalist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-manga.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/animelist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-anime.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/login.php"] { background-image: url("ihttps://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/login.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/register.php"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/register.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/modules.php?go=faq"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/faq.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href="/forum/"], #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"] { float: left; } span[title="Compatibility Score"] { border-right: none; cursor: default; display: inline-block !important; float: right; font-family: 'Exo','Trebuchet MS' !important; font-size: 18px !important; height: 40px !important; text-align: center !important; width: 99px !important; margin-top: 3px; } span[title="Compatibility Score"]:before { content: "Compatibility : "; font-size: 10px !important; } #mal_cs_pic { float: left; margin: 0 !important; padding: 0 !important; width: 200px !important; } #mal_cs_pic a[href="http://myanimelist.net"] { border-right: 1px solid #000000; display: block !important; height: 40px !important; text-align: center !important; width: 200px !important; } #searchBox { background: none repeat scroll 0 0 rgba(255, 250, 215, 0.7); border-color: #000000; border-radius: 5px; border-style: solid; border-width: 1px; color: #000000 !important; font-family: century gothic !important; font-style: italic; font-variant: small-caps; margin-right: 5px; margin-top: -3px; padding-bottom: 5px; padding-left: 3px; padding-top: 5px; width: 145px !important; } #searchBox:focus { box-shadow: 0 0 5px #0983FD; } #searchListButton { display: none; } #mal_control_strip img { background: none repeat scroll 0 center rgba(0, 0, 0, 0); border: 0 none; display: none; margin: 0; padding: 0; } #mal_control_strip img { background: none repeat scroll 0 center rgba(0, 0, 0, 0); border: 0 none; display: none; margin: 0; padding: 0; } /* ###POPUP### */ #mal_control_strip a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(0, 0, 0, 0.8); border-color: #000000 !important; border-image: none; border-style: none; border-width: medium; display: block; font-variant: small-caps; height: 0; margin-left: -1px; overflow: hidden; padding: 0 10px; position: absolute; text-indent: 0; top: 40px; transition: none 0s ease 0s; } #mal_control_strip a:hover:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #808080 #808080; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; height: 20px; padding: 5px 10px; transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s; } #mal_cs_listinfo a[href="/panel.php?go=logout"]:after { display: none; } #mal_cs_listinfo a[href*="/profile/"]:after { display: none; } #mal_cs_links a[href="http://myanimelist.net"]:after { display: none; } #mal_cs_links a[href="/addtolist.php?hidenav=1"]:after { content: "Add entry to my list"; } #mal_cs_links a[href*="/animelist/"]:after { content: "My Anime List"; } #mal_cs_links a[href*="/mangalist/"]:after { content: "My Manga List"; } #mal_cs_otherlinks strong a[href*="/profile/"]:after { display: none; } #mal_cs_otherlinks a[href*="/history/"]:after { content: "Recent activity"; } #mal_cs_otherlinks a[href="/forum/"]:after { content: "Forum MyAnimeList.net"; } #mal_cs_otherlinks a[href="/panel.php?go=export"]:after { content: "Export my list to XML"; } #mal_cs_otherlinks a[href*="/sharedanime.php?"]:after { content: "Shared Anime"; } #mal_cs_otherlinks a[href*="/sharedmanga.php?"]:after { content: "Shared Manga"; } #mal_cs_otherlinks a[href*="/mangalist/"]:after { content: "Manga List"; } #mal_cs_otherlinks a[href*="/animelist/"]:after { content: "Anime List"; } #mal_cs_otherlinks a[href="/login.php"]:after { content: "Login to my account"; } #mal_cs_otherlinks a[href="/register.php"]:after { content: "Register a new account"; } #mal_cs_otherlinks a[href="/modules.php?go=faq"]:after { content: "Any question ?"; } |
Apr 11, 2014 8:34 AM
#1863
Shishio-kun said: Lirina said: I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? I think they've changed some of the original selector names and URL paths we've used till now, so now your old codes are invalid. I see. Hm, firebug still shows the old selectors though ... What can I do now? Or is there anything that can be done? |
Apr 11, 2014 7:08 PM
#1864
Lirina said: Shishio-kun said: Lirina said: I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? I think they've changed some of the original selector names and URL paths we've used till now, so now your old codes are invalid. I see. Hm, firebug still shows the old selectors though ... What can I do now? Or is there anything that can be done? I'm not sure sorry this is a completely new situation; what is the complete set of codes for the top bar? If you list those including the broken ones, me or you can color code them all on a blank list, then see what ones don't work, then try to write substitutes for them later. I might be able to do that later this weekend and I'm used to color mapping, and I don't know if my color coding trick is clearly explained |
Apr 12, 2014 1:44 AM
#1865
Ok, I put a background colour into each of the selectors, you can see on my list. I think what I can see from there is that all of the links are affected while the rest is fine. xAngelPerz said: Lirina said: I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? Try this (Use a custom @import of you) Thank you! But sadly it does not work. |
LirinaApr 12, 2014 1:48 AM
Apr 12, 2014 7:26 AM
#1866
Lirina said: Ok, I put a background colour into each of the selectors, you can see on my list. I think what I can see from there is that all of the links are affected while the rest is fine. xAngelPerz said: Lirina said: I've got a problem with my list. I didn't even touch the code but suddenly the top bar broke. For some reason only part of the code is displayed now and all the images are missing. I really didn't do anything, how could that happen? Try this (Use a custom @import of you) Thank you! But sadly it does not work. With that code it should look like this (I used "Developer Tools"[Chrome]) You'll have to search how to fix the logout and home buttons, as I don't know how your layout was before, I don't know how to fix it. |
Apr 12, 2014 7:58 AM
#1867
Lirina said: Ok, I put a background colour into each of the selectors, you can see on my list. I think what I can see from there is that all of the links are affected while the rest is fine. Hmm so what happened to them exactly? If they're colored that means you can customize them right? Also do you have a screenshot of how they looked before? |
Apr 12, 2014 10:03 AM
#1868
Hi. I have two questions. 1- Is it possible to turn category "links" into an auto scroll device that it jumps you whichever category you chose, so that the page won't be reloaded? I have a slow connection and right now I don't really use category links because it's frustratingly slow. I don't care about solo-viewing one category at time, and I probably will never have too much anime in my animelist to lose "all anime" option. 2- How can I adjust the height of an entry (line) on my anime list so that more anime can be seen at the same time? I want to decrease the height about 20-30%. (I use Ano Hana style.) Edit: Also, sorry if this is answered before, but I couldn't manage to bring back my favorite markings. I replaced the link but it seems the problem is not that. I'm guessing it's caused by the same thing that caused the other problem. Is there a solution? |
RememberTheCantApr 12, 2014 10:16 AM
Open to chat about any storytelling related subject as long as it's clever and respectful. Myanimelist |
Apr 12, 2014 10:58 AM
#1869
Prequel said: Hi. I have two questions. 1- Is it possible to turn category "links" into an auto scroll device that it jumps you whichever category you chose, so that the page won't be reloaded? I have a slow connection and right now I don't really use category links because it's frustratingly slow. I don't care about solo-viewing one category at time, and I probably will never have too much anime in my animelist to lose "all anime" option. 2- How can I adjust the height of an entry (line) on my anime list so that more anime can be seen at the same time? I want to decrease the height about 20-30%. (I use Ano Hana style.) Edit: Also, sorry if this is answered before, but I couldn't manage to bring back my favorite markings. I replaced the link but it seems the problem is not that. I'm guessing it's caused by the same thing that caused the other problem. Is there a solution? 1. Can't think of an easy way 2. At line 261 .td1 , lower height. Same for .td2. At .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals lower the padding. 3. I think it was related to the recent link changes. I haven't looked into this yet so I don't know; I would ask in Sylakent's layout topic if he doesn't answer here he might have a alternate selector you can use. |
Apr 12, 2014 12:01 PM
#1870
Shishio-kun said: Lirina said: Ok, I put a background colour into each of the selectors, you can see on my list. I think what I can see from there is that all of the links are affected while the rest is fine. Hmm so what happened to them exactly? If they're colored that means you can customize them right? Also do you have a screenshot of how they looked before? No the links aren't. The fields I coloured are the ones which are normal. Well, I coloured all fields but the colours aren't showing. |
Apr 12, 2014 4:11 PM
#1871
Lirina said: Shishio-kun said: Lirina said: Ok, I put a background colour into each of the selectors, you can see on my list. I think what I can see from there is that all of the links are affected while the rest is fine. Hmm so what happened to them exactly? If they're colored that means you can customize them right? Also do you have a screenshot of how they looked before? No the links aren't. The fields I coloured are the ones which are normal. Well, I coloured all fields but the colours aren't showing. Ok. Well we can try some things and you can tell me if its let you control them again- The link paths were apparently changed "http://myanimelist.net/link" to "/link". So if you rewrite the selector links in the CSS according to this change, it may give you the links back. Try this in place of your current top bar. It looks like it makes it more like a top bar, and more like what how I remember it when I saw it a little while ago! #mal_control_strip { background: none repeat scroll 0 0 #FFB6C1 !important; border-bottom: 1px solid #000000 !important; border-color: #000000 !important; left: 31px !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: 257px; width: 1016px !important; z-index: 1 !important; } #mal_control_strip td { color: #FFFF00 !important; margin: 0 !important; padding: 0 !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; color: #008000 !important; } #mal_control_strip a { font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; transition: background-color 0.2s ease 0s; } #mal_control_strip a:hover { background-color: rgba(255, 255, 255, 0.2) !important; } #mal_cs_listinfo { background: none repeat scroll 0 0 #0000FF !important; margin: 0 !important; padding: 0 !important; width: 210px !important; } #mal_cs_listinfo div:first-of-type { background: none repeat scroll 0 0 #FFFF00 !important; display: inline-block !important; float: left; height: 40px !important; margin: 0 !important; padding-left: 40px !important; width: 150px !important; } #mal_cs_listinfo div:last-of-type { background: none repeat scroll 0 0 #FFA500 !important; display: inline-block !important; height: 40px !important; margin: 0 !important; text-align: center !important; width: 20px !important; } #mal_cs_listinfo a[href*="/profile/"] { background: none repeat scroll 0 0 #FF0000 !important; border-bottom-style: none !important; display: block !important; font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; font-variant: small-caps; height: 28px !important; overflow: hidden; padding-left: 40px; padding-right: 10px; padding-top: 12px; text-align: center !important; text-decoration: none !important; text-overflow: ellipsis; } #mal_cs_listinfo a[href*="/profile/"]:hover { } #mal_cs_listinfo a[href="/panel.php?go=logout"] { background: none repeat scroll 0 0 #ADD8E6 !important; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/logout.png") !important; border-bottom: medium none; border-left: 1px solid #000000; border-right: 1px solid #000000; display: block !important; height: 40px !important; text-align: center !important; text-indent: -9999em !important; } #mal_cs_listinfo a[href="/panel.php?go=logout"]:hover { background-color: #960000 !important; } #mal_cs_links { background: none repeat scroll 0 0 #800080 !important; margin: 0 !important; padding: 0 !important; width: 120px !important; } #mal_cs_links div { background: none repeat scroll 0 0 #90EE90 !important; display: inline-block !important; font-size: 0 !important; height: 40px !important; margin: 0 !important; width: 80px !important; } #mal_cs_links div:first-of-type { background: none repeat scroll 0 0 #A52A2A !important; float: left; width: 40px !important; } #mal_cs_links a[href="/addtolist.php?hidenav=1"], #mal_cs_links a[href=""], #mal_cs_links a[href*="/animelist/"], #mal_cs_links a[href*="/mangalist/"] { background: none repeat scroll 0 0 #000000 !important; border-right: 1px solid #000000; display: inline-block !important; text-indent: -9999em !important; } #mal_cs_links a[href=""] { background: none repeat scroll 0 0 #8B0000 !important; height: 38px !important; left: 0; padding-bottom: 2px !important; position: absolute; width: 40px !important; } #mal_cs_links a[href=""]:hover { background: none repeat scroll 0 0 #FFFFE0 !important; background-image: url("img/malh.png"), url("img/mal.png") !important; } #mal_cs_links a[href="/addtolist.php?hidenav=1"] { background: none repeat scroll 0 0 #B8860B !important; height: 40px !important; width: 39px !important; } #mal_cs_links a[href*="/animelist/"] { background: none repeat scroll 0 0 #FFFF00 !important; height: 40px !important; width: 39px !important; } #mal_cs_links a[href*="/mangalist/"] { background: none repeat scroll 0 0 #F5F5DC !important; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-manga.png"); height: 40px !important; width: 39px !important; } #mal_cs_links a[href=""], #mal_cs_links a[href*="/animelist/"] { background: none repeat scroll 0 0 #A52A2A !important; float: left; } #mal_cs_otherlinks a[href="/addtolist.php?hidenav=1"] { background: none repeat scroll 0 0 #FFFFFF !important; float: right; } #mal_cs_otherlinks { background: none repeat scroll 0 0 #808080 !important; float: left; margin: 0 !important; padding: 0 !important; width: 520px !important; } #mal_cs_otherlinks div:first-of-type { background: none repeat scroll 0 0 #800000 !important; display: inline-block !important; float: left; font-size: 0 !important; height: 40px !important; margin: 0 !important; } #mal_cs_otherlinks div:last-of-type { background: none repeat scroll 0 0 #FFE4B5 !important; display: inline-block !important; font-size: 0 !important; height: 30px !important; margin: 0 !important; width: 220px !important; } #mal_cs_otherlinks strong { background: none repeat scroll 0 0 #5F9EA0; border-right: 1px solid #000000; cursor: default; display: inline-block !important; font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; font-variant: small-caps; font-weight: normal; height: 28px !important; padding: 12px 15px 0 !important; text-align: center !important; } #mal_cs_otherlinks strong a[href*="/profile/"]:hover { background-color: rgba(255, 255, 255, 0.4); text-shadow: 0 0 5px #FFFFFF; } #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href="/forum/"], #mal_cs_otherlinks a[href="/panel.php?go=export"], #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"], #mal_cs_otherlinks a[href="/login.php"], #mal_cs_otherlinks a[href="/register.php"], #mal_cs_otherlinks a[href="/modules.php?go=faq"] { background: none repeat scroll 0 0 #00FFFF !important; border-right: 1px solid #000000; display: inline-block !important; height: 40px !important; text-align: center !important; text-indent: -9999em !important; width: 40px !important; } #mal_cs_otherlinks a[href*="/history/"] { background: none repeat scroll 0 0 #FFFFF0 !important; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/history.png") !important; } #mal_cs_otherlinks a[href="/forum/"] { background: none repeat scroll 0 0 #FFFF00 !important; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/forum.png") !important; } #mal_cs_otherlinks a[href="/panel.php?go=export"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/export.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background: rosybrown !important; } #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/compare.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background: royalblue !important; } #mal_cs_otherlinks a[href*="/mangalist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-manga.png") !important; background-position: center center !important; background-repeat: no-repeat !important; backgROUND: mediumseagreen; } #mal_cs_otherlinks a[href*="/animelist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-anime.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background: mediumblue !important; } #mal_cs_otherlinks a[href="/login.php"] { background-image: url("ihttps://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/login.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background: mintcream !important; } #mal_cs_otherlinks a[href="/register.php"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/register.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background: mistyrose; } #mal_cs_otherlinks a[href="/modules.php?go=faq"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/faq.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background: crimson !important; } #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href="/forum/"], #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"] { float: left; background: midnightblue; } span[title="Compatibility Score"] { border-right: medium none; cursor: default; display: inline-block !important; float: right; font-family: 'Exo','Trebuchet MS' !important; font-size: 18px !important; height: 40px !important; margin-top: 3px; text-align: center !important; width: 99px !important; background: bisque !important; } span[title="Compatibility Score"]:before { content: "Compatibility : "; font-size: 10px !important; background: snow !important; } #mal_cs_pic { float: left; margin: 0 !important; padding: 0 !important; width: 200px !important; background: sienna !important; } #mal_cs_pic a[href=""] { border-right: 1px solid #000000; display: block !important; height: 40px !important; text-align: center !important; width: 200px !important; background: khaki !important; } #searchBox { background: none repeat scroll 0 0 rgba(255, 250, 215, 0.7); border-color: #000000; border-radius: 5px; border-style: solid; border-width: 1px; color: #000000 !important; font-family: century gothic !important; font-style: italic; font-variant: small-caps; margin-right: 5px; margin-top: -3px; padding-bottom: 5px; padding-left: 3px; padding-top: 5px; width: 145px !important; } #searchBox:focus { box-shadow: 0 0 5px #0983FD; } #searchListButton { display: none; } #mal_control_strip img { background: gold !important; border: 0 none; display: none; margin: 0; padding: 0; } #mal_control_strip img { background: silver !important; border: 0 none; display: none; margin: 0; padding: 0; } #mal_control_strip a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(0, 0, 0, 0.8); border-color: #000000 !important; border-image: none; border-style: none; border-width: medium; display: block; font-variant: small-caps; height: 0; margin-left: -1px; overflow: hidden; padding: 0 10px; position: absolute; text-indent: 0; top: 40px; transition: none 0s ease 0s; } #mal_control_strip a:hover:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #808080 #808080; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; height: 20px; padding: 5px 10px; transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s; } #mal_cs_listinfo a[href="/panel.php?go=logout"]:after { display: none; } #mal_cs_listinfo a[href*="/profile/"]:after { display: none; } #mal_cs_links a[href=""]:after { display: none; } #mal_cs_links a[href="/addtolist.php?hidenav=1"]:after { content: "Add entry to my list"; } #mal_cs_links a[href*="/animelist/"]:after { content: "My Anime List"; } #mal_cs_links a[href*="/mangalist/"]:after { content: "My Manga List"; } #mal_cs_otherlinks strong a[href*="/profile/"]:after { display: none; } #mal_cs_otherlinks a[href*="/history/"]:after { content: "Recent activity"; } #mal_cs_otherlinks a[href="/forum/"]:after { content: "Forum MyAnimeList.net"; } #mal_cs_otherlinks a[href="/panel.php?go=export"]:after { content: "Export my list to XML"; } #mal_cs_otherlinks a[href*="/sharedanime.php?"]:after { content: "Shared Anime"; } #mal_cs_otherlinks a[href*="/sharedmanga.php?"]:after { content: "Shared Manga"; } #mal_cs_otherlinks a[href*="/mangalist/"]:after { content: "Manga List"; } #mal_cs_otherlinks a[href*="/animelist/"]:after { content: "Anime List"; } #mal_cs_otherlinks a[href="/login.php"]:after { content: "Login to my account"; } #mal_cs_otherlinks a[href="/register.php"]:after { content: "Register a new account"; } #mal_cs_otherlinks a[href="/modules.php?go=faq"]:after { content: "Any question ?"; } |
Apr 12, 2014 4:26 PM
#1872
@Lirina: You can also use this, its a version without colors, it looks a lot better but still a couple things need to be adjusted. Just let us know what if you can't find it. btw I think the #mal_cs_links a[href=""] links were supposed to go to "http://myanimelist.net", but with the links changed, I'm not sure how to write this link now, but I think just #mal_cs_links a[href="/"] might be what you're looking for. #mal_control_strip { border-bottom: 1px solid #000000 !important; border-color: #000000 !important; left: 31px !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: 257px; width: 1016px !important; z-index: 1 !important; } #mal_control_strip td { color: #FFFF00 !important; margin: 0 !important; padding: 0 !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; color: #008000 !important; } #mal_control_strip a { font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; transition: background-color 0.2s ease 0s; } #mal_control_strip a:hover { } #mal_cs_listinfo { margin: 0 !important; padding: 0 !important; width: 210px !important; } #mal_cs_listinfo div:first-of-type { display: inline-block !important; float: left; height: 40px !important; margin: 0 !important; padding-left: 40px !important; width: 150px !important; } #mal_cs_listinfo div:last-of-type { display: inline-block !important; height: 40px !important; margin: 0 !important; text-align: center !important; width: 20px !important; } #mal_cs_listinfo a[href*="/profile/"] { border-bottom-style: none !important; display: block !important; font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; font-variant: small-caps; height: 28px !important; overflow: hidden; padding-left: 40px; padding-right: 10px; padding-top: 12px; text-align: center !important; text-decoration: none !important; text-overflow: ellipsis; } #mal_cs_listinfo a[href*="/profile/"]:hover { } #mal_cs_listinfo a[href="/panel.php?go=logout"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/logout.png") !important; border-bottom: medium none; border-left: 1px solid #000000; border-right: 1px solid #000000; display: block !important; height: 40px !important; text-align: center !important; text-indent: -9999em !important; } #mal_cs_listinfo a[href="/panel.php?go=logout"]:hover { } #mal_cs_links { margin: 0 !important; padding: 0 !important; width: 120px !important; } #mal_cs_links div { display: inline-block !important; font-size: 0 !important; height: 40px !important; margin: 0 !important; width: 80px !important; } #mal_cs_links div:first-of-type { float: left; width: 40px !important; } #mal_cs_links a[href="/addtolist.php?hidenav=1"], #mal_cs_links a[href=""], #mal_cs_links a[href*="/animelist/"], #mal_cs_links a[href*="/mangalist/"] { border-right: 1px solid #000000; display: inline-block !important; text-indent: -9999em !important; } #mal_cs_links a[href=""] { height: 38px !important; left: 0; padding-bottom: 2px !important; position: absolute; width: 40px !important; } #mal_cs_links a[href=""]:hover { background-image: url("img/malh.png"), url("img/mal.png") !important; } #mal_cs_links a[href="/addtolist.php?hidenav=1"] { height: 40px !important; width: 39px !important; } #mal_cs_links a[href*="/animelist/"] { height: 40px !important; width: 39px !important; } #mal_cs_links a[href*="/mangalist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-manga.png"); height: 40px !important; width: 39px !important; } #mal_cs_links a[href=""], #mal_cs_links a[href*="/animelist/"] { float: left; } #mal_cs_otherlinks a[href="/addtolist.php?hidenav=1"] { float: right; } #mal_cs_otherlinks { float: left; margin: 0 !important; padding: 0 !important; width: 520px !important; } #mal_cs_otherlinks div:first-of-type { display: inline-block !important; float: left; font-size: 0 !important; height: 40px !important; margin: 0 !important; } #mal_cs_otherlinks div:last-of-type { display: inline-block !important; font-size: 0 !important; height: 30px !important; margin: 0 !important; width: 220px !important; } #mal_cs_otherlinks strong { border-right: 1px solid #000000; cursor: default; display: inline-block !important; font-family: 'Exo','Trebuchet MS' !important; font-size: 14px !important; font-variant: small-caps; font-weight: normal; height: 28px !important; padding: 12px 15px 0 !important; text-align: center !important; } #mal_cs_otherlinks strong a[href*="/profile/"]:hover { background-color: rgba(255, 255, 255, 0.4); text-shadow: 0 0 5px #FFFFFF; } #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href="/forum/"], #mal_cs_otherlinks a[href="/panel.php?go=export"], #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"], #mal_cs_otherlinks a[href="/login.php"], #mal_cs_otherlinks a[href="/register.php"], #mal_cs_otherlinks a[href="/modules.php?go=faq"] { border-right: 1px solid #000000; display: inline-block !important; height: 40px !important; text-align: center !important; text-indent: -9999em !important; width: 40px !important; } #mal_cs_otherlinks a[href*="/history/"] { background: none repeat scroll 0 0 #FFFFF0 !important; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/history.png") !important; } #mal_cs_otherlinks a[href="/forum/"] { background: none repeat scroll 0 0 #FFFF00 !important; background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/forum.png") !important; } #mal_cs_otherlinks a[href="/panel.php?go=export"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/export.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/compare.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/mangalist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-manga.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/animelist/"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/list-anime.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/login.php"] { background-image: url("ihttps://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/login.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/register.php"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/register.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href="/modules.php?go=faq"] { background-image: url("https://dl.dropboxusercontent.com/u/97405770/Layout_DVDcover/topbar_images/faq.png") !important; background-position: center center !important; background-repeat: no-repeat !important; } #mal_cs_otherlinks a[href*="/history/"], #mal_cs_otherlinks a[href="/forum/"], #mal_cs_otherlinks a[href*="/sharedanime.php?"], #mal_cs_otherlinks a[href*="/sharedmanga.php?"], #mal_cs_otherlinks a[href*="/mangalist/"], #mal_cs_otherlinks a[href*="/animelist/"] { float: left; } span[title="Compatibility Score"] { border-right: medium none; cursor: default; display: inline-block !important; float: right; font-family: 'Exo','Trebuchet MS' !important; font-size: 18px !important; height: 40px !important; margin-top: 3px; text-align: center !important; width: 99px !important; } span[title="Compatibility Score"]:before { content: "Compatibility : "; font-size: 10px !important; } #mal_cs_pic { float: left; margin: 0 !important; padding: 0 !important; width: 200px !important; background: sienna !important; } #mal_cs_pic a[href=""] { border-right: 1px solid #000000; display: block !important; height: 40px !important; text-align: center !important; width: 200px !important; background: khaki !important; } #searchBox { background: none repeat scroll 0 0 rgba(255, 250, 215, 0.7); border-color: #000000; border-radius: 5px; border-style: solid; border-width: 1px; color: #000000 !important; font-family: century gothic !important; font-style: italic; font-variant: small-caps; margin-right: 5px; margin-top: -3px; padding-bottom: 5px; padding-left: 3px; padding-top: 5px; width: 145px !important; } #searchBox:focus { box-shadow: 0 0 5px #0983FD; } #searchListButton { display: none; } #mal_control_strip img { background: gold !important; border: 0 none; display: none; margin: 0; padding: 0; } #mal_control_strip img { background: silver !important; border: 0 none; display: none; margin: 0; padding: 0; } #mal_control_strip a:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(0, 0, 0, 0.8); border-color: #000000 !important; border-image: none; border-style: none; border-width: medium; display: block; font-variant: small-caps; height: 0; margin-left: -1px; overflow: hidden; padding: 0 10px; position: absolute; text-indent: 0; top: 40px; transition: none 0s ease 0s; } #mal_control_strip a:hover:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #808080 #808080; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; height: 20px; padding: 5px 10px; transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s; } #mal_cs_listinfo a[href="/panel.php?go=logout"]:after { display: none; } #mal_cs_listinfo a[href*="/profile/"]:after { display: none; } #mal_cs_links a[href=""]:after { display: none; } #mal_cs_links a[href="/addtolist.php?hidenav=1"]:after { content: "Add entry to my list"; } #mal_cs_links a[href*="/animelist/"]:after { content: "My Anime List"; } #mal_cs_links a[href*="/mangalist/"]:after { content: "My Manga List"; } #mal_cs_otherlinks strong a[href*="/profile/"]:after { display: none; } #mal_cs_otherlinks a[href*="/history/"]:after { content: "Recent activity"; } #mal_cs_otherlinks a[href="/forum/"]:after { content: "Forum MyAnimeList.net"; } #mal_cs_otherlinks a[href="/panel.php?go=export"]:after { content: "Export my list to XML"; } #mal_cs_otherlinks a[href*="/sharedanime.php?"]:after { content: "Shared Anime"; } #mal_cs_otherlinks a[href*="/sharedmanga.php?"]:after { content: "Shared Manga"; } #mal_cs_otherlinks a[href*="/mangalist/"]:after { content: "Manga List"; } #mal_cs_otherlinks a[href*="/animelist/"]:after { content: "Anime List"; } #mal_cs_otherlinks a[href="/login.php"]:after { content: "Login to my account"; } #mal_cs_otherlinks a[href="/register.php"]:after { content: "Register a new account"; } #mal_cs_otherlinks a[href="/modules.php?go=faq"]:after { content: "Any question ?"; } |
Apr 13, 2014 3:50 AM
#1873
So I exchanged all the links and it worked for the username and logout, well they aren't back to normal yet but I can see them in firebug again. It didn't work for the other links though and this morning I also lost my search bar and the "you are viewing your animelist"-text, which were both completely fine yesterday. But how come only I am affected? Could I not copy someone elses topbar code and adjust mine with it? |
Apr 13, 2014 4:26 AM
#1874
Apr 13, 2014 6:32 AM
#1875
Lirina said: So I exchanged all the links and it worked for the username and logout, well they aren't back to normal yet but I can see them in firebug again. It didn't work for the other links though and this morning I also lost my search bar and the "you are viewing your animelist"-text, which were both completely fine yesterday. But how come only I am affected? Could I not copy someone elses topbar code and adjust mine with it? You were missing a quotation in your code there, width on history button was 1px too wide. Plus I've compared it to Luxikami's bar too and with the fixes and his link names it looks like: http://myanimelist.net/mangalist/Shishio-kun this is the import: @import "https://dl.dropboxusercontent.com/u/78340470/Lirinatest2.css"; you can just rip the CSS from there if thats how its supposed to be, you have to replace the old import tho since its got broken codes. you can also see it on my anime list for a bit. everything looks proper now from logged in and out perspective. hope its working for you too! |
Shishio-kunApr 13, 2014 6:48 AM
Apr 13, 2014 11:51 AM
#1876
ao_no_exo said: Hies I used the layout in the spoiler but I would like to change a few things and don’t really know how. Currently it’s set as my layout. What I would like to know is if anyone could change 2 things on it. /* Icon-style top menu bar */ @import "http://dl.dropbox.com/u/78340470/Touhou%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategoryTouhou.css"; /* // Self-explanatory*/ body { color:#999; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size:11px; font-family:Verdana, Arial; background-image:url('http://i.imgur.com/AHg72.jpg'); background-color:#000; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; } /* // Determines the positioning of your list*/ #list_surround { width:900px; margin:0 auto; } /* // All links on your list*/ a { color:#51819F; text-decoration:none; } a:visited { color:#51819F; text-decoration:none; } a:hover { color:#51819F; text-decoration:underline; } /* // Alternating row color 1 */ .td1 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // Alternating row color 2 */ .td2 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color:#999; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 0; padding:2px; } /* // Controls the select form decoration (the drop down select box)*/ .form { color:#999; font-size:11px; font-family:Verdana, Arial; border-color:#333; border-style:solid; border-width:1px; padding:2px; } /* Which 'status' up top is selected? */ .status_selected { color:#000; background:rgba(0, 0, 0, 0.75); font-weight:700; text-decoration:underline; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .status_selected a { text-decoration:underline; } .status_not_selected { color:#000; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* Header classes for Currently Watching, Completed, Dropped, etc...*/ .header_title { font-size:20px; font-weight:700; text-align:center; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; } .category_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px; } #grand_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 1px; } /* header_al is the surrounding "User's Anime List" at the top */ .header_al { font-weight:700; font-size:16px; } /* header_al_links is the width your "Profile" and "MyAnimeList home" links controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight:700; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO*/ #copyright { padding-top:6px; text-align:center; width:900px; margin:0 auto; } I would like to have the stock top bar and “Currently Watching”, “Completed”, “On Hold”, “Dropped”, “Plan to Watch” and “All Anime” from the following code: And the second change is the highlight of the row like in the following post. And if I'm here I want to ask how can I customize the colors on the stock top bar? I would love to make it half as thick and a darker gray almost black. I kind of understand the code to which I want mine changed to but don't know where to copy it and what to delete from the one I have now. Regarding my post above. I managed to stitch my style and change the top bar but for some reason the home, anime, manga icons are text that are pushed into those little boxes. Any way of changing them to icons how they appear on previews or better to make the little boxes a bit bigger so the text is readable? And lastly I couldn’t change the top row with watching, dropped, ptw... to how Astros has it. His code is here. Can somebody help me out here? @import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative); @import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great); @import url(http://fonts.googleapis.com/css?family=Trade+Winds); @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css"; .header_title { background-color:; color:White; font-family:Cinzel Decorative; font-size:45px; } /* // Self-explanatory*/ body { color:#999; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size:11px; font-family:Verdana, Arial; background-image:url('http://i.imgur.com/AHg72.jpg'); background-color:#000; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; } /* // Determines the positioning of your list*/ #list_surround { width:900px; margin:0 auto; } /* // All links on your list*/ a { color:#51819F; text-decoration:none; } a:visited { color:#51819F; text-decoration:none; } :hover tbody.td1,:hover tbody.td2 { background-image:url(https://dl.dropbox.com/s/mh1xxfqpkpebxm8/hl2.png); background-size:100% 100%; } /* Highlight Image for First Column */ :hover tbody.td1:first-of-type,:hover tbody.td2:first-of-type {background-image:url(https://dl.dropbox.com/s/1brcvy03yoln0eu/hl3.png);} /* Highlight Image for Last Column */ :hover tbody.td1:last-of-type,:hover tbody.td2:last-of-type {background-image:url(https://dl.dropbox.com/s/p58vjxqufjitetw/hl4.png);} /* Cover Image */ :hover+.hide { display:block !important; position:fixed; top:160px; left:830px; width:225px; height:350px; background-color: rgba(0, 0, 0, 0.6); border: 30px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; background-repeat: no-repeat; background-size: contain; } /* Preview text */ :hover+.hide:before { content:"Preview a "; white-space: pre; display:block; font-weight: bold; padding: 3px; font-size: 18px; margin-top:-30px; } /* Highlights Rows on Hover */ tr:hover .td1, tr:hover .td2 { background-image:url(http://dl.dropbox.com/s/7jfq7ci2jzsjqt9/hl2.png); background-size:100% 100%; } /* // Alternating row color 1 */ .td1 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // Alternating row color 2 */ .td2 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color:#999; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 0; padding:2px; } /* // Controls the select form decoration (the drop down select box)*/ .form { color:#999; font-size:11px; font-family:Verdana, Arial; border-color:#333; border-style:solid; border-width:1px; padding:2px; } /* Which 'status' up top is selected? */ .status_selected { color:#000; background:rgba(0, 0, 0, 0.75); font-weight:700; text-decoration:underline; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .status_selected a { text-decoration:underline; } .status_not_selected { color:#000; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .category_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px; } #grand_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 1px; } /* header_al is the surrounding "User's Anime List" at the top */ .header_al { font-weight:700; font-size:16px; } /* header_al_links is the width your "Profile" and "MyAnimeList home" links controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight:700; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO*/ #copyright { padding-top:6px; text-align:center; width:900px; margin:0 auto; } |
Apr 13, 2014 8:34 PM
#1877
Hey guys, i need some help with the hovering cover mod( http://myanimelist.net/forum/?topicid=563993&show=100) . When i hover down a certain amount of rows of anime titles, the hovering cover mod stops working. The problem only happens in chrome, however the mod works perfectly on other browser such as firefox. I also tried on a different computer with chrome, and the problem is still there. Does anyone have any idea how to fix the problem? my list: http://myanimelist.net/animelist/isaychris |
Apr 14, 2014 5:34 AM
#1878
Shishio-kun said: The link paths were apparently changed "http://myanimelist.net/link" to "/link". So if you rewrite the selector links in the CSS according to this change, it may give you the links back. Thanks! This also fixed my problem from several pages ago :) ♥♥♥ |
Apr 14, 2014 8:11 AM
#1879
ao_no_exo said: ao_no_exo said: Hies I used the layout in the spoiler but I would like to change a few things and don’t really know how. Currently it’s set as my layout. What I would like to know is if anyone could change 2 things on it. /* Icon-style top menu bar */ @import "http://dl.dropbox.com/u/78340470/Touhou%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategoryTouhou.css"; /* // Self-explanatory*/ body { color:#999; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size:11px; font-family:Verdana, Arial; background-image:url('http://i.imgur.com/AHg72.jpg'); background-color:#000; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; } /* // Determines the positioning of your list*/ #list_surround { width:900px; margin:0 auto; } /* // All links on your list*/ a { color:#51819F; text-decoration:none; } a:visited { color:#51819F; text-decoration:none; } a:hover { color:#51819F; text-decoration:underline; } /* // Alternating row color 1 */ .td1 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // Alternating row color 2 */ .td2 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color:#999; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 0; padding:2px; } /* // Controls the select form decoration (the drop down select box)*/ .form { color:#999; font-size:11px; font-family:Verdana, Arial; border-color:#333; border-style:solid; border-width:1px; padding:2px; } /* Which 'status' up top is selected? */ .status_selected { color:#000; background:rgba(0, 0, 0, 0.75); font-weight:700; text-decoration:underline; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .status_selected a { text-decoration:underline; } .status_not_selected { color:#000; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* Header classes for Currently Watching, Completed, Dropped, etc...*/ .header_title { font-size:20px; font-weight:700; text-align:center; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; } .category_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px; } #grand_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 1px; } /* header_al is the surrounding "User's Anime List" at the top */ .header_al { font-weight:700; font-size:16px; } /* header_al_links is the width your "Profile" and "MyAnimeList home" links controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight:700; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO*/ #copyright { padding-top:6px; text-align:center; width:900px; margin:0 auto; } I would like to have the stock top bar and “Currently Watching”, “Completed”, “On Hold”, “Dropped”, “Plan to Watch” and “All Anime” from the following code: And the second change is the highlight of the row like in the following post. And if I'm here I want to ask how can I customize the colors on the stock top bar? I would love to make it half as thick and a darker gray almost black. I kind of understand the code to which I want mine changed to but don't know where to copy it and what to delete from the one I have now. Regarding my post above. I managed to stitch my style and change the top bar but for some reason the home, anime, manga icons are text that are pushed into those little boxes. Any way of changing them to icons how they appear on previews or better to make the little boxes a bit bigger so the text is readable? And lastly I couldn’t change the top row with watching, dropped, ptw... to how Astros has it. His code is here. Can somebody help me out here? @import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative); @import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great); @import url(http://fonts.googleapis.com/css?family=Trade+Winds); @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css"; .header_title { background-color:; color:White; font-family:Cinzel Decorative; font-size:45px; } /* // Self-explanatory*/ body { color:#999; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size:11px; font-family:Verdana, Arial; background-image:url('http://i.imgur.com/AHg72.jpg'); background-color:#000; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; } /* // Determines the positioning of your list*/ #list_surround { width:900px; margin:0 auto; } /* // All links on your list*/ a { color:#51819F; text-decoration:none; } a:visited { color:#51819F; text-decoration:none; } :hover tbody.td1,:hover tbody.td2 { background-image:url(https://dl.dropbox.com/s/mh1xxfqpkpebxm8/hl2.png); background-size:100% 100%; } /* Highlight Image for First Column */ :hover tbody.td1:first-of-type,:hover tbody.td2:first-of-type {background-image:url(https://dl.dropbox.com/s/1brcvy03yoln0eu/hl3.png);} /* Highlight Image for Last Column */ :hover tbody.td1:last-of-type,:hover tbody.td2:last-of-type {background-image:url(https://dl.dropbox.com/s/p58vjxqufjitetw/hl4.png);} /* Cover Image */ :hover+.hide { display:block !important; position:fixed; top:160px; left:830px; width:225px; height:350px; background-color: rgba(0, 0, 0, 0.6); border: 30px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; background-repeat: no-repeat; background-size: contain; } /* Preview text */ :hover+.hide:before { content:"Preview a "; white-space: pre; display:block; font-weight: bold; padding: 3px; font-size: 18px; margin-top:-30px; } /* Highlights Rows on Hover */ tr:hover .td1, tr:hover .td2 { background-image:url(http://dl.dropbox.com/s/7jfq7ci2jzsjqt9/hl2.png); background-size:100% 100%; } /* // Alternating row color 1 */ .td1 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // Alternating row color 2 */ .td2 { background:rgba(0, 0, 0, 0.5); color:#999; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color:#999; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 0; padding:2px; } /* // Controls the select form decoration (the drop down select box)*/ .form { color:#999; font-size:11px; font-family:Verdana, Arial; border-color:#333; border-style:solid; border-width:1px; padding:2px; } /* Which 'status' up top is selected? */ .status_selected { color:#000; background:rgba(0, 0, 0, 0.75); font-weight:700; text-decoration:underline; border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .status_selected a { text-decoration:underline; } .status_not_selected { color:#000; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px 0; padding:2px; } .category_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:0 1px 1px; } #grand_totals { text-align:center; background:rgba(0, 0, 0, 0.75); border-color:#333; border-style:solid; border-width:1px 1px 1px 1px; } /* header_al is the surrounding "User's Anime List" at the top */ .header_al { font-weight:700; font-size:16px; } /* header_al_links is the width your "Profile" and "MyAnimeList home" links controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight:700; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO*/ #copyright { padding-top:6px; text-align:center; width:900px; margin:0 auto; } Thank you for the layout codes. well at least those as I received no help otherwise, but not a problem as the first time I asked for help with my first layout I got a fast reply with a fix to that.. and this is not a customer service place so no one should expect anything. |
Apr 14, 2014 1:06 PM
#1880
isaychris said: Hey guys, i need some help with the hovering cover mod( http://myanimelist.net/forum/?topicid=563993&show=100) . When i hover down a certain amount of rows of anime titles, the hovering cover mod stops working. The problem only happens in chrome, however the mod works perfectly on other browser such as firefox. I also tried on a different computer with chrome, and the problem is still there. Does anyone have any idea how to fix the problem? my list: http://myanimelist.net/animelist/isaychris This happened to someone else a while back in this topic, I don't remember the reason why or fix but I think it had something to do with add ons like ad block or something so turn off all those and see if it still happens, and double check that all extensions are really off edit: you don't even have covers on your list, so there's no way to confirm or check the problem |
Shishio-kunApr 15, 2014 4:17 AM
Apr 14, 2014 9:08 PM
#1881
Shishio-kun said: isaychris said: Hey guys, i need some help with the hovering cover mod( http://myanimelist.net/forum/?topicid=563993&show=100) . When i hover down a certain amount of rows of anime titles, the hovering cover mod stops working. The problem only happens in chrome, however the mod works perfectly on other browser such as firefox. I also tried on a different computer with chrome, and the problem is still there. Does anyone have any idea how to fix the problem? my list: http://myanimelist.net/animelist/isaychris This happened to someone else a while back in this topic, I don't remember the reason why or fix but I think it had something to do with add ons like ad block or something so turn off all those and see if it still happens, and double check that all extensions are really off I have the exact same problem as the person above and I did exactly what you said (extensions, different browsers,etc.) But it still doesn't work. All help will be much appreciated!! |
Apr 15, 2014 4:16 AM
#1882
JTricks said: Shishio-kun said: isaychris said: Hey guys, i need some help with the hovering cover mod( http://myanimelist.net/forum/?topicid=563993&show=100) . When i hover down a certain amount of rows of anime titles, the hovering cover mod stops working. The problem only happens in chrome, however the mod works perfectly on other browser such as firefox. I also tried on a different computer with chrome, and the problem is still there. Does anyone have any idea how to fix the problem? my list: http://myanimelist.net/animelist/isaychris This happened to someone else a while back in this topic, I don't remember the reason why or fix but I think it had something to do with add ons like ad block or something so turn off all those and see if it still happens, and double check that all extensions are really off I have the exact same problem as the person above and I did exactly what you said (extensions, different browsers,etc.) But it still doesn't work. All help will be much appreciated!! You don't have the exact same problem- you tried different browsers and it didn't work; his problem is only present in Chrome and I didn't say to try different browsers... anyways when I view your list in Chrome with extensions or not, I still see all your covers. try updating to the latest one and really making sure you have no extensions. otherwise if no one else has any ideas you probably can't use covers for some reason |
Apr 15, 2014 8:17 AM
#1883
Shishio-kun said: Lirina said: So I exchanged all the links and it worked for the username and logout, well they aren't back to normal yet but I can see them in firebug again. It didn't work for the other links though and this morning I also lost my search bar and the "you are viewing your animelist"-text, which were both completely fine yesterday. But how come only I am affected? Could I not copy someone elses topbar code and adjust mine with it? You were missing a quotation in your code there, width on history button was 1px too wide. Plus I've compared it to Luxikami's bar too and with the fixes and his link names it looks like: http://myanimelist.net/mangalist/Shishio-kun this is the import: @import "https://dl.dropboxusercontent.com/u/78340470/Lirinatest2.css"; you can just rip the CSS from there if thats how its supposed to be, you have to replace the old import tho since its got broken codes. you can also see it on my anime list for a bit. everything looks proper now from logged in and out perspective. hope its working for you too! It works, I'm so happy! Thank you and everybody who tried to help me. <3 My life is saved and I can focus on my exams again. |
Apr 15, 2014 1:30 PM
#1884
Hey guys! Today I've been tiring over some of the tutorials making my anime list look better and after a couple of hours of tinkering, chugging along through a lot of them but then when adding my custom intro to my list (http://myanimelist.net/forum/?topicid=607187) I was running into some problems with some random text showing up during the intro as well as my headings disappearing after the intro had finished. I looked through my code trying to find if anything was not typed up correctly (I might have over-looked something seen as I'm not exactly an expert at CSS) and I was certain everything was right in the code but it just wouldn't work, I even tried reformatting the template for the intro a couple times with no luck. I was wondering if anyone could give me a hand, here is a pastebin of my code if you need to look over it: http://pastebin.com/bS9TMfYN . Thanks for any help in advance, Izaak ^-^ |
Apr 15, 2014 10:33 PM
#1885
sorry if this has been addressed already but, any way I can set a certain section to open ( like Currently Watching ) instead of "All Anime" when someone looks at my anime list? |
*sick guitar solo* |
Apr 16, 2014 2:30 AM
#1886
kingaiju said: sorry if this has been addressed already but, any way I can set a certain section to open ( like Currently Watching ) instead of "All Anime" when someone looks at my anime list? Yes, here http://myanimelist.net/editprofile.php?go=listpreferences Change "Default Status Selected" to wherever you want to be the default in your list. |
Apr 16, 2014 4:17 AM
#1887
Hi... Just recently, all of the covers on my manga list have disappeared. A few weeks ago, a few of the didn't appear but I figured it was only my computer. Now all of them are gone except for the ones that I had manually added in myself. I haven't edited my list one bit, so I don't know why they all disappeared. It may be my computer, but this isn't happening with my anime list, which has a similar layout. I came here to figure out if it's only me who can't see them. I use AdBlocker, Google Chrome, and Windows 8. Thanks in advance. MY CODE @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MagicaFixedMenu.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/pinkversion/pinkiconbar.css"; @import "http://randomcss.site90.com/allmanga.css"; #more25897{background-image: url(http://cdn.myanimelist.net/images/manga/5/116631.jpg);} #more68897{background-image: url(http://cdn.myanimelist.net/images/manga/2/117961.jpg);} #more67831{background-image: url(http://cdn.myanimelist.net/images/manga/1/116091.jpg);} #more45447{background-image: url(http://cdn.myanimelist.net/images/manga/1/114679.jpg);} #more26404{background-image: url(http://cdn.myanimelist.net/images/manga/2/115447.jpg);} #more65685{background-image: url(http://cdn.myanimelist.net/images/manga/2/116899.jpg);} #more24619{background-image: url(http://cdn.myanimelist.net/images/manga/1/117753.jpg);} #more41973{background-image: url(http://cdn.myanimelist.net/images/manga/3/114663.jpg);} #more64465{background-image: url(http://cdn.myanimelist.net/images/manga/3/115067.jpg);} #more45143{background-image: url(http://cdn.myanimelist.net/images/manga/3/116653.jpg);} #more66265{background-image: url(http://cdn.myanimelist.net/images/manga/3/116333.jpg);} #more67699{background-image: url(http://cdn.myanimelist.net/images/manga/2/115875.jpg);} #more28107{background-image: url(http://cdn.myanimelist.net/images/manga/3/68397.jpg);} #more45757{background-image: url(http://cdn.myanimelist.net/images/manga/1/115803.jpg);} #more6961{background-image: url(http://cdn.myanimelist.net/images/manga/2/115341.jpg);} #more13188{background-image: url(http://cdn.myanimelist.net/images/manga/3/115935.jpg);} #more22046{background-image: url(http://cdn.myanimelist.net/images/manga/3/118819.jpg);} #more30051{background-image: url(http://cdn.myanimelist.net/images/manga/3/117983.jpg);} #more60511{background-image: url(http://cdn.myanimelist.net/images/manga/2/117487.jpg);} /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i.imgur.com/G5WpY72.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { background: url("http://i.imgur.com/ySWfIXW.png") no-repeat scroll right bottom transparent; display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; background-size: contain !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH Adjust the opacity and color of the list itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.5); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.5); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(208, 32, 144, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(http://i.imgur.com/Hv5dW9P.png); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i.imgur.com/CdokEMa.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/4wWEuxL.png); background-position:100% 0; top:140px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/LzttEaG.png); background-position:0 0; top:260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/iqoaVc2.png); background-position:100% 0; top:380px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mOB1pcO.png); background-position:0 0; top:500px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mxyGxdy.png); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/OWi79tP.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/qgcVOFM.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/KVv7E0r.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/HVrzRMz.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/o4RuvMU.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color: rgba(255, 0, 255, 0.4); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 0, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: cyan; left: 42px; position: relative; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Tags" } @media screen and (-webkit-min-device-pixel-ratio:0) { .td1:nth-of-type(2), .td2:nth-of-type(2){ width: 73% !important; } .animetitle { padding-left: 5px; } } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } |
2SugoiToActSugoiApr 16, 2014 11:23 AM
moving on. |
Apr 16, 2014 8:12 AM
#1888
Hello, I need some help On top right corner of my LIST I ve added some buttons that sort my list and a title ("SORT BY") above them and I want the buttons to be invisible and appear when I hover over the title. I ve tried everything I could nothing works :( My list: http://myanimelist.net/animelist/fireandrew My Code: /*=======================================================================*/ /*================================IMPORTS=================================*/ /*=======================================================================*/ /*NOT MINE*/ /*Top Bar*/ @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/topbarreduxblack.css"; /*Anime Cover Images*/ @import "https://dl.dropboxusercontent.com/u/78340470/anime.css"; /*Hover Settings*/ @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; /*=======================================================================*/ /*DISPLAY COVERS*/ @import "https://dl.dropboxusercontent.com/s/96kmfggw3umrhcu/Covers.css"; /*=======================================================================*/ /*SORT LIST*/ @import "https://dl.dropboxusercontent.com/s/sooipo5xjn1947a/SortBy.css"; /*=======================================================================*/ /*CUSTOM CATEGORY LINKS*/ @import "https://dl.dropboxusercontent.com/s/o8b7z0q0c82o3ft/TabLinks.css"; /*=======================================================================*/ /*HEADERS*/ @import "https://dl.dropboxusercontent.com/s/gwtajsybe2nevdv/Headers.css"; /*=======================================================================*/ /*BACKGROUNDS*/ @import "https://dl.dropboxusercontent.com/s/4n1fdl86gswqof3/Backgrounds.css"; /*=======================================================================*/ /*==============================FONTS=====================================*/ /*===ANIME TITLE FONTS===*/ .animetitle, .animetitle:visited { color:silver;/*#66CCFF*/ font-family:Century Gothic; font-size:16px; font-weight: bold; text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000, 0px 2px 0 #000, 0px -2px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000, 1px 2px 0 #000, -1px 2px 0 #000, 1px -2px 0 #000, -1px -2px 0 #000, 2px 1px 0 #000, -2px 1px 0 #000, 2px -1px 0 #000, -2px -1px 0 #000; } /*===NOT ANIME TITLES FONTS===*/ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals,#copyright { color:white; font-family:Century Gothic; } /*=======================================================================*/ /*===LIST WIDTH++===*/ #list_surround { width:600px; right: 10px !important; position: absolute !important; margin: auto; background-image:url(); margin-top:50px; border-radius: 25px 25px 25px 25px; border-style: solid !important; border-width: 0px; border-color:white; } /*===LIST BACKGROUND===*/ .td1,.td2,.category_totals,#grand_totals,#copyright { background-color: rgba(0, 0, 0, 0.50); } /*=======================================================================*/ /*===COPYRIGHTS ETC===*/ .category_totals { font-size:14px ; text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } #copyright, #grand_totals { text-align: center; margin: 0 !important; font-size:12px; } #copyright{ border-radius: 0px 0px 25px 25px } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info."; } /*===WHATEVER THIS IS===*/ .header_title { color: transparent !important; font-size: 1px !important; font-size: 0px !important; font-size: 0 !important; font-size: 0pt !important; height:; padding:; } .thickbox { color: transparent !important; font-size: 1px !important; font-size: 0px !important; font-size: 0 !important; font-size: 0pt !important; } /*=============================HOVER=====================================*/ /*==="EDIT" SHOWS ON HOVER===*/ a.List_LightBox,small { display: none; } TD.td1:hover a.List_LightBox ,TD.td2:hover a.List_LightBox, TD.td1:hover small ,TD.td2:hover small { display:inline; } /*===LIST HOVER===*/ a:hover , a:visited:hover { color:red; text-decoration:none; } .td1:HOVER,.td2:HOVER,.category_totals:HOVER,#grand_totals:HOVER,#copyright:HOVER { background-color: rgba(0, 0, 0, 0.85); } tr:hover [class^=td] { background-color: rgba(0, 0, 0, 0.85); -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease; } /*=======================================================================*/ /*CURSOR*/ /* Start http://www.cursors-4u.com */ body { cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important; } a:hover { cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1049.cur), progress !important; } /* End http://www.cursors-4u.com */ /*==============================FIXES======================================*/ /*===UNDERLINE FIX===*/ a ,a:visited { text-decoration:none; } /*===REMOVE GAP ON TOP OF LIST===*/ #list_surround br { display: none !important; color: transparent !important; } br { display: block !important; } /*=======================================================================*/ Specific Code: https://dl.dropboxusercontent.com/s/sooipo5xjn1947a/SortBy.css |
Apr 16, 2014 10:46 AM
#1889
al_exs said: kingaiju said: sorry if this has been addressed already but, any way I can set a certain section to open ( like Currently Watching ) instead of "All Anime" when someone looks at my anime list? Yes, here http://myanimelist.net/editprofile.php?go=listpreferences Change "Default Status Selected" to wherever you want to be the default in your list. thank you! ;> |
*sick guitar solo* |
Apr 16, 2014 3:03 PM
#1890
2SugoiToActSugoi said: Hi... Just recently, all of the covers on my manga list have disappeared. A few weeks ago, a few of the didn't appear but I figured it was only my computer. Now all of them are gone except for the ones that I had manually added in myself. I haven't edited my list one bit, so I don't know why they all disappeared. It may be my computer, but this isn't happening with my anime list, which has a similar layout. I came here to figure out if it's only me who can't see them. I use AdBlocker, Google Chrome, and Windows 8. Thanks in advance. MY CODE @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MagicaFixedMenu.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/pinkversion/pinkiconbar.css"; @import "http://randomcss.site90.com/allmanga.css"; #more25897{background-image: url(http://cdn.myanimelist.net/images/manga/5/116631.jpg);} #more68897{background-image: url(http://cdn.myanimelist.net/images/manga/2/117961.jpg);} #more67831{background-image: url(http://cdn.myanimelist.net/images/manga/1/116091.jpg);} #more45447{background-image: url(http://cdn.myanimelist.net/images/manga/1/114679.jpg);} #more26404{background-image: url(http://cdn.myanimelist.net/images/manga/2/115447.jpg);} #more65685{background-image: url(http://cdn.myanimelist.net/images/manga/2/116899.jpg);} #more24619{background-image: url(http://cdn.myanimelist.net/images/manga/1/117753.jpg);} #more41973{background-image: url(http://cdn.myanimelist.net/images/manga/3/114663.jpg);} #more64465{background-image: url(http://cdn.myanimelist.net/images/manga/3/115067.jpg);} #more45143{background-image: url(http://cdn.myanimelist.net/images/manga/3/116653.jpg);} #more66265{background-image: url(http://cdn.myanimelist.net/images/manga/3/116333.jpg);} #more67699{background-image: url(http://cdn.myanimelist.net/images/manga/2/115875.jpg);} #more28107{background-image: url(http://cdn.myanimelist.net/images/manga/3/68397.jpg);} #more45757{background-image: url(http://cdn.myanimelist.net/images/manga/1/115803.jpg);} #more6961{background-image: url(http://cdn.myanimelist.net/images/manga/2/115341.jpg);} #more13188{background-image: url(http://cdn.myanimelist.net/images/manga/3/115935.jpg);} #more22046{background-image: url(http://cdn.myanimelist.net/images/manga/3/118819.jpg);} #more30051{background-image: url(http://cdn.myanimelist.net/images/manga/3/117983.jpg);} #more60511{background-image: url(http://cdn.myanimelist.net/images/manga/2/117487.jpg);} /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i.imgur.com/G5WpY72.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { background: url("http://i.imgur.com/ySWfIXW.png") no-repeat scroll right bottom transparent; display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; background-size: contain !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH Adjust the opacity and color of the list itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.5); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.5); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(208, 32, 144, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(http://i.imgur.com/Hv5dW9P.png); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i.imgur.com/CdokEMa.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/4wWEuxL.png); background-position:100% 0; top:140px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/LzttEaG.png); background-position:0 0; top:260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/iqoaVc2.png); background-position:100% 0; top:380px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mOB1pcO.png); background-position:0 0; top:500px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mxyGxdy.png); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/OWi79tP.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/qgcVOFM.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/KVv7E0r.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/HVrzRMz.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/o4RuvMU.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color: rgba(255, 0, 255, 0.4); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 0, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: cyan; left: 42px; position: relative; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Tags" } @media screen and (-webkit-min-device-pixel-ratio:0) { .td1:nth-of-type(2), .td2:nth-of-type(2){ width: 73% !important; } .animetitle { padding-left: 5px; } } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } The cover CSS is empty for some reason, I made a re-placer and fixed your code, but it's only temporary and only contains your current manga. you'll have to make your own cover css for updates, I recommend Hahaidos program.
|
Apr 17, 2014 6:08 AM
#1891
2SugoiToActSugoi said: Hi... Just recently, all of the covers on my manga list have disappeared. A few weeks ago, a few of the didn't appear but I figured it was only my computer. Now all of them are gone except for the ones that I had manually added in myself. I haven't edited my list one bit, so I don't know why they all disappeared. It may be my computer, but this isn't happening with my anime list, which has a similar layout. I came here to figure out if it's only me who can't see them. I use AdBlocker, Google Chrome, and Windows 8. Thanks in advance. MY CODE @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MagicaFixedMenu.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/pinkversion/pinkiconbar.css"; @import "http://randomcss.site90.com/allmanga.css"; #more25897{background-image: url(http://cdn.myanimelist.net/images/manga/5/116631.jpg);} #more68897{background-image: url(http://cdn.myanimelist.net/images/manga/2/117961.jpg);} #more67831{background-image: url(http://cdn.myanimelist.net/images/manga/1/116091.jpg);} #more45447{background-image: url(http://cdn.myanimelist.net/images/manga/1/114679.jpg);} #more26404{background-image: url(http://cdn.myanimelist.net/images/manga/2/115447.jpg);} #more65685{background-image: url(http://cdn.myanimelist.net/images/manga/2/116899.jpg);} #more24619{background-image: url(http://cdn.myanimelist.net/images/manga/1/117753.jpg);} #more41973{background-image: url(http://cdn.myanimelist.net/images/manga/3/114663.jpg);} #more64465{background-image: url(http://cdn.myanimelist.net/images/manga/3/115067.jpg);} #more45143{background-image: url(http://cdn.myanimelist.net/images/manga/3/116653.jpg);} #more66265{background-image: url(http://cdn.myanimelist.net/images/manga/3/116333.jpg);} #more67699{background-image: url(http://cdn.myanimelist.net/images/manga/2/115875.jpg);} #more28107{background-image: url(http://cdn.myanimelist.net/images/manga/3/68397.jpg);} #more45757{background-image: url(http://cdn.myanimelist.net/images/manga/1/115803.jpg);} #more6961{background-image: url(http://cdn.myanimelist.net/images/manga/2/115341.jpg);} #more13188{background-image: url(http://cdn.myanimelist.net/images/manga/3/115935.jpg);} #more22046{background-image: url(http://cdn.myanimelist.net/images/manga/3/118819.jpg);} #more30051{background-image: url(http://cdn.myanimelist.net/images/manga/3/117983.jpg);} #more60511{background-image: url(http://cdn.myanimelist.net/images/manga/2/117487.jpg);} /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i.imgur.com/G5WpY72.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { background: url("http://i.imgur.com/ySWfIXW.png") no-repeat scroll right bottom transparent; display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; background-size: contain !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH Adjust the opacity and color of the list itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.5); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.5); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(208, 32, 144, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(http://i.imgur.com/Hv5dW9P.png); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i.imgur.com/CdokEMa.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/4wWEuxL.png); background-position:100% 0; top:140px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/LzttEaG.png); background-position:0 0; top:260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/iqoaVc2.png); background-position:100% 0; top:380px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mOB1pcO.png); background-position:0 0; top:500px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mxyGxdy.png); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/OWi79tP.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/qgcVOFM.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/KVv7E0r.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/HVrzRMz.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/o4RuvMU.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color: rgba(255, 0, 255, 0.4); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 0, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: cyan; left: 42px; position: relative; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Tags" } @media screen and (-webkit-min-device-pixel-ratio:0) { .td1:nth-of-type(2), .td2:nth-of-type(2){ width: 73% !important; } .animetitle { padding-left: 5px; } } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } Try this import: @import url(http://dl.dropbox.com/u/49469857/MAL/premade/manga.css); |
Apr 17, 2014 8:57 AM
#1892
I_am_Mika said: 2SugoiToActSugoi said: Hi... Just recently, all of the covers on my manga list have disappeared. A few weeks ago, a few of the didn't appear but I figured it was only my computer. Now all of them are gone except for the ones that I had manually added in myself. I haven't edited my list one bit, so I don't know why they all disappeared. It may be my computer, but this isn't happening with my anime list, which has a similar layout. I came here to figure out if it's only me who can't see them. I use AdBlocker, Google Chrome, and Windows 8. Thanks in advance. MY CODE @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MagicaFixedMenu.css"; @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/pinkversion/pinkiconbar.css"; @import "http://randomcss.site90.com/allmanga.css"; #more25897{background-image: url(http://cdn.myanimelist.net/images/manga/5/116631.jpg);} #more68897{background-image: url(http://cdn.myanimelist.net/images/manga/2/117961.jpg);} #more67831{background-image: url(http://cdn.myanimelist.net/images/manga/1/116091.jpg);} #more45447{background-image: url(http://cdn.myanimelist.net/images/manga/1/114679.jpg);} #more26404{background-image: url(http://cdn.myanimelist.net/images/manga/2/115447.jpg);} #more65685{background-image: url(http://cdn.myanimelist.net/images/manga/2/116899.jpg);} #more24619{background-image: url(http://cdn.myanimelist.net/images/manga/1/117753.jpg);} #more41973{background-image: url(http://cdn.myanimelist.net/images/manga/3/114663.jpg);} #more64465{background-image: url(http://cdn.myanimelist.net/images/manga/3/115067.jpg);} #more45143{background-image: url(http://cdn.myanimelist.net/images/manga/3/116653.jpg);} #more66265{background-image: url(http://cdn.myanimelist.net/images/manga/3/116333.jpg);} #more67699{background-image: url(http://cdn.myanimelist.net/images/manga/2/115875.jpg);} #more28107{background-image: url(http://cdn.myanimelist.net/images/manga/3/68397.jpg);} #more45757{background-image: url(http://cdn.myanimelist.net/images/manga/1/115803.jpg);} #more6961{background-image: url(http://cdn.myanimelist.net/images/manga/2/115341.jpg);} #more13188{background-image: url(http://cdn.myanimelist.net/images/manga/3/115935.jpg);} #more22046{background-image: url(http://cdn.myanimelist.net/images/manga/3/118819.jpg);} #more30051{background-image: url(http://cdn.myanimelist.net/images/manga/3/117983.jpg);} #more60511{background-image: url(http://cdn.myanimelist.net/images/manga/2/117487.jpg);} /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i.imgur.com/G5WpY72.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { background: url("http://i.imgur.com/ySWfIXW.png") no-repeat scroll right bottom transparent; display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; background-size: contain !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH Adjust the opacity and color of the list itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.5); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.5); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(208, 32, 144, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(http://i.imgur.com/Hv5dW9P.png); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i.imgur.com/CdokEMa.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/4wWEuxL.png); background-position:100% 0; top:140px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/LzttEaG.png); background-position:0 0; top:260px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/iqoaVc2.png); background-position:100% 0; top:380px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mOB1pcO.png); background-position:0 0; top:500px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://i.imgur.com/mxyGxdy.png); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/OWi79tP.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/qgcVOFM.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/KVv7E0r.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/HVrzRMz.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/o4RuvMU.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color: rgba(255, 0, 255, 0.4); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 0, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: cyan; left: 42px; position: relative; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Tags" } @media screen and (-webkit-min-device-pixel-ratio:0) { .td1:nth-of-type(2), .td2:nth-of-type(2){ width: 73% !important; } .animetitle { padding-left: 5px; } } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } Try this import: @import url(http://dl.dropbox.com/u/49469857/MAL/premade/manga.css); That seems to have worked. Most of them reappeared - besides a select few, but those will probably just have to be replaced manually. It's a lot better! Thanks so much, both of you! |
moving on. |
Apr 22, 2014 12:51 PM
#1893
Apr 22, 2014 1:48 PM
#1894
Enjoyability said: OK, so I tried to update my About Me section on my profile, and all the images were messed up. Example: turned into this after I saved it <img class="userimg" data-src="link" /> How do I fix this? I posted a way to unscramble it here: http://myanimelist.net/forum/?topicid=1155749&show=20 I don't know of a way to restore the images atm |
Shishio-kunApr 22, 2014 2:19 PM
Apr 25, 2014 3:10 AM
#1895
I hvae a problem with my list. I use the donated CSS from here: myanimelist.net/forum/?topicid=393503&show=20#msg15991383 it all works fine but now I am over 1500 and i would like to swith between completed, watching & etc. How can I make it appear above my list? Because right now there is nothing. I tried the code from here: http://myanimelist.net/forum/?topicid=202010 But it hasn't added the sections below the list. So it didn't work for me. Any ideas? |
Trying to watch all available anime series so you won't have to anymore, the list of anime I can recommend is still in progress, tho |
Apr 25, 2014 3:46 AM
#1896
Try this: @import url(http://fonts.googleapis.com/css?family=Happy+Monkey); @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSS.css"; /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! For more help see here: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ body { background-image: url(http://s2.hostingkartinok.com/uploads/images/2012/06/ee1d87f7eb7e8cb13898ae57d22a9aa4.png); background-attachment: fixed; } /* REPOSITION MAIN BACKGROUND Change the position your background starts on your screen from with the two properties after "background-position" below. For example, the default code starts it from the left and top corner of the screen. You change 'left' and 'top' other properties, they can be any of the following: left, top, bottom, right, or center. So if you want your background to start from the center of the screen, use "center center". If you want it to start from the top and center, use "top center". If you want it to start from the right and top, use "right top" If you want it to start from the right and bottom, use "right bottom" and so forth... Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom. */ body{ background-position: left top;} /* HEADER COLOR AND FONT These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc). */ .header_title { color: white; font-family: 'Happy Monkey', cursive; font-size: 26px; text-shadow: 3px 3px 3px #000; text-align: left; background-color: transparent; background-image: url(http://s2.hostingkartinok.com/uploads/images/2012/06/242259dd6373d5eaa625c6b1c18bfed2.png); } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color:Black; } /* ANIME/MANGA TITLE FONTS This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc. */ .animetitle, .animetitle:visited { color:white; font-family: 'Happy Monkey', cursive; text-shadow: 2px 2px 2px #000; font-size:12px; } /* LIST FONTS This is the type and color for more of the numbers, links, and words on the list itself! */ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:wheat; font-family: 'Happy Monkey', cursive; text-shadow: 2px 2px 2px #000; font-size:13px; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:900px; } /* LIST POSITION Change left to right to set it on the right side. Add to the px amount (5px by default) to change how far from the side it is. To center a list, see this tutorial: http://myanimelist.net/forum/?topicid=393437&show=0#post1 */ #list_surround { position: absolute !important; margin: auto !important; right: 0px !important; padding:-200px; left: 0px !important;} /*OTHER CODES Important codes for the layout's setup. Please don't mess with these. If you want to customize more on the page, come to my group and ask or move on to a more advanced layout. */ body { font-weight: light; background-repeat: no-repeat; background-color: #FBFDE8; } *#list_surround { background-image:url(); left:2px; position:absolute; } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:#D3D3D3; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://s2.hostingkartinok.com/uploads/images/2012/06/242259dd6373d5eaa625c6b1c18bfed2.png); border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-image:url(http://s1.hostingkartinok.com/uploads/images/2012/06/b8b3dd79e72266b695c3650624abb9c2.png); border-width:0; padding:2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info."; } .thickbox { color:cyan; font-family: 'Happy Monkey', cursive; text-shadow: 2px 2px 2px #000; font-size:12px; } .header_title { height:32px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } /* TOP BAR */ .status_not_selected a, .status_not_selected a:visited { color: white; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 15px; left: -150px; position: relative; top: 18px; } .status_selected a, .status_selected a:visited { color: white; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; left: -140px; padding-top: 20px; position: relative; text-decoration: blink; top: 20px; } .status_selected, .status_not_selected { background-image: url("http://i40.tinypic.com/rtond3.jpg"); border: 0 none; bottom: 0; height: 37px; margin-left: -600px; padding-left: 601px; padding-right: 100px; position: fixed; width: 150px; } .status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected { background-image: url("http://i40.tinypic.com/rtond3.jpg"); bottom: 0; height: 37px; margin-left: 172px; padding-left: 0; padding-right: 70px; position: fixed; width: 150px; } .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected { background-image: url("http://i40.tinypic.com/rtond3.jpg"); bottom: 0; height: 37px; margin-left: 322px; padding-left: 0; padding-right: 90px; position: fixed; width: 150px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image: url("http://i40.tinypic.com/rtond3.jpg"); bottom: 0; height: 37px; margin-left: 460px; padding-left: 0; padding-right: 82px; position: fixed; width: 150px; } .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image: url("http://i40.tinypic.com/rtond3.jpg"); bottom: 0; height: 37px; margin-left: 616px; padding-left: 0; padding-right: 44px; position: fixed; width: 150px; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image: url("http://i40.tinypic.com/rtond3.jpg"); bottom: 0; height: 37px; margin-left: 773px; padding-left: 0; padding-right: 500px; position: fixed; width: 150px; } #copyright { color: white; font-family: Trebuchet MS; font-size: 11px; height: 65px; } |
Apr 25, 2014 4:50 AM
#1897
Apr 25, 2014 5:52 PM
#1898
I got a custom list from someone who made it for a requester, but its set for anime can anyone help me make the list so that it's for manga? Code I got: @import "https://dl.dropboxusercontent.com/u/188037746/topbars/peach-icon-topbar.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://dl.dropboxusercontent.com/u/78340470/anime.css"; @import "http://dl.dropboxusercontent.com/u/188037746/onyxdaman-dal-kotori.css"; #copyright {visibility: visible;} |
Apr 25, 2014 11:23 PM
#1899
TheFakeBrian said: I got a custom list from someone who made it for a requester, but its set for anime can anyone help me make the list so that it's for manga? Code I got: @import "https://dl.dropboxusercontent.com/u/188037746/topbars/peach-icon-topbar.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://dl.dropboxusercontent.com/u/78340470/anime.css"; @import "http://dl.dropboxusercontent.com/u/188037746/onyxdaman-dal-kotori.css"; #copyright {visibility: visible;} this should fix it @import "http://dl.dropboxusercontent.com/u/188037746/topbars/peach-icon-topbar.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/manga.css"; @import "http://dl.dropboxusercontent.com/u/188037746/onyxdaman-dal-kotori.css"; .header_cw {background-image: url(http://db.tt/OQwj53qi) !important;} .status_selected:first-of-type a:before, .status_not_selected:first-of-type a:before {content: "Reading" !important;} EDIT: leaving this message for the fixed version, thanks to I_am_Mika for the manga import! but, the manga import seems incomplete? I've tried this on my manga list and I have only 6 covers showing up. When I open the manga import it shows 53 covers and then the 54th is broken and there's nothing after that... Is this a known issue or? I've tried generating a new manga css with Hahaido's GenkuDev but either I'm stupid or the recent changes in MAL made it not work :/ |
nymphiaeApr 26, 2014 12:08 PM
Apr 26, 2014 8:33 AM
#1900
kuronekodesu said: TheFakeBrian said: I got a custom list from someone who made it for a requester, but its set for anime can anyone help me make the list so that it's for manga? Code I got: @import "https://dl.dropboxusercontent.com/u/188037746/topbars/peach-icon-topbar.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://dl.dropboxusercontent.com/u/78340470/anime.css"; @import "http://dl.dropboxusercontent.com/u/188037746/onyxdaman-dal-kotori.css"; #copyright {visibility: visible;} this should fix it @import "http://dl.dropboxusercontent.com/u/188037746/topbars/peach-icon-topbar.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://dl.dropboxusercontent.com/u/78340470/manga.css"; @import "http://dl.dropboxusercontent.com/u/188037746/onyxdaman-dal-kotori.css"; .header_cw {background-image: url(http://db.tt/OQwj53qi) !important;} .status_selected:first-of-type a:before, .status_not_selected:first-of-type a:before {content: "Reading" !important;} but, the manga import seems incomplete? I've tried this on my manga list and I have only 6 covers showing up. When I open the manga import it shows 53 covers and then the 54th is broken and there's nothing after that... Is this a known issue or? I've tried generating a new manga css with Hahaido's GenkuDev but either I'm stupid or the recent changes in MAL made it not work :/ Use this for manga covers: http://dl.dropbox.com/u/49469857/MAL/premade/manga.css |
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by KabukiChouNights
»»
Yesterday, 10:56 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1261 |
by KiranaStarr
»»
Aug 16, 5:48 PM |
|
» [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 |