/* --- animestory stylesheet --- ------------------------------------------- Author: Jyuukun ------------------------------------------*/ html, body, ul, ol, li, p, pre, blockquote, label, adress, dd, dt, dl, h1, h2, h3, h4, h5, h6, small, hr { margin: 0; padding: 0; border: 0; } body { margin: 0 auto; font: 12px Trebuchet MS; color: #4f4c44; letter-spacing: 0.5px; background: #181818; } a img { border: 0; } a { outline: 0; } .clear { clear: both; } .float-left { float: left; } .float-right { float: right } /* --- PUBLICITE ANIMEHA --- */ a#animeha { z-index: 0; position: absolute; width: 100%; height: 1300px; background: #181818 url(../images/animeha/chibi-jissai.jpg) no-repeat center top; } div#animeha { height: 108px; } /* --- HEADER --- */ #header { z-index: 1; height: 133px; background: #181818 url(../images/header/bg.png) repeat-x; } #header div#nav { margin: 0 auto; width: 986px; } #header div#nav div#random { width: 986px; height: 90px; } #header div#nav a#logo { position: absolute; width: 272px; height: 90px; background: url(../images/header/logo.jpg) no-repeat; } #header div#nav a { float: left; display: block; width: 103px; height: 42px; } #header div#nav a.home { background: url(../images/header/home.png) no-repeat; } #header div#nav a.home:hover, #header div#nav a.home#active { background: url(../images/header/home.png) no-repeat 0 -43px; } #header div#nav a.manga { background: url(../images/header/manga.png) no-repeat; } #header div#nav a.manga:hover, #header div#nav a.manga#active { background: url(../images/header/manga.png) no-repeat 0 -43px; } #header div#nav a.teams { background: url(../images/header/teams.png) no-repeat; } #header div#nav a.teams:hover, #header div#nav a.teams#active { background: url(../images/header/teams.png) no-repeat 0 -43px; } #header div#nav a.forum { background: url(../images/header/forum.png) no-repeat; } #header div#nav a.forum:hover { background: url(../images/header/forum.png) no-repeat 0 -43px; } #header-random { z-index: 0; position: absolute; margin: 100px 0 0; width: 100%; height: 700px; } /* --- FOOTER --- */ #footer { z-index: 1; position: relative; margin: 0 auto; padding: 5px; width: 976px; background: #181818; } #footer ul#affilies, #footer ul#topsites, #footer ul#stats { list-style: none; float: left; padding: 33px 0 0; } #footer ul#affilies li, #footer ul#topsites li { padding: 0 0 0 8px; height: 25px; line-height: 25px; border-top: 1px solid #181818; border-bottom: 1px solid #2b2b2b; background: #1f1f1f; } #footer ul#affilies li a, #footer ul#topsites li a { padding: 0 0 0 15px; color: #a3a3a3; text-decoration: none; background: url(../images/footer/puce.png) no-repeat 0 3px; } #footer ul#affilies li:hover a, #footer ul#topsites li:hover a { font-weight: bold; } #footer ul#affilies { margin: 6px 0 0; width: 432px; background: url(../images/footer/affilies.png) repeat-x; } #footer ul#affilies li { float: left; width: 136px; } #footer ul#affilies li:hover a { color: #d2790f; background: url(../images/footer/puce-affilies.png) no-repeat 0 3px; } #footer ul#topsites { margin: 6px 5px 0; width: 239px; background: url(../images/footer/topsites.png) no-repeat; } #footer ul#topsites li:hover a { color: #189bd8; background: url(../images/footer/puce-topsites.png) no-repeat 0 3px; } #footer ul#stats { margin: 6px 0 0; width: 295px; font: 13px Trebuchet MS; color: #9a9a9a; background: url(../images/footer/stats.png) no-repeat; } #footer ul#stats li { padding: 0 0 0 15px; height: 29px; line-height: 29px; } #footer div#copyright { float: right; height: 25px; font: 9px Trebuchet MS; color: #6f6f6f; line-height: 25px; } #footer div#copyright a { font-weight: bold; color: #6f6f6f; } #footer-random { z-index: 0; position: absolute; margin: -700px 0 0; width: 100%; height: 700px; } /* --- CONTAINER --- */ #container { z-index: 1; position: relative; margin: 0 auto; padding: 6px; width: 974px; background: #fff; } /* --- LEFT COLUMN --- */ #little { float: left; width: 160px; margin: 0 5px 0 0; } #little ul { list-style: none; padding: 43px 0 0; background: url(../images/home/teamslist-header.png) no-repeat; } #little ul li { overflow: hidden; padding: 0 7px; height: 25px; line-height: 25px; background: url(../images/home/teamslist-bg.png) repeat-x; } #little ul li:hover { background: url(../images/home/teamslist-bg.png) repeat-x 0 -25px; } #little ul li a { font: 10px Arial; color: #4f4c44; text-decoration: none; } #little a#all { float: right; margin: 0 0 7px 0; font: 10px Verdana; font-weight: bold; color: #4f4c44; } /* --- HOME PAGE --- */ #big { float: left; margin: 0 5px 0 0; width: 504px; } #big div#slideshow { position: relative; margin: 0 0 6px; width: 502px; height: 248px; overflow: hidden; border: 1px solid #3a3a3a; } #big div#slideshow img#bg { position: absolute; margin: 197px 0 0; } #big div#slideshow ul { list-style: none; } #big div#slideshow ul#tab { list-style: none; position: absolute; margin: 197px 0 0; width: 504px; } #big div#slideshow ul#tab li { float: left; overflow: hidden; padding: 5px 5px 5px 10px; width: 111px; height: 41px; font: 12px Arial; font-weight: bold; color: #9f9f9f; line-height: 20px; } #big div#slideshow ul#tab li p { text-shadow: 0 0 20px #fff; font: 13px Arial; font-weight: bold; line-height: 21px; color: #fff; } #big div#slideshow ul#tab li:hover p, #big div#slideshow ul#tab li.current p { text-shadow: 0 0 10px #000; color: #1aa290; } #big div#news-header { padding: 0 20px; height: 53px; font-style: italic; font-variant: small-caps; line-height: 53px; color: #fff; background: url(../images/home/news-header.png) no-repeat; } #big div#news-header span { font: 16px Trebuchet MS; font-weight: bold; font-variant: small-caps; } #big div#news-content { padding: 5px 20px 20px; height: auto !important; min-height: 400px; height: 400px; overflow: hidden; font: 13px Trebuchet MS; color: #5f5f5f; background: #f2f2f2 url(../images/home/news-content.jpg) no-repeat; } #big div#news-content a { font: 14px Trebuchet MS; font-weight: bold; color: #1aa290; text-decoration: none; } #big div#news-content p { text-align: right; font: 14px Verdana; font-style: italic; font-variant: small-caps; color: #181818; } #big div#news-content p#title { margin: 0 0 15px; padding: 10px 0; border-bottom: 1px solid #181818; } #big div#news-content p#readmore { margin: 15px 0 0; padding: 10px 0 0; border-top: 1px solid #181818; } #big div#news-content img#avatar { float: left; margin: 0 15px 15px 0; } #big ul#news-mini { list-style: none; font-variant: small-caps; color: #fff; } #big ul#news-mini li { margin: 0 0 2px; padding: 4px 10px; height: 40px; text-align: right; font: 10px Verdana; font-style: italic; background: #313131 url(../images/home/mini-news.png) no-repeat; } #big ul#news-mini li a { font-weight: bold; color: #fff; } #big ul#news-mini li p { padding: 5px 0; text-align: left; } #big ul#news-mini li p a { font: 14px Trebuchet MS; font-variant: small-caps; font-weight: bold; } #big ul#news-mini li:hover p a { text-shadow: 0 0 40px #1aa290; color: #1aa290; } /* LAST CHAPTERS & ARCHIVES */ #big ul#lastchapters, ul#archives-chapters { padding: 35px 0 0; } #big ul#lastchapters li, ul#archives-chapters li { list-style: none; overflow: hidden; padding: 3px 0 0 10px; height: 33px; font: 11px Arial; color: #6e6b62; } #big ul#lastchapters li:hover, ul#archives-chapters li:hover { font: 11px Verdana; } #big ul#lastchapters { background: url(../images/home/lastchapters-header.png) no-repeat; } #big ul#lastchapters li { width: 494px; background: url(../images/home/lastchapters-bg.png) no-repeat; } #big ul#lastchapters li:hover { background: url(../images/home/lastchapters-bg.png) no-repeat 0 -36px; } ul#archives-chapters { margin: 0 0 15px; background: url(../images/archives/chapters-header.png) no-repeat; } ul#archives-chapters li { width: 799px; background: url(../images/archives/chapters-bg.png) no-repeat; } ul#archives-chapters li:hover { background: url(../images/archives/chapters-bg.png) no-repeat 0 -36px; } #big ul#lastchapters li div, ul#archives-chapters li div { float: right; text-align: center; width: 80px; height: 33px; line-height: 36px; } #big ul#lastchapters li p, ul#archives-chapters li p { padding: 2px 0 0; font: 10px Arial; text-indent: 20px; } #big ul#lastchapters li:hover p, ul#archives-chapters li:hover p { font: 10px Verdana; } #big ul#lastchapters li a, ul#archives-chapters li a { color: #6e6b62; font-style: italic; text-decoration: underline; } #big ul#lastchapters li a#serie, ul#archives-chapters li a#serie { font-style: normal; font-weight: bold; color: #4f4c44; text-decoration: none; } #big ul#lastchapters li.sep, ul#archives-chapters li.sep { border-top: 2px solid #b5b5b5; } #big a#all { float: right; font-weight: bold; color: #4f4c44; } /**/ #medium { float: left; width: 300px; } #medium div#teams { margin: 0 0 7px 0; height: 250px; background: url(../images/home/teams-bg.jpg) no-repeat; } #medium div#teams span { text-shadow: 0 0 20px #fff, 0 0 20px #fff; overflow: hidden; position: absolute; text-align: center; margin: 42px 0 0 26px; padding: 10px 5px; width: 240px; height: 130px; font: 24px Verdana; font-variant: small-caps; font-weight: bold; line-height: 65px; color: #4c4c4c; } #medium div#teams span h1 { font: 40px Verdana; font-weight: bold; line-height: 65px; } #medium div#teams a { position: absolute; margin: 204px 0 0 26px; width: 251px; height: 29px; background: url(../images/home/teams-button.png) no-repeat; } #medium ul#top { margin: 0 0 7px 0; } #medium ul#top li { overflow: hidden; list-style: none; background: url(../images/home/top-other.png) no-repeat; } #medium ul#top li a { display: block; padding: 0 0 0 34px; width: 266px; height: 35px; font: 14px Trebuchet MS; color: #9b8685; font-weight: bold; line-height: 32px; text-decoration: none; } #medium ul#top li:hover { background: url(../images/home/top-other.png) no-repeat 0 -35px; } #medium ul#top li:hover a { color: #baf6fb; } #medium ul#top li#first { background: url(../images/home/top-first.png) no-repeat; } #medium ul#top li:hover#first { background: url(../images/home/top-first.png) no-repeat 0 -35px; } #medium div#weeklymanga { margin: 0 0 7px 0; padding: 6px; border: 1px solid #119382; background: #eee; } #medium div#weeklymanga h1, #medium div#weeklymanga h2 { font-weight: bold; font-variant: small-caps; } #medium div#weeklymanga h1 { margin: 0 0 8px; padding: 0 0 3px; text-align: center; font: 21px Trebuchet MS; border-bottom: 1px solid #119382; } #medium div#weeklymanga h2 { margin: 0 0 5px; font: 18px Trebuchet MS; color: #119382; } #medium div#weeklymanga img { margin: 0 2px 5px; border: 1px solid #19c9b2; box-shadow: 0 0 15px #19c9b2; -moz-box-shadow: 0 0 15px #19c9b2; -webkit-box-shadow: 0 0 15px #19c9b2; } #medium div#weeklymanga p { margin: 0 0 5px; text-indent: 15px; text-align: justify; font: 11px Verdana; } #medium div#weeklymanga a#view { float: right; font: 12px Verdana; font-weight: bold; font-variant: small-caps; color: #119382; } /* --- DETAILS & LIST & TEAMS & ARCHIVES & OTHER --- */ #content { float: left; width: 809px; } #details, #mangalist, #teamslist, #news, #ddl { width: 809px; } /* --- MANGA DETAILS --- */ #details div#infos { margin: 0 0 9px; padding: 15px; border: 1px solid #e2e2e2; background: #f4f4f4; } #details div#infos img.picture { float: left; border: 1px solid #9d3944; box-shadow: 0 0 20px #9d3944; -moz-box-shadow: 0 0 20px #9d3944; -webkit-box-shadow: 0 0 20px #9d3944; } #details div#infos div#fiche { float: left; margin: 0 0 15px 10px; width: 263px; height: 250px; background: url(../images/details/fiche-bg.png) no-repeat; } #details div#infos div#fiche h1 { overflow: hidden; padding: 0 0 0 27px; height: 27px; font: 13px Tahoma; font-variant: small-caps; font-weight: bold; line-height: 27px; color: #f0be0a; } #details div#infos div#fiche ul { list-style: none; margin: 13px 13px; } #details div#infos div#fiche li { font: 10px Verdana; color: #555555; line-height: 22px; letter-spacing: 0; } #details div#infos div#fiche li span { font: 11px Verdana; font-weight: bold; letter-spacing: 0.5px; } #details div#infos div#fiche li span#note{ float: left; margin: 2px 5px 3px 0; } #details div#infos div#fiche li span.full, #details div#infos div#fiche li span.empty { float: left; width: 15px; height: 15px; } #details div#infos div#fiche li span.full { background: url(../images/icons/full.png) no-repeat; } #details div#infos div#fiche li span.empty { background: url(../images/icons/empty.png) no-repeat; } #details div#infos div#fiche li a { color: #4f4c44; } #details div#infos div#fiche li a#genre, #details div#infos div#fiche li a#serie { padding: 0 0 0 20px; font: 13px Verdana; font-weight: bold; } #details div#infos div#fiche li a#genre { color: #8bc60c; background: url(../images/icons/rss-genre.png) no-repeat; } #details div#infos div#fiche li a#serie { color: #ed9128; background: url(../images/icons/rss-serie.png) no-repeat; } #details div#infos div#synopsis { margin: 7px 0 0 0; padding: 5px; border: 1px solid #e2e2e2; background: #fff; } #details div#infos div#synopsis p { padding: 10px; font: 12px Arial; color: #868059; text-align: justify; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } #details div#infos div#synopsis h1 { padding: 0 0 0 30px; height: 24px; font: 15px Verdana; font-weight: bold; font-variant: small-caps; line-height: 24px; color: #868059; border: 1px solid #e2e2e2; background: #f9f8eb url(../images/details/puce.png) no-repeat 12px 7px; } #details div#teams { text-shadow: 0 0 2px #4b4848; margin: 0 0 9px; padding: 5px 20px; height: 97px; font: 24px Trebuchet MS; font-weight: bold; color: #fff; background: url(../images/details/teams-bg.jpg) no-repeat; } #details div#teams p { text-shadow: 0 0 20px #fff, 0 0 30px #fff; margin: 3px auto; text-align: center; width: 605px; height: 58px; font: 28px Verdana; font-weight: bold; line-height: 58px; color: #4c4c4c; } #details div#teams p a { color: #4c4c4c; text-decoration: none; } #details div#list { background: url(../images/details/list-bg.png) repeat-y; } #details div#list ul#chapters { float: left; list-style: none; padding: 34px 0 0; width: 507px; background: url(../images/details/chapters-header.png) no-repeat; } #details div#list ul#chapters li { overflow: hidden; padding: 3px 0 0 10px; height: 37px; font: 13px Trebuchet MS; color: #8a8a8a; background: url(../images/details/chapters-bg.png) no-repeat; } #details div#list ul#chapters li:hover { font-weight: bold; color: #9d3944; background: url(../images/details/chapters-bg.png) no-repeat 0 -40px; } #details div#list ul#chapters li a { color: #8a8a8a; text-decoration: none; } #details div#list ul#chapters li:hover a { font-weight: bold; color: #9d3944; } #details div#list ul#chapters li div { float: right; text-align: center; width: 80px; height: 37px; line-height: 37px; } #details div#list ul#chapters li p { font: 9px Verdana; color: #4f4c44; text-indent: 15px; } #details div#list ul#chapters li p a { text-decoration: underline; } #details div#list div#advertise { float: left; padding: 34px 0 0; width: 300px; border: 1px solid #c08f8e; background: url(../images/details/advertise-header.png) no-repeat; } #details div#list div#advertise div { height: 250px; box-shadow: 0 0 20px #9d3944, 0 0 50px #9d3944; -moz-box-shadow: 0 0 20px #9d3944, 0 0 50px #9d3944; -webkit-box-shadow: 0 0 20px #9d3944, 0 0 50px #9d3944; } /* --- MANGA LIST --- */ #mangalist div.letter { padding: 0 0 0 20px; height: 34px; font: 20px Trebuchet MS; font-weight: bold; line-height: 34px; color: #fff; background: url(../images/mangalist/header.png) no-repeat; } #mangalist li { letter-spacing: 1px; list-style: none; padding: 0 0 0 20px; height: 31px; font: 14px Trebuchet MS; line-height: 31px; background: url(../images/mangalist/bg.png) no-repeat; } #mangalist li:hover, #mangalist li.new { font-weight: bold; color: #fff; background: url(../images/mangalist/bg.png) no-repeat 0 -31px; } #mangalist li a { float: left; display: block; width: 388px; font-weight: bold; color: #4f4c44; text-decoration: none; } #mangalist li:hover a { color: #fff; } #mangalist li div { float: left; padding: 8px 29px; width: 75px; height: 15px; } #mangalist li span { float: left; width: 15px; height: 15px; } #mangalist li span.full { background: url(../images/icons/full.png) no-repeat; } #mangalist li:hover span.full { background: url(../images/icons/full-hover.png) no-repeat; } #mangalist li span.empty { background: url(../images/icons/empty.png) no-repeat; } #mangalist li:hover span.empty { background: url(../images/icons/empty-hover.png) no-repeat; } #mangalist li p { float: left; text-align: center; width: 134px; height: 31px; color: #8f8c83; } #mangalist li:hover p { color: #fff; } /* --- TEAMS LIST --- */ #teamslist div#infos { margin: 0 0 9px 0; padding: 20px; font: 11px Verdana; font-weight: bold; color: #fff; border: 1px solid #242720; background: #343434; } #teamslist dt.teams-header { padding: 0 11px; height: 31px; font: 14px Trebuchet MS; line-height: 31px; color: #525252; background: url(../images/teamslist/bg.png) repeat-x; } #teamslist dt.teams-header a { padding: 0 0 0 20px; font: 14px Verdana; font-weight: bold; color: #525252; text-decoration: none; background: url(../images/teamslist/title.png) no-repeat 0 2px; } #teamslist dt.teams-header img { float: right; margin: 4px 0; cursor: pointer; } #teamslist dl { margin: 0 0 5px; } #teamslist ul.list { background: #181818; } #teamslist ul.list li { list-style: none; float: left; margin: 0 0 4px 4px; width: 263px; height: 24px; line-height: 24px; border: 1px solid #242720; background: #343434; } #teamslist ul.list li:hover { border: 1px solid #343434; background: #151515; } #teamslist ul.list li a { padding: 0 0 0 20px; font: 11px Verdana; font-weight: bold; color: #fff; text-decoration: none; background: url(../images/icons/puce-white.png) no-repeat 8px 5px; } #teamslist ul.list li:hover a { color: #1aa290; background: url(../images/icons/puce-orange.png) no-repeat 8px 5px; } /* --- NEWS --- */ #news div#news-header { padding: 0 20px; height: 94px; font-style: italic; font-variant: small-caps; color: #fff; background: url(../images/news/news-header.png) no-repeat; } #news div#news-header a { color: #fff; } #news div#news-header span { font: 16px Trebuchet MS; font-weight: bold; line-height: 49px; font-variant: small-caps; } #news p#news-content { padding: 15px; text-align: justify; font: 12px Verdana; line-height: 20px; color: #404040; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; } #news p#news-content img#avatar { float: left; margin: 0 15px 15px 0; } #news p#news-content a { font: 14px Trebuchet MS; font-weight: bold; color: #1aa290; } #news div#news-footer { margin: 0 0 15px 0; height: 3px; background: url(../images/news/news-footer.png) no-repeat; } /* --- DOWNLOAD --- */ #ddl div#fiche{ padding: 33px 10px 45px; color: #555; letter-spacing: 1px; background: url(../images/ddl/header.jpg) no-repeat; } #ddl div#fiche p { text-align: center; padding: 25px 10px 30px; font: 14px Verdana; font-weight: bold; color: #666666; font-variant: small-caps; letter-spacing: 2px; } #ddl div#fiche p span { color: #f22a0e; text-decoration: underline; } #ddl div#fiche img { float: left; border: 1px solid #f22a0e; box-shadow: 0 0 20px #f22a0e; -moz-box-shadow: 0 0 20px #f22a0e; -webkit-box-shadow: 0 0 20px #f22a0e; } #ddl div#fiche ul { list-style: none; position: absolute; font: 13px Trebuchet MS; } #ddl div#fiche ul#title { padding: 0 0 0 525px; font-weight: bold; } #ddl div#fiche ul#infos { padding: 0 0 0 645px; font-style: italic; } #ddl div#fiche ul li { padding: 27px 0 0 0; } #ddl div#captcha { padding: 15px 135px; margin: 0 auto 35px; width: 450px; font: 12px Verdana; color: #4c4c4c; border: 1px solid #ebebeb; background: #f7f7f7; } #ddl div#captcha p { padding: 0 0 10px 0; font: 13px Verdana; font-weight: bold; } #ddl div#captcha a { color: #3eb154; text-decoration: none; } #ddl div#captcha span { line-height: 18px; font-weight: bold; } #ddl div#captcha input { position: absolute; padding: 3px; font: 15px Trebuchet MS; font-weight: bold; } #ddl div#captcha input#capcode { margin: -4px 0 0 190px; width: 200px; color: #4c4c4c; border: 1px solid #c9c9c9; background: #fff; } #ddl div#captcha input#validateCaptcha { margin: -4px 0 0 402px; width: 50px; height: 28px; color: #fff; border: 1px solid #c9c9c9; background: #4c4c4c; } #ddl div#captcha div#code { margin: 11px 0; text-align: center; width: 450px; border: 1px solid #c9c9c9; background: #fff; } #ddl div#captcha div#error { font: 16px Trebuchet MS; font-weight: bold; color: #f02311; } #ddl p#wait { margin: 20px auto; padding: 20px; width: 674px; text-align: center; font: 13px Verdana; font-weight: bold; color: #4c4c4c; border: 3px solid #a5a5a4; background: #dadada; } #ddl div#advertise { padding: 0 10px; margin: 0 0 25px; text-align: right; } #ddl div#countdown { letter-spacing: 1px; } #ddl div#buttona { margin: 0 auto; padding: 22px; width: 644px; height: 100px; background: url(../images/ddl/button-bg.png) no-repeat; } #ddl div#buttona a { display: block; margin: 0 auto; width: 266px; height: 60px; background: url(../images/ddl/button.png) no-repeat; } /* --- PAGINATION --- */ #pagination { text-align: center; font: 13px Trebuchet MS; } #pagination p { height: 30px; } #pagination a { padding: 2px 6px; color: #515151; text-decoration: none; border: 1px solid #dedede; background: #f4f4f4; } #pagination a:hover { color: #fff; border: 1px solid #939393; background: #b2b2b2; } #pagination li { padding: 0 3px; display: inline; list-style: none; } #pagination li.currentPage a { color: #fff; border: 1px solid #939393; background: #b2b2b2; } /* --- COMMENTS --- */ div#comments-number { padding: 0 15px; height: 39px; font: 11px Verdana; font-weight: bold; line-height: 35px; background: url(../images/news/nocomments-bg.png) no-repeat; } input#comments-btn { margin: 7px 0; width: 100%; height: 39px; font: 12px Verdana; font-weight: bold; font-variant: small-caps; color: #4f4c44; line-height: 35px; } ul#comments li { list-style: none; margin: 0 0 3px; padding: 25px 0 0; height: auto !important; min-height: 65px; height: 65px; font: 11px Verdana; color: #303030; background: url(../images/news/comments-header.png) no-repeat; } ul#comments li span#number { position: absolute; margin: -20px 0 0; padding: 5px; font: 15px Verdana; font-weight: bold; color: #303030; } ul#comments li span#date { position: absolute; margin: 30px 0 0; width: 140px; text-align: center; } ul#comments li a { position: absolute; padding: 10px 0 0; width: 140px; text-align: center; font: 12px Verdana; font-weight: bold; color: #303030; } ul#comments li p { padding: 0 29px 21px 147px; height: auto !important; min-height: 40px; height: 40px; text-align: justify; line-height: 18px; background: url(../images/news/comments-footer.png) no-repeat bottom left; } fieldset.error, fieldset.message { margin: 0 0 7px; font: 14px Verdana; font-weight: bold; } fieldset.error legend, fieldset.message legend { text-shadow: 0 0 5px #000; padding: 7px; letter-spacing: 2px; font: 20px Franklin Gothic Demi Cond; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; } fieldset.error ul, fieldset.message ul { list-style-type: square; padding: 0 0 0 20px; } fieldset.error { color: #ac1515; border: 5px solid #fb2222; background: #ffafaf; } fieldset.error legend { background: #fb2222; } fieldset.message { color: #1cac29; border: 5px solid #22fb36; background: #afffaf; } fieldset.message legend { background: #22fb36; } form#comments-form { margin: 0 0 5px; font: 11px Verdana; color: #7f7f7f; } form#comments-form div#left { float: left; margin: 0 0 5px; width: 249px; line-height: 30px; } form#comments-form div#right { float: left; margin: 0 0 5px; width: 560px; line-height: 30px; } form#comments-form div#left input, form#comments div#right textarea { padding: 5px; border: 1px solid #d4d4d4; } form#comments-form div#left input { margin: 0 0 10px; width: 200px; height: 20px; } form#comments-form div#right textarea { width: 548px; height: 80px; } form#comments-form p { float: left; text-align: justify; width: 509px; font: 12px Verdana; font-weight: bold; line-height: 20px; } form#comments-form p#right { float: right; text-align: right; width: 300px; height: 40px; } form#comments-form p#right input { height: 40px; font: 15px Verdana; font-weight: bold; font-variant: small-caps; color: #7f7f7f; border: 1px solid #d4d4d4; } /* --- TOOLBAR --- */ div#bottom-bar { overflow: hidden; position: fixed; z-index: 2; text-align: right; padding: 0 0 5px 0; bottom: 0; left: 0; width: 100%; height: 53px; line-height: 58px; border-top: 1px solid #000; background: #f1eded; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } div#bottom-bar form { float: left; height: 53px; } div#bottom-bar a { float: left; margin: 11px 0 0 10px; } div#bottom-bar form input#text, div#bottom-bar form input#submit { float: left; } div#bottom-bar form input#text { margin: 16px 0 0 10px; padding: 2px 5px; width: 220px; height: 22px; font-weight: bold; color: #19c9b2; border: 1px solid #d5d5d5; background: #fff; } div#bottom-bar form input#submit { margin: 16px 0 0 5px; width: 88px; height: 28px; border: 0; background: url(../images/home/rss-submit.png) no-repeat; } div#bottom-bar iframe { margin: 0 45px 0 0; } a#close-bar { position: fixed; display: block; z-index: 2; bottom: 0; right: 0; width: 40px; height: 58px; } /* --- SEARCH BUTTON --- */ #header div#nav form { text-align: right; height: 43px; line-height: 43px; } #header div#nav form input { float: right; margin: 9px 5px 0 0; } #header div#nav form input#search-input { padding: 3px; width: 150px; height: 18px; border: 1px solid #d4d4d4; } #header div#nav form input#search-submit { width: 117px; height: 26px; border: 0; background: url(../images/home/search-submit.png) no-repeat; } #header div#nav form a { float: right; margin: 4px 5px 0 0; display: inline; width: auto; height: auto; } ul.ui-autocomplete { list-style: none; padding: 9px 0 0; width: 315px; } ul.ui-autocomplete li { cursor: pointer; letter-spacing: 1.5px; color: #fff; border-bottom: 1px solid #fff; background: #383838; } ul.ui-autocomplete li:hover, .ui-state-hover { text-shadow: 0 0 1px #fff; color: #000; background: #fed749; } ul.ui-autocomplete li a { display: block; padding: 5px 10px; font: 13px Arial; } /* --- ANIME-STORY'S HELPER --- */ .helper { width: 809px; height: 200px; } .helper div { overflow: hidden; padding: 18px 0 0 277px; width: 510px; height: 165px; text-align: justify; font: 11px Verdana; } .helper h1 { margin: 0 0 5px; font: 18px Verdana; font-weight: bold; } #helper-fiche { background: url(../images/helper/fiche.jpg) no-repeat; } #helper-fiche h1 { color: #9d3944; } #helper-ddl { background: url(../images/helper/ddl.jpg) no-repeat; } #helper-ddl h1 { color: #f22a0e; } /* --- ADVANCED SEARCH --- */ form#advancedsearch { margin: 0 0 10px; padding: 20px; width: 749px; border: 10px solid #4a4a4a; background: #ececec; } form#advancedsearch span { float: left; margin: 0 0 10px; width: 537px; height: auto !important; min-height: 22px; height: 22px; } form#advancedsearch span.title { width: 212px; font: 15px Verdana; font-weight: bold; font-variant: small-caps; } form#advancedsearch input { padding: 5px; font: 12px Verdana; border: 1px solid #d4d4d4; } form#advancedsearch label { float: left; width: 179px; } form#advancedsearch p { float: left; margin: 10px 0 0; text-align: justify; width: 549px; font: 12px Verdana; font-weight: bold; line-height: 20px; } form#advancedsearch p#right { float: right; text-align: right; width: 200px; height: 40px; } form#advancedsearch p#right input { height: 40px; font: 15px Verdana; font-weight: bold; font-variant: small-caps; color: #7f7f7f; border: 1px solid #d4d4d4; } /* --- KAMI.SAMA CSS --- */ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star-rating,div.star-rating a{background:url(../images/rating/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} div.rating-cancel,div.rating-cancel a{background:url(../images/rating/delete.gif) no-repeat 0 -16px;display:none;width:0;height:0;} /* END jQuery.Rating Plugin CSS */