New
Mar 17, 2013 10:50 AM
#51
Request complete for -Prankster- -Prankster- said: Hi. I would like to make a animelist theme request for "btooom!" Volunteer designers have complete freedom and can design it to suit their preference. Thanks in Advance Preview: Code: @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; * { text-decoration: none; } /*Change here your Backgroundimage*/ body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i50.tinypic.com/jzn6p.jpg"); background-position: 0 0; background-repeat: no-repeat no-repeat; background-size: cover; font-family: calibri; } #inlineContent { background-image: url(""); background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4; } /*Change List width here*/ #list_surround { background-attachment: scroll; background-image: url(""); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 81.25%; height: 0; left: 10px !important; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 100px; position: absolute; width: 650px; } a { color: #FFFFFF; text-shadow: none; } a:hover { color: #FF4000; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header { } .table_header:first-of-type { border-radius: 0 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* Change your list color here*/ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { background-color: rgba(54, 122, 230, 0.7); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: white; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(104, 156, 232, 0.7); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(104, 156, 232, 0.7); color: #FFFFFF; } [class^="header_"] * { font-size: 40px; line-height: 0; margin-top: -10px; padding-bottom: 0; vertical-align: bottom; } .header_title { background-color: rgba(104, 156, 232, 0.7); border-radius: 20px 20px 0 0; color: white; font-family: century Gothic; font-style: normal; height: 30px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); width: auto; } #grand_totals { background-color: rgba(104, 156, 232, 0.7); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 500px; } a, .td1, .td2, .category_totals { } .status_not_selected { opacity: 0.5; } .status_not_selected:hover { color: transparent; opacity: 1; transition: all 0.4s ease 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: white; font-family: century gothic; font-size: 20px; } .status_selected { display: block; } .status_not_selected { display: block; } #list_surround .status_selected, #list_surround .status_not_selected { background-color: rgba(54, 122, 230, 0.7); border-color: white !important; border-style: solid !important; border-width: 1px !important; left: 670px; padding: 15px 0; position: fixed; top: 160px; width: 200px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { top: 230px; } #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 { top: 300px; } #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 { top: 370px; } #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 { top: 440px; } #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 { top: 510px; } tr:hover [class^="td"] { background-color: rgba(104, 156, 232, 0.7); transition: all 0.4s ease 0s; } /* Dvd Preview image, if you dont need it just delete it from here to..*/ :hover + .hide { background-color: rgba(54, 122, 230, 0.7); background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: 250px 330px !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: ridge; border-width: 2px; display: block !important; height: 350px; padding: 79px 40px 10px 10px; position: fixed; right: 3px; top: 160px; width: 234px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: "Preview"; font-family: century gothic; font-size: 20px; padding-bottom: 5px; position: absolute; text-align: center; top: 2px; width: 262px; } /* ..till that part above*/ /* Copyright section*/ #copyright, #copyright:hover { background-color: rgba(104, 156, 232, 0.7); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 650px; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_ "; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } If there is anything you want to change, tell me |
Shishio-kunMay 28, 2013 5:59 PM
Mar 24, 2013 4:35 AM
#52
Hmmm?!.. Well Request complete for Nicksen Preview Code: @import url(http://fonts.googleapis.com/css?family=Carme); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css); * { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/cursor.png'), auto; } .hide { visibility: hidden; position: absolute !important; display: block !important; margin-left: -100% !important; margin-top: 0 !important; width: 130px !important; height: 184px !important; transition: margin-left .5s ease-in-out; -o-transition: margin-left .5s ease-in-out; -moz-transition: margin-left .5s ease-in-out; -webkit-transition: margin-left .5s ease-in-out; border: solid 1px #e3e5e5; background-repeat: no-repeat !important; background-size: 105% 105%; box-shadow: inset 0 1px 0 rgba(162, 163, 162, .6); -moz-box-shadow: inset 0 1px 0 rgba(162, 163, 162, .6); -webkit-box-shadow: inset 0 1px 0 rgba(162, 163, 162, .6); } :hover + .hide { visibility: visible !important; margin-left: -132px !important; } body { color: #FFFFFF; font-size: 12px; font-family: 'Carme', sans-serif; text-shadow: 0 0 0.2em #000000; background-color: rgba(227, 229, 229, 1); background-image: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/bamboo.jpg'), url('http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/body_bg.png'); background-repeat: no-repeat, repeat; background-attachment: fixed, scroll; background-position: center center; background-size: cover, auto; } a { text-decoration: none; } /* Table header banner */ #list_surround:before { position: absolute; display: block; margin-left: 192px; margin-top: -38px; content: ''; width: 320px; height: 82px; background: url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/Hinata.png); } #list_surround { position: relative; width: 700px; left: 50%; margin-left: -350px; margin-top: 424px; margin-bottom: 136px; padding-top: 200px; background-color: rgba(255, 255, 255, 1); background-image: url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/bg.png), linear-gradient(left , rgba(162, 163, 162, .5) 25%, rgba(162, 163, 162, 1) 100%); background-image: url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/bg.png), -moz-linear-gradient(left , rgba(162, 163, 162, .5) 25%, rgba(162, 163, 162, 1) 100%); background-image: url(http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/bg.png), -webkit-gradient( linear, left bottom, right bottom, color-stop(0.25, rgba(162, 163, 162, .5)), color-stop(1, rgba(162, 163, 162, 1))); background-attachment: scroll, fixed; background-repeat: repeat; background-position: top left; box-shadow: 0 0 16px rgba(0, 0, 0, .7); -o-box-shadow: 0 0 16px rgba(0, 0, 0, .7); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .7); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .7); border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; } .animetitle { display: block; padding-left: 4px; font-size: 14px; min-width: 0px; max-width: 464px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .animetitle + small { display: none; } .td1, .td2 { border-bottom: dotted 1px rgba(227, 229, 229, .5); line-height: 24px !important; transition: background .5s linear; -o-transition: background .5s linear; -moz-transition: background .5s linear; -webkit-transition: background .5s linear; } .td1 a, .td2 a { color: #FFFFFF; } .header_title, .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { display: none; } .category_totals { padding: 4px 0; line-height: 18px; text-align: center; } #copyright { position: relative !important; margin-top: 0 !important; text-align: center !important; padding: 2px; border-top: dotted 1px rgba(227, 229, 229, .5); } #copyright a { color: #FFFFFF; font-weight: bold; } #copyright:after { display: block; content: 'List designed by Hahaido.'; } #inlineContent { position: absolute; display: block !important; top: -425px; right: -112px; width: 338px; height: 700px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Hinata/Images/top.png'); z-index: 15; } |
Shishio-kunMay 28, 2013 5:57 PM
Mar 25, 2013 2:44 PM
#53
Request completed for D3ad_Fantasy D3ad_Fantasy said: Hello, I would like to request a anime/manga list of Tsubasa Hanekawa from the monogatari series. The use of this image would be nice or a nice picture of regular Hanekawa. My current animelist background is a bit irritating because some of the list overlaps her picture. My computer screen resolutions (if that matters) are 1366 x 768 and 1280 x 1024. Making something in between to fit either or would be nice. Thanks for reading, D3ad_Fantasy I tried granting first request I really liked, and this was the result: (I was working on it for 3 days --> well truthfully I was working only on evening in each of those days, and even than I only copy-pasted a few codes and than re-configured them a little...hehehe) If you want any change let me know, but if it will include the change of image, please provide it yourself (I may need to require transparent on some parts !!!), coz I really need to learn to work with at least one photo editing program...hehehe Anime version: /****************************************/ /* Layout created by Monsterguy (2013) */ /****************************************/ /* ---Anime Cover Image - THOSE ARE SPECIAL COVER CODES !!! --- */ @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Covers.css); /* ---Fonts--- */ @import url("http://fonts.googleapis.com/css?family=Tangerine"); @import url("http://fonts.googleapis.com/css?family=Lemon"); /************/ /* BODY */ /************/ body { background-attachment:fixed !important; background-image: url(http://4otaku.org/images/booru/resized/9e8769db11595da8a84b4ed4903bcfca.jpg), url(http://fc03.deviantart.net/fs71/i/2012/238/a/7/hanekawa_tsubasa_cat___by_jackchrist-d5ck0sv.png), url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/Desktop-background-wallpaper-blue-black-gradient-vizfact-dot-com_2.png); background-position:left bottom, right bottom, 100% 20%; background-repeat:no-repeat; background-size: 950px 100%, 750px 600px, cover; color: white !important; } /************/ /* BANNER */ /************/ body:before { position:absolute; display:block !important; top:40px; left:250px; width:300px; height: 50px; content:""; margin-bottom:0px; background-color: rgba(0, 0, 0, 0.6); background-image:url(http://i44.tinypic.com/15s9esp.jpg); /*background-image:url(http://i41.tinypic.com/34nh0e9.jpg);*/ background-repeat: no-repeat; background-size:300px 50px; background-position: center center; z-index: -1; } /*************/ /* List Area */ /*************/ #list_surround{ left:0px; width:950px; z-index:-1; padding-bottom: 50px; padding-top: 250px; } /* HEADER COLOR AND FONT */ .header_title { background-color: rgba(115, 136, 183, 0.6); 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(0, 0, 0, 0.8); font-family: "Lemon"; color:white !important; font-weight:normal !important; font-size: 14px !important; } /* --- TABELE'S BACKGROUND --- */ a { color: white; text-decoration:none; } .td1, .td2{ background-color: rgba(0, 0, 0, 0.6); color: white !important; } /* --- TABELE ROW'S HIGHLIGHT --- */ tr:hover [class^="td"] { background-color:rgba(255,255,255,0.6); transition: all 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; } #list_surround tbody:hover td[class^='td']:first-child { border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } #list_surround tbody:hover td[class^='td']:last-child { border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; } #list_surround tr:hover .td1, #list_surround tr:hover .td2, #list_surround tr:hover .td1 a, #list_surround tr:hover .td2 a { font-weight:bold; color: black !important; text-shadow: -1px -1px 3px rgb(102,255,51), 1px 1px 3px rgb(102,255,51); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #list_surround tr:hover .animetitle + small{ display:none; } a:hover { text-decoration:underline !important; } /*******************/ /* Category Totals */ /*******************/ .category_totals{ background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.25); color: #fff; font-weight: bold; text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px; text-align: center; border-radius: 0px 0px 20px 20px; } /*********************************/ /* Text displaying global totals */ /*********************************/ #grand_totals{ color: #fff; font-size: 17px; font-weight: bold; text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px; /* The following line makes it ALL-CAPS */ text-transform: uppercase; text-align: center; padding-bottom: 30px; } /*************/ /* Copyright */ /*************/ #copyright{ background-color: blue; border-radius: 20px 20px 20px 20px; border-color: rgba(255,255,255,0.25); } #copyright:before { content: "Custom CSS by Monsterguy. Google 'Shishio's Custom Lists' for more designs and info."; background-color: rgba(0,0,0,0.6); display:block !important; border-radius: 80px 80px 0px 0px; padding: 0px 0 0 0; margin-top:0px; } /* Modifying the text color in copyright section */ #copyright{ color: orange; } /******************/ /* DVD covers */ /******************/ #list_surround table:nth-of-type(n+4) tbody:hover .animetitle:after { content: ''; background-color: white; position: fixed !important; display: block !important; top:70px; right:50px !important; width:200px !important; height:300px; margin-top: -26px !important; background-repeat: no-repeat !important; background-size: 100% 100% ; border: ridge 5px deepskyblue; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 25; } /***********************************************************/ /* ----------edit tag after you click on it------------- */ /***********************************************************/ input.inputtext, textarea.textarea, textarea.inputtext { position:fixed; display: block !important; width: 270px; height: 100px; right: 4px; bottom: 30px; padding: 8px 8px 150px 8px; z-index: 26; } /*-----Changes "Tags" writing (the number 6 indicates which row Tags are in !!!) to what other name you desire (write new text under "content")----- */ .table_header:nth-of-type(6){ font-size: 0 !important} .table_header:nth-of-type(6):before{ content: "Comments"; font-weight:bold !important; font-family: "Lemon"; color:white !important; font-size: 14px !important; } /* ---MORE function--- */ .borderRBL { color:#00FFFF !important; } .borderRBL:hover { font-weight:normal !important; color:rgb(255,255,255) !important; text-align: center; } /* ---text like "Aring"--- */ #list_surround .animetitle + small { color:#FF6600; } /*****************/ /* ---CURSOR --- */ /*****************/ a:hover,a:visited:hover { cursor:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/Picture1_zps9e3651de.png),auto !important; transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */ -webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */ -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */ -moz-transition-delay:2s; -webkit-transition-delay:2s; -o-transition-delay:2s; transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ } /* ---------- TOP-BAR RESTYLING ---------- */ #mal_control_strip{ background-color: transparent !important; position:fixed; top: 0; z-index: 25; } /* -------- Setting top bar's background---------- */ #mal_control_strip { background-size: 100% 100% !important; background-image: url(http://i.imgur.com/NWqnO.png) !important; z-index: 25; } /* ---------- BAR AT BOTTOM ---------- */ /* Setting a position */ #list_surround > table:first-of-type { bottom: 0; margin-left: -20px; position: fixed; width: 1000px; } /* Setting elements to display pure image */ #list_surround > table:first-of-type td{ background-color: transparent; border-width: 0 !important; } .status_not_selected, .status_selected{ border-width: 0 !important; padding: 0 !important; width: auto !important; } .status_not_selected > a, .status_selected > a{ color: transparent !important; content: none; display: block; height: 30px; width: 150px; } /* Override size for wider parts */ .status_not_selected > a[href*="status=1"],.status_selected > a[href*="status=1"],.status_not_selected > a[href*="status=7"], .status_selected > a[href*="status=7"]{ width: 200px; } /* Currently watching */ .status_not_selected > a[href*="status=1"]{background-position: 0px 0px} .status_not_selected > a[href*="status=1"]:hover{background-position: 0px 30px} .status_not_selected > a[href*="status=1"]:active, .status_selected > a[href*="status=1"]{background-position: 0px 60px} /* Completed */ .status_not_selected > a[href*="status=2"]{background-position: -200px 0px} .status_not_selected > a[href*="status=2"]:hover{background-position: -200px 30px} .status_not_selected > a[href*="status=2"]:active, .status_selected > a[href*="status=2"]{background-position: -200px 60px} /* On Hold */ .status_not_selected > a[href*="status=3"]{background-position: -350px 0px} .status_not_selected > a[href*="status=3"]:hover{background-position: -350px 30px} .status_not_selected > a[href*="status=3"]:active, .status_selected > a[href*="status=3"]{background-position: -350px 60px} /* Dropped */ .status_not_selected > a[href*="status=4"]{background-position: -500px 0px} .status_not_selected > a[href*="status=4"]:hover{background-position: -500px 30px} .status_not_selected > a[href*="status=4"]:active, .status_selected > a[href*="status=4"]{background-position: -500px 60px} /* Plan to watch */ .status_not_selected > a[href*="status=6"]{background-position: -650px 0px} .status_not_selected > a[href*="status=6"]:hover{background-position: -650px 30px} .status_not_selected > a[href*="status=6"]:active, .status_selected > a[href*="status=6"]{background-position: -650px 60px} /* All Anime */ .status_not_selected > a[href*="status=7"]{background-position: -800px 0px} .status_not_selected > a[href*="status=7"]:hover{background-position: -800px 30px} .status_not_selected > a[href*="status=7"]:active, .status_selected > a[href*="status=7"]{background-position: -800px 60px} /* ---Configures a CSS sprite for the bar at the bottom--- */ .status_not_selected a, .status_selected a{ background-image: url('http://i.imgur.com/rSgqF.png'); } Manga version: /****************************************/ /* Layout created by Monsterguy (2013) */ /****************************************/ /* ---Manga Cover Image - THOSE ARE SPECIAL COVER CODES !!! --- */ @import url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/manga_covers.css); /* ---Fonts--- */ @import url("http://fonts.googleapis.com/css?family=Tangerine"); @import url("http://fonts.googleapis.com/css?family=Lemon"); /************/ /* BODY */ /************/ body { background-attachment:fixed !important; background-image: url(http://4otaku.org/images/booru/resized/9e8769db11595da8a84b4ed4903bcfca.jpg), url(http://fc03.deviantart.net/fs71/i/2012/238/a/7/hanekawa_tsubasa_cat___by_jackchrist-d5ck0sv.png), url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/Desktop-background-wallpaper-blue-black-gradient-vizfact-dot-com_2.png); background-position:left bottom, right bottom, 100% 20%; background-repeat:no-repeat; background-size: 950px 100%, 750px 600px, cover; color: white !important; } /************/ /* BANNER */ /************/ body:before { position:absolute; display:block !important; top:40px; left:250px; width:300px; height: 50px; content:""; margin-bottom:0px; background-color: rgba(0, 0, 0, 0.6); /*background-image:url(http://i44.tinypic.com/15s9esp.jpg);*/ background-image:url(http://i41.tinypic.com/34nh0e9.jpg); background-repeat: no-repeat; background-size:300px 50px; background-position: center center; z-index: -1; } /*************/ /* List Area */ /*************/ #list_surround{ left:0px; width:950px; z-index:-1; padding-bottom: 50px; padding-top: 250px; } /* HEADER COLOR AND FONT */ .header_title { background-color: rgba(115, 136, 183, 0.6); 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(0, 0, 0, 0.8); font-family: "Lemon"; color:white !important; font-weight:normal !important; font-size: 14px !important; } /* --- TABELE'S BACKGROUND --- */ a { color: white; text-decoration:none; } .td1, .td2{ background-color: rgba(0, 0, 0, 0.6); color: white !important; } /* --- TABELE ROW'S HIGHLIGHT --- */ tr:hover [class^="td"] { background-color:rgba(255,255,255,0.6); transition: all 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; } #list_surround tbody:hover td[class^='td']:first-child { border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } #list_surround tbody:hover td[class^='td']:last-child { border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; } #list_surround tr:hover .td1, #list_surround tr:hover .td2, #list_surround tr:hover .td1 a, #list_surround tr:hover .td2 a { font-weight:bold; color: black !important; text-shadow: -1px -1px 3px rgb(102,255,51), 1px 1px 3px rgb(102,255,51); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #list_surround tr:hover .animetitle + small{ display:none; } a:hover { text-decoration:underline !important; } /*******************/ /* Category Totals */ /*******************/ .category_totals{ background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.25); color: #fff; font-weight: bold; text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px; text-align: center; border-radius: 0px 0px 20px 20px; } /*********************************/ /* Text displaying global totals */ /*********************************/ #grand_totals{ color: #fff; font-size: 17px; font-weight: bold; text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px; /* The following line makes it ALL-CAPS */ text-transform: uppercase; text-align: center; padding-bottom: 30px; } /*************/ /* Copyright */ /*************/ #copyright{ background-color: blue; border-radius: 20px 20px 20px 20px; border-color: rgba(255,255,255,0.25); } #copyright:before { content: "Custom CSS by Monsterguy. Google 'Shishio's Custom Lists' for more designs and info."; background-color: rgba(0,0,0,0.6); display:block !important; border-radius: 80px 80px 0px 0px; padding: 0px 0 0 0; margin-top:0px; } /* Modifying the text color in copyright section */ #copyright{ color: orange; } /******************/ /* DVD covers */ /******************/ #list_surround table:nth-of-type(n+4) tbody:hover .animetitle:after { content: ''; background-color: white; position: fixed !important; display: block !important; top:70px; right:50px !important; width:200px !important; height:300px; margin-top: -26px !important; background-repeat: no-repeat !important; background-size: 100% 100% ; border: ridge 5px deepskyblue; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 25; } /***********************************************************/ /* ----------edit tag after you click on it------------- */ /***********************************************************/ input.inputtext, textarea.textarea, textarea.inputtext { position:fixed; display: block !important; width: 270px; height: 100px; right: 4px; bottom: 30px; padding: 8px 8px 150px 8px; z-index: 26; } /*-----Changes "Tags" writing (the number 5 indicates which row Tags are in !!!) to what other name you desire (write new text under "content")----- */ .table_header:nth-of-type(5){ font-size: 0 !important} .table_header:nth-of-type(5):before{ content: "Comments"; font-weight:bold !important; font-family: "Lemon"; color:white !important; font-size: 14px !important; } /* ---MORE function--- */ .borderRBL { color:#00FFFF !important; } .borderRBL:hover { font-weight:normal !important; color:rgb(255,255,255) !important; text-align: center; } /* ---text like "Aring"--- */ #list_surround .animetitle + small { color:#FF6600; } /*****************/ /* ---CURSOR --- */ /*****************/ a:hover,a:visited:hover { cursor:url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/25112615OLKUIATy%282%29.png) 1 2,auto !important; transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */ -webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */ -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */ -moz-transition-delay:2s; -webkit-transition-delay:2s; -o-transition-delay:2s; transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ } /* ---------- TOP-BAR RESTYLING ---------- */ #mal_control_strip{ background-color: transparent !important; position:fixed; top: 0; z-index: 25; } /* -------- Setting top bar's background---------- */ #mal_control_strip { background-size: 100% 100% !important; background-image: url(http://i.imgur.com/NWqnO.png) !important; z-index: 25; } /* ---------- BAR AT BOTTOM ---------- */ /* Setting a position */ #list_surround > table:first-of-type { bottom: 0; margin-left: -20px; position: fixed; width: 1000px; } /* Setting elements to display pure image */ #list_surround > table:first-of-type td{ background-color: transparent; border-width: 0 !important; } .status_not_selected, .status_selected{ border-width: 0 !important; padding: 0 !important; width: auto !important; } .status_not_selected > a, .status_selected > a{ color: transparent !important; content: none; display: block; height: 30px; width: 150px; } /* Override size for wider parts */ .status_not_selected > a[href*="status=1"],.status_selected > a[href*="status=1"],.status_not_selected > a[href*="status=7"], .status_selected > a[href*="status=7"]{ width: 200px; } /* Currently watching */ .status_not_selected > a[href*="status=1"]{background-position: 0px 0px} .status_not_selected > a[href*="status=1"]:hover{background-position: 0px 30px} .status_not_selected > a[href*="status=1"]:active, .status_selected > a[href*="status=1"]{background-position: 0px 60px} /* Completed */ .status_not_selected > a[href*="status=2"]{background-position: -200px 0px} .status_not_selected > a[href*="status=2"]:hover{background-position: -200px 30px} .status_not_selected > a[href*="status=2"]:active, .status_selected > a[href*="status=2"]{background-position: -200px 60px} /* On Hold */ .status_not_selected > a[href*="status=3"]{background-position: -350px 0px} .status_not_selected > a[href*="status=3"]:hover{background-position: -350px 30px} .status_not_selected > a[href*="status=3"]:active, .status_selected > a[href*="status=3"]{background-position: -350px 60px} /* Dropped */ .status_not_selected > a[href*="status=4"]{background-position: -500px 0px} .status_not_selected > a[href*="status=4"]:hover{background-position: -500px 30px} .status_not_selected > a[href*="status=4"]:active, .status_selected > a[href*="status=4"]{background-position: -500px 60px} /* Plan to watch */ .status_not_selected > a[href*="status=6"]{background-position: -650px 0px} .status_not_selected > a[href*="status=6"]:hover{background-position: -650px 30px} .status_not_selected > a[href*="status=6"]:active, .status_selected > a[href*="status=6"]{background-position: -650px 60px} /* All Anime */ .status_not_selected > a[href*="status=7"]{background-position: -800px 0px} .status_not_selected > a[href*="status=7"]:hover{background-position: -800px 30px} .status_not_selected > a[href*="status=7"]:active, .status_selected > a[href*="status=7"]{background-position: -800px 60px} /* ---Configures a CSS sprite for the bar at the bottom--- */ .status_not_selected a, .status_selected a{ background-image: url('http://i.imgur.com/rSgqF.png'); } EDIT: Just realized you have diferent resolution than me, so: Resolution 1280x1024 (now TESTED on my other much bigger screen that has resolution up to 1920x1200) Minor adjustments(new cursor, transition,...) for anime version only: /****************************************/ /* Layout created by Monsterguy (2013) */ /****************************************/ /* ---Anime Cover Image - THOSE ARE SPECIAL COVER CODES !!! --- */ @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kore%20wa%20Zombie%20Desuka/Covers.css); /* ---Fonts--- */ @import url("http://fonts.googleapis.com/css?family=Tangerine"); @import url("http://fonts.googleapis.com/css?family=Lemon"); /************/ /* BODY */ /************/ body { background-attachment:fixed !important; background-image: url(http://4otaku.org/images/booru/resized/9e8769db11595da8a84b4ed4903bcfca.jpg), url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/rsz_hanekawa_tsubasa_cat___by_jackchrist-d5ck0sv.png), url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/Desktop-background-wallpaper-blue-black-gradient-vizfact-dot-com_2.png); background-position:left bottom, 98% 100%, 100% 20%; background-repeat:no-repeat; background-size: 75% 100%, 25% 80%, cover; color: white !important; /* ---CURSOR --- */ cursor:url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/25112615OLKUIATy2.png) 1 2,auto !important; } /************/ /* BANNER */ /************/ body:before { position:absolute; display:block !important; top:40px; left:250px; width:300px; height: 50px; content:""; margin-bottom:0px; background-color: rgba(0, 0, 0, 0.6); background-image:url(http://i44.tinypic.com/15s9esp.jpg); /*background-image:url(http://i41.tinypic.com/34nh0e9.jpg);*/ background-repeat: no-repeat; background-size:300px 50px; background-position: center center; z-index: -1; } /*************/ /* List Area */ /*************/ #list_surround{ left:0px; width:75%; z-index:-1; padding-bottom: 50px; padding-top: 250px; } /* HEADER COLOR AND FONT */ .header_title { background-color: rgba(115, 136, 183, 0.6); 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(0, 0, 0, 0.8); font-family: "Lemon"; color:white !important; font-weight:normal !important; font-size: 14px !important; } /* --- TABELE'S BACKGROUND --- */ a { color: white; text-decoration:none; } .td1, .td2{ background-color: rgba(0, 0, 0, 0.6); color: white !important; } /* --- TABELE ROW'S HIGHLIGHT --- */ tr:hover [class^="td"] { background-color:rgba(255,255,255,0.6); transition: all 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; } #list_surround tbody:hover td[class^='td']:first-child { border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } #list_surround tbody:hover td[class^='td']:last-child { border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; } #list_surround tr:hover .td1, #list_surround tr:hover .td2, #list_surround tr:hover .td1 a, #list_surround tr:hover .td2 a { font-weight:bold; color: black !important; text-shadow: -1px -1px 3px rgb(102,255,51), 1px 1px 3px rgb(102,255,51); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #list_surround tr:hover .animetitle + small{ display:none; } a:hover { text-decoration:underline !important; } /*******************/ /* Category Totals */ /*******************/ .category_totals{ background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.25); color: #fff; font-weight: bold; text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px; text-align: center; border-radius: 0px 0px 20px 20px; } /*********************************/ /* Text displaying global totals */ /*********************************/ #grand_totals{ color: #fff; font-size: 17px; font-weight: bold; text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px; /* The following line makes it ALL-CAPS */ text-transform: uppercase; text-align: center; padding-bottom: 30px; } /*************/ /* Copyright */ /*************/ #copyright{ background-color: rgba(0, 0, 255, 0.8); border-radius: 20px 20px 20px 20px; border-color: rgba(255,255,255,0.25); } #copyright:before { content: "Custom CSS by Monsterguy. Google 'Shishio's Custom Lists' for more designs and info."; background-color: rgba(0,0,0,0.6); display:block !important; border-radius: 80px 80px 0px 0px; padding: 0px 0 0 0; margin-top:0px; } /* Modifying the text color in copyright section */ #copyright{ color: orange; } /******************/ /* DVD covers */ /******************/ #list_surround table:nth-of-type(n+4) tbody:hover .animetitle:after { content: ''; background-color: white; position: fixed !important; display: block !important; top:70px; /*right:50px !important;*/ right:5% !important; width:200px !important; height:300px; margin-top: -26px !important; background-repeat: no-repeat !important; background-size: 100% 100% ; border: ridge 5px deepskyblue; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 25; } /***********************************************************/ /* ----------edit tag after you click on it------------- */ /***********************************************************/ input.inputtext, textarea.textarea, textarea.inputtext { position:fixed; display: block !important; width: 270px; height: 100px; right: 4px; bottom: 30px; padding: 8px 8px 150px 8px; z-index: 26; } /*-----Changes "Tags" writing (the number 6 indicates which row Tags are in !!!) to what other name you desire (write new text under "content")----- */ .table_header:nth-of-type(6){ font-size: 0 !important} .table_header:nth-of-type(6):before{ content: "Comments"; font-weight:bold !important; font-family: "Lemon"; color:white !important; font-size: 14px !important; } /* ---MORE function--- */ .borderRBL { color:#00FFFF !important; } .borderRBL:hover { font-weight:normal !important; color:rgb(255,255,255) !important; text-align: center; } /* ---text like "Aring"--- */ #list_surround .animetitle + small { color:#FF6600; } /*****************/ /* ---CURSOR --- */ /*****************/ a:hover,a:visited:hover { cursor:url(https://dl.dropbox.com/u/144008148/Premade/Request_Hanekawa/layout/25112615OLKUIATy%282%29.png) 1 2,auto !important; transition:width 2s, height 2s; -moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */ -webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */ -o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */ -moz-transition-delay:2s; -webkit-transition-delay:2s; -o-transition-delay:2s; transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ } /* ---------- TOP-BAR RESTYLING ---------- */ #mal_control_strip{ background-color: transparent !important; position:fixed; top: 0; z-index: 25; } /* -------- Setting top bar's background---------- */ #mal_control_strip { background-size: 100% 100% !important; background-image: url(http://i.imgur.com/NWqnO.png) !important; z-index: 25; } /* ---------- BAR AT BOTTOM ---------- */ /* Setting a position */ #list_surround > table:first-of-type { bottom: 0; margin-left: -20px; position: fixed; width: 1000px; } /* Setting elements to display pure image */ #list_surround > table:first-of-type td{ background-color: transparent; border-width: 0 !important; } .status_not_selected, .status_selected{ border-width: 0 !important; padding: 0 !important; width: auto !important; } .status_not_selected > a, .status_selected > a{ color: transparent !important; content: none; display: block; height: 30px; width: 150px; } /* Override size for wider parts */ .status_not_selected > a[href*="status=1"],.status_selected > a[href*="status=1"],.status_not_selected > a[href*="status=7"], .status_selected > a[href*="status=7"]{ width: 200px; } /* Currently watching */ .status_not_selected > a[href*="status=1"]{background-position: 0px 0px} .status_not_selected > a[href*="status=1"]:hover{background-position: 0px 30px} .status_not_selected > a[href*="status=1"]:active, .status_selected > a[href*="status=1"]{background-position: 0px 60px} /* Completed */ .status_not_selected > a[href*="status=2"]{background-position: -200px 0px} .status_not_selected > a[href*="status=2"]:hover{background-position: -200px 30px} .status_not_selected > a[href*="status=2"]:active, .status_selected > a[href*="status=2"]{background-position: -200px 60px} /* On Hold */ .status_not_selected > a[href*="status=3"]{background-position: -350px 0px} .status_not_selected > a[href*="status=3"]:hover{background-position: -350px 30px} .status_not_selected > a[href*="status=3"]:active, .status_selected > a[href*="status=3"]{background-position: -350px 60px} /* Dropped */ .status_not_selected > a[href*="status=4"]{background-position: -500px 0px} .status_not_selected > a[href*="status=4"]:hover{background-position: -500px 30px} .status_not_selected > a[href*="status=4"]:active, .status_selected > a[href*="status=4"]{background-position: -500px 60px} /* Plan to watch */ .status_not_selected > a[href*="status=6"]{background-position: -650px 0px} .status_not_selected > a[href*="status=6"]:hover{background-position: -650px 30px} .status_not_selected > a[href*="status=6"]:active, .status_selected > a[href*="status=6"]{background-position: -650px 60px} /* All Anime */ .status_not_selected > a[href*="status=7"]{background-position: -800px 0px} .status_not_selected > a[href*="status=7"]:hover{background-position: -800px 30px} .status_not_selected > a[href*="status=7"]:active, .status_selected > a[href*="status=7"]{background-position: -800px 60px} /* ---Configures a CSS sprite for the bar at the bottom--- */ .status_not_selected a, .status_selected a{ background-image: url('http://i.imgur.com/rSgqF.png'); } _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Let me also tell you my first vision was a lot different, but it turned out I would need photoshop or some other program skills for that, what I don't have (below look at poorly made tablets on the right --> behind the picture you provided). A plain sketch, made in "paint program", of my first vision: NOTE: all above pictures in this post were found with google under search picture for >>Hanekawa<< |
MonsterguyApr 19, 2013 4:55 PM
Mar 26, 2013 7:59 AM
#54
Request Completed for CrAziiJaN21 I tried fixing your list without changing it much.Changes are in bold. Code: /* Anime Cover Image */ @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); @import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css); /*thin top bar*/ @import "https://dl.dropbox.com/u/57348187/MAL/IconStyleCSSFixedwithCategoryTrans.css"; /*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"); @import url(http://fonts.googleapis.com/css?family=Handlee); @import url(http://fonts.googleapis.com/css?family=Petit+Formal+); /* Got a question or want to learn more? Try this link: http://myanimelist.net/forum/?topicid=419405&show=0#post1 */ /* 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://i2.minus.com/irZkaPJBPUsZc.jpg); background-attachment: fixed; background-size: cover; } /* 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(15, 15, 25, 0.575); color: #FFFFFF; font-family: 'Handlee', cursive; font-size:20px; 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(15, 15, 25, 0.575); } /* 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: 'Petit Formal ', cursive; font-size:14px; text-shadow: 2px 1px 2px #000000; display:inline-block; } .animetitle + small { color:#000000; font-family: "Nova Slim"; font-size:12px; } /* 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-size:13px; font-family: 'Petit Formal ', cursive; text-shadow: 2px 1px 2px #000000; padding: 20px; } /* LIST WIDTH Use this to increase the width of your list! */ #list_surround { margin: -25px auto 0; width:850px; left: 50px; } /* LIST POSITION Change "left" to "right" to switch the list side, or vice versa. */ #list_surround { position: absolute; left: 0px; right: 0px; } /*OTHER CODES Important codes for the layout's setup. Please don't mess with these unless you know what you're doing. */ body { font-weight: light; background-repeat: no-repeat; background-color: #FFFFFF; } a { text-decoration:none; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-color: rgba(15, 15, 25, 0.575); 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 */ } #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:#000000; } .status_not_selected a{ color:white; } .thickbox { color:#000000; 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; } /* POSITION/SIZE OF ANIME POSTERS ON LIST Use margin left to move the posters to the left or right. */ .hide { background-position: left center; background-repeat: no-repeat; background-size: contain; display: inline-block !important; height: 59px; margin-left: 42px; margin-top: -43px; position: absolute; width: 41px !important; border-style: solid; border-color: white; border-top: 1px solid white;; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-radius: 25px 25px 25px 25px; } /* POSITION AND SIZE OF ANIME POSTERS (with cursor on it) Use margin-left to change their position. */ .hide:hover{ background-color: transparent; background-repeat: no-repeat; background-size: auto auto; margin-left: -400px; padding-right: 251px; padding-top: 241px; position: absolute; } |
Shishio-kunApr 12, 2013 11:44 AM
Mar 28, 2013 11:20 PM
#55
Request complete for Tashfinz Madoka Magica Layout If neither of these fits your screen properly send me a screenshot and you screen resolution so I can see if I can make it fit :) 1920 x 1080 Version Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i47.tinypic.com/35lbuax.png); background-position:0 0; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:850px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-460px; padding:0; position:absolute; top:30px; width:350px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:190px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:350px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:510px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:670px; } #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-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:830px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:150px; width:350px; } .header_cw { background-color:transparent; background-image:url(http://i45.tinypic.com/w1ckmg.png); background-position:50% 140px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-190px; } .header_completed { background-color:transparent; background-image:url(http://i50.tinypic.com/vq3cs6.png); background-position:50% 130px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i50.tinypic.com/34zyc5v.png); background-position:50% 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i46.tinypic.com/28a5eva.png); background-position:50% 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i49.tinypic.com/e7dpaf.png); background-position:50% 130px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; 1366 x 768 Version Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i45.tinypic.com/3492ikw.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i49.tinypic.com/5ebckl.png); background-position:30px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:320px; position:absolute; right:-4px !important; width:700px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i48.tinypic.com/oa7wao.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:-300px; padding:0; position:absolute; top:20px; width:263px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i48.tinypic.com/qmx5qg.png); background-position:100% 0; top:140px; } #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-image:url(http://i46.tinypic.com/2h4iceo.png); background-position:0 0; top:260px; } #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-image:url(http://i50.tinypic.com/350t4x1.png); background-position:100% 0; top:380px; } #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-image:url(http://i46.tinypic.com/5zdyd5.png); background-position:0 0; top:500px; } #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-image:url(http://i46.tinypic.com/wlp0zt.png); background-position:100% 0; top:620px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:113px; width:263px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:100px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:50% 150px; background-repeat:no-repeat no-repeat; height:75px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } #list_surround { left:0 !important; margin:auto !important; position:absolute !important; right:0 !important; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; |
TheHolyPotatoApr 6, 2013 2:21 AM
Apr 5, 2013 7:58 AM
#56
Request complete for McNagah McNagah said: I saw this avatar on youtube and it was really clever. I want a version like that but for my display picture with the N/A symbol, or however you feel the illusion would be more visible. Hope this looks ok |
Apr 12, 2013 4:43 PM
#57
Request complete for Grim-Wolf Hope this is what you wanted. Preview: Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i47.tinypic.com/1zxtmp2.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { 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-color:transparent; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:0px; position:absolute; right:70px !important; width:800px; margin-top:-50px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i45.tinypic.com/1ftxza.png); background-position:100% 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:50px; padding:0; position:fixed; top:30px; width:350px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i49.tinypic.com/2pqvu2u.png); background-position:100% 0; top:130px; } #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-image:url(http://i49.tinypic.com/vgt2w.png); background-position:0 0; top:230px; } #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-image:url(http://i46.tinypic.com/fc8aqg.png); background-position:100% 0; top:330px; } #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-image:url(http://i50.tinypic.com/wvnwo7.png); background-position:0 0; top:430px; } #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-image:url(http://i50.tinypic.com/14uz8d3.png); background-position:100% 0; top:530px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:80px; width:350px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } |
TheHolyPotatoApr 12, 2013 6:35 PM
Apr 18, 2013 1:59 PM
#58
Request complete for Drzlink Drzlink said: Anyone mind making me a Darker than BLACK x Phantom Requiem of the phantom theme? Thanks in advance I could create you something like this, if you want: Please tell me your decision, if I should start working, or if you want anything different. Oh, and if you are totally OK with the layout as it is, could you tell me your screen resolution, so that I can adjust the codes in a way it would suit your screen best ??? on a side NOTE: Those are my first ever tablets for category's (watching, ...), so don't be too harsh on me, why I know my skill's are very bad on that field... broken image link, now fixed _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Well I didn't get your screen resolution, so the codes are done after my screen... CSS code for the list: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Top_bar_without_menu_or_display.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Drzlink_request_pictures/background.png); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:100% 100%; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { top:0px; left:0px; padding-left:95px; bottom:10px; left:-300px !important; margin:auto !important; position:absolute !important; right:0 !important; width:63.2%; } body:before { position:absolute; display:block !important; top:0px; left:18%; width:55%; height:30%; content:""; text-align: center !important; white-space: pre; font-size: 18px; margin-bottom:0px; background-color: transparent; background-image:url(https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Drzlink_request_pictures/phantome.jpg); background-repeat: no-repeat; background-size:100% 100%; background-position: center center; z-index: -2; } body:after { position:absolute; display:block !important; top:0%; left:0%; width:20%; height:30%; content:""; text-align: center !important; white-space: pre; font-size: 18px; margin-bottom:0px; background-color: transparent; background-image:url(https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Drzlink_request_pictures/Konachan.com---74390-cal_devens-gun-requiem_for_the_phantom-weapon.jpg); background-repeat: no-repeat; background-size:100% 100%; background-position: center center; z-index: -2; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue !important; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright:after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:81%; padding-left:97px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -o-transition:all 0.25s ease-in-out 0s; -moz-transition:all 0.25s ease-in-out 0s; -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -o-background-clip:padding-box !important; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-attachment:scroll; background-color:transparent; background-image:url(http://imageshack.us/a/img600/3425/rsz1watching.png); background-position:0px 0px; background-repeat:no-repeat no-repeat; background-size:100% 100%; display:block; height:80px; right:4px; padding:0; position:fixed; top:40px; width:300px; border: 20px solid red; border-radius:10px; transition: right 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://imageshack.us/a/img5/8740/rsz1completed.png); background-position:100% 0; top:125px; border: 1px solid green !important; } #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-image:url(http://imageshack.us/a/img443/18/rszonhold.png); background-position:0 0; top:210px; border: 1px solid orange !important; } #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-image:url(http://imageshack.us/a/img834/5293/rszdropped.png); background-position:100% 0; top:295px; border: 1px solid blue !important; } #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-image:url(http://imageshack.us/a/img853/9527/rszplantowatch.png); background-position:0 0; top:380px; border: 1px solid yellow !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://imageshack.us/a/img189/796/rszallanime.png); background-position:100% 0; top:465px; border: 1px solid deepskyblue !important; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent !important; text-shadow: none !important; display:block; font-size:28px !important; height:80px; width:300px; } .status_selected { display:block; opacity:1; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -o-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .header_title{ display:none !important; } .header_cw{ height: 0px; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_completed{ height: 0px; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_onhold{ height: 0px; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_dropped{ height: 0px; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_ptw{ height: 0px; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ A new version with tablets automatically resizable when changing resolution (to some degree only !!!): @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Top_bar_without_menu_or_display.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Drzlink_request_pictures/background.png); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:100% 100%; font-family:calibri; } #inlineContent { display:inline-block !important; height:1080px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:1920px !important; z-index:-1 !important; } #list_surround { top:0px; left:0px; padding-left:95px; bottom:10px; left:-300px !important; margin:auto !important; position:absolute !important; right:0 !important; width:63.2%; } body:before { position:absolute; display:block !important; top:0px; left:18%; width:55%; height:200px; content:""; text-align: center !important; white-space: pre; font-size: 18px; margin-bottom:0px; background-color: transparent; background-image:url(https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Drzlink_request_pictures/phantome.jpg); background-repeat: no-repeat; background-size:100% 100%; background-position: center center; z-index: -2; } body:after { position:absolute; display:block !important; top:0%; left:0%; width:20%; height:200px; content:""; text-align: center !important; white-space: pre; font-size: 18px; margin-bottom:0px; background-color: transparent; background-image:url(https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Drzlink_request_pictures/Konachan.com---74390-cal_devens-gun-requiem_for_the_phantom-weapon.jpg); background-repeat: no-repeat; background-size:100% 100%; background-position: center center; z-index: -2; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue !important; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.4); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.4); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.4); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright:after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:7px; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-130px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-family:cursive; font-size:9pt; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:81%; padding-left:97px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -o-transition:all 0.25s ease-in-out 0s; -moz-transition:all 0.25s ease-in-out 0s; -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -o-background-clip:padding-box !important; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-attachment:scroll; background-color:transparent; background-image:url(http://imageshack.us/a/img600/3425/rsz1watching.png); background-position:0px 0px; background-repeat:no-repeat no-repeat; background-size:100% 100%; display:block; height:12.5%; right:4px; padding:0; position:fixed; bottom:81%; width:22%; border: 20px solid red; border-radius:10px; transition: right 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://imageshack.us/a/img5/8740/rsz1completed.png); background-position:100% 0; bottom:67.5%; border: 1px solid green !important; } #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-image:url(http://imageshack.us/a/img443/18/rszonhold.png); background-position:0 0; bottom:54%; border: 1px solid orange !important; } #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-image:url(http://imageshack.us/a/img834/5293/rszdropped.png); background-position:100% 0; bottom:40.5%; border: 1px solid blue !important; } #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-image:url(http://imageshack.us/a/img853/9527/rszplantowatch.png); background-position:0 0; bottom:27%; border: 1px solid yellow !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-image:url(http://imageshack.us/a/img189/796/rszallanime.png); background-position:100% 0; bottom:13.5%; border: 1px solid deepskyblue !important; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent !important; text-shadow: none !important; display:block; font-size:28px !important; height:80px; width:300px; } .status_selected { display:block; opacity:1; } .status_not_selected { display:block; } .status_not_selected { opacity:0.7; } .status_not_selected:hover { color:transparent; opacity:1; } /*COLOR OF THE "AIRING EXT." TEXT*/ .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -o-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .header_title{ display:none !important; } .header_cw{ height: 0px; background-image:url(http://i47.tinypic.com/1juk9s.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_completed{ height: 0px; background-image:url(http://i49.tinypic.com/snmjia.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_onhold{ height: 0px; background-image:url(http://i48.tinypic.com/2n8deth.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_dropped{ height: 0px; background-image:url(http://i50.tinypic.com/ehk8b7.jpg); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } .header_ptw{ height: 0px; background-image:url(http://i50.tinypic.com/bimm44.png); background-position:right; background-repeat: no-repeat; position:relative; top:70px; z-index:-1; } broken image links, now fixed |
Shishio-kunMay 28, 2013 12:29 PM
Apr 29, 2013 6:56 PM
#59
Request complete for F_E_A_R @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropbox.com/s/t8g8i1udpkj07zs/mal_pic.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment:fixed !important; background-image:url(http://i43.tinypic.com/2psely0.jpg); background-position:0 100%; background-size:cover; } #list_surround { left:365px !important; position:absolute !important; } #inlineContent { display:inline-block !important; height:1200px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:500px !important; z-index:-1 !important; } #list_surround { background-attachment:scroll; background-color:transparent; background-image:url(http://i.imgur.com/Gk3vK66.png); background-position:center 0; background-repeat:no-repeat no-repeat; font-size:12px; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:210px; width:44%; } body { color:#FFFFFF; font-family:calibri; } a { -webkit-transition:all 0.25s ease-in-out 0s; color:#FFFFFF; text-decoration:initial; text-shadow:none; transition:all 0.25s ease-in-out 0s; } a:hover { } .table_header { background-color:#000000; height:20px; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:0; } .table_header:nth-of-type(2) { text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:10px; } .td1 { -webkit-transition:all 0.25s ease-in-out 0s; background-color:#0A0A0A; height:20px; transition:all 0.25s ease-in-out 0s; } .td2 { -webkit-transition:all 0.25s ease-in-out 0s; background-color:#0F0F0F; height:20px; transition:all 0.25s ease-in-out 0s; } tr:hover [class^="td"] { background-color:#646464; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align:left; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0; padding:4px; text-align:center; vertical-align:middle; } .table_header, .td1, .td2, .category_totals { line-height:20px; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:20px; } .category_totals { background-color:#000000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:#FFFFFF; line-height:15px; text-align:center; } [class^="header_"] * { font-size:30px; height:60px; line-height:20px; padding-bottom:10px; padding-left:6px; text-align:left; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:rgba(0, 0, 0, 0); border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } .animetitle + small { color:red !important; } #copyright::after { } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i43.tinypic.com/htb3hy.png); background-position:0 2px; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #FFFFFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:20px; margin-top:-100px; padding-bottom:0; padding-left:0; padding-right:0; position:fixed; top:145px; width:300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i41.tinypic.com/1t3ssz.png); background-position:0 2px; top:245px; } #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-image:url(http://i43.tinypic.com/2day6wk.png); background-position:0 3px; top:345px; } #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-image:url(http://i41.tinypic.com/29eqys.png); background-position:100% 2px; top:445px; } #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-image:url(http://i43.tinypic.com/20b0fgn.png); background-position:0 0; top:545px; } #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-image:url(http://i42.tinypic.com/14c4geq.png); background-position:0 2px; top:645px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:75px; width:300px; } |
TheHolyPotatoSep 27, 2013 8:55 PM
May 3, 2013 11:52 AM
#60
Request complete for -Shiori -Shiori said: Hey guys I would like to request a layout featuring Yuri and Kanade from Angel Beats please. Thanks in advance XD Yeah, simple layout. If there's anything you want to change/add tell me. Ready to edit it to your liking as far as I'm able. Preview: Code: @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Gloria+Hallelujah"; * { font-family: 'Gloria Hallelujah' !important; text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i41.tinypic.com/nx973s.jpg"); background-position: 0 18%; background-repeat: no-repeat no-repeat; background-size: cover; } #inlineContent { background-image: url(""); background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4; } #list_surround { background-attachment: scroll; background-image: url("http://imageshack.us/a/img819/7665/5p7.png"); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 81.25%; height: 200px; left: 3%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 180px; position: absolute; width: 650px; } small { color: #B25292; font-weight: bold; } a { color: #FFFFFF; text-shadow: none; } a:hover { color: #FF4000; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header:first-of-type { border-radius: 0 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } tr:hover a { color: #B25292; font-weight: bold; transition: all 0.4s ease 0s; } tr:hover [class^="td"] { background-color: rgba(104, 156, 232, 0.7); transition: all 0.4s ease 0s; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { background-color: rgba(244, 147, 226, 0.7); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: white; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(248, 103, 222, 0.8); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(104, 156, 232, 0.7); color: #FFFFFF; } [class^="header_"] * { font-size: 51px; line-height: 0; margin-top: 20px; padding-bottom: 0; vertical-align: bottom; } .header_title { background-color: rgba(248, 103, 222, 0.8); border-radius: 40px 40px 0 0; color: white; font-style: normal; height: 40px; padding-left: 60px !important; text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); width: auto; } #grand_totals { background-color: rgba(248, 103, 222, 0.8); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected { color: white !important; opacity: 0.5; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: white; font-size: 20px; } .status_selected { display: block; } .status_not_selected { display: block; } #list_surround .status_selected, #list_surround .status_not_selected { background-color: rgba(244, 147, 226, 0.9); border-color: white !important; border-style: solid !important; border-width: 1px !important; left: 750px; padding: 15px 0; position: fixed; top: 210px; width: 200px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { top: 280px; } #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 { top: 350px; } #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 { top: 420px; } #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 { top: 490px; } #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 { top: 560px; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_ "; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
SylakentHJun 22, 2013 3:01 PM
May 3, 2013 12:43 PM
#61
Request complete for byakko96 byakko96 said: Can i request a To Love-Ru EF-styled list please? Thank you to whoever takes this ^^ Hope I could complete your request. If there's anything you want to change, tell me. Code: @import "https://dl.dropbox.com/s/4u9v39e5go65aoq/PinkTopBar.css"; body { background-attachment: fixed !important; background-image: url("http://i44.tinypic.com/54g1dt.jpg"); background-size: cover; } * { border: 0 none; color: #FFFFFF; font-family: Verdana; font-size: 11px; font-weight: normal; text-decoration: none; } #inlineContent { background-attachment: scroll !important; background-color: transparent !important; background-image: url("http://i39.tinypic.com/353d36f.png") !important; background-position: 80% 98%; background-repeat: no-repeat no-repeat !important; background-size: 70% auto; display: inline-block !important; height: 425px !important; margin: auto !important; position: absolute; right: 0 !important; top: -425px !important; width: 900px !important; z-index: -1 !important; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/1e2wip.png"); background-position: 0 0; background-repeat: repeat repeat; border-radius: 10px 10px 10px 10px; display: block; height: 100px; left: -283px; padding: 0; position: absolute; top: 0; width: 270px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/3348aj5.png"); background-position: 0 0; background-repeat: repeat repeat; top: 110px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/5zo0t2.png"); background-position: 0 0; background-repeat: repeat repeat; top: 220px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/6gkc21.png"); background-position: 0 0; background-repeat: repeat repeat; top: 330px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/35bazp1.png"); background-position: 0 0; background-repeat: repeat repeat; display: inline; top: 440px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/j604nm.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: inline; top: 550px; } #list_surround .header_cw { background-attachment: scroll; background-color: transparent; background-image: url("http://i.imgur.com/djaJO.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_completed { background-attachment: scroll; background-color: transparent; background-image: url("http://i.imgur.com/3jcgG.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_onhold { background-attachment: scroll; background-color: transparent; background-image: url("http://i.imgur.com/L4bVw.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_ptw { background-attachment: scroll; background-color: transparent; background-image: url("http://i.imgur.com/cJTI9.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_dropped { background-attachment: scroll; background-color: transparent; background-image: url("http://i.imgur.com/gWhVk.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } a:hover { text-decoration: underline; } #list_surround { background-attachment: scroll; background-color: rgba(233, 77, 158, 0.8); background-image: none; background-position: 0 0; background-repeat: repeat repeat; border-bottom: 0 solid #292929; border-left: 0 solid #292929; border-right: 0 solid #292929; height: 100%; left: 141px; margin: 239px auto 30px; position: relative; top: 180px; width: 700px; } #list_surround .status_selected a { color: transparent; display: block; font-size: 1px; height: 2px; padding: 100px 0 0 240px; width: 30px; } #list_surround .status_not_selected a { color: transparent; display: block; font-size: 1px; height: 2px; padding: 100px 0 0 240px; width: 30px; } #list_surround br { display: none; } #list_surround .header_title span { color: #000000; font-size: 1px; } #list_surround .header_title .thickbox { display: none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left: 0; padding: 28px 5px 5px; width: 586px; } #list_surround .animetitle + small { color: #531AFF; } #list_surround .category_totals { padding: 5px; text-align: center; } #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: #00FFFF !important; } #list_surround .header_title span { display: none; } #list_surround .status_not_selected a { opacity: 0; } #list_surround .status_selected a { opacity: 0; } #copyright { color: #3A4358; font-family: sans-serif; font-size: 10px; height: 15px; position: absolute; text-align: center !important; width: 600px; } #copyright a { color: #3A4358; } #copyright { } tr:hover [class^="td"] { background-color: #AC00E6; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected { opacity: 0.8; } .status_not_selected:hover { opacity: 1; } * { transition: all 0.25s ease-in-out 0s; } |
SylakentHJun 22, 2013 3:02 PM
May 4, 2013 5:10 AM
#62
Request complete for Longsanity Longsanity said: I would like to request a change on a anime list background. Before you see this link please read my request at the bottom. http://myanimelist.net/forum/?topicid=393503&show=40#msg19083156 If you scroll down a little bit to where it says Ore no Imouto (Link Above), that List style with the Girl sitting and its snowing, if possible could you change the background picture to this: http://www.deviantart.com/art/Sword-Art-Online-Kirito-Wallpaper-341492224 Sorry, If i sound rude or anything, kind of new to MAL Done code: @import "http://fonts.googleapis.com/css?family=Varela+Round"; @import "http://fonts.googleapis.com/css?family=Margarine"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategory.css"; body { background-attachment: fixed; background-image: url("http://i44.tinypic.com/2zgyknt.jpg"); background-size: cover; } body { background-position: 0px 49%; } .header_title { background-color: transparent; background-image: url("https://dl.dropbox.com/u/57348187/MAL/PROZ.png"); color: white; font-family: 'Margarine',cursive; font-size: 26px; text-align: left; text-shadow: 3px 3px 3px #000000; } .table_header { background-image: url("https://dl.dropbox.com/u/57348187/MAL/PROZ.png"); } .animetitle, .animetitle:visited { color: white; font-family: 'Varela Round',sans-serif; font-size: 13px; text-shadow: 0 2px 1px #000000; } .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color: white; font-family: 'Varela Round',sans-serif; font-size: 12px; text-shadow: 0 2px 1px #000000; } #list_surround { width: 900px; } #list_surround { left: 0 !important; margin: auto !important; position: absolute !important; right: 0 !important; } body { background-color: #FBFDE8; background-repeat: no-repeat; } #list_surround { background-image: url(""); left: 2px; position: absolute; } a { text-decoration: none; } a:visited { text-decoration: none; } a:hover, a:visited:hover { color: #D3D3D3; text-decoration: underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image: url("https://dl.dropbox.com/u/57348187/MAL/PROZ.png"); border-width: 0; padding: 2px; } .category_totals:hover, .td1:hover, .td2:hover, #grand_totals:hover, #copyright:hover { background-image: url("https://dl.dropbox.com/u/57348187/MAL/PROZ2.png"); border-width: 0; padding: 2px; } #copyright:after { content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info."; } .status_selected { background-color: black; color: white; display: none; padding: 2px; text-decoration: blink; } .status_not_selected { background-color: black; color: white; display: none; padding: 2px; } .status_selected a { color: blue; display: none; } .status_not_selected a { color: white; display: none; } .thickbox { color: cyan; font-family: 'Happy Monkey',cursive; font-size: 12px; text-shadow: 2px 2px 2px #000000; } .header_title { height: 32px; padding: 2px; } .table_header { border-width: 0; font-weight: bold; padding: 2px; } .category_totals { height: 30px; } #copyright, #grand_totals { margin: 0 auto; text-align: center; } [/img] EDIT In case someone want a SAO Asuna Layout Code @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i50.tinypic.com/157yo3a.jpg"); background-position: 0 18%; background-repeat: no-repeat no-repeat; background-size: 100% 109%; } #inlineContent { background-image: url(""); background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4; } #list_surround { background-attachment: scroll; background-image: url(""); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 14px; height: 200px; left: 20%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 80px; position: absolute; width: 750px; } small { color: red; font-weight: bold; } a { color: black; text-shadow: none; } a:hover { color: #FF4000; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header:first-of-type { border-radius: 0 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } tr:hover [class^="td"] { background-color: rgba(104, 156, 232, 0.7); transition: all 0.4s ease 0s; } .table_header, .td1, .td2, .category_totals { background-color: rgba(106, 201, 223, 0.8); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: black; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(240, 49, 67, 0.8); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(104, 156, 232, 0.7); color: #FFFFFF; } [class^="header_"] * { font-size: 51px; line-height: 0; margin-top: 20px; padding-bottom: 0; vertical-align: bottom; } .header_title { background-color: rgba(240, 49, 67, 0.8); border-radius: 40px 40px 0 0; color: white; font-style: normal; height: 40px; padding-left: 60px !important; text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); width: auto; } #grand_totals { background-color: rgba(240, 49, 67, 0.8); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_not_selected, .status_selected { background-color: rgba(20, 133, 227, 0.7); border: 0 none !important; border-radius: 10px 10px 10px 10px; height: auto !important; padding: 4px; 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); color: white; } .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(51, 82, 199, 0.8); 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); } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_ "; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
SylakentHJun 22, 2013 3:04 PM
May 4, 2013 5:14 AM
#63
Request complete for Mousespot Mousespot said: Pls, i want to a Ano Hana theme do whatever you want but Ano Hana theme. If something is wrong, tell me. Code: @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i45.tinypic.com/2q3t10z.png"), url("http://i45.tinypic.com/2e4byvl.jpg"); background-position: right 57% bottom, 0 0; background-repeat: no-repeat no-repeat; background-size: cover, cover; cursor: url("http://cur.cursors-4u.net/nature/nat-8/nat793.cur") 1 2, auto; font-family: candara; } #inlineContent { background-image: url(""); background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4; } #list_surround { background-attachment: scroll; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/anohanalogo.png"); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 81.25%; height: 250px; left: 0 !important; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 228px; position: absolute; right: 0 !important; width: 650px; } a { color: #FFFFFF; cursor: url("http://cur.cursors-4u.net/nature/nat-8/nat793.cur") 1 2, auto; text-shadow: none; } a:hover { color: #FF4000; cursor: url("http://cur.cursors-4u.net/nature/nat-8/nat793.cur") 1 2, auto; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header { } .table_header:first-of-type { border-radius: 20px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .td1 { background-color: rgba(8, 236, 228, 0.5); height: 20px; } .td2 { background-color: rgba(49, 59, 255, 0.506); height: 20px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { background-color: rgba(12, 46, 196, 0.7); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: white; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(12, 46, 196, 0.7); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(12, 46, 196, 0.7); color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 1px; height: 200px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(12, 46, 196, 0.8); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 500px; } a, .td1, .td2, .category_totals { } .status_not_selected { opacity: 0.5; } .status_not_selected:hover { color: transparent; opacity: 1; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; width: 270px; } .header_cw { background-color: transparent; background-image: url("http://i1353.photobucket.com/albums/q671/fahcyx/MAL/MenmaCw2_zps53cb0332.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: 0; margin-left: 63px; margin-top: -45px; } .header_completed { background-color: transparent; background-image: url("http://i1353.photobucket.com/albums/q671/fahcyx/MAL/AnjouCom_zps4a87293c.png"); background-position: 61px 5px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: 0; margin-top: -40px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i1353.photobucket.com/albums/q671/fahcyx/MAL/HoldMenma_zps3c2d71da.png"); background-position: 91px 11px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: 0; margin-top: -40px; } .header_dropped { background-color: transparent; background-image: url("http://i1353.photobucket.com/albums/q671/fahcyx/MAL/DroppedAnjou_zpse070bc93.png"); background-position: 131px 5px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: 0; margin-top: -40px; } .header_ptw { background-color: transparent; background-image: url("http://i1353.photobucket.com/albums/q671/fahcyx/MAL/PtwMenma_zpse3a31365.png"); background-position: 15px 5px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: 0; margin-top: -40px; } .status_selected { display: block; } .status_not_selected { display: block; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/CwCategory.png"); background-position: 0 -5px; background-repeat: repeat repeat; border: 1px solid #FFFFFF; border-radius: 20px 20px 20px 20px; display: block; height: 90px; left: 0; padding: 0; position: fixed; top: 50px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/ComCategory.png"); background-position: 0 -5px; background-repeat: repeat repeat; border-top-left-radius: 20px; border-top-right-radius: 20px; top: 160px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/HoldCategory.png"); background-position: 0 -5px; background-repeat: repeat repeat; top: 270px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/DroppedCategory.png"); background-position: 0 -7px; background-repeat: repeat repeat; top: 380px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/PtwCategory.png"); background-position: 0 -5px; background-repeat: repeat repeat; display: inline; top: 490px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://dl.dropbox.com/u/102421246/MAL/AnoHanaLayout/AllCategory.png"); background-position: 0 0; background-repeat: repeat repeat; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; display: inline; top: 600px; width: 300px; } a, .td1, .td2, .category_totals { } .table_header:nth-of-type(2) { } .td1:nth-of-type(2), .td2:nth-of-type(2) { } tr:hover [class^="td"] { background-color: rgba(51, 111, 235, 0.7); -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;; } :hover + .hide { background-color: rgba(12, 46, 196, 0.6); background-position: 50% 18% !important; background-repeat: no-repeat !important; background-size: 250px 330px !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: ridge; border-width: 2px; display: block !important; height: 498px; padding: 79px 40px 10px 10px; position: fixed; right: 3px; top: 60px; width: 234px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: 10px; width: 262px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: transparent !important; background-image: url("none") !important; display: none; font-size: 14px; height: 145px; padding: 10px 10px 0 24px; position: fixed; right: 13px; text-align: center; top: 449px; width: 235px; z-index: 1; } .table_header:nth-of-type(6) { display: none; } #copyright, #copyright:hover { background-color: rgba(12, 46, 196, 0.6); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 650px; } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_, thanks to TheHolyPotato and Shishio Club!"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
Shishio-kunMay 28, 2013 5:56 PM
May 4, 2013 9:51 AM
#64
Request complete for TheLilyanna I hope you like it :) Preview Code: @import "https://dl.dropbox.com/s/t8g8i1udpkj07zs/mal_pic.css"; @import "https://dl.dropbox.com/s/c9r7l4c3ik6eg1o/Anime_Cover.css"; @import "https://dl.dropboxusercontent.com/s/sb0f3i0iiami78c/BlueMenu.css"; body { background-attachment:fixed; background-image:url(http://i39.tinypic.com/35k52k9.png) !important; background-position:0 70%; background-repeat:no-repeat no-repeat; background-size:cover; color:#FFFFFF; font-family:Candara; font-size:12px; } #list_surround { left:14%; margin:auto; position:absolute; width:650px; } .td1, .td2 { padding:3px; } .animetitle + small { color:#4DD2FF !important; } .animetitle + small::before { } null { } td:nth-of-type(2) small { color:#00BFFF; 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) { background-color:rgba(0, 100, 210, 0.8); border-left-style:solid !important; border-left-width:2px !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { background-color:rgba(0, 100, 210, 0.8); border-right-style:solid; border-right-width:2px; } .td1:nth-of-type(4), .td2:nth-of-type(4), td.table_header:nth-of-type(4) { background-color:rgba(0, 100, 210, 0.8); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color:rgba(0, 100, 210, 0.8); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color:rgba(0, 100, 210, 0.8); } td.table_header:nth-of-type(3) { background-color:rgba(0, 100, 210, 0.8); padding-right:7px; } td.table_header:nth-of-type(3) { background-color:rgba(0, 100, 210, 0.8); } .td1:nth-of-type(2), .td2:nth-of-type(2) { background-color:rgba(0, 100, 210, 0.8); } a, a:visited { color:#FFFFFF; text-decoration:initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { text-decoration:underline; color:#66D9FF; } .table_header { background-color:rgba(0, 100, 210, 0.8); font-size:10px; padding:2px; } td.table_header:nth-of-type(1) { border-bottom-right-radius:0; border-left-color:white !important; border-left-style:solid !important; border-left-width:2px !important; border-top-color:white !important; border-top-left-radius:10px; border-top-right-radius:0; border-top-style:solid !important; border-top-width:2px !important; } td.table_header:nth-of-type(5) { border-bottom-right-radius:0; border-right-color:white; border-right-style:solid; border-right-width:2px; border-top-color:white; border-top-left-radius:0; border-top-right-radius:10px; border-top-style:solid; border-top-width:2px; } td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4) { border-top-color:white; border-top-style:solid; border-top-width:2px; } .category_totals { background-color:rgba(0, 100, 210, 0.8); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom-style:solid; border-bottom-width:2px; border-left-color:white; border-left-style:solid; border-left-width:2px; border-right-color:white; border-right-style:solid; border-right-width:2px; border-top-left-radius:0; border-top-right-radius:0; font-size:10px; padding:2px 2px 2px 40px; } .borderRBL { border-left-style:solid !important; border-left-width:2px !important; border-right-color:white !important; border-right-style:solid !important; border-right-width:2px !important; color:#2030F0 !important; font-size:11px; padding-left:39px; } .borderRBL a, .borderRBL a:visited { color:#F0304F !important; text-decoration:initial; } .borderRBL a:hover { color:#F0304F !important; } #copyright { border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-top-left-radius:8px; border-top-right-radius:8px; color:#000000; font-size:11px; margin-bottom:70px; padding:2px; position:relative !important; text-align:center !important; top:10px; width:644px; } #copyright::after { border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-top-left-radius:8px; border-top-right-radius:8px; color:#000000 !important; content:'List Design By Ushioo, Edited By TheHolyPotato' !important; left:-3px; position:absolute !important; top:40px !important; width:650px !important; } #copyright a { color:#000000; } #grand_totals { display:none; } td:nth-of-type(2) small a { display:none; } td:nth-of-type(2) small { color:transparent; } [class^="header_"] * { font-size:0; height:10px; line-height:24px; padding-bottom:4px; text-align:left; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } .header_cw { background-color:transparent; background-image:url(http://i43.tinypic.com/dtnk2.png); background-position:0 0; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_completed { background-color:transparent; background-image:url(http://i41.tinypic.com/2zexfm0.png); background-position:0 0; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_onhold { background-color:transparent; background-image:url(http://i42.tinypic.com/23p6ba.png); background-position:0 0; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_dropped { background-color:transparent; background-image:url(http://i41.tinypic.com/1zdm3c.png); background-position:0 0; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_ptw { background-color:transparent; background-image:url(http://i42.tinypic.com/xav441.png); background-position:0 0; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; } .header_title { background-color:transparent !important; color:transparent; } |
TheHolyPotatoMay 4, 2013 12:04 PM
May 4, 2013 5:09 PM
#65
Request complete for JustTheFx JustTheFx said: Request for a Black rock shooter Layout? With this picture? Rite here Can you keep it simple and make the list center view? If so, that would be great. And that's pretty much it. Thank you in advance! (if its taken) And done~ Anything you want to change? Pm me! :) Code: @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i40.tinypic.com/2im98hz.jpg"); background-position: 0 18%; background-repeat: no-repeat no-repeat; background-size: cover; } #inlineContent { background-image: url(""); background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4; } #list_surround { background-attachment: scroll; background-image: url(""); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 14px; height: 200px; left: 0; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 80px; position: absolute; right: 0; width: 750px; } small { color: black; font-weight: bold; } a { color: #FFFFFF; text-shadow: none; } a:hover { color: #FF4000; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header:first-of-type { border-radius: 0 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } tr:hover [class^="td"] { background-color: rgba(104, 156, 232, 0.7); transition: all 0.4s ease 0s; } .table_header, .td1, .td2, .category_totals { background-color: rgba(20, 133, 227, 0.7); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: white; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(51, 82, 199, 0.8); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(104, 156, 232, 0.7); color: #FFFFFF; } [class^="header_"] * { font-size: 51px; line-height: 0; margin-top: 20px; padding-bottom: 0; vertical-align: bottom; } .header_title { background-color: rgba(51, 82, 199, 0.8); border-radius: 40px 40px 0 0; color: white; font-style: normal; height: 40px; padding-left: 60px !important; text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); width: auto; } #grand_totals { background-color: rgba(51, 82, 199, 0.8); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_not_selected, .status_selected { background-color: rgba(20, 133, 227, 0.7); border: 0 none !important; border-radius: 10px 10px 10px 10px; height: auto !important; padding: 4px; 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(51, 82, 199, 0.8); 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); } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_ "; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
SylakentHJun 22, 2013 3:05 PM
May 5, 2013 10:08 AM
#66
Request complete for Kushirin Kushirin said: Hi, I'm Spanish so don't blame for my orthography >.< I read all the first post, and i want a layout for my anime list. I wanted, because i don't see any of Ore Shura. If someone decides to take it, i will be the happiest person in earth >.< I give 4 images of Ai-Chan: http://img706.imageshack.us/img706/9185/34154617.png http://img195.imageshack.us/img195/7748/34763767.jpg http://img843.imageshack.us/img843/4857/34797722p0.jpg http://img838.imageshack.us/img838/5150/34814969.png Of course, this are examples, you can use different ones. Arigato, Thank kyu and Gracias. Done. Hope I could fulfill your request If you dont like the top bar, just tell me. Is there anything else you don't like? Pm me :) Code: @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/OreShuraTopbarAi.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Patrick+Hand+SC"; * { font-family: 'Patrick Hand SC' !important; text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i40.tinypic.com/1g6934.jpg"); background-position: 0 51%; background-repeat: no-repeat no-repeat; background-size: cover; } #list_surround { background-attachment: scroll; background-image: url("http://i39.tinypic.com/2pysrk2.png"); background-position: 100% 0; background-repeat: no-repeat no-repeat; background-size: 107% auto; font-size: 16px; left: 7% !important; margin: 0 auto; padding-bottom: 0; padding-top: 175px; position: absolute; top: 44px; width: 650px; z-index: 5; } tr:hover a.animetitle { color: red; font-weight: bold; } tr:hover [class^="td"] { background-color: rgba(255, 255, 255, 0.4); transition: all 0.4s ease 0s; } a { color: white; text-shadow: none; } a:hover { color: #3167A9; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header { } .table_header:first-of-type { border-radius: 20px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { background-color: rgba(241, 114, 169, 0.7); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: red; font-weight: bold; } .table_header, .td1, .td2, .category_totals { color: black; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(241, 114, 169, 0.7); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 245px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(241, 114, 169, 0.7); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.75; right: -95px !important; transition: all 0.4s ease 0s; } .status_not_selected:hover { color: transparent; opacity: 1; right: -8px !important; transition: all 0.4s ease 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; width: 300px; } .status_selected { display: block; } .status_not_selected { display: block; } .header_cw { background-color: transparent; background-image: url("http://i41.tinypic.com/9i77mq.png"); background-position: 50% 2px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -42px; } .header_completed { background-color: transparent; background-image: url("http://i41.tinypic.com/10modtx.png"); background-position: 50% 2px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i42.tinypic.com/2mwdxe9.png"); background-position: 50% 2px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_dropped { background-color: transparent; background-image: url("http://i39.tinypic.com/dlgo6g.png"); background-position: 50% 2px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_ptw { background-color: transparent; background-image: url("http://i39.tinypic.com/t02t51.png"); background-position: 50% 2px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/116rwgy.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; border: 2px solid white !important; border-radius: 15px 0 0 0; display: block; height: 100px; padding: 0; position: fixed; right: -3px; top: 220px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/34ywiu0.png"); background-repeat: no-repeat no-repeat; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; top: 322px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/4kh743.png"); top: 424px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i41.tinypic.com/ddj87t.png"); background-repeat: repeat repeat; top: 526px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i41.tinypic.com/33ljue1.png"); top: 628px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/2pt1cfc.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; top: 730px; width: 300px; } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; left: 796px; padding-bottom: 0; position: fixed; top: 160px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(241, 114, 169, 0.7) !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: none; height: auto; left: 788px; padding: 10px 10px 14px 24px; position: fixed; top: 522px; width: 212px; z-index: 1; } #copyright, #copyright:hover { background-color: rgba(241, 114, 169, 0.7) !important; border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: "Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
SylakentHJun 22, 2013 3:07 PM
May 7, 2013 12:29 PM
#67
Request complete for Hime-sama Hime-sama said: Can i request a Karneval or Gareki EF-styled list please? Thank you to whoever takes this ^^ If anything is wrong, feel free to drop me a msg! Code: @import "https://dl.dropbox.com/s/4u9v39e5go65aoq/PinkTopBar.css"; body { background-attachment: fixed !important; background-image: url("http://i42.tinypic.com/r2t3k7.jpg"); background-size: cover; } * { border: 0 none; color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: normal; text-decoration: none; } #inlineContent { background-attachment: scroll !important; background-color: transparent !important; background-image: url("http://i43.tinypic.com/2vkj5dw.png") !important; background-position: 65% 100%; background-repeat: no-repeat no-repeat !important; background-size: 53% auto; display: inline-block !important; height: 425px !important; margin: auto !important; position: absolute; right: 0 !important; top: -425px !important; width: 900px !important; z-index: -1 !important; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/1se26g.png"); background-position: 0 0; background-repeat: repeat repeat; border-radius: 10px 10px 10px 10px; display: block; height: 100px; left: -283px; padding: 0; position: absolute; top: 0; width: 270px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/6zvrjo.png"); background-position: 0 0; background-repeat: repeat repeat; top: 110px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i41.tinypic.com/2z6gpj6.png"); background-position: 0 0; background-repeat: repeat repeat; top: 220px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/mic8k3.png"); background-position: 0 0; background-repeat: repeat repeat; top: 330px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/4jn5ux.png"); background-position: 0 0; background-repeat: repeat repeat; display: inline; top: 440px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/5duu05.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: inline; top: 550px; } #list_surround .header_cw { background-attachment: scroll; background-color: transparent; background-image: url(http://i40.tinypic.com/2z8apae.png); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_completed { background-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/30m3hvn.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_onhold { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/30tm6q8.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_ptw { background-attachment: scroll; background-color: transparent; background-image: url(http://i43.tinypic.com/ra1e90.jpg); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_dropped { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/dncxn4.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } a:hover { text-decoration: underline; } #list_surround { background-attachment: scroll; background-color: rgba(225, 43, 94, 0.8); background-image: none; background-position: 0 0; background-repeat: repeat repeat; border-bottom: 0 solid #292929; border-left: 0 solid #292929; border-right: 0 solid #292929; height: 100%; left: 141px; margin: 239px auto 30px; padding: 7px; position: relative; top: 203px; width: 700px; } #list_surround .status_selected a { color: transparent; display: block; font-size: 1px; height: 2px; padding: 100px 0 0 240px; width: 30px; } #list_surround .status_not_selected a { color: transparent; display: block; font-size: 1px; height: 2px; padding: 100px 0 0 240px; width: 30px; } #list_surround br { display: none; } #list_surround .header_title span { color: #000000; font-size: 1px; } #list_surround .header_title .thickbox { display: none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left: 0; padding: 28px 5px 5px; width: 586px; } #list_surround .animetitle + small { color: #26ADB0; font-weight: bold; } #list_surround .category_totals { padding: 5px; text-align: center; } #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: #00FFFF !important; } #list_surround .header_title span { display: none; } #list_surround .status_not_selected a { opacity: 0; } #list_surround .status_selected a { opacity: 0; } #copyright { color: #3A4358; font-family: sans-serif; font-size: 10px; height: 15px; position: absolute; text-align: center !important; width: 600px; } #copyright a { color: #3A4358; } #copyright { } tr:hover [class^="td"] { background-color: rgba(31, 115, 117, 0.9); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected { opacity: 0.75; } .status_not_selected:hover { opacity: 1; } * { transition: all 0.25s ease-in-out 0s; } |
SylakentHJun 22, 2013 3:08 PM
May 7, 2013 2:00 PM
#68
Request complete for MoonlitKaitou MoonlitKaitou said: I really love the way this layout was done. I was wondering if I might be able to have something similar, but using pictures of Ranka Lee from Macross Frontier? I provided some links to pictures that I like, but you can use whatever you prefer and instead of the main color being pink, would it be alright if it was more green? http://www.zerochan.net/1491238 http://www.zerochan.net/1470179 http://www.zerochan.net/1470154 http://www.zerochan.net/1260230 http://www.zerochan.net/1008778 http://www.zerochan.net/760672 http://www.zerochan.net/622431 http://www.zerochan.net/622383 http://www.zerochan.net/619395 http://www.zerochan.net/463171 Done. No good? Feel free to drop a msg :) Code: @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/TopBarRanka.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Patrick+Hand+SC"; * { font-family: 'Patrick Hand SC' !important; text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i42.tinypic.com/21j9n5e.jpg"); background-position: 0 8%; background-repeat: no-repeat no-repeat; background-size: cover; } #list_surround { background-attachment: scroll; background-image: url("http://i39.tinypic.com/s45a4g.png"); background-position: 100% 0; background-repeat: no-repeat no-repeat; background-size: 107% auto; font-size: 16px; left: 7% !important; margin: 0 auto; padding-bottom: 0; padding-top: 175px; position: absolute; top: 44px; width: 650px; z-index: 5; } tr:hover a.animetitle { color: red; font-weight: bold; } tr:hover [class^="td"] { background-color: rgba(255, 255, 255, 0.4); transition: all 0.4s ease 0s; } a { color: white; text-shadow: none; } a:hover { color: #3167A9; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header { } .table_header:first-of-type { border-radius: 20px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 20px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { background-color: rgba(72, 191, 101, 0.7); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: red; font-weight: bold; } .table_header, .td1, .td2, .category_totals { color: black; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(72, 191, 101, 0.7); border-radius: 0 0 12px 12px; text-align: center; } .category_totals:hover { background-color: rgba(196, 30, 14, 0.7); color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 245px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(241, 114, 169, 0.7); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected { opacity: 0.75; right: -95px !important; transition: all 0.4s ease 0s; } .status_not_selected:hover { color: transparent; opacity: 1; right: -8px !important; transition: all 0.25s ease 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color: transparent; display: block; height: 100px; opacity: 0; width: 300px; } .status_selected { display: block; } .status_not_selected { display: block; } .header_cw { background-color: transparent; background-image: url("http://i41.tinypic.com/kf30xw.png"); background-position: 50% 4px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -42px; } .header_completed { background-color: transparent; background-image: url("http://i43.tinypic.com/osxxef.png"); background-position: 50% 4px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i44.tinypic.com/2i8ahh.png"); background-position: 50% 4px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_dropped { background-color: transparent; background-image: url("http://i43.tinypic.com/66bz9g.png"); background-position: 50% 4px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_ptw { background-color: transparent; background-image: url("http://i40.tinypic.com/2qvdvvc.png"); background-position: 50% 4px; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/j6rla0.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; border: 2px solid white !important; border-radius: 15px 0 0 0; display: block; height: 100px; padding: 0; position: fixed; right: -3px; top: 220px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/2zi39s5.png"); background-repeat: no-repeat no-repeat; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; top: 322px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/2mm5o5g.png"); top: 424px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/346p0k9.png"); background-repeat: repeat repeat; top: 526px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/jl2rfs.png"); top: 628px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/r9fzbo.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; top: 730px; width: 300px; } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; left: 796px; padding-bottom: 0; position: fixed; top: 160px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(72, 191, 101, 0.7) !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: none; height: auto; left: 788px; padding: 10px 10px 14px 24px; position: fixed; top: 522px; width: 212px; z-index: 1; } #copyright, #copyright:hover { background-color: rgba(241, 114, 169, 0.7) !important; border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:hover { } #copyright:before { color: black; content: "Design by SylakentH_"; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
SylakentHJun 22, 2013 3:08 PM
May 7, 2013 2:47 PM
#69
Request complete for PinkSheep PinkSheep said: Can I request a Karneval themed list and can it say PinkSheep's Anime List somewhere I'm fine with any picture or color scheme Please and thank you Tried adding Nai, didnt find that much pics. If it's not to your liking just tell me and pass the request on xD Code: @import "http://dl.dropbox.com/u/102421246/mal/css/anohanacustom2/topbaranohana.css"; body { background-attachment: fixed !important; background-image: url("http://i41.tinypic.com/33ucwg9.jpg"); background-position: 0 center; background-size: cover; } * { border: 0 none; color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: normal; text-decoration: none; } #inlinecontent { background-attachment: scroll !important; background-color: transparent !important; background-image: url(http://i42.tinypic.com/5vn0jb.png); background-position: 65% 50%; background-repeat: no-repeat no-repeat !important; background-size: 53% auto; display: inline-block !important; height: 425px !important; margin: auto !important; position: absolute; right: 0 !important; top: -425px !important; width: 900px !important; z-index: -1 !important; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i41.tinypic.com/5n991v.png"); background-position: 0 0; background-repeat: repeat repeat; border-radius: 10px 10px 10px 10px; display: block; height: 100px; left: -283px; padding: 0; position: absolute; top: 0; width: 270px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/nbp14x.png"); background-position: 0 0; background-repeat: repeat repeat; top: 110px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/14bi7ub.png"); background-position: 0 0; background-repeat: repeat repeat; top: 220px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/2w53rd3.png"); background-position: 0 0; background-repeat: repeat repeat; top: 330px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/2eakkdy.png"); background-position: 0 0; background-repeat: repeat repeat; display: inline; top: 440px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/1zyhy8.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; display: inline; top: 550px; } #list_surround .header_cw { background-attachment: scroll; background-color: transparent; background-image: url(http://i40.tinypic.com/2z8apae.png); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_completed { background-attachment: scroll; background-color: transparent; background-image: url("http://i42.tinypic.com/30m3hvn.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_onhold { background-attachment: scroll; background-color: transparent; background-image: url("http://i43.tinypic.com/30tm6q8.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_ptw { background-attachment: scroll; background-color: transparent; background-image: url(http://i43.tinypic.com/ra1e90.jpg); background-position: 0 0; background-repeat: no-repeat no-repeat; } #list_surround .header_dropped { background-attachment: scroll; background-color: transparent; background-image: url("http://i40.tinypic.com/dncxn4.png"); background-position: 0 0; background-repeat: no-repeat no-repeat; } a:hover { text-decoration: underline; } #list_surround { background-attachment: scroll; background-color: rgba(111, 145, 193, 0.7); background-image: none; background-position: 0 0; background-repeat: repeat repeat; border-bottom: 0 solid #292929; border-left: 0 solid #292929; border-right: 0 solid #292929; height: 100%; left: 141px; margin: 239px auto 30px; padding: 7px; position: relative; top: 203px; width: 700px; } #list_surround .status_selected a { color: transparent; display: block; font-size: 1px; height: 2px; padding: 100px 0 0 240px; width: 30px; } #list_surround .status_not_selected a { color: transparent; display: block; font-size: 1px; height: 2px; padding: 100px 0 0 240px; width: 30px; } #list_surround br { display: none; } #list_surround .header_title span { color: #000000; font-size: 1px; } #list_surround .header_title .thickbox { display: none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left: 0; padding: 28px 5px 5px; width: 586px; } #list_surround .animetitle + small { color: red; font-weight: bold; } #list_surround .category_totals { padding: 5px; text-align: center; } #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: #00FFFF !important; } #list_surround .header_title span { display: none; } #list_surround .status_not_selected a { opacity: 0; } #list_surround .status_selected a { opacity: 0; } #copyright { color: #3A4358; font-family: sans-serif; font-size: 10px; height: 15px; position: absolute; text-align: center !important; width: 600px; } #copyright a { color: #3A4358; } #copyright { } tr:hover [class^="td"] { background-color: rgba(255, 255, 255, 0.4); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected { opacity: 0.75; } .status_not_selected:hover { opacity: 1; } * { transition: all 0.25s ease-in-out 0s; } |
SylakentHJun 22, 2013 3:11 PM
May 15, 2013 2:39 PM
#70
Request complete for CarinaVella Preview: Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropboxusercontent.com/s/sb0f3i0iiami78c/BlueMenu.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i41.tinypic.com/34nlbmf.jpg); background-position:0 60%; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { 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-attachment:scroll; background-color:transparent; background-image:url(http://i39.tinypic.com/wa3jlu.png); background-position:60px -10px; background-repeat:no-repeat no-repeat; font-size:100%; left:20px !important; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:280px; position:absolute; width:750px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { text-decoration:underline; } .table_header { background-color:#2896EE; } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:#026CB5; height:65px; } .td2 { background-color:#00497B; height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:#2896EE; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:30px; margin-top:-290px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } .header_cw { background-color:transparent; background-image:url(http://i44.tinypic.com/rixbmd.png); background-position:50% 100%; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i42.tinypic.com/2ykhyk7.png); background-position:50% 100%; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i44.tinypic.com/96xrhf.png); background-position:50% 100%; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-120px; } .header_dropped { background-color:transparent; background-image:url(http://i39.tinypic.com/whbm1h.png); background-position:50% 100%; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-120px; } .header_ptw { background-color:transparent; background-image:url(http://i40.tinypic.com/110c0v9.png); background-position:50% 100%; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-120px; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:#00ACE6 !important; font-size:87%; } |
May 19, 2013 11:51 AM
#71
Request complete for OrangeBattalion OrangeBattalion said: Hey, if possible would someone create a simple layout of Sword Art Online with as the back ground, i don't know if you want more pics but you can add more pics to add to your inspiration but all i want to see is the creativity of the list. If someone takes this request, thanks in advance and PM if you ever want to talk :D First work, nice? Code @import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css); @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css); @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/Colors/Scheme.css); @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); body { color: #FFD700; height: 12000px; background-attachment: fixed!important; background-image: url(http://ipic.su/img/img7/fs/1.1368969260.jpg); background-repeat: initial initial; background-size: cover; font-family: iceland; font-size: 16px; } /* LIST FONT These codes control the font on the list itself (anime titles, etc). */ * { border:0 none; color:#FFD700; font-family:vin's dojo; font-size:11px; font-weight:normal; text-decoration:none; } /* BANNER */ #list_surround .header_title { background:url(http://ipic.su/img/img7/fs/cooltext1038761254.1368969618.png) no-repeat scroll 0 0 transparent; height:425px; left:-200px; padding:25px; position:absolute; top:-425px; width:900px; } /* LEFT SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://ipic.su/img/img7/fs/270x100_CW.1368970811.gif) repeat scroll 0 0 transparent; display:block; height:100px; left:-283px; padding:0; position:absolute; top:0px; width:270px; } #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://ipic.su/img/img7/fs/270x100_complete.1368971379.gif) repeat scroll 0 0 transparent; top:110px; } #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://ipic.su/img/img7/fs/270x100_On-Hold.1368971579.gif) repeat scroll 0 0 transparent; top:220px; } #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://ipic.su/img/img7/fs/270x100_Dropped.1368971858.gif) repeat scroll 0 0 transparent; top:330px; } #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://ipic.su/img/img7/fs/270x100_plw.1368972396.gif) repeat scroll 0 0 transparent; display:inline; top:440px; } #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://ipic.su/img/img7/fs/270x100_all.1368988931.gif) no-repeat scroll 0 0 transparent; display:inline; padding-bottom:30px; top:550px; } /* HEADERS */ #list_surround .header_cw { background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent; } /* OTHER CODES */ a:hover { text-decoration:underline; } #list_surround { background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75); border-bottom:0px solid #292929; border-left:0px solid #292929; border-right:0px solid #292929; height:100%; left:141px; top:180px; margin:239px auto 30px; position:relative; width:618px; } #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:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { padding:28px 5px 5px; margin-left:0px; width:586px; } #list_surround .animetitle + small { color:#ff9e96; } #list_surround .category_totals { padding:5px; text-align:center; } #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 { -moz-background-inline-policy:continuous; text-align: center !important; color:#3a4358; height:15px; width:600px; position:absolute; font-family: sans-serif; font-size: 10px; } #copyright a { color:#3a4358; } @media screen and (-webkit-min-device-pixel-ratio:0) { #copyright { } } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; left: 1290px; padding-bottom: 0; position: fixed; top: 430px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: black; border-color: white; border-style: solid; border-radius: 25px 25px 25px 25px; border-width: 1px; display: none; height: auto; left: 1290px; padding: 10px 10px 14px 24px; position: fixed; top: 792px; width: 212px; z-index: 1; } #copyright, #copyright:hover { background-color: black !important; border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } .table_header:nth-of-type(6) { display: none; } #copyright:hover { } #copyright:before { color: red; content: "Design by iVoid"; font-size: 12px; padding-right: 10px; } #copyright:after { color: white; content: "iVoid Custom List"; padding-left: 20px; } #copyright a { } FIX! 25.05.13 |
Shishio-kunMay 28, 2013 5:54 PM
May 21, 2013 4:21 PM
#72
Request complete for ILoveMangaAnime ILoveMangaAnime said: Could anyone make me a dp (display picture) with Eren Jaegar from Attack on Titan, Natsu from Fairy Tail, or Gareki from Karneval? Thank you sooooo much!!! <3333 I appreciate it A LOT :'D (btw, is that too many options? .__.) If you don't like the text I still have the pics without it so just ask me in a PM if you don't like it :) |
May 21, 2013 5:16 PM
#73
HostClub said: I'm using the last layout (the one with grimjow in the background from the first page first post) for MAL. Can anyone edit that scriptand change the background image to this? http://static.minitokyo.net/downloads/36/29/601486.jpg Also can you move the anime list to the left and the Completed/On Hold/Dropped... tags to the right and lower the tags slightly. Finally, can you change the images on the Completed/OnHold/Dropped... tags to images of characters from psycho pass. Here a print screen of my current list : Here's the current code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i47.tinypic.com/1zxtmp2.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { 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-color:transparent; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:0px; position:absolute; right:70px !important; width:800px; margin-top:-50px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_selected, #list_surround .status_not_selected { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; background-image:url(http://i45.tinypic.com/1ftxza.png); background-position:100% 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid transparent; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:50px; padding:0; position:fixed; top:30px; width:350px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-image:url(http://i49.tinypic.com/2pqvu2u.png); background-position:100% 0; top:130px; } #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-image:url(http://i49.tinypic.com/vgt2w.png); background-position:0 0; top:230px; } #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-image:url(http://i46.tinypic.com/fc8aqg.png); background-position:100% 0; top:330px; } #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-image:url(http://i50.tinypic.com/wvnwo7.png); background-position:0 0; top:430px; } #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-image:url(http://i50.tinypic.com/14uz8d3.png); background-position:100% 0; top:530px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:80px; width:350px; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } Thank you to whoever that takes on this job!!! :D Request complete for HostClub Your background image was broken so, I'm not sure if this is the one you wanted... Let me know if it's OK. CSS code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://0-media-cdn.foolz.us/ffuuka/board/a/image/1356/10/1356102736691.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { 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-color:transparent; font-size:100%; line-height:1; padding-bottom:10px; padding-top:0px; position:absolute; left:95px !important; padding-left:0px; width:800px; margin-top:-50px; */ top:0px; padding-left:0px; bottom:10px; left:-180px !important; margin:auto !important; position:absolute !important; right:0 !important; width:800px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; padding-top:10px; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-35px; padding:0; position:fixed; top:60px; width:250px; overflow:auto; } #list_surround .status_not_selected:hover, #list_surround .status_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-5px; padding:0; position:fixed; top:60px; width:250px; border:5px solid rgba(0,0,0,0.6); border-radius:11px; transition: right 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; overflow:auto; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #list_surround .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #list_surround .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } New CSS (hot fix), with tablets that work better as link, and some other changes (the biggest is the new top bar, although only within, when you look inside of it !!!): @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Drzlink_request_Phantom_and_Darker_than_Black/Top_bar_without_menu_or_display.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://imageshack.us/a/img829/9290/1356102736691.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } #inlineContent { 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-color:transparent; font-size:100%; line-height:1; padding-bottom:10px; padding-top:0px; position:absolute; left:95px !important; padding-left:0px; width:800px; margin-top:-50px; */ top:0px; padding-left:0px; bottom:10px; left:-180px !important; margin:auto !important; position:absolute !important; right:0 !important; font-size:100%; line-height:1; width:800px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; text-decoration:underline; } .table_header { background-color:rgba(255, 255, 255, 0.498039); } .table_header:first-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:6px; border-top-right-radius:0; } .table_header:nth-of-type(2) { padding-left:35px; text-align:left; } .table_header:last-of-type { border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:6px; } .td1 { background-color:rgba(70, 70, 70, 0.498039); height:65px; } .td2 { background-color:rgba(50, 50, 50, 0.498039); height:65px; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .table_header, .td1, .td2, .category_totals { color:white; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(255, 255, 255, 0.498039); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:0; border-top-right-radius:0; color:white; text-align:center; } [class^="header_"] * { background-repeat:no-repeat no-repeat; font-size:0; height:200px; line-height:24px; padding-bottom:4px; text-align:right; vertical-align:bottom; } .header_title { border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; color:#FFFFFF; display:inline-block; font-style:italic; height:auto; padding:0 8px 0 0; text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px; } #grand_totals { background-color:transparent; border:0 none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#FFFFFF; line-height:20px; min-height:20px; padding:8px; text-align:center; vertical-align:middle; } #copyright { background-color:rgba(180, 32, 48, 0.6); border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; color:#EEEEEE; line-height:17px; margin-top:10px; padding:8px; text-align:center; } #copyright::after { } .hide { background-color:rgba(248, 162, 200, 0.701961); background-position:50% 50%; background-repeat:no-repeat no-repeat; background-size:cover; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display:inline-block !important; height:55px; margin-left:33px; margin-top:-65px; position:absolute; width:35px; } .hide:hover { background-color:transparent; background-repeat:no-repeat no-repeat; background-size:cover; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-140px; padding-right:150px; padding-top:220px !important; position:absolute; z-index:1; } .td1:nth-of-type(2), .td2:nth-of-type(2) { padding-left:35px; text-align:left; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; border-bottom-style:none !important; border-bottom-width:medium !important; display:inline-block; font-size:87%; height:0 !important; left:70px; line-height:16px !important; margin-top:16px; position:absolute; text-align:justify !important; width:720px; z-index:2; padding-top:10px; } .table_header:nth-of-type(6) { display:none; } span[id*="tagRow"] { display:block !important; } span[id*="tagLinks"] { display:none !important; } a, .td1, .td2, .category_totals { -webkit-transition:all 0.25s ease-in-out 0s; transition:all 0.25s ease-in-out 0s; } #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-35px; padding:0; position:fixed; top:60px; width:250px; overflow:auto; } #list_surround .status_not_selected:hover, #list_surround .status_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px 0px; background-repeat:repeat repeat; display:block; height:80px; right:-5px; padding:0; position:fixed; top:60px; width:250px; border:5px solid rgba(0,0,0,0.6); border-radius:11px; transition: right 0.25s ease-in-out 0s ; -o-transition: all 0.25s ease-in-out 0s ; -moz-transition: all 0.25s ease-in-out 0s ; -webkit-transition: all 0.25s ease-in-out 0s ; overflow:auto; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #list_surround .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -80px; background-repeat:repeat repeat; top:150px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #list_surround .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -160px; background-repeat:repeat repeat; top:240px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -240px; background-repeat:repeat repeat; top:330px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -320px; background-repeat:repeat repeat; display:inline; top:420px; } #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_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons1_zpsa6a1597a.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected:hover, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected:hover, #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:hover { background-attachment:scroll; background-color:transparent; background-image:url(http://i1302.photobucket.com/albums/ag140/shoutaazuma/allbuttons2_zpsa4f0528c.png); background-position:0px -400px; background-repeat:no-repeat no-repeat; display:inline; top:510px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { display:block; font-size:29px; padding-top:53px; color: transparent !important; text-shadow: none !important; width:250px important; text-decoration:none important; } .header_cw { background-color:transparent; background-image:url(http://i47.tinypic.com/jpgfi9.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_completed { background-color:transparent; background-image:url(http://i46.tinypic.com/op5hg1.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_onhold { background-color:transparent; background-image:url(http://i47.tinypic.com/25jv6h4.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_dropped { background-color:transparent; background-image:url(http://i47.tinypic.com/25yzx2g.png); background-position:0 125px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .header_ptw { background-color:transparent; background-image:url(http://i48.tinypic.com/2m3mjj8.png); background-position:0 130px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-100px; } .status_selected { display:block; } .status_not_selected { display:block; } .status_not_selected { opacity:1; } .status_not_selected:hover { color:transparent; opacity:1; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .animetitle + small { color:dodgerBlue !important; font-size:75%; font-weight:bold; } Additionally a preview on my list: |
MonsterguyJun 4, 2013 2:08 PM
May 22, 2013 9:29 AM
#74
Request complete for PK-Deviluke25 PK-Deviluke25 said: Dont know if the requests have to be anime related, but I am a sucker for Dark Souls. I was thinking of style that includes this illustration in the background. I wish for the list to be in the center, but the background illustration being able to be seen through the list. http://imgur.com/8OZHOv3 and these illustrations can in for the icons that go with the clickable directories that go to the completed, plan to watch, dropped and watching part of the list. http://imgur.com/aJ8ixlk (if possible would prefer if the 3 faces could be used separately for each column, as in the other illustrations can be eliminated if this is possible.) http://imgur.com/p0ko0Mb http://imgur.com/C1sYhQ5 http://imgur.com/jEWeuo6 http://imgur.com/PWyZ6ZS http://imgur.com/UDSCMxS The font colors being dark with some blue or the colors that you would think would fit better. Font choice is up to you If there is an illustration/image that cannot be used for some reason, I would be ok with you picking out an usable Dark Souls related image. I am sorry if I messed up in some part of the post, this is my first time doing a request. Code @import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css); @import url(http://fonts.googleapis.com/css?family=New+Rocker); @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css); @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/Colors/Scheme.css); @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); body { color: #FFD700; height: 12000px; background-attachment: fixed!important; background-image: url(http://i.imgur.com/8OZHOv3.jpg?1); background-repeat: initial initial; background-size: cover; font-family: 'New Rocker', cursive; font-size: 16px; } /* LIST FONT These codes control the font on the list itself (anime titles, etc). */ * { border:0 none; color:silver; font-family: 'New Rocker', cursive; font-size:13px; font-weight:normal; text-decoration:none; } /* BANNER */ #list_surround .header_title { background:url(http://ipic.su/img/img7/fs/cooltext1043220838.1369232913.png) no-repeat scroll 0 0 transparent; height:425px; left:-200px; padding:25px; position:absolute; top:-425px; width:900px; } /* LEFT SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://ipic.su/img/img7/fs/cw.1369232330.jpg) repeat scroll 0 0 transparent; display:block; height:100px; left:-283px; padding:0; position:absolute; top:0px; width:270px; } #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://ipic.su/img/img7/fs/complete.1369232348.jpg) repeat scroll 0 0 transparent; top:110px; } #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://ipic.su/img/img7/fs/on-hold.1369232366.jpg) repeat scroll 0 0 transparent; top:220px; } #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://ipic.su/img/img7/fs/dropped.1369232384.jpg) repeat scroll 0 0 transparent; top:330px; } #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://ipic.su/img/img7/fs/ptw.1369232404.jpg) repeat scroll 0 0 transparent; display:inline; top:440px; } #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://ipic.su/img/img7/fs/allanime.1369232424.jpg) no-repeat scroll 0 0 transparent; display:inline; padding-bottom:30px; top:550px; } /* HEADERS */ #list_surround .header_cw { background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent; } /* OTHER CODES */ a:hover { text-decoration:underline; } #list_surround { background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75); border-bottom:0px solid #292929; border-left:0px solid #292929; border-right:0px solid #292929; height:100%; left:141px; top:180px; margin:239px auto 30px; position:relative; width:618px; } #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:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { padding:28px 5px 5px; margin-left:0px; width:586px; } #list_surround .animetitle + small { color:#ff9e96; } #list_surround .category_totals { padding:5px; text-align:center; } #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 { -moz-background-inline-policy:continuous; text-align: center !important; color:#3a4358; height:15px; width:600px; position:absolute; font-family: sans-serif; font-size: 10px; } #copyright a { color:#3a4358; } @media screen and (-webkit-min-device-pixel-ratio:0) { #copyright { } } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; left: 1290px; padding-bottom: 0; position: fixed; top: 430px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: black; border-color: white; border-style: solid; border-radius: 25px 25px 25px 25px; border-width: 1px; display: none; height: auto; left: 1290px; padding: 10px 10px 14px 24px; position: fixed; top: 792px; width: 212px; z-index: 1; } #copyright, #copyright:hover { background-color: rgba(241, 114, 169, 0.7) !important; border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } .table_header:nth-of-type(6) { display: none; } #copyright:hover { } #copyright:before { color: red; content: "Design by iVoid"; font-size: 12px; padding-right: 10px; } #copyright:after { color: white; content: "iVoid Custom List"; padding-left: 20px; } #copyright a { } FIX 25.05.13 |
Shishio-kunMay 28, 2013 5:52 PM
May 25, 2013 8:07 PM
#75
Request complete for SakuraNatsume SakuraNatsume said: I really wanted to request a layout of the anime Angel Beats!. Maybe with this picture, because I really like this. http://i1129.photobucket.com/albums/m513/yukoyuko002/angel_beats/yande182098angel_beatspaper_textureseifukutenshiwings_zps69fced8b.jpg I don't have any other specific requests, and I really hope someone will take this. Here you go, it's not on the level of Shishio-kun or anything, but I think you'll enjoy it! Here's the code... BODY { background-attachment: fixed; background-image: url("http://i1276.photobucket.com/albums/y479/austinpick/lunapic_136953408857769_1_zpsbda88663.jpg"); background-repeat: no-repeat; color: #000000; font-family: trebuchet ms; font-size: 11px; line-height: 13px; text-transform: lowercase; background-size: cover; } #list_surround tbody tr:hover{ background-color: transparent; border-bottom: 1px solid #000000; } #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; } # a { color: #000000 !important; font-family: trebuchet ms !important; font-size: 15px !important; text-decoration: none !important; text-transform: lowercase !important; } # { background: none repeat scroll 0 0 transparent !important; border-bottom: 0 solid #000000 !important; color: #000000 !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: #000000 !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: #000000; font-size: 14px; text-decoration: none; text-transform: lowercase; } a:visited { color: #000000; font-size: 14px; text-decoration: none; text-transform: lowercase; } a:hover { color: #000000; cursor: default; font-size: 14px; text-decoration: none; text-transform: lowercase; } .td1, .td2 { background-color: transparent; border: 1px dotted transparent; color: #000000; font-size: 10px; } .status_selected { color: #000000; font-size: 14px; } .status_not_selected { color: #000000; font-size: 14px; } .status_selected a { font-size: 14px; } .status_not_selected a { color: #000000; font-size: 14px; } .table_header { color: #000000; font-size: 14px; padding-bottom: 10px; } .table_headerLink { color: #000000; font-size: 14px; } .table_headerLink:visited { color: #000000; font-size: 14px; } .table_headerLink:hover { color: #000000; font-size: 14px; } .header_cw { } .header_completed { } .header_onhold { } .header_dropped { } .header_ptw { } .header_title { color: #000000; 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: #000000; font-size: 10px; } small a:hover { color: #000000; font-size: 10px; } #copyright { font-size: 9px; margin: 0 auto; padding-bottom: 20px; padding-top: 20px; text-align: center; } ENJOY, also, tell me what you think of it via my comment box, see ya! :) |
Shishio-kunMay 28, 2013 5:50 PM
Jun 6, 2013 7:42 AM
#76
Request complete for FreakGirl Preview Hope you like it :) Pm me for problems! Code @import "https://dl.dropboxusercontent.com/s/sb0f3i0iiami78c/BlueMenu.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Autour+One"; @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/TMOHSEditButton.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i44.tinypic.com/2cijnsj.png"); background-position: 25% 0; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Autour One; } #list_surround { background-attachment: fixed; background-position: 24% 0; background-repeat: no-repeat no-repeat; font-size: 13px; height: 250px; left: 0; line-height: 1; margin: 0 auto; padding-bottom: 0; padding-top: 0; position: absolute; right: 0; width: 800px; z-index: 0; } td[class^="td"]:nth-of-type(2) { width: 554px !important; } tr:hover td.td1 a, tr:hover td.td2 a, tr:hover td.td1, tr:hover td.td2 { color: cyan; font-weight: bold; text-shadow: 1px 1px 2px black; transition: all 0.4s ease 0s; } tr:hover [class^="td"] { background-color: rgba(255, 255, 255, 0.4); transition: all 0.4s ease 0s; } a { color: white; text-shadow: none; } a:hover { color: yellow !important; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header { padding-top: 10px !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 1px solid white !important; color: white; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 1px solid white !important; color: white; } .table_header:nth-of-type(1) { border-left: 1px solid white !important; border-top-left-radius: 20px; color: white; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(1), .table_header:nth-of-type(2), .table_header:nth-of-type(3), .table_header:nth-of-type(4), .table_header:nth-of-type(5), .table_header:nth-of-type(6) { border-top: 1px solid white !important; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-right: 1px solid white; border-top-right-radius: 20px; color: white; padding-right: 8px; } .table_header, .category_totals { background-color: rgba(1, 153, 239, 0.7); border: 0 none; color: white !important; opacity: 1; padding: 4px; text-align: center; vertical-align: top; } .td1, .td2 { background-color: rgba(1, 153, 239, 0.7); color: white !important; padding: 5px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none !important; width: 0; } small { color: #D79C20 !important; font-weight: bold; } .table_header, .td1, .td2, .category_totals { color: grey; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { border-bottom: 1px solid white; border-left: 1px solid white !important; border-radius: 0 0 12px 12px; border-right: 1px solid white; text-align: center; } .category_totals:hover { background-color: #C41E0E; color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 130px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border: medium none !important; color: transparent !important; display: none; font-size: 0 !important; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(1, 153, 239, 0.7); border: 0 none; border-radius: 3px 3px 3px 3px; color: white; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .header_cw { background-image: url("http://i43.tinypic.com/2n8pvrq.png"); background-position: 40% 0; background-repeat: no-repeat no-repeat; height: 300px; } .header_completed { background-image: url("http://i40.tinypic.com/2vcz12c.png"); background-position: 50% 0; background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; height: 300px; z-index: 0; } .header_onhold { background-image: url("http://i41.tinypic.com/erhdg7.png"); background-position: 60% 0; background-repeat: no-repeat no-repeat; height: 300px; } .header_dropped { background-image: url("http://i39.tinypic.com/27x3tqv.png"); background-position: 30% 0; background-repeat: no-repeat no-repeat; height: 300px; } .header_ptw { background-image: url("http://i39.tinypic.com/2llzmuq.png"); background-position: 54% 0; background-repeat: no-repeat no-repeat; height: 300px; } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; padding-bottom: 0; position: fixed; right: 30px; top: 160px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { color: white !important; font-weight: normal !important; text-shadow: 0 0 0 black !important; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(1, 153, 239, 0.9) !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; color: white !important; display: none; height: auto; padding: 10px 10px 14px 24px; position: fixed; right: 15px; text-shadow: 0 0 0 black !important; top: 522px; width: 240px; z-index: 1; } #copyright, #copyright:hover { background-color: rgba(1, 153, 239, 0.7); border: 1px solid white; border-radius: 5em 5em 0 0; bottom: 0; color: white; font-size: 12px; padding: 0; width: 800px; } #copyright:before { color: white; content: " Design by SylakentH_ ."; font-size: 12px; padding-right: 3px; padding-top: 10px !important; } #copyright:after { color: #FFD700; content: " "; padding-left: 20px; } |
SylakentHJun 22, 2013 3:12 PM
Jun 10, 2013 2:53 PM
#77
Request complete for ggslayer ggslayer said: Can i Request a List? List type: Anime List Theme: Sakurasou no Pet na Kanojo Images you want us to use: http://konachan.com/post/show/154735/close-dark-sakura-sou_no_pet_na_kanojo-shiina_mash Premade layout?: Covers?: yes Other information: doesn't have to be a very complicated layout something simple is fine, Thanks If you dont like it at all just say it :P also pm me if there are any problems! Code @import "https://dl.dropboxusercontent.com/u/78340470/Icon%20Style%20Menu%20Bar/pinkversion/pinkiconbar.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Patrick+Hand+SC"; @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/EditButton.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i41.tinypic.com/2r7ov0o.jpg"); background-position: 23% 0; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Patrick Hand Sc; } #list_surround { background-attachment: fixed; background-position: 24% 0; background-repeat: no-repeat no-repeat; font-size: 19px; height: 250px; left: 0; line-height: 1; margin: 0 auto; padding-bottom: 0; padding-top: 71px; position: absolute; right: 0; width: 840px; z-index: 0; } td[class^="td"]:nth-of-type(2) { width: 533px !important; } a { color: white; text-shadow: none; } tr:hover [class^="td"] { background-color: rgba(176, 97, 163, 0.8); transition: all 0.4s ease 0s; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #EE7443 !important; font-weight: bold; text-shadow: 1px 2px 3px black; transition: all 0.4s ease 0s; } a:hover { color: yellow !important; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .td1:nth-of-type(5), .td2:nth-of-type(5) { color: white; } .td1:nth-of-type(1), .td2:nth-of-type(1) { color: white; } .table_header:nth-of-type(1) { color: white; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(1), .table_header:nth-of-type(2), .table_header:nth-of-type(3), .table_header:nth-of-type(4), .table_header:nth-of-type(5), .table_header:nth-of-type(6) { } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-left-radius: 0; color: white; } .table_header, .category_totals { background-color: rgba(90, 49, 127, 0.7); border: 0 none; opacity: 1; padding: 4px; text-align: center; vertical-align: top; } .td1, .td2 { background-color: rgba(90, 49, 127, 0.7); color: white !important; padding: 5px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { } small { color: #894B62; font-weight: bold; text-shadow: 1px 2px black; } .table_header, .td1, .td2, .category_totals { color: grey; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(90, 49, 127, 0.7); border-radius: 0 0 12px 12px; color: grey; text-align: center; } .category_totals:hover { background-color: #C41E0E; color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; font-size: 50px; height: 50px; line-height: 24px; margin-bottom: 6px; margin-left: 5px; padding-bottom: 9px; text-align: left; vertical-align: bottom; } .header_title { border: medium none !important; color: white !important; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(90, 49, 127, 0.7); border: 0 none; border-radius: 3px 3px 3px 3px; color: white; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_not_selected, .status_selected { background-color: rgba(174, 174, 174, 0.4); border: 0 none !important; border-radius: 10px 10px 10px 10px; height: auto !important; padding: 4px; 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(51, 82, 199, 0.8); 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); } .header_cw { background-color: rgba(90, 49, 127, 0.7); background-position: 97% 0; background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; z-index: 0 !important; } .header_completed { background-color: rgba(90, 49, 127, 0.7); background-position: 50% 0; background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; z-index: 0; } .header_onhold { background-color: rgba(90, 49, 127, 0.7); background-position: 100% 0; background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; } .header_dropped { background-color: rgba(90, 49, 127, 0.7); background-position: 50% 0; background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; } .header_ptw { background-color: rgba(90, 49, 127, 0.7); background-position: 50% 0; background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; left: 52px; padding-bottom: 0; position: fixed; top: 160px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { color: white !important; } #copyright, #copyright:hover { background-color:rgba(90, 49, 127, 0.701961); color:white; font-size:12px; padding:3px; position:absolute; width:100%; border-top-left-radius:0; } #copyright:before { color: white; content: " Design by SylakentH_"; font-size: 17px; padding-right: 10px; padding-top: 10px !important; } #copyright:after { color: #FFD700; content: " "; padding-left: 20px; } |
SylakentHJun 22, 2013 3:13 PM
Jun 11, 2013 6:49 PM
#78
Request complete for dadotarugo Preview: First of all. change " My List Settings" to be like this: Anime List Manga List Important: You have to import your list, here you can learn how to it. Code: ◘ Anime List: @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css); #list_surround .hide{ background-size: 100% 100%; display:inline-block !important; float: left; background-repeat: no-repeat; position: relative; margin-left: -357px; visibility: visible !important; height: 126px !important; width: 176px !important; border-radius: 3px; } #list_surround{ width:80%; margin:auto; position:absolute; left:270px; right:0px; top:150px } #list_surround table:nth-of-type(1n+4){ float: left; position: relative; width: 116px !important; height: 116px !important; margin-bottom: 230px; margin-top: 0px; margin-right: 151px; table-layout:fixed; } #list_surround table:last-of-type{ display: none; } #list_surround table:nth-of-type(1n+4) td{ position: absolute; width: 201px; } .td1:nth-of-type(1):before, .td2:nth-of-type(1):before{ content: ""; position:inherit! important; background: url(http://i43.tinypic.com/1t4ej6.png)repeat; height:255px; width:189px; top:-6px; left:-98px !important; z-index:-10 !important; border:1px #505050 solid; border-radius: 6px 6px 6px 5px; box-shadow: 1px 1px 1px 1px rgba(00, 00, 00, 0.3); } body{ background: url(http://i40.tinypic.com/yfnmu.png) repeat fixed; font-family: century gothic; font-size:8pt; color: #afa9a9; } body:before{ content: " "; background:url(http://blog-imgs-46.fc2.com/p/i/c/pictureroom/D-grayman1.jpg) fixed no-repeat; position:fixed; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; width: 4000px; height: 4000px; z-index:-100; } .animetitle { font-weight: bold; font-size:9pt; position:absolute; text-align: left!; visibility: visible !important; width:175px; height:auto; top:-28px; left:-90px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .animetitle + small{ position: absolute !important; top: 233px !important; color: #9f9999 !important; left: 55px !important; font-size:7pt !important; } .td1:nth-of-type(2):before, .td2:nth-of-type(2):before{ content: ""; position:inherit! important; background: url(http://i43.tinypic.com/1t4ej6.png)repeat; height:20px; width:189px; top:-30px; left:-98px !important; z-index:-10 !important; border:1px #505050 solid !important; border-radius: 4px; } a, a:visited{ color: #afa9a9; text-decoration:none; } a:hover{ color: #FFFFFF } .td1:nth-of-type(1), .td2:nth-of-type(1){ font-size: 0pt; } .td1:nth-of-type(3), .td2:nth-of-type(3){ position:absolute; margin-left: -90px !important; width:auto; margin-top:148px; text-align:left; font-weight:bold; } .td1:nth-of-type(3):before, .td2:nth-of-type(3):before{ content: "Score: "; padding-right:3px; } .td1:nth-of-type(4), .td2:nth-of-type(4){ position:absolute; margin-left: -117px !important; width:auto; margin-top:170px; text-align:right; font-weight:bold; } .td1:nth-of-type(4):before, .td2:nth-of-type(4):before{ content: "Type: "; padding-right:3px; } .td1:nth-of-type(5), .td2:nth-of-type(5){ position:absolute; margin-left: -117px !important; width:auto; margin-top:148px; text-align:right; font-weight:bold; } .td1:nth-of-type(5):before, .td2:nth-of-type(5):before{ content: "Episodes: "; padding-right:3px; } .td1:nth-of-type(6), .td2:nth-of-type(6){ position:absolute; margin-left: -90px !important; width:auto; margin-top:170px; text-align:left; font-weight:bold; } .td1:nth-of-type(6):before, .td2:nth-of-type(6):before{ content: "Rating: "; padding-right:3px; } .td1:nth-of-type(7), .td2:nth-of-type(7){ display:none; } #list_surround a[href*="http://myanimelist.net/panel.php?go=add"], #list_surround small a:last-of-type{ font-size:0px; } td:nth-of-type(2) small { color:transparent; } .td1:nth-of-type(1), .td2:nth-of-type(1){ color: transparent; } #list_surround table:first-of-type td:nth-of-type(1){ position:fixed; right:380px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(2){ position:fixed; right:305px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(3){ position:fixed; right:210px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(4){ position:fixed; right:120px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(5){ position:fixed; right:5px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(6){ display:none; } #list_surround table:first-of-type td:nth-of-type(1) a:hover, #list_surround table:first-of-type td:nth-of-type(2) a:hover, #list_surround table:first-of-type td:nth-of-type(3) a:hover, #list_surround table:first-of-type td:nth-of-type(4) a:hover, #list_surround table:first-of-type td:nth-of-type(5) a:hover, #list_surround table:first-of-type td:nth-of-type(6) a:hover{ color: #FFFFFF; } #list_surround table:first-of-type td:nth-of-type(1) a, #list_surround table:first-of-type td:nth-of-type(2) a, #list_surround table:first-of-type td:nth-of-type(3) a, #list_surround table:first-of-type td:nth-of-type(4) a, #list_surround table:first-of-type td:nth-of-type(5) a, #list_surround table:first-of-type td:nth-of-type(6) a{ font-weight: bold; color: #cfc9c9; } #mal\_control\_strip{ background; position:fixed; height:24px!important; z-index:30; } #mal\_control\_strip{background-size:100% 100%!important} #mal\_control\_strip td{height:24px!important} #mal\_control\_strip div{ color:transparent!important;; display:inline} #mal\_cs\_pic img{ position:fixed; height:24px!important; width:auto!important; top:-110px; } #mal\_cs\_listinfo{ width:auto!important; } #mal_cs_listinfo a,#mal_cs_listinfo a strong { display:none; } #mal_cs_links { ; } #mal_cs_links div:first-of-type a:first-of-type, #mal_cs_links div:first-of-type a:last-of-type, #mal_cs_links div:last-of-type a:first-of-type, #mal_cs_links div:last-of-type a:last-of-type{ color:transparent; } } #mal_cs_otherlinks a[href="http://myanimelist.net/history/Ushioo"],#mal_cs_otherlinks a[href="http://myanimelist.net/panel.php?go=export"],#mal_cs_otherlinks a[href="http://myanimelist.net/forum/"]{ color:transparent !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/dadotarugo"] { Font-weight:bold; color: #cfc9c9!important; left:10px !important; text-decoration:none; position:fixed; font-size:8pt !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/dadotarugo"]:before{ content: "Welcome to "; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/dadotarugo"]:after{ content: "'s Anime List "; } #mal_cs_otherlinks a:hover{ color:#FFFFFF !important; } #mal_cs_otherlinks a,#mal_cs_otherlinks div:last-of-type a:first-of-type,#mal_cs_otherlinks a[href="http://myanimelist.net/modules.php?go=faq"],#mal_cs_otherlinks span{ color:transparent !important; } #mal_cs_powered { display: none; } #mal_cs_powered a { background:; } #mal_cs_powered #search { background:brown !important; } #searchListButton { background:violet !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } .status_selected{ text-decoration: underline; } .table_header, .header_title{ display:none; } #copyright{ position:absolute; bottom:60px; left:-96px; font-weight:bold; } #copyright:after{ position:absolute !important; content: "List Design By Ushioo"; bottom:-15px; width:200px; left:-45px; } .category_totals{ display:none; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="] { font-size:0pt; } -------------------------------------------------------- ◘ Manga List @import url(http://dl.dropbox.com/u/49469857/MAL/premade/manga.css); #list_surround .hide{ background-size: 100% 100%; display:inline-block !important; float: left; background-repeat: no-repeat; position: relative; margin-left: -357px; visibility: visible !important; height: 126px !important; width: 176px !important; border-radius: 3px; } #list_surround{ width:80%; margin:auto; position:absolute; left:270px; right:0px; top:250px } #list_surround table:nth-of-type(1n+4){ float: left; position: relative; width: 116px !important; height: 116px !important; margin-bottom: 230px; margin-top: 0px; margin-right: 151px; table-layout:fixed; } #list_surround table:last-of-type{ display: none; } #list_surround table:nth-of-type(1n+4) td{ position: absolute; width: 201px; } .td1:nth-of-type(1):before, .td2:nth-of-type(1):before{ content: ""; position:inherit! important; background: url(http://i43.tinypic.com/1t4ej6.png)repeat; height:255px; width:189px; top:-6px; left:-98px !important; z-index:-10 !important; border:1px #505050 solid; border-radius: 6px 6px 6px 5px; box-shadow: 1px 1px 1px 1px rgba(00, 00, 00, 0.3); } body{ background: url(http://i40.tinypic.com/yfnmu.png) repeat fixed; font-family: century gothic; font-size:8pt; color: #afa9a9; } body:before{ content: " "; background:url(http://blog-imgs-46.fc2.com/p/i/c/pictureroom/D-grayman1.jpg) fixed no-repeat; position:fixed; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; width: 4000px; height: 4000px; z-index:-100; } .animetitle { font-weight: bold; font-size:9pt; position:absolute; text-align: left!; visibility: visible !important; width:175px; height:auto; top:-28px; left:-90px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .animetitle + small{ position: absolute !important; top: 233px !important; color: #9f9999 !important; left: 44px !important; font-size:7pt; } .td1:nth-of-type(2):before, .td2:nth-of-type(2):before{ content: ""; position:inherit! important; background: url(http://i43.tinypic.com/1t4ej6.png)repeat; height:20px; width:189px; top:-30px; left:-98px !important; z-index:-10 !important; border:1px #505050 solid !important; border-radius: 4px; } a, a:visited{ color: #afa9a9; text-decoration:none; } a:hover{ color: #FFFFFF } .td1:nth-of-type(1), .td2:nth-of-type(1){ font-size: 0pt; } .td1:nth-of-type(3), .td2:nth-of-type(3){ position:absolute; margin-left: -90px !important; width:auto; margin-top:148px; text-align:left; font-weight:bold; } .td1:nth-of-type(3):before, .td2:nth-of-type(3):before{ content: "Score: "; padding-right:3px; } .td1:nth-of-type(4), .td2:nth-of-type(4){ position:absolute; margin-left: -117px !important; width:auto; margin-top:148px; text-align:right; font-weight:bold; } .td1:nth-of-type(4):before, .td2:nth-of-type(4):before{ content: "Chapters: "; padding-right:3px; } .td1:nth-of-type(5), .td2:nth-of-type(5){ position:absolute; margin-left: -117px !important; width:auto; margin-top:170px; text-align:right; font-weight:bold; } .td1:nth-of-type(5):before, .td2:nth-of-type(5):before{ content: "Volumes: "; padding-right:3px; } .td1:nth-of-type(6), .td2:nth-of-type(6){ position:absolute; margin-left: -90px !important; width:auto; margin-top:170px; text-align:left; font-weight:bold; } .td1:nth-of-type(6):before, .td2:nth-of-type(6):before{ content: "Type: "; padding-right:3px; } .td1:nth-of-type(7), .td2:nth-of-type(7){ display:none; } #list_surround a[href*="http://myanimelist.net/panel.php?go=add"], #list_surround small a:last-of-type{ font-size:0px; } td:nth-of-type(2) small { color:transparent; } .td1:nth-of-type(1), .td2:nth-of-type(1){ color: transparent; } #list_surround table:first-of-type td:nth-of-type(1){ position:fixed; right:380px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(2){ position:fixed; right:305px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(3){ position:fixed; right:210px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(4){ position:fixed; right:120px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(5){ position:fixed; right:5px; top:5px; text-align: center; z-index:40; font-size:8pt; font-weight:bold; } #list_surround table:first-of-type td:nth-of-type(6){ display:none; } #list_surround table:first-of-type td:nth-of-type(1) a:hover, #list_surround table:first-of-type td:nth-of-type(2) a:hover, #list_surround table:first-of-type td:nth-of-type(3) a:hover, #list_surround table:first-of-type td:nth-of-type(4) a:hover, #list_surround table:first-of-type td:nth-of-type(5) a:hover, #list_surround table:first-of-type td:nth-of-type(6) a:hover{ color: #FFFFFF; } #list_surround table:first-of-type td:nth-of-type(1) a, #list_surround table:first-of-type td:nth-of-type(2) a, #list_surround table:first-of-type td:nth-of-type(3) a, #list_surround table:first-of-type td:nth-of-type(4) a, #list_surround table:first-of-type td:nth-of-type(5) a, #list_surround table:first-of-type td:nth-of-type(6) a{ font-weight: bold; color: #cfc9c9; } #mal\_control\_strip{ background; position:fixed; height:24px!important; z-index:30; } #mal\_control\_strip{background-size:100% 100%!important} #mal\_control\_strip td{height:24px!important} #mal\_control\_strip div{ color:transparent!important;; display:inline} #mal\_cs\_pic img{ position:fixed; height:24px!important; width:auto!important; top:-110px; } #mal\_cs\_listinfo{ width:auto!important; } #mal_cs_listinfo a,#mal_cs_listinfo a strong { display:none; } #mal_cs_links { ; } #mal_cs_links div:first-of-type a:first-of-type, #mal_cs_links div:first-of-type a:last-of-type, #mal_cs_links div:last-of-type a:first-of-type, #mal_cs_links div:last-of-type a:last-of-type{ color:transparent; } } #mal_cs_otherlinks a[href="http://myanimelist.net/history/Ushioo"],#mal_cs_otherlinks a[href="http://myanimelist.net/panel.php?go=export"],#mal_cs_otherlinks a[href="http://myanimelist.net/forum/"]{ color:transparent !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/dadotarugo"] { Font-weight:bold; color: #cfc9c9!important; left:10px !important; text-decoration:none; position:fixed; font-size:8pt !important; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/dadotarugo"]:before{ content: "Welcome to "; } #mal_cs_otherlinks a[href="http://myanimelist.net/profile/dadotarugo"]:after{ content: "'s Manga List "; } #mal_cs_otherlinks a:hover{ color:#FFFFFF !important; } #mal_cs_otherlinks a,#mal_cs_otherlinks div:last-of-type a:first-of-type,#mal_cs_otherlinks a[href="http://myanimelist.net/modules.php?go=faq"],#mal_cs_otherlinks span{ color:transparent !important; } #mal_cs_powered { display: none; } #mal_cs_powered a { background:; } #mal_cs_powered #search { background:brown !important; } #searchListButton { background:violet !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } .status_selected{ text-decoration: underline; } .table_header, .header_title{ display:none; } #copyright{ position:absolute; bottom:60px; left:-96px; font-weight:bold; } #copyright:after{ position:absolute !important; content: "List Design By Ushioo"; bottom:-15px; width:200px; left:-45px; } .category_totals{ display:none; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="] { font-size:0pt; } |
Jun 12, 2013 11:21 AM
#79
Request complete for jirawaa22 jirawaa22 said: Hey! My anime list is getting really old, I mean seriously it has been there for ages, so it's time I make a new one, well I would if I know how CSS words -.- Anyways I'd like a Hyperdimension Neptunia themed list, it doesn't need to be overly complicated with custom cursors and complexly animated buttons, though if you DID add these in you'll get a special prize of an internet fist bump with me (this will be done 100% digitally). I am not really specific about the renders and background images you use, but I like these characters: 1 2 3 First of all, I've never played/watched Hyperdimension Neptunia so forgive me if I have done any mistakes regarding character choice. Little bit adjusted it to smaller screen sizes since I'm not sure what kind of screen you use. List Settings you should use: Tags, Episodes, Type Numbers Previews: Code: @import "http://dl.dropbox.com/u/102421246/MAL/CSS/AnoHanaCustom2/topbarAnohana.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Electrolize"; @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/HNEditButton.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://images4.wikia.nocookie.net/__cb20130313000219/hyperdimensionneptunia/images/3/3b/Wallpaper_collab_pulse_by_mackaged-d5xr81i.png"); background-position: 49% 0; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Electrolize; } #list_surround { background-attachment: fixed; background-position: 24% 0; background-repeat: no-repeat no-repeat; font-size: 16px; height: 250px; left: 0; line-height: 1; margin: 0 auto; padding-bottom: 0; padding-top: 140px; position: absolute; right: 0; width: 750px; z-index: 0; } a { color: white; text-shadow: 1px 2px 3px black; } tr:hover [class^="td"] { background-color: rgba(123, 168, 251, 0.8); } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { font-weight: bold; transition: all 0.4s ease 0s; } a:hover { color: yellow !important; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .td1:nth-of-type(4), .td2:nth-of-type(4) { text-shadow: 1px 2px 3px black; } .td1:nth-of-type(5), .td2:nth-of-type(5) { color: white; text-shadow: 1px 2px 3px black; } .td1:nth-of-type(1), .td2:nth-of-type(1) { color: white; text-shadow: 1px 2px 3px black; } .table_header:nth-of-type(1) { border-top-left-radius: 15px; color: white; text-shadow: 1px 2px 3px black; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-top-right-radius: 15px; color: white; text-shadow: 1px 2px 3px black; } .table_header, .category_totals { background-color: rgba(84, 46, 236, 0.6); border: 0 none; opacity: 1; padding: 4px; text-align: center; vertical-align: top; } .td1, .td2 { background-color: rgba(84, 46, 236, 0.6); color: white !important; padding: 5px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none; width: 0; } small { color: #FBA47B; font-weight: bold; text-shadow: 1px 2px 3px black; } .table_header, .td1, .td2, .category_totals { color: grey; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { background-color: rgba(84, 46, 236, 0.6); border-radius: 0 0 12px 12px; color: white; text-align: center; text-shadow: 1px 2px 3px black; } .category_totals:hover { background-color: #C41E0E; color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; border-radius: 20px 20px 0 0; font-size: 0; height: 300px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border: medium none !important; color: transparent !important; display: none; font-size: 0 !important; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(84, 46, 236, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: white; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .status_not_selected:hover { color: transparent; left: -8px !important; opacity: 1; transition: all 0.4s ease 0s; } .status_selected:hover a, .status_not_selected:hover a { color: transparent !important; font-size: 1px; height: 100px; text-decoration: none; width: 300px; } .status_not_selected a { color: transparent; content: ""; display: block; font-size: 1px !important; height: 100px !important; width: 300px !important; } .status_selected a { color: transparent; display: block; font-size: 1px; height: 100px; padding-right: 0; text-shadow: 0 0 0 black; width: 300px; } .status_selected { left: -8px !important; } .status_not_selected { display: block; left: -65px !important; opacity: 0.7; transition: all 0.4s ease 0s; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i41.tinypic.com/k1awd1.png"); background-position: 0 -5px; background-repeat: repeat repeat; border: 1px solid #FFFFFF; border-radius: 0 20px 20px 0; display: block; height: 90px; left: 0; padding: 0; position: fixed; top: 150px; width: 300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/2z6yypi.png"); background-position: 0 -5px; background-repeat: repeat repeat; border-radius: 0 20px 20px 0; top: 260px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/16aqg3o.png"); background-position: 0 -5px; background-repeat: repeat repeat; top: 370px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i44.tinypic.com/e99854.png"); background-position: 0 -7px; background-repeat: repeat repeat; top: 480px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i39.tinypic.com/nv12y8.png"); background-position: 0 -5px; background-repeat: repeat repeat; display: inline; top: 590px; } #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-attachment: scroll; background-color: transparent; background-image: url("http://i41.tinypic.com/2usfw29.png"); background-position: 0 0; background-repeat: repeat repeat; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; display: inline; top: 700px; width: 300px; } .header_cw { background-image: url("http://i42.tinypic.com/2mgsfol.png"); background-position: 97% 0; background-repeat: no-repeat no-repeat; z-index: 0 !important; } .header_completed { background-image: url("http://i43.tinypic.com/2mmst1t.png"); background-position: 97% 0; background-repeat: no-repeat no-repeat; } .header_onhold { background-image: url("http://i44.tinypic.com/1jvifm.png"); background-position: 97% 0; background-repeat: no-repeat no-repeat; } .header_dropped { background-image: url("http://i41.tinypic.com/2u7ljd5.png"); background-position: 97% 0; background-repeat: no-repeat no-repeat; } .header_ptw { background-image: url("http://i39.tinypic.com/op4kf5.png"); background-position: 97% 0; background-repeat: no-repeat no-repeat; } :hover + .hide { background-color: rgba(84, 46, 236, 0.6); background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: block !important; height: 350px; padding-bottom: 0; position: fixed; right: 51px; top: 160px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { color: white !important; font-size: 14px; text-shadow: 0 0 0 black; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(84, 46, 236, 0.6) !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; display: none; height: auto; padding: 10px 20px 10px 30px; position: fixed; right: 28px; text-align: center; top: 522px; width: 232px; z-index: 1; } #copyright, #copyright:hover { background-color: rgba(84, 46, 236, 0.6); border-radius: 5px 5px 5px 5px; bottom: 0; color: white; padding: 2px; width: 100%; } #copyright:before { color: white; content: " Design by SylakentH_"; font-size: 17px; padding-right: 10px; padding-top: 10px !important; text-shadow: 1px 2px 3px black; } #copyright:after { color: #FFD700; content: " "; padding-left: 20px; } @media all and (max-width: 1366px) { #list_surround { position: absolute !important; width: 690px } } |
SylakentHJun 22, 2013 3:14 PM
Jun 19, 2013 2:20 PM
#80
Request complete for Nyangie Nyangie said: Hello~ I would love a Sankarea themed list layout please. Here you are, hope it's ok. Code @import "https://dl.dropboxusercontent.com/s/sb0f3i0iiami78c/BlueMenu.css"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css"; @import "http://fonts.googleapis.com/css?family=Autour+One"; @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/EditButtonSanka.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i39.tinypic.com/2mhd5ee.jpg"); background-position: 50% 67%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Autour One; } #list_surround { background-attachment: fixed; background-position: 24% 0; background-repeat: no-repeat no-repeat; font-size: 13px; height: 250px; left: 10px; line-height: 1; margin: 0 auto; padding-bottom: 0; padding-top: 0; position: absolute; width: 800px; z-index: 0; } tr:hover .animetitle { color: #D79C20; font-weight: bold; text-shadow: 1px 1px 2px black; transition: all 0.4s ease 0s; } tr:hover [class^="td"] { background-color: rgba(123, 92, 162, 0.9); transition: all 0.4s ease 0s; } a { color: white; text-shadow: none; } a:hover { color: gold !important; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } .table_header { padding-top: 10px !important; } .td1:nth-of-type(4), .td2:nth-of-type(4) { width: 63px; } .td1:nth-of-type(5), .td2:nth-of-type(5) { border-right: 1px solid white !important; color: white; } .td1:nth-of-type(1), .td2:nth-of-type(1) { border-left: 1px solid white !important; color: white; } .table_header:nth-of-type(1) { border-left: 1px solid white !important; border-top-left-radius: 5px; color: white; } .table_header:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(1), .table_header:nth-of-type(2), .table_header:nth-of-type(3), .table_header:nth-of-type(4), .table_header:nth-of-type(5), .table_header:nth-of-type(6) { border-top: 1px solid white !important; } .table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-right: 1px solid white; border-top-right-radius: 5px; color: white; padding-right: 8px; } .table_header, .category_totals { background-color: rgba(1, 153, 239, 0.7); color: white !important; opacity: 1; padding: 4px; text-align: center; vertical-align: top; } .table_header:nth-of-type(4) { padding-right: 11px; } .table_header:nth-of-type(3) { padding-right: 12px; } .td1, .td2 { background-color: rgba(1, 153, 239, 0.7); border-style: solid; border-width: 1px 1px 0 0; color: white !important; padding: 5px; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .table_header:nth-of-type(6) { display: none !important; width: 0; } small { color: #D79C20 !important; font-weight: bold; text-shadow: 1px 2px 3px black; } .table_header, .td1, .td2, .category_totals { color: grey; } .borderRBL { line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } .category_totals { border-bottom: 1px solid white; border-left: 1px solid white !important; border-radius: 0 0 12px 12px; border-right: 1px solid white; border-top: 1px solid white; text-align: center; } .category_totals:hover { background-color: #C41E0E; color: #FFFFFF; } [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 122px; line-height: 24px; padding-bottom: 0; text-align: right; vertical-align: bottom; } .header_title { border: medium none !important; color: transparent !important; display: none; font-size: 0 !important; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } #grand_totals { background-color: rgba(1, 153, 239, 0.7); border: 0 none; border-radius: 3px 3px 3px 3px; color: white; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .header_cw { background-image: url("http://i42.tinypic.com/jrzp06.png"); background-position: 40% 85%; background-repeat: no-repeat no-repeat; background-size: 70% auto; } .header_completed { background-image: url("http://i39.tinypic.com/2mch7gx.png"); background-position: 40% 85%; background-repeat: no-repeat no-repeat; background-size: 70% auto; z-index: 0; } .header_onhold { background-image: url("http://i43.tinypic.com/2pydkyh.png"); background-position: 40% 85%; background-repeat: no-repeat no-repeat; background-size: 70% auto; } .header_dropped { background-image: url("http://i40.tinypic.com/9bhfts.png"); background-position: 40% 86%; background-repeat: no-repeat no-repeat; background-size: 70% auto; } .header_ptw { background-image: url("http://i41.tinypic.com/2uqf53l.png"); background-position: 40% 85%; background-repeat: no-repeat no-repeat; background-size: 70% auto; } :hover + .hide { background-position: center 50% !important; background-repeat: no-repeat !important; background-size: cover; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 3px; display: block !important; height: 350px; padding-bottom: 0; position: fixed; right: 30px; top: 160px; width: 226px; } .hide:before { background: none repeat scroll 0 0 transparent; border-radius: 25px 25px 0 0; color: white; content: ""; padding-bottom: 5px; position: absolute; text-align: center; top: -25px; width: 225px; } .td1:nth-of-type(6) a, .td2:nth-of-type(6) a { color: white !important; font-weight: normal !important; text-shadow: 0 0 0 black !important; } .td1:nth-of-type(6), .td2:nth-of-type(6) { background-color: rgba(1, 153, 239, 0.9) !important; border-color: white; border-radius: 25px 25px 25px 25px; border-style: solid; border-width: 1px; color: white !important; display: none; height: auto; padding: 10px 10px 14px 24px; position: fixed; right: 15px; text-align: center; text-shadow: 0 0 0 black !important; top: 522px; width: 240px; z-index: 1; } #copyright, #copyright:hover { background-color: rgba(1, 153, 239, 0.7); border: 1px solid white; border-radius: 5em 5em 0 0; bottom: 0; color: white; font-size: 12px; padding: 0; width: 800px; } #copyright:before { color: white; content: " Design by SylakentH_ ."; font-size: 12px; padding-right: 3px; padding-top: 10px !important; } #copyright:after { color: #FFD700; content: " "; padding-left: 20px; } |
Jun 21, 2013 11:48 AM
#81
Request complete for MysteriouslyMe MysteriouslyMe said: Hi! Can someone please make me any kind of list layout that's colorful? Also can it have like those side buttons which says Completed, Plan to Watch, etc.? Oh, my List Settings will have Numbers, Scores, Ratings, Start/End Dates, and Episodes. Any list is okay. It's up to the makers. Sankyuu! Couldn't make any buttons that fit the background, and you can have everything on except start/end dates if thats ok :) Hope the girl on the left side (You'll see) doesn't bother you :P Preview: Code: @import "http://dl.dropbox.com/u/78340470/Touhou%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategoryTouhou.css"; body { background-attachment: fixed; background-image: url("http://i42.tinypic.com/k4tv2e.png") !important; background-position: 0 0; background-repeat: no-repeat no-repeat; background-size: cover; color: #FFFFFF; font-family: Candara; font-size: 12px; } #list_surround { left: 28%; margin: auto; position: absolute; width: 550px; } .td1, .td2 { padding: 3px; } .animetitle + small { color: pink!important; } .animetitle + small:before { } null { } td:nth-of-type(2) small { color: pink; 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) { background-color: rgba(0, 0, 0, 0.5); border-left-style: solid !important; border-left-width: 2px !important; } .td1:nth-of-type(5), .td2:nth-of-type(5) { background-color: rgba(0, 0, 0, 0.5); border-right-style: solid; border-right-width: 2px; } .td1:nth-of-type(4), .td2:nth-of-type(4), td.table_header:nth-of-type(4) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(3), .td2:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); padding-right: 7px; } td.table_header:nth-of-type(3) { background-color: rgba(0, 0, 0, 0.5); } .td1:nth-of-type(2), .td2:nth-of-type(2) { background-color: rgba(0, 0, 0, 0.5); } a, a:visited { color: #FFFFFF; text-decoration: initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: pink; } .table_header { background-color: rgba(0, 0, 0, 0.5); font-size: 10px; padding: 2px; } td.table_header:nth-of-type(1) { border-bottom-right-radius: 0; border-left: 2px solid white !important; border-top: 2px solid white !important; border-top-left-radius: 10px; border-top-right-radius: 0; } td.table_header:nth-of-type(5) { border-bottom-right-radius: 0; border-right: 2px solid white !important; border-top: 2px solid white !important; border-top-left-radius: 0; border-top-right-radius: 10px; } 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 white !important; } .category_totals { background-color: rgba(0, 0, 0, 0.5); border-bottom-style: solid; border-bottom-width: 2px; border-left: 2px solid white !important; border-radius: 0 0 10px 10px; border-right: 2px solid white; font-size: 10px; padding: 2px 2px 2px 40px; } .borderRBL { border-left-style: solid !important; border-left-width: 2px !important; border-right: 2px solid white !important; color: #2030F0 !important; font-size: 11px; padding-left: 39px; } .borderRBL a, .borderRBL a:visited { color: #F0304F !important; text-decoration: initial; } .borderRBL a:hover { color: #F0304F !important; } #copyright { border-radius: 8px 8px 8px 8px; color: #000000; font-size: 11px; margin-bottom: 70px; padding: 2px; position: relative !important; text-align: center !important; top: 10px; width: 650px; } #copyright:after { border-radius: 8px 8px 8px 8px; color: #000000 !important; content: "List Design By Ushioo, Edited By TheHolyPotato" !important; left: -3px; position: absolute !important; top: 40px !important; width: 650px !important; } #copyright a { color: #000000; } #grand_totals { display: none; } td:nth-of-type(2) small a { display: none; } td:nth-of-type(2) small { color: transparent; } [class^="header_"] * { font-size: 0; height: 10px; line-height: 24px; padding-bottom: 4px; text-align: left; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .header_cw { background-color: transparent; background-image: url("http://i39.tinypic.com/2ibzzac.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_completed { background-color: transparent; background-image: url("http://i39.tinypic.com/2wpqx3r.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_onhold { background-color: transparent; background-image: url("http://i40.tinypic.com/oqjgio.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_dropped { background-color: transparent; background-image: url("http://i40.tinypic.com/2ylw9op.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_ptw { background-color: transparent; background-image: url("http://i41.tinypic.com/33a74n8.png"); background-position: center 0; background-repeat: no-repeat no-repeat; height: 85px; margin-bottom: 0; } .header_title { background-color: transparent !important; color: transparent; } #copyright { border-width: 2px; border-color: white; border-style: solid; width: 542px; padding-bottom: 47px; background-color: rgba(1,1,1,.5); } #copyright, #copyright a, #copyright:after { color: white !important; } |
Jun 23, 2013 7:29 PM
#82
Request complete for Ovyda Ovyda said: Layout - somewhat similar to my current one http://myanimelist.net/animelist/Ovyda Background - http://i693.photobucket.com/albums/vv294/noidas13/dark-anime-city-pixels-tagged-428709_zpsb6e9bfc8.jpg (if it's not good enough, you can choose something different, but I'd prefer some kind of badass theme with fighters (preferably sword fighters but only those I have seen) Currently Watching (one of these) - http://s693.photobucket.com/user/noidas13/library/Currently%20watching?sort=3&page=1 Completed (one of these) - http://s693.photobucket.com/user/noidas13/library/Completed?sort=3&page=1 On-Hold (Mugen or Lucy) - http://s693.photobucket.com/user/noidas13/library/On-Hold?sort=3&page=1 Dropped (InuYasha or Gintama) - http://s693.photobucket.com/user/noidas13/library/Dropped?sort=3&page=1 Plan to Watch (Shana or BRS) - http://s693.photobucket.com/user/noidas13/library/Plan%20to%20Watch?sort=3&page=1 All Anime - from all the links posted above except dropped ones. If possible use some characters on the background picture as well. If you need more renders, just PM me. Thank you ^^ Through PM, I was told by Ovyda, that it was OK, so this is how it looks: showing how it is, if you scroll down, a little: and here is a CSS code for the list layout: @import "https://dl.dropboxusercontent.com/u/144008148/Premade/Requests/Ovyda/Top_bar_without_menu_or_display.css"; @import url(http://dl.dropbox.com/u/49469857/mal/premade/anime.css); /************/ /* -covers- */ /************/ .hide { visibility: hidden; position: absolute !important; display: block !important; left: 584px !important; margin-top: -12px !important; width: 0px !important; height: 0px !important; transition: width .5s ease-in-out, height .5s ease-in-out .5s; -o-transition: width .5s ease-in-out, height .5s ease-in-out .5s; -moz-transition: width .5s ease-in-out, height .5s ease-in-out .5s; -webkit-transition: width .5s ease-in-out, height .5s ease-in-out .5s; border: solid 1px #ffffff; background-repeat: no-repeat !important; background-size: 105% 105%; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 16px brown, inset 0 4px 5px rgba(200, 5, 0, .6), inset 0 1px 0 rgba(200, 5, 0, .6); -moz-box-shadow: 0 0 16px brown, inset 0 4px 5px rgba(200, 5, 0, .6), inset 0 1px 0 rgba(200, 5, 0, .6); -webkit-box-shadow: 0 0 16px brown, inset 0 4px 5px rgba(200, 5, 0, 0.6), inset 0 1px 0 rgba(200, 5, 0, 0.6); z-index: 15; } :hover + .hide { visibility: visible !important; width: 140px !important; height: 182px !important; } /***************************/ /* Highlight Rows on Hover */ /***************************/ tr:hover [class^="td"] { background-color: red; } body { background:url(http://img19.imageshack.us/img19/5959/6b5r.jpg) no-repeat fixed 0 0 black; background-size: 100% 100%; } /* LIST FONT These codes control the font on the list itself (anime titles, etc). */ * { border:0 none; color:#DBDBDB; font-family:Verdana; font-size:9px; font-weight:normal; text-decoration:none; } /* BANNER This controls the image at the top that by default says "Phantom". 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(http://img849.imageshack.us/img849/2743/wiuw.png) repeat scroll 0 0 transparent; height: 169px; left: -283px; padding: 25px; position: absolute; top: -229px; width: 819px; background-size: 100% 100%; opacity: 0.99; } /* 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. You can replace the background image links of these buttons in parenthesis with your own images 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 .status_selected, #list_surround .status_not_selected { display:block; height:130px; left:-284px; top:0; width:273px; background-attachment: scroll !important; background-image: url("http://imageshack.us/a/img94/4958/2ab.png"), url("http://img9.imageshack.us/img9/2001/qhm5.png"); background-position: 0 0, 0 0; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; display: block; height: 130px; left: -284px; top: 0; width: 273px; background-color: rgba(255,255,255,0.1); position: absolute; } #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://imageshack.us/a/img837/7196/mzh1.png"), url(http://img4.imageshack.us/img4/4790/jvx.gif); top:140px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #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://imageshack.us/a/img405/1227/rxr.png"), url(http://img62.imageshack.us/img62/5626/ei00.png); top:280px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #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://imageshack.us/a/img29/2406/pr9s.png"), url(http://imageshack.us/a/img593/8415/hq3.gif); top:420px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #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://imageshack.us/a/img43/7956/w6f.png"), url(http://img842.imageshack.us/img842/4986/u8cm.png); top:560px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } #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://imageshack.us/a/img259/5269/qhu6.png"), url(http://img823.imageshack.us/img823/5280/bdc.gif); top:700px; background-repeat: no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; background-color: rgba(255,255,255,0.1); } /* HEADERS */ #list_surround .header_cw { background:url(http://i40.tinypic.com/11tq78o.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i42.tinypic.com/n539z7.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i44.tinypic.com/b90sy.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i43.tinypic.com/sdioar.jpg) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i41.tinypic.com/160wut.jpg) no-repeat scroll 0 0 transparent; } /* OTHER CODES */ a:hover { text-decoration:underline; } .td1, .td2, .category_totals { background: rgba(0, 0, 0, 0.6); } .category_totals { border-radius: 0 0 8px 8px !important; } td,td1 [class^=".table_header"] { background: rgba(0, 0, 0, 0.6); } #list_surround { height:100%; left:141px; margin:239px auto 30px; position:relative; width:584px; margin-bottom: 100px; } #list_surround .status_selected { background-color: rgba(255,0,0,0.6) !important; border: 1px solid yellow !important; } #list_surround .status_not_selected { border: 1px solid transparent !important; } #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:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { margin-left:-1px; padding:23px 5px 5px; width:586px; } #list_surround .animetitle + small { color:#00FF00; } #list_surround .category_totals { text-align:center; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #292929; border-left: 1px solid #292929; border-bottom: 1px solid #292929; } #list_surround #grand_totals { text-align:center; } /********************/ /* Grand Total Area */ /********************/ #grand_totals { border: 0 none; border-radius: 3px 3px 3px 3px; line-height: 20px; min-height: 20px; padding: 4px; text-align: center; vertical-align: middle; padding-bottom: 20px; padding-top: 30px; color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; } #grand_totals span { color: snow !important; text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue; } #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 Info */ /******************/ #copyright { background-color: rgba(200, 5, 200, .9); border-radius: 5px 5px 5px 5px; color: white !important; display: block !important; margin-top: 0; opacity: 0.8; padding: 5px; z-index: 1; } /*****************/ /* Style Credits */ /*****************/ #copyright:before { background-color: none; border-radius: 5px 5px 0 0; color: gold !important; content: "CSS Style, or the whole layout code, created by Monsterguy, after a premade design from Drize."; margin-bottom: 12px; display: block !important; padding: 0; text-align: center; white-space: pre; z-index: 1; } /*************/ /* -Borders- */ /*************/ table tbody tr .td1:first-of-type, table tbody tr .td2:first-of-type { border-left: 1px solid #292929; } table tbody tr .td1:last-of-type, table tbody tr .td2:last-of-type { border-right: 1px solid #292929; } td.table_header:first-of-type { border-left: 1px solid #292929; } td.table_header:last-of-type { border-right: 1px solid #292929; } |
MonsterguyJul 2, 2013 8:41 AM
Jul 5, 2013 8:51 PM
#83
Request complete for HandSonicvI HandSonicvI said: Hi! I would absolutely LOVE a Kingdom Heart's list layout! Woah didn't even know you posted a request in here o.o well I guess I'll just post the code here so others can use it too. Preview: Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropbox.com/s/t8g8i1udpkj07zs/mal_pic.css"; @import "https://dl.dropbox.com/s/a78vf2039ehur7b/KingdomHeartsTopBar.css"; body { background-attachment:fixed; background-image:url(http://i42.tinypic.com/5sn48.png) !important; background-position:0 0; background-repeat:no-repeat no-repeat; background-size:cover; color:#FFFFFF; cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; font-family:Candara; font-size:12px; } #list_surround { cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; left:32%; margin:auto; position:absolute; width:550px; } .td1, .td2 { background-attachment:scroll; background-color:rgba(0, 0, 0, 0.901961); background-image:none; background-position:0 0; background-repeat:repeat repeat; padding:3px; } .animetitle + small { color:#7A95FF !important; } td:nth-of-type(2) small { color:#FFFFFF; font-size:10px; padding-right:10px; } td:nth-of-type(2) small a { color:#FFFFFF; } .td1:first-of-type, .td2:first-of-type { border-left-style:solid !important; border-left-width:2px !important; } .td1:last-of-type, .td2:last-of-type { border-right-style:solid; border-right-width:2px; color:#FFFFFF; } td.table_header:nth-of-type(3) { padding-right:7px; } a, a:visited { color:#FFFFFF; text-decoration:initial; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color:#FFBF00; } .table_header { background-color:rgba(0, 0, 0, 0.901961); border-top-color:#FFFFFF; border-top-style:solid; border-top-width:2px; font-size:10px; padding:2px; } td.table_header:first-of-type { border-left-color:#FFFFFF !important; border-left-style:solid !important; border-left-width:2px !important; border-top-color:#FFFFFF !important; border-top-left-radius:10px; border-top-style:solid !important; border-top-width:2px !important; } td.table_header:last-of-type { border-right-color:#FFFFFF !important; border-right-style:solid !important; border-right-width:2px !important; border-top-color:#FFFFFF !important; border-top-right-radius:10px; border-top-style:solid !important; border-top-width:2px !important; } .category_totals { background-color:rgba(0, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom-style:solid; border-bottom-width:2px; border-left-color:#FFFFFF !important; border-left-style:solid !important; border-left-width:2px !important; border-right-color:#FFFFFF; border-right-style:solid; border-right-width:2px; border-top-left-radius:0; border-top-right-radius:0; font-size:10px; padding:2px 2px 2px 40px; } .borderRBL { border-left-style:solid !important; border-left-width:2px !important; border-right-color:#FFFFFF !important; border-right-style:solid !important; border-right-width:2px !important; color:#2030F0 !important; font-size:11px; padding-left:39px; } .borderRBL a, .borderRBL a:visited { color:#F0304F !important; text-decoration:initial; } .borderRBL a:hover { color:#F0304F !important; } #copyright { background-color:rgba(1, 1, 1, 0.498039); border:2px solid #FFFFFF; border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-top-left-radius:8px; border-top-right-radius:8px; color:#FFFFFF; display:block; font-size:11px; margin-top:0; padding:2px; position:relative !important; text-align:center !important; top:10px; } #copyright::after { content:'List Design By Ushioo, Edited By TheHolyPotato' !important; display:block; margin-top:20px; text-align:center !important; } #copyright a { } #grand_totals { display:none; } td:nth-of-type(2) small { color:transparent; } [class^="header_"] * { font-size:0; height:10px; line-height:24px; padding-bottom:4px; text-align:left; vertical-align:bottom; } .header_cw { background-image:url(http://i44.tinypic.com/oau2rr.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_completed { background-image:url(http://i39.tinypic.com/jqru3r.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_onhold { background-image:url(http://i42.tinypic.com/2i1cvbn.jpg); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_dropped { background-image:url(http://i39.tinypic.com/22ywpf.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } .header_ptw { background-image:url(http://i39.tinypic.com/2yy6yyd.png); background-position:20px 10px; background-repeat:no-repeat no-repeat; background-size:500px 150px; display:inline-block; height:150px; margin-bottom:-50px; width:500px; } #copyright, #copyright a, #copyright::after { color:#FFFFFF !important; } a { color:#FFFFFF; cursor:url(http://myanimelist.net/animelist/i40.tinypic.com/5d4hnm.png), auto; text-decoration:none; text-shadow:none; } #inlineContent { cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; display:inline-block !important; height:3000px !important; left:0 !important; margin:auto !important; position:fixed !important; right:0 !important; top:0 !important; width:3000px !important; z-index:-1 !important; } a:hover { cursor:url(http://i40.tinypic.com/5d4hnm.jpg) 1 2, auto; } #list_surround .status_selected, #list_surround .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i41.tinypic.com/24o3evk.png); background-position:0 0; background-repeat:no-repeat no-repeat; border:2px solid white !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:15px; border-top-right-radius:0; display:block; height:90px; padding:0; position:fixed; right:-8px; top:50px; width:300px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background-attachment:scroll; background-color:transparent; background-image:url(http://i43.tinypic.com/30ijs5u.png); background-repeat:no-repeat no-repeat; border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; top:142px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i43.tinypic.com/2mzci01.png); top:235px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i39.tinypic.com/2vw9z6s.jpg); background-repeat:repeat repeat; top:328px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i43.tinypic.com/ff7p8x.jpg); top:421px; } #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-attachment:scroll; background-color:transparent; background-image:url(http://i40.tinypic.com/wjxg5x.jpg); background-position:0 0; background-repeat:no-repeat no-repeat; border-bottom-left-radius:20px; border-bottom-right-radius:20px; top:513px; width:300px; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; opacity:0.75; right:-95px !important; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.25s ease 0s; color:transparent; opacity:1; right:-8px !important; transition:all 0.25s ease 0s; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; height:90px; opacity:0; width:300px; } .status_selected { display:block; } .status_not_selected { display:block; } #list_surround:nth-of-type(n+4) tbodysmall { visibility: hidden; font-size: 0px; } #list_surround:nth-of-type(n+4) tbody small a:last-of-type { display: none !important; } #list_surround:nth-of-type(n+4) tbody:hover small a:first-of-type { background-color: rgba(1, 1, 1, 0.7); border-left: 2px solid #FFFFFF !important; display: block !important; position: absolute !important; left: -38px !important; width: 31px; visibility: visible; border-radius: 5px 0 0 5px; border-top: 2px solid #FFFFFF !important; border-bottom: 2px solid #FFFFFF !important; padding-left: 5px; margin-top: -5px; height: 17px; padding-top: 3px; font-size: 11px !important; } |
TheHolyPotatoJul 5, 2013 9:00 PM
Jul 9, 2013 3:15 PM
#84
Request complete for FreakGirl FreakGirl said: Hey, I want an "denpa onna to seishun otoko" list. Please use this as a background: http://images3.alphacoders.com/265/265655.jpg I want the list on the right side on the pic, and it need to be adjusted to those settings: Please don't make the list too bright, dark colors will be great! Hope it's ok. :) Code @import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/topbarreduxdarkblue.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: transparent; background-image: url("http://i39.tinypic.com/scf7zk.jpg"); background-position: 33% 0%; background-repeat: no-repeat no-repeat; background-size: cover; } #inlineContent { background-image: url(""); background-repeat: no-repeat no-repeat; display: inline-block !important; height: 3000px !important; left: 0 !important; margin: auto !important; position: fixed; top: 0 !important; width: 3000px !important; z-index: -4; } #list_surround { background-attachment: scroll; background-image: url(""); background-position: 50% 0; background-repeat: no-repeat no-repeat; font-size: 14px; height: 200px; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 80px; position: absolute; right: 10px; width: 750px; } small { color: #E80083; font-weight: bold; text-shadow: 1px 2px 3px black; } a { color: #FFFFFF; text-shadow: none; } a:hover { color: #007FE8; text-shadow: 1px 2px 5px black; } .table_header:first-of-type { border-radius: 0 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } tr:hover [class^="td"] { background-image: url("https://dl.dropbox.com/s/mh1xxfqpkpebxm8/hl2.png"); background-size: 100% 100%; } tr:hover [class^="td"]:first-of-type { background-image: url("https://dl.dropbox.com/s/1brcvy03yoln0eu/hl3.png"); } tr:hover [class^="td"]:last-of-type { background-image: url("https://dl.dropbox.com/s/p58vjxqufjitetw/hl4.png"); } .table_header, .td1, .td2, .category_totals { background-color: rgba(1, 42, 106, 0.9); border: 0 none; padding: 4px; text-align: center; vertical-align: top; } .table_header, .td1, .td2, .category_totals { color: white; } [cellspacing="0"] { line-height: 17px; } .category_totals { border-radius: 0 0 6px 6px; text-align: center; } .category_totals:hover { background-color: rgba(104, 156, 232, 0.7); color: #FFFFFF; } [class^="header_"] * { font-size: 51px; line-height: 0; margin-top: 20px; padding-bottom: 0; vertical-align: bottom; } .header_title { background-color: rgba(1, 42, 106, 0.9); border-radius: 6px 6px 0 0; color: white; font-style: normal; height: 40px; padding-left: 60px !important; text-align: left; text-shadow: 4px 4px 5px #007FE8; width: auto; } #grand_totals { background-color: rgba(1, 42, 106, 0.9); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_not_selected, .status_selected { background-color: rgba(1, 42, 106, 0.9); border: 0 none !important; border-radius: 0 0 0 0; height: auto !important; padding: 4px; 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(51, 82, 199, 0.8); border-color: rgba(55, 32, 228, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: white; 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); } #copyright:hover { } #copyright:before { color: black; content: " Design by SylakentH_ "; font-size: 12px; padding-right: 10px; } #copyright:after { color: gold; content: " "; padding-left: 20px; } #copyright a { } |
Jul 10, 2013 10:47 AM
#85
Request completed for Nose_Bleed Nose_Bleed said: I'll try and be as specific as i can so if someone does accept this they won't have much trouble knowing what i am looking for. I want an anime layout based off This one. (links to the layout's main topic and all the codes in case anyone needs) http://i.imgur.com/9GugABa.png Codes: But i want it to be Little Busters themed instead of Madoka Magica in this case. I really love the side buttons and the way the list is displayed with small thumbnails for each anime so I want to keep all that, even the list colors with tones of blue fits perfectly with Little Busters. No costum cursors either. The only real change is just the Theme. My favorite characters from the anime are: 1st- Noumi kudryavka 2nd - Rin Natsume 3rd - Haruka Saigusa 4th - Komari Kamikita 5th - Mio Nishizono This is just as a suggestion for the side buttons. Just giving insight on my favorites. I wouldn't mind something with all the main characters for the "All Anime" Button either as in: This (taken from the visual novel) That's the main request I have. Additionally (not mandatory) In the layout page i referred to there's an option for a rotating character layout and as i read through the CSS code i noticed there's an option for a main and secundary background, one of which is the character displaying and the other is just a regular background so the character changes with refreshing, and if possible (not mandatory) if someone can make a rotating background, changing between each main heroine as the page is refreshed it would really be amazing, but then again it's not a priority for me. Thank you so much if anyone takes the time and has the patience to fulfill the request, i'll be forever grateful! ^^ Had surprisingly a hard time with this layout. Sadly couldnt find any good wallpaper with blue tones so had to go with this, sorry. Anyway hope it's still ok. Click preview to get code |
SylakentHJul 10, 2013 12:08 PM
Jul 14, 2013 6:20 AM
#86
SylakentHJul 15, 2013 8:28 AM
Aug 3, 2013 7:37 AM
#87
Aug 5, 2013 4:10 PM
#88
Request complete for Kiyori Kiyori said: Hello :) I would like to request an anime list ( containing anime title, score, type and progress) with this Rin Okumura (Ao no Exorcist)] picture. I don't mind how it's done, but I'd like the colour scheme to be dark ( like blue/ black ) - fitting to the wallpaper. Something like that would be really great , although I'm not 100% sure about it with my Rin Okumura wallpaper. Just make it a good looking one, please ( of course feel free to contact me! ) ^^ Whoever will make this request for me I will be veeery grateful ;D I have tried making a layout and I hope you will like it! Click on the picture for the code :) |
nymphiaeJan 2, 2017 7:31 PM
Aug 9, 2013 8:53 PM
#89
nymphiaeJan 2, 2017 7:31 PM
Aug 22, 2013 11:01 AM
#90
Request complete for hatomike hatomike said: Hi ! I'm here because i realy need a custom layout for my Anime list ^^' What i want is realy easy to make (I think..). I just want this one: http://myanimelist.net/forum/?topicid=412787 But with some differnet things. I want the layout to the left and i want anime's cover when my cursor is on the anime's title. And By the way, I need the possibility to change the background with URL, I want to place my background. ( http://myanimelist.net/animelist/hatomike ) I think this is not complicated.. Maybe ? ^^' I'm very sorry for my bad english, I'm french.. Thanks a lot if you take ma request ! :D Here's the code :) |
nymphiaeJan 2, 2017 9:08 PM
Aug 25, 2013 6:55 PM
#91
Request complete for pparo pparo said: No bbcode makes Jack a dull boy... Hello there. I've been lurking around the club for a while now and finally decided to step in and request a layout. I'm quite a fan of minimalism and would like a list that shows that. Currently I have the default lists which could be considered to be minimalistic, but being that and aesthetically pleasing is not so simple to achieve and unfortunately that's the case for the list styles offered by MAL. One other request, if you could please make a separate style for my manga list. It doesn't have to be a new design, in fact I'd prefer it if it was just a different color scheme. For some reason, I can't stand it when my anime and manga lists have the same style. Thanks in advance to anyone willing to pick this vague request up! I hope it's minimal enough. xD anime list code manga list code |
nymphiaeJan 2, 2017 9:07 PM
Aug 26, 2013 1:17 PM
#92
Request complete for Levelev Levelev said: make me a Date a live layout? i want the background to change everytime the category changes. i also want it to have mini reviews and DVD cover on my list This list is only made for 1366 x 768 resolution so on other screens it will look messed up :/ Hope thats ok. Also in your list settings have them on (Numbers, score,tags,type) @import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css"; @import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/Colors/Scheme.css"; @import "http://fonts.googleapis.com/css?family=Rosario"; @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; body { font-family:Rosario; } .header_title { background-color:transparent; color:white; font-size:26px; } .animetitle, .animetitle:visited { color:white; font-size:22px; } .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color:white; font-size:15px; } .td1[align="center"][width="45"], .td2[align="center"][width="45"] { color:white !important; font-size:40px; left:500px; margin-top:64px; position:absolute; width:70px; } .td1[align="center"][width="45"] a, .td2[align="center"][width="45"] a { color:white; font-size:40px; } .td1[align="center"][width="45"]::before, .td2[align="center"][width="45"]::before { color:white; content:' My Score '; font-size:15px; } td:nth-of-type(6) a { color:white; content:' My Score '; font-size:15px; } #list_surround { width:600px; } #list_surround { left:-700px !important; position:absolute !important; } #list_surround { background-image:none; } .hide { background-position:0 0; background-repeat:no-repeat no-repeat; background-size:cover; border:2px solid white; display:inline-block !important; height:157px; margin-bottom:3px; margin-left:13px; margin-top:3px; position:relative; width:112px !important; } body { background-attachment:fixed; background-position:0 0; background-size:cover; } .table_header:nth-of-type(3) { background-color:transparent; position:absolute; right:24px; top:87px; width:106px; } .table_header:nth-of-type(3) { } .table_header:nth-of-type(3)::before { color:white; content:' Sort by: '; font-size:14px; font-weight:normal; } td:nth-of-type(6) { background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat repeat; height:146px !important; margin-left:-456px; margin-top:45px; position:absolute; width:359px; } body { background-repeat:no-repeat no-repeat; } #list_surround { left:0; margin:auto; position:absolute; right:0; } a { text-decoration:none; } a:visited { text-decoration:none; } a:hover, a:visited:hover { text-decoration:underline; } .category_totals, .td1, .td2, #grand_totals, #copyright { background-image:none; border-width:0; padding:2px; } .category_totals:hover, .td1:hover, .td2:hover, #grand_totals:hover, #copyright:hover { border-width:0; padding:2px; } #copyright::after { } .status_selected { color:white; padding:2px; text-decoration:blink; } .status_not_selected { color:white; padding:2px; } .status_selected a { color:transparent; font-size:0; } .status_not_selected a { color:white; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background-color:black; display:none; height:20px !important; margin-top:0; padding-top:0 !important; width:100px; } .thickbox { color:#00FFFF; font-size:12px; } .header_title { height:32px; padding:2px; } .table_header { border-width:0; font-weight:bold; padding:2px; } .category_totals { height:30px; } #copyright, #grand_totals { margin:0 auto; text-align:center; } .table_header:nth-of-type(6) { display:none; } #inlineContent { background-image:url(http://i39.tinypic.com/2exr03p.png); background-position:50% 50%; background-repeat:repeat no-repeat; bottom:0; display:block !important; height:80px; left:0; margin-bottom:0; position:fixed; width:100%; z-index:-1; } td:nth-of-type(6) small { content:' Edit Review '; font-size:0; height:20px; margin-left:17px; margin-top:-12px; position:absolute; } .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:teal !important; background-image:url(http://i41.tinypic.com/2zthyck.png) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:orange !important; background-image:url(http://i42.tinypic.com/2eb76s0.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:white !important; background-image:url(http://i43.tinypic.com/2uo4bwi.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:#FFC0CB !important; background-image:url(http://i44.tinypic.com/okzt3t.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } td:nth-of-type(6) small::after { content:' Review '; font-size:13px !important; } .status_selected { background-attachment:fixed !important; background-clip:border-box !important; background-color:purple !important; background-image:url(http://i43.tinypic.com/2jbo45j.jpg) !important; background-origin:padding-box !important; background-position:0 100% !important; background-repeat:repeat repeat !important; background-size:cover !important; height:2000px !important; left:0 !important; position:fixed !important; top:0 !important; width:2000px !important; z-index:-1 !important; } .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected a, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected a, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected a, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected a, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected a, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected a, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected a { display:none; } |
Shishio-kunOct 4, 2013 11:02 AM
Aug 26, 2013 1:43 PM
#93
Request complete for MissMousekewitz MissMousekewitz said: Hello. Can I please request a Yotsubato! theme for my manga list? I would like it to have the same layout as the style I use for my anime list (with the picture on the left). http://myanimelist.net/animelist/MissMousekewitz And the colour scheme and images I leave up to you and your creativity. Thank you in advance to the lovely person who takes up my request. Thank you~ I have only changed the color scheme and background image, I hope that's what you were looking for ^^ click on the preview pic for the code! |
nymphiaeJan 2, 2017 9:07 PM
Aug 28, 2013 4:58 AM
#94
nymphiaeJan 2, 2017 9:02 PM
Sep 17, 2013 3:25 PM
#95
Request complete for Ciara Ciara said: Third time's a charm, I guess. I'd like to ask for Utena themed anime list featuring either of those two (I hope the links work): Exhibit A - http://imageshack.us/a/img4/9176/ey8z.jpg Exhibit B - http://imageshack.us/a/img841/7058/lwo4.jpg Rest is up to you, altough I prefer simpler designs and don't like red colour ^^ Thank you! I hope you like it :) here's the code! |
nymphiaeJan 2, 2017 9:16 PM
Sep 26, 2013 1:14 AM
#96
Request complete for Zubblan Zubblan said: Hey! I would like to request a Date A Live layout. Preferably with this as background: https://archive.nyafuu.org/foolfuuka/boards/w/image/1369/03/1369037218088.png and the category links in the same way as in this layout: http://myanimelist.net/forum/?topicid=606489 It would be nice if it had covers and if possible I would like to use the same layout for my manga list. If that's impossible that's fine. Other than that it's all up to you. Thanks in advance! preview (click on the pic to get the code): |
nymphiaeJan 2, 2017 9:20 PM
Sep 26, 2013 1:10 PM
#97
Request complete for xPhantomhive xPhantomhive said: Hello. When you said "(b) an existing premade layout with a new anime/game/character/etc theme of your choice." you meant from this topic, right? http://myanimelist.net/forum/?topicid=516707 edit by shishio: I meant this topic actually for future reference, its linked in the front post: http://myanimelist.net/forum/?topicid=318587 I'm probably one of the biggest Attack on Titan and Fulmetal Alchemist: Brotherhood fans out there. Am I allowed to make two requests? If possible of course. I was thinking about an attack on titan theme for my Anime list (can have all characters or only one, like Eren and Mikasa. Or any Attack on Titan theme would be cool using the Ef a Tale of memories list design. And as for my manga list, I want a FMA Brotherhood layou. (All characters or maybe only Ed and Al, Ed and Winry or Mustang. Which ever one's easiest. With the same Ef a Tale of memories kind of design.) Thank you in advance!! click on the pics for the codes! |
nymphiaeJan 2, 2017 9:35 PM
Oct 12, 2013 12:42 PM
#98
Request complete for Adespota Adespota said: Hey there everyone! I have made my own anime list layout, but want something a little different and more unique! I love the style of Hime-sama’s and jirawaa22’s because of the buttons and the icons that go with them and I love the colours and complexity. I was kind of looking into one of similar layout only for me and in the style of an Ao No Exorcist theme. I have some pictures that I will include below and I hope that you take my request in interest. For the button thumbnails I would love to have the following characters in order: 1 (Watching) Rin Okumura (http://i41.tinypic.com/29qgp68.png) 2 (On Hold) Yukio Okumura (http://i40.tinypic.com/w82449.jpg) 3 (Dropped) Shiemi Moriyama (http://i42.tinypic.com/2dl20if.jpg) 4 (Completed) Shura Kirigakure (http://i44.tinypic.com/2czc1mu.png) 5 (Plan to Watch) Ryuji Suguro (http://i40.tinypic.com/w82449.jpg) And would it be too much to ask if you were to put a larger version of them in a pose at the top stating what topic the page is on (Watching, Dropped, etc.) You don’t have to and if you aren’t able to, that is completely understandable, but I would urge to ask if you could you use these pictures of them edited with the same blue glow around them as the first picture has? I like the idea of what Kiyori had, but in no way do I wish to copy their idea. A background like this (http://i40.tinypic.com/4rdrn5.png) would be awesome too. I like the colour theme to match the theme of the pictures if you could do that and I like fonts that are striking, yet easy to read. Anything else is up to the creator. Again, these are merely encouraged suggestions; if anything seems too difficult, you may refrain from doing so. I just want to see what beautiful work you can do. ;) Ok, I've changed the pic for Shiemi because I couldn't do much with one you provided, I hope that's ok ^^; preview (click on the pic for the code): |
nymphiaeJan 2, 2017 9:45 PM
Nov 13, 2013 8:13 AM
#99
More topics from this board
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7812 |
by mtsRhea
»»
Apr 21, 5:25 AM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
121 |
by Pokitaru
»»
Apr 21, 3:25 AM |
|
» [CSS-MODERN] Change list text/font colors on any list layoutShishio-kun - May 4, 2021 |
3 |
by hideso
»»
Apr 20, 4:33 PM |
|
» [CSS] [VIDEO GUIDE] ⭐️ How to change fonts on a list layoutShishio-kun - Jul 15, 2019 |
17 |
by hideso
»»
Apr 20, 4:03 PM |
|
» [CSS][Modern] ☀️ Endless Summer Layout by Cateinya ( 1 2 3 4 5 ... Last Page )Cateinya - Aug 18, 2016 |
309 |
by hideso
»»
Apr 20, 3:56 PM |