❓ Ask for help here + See Frequently Asked Questions

Offline

Jun 2011

3969

Shishio-kun said:

AngelicXI said:
Can someone take a look at my list and tell me what's wrong with my menu? :o3

You have all your buttons under '.status_not_selected a, .status_selected a' (which is by default) and its set to 'position: absolute'. You just need to individually code set their position with left/right codes etc, or just set it to relative instead of absolute.

Let's try and see what comes out of it.

Nov 18, 2012 2:30 PM

#433

http://dl.dropbox.com/u/78340470/red.css
http://dl.dropbox.com/u/78340470/blue.css

Offline

Jun 2011

3969

u531355 said:
@Shishio-kun

This is impossible to do in javascript.
You need a langage like PHP to do that, but PHP won't work on dropbox, so you would need to find a host supporting PHP.

Then here is a solution that would work:

Host 2 files, list.txt, containing the list of CSS files to switch between:

And randomCSS.php:

<?php
header("Content-type: text/css");
$list = file('list.txt');
echo "@import url(" . $list[array_rand($list, 1)] . ");";
?>

Then all you need to do is import randomCSS.php

Confusing @_@ Lemme try...

Nov 18, 2012 2:46 PM

#434

http://dl.dropbox.com/u/78340470/red.css
http://dl.dropbox.com/u/78340470/blue.css

Offline

Feb 2010

12661

u531355 said:
@Shishio-kun

This is impossible to do in javascript.
You need a langage like PHP to do that, but PHP won't work on dropbox, so you would need to find a host supporting PHP.

Then here is a solution that would work:

Host 2 files, list.txt, containing the list of CSS files to switch between:

And randomCSS.php:

<?php
header('Content-type: text/css');
$list = file('list.txt');
echo '@import url(' . $list[array_rand($list, 1)] . ');';
?>

Then all you need to do is import randomCSS.php

Wow dude thank you so much! I'm using 000webhost right now so I'll set up what you told me and hopefully get this random import going!

Nov 18, 2012 2:49 PM

#435

Offline

Jun 2011

3969

Ack,dammit.I'm giving up. =_=

Nov 18, 2012 3:06 PM

#436

http://dl.dropbox.com/u/78340470/red.css
http://dl.dropbox.com/u/78340470/blue.css

Offline

Feb 2010

12661

u531355 said:
@Shishio-kun

This is impossible to do in javascript.
You need a langage like PHP to do that, but PHP won't work on dropbox, so you would need to find a host supporting PHP.

Then here is a solution that would work:

Host 2 files, list.txt, containing the list of CSS files to switch between:

And randomCSS.php:

<?php
header('Content-type: text/css');
$list = file('list.txt', FILE_IGNORE_NEW_LINES + FILE_SKIP_EMPTY_LINES);
echo '@import url(' . $list[array_rand($list, 1)] . ');';
?>

Then all you need to do is import randomCSS.php

THANK YOU, IT WORKED!

This is amazing! I can host random CSS import to my list, and get changing layout. I have an idea for a really simple but unique list design having a random "recommendation" or character review on each list page and on refresh. I'll be sure to put your name in the copyright credits too.

Nov 18, 2012 3:07 PM

#437

Offline

Jun 2011

3969

You guys make me want to murder my IT teacher....hahaha.

Nov 18, 2012 3:24 PM

#438

Offline

Feb 2010

12661

AngelicXI said:
You guys make me want to murder my IT teacher....hahaha.

Well heres how you can do it, basically:

open free subdomain on 000webhost.com

make Notepad on computer with the import layouts you want to be randomized listed on it, named list.text, upload this file to the site

make a new page for the site (php script) and it will be u's php script he posted, heres mine: http://randomcss.site90.com/random%20script

then put an import link with a link to the PHP script page in your CSS, mine is:
@import "http://randomcss.site90.com/randomcss.php";

Nov 18, 2012 3:31 PM

#439

Offline

Jun 2011

3969

Shishio-kun said:
make Notepad on computer with the import layouts you want to be randomized listed on

^ this,mainly the bold part,is where I am screwing up.I'm good at designing basic profile layouts and other graphics (I am a GFX'er,thank you very much!) but this current layout that I have problems with is my second attempt at re-making a list after someone else's.Mainly,one submitted here recently by Hahaido-san.

When I was editing it in the browser (with firebug),it shown up like this,but then bundled up together.

As for rewriting it in two separate layouts,I frankly have no idea how. ^^'
/I'm a noob.Lol.

Nov 18, 2012 4:13 PM

#440

Offline

Apr 2009

159

Here is a new version for randomCSS.php

<?php
header('Content-type: text/css');
$list = file($_GET['list'], FILE_IGNORE_NEW_LINES + FILE_SKIP_EMPTY_LINES);
echo '@import url(' . $list[array_rand($list, 1)] . ');';
?>

Then use
@import url(http://randomcss.site90.com/randomcss.php?list=link.to.your.own.list.txt);
and everyone can use your php file with his own list on his own dropbox

Nov 23, 2012 8:59 PM

#441

Offline

Feb 2010

12661

u531355 said:
Here is a new version for randomCSS.php

<?php
header('Content-type: text/css');
$list = file($_GET['list'], FILE_IGNORE_NEW_LINES + FILE_SKIP_EMPTY_LINES);
echo '@import url(' . $list[array_rand($list, 1)] . ');';
?>

Then use
@import url(http://randomcss.site90.com/randomcss.php?list=link.to.your.own.list.txt);
and everyone can use your php file with his own list on his own dropbox

AH ok, now I get how this works for other people lol. Thanks. It will make a useful expert level tutorial for people who want random CSS and know how to use imports already. The tricks just don't stop!

Nov 23, 2012 9:02 PM

#442

Offline

Feb 2010

12661

Didn't you used to be able to click tags on your list and it filter out only animes with that tag on it? It seems this doesn't work now.

Nov 24, 2012 1:17 AM

#443

Offline

Jun 2011

3969

Shishio-kun said:
Didn't you used to be able to click tags on your list and it filter out only animes with that tag on it? It seems this doesn't work now.

Perhaps the hacker attack gave MAL a bigger malfunction than we expected? o.o

Nov 24, 2012 3:37 PM

#444

Offline

Apr 2009

159

Shishio-kun said:
Didn't you used to be able to click tags on your list and it filter out only animes with that tag on it? It seems this doesn't work now.

As long as I remember, it never worked

Nov 26, 2012 1:16 PM

#445

Offline

Feb 2010

12661

Does anyone know how to link a user to the comments on the front page of a club? Not 'all comments', going straight to the comment box on the front page. This was a useful way to go right to the discussion section on the same page. I thought used to be
http://myanimelist.net/clubs.php?cid=19736#lastcomment
or something like that but I can't find it anymore. Maybe its been disabled as well...

u531355 said:

Shishio-kun said:
Didn't you used to be able to click tags on your list and it filter out only animes with that tag on it? It seems this doesn't work now.

As long as I remember, it never worked

Really? Damn. It will probably never be fixed then. Unfortunate, cuz I had a very good way to filter out lists with CSS using it.

Nov 29, 2012 12:41 PM

#446

Asilva

Offline

Nov 2009

910

Well ... just wanted to ask something.

Does anyone know how to make these kinds of borders for the images ?? Sample bellow.

Nov 29, 2012 9:28 PM

#447

_Silen

Livin in the 90s

Offline

Jan 2011

75

Asilva said:
Well ... just wanted to ask something.

Does anyone know how to make these kinds of borders for the images ?? Sample bellow.

Looks like they were custom made for those images specifically. Both modeled after the Thousand Sunny.
You could probably make something like this using various pictures/screenshots and cutting out the parts you want and piecing them together to make the border, which requires some photoshop skill. Or the best way is to make them yourself via drawing, coloring, and making it pretty, but that is also the hardest.
Usually a familiar and recognizable pattern is suitable for a border. Something That stands out and frames the central image well. Like the gold around Sunnys lion head, using One Piece as an example.
Another example I found : http://fc00.deviantart.net/fs70/f/2010/117/6/1/Monkey_D_Luffy_by_AlexXTM.swf
I thought this was a pretty cool border. Doesn't need to be a swf though, lol.

I hope this helps

Nov 29, 2012 10:23 PM

#448

Offline

Feb 2010

12661

http://myanimelist.net/animelist/Shishio-kun&show=0&order=4

Is there a way to add space in between content and the same selectors :after content? For example, go to Monster (#4 via the link) on my list, after the tag description (which is clickable) there's a short review thats the :after content (not clickable). I'd like to have the after content with a space separating it from the tag description.

Shishio-kunNov 29, 2012 10:33 PM

Nov 29, 2012 11:22 PM

#449

Offline

Apr 2009

159

Shishio-kun said:
http://myanimelist.net/animelist/Shishio-kun&show=0&order=4

Is there a way to add space in between content and the same selectors :after content? For example, go to Monster (#4 via the link) on my list, after the tag description (which is clickable) there's a short review thats the :after content (not clickable). I'd like to have the after content with a space separating it from the tag description.

td[class^="td"] span[id^="tagLinks"]:after {
display: block;
margin-top: 10px;
}

Nov 30, 2012 1:21 AM

#450

Offline

Feb 2010

12661

u531355 said:

Shishio-kun said:
http://myanimelist.net/animelist/Shishio-kun&show=0&order=4

Is there a way to add space in between content and the same selectors :after content? For example, go to Monster (#4 via the link) on my list, after the tag description (which is clickable) there's a short review thats the :after content (not clickable). I'd like to have the after content with a space separating it from the tag description.

td[class^="td"] span[id^="tagLinks"]:after {
display: block;
margin-top: 10px;
}

Ah thanks that did the trick!

Nov 30, 2012 3:35 AM

#451

Asilva

Offline

Nov 2009

910

LordSilen said:

Asilva said:
Well ... just wanted to ask something.

Does anyone know how to make these kinds of borders for the images ?? Sample bellow.

Looks like they were custom made for those images specifically. Both modeled after the Thousand Sunny.
You could probably make something like this using various pictures/screenshots and cutting out the parts you want and piecing them together to make the border, which requires some photoshop skill. Or the best way is to make them yourself via drawing, coloring, and making it pretty, but that is also the hardest.
Usually a familiar and recognizable pattern is suitable for a border. Something That stands out and frames the central image well. Like the gold around Sunnys lion head, using One Piece as an example.
Another example I found : http://fc00.deviantart.net/fs70/f/2010/117/6/1/Monkey_D_Luffy_by_AlexXTM.swf
I thought this was a pretty cool border. Doesn't need to be a swf though, lol.

I hope this helps

Hummm ... I was kinda trying to find someone who could help me with that :)

But thaks or the tips :)

Nov 30, 2012 7:15 PM

#452

FrauKoujiro

Offline

Jun 2011

83

I was wondering how to add your recent updates and Anime compatibility on your list now? I've seen a few like that and i've been dying to know!

Duhuhu...

Nov 30, 2012 8:37 PM

#453

Offline

Feb 2010

12661

TyrantsEye said:
I was wondering how to add your recent updates and Anime compatibility on your list now? I've seen a few like that and i've been dying to know!

Can you link me to a list that has the recent updates and anime compatibility on it?

Nov 30, 2012 9:20 PM

#454

FrauKoujiro

Offline

Jun 2011

83

I saw one here http://myanimelist.net/animelist/Moronicidiot and another one somewhere else but I can't remember who's list it was :(

Duhuhu...

Nov 30, 2012 10:19 PM

#455

Offline

Feb 2010

12661

TyrantsEye said:
I saw one here http://myanimelist.net/animelist/Moronicidiot and another one somewhere else but I can't remember who's list it was :(

Oh I can't tell you how to do that but I'm pretty sure there's no CSS code you can add for that because updates aren't on your list page by default. I think he generates the text through a script on the website he imports the CSS on and its added to content codes on his layout.

If you want the feature best I can tell you is he might be able to give you the script which you'd host, or an import link to it that you can use which will put the updates in content codes somewhere on your list without the Minimalistic design.. or you can just take the import he posted in the layout for that in this club (its in premade layouts) and customize over it with your own CSS.

edit: Oh and someone here might be able to create such a imported script for you, ask in our request topic or feedback topic as a feature you'd want, and try ask in English speaking affiliate clubs too.

Shishio-kunNov 30, 2012 10:29 PM

Dec 2, 2012 5:49 AM

#456

tommy73

Offline

Mar 2012

201

I got a quesh. How do you change the width of the tags section column in your list?

Dec 2, 2012 6:05 AM

#457

Offline

Apr 2009

159

tommy73 said:
I got a quesh. How do you change the width of the tags section column in your list?

#list_surround .table_header[width="125"],
#list_surround .td1[width="125"],
#list_surround .td2[width="125"] {width: 250px !important;}

Dec 2, 2012 10:24 AM

#458

Lirina

Offline

Feb 2008

685

When I click the category button "Plan to Watch" it shows me all anime instead of only my plan to watch list. I didn't notice earlier so it might have been like that for a while and I can't find out what change was responsible for that. Does anybody have an idea?

Dec 2, 2012 11:34 AM

#459

Offline

Feb 2010

12661

Lirina said:
When I click the category button "Plan to Watch" it shows me all anime instead of only my plan to watch list. I didn't notice earlier so it might have been like that for a while and I can't find out what change was responsible for that. Does anybody have an idea?

Plan to watch button is pushed all the way off the page because it inherited the movement code from td:nth_type(5) or something like that; and All Anime button inherited its image too since display:none wasn't high enough a priority (it needed !important code).

I made some adjustments to those two buttons here, you just have to replace them in your CSS. You'll still have to make adjustments after to its positioning and probably to its background image but at least this brings the planned button back into view and kills off the all button. Let me know here if it works out!

#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: url("http://image-upload.de/image/to6cVs/15376364cf.png") no-repeat scroll 0 0 transparent !important;
display: inline !important;
left: 725px !important;
top: 185px !important;
width: 276px !important;
height: 59px !important;
}
#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: url("http://i21.photobucket.com/albums/b298/LudvigP/allanime1.png") no-repeat scroll 0 0 transparent;
display: none !important;
padding-bottom: 30px;
top: 700px;
}

Dec 2, 2012 2:03 PM

#460

Lirina

Offline

Feb 2008

685

Shishio-kun said:
Plan to watch button is pushed all the way off the page because it inherited the movement code from td:nth_type(5) or something like that; and All Anime button inherited its image too since display:none wasn't high enough a priority (it needed !important code).

I made some adjustments to those two buttons here, you just have to replace them in your CSS. You'll still have to make adjustments after to its positioning and probably to its background image but at least this brings the planned button back into view and kills off the all button. Let me know here if it works out!

Yes, it worked! As you said I had to made some small adjustments but nothing worth mentioning.

Thank you!

Dec 6, 2012 9:29 AM

#461

Azunyan55

Offline

Jun 2012

401

Azunyan55 said:
Hi i need a LOT of help Dx

So this is what i have so far for my profile layout

2 of the images are suppossed to be gifs, but i saved this one as jpeg.
I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet.
If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?)
Please~~ and Thankyou!!~~
:3

I havent got any reply for this is it okay to repost? plus i have trouble with slicing ^.^''

Dec 6, 2012 2:24 PM

#462

Offline

Feb 2010

12661

Azunyan55 said:

Azunyan55 said:
Hi i need a LOT of help Dx

So this is what i have so far for my profile layout

2 of the images are suppossed to be gifs, but i saved this one as jpeg.
I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet.
If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?)
Please~~ and Thankyou!!~~
:3

I havent got any reply for this is it okay to repost? plus i have trouble with slicing ^.^''

idc if you repost it however its more of a request thing and you'd probably get a better response in the request topic and its more way visible there for a whole month, then you can just repost it after. Btw your request should be a little more clear from the top and address one thing at a time, like this:

1. I need someone to slice these images out: etc
2. once they're sliced I need the images uploaded etc..
3. once you have the uploaded images I need you to make a BBcode and add these links to these pics etc etc...

If someone can just do the FIRST of these steps, I'd be grateful!

Thats a lot more clear and probably would increase chances someone will take time to at least slice it which can be difficult to get right even when you know how. The rest seems like things you can do on your own if you take the time to learn the BBcode tutorials, and when you have the sliced parts, you can post them one pic at a time and add the links to them one a time to make sure its going right. When something goes wrong you can go back or post the code here (there's a tutorial on how to post BBcode for others to see as well).

And someone does do the first step for you, you can ask for the other steps later.

Dec 6, 2012 9:32 PM

#463

The_Core

Offline

Nov 2012

162

hello ! :)

hello i need some help about :

dvd cover will show when i hover the cursor in the anime link
,
the links given in the tutorials are somehow redirected me to the MAL main forum directory , thanks

i'm still new here and i'm still not used in this environment , :)

The_CoreDec 6, 2012 9:49 PM

Dec 7, 2012 1:01 AM

#464

Azunyan55

Offline

Jun 2012

401

Shishio-kun said:

Azunyan55 said:

Azunyan55 said:
Hi i need a LOT of help Dx

So this is what i have so far for my profile layout

2 of the images are suppossed to be gifs, but i saved this one as jpeg.
I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet.
If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?)
Please~~ and Thankyou!!~~
:3

I havent got any reply for this is it okay to repost? plus i have trouble with slicing ^.^''

idc if you repost it however its more of a request thing and you'd probably get a better response in the request topic and its more way visible there for a whole month, then you can just repost it after. Btw your request should be a little more clear from the top and address one thing at a time, like this:

1. I need someone to slice these images out: etc
2. once they're sliced I need the images uploaded etc..
3. once you have the uploaded images I need you to make a BBcode and add these links to these pics etc etc...

If someone can just do the FIRST of these steps, I'd be grateful!

Thats a lot more clear and probably would increase chances someone will take time to at least slice it which can be difficult to get right even when you know how. The rest seems like things you can do on your own if you take the time to learn the BBcode tutorials, and when you have the sliced parts, you can post them one pic at a time and add the links to them one a time to make sure its going right. When something goes wrong you can go back or post the code here (there's a tutorial on how to post BBcode for others to see as well).

And someone does do the first step for you, you can ask for the other steps later.

Ah okay well I actually decided to start over lol I wasn't satisfied with that design but yeah i shall do that for the slicing which is what I had trouble with. Thankyou for your help :) ~

Dec 8, 2012 7:58 PM

#465

Offline

Feb 2010

12661

I got two different main imports for my anime list layout, one for stuff like phone screens below 1000px and the other for screens above 1000px. I've tried to put the imports in so they go to their respective ranges with this CSS but it doesn't seem to work. It won't put the second on my computer screen as its intended. How do I need to order it so it works:

/* Minimal screen */
@import "http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/1Phone.css";

/* Larger screen*/
@media all and (min-device-width:1000px) {
@import "http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/2Computer.css";
}

Dec 8, 2012 8:21 PM

#466

VeriTi

Offline

Nov 2011

304

@Shishio-kun
@import can only be preceded by another @import or nothing so you can't put imports into @media, but the syntax of @import targeting is pretty much the same, so this should do what you're trying to:

@import "http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/2Computer.css" all and (min-device-width:1000px);

Dec 8, 2012 9:19 PM

#467

Offline

Feb 2010

12661

VeriTi said:
@Shishio-kun
@import can only be preceded by another @import or nothing so you can't put imports into @media, but the syntax of @import targeting is pretty much the same, so this should do what you're trying to:

<pre>@import "http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/2Computer.css" all and (min-device-width:1000px);

Worked perfectly! Thanks. Anyone can look at my CSS with Firebug and see how its set up to use one CSS for smaller screens and the other for larger screens.

Dec 10, 2012 12:13 AM

#468

Offline

Feb 2010

12661

What are/how can I fix these breaks which come up in Chrome?

Dec 10, 2012 10:53 PM

#469

Offline

Feb 2010

12661

VeriTi said:
@Shishio-kun
I was going to use this construction in my layout:

@import url("…") screen, print, tv; /* for all*/
@import url("…") handheld; /* for phones */

Sorry but I tried this and no imports seemed to take affect at all. Not sure what I did wrong- I set it up something like this:

@import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Main.css") screen, print, tv; /* for all*/
@import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Basic.css") handheld; /* for phones */

Dec 10, 2012 11:51 PM

#470

Offline

Jan 2012

1578

Shishio-kun said:

Sorry but I tried this and no imports seemed to take affect at all. Not sure what I did wrong- I set it up something like this:

@import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Main.css") screen, print, tv; /* for all*/
@import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Basic.css") handheld; /* for phones */

Try to escape conditions in the @import directive and insert @media queries into importing file:

@import url(for-all.css);
@import url(for-mobile.css);

Dec 19, 2012 2:52 AM

#471

Offline

Jun 2012

407

I am having trouble with my list... :P

Anime cover pictures are one box lover then they should be and they are covering numbers...

Is there some way to move anime name and number a bit to the right instead of moving picture to the left, because then it will be out of frame... and also moving them one box up.

I was suggested to try margin-top: -34px; but for some reason it doesn't want to save margins :P

Thanks in advance.

Dec 19, 2012 5:39 AM

#472

Offline

Jan 2012

1578

Mladen said:
I am having trouble with my list... :P

Anime cover pictures are one box lover then they should be and they are covering numbers...

Is there some way to move anime name and number a bit to the right instead of moving picture to the left, because then it will be out of frame... and also moving them one box up.

I was suggested to try margin-top: -34px; but for some reason it doesn't want to save margins :P

Thanks in advance.

Your fixed code:

@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css";
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css);

.hide {
background: url("http://i1068.photobucket.com/albums/u449/Gaviota062/hide2.png") no-repeat scroll 0 0 transparent;
display: inline-block !important;
margin-left: 32px;
margin-top: -32px;
height: 32px !important;
line-height: 24px !important;
position: absolute;
width: 32px !important;
z-index: 20;

}
.hide:hover {
background: url("http://dl.dropbox.com/u/78192465/MyAnimeList/Kaichou%20wa%20Maid-sama/Images/hide_hover.png") no-repeat scroll 0 0 transparent !important;
}
.hide:hover:after {
border-right: 46px solid transparent;
border-top: 24px solid rgba(122, 65, 154, 0.6);
content: "";
display: block;
height: 0;
margin-left: -48px;
margin-top: 16px;
width: 0;
}
.hide:hover:before {
width: 130px !important;
height: 184px !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
border: 2px solid rgba(122, 65, 154, 0.6);
border-radius: 120px 120px 120px 120px / 12px 12px 12px 12px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 4px 5px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(0, 0, 0, 0.6);
content: "";
display: block !important;
margin-left: -150px;
margin-top: 3px;
position: absolute !important;
visibility: visible !important;
z-index: -1;
}

body {
background-attachment: fixed;
background-clip: border-box;
background-color: #99CCFF;
background-image: url(http://i45.tinypic.com/zleujd.jpg);
background-origin:
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
color: #9900FF;
}

#inlineContent {
background: url("none") transparent;
display: inline-block !important;
height: 1200px !important;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 2000px !important;
z-index: -1 !important;
}

#list_surround {
font-size: 81.25%;
line-height: 1;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 115px;
width: 950px;
}

body {
font-family: Maiandra GD;
}

a {
color: #9900FF;
text-decoration: none;
text-shadow: none;
}

.status_not_selected, .status_selected {
border: 0 none !important;
height: auto !important;
padding: 0 8px;
text-align: center !important;
width: 16.667% !important;
}
.status_not_selected a, .status_selected a {
background-color: #CCCCFF;
border-color: #9900FF;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
color: #9900FF;
display: block !important;
font-weight: bold;
padding: 4px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.status_selected a {
background-color: #CCCCFF;
border-color: #9900FF;
}
.status_not_selected a:hover {
background-color: #CC99FF;
border-color: #201C3A;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.status_selected a:hover {
background-color: #CC99FF;
border-color: #201C3A;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.table_header {
background-color: #CCCCFF;
}
.table_header:first-of-type {
border-radius: 3px 0 0 0;
}
.table_header:nth-of-type(2) {
text-align: left;
}
.table_header:last-of-type {
border-radius: 0 3px 0 0;
}

.td1 {
background-color: #FFCC99;
}
.td2 {
background-color: #FFFFCC;
}

tr:hover [class^="td"] {
background-color: #CC99FF;
}
.td1:nth-of-type(2), .td2:nth-of-type(2) {
padding-left: 32px;
text-align: left;
}

.table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
border: 0;
padding: 2px;
text-align: center;
vertical-align: middle;
}
.table_header, .td1, .td2, .category_totals {
line-height: 25px;
}
.borderRBL{
line-height: normal !important;
}
[cellspacing="0"] {
line-height: 17px;
}
[class^="header_"] +{
border-collapse: separate !important;
}

.category_totals {
background-color: rgba(72, 64, 87, 0);
border-radius: 0 0 3px 3px;
color: #330099;
text-align: center;
}

[class^="header_"] * {
font-size: 19px;
height: 60px;
line-height: 24px;
padding-bottom: 4px;
text-align: right;
vertical-align: bottom;
}
.header_title {
border-radius: 4px 4px 4px 4px;
display: inline-block;
color: #330099;
font-style: italic;
height: auto;
padding: 0 8px 0 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
}

#grand_totals {
background-color: rgba(72, 64, 87, 0.6);
border: 0 none;
border-radius: 3px 3px 3px 3px;
color: #EEEEEE;
line-height: 20px;
min-height: 20px;
padding: 8px;
text-align: center;
font-weight: bold;
vertical-align: middle;
#list_surround {
position: absolute !important;
left: 100px !important;}
}
#copyright {
background-color: rgba(72, 64, 87, 0.6);
border-radius: 3px 3px 3px 3px;
color: #EEEEEE;
line-height: 15px;
margin-top: 10px;
padding: 4px;
text-align: center;
}
.table_header {
color: #CC66FF;
}
small {
color:#FF33FF;
}

Dec 19, 2012 5:50 AM

#473

Offline

Jun 2012

407

It didn't save margins again... it just moved anime tittle to the right, but everything else stayed the same :P

Why doesn't it want to save the margins? :(

Edit: Oh, and how do I remove that purple triangle when I hover over image?

MladenDec 19, 2012 6:10 AM

Dec 19, 2012 7:52 AM

#474

Offline

Jan 2012

1578

Mladen said:
It didn't save margins again... it just moved anime tittle to the right, but everything else stayed the same :P

Why doesn't it want to save the margins? :(

Edit: Oh, and how do I remove that purple triangle when I hover over image?

Ok, try this one:

@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css";
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css);

.td1:first-child, .td2:first-child { padding-left: 28px; }

.hide {
margin-top: -32px;
background: url("http://i1068.photobucket.com/albums/u449/Gaviota062/hide2.png") no-repeat scroll 0 0 transparent;
display: inline-block !important;
height: 32px !important;
line-height: 24px !important;
position: absolute;
width: 32px !important;
z-index: 20;
}

.hide:hover {
background: url("http://dl.dropbox.com/u/78192465/MyAnimeList/Kaichou%20wa%20Maid-sama/Images/hide_hover.png") no-repeat scroll 0 0 transparent !important;
}

.hide:hover:before {
width: 130px !important;
height: 184px !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
border: 2px solid rgba(122, 65, 154, 0.6);
border-radius: 120px 120px 120px 120px / 12px 12px 12px 12px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 4px 5px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(0, 0, 0, 0.6);
content: "";
display: block !important;
margin-left: -150px;
margin-top: 3px;
position: absolute !important;
visibility: visible !important;
z-index: -1;
}

body {
background-attachment: fixed;
background-clip: border-box;
background-color: #99CCFF;
background-image: url(http://i45.tinypic.com/zleujd.jpg);
background-origin:
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
color: #9900FF;
}

#inlineContent {
background: url("none") transparent;
display: inline-block !important;
height: 1200px !important;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 2000px !important;
z-index: -1 !important;
}

#list_surround {
font-size: 81.25%;
line-height: 1;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 115px;
width: 950px;
}

body {
font-family: Maiandra GD;
}

a {
color: #9900FF;
text-decoration: none;
text-shadow: none;
}

.status_not_selected, .status_selected {
border: 0 none !important;
height: auto !important;
padding: 0 8px;
text-align: center !important;
width: 16.667% !important;
}
.status_not_selected a, .status_selected a {
background-color: #CCCCFF;
border-color: #9900FF;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
color: #9900FF;
display: block !important;
font-weight: bold;
padding: 4px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.status_selected a {
background-color: #CCCCFF;
border-color: #9900FF;
}
.status_not_selected a:hover {
background-color: #CC99FF;
border-color: #201C3A;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.status_selected a:hover {
background-color: #CC99FF;
border-color: #201C3A;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.table_header {
background-color: #CCCCFF;
}
.table_header:first-of-type {
border-radius: 3px 0 0 0;
}
.table_header:nth-of-type(2) {
text-align: left;
}
.table_header:last-of-type {
border-radius: 0 3px 0 0;
}

.td1 {
background-color: #FFCC99;
}
.td2 {
background-color: #FFFFCC;
}

tr:hover [class^="td"] {
background-color: #CC99FF;
}
.td1:nth-of-type(2), .td2:nth-of-type(2) {
text-align: left;
}

.table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
border: 0;
padding: 2px;
text-align: center;
vertical-align: middle;
}
.table_header, .td1, .td2, .category_totals {
line-height: 25px;
}
.borderRBL{
line-height: normal !important;
}
[cellspacing="0"] {
line-height: 17px;
}
[class^="header_"] +{
border-collapse: separate !important;
}

.category_totals {
background-color: rgba(72, 64, 87, 0);
border-radius: 0 0 3px 3px;
color: #330099;
text-align: center;
}

[class^="header_"] * {
font-size: 19px;
height: 60px;
line-height: 24px;
padding-bottom: 4px;
text-align: right;
vertical-align: bottom;
}
.header_title {
border-radius: 4px 4px 4px 4px;
display: inline-block;
color: #330099;
font-style: italic;
height: auto;
padding: 0 8px 0 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
}

#grand_totals {
background-color: rgba(72, 64, 87, 0.6);
border: 0 none;
border-radius: 3px 3px 3px 3px;
color: #EEEEEE;
line-height: 20px;
min-height: 20px;
padding: 8px;
text-align: center;
font-weight: bold;
vertical-align: middle;
#list_surround {
position: absolute !important;
left: 100px !important;}
}
#copyright {
background-color: rgba(72, 64, 87, 0.6);
border-radius: 3px 3px 3px 3px;
color: #EEEEEE;
line-height: 15px;
margin-top: 10px;
padding: 4px;
text-align: center;
}
.table_header {
color: #CC66FF;
}
small {
color:#FF33FF;
}

Dec 19, 2012 7:56 AM

#475

Offline

Jun 2012

407

It works now, thanks a lot :D

Numbers are covered though, but if it can't be fixed, it's fine ^^

Dec 19, 2012 8:25 AM

#476

Offline

Jan 2012

1578

Mladen said:
It works now, thanks a lot :D

Numbers are covered though, but if it can't be fixed, it's fine ^^

Somehow you got empty selector:

.td1:first-child, .td2:first-child { }

must be

.td1:first-child, .td2:first-child { padding-left: 28px; }

Dec 19, 2012 8:34 AM

#477