Request a layout, avatar, wallpaper, or signature, image, or take a request! (read opening post before requesting)
MyAnimeList.net Forum »» Club Discussion »» 
Shishio's Custom Lists & Profiles (with layouts, tutorials, and more!) NEW PROFILE TUTORIAL VIDEO! »» Request a layout, avatar, wallpaper, or signature, image, or take a request! (read opening post before requesting)
#1
01-24-12, 12:01 AM
|
|
Online Joined: Feb 2010 Posts: 1317 |
This topic is part of the Premade Layouts section of this club. Here's our request thread. Its geared towards people who don't have the time to make their own layout or can't seem to get it right. As said in the title request an original of what! You can also ask for a redesign of an existing one. And remember instead of waiting, you can make your own layouts and signatures with our simple tutorials here. btw this isn't a place to request member cards, you can request those in our Member Cards topic. Use this Ask a question topic for questions, don't post them here. If you're trying to fix a layout, check the Fix your layout topic first. Read before making a request or it will be deleted Follow these simple rules to make it easy on designers and fair for everyone in the club. It also keeps the topic organized. If you have a question about a rule or why your request was deleted ask it in our front page comments or in the question topic. * The only requirement you need to have before making a request is simple- you must know how to install what you're asking for first. Do not request a list layout if you have never installed a premade CSS layout to your list before. If you don't know how to do that click here to get started! * Remember: your request is NOT guaranteed to be taken. Be polite with your requests and don't complain if yours is passed on. * Only make one request at a time. Unaccepted requests get deleted after one month. You can request again tho, if yours isn't taken. * Be considerate with volunteer's time. If I notice you've been using a lot of volunteer's time recently in this or other topics and making requests here, I may remove your request and I ask you to wait a few weeks so other people (who have been waiting months or not gotten help at all) can have a chance to. * If your request is completed, please wait a few weeks before making another so others get a better chance. * When you make a request, copy and paste this text (in red) to the top of your post or it will be deleted: [color=red][b][size=150]Request not taken[/size][/b][/color] Tips to help get your request taken Of course be clear as you can about what you want and use the best English grammar you can. Whether or not you offer your own background images or another layout as a template is up to you. Here's some opinions from people who take on requests on how they would like people to format their requests. It is optional whether you want to follow their preference or not, since they all have unique preferences, but if you want a certain volunteer to take yours format your request the way they like. TheHolyPotato said: Personally I am more inclined to take someones request if they provided a little more of what they were after. A background/backgrounds you want is a good start. Also any layout that you personally like helps. It can always be fiddled with so it won't look exactly the same. Hahaido said: As you may have noticed, I like to make original layouts and on my taste, so I don't need any backgrounds and renders, except those which I can find myself. Also I don't like overly refine requests, such as "I want this picture here, that there" and so on, so it limits my creativity. I am interested in only one thing, if a person wants a standard design or design with anime covers. Lirina said: Well, I hate too specific requests as I want to use my own ideas when making a layout. Some people also provide image links, which I dislike since it limits what I can do. Like for example a given background picture automatically sets the colors I have to use for the rest of the list (if it is a really beautiful one I make exceptions though). Also, some people say they want customized headers or category buttons with pictures of characters - they just don't know how tedious it can be to find usable renders. If it fits the design I will do it on my own but I hate people telling me they want it. For me it is enough if they specify the anime they want in their layout, if it is one I like, I will most likely do it (if I have time) and maybe the template. The rest is rather a hindrance. What happens when your request is taken or completed? The person who takes your request will post here that they're going to take it. Check back regularly to see if someone did. I may mark your old request in green as "taken" to let volunteers know its taken already. Eventually the volunteer will post your completed request here! Their post will never be deleted from here so you can always come back for it. I mark completed requests in blue with your name on it to make it easier to find. Your old request post, now completed, will be removed to keep the topic easy to look through. Want to take someone's request? Thanks a lot! You can take any request here! Reply in this thread you are going to do it or have already done it, then when you're finished reply to this thread and post the completed request here too- this way we are 100% sure it was met. Keep in mind, requests marked in green are already taken, requests in red aren't! List Layouts finished and available - click the one you want! Clicking a thumbnail will take you directly to layout's CSS code which you can easily copy and paste after you've completed the beginner's tutorial. If there's any problems with the code the thumbnail links you to, you can also scroll through the topic and find the original post for the layout.                                                      Big thanks to everyone who helped me take requests in this topic! Modified by Shishio-kun, 04-18-13, 4:40 PM  |
#2
02-03-12, 2:10 AM
|
|
Offline Joined: Jun 2011 Posts: 54 |
Request complete for BigBoss0327 BigBoss0327 said: Can a request a Sora no Otoshimono list? I'm don't really care about specifics but if it has Nymph or Astrea that would be awesome~ (It doesn't need to be really complex or anything... So yeah..) If anyone decides to do this one, Thanks! I made a quick one by just swapping some images on some old code. Hope you wern't expecting much from me, maybe if i watched the anime i could make a better one. thelist:  thecode: body { background-attachment: fixed; background-color: LightBlue; background-image: url("http://i42.tinypic.com/2lkfvr6.png"), url("http://i40.tinypic.com/28meohx.png"), url("http://i40.tinypic.com/neyhjd.png"); background-position: left bottom, left bottom, right top; background-repeat: no-repeat, repeat-x, no-repeat; } #inlineContent { background-image: url("http://i42.tinypic.com/213lksl.png"); bottom: 0; display: inline !important; height: 90px; margin-bottom: 0; position: fixed; width: 100%; } .table_header { background-color: Thistle; border-width: 0; font-weight: 700; padding: 6px; } .animetitle, .animetitle:visited { color: BlueViolet; font-family: Verdana,Arial; font-size: 18px; } .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color: -moz-visitedhyperlinktext; font-family: Verdana; } #list_surround { margin: auto; width: 900px; } .status_not_selected, .status_selected { border-radius: 2px 2px 2px 2px; cursor: pointer; height: 30px; line-height: 17px; margin: 0 15px; outline: 0 none; padding: 0 8px; width: auto !important; } tr:hover [class^="td"] { background-color: PaleVioletRed; } .category_totals, .td1, .td2, #grand_totals, #copyright { border-width: 0; padding: 2px; } .status_selected { background-color: Plum; color: Wheat; padding: 8px; text-decoration: none; } .status_not_selected { background-color: Thistle; color: brown; padding: 2px; } .category_totals { height: 30px; } #copyright, #grand_totals { margin: 0 auto; padding: 40px 0 64px; text-align: center; } .td1, .td2 { border-color: Salmon; border-style: solid; border-width: 0 0 1px !important; padding: 7px; } a, a:visited { text-decoration: none; } .header_title { display: none; } .status_selected a, .status_not_selected a { color: BlueViolet; } [align="center"] { text-align: center; } Modified by Shishio-kun, 11-30-12, 3:16 PM |
#3
08-28-12, 2:26 PM
|
|
|
Online Joined: Feb 2010 Posts: 1317 |
Request complete for Araragi-kyun Araragi-Kyun said: Can i request a list ? I want for anime list this http://myanimelist.net/forum/?topicid=412787 but with the background of ayanami rei (http://img848.imageshack.us/img848/160/sfave7nbc0c9.jpg) Thanks Thats such an easy request! Here it is, a nice alternative to default Futuristic layout: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (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://img848.imageshack.us/img848/160/sfave7nbc0c9.jpg"); background-size: cover; background-attachment: fixed !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 { display: inline-block !important; height: 1200px !important; left: 0px !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 1200px !important; z-index: -1 !important; } /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url("http://i44.tinypic.com/15s9esp.jpg") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: arial; } /* 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: #3F1786; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .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: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; 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: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* TABLE HEADER */ .table_header { background-color: rgba(65, 35, 95, 0.6); } .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; } /* TABLE ROWS COLOR */ .td1 { -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; background-color: rgba(136, 147, 169, 0.6); } .td2 { -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; background-color: rgba(151, 164, 183, 0.6); } /* TABLE ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(72, 64, 87, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } table[class^="header_"] + table{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -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; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [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; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #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; vertical-align: middle; } #copyright { background-color: rgba(180, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } Modified by Shishio-kun, 01-22-13, 11:04 PM |
#4
08-29-12, 8:58 AM
|
|
Offline Joined: Feb 2008 Posts: 481 |
Request complete for KuroiHT Maybe this topic should be linked in the club information? Many people don't look on the 2nd page in the forum (including me ^^°) I thought this topic had been deleted or something like that. xD kuroiHT said: Can I request some two lists design for me?;) For anime list I want this image: http://www.zerochan.net/full/621760 and for manga list that one: http://s644.photobucket.com/albums/uu169/Kuroi-no-Yamome/?action=view¤t=533965.jpg I'm don't care about other specifics, so you can use your imagination ^^ If anyone accept this request I would be really grateful :) Anyway, I'm done. ^^ The animelist is a variation of the channel layout with new images and without header. The mangalist has a rather simple design without images (but still I think it looks better then the animelist).  Code @import url(http://veriti.opendrive.com/files/OV81MjgxODdfcXZZMkg/mal_top_bar.css); body { background:url(http://image-upload.de/image/EoIA9U/04b4f09907.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size:100%; } /* BANNER This controls the image at the top that by default says "Anime List". You can replace the background image link in parenthesis with your own banner image you upload to a image hosting site like Tinypic.com! If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315 */ #list_surround .header_title { background:url() no-repeat scroll 0 0 transparent; height:0px; left:-0px; padding:0px; position:absolute; top:-0px; width:650px; } .td1{ background-image:url(http://image-upload.de/image/ma8ON9/dc797a8e8b.png); padding-top: 6px; padding-bottom: 6px; font-family:calibri; } .td2{ background-image:url(http://image-upload.de/image/ma8ON9/dc797a8e8b.png); padding-top: 6px; padding-bottom: 6px; font-family:calibri; } a { color: #96877F; text-decoration: none; font-family:calibri; } .table_header { background-image:url(http://image-upload.de/image/ma8ON9/dc797a8e8b.png); font-size: 16.00px; text-align: center; vertical-align:center; padding-top: 5px; padding-bottom: 5px; color: #96877F; font-weight:bold; font-family:calibri; } .table_headerLink { color: #96877F; font-weight:bold; font-size:14px; text-decoration:none ; font-family:calibri; } /* LEFT SIDE BUTTONS These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All. */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://image-upload.de/image/R6x9pX/2efa726269.png) repeat scroll 0 0 transparent; display:block; height:60px; left:-300px; padding:0; position:absolute; top:0px; width:273px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background:url(http://image-upload.de/image/PX5L60/ff5a7baa0c.png) repeat scroll 0 0 transparent; top:70px; } #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:url(http://image-upload.de/image/JDRpDq/00f2b31d55.png) repeat scroll 0 0 transparent; top:140px; } #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:url(http://image-upload.de/image/vz9GLr/df71b2c0c1.png) repeat scroll 0 0 transparent; top:210px; } #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/tvm7Kq/c4bf7acd6d.png) repeat scroll 0 0 transparent; display:inline; top:280px; } #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://image-upload.de/image/uL3gHA/8885243de5.png) no-repeat scroll 0 0 transparent; display:inline; padding-bottom:30px; top:350px; } /* HEADERS */ #list_surround .header_cw { background:url(http://image-upload.de/image/nNm3Uy/35f6622c40.png) no-repeat scroll 0 0 transparent; width:700px; height:100px; } #list_surround .header_completed { background:url(http://image-upload.de/image/O2uelG/1ded08d5ca.png) no-repeat scroll 0 0 transparent; width:700px; height:100px; } #list_surround .header_onhold { background:url(http://image-upload.de/image/QSh2PM/30bed5b101.png) no-repeat scroll 0 0 transparent; width:700px; height:100px; } #list_surround .header_ptw { background:url(http://image-upload.de/image/I1GfR0/b16b99e389.png) no-repeat scroll 0 0 transparent; width:700px; height:100px; } #list_surround .header_dropped { background:url(http://image-upload.de/image/DUX0Ak/6dee73ffc5.png) no-repeat scroll 0 0 transparent; width:700px; height:100px; } /* OTHER CODES */ a:hover { text-decoration:underline; } #list_surround { background:url(); height:100%; left:141px; margin:50px auto 30px; position:relative; width:700px; } #list_surround .status_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround .status_not_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround br { display:none; } #list_surround .header_title span { color:#000000; font-size:11px; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left:-1px; padding:28px 5px 5px; width:700px; } #list_surround .animetitle + small { color:#F3C79A; font-family:calibri; } #list_surround .category_totals { padding-top:3px; padding-bottom:3px; text-align:center; background-image:url(http://image-upload.de/image/OSsFZp/a1600fbe22.png); border-top:1px; border-style:solid; border-color:#808080; font-family:calibri; } #list_surround #grand_totals { display:none; } #mal_cs_listinfo a strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: underline; text-transform: none;} #mal_cs_otherlinks strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal;} .borderRBL { color: cyan !important; } #list_surround .header_title span { display:none; } #list_surround .status_not_selected a { opacity:0; } #list_surround .status_selected a { opacity:0; } #copyright { background:url(http://image-upload.de/image/ma8ON9/dc797a8e8b.png) repeat 0 0; color:#181818; height:15px; margin-left:-349px; padding-top:5px; position:fixed; bottom:0; width:1000px; font-family: sans-serif; font-size: 10px; } #copyright:before { color: #000000; Content: " Design by Lirina"; text-allign: left; padding-right: 10px; font-family: times new roman; font-size:12px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #copyright { margin-left:-209px; } }  Code: @import url(http://veriti.opendrive.com/files/OV81MjgxODdfcXZZMkg/mal_top_bar.css); /* BACKGROUND IMAGE */ body { background-image: url(http://i644.photobucket.com/albums/uu169/Kuroi-no-Yamome/533965.jpg); background-size: cover; 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). */ .header_title { background-color:; padding-left: 10px; color:#893D41; font-style:italic; font-family: century gothic; font-weight:bold; font-size:72px; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-image:url(http://i194.photobucket.com/albums/z222/HappyAd/Dark2.png); background-repeat:repeat; height:70px; } /* 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: Gill Sans; font-style: italic; font-size:18px; font-weight:bold; } /* 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:#CD8591; font-family:Calibri; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:600px; } /* LIST POSITION Change "left" to "right" to switch the list side, or vice versa. */ #list_surround { top:70px; right: 20px; position: absolute;} /* 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 'right' and 'top' with two 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 left, use "top left". 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: right top;} /*OTHER CODES Important codes for the layout's setup. Please don't mess with these unless you know what you're doing! To learn more, use the link at the top of this CSS. */ body { font-weight: light; background-repeat: no-repeat; background-color: #FBFDE8; } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:red; text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://i194.photobucket.com/albums/z222/HappyAd/Light2.png); background-repeat:repeat; border-width:0; padding:2px; } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:black; border-width:0; padding:2px; } .status_selected { background-color:white; padding:2px; color:#CD8591; text-decoration: blink; border-top:2px; border-bottom:2px; border-style:solid; border-color:black; border-right:0px; border-left:0px; } .status_not_selected { background-color:white; padding:2px; color:black; border-top:2px; border-bottom:2px; border-style:solid; border-color:black; border-right:0px; border-left:0px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs or info. List design by Lirina"; } .status_selected a{ color:#CD8591; font-weight:bold; } .status_not_selected a{ color:#CD8591; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { height:52px; padding:2px; padding-left:15px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { text-align: center; margin:0 auto; } Modified by Shishio-kun, 04-13-13, 11:20 AM |
#5
09-01-12, 6:05 PM
|
|
Offline Joined: Apr 2012 Posts: 90 |
Request complete for Suzune-chan Here is the design for Suzune-Chan, a variation of a simple side list, with bottom category menu and thin top bar. Hope you like it ^_^ Preview:  (actually the anime titles font size is a little bit smaller) Code: /*bottom category menu*/ @import url("http://dl.dropbox.com/u/61796201/css/Suzune-chan/bottommenu.css") all; /*thin top bar*/ @import url("http://dl.dropbox.com/u/61796201/css/Suzune-chan/topbar.css") all; /*Fonts*/ @import url("http://fonts.googleapis.com/css?family=Tangerine"); @import url("http://fonts.googleapis.com/css?family=Lemon"); @import url("http://fonts.googleapis.com/css?family=Nova+Slim"); /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* Theme for Suzune-chan by Al_eXs */ /* BACKGROUND IMAGE This is the main background image for the whole page. Change the image link to the background you want! If you're not seeing a background, make sure you are copied the entire CSS code or added any new background image codes correctly. Also your image link may be broken, try uploading a new background then! */ body { background-image: url(http://img39.imageshack.us/img39/7116/pixivid2088496full11977.jpg); background-attachment: fixed; background-position: 10% 90%; text-shadow: 1px 0px 4px #3A6FE7; } /* 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 { background-color: rgba(237, 130, 237, 0.400); color: #EBCF9E; font-family: "Tangerine"; font-size:40px; border-radius: 20px 20px 0px 0px; font-weight: 700; text-align: center; text-shadow: 3px -1px 5px #0C0C0C; } /* SUB-HEADERS BACKGROUND COLOR COLOR Below each main header is the sub-header which says Score, Episodes, Tags, etc. */ .table_header { background-color: rgba(128, 0, 128, 0.400); } /* 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: "Lemon"; font-size:15px; } /* 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:white; font-family: "Nova Slim"; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { width:850px; } /* LIST POSITION Change "left" to "right" to switch the list side, or vice versa. */ #list_surround { left: 10px; position: relative; } /*OTHER CODES Important codes for the layout's setup. Please don't mess with these unless you know what you're doing. If you want to customize more on the page, use the link at the top of this CSS or ask in my club! */ body { font-weight: light; background-repeat: no-repeat; background-color: #FBFDE8; } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { color:rgba(251, 189, 255, 0.702); text-decoration:none; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:url(http://img15.imageshack.us/img15/228/frame6518.png); border-width:0; transition: all .8s ease 0s;/* CSS3 reference */ -o-transition: all .8s ease 0s; /* for Opera compatibility */ -ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */ -moz-transition: all .8s ease 0s; /* for Firefox compatibility */ -webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */ } .category_totals a, .td1 a, .td2 a, #grand_totals a, #copyright a { transition: all .8s ease 0s;/* CSS3 reference */ -o-transition: all .8s ease 0s; /* for Opera compatibility */ -ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */ -moz-transition: all .8s ease 0s; /* for Firefox compatibility */ -webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */ } .category_totals:HOVER, .td1:HOVER, .td2:HOVER, #grand_totals:HOVER, #copyright:HOVER {background-color:rgba(12, 26, 171, 0.400); border-width:0; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by Al_eXs."; } #copyright { margin-bottom: 30px !important; border-radius: 20px; padding: 10px; } .status_selected { background-color:black; padding:2px; color:white; text-decoration: blink; } .status_not_selected { background-color:black; padding:2px; color:white; } .status_selected a{ color:blue; } .status_not_selected a{ color:white; } .thickbox { color:cyan; font-family:fantasy; font-size:12px; } .header_title { padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { border-radius: 0px 0px 20px 20px; height: 40px; text-align: center; } #grand_totals { text-align: center; margin:0 auto; border-radius: 20px; padding: 10px 20px; width: 600px; } Step-by-step tutorial to install custom CSS on MAL list: http://myanimelist.net/forum/?topicid=200320 Modified by Shishio-kun, 11-03-12, 4:21 PM |
#6
09-09-12, 7:24 PM
|
|
|
Offline Joined: Apr 2012 Posts: 90 |
Request complete for Jeav Here is the list design, the Holo theme :D Preview:  (better in 1920x1080px display, Opera, Firefox or Chrome... IE hate CSS D:) Code: /* Import all the theme. More info: http://myanimelist.net/forum/?clubid=19736 */ @import url("http://dl.dropbox.com/u/61796201/css/MAL_Designs/Jeav/AnimeTheme.css") all; /*Fonts*/ @import url(http://fonts.googleapis.com/css?family=Days+One); @import url(http://fonts.googleapis.com/css?family=Coda); body { color: transparent; } Change in List preferences: http://myanimelist.net/editprofile.php?go=listpreferences Default Status Selected to Watching Step-by-step tutorial to install custom CSS on MAL list: http://myanimelist.net/forum/?topicid=200320 Modified by Shishio-kun, 11-03-12, 4:19 PM |
#7
10-05-12, 4:25 PM
|
|
|
Online Joined: Feb 2010 Posts: 1317 |
Request complete for MusashiRose MusashiRose said: I am a Revolutionary Girl Utena FREAK. I would love a LIST that is Utena themed. There are so many incredible images to choose from! Most Images can be found in a HUGE Utena gallery @ Ohtori.nu , Specifically this 'artwork' page -----> http://ohtori.nu/galerie/v/series/artwork/ Hopefully someone who is a child of the 90s, a Utena fan, or just appreciates this masterpiece can do this. :) Either way, thanks for this opportunity! I'm all those things! So I took up your request. In fact, Utena movie was the first DVD I ever bought. I noticed on your list you like white backgrounds and your choice of images had them too, so I made sure to keep that, use two of the images and the icon style bar you were using. I gave it more of a colorful touch to match the white background. Let me know in this thread if it installs correctly and if there are any small changes or anything you'd like, we can see what we can do there, hope you like it..  The code: @import "http://dl.dropbox.com/u/78340470/Touhou%20Style%20Menu%20Bar/utenabar.css"; body { background-image: url("http://i.imgur.com/NrDqT.jpg"); } #inlineContent { background: url("http://i.imgur.com/xfc6X.png") no-repeat scroll center 8% transparent !important; } body { color: #FFFFFF; font-family: Verdana,Arial; font-size: 10px; } #inlineContent { display: inline-block !important; height: 362px !important; left: 0 !important; position: absolute !important; top: 0 !important; width: 605px !important; z-index: -1 !important; } #grand_totals { -moz-transition: all 0.25s ease-in-out 0s; background-color: transparent; border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; text-align: center; vertical-align: middle; } body { background-attachment: fixed; background-color: #000000; background-position: right top; background-repeat: no-repeat; background-size: cover; } a { color: #FFFFFF; text-decoration: none; } a:visited { color: #FFFFFF; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } small { color: #ECE0E3; font-size: 10px; text-decoration: none; } #searchBox { background-color: #B3828F; border-color: #FFFFFF; border-style: solid; border-width: 1px; color: #FFFFFF; font-size: 14px !important; height: 14px; text-align: center; text-transform: uppercase; } #list_surround { background-color: transparent; background-position: center top; background-repeat: no-repeat; margin-left: 4px; margin-top: 5px; padding-top: 30px; text-transform: none; width: 600px; } #list_surround tbody tr:hover { background-color: transparent; text-decoration: underline !important; } #list_surround tr:hover .category_totals, #list_surround[align="center"] tbody tr:hover td, #list_surround[align="center"] + tbody tr:hover { background-color: transparent; } .td1, .td2 { background-image: url("http://i45.tinypic.com/2hobkie.jpg"); background-position: center center; border-style: hidden; color: #ECE0E3; padding: 3px; } .table_header { background-image: url("http://i47.tinypic.com/2dhh1ug.jpg"); background-position: center center; border-style: hidden; color: #000000; padding: 3px; } .td1[width="125"] { font-size: 11px; padding: 1px 20px 1px 1px; width: 200px; } .td1[width="45"] { font-size: 11px; font-weight: bold; } .td1[width="70"] { font-size: 11px; font-weight: bold; } .td2[width="125"] { font-size: 11px; padding: 1px 20px 1px 1px; width: 200px; } .td2[width="45"] { font-size: 11px; font-weight: bold; } .td2[width="70"] { font-size: 11px; font-weight: bold; } .td1:last-child, .td2:last-child, .table_header:last-child { background-position: right center; } .table_header[width="125"] { padding-left: 1px; padding-right: 20px; width: 200px; } .td1:first-child, .td2:first-child, .table_header:first-child { background-position: left center; padding-left: 10px; text-align: center; width: 20px; } [id^="menu"] .td1 { padding-left: 50px; padding-right: 20px; text-align: left; } [id^="menu"] .td2 { padding-left: 50px; padding-right: 20px; text-align: left; } small *, small { font-size: 11px; } .table_headerLink { color: #000000; font-weight: normal; } .table_headerLink:visited { color: #000000; font-weight: normal; } .table_headerLink:hover { color: #FFFFFF; font-weight: normal; } .status_selected { color: #FFFFFF; font-family: Century Gothic,Verdana,Arial; font-size: 13px; font-weight: bold; padding: 5px; } .status_not_selected { color: #FFFFFF; font-family: Century Gothic,Verdana,Arial; font-size: 11px; font-weight: bold; padding: 5px; } .header_title { display: none; } .header_cw { background-image: url("http://i50.tinypic.com/2l9shoo.jpg"); background-position: center top; background-repeat: no-repeat; height: 60px; margin-top: 25px; } .header_completed { background-image: url("http://i48.tinypic.com/2ir8ygo.jpg"); background-position: center top; background-repeat: no-repeat; height: 60px; margin-top: 25px; } .header_onhold { background-image: url("http://i47.tinypic.com/2zi5828.jpg"); background-position: center top; background-repeat: no-repeat; height: 60px; margin-top: 25px; } .header_dropped { background-image: url("http://i49.tinypic.com/23t1uhk.jpg"); background-position: center top; background-repeat: no-repeat; height: 60px; margin-top: 25px; } .header_ptw { background-image: url("http://i46.tinypic.com/4jvus7.jpg"); background-position: center top; background-repeat: no-repeat; height: 60px; margin-top: 25px; } .category_totals { background-image: url("http://i45.tinypic.com/34iftjn.jpg"); background-position: center center; color: #000000; font-size: 10px; height: 40px; text-align: center; } #grand_totals { background-position: center top; background-repeat: no-repeat; color: #FFFFFF; font-family: Verdana,Arial; font-size: 10px; height: 25px; padding: 29px; text-align: center; } #copyright { background-image: url("http://img7.imageshack.us/img7/7540/copyrightbackground.png"); background-repeat: no-repeat; color: #ECE0E3; font-size: 9px; font-weight: normal; height: 50px; margin: 0 auto; padding-top: 10px; text-align: center; text-shadow: 0 0 0.5em #FFDEEE; width: 475px; } btw if you want add @import "http://dl.dropbox.com/u/78340470/TouhouLayoutCSS/CSSforTouhouCardRight.css"; @import "http://dl.dropbox.com/u/78340470/animetitle.css"; to the top of this code for an effect that will show your anime covers when you scroll over a title, but its optional and sometimes rather laggy. Modified by Shishio-kun, 10-05-12, 5:00 PM |
#8
10-05-12, 5:00 PM
|
|
|
Online Joined: Feb 2010 Posts: 1317 |
Request complete for Rikumoon123 Rikumoon123 said: I would like to make a request for a my list i would the character from Denpa Onna to Seishun Otoko Erio touwa thank you i know that its going to be really good what u come up with You have excellent taste to pick this character, she has gorgeous wallpapers that go really well with any layout but incredibly good with Veriti's alpha style layout:  If you find the list text a little hard to read, we can use another background but this one is really good and I find it easy enough to read especially since when you put the cursor on a row, it darkens as you can see in the example! the code, ask if you don't know how to install: /* Math part of the layout, don't change unless you know what you're doing */ @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/MahouCSS.css"; /* Top bar */ @import "http://dl.dropbox.com/u/78340470/MahouLayoutCSS/Topbar%20redux.css"; /*BACKGROUND Change the background image link below to get a new background.*/ body { background-image: url("http://i.imgur.com/WJ4VH.jpg"); background-position: 60% 18%; } /*FONTS Change the properties below to change the list font style.*/ * { font-family: tahoma !important; font-size: 8pt !important; font-style: inherit !important; font-variant: small-caps !important; font-weight: bold !important; text-decoration: none !important; text-rendering: auto !important; text-transform: uppercase !important; text-overflow: clip !important; } /*OTHER CODES The codes to change the colors are all at the top.*/ .table_header { background-color: rgba(70, 164, 225, 0.4); border-color: rgba(255, 255, 255, 0.25); } .table_header, .table_headerLink { color: #FFFFFF; text-decoration: none; } .table_headerLink:hover { text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(255, 255, 255, 0.4); } .td1, .td2 { background-color: rgba(70, 164, 150, 0.5); border-color: rgba(255, 255, 255, 0.25); color: #FFFFFF; } .td1 a, .td2 a { color: lightBlue; text-decoration: none; } .td1 a:hover, .td2 a:hover { text-shadow: -1px -1px 3px #56D9D3, 1px 1px 3px #56D9D3; } tr:hover [class^="td"] { background-color: rgba(80, 50, 225, 0.9) !important; } #list_surround td[class^="td"]:first-child, #list_surround td[class^="td"]:nth-child(n+3), .animetitle { font-weight: bold; } .header_title { background-image: url("http://i.imgur.com/GZWCk.png"); } .category_totals { background-color: rgba(70, 164, 225, 0.5); border-color: rgba(255, 255, 255, 0.25); color: #FFFFFF; font-weight: bold; text-shadow: 0px 1px 2px orange, -1px -1px 2px #B514FF; } #grand_totals { color: #FFFFFF; font-size: larger; font-weight: bold; text-shadow: -1px -1px 3px #CC5511, 1px 1px 3px #B514FF, 1px -1px 4px #B514FF, -1px 1px 3px #B514FF; text-transform: uppercase; } #copyright { background-color: rgba(70, 164, 225, 0.6); border-color: rgba(255, 255, 255, 0.25); } #copyright, #copyright a { color: #FFFFFF; } #copyright:after { content: " Custom CSS by Veriti. Edits by Miketsukami-kun. Google 'Shishio's Custom Lists' for more designs and info."; } .status_not_selected a, .status_selected a { background-image: url("http://i.imgur.com/6fyoU.png"); } Modified by Shishio-kun, 12-20-12, 5:37 PM |
#9
10-05-12, 5:10 PM
|
|
|
Online Joined: Feb 2010 Posts: 1317 |
Request complete for Shanky shanky said: Can i get one with Accel World theme? Try this futuristic theme with a matching logo on the top.  the code: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment: fixed; background-clip: border-box; background-color: silver; background-image: url("http://i.imgur.com/6LXpw.jpg"); background-position: right 5%; background-repeat: repeat; background-size: cover; } #inlineContent { background: url("") no-repeat scroll 0 -26% transparent; display: inline-block !important; height: 1200px !important; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 1200px !important; z-index: -1 !important; } #list_surround { background: url("http://i.imgur.com/VAzmN.png") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 330px; width: 920px; } body { color: black; font-family: arial; } a { -moz-transition: all 0.25s ease-in-out 0s; color: white; text-decoration: none; text-shadow: none; } a:hover { color: white; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .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: rgba(64, 10, 50, 0.8); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(255, 2, 8, 0.7); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: rgba(55, 32, 228, 0.6); border-color: rgba(55, 32, 228, 0.6); 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: #B42030; border-color: rgba(148, 0, 24, 0.5); 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: rgba(65, 35, 95, 0.6); } .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 { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(136, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(151, 164, 183, 0.5); } tr:hover [class^="td"] { background-color: rgba(72, 64, 255, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0 none; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } [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; color: blue; display: inline-block; 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; vertical-align: middle; } #copyright { background-color: rgba(250, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } Modified by Shishio-kun, 10-06-12, 11:32 AM |
#10
10-05-12, 5:19 PM
|
|
|
Online Joined: Feb 2010 Posts: 1317 |
Request complete for Dirtynut Dirtynut said: I'd like a list with Zoro from One Piece, anything nice-looking is good. Thanks. I noticed you liked the futuristic layout, so this render of Zoro will look great with it and a sword infested background that goes naturally with him! I also added a quote of his to the top.  the code: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment: fixed; background-clip: border-box; background-color: silver; background-image: url("http://i40.tinypic.com/2vmy9fn.jpg"); background-repeat: repeat; background-size: cover; } #inlineContent { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("http://i45.tinypic.com/2wfpws9.jpg"); background-origin: padding-box; background-position: center top; background-repeat: no-repeat; background-size: contain; display: inline-block !important; height: 160%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 1200px !important; z-index: -1 !important; } #list_surround { background: url("http://i.imgur.com/vTP6c.png") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: -11px auto 0; padding-bottom: 10px; padding-top: 227px; width: 920px; } body { font-family: arial; } a { -moz-transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #3F1786; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .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: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; 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: #B42030; border-color: rgba(148, 0, 24, 0.5); 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: rgba(65, 35, 95, 0.6); } .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 { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(136, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(151, 164, 183, 0.6); } tr:hover [class^="td"] { background-color: rgba(72, 64, 87, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0 none; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } [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; 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; vertical-align: middle; } #copyright { background-color: rgba(180, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } Modified by Shishio-kun, 10-06-12, 11:49 AM |
#11
10-05-12, 5:25 PM
|
|
|
Online Joined: Feb 2010 Posts: 1317 |
Request complete for Fire11ize Fire11ize said: If its not to much of a trouble for you, I'd like an anime list with Gintama theme. Anything will do as long there is Gintoki in it.If anyone decides to do this, Thanks! ;) I noticed you liked Gintoki's funny expressions, so I found a great render with a similar look and a background that looks ripped right out of Gintama (Japanese setting with a little modern input), and used it with the same futuristic layout. the code: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment: fixed; background-clip: border-box; background-color: silver; background-image: url("http://i.imgur.com/osXz8.jpg"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: cover; } #inlineContent { background: url("http://i.imgur.com/WGDeT.png") no-repeat scroll center top 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 { background: url("http://i44.tinypic.com/15s9esp.jpg") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 920px; } body { font-family: arial; } a { -moz-transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #3F1786; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .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: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; 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: #B42030; border-color: rgba(148, 0, 24, 0.5); 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: rgba(65, 35, 95, 0.6); } .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 { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(136, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(151, 164, 183, 0.6); } tr:hover [class^="td"] { background-color: rgba(72, 64, 87, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0 none; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { -moz-transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(72, 64, 87, 0.6); color: #EEEEEE; } [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; 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; vertical-align: middle; } #copyright { background-color: rgba(180, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } Modified by Shishio-kun, 11-03-12, 4:20 PM |
#12
10-16-12, 6:02 AM
|
|
Offline Joined: Jan 2012 Posts: 393 |
Request complete for Rennata Preview  Code: @import url(http://fonts.googleapis.com/css?family=Monoton); @import url(http://fonts.googleapis.com/css?family=Wallpoet); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Hide.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Ball.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css); body { background-color: rgba(228, 223, 236, 1); background-image: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Images/background.png'); background-repeat: repeat-x; background-attachment: fixed; background-position: top left; color: #000000; font-size: 11.00px; font-family: Verdana, Arial; } a, a:visited { color: rgba(255, 204, 153, 1); text-decoration: none; } a:hover { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Images/cursor.png') 1 2, auto; color: rgba(255, 204, 153, 1); } #list_surround { position: absolute !important; padding-top: 450px; padding-bottom: 90px; width: 550px; right: 190px; } .table_headerLink, .table_headerLink strong { display: none; } .table_headerLink:visited { color: rgba(60, 44, 8, 1); } .category_totals, #grand_totals { background-color: rgba(233, 20, 1, 1); color: #FFFFFF; font-family: 'Wallpoet', cursive; text-align: center; border: solid 2px rgba(233, 20, 1, 1); } .animetitle { display: block; min-width: 0px; max-width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px !important; } .animetitle + small { visibility: visible !important; position: absolute !important; display: block !important; margin-top: -24px; margin-left: 454px; color: #FFFFFF; white-space: nowrap !important; font-size: 10px !important; line-height: 14px !important; padding: 0 6px !important; background-color: rgba(233, 20, 1, 1) !important; border: solid 2px rgba(255, 255, 255, 1) !important; border-radius: 20em; -o-border-radius: 20em; -moz-border-radius: 20em; -webkit-border-radius: 20em; z-index: 25; } .td1, .td2 { background-color: rgba(255, 255, 255, .7); font-family: 'Wallpoet', cursive; font-size: 18px; border-right: solid 2px rgba(233, 20, 1, 1); transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 15; } .td1 a, .td2 a { color: #ccc0da; } .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; } #searchBox { position: absolute !important; display: block !important; top: 468px; right: 6px; border: solid 2px rgba(79, 129, 189, 1); color: #FFFFFF; font-weight: bold; font-size: 16px !important; text-shadow: rgba(233, 20, 1, 1) 0.1em 0.1em 0.2em, rgba(233, 20, 1, 1) 0.1em 0.1em 0.2em; background: rgba(255,255,255, 1); width: 150px !important; height: 26px !important; padding: 5px; margin: 50px auto 25px; overflow: hidden; z-index: 20; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { border: solid 2px rgba(233, 20, 1, 1); height: 36px !important; } .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span { font-family: 'Monoton', cursive; padding: 4px; font-size: 28px; line-height: 40px; float: right; } #copyright { position: absolute !important; display: block; color: #000000; width: 350px; top: 712px !important; margin-left: 493px; text-align: right !important; padding: 2px; border: solid 2px rgba(79, 129, 189, 1); background: rgba(255,255,255, 1); transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); z-index: 15; } #copyright a { color: rgba(233, 20, 1, 1); } #copyright a:hover { text-shadow: rgba(233, 20, 1, 1) 0.1em 0.1em 0.2em; } #copyright:after { display: block; content: 'List designed by Hahaido.'; } #inlineContent { pointer-events: none !important; display: block !important; position: fixed !important; content: ' '; top: 0px; left: 0px; width: 370px; height: 332px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Images/Target.png') no-repeat; z-index: 10; } #inlineContent:before { pointer-events: none !important; display: block !important; position: fixed !important; content: ' '; bottom: -20px; left: -3px; width: 515px; height: 306px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Images/hikari.png') no-repeat; z-index: 10; } #list_surround:before { pointer-events: none !important; position: absolute; display: inline-block; content: ' '; width: 692px; height: 523px; top: 0px; right: -190px; background-color: rgba(198, 252, 226, 1); background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Images/extra_team.png') top center no-repeat; z-index: 10; } #list_surround:after { pointer-events: none !important; position: absolute; display: inline-block; content: ' '; width: 529px; height: 238px; top: 355px; right: 170px; background-color: rgba(198, 252, 226, 1); background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kuroko%20no%20Basket/Images/flame.png') top center no-repeat; z-index: 10; } Modified by Shishio-kun, 11-03-12, 4:22 PM  |
#13
10-20-12, 9:04 AM
|
|
|
Offline Joined: Jan 2012 Posts: 393 |
Request complete for KazukiJurai Preview:  Code: @import url(http://fonts.googleapis.com/css?family=Griffy); @import url(http://fonts.googleapis.com/css?family=Finger+Paint); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Covers.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Angle.css); body { background-image: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/Graves.png'); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; color: #000000; font-size: 11.00px; font-family: Verdana, Arial; cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/cursor.png') 1 2, auto; } a, a:visited { color: rgba(255, 204, 153, 1); text-decoration: none; } a:hover { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/cursor.png') 1 2, auto; color: rgba(255, 204, 153, 1); } #list_surround { position: absolute !important; padding-top: 400px; padding-bottom: 256px; width: 550px; left: 300px; } .table_headerLink, .table_headerLink strong { display: none; } .table_headerLink:visited { color: rgba(60, 44, 8, 1); } .category_totals, #grand_totals { padding: 4px 16px 4px 16px; background-color: rgba(253, 174, 205, 1); border-radius: 20em 0 20em 0; -o-border-radius: 20em 0 20em 0; -moz-border-radius: 20em 0 20em 0; -webkit-border-radius: 20em 0 20em 0; color: #FFFFFF; font-family: 'Finger Paint', cursive; text-align: center; border: solid 2px rgba(233, 20, 1, 1); } .animetitle { display: block; min-width: 0px; max-width: 400px; padding: 2px 2px 2px 32px; white-space: pre-wrap; line-height: 24px !important; text-align: center !important; } .animetitle + small { visibility: visible !important; position: absolute !important; display: block !important; margin-top: -28px; margin-left: -48px; color: #FFFFFF; white-space: nowrap !important; font-size: 12px !important; line-height: 14px !important; padding: 6px; background-color: rgba(253, 174, 205, 1) !important; border: solid 2px rgba(233, 20, 1, 1) !important; border-radius: 00 20em 20em 0; -o-border-radius: 0 20em 20em 0; -moz-border-radius: 0 20em 20em 0; -webkit-border-radius: 0 20em 20em 0; z-index: 25; } .td1, .td2 { background-color: rgba(216, 228, 188, 1); font-family: 'Finger Paint', cursive; line-height: 24px !important; font-size: 18px; transition: background-color .5s linear; -o-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -webkit-transition: background-color .5s linear; z-index: 15; } .td1 a, .td2 a { color: rgba(155, 187, 89, 1); } .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; } #searchBox { position: fixed !important; display: block !important; padding-left: 33px !important; top: -50px; right: -2px; border: none !important; font-family: 'Griffy', cursive; text-align: right !important; color: rgba(155, 187, 89, 1); font-size: 16px !important; width: 0px !important; height: 20px !important; padding: 5px; margin: 50px auto 25px; background-color: transparent; background-image: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/Search.png'); background-repeat: no-repeat; overflow: hidden; transition: width .5s linear; -o-transition: width .5s linear; -moz-transition: width .5s linear; -webkit-transition: width .5s linear; z-index: 20; } #searchBox:hover, #searchBox:focus { width: 138px !important; padding-left: 42px !important; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { background-color: rgba(255, 255, 255, 1); border: solid 2px rgba(253, 174, 205, 1); height: 36px !important; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span { font-family: 'Griffy', cursive; padding: 4px; font-size: 28px; line-height: 40px; } #copyright { position: absolute !important; display: block; color: #000000; width: 280px; top: 410px !important; left: -300px; text-align: center !important; padding: 2px; border: solid 2px rgba(253, 174, 205, 1); background: rgba(255,255,255, 1); z-index: 15; } #copyright a { color: rgba(253, 174, 205, 1); } #copyright a:hover { text-shadow: rgba(253, 174, 205, 1) 0.1em 0.1em 0.2em; } #copyright:after { display: block; content: 'List designed by Hahaido.'; } #inlineContent { pointer-events: none !important; display: block !important; position: absolute !important; content: ' '; top: 0px; left: -300px; width: 700px; height: 403px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/together.png') no-repeat; z-index: 10; } #inlineContent:after { pointer-events: none !important; display: block !important; position: fixed !important; content: ' '; top: -50px; right: 200px; width: 250px; height: 250px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/Moon.png') no-repeat; z-index: 10; } #list_surround:before { pointer-events: none !important; position: absolute; display: inline-block; content: ' '; width: 376px; height: 553px; top: 0px; right: -150px; background-color: rgba(198, 252, 226, 1); background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/Ayumu.png') top center no-repeat; z-index: -2 !important; } #list_surround:after { pointer-events: none !important; position: absolute; display: inline-block; content: ' '; width: 529px; height: 238px; top: 355px; right: 170px; background-color: rgba(198, 252, 226, 1); background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Images/flame.png') top center no-repeat; z-index: 10; } body:before { position: fixed; content: ' '; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(155, 187, 89, .8)) 100%; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(155, 187, 89, .8)) 100%; background: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgba(255,255,255, 0)), color-stop(1, rgba(155, 187, 89, .8))); z-index: -2; } Modified by Shishio-kun, 11-03-12, 4:23 PM |
#14
10-26-12, 4:53 PM
|
|
Offline Joined: Jan 2010 Posts: 21 |
Request complete for Chamry  code: body{ background: url(http://i50.tinypic.com/15878uo.jpg) no-repeat fixed top center; background-size: cover; font-family: Candara; font-size: 12px; color: #f0304f; } #list_surround{ position: absolute; width:650px; margin-bottom:50px; margin:auto; left:0px; right:300px; } .td1, .td2{ padding:3px; } .animetitle + small{ color:#f0304f !important; } .animetitle + small:before{ content: " ( "; } .animetitle + small:after{ content: " ) "; } td:nth-of-type(2) small{ color: #f0304f; font-size:10px; padding-right:10px; } td:nth-of-type(2) small a{ color: #f0304f; } .td1:nth-of-type(1), .td2:nth-of-type(1){ border-left: 2px solid #82caff !important; background: url(http://i49.tinypic.com/2vrv8ye.png) -15% ; } .td1:nth-of-type(5), .td2:nth-of-type(5){ border-right: 2px solid #82caff;; background: url(http://i49.tinypic.com/2vrv8ye.png) 86%; } .td1:nth-of-type(4), .td2:nth-of-type(4), td.table_header:nth-of-type(4){ background: url(http://i49.tinypic.com/2vrv8ye.png) 74% ; } .td1:nth-of-type(3), .td2:nth-of-type(3){ background: url(http://i49.tinypic.com/2vrv8ye.png) 67% ; } @media screen and (-webkit-min-device-pixel-ratio:0){ .td1:nth-of-type(3), .td2:nth-of-type(3){ background: url(http://i49.tinypic.com/2vrv8ye.png) 63% ; }} td.table_header:nth-of-type(3){ background: url(http://i49.tinypic.com/2vrv8ye.png) 67% ; padding-right:7px; } @media screen and (-webkit-min-device-pixel-ratio:0){ td.table_header:nth-of-type(3){ background: url(http://i49.tinypic.com/2vrv8ye.png) 63% ; padding-right:7px; }} .td1:nth-of-type(2), .td2:nth-of-type(2){ background: url(http://i49.tinypic.com/2vrv8ye.png) 1% ; } a, a:visited{ text-decoration:none; color: #2030f0; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2{ color:green; } .table_header{ background: url(http://i49.tinypic.com/2vrv8ye.png); padding:2px; font-size: 10px; color:#2030f0; } td.table_header:nth-of-type(1){ border-left: 2px solid #82caff !important; border-top: 2px solid #82caff !important; background: url(http://i49.tinypic.com/2vrv8ye.png) -15% ; border-radius: 10px 0px 0px 0px; } td.table_header:nth-of-type(5){ border-right: 2px solid #82caff;; border-top: 2px solid #82caff;; background: url(http://i49.tinypic.com/2vrv8ye.png) 86% ; border-radius: 0px 10px 0px 0px; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4){ border-top: 2px solid #82caff;; } .category_totals{ background: url(http://i46.tinypic.com/n3lmgx.png); padding:2px; border-bottom: 2px solid #82caff; border-left: 2px solid #82caff;; border-right: 2px solid #82caff; font-size: 10px; padding-left:40px; border-radius: 0px 0px 10px 10px; } .borderRBL { background: url(http://i46.tinypic.com/n3lmgx.png) !important; border-left: 2px solid #82caff !important; border-right: 2px solid #82caff !important; padding-left:39px; font-size:11px; color:#2030f0 !important; } .borderRBL a, .borderRBL a:visited{ color:#f0304f !important; text-decoration:underline; } .borderRBL a:hover{ color:#f0304f!important; } #copyright{ background: url(http://i46.tinypic.com/n3lmgx.png); position:relative!important; text-align: center !important; width:644px; padding:2px; top:10px; font-size:11px; border: 2px solid #82caff; border-radius: 8px; color: #2030f0; margin-bottom:70px; } #copyright:after{ content: "List Design By Ushioo" !important; background: url(http://i46.tinypic.com/n3lmgx.png) !important; width:650px !important; Position:absolute!important; top:40px !important; left: -3px; color: #f0304f !important; border: 2px solid #82caff; border-radius: 8px; } #copyright a{ color:#2030f0; } #grand_totals{ display:none; } .header_title{ display:none; } .header_cw{ height: 200px; background-image:url(http://i48.tinypic.com/e69fya.png); background-repeat: no-repeat; position:relative; top:9px; } .header_completed{ height: 200px; background-image:url(http://i45.tinypic.com/nxs107.png); background-repeat: no-repeat; position:relative; top:4px; } .header_onhold{ height: 200px; background-image:url(http://i48.tinypic.com/nwzgaw.png); background-repeat: no-repeat; position:relative; top:4px; } .header_dropped{ height: 200px; background-image:url(http://i47.tinypic.com/28ch5pd.png); background-repeat: no-repeat; position:relative; top:4px; } .header_ptw{ height: 200px; background-image:url(http://i50.tinypic.com/t5rgw8.png); background-repeat: no-repeat; position:relative; top:4px; } td:nth-of-type(2) small a { display:none; } td:nth-of-type(2) small{ color:transparent; } Modified by Shishio-kun, 10-27-12, 11:09 AM |
#15
10-27-12, 5:00 AM
|
|
|
Offline Joined: Feb 2008 Posts: 481 |
Request complete for GreenDog Finished! ^^  I tried to match it with his personaltity so it's made to look a bit crazy. But if you don't like it just change the background image with a calmer one. This would go well with the list too. @import url(http://veriti.opendrive.com/files/OV81MjgxODdfcXZZMkg/mal_top_bar.css); /* Background image */ body { background-image: url("http://image-upload.de/image/zx7hxG/c396291f44.jpg"); background-size:cover;} /* Logo */ #inlineContent { background: url("http://image-upload.de/image/vuGMt0/e011725254.png"); bottom: 0; display: inline !important; height: 383px; position: fixed; left: 0; width: 517px; z-index: 1 !important; } /* List Font */ body { color: #FFFFFF; font-family: Verdana,Arial; font-size: 10px; } #grand_totals { -moz-transition: all 0.25s ease-in-out 0s; background-color: transparent; border: 0 none; border-radius: 3px 3px 3px 3px; color: #ffffff; line-height: 20px; min-height: 20px; text-align: center; vertical-align: middle; } body { background-attachment: fixed; background-color: #000000; background-position: right top; background-repeat: no-repeat; background-size: cover; } a { color: #FFFFFF; text-decoration: none; } a:visited { color: #FFFFFF; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } small { color: #ECE0E3; font-size: 10px; text-decoration: none; } #searchBox { background-color: #B3828F; border-color: #FFFFFF; border-style: solid; border-width: 1px; color: #FFFFFF; font-size: 14px !important; height: 14px; text-align: center; text-transform: uppercase; } #list_surround { background-color: transparent; background-image: url("http://image-upload.de/image/LfJEBT/5f4dc2f0bd.png"); background-position: center top; background-repeat: no-repeat; margin-left: 400px; padding-top: 509px; text-transform: none; width: 600px; } .td1, .td2 { background-image: url("http://i45.tinypic.com/2hobkie.jpg"); background-position: center center; border-style: hidden; color: #ECE0E3; padding: 3px; } .table_header { background-image: url("http://i47.tinypic.com/2dhh1ug.jpg"); background-position: center center; border-style: hidden; color: #000000; padding: 3px; } .td1:last-child, .td2:last-child, .table_header:last-child { background-position: right center; } .table_header[width="125"] { padding-left: 1px; padding-right: 20px; width: 200px; } .td1:first-child, .td2:first-child, .table_header:first-child { background-position: left center; padding-left: 10px; text-align: center; width: 20px; } [id^="menu"] .td1 { padding-left: 50px; padding-right: 20px; text-align: left; } [id^="menu"] .td2 { padding-left: 50px; padding-right: 20px; text-align: left; } small *, small { font-size: 11px; } .table_headerLink { color: #000000; font-weight: normal; } .table_headerLink:visited { color: #000000; font-weight: normal; } .table_headerLink:hover { color: #FFFFFF; font-weight: normal; } .status_selected { color: #FFFFFF; font-family: Century Gothic,Verdana,Arial; font-size: 13px; font-weight: bold; padding: 5px; } .status_not_selected { color: #FFFFFF; font-family: Century Gothic,Verdana,Arial; font-size: 11px; font-weight: bold; padding: 5px; } .header_title { display: none; } .header_cw { background-image: url("http://image-upload.de/image/vt5Rsx/8a40ae2d5a.png"); background-position: center top; background-repeat: no-repeat; height: 100px; margin-top: 25px; } .header_completed { background-image: url("http://image-upload.de/image/BDAW1X/14e153bce7.png"); background-position: center top; background-repeat: no-repeat; height: 100px; margin-top: 25px; } .header_onhold { background-image: url("http://image-upload.de/image/ksij09/dee382918a.png"); background-position: center top; background-repeat: no-repeat; height: 100px; margin-top: 25px; } .header_dropped { background-image: url("http://image-upload.de/image/oeXkGu/a5afdf81cd.png"); background-position: center top; background-repeat: no-repeat; height: 100px; margin-top: 25px; } .header_ptw { background-image: url("http://image-upload.de/image/Kh5PoI/353be0d3bd.png"); background-position: center top; background-repeat: no-repeat; height: 100px; margin-top: 25px; } .category_totals { background-image: url("http://i45.tinypic.com/34iftjn.jpg"); background-position: center center; color: #000000; font-size: 10px; height: 40px; text-align: center; } #grand_totals { background-position: center top; background-repeat: no-repeat; color: #FFFFFF; font-family: Verdana,Arial; font-size: 10px; height: 25px; padding: 29px; text-align: center; } #copyright:before { font-weight:bold; Content: " Design by Lirina"; } #copyright { background-image: url("http://img7.imageshack.us/img7/7540/copyrightbackground.png"); background-repeat: no-repeat; color: #ECE0E3; font-size: 9px; font-weight: normal; height: 50px; margin: 0 auto; padding-top: 10px; text-align: center; text-shadow: 0 0 0.5em #FFDEEE; width: 475px; } Modified by Shishio-kun, 10-27-12, 11:10 AM |
#16
11-11-12, 11:36 AM
|
|
Offline Joined: Sep 2012 Posts: 711 |
Request complete for moroter Finished! ^^ If you don't like this one, Here's another one. http://i1336.photobucket.com/albums/o657/Fire11ize/hhhh-1.gif or http://i1336.photobucket.com/albums/o657/Fire11ize/hhhh.gif just put [img] at the beginning and [/img] at the end. Hope you like it! :) Modified by Shishio-kun, 04-17-13, 8:20 AM |
#17
11-15-12, 8:02 AM
|
|
Offline Joined: Jun 2011 Posts: 35 |
Request complete for himejii-chann Preview:  ]Code: @import url('http://fonts.googleapis.com/css?family=VT323'); @import url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/TabContent.css'); @import url('http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_animetitle.css'); @import url('https://dl.dropbox.com/u/57348187/MAL/IconStyleCSSFixedwithCategory.css'); @import url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Hide.css'); body { background: url('http://www.jcult.ru/wp-content/uploads/2012/09/chuunibyou3.jpg') repeat center center fixed; background-size: auto auto; background-color: rgba(234, 248, 252, 1); color: #000000; font-size: 11px; font-family: Verdana, Arial; } #list_surround { width: 820px; margin-top: -200px; padding-top: 220px; margin-left: 35%; } /*------------ TITLE IMAGE ------------*/ .animetitle { background-size: 200px 0px; height: 0px; line-height: 24px !important; transition: background-size, height .5s ease-in-out; -o-transition: background-size, height .5s ease-in-out; -moz-transition: background-size, height .5s ease-in-out; -webkit-transition: background-size, height .5s ease-in-out; } .animetitle + small { display: none; } #list_surround .header_title span, #list_surround .header_title .thickbox { display: none; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { position: relative; color: #4f81bd; text-align: center; padding: 5px 2px 5px 2px; box-shadow: none !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #4f81bd !important; background-color: #FFFFFF; } .table_header span { content: none; color: transparent; } .table_header span:hover { text-shadow: none; } .table_headerLink { color: #4f81bd; } .table_headerLink:visited { color: #4f81bd; } .table_headerLink:hover { text-shadow: 0 0 0.2em #4f81bd; } /* // All links on your list */ a { text-decoration: none; } a:hover { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/cursor_hover.png') 1 2, auto; } /* content */ .td1, .td2{ padding: 2px; font-family: 'VT323', cursive; font-size: 18px; color: #4f81bd; background-color: rgba(255, 255, 255, .7); } /* Links in titles */ .td1 a, .td2 a { color: #4f81bd; } /* Effect on link hover */ tr:hover .td1, tr:hover .td2 { height: 304px; background-image: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(234,248,252,0) 40%, rgba(79,129,189, 1) 50%, rgba(234,248,252,0) 60%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(234,248,252,0) 40%, rgba(79,129,189, 1) 50%, rgba(234,248,252,0) 60%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgba(255,255,255, 0)), color-stop(0.4, rgba(234,248,252, 0)), color-stop(0.5, rgba(79,129,189, 1)), color-stop(0.6, rgba(234,248,252, 0)), color-stop(1, rgba(255,255,255, 0))); } .animetitle {color: #4f81bd !important;} .borderRBL { border-width: 1px 1px 0 36px !important; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_title { color: transparent; content: none; } .table_header[width="50"] { width: 70px !important; } .header_cw { position: absolute; visibility: hidden; width: 876px; height: 256px; top: 0px; margin-left: -28px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/Watching.png') top left no-repeat; } .header_completed { position: absolute; visibility: hidden; top: 0px; margin-left: -28px; width: 876px; height: 256px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/Completed.png') top left no-repeat; } .header_onhold { position: absolute; visibility: hidden; top: 0px; margin-left: -28px; width: 876px; height: 256px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/OnHold.png') top left no-repeat; } .header_dropped { position: absolute; top: 0px; visibility: hidden; margin-left: -28px; width: 876px; height: 256px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/Dropped.png') top left no-repeat; } .header_ptw { position: absolute; visibility: hidden; top: 0px; margin-left: -28px; width: 876px; height: 256px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/Planned.png') top left no-repeat; } .category_totals, #grand_totals { position: relative !important; display: block !important; color:#FFFFFF; font-weight: bold; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #4f81bd; padding: 5px 2px 5px 2px; } .form { border-width: 1px 1px 1px 1px; border-color: #000000; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } #copyright { position: relative !important; display: block !important; width: 600px; margin-bottom: 164px; /* 164 */ margin-left: auto; margin-right: auto; padding-top: 8px; padding-bottom: 8px; color: #FFFFFF !important; font-weight: bold; text-align: center; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #4f81bd; background-color: #FFFFFF; transform: rotate(-3deg); -o-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); z-index: 2 !important; } #copyright a { color: #4f81bd; } #copyright a:hover { text-decoration: underline; } #copyright:after { content: 'List designed by Hahaido.'; display: block; } /* header_al is thesurrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 14px; } #searchBox { position: fixed; display:block !important; top: -16px !important; right: -1px !important; margin-right: 26px !important; margin-top: 177px !important; color: #FFFFFF; font-weight: bold; font-size: 14px !important; text-shadow: #000000 0.1em 0.1em 0.2em; background: rgba(255,255,255, 0); border-width: 0px; !impotant; width: 100px !important; height: 62px; padding: 10px; margin: 100px auto 50px; overflow: hidden; /* Clear floats */ } #searchListButton { position: absolute !important; display: block !important; visibility: visible !important; content: none !important; width: 40px !important; height: 40px !important; right: 158px !important; margin-top: 253px !important; background: transparent !important; border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; z-index: -2 !important; } #searchListButton:hover { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Vocaloid%20Autumn%20Mix/Images/cursor_hover.png') 1 2, auto !important; } body:before { position: fixed; display: block; content: ' '; width: 23px; height: 100%; top: 0 px; right: 70px !important; background: url('Images/chain.png') repeat-y; z-index: -1; } body:after { position: absolute; content: ' '; width: 100%; height: 256px; top: 0px; left: 0px; background: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,216,91, .7)) 100%; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,216,91, .7)) 100%; background: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgba(255,255,255, 0)), color-stop(1, rgba(65,105,225, .7))); z-index: -2; } #list_surround:before { position: absolute; display: none; content: ' '; width: 876px; height: 256px; top: 0px; margin-left: -28px; background: url('https://dl.dropbox.com/u/57348187/MAL/Images/Header.png') top left no-repeat; z-index: -1; } #list_surround:after { position: absolute; display: inline-block; content: ' '; width: 360px; height: 506px; top: 32px; margin-left: -400px; background: url('https://dl.dropbox.com/u/57348187/MAL/Images/extra.png') no-repeat; z-index: -2; } #inlineContent:before { pointer-events: none !important; position: fixed !important; display: block !important; content: ' '; width: 100% !important; height: 200px !important; bottom: 0px !important; left: 0px !important; background: url('Images/InlineExtra_2.png') repeat-x bottom left, linear-gradient(top, rgba(255,255,255, 0) 0%,rgba(255,255,255,1) 35%); background: url('Images/InlineExtra_2.png') repeat-x bottom left, -moz-linear-gradient(top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%); background: url('Images/InlineExtra_2.png') repeat-x bottom left, -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(35,rgba(255,255,255,1))); z-index: 3 !important; } #inlineContent:after { pointer-events: none !important; position: fixed !important; display: block !important; content: ' '; width: 472px !important; height: 512px !important; bottom: -52px !important; left: 0px !important; background: url('https://dl.dropbox.com/u/57348187/MAL/Images/InlineExtra.png') no-repeat bottom left; z-index: 4 !important; } #inlineContent { pointer-events: none !important; display: block !important; position: fixed !important; top: -64px !important; left: -38px !important; width: 190px !important; height: 125px !important; background: url('https://dl.dropbox.com/u/57348187/MAL/background_top_menu.png') no-repeat top left; } Modified by Shishio-kun, 11-30-12, 3:06 PM |
#18
11-17-12, 11:08 AM
|
|
|
Offline Joined: Feb 2008 Posts: 481 |
Request complete for Shyolk Shyolk said: I'd like to request a Magi: The Labyrinth of Magic themed anime/manga list. Particularly Alibaba or Morgiana. Or both. ;) I won't mind how it's done, but I'd like the colour scheme to be dark. To get an idea, the anime list I have right now is what I mean by dark. (Just click on my signature) Message me if you need me to be more specific about things. Thanks in advance. I made one for a friend but I wouldn't mind sharing it. It's not really a dark one though you could just take another background (the library isn't really fitting anyway).  You can find the code here. (below the picture) Modified by Shishio-kun, 11-30-12, 3:03 PM |
#19
11-19-12, 12:14 PM
|
|
Offline Joined: Jun 2011 Posts: 5859 |
Request complete for HinoKahoko  ~ Anime List: see here *code: BODY { background-attachment: fixed; background-image: url("http://i1068.photobucket.com/albums/u449/Gaviota062/Anime%20List/OnePiece.png"); background-repeat: no-repeat; color: #919191; font-family: trebuchet ms; font-size: 11px; line-height: 13px; text-transform: lowercase; background-size: cover; } #list_surround table tbody tr:hover td { background-color: transparent; border-bottom: 1px solid #BEBDBD; } #list_surround tr:hover .category_totals, #list_surround table[align="center"] tbody tr:hover td, #list_surround table[align="center"] + table tbody tr:hover td { background-color: transparent; border: 0 none; } #mal_cs_powered { bottom: auto !important; position: fixed !important; right: 0 !important; } #mal_control_strip a { color: #BEBDBD !important; font-family: trebuchet ms !important; font-size: 10px !important; text-decoration: none !important; text-transform: lowercase !important; } #mal_control_strip { background: none repeat scroll 0 0 transparent !important; border-bottom: 0 solid #AA98A9 !important; color: #BEBDBD !important; font-family: trebuchet ms !important; height: 25px; line-height: 7px; text-transform: lowercase !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: medium none !important; } #mal_cs_otherlinks, #mal_cs_otherlinks div, #mal_cs_otherlinks span, #mal_cs_otherlinks strong { color: #BEBDBD !important; font-family: trebuchet ms !important; font-size: 10px; font-weight: normal; text-transform: lowercase !important; } div#list_surround { float: left; margin: 0 auto; padding-left: 310px; padding-top: 100px; width: 630px; } a { color: #AA98A9; font-size: 11px; text-decoration: none; text-transform: lowercase; } a:visited { color: #AA98A9; font-size: 11px; text-decoration: none; text-transform: lowercase; } a:hover { color: #BEBDBD; cursor: default; font-size: 11px; text-decoration: none; text-transform: lowercase; } .td1, .td2 { background-color: transparent; border: 1px dotted transparent; color: #919191; font-size: 10px; } .status_selected { color: #09245B; font-size: 11px; } .status_not_selected { color: #09245B; font-size: 11px; } .status_selected a { font-size: 11px; } .status_not_selected a { color: #BEBDBD; font-size: 11px; } .table_header { color: #AA98A9; font-size: 11px; padding-bottom: 10px; } .table_headerLink { color: #AA98A9; font-size: 11px; } .table_headerLink:visited { color: #AA98A9; font-size: 11px; } .table_headerLink:hover { color: #BEBDBD; font-size: 11px; } .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { color: #AA98A9; font-size: 30px; font-weight: bold; letter-spacing: -2px; padding-bottom: 30px; padding-top: 15px; text-align: center; text-transform: lowercase; } .category_totals { font-size: 9px; padding-top: 14px; text-align: center; } #grand_totals { font-size: 9px; text-align: center; } .header_al { } .header_al_links { } .animetitle { } small a { color: #919191; font-size: 10px; } small a:hover { color: #BEBDBD; font-size: 10px; } #copyright { font-size: 9px; margin: 0 auto; padding-bottom: 20px; padding-top: 20px; text-align: center; } ~ Manga List: see here * code: BODY { background-attachment: fixed; background-image: url("http://i1068.photobucket.com/albums/u449/Gaviota062/Anime%20List/ed2.png"); background-repeat: no-repeat; background-size: cover; color: #D39BCB; font-family: trebuchet ms; font-size: 11px; line-height: 13px; text-transform: lowercase; } #list_surround tbody tr:hover { background-color: transparent; border-bottom: 1px solid #D39BCB; } #list_surround tr:hover .category_totals, #list_surround[align="center"] tbody tr:hover td, #list_surround[align="center"] + tbody tr:hover { background-color: transparent; border: 0 none; } #mal_cs_powered { bottom: auto !important; position: fixed !important; right: 0 !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: medium none !important; } #mal_cs_otherlinks, #mal_cs_otherlinks div, #mal_cs_otherlinks span, #mal_cs_otherlinks strong { color: #8E4585 !important; font-family: trebuchet ms !important; font-size: 10px; font-weight: normal; text-transform: lowercase !important; } div#list_surround { float: left; margin: 0 auto; padding-left: 310px; padding-top: 100px; width: 630px; } a { color: #8E4585; font-size: 11px; text-decoration: none; text-transform: lowercase; } a:visited { color: #D770A2; font-size: 11px; text-decoration: none; text-transform: lowercase; } a:hover { color: #8E4585; cursor: default; font-size: 11px; text-decoration: none; text-transform: lowercase; } .td1, .td2 { background-color: transparent; border: 1px dotted transparent; color: #D39BCB; font-size: 10px; } .status_selected { color: #8E4585; font-size: 11px; } .status_not_selected { color: #D39BCB; font-size: 11px; } .status_selected a { font-size: 11px; } .status_not_selected a { color: #8E4585; font-size: 11px; } .table_header { color: #8E4585; font-size: 11px; padding-bottom: 10px; } .table_headerLink { color: #8E4585; font-size: 11px; } .table_headerLink:visited { color: #8E4585; font-size: 11px; } .table_headerLink:hover { color: #8E4585; font-size: 11px; } .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { color: #8E4585; font-size: 30px; font-weight: bold; letter-spacing: -2px; padding-bottom: 30px; padding-top: 15px; text-align: center; text-transform: lowercase; } .category_totals { font-size: 9px; padding-top: 14px; text-align: center; } #grand_totals { font-size: 9px; text-align: center; } .header_al { } .header_al_links { } .animetitle { } small a { color: #D39BCB; font-size: 10px; } small a:hover { color: #8E4585; font-size: 10px; } #copyright { font-size: 9px; margin: 0 auto; padding-bottom: 20px; padding-top: 20px; text-align: center; } Modified by Shishio-kun, 11-30-12, 3:06 PM " Sometimes, we all feel the need to set the world on fire... ...and just let it fucking burn. " |
#20
11-29-12, 12:16 AM
|
|
|
Offline Joined: Jan 2012 Posts: 393 |
Request complete for kayserlein Preview:  Code: @import url(http://fonts.googleapis.com/css?family=Cutive+Mono); @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two); @import url(http://fonts.googleapis.com/css?family=Racing+Sans+One); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css); .table_header, .td1, .td2, .category_totals, #copyright, .header_title { background-color: rgba(255, 255, 255, 1); background-image: url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/net.png); background-repeat: repeat; background-position: top left; } .hide { position: absolute; display: inline-block !important; } :hover + .hide:before { visibility: visible !important; position: absolute !important; display: block !important; content: ''; margin-top: 2px; margin-left: 484px; width: 208px !important; height: 300px !important; background-color: rgba(255, 255, 255, 1); background-repeat: no-repeat !important; background-size: 200px 284px !important; background-position: center 20%; border: solid 2px #2b2f3c; box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); z-index: 1; } #inlineContent { position: fixed; display: block !important; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/background.png); background-repeat: no-repeat; background-position: center right; background-size: contain; z-index: -3; } body { background: linear-gradient(top, rgba(43, 47, 60, 1) 0%, rgba(43, 47, 60, 1) 15%, rgba(227, 239, 247, 1) 100%) fixed, url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/background-grid2.png) center center repeat; background: -moz-linear-gradient(top, rgba(43, 47, 60, 1) 0%, rgba(43, 47, 60, 1) 15%, rgba(227, 239, 247, 0) 100%) fixed, url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/background-grid2.png) center center repeat; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(43, 47, 60, 1)), color-stop(0.15, rgba(43, 47, 60, 1)), color-stop(1, rgba(227, 239, 247, 0))) fixed, url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/background-grid2.png) center center repeat; font-family: 'Cutive Mono', serif; color: #2b2f3c; font-size: 12px; } body, a:hover { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/cursor.png'), auto; } a, a:visited { text-decoration: none; } #list_surround:before { position: absolute; display: block; padding: 0 !important; top: 97px; left: 28px; width: 92% !important; height: calc(100% - 100px) !important; height: -moz-calc(100% - 100px) !important; height: -webkit-calc(100% - 100px) !important; content: ''; border: solid 4px #2b2f3c; border-bottom: none; background-color: rgba(91, 93, 134, 1) !important; box-shadow: 0 0 32px rgba(137, 251, 218, 1); -o-box-shadow: 0 0 32px rgba(137, 251, 218, 1); -moz-box-shadow: 0 0 32px rgba(137, 251, 218, 1); -webkit-box-shadow: 0 0 32px rgba(137, 251, 218, 1); border-radius: 14px 14px 0 0; -o-border-radius: 14px 14px 0 0; -moz-border-radius: 14px 14px 0 0; -webkit-border-radius: 14px 14px 0 0; z-index: -1; } #list_surround { position: relative; margin-top: 192px; padding: 80px 56px 44px; left: 32px; width: 708px; border: solid 4px #2b2f3c; background-color: rgba(110, 196, 171, 1); border-radius: 16px 16px 0 0; -o-border-radius: 16px 16px 0 0; -moz-border-radius: 16px 16px 0 0; -webkit-border-radius: 16px 16px 0 0; box-shadow: 12px 4px 16px rgba(0, 0, 0, .7); -o-box-shadow: 12px 4px 16px rgba(0, 0, 0, .7); -moz-box-shadow: 12px 4px 16px rgba(0, 0, 0, .7); -webkit-box-shadow: 12px 4px 16px rgba(0, 0, 0, .7); z-index: 1; } #list_surround:after { position: absolute; display: block; content: ''; height: 252px; width: 828px; margin-top: 48px; margin-left: -60px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/mobile_bottom.png') no-repeat; box-shadow: 12px 0 16px rgba(0, 0, 0, .7); -o-box-shadow: 12px 0 16px rgba(0, 0, 0, .7); -moz-box-shadow: 12px 0 16px rgba(0, 0, 0, .7); -webkit-box-shadow: 12px 0 16px rgba(0, 0, 0, .7); z-index: -2; } .category_totals { text-align: center; font-size: 14px; height: 44px; border-top: solid 2px #2b2f3c; border-left: solid 4px #2b2f3c; border-right: solid 4px #2b2f3c; border-bottom: solid 2px #2b2f3c; } #grand_totals { display: none; } .animetitle { display: block; padding-left: 12px; font-size: 18px; line-height: 24px; min-width: 0px; max-width: 436px; white-space: pre-wrap; } .animetitle + small { visibility: visible !important; position: relative !important; display: inline-block !important; margin-left: 12px; color: #FFFFFF !important; font-size: 12px !important; padding: 2px 8px; background-color: rgba(43, 47, 60, 1); } .td1, .td2 { transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } .td1 a, .td2 a { color: #2b2f3c; } #list_surround .header_title:before, #list_surround .header_title:after { position: absolute; display: inline-block; content: ''; } #list_surround .header_title:before { left: 64px !important; width: 32px; height: 32px; margin-top: 4px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/signal.png') no-repeat; } #list_surround .header_title:after { right: 64px !important; width: 48px; height: 48px; margin-top: -4px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/battery.png') no-repeat; } .table_header { padding: 8px 0 8px; text-align: center; border-top: solid 2px #2b2f3c !important; border-bottom: solid 2px #2b2f3c !important; z-index: 10; } .table_header a { color: #2b2f3c; } #list_surround .table_header:nth-of-type(2) { text-align: left !important; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { line-height: 44px; font-family: 'Racing Sans One', cursive; font-size: 26px; text-align: center !important; border: solid 4px #2b2f3c; border-bottom: none; } .table_header:first-child { border-left: solid 4px #2b2f3c !important; } .table_header:last-child { border-right: solid 4px #2b2f3c !important; } .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; } #copyright { position: relative !important; margin-top: 0 !important; text-align: center !important; border: solid 4px #2b2f3c; border-top: none; } #copyright a { font-weight: bold; color: #fa0107; } #copyright a:hover { text-shadow: 0 0 0.2em #fa0107; } #copyright:before { display: block; content: 'List designed by Hahaido.'; } #copyright:after { position: absolute !important; display: block; content: 'kayserlein'; width: 100%; margin-top: 4px; color: #FFFFFF; font-family: 'Racing Sans One', cursive; text-align: center; font-size: 26px; line-height: 44px; padding: 0 !important; background-color: rgba(91, 93, 134, 1); } Modified by Hahaido, 12-02-12, 11:30 PM |