* { box-sizing:border-box; margin:0; padding:0; } body { margin:0; padding:0; color:#fff; background:#000; font-family:arial; font:13px/1.231 arial,helvetica,clean,sans-serif; font-family: "Lucida Grande",Tahoma,Arial,Sans-serif,sans; } form { margin:0; padding:0; } ul { margin:0; padding:0; } a { text-decoration:none; display:block; } a#chapter { font-size: 11px; } h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; } .god_box { box-shadow:0 0 3px #fff; box-sizing:border-box; margin:auto; overflow:hidden; } .header { display:grid; } .header_section { display:table-cell; border-top:3px outset white; border-left:3px outset white; border-right:3px inset white; border-bottom:3px outset red; } /* NAVIGATION */ .navigation { box-sizing:border-box; list-style-type:none; width:100%; position:relative; } .navigation li { display:inline-block; } .navigation li.icon { display:none; } .navigation li a { color:#fff; padding:15px; } .navigation li a:hover, .navigation li a.active { background: #a30000; background: linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -webkit-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -moz-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -ms-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -o-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); } /* SEARCH */ .search_bar { position:relative; overflow:auto; } .search_bar input[type=submit] { background:transparent; background-image:url(search2.png); background-size:100% 100%; width:20px; height:20px; padding:5px; top:2px; left:2px; border:0; cursor:pointer; position:absolute; outline:none; } .search_bar input[type=text] { border:0; padding:5px; border-radius:5px; outline:0; text-indent: 20px; width:100%; } /* Bookmark */ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; width: 50%; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } a#bmf { background-color: #4CAF50; border: none; color: white; padding: 3px 24px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; float: right; } .lin { color: #000; float: right; padding: 16px; } .user { padding: 16px; float: left; color: #000; } .user_box { background-color: #fff; width: 100%; display: inline-block; } .bookname { font-weight: 800; } .removechap { color: #c11414; } /* Login */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500); *:focus { outline: none; } #login-box { position: relative; margin: 5% auto; width: 600px; height: 400px; background: #FFF; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); text-align: center; } button.social-signin { margin-bottom: 20px; width: 550px; height: 36px; border: none; border-radius: 10px; color: #FFF; font-family: 'Roboto', sans-serif; font-weight: 500; transition: 0.2s ease; cursor: pointer; } button.social-signin:hover, button.social-signin:focus { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); transition: 0.2s ease; } button.social-signin:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); transition: 0.2s ease; } button.social-signin.facebook { background: #32508E; } button.social-signin.twitter { background: #55ACEE; } button.social-signin.google { background: #DD4B39; } .buttons { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .signin { color: #000; padding-top: 50px; font-size: 20px; } /* MAIN */ .main { display:grid; } .main_section { display:table-cell; } .left { box-sizing:border-box; vertical-align:top; background:#111; padding:5px; display:none; } div.bar { font-size:10px; } h1.title, h3.title { font-size:15px; text-shadow:#006aa6 2px 1px 1px; font-weight:bolder; padding:7px; font-family: Arial,Helvetica,sans-serif; margin:0; } h1.title a { color:#000; display:inline-block; } h1.main_title { font-size: 14px; } h2.sub_title { font-size: 13px; } p.title { background: #fafafa; color: #000000; font-size: 11px; padding: 0px; } .title { color:#fff; padding:5px; font-weight:700; text-align:center; background:url(title_background.png); margin:5px 2px; } .bar { color:#fff; padding:5px; font-weight:700; text-align:center; background:url(title_background.png); margin:5px 2px; } .box { text-align:center; padding:5px 1px; } /* Share */ .shareme { background:#fafafa; padding:7px; border-radius:3px; } .shareme a { display:inline-block; } .shareme img { width:37px; } .shareme a:hover img { filter: brightness(140%); -webkit-filter: brightness(140%); -moz-filter: brightness(140%); -ms-filter: brightness(140%); -o-filter: brightness(140%); } /* Sidebar Description */ .sidebar_description { font-size:9px; text-align:center; background:#fafafa; color:#111; padding:7px; font-family: "Century Gothic","Lucida Grande",Tahoma,Arial,Sans-serif,sans; font-weight:700; border-radius:3px; } .sidebar_description div { padding:5px; overflow:auto; text-align:justify; } .sidebar_description div a { float:left; width:25%; margin:2px 0; } .sidebar_description div a:hover img { border:1px solid #666; filter: brightness(110%); -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -ms-filter: brightness(110%); -o-filter: brightness(110%); } .sidebar_description div a img { width:70px; height:100px; border:1px solid silver; } .sidebar_description .extra { text-align:center; } .right { box-sizing:border-box; vertical-align:top; padding:2px; width:100%; } .SliderName { color: #fff; } .slide_box { position:relative; box-shadow:0 0 1px #fff; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides a { position:relative; padding-bottom:40%; } .rslides img { display: block; height: auto; float: left; width: 100%; height:100%; border: 0; position:absolute; top:0; left:0; bottom:0; right:0; } .rslides li div { position:absolute; bottom:0; left:0; z-index:999; padding:10px 20px; font-size:18px; border-top-right-radius:3px; background:rgba(0,0,0,.7); } .rslides_nav.prev { position:absolute; left:10px; top:calc(50% - 24px); z-index:9999; background:rgba(0,0,0,.6); width:40px; height:58px; background: url('left-right.png'); background-position: -10px -31px; } .rslides_nav.prev:hover { background-position: -130px -31px; } .rslides_nav.next { position:absolute; right:10px; top:calc(50% - 24px); z-index:9999; background:rgba(0,0,0,.6); width:40px; height:58px; background: url('left-right.png'); background-position: -70px -31px; } .rslides_nav.next:hover { background-position: -190px -31px; } .navigation li.icon div { text-decoration: none; display: block; color: #fff; padding: 15px; background: #a30000; background: linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -webkit-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -moz-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -ms-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); background: -o-linear-gradient(to bottom,#ff0a0a 0%,#a30000 100%); } .rslides_tabs { position:absolute; top:5px; right:5px; z-index:999; } .rslides_tabs li { display:inline-block; } .rslides_tabs li.rslides_here a { background-position: -67px -7px; } .rslides_tabs li a { padding:7px; color:white; background: url('bullets.png') no-repeat; width:16px; height:16px; background-position: -7px -7px; } .rslides_tabs li a:hover { background-position: -37px -7px; } .newhot { color: #FFFFFF; text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18; margin-right: 8px; } .featured_list { } .featured_item { display:table; width:100%; border:1px solid silver; border-spacing:0; background:#FFA314; border-radius:3px; box-shadow:1px 2px 0 #9c9c9c; margin:0 0 15px 0; } .featured_item_info { display:table-cell; vertical-align:top; padding:5px; width:100%; text-align:right; color:#000; } .featured_item_info a { color:#146EC9; font-weight:bold; font-size:18px; padding:5px 0 0 0; } .featured_item_info div { font-size:16px; padding:0px 0; } .featured_item_info p { padding:5px 0; } .featured_item_info span { display:inline-block; padding:3px 0; color:#2F2F5F; } .featured_item_image { display:table-cell; vertical-align:top; padding:5px; } .featured_item_image img { width:80px; height:127px; border:1px solid silver; box-shadow:2px 1px 0 #eee; } #MarketGidComposite179671 .mgbox { width: auto !important; height: auto !important; } .stretch_me { height:100%; box-shadow:0 0 3px silver; background: #000; } .stretch_me a { height:100%; } .stretch_me a img { width:100%; height:100%; } .park_me{ margin:auto; max-width:800px; height: 290px; } .park_me a img { width: 100%; height: 100%; } .latest_list { overflow:hidden; } .latest_list .latest_item { float:left; position:relative; width:24%; margin:.5%; } .latest_list .latest_item a { padding-bottom:140%; position:relative; } .latest_list .latest_item .image img { position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; } .latest_list .latest_item .name { position:absolute; display:block; top:0; left:0; right:0; color:#fff; padding:5px; text-align:center; background:#4B4B40; } .latest_list .latest_item .name:hover { } .latest_list .latest_item .chapter_box { position:absolute; bottom:-1px; left:0; right:0; padding:0; } .latest_list .latest_item .chapter_box a { color:rgb(255,163,20); padding:5px; background:rgba(0, 0, 0, .9); background: linear-gradient(rgba(17,17,17,.9) 50%, rgba(0,0,0,.9) 50%); border-bottom:1px solid #333; } .latest_list .latest_item .chapter_box a:hover { color:rgb(20,110,201); } .series_section { background:#fff; width:100%; height:100%; } .series_info { display:table; } .series_info { display:table; width:100%; } .manga_series_info_section { display:table-header-group; } .manga_series_description_section { display:table-row-group; } .manga_series_list_section { display:table-footer-group; } .manga_series_info { display:table; width:100%; } .manga_series_info .manga_series_image { display:table-cell; text-align:center; padding:5px; vertical-align:top; } .manga_series_info .manga_series_image img { width: 222px; } .manga_series_info .manga_series_data { display:table-cell; width:100%; padding:35px 5px; vertical-align:top; color:#000; } .manga_series_info .manga_series_data h1 { color: #1589FF; font-size:18px; text-transform:uppercase; } .manga_series_info .manga_series_data h5 { color: #1589FF; font-size:18px; text-transform:uppercase; } div#login_user { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 11px; line-height: 1.5; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; background: #ffc107; border-color: #ffc107; color: #fff; height: 31px; } div#rating_id { height: 26px; } .manga_series_info .manga_series_data div { margin:3px 0; } .manga_series_info .series_sub_genre_list { margin:3px 0; } .manga_series_info .series_sub_genre_list a { background-color:#1589FF; display:inline-block; padding:10px 25px; color:#fff; border-radius: 12px; margin-top: 2px; } .manga_series_info .series_sub_chapter_list { color:#2A3F04; } .manga_series_info .series_sub_chapter_list div { margin:10px 0; } .manga_series_info .series_sub_chapter_list a { display:inline-block; color:#2A3F04; } .manga_series_info .series_sub_chapter_list a:hover { text-decoration:underline; } .manga_series_description { padding:15px 5px; border:1px solid #333333; background-color:#FFA314; color:#000; margin:5px; } .manga_series_description div { font-weight:normal; font-size:16px; } .manga_series_description p { padding:5px 0; } .manga_series_list { padding:5px; } .manga_series_list table { border-spacing:0; color:#2A3F04; width:100%; text-align:left; border:1px solid #2A3F04; } .manga_series_list table thead { } .manga_series_list table thead th { padding:10px 5px; border-bottom:1px solid #2A3F04; color:#2A3F04; font-weight:bold; font-size:14px; } .manga_series_list table thead th:not(:first-child) { padding:10px 20px; } .manga_series_list table tr { } .manga_series_list table tr td { border-bottom: 1px solid rgb(221, 210, 164); padding:10px 5px; } .manga_series_list table tr td:first-child { width:100%; } .manga_series_list table tr td:not(:first-child) { padding:5px 20px; text-align:center; } .manga_series_list table tr td:last-child { border-left: 1px solid rgb(221, 210, 164); } .manga_series_list table tr td a { color:#2A3F04; display:inline-block; font-weight: bold; } .manga_series_list table tr td a:hover { text-decoration:underline; } /*read js image*/ * {box-sizing: border-box} .mySlides { display: none; width: 100%; z-index: 99; position: relative; } img#gohere { vertical-align: middle; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .image_orientation { position: relative; margin: auto; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } /*end of read js image*/ .read_section { display:table; width:100%; } .top_section { display: table-header-group; } .top_section .top_description { color:#ffffff; text-align:center; padding:15px 5px; } .top_description .read_tools { } .top_description .read_tools .read_selector { display:inline-block; padding:3px 5px; } .top_description .read_tools .prenext { display:inline-block; padding:20px 10px; } .top_description .read_tools .prenext div { background-color:#0F67A1; color:#EBEBEB; display:inline-block; border-radius:3px; box-shadow:1px 1px 1px #8DD08F; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; padding: 3px 10px; } .middle_section { display: table-row-group; } .read_main_content { display:table; width:100%; } .read_main_content .ad_vertical { display:table-cell; vertical-align:top; } .read_main_content .read_image { vertical-align:top; display:table-cell; width:100%; text-align:center; } .read_main_content .read_image .bottomsup > div { /* background:#fff;*/ color:#000; text-align:center; padding:5px; } .read_main_content .read_image img { max-width: 100%; padding: 0; margin: 20px auto; box-sizing: border-box; width: 100%; } /* height: auto;*/ .bottom_section { display: table-footer-group; } .bottom_section .bottom_description { text-align:center; } .bottom_description .read_tools { padding:30px 0 0 0; } .bottom_description .read_tools div { } .bottom_description .read_tools span { } .bottom_description .read_tools span a { color:#1589FF; } .bottom_description .read_info { } .bottom_description .read_info article { padding:15px 0; text-align:justify; } .bottom_description .read_info article h2 { text-transform: uppercase; color:#1589FF; font-family: Arial,Helvetica,sans-serif; text-align:center; } .bottom_description .read_info article aside { padding: 10px 20px; } .latest_releases { background:#fff; width:100%; height:100%; } .pagination { padding:10px; text-align:center; } .pagination a { color:#444; display:inline-block; padding:0px 5px; border:1px solid silver; margin:3px 3px 0 3px; width:30px; text-align:center; } .pagination a.active { background:#005FA1; color:#fff; border:1px solid #003D80; } .pagination a:hover { border:1px solid #003D80; } .pagination .n_p { padding:5px 5px 1px 5px; } .pagination .first_p, .pagination .previous_p, .pagination .next_p, .pagination .last_p { font-size:18px; } .latest_releases_list { padding:10px; } .latest_releases_item { display:table; width:100%; border-bottom:1px dashed silver; } .latest_releases_image { display:table-cell; vertical-align:top; padding:5px 0 0 20px; } .ongoing_pic { background-image: url(hotnew.png); background-position: -296px -44px; background-repeat:no-repeat; } .completed_pic { background-image: url(hotnew.png); background-position:-318px 5px; background-repeat:no-repeat; } .hotmanga { background: url(hotness.png); position: absolute; bottom: 27px; right: 0; width: 50px; height: 50px; } .hot_manga_pic { background-image: url(hotnew.png); background-position: -38px -40px; background-repeat:no-repeat; margin:3px 0 0 0; width: 38px; height: 15px; display:inline-block; } .new_manga_pic { background-image: url(hotnew.png); background-position: 0 -40px; background-repeat:no-repeat; margin:3px 0 0 0; width: 38px; height: 15px; display:inline-block; } .latest_releases_image img { width:55px; height:85px; } .latest_releases_info { display:table-cell; vertical-align:top; padding:5px; width:100%; } .latest_releases_info a { color:#005FA1; font-weight:700; padding:4px; display:inline-block; } .latest_releases_info div { padding:4px 10px; } .latest_releases_info div div { padding:0; } .latest_releases_info div a { font-weight:normal; color:#444; padding:0; display:inline-block; } .latest_releases_time { display:table-cell; vertical-align:top; padding:5px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; } .manga_main { background:#fff; width:100%; height:100%; } .alpha_letter_list { display:table; width:100%; padding:0 5px; border-spacing:3px; } .alpha_letter_list a { display:table-cell; padding:0 7px; background:rgb(20,110,201); border-radius:6px 6px 6px 6px; color:#fff; font-size:16px; text-align:center; } .list_main { background: #fff; width: 100%; height: 100%; display: table; border-spacing: 15px; } .list_item { color: #000; /*display: table; width: 100%;*/ display: inline-flex; width: 33%; border-bottom:1px dashed silver; border-top:1px dashed silver; } .list_item_content { width: 100%; } .list_image { text-align: center; } .list_item_info { display: table-cell; vertical-align: top; padding: 5px; width: 100%; } .list_item_info a { color: #005FA1; font-weight: 700; padding: 4px; display: inline-block; } .list_item_info div { padding: 4px 10px; } .manga_list { overflow:auto; } .manga_item_list { float:left; width:50%; } .manga_item { width:100%%; padding:10px; border:1px solid silver; margin:.5%; overflow:auto; } .manga_item b { color:#000; display:block; text-align:right; font-size:14px; background:url(arrow_up.png); background-repeat:no-repeat; background-position:100%; padding-right:20px; } .manga_item div { border-bottom:1px dashed silver; padding:5px; } .manga_item a { display:inline-block; color:#1D2033; font-weight:bold; outline:0; } .manga_item span { display:inline-block; float:right; color:rgb(26,30,119); font-size:11px; font-weight:bold; } .search_main { background:#fff; width:100%; height:100%; display:table; border-spacing:15px; } .search_box { display:table-header-group; text-align:center; } .search_box input[type=text] { font-size:16px; padding:3px; width:480px; text-align:left; vertical-align:middle; outline:0; } .search_box input[type=submit] { border:0; background-image:url(search_items.png); background-position:-493px 0; background-repeat:no-repeat; width:111px; height:25px; vertical-align:middle; margin:0 5px; cursor:pointer; outline:0; } .search_box input[type=submit]:hover { background-position:-382px 0; } .select_genre { display:table-row-group; } .genre_table { display:table; width:100%; } .genre_info { display:table-cell; color:#3E3E3E; width:300px; text-align:justify; font-size:18px; vertical-align:middle; } .genre_info strong { display:block; text-align:center; padding:10px 0; } #genrebox { display:table-cell; } #genrebox .genreoption { background-image:url(search_items.png); background-repeat:no-repeat; color:#3E3E3E; cursor:pointer; display:inline-block; width:20%; padding:2px 0 5px 20px; } #genrebox .genreoption.check0 { background-position:0 -74px; } #genrebox .genreoption.check1 { background-position:-16px -58px; } #genrebox .genreoption.check2 { background-position:-34px -40px; } /* style for history items */ .history_header { padding: 15px 5px; border: 1px solid #333333; background-color: #1589FF; color: #fff; margin: 5px; text-align: center; border-radius: 11px; } #his_box { display:flex; flex-wrap:wrap; background:#fff; } #his_box .his_item { background:#fff; width:33.3%; padding:1%; justify-content:left; border-bottom:1px solid #d3d3d3; } #his_box .his_item .his_img { width:55px; display:inline-block; vertical-align:top; } #his_box .his_item .his_text { display:inline-block; color:black; padding-left:5px; width: 50%; } #his_box .his_item .his_text a { color:black; font-weight:bold; font-size:14px; } #his_box .his_item .his_text p { font-size:12px; } /* end of style for history items */ .options_table { display:table; color:#3E3E3E; margin:auto; } .options_table div { display:table-row; } .options_table span { display:table-cell; } .options_table select { display:table-cell; padding:3px; width: 100%; } .options_table div input[type=submit] { border:0; background-image:url(search_items.png); background-position:-493px 0; background-repeat:no-repeat; width:111px; height:25px; vertical-align:middle; margin:0 5px; cursor:pointer; outline:0; } .options_table div input[type=submit]:hover { background-position:-382px 0; } .options_table div input[type=button] { border:0; background-image:url(search_items.png); background-position:-270px -25px; background-repeat:no-repeat; width:112px; height:25px; vertical-align:middle; margin:0 5px; cursor:pointer; outline:0; } .options_table div input[type=button]:hover { background-position:-270px 0; } .search_result_box { display:table-footer-group; height:100%; } .search_result { width:100%; height:100%; color:#3E3E3E; } .manga_result { float:left; width:50%; } .manga_result h3 { color:blue; margin:7px 0; padding-left:15px; } .manga_search_item { display:table; border:1px solid #ccc; border-radius:3px; box-shadow:1px 2px 0 #9C9C9C; margin:15px 3% 15px 0; border-spacing:5px; width:97%; } .manga_search_item h6 { display:table-cell; vertical-align:top; font-size:12px; color:#000; } .manga_search_item span { display:table-cell; vertical-align:top; } .manga_search_item span:nth-child(3) { width:100%; } .manga_search_item span img { width:80px; height:125px; border:1px solid silver; } .manga_search_item span h3 { padding:0; } .manga_search_item span h3 a { color:#083769; display:inline-block; } .manga_search_item span div { margin:10px 0; } .manga_search_item span strong { color:#2F2F5F; font-weight:normal; margin:10px 0; display:block; } .manga_search_item div a { font-style:italic; display:inline-block; color:#3f3f3f; } .manga_search_item div a:hover { color:#083769; } .mangaka_result { float:left; width:50%; } .mangaka_result h3 { color:blue; margin:7px 0; padding-left:15px; } .mangaka_search_item { border:1px solid #ccc; box-shadow:1px 2px #9c9c9c; padding:3px; border-radius:3px; margin:15px 0 15px 0; border-spacing:5px; } .mangaka_search_item h6 { font-size:14px; padding:5px; } .mangaka_search_item div { } .mangaka_manga_list { } .mangaka_manga_item { display:table; width:100%; border-spacing:3px; border-bottom:1px dashed silver; } .mangaka_manga_item span { display:table-cell; vertical-align:top; } .mangaka_manga_item span img { width:30px; height:45px; border:1px solid silver; } .mangaka_manga_info { width:100%; padding:0 5px; } .mangaka_manga_item span h5 { } .mangaka_manga_item span h5 a { color:#083769; font-size:12px; display:inline-block; } .mangaka_manga_item span div { } .mangaka_manga_item span div a { color:#3f3f3f; display:inline-block; font-style:italic; font-size:11px; } .mangaka_manga_item span div a:hover { color:#083769; } .manga_ranking { background:#fff; width:100%; height:100%; } .ranking_section { display:table; width:100%; } .genre_section { display:table-cell; width:250px; vertical-align:top; } .genre_list { border:1px solid silver; margin:5px; } .genre_list div { color:#000; padding:15px; font-weight:bold; } .genre_list a { color:#054B5B; padding:10px 15px; } .genre_list a.active { background:#1589FF; color:#fff; font-weight:bold; } .ranking_series { display:table-cell; vertical-align:top; } .ranking_list { } .ranking_item { display:table; width:99%; border:1px solid silver; margin:.5%; border-spacing:5px; } .ranking_item span { display:table-cell; color:#000; font-size:12px; vertical-align:top; font-weight:bold; } .ranking_item .ranking_item_image { display:table-cell; vertical-align:top; } .ranking_item .ranking_item_image img { width:80px; height:125px; border:1px solid silver; } .ranking_item .ranking_item_info { display:table-cell; vertical-align:top; width:100%; color:#000; } .ranking_item .ranking_item_info h3 { text-align:left; text-transform:uppercase; } .ranking_item .ranking_item_info div { padding:5px; } .ranking_item .ranking_item_info div:last-child { padding:5px; color:#2F2F5F; } .privacy_policy { padding:15px; } .privacy_policy h1 { color:#1589FF; text-align:center; padding:25px; } .privacy_policy h2 { color:#1589FF; padding:20px 0; } .privacy_policy p { text-align:justify; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-size:12px; } .contact_us { text-align:center; color:#1589FF; } .contact_us h1 { padding:15px 0; } .contact_us p { padding: 0 5px 5px 5px; margin:auto; } .contact_us form { text-align:center; margin:auto; display:inline-block; } .contact_us label { display:block; padding:5px; } .contact_us input[type=text] { display:block; border:0; margin:auto; width:250px; padding:7px; border-radius:3px; } .contact_us textarea { display:block; padding:7px; margin:auto; width:250px; border-radius:3px; } .contact_us input[type=submit] { border:0; background:#fff; padding:7px 12px; border:1px solid #666; margin:5px; } .chapter_list { margin:7px 0 0 0; display:inline-block; } .chapter_list div { padding:10px; display:inline-block; } .chapter_list select { margin:0; padding:0; width:200px; } .bottomsup { /* background:#fff;*/ /* display:inline-block;*/ margin:auto; /* max-width: 800px;*/ } .latest_release { display: table; width: 40%; border-spacing: 0; background: #E98628; border-radius: 3px; box-shadow: 1px 2px 0 #9c9c9c; padding: 4px; float: right; } .latest_release:hover { background: #B15702; } /* FOOTER */ .footer { display:grid; } .footer_section { display:table-cell; } .footer_info { font-size:11px; text-align:left; padding:10px; } .footer_info a { font-size:11px; color:#fff; display:inline-block; } .footer_info a { color:#53A6EE; } .social_sharing { float:right; } .social_sharing a:hover img { opacity:.7; filter: alpha(opacity=70); } .backlinks { } .backlinks a { display:inline-block; } .backlinks a:not(:last-child):after { content:' - '; color:#fff; cursor:default; } .backlinks a:not(:last-child):after { content:' - '; color:#fff; cursor:default; } .ads1 { display: table-cell; width: 100%; /*padding: 0px 100px;*/ } /*.ad_box a img { width: 100%; height: 100%; }*/ .ad_box { display:table; width:100%; text-align:center; } .ad_box div { display:table-cell; } .footer_box { display:table; width:100%; height: 255px; text-align:center; padding-left: 120px; padding-right: 120px; } .footer_box div { display:table-cell; } .editorial a img { width:100%; } .latest_list .editorial { float: left; position: relative; width: 24%; margin: .5%; } /* min-width:735 .right { width:734px; } */ #cache_image { width: 0; position:absolute;z-index:-1000;opacity:0; } #cache_image img { position:absolute; width: 0; } @media (min-width:1070px) { .god_box { width:1070px; } .main { display:grid; } .main_section_content { display:table; overflow:hidden; width:100%; height:100%; } .left { display:table-cell; width:336px; } .right { display:table-cell; width:734px; } .search_bar input[type=text] { width:250px; } .navigation { display:inline-block; } .navigation li { display:inline-block; width:auto; } .navigation li:nth-last-child(2) { float:right; } .navigation li:nth-last-child(3) { float:right; padding:0 5px; } .search_bar { display:inline-block; top:10px; } #tooltip { display:table; } .top_description .read_tools { height: 82px; } } @media (max-width:1070px) { .main_section { display: table-cell; padding-top: 72px; } .navigation { box-sizing: border-box; list-style-type: none; width: 100%; position: fixed; background: #000; z-index: 999; } .navigation li:not(:first-child) {display: none;} .navigation li.icon { position:absolute; top:0; right:0; display: inline-block; } .navigation.responsive li.icon { position: absolute; right: 0; top: 0; } .navigation.responsive li { float: none; display: block; } .navigation.responsive { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; } .navigation.responsive li:nth-child(1) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; } .navigation.responsive li:nth-child(2) { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; } .navigation.responsive li:nth-child(3) { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3; } .navigation.responsive li:nth-child(4) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; box-ordinal-group: 4; } .navigation.responsive li:nth-child(5) { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; box-ordinal-group: 5; } .navigation li:nth-last-child(2) { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; box-ordinal-group: 6; } .navigation li:nth-last-child(3) { display:block; -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; box-ordinal-group: 7; } .navigation.responsive li a { display: block; text-align: left; } .manga_series_info { display:block; } .manga_series_info .manga_series_image { display:block; } .manga_series_info .manga_series_data { display:block; } .manga_series_list table thead th:not(:first-child) { padding:10px 5px; } .manga_series_list table tr td:not(:first-child) { padding:5px; } .read_main_content .ad_vertical { display:none; } .alpha_letter_list { display:block; text-align:justify; } .alpha_letter_list a { display:inline-block; margin:3px 0; } .manga_item_list { float:none; width:100%; } .genre_table { display:block; text-align:center; } .genre_table .genre_info { display:block; text-align:center; margin:auto; padding:20px 5px; height:150px; width:100%; } .genre_table #genrebox { display:block; } .genre_table #genrebox div { text-align:left; } .manga_result { float:none; width:100%; } .mangaka_result { float:none; width:100%; } .manga_search_item { margin:15px 0; width:100%; } .search_box input[type=text] { width:100%; } .ad_box div:nth-child(3) { display:none; } .footer_box { display:table; padding-left: 10px; padding-right: 10px; } .footer_box div { display:table-cell; } .footer_box div:nth-child(3) { display:none; } .ranking_section { display:block; } .genre_section { display:block; width:100%; } .genre_section .genre_list { overflow:auto; } .genre_section .genre_list a { float:left; width:33.33%; } .ranking_series { display:block; } #login-box { width: 100%; } button.social-signin { width: 550px; } } @media (max-width:550px) { .latest_list .latest_item { width:32%; } .list_item { width: 100%; } .list_item_info { display: unset; } #genrebox .genreoption { width:33.33%; } .options_table { display:block; } .options_table div { display:block; } .options_table div span { display:block; padding:5px; text-align:center; } .options_table div select { display:block; padding:5px; } .ads1 { display: block; width: 300px; padding: 5px; margin-left: auto; margin-right: auto; } .ad_box div:nth-child(2) { display:none; } .ad_box div:nth-child(3) { display:none; } .footer_box { display:table; padding-left: 10px; padding-right: 10px; } .footer_box div { display:table-cell; } .footer_box div:nth-child(2) { /*display:none;*/ } .footer_box div:nth-child(3) { display:none; } .banner_ads { /*display:none;*/ } .genre_section .genre_list a { float:left; width:50%; } #his_box .his_item { width: 50%; } #login-box { width: 100%; } button.social-signin { width: 360px; } } @media (max-width:350px) { .ad_box { display:none; } .footer_box { display:none; } .banner_ads { display:none; } .latest_list .latest_item { width:49%; } .genre_table .genre_info { height:250px; text-align:justify; } .ad_box div { display:inline-block; } .footer_box div { display:inline-block; } #login-box { width: 100%; } button.social-signin { width: 280px; } }