@import "https://dl.dropboxusercontent.com/u/78340470/anime.css";
@import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css";
/*
// Self-explanatory
*/
BODY
{
color: #000000;
font-size: 11.00px;
font-family: Verdana, Arial;
background-color: #FFFFFF;
}
/*
// Determines the positioning of your list
*/
#list_surround
{
margin: 0 auto;
width: 920px;
}
/*
// 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
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #FFFFFF;
}
/*
// Alternating row color 2
*/
.td2
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #F1F1F1;
}
/*
// This represents the "Anime Title", "Score", "# Eps" columns
*/
.table_header
{
color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
background-color: #E7F1F7;
padding: 2px;
}
/*
// headerLink represents the color of the links inside the_header
*/
.table_Tags
{
color: #51819f; ;
}
.table_headerLink
{
color: ;
}
.table_headerLink:Visited
{
color: ;
}
.table_headerLink:Hover
{
color: ;
}
/*
// Controls the select form decoration (the drop down select box)
*/
.form
{
border-width: 1px 1px 1px 1px;
border-color: #ABABAB;
border-style: solid;
color: #000000;
padding: 2px;
font-size: 11.00px;
font-family: Verdana, Arial;
}
/* Which 'status' up top is selected? */
.status_selected
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #FFFFFF;
}
.status_not_selected
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #F1F1F1;
}
/*
Header classes for Currently Watching, Completed, Dropped, etc...
*/
.header_cw
{
}
.header_completed
{
}
.header_onhold
{
}
.header_dropped
{
}
.header_ptw
{
}
.header_title {
font-size: 14px;
font-weight: bold;
}
.category_totals
{
}
#grand_totals
{
text-align: center;
}
/* header_al is thesurrounding "User's Anime List" at the top */
.header_al
{
font-weight: bold;
font-size: 16px;
}
/* header_al_links is thewith your "Profile" and "MyAnimeList home" links */
.header_al_links
{
}
/* controls what styles you can give to all the anime titles in your list */
.animetitle
{
font-weight: bold;
}
/*
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;
margin: 0 auto;
width: 920px;
}
/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
*/
/* COVER AREA
The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS).
Left and top adjust the position it appears on screen.
Control the height and width of the pic with height and width.
Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
Increase height and width to make the pics bigger.
Delete border-style: solid; to remove the border.
*/
:hover + .hide {
background-size: cover;
left: 670px;
top: 100px;
height: 350px;
width: 226px;
padding-bottom: 0px;
border-style: solid;
border-color: White;
border-top: 1px solid white;;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-radius: 25px 25px 25px 25px;
background-color: rgba(200, 5, 200, 0.75);
background-position: center 50% !important;
background-repeat: no-repeat !Important;
display: block !important;
position: fixed;
}
/* PREVIEW MSG ABOVE COVERS
Remove content: "preview"; to remove the PREVIEW text.
Change the text in quotations after content to what you want it to say above your cover pic.
Top and width controls the position of the text.
*/
.hide:before {
background: transparent;
color: white;
content: "PREVIEW";
padding-bottom: 5px;
position: absolute;
text-align: center;
width: 225px;
top: -25px;
border-radius: 25px 25px 0 0;
}
/* TAGS AREA
Move the area around with the left and top codes.
Adjust the surrounding area of the tags by adjusting the padding.
Control the height and width of the section with the height and width codes.
If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial:
http://myanimelist.net/forum/?topicid=5 ... ow=0#post1*/
.td1:nth-of-type(6), .td2:nth-of-type(6) {
background-color: rgba(202,171,255, 0.5) !important;
border-color:Teal;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 1px;
display: none;
height: 100px;
width: 312px;
padding: 10px 10px 0px 24px;
position: fixed;
top: 480px;
left: 619px;
z-index: 1;
}
/* HEADER
Deletes the header Tags which isn't necessary.
*/
.table_header:nth-of-type(6) {
display: none;
}
/* TAG EDIT BUTTON
Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags.
*/
td:nth-of-type(6)a {
display: none;
}