modelo de csscode myanimelist
DESCRIPTION
Modelo de código para MyAnimeListTRANSCRIPT
ANIME LIST/*
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/clubs.php?cid=19736
*/
body {
background-image:
url(http://i47.tinypic.com/deljrq.png);
background-attachment: fixed;
}
/*
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).
Change the color of the background by changing the color below after "background-color" (red, for example).
Change the color of the fonts here by changing "color:" to another color (purple, for example).
Change the font style here after "font-family:" to change these fonts to another style (Times New Roman, for example).
Change the size of the fonts here by increasing or decreasing the number after "font-size:" (16px, for example).
*/
.header_title {
background-color:transparent;
color:black;
font-family:Harlow Solid Italic;
font-size:48px;
}
/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
You can change the color of the background by changing the color below after "background-color" (red, for example).
*/
.table_header {
background-color:transparent;
}
/*
ANIME/MANGA TITLE FONTS
This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc.
Change the color by "color:" to another color to change the fonts here (purple, for example).
Change the font style after "font-family:" to change these fonts to another style (Times New Roman, for example).
Change the size of the fonts here by increasing or decreasing the number after "font-size:" (16px, for example).
*/
.animetitle, .animetitle:visited {
color:ochre;
font-family:Baskerville Old Face;
font-size:16px;
}
/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
Change the color of the fonts here by changing "color:" to another color (purple, for example).
Change the font style here after "font-family:" to change these fonts to another style (Times New Roman, for example).
*/
.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color:green;
font-family:Lucida Grande;
}
/*
LIST WIDTH
Use this to increase the width of your list!
Increase the width of your layout here, to a higher or lower amount.
*/
#list_surround {
width:700px;
}
/*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-position:center;
background-repeat: no-repeat;
background-color: black;
}
#list_surround {
margin:auto;
background-image:url();
}
a {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover, a:visited:hover {
color: ochre;
text-decoration:underline;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-image:url();
border-width:0;
padding:2px;
}
.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:transparent;
border-width:0;
padding:2px;
}
.status_selected {
background-color:green;
padding:2px;
color:white;
text-decoration: blink;
}
.status_not_selected {
background-color:green;
padding:2px;
color:white;
}
.status_selected a{
color:white;
}
.status_not_selected a{
color:white;
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}
.header_title {
height:52px;
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;
}
#list_surround {
position: absolute !important;
left: 45px !important;}
MANG LIST
/*
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/clubs.php?cid=19736
*/
body {
background-image:
url(http://i50.tinypic.com/334oohx.jpg);
background-attachment: fixed;
}
/*
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).
Change the color of the background by changing the color below after "background-color" (red, for example).
Change the color of the fonts here by changing "color:" to another color (purple, for example).
Change the font style here after "font-family:" to change these fonts to another style (Times New Roman, for example).
Change the size of the fonts here by increasing or decreasing the number after "font-size:" (16px, for example).
*/
.header_title {
background-color:transparent;
color:black;
font-family:Harlow Solid Italic;
font-size:40px;
}
/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
You can change the color of the background by changing the color below after "background-color" (red, for example).
*/
.table_header {
background-color:transparent;
}
/*
ANIME/MANGA TITLE FONTS
This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc.
Change the color by "color:" to another color to change the fonts here (purple, for example).
Change the font style after "font-family:" to change these fonts to another style (Times New Roman, for example).
Change the size of the fonts here by increasing or decreasing the number after "font-size:" (16px, for example).
*/
.animetitle, .animetitle:visited {
color:white;
font-family:Baskerville Old Face;
font-size:16px;
}
/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
Change the color of the fonts here by changing "color:" to another color (purple, for example).
Change the font style here after "font-family:" to change these fonts to another style (Times New Roman, for example).
*/
.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color:white;
font-family:Lucida Grande;
}
/*
LIST WIDTH
Use this to increase the width of your list!
Increase the width of your layout here, to a higher or lower amount.
*/
#list_surround {
width:700px;
}
/*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-position:left;
background-repeat: no-repeat;
background-color: gray;
}
#list_surround {
margin:auto;
background-image:url();
}
a {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover, a:visited:hover {
color: ochre;
text-decoration:underline;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-image:url();
border-width:0;
padding:2px;
}
.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:transparent;
border-width:0;
padding:2px;
}
.status_selected {
background-color:transparent;
padding:2px;
color:black;
text-decoration: blink;
}
.status_not_selected {
background-color:transparent;
padding:2px;
color:white;
}
.status_selected a{
color:black;
}
.status_not_selected a{
color:black;
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}
.header_title {
height:52px;
padding:2px;
}
.table_header {
border-width:0;
font-weight:light;
padding:2px;
}
.category_totals {
height:30px;
}
#copyright, #grand_totals {
text-align:center;
margin:0 auto;
}
#list_surround {
position: absolute !important;
right: 130px !important;}