/* --- animestory stylesheet --- ------------------------------------------- Author: Jyuukun ------------------------------------------*/ html, body, ul, ol, li, p, pre, blockquote, label, dd, dt, dl, h1, h2, h3, h4, h5, h6, small, table, td, th, tr, input, button, textarea, fieldset { margin: 0; padding: 0; border: 0; } img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; } body { padding: 62px 0 0; min-width: 250px; font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #303840; letter-spacing: 0.5px; } input, button { font-family: 'Ubuntu', sans-serif; } a img { border: 0; } a { color: #303840; text-decoration: none; outline: 0; } /* --- THEMES ----------------- !important to overwrite body#[id] */ body { background: #1f252b url(../images/theme/bg-dark-ultra.jpg) repeat; } body.light { background: #f7f7f7; } header { -webkit-box-shadow: 0 2px 10px 0 rgba(31, 37, 43, .4); -moz-box-shadow: 0 2px 10px 0 rgba(31, 37, 43, .4); -o-box-shadow: 0 2px 10px 0 rgba(31, 37, 43, .4); box-shadow: 0 2px 10px 0 rgba(31, 37, 43, .4); } body.light header { -webkit-box-shadow: 0 2px 10px 0 rgba(247, 247, 247, .4); -moz-box-shadow: 0 2px 10px 0 rgba(247, 247, 247, .4); -o-box-shadow: 0 2px 10px 0 rgba(247, 247, 247, .4); box-shadow: 0 2px 10px 0 rgba(247, 247, 247, .4); } footer #copyright { background: #c6c8c9; } body.light footer #copyright { background: #f7f7f7; } header, footer, .seemore, .notice, #pagination, ul.ui-autocomplete li:hover, .ui-state-hover, .ui-state-focus, section.news div div a, #topmanga ol li:before, #wallpapers.full li:hover, .listseries ul li:hover, #mangalist ul li.title, #followedlist dt:hover, #followedlist dt.open { background: #3D4750 url(../images/theme/bg-dark.jpg) repeat; } /*body.light header, body.light footer, body.light .seemore, body.light .notice, body.light #pagination, body.light ul.ui-autocomplete li:hover, body.light .ui-state-hover, body.light .ui-state-focus, body.light section.news div div a, body.light #topmanga ol li:before, body.light #wallpapers.full li:hover, body.light .listseries ul li:hover, body.light #mangalist ul li.title, body.light #followedlist dt:hover, body.light #followedlist dt.open , body.light { background: #303840; }*/ .block, #home section { background: #c6c8c9; } h1, #topmanga ol li, .listseries ul li div a, .listseries ul li div span, section.news > div, #mangalist ul li:not(.title):hover, #comments #list li:hover, #comments form, #followedlist dt, #wallpapers.full li, #login form, #login ul li:nth-child(even), #followedlist dd div, .ddl #captcha, #profile table td ul li:nth-child(odd), #memberfaq ul li:nth-child(even) { background: #e7e7e8; } body.light .block, body.light #home section { background: #e1e2e3; } body.light h1, body.light #topmanga ol li, body.light .listseries ul li:not(:hover) div a, body.light .listseries ul li:not(:hover) div span, body.light section.news > div, body.light #mangalist ul li:hover, body.light #comments #list li:hover, body.light #comments form, body.light body.light #followedlist dt, body.light #followedlist dd div, body.light #wallpapers.full li, body.light #login form, body.light #login ul li:nth-child(even), body.light .ddl #captcha, body.light #profile table td ul li:nth-child(odd), body.light #memberfaq ul li:nth-child(even) { background: #ced0d2; } .block.red, #home section.red, .block.red h1, #home section.red h1, body.light .block.red, body.light #home section.red { background-color: rgba(208,42,53,.4); } .block.blue, #home section.blue, .block.blue h1, #home section.blue h1 { background-color: rgba(94,181,255,.4); } body.light .block.blue, body.light .block.blue h1, body.light #home section.blue, body.light #home section.blue h1 { background-color: rgba(118,170,215,.4); } .block.red, .block.blue, .block.blue a, #home section.red, #home section.blue, #home section.blue a { color: #fff; } body.light .block.red, body.light #home section.red, body.light .block.blue, body.light .block.blue a, body.light #home section.blue { color: #303840; } .listseries ul li.new:not(:hover), #addacomment > p, #mangafiche fieldset#warning.amazon, #signup fieldset#warning.signup { background: #a4b8c8; } .listseries ul li.new div a, .listseries ul li.new div span { background: #8bacc8; } body.light .listseries ul li.new:not(:hover), body.light #addacomment > p, body.light #mangafiche fieldset#warning.amazon , body.light #signup fieldset#warning.signup { background: #b8cbdc; } body.light .listseries ul li.new:not(:hover) div a, body.light .listseries ul li.new:not(:hover) div span { background: #a9bbcb; } #slideshow-content li a h2, #weeklymanga a h2, #picture div:last-of-type h2, #slideshow-content li div.blur div:first-child, #picture div.blur div:first-child { background: url(../images/theme/bg-transparent.png) repeat; } #topmanga ol li:hover, #followedlist dd div:hover { background: #b3b7b9; } body.light #topmanga ol li:hover, body.light #followedlist dd div:hover { background: #bdc0c2; } #mangafiche #synopsis p img { border: 3px solid #e7e7e8; } .listseries ul li > p > img:nth-child(1), #mangalist ul li div img { border: 1px solid #e7e7e8; } body.light #mangafiche #synopsis p img { border: 3px solid #ced0d2; } body.light .listseries ul li > p > img:nth-child(1), #mangalist ul li div img { border: 1px solid #ced0d2; } .gotop { color: #a7a8a9; text-shadow: 1px 1px 10px #1f252b, 1px 1px 20px #1f252b, 1px 1px 30px #1f252b, 1px 1px 40px #1f252b; } .gotop:hover { color: #e1e2e3; } body.light .gotop { color: #6e7379; text-shadow: 1px 1px 10px #F7F7F7, 1px 1px 20px #F7F7F7, 1px 1px 30px #F7F7F7, 1px 1px 40px #F7F7F7; } body.light .gotop:hover { color: #4f565c; } .template-switch.fixed { color: #f7f7f7; background-color: #303840; } body.light .template-switch.fixed { color: #303840; background-color: #f7f7f7; } /* ------------------------------------------ */ /* --- USEFUL --- */ header, footer, article, section, nav, menu, hgroup { display: block; } ol, ul, li { list-style: none; } .container { position: relative; margin: 0 auto; padding: 0 15px; max-width: 1340px; -webkit-text-size-adjust: 100%; } .block { position: relative; padding: 15px 0; -webkit-text-size-adjust: 100%; } h1 { text-align: left; margin: 0 0 10px; padding: 10px 15px; height: 22px; line-height: 22px; font-size: 22px; font-weight: bold; -webkit-text-size-adjust: 100%; } .sep { margin: 0 0 15px; } .sep-small { margin: 0 0 10px; } .sep-top { margin: 15px 0 0; } .sep-both { margin: 15px 0; } .sep-auto { margin: 0 auto 15px; } .sep-auto-both { margin: 15px auto; } .swal-none { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .radius { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .trans { transition: all .6s ease-in; -moz-transition: all .6s ease-in; -webkit-transition: all .6s ease-in; } .text-border { text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px; } .loading { position: absolute; text-align: center; top: 50%; left: 50%; margin: -16px 0 0 -20px; width: 40px; height: 40px; font-size: 16px; line-height: 40px; } .seemore { overflow: hidden; display: block; text-align: right; padding: 0 10px; height: 40px; font-size: 14px; font-weight: bold; line-height: 40px; color: #fff; -webkit-text-size-adjust: 100%; } .notice { text-align: justify; padding: 10px; color: #fff; } .gotop { z-index: 100; display: none; position: fixed; text-align: center; bottom: 0; right: 0; width: 110px; height: 90px; font-size: 60px; line-height: 90px; } .template-switch.fixed { z-index: 100; display: none; position: fixed; text-align: center; bottom: 10px; left: 10px; width: 25px; height: 25px; line-height: 25px; font-size: 25px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } @media (max-width: 979px) { h1 { height: 20px; line-height: 20px; font-size: 20px; } .seemore { font-size: 12px; } .gotop { width: 100px; height: 80px; font-size: 50px; line-height: 80px; } } @media (max-width: 767px) { .sep-small { display: none;:} h1 { margin: 0 0 5px; padding: 5px; height: 18px; line-height: 18px;font-size: 18px; } .container { padding: 0 5px; } .block { padding: 5px 0; } .sep { margin: 0 0 5px; } .sep-top { margin: 5px 0 0; } .sep-both { margin: 5px 0; } .sep-auto { margin: 0 auto 5px; } .sep-auto-both { margin: 5px auto; } .seemore, .notice { font-size: 11px; } .gotop { width: 80px; height: 65px; font-size: 40px; line-height: 65px; } .template-switch.fixed { display: none !important; } } @media (max-width: 480px) { h1 { height: 30px; line-height: 15px; font-size: 15px; } h1 span { display: block; } .seemore, .notice { font-size: 9px; } .gotop { width: 60px; height: 50px; font-size: 30px; line-height: 50px; } } /* --- PAGINATION --- */ #pagination { overflow: hidden; text-align: center; padding: 0 10px; height: 40px; font-size: 12px; font-weight: bold; line-height: 40px; color: #fff; } #pagination a { padding: 3px 7px; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #pagination a:hover { color: #fff; background-color: #5794c7; } #pagination a { margin: 0 2px; } @media (max-width: 979px) { #pagination { font-size: 11px; } } @media (max-width: 767px) { #pagination { font-size: 10px; } } @media (max-width: 480px) { #pagination { font-size: 9px; } } /* --- FORM --- */ form.main input[type=text], form.main input[type=password], form.main input[type=email], form.main input[type=submit], form.main button[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } form.main input, form.main button, form.main select { line-height: 0; } form.main input[type=text], form.main input[type=password], form.main input[type=email], form.main input[type=submit], form.main button[type=submit], form.main .input-label label, form.main select, a.button { margin: 0 0 10px; padding: 0 10px; height: 34px; line-height: 34px; } form.main .input-label input { width: 200px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } form.main .input-label input[type=text]:focus, form.main .input-label input[type=password]:focus, form.main .input-label input[type=email]:focus { -moz-box-shadow: 0 0 10px #303840; -webkit-box-shadow: 0 0 10px #303840; -o-box-shadow: 0 0 10px #303840; box-shadow: 0 0 10px #303840; filter:progid:DXImageTransform.Microsoft.Shadow(color=#303840, Direction=NaN, Strength=10); } form.main .input-label label { overflow: hidden; float: left; width: 100px; font-weight: bold; color: #fff; background-color: #596066; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } form.main .input-label select { float: left; border: none; } form.main input[type=submit], form.main button, a.button { margin: 0; font-weight: bold; color: #fff; cursor: pointer; text-transform: uppercase; border: 0; background: #5794c7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } form.main input[type=submit]:hover, form.main button:hover, a.button:hover { background-color: #347dbb; } form.main input[type=submit]:focus, form.main button:focus , a.button:active { background-color: #1066af; } a.button { display: inline-block; } @media (max-width: 767px) { form.main input[type=text], form.main input[type=password], form.main input[type=email], form.main input[type=submit], form.main .input-label label, form.main select, a.button { margin: 0 0 5px; } } /* --- HEADER --- */ header { z-index: 100; position: fixed; top: 0; width: 100%; min-width: 250px; height: 62px; } header a#logo { text-indent: -10000px; float: left; margin: 6px 0; width: 150px; height: 50px; background: url(../images/header/logo.png) no-repeat; } header #nav { display: none; } header nav { float: left; margin-left: 20px; } header nav a { float: left; text-align: center; padding: 0 10px; width: 80px; height: 62px; text-transform: uppercase; font-size: 14px; line-height: 62px; color: #fff; letter-spacing: 0; background: url(../images/header/nav-sep.png) right top no-repeat; } header nav a:hover, header nav a#active { font-weight: bold; } header nav a:hover { text-decoration: underline; } header nav a#elambert { width: 95px; background: none; } header nav a#active { background: url(../images/header/nav-sep.png) right top no-repeat, url(../images/header/nav-arrow.png) center bottom no-repeat; } header nav a.forum { background: none; } header > div > div { z-index: 10; position: relative; float: right; padding: 11px 0; height: 40px; } header > div > div.open { background: url(../images/header/nav-arrow.png) left 90px bottom no-repeat; } header > div > div > div, header > div > div button, header > div > div a { float: left; text-align: center; padding: 0 5px; min-width: 30px; height: 40px; cursor: pointer; color: #000; line-height: 40px; background-color: #8da9c0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } header > div > div > a.library { overflow: hidden; width: 90px; } header > div > div button:hover, header > div > div a:hover { color: #fff; background-color: #b6c7d5; } header > div > div.open button, header > div > div a:active { color: #fff; background-color: #5581a6; } header > div > div button i, header > div > div a { margin-left: 5px; } header #search { display: none; z-index: 9; position: absolute; right: 15px; top: 62px; width: 400px; height: 70px; background-color: #fff; -moz-box-shadow: 0 0 15px #303840; -webkit-box-shadow: 0 0 15px #303840; -o-box-shadow: 0 0 15px #303840; box-shadow: 0 0 15px #303840; filter:progid:DXImageTransform.Microsoft.Shadow(color=#303840, Direction=NaN, Strength=15); } header #search input { padding: 15px; width: 370px; height: 40px; font-size: 28px; border: 0; -webkit-appearance: textfield; -webkit-box-sizing: content-box; } ul.ui-autocomplete { z-index: 8; position: absolute; width: 370px; font-size: 16px; list-style: none; background-color: rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 0 5px #303840; -webkit-box-shadow: 0 0 5px #303840; -o-box-shadow: 0 0 5px #303840; box-shadow: 0 0 5px #303840; filter:progid:DXImageTransform.Microsoft.Shadow(color=#303840, Direction=NaN, Strength=5); } ul.ui-autocomplete li { padding: 8px; cursor: pointer; border-bottom: 1px solid #303840; } ul.ui-autocomplete li a { display: block; } ul.ui-autocomplete li:hover a, .ui-state-hover a, .ui-state-focus a { color: #fff; } .ui-helper-hidden-accessible { display: none; } @media (max-width: 979px) { header nav { margin-left: 15px; } header nav a { width: 65px; font-size: 13px; } header nav a#elambert { width: 90px; } header > div > div > a.library { width: 70px; font-size: 10px; } header > div > div button { width: 40px; } header > div > div button span { display: none; } header > div > div button i { margin: 0 5px; } header > div > div.open { background-position: left 12px bottom; } } @media (max-width: 767px) { body { padding: 45px 0 0; } header, header nav a { height: 45px; } header a#logo { margin: 6px 0; width: 82px; height: 33px; background-size: auto 100%; -webkit-background-size: auto 100%; } header #nav.open { background: none; } header nav { margin: 0; } header nav a { width: 45px; font-size: 11px; line-height: 45px; } header nav a#elambert { width: 75px; } header > div > div { padding: 7px 0; } header > div > div > a.surpriseme, header > div > div > a.editprofile font { display: none; } header > div > div > a.library { width: 31px; } header > div > div, header > div > div > div, header > div > div button, header > div > div a { height: 31px; line-height: 31px; } header > div > div button, header > div > div a { padding: 0; width: 31px; font-size: 10px; } header #search { right: 5px; top: 45px; width: 250px; height: 45px; } header #search input { padding: 5px 10px; width: 230px; height: 35px; font-size: 20px; } header > div > div.open { background-position: left 7px bottom; } ul.ui-autocomplete { width: 220px; } } @media (max-width: 480px) { header > div > div > a.editprofile { display: none; } header nav { display: none; z-index: 9; position: absolute; top: 45px; left: 1%; width: 98%; background-color: rgba(48, 56, 64, 0.9); -webkit-box-shadow: 0 0 15px #303840; -moz-box-shadow: 0 0 15px #303840; -o-box-shadow: 0 0 15px #303840; box-shadow: 0 0 15px #303840; } header nav a { padding: 0 1%; width: 31%; font-size: 11px; } header nav a#elambert { width: 31%; } header #nav { display: block; margin-left: 5px; } } /* --- FOOTER --- */ footer { -webkit-text-size-adjust: 100%; } footer #infos { min-height: 220px; padding: 20px; color: #fff; } footer #infos ul { float: left; margin-right: 2%; width: 23%; letter-spacing: 1.5px; } footer #infos ul li { transition: margin .1s ease-in, color .3s ease-in; -moz-transition: margin .1s ease-in, color .3s ease-in; -webkit-transition: margin .1s ease-in, color .3s ease-in; } footer #infos ul li:first-child { margin: 0 0 10px; padding: 0 0 10px; font-size: 13px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #fff; } footer #infos ul:nth-of-type(2) li + li:hover { margin-left: 5px; } footer #infos ul li a { display: block; color: #fff; } footer #infos ul li:hover a { font-weight: bold; } footer #infos ul:nth-of-type(3) li:first-child { margin: 0 0 15px; } footer #infos ul:nth-of-type(3) li + li { overflow: hidden; margin: 0 0 10px; height: 21px; } footer #infos ul:nth-of-type(3) li + li i { float: left; margin: -2px 7px 0 0; } footer #infos ul:nth-of-type(3) li + li span { overflow: hidden; float: left; } footer #infos ul:nth-of-type(3) li:nth-child(2) > span { margin-left: -15px; } footer #infos ul:nth-of-type(3) li:nth-child(2):hover { color: #3B5998; } footer #infos ul:nth-of-type(3) li:nth-child(3):hover { color: #00A0D1; } footer #copyright { padding: 15px 0; } footer #copyright div { background: url(../images/footer/logo.png) no-repeat right 15px center; } footer #copyright div a:hover { text-decoration: underline; } @media (max-width: 979px) { footer #infos ul li, footer #copyright div { letter-spacing: 0; font-size: 11px; } footer #infos ul li:first-child { font-size: 12px; } footer #infos ul:nth-of-type(3) li + li i { margin: 0 7px 0 0; } } @media (max-width: 767px) { footer #infos { display: none; } footer #copyright, footer #copyright div a { color: #fff; } footer #copyright { background: none !important; } footer #copyright div { font-size: 10px; letter-spacing: -0.5px; background: none; } } @media (max-width: 480px) { footer #copyright div { font-size: 9px; } } /* --- SLIDESHOW --- */ #slideshow-wrap { visibility: hidden; } #slideshow-container { overflow: hidden; position: relative; min-height: 80px; border-bottom: 1px solid #000; background: #6d7177; } #slideshow-previous, #slideshow-next { z-index: 8; position: absolute; top: 0; min-width: 60px; width: 10%; height: 100%; cursor: pointer; } #slideshow-previous { left: 0; background: url(../images/slideshow/arrow-left.png) no-repeat 50% center; } #slideshow-previous:hover { background: url(../images/slideshow/arrow-left-hover.png) no-repeat 50% center; } #slideshow-next { right: 0; background: url(../images/slideshow/arrow-right.png) no-repeat right 50% center; } #slideshow-next:hover { background: url(../images/slideshow/arrow-right-hover.png) no-repeat right 50% center; } #slideshow { overflow: hidden; } #slideshow-content { overflow: hidden; position: relative; } #slideshow-content li { position: absolute; text-align: center; top: 0; width: 100%; } #slideshow-content li:first-child { z-index: 5; position: relative; display: block; } #slideshow-content li a { position: relative; display: inline-block; vertical-align: bottom; max-width: 100%; } #slideshow-content li a h2 { z-index: 7; overflow: hidden; position: absolute; bottom: 30px; width: 100%; height: 38px; font-size: 26px; line-height: 38px; color: #fff; } #slideshow-content li a img { z-index: 6; position: relative; display: block; max-height: 380px; } #slideshow-content .fader-slide { opacity: 0; position: absolute; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #slideshow-content .fader-fade { opacity: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #slideshow-pagination { z-index: 7; position: absolute; left: 50%; bottom: 10px; margin-left: -47px; width: 94px; } #slideshow-pagination li { float: left; margin-right: 6px; width: 12px; height: 12px; cursor: pointer; border: 1px solid #38414b; background-color: #fff; border-radius: 6px; } #slideshow-pagination li.active { background-color: #38414b; } #slideshow-pagination li:last-child { margin: 0; } /* --- PICTURE --- */ #picture { overflow: hidden; position: relative; text-align: center; border-bottom: 1px solid #000; } #picture > div:last-of-type { position: relative; display: inline-block; vertical-align: bottom; max-width: 100%; } #picture > div:last-of-type h2 { z-index: 3; overflow: hidden; position: absolute; bottom: 10px; width: 100%; height: 38px; font-size: 26px; line-height: 38px; color: #fff; } #picture > div:last-of-type img { z-index: 2; position: relative; display: block; max-height: 380px; max-width: 100%; } #slideshow-content li div.blur, #picture div.blur, #slideshow-content li div.blur div, #picture div.blur div:first-child { overflow: hidden; position: absolute; width: 100%; height: 100%; max-height: 380px; } #slideshow-content li div.blur div:first-child { z-index: 5; } #slideshow-content li div.blur div:last-child, #picture div.blur div:last-child { height: 100%; background-position: 50% 50%; background-size: 150% auto; } @media (max-width: 979px) { #slideshow-content li a h2, #picture div:last-of-type h2 { height: 32px; font-size: 22px; line-height: 32px; } } @media (max-width: 767px) { #slideshow-content li a h2 { display: none; } #picture div:last-of-type h2 { height: 26px; font-size: 18px; line-height: 26px; } } @media (max-width: 480px) { #slideshow-pagination li { display: none; } #picture div:last-of-type h2 { height: 20px; font-size: 14px; line-height: 20px; } } /* --- HOME BOX --- */ .container > #home { margin-top: 15px; } #home { position: relative; width: 100%; } #home section { overflow: hidden; float: left; position: relative; vertical-align: top; margin: 0 1% 0 0; padding: 1% 0; width: 32.66%; height: 400px; } #home section.wide + p + section, #home section:nth-of-type(3), #home section:last-of-type { margin: 0; } #home h1 { overflow: hidden; margin: 0 0 5px; height: auto; } #home section.wide { width: 66.32%; } #home section.sepbottom { margin-bottom: 1%; } #home section a.seemore, section.news > div { position: absolute; left: 0; bottom: 10px; padding: 0 1%; width: 98%; } #home section a.seemore { padding: 0 2%; width: 96%; } #home > p { display: none; margin: 0 0 5px; width: 100%; } #home > p.open { margin: 0; } #home p button.seemore { text-align: left; width: 100%; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #home p button.seemore i { position: absolute; right: 10px; line-height: 40px; } @media (max-width: 1200px) { #home h1 { font-size: 20px; } } @media (max-width: 979px) { #home h1 { font-size: 18px; } #home section h1 span, #home p button.seemore span { display: none; } } @media (max-width: 767px) { .container > #home { margin-top: 5px; } #home section { float: none; } #home > p { display: block; } #home section { display: none; } #home h1 { font-size: 16px; } #home p button.seemore { font-size: 12px; } #home section, #home section.wide { padding: 5px 0 55px; width: 100%; height: auto; } #home section, #home section:nth-of-type(n+3) { margin: 0 0 5px; } #home section:last-child { margin: 0; } } @media (max-width: 480px) { #home section, #home p { font-size: 10px; } #home p button.seemore { font-size: 11px; } } /* --- AFFIL --- */ #kage.block.red, #home section#kage { overflow: hidden; text-align: center; } #home section#kage article { line-height: 360px; } #kage.block.red img, #home section#kage img { overflow: hidden; vertical-align: middle; border: 20px solid rgba(208,42,53,.4); } #home section#kage img { width: 300px; } #kage.block.red img { width: 1024px; max-height: 312px; } #affilcover { position: absolute; width: 100%; min-height: 1200px; } #affilcover.bg0 { background: url(../images/kage/dark-myninja.jpg) top center no-repeat; } #affilcover.bg1 { background: url(../images/kage/dark-mypirate.jpg) top center no-repeat; } #affilcover.bg2 { background: url(../images/kage/dark-mybankai.jpg) top center no-repeat; } body.light #affilcover.bg0 { background: url(../images/kage/light-myninja.jpg) top center no-repeat; } body.light #affilcover.bg1 { background: url(../images/kage/light-mypirate.jpg) top center no-repeat; } body.light #affilcover.bg2 { background: url(../images/kage/light-mybankai.jpg) top center no-repeat; } #affilcover + div.affilcover { margin-top: 168px; } @media (max-width: 1090px) { #home section#kage article { line-height: 340px; } #home section#kage img { width: 100%; border: 0; border-top: 20px solid rgba(208,42,53,.4); border-bottom: 20px solid rgba(208,42,53,.4); } } @media (max-width: 1065px) { #kage.block.red img { width: 100%; border: 0; border-top: 20px solid rgba(208,42,53,.4); border-bottom: 20px solid rgba(208,42,53,.4); } #home section#kage h1 span { display: none; } } @media (max-width: 767px) { #kage, #affilcover { display: none; } #affilcover + div.affilcover { margin-top: 5px; } } /* --- HOME ELAMBERT.ME --- */ #home section#homeElambert article { text-align: justify; padding: 5px 2% 0; -webkit-text-size-adjust: 100%; } #home section#homeElambert article p { margin-bottom: 10px; font-size: 14px; } #home section#homeElambert article img { float: left; width: 120px; height: 120px; max-width: 40vw; margin: 0 10px 5px 0; display: block; opacity: 0.8; transform: none; border-radius: 10%; border: 1px solid rgb(131, 148, 150); } @media (max-width: 1315px) { #home section#homeElambert article p { font-size: 13px; } } @media (max-width: 1115px) { #home section#homeElambert article p { font-size: 12px; } } @media (max-width: 767px) { #homeElambert { display: block !important; } } @media (max-width: 315px) { #homeElambert article img { display: none !important; } } /* --- HOME FACEBOOK --- */ #home section#homeFacebook article { text-align: center; margin-top: 50px; } #home section#homeFacebook article div.fb-page span { display: block; margin: 0 auto; border: 20px solid rgba(94,181,255,.4); } @media (max-width: 1215px) { #home section#homeFacebook article { background-color: rgba(94,181,255,.4); } #home section#homeFacebook article div.fb-page span { margin: 20px 0; border: 0; } } /* --- THANKS --- */ #home section#arigato p { text-align: justify; padding: 0 2% 10%; font-size: 16px; } #home section#arigato p b { font-size: 19px; } #home section#arigato h3 { text-align: center; font-size: 50px; } @media (max-width: 767px) { #home section#arigato p { font-size: 14px; } #home section#arigato p b { font-size: 17px; } #home section#arigato h3 { font-size: 35px; } } @media (max-width: 480px) { #home section#arigato p { font-size: 12px; } #home section#arigato p b { font-size: 15px; } #home section#arigato h3 { font-size: 25px; } } /* --- LOGIN --- */ #login form { text-align: center; margin: 10px 0 5px; padding: 20px 10px 10px; } #login.login-page form { background: none; } #login form > div:first-child { margin: 0 auto; width: 214px; } #login form > div input { float: left; width: 150px; } #login form > div label { width: 24px; } #login form + a, #login ul + a { float: right; margin: 0 10px 5px 0; font-size: 13px; font-style: italic; } #login a.seemore { clear: both; } #login h1 + div { text-align: left; padding: 0 2%; } #login h1 + div h2 { overflow: hidden; margin: 0 0 5px; height: 48px; line-height: 48px; } #login h1 + div h2 b { color: #5794c7; font-size: 28px; } #login div h2 + ul li { overflow: hidden; float: left; margin: 0 0 2px; padding: 0 2%; height: 34px; line-height: 34px; } #login div h2 + ul li.library { height: 52px; } #login div h2 + ul li.library + li { height: 36px; line-height: 18px; padding: 8px 2%; } #login div h2 + ul li:nth-child(even) { width: 61%; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #login div h2 + ul li:nth-child(odd) { width: 31%; font-weight: bold; color: #fff; background-color: #596066; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media (max-width: 979px) { #login form + a, #login ul + a { font-size: 12px; } #login div h2 + ul li { height: 30px; line-height: 30px; font-size: 11px; } } @media (max-width: 767px) { #login form + a, #login ul + a { font-size: 11px; } #login div h2 + ul li { height: 26px; line-height: 26px; font-size: 10px; } } @media (max-width: 480px) { #login form + a, #login ul + a { font-size: 10px; } #login div h2 + ul li { height: 22px; line-height: 22px; font-size: 9px; } } /* --- USER RESET PASSWORD --- */ #resetpassword p { padding: 15px 2%; } #resetpassword form { margin: 0 auto; width: 40%; text-align: center; } #resetpassword form label, #resetpassword form input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #resetpassword form label { text-align: left; padding: 0 2%; } #resetpassword form label { width: 35%; } #resetpassword form input { width: 65%; } /* --- WEEKLY MANGA --- */ #weeklymanga p { text-align: justify; padding: 0 2%; -webkit-text-size-adjust: 100%; } #weeklymanga h1 { margin: 0; } #weeklymanga a:first-of-type { position: relative; display: inline-block; margin: 0 0 5px; max-width: 100%; } #weeklymanga a h2 { overflow: hidden; position: absolute; text-align: center; bottom: 10px; width: 100%; height: 32px; font-size: 20px; font-weight: bold; line-height: 32px; color: #fff; } #weeklymanga a img { vertical-align: bottom; } @media (max-width: 767px) { /* #weeklymanga { display: block !important; } */ #weeklymanga a h2 { font-size: 18px; } } @media (max-width: 480px) { #weeklymanga a h2 { font-size: 16px; } } /* --- NEWS --- */ section.news article { text-align: justify; padding: 5px 2% 0; -webkit-text-size-adjust: 100%; } section.news article h2 { display: none; } /* h2-h6 elements to add identifying headings to all articles */ section.news article img { max-height: 240px; } section.news > div { bottom: 50px; padding: 10px 1%; font-size: 14px; } section.news div div { display: inline-block; vertical-align: middle; width: 33.33%; } section.news div div a { display: inline-block; padding: 5px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } section.news div div:nth-of-type(2) { text-align: center; } section.news div div:last-child { text-align: right; } section.news.full { padding: 15px 0 60px; } section.news.full img { max-height: 400px; } section.news.full > div { bottom: 0; } section.news.full { padding: 15px 0 60px; } .news.seemore.scrollTo a { color: #fff; } @media (max-width: 767px) { #home section.news { padding: 5px 0 105px; } } @media (max-width: 480px) { section.news, section.news > div, section.news div a { font-size: 10px; } } /* --- TOP MANGA --- */ #topmanga ol { counter-reset: top; padding: 5px 2% 0; } #topmanga ol li { overflow: hidden; float: left; margin: 0 0 5px; width: 49.5%; height: 25px; line-height: 25px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #topmanga ol li:before { counter-increment: top; content: counter(top); float: left; margin-right: 5px; padding: 5px 10px; height: 15px; font-weight: bold; line-height: 15px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #topmanga ol li:first-child:before { background: #C98910 !important; } #topmanga ol li:nth-child(2):before { background: #A8A8A8 !important; } #topmanga ol li:nth-child(3):before { background: #965A38 !important; } #topmanga ol li:nth-child(-n+3){ font-weight: bold; } #topmanga ol li:nth-child(odd) { margin-right: 1%; } #topmanga ol li a { display: block; } #topmanga.full a.seemore { text-align: center; margin: 0 0 10px; } #topmanga.full ol li { margin: 0 1% 5px 0; width: 24.25%; } #topmanga.full ol li:nth-child(-n+3) { float: none; text-align: center; margin: 0 auto 5px; } #topmanga.full ol li:nth-child(-n+3):before { margin: 0; } #topmanga.full ol li:first-child { width: 50%; font-size: 20px; } #topmanga.full ol li:nth-child(2) { width: 60%; font-size: 18px; } #topmanga.full ol li:nth-child(3) { width: 70%; font-size: 16px; } @media (min-width: 980px) { #topmanga.full ol li:nth-child(4n+7) { margin: 0 0 5px; } } @media (min-width: 768px) and (max-width: 979px) { #topmanga.full ol li:nth-child(3n+6) { margin: 0 0 5px; } } @media (max-width: 767px) { #topmanga.full ol li:nth-child(2n+5) { margin: 0 0 5px; } } @media (max-width: 979px) { #topmanga.full ol li { margin: 0 1% 5px 0; width: 32.66%; } } @media (max-width: 767px) { #topmanga { display: block !important; } #topmanga.full ol li { margin: 0 1% 5px 0; width: 49.5%; font-size: 10px; } #topmanga.full ol li:first-child { width: 55%; font-size: 16px; } #topmanga.full ol li:nth-child(2) { width: 65%; font-size: 15px; } #topmanga.full ol li:nth-child(3) { width: 75%; font-size: 13px; } } @media (max-width: 480px) { #topmanga.full { font-size: 9px; } #topmanga ol { padding: 0 2%; } #topmanga.full ol li:first-child { width: 60%; font-size: 15px; } #topmanga.full ol li:nth-child(2) { width: 70%; font-size: 13px; } #topmanga.full ol li:nth-child(3) { width: 80%; font-size: 11px; } } /* --- WALLPAPERS --- */ #wallpapers h1 { margin: 0; } #wallpapers.small, #wallpapers.full li div { font-size: 15px; } #wallpapers div span { font-size: 20px; } #wallpapers div span:first-child { font-size: 28px; } #wallpapers.small { text-align: center; } #wallpapers.small div { padding: 0 2%; } #wallpapers.full li { position: relative; padding: 15px 2%; min-height: 160px; border-bottom: 1px solid #303840; } #wallpapers.full li:hover { color: #fff; } #wallpapers.full li:first-child { border-top: 1px solid #303840; } #wallpapers.full li:first-child:hover { border-top: 1px solid #fff; } #wallpapers.full li img { -moz-box-shadow: 0 0 20px #303840; -webkit-box-shadow: 0 0 20px #303840; -o-box-shadow: 0 0 20px #303840; box-shadow: 0 0 20px #303840; filter:progid:DXImageTransform.Microsoft.Shadow(color=#303840, Direction=NaN, Strength=20); } #wallpapers.full li:hover img { -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; -o-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff, Direction=NaN, Strength=20); } #wallpapers.full li a { position: absolute; right: 2%; bottom: 15px; font-size: 20px; } #wallpapers.full li div { float: right; text-align: right; } @media (max-width: 767px) { #wallpapers.small, #wallpapers.full li div { font-size: 13px; } #wallpapers div span { font-size: 18px; } #wallpapers div span:first-child { font-size: 26px; } #wallpapers.full, #wallpapers.full li div { text-align: center; } #wallpapers.full li { padding: 5px 2%; } #wallpapers.full li a { position: relative; right: 0; bottom: 0; font-size: 20px; } #wallpapers.full li div { float: none; margin: 0 0 5px; } #wallpapers.full li a { font-size: 18px; } } @media (max-width: 480px) { #wallpapers.small, #wallpapers.full li div { font-size: 11px; } #wallpapers div span { font-size: 16px; } #wallpapers div span:first-child { font-size: 24px; } #wallpapers.full li a { font-size: 16px; } } /* --- LIST SERIES --- */ .listseries h1, #home .listseries h1 { margin: 0; } .listseries form.main { position: absolute; top: 19px; right: 15px; } .listseries form.main input { float: left; margin: 0; } .listseries form.main input[type=email] { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .listseries form.main input[type=email]:focus { -moz-box-shadow: 0 0 10px #1066af; -webkit-box-shadow: 0 0 10px #1066af; -o-box-shadow: 0 0 10px #1066af; box-shadow: 0 0 10px #1066af; filter:progid:DXImageTransform.Microsoft.Shadow(color=#1066af, Direction=NaN, Strength=10); } .listseries form.main input[type=submit] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .listseries ul { border-top: 1px solid #303840; } .listseries ul li { overflow: hidden; text-align: left; padding-left: 5px; height: 40px; color: #484e55; border-bottom: 1px solid #303840; } .listseries ul li:hover { color: #d7d7d7; } .listseries ul li:nth-of-type(1) { border-top: 1px solid #303840; } .listseries.home ul li:nth-of-type(1):hover, .listseries.fiche ul li:nth-of-type(1):hover { border-top: 1px solid #fff; } .listseries ul li:last-child:hover { border-bottom: 1px solid #fff; } .listseries ul li:nth-child(n+2).hr { border-top: 2px solid #303840; } .listseries ul li:hover a { color: #fff; } .listseries ul li p { overflow: hidden; margin: 5px 0; height: 32px; line-height: 15px; } .listseries ul li p img { float: left; margin: 0 5px 0 0; } .listseries ul li > p > img:nth-child(1) { width: 57px; height: 28px; } .listseries ul li > p > img.eng { width: 30px; height: 30px; border: 0; } .listseries ul li p span.serie { font-size: 15px; font-weight: bold; } .listseries ul li p span.infos { display: block; } .listseries ul li p sup { position: relative; top: -0.5em; font-size: 75%; font-weight: bold; color: #1066af; line-height: 0; vertical-align: baseline; } .listseries ul li:hover p sup { color: #5bc0de; } .listseries ul li div { float: right; text-align: right; color: #9c9d9e; } .listseries ul li.new div { color: #868686; } .listseries ul li div a, .listseries ul li div span { float: right; text-align: center; padding: 0 5px; width: 115px; font-weight: bold; line-height: 40px; border-left: 1px solid #303840; } .listseries ul li div a.mult, .listseries ul li div span.mult { width: 241px; } .listseries ul li div a.follow:visited { color: #1066af; } .listseries ul li:hover div a.follow:visited { color: #5bc0de; } .listseries ul li:hover div a, .listseries ul li:hover div span { border-left: 1px solid #fff; background: none; } .listseries div.seemore { cursor: pointer; } @media (max-width: 979px) { .listseries form.main { top: 20px; } .listseries ul li div a, .listseries ul li div span { width: 50px; } .listseries ul li div a.mult, .listseries ul li div span.mult { width: 111px; } .listseries ul li div a.buy { display: none; } #home .listseries ul li p { line-height: 30px; } #home .listseries ul li p span.serie { font-size: 13px; } #home .listseries ul li p span.team, #home .listseries ul li p span.infos { display: none; } } @media (max-width: 767px) { /* .listseries { display: block !important; } */ .listseries form.main { display: none; } .listseries ul li { height: 30px; } .listseries ul li p, #home .listseries ul li p { line-height: 20px; } .listseries ul li p img, .listseries ul li > p > img.eng { width: 20px; height: 20px; } .listseries ul li > p > a:nth-child(1) img { width: 37px; } .listseries ul li p span.team, .listseries ul li p span.infos { display: none; } .listseries ul li p span.serie { letter-spacing: 0px; font-size: 13px; } .listseries ul li div a { line-height: 30px; } .listseries ul li div a.mult, .listseries ul li div span.mult { width: 50px; } .listseries ul li div a.ddl, .listseries ul li div span.ddl { display: none; } } @media (max-width: 480px) { .listseries.home ul > li:nth-of-type(n+26) { display: none; } .listseries ul li:nth-of-type(n+25):hover { border-bottom: 1px solid #fff; } .listseries ul li p { line-height: 10px; } .listseries.full ul li p { line-height: 20px; } .listseries ul li p img { margin: 0 2px 0 0; } .listseries ul li p img.clock, .listseries ul li p img.mult { display: none; } .listseries ul li p span.serie { padding: 0 0 0 3px; overflow: hidden; display: block; height: 11px; font-size: 12px; line-height: 11px; } .listseries.full ul li p span.serie, #home .listseries ul li p span.serie { height: 20px; line-height: 20px; } } /* --- ADVANCED SEARCH --- */ #advancedsearch form { padding: 5px 2% 0; } #advancedsearch div.input-label div { float: left; margin-right: 2%; width: 49%; } #advancedsearch div.input-label div:nth-child(even) { margin: 0; } #advancedsearch div.input-label input, #advancedsearch div.input-label label, #advancedsearch div.input-label select { padding: 0 1.5%; } #advancedsearch div.input-label input { width: 47%; } #advancedsearch div.input-label label { width: 27%; } #advancedsearch div.input-label select { width: 20%; } /* Ne prend pas le padding en compte */ #advancedsearch p { margin: 0 0 10px; font-size: 14px; } #advancedsearch #choices h3 { padding: 0 0.75%; width: 13.2%; height: 34px; font-size: 12px; font-weight: bold; line-height: 34px; color: #fff; background-color: #596066; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #advancedsearch #choices > div { position: relative; padding: 1%; margin: 0 0 10px; background-color: #fff; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; } #advancedsearch #choices .loading { font-size: 10px; } #advancedsearch #choices span { visibility: hidden; } #advancedsearch #choices div label { overflow: hidden; display: inline-block; width: 14.28%; height: 16px; } #advancedsearch #choices div select { display: none; } #advancedsearch .tips { float: left; padding-left: 20px; height: 16px; line-height: 16px; background-repeat: no-repeat; } #advancedsearch .tips.include { background-image: url(../images/icons/check.png); } #advancedsearch .tips.exclude { background-image: url(../images/icons/close.png); } #advancedsearch .tips.either { background-image: url(../images/icons/bullet.png); } #advancedsearch div#submit { text-align: right; } @media (max-width: 979px) { #advancedsearch #choices div label { width: 16.66%; } } @media (max-width: 767px) { #advancedsearch, #advancedsearch div.input-label, #advancedsearch div.input-label input, #advancedsearch div.input-label select, #advancedsearch #choices h3 { font-size: 9px; } #advancedsearch p, #advancedsearch #choices h3 > div { margin: 0 0 5px; font-size: 11px; } #advancedsearch #choices div label { width: 20%; } } @media (max-width: 480px) { #advancedsearch div.input-label div { float: none; margin: 0; width: 100%; } #advancedsearch #choices h3 { padding: 0 1.5%; width: 27%; } #advancedsearch #choices div label { width: 33.33%; } } /* --- MANGA RATING --- */ form.manga_rating button { cursor: pointer; background: none; } form.manga_rating button[disabled] { cursor: default; } form.manga_rating button, form.manga_rating button.voted[disabled] { color: #318b5d; } form.manga_rating button:hover { color: #118c4e; } form.manga_rating button[disabled] { color: #535353; } #mangalist form div:nth-of-type(2) button, #mangafiche form button + button, #mangalist form div:nth-of-type(2) button.voted[disabled], #mangafiche form button + button.voted[disabled] { color: #c03841; } #mangalist form div:nth-of-type(2) button:hover, #mangafiche form button + button:hover { color: #ed303c; } #mangalist form div:nth-of-type(2) button[disabled], #mangafiche form button + button[disabled] { color: #535353; } /* --- MANGA LIST --- */ #mangalist div.loading { position: initial; margin: 100px 0; text-align: center; height: auto; width: auto; font-size: 10px; } #mangalist div.loading p { font-size: 15px; font-weight: bold; } #mangalist div.scrollTo { text-align: center; padding: 5px; line-height: 30px; } #mangalist div.scrollTo a { padding: 3px 7px; font-size: 16px; color: #fff; background-color: #303840; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #mangalist div.scrollTo a:hover { background-color: #4e565d; } #mangalist div.scrollTo, #mangalist ul { display: none; } #mangalist ul li { overflow: hidden; text-align: left; padding: 0 5px; height: 40px; color: #484e55; line-height: 40px; border-bottom: 1px solid #303840; } #mangalist ul li.title { color: #fff; } #mangalist ul li.new { background-color: rgba(66, 139, 202, 0.25); } #mangalist ul li > div:last-child { font-size: 18px; } #mangalist ul li div p { text-indent: 25px; font-size: 28px; } #mangalist ul li div img { float: left; margin: 6px 5px 0 0; height: 28px; width: 57px; } #mangalist ul li div sup { position: relative; top: -0.5em; font-size: 75%; font-weight: bold; color: #1066af; line-height: 0; vertical-align: baseline; } #mangalist ul li > div:first-child { overflow: hidden; position: absolute; right: 0; width: 30%; height: 40px; font-size: 13px; } #mangalist ul li div div { overflow: hidden; float: left; text-align: center; width: 33%; } #mangalist ul li.title div div:first-child { padding: 0 8%; width: 50%; } #mangalist form div { text-align: right; } #mangalist form button { font-size: 30px; } @media (max-width: 979px) { #mangalist ul li > div:last-child { font-size: 16px; } #mangalist ul li div p { font-size: 26px; } #mangalist ul li > div:first-child { font-size: 12px; } } @media (max-width: 767px) { #mangalist ul li > div:last-child { font-size: 13px; } #mangalist ul li div p { font-size: 22px; } #mangalist ul li > div:first-child { width: 30%; font-size: 10px; } #mangalist ul li div div { width: 50%; } #mangalist ul li.title div div:first-child { width: 100%; } #mangalist ul li.title div div:nth-of-type(2), #mangalist form + div, #mangalist ul li div div:last-child { display: none; } } @media (max-width: 480px) { #mangalist ul li > div:first-child { display: none; } } /* --- FOLLOW BUTTON --- */ form.main.follow button { overflow: hidden; margin: 0; width: 125px; font-size: 12px; } form.main.follow button[disabled] { color: white; background-color: #b6c7d5; cursor: auto; } form.main.follow button.unfollow { background-color: #c03841; } form.main.follow button i { width: 16px; } form.main.follow button i.fa-check, form.main button i.fa-remove { width: 14px; } form.main.follow a { display: inline-block; padding: 0 10px; text-align: center; min-width: 40px; height: 34px; line-height: 34px; font-size: 12px; color: #fff; background-color: #5794c7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } form.main.follow a:hover { background-color: #347dbb; } @media (max-width: 979px) { form.main.follow button { width: 115px; } form.main.follow button, form.main.follow a { font-size: 11px; } } @media (max-width: 767px) { form.main.follow button { width: 105px; } form.main.follow button, form.main.follow a { font-size: 10px; } } @media (max-width: 480px) { form.main.follow button { width: 95px; } form.main.follow button, form.main.follow a { font-size: 9px; } } /* --- FOLLOWED LIST --- */ #followedlist h1 { margin: 0; } #followedlist div.notice { text-align: center; font-size: 14px; } #followedlist dl { display: none; } #followedlist div.loading { position: initial; margin: 100px 0; text-align: center; height: auto; width: auto; font-size: 10px; } #followedlist div.loading p { font-size: 15px; font-weight: bold; } #followedlist dt { overflow: hidden; position: relative; text-align: left; color: #303840; border-bottom: 1px solid #303840; } #followedlist dt:hover, #followedlist dt.open, #followedlist dt:hover a, #followedlist dt.open a { color: #fff; } #followedlist dt:first-child { border-top: 1px solid #303840; } #followedlist dt:first-child:hover, #followedlist dt:first-child.open { border-top: 1px solid #fff; } #followedlist dt span, #followedlist dt span + i { position: absolute; top: 0; height: 40px; line-height: 40px; } #followedlist dt span { right: 50px; } #followedlist dt span + i { right: 10px; cursor: pointer; } #followedlist dt img { float: left; margin: 6px 5px 0 0; height: 28px; } #followedlist dt > img { width: 57px; } #followedlist dt a sup { position: relative; top: -0.5em; font-size: 75%; font-weight: bold; color: #1066af; line-height: 0; vertical-align: baseline; } #followedlist dt:hover a sup, #followedlist dt.open a sup { color: #b6c7d5; } #followedlist dt.new { background-color: rgba(66, 139, 202, 0.25); } #followedlist dt form.main { margin-top: -1px; } #followedlist dd { display: none; padding: 10px 2%; } #followedlist dd div { padding: 0 1%; } #followedlist dd div:not(:last-child) { overflow: hidden; float: left; margin: 0 1% 5px 0; width: 22.25%; height: 25px; line-height: 25px; text-transform: capitalize; } #followedlist dd div:last-child { clear: both; padding: 1%; min-height: 32px; } @media (min-width: 980px) { #followedlist dd div:nth-child(4n+4) { margin: 0 0 5px; } } @media (min-width: 768px) and (max-width: 979px) { #followedlist dd div:nth-child(3n+3) { margin: 0 0 5px; } } @media (max-width: 767px) { #followedlist dd div:nth-child(2n+2) { margin: 0 0 5px; } } @media (max-width: 979px) { #followedlist div.notice { font-size: 12px; } #followedlist dt form.main { margin-top: 0; } #followedlist dd div:not(:last-child) { width: 30.66%; } } @media (max-width: 767px) { #followedlist dt span { right: 40px; } #followedlist dd div:not(:last-child) { width: 47.5%; } #followedlist { font-size: 10px; } } @media (max-width: 480px) { #followedlist dt span { right: 35px; display: none; } #followedlist { font-size: 9px; } } /* --- USER SIGNUP --- */ #signup fieldset#error { position: relative; margin: 0 0 10px; top: 0; padding: 8px 0; min-height: 24px; } #signup fieldset#error ul li { line-height: 25px; list-style: initial; list-style-position: inside; list-style-type: decimal; } #signup fieldset#error ul, #signup form { margin: 0 auto; width: 40%; text-align: left; } #signup fieldset#warning:not(.signup) { margin: 0; } #signup fieldset#warning.signup { text-align: left; padding: 10px 31%; } #signup form { margin: 0 auto; width: 40%; text-align: center; } #signup form > div > div { text-align: left; padding: 0 2%; } #signup form > div > div label, #signup form > div > div input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #signup form > div > div label { width: 40%; } #signup form > div > div input { width: 60%; } #signup form > div > div select:nth-of-type(odd) { width: 15%; } #signup form > div > div select:nth-of-type(2) { width: 30%; } #signup form > div > div a { display: none; } #signup form > div > div div.strength_meter { margin: 0 0 10px; display: none; } #signup form > div > div div.match, #signup form > div > div div.matching { margin: 0 0 10px; } #signup form > div > div div.strength_meter div, #signup form > div > div div.matching { height: 23px; width: 100%; text-align: center; color: black; font-weight: bold; line-height: 23px; } #signup form > div > div div.veryweak, #signup form > div > div div.nomatch { background-color: #FFA0A0; border-color: #F04040!important } #signup form > div > div div.weak { background-color: #FFB78C; border-color: #FF853C!important; } #signup form > div > div div.medium { background-color: #FFEC8B; border-color: #FC0!important; } #signup form > div > div div.strong, #signup form > div > div div.match { background-color: #C3FF88; border-color: #8DFF1C!important; } #signup form > div > div.editprofile { padding: 0 2% 5px; } @media (max-width: 979px) { #signup fieldset#error ul, #signup form { width: 70%; } #signup fieldset#warning.signup { padding: 10px 17%; } } @media (max-width: 767px) { #signup fieldset#error ul, #signup form { width: 85%; } #signup fieldset#warning.signup { padding: 10px 10%; } } @media (max-width: 480px) { #signup fieldset#error ul, #signup form { width: 100%; } #signup fieldset#warning.signup { padding: 5px 2%; } } /* --- USER PROFILE --- */ #profile table { margin: 0 auto; width: 80%; } #profile table td:first-child { text-align: right; vertical-align: top; padding-top: 33px; width: 20%; } #profile table td span { max-width: 100%; } #profile table td ul { padding: 0 2%; } #profile table td ul li:first-child { padding: 0 0 10px; height: 32px; line-height: 32px; color: #5794c7; font-size: 32px; letter-spacing: 1.5px; } #profile table td ul li:first-child, body.light #profile table td ul li:first-child { background: none; } #profile table td ul li { height: 20px; line-height: 20px; } #profile table td ul li:not(:first-child) { overflow: hidden; float: left; margin: 0 0 2px; padding: 0 2%; height: 34px; line-height: 34px; } #profile table td ul li:nth-child(odd) { width: 61%; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #profile table td ul li:not(:first-child):nth-child(even) { width: 31%; font-weight: bold; color: #fff; background-color: #596066; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media (max-width: 979px) { #profile table td ul li:not(:first-child) { height: 30px; line-height: 30px; font-size: 11px; } } @media (max-width: 767px) { #profile table { width: 100%; } #profile table td ul li:first-child { padding: 0 0 10px; height: 26px; line-height: 26px; font-size: 26px; } #profile table td ul li:not(:first-child) { height: 26px; line-height: 26px;font-size: 10px; } } @media (max-width: 480px) { #profile table td:first-child { display: none; } #profile table td ul li:first-child { padding: 0 0 5px; height: 20px; line-height: 20px; font-size: 20px; } #profile table td ul li:not(:first-child) { height: 22px; line-height: 22px; font-size: 9px; } } /* --- USER RESET PASSWORD --- */ #resetpassword p { padding: 15px 2%; } #resetpassword form { margin: 0 auto; width: 40%; text-align: center; } #resetpassword form label, #resetpassword form input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #resetpassword form label { text-align: left; padding: 0 2%; } #resetpassword form label { width: 35%; } #resetpassword form input { width: 65%; } @media (max-width: 979px) { #resetpassword form { width: 70%; } } @media (max-width: 767px) { #resetpassword p { padding: 5px 2%; } #resetpassword form { width: 85%; } } @media (max-width: 480px) { #resetpassword form { width: 96%; } } /* --- MEMBER LIST --- */ #memberlist table { padding: 0 2%; width: 96%; } #memberlist table tr:first-child { font-size: 14px; font-weight: bold; } #memberlist table tr { height: 20px; } #memberlist table tr:hover { background: #e7e7e8; } #memberlist table tr td { padding: 5px; width: 33.33%; } /* --- MEMBER LIST --- */ #memberfaq ul li.seemore { text-align: left; } #memberfaq ul li:nth-child(even) { padding: 10px; } #memberfaq ul li:nth-child(even) p { margin: 0 0 10px; } #memberfaq ul li:nth-child(even) img { display: inherit; margin: 0 auto; border: 8px solid #37414a; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* --- MANGA FICHE --- */ #mangafiche form.main.follow { position: absolute; top: 19px; right: 15px; } #mangafiche table { text-align: left; padding: 0 10%; width: 100%; font-size: 16px; } #mangafiche table th, #mangafiche table td { vertical-align: top; } #mangafiche table th { width: 40%; } #mangafiche table td { width: 60%; } #mangafiche table td.cap { text-transform: capitalize; } #mangafiche table + form { float: right; margin: 0 2%; width: 200px; } #mangafiche table + form span, #mangafiche table + form button { float: left; text-align: center; width: 100px; margin: 0 0 5px; } #mangafiche table + form span { font-size: 17px; } #mangafiche table + form button { font-size: 60px; } #mangafiche #synopsis p { text-align: justify; padding: 0 15px; font-size: 14px; } #mangafiche #synopsis p a { font-weight: bold; text-decoration: underline; } #mangafiche #synopsis p img { float: left; margin: 0 10px 0 0; width: 15%; min-width: 100px; } #mangafiche #team p { text-align: center; font-size: 25px; } #mangafiche fieldset#warning { font-size: 15px; } #mangafiche fieldset#warning img{ margin: 10px 0 0; width: 80%; max-width: 300px; } @media (max-width: 767px) { #mangafiche form.main.follow { top: 8px; right: 5px; } #mangafiche form.main.follow button, #mangafiche form.main.follow a { height: 22px; line-height: 22px; } #mangafiche table { padding: 0 5%; font-size: 14px; } #mangafiche table + form { width: 170px; } #mangafiche table + form span, #mangafiche table + form button { width: 85px; } #mangafiche table + form button { font-size: 45px; } #mangafiche #synopsis p { padding: 0 5px; font-size: 12px; } #mangafiche #synopsis p img { width: 15%; float: left; margin: 0 5px 5px 0; } #mangafiche #team p { font-size: 20px; } #mangafiche fieldset#warning { font-size: 13px; } } @media (max-width: 480px) { #mangafiche form.main.follow { top: 14px; } #mangafiche table { padding: 0 2%; font-size: 12px; } #mangafiche table th, #mangafiche table td { display: table-row; } #mangafiche table + form { width: 140px; } #mangafiche table + form span, #mangafiche table + form button { width: 70px; } #mangafiche table + form button { font-size: 30px; } #mangafiche #team p { font-size: 15px; } #mangafiche fieldset#warning { font-size: 12px; } } /* --- MESSAGES --- */ fieldset#error, fieldset#message { z-index: 99; position: fixed; text-align: center; top: 62px; left: 0; width: 100%; line-height: 40px; letter-spacing: 1px; transition: all .5s ease-in; } fieldset#error.hidden, fieldset#message.hidden { opacity: 0; } fieldset#error button, fieldset#message button { position: absolute; top: 0; right: 15px; height: 40px; font-size: 20px; color: #303840; background: none; } fieldset#error { color: #d02a35; background-color: rgba(248, 172, 177, .9); } fieldset#message { color: #118c4e; background-color: rgba(160, 209, 184, .9); } fieldset#warning { margin: 0 0 15px; text-align: center; padding: 10px; border: 0; background-color: rgba(208, 42, 53, .4); } fieldset#warning a { text-decoration: underline; } fieldset#error ul, fieldset#message ul { list-style-type: square; padding: 0 0 0 20px; } @media (max-width: 767px) { fieldset#error, fieldset#message { top: 45px; } fieldset#error, fieldset#message, fieldset#warning { font-size: 11px; } fieldset#error button, fieldset#message button { font-size: 18px; } fieldset#warning { margin: 0 0 5px; padding: 5px; } } @media (max-width: 480px) { fieldset#error, fieldset#message, fieldset#warning { font-size: 10px; } fieldset#error button, fieldset#message button { font-size: 16px; } } /* --- COMMENTS --- */ #comments h1 { margin: 0; } #comments .comments-wrap { display: none; } #comments #none { text-align: center; padding: 10px; font-size: 14px; font-weight: bold; } #comments .loading { position: relative; top: 0; left: 0; margin: 0 auto; padding: 150px 0; } #comments div.seemore { text-align: center; font-weight: normal; } #comments div.scrollTo a { color: #fff; } #comments #list li { text-align: justify; padding: 10px 2%; min-height: 40px; border-bottom: 1px solid #303840; } #comments #list li p:first-child { overflow: hidden; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #b0b3b5; } #comments #list li p:first-child b { font-size: 17px; } #comments #pagination { border-bottom: 1px solid #fff; } #comments #pagination li { display: inline-block; margin: 0 2px; } #comments a.seemore { padding-right: 35px; cursor: pointer; } #comments a.seemore i { position: absolute; right: 10px; line-height: 40px; } #comments form { padding: 15px 2%; } #comments div.input-label input, #comments div.input-label label { padding: 0 1.5%; } #comments form label { width: 13.2%; } #comments form textarea { padding: 10px 1.5%; min-width: 80.8%; max-width: 80.8%; min-height: 80px; } #comments #addacomment > p { padding: 15px; } #comments #addacomment > p b:nth-child(1) { display: block; margin: 0 0 5px; font-size: 14px; } #comments form div#submit { text-align: right; } @media (max-width: 767px) { #comments #list li p { font-size: 11px; } #comments a.seemore { padding-right: 31px; } #comments form, #comments form input, #comments form label, #comments form textarea { font-size: 9px; } } @media (max-width: 480px) { #comments #list li p { font-size: 10px; } #comments a.seemore { padding-right: 27px; } #comments form label { width: 27%; } #comments form input { width: 55%; } #comments form textarea { min-width: 67%; max-width: 67%; } } /* --- RECAPTCHA --- */ div.grecaptcha-badge { display: none; } div.g-recaptcha div { display: block; margin: 0 auto; } form#addacomment div#recaptcha { display: flex; justify-content: flex-end; } /* --- DOWNLOAD --- */ .ddl h1 { margin: 0; } .ddl .seemore { text-align: center; } .ddl table { text-align: left; margin: 0 auto; padding: 15px 10%; width: 80%; font-size: 16px; } .ddl table th, #mangafiche table td { vertical-align: top; } .ddl table th { width: 40%; } .ddl table td { width: 60%; } .ddl #captcha { position: relative; text-align: left; padding: 10px 0 0; } .ddl #captcha #error { display: none; text-align: center; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; color: #d02a35; } #ddl-button { display: none; } #ddl-button #button { text-align: center; } #ddl-button #button a { margin: 0; } @media (max-width: 979px) { .ddl #social { max-width: 605px; } } @media (max-width: 767px) { .ddl { font-size: 11px; } .ddl table { padding: 15px 5%; font-size: 14px; } .ddl #social { padding: 5px; max-width: 300px; } } @media (max-width: 480px) { .ddl { font-size: 10px; } .ddl table { padding: 2%; font-size: 12px; } } /* OTHER */ #other p, #other div { padding: 0 2%; } #other p { text-align: center; } #other p.message { font-size: 14px; line-height: 50px; font-weight: bold; } #other div { text-align: justify; } #error-page { text-align: center; padding: 100px 0; } #error-page div { font-size: 120px; color: #1066af; } #error-page p { margin-bottom: 15px; font-size: 28px; text-transform: lowercase; } @media (max-width: 767px) { #error-page div { font-size: 90px; } #error-page p { font-size: 23px; } #other div, #error-page a { font-size: 11px; } } @media (max-width: 480px) { #error-page div { font-size: 60px; } #error-page p { font-size: 18px; } #error-page a { font-size: 10px; } #other div { font-size: 9px; } } /* --- COOKIES WARNING --- */ div.cc_banner-wrapper > div > a.cc_btn.cc_btn_accept_all { color: white !important; background-color: #5794c7 !important; } .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse}.ui-datepicker th{text-align:center}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-icon{width:16px;height:16px}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget{background:#2e3641;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ui-datepicker{width:auto;padding:0}.ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ui-datepicker .ui-datepicker-prev-hover{left:2px}.ui-datepicker .ui-datepicker-next-hover{right:2px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{background-image:url(../images/icons/ui-icons-datepicker.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ui-datepicker table{margin:0}.ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ui-datepicker td{background:#5581a6;border:none;padding:0}.ui-datepicker td a{padding:.3em;text-align:center}td .ui-state-default{background:0 0;border:none;text-align:center;padding:.5em;margin:0;font-weight:400;color:#efefef;font-size:16px}.ui-datepicker td span{text-align:center}.ui-state-disabled{opacity:1}.ui-state-disabled .ui-state-default{color:#8da9c0}td .ui-state-active,td .ui-state-hover{background:#2e3641} .sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}