I need to practice more haha.
![]()
original![]()
Edit I![]()
CSS:
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css); } cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: #000000; font-size: 11.00px; font-family: Verdana, Arial; } a, a:visited { color: rgba(255, 204, 153, 1); text-decoration: none; } a:hover { cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: rgba(255, 204, 153, 1); } #list_surround { position: absolute !important; padding-top: 372px; width: 485px; right: 0px; } .category_totals { padding-bottom: 18px; text-align: right; } #grand_totals { display: none; } .category_totals, #grand_totals { font-family: 'Carrois Gothic SC', sans-serif; color: #FFFFFF; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000; } .animetitle { display: block; min-width: 0px; max-width: 276px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px !important; } .animetitle + small { visibility: visible !important; position: absolute !important; display: block !important; margin-top: 0; margin-left: -152px; width: 120px; color: rgba(255, 204, 153, 1); text-align: center; white-space: nowrap !important; font-size: 14px !important; line-height: 14px !important; padding: 4px; background-color: rgba(255, 255, 255, 1); border: 1px solid #efefef; border-radius: 120px 0 0 120px / 12px 0 0 0; -o-border-radius: 120px 0 0 120px / 12px 0 0 0; -moz-border-radius: 120px 0 0 120px / 12px 0 0 0; -webkit-border-radius: 120px 0 0 120px / 12px 0 0 0; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; } .animetitle + small:after { pointer-events: none; position: absolute !important; display: block !important; content: ''; top: 24px; left: 120px; width: 34px !important; height: 42px !important; background: no-repeat; } .hide { position: fixed; display: inline-block !important; pointer-events: none; visibility: hidden; top: 5px; left: 25px; background-size: 200px 0px; width: 0px !important; height: 0px !important; line-height: 24px !important; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; z-index: 20; } :hover + .hide:before{ pointer-events: none; position: absolute; visibility: hidden; content: ''; margin-top: 0px; margin-left: 114%; width: 160%; padding: .2em; font-size: 14px !important; border: solid 1px rgba(137,130,48,.2); border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } :hover + .hide:after{ position: absolute; content: ''; width: 100%; height: 50%; top: 50%; left: 0; background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(100,rgba(255,255,255,1))); } :hover + .hide { position: fixed !important; display: block !important; visibility: visible; width: 200px !important; height: 284px !important; background-repeat: no-repeat !important; background-size: 200px 284px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); z-index:20 !important; } .td1, .td2 { background-color: rgba(255, 255, 255, .5); font-family: 'Nothing You Could Do', cursive; font-size: 19px; border-bottom: solid 2px rgba(189, 201, 225,1); transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 15; } .td1 a, .td2 a { color: #000000; } #list_surround .header_title span, #list_surround .header_title .thickbox { display: none; } .table_header[width="30"] { display: none !important; } .table_header span , .table_headerLink, .table_headerLink:visited { color: rgba(255, 255, 255, 1) !important; } .table_headerLink:hover { text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } .table_header a { width: 120px; font-family: 'Nothing You Could Do', cursive; text-align: left; font-size: 14px !important; line-height: 14px !important; padding: 8px; font-family: 'Carrois Gothic SC', sans-serif; border: solid 2px rgba(255, 255, 255, 1); background: rgba(255, 204, 153, 1); z-index: 5; } .table_header a[href$="order=1"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); } .table_header a[href$="order=4"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } .table_header a[href$="order=12"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); } .form{ border-width: 1px 1px 1px 1px; border-color: #ABABAB; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } #mal_cs_powered #search #searchBox { position: fixed !important; display: block !important; right: 483px !important; top: -30px !important; border: solid 2px rgba(255, 204, 153, 1); font-family: 'Carrois Gothic SC', sans-serif; color:#ffffff; font-weight: bold; font-size: 16px !important; text-shadow: #FFB347 0.1em 0.2em, #FFB3470 0.1em 0.1em 0.2em; background: rgba(255,255,255, 0); width: 150px !important; height: 35px !important; padding: 5px; margin: 50px auto 25px; overflow: hidden; z-index: 20; } .header_al { font-weight: bold; font-size: 16px; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { pointer-events: none; position: absolute; display: block !important; content: ''; margin-top: -80px; margin-left: -128px; width: 258px; height: 143px; } .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span { position: relative; display: block !important; margin-top: 64px; margin-left: 80px; font-family: 'Nothing You Could Do', cursive; font-size: 17px; font-weight: bold; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } #copyright { float: right; width: 495px; padding: 2px; font-family: 'Nothing you could do', sans-serif; color: #000000; text-align: right !important; border: solid 2px rgba(189, 201, 225,1); background: rgba(255,255,255, .5); z-index: 15; } #copyright a { color: #FFFFFF; } #copyright a:hover { color: #FFFFFF; text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } #copyright:after { display: block; content: 'List designed by Hahaido. Edited by xxshiawase.'; } body:before { position: fixed; content: ''; height: 100%; width: 100%; background: url('http://fc02.deviantart.net/fs70/f/2010/057/1/5/Kimi_ni_todoke_wallpapers3_by_ironicdawn.jpg') left center no-repeat, -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(253,175,133)), color-stop(0.7, rgb(255,236,180))); z-index: -2; } body:after { pointer-events: none; display: block !important; position: fixed !important; content: ''; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; z-index: -1; } #inlineContent { position: fixed !important; display: block !important; content: ''; width: 500px; height: 372px; top: 0; right: 0; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_couple.png') no-repeat; border: solid 2px rgba(255, 204, 153, 1); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-border-bottom-left-radius: 50%; -moz-border-bottom-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -o-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -moz-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -webkit-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); z-index: 10; } #inlineContent:after { pointer-events: none !important; display: block !important; position: fixed !important; content: ''; top: 0px; right: 0px; width: 550px; height: 600px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_leaves.png') no-repeat; z-index: 10; } animetitle[href$="Nana"] span:after, animetitle[href$="Kimi_Ni_Todoke"] span:after, .animetitle[href$="Detective_Conan"] span:after { content: ''; position: absolute; display: block; margin-left: 424px; margin-top: -30px; width: 36px; height: 32px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/favorite.png') no-repeat; } /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-2/spe113.ani), url(http://cur.cursors-4u.net/special/spe-2/spe113.png), progress !important;} /* End http://www.cursors-4u.com */ #list_surround { position: absolute !important; left: 120px !important;} #list_surround { position: absolute !important; top: -385px;} body:before { background-size: cover; }Edit II![]()
CSS:
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css); } cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: #000000; font-size: 11.00px; font-family: Verdana, Arial; } a, a:visited { color: rgba(255, 204, 153, 1); text-decoration: none; } a:hover { cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: rgba(255, 204, 153, 1); } #list_surround { position: absolute !important; padding-top: 372px; width: 485px; right: 0px; } .category_totals { padding-bottom: 18px; text-align: right; } #grand_totals { display: none; } .category_totals, #grand_totals { font-family: 'Carrois Gothic SC', sans-serif; color: #FFFFFF; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000; } .animetitle { display: block; min-width: 0px; max-width: 276px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px !important; } .animetitle + small { visibility: visible !important; position: absolute !important; display: block !important; margin-top: 0; margin-left: -152px; width: 120px; color: rgba(255, 204, 153, 1); text-align: center; white-space: nowrap !important; font-size: 14px !important; line-height: 14px !important; padding: 4px; background-color: rgba(255, 255, 255, 1); border: 1px solid #efefef; border-radius: 120px 0 0 120px / 12px 0 0 0; -o-border-radius: 120px 0 0 120px / 12px 0 0 0; -moz-border-radius: 120px 0 0 120px / 12px 0 0 0; -webkit-border-radius: 120px 0 0 120px / 12px 0 0 0; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; } .animetitle + small:after { pointer-events: none; position: absolute !important; display: block !important; content: ''; top: 24px; left: 120px; width: 34px !important; height: 42px !important; background: no-repeat; } .hide { position: fixed; display: inline-block !important; pointer-events: none; visibility: hidden; top: 5px; left: 25px; background-size: 200px 0px; width: 0px !important; height: 0px !important; line-height: 24px !important; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; z-index: 20; } :hover + .hide:before{ pointer-events: none; position: absolute; visibility: hidden; content: ''; margin-top: 0px; margin-left: 114%; width: 160%; padding: .2em; font-size: 14px !important; border: solid 1px rgba(137,130,48,.2); border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } :hover + .hide:after{ position: absolute; content: ''; width: 100%; height: 50%; top: 50%; left: 0; background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(100,rgba(255,255,255,1))); } :hover + .hide { position: fixed !important; display: block !important; visibility: visible; width: 200px !important; height: 284px !important; background-repeat: no-repeat !important; background-size: 200px 284px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); z-index:20 !important; } .td1, .td2 { background-color: rgba(255, 255, 255, .5); font-family: 'Nothing You Could Do', cursive; font-size: 19px; border-bottom: solid 2px rgba(189, 201, 225,1); transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 15; } .td1 a, .td2 a { color: #000000; } #list_surround .header_title span, #list_surround .header_title .thickbox { display: none; } .table_header[width="30"] { display: none !important; } .table_header span , .table_headerLink, .table_headerLink:visited { color: rgba(255, 255, 255, 1) !important; } .table_headerLink:hover { text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } .table_header a { width: 120px; font-family: 'Nothing You Could Do', cursive; text-align: left; font-size: 14px !important; line-height: 14px !important; padding: 8px; font-family: 'Carrois Gothic SC', sans-serif; border: solid 2px rgba(255, 255, 255, 1); background: rgba(255, 204, 153, 1); z-index: 5; } .table_header a[href$="order=1"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); } .table_header a[href$="order=4"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } .table_header a[href$="order=12"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); } .form{ border-width: 1px 1px 1px 1px; border-color: #ABABAB; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } #mal_cs_powered #search #searchBox { position: fixed !important; display: block !important; right: 483px !important; top: -30px !important; border: solid 2px rgba(255, 204, 153, 1); font-family: 'Carrois Gothic SC', sans-serif; color:#ffffff; font-weight: bold; font-size: 16px !important; text-shadow: #FFB347 0.1em 0.2em, #FFB3470 0.1em 0.1em 0.2em; background: rgba(255,255,255, 0); width: 150px !important; height: 35px !important; padding: 5px; margin: 50px auto 25px; overflow: hidden; z-index: 20; } .header_al { font-weight: bold; font-size: 16px; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { pointer-events: none; position: absolute; display: block !important; content: ''; margin-top: -80px; margin-left: -128px; width: 258px; height: 143px; } .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span { position: relative; display: block !important; margin-top: 64px; margin-left: 80px; font-family: 'Nothing You Could Do', cursive; font-size: 17px; font-weight: bold; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } #copyright { float: right; width: 495px; padding: 2px; font-family: 'Nothing you could do', sans-serif; color: #000000; text-align: right !important; border: solid 2px rgba(189, 201, 225,1); background: rgba(255,255,255, .5); z-index: 15; } #copyright a { color: #FFFFFF; } #copyright a:hover { color: #FFFFFF; text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } #copyright:after { display: block; content: 'List designed by Hahaido. Edited by xxshiawase.'; } body:before { position: fixed; content: ''; height: 100%; width: 100%; background: url('http://i44.tinypic.com/1549h54.png') left center no-repeat, -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(253,175,133)), color-stop(0.7, rgb(255,236,180))); z-index: -2; } body:after { pointer-events: none; display: block !important; position: fixed !important; content: ''; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; z-index: -1; } #inlineContent { position: fixed !important; display: block !important; content: ''; width: 500px; height: 372px; top: 0; right: 0; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_couple.png') no-repeat; border: solid 2px rgba(255, 204, 153, 1); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-border-bottom-left-radius: 50%; -moz-border-bottom-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -o-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -moz-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -webkit-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); z-index: 10; } #inlineContent:after { pointer-events: none !important; display: block !important; position: fixed !important; content: ''; top: 0px; right: 0px; width: 550px; height: 600px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_leaves.png') no-repeat; z-index: 10; } animetitle[href$="Nana"] span:after, animetitle[href$="Kimi_Ni_Todoke"] span:after, .animetitle[href$="Detective_Conan"] span:after { content: ''; position: absolute; display: block; margin-left: 424px; margin-top: -30px; width: 36px; height: 32px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/favorite.png') no-repeat; } /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-2/spe113.ani), url(http://cur.cursors-4u.net/special/spe-2/spe113.png), progress !important;} /* End http://www.cursors-4u.com */ #list_surround { position: absolute !important; left: 120px !important;} #list_surround { position: absolute !important; top: -385px;} body:before { background-size: cover; }*Feel free to use/edit them ^-^
original
Edit I
CSS:
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css); } cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: #000000; font-size: 11.00px; font-family: Verdana, Arial; } a, a:visited { color: rgba(255, 204, 153, 1); text-decoration: none; } a:hover { cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: rgba(255, 204, 153, 1); } #list_surround { position: absolute !important; padding-top: 372px; width: 485px; right: 0px; } .category_totals { padding-bottom: 18px; text-align: right; } #grand_totals { display: none; } .category_totals, #grand_totals { font-family: 'Carrois Gothic SC', sans-serif; color: #FFFFFF; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000; } .animetitle { display: block; min-width: 0px; max-width: 276px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px !important; } .animetitle + small { visibility: visible !important; position: absolute !important; display: block !important; margin-top: 0; margin-left: -152px; width: 120px; color: rgba(255, 204, 153, 1); text-align: center; white-space: nowrap !important; font-size: 14px !important; line-height: 14px !important; padding: 4px; background-color: rgba(255, 255, 255, 1); border: 1px solid #efefef; border-radius: 120px 0 0 120px / 12px 0 0 0; -o-border-radius: 120px 0 0 120px / 12px 0 0 0; -moz-border-radius: 120px 0 0 120px / 12px 0 0 0; -webkit-border-radius: 120px 0 0 120px / 12px 0 0 0; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; } .animetitle + small:after { pointer-events: none; position: absolute !important; display: block !important; content: ''; top: 24px; left: 120px; width: 34px !important; height: 42px !important; background: no-repeat; } .hide { position: fixed; display: inline-block !important; pointer-events: none; visibility: hidden; top: 5px; left: 25px; background-size: 200px 0px; width: 0px !important; height: 0px !important; line-height: 24px !important; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; z-index: 20; } :hover + .hide:before{ pointer-events: none; position: absolute; visibility: hidden; content: ''; margin-top: 0px; margin-left: 114%; width: 160%; padding: .2em; font-size: 14px !important; border: solid 1px rgba(137,130,48,.2); border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } :hover + .hide:after{ position: absolute; content: ''; width: 100%; height: 50%; top: 50%; left: 0; background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(100,rgba(255,255,255,1))); } :hover + .hide { position: fixed !important; display: block !important; visibility: visible; width: 200px !important; height: 284px !important; background-repeat: no-repeat !important; background-size: 200px 284px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); z-index:20 !important; } .td1, .td2 { background-color: rgba(255, 255, 255, .5); font-family: 'Nothing You Could Do', cursive; font-size: 19px; border-bottom: solid 2px rgba(189, 201, 225,1); transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 15; } .td1 a, .td2 a { color: #000000; } #list_surround .header_title span, #list_surround .header_title .thickbox { display: none; } .table_header[width="30"] { display: none !important; } .table_header span , .table_headerLink, .table_headerLink:visited { color: rgba(255, 255, 255, 1) !important; } .table_headerLink:hover { text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } .table_header a { width: 120px; font-family: 'Nothing You Could Do', cursive; text-align: left; font-size: 14px !important; line-height: 14px !important; padding: 8px; font-family: 'Carrois Gothic SC', sans-serif; border: solid 2px rgba(255, 255, 255, 1); background: rgba(255, 204, 153, 1); z-index: 5; } .table_header a[href$="order=1"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); } .table_header a[href$="order=4"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } .table_header a[href$="order=12"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); } .form{ border-width: 1px 1px 1px 1px; border-color: #ABABAB; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } #mal_cs_powered #search #searchBox { position: fixed !important; display: block !important; right: 483px !important; top: -30px !important; border: solid 2px rgba(255, 204, 153, 1); font-family: 'Carrois Gothic SC', sans-serif; color:#ffffff; font-weight: bold; font-size: 16px !important; text-shadow: #FFB347 0.1em 0.2em, #FFB3470 0.1em 0.1em 0.2em; background: rgba(255,255,255, 0); width: 150px !important; height: 35px !important; padding: 5px; margin: 50px auto 25px; overflow: hidden; z-index: 20; } .header_al { font-weight: bold; font-size: 16px; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { pointer-events: none; position: absolute; display: block !important; content: ''; margin-top: -80px; margin-left: -128px; width: 258px; height: 143px; } .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span { position: relative; display: block !important; margin-top: 64px; margin-left: 80px; font-family: 'Nothing You Could Do', cursive; font-size: 17px; font-weight: bold; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } #copyright { float: right; width: 495px; padding: 2px; font-family: 'Nothing you could do', sans-serif; color: #000000; text-align: right !important; border: solid 2px rgba(189, 201, 225,1); background: rgba(255,255,255, .5); z-index: 15; } #copyright a { color: #FFFFFF; } #copyright a:hover { color: #FFFFFF; text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } #copyright:after { display: block; content: 'List designed by Hahaido. Edited by xxshiawase.'; } body:before { position: fixed; content: ''; height: 100%; width: 100%; background: url('http://fc02.deviantart.net/fs70/f/2010/057/1/5/Kimi_ni_todoke_wallpapers3_by_ironicdawn.jpg') left center no-repeat, -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(253,175,133)), color-stop(0.7, rgb(255,236,180))); z-index: -2; } body:after { pointer-events: none; display: block !important; position: fixed !important; content: ''; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; z-index: -1; } #inlineContent { position: fixed !important; display: block !important; content: ''; width: 500px; height: 372px; top: 0; right: 0; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_couple.png') no-repeat; border: solid 2px rgba(255, 204, 153, 1); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-border-bottom-left-radius: 50%; -moz-border-bottom-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -o-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -moz-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -webkit-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); z-index: 10; } #inlineContent:after { pointer-events: none !important; display: block !important; position: fixed !important; content: ''; top: 0px; right: 0px; width: 550px; height: 600px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_leaves.png') no-repeat; z-index: 10; } animetitle[href$="Nana"] span:after, animetitle[href$="Kimi_Ni_Todoke"] span:after, .animetitle[href$="Detective_Conan"] span:after { content: ''; position: absolute; display: block; margin-left: 424px; margin-top: -30px; width: 36px; height: 32px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/favorite.png') no-repeat; } /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-2/spe113.ani), url(http://cur.cursors-4u.net/special/spe-2/spe113.png), progress !important;} /* End http://www.cursors-4u.com */ #list_surround { position: absolute !important; left: 120px !important;} #list_surround { position: absolute !important; top: -385px;} body:before { background-size: cover; }
CSS:
@import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TabContent.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/TopMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/CategoryMenu.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more.css); } cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: #000000; font-size: 11.00px; font-family: Verdana, Arial; } a, a:visited { color: rgba(255, 204, 153, 1); text-decoration: none; } a:hover { cursor: url('http://cur.cursors-4u.net/special/images2/spe113.gif') 1 2, auto; color: rgba(255, 204, 153, 1); } #list_surround { position: absolute !important; padding-top: 372px; width: 485px; right: 0px; } .category_totals { padding-bottom: 18px; text-align: right; } #grand_totals { display: none; } .category_totals, #grand_totals { font-family: 'Carrois Gothic SC', sans-serif; color: #FFFFFF; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000; } .animetitle { display: block; min-width: 0px; max-width: 276px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px !important; } .animetitle + small { visibility: visible !important; position: absolute !important; display: block !important; margin-top: 0; margin-left: -152px; width: 120px; color: rgba(255, 204, 153, 1); text-align: center; white-space: nowrap !important; font-size: 14px !important; line-height: 14px !important; padding: 4px; background-color: rgba(255, 255, 255, 1); border: 1px solid #efefef; border-radius: 120px 0 0 120px / 12px 0 0 0; -o-border-radius: 120px 0 0 120px / 12px 0 0 0; -moz-border-radius: 120px 0 0 120px / 12px 0 0 0; -webkit-border-radius: 120px 0 0 120px / 12px 0 0 0; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; } .animetitle + small:after { pointer-events: none; position: absolute !important; display: block !important; content: ''; top: 24px; left: 120px; width: 34px !important; height: 42px !important; background: no-repeat; } .hide { position: fixed; display: inline-block !important; pointer-events: none; visibility: hidden; top: 5px; left: 25px; background-size: 200px 0px; width: 0px !important; height: 0px !important; line-height: 24px !important; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; z-index: 20; } :hover + .hide:before{ pointer-events: none; position: absolute; visibility: hidden; content: ''; margin-top: 0px; margin-left: 114%; width: 160%; padding: .2em; font-size: 14px !important; border: solid 1px rgba(137,130,48,.2); border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } :hover + .hide:after{ position: absolute; content: ''; width: 100%; height: 50%; top: 50%; left: 0; background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(100,rgba(255,255,255,1))); } :hover + .hide { position: fixed !important; display: block !important; visibility: visible; width: 200px !important; height: 284px !important; background-repeat: no-repeat !important; background-size: 200px 284px !important; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 4px 5px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.6); z-index:20 !important; } .td1, .td2 { background-color: rgba(255, 255, 255, .5); font-family: 'Nothing You Could Do', cursive; font-size: 19px; border-bottom: solid 2px rgba(189, 201, 225,1); transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 15; } .td1 a, .td2 a { color: #000000; } #list_surround .header_title span, #list_surround .header_title .thickbox { display: none; } .table_header[width="30"] { display: none !important; } .table_header span , .table_headerLink, .table_headerLink:visited { color: rgba(255, 255, 255, 1) !important; } .table_headerLink:hover { text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } .table_header a { width: 120px; font-family: 'Nothing You Could Do', cursive; text-align: left; font-size: 14px !important; line-height: 14px !important; padding: 8px; font-family: 'Carrois Gothic SC', sans-serif; border: solid 2px rgba(255, 255, 255, 1); background: rgba(255, 204, 153, 1); z-index: 5; } .table_header a[href$="order=1"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); } .table_header a[href$="order=4"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } .table_header a[href$="order=12"] { position: fixed; margin-top: 0px; margin-left: 9000px; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); } .form{ border-width: 1px 1px 1px 1px; border-color: #ABABAB; border-style: solid; color: #000000; padding: 2px; font-size: 11.00px; font-family: Verdana, Arial; } #mal_cs_powered #search #searchBox { position: fixed !important; display: block !important; right: 483px !important; top: -30px !important; border: solid 2px rgba(255, 204, 153, 1); font-family: 'Carrois Gothic SC', sans-serif; color:#ffffff; font-weight: bold; font-size: 16px !important; text-shadow: #FFB347 0.1em 0.2em, #FFB3470 0.1em 0.1em 0.2em; background: rgba(255,255,255, 0); width: 150px !important; height: 35px !important; padding: 5px; margin: 50px auto 25px; overflow: hidden; z-index: 20; } .header_al { font-weight: bold; font-size: 16px; } .header_cw, .header_completed , .header_onhold, .header_dropped, .header_ptw { pointer-events: none; position: absolute; display: block !important; content: ''; margin-top: -80px; margin-left: -128px; width: 258px; height: 143px; } .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span { position: relative; display: block !important; margin-top: 64px; margin-left: 80px; font-family: 'Nothing You Could Do', cursive; font-size: 17px; font-weight: bold; transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); } #copyright { float: right; width: 495px; padding: 2px; font-family: 'Nothing you could do', sans-serif; color: #000000; text-align: right !important; border: solid 2px rgba(189, 201, 225,1); background: rgba(255,255,255, .5); z-index: 15; } #copyright a { color: #FFFFFF; } #copyright a:hover { color: #FFFFFF; text-shadow: 0 0 0.2em rgba(255, 255, 255, 1); } #copyright:after { display: block; content: 'List designed by Hahaido. Edited by xxshiawase.'; } body:before { position: fixed; content: ''; height: 100%; width: 100%; background: url('http://i44.tinypic.com/1549h54.png') left center no-repeat, -webkit-gradient( linear, left bottom, left top, color-stop(0.37, rgb(253,175,133)), color-stop(0.7, rgb(255,236,180))); z-index: -2; } body:after { pointer-events: none; display: block !important; position: fixed !important; content: ''; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; z-index: -1; } #inlineContent { position: fixed !important; display: block !important; content: ''; width: 500px; height: 372px; top: 0; right: 0; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_couple.png') no-repeat; border: solid 2px rgba(255, 204, 153, 1); border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -moz-border-bottom-left-radius: 50%; -moz-border-bottom-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -o-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -moz-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); -webkit-box-shadow: inset 0 0 20px rgba(255, 204, 153, 1); z-index: 10; } #inlineContent:after { pointer-events: none !important; display: block !important; position: fixed !important; content: ''; top: 0px; right: 0px; width: 550px; height: 600px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/extra_leaves.png') no-repeat; z-index: 10; } animetitle[href$="Nana"] span:after, animetitle[href$="Kimi_Ni_Todoke"] span:after, .animetitle[href$="Detective_Conan"] span:after { content: ''; position: absolute; display: block; margin-left: 424px; margin-top: -30px; width: 36px; height: 32px; background: url('http://dl.dropbox.com/u/78192465/MyAnimeList/Kimi%20ni%20Todoke/Images/favorite.png') no-repeat; } /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-2/spe113.ani), url(http://cur.cursors-4u.net/special/spe-2/spe113.png), progress !important;} /* End http://www.cursors-4u.com */ #list_surround { position: absolute !important; left: 120px !important;} #list_surround { position: absolute !important; top: -385px;} body:before { background-size: cover; }