New
Oct 26, 2014 2:46 PM
#51
I would love a Spice and Wolf Holo theme if someone could please do it I'd love you eternally! |
. |
Oct 26, 2014 6:15 PM
#52
sumusiko said: I would love a Spice and Wolf Holo theme if someone could please do it I'd love you eternally! Horo <3 Preview: You need the following settings for the layout Code: /* LAYOUT DESIGN MADE BY SYLAKENTH, THANKS TO HAHAIDO! / / /I ABSTAINED FROM IMPORTING LINKS FROM DROPBOX SINCE THE CRASH /SO MOSTLY ADDED EVERYTHING TO THIS CODE / / / */ @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC); * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("http://i59.tinypic.com/2d0xitx.jpg"); background-position: 0% 0%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Patrick Hand SC !important } a { color: rgba(255,255,255,0.7); text-shadow: 0px 0px 0px white; } a :hover { text-decoration:underline !important; transition: all 0.4s ease 0s; } body { background-color: rgba(0, 0, 0, 0); color: #7F7E7E; } #list_surround { background-image: url("http://i57.tinypic.com/x1dj0g.png"); background-position: 6% 0%; background-repeat: no-repeat no-repeat; background-size: 80% auto; font-size: 15px; height: 400px; right: 15%; line-height: 1; margin-left: 650px !important; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top:200px; position: absolute; top: 0px; width: 650px; } .table_header { padding-bottom: 4px; } .table_header span { display: none; } .table_header:nth-child(2) { text-align: left; } [cellspacing="0"] { line-height: 17px; } .td1, .td2 { padding: 3px 0px ; transition: background-color 1s linear 0s; } .animetitle + small { color: #FFD700 !important; font-weight: bold; visibility: visible !important; } #list_surround small { visibility: hidden; } #list_surround small a:last-of-type { display: none !important; } td[class^="td"]:nth-child(2) { text-align: left; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { margin-right: 10px; visibility: visible !important; } .table_header, .td1, .td2 { background-color: rgba(185, 88, 69, 0.8); text-align: center; vertical-align: top; } tr:hover td[class^="td"] { background-color: #e792b9; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #304242; text-shadow: 0 0 1px #304242; /*transition: all 0.4s ease 0s;*/ } .table_headerLink { color: #FFFFFF ; line-height: 20px; } td[class^="td"]:nth-child(3), td[class^="td"]:nth-child(3) a { color: #FFFFFF ; } td[class^="td"]:nth-child(4),td[class^="td"]:nth-child(1) { color: rgba(255,255,255,0.6); } td[class^="td"]:nth-child(5), td[class^="td"]:nth-child(5) a { color: #FFFFFF ; } td[class^="td"]:first-child { border-left: 0px solid #FFFFFF !important; } td[class^="td"]:last-child { border-right: 0px solid #FFFFFF !important; } .table_header { background-color: #762b28; border-bottom: 1px solid white; letter-spacing: 1px; padding: 0px 0px 5px; } .table_header:first-child { border-radius: 30px 0 0 0; border-bottom: 1px solid white; border-top: 0px solid #FFFFFF !important; } .table_header:nth-child(5) { border-radius: 0 10px 0 0; border-right: 0px solid #FFFFFF !important; } /* EDIT BUTTON */ #list_surround table:nth-of-type(n+4) tbody div small { letter-spacing: -25px; visibility: visible; color: transparent !important; } #list_surround table:nth-of-type(n+4) tbody small a:first-of-type { display: inline-block !important; opacity: 0; } #list_surround table:nth-of-type(n+4) tbody small a:last-of-type { display: none !important; } #list_surround table:nth-of-type(n+4) tbody:hover small a:first-of-type { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none color: white ; display: inline-block !important; position: relative !important; /*right: 40px !important;*/ text-align: left; visibility: visible; opacity: 1 !important; transition: all 0.8s ease 0s; letter-spacing: 1px; float: right; padding-left: 25px; } .td1 div, .td2 div { color: transparent !important; padding-left: 4px; } .td1 div:hover small a, .td2 div:hover small a { color:white; transition: all 0.8s ease 0s; } /* */ .category_totals { background-color: #d26a4f; border: 0px solid #FFFFFF; border-top: 1px solid white; border-radius: 0 0 16px 16px; color: #FFFFFF; padding: 3px 3px 9px; text-align: center; } #grand_totals { background-color: #d26a4f; border-color: #FFFFFF; border-radius: 0 0 12px 12px; border-style: solid; border-width: 0 0px; color: #FFFFFF; display: block; margin-top: -30px; padding: 0 10px 10px; position: absolute; text-align: center; width: calc(100% - 24px); } td[class^="td"]:nth-of-type(2) { width: 454px !important; } /* COVER NECESSITIES */ .table_header:nth-of-type(6), span[id*="tagLinks"], div[id*="tagChangeRow"] { display: none !important; } td[class^="td"]:nth-of-type(6) { width: 0; } span[id*="tagRow"] { background-color: rgba( 211,105,79, 0.7) !important; border-radius: 0px 0px 20px 20px; display: block !important; line-height:15px !important; padding: 8px 8px 8px ; position: fixed; left: 670px; text-shadow: 0 0 0 #000000 !important; visibility: hidden; width: 199px; top: 495px !important; transition: all 0s ease 0s; text-shadow: 0 0 3px black !important; } tr:hover span[id*="tagRow"] { color: white !important; visibility: visible; } :hover + .hide { background-color: #ce664b; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 16px 16px 0 0; border-style: solid; border-width: 0px; box-shadow: 0 2px 2px #000000; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; top: 200px; left: 670px; width: 183px; } /* HEADERS */ [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 50px; text-align: right; vertical-align: bottom; z-index: 3 !important; } .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); } .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/dCuWgMZ.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 150px ; margin-bottom: -45px; z-index: 10 !important; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/QYMlGGk.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; margin-bottom: -44px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/MXo4E83.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/iZuPfgP.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/uNjXRE2.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } /* CATEGORY LINKS */ .status_not_selected { opacity: 1; } .status_not_selected:hover { color: transparent; opacity: 1; transition: all 0.4s ease 0s; background-color: #e694bc !important; box-shadow: 3px 2px 30px white inset !important; } .status_selected:hover a, .status_not_selected:hover a { color:yellow; } .status_selected { display: block; background-color: #e694bc !important; box-shadow: 3px 2px 30px white inset !important; } .status_not_selected { display: block; } #list_surround .status_selected, #list_surround .status_not_selected { background-color: rgba(185, 88, 69, 0.8); border-color: white !important; border-style: solid !important; border-width: 0px !important; border-radius:30px 30px 0 0px; left: 10px; padding: 15px 0; position: fixed; top: 254px; width: 200px; font-size: 17px !important; transition: all 0.8s ease 0s; box-shadow: 3px 2px 20px inset; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { top: 301px; border-radius: 0px !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 { top: 348px; } #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: 395px; } #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: 442px; } #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: 489px; border-radius:0 0 30px 30px !important; } /* COPYRIGHT */ #copyright:before { content: "Design by SylakentH, thanks to Hahaido."; font-size: 12px; } #copyright { background-color: #A0373C; border: 4px solid #DA6358; border-radius: 12px; color: #FFFFFF; display: block; margin-top: -10px !important; padding: 2px 14px 4px; position: relative; } #copyright a { color: #FFFFFF; font-size: 14px; padding-right: 2px; text-shadow: 1px 1px #F11C26; } /* TOP MENU BAR */ #mal_control_strip:before { position: absolute; display: block; content: 'Menu'; margin-top: 190px; left: 15px !important; padding: 4px 8px; background-color: #d1694e; border-radius: 0 0 1em 1em; border: 0px solid white; width: 80px; text-align:center; box-shadow: 0 0 10px white inset; } #mal_control_strip { position: fixed !important; display: block !important; margin-top: -192px !important; height: 192px !important; width: 128px !important; left: 62px !important; border-top: none; background: url('http://i.imgur.com/9p526Ot.png') no-repeat center -2% #d1694e !important; border-radius: 0 0 1em 1em; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; z-index: 10; border: 0px solid white; box-shadow: 0 0 10px white inset; } #mal_control_strip:after { position: fixed; display: block; content: ''; left: 0; top: -300px; width: 100%; height: 300px; box-shadow: 0 0 20px rgba(130, 189, 205, 1); } #mal_control_strip a { text-decoration: none !important; } #mal_control_strip a:hover { text-decoration: underline !important; } #mal_control_strip:hover { margin-top: 0 !important; } #mal_control_strip, #mal_control_strip a, #mal_control_strip td, #mal_control_strip td div, #mal_control_strip a { font-family: Patrick Hand SC !important; color: #8f2589 !important; font-size: 18px !important; } #mal_control_strip td { display: block !important; width: 100px !important; } #mal_control_strip img, #mal_cs_powered, #mal_cs_powered img, #mal_cs_pic img, #mal_cs_otherlinks strong, #search, #mal_cs_otherlinks div a[href*="sharedanime"], #mal_cs_otherlinks div span[title*="Compatibility Score"] { display: none !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: none !important; } #mal_cs_otherlinks div:nth-child(2) { color: transparent !important; } /* Username, Logout */ #mal_cs_listinfo div { margin: 0 !important; } #mal_cs_listinfo div a { position: relative !important; display: block !important; top: 68px !important; line-height: 18px !important; } /* Add to List, Home, Anime List, Manga List */ #mal_cs_links div { margin: 0 !important; } #mal_cs_links div a { position: relative !important; display: inline-block !important; top: 68px !important; line-height: 18px !important; } #mal_cs_links div a[href*="addtolist"] { font-weight: 600 !important; } /* History, Forum, Export */ #mal_cs_otherlinks div a[href*="history"], #mal_cs_otherlinks div a[href*="forum"], #mal_cs_otherlinks div a[href*="export"], #mal_cs_otherlinks div a[href*="mangalist"] { display: none !important; } /* Log in, Create list, Learn more */ #mal_cs_otherlinks div { margin: 0 !important; } #mal_cs_otherlinks div a { position: relative !important; display: block !important; top: 28px !important; line-height: 18px !important; } #mal_cs_otherlinks div a[href*="login"] { font-weight: 600 !important; } |
Oct 27, 2014 12:21 AM
#53
Id Love a Revy From Black Lagoon theme. Tried to make my own , Failed miserably . Would like this as the background http://i.imgur.com/NSQRdxJ.jpg with a similar color scheme. Thanks in advance |
Oct 27, 2014 12:50 AM
#54
SylakentH said: sumusiko said: I would love a Spice and Wolf Holo theme if someone could please do it I'd love you eternally! Horo <3 Preview: You need the following settings for the layout Code: /* LAYOUT DESIGN MADE BY SYLAKENTH, THANKS TO HAHAIDO! / / /I ABSTAINED FROM IMPORTING LINKS FROM DROPBOX SINCE THE CRASH /SO MOSTLY ADDED EVERYTHING TO THIS CODE / / / */ @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC); * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("http://i59.tinypic.com/2d0xitx.jpg"); background-position: 0% 0%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Patrick Hand SC !important } a { color: rgba(255,255,255,0.7); text-shadow: 0px 0px 0px white; } a :hover { text-decoration:underline !important; transition: all 0.4s ease 0s; } body { background-color: rgba(0, 0, 0, 0); color: #7F7E7E; } #list_surround { background-image: url("http://i57.tinypic.com/x1dj0g.png"); background-position: 6% 0%; background-repeat: no-repeat no-repeat; background-size: 80% auto; font-size: 15px; height: 400px; right: 15%; line-height: 1; margin-left: 650px !important; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top:200px; position: absolute; top: 0px; width: 650px; } .table_header { padding-bottom: 4px; } .table_header span { display: none; } .table_header:nth-child(2) { text-align: left; } [cellspacing="0"] { line-height: 17px; } .td1, .td2 { padding: 3px 0px ; transition: background-color 1s linear 0s; } .animetitle + small { color: #FFD700 !important; font-weight: bold; visibility: visible !important; } #list_surround small { visibility: hidden; } #list_surround small a:last-of-type { display: none !important; } td[class^="td"]:nth-child(2) { text-align: left; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { margin-right: 10px; visibility: visible !important; } .table_header, .td1, .td2 { background-color: rgba(185, 88, 69, 0.8); text-align: center; vertical-align: top; } tr:hover td[class^="td"] { background-color: #e792b9; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #304242; text-shadow: 0 0 1px #304242; /*transition: all 0.4s ease 0s;*/ } .table_headerLink { color: #FFFFFF ; line-height: 20px; } td[class^="td"]:nth-child(3), td[class^="td"]:nth-child(3) a { color: #FFFFFF ; } td[class^="td"]:nth-child(4),td[class^="td"]:nth-child(1) { color: rgba(255,255,255,0.6); } td[class^="td"]:nth-child(5), td[class^="td"]:nth-child(5) a { color: #FFFFFF ; } td[class^="td"]:first-child { border-left: 0px solid #FFFFFF !important; } td[class^="td"]:last-child { border-right: 0px solid #FFFFFF !important; } .table_header { background-color: #762b28; border-bottom: 1px solid white; letter-spacing: 1px; padding: 0px 0px 5px; } .table_header:first-child { border-radius: 30px 0 0 0; border-bottom: 1px solid white; border-top: 0px solid #FFFFFF !important; } .table_header:nth-child(5) { border-radius: 0 10px 0 0; border-right: 0px solid #FFFFFF !important; } /* EDIT BUTTON */ #list_surround table:nth-of-type(n+4) tbody div small { letter-spacing: -25px; visibility: visible; color: transparent !important; } #list_surround table:nth-of-type(n+4) tbody small a:first-of-type { display: inline-block !important; opacity: 0; } #list_surround table:nth-of-type(n+4) tbody small a:last-of-type { display: none !important; } #list_surround table:nth-of-type(n+4) tbody:hover small a:first-of-type { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none color: white ; display: inline-block !important; position: relative !important; /*right: 40px !important;*/ text-align: left; visibility: visible; opacity: 1 !important; transition: all 0.8s ease 0s; letter-spacing: 1px; float: right; padding-left: 25px; } .td1 div, .td2 div { color: transparent !important; padding-left: 4px; } .td1 div:hover small a, .td2 div:hover small a { color:white; transition: all 0.8s ease 0s; } /* */ .category_totals { background-color: #d26a4f; border: 0px solid #FFFFFF; border-top: 1px solid white; border-radius: 0 0 16px 16px; color: #FFFFFF; padding: 3px 3px 9px; text-align: center; } #grand_totals { background-color: #d26a4f; border-color: #FFFFFF; border-radius: 0 0 12px 12px; border-style: solid; border-width: 0 0px; color: #FFFFFF; display: block; margin-top: -30px; padding: 0 10px 10px; position: absolute; text-align: center; width: calc(100% - 24px); } td[class^="td"]:nth-of-type(2) { width: 454px !important; } /* COVER NECESSITIES */ .table_header:nth-of-type(6), span[id*="tagLinks"], div[id*="tagChangeRow"] { display: none !important; } td[class^="td"]:nth-of-type(6) { width: 0; } span[id*="tagRow"] { background-color: rgba( 211,105,79, 0.7) !important; border-radius: 0px 0px 20px 20px; display: block !important; line-height:15px !important; padding: 8px 8px 8px ; position: fixed; left: 670px; text-shadow: 0 0 0 #000000 !important; visibility: hidden; width: 199px; top: 495px !important; transition: all 0s ease 0s; text-shadow: 0 0 3px black !important; } tr:hover span[id*="tagRow"] { color: white !important; visibility: visible; } :hover + .hide { background-color: #ce664b; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 16px 16px 0 0; border-style: solid; border-width: 0px; box-shadow: 0 2px 2px #000000; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; top: 200px; left: 670px; width: 183px; } /* HEADERS */ [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 50px; text-align: right; vertical-align: bottom; z-index: 3 !important; } .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); } .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/dCuWgMZ.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 150px ; margin-bottom: -45px; z-index: 10 !important; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/QYMlGGk.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; margin-bottom: -44px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/MXo4E83.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/iZuPfgP.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/uNjXRE2.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } /* CATEGORY LINKS */ .status_not_selected { opacity: 1; } .status_not_selected:hover { color: transparent; opacity: 1; transition: all 0.4s ease 0s; background-color: #e694bc !important; box-shadow: 3px 2px 30px white inset !important; } .status_selected:hover a, .status_not_selected:hover a { color:yellow; } .status_selected { display: block; background-color: #e694bc !important; box-shadow: 3px 2px 30px white inset !important; } .status_not_selected { display: block; } #list_surround .status_selected, #list_surround .status_not_selected { background-color: rgba(185, 88, 69, 0.8); border-color: white !important; border-style: solid !important; border-width: 0px !important; border-radius:30px 30px 0 0px; left: 10px; padding: 15px 0; position: fixed; top: 254px; width: 200px; font-size: 17px !important; transition: all 0.8s ease 0s; box-shadow: 3px 2px 20px inset; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { top: 301px; border-radius: 0px !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 { top: 348px; } #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: 395px; } #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: 442px; } #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: 489px; border-radius:0 0 30px 30px !important; } /* COPYRIGHT */ #copyright:before { content: "Design by SylakentH, thanks to Hahaido."; font-size: 12px; } #copyright { background-color: #A0373C; border: 4px solid #DA6358; border-radius: 12px; color: #FFFFFF; display: block; margin-top: -10px !important; padding: 2px 14px 4px; position: relative; } #copyright a { color: #FFFFFF; font-size: 14px; padding-right: 2px; text-shadow: 1px 1px #F11C26; } /* TOP MENU BAR */ #mal_control_strip:before { position: absolute; display: block; content: 'Menu'; margin-top: 190px; left: 15px !important; padding: 4px 8px; background-color: #d1694e; border-radius: 0 0 1em 1em; border: 0px solid white; width: 80px; text-align:center; box-shadow: 0 0 10px white inset; } #mal_control_strip { position: fixed !important; display: block !important; margin-top: -192px !important; height: 192px !important; width: 128px !important; left: 62px !important; border-top: none; background: url('http://i.imgur.com/9p526Ot.png') no-repeat center -2% #d1694e !important; border-radius: 0 0 1em 1em; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; z-index: 10; border: 0px solid white; box-shadow: 0 0 10px white inset; } #mal_control_strip:after { position: fixed; display: block; content: ''; left: 0; top: -300px; width: 100%; height: 300px; box-shadow: 0 0 20px rgba(130, 189, 205, 1); } #mal_control_strip a { text-decoration: none !important; } #mal_control_strip a:hover { text-decoration: underline !important; } #mal_control_strip:hover { margin-top: 0 !important; } #mal_control_strip, #mal_control_strip a, #mal_control_strip td, #mal_control_strip td div, #mal_control_strip a { font-family: Patrick Hand SC !important; color: #8f2589 !important; font-size: 18px !important; } #mal_control_strip td { display: block !important; width: 100px !important; } #mal_control_strip img, #mal_cs_powered, #mal_cs_powered img, #mal_cs_pic img, #mal_cs_otherlinks strong, #search, #mal_cs_otherlinks div a[href*="sharedanime"], #mal_cs_otherlinks div span[title*="Compatibility Score"] { display: none !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: none !important; } #mal_cs_otherlinks div:nth-child(2) { color: transparent !important; } /* Username, Logout */ #mal_cs_listinfo div { margin: 0 !important; } #mal_cs_listinfo div a { position: relative !important; display: block !important; top: 68px !important; line-height: 18px !important; } /* Add to List, Home, Anime List, Manga List */ #mal_cs_links div { margin: 0 !important; } #mal_cs_links div a { position: relative !important; display: inline-block !important; top: 68px !important; line-height: 18px !important; } #mal_cs_links div a[href*="addtolist"] { font-weight: 600 !important; } /* History, Forum, Export */ #mal_cs_otherlinks div a[href*="history"], #mal_cs_otherlinks div a[href*="forum"], #mal_cs_otherlinks div a[href*="export"], #mal_cs_otherlinks div a[href*="mangalist"] { display: none !important; } /* Log in, Create list, Learn more */ #mal_cs_otherlinks div { margin: 0 !important; } #mal_cs_otherlinks div a { position: relative !important; display: block !important; top: 28px !important; line-height: 18px !important; } #mal_cs_otherlinks div a[href*="login"] { font-weight: 600 !important; } Oh my god that's epic, how did you find it though? I tried searching in google and the only I found was one that was specifically design for a member here and it had his name and stuff |
. |
Oct 27, 2014 10:29 AM
#55
sumusiko said: Oh my god that's epic, how did you find it though? I tried searching in google and the only I found was one that was specifically design for a member here and it had his name and stuff Actually I am the one who made this layout. |
Oct 27, 2014 11:02 AM
#56
Also for the Horo Layout better import the code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/HoroLayout(Public).css"; body{background-color: transparent;} |
Oct 27, 2014 11:06 AM
#57
SylakentH said: Also for the Horo Layout better import the code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/HoroLayout(Public).css"; body{background-color: transparent;} What's that? Sorry kinda new to this whole css stuff |
. |
Oct 27, 2014 11:43 AM
#58
sumusiko said: SylakentH said: Also for the Horo Layout better import the code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/HoroLayout(Public).css"; body{background-color: transparent;} What's that? Sorry kinda new to this whole css stuff Replace your current code with this. Just copy everything after the spoiler and paste it instead of your current code. |
Oct 27, 2014 11:51 AM
#59
SylakentH said: sumusiko said: SylakentH said: Also for the Horo Layout better import the code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/HoroLayout(Public).css"; body{background-color: transparent;} What's that? Sorry kinda new to this whole css stuff Replace your current code with this. Just copy everything after the spoiler and paste it instead of your current code. Damn looks even better now with the menu :D Thank you so much! |
. |
Oct 28, 2014 12:42 PM
#60
SylakentH said: sumusiko said: SylakentH said: Also for the Horo Layout better import the code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/HoroLayout(Public).css"; body{background-color: transparent;} What's that? Sorry kinda new to this whole css stuff Replace your current code with this. Just copy everything after the spoiler and paste it instead of your current code. Wow lol it didn't really scare me but why did a skull image show up when I was editing an anime score ;_; my heart skip a beat but it didn't rly scare me since it had no sound. PS: Just tried to reproduce it and not showing up o.O I'm 100% sure it wasn't my imagination |
. |
Oct 28, 2014 1:29 PM
#61
sumusiko said: SylakentH said: sumusiko said: SylakentH said: Also for the Horo Layout better import the code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/HoroLayout(Public).css"; body{background-color: transparent;} What's that? Sorry kinda new to this whole css stuff Replace your current code with this. Just copy everything after the spoiler and paste it instead of your current code. Wow lol it didn't really scare me but why did a skull image show up when I was editing an anime score ;_; my heart skip a beat but it didn't rly scare me since it had no sound. PS: Just tried to reproduce it and not showing up o.O I'm 100% sure it wasn't my imagination That's weird but it should be gone by now :p |
Nov 2, 2014 10:11 AM
#62
if possible how about a neon genesis evangelion theme ? apart from the manga one i would like a one with the eva that also works as an anime theme |
Nov 2, 2014 12:20 PM
#63
Hmm. Well i'm wondering if it's possible to make an anime list background based on the new anime/manga ''Trinity Seven''. It would be nice for it to be a ''dark magic''-ish theme since i have not seen many ''dark magic'' theme backgrounds alot. I'd be very happy since Trinity Seven is one of my favourites thus far. Even by having a low amount of episodes/chapters. It could also be a challange! (since as stated i have not seen it being done before)! Thank you in before hand! Good Luck! |
ExodorNov 2, 2014 12:24 PM
Nov 2, 2014 1:24 PM
#64
Hmmmm, I'd really love a Madan No Ou To Vanadis layout for a List~ I plan to make a Lapis Lazuli list... So I'd like another LN to compliment it~ |
Nov 8, 2014 7:49 PM
#65
I'd really love to see a Hamatora theme. |
Nov 13, 2014 12:32 PM
#66
Nov 13, 2014 5:17 PM
#67
I'd like to suggest a list made from the anime Nisekoi centering around Tsugumi Seishirou. :) I just marathoned it and thought it was amazing! Thanks to whoever does it in advance :) |
Nov 14, 2014 10:14 AM
#68
I would like to suggest -Sasuke Uchiha -Konan -Akatsuki -kunoichi -Mikasa Ackerman |
Nov 15, 2014 7:48 AM
#69
I would like to suggest a Slam Dunk or Vinland Saga list layout. Haven't seen any. |
Nov 15, 2014 3:21 PM
#70
A Katanagatari layout would make my day. It's one of my favorite series but I haven't been able to find a good setup after searching around for a while. |
Nov 18, 2014 12:07 PM
#71
KlaraLeah said: I'd like to suggest a list made from the anime Nisekoi centering around Tsugumi Seishirou. :) I just marathoned it and thought it was amazing! Thanks to whoever does it in advance :) Came up with one but couldnt choose a wallpaper. Hope u like it though. You need following settings: Numbers, Score, Type, Episodes, Tags Copy paste everything after the spoiler Preview Version 1 Code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Nisekoi/Nisekoi_Tsugumi(Public)Ver1.css"; body{background-color: transparent;} Preview Version 2 Code @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Nisekoi/Nisekoi_Tsugumi(Public)Ver2.css"; body{background-color: transparent;} |
Nov 18, 2014 1:06 PM
#72
@SylakentH: Excellent wallpaper choices! |
Nov 18, 2014 7:41 PM
#73
Can I request a Mayo Chiki layout, I haven't found one yet and i really want a Mayo Chiki layout with Subaru mostly. Subaru <3 |
Nov 29, 2014 12:01 PM
#74
I would like to request a Serial Experiments Lain list style - I haven't found one in the premade ones yet. |
Dec 3, 2014 12:02 PM
#75
Hello! May I request a layout based on Shigatsu wa Kimi no Uso please! I would love for it to be semi-minimalistic; not too much going on that will stray focus from the list itself. Thanks in advance :D |
Dec 11, 2014 4:47 PM
#76
I want a list similar to this one,, except it's compatible for a manga list and has different characters. I guess those characters could be: Watching - Hiroshi Inaba (Cuticle Detective Inaba) Completed - Sousuke Sagara (Full Metal Panic) On-Hold - Keima Katsuragi (The World God Only Knows) Dropped - Cinque Izumi (Dog Days) Plan to Watch - Levi (Attack on Titan) One last thing; please make them say something that fits their characters. Thank you. |
Dec 12, 2014 6:36 PM
#77
Vietzz said: Can I request a Mayo Chiki layout, I haven't found one yet and i really want a Mayo Chiki layout with Subaru mostly. Subaru <3 Here you go :3 @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"; /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://bakahp.weebly.com/uploads/7/8/7/1/7871607/622085719_orig.jpg); background-position:0 50%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { background: url() no-repeat scroll right bottom transparent; background-size: ; display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH Adjust the opacity and color of the list table itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.5); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.5); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(208, 32, 144, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(http://upload.wikimedia.org/wikipedia/commons/4/42/Mayochiki_Yonh21.png); background-position: -50px -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; } /* SIDE BUTTONS */ #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://i1364.photobucket.com/albums/r730/kanako78/SubaruWatching_zps3f719b4d.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://i1364.photobucket.com/albums/r730/kanako78/SubaruCompleted_zps69199ffb.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://i1364.photobucket.com/albums/r730/kanako78/SubaruOnHold_zps00836bed.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://i1364.photobucket.com/albums/r730/kanako78/SubaruDropped_zpsfadca4d0.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://i1364.photobucket.com/albums/r730/kanako78/SubaruPlantoWatch_zps3c12ee7e.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://i1364.photobucket.com/albums/r730/kanako78/SubaruAllAnime_zpsf9df88e2.png); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/mWK77Ng.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/wF8MQkE.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/ZWprtND.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/3ve4Yod.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/zRGEVZy.png"); background-position: 50% 150px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -200px; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ 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; } .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:-115px; 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; } .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; } .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; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: cyan; left: 42px; position: relative; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Tags" } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } |
Dec 16, 2014 9:44 AM
#78
hi to every nice people out there I have A d gray man request list |
Dec 21, 2014 4:03 PM
#79
Dec 21, 2014 11:29 PM
#80
Can someone please make a Mangalist version of this http://i.imgur.com/EBC7SSb.png @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/IS/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/IS/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/IS/TopMenu.css); /* COVERS, delete / with * before and after a link */ /*@import url(http://dl.dropboxusercontent.com/u/78340470/anime.css);*/ /* for anime list */ @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/mangaRBL.css); /* for manga list */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/exo2/v1/8C2PVL2WIMUnPF90ukjrZQ.woff) format('woff'); } /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* Custom cursor */ * { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/IS/Images/cursor.png') 1 1, auto; } .borderRBL { opacity: .7; height: 160px; padding-right: 128px !important; line-height: 20px !important; background-repeat: no-repeat; background-position: right center; background-size: 120px auto; transition: opacity linear .1s; -webkit-transition: opacity linear .1s; } .borderRBL a { font-weight: bold; } tr:hover .borderRBL { opacity: 1; } #list_surround br { display: none; } body { color: #303030; font-size: 12px; font-family: 'Exo 2', sans-serif; background-color: rgb(255, 255, 255); background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/background.jpg'); background-attachment: fixed; background-size: cover; } a { text-decoration: none; } #list_surround:before { position: fixed; display: block; content: ''; left: 50%; margin-left: -256px; top: 0; width: 512px; height: 100%; background: url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/bg.png) repeat-y; z-index: -1; } #list_surround { position: relative; display: block; left: 50% !important; margin: 155px 0 64px -250px; width: 500px; } .animetitle span { display: block; min-width: 0; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; line-height: 24px !important; transition: color linear .1s, text-shadow linear .1s; -webkit-transition: color linear .1s, text-shadow linear .1s; } .animetitle + small { position: absolute; display: inline-block; margin: -24px 0 0 440px; padding: 0 2px 1px; line-height: 24px !important; font-size: 10px; color: transparent; text-shadow: 0 0 .1em #FFFFFF; background-color: rgb(241, 180, 202); } tr:hover .animetitle + small { color: #FFFFFF; text-shadow: none; background-color: rgb(209, 5, 77); } .td1, .td2 { padding-bottom: 1px; font-size: 14px; line-height: 24px; background-color: transparent; } .header_title { line-height: 194px; font-size: 0; } .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-repeat: no-repeat; background-position: right center; } .header_cw { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/watching.png'); } .header_completed { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/completed.png'); } .header_onhold { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/onhold.png'); } .header_dropped { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/dropped.png'); } .header_ptw { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/planned.png'); } .category_totals, #grand_totals { display: block; padding: 2px; color: #303030; font-size: 12px; line-height: 14px; text-align: right; border-style: solid; border-color: #d1054d; border-width: 2px 0 0 0; } #grand_totals { border-width: 0 0 2px 0; } #copyright { position: fixed; display: block; margin-left: -16px; bottom: 5px; width: 535px; font-size: 10px; line-height: 10px; color: #FFFFFF; z-index: 12; } #copyright a { color: #FFFFFF; font-weight: bold; } #copyright:after { display: inline-block; content: 'List designed by Hahaido.'; } |
Dec 22, 2014 5:31 AM
#81
KiritoGuya said: That is Hahaido's manga list, if you had actually read the code you would have found that you simply delete a few characters to choose manga version Can someone please make a Mangalist version of this http://i.imgur.com/EBC7SSb.png @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/IS/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/IS/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/IS/TopMenu.css); /* COVERS, delete / with * before and after a link */ /*@import url(http://dl.dropboxusercontent.com/u/78340470/anime.css);*/ /* for anime list */ @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/mangaRBL.css); /* for mang @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/exo2/v1/8C2PVL2WIMUnPF90ukjrZQ.woff) format('woff'); } /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* Custom cursor */ * { cursor: url('http://dl.dropbox.com/u/78192465/MyAnimeList/IS/Images/cursor.png') 1 1, auto; } .borderRBL { opacity: .7; height: 160px; padding-right: 128px !important; line-height: 20px !important; background-repeat: no-repeat; background-position: right center; background-size: 120px auto; transition: opacity linear .1s; -webkit-transition: opacity linear .1s; } .borderRBL a { font-weight: bold; } tr:hover .borderRBL { opacity: 1; } #list_surround br { display: none; } body { color: #303030; font-size: 12px; font-family: 'Exo 2', sans-serif; background-color: rgb(255, 255, 255); background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/background.jpg'); background-attachment: fixed; background-size: cover; } a { text-decoration: none; } #list_surround:before { position: fixed; display: block; content: ''; left: 50%; margin-left: -256px; top: 0; width: 512px; height: 100%; background: url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/bg.png) repeat-y; z-index: -1; } #list_surround { position: relative; display: block; left: 50% !important; margin: 155px 0 64px -250px; width: 500px; } .animetitle span { display: block; min-width: 0; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; line-height: 24px !important; transition: color linear .1s, text-shadow linear .1s; -webkit-transition: color linear .1s, text-shadow linear .1s; } .animetitle + small { position: absolute; display: inline-block; margin: -24px 0 0 440px; padding: 0 2px 1px; line-height: 24px !important; font-size: 10px; color: transparent; text-shadow: 0 0 .1em #FFFFFF; background-color: rgb(241, 180, 202); } tr:hover .animetitle + small { color: #FFFFFF; text-shadow: none; background-color: rgb(209, 5, 77); } .td1, .td2 { padding-bottom: 1px; font-size: 14px; line-height: 24px; background-color: transparent; } .header_title { line-height: 194px; font-size: 0; } .header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw { background-repeat: no-repeat; background-position: right center; } .header_cw { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/watching.png'); } .header_completed { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/completed.png'); } .header_onhold { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/onhold.png'); } .header_dropped { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/dropped.png'); } .header_ptw { background-image: url('http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/IS/Images/planned.png'); } .category_totals, #grand_totals { display: block; padding: 2px; color: #303030; font-size: 12px; line-height: 14px; text-align: right; border-style: solid; border-color: #d1054d; border-width: 2px 0 0 0; } #grand_totals { border-width: 0 0 2px 0; } #copyright { position: fixed; display: block; margin-left: -16px; bottom: 5px; width: 535px; font-size: 10px; line-height: 10px; color: #FFFFFF; z-index: 12; } #copyright a { color: #FFFFFF; font-weight: bold; } #copyright:after { display: inline-block; content: 'List designed by Hahaido.'; } |
Dec 23, 2014 11:22 AM
#82
Dec 27, 2014 1:59 PM
#83
I'd like a Akame ga Kill Manga Layout based on this one please :) @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Nisekoi/NisekoiAllstars(Public)Manga.css"; body{background-color: transparent;} |
Dec 28, 2014 9:10 PM
#84
TheHolyPotato said: Hmm I really like this Steins;Gate layout but is looking for one for manga. Do you or anyone happen to know to have the code for the manga list? |
Dec 29, 2014 3:17 AM
#85
I'd like simple anime list from Katanagatari, something simiilar with this one: http://i.imgur.com/6nQA1o3.png |
Dec 29, 2014 5:00 AM
#86
TheHolyPotato said: Samurai Champloo list I made for someone :) *Turn off tags* Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i42.tinypic.com/2zjf1nc.png); background-position:0 0%, 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://i43.tinypic.com/2vvkxad.png); background-position:0 -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:500px; position:absolute; width:650px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#FFFFFF; text-decoration:underline; } .table_header { background-color:rgba(255, 0, 0, 0.901961); font-size:15px; } .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(230, 0, 0, 0.701961); height:65px; } .td2 { background-color:rgba(230, 0, 0, 0.701961); 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, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; font-size:15px; 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://i40.tinypic.com/2mh7vw2.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #E60000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:20px; padding:0; position:fixed; top:10px; 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://i42.tinypic.com/eb1lwx.png); background-position:100% 0; top:115px; } #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://i42.tinypic.com/maiau8.png); background-position:0 0; 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-image:url(http://i41.tinypic.com/etd0f9.png); background-position:100% 0; top:325px; } #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://i41.tinypic.com/ixzdk2.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://i39.tinypic.com/2w3cl0i.png); background-position:100% 0; top:535px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:100px; width:300px; } .header_cw { background-color:transparent; background-image:url(http://i43.tinypic.com/nr0mma.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i40.tinypic.com/33crymr.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_onhold { background-color:transparent; background-image:url(http://i40.tinypic.com/5335i1.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_dropped { background-color:transparent; background-image:url(http://i43.tinypic.com/2w1ru6e.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_ptw { background-color:transparent; background-image:url(http://i42.tinypic.com/mmes0p.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .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; } .animetitle + small { color:#FF9933 !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .status_selected { left:-8px !important; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; display:block; left:-65px !important; opacity:0.7; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.4s ease 0s; color:transparent; left:-8px !important; opacity:1; transition:all 0.4s ease 0s; } Hi, i love this Samurai Champloo layout, but there are some animes images/covers that doesnt appear, like Nanatsu no Taizai, among others. How can i fix this? or ... can i choose the cover picture that i want? how? |
Dec 29, 2014 9:29 AM
#87
Khammul said: TheHolyPotato said: Samurai Champloo list I made for someone :) *Turn off tags* Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i42.tinypic.com/2zjf1nc.png); background-position:0 0%, 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://i43.tinypic.com/2vvkxad.png); background-position:0 -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:500px; position:absolute; width:650px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#FFFFFF; text-decoration:underline; } .table_header { background-color:rgba(255, 0, 0, 0.901961); font-size:15px; } .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(230, 0, 0, 0.701961); height:65px; } .td2 { background-color:rgba(230, 0, 0, 0.701961); 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, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; font-size:15px; 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://i40.tinypic.com/2mh7vw2.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #E60000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:20px; padding:0; position:fixed; top:10px; 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://i42.tinypic.com/eb1lwx.png); background-position:100% 0; top:115px; } #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://i42.tinypic.com/maiau8.png); background-position:0 0; 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-image:url(http://i41.tinypic.com/etd0f9.png); background-position:100% 0; top:325px; } #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://i41.tinypic.com/ixzdk2.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://i39.tinypic.com/2w3cl0i.png); background-position:100% 0; top:535px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:100px; width:300px; } .header_cw { background-color:transparent; background-image:url(http://i43.tinypic.com/nr0mma.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i40.tinypic.com/33crymr.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_onhold { background-color:transparent; background-image:url(http://i40.tinypic.com/5335i1.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_dropped { background-color:transparent; background-image:url(http://i43.tinypic.com/2w1ru6e.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_ptw { background-color:transparent; background-image:url(http://i42.tinypic.com/mmes0p.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .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; } .animetitle + small { color:#FF9933 !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .status_selected { left:-8px !important; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; display:block; left:-65px !important; opacity:0.7; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.4s ease 0s; color:transparent; left:-8px !important; opacity:1; transition:all 0.4s ease 0s; } Hi, i love this Samurai Champloo layout, but there are some animes images/covers that doesnt appear, like Nanatsu no Taizai, among others. How can i fix this? or ... can i choose the cover picture that i want? how? You are importing covers but some are missing, you can either fill them yourself or find someone else who did it for you. There: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i42.tinypic.com/2zjf1nc.png); background-position:0 0%, 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://i43.tinypic.com/2vvkxad.png); background-position:0 -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:500px; position:absolute; width:650px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#FFFFFF; text-decoration:underline; } .table_header { background-color:rgba(255, 0, 0, 0.901961); font-size:15px; } .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(230, 0, 0, 0.701961); height:65px; } .td2 { background-color:rgba(230, 0, 0, 0.701961); 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, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; font-size:15px; 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://i40.tinypic.com/2mh7vw2.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #E60000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:20px; padding:0; position:fixed; top:10px; 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://i42.tinypic.com/eb1lwx.png); background-position:100% 0; top:115px; } #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://i42.tinypic.com/maiau8.png); background-position:0 0; 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-image:url(http://i41.tinypic.com/etd0f9.png); background-position:100% 0; top:325px; } #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://i41.tinypic.com/ixzdk2.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://i39.tinypic.com/2w3cl0i.png); background-position:100% 0; top:535px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:100px; width:300px; } .header_cw { background-color:transparent; background-image:url(http://i43.tinypic.com/nr0mma.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i40.tinypic.com/33crymr.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_onhold { background-color:transparent; background-image:url(http://i40.tinypic.com/5335i1.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_dropped { background-color:transparent; background-image:url(http://i43.tinypic.com/2w1ru6e.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_ptw { background-color:transparent; background-image:url(http://i42.tinypic.com/mmes0p.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .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; } .animetitle + small { color:#FF9933 !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .status_selected { left:-8px !important; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; display:block; left:-65px !important; opacity:0.7; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.4s ease 0s; color:transparent; left:-8px !important; opacity:1; transition:all 0.4s ease 0s; } |
SatiriquesDec 29, 2014 9:32 AM
Dec 29, 2014 9:48 AM
#88
Satiriques said: Khammul said: TheHolyPotato said: Samurai Champloo list I made for someone :) *Turn off tags* Code: @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i42.tinypic.com/2zjf1nc.png); background-position:0 0%, 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://i43.tinypic.com/2vvkxad.png); background-position:0 -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:500px; position:absolute; width:650px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#FFFFFF; text-decoration:underline; } .table_header { background-color:rgba(255, 0, 0, 0.901961); font-size:15px; } .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(230, 0, 0, 0.701961); height:65px; } .td2 { background-color:rgba(230, 0, 0, 0.701961); 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, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; font-size:15px; 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://i40.tinypic.com/2mh7vw2.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #E60000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:20px; padding:0; position:fixed; top:10px; 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://i42.tinypic.com/eb1lwx.png); background-position:100% 0; top:115px; } #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://i42.tinypic.com/maiau8.png); background-position:0 0; 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-image:url(http://i41.tinypic.com/etd0f9.png); background-position:100% 0; top:325px; } #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://i41.tinypic.com/ixzdk2.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://i39.tinypic.com/2w3cl0i.png); background-position:100% 0; top:535px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:100px; width:300px; } .header_cw { background-color:transparent; background-image:url(http://i43.tinypic.com/nr0mma.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i40.tinypic.com/33crymr.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_onhold { background-color:transparent; background-image:url(http://i40.tinypic.com/5335i1.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_dropped { background-color:transparent; background-image:url(http://i43.tinypic.com/2w1ru6e.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_ptw { background-color:transparent; background-image:url(http://i42.tinypic.com/mmes0p.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .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; } .animetitle + small { color:#FF9933 !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .status_selected { left:-8px !important; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; display:block; left:-65px !important; opacity:0.7; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.4s ease 0s; color:transparent; left:-8px !important; opacity:1; transition:all 0.4s ease 0s; } Hi, i love this Samurai Champloo layout, but there are some animes images/covers that doesnt appear, like Nanatsu no Taizai, among others. How can i fix this? or ... can i choose the cover picture that i want? how? You are importing covers but some are missing, you can either fill them yourself or find someone else who did it for you. There: @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css"; body { background-attachment:fixed; background-clip:border-box; background-color:transparent; background-image:url(http://i42.tinypic.com/2zjf1nc.png); background-position:0 0%, 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://i43.tinypic.com/2vvkxad.png); background-position:0 -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:500px; position:absolute; width:650px; } a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#FFFFFF; text-decoration:underline; } .table_header { background-color:rgba(255, 0, 0, 0.901961); font-size:15px; } .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(230, 0, 0, 0.701961); height:65px; } .td2 { background-color:rgba(230, 0, 0, 0.701961); 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, 0, 0, 0.901961); border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; color:white; font-size:15px; 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://i40.tinypic.com/2mh7vw2.png); background-position:0 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #E60000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; display:block; left:20px; padding:0; position:fixed; top:10px; 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://i42.tinypic.com/eb1lwx.png); background-position:100% 0; top:115px; } #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://i42.tinypic.com/maiau8.png); background-position:0 0; 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-image:url(http://i41.tinypic.com/etd0f9.png); background-position:100% 0; top:325px; } #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://i41.tinypic.com/ixzdk2.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://i39.tinypic.com/2w3cl0i.png); background-position:100% 0; top:535px; } .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; font-size:0; height:100px; width:300px; } .header_cw { background-color:transparent; background-image:url(http://i43.tinypic.com/nr0mma.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:-300px; } .header_completed { background-color:transparent; background-image:url(http://i40.tinypic.com/33crymr.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_onhold { background-color:transparent; background-image:url(http://i40.tinypic.com/5335i1.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_dropped { background-color:transparent; background-image:url(http://i43.tinypic.com/2w1ru6e.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .header_ptw { background-color:transparent; background-image:url(http://i42.tinypic.com/mmes0p.png); background-position:0 -200px; background-repeat:no-repeat no-repeat; height:50px; margin-bottom:0; margin-top:0; } .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; } .animetitle + small { color:#FF9933 !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .status_selected { left:-8px !important; } .status_not_selected { -webkit-transition:all 0.4s ease 0s; display:block; left:-65px !important; opacity:0.7; transition:all 0.4s ease 0s; } .status_not_selected:hover { -webkit-transition:all 0.4s ease 0s; color:transparent; left:-8px !important; opacity:1; transition:all 0.4s ease 0s; } Thanks!!! |
Dec 29, 2014 9:58 AM
#89
Stark700 said: TheHolyPotato said: Hmm I really like this Steins;Gate layout but is looking for one for manga. Do you or anyone happen to know to have the code for the manga list? It's probably going to work with your manga list, you just have to replace the anime's cover import. edit: Preview: Code: @import "https://dl.dropbox.com/s/6ruszt29qyk3yzi/SakorasouTopBar.css"; @import "https://dl.dropboxusercontent.com/s/aunymjyr9cqdxjl/manga.css"; /* HOW TO USE Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes: http://myanimelist.net/forum/?topicid=200320 When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! If the layout looks weird on your list after installing, you can try to alter your settings here. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards): http://myanimelist.net/editprofile.php?go=listpreferences If your list still has problems you can ask us about it here, or other questions: http://myanimelist.net/forum/?topicid=200323 And you'll find further ways to customize your list here: http://myanimelist.net/forum/?topicid=419405 */ /* MAIN BACKGROUND The space background by default. */ body { background-attachment:fixed; background-clip:border-box; background-color: black; background-image: url(http://i58.tinypic.com/14o3xiw.jpg); background-position:0 0%, 0 0; background-repeat:no-repeat no-repeat; background-size:cover; font-family:calibri; } /* SECONDARY BACKGROUND Goes behind the list but in front of the main background. Image links to a character render in the parenthesis after background. Add or remove the word "contain" (without quotations) after background-size if you want them to be fit or not fit into the entire page. */ #inlineContent { display: inline-block !important; height: 100%; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100%; z-index: -1 !important; background-size: contain !important; } /* LIST BACKGROUND COLOR, ROW HEIGHT AND FLASH Adjust the opacity and color of the list itself with the first two sets of code, as well as the height of the rows. td1 is odd numbered rows, td2 is even. The third set of code is for the row color and opacity on height. Google RGBA color generator for easy to copy color and opacity numbers customized for you. */ .td1 { background-color:rgba(0, 0, 0, 0.3); height:65px; } .td2 { background-color:rgba(0, 0, 0, 0.3); height:65px; } tr:hover [class^="td"] { transition: .1s linear; background-color: rgba(0, 100, 205, 0.6); } /* MAGICA LOGO Background-image is the Magica logo at page top. You can move it with background position. */ #list_surround { background-attachment:scroll; background-color:transparent; background-image: url(); background-position: -50px -40px; background-repeat:no-repeat no-repeat; font-size:100%; line-height:1; margin:0 auto; padding-bottom:10px; padding-top:100px; position:absolute; right:-4px !important; width:700px; } /* SIDE BUTTONS */ #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://i61.tinypic.com/t03ku9.jpg); 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://i59.tinypic.com/2qdsdhc.jpg); 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://i57.tinypic.com/zjtdgw.jpg); 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://i61.tinypic.com/28sqa1u.jpg); 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://i59.tinypic.com/2vlsa2o.jpg); 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://i60.tinypic.com/307tbio.jpg); background-position:100% 0; top:620px; } /* CUSTOM HEADERS */ .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/Ve9nDsh.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_completed { background-color: transparent; background-image: url("http://imgur.com/rhGif5A.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_onhold { background-color: transparent; background-image: url("http://imgur.com/fzAkofz.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_dropped { background-color: transparent; background-image: url("http://imgur.com/JrB2Hgx.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } .header_ptw { background-color: transparent; background-image: url("http://imgur.com/Oeqwh7g.png"); background-position: 50% 10px; background-repeat: no-repeat no-repeat; height: 50px; margin-bottom: 0; margin-top: -100px; } /* TOP COLORS The colors for the top text (#, anime title, score, etc) and the panel iteself. */ .table_header { background-color:rgba(0, 100, 205, 0.6); } .table_header, .table_header a{ color: white;} /* LIST FONT COLOR */ .td1, .td2, .category_totals { color:white; } /* OTHER CODES Ask in the original topic for this layout of in my club if you need to learn more about customizing this layout. */ a { color:#FFFFFF; text-decoration:none; text-shadow:none; } a:hover { color:#fff; text-decoration:underline; } .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; } .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border:0 none; padding:4px; text-align:center; vertical-align:top; } .borderRBL { line-height:normal !important; } [cellspacing="0"] { line-height:17px; } .category_totals { background-color:rgba(0, 100, 205, 0.6); 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; } .hide:hover:after { background: transparent; content: " "; height: 75px; left: 0; position: absolute; top: 0; width: 210px; z-index: 20; } .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; } .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; } .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; } .animetitle { font-weight: bold;} .animetitle + small { color:#CC33FF !important; font-weight:bold; } * { -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .table_header:nth-last-of-type(2) { border-radius: 0 10px 0 0;} .td1:nth-of-type(6), .td2:nth-of-type(6){ background-color: transparent !important; font-family: helvetica;} td:nth-of-type(6) small { font-size: 0; color: white; left: 42px; position: relative; text-shadow: black 1px 1px 5px; } td:nth-of-type(6) small:after { font-size: 12px !important; content: "Edit Tags" } @media screen and (-webkit-min-device-pixel-ratio:0) { .td1:nth-of-type(2), .td2:nth-of-type(2){ width: 73% !important; } .animetitle { padding-left: 5px; } } /* Media query for devices above 1000px */ @media all and (min-device-width:1001px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -270px;} #list_surround { left: 24% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important; padding-top: 8px;} } /* Media query for devices above 1024px */ @media all and (min-device-width:1025px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -300px;} #list_surround { left: 17% !important;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 7pt !important; width: 370px !important;} } /* Media query for devices above 1140px */ @media all and (min-device-width:1141px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -290px;} #list_surround { left: 17% !important; width: 850px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 530px !important;} } /* Media query for devices above 1280px */ @media all and (min-device-width:1281px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -330px;} #list_surround { left: 18% !important; width: 900px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 575px !important;} } /* Media query for devices above 1440px */ @media all and (min-device-width:1441px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -385px;} #list_surround { left: 17% !important; width: 960px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 635px !important;} #list_surround { background-position: center -40px;} } /* Media query for devices above 1680px */ @media all and (min-device-width:1681px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -430px;} #list_surround { left: 16% !important; width: 1050px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 720px !important;} } /* Media query for devices above 1920px */ @media all and (min-device-width:1921px) { #list_surround .status_selected, #list_surround .status_not_selected { left: -530px;} #list_surround { left: 10% !important; width: 1100px;} .td1:nth-of-type(6), .td2:nth-of-type(6) { font-size: 9pt !important; width: 770px !important;} } There you go. You can just change the image of "all anime" by something else or just leave it like that honestly. This also applies to you @Khammul if you want to use your style for your manga list. |
SatiriquesDec 29, 2014 10:10 AM
Dec 31, 2014 6:58 PM
#90
I would like to suggest a Layout with Neko Paradise Theme, really like Vanilla & Chocolat ( prefer Vanilla <3), I would greatly appreciate <3 If you want, i have a lot of render / image Thank you :) |
Jan 1, 2015 1:44 AM
#91
could anyone a No game no life themed animelist in the style of my current animelist is there anyone who could make this happen? thanks already |
m3n1ceMar 24, 2015 12:42 AM
Jan 4, 2015 7:16 AM
#92
SylakentH said: Can I request a manga version of this layout? Pretty please as I really like these character centric layout. Can anyone do this? ^^;sumusiko said: I would love a Spice and Wolf Holo theme if someone could please do it I'd love you eternally! Horo <3 Preview: You need the following settings for the layout Code: /* LAYOUT DESIGN MADE BY SYLAKENTH, THANKS TO HAHAIDO! / / /I ABSTAINED FROM IMPORTING LINKS FROM DROPBOX SINCE THE CRASH /SO MOSTLY ADDED EVERYTHING TO THIS CODE / / / */ @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); @import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC); * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("http://i59.tinypic.com/2d0xitx.jpg"); background-position: 0% 0%; background-repeat: no-repeat no-repeat; background-size: cover; font-family: Patrick Hand SC !important } a { color: rgba(255,255,255,0.7); text-shadow: 0px 0px 0px white; } a :hover { text-decoration:underline !important; transition: all 0.4s ease 0s; } body { background-color: rgba(0, 0, 0, 0); color: #7F7E7E; } #list_surround { background-image: url("http://i57.tinypic.com/x1dj0g.png"); background-position: 6% 0%; background-repeat: no-repeat no-repeat; background-size: 80% auto; font-size: 15px; height: 400px; right: 15%; line-height: 1; margin-left: 650px !important; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top:200px; position: absolute; top: 0px; width: 650px; } .table_header { padding-bottom: 4px; } .table_header span { display: none; } .table_header:nth-child(2) { text-align: left; } [cellspacing="0"] { line-height: 17px; } .td1, .td2 { padding: 3px 0px ; transition: background-color 1s linear 0s; } .animetitle + small { color: #FFD700 !important; font-weight: bold; visibility: visible !important; } #list_surround small { visibility: hidden; } #list_surround small a:last-of-type { display: none !important; } td[class^="td"]:nth-child(2) { text-align: left; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { margin-right: 10px; visibility: visible !important; } .table_header, .td1, .td2 { background-color: rgba(185, 88, 69, 0.8); text-align: center; vertical-align: top; } tr:hover td[class^="td"] { background-color: #e792b9; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #304242; text-shadow: 0 0 1px #304242; /*transition: all 0.4s ease 0s;*/ } .table_headerLink { color: #FFFFFF ; line-height: 20px; } td[class^="td"]:nth-child(3), td[class^="td"]:nth-child(3) a { color: #FFFFFF ; } td[class^="td"]:nth-child(4),td[class^="td"]:nth-child(1) { color: rgba(255,255,255,0.6); } td[class^="td"]:nth-child(5), td[class^="td"]:nth-child(5) a { color: #FFFFFF ; } td[class^="td"]:first-child { border-left: 0px solid #FFFFFF !important; } td[class^="td"]:last-child { border-right: 0px solid #FFFFFF !important; } .table_header { background-color: #762b28; border-bottom: 1px solid white; letter-spacing: 1px; padding: 0px 0px 5px; } .table_header:first-child { border-radius: 30px 0 0 0; border-bottom: 1px solid white; border-top: 0px solid #FFFFFF !important; } .table_header:nth-child(5) { border-radius: 0 10px 0 0; border-right: 0px solid #FFFFFF !important; } /* EDIT BUTTON */ #list_surround table:nth-of-type(n+4) tbody div small { letter-spacing: -25px; visibility: visible; color: transparent !important; } #list_surround table:nth-of-type(n+4) tbody small a:first-of-type { display: inline-block !important; opacity: 0; } #list_surround table:nth-of-type(n+4) tbody small a:last-of-type { display: none !important; } #list_surround table:nth-of-type(n+4) tbody:hover small a:first-of-type { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none color: white ; display: inline-block !important; position: relative !important; /*right: 40px !important;*/ text-align: left; visibility: visible; opacity: 1 !important; transition: all 0.8s ease 0s; letter-spacing: 1px; float: right; padding-left: 25px; } .td1 div, .td2 div { color: transparent !important; padding-left: 4px; } .td1 div:hover small a, .td2 div:hover small a { color:white; transition: all 0.8s ease 0s; } /* */ .category_totals { background-color: #d26a4f; border: 0px solid #FFFFFF; border-top: 1px solid white; border-radius: 0 0 16px 16px; color: #FFFFFF; padding: 3px 3px 9px; text-align: center; } #grand_totals { background-color: #d26a4f; border-color: #FFFFFF; border-radius: 0 0 12px 12px; border-style: solid; border-width: 0 0px; color: #FFFFFF; display: block; margin-top: -30px; padding: 0 10px 10px; position: absolute; text-align: center; width: calc(100% - 24px); } td[class^="td"]:nth-of-type(2) { width: 454px !important; } /* COVER NECESSITIES */ .table_header:nth-of-type(6), span[id*="tagLinks"], div[id*="tagChangeRow"] { display: none !important; } td[class^="td"]:nth-of-type(6) { width: 0; } span[id*="tagRow"] { background-color: rgba( 211,105,79, 0.7) !important; border-radius: 0px 0px 20px 20px; display: block !important; line-height:15px !important; padding: 8px 8px 8px ; position: fixed; left: 670px; text-shadow: 0 0 0 #000000 !important; visibility: hidden; width: 199px; top: 495px !important; transition: all 0s ease 0s; text-shadow: 0 0 3px black !important; } tr:hover span[id*="tagRow"] { color: white !important; visibility: visible; } :hover + .hide { background-color: #ce664b; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 16px 16px 0 0; border-style: solid; border-width: 0px; box-shadow: 0 2px 2px #000000; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; top: 200px; left: 670px; width: 183px; } /* HEADERS */ [class^="header_"] * { background-repeat: no-repeat no-repeat; font-size: 0; height: 200px; line-height: 24px; padding-bottom: 50px; text-align: right; vertical-align: bottom; z-index: 3 !important; } .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); } .header_cw { background-color: transparent; background-image: url("http://i.imgur.com/dCuWgMZ.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 150px ; margin-bottom: -45px; z-index: 10 !important; } .header_completed { background-color: transparent; background-image: url("http://i.imgur.com/QYMlGGk.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; margin-bottom: -44px; z-index: 0; } .header_onhold { background-color: transparent; background-image: url("http://i.imgur.com/MXo4E83.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_dropped { background-color: transparent; background-image: url("http://i.imgur.com/iZuPfgP.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } .header_ptw { background-color: transparent; background-image: url("http://i.imgur.com/uNjXRE2.png"); background-position: 30% 60%; background-repeat: no-repeat no-repeat; height: 200px; margin-bottom: -44px; } /* CATEGORY LINKS */ .status_not_selected { opacity: 1; } .status_not_selected:hover { color: transparent; opacity: 1; transition: all 0.4s ease 0s; background-color: #e694bc !important; box-shadow: 3px 2px 30px white inset !important; } .status_selected:hover a, .status_not_selected:hover a { color:yellow; } .status_selected { display: block; background-color: #e694bc !important; box-shadow: 3px 2px 30px white inset !important; } .status_not_selected { display: block; } #list_surround .status_selected, #list_surround .status_not_selected { background-color: rgba(185, 88, 69, 0.8); border-color: white !important; border-style: solid !important; border-width: 0px !important; border-radius:30px 30px 0 0px; left: 10px; padding: 15px 0; position: fixed; top: 254px; width: 200px; font-size: 17px !important; transition: all 0.8s ease 0s; box-shadow: 3px 2px 20px inset; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { top: 301px; border-radius: 0px !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 { top: 348px; } #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: 395px; } #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: 442px; } #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: 489px; border-radius:0 0 30px 30px !important; } /* COPYRIGHT */ #copyright:before { content: "Design by SylakentH, thanks to Hahaido."; font-size: 12px; } #copyright { background-color: #A0373C; border: 4px solid #DA6358; border-radius: 12px; color: #FFFFFF; display: block; margin-top: -10px !important; padding: 2px 14px 4px; position: relative; } #copyright a { color: #FFFFFF; font-size: 14px; padding-right: 2px; text-shadow: 1px 1px #F11C26; } /* TOP MENU BAR */ #mal_control_strip:before { position: absolute; display: block; content: 'Menu'; margin-top: 190px; left: 15px !important; padding: 4px 8px; background-color: #d1694e; border-radius: 0 0 1em 1em; border: 0px solid white; width: 80px; text-align:center; box-shadow: 0 0 10px white inset; } #mal_control_strip { position: fixed !important; display: block !important; margin-top: -192px !important; height: 192px !important; width: 128px !important; left: 62px !important; border-top: none; background: url('http://i.imgur.com/9p526Ot.png') no-repeat center -2% #d1694e !important; border-radius: 0 0 1em 1em; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; z-index: 10; border: 0px solid white; box-shadow: 0 0 10px white inset; } #mal_control_strip:after { position: fixed; display: block; content: ''; left: 0; top: -300px; width: 100%; height: 300px; box-shadow: 0 0 20px rgba(130, 189, 205, 1); } #mal_control_strip a { text-decoration: none !important; } #mal_control_strip a:hover { text-decoration: underline !important; } #mal_control_strip:hover { margin-top: 0 !important; } #mal_control_strip, #mal_control_strip a, #mal_control_strip td, #mal_control_strip td div, #mal_control_strip a { font-family: Patrick Hand SC !important; color: #8f2589 !important; font-size: 18px !important; } #mal_control_strip td { display: block !important; width: 100px !important; } #mal_control_strip img, #mal_cs_powered, #mal_cs_powered img, #mal_cs_pic img, #mal_cs_otherlinks strong, #search, #mal_cs_otherlinks div a[href*="sharedanime"], #mal_cs_otherlinks div span[title*="Compatibility Score"] { display: none !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: none !important; } #mal_cs_otherlinks div:nth-child(2) { color: transparent !important; } /* Username, Logout */ #mal_cs_listinfo div { margin: 0 !important; } #mal_cs_listinfo div a { position: relative !important; display: block !important; top: 68px !important; line-height: 18px !important; } /* Add to List, Home, Anime List, Manga List */ #mal_cs_links div { margin: 0 !important; } #mal_cs_links div a { position: relative !important; display: inline-block !important; top: 68px !important; line-height: 18px !important; } #mal_cs_links div a[href*="addtolist"] { font-weight: 600 !important; } /* History, Forum, Export */ #mal_cs_otherlinks div a[href*="history"], #mal_cs_otherlinks div a[href*="forum"], #mal_cs_otherlinks div a[href*="export"], #mal_cs_otherlinks div a[href*="mangalist"] { display: none !important; } /* Log in, Create list, Learn more */ #mal_cs_otherlinks div { margin: 0 !important; } #mal_cs_otherlinks div a { position: relative !important; display: block !important; top: 28px !important; line-height: 18px !important; } #mal_cs_otherlinks div a[href*="login"] { font-weight: 600 !important; } |
NuviJan 4, 2015 7:39 AM
Jan 4, 2015 11:33 AM
#93
Nuvi said: Can I request a manga version of this layout? Pretty please as I really like these character centric layout. Can anyone do this? ^^; Updated a manga layout check it here: http://myanimelist.net/forum/?topicid=1337115&show=0#post1 |
Jan 6, 2015 6:38 AM
#94
Jan 6, 2015 9:22 AM
#95
Can I request anime and manga list layouts for Poyopoyo Kansatsu Nikki? |
Jan 8, 2015 8:32 PM
#96
I've been looking everywhere for a Jojo's Bizarre Adventure anime layout. Does anyone know if anyone has ever made one? |
Jan 27, 2015 7:38 PM
#97
ThatUndeadLegacy said: anyone made a parasite one yet, I'll be interested in that one too. I give you freedom in selecting theme/patterns. |
Jan 29, 2015 12:59 PM
#98
Touzel said: Hello! May I request a layout based on Shigatsu wa Kimi no Uso please! I would love for it to be semi-minimalistic; not too much going on that will stray focus from the list itself. Thanks in advance :D Tried to make it minimalistic as possible! Hope you like it! (*´・v・) ☆ Preview ☆ ☆ Code ☆ |
Nadeko_Jun 5, 2015 8:02 AM
Jan 29, 2015 7:10 PM
#99
Hi, Can anyone help create a Kurumi (from Date A Live) theme list? Really appreciate the help. |
Jan 30, 2015 7:18 AM
#100
hlubkoj2020 said: Hi, Can anyone help create a Kurumi (from Date A Live) theme list? Really appreciate the help. There's already one, maybe you like it https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/Anime/KurumiFeat.css |
More topics from this board
» [CSS - CLASSIC] Wishes of the heart ~ XXXholic layout by HahaidoShishio-kun - Dec 27, 2015 |
9 |
by tsyndi
»»
Yesterday, 9:23 PM |
|
» [BBCODE + VIDEO GUIDE] ⭐️ Full list of BBcodes and BBcode setups on MAL ( 1 2 3 4 )Shishio-kun - Feb 3, 2012 |
159 |
by RackOrRuin
»»
Yesterday, 10:48 AM |
|
» [CSS-MODERN] ⭐️ Takana_No_Hana's LayoutsShishio-kun - Jun 5, 2021 |
6 |
by NemuSanjou
»»
Apr 9, 7:21 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1204 |
by blickrella
»»
Apr 9, 4:55 PM |
|
» [MODERN - CSS] ⭐ Sailor Moon layout by 5cmShishio-kun - Sep 7, 2020 |
34 |
by Y3337
»»
Mar 31, 11:45 PM |