Hello Everyone! ...
I wanted to share a list design layout I edited with everyone .. but since I'm not really a "forum" person, really don't know the systems here >< ... sooo .. if I'm posting in the wrong place ... please tell me where to post it! ...
/*
MAIN BACKGROUND COLOR AND IMAGE
By default, there's no image in this part of the code. Its just a background color- black.
(the default image of Black Rock Shooter is in the next code #inlineContent)
Change the color to what you want or add an image for a backdrop here.
For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787
*/
body {
background: url("http://i39.tinypic.com/1t06zk.jpg");
background-size: cover;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: right top !important;
}
/*
SECOND BACKGROUND (with render)
The background behind the list but in front of the main background.
By default, for its own image it has the render of Black Rock Shooter (girl).
You can change her with another render or even background image here!
Make sure you leave the width as large as the image's width.
The positioning of the background can be controlled with the % numbers after the background url,
but you may need to exapnd the width for more positioning options.
All the other codes should be left alone.
*/
#inlineContent {
background: url(none) 0% -26% no-repeat;
display: inline-block !important;
height: 1200px !important;
left: 0px !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 1280px !important;
z-index: -1 !important;
}
/*
TITLE
The List header which by default says My Anime List
can be changed out here.
*/
/*
FONT
Font used across the whole list.
*/
body {
font-family: Segoe Print;
font-size: 13px; important!
font-style: bold; important!
font-weight: bold; important!
}
/*
LINK COLOR
*/
a {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
color: #EEEEEE;
text-decoration: none;
text-shadow: none;
}
a:hover {
color: #D5CEC0;
text-shadow: 0 1px rgba(255, 255, 255, 0.15);
}
