body {
margin: 0;
padding: 0;
font-family: "Catamaran", sans-serif;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
color: #5799c7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
.htm {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: none;
}
nav {
background: #fff;
box-shadow: 0 0 20px #ddd;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
height: 60px;
}
.nav_header {
width: 1000px;
margin: 0 auto;
}
header {
float: left;
margin-right: 30px;
}
header img {
height: 40px;
width: auto;
padding: 10px;
}
.nav-mobile {
display: none;
}
.menu-nav-container {
float: left;
line-height: 60px;
}
.menu-nav-container li {
float: left;
}
.menu-nav-container li a {
padding: 0 10px;
font-weight: 700;
letter-spacing: 0.5px;
display: inline-block;
}
.search-mobile {
display: none;
}
.search {
float: right;
line-height: 60px;
position: relative;
}
.search .searchfield {
padding: 10px 10px;
box-sizing: border-box;
border-radius: 20px;
border: 1px solid #ddd;
outline: none;
transition: 0.2s;
}
.search .searchfield:focus {
border: 1px solid #add6f4;
}
.search .searchsubmit {
border: none;
background: transparent;
color: #333;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
transition: 0.2s;
cursor: pointer;
outline: none;
}
.search .searchsubmit:hover {
color: #60aee5;
}
.head-featured {
text-align: center;
margin-top: 80px;
margin-bottom: 10px;
}
.head-featured li {
display: inline-block;
}
.head-featured li a {
color: #fff;
background: #5799c7;
padding: 5px 20px;
display: inline-block;
border-radius: 20px;
margin: 7px 5px;
}
.head-featured li:nth-child(even) a {
background: #ffa476;
}
.head-featured li:hover a {
background: #fff;
color: #333;
}
.wrapper {
width: 1000px;
margin: 0 auto;
}
.post-article {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.post .title {
text-align: center;
font-size: 27px;
margin-bottom: 20px;
}
.post .title span {
color: #ffa476;
}
.post article {
overflow: hidden;
box-sizing: border-box;
}
.post article .thumb {
float: left;
position: relative;
width: 200px;
height: 300px;
overflow: hidden;
margin-right: 20px;
}
.post article .thumb img {
min-height: 100%;
min-width: 100%;
max-height: 120%;
max-width: 120%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: auto;
height: auto;
}
.post article .thumb .comment-count {
position: absolute;
bottom: 10px;
right: 10px;
height: 40px;
width: 40px;
background: rgb(250, 147, 78);
text-align: center;
border-radius: 50%;
line-height: 40px;
}
.post .info h2 a {
color: #333;
transition: 0.2s;
}
.post .info h2 a:hover {
color: #5799c7;
}
.post article .rating i {
color: rgb(255, 143, 87);
margin-right: 5px;
}
.post article .comment-count i {
color: rgb(87, 160, 255);
margin-right: 5px;
}
.post article .top-post {
overflow: hidden;
margin-bottom: 5px;
display:flex;
justify-content:start;
align-items:center;
gap:10px;
}
.post article ul li strong {
color: #aaa;
font-weight: 500;
margin-right: 4px;
}
.post article ul li {
color: #555;
font-size: 14px;
line-height: 27px;
}
.post article ul li a {
color: #555;
}
.post article ul li a:hover {
color: #5799c7;
}
.post article .bot-post {
overflow: hidden;
}
.post article .bot-post a {
padding: 3px 15px;
background: #5799c7;
display: inline-block;
border-radius: 20px;
color: #fff;
margin-bottom: 7px;
border: 1px solid transparent;
transition: 0.2s;
}
.post article .bot-post a:hover {
border: 1px solid #5799c7;
background: #fff;
color: #333;
}
.post {
margin-bottom: 20px;
} .pagination {
overflow: hidden;
margin-top: 7px;
}
.pagination li {
float: left;
margin-right: 7px;
}
.pagination li a {
display: inline-block;
padding: 4px 15px;
border-radius: 4px;
background: #5799c7;
color: #fff;
margin-bottom: 7px;
}
.pagination li.disabled a {
background: #fff;
color: #333;
}
.pagination li.active a {
background: #eee;
color: #333;
}
.wrapper-2 {
overflow: hidden;
background: #222;
padding: 20px;
}
.post-2 .wrapper-2-a {
margin: 0 auto;
width: 1000px;
overflow: hidden;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
.post-2 article {
position: relative;
}
.post-2 article .thumb {
position: relative;
width: 100%;
height: 120px;
overflow: hidden;
margin-bottom: 10px;
}
.post-2 article .thumb img {
min-height: 100%;
min-width: 100%;
max-height: 110%;
max-width: 150%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: auto;
height: auto;
}
.post-2 article .thumb .thumb-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(148, 202, 241, 0.5);
z-index: 10;
display: none;
}
.post-2 article:hover .thumb .thumb-hover {
display: block;
}
.post-2-cat {
position: absolute;
top: 5px;
left: 5px;
padding: 4px 15px;
background: rgb(248, 135, 79);
border-radius: 20px;
font-size: 13px;
z-index: 11;
}
.post-2-cat a {
color: #fff;
}
.post-2-complete {
color: #fff;
}
.wrapper-2 .title {
text-align: center;
margin-bottom: 20px;
color: #eee;
font-weight: 500;
}
.wrapper-2 .title span {
color: #5799c7;
}
.wrapper-3 {
padding: 20px 20px 0 20px;
width: 1000px;
margin: auto;
overflow: hidden;
}
.wrapper-3 .title {
margin-bottom: 20px;
padding: 7px 20px;
color: #fff;
background: #5799c7;
border-radius: 20px;
display: inline-block;
font-size: 17px;
letter-spacing: 1px;
}
.wrapper-3 .title-a {
text-align: center;
}
.post-3 .wrapper-3-a {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
}
.post-3 article .thumb {
position: relative;
width: 100%;
height: 150px;
overflow: hidden;
margin-bottom: 10px;
}
.post-3 article .thumb img {
min-height: 100%;
min-width: 100%;
max-height: 120%;
max-width: 120%;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
position: absolute;
width: auto;
height: auto;
}
.post-3 .live-action-live {
text-align: center;
}
.post-3 .live-action-live a {
padding: 7px 15px;
background: #5799c7;
border-radius: 20px;
color: #fff;
display: inline-block;
border: 1px solid transparent;
transition: 0.2s;
}
.post-3 .live-action-live a:hover {
border: 1px solid #5799c7;
background: #fff;
color: #333;
}
.single {
float: left;
width: 685px;
}
.single .title {
text-align: center;
color: #333;
margin-bottom: 15px;
}
.single .thumbnail {
position: relative;
min-height: 300px;
}
.single .thumbnail-a img {
width: 100%;
}
.single .coverthumbnail {
position: absolute;
bottom: 15px;
left: 5px;
overflow: hidden;
border-radius: 10px;
height: 228px;
width: 180px;
box-shadow: 0 0 10px #333;
}
.single .coverthumbnail img {
min-height: 100%;
min-width: 100%;
max-height: 110%;
max-width: 190%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: auto;
height: auto;
}
.single .info {
margin-bottom: 15px;
}
.single .info ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 10px;
}
.single .info ul li {
padding: 10px 0;
font-size: 14px;
border-bottom: 2px solid #eee;
position: relative;
}
.single .info ul li:after {
border-bottom: 2px solid #5799c7;
width: 30px;
position: absolute;
bottom: -2px;
left: 0;
content: "";
}
.single .info ul li i {
color: #ffa476;
margin-right: 7px;
}
.subheading h2 {
text-align: center;
border-bottom: 15px;
font-size: 17px;
color: #333;
letter-spacing: 1px;
}
.title_info_single {
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.title_info_single span {
color: #5799c7;
margin-right: 7px;
}
.single .info2 table {
width: 100%;
font-size: 15px;
}
.single .info2 table .tablex {
width: 150px;
font-weight: 500;
}
.single .info2 .ratingx span {
float: right;
}
.single .info2 table td {
padding: 0 10px;
line-height: 40px;
}
.single .info2 table .info_a {
color: #aaa;
}
.single .info2 table a:hover {
text-decoration: underline;
}
.single .info2 table tr:nth-child(even) {
background: #eee;
}
#Sinopsis img {
max-width: 100%;
height: auto;
}
.trailer iframe {
width: 100%;
height: 350px;
border: none;
} .streamx,
.streamxl {
display: none;
}
.download h3 {
padding: 7px 15px;
background: rgb(167, 187, 202);
color: #333;
margin-bottom: 10px;
}
.download .batch-dlcuy {
padding: 10px 10px 2px 10px;
background: #2e74a7;
border-radius: 5px;
margin-bottom: 15px;
}
.download .batch-dlcuy li:last-child {
margin-bottom: 0 !important;
}
.download .batch-dlcuy li:nth-last-child(n + 2) {
margin-bottom: 0 !important;
}
.download .batch-dlcuy h4 {
color: #fff;
font-weight: 500;
padding: 7px 10px;
background: #3d8ec7;
border-radius: 3px;
margin-bottom: 10px;
}
.download .batch-dlcuy li strong {
padding: 7px 0;
display: inline-block;
background: #205d88;
color: #fff;
width: 60px;
text-align: center;
border-radius: 4px;
margin-right: 10px;
}
.download .batch-dlcuy li a {
color: #fff;
padding: 7px 10px;
background: #276088;
margin-right: 7px;
margin-bottom: 7px;
border-radius: 4px;
display: inline-block;
}
.download .batch-dlcuy ul {
padding: 0 !important;
}
.download h5 {
display: none;
}
.download b {
color: #fff;
font-weight: 500;
}
.download ul {
padding: 20px 20px 10px 20px;
background: #2e74a7;
}
.download h4 {
padding: 10px;
background: #3f8ec7;
color: #fff;
font-weight: 500;
}
.download strong {
background: #448cc0;
padding: 7px 0;
width: 60px;
display: inline-block;
text-align: center;
border-radius: 4px;
color: #fff;
font-weight: 500;
margin-right: 7px;
margin-bottom: 7px;
}
.download li {
margin-bottom: 7px;
}
.download li a {
color: #fff;
padding: 7px 10px;
background: #559ccf;
border-radius: 3px;
display: inline-block;
margin-right: 7px;
margin-bottom: 7px;
}
#LinkDownload,
#Info {
margin-bottom: 15px;
}
.keyword {
margin-bottom: 15px;
}
.keying {
border-left: 3px solid #67b2e7;
padding-left: 10px;
}
.penutup {
margin-bottom: 15px;
}
.penutup h5 {
font-size: 16px;
margin-bottom: 7px;
}
.penutup h5 i {
margin-right: 5px;
color: rgb(99, 197, 122);
}
.report-link li {
padding: 7px 10px;
background: #61b3ee;
color: #fff;
}
.report-link li:nth-child(odd) {
background: #509dd4;
}
.report-link ul {
margin-bottom: 10px;
}
.sidebar {
float: right;
width: 300px;
}
.commentar h5 {
font-size: 16px;
border-bottom: 2px solid #d3e9f8;
padding-bottom: 10px;
margin-bottom: 15px;
}
.commentar h5 i {
color: #61b3ee;
margin-right: 5px;
}
.commentar h5 span {
color: #ffa476;
}
.commentar input {
padding: 10px;
border-radius: 4px;
border: 1px solid #ddd;
}
.commentar li {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 15px;
}
.commentar .submit {
padding: 7px 15px;
color: #fff;
background: #559ccf;
border-radius: 4px;
border: none;
cursor: pointer;
}
.commentar .children {
border-left: 3px solid #559ccf;
padding-left: 20px;
}
.commentar .children li {
border-bottom: none !important;
}
.commentar .children .children {
padding-left: 0;
border: none;
}
.commentar .comment-field {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.commenthead .avatars {
height: 70px;
width: 70px;
border-radius: 50%;
background: url(https://i.pinimg.com/originals/87/e9/ef/87e9ef328c361ddc3fdf3fc59ba1b5c0.jpg)
no-repeat center;
background-size: 100% auto;
border: 1px solid #ddd;
}
.commenthead {
float: left;
margin-right: 10px;
}
.comment-top {
overflow: hidden;
line-height: 72px;
margin-bottom: 10px;
}
.comment-author {
font-size: 17px;
font-weight: 600;
}
.commentar li {
overflow: hidden;
}
.comment-content {
padding: 10px;
background: #eee;
border-radius: 4px;
margin-bottom: 10px;
}
.comment-content img {
max-width: 100%;
height: auto;
}
.comment-content p {
margin: 0;
}
.comment-bot {
overflow: hidden;
}
.comment-bot .reply-comment {
float: left;
color: #3d8ec7;
}
.comment-bot .comment-date {
float: right;
color: #777;
}
#comment {
padding: 10px;
box-sizing: border-box;
width: 100%;
border-radius: 4px;
border: 3px solid #eee;
}
.sharing {
overflow: hidden;
margin-bottom: 15px;
} .archive-a {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
margin-bottom: 20px;
}
.archive article {
overflow: hidden;
position: relative;
}
.archive .thumbnail {
width: 100%;
height: 170px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.archive .thumbnail img {
min-height: 100%;
min-width: 100%;
max-height: 110%;
max-width: 190%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: auto;
height: auto;
}
.keyword-archive {
overflow: hidden;
}
.archive-title {
text-align: center;
font-size: 27px;
margin-bottom: 5px;
}
.archive-title span {
color: #5799c7;
}
.terms_tag {
overflow: hidden;
}
.terms_tag a {
color: #fff;
padding: 4px 10px;
border-radius: 4px;
background: #ffa476;
display: inline-block;
margin-right: 7px;
font-size: 13px;
}
.archive-a h2 {
font-size: 17px;
}
.term_tag-a {
margin-bottom: 10px;
}
.keyword-archive {
padding: 20px 0;
color: #444;
}
.result-count {
text-align: center;
font-size: 17px;
margin-bottom: 20px;
}
.result-count span {
color: rgb(230, 132, 84);
}
.series_archive {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.not-found {
font-size: 17px;
font-weight: 500;
text-align: center;
margin-bottom: 15px;
}
.search-not .search {
float: none !important;
display: inline-block;
}
.search-not {
text-align: center;
margin-bottom: 15px;
}
.sidebarwidget h3 {
font-size: 16px;
margin-bottom: 15px;
}
.sidebarwidget {
margin-bottom: 15px;
}
.sidebarwidget span {
color: #67b2e7;
}
.sidebarwidget.list ul li {
list-style: disc;
margin-left: 15px;
color: #ffa476;
}
.sidebarwidget.list ul li a:hover {
text-decoration: underline;
} footer {
background: #212d39;
padding: 20px;
}
.footer {
width: 1000px;
margin: 0 auto;
}
.footer-a {
display: grid;
grid-template-columns: 400px auto auto;
grid-column-gap: 20px;
}
.foot h3 {
font-size: 17px;
color: #eee;
font-weight: 500;
margin-bottom: 10px;
}
.about .content {
color: #ccc;
letter-spacing: 1px;
font-size: 14px;
}
.list a {
font-size: 14px;
}
.copyright {
margin-top: 7px;
} .navlist {
padding: 5px 10px;
text-align: center;
margin-bottom: 20px;
}
.navlist a {
color: #fff;
padding: 5px 15px;
border-radius: 3px;
background: #5799c7;
font-size: 13px;
display: inline-block;
margin-right: 7px;
margin-bottom: 7px;
}
.letter-cell {
font-size: 25px;
font-weight: 500;
margin-bottom: 15px;
padding: 5px 20px;
background: #d1e0ec;
}
.lettergroup {
margin-bottom: 10px;
}
.lettergroup ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.lettergroup li {
list-style: disc;
margin-left: 15px;
}
.lettergroup li a {
margin-bottom: 5px;
display: block;
}
.foot-anime-list {
font-size: 14px;
}
.foot-anime-list a {
color: #fff;
padding: 3px 15px;
border-radius: 4px;
display: inline-block !important;
background: #5799c7;
margin-right: 5px;
}
.foot-anime-list a:nth-child(1) {
background: #ffa476;
}
.foot-anime-list a:nth-child(2) {
background: rgb(230, 89, 89);
}
.foot-anime-list a:nth-child(3) {
background: #5799c7;
}
.jadwalrilis {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.jadwalrilis .rilis2 li {
list-style: disc;
margin-left: 20px;
color: #ffa476;
}
.jadwalrilis .rilis2 h2 {
font-size: 17px;
}
.jadwalrilis .rilis2 h3 {
font-size: 15px;
font-weight: 500;
}
.terms_all {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
margin-bottom: 20px;
}
.terms_all a:before {
content: "●";
margin-right: 7px;
color: #ffa476;
}
.terms_all a {
font-weight: 500;
} .notif {
padding: 20px;
background: #adf2bd;
border: 1px solid #92dfa4;
color: #319348;
}
.notif li {
list-style: disc;
margin-left: 15px;
}
.notif-web,
.notif-web-2 {
text-align: center;
}
.notif-web p {
padding: 7px 20px;
border-radius: 20px;
color: #fff;
display: flex;
justify-content: center;
margin: 0 0 20px 0;
}
.notif-web p a {
color: #eee;
background: #62c0e3;
}
.notif-web p a:nth-child(even){
background:#3D93B3;
}
.notif-web-2 a {
padding: 7px 20px;
border-radius: 20px;
background: #4da1c0;
color: #fff;
display: inline-block;
margin: 0 0 10px 0;
border: 1px solid transparent;
transition: 0.2s;
}
.notif-web-2 a:hover {
border: 1px solid #4da1c0;
color: #333;
background: #fff;
}
.notif-web.a_block p {
padding: 0 !important;
}
.notif-web.a_block p a {
padding: 7px 20px;
display: inline-block;
}
.notif-web a:first-child {
border-radius: 20px 0 0 20px;
}
.notif-web a:last-child {
border-radius: 0 20px 20px 0;
}
.notif-web a:hover {
background:#fff !important;
color:#333;
} .page-wp img {
max-width: 100%;
height: auto;
}
.dl_note {
background: #7cc1f2;
color: #fff;
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px;
}
.dl_note h4 {
padding: 15px;
background: #4381ad;
}
.dl_note h4 i {
color: #f7c1c1;
margin-left: 5px;
}
.dl_note li {
padding: 15px;
background: #67abdb;
}
.dl_note li:nth-child(even) {
background: #599ecf;
}
.dl_note li a {
color: #ddd;
}
.aligncenter {
display: block;
margin: 0 auto 10px auto;
}
.more-post-3 {
text-align: center;
margin-top: 20px;
}
.more-post-3 a {
padding: 10px 20px;
border-radius: 20px;
border: 1px solid #3e87c4;
display: inline-block;
font-weight: 600;
color: #333;
}
.more-post-3 a i {
margin-left: 5px;
display: inline-block;
}
.wrapper-last {
margin-bottom: 20px;
}
.download_box blockquote {
padding: 20px;
background: #eee;
margin: 5px 0 10px 0;
}
.download_box blockquote p {
margin: 5px 0;
}
.color_anilist {
color: #f16f6f;
}
.img-page img {
display: block;
margin: 0 auto;
}
.page-rekom {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.page-rekom article {
position: relative;
}
.page-rekom .thumb img {
min-height: 100%;
min-width: 100%;
max-height: 150%;
max-width: 120%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: auto;
height: auto;
}
.page-rekom .thumb {
margin: 0 auto 10px auto;
width: 100%;
height: 130px;
overflow: hidden;
position: relative;
}
.page-rekom .title-post2 {
font-size: 17px;
text-align: center;
margin-bottom: 10px;
}
.page-rekom .post-2-complete {
padding: 3px 10px;
border-radius: 20px;
background: #62c0e3;
font-size:13px;
display:inline-block;
margin-top:5px;
margin-right:5px;
}
.page-rekom .post-2-complete a {
color:#fff;
}
.page-more {
margin: 20px 0;
text-align: center;
}
.page-more a {
color: #fff;
padding: 10px 15px;
border-radius: 20px;
color: #333;
border: 1px solid #f8874f;
display: inline-block;
}
.page-rekom-content h2 {
border-bottom: 1px solid #f8874f;
padding-bottom: 10px;
margin-bottom: 20px;
}
.page-rekom-content li {
list-style: disc;
}
.rilis_ongoing .wrapper-3 .title {
background: #fe9e58;
}
.rilis_ongoing .wrapper-3:nth-child(odd) .title {
background: #4cace0;
}
.rilis_ongoing .wrapper-3-a article {
margin-bottom: 20px;
}
.wrapp-ongo-top {
background: #222;
color: #eee;
}
.wrapp-ongo-top.wrapper-3 {
padding: 20px;
}
.wrapp-ongo-top .thumb {
border-radius: 20px;
}
.wrapp-ongo-top .title {
text-transform: uppercase;
}
.ongoing-top {
margin-bottom: 15px;
}
.ongoing-top h3 i {
color: #4fcb67;
margin-right: 7px;
}
.rilis_ongoing .wrapper-3-a article:hover .eps_ongo,
.wrapp-ongo-top article:hover .eps_ongo {
background: #fb9d57;
}
.eps_ongo {
position: absolute;
bottom: 7px;
left: 7px;
padding: 7px 10px;
border-radius: 20px;
background: #72bdf1;
line-height: 17px;
color: #fff;
box-shadow: 3px 3px 5px #555;
}
.ongoing_updated {
position: absolute;
top: 7px;
left: 7px;
padding: 7px 10px;
color: #aaa;
background: #ddd;
font-size: 13px;
border-radius: 20px;
letter-spacing: 1px;
}
.updated_yes {
background: #fda05b;
color: #fff;
}
.jadwal-title {
padding-bottom: 10px;
border-bottom: 2px solid #ffbdaa;
margin-bottom: 10px;
text-align: center;
}
.daftar_hari {
text-align: center;
margin-bottom: 10px;
}
.daftar_hari a {
display: inline-block;
color: #fff;
padding: 5px 15px;
background: #53aae6;
border-radius: 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.daftar_hari a:nth-child(even) {
background: #f79857;
}
.rating-archive {
position: absolute;
top: 5px;
left: 5px;
color: #fff;
background: rgba(89, 140, 243, 0.77);
border-radius: 20px;
padding: 4px 12px;
font-size: 13px;
letter-spacing: 1px;
}
.eps-archive {
position: absolute;
bottom: 5px;
left: 5px;
color: #fff;
font-size: 13px;
background: rgba(0, 0, 0, 0.5);
padding: 3px 7px;
}
.animelist .pagination {
margin: 15px 0;
background: #f5f5f5;
border-radius: 10px;
padding: 10px 10px 5px 10px;
} .support_by {
text-align: center;
margin-right: -20px;
margin-bottom: 10px;
}
.support_by img {
height: 30px;
width: auto;
}
.support_by a {
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;
}
.support_by h3 {
font-size: 17px;
color: #eee;
margin-bottom: 20px;
}
.iframe-footer {
text-align: center;
margin-top: 20px;
margin-bottom: 15px;
}
.iframe-footer iframe {
border: none;
max-width: 200px;
height: 70px;
} .list_eps_stream {
display: grid;
grid-template-columns: repeat(8, 1fr);
}
.streaming_eps_box {
overflow: auto;
max-height: 210px;
}
.list_eps_stream li {
background: #4dabee;
text-align: center;
padding: 10px;
color: #fff;
cursor: pointer;
}
.list_eps_stream li:hover {
background: #3b92cf;
}
.list_server {
display: none;
}
.list_server ul {
display: none;
background: #C3E1FF;
padding:15px 15px 5px 15px;
border-radius: 20px;
text-align: center;
}
.list_server ul li {
display: inline-block;
padding: 5px 10px;
color: #fff;
background: #308EED;
cursor: pointer;
margin: 0 5px 10px 5px;
}
.list_server ul li.active {
background: #2262A3;
}
.alert-small {
text-align:center;
margin-bottom:15px;
}
.alert-small .alert {
display:inline-block;
padding:10px;
background:#FFE5C2;
border:1px solid #EFCFA5;
text-align:center;
}
.container_reso {
display: none;
}
.container_reso h3 {
text-align: center;
}
.list_reso {
display: none;
margin-bottom: 15px;
text-align: center;
}
.list_reso li {
display: inline-block;
padding: 10px 15px;
background: #4094cf;
font-weight: 600;
cursor: pointer;
color: #fff;
letter-spacing: 1px;
}
.list_reso li:first-child {
border-radius: 20px 0 0 20px;
padding-right: 20px;
}
.list_reso li:last-child {
border-radius: 0 20px 20px 0;
padding-left: 20px;
}
.list_reso li.active {
background: #327baf;
}
.list_eps_stream .active {
background: #3b92cf;
}
.streaming {
margin-bottom: 15px;
}
.select-eps {
cursor:pointer;
}
.video-streaming {
background: #333;
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow:hidden;
}
.video-streaming iframe {
border: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.video-streaming {
margin-bottom: 15px;
}
.tidak_ada_streaming {
text-align:center;
padding:15px;
background:#2DA1E1;
color:#fff;
margin-bottom:20px;
}
h3.pilih_eps {
font-size:17px;
margin-bottom:10px;
text-align:center;
}
.link_dl_klik {
text-align:center;
margin-bottom:10px;
}
.link_dl_klik a {
padding:7px 15px;
background:#FFA062;
display:inline-block;
color:#fff;
margin-bottom:5px;
}
.wait_stream {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:17px;
color:#fff;
} .inner_img_post {
position:absolute;
top:5px;
left:5px;
}
.inner_img_post div {
display:inline-block;
}
.has_streaming_post {
color:#fff;
background:#FEA95A;
padding:3px 10px;
font-size:13px;
border-radius:20px;
margin-bottom:5px;
margin-right:5px;
}
.has_sticky_post {
color:#fff;
background:#43B9E8;
padding:3px 10px;
font-size:13px;
border-radius:20px;
margin-right:5px;
}
.has_sticky_post i {
margin-right:5px;
}
.stiky_post {
background:#DCF5FF;
padding:5px;
border-radius:10px;
}
.title_nonton {font-size:20px;text-align:center;margin-bottom:15px;margin-top:15px;}
#play-eps-1 {
cursor:pointer;
}
.video-streaming img {
width:100%;
height:auto;
object-fit:cover;
}
.video-streaming .bg-hitam {
position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
}
.video-streaming .play-eps-1 {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#fff;
}
.video-streaming .play-eps-1 .icon-play i {
font-size:50px;
color:#25B5EE;
}
.video-streaming .play-eps-1 .icon-play {
margin-bottom:15px;
}
.tidak_ada_streaming {
margin-top:20px;
} .dl_pagination.mt-0 {
margin-bottom:10px;
}
.dl_pagination.mb-0 {
margin-top:10px;
}
.dl_pagination {
text-align:center;
}
.dl_pagination a {
display:inline-block;
padding:3px 10px;
background:#18AACC;
border-radius:4px;
color:#fff;
margin: 2px;
}
.dl_pagination a:hover {
background:#199EBD;
}
.dl_pagination a.dl_prev_next {
background:#178DA8;
}
.dl_pagination a.dl_active {
background:#E79835;
cursor: not-allowed;
}
.ads_link_top a {
margin-top:15px;
}
.ads_link_top.notif-web.a_block p a {
background:#B76EFF;
}
.ads_link_top.notif-web.a_block p a:nth-child(2) {
background:#FF6EE0;
}
.ads_vertikal {
text-align: center;
}
.ads_vertikal img {
max-width: 250px;
height: auto;
}
.ads_horizontal {
text-align: center;
}
.ads_horizontal img {
max-width: 100%;
height: auto;
}@media screen and (max-width:1000px) {
.nav_header,
.wrapper,
.post-2 .wrapper-2-a,
.wrapper-3,
.footer {
width: 100%;
box-sizing: border-box;
}
.wrapper,
.post-2 .wrapper-2-a,
.wrapper-3,
.footer {
padding: 20px;
}
.pb-0-900 {padding-bottom: 0 !important;}
.title_nonton {margin-top:0 !important;}
.notif-web p {margin:0;}
.nav_header {
padding-right: 17.5px;
}
.tidak_ada_streaming {
margin-top:0 !important;
}
}
@media screen and (max-width:900px) {
.nav-mobile {
display: block;
float: right;
line-height: 60px;
margin-right: 15px;
position: relative;
}
.menu-nav-container {
line-height: 22px;
display: none;
}
.navigasi {
top: 50%;
left: 50%;
position: fixed;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.menu-nav-container li {
float: none;
display: inline-block;
margin: 7px;
}
.menu-nav-container li a {
padding: 10px 15px;
background: #60B3E9;
color: #fff;
border-radius: 20px;
font-weight: 500;
}
.post-article {
grid-template-columns: repeat(4, 1fr);
}
.post article .thumb {
float: none;
margin-bottom: 15px !important;
margin-right: 0;
height: 270px;
width: 100%;
}
.stiky_post {
padding: 0 !important;
border-radius:0;
}
.stiky_post .info h2 {text-align:center;}
.stiky_post .top-post {
justify-content:center !important;
}
.stiky_post .info ul,.stiky_post .info .bot-post {
margin-left:10px;
}
.list-1 {
grid-area: list-1;
}
.list-2 {
grid-area: list-2;
}
.about {
margin-bottom: 20px;
grid-area: about;
}
.footer-a {
grid-template-columns: auto auto auto;
grid-template-areas: 'about about''list-1 list-2';
}
.list_eps_stream {
grid-template-columns: repeat(5, 1fr);
}
}
@media screen and (max-width:850px) {
.archive-a {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width:800px) {
.post-article {
grid-template-columns: repeat(3, 1fr);
}
.post-2 .wrapper-2-a {
grid-template-columns: repeat(4, 1fr);
}
.post-3 .wrapper-3-a {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.post-3 article .thumb img {
max-width: 200%;
}
.single,
.sidebar {
float: none !important;
width: 100%;
}
.lettergroup ul,
.jadwalrilis,
.terms_all {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
}
@media screen and (max-width:680px) {
.archive-a {
grid-template-columns: repeat(3, 1fr);
}
.list_eps_stream {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width:650px) {
.post-2 .wrapper-2-a {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width:600px) {
.single .coverthumbnail {
position: absolute;
box-shadow: none;
left: 50%;
bottom: -20px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 90px;
height: 120px;
border: 3px solid rgb(77, 171, 233);
}
.single .coverthumbnail img {
min-height: 100%;
min-width: 100%;
max-height: 110%;
max-width: 190%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: auto;
height: auto;
}
.single .thumbnail {
margin-bottom: 25px;
}
}
@media screen and (max-width:530px) {
.post-2 .wrapper-2-a {
grid-template-columns: repeat(2, 1fr);
}
.archive-a {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:570px) {
.post-article {
grid-template-columns: repeat(2, 1fr);
}
.post article .thumb {
height: 320px;
}
}
@media screen and (max-width:490px) {
.post article .thumb {
height: 270px;
}
.page-rekom {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:436px) {
.single .coverthumbnail {
width: 70px;
height: 90px;
}
.search-mobile {
display: block;
float: right;
line-height: 60px;
margin-right: 15px;
position: relative;
}
.post-3 article .thumb {
height: 150px;
}
nav .search {
top: 50%;
left: 50%;
position: fixed;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
display: none;
}
}
@media screen and (max-width:390px) {
.post-article {
grid-template-columns: repeat(1, 1fr);
}
.post article .thumb {
width: 200px;
margin: 0 auto;
}
.post-3 .wrapper-3-a {
grid-template-columns: repeat(1, 1fr);
}
.page-rekom {grid-template-columns: repeat(1, 1fr);}
.stiky_post {padding:17px 10px 10px 10px !important;}
}