/** Site: Anime Games Title: animegames-layout-d.css Description: Anime Games Layout D Author: Urico Mondelo **/ /** --- global --- **/ .layout-anime-d {font-size: 12px; color: #e0e0e0;} .layout-anime-d h1, .layout-anime-d h2, .layout-anime-d h3 {color: #fff;} .layout-anime-d .contentBox .title h2, .layout-anime-d .contentBox .title h3, .news-archives h3, .layout-anime-d .thumb-list-210x100 li a .info h2, .layout-anime-d ul.manga-wrapper li a .link span.chapter, .layout-anime-d .heading, #ninjaTimeBoxServer { font-family: "Terminal Dosis", "Lucida Grande", Arial !important; text-transform: uppercase; } .layout-anime-d hr.solid {border-top: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);} .layout-anime-d .dottedBorderTop {border-top: 1px solid #333;} .layout-anime-d .dottedBorderBottom {border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);} .layout-anime-d .animeText {color: #be3900 !important;} .layout-anime-d .darkText, .layout-anime-d .signUpLogin a {color: #fff !important;} .layout-anime-d .contentBox {border: none; background: none; color: #fff;} .layout-anime-d .contentBox .title {background: none; padding: 0; border: none; vertical-align: bottom; padding-bottom: 2px;} .layout-anime-d .contentBox .title a {margin-top: 14px;} .layout-anime-d .contentBox .title h2, .layout-anime-d .heading {font-size: 24px; color: #fff; font-weight: 600;} .layout-anime-d .contentBox .title h3, .news-archives h3 {font-size: 19px; color: #fff; font-weight: 600;} .layout-anime-d .contentBox .data, .layout-anime-d .reviewContainer, .layout-anime-d .reviewBody, .layout-anime-d .relatedArticles { background: #222222; border: 1px solid #111111; color: #e0e0e0; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.4); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .layout-anime-d .greenBox .title {background: none !important;} .layout-anime-d .redBox .data, .layout-anime-d .redBox .data h1 {color: red !important;} .layout-anime-d .greenBox .title h2 {color: green !important;} .layout-anime-d .greenBox .data {color: green !important;} .layout-anime-d .formSidebar .greenBox .data {color: #e0e0e0 !important;} .layout-anime-d .lightGrayBox .data { background-color: #dddddd; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#dddddd, endColorStr=#bbbbbb, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#bbbbbb, GradientType=0)"; } .layout-anime-d .detailedList li { border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1); color: #fff !important; } .layout-anime-d .detailedList li:last-child {border-bottom: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .layout-anime-d .detailedList li .num {color: #fff !important;} .layout-anime-d .game-categories {border: 1px solid #101010; background: #222222; border-radius: 4px;} .layout-anime-d .chapterList li a {border-bottom: 1px solid #101010; box-shadow: 0 1px 0 rgba(255,255,255,.1);} .layout-anime-d .mangaChapter, .layout-anime-d .gameActions { border: 1px solid #101010; background: #222222; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 1px 1px rgba(255,255,255,.1); height: 250px !important; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 1px 1px rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 1px 1px rgba(255,255,255,.1); } .layout-anime-d .gameActions .gameInfo {border-right: 1px solid #101010; height: 250px !important; color: #ccc;} .layout-anime-d .gameActions .gameInfo h1, .layout-anime-d .gameActions .gameExtras .darkText {color: #fff !important;} .layout-anime-d .gameActions .gameExtras .similarGames .titleAgain { background: #111; border-color: #111; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .gameActions .gameExtras .similarGames .titleAgain h3, .layout-anime-d .boldDarkText{color: #fff;} .layout-anime-d .mangaInfo {border-top: 1px solid #303030;} /** leaderboard **/ /** Comments **/ .layout-anime-d #new_comments_container {background: transparent;} .layout-anime-d .posts .entry {border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);} .layout-anime-d .posts .entry .data {background: none; border: none; box-shadow: none; color: #ddd;} .layout-anime-d .posts .entry .data .comments li {color: #333;} .layout-anime-d .posts .entry .data .comments li .data {color: #333;} .layout-anime-d .posts .entry .data .commentPointer {display: none;} .layout-anime-d .review {background: #101010 !important; border-bottom: 1px solid #000; padding-top: 10px !important; box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);} .layout-anime-d .posts .loading-link, .layout-anime-d .loading-link {background: #101010; border: 1px solid #000;} .layout-anime-d #gameReviewContainer .title .floatRight {margin-top: 10px;} .layout-anime-d .initialReviews li {border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);} /** sidebar **/ .layout-anime-d .contentBox .dataAgain {border: none;} .layout-anime-d .sidebarRight .contentBox .data {color: #fff !important;} .layout-anime-d .layout-arcade .sideBarRight .yellowBox {} .layout-anime-d .layout-arcade .sideBarRight .yellowBox .title { background: #2f2f2f !important; border: 1px solid #000 !important; border-bottom: none !important; padding: 5px; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .layout-arcade .sideBarRight .yellowBox .title h2 {color: #f6d266; font-size: 18px !important;} .layout-anime-d .layout-arcade .sideBarRight .yellowBox .data {border-radius: 0px;} .layout-anime-d .sideBarRight #widget-otherpeople-playing h2 {font-size: 20px;} .layout-anime-d .sideBarRight .darkText {color: #f6d266 !important;} .layout-anime-d .sideBarRight .giantText {font-size: 18px; padding-top: 10px;} /** Arcade **/ .layout-anime-d .layout-arcade .bigContent {padding: 0px;} .layout-anime-d .layout-arcade .bigContent .simpleTabs {margin-bottom: 0px !important; background: none !important; border-bottom: none; padding: 0 10px 10px;} .layout-anime-d .layout-arcade .bigContent .simpleTabs li {border: 1px solid #000; border-bottom: none !important;} .layout-anime-d .layout-arcade .bigContent .simpleTabs li a {background: #292929; padding: 5px 16px;} .layout-anime-d .layout-arcade .bigContent .simpleTabs li a.active {background: #222; border-bottom: 2px solid #222 !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1);} .layout-anime-d .arcadeList li .info h2 {color: #fff;} .layout-anime-d .arcadeList li .info span.lightText {font-size: 10px;} .layout-anime-d .pagination li a { border: 1px solid #000; background: #101010; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.3); text-shadow: 0 -1px 0 rgba(0,0,0,.5); } .layout-anime-d .pagination li a.active, .layout-anime-d .pagination li a:hover {background: #333; text-decoration: none; } /** Game page **/ .layout-anime-d .gameCacheTips .yellowBox .data {background: #f9edbe !important; border: 1px solid #000 !important; color: #333 !important; margin: 5px;} .layout-anime-d .playSection {background: #000 !important;} .layout-anime-d .playSectionBottom {margin-top: 10px !important;} .layout-anime-d .gameActions .gameExtras .item {border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);} /** News Page **/ .layout-anime-d .layout-news .bigContent {padding: 0;} .layout-anime-d .layout-news .bigContent .main h1 {color: #fff !important;} .layout-anime-d .layout-news .sideBarRight {float: right;} .layout-anime-d .layout-news .heading {background: none !important; color: #fff !important; border: none !important; padding-left: 0px !important; } .layout-anime-d .sideBarRight ul.detailedList li .bgWhite {background: #222 !important;} .layout-anime-d .sideBarRight ul.detailedList li.bgGray {background: #000 !important;} .layout-anime-d .sideBarRight .subList li { border-bottom: 1px solid #222; border-left: 1px solid #000; background: #101010 !important; } .layout-anime-d .layout-news .bigContent .articlePreview li, .layout-anime-d .layout-news .heading, .layout-anime-d .sideBarRight ul.detailedList li h4.dottedBorderBottom, .layout-anime-d .layout-news .relatedArticles li { border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .articlePreview .loading-link {background: #333 !important;} .layout-anime-d .layout-news .main .reviewContainer {padding-top: 10px;} .layout-anime-d .layout-news .main .relatedArticles {width: 310px; padding-bottom: 10px;} .layout-anime-d .layout-news .main .relatedArticles li {padding: 10px 0; height: auto !important;} .layout-anime-d .layout-news .main .entry {margin-left: 10px;} /** webmmo **/ .layout-anime-d .gallery {background: none !important; border: none !important;} .layout-anime-d .gallery img {background: #333; border: 1px solid #101010 !important;} .layout-anime-d #screenshots .nextBtn {right: -12px !important;} .layout-anime-d #screenshots .prevBtn {left: -12px !important;} .layout-anime-d .details .text ul {padding: 0px !important;} .layout-anime-d .news .detailedList li {margin: 0px !important; padding: 10px 0 !important; width: auto !important;} .layout-anime-d .news .detailedList li:first-child {padding-top: 0px !important;} .layout-anime-d .news .detailedList li:last-child {padding-bottom: 0px !important;} .layout-anime-d .news .detailedList {padding: 0px !important; margin: 0px !important;} .layout-anime-d .news .detailedList .info {width: 250px !important;} .layout-anime-d .details .video {background: none !important} /** --- New Layout D (Anime Black) --- **/ .layout-anime-d {background: #101010;} .layout-anime-d .bigContent {width: 648px; float: left;} .layout-anime-d .sideBarRight {float: right; width: 300px;} /** --- marquee banner --- **/ .layout-anime-d .sigle-marquee {border: 1px solid #000; position: relative; height: 300px; overflow: hidden; margin-bottom: 5px;} .layout-anime-d .sigle-marquee a img {width: 100%; height: auto;} .layout-anime-d .sigle-marquee .textArea {bottom: -50px; background: rgba(0,0,0,.8); position: absolute; width: 628px; padding: 10px;} .layout-anime-d .sigle-marquee:hover .textArea {bottom: 0; color: #fff;} .layout-anime-d .sigle-marquee:hover .textArea h3 {color: #fff;} /** --- news --- **/ .layout-anime-d .data .featured { width: 348px; height: auto; /*max-height: 300px; min-height: 300px;*/ float: left; position: relative; overflow: hidden; border: 1px solid #000; margin-top: 2px; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .data .featured a img {width: 100%; height: auto; /*max-height: 300px; min-height: 300px;*/} .layout-anime-d .data .featured .info {position: absolute; background: rgba(0,0,0,.8); padding: 2%; top: /*240px*/ 75%; width: 97%; height: 96%; overflow: hidden;} .layout-anime-d .data .featured:hover .info {top: 0; } .layout-anime-d .data .featured .info .article-title {/*font-size: 13px;*/ font-weight: bold; color:#BE3900;} .layout-anime-d .data .featured .info .date {color: #ccc !important;} .layout-anime-d .data .featured .info p.entry {color: #eee; margin: 10px 0 15px 0; display: none;} .layout-anime-d .data .featured:hover .info p.entry {display: block;} .layout-anime-d .data .featured .info .button {opacity: 0;display:none;} .layout-anime-d .data .featured:hover .info .button {opacity: 1;display:inline;} .layout-anime-d .data .news-archives {width: 262px; float: right;} .layout-anime-d .data .news-archives h3 {margin-top: 1px; margin-bottom: 3px;} .layout-anime-d .data .news-archives ul { border: 1px solid #111111; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .data .news-archives ul li { border-bottom: 1px solid #222222; background: #333333; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .data .news-archives ul li:first-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .layout-anime-d .data .news-archives ul li:last-child { border-bottom: none; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .layout-anime-d .data .news-archives ul li a {display: block; padding: 6px; text-shadow: 0 1px 0 rgba(0,0,0,.6);} .layout-anime-d .data .news-archives ul li a img { float: left; width: 40px; height: 40px; border: 1px solid #101010; box-shadow: 0 0 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.2); } .layout-anime-d .data .news-archives ul li a .info {float: right; width: 198px; color: #BE3900;} .layout-anime-d .data .news-archives ul li a .info strong, .layout-anime-d .data .news-archives ul li a .info span {display: block;} .layout-anime-d .data .news-archives ul li a .info span {color: #666666;} .layout-anime-d .data .news-archives ul li a:hover {text-decoration: none; background: #101010; box-shadow: 0 1px 2px rgba(0,0,0,.6);} .layout-anime-d .data .news-archives ul li a:hover strong {color: #f6d266;} /** manga list **/ .layout-anime-d ul.manga-wrapper {*border-bottom: 2px solid #000; border-bottom: 2px solid #000\9;/* for ie8 and below */} .layout-anime-d ul.manga-wrapper li { display: block; height: 65px; border-top: 2px solid #000; border-right: 2px solid #000; border-left: 2px solid #000; overflow: hidden; } .layout-anime-d ul.manga-wrapper li:last-child {border-bottom: 2px solid #000;} .layout-anime-d ul.manga-wrapper li a:hover {text-decoration: none;} .layout-anime-d ul.manga-wrapper li a .info { float: right; width: 46%; background-color: rgba(0,0,0,.8); margin-top: 4px; padding: 4px 2% 6px 2%; text-align: right; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .layout-anime-d ul.manga-wrapper li a .info span, .layout-anime-d ul.manga-wrapper li a .link span {display: block; color: #fff; font-size: 12px;} .layout-anime-d ul.manga-wrapper li a .info span.smallText {font-size: 11px !important;} .layout-anime-d ul.manga-wrapper li a .info span.chapter {font-size: 16px;} .layout-anime-d ul.manga-wrapper li a .info span.new-released {color: #f6d266} .layout-anime-d ul.manga-wrapper li:hover a .info {display: none;} .layout-anime-d ul.manga-wrapper li a .link {opacity: 0; overflow: hidden; height: 0;} .layout-anime-d ul.manga-wrapper li a .link span.chapter {font-size: 20px; color: #f6d266; font-weight: 600;} .layout-anime-d ul.manga-wrapper li:hover a .link {/*display: block;*/ opacity: 1; background-color: rgba(0,0,0,.8); height: 55px; padding: 10px 0 0 100px;} .layout-anime-d ul.manga-wrapper li.manga-naruto:hover div.link {} /** manga list sprites **/ .layout-anime-d ul.manga-wrapper li, .layout-anime-d .manga-wrapper .manga-sprites {background: url('../../../../../images/themes/animegames/sprite/sprites-manga-bg.png') no-repeat;} .layout-anime-d ul.manga-wrapper li.manga-naruto {background-position: -2px -14px;} .layout-anime-d ul.manga-wrapper li.manga-naruto a .link {background-position: -357px -14px;} .layout-anime-d ul.manga-wrapper li.manga-bleach {background-position: -2px -102px;} .layout-anime-d ul.manga-wrapper li.manga-bleach a .link {background-position: -357px -102px;} .layout-anime-d ul.manga-wrapper li.manga-onepiece {background-position: -2px -196px;} .layout-anime-d ul.manga-wrapper li.manga-onepiece a .link {background-position: -357px -196px;} .layout-anime-d ul.manga-wrapper li.manga-fairytail {background-position: -2px -278px;} .layout-anime-d ul.manga-wrapper li.manga-fairytail a .link {background-position: -357px -278px;} .layout-anime-d ul.manga-wrapper li.manga-hunterxhunter {background-position: -2px -368px;} .layout-anime-d ul.manga-wrapper li.manga-hunterxhunter a .link {background-position: -357px -368px;} .layout-anime-d ul.manga-wrapper li.manga-dgrayman {background-position: -2px -457px;} .layout-anime-d ul.manga-wrapper li.manga-dgrayman a .link {background-position: -357px -457px;} /** Sign Up Free **/ .layout-anime-d .sideBarRight .signup-free {background: #404040; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #000; margin-bottom: 5px;} .layout-anime-d .sideBarRight .signup-free a { display: block; padding: 5px; text-align: center; border: 2px solid #e5970f; color: #fff; text-shadow: 0 -1px 0 rgba(229,151,15,.9); font-size: 21px; text-transform: uppercase; font-weight: bold; margin: 10px; line-height: 28px; background-color: #f5af1c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8e11f), to(#f5af1c)); background-image: -webkit-linear-gradient(top, #f8e11f, #f5af1c); background-image: -moz-linear-gradient(top, #f8e11f, #f5af1c); background-image: -ms-linear-gradient(top, #f8e11f, #f5af1c); background-image: -o-linear-gradient(top, #f8e11f, #f5af1c); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f8e11f, endColorStr=#f5af1c, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8e11f, endColorstr=#f5af1c, GradientType=0)"; box-shadow: inset 0 2px 0 0 rgba(255,255,255,.4), 0 1px 4px rgba(0,0,0,.5); -webkit-box-shadow: inset 0 2px 0 0 rgba(255,255,255,.4), 0 1px 4px rgba(0,0,0,.5); -moz-box-shadow: inset 0 2px 0 0 rgba(255,255,255,.4), 0 1px 4px rgba(0,0,0,.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .layout-anime-d .sideBarRight .signup-free a:hover { text-decoration: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.2); text-shadow: 0 1px 0 rgba(229,151,15,.9); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .layout-anime-d .sideBarRight .signup-free ul { background: #2f2f2f; padding: 8px 0 10px 0; border-top: 1px solid #000; box-shadow: inset 0 1px 0 0 rgba(255,255,255,.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.1); -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .layout-anime-d .sideBarRight .signup-free ul li { list-style-position: inside; list-style-type: square; line-height: 16px; padding: 2px 10px 2px 20px; color: #fff;} /** Top Games (Modern Thumb List) **/ .layout-anime-d .modern-thumblist {margin: 0 10px; position: relative;} .layout-anime-d .modern-thumblist li {position: relative; float: left; margin: 0 5px 5px 5px;} .layout-anime-d .modern-thumblist li a.thumbnail { padding: 4px; display: inline-block; z-index: 1000; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; } .layout-anime-d .modern-thumblist li:hover a.thumbnail {/*background: rgba(0,0,0,.8);*/ background: rgba(255,255,255,.9); z-index: 1001;} .layout-anime-d .modern-thumblist li a.thumbnail img {border: 1px solid #101010; width: 80px; height: 80px;} .layout-anime-d .modern-thumblist li:hover a.thumbnail img {/*border: 1px solid #fff;*/border: 1px solid #000;} .layout-anime-d .modern-thumblist li .info { display: none; position: absolute; top: 0; left: 90px; /*background: rgba(0,0,0,.8);*/ background: rgba(255,255,255,.9); width: 200px; padding: 6px 10px; z-index: 1001; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; } .layout-anime-d .modern-thumblist li .info h3 {/*color: #fff;*/color: #333;} .layout-anime-d .modern-thumblist li .info p {/*color: #fff;*/color: #333; margin: 8px 0 12px 0;} .layout-anime-d .modern-thumblist li .info a.button {margin-bottom: 3px; display: inline-block;} .layout-anime-d .modern-thumblist li:hover .info {display: block;} .layout-anime-d .modern-thumblist li .info .star-rated div a {float: left;} .layout-anime-d .modern-thumblist li .info .star-rated div span {float: left; margin-left: 5px;} .layout-anime-d .stars div a, .layout-anime-d .star-rated div a {background-image: url('../../../../../images/sprites/stars-v2.png') !important; } /** Other Anime Games **/ .layout-anime-d .thumb-list-210x100 {} .layout-anime-d .thumb-list-210x100 li {float: left;} .layout-anime-d .thumb-list-210x100 li a {display: block; float: left; position: relative; overflow: hidden; border: 1px solid #101010;} .layout-anime-d .thumb-list-210x100 li a img {width: 210px; height: 100px;} .layout-anime-d .thumb-list-210x100 li a .info {position: absolute; bottom: -76px; background: rgba(0,0,0,.8); width: 198px; padding: 5px 6px; height: 90px;} .layout-anime-d .thumb-list-210x100 li a .info h3 {color: #fff !important; display: block;} .layout-anime-d .thumb-list-210x100 li a:hover {text-decoration: none;} .layout-anime-d .thumb-list-210x100 li a:hover .info {bottom: 0; text-align: center;} .layout-anime-d .thumb-list-210x100 li a .info h2 {display: none; color: #f6d266; font-size: 20px;} .layout-anime-d .thumb-list-210x100 li a:hover .info h2 {display: block; margin-top: 20px;} .layout-anime-d .thumb-list-210x100 li a:hover .info h3 {} /** --- chibi ninja page --- **/ .layout-anime-d .webmmo-v2 {} .layout-anime-d .webmmo-v2 .chibi-ads {} .layout-anime-d .webmmo-v2 .chibi-ads li a {display: block; margin-bottom: 10px;} .layout-anime-d .webmmo-v2 .chibi-ad-img {background: transparent url('../../../../../images/themes/animegames/chibi/sprites-chibi-ads-heavy.png') no-repeat; width: 300px;} .layout-anime-d .webmmo-v2 .img-claim {background-position: -1px 0px; height: 110px;} .layout-anime-d .webmmo-v2 .img-buy-gold {background-position: -1px -119px; height: 103px;} .layout-anime-d .webmmo-v2 .img-play-chibininja {background-position: -1px -230px; height: 103px;} /** chibi marquee **/ .layout-anime-d .webmmo-v2 #chibi-banner { position: relative; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #000; box-shadow: 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1); } .layout-anime-d .webmmo-v2 .chibi-char {background: transparent url('../../../../../images/themes/animegames/chibi/sprites-chibi-char.png') no-repeat;} .layout-anime-d .webmmo-v2 .rock-lee {width: 68px; height: 129px; background-position: 0 0; position: absolute; bottom: 0; left: -12px;} .layout-anime-d .webmmo-v2 .kakashi {width: 84px; height: 102px; background-position: -94px 0; position: absolute; bottom: 4px; left: -10px;} .layout-anime-d .webmmo-v2 .chibi-marquee {height: 300px; border: 1px solid #000; position: relative; overflow: hidden;} .layout-anime-d .webmmo-v2 .chibi-marquee img.banner { width: 100%; position: relative;} .layout-anime-d .webmmo-v2 .chibi-marquee a.play-button img { position: absolute; bottom: 0; left: 0;} .layout-anime-d .webmmo-v2 #chibi-banner .textArea {padding-top: 8px; padding-left: 60px;} /** chibi social buttons **/ .layout-anime-d .webmmo-v2 .chibi-social-buttons {margin-bottom: 5px;} .layout-anime-d .webmmo-v2 .chibi-social-buttons li a {float: left; margin: 0 4px;} .layout-anime-d .webmmo-v2 .chibi-btn-img {background: transparent url('../../../../../images/themes/animegames/chibi/sprites-chibi-buttons-heavy.png') no-repeat; height: 53px; width: 208px;} .layout-anime-d .webmmo-v2 .img-forum {background-position: 0 0;} .layout-anime-d .webmmo-v2 .img-send-invites {background-position: -218px 0;} .layout-anime-d .webmmo-v2 .img-become-fan {background-position: -436px 0;} /** chibi screenshots **/ .layout-anime-d .webmmo-v2 .screenshots .scrollable {width: 100%; height: 65px !important;} .layout-anime-d .webmmo-v2 .screenshots ul li {margin: 0 2px;} .layout-anime-d .webmmo-v2 .screenshots ul li a img {width: 86px; height: auto; padding: 0px !important; border: none !important;} .layout-anime-d .webmmo-v2 .screenshots ul li a {border: 1px solid #101010 !important;} .layout-anime-d .webmmo-v2 .screenshots ul li a:hover {border: 1px solid #666 !important;} .layout-anime-d .webmmo-v2 .screenshots ul li a.gallery {width: auto !important; height: auto !important; padding: 0px !important; margin: 0px !important; } .layout-anime-d .webmmo-v2 .screenshots .nextBtn, .layout-anime-d .webmmo-v2 .screenshots .prevBtn {top: 34px; } .layout-anime-d .webmmo-v2 .screenshots .btn { background-color: #be3900 !important; border: 1px solid #101010; padding: 1px 6px 2px 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.3); } .layout-anime-d .webmmo-v2 .screenshots .btn:hover {background-color: #f6d266 !important;} .layout-anime-d .webmmo-v2 .screenshots .btn:hover img.arrow-white-r {background-position: -5px -9px;} .layout-anime-d .webmmo-v2 .screenshots .btn:hover img.arrow-white-l {background-position: 0 -9px;} .layout-anime-d .webmmo-v2 .screenshots .scroll-sp {width: none !important; height: auto !important;} /** --- Announcement --- **/ .layout-anime-d .webmmo-v2 .data .featured {width: 275px; float: right;height:165px;} .layout-anime-d .webmmo-v2 .data .news-archives {width: 292px; margin-left: 10px;} .layout-anime-d .webmmo-v2 .data .news-archives ul li a .info {width: 228px; } /** --- Server Time --- **/ .time-box { background-color: #f6d266; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fee488), to(#f6d266)); background-image: -webkit-linear-gradient(top, #fee488, #f6d266); background-image: -moz-linear-gradient(top, #fee488, #f6d266); background-image: -ms-linear-gradient(top, #fee488, #f6d266); background-image: -o-linear-gradient(top, #fee488, #f6d266); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fee488, endColorStr=#f6d266, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fee488, endColorstr=#f6d266, GradientType=0)"; width: 222px; height: 80px; border: 1px solid #101010; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 5px 0; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,.3); color: #333; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); } #ninjaTimeBoxServer { background: #2f2f2f; box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.4); font-size: 26px; font-weight: 600; color: #fff; margin: 2px 20px 1px 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 2px 0; letter-spacing: 1px; } /** --- get gold --- **/ .layout-anime-d .balanceBox {border: 3px solid #555; background: #202020;} .layout-anime-d .goldBox .col {color: #333; border: 3px solid #555;} .layout-anime-d .goldBox .button {border-color: #26A8FF;} /** Comment post entry **/ .posts .entry .data .commentPointer { background: url(../../../../../images/themes/animegames/post-pointer.gif) top left no-repeat; } #new_comments_container .entry .data .comments li{border-bottom: 1px solid #CCC; margin-bottom:0;} /** chibin ninja webmmo news**/ .mmo .detailedList .info { padding: 0 !important; } .orangeText {color:#ffa800 !important;} .sprite {background-image: url(../../../../../images/themes/animegames/sprite/animegames-msc.png); background-repeat:no-repeat;}.sprite a {display:block;} .char-balance {background-position: 0 0; width: 80px; height:138px;} .hyperText{font-size:28px;} .superText{font-size:24px;} /** balance box **/ .balanceBox {border:3px solid #cacaca;width:550px;min-height: 80px;position: relative;margin:10px 35px 20px 0;} .balanceBox .subTitle{margin-left:55px;} .balanceBox .bigText{font-size:14px;} .balanceBox .decoration{position:absolute; top:-20px; left:-40px;} .balanceBox .button {padding:10px 20px !important;} .balanceBox .col {margin:5px 0 15px;} .balanceBox .col span {display:block;} .balanceBox .col .mcashBalance {width:200px} /** Glod Box **/ .goldBox {min-height: 100px;position: relative;} .goldBox .decoration {position:absolute; top:-20px; left:-50px;} .goldBox .button {padding:10px 20px !important;} .goldBox .col {background: #fefefe url(../../../../../chibi-ninja/bg-gold.gif) top left repeat-x;margin:15px 0;border:3px solid #cacaca;width:175px;min-height: 60px;float:left;margin:10px;padding:5px 0 10px 0;} /**.goldBox .col.selected {border:3px solid #41b3ff;} **/ .goldBox .col input {margin:0 0 0 5px;} .goldBox .col label {text-align:center;line-height:21px;display: block;cursor: pointer;} .goldBox .col span {display:block;} .goldBox .button {background: #26a8ff url(../../../../../chibi-ninja/btn-blue.gif) top left repeat-x !important;margin-right:15px !important;font-size:12pt!important;} /** --- Popup Activation (used in activation code) --- **/ .activation {} .activation .image {width: 100px; height: auto; float: left; border: 3px solid #37200f;} .activation .image img {width: 100px !important; height: 140px !important; float: left; } .activation .details {width: 69%; float: right; padding-top: 15px;} .activation .paddingTop40 {padding-top: 40px !important;} .activation .details p.activation-code {margin: 16px 0;} .activation .details .activation-code span { font-size: 16px; padding: 5px 10px; border: 1px solid #ccc; font-weight: bold; color: green; background: #eaeaea url(../../../../../chibi-ninja/bg-subtitle.gif) top left repeat-x; } /** chibi claim button **/ .btn-claim {margin-top: 5px; margin-bottom: 5px; display: block; } /** --- chibi ninja page for other sites --- **/ /*Seo section stylings*/ /*extra features on the page*/ .layout-anime-d #fanWidget .feedHolder, .two-column-box .contentBox.anime-games.screenshots img, #fanWidget{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .layout-anime-d .two-column-box .contentBox.anime-games{border:1px solid #111;box-shadow:none !important;-webkit-box-shadow:important;} .layout-anime-d .contentBox.noBorder{border: none !important;} .layout-anime-d .two-column-box .contentBox.anime-games .title{ background: transparent !important; box-shadow: none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; border:none !important; border-bottom: none !important; padding: 8px 10px 5px 0px !important; } .two-column-box .contentBox.anime-games.screenshots .userGallery{position: relative;margin-top:5px;} .two-column-box .contentBox.anime-games.screenshots img{border: 1px inset #111;max-width: 100%;} .contentBox.anime-games.screenshots .thumbscroll a,.contentBox.anime-games.screenshots .thumbscroll{display: inline-block;width: 100%;max-width: 92px;} .contentBox.anime-games.screenshots .thumbscroll img{width:100%;} .two-column-box .contentBox.anime-games.screenshots .userGallery .nextBtn, .two-column-box .contentBox.anime-games.screenshots .userGallery .prevBtn{top:25px;} .two-column-box .contentBox.anime-games.screenshots .demo{background: #222; border: 1px solid #111; /*border-image: initial;*/ color: #E0E0E0; box-shadow: rgba(2, 2, 2, 0.0980392) 0px 1px 0px , rgba(0, 0, 0, 0.4) 0px 1px 1px; -webkit-box-shadow: rgba(2, 2, 2, 0.0980392) 0px 1px 0px , rgba(0, 0, 0, 0.4) 0px 1px 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding:10px; } /*meet new player grid spacing fix*/ #chibininja_webmmo_meet_new_people li{margin: 8px 1px 3px 6px;} .two-column-box .contentBox.anime-games.screenshots .userGallery .nextBtn img, .two-column-box .contentBox.anime-games.screenshots .userGallery .prevBtn img{border:none;} #fanWidget{background: #333;border: 1px solid #111;color: #E0E0E0;border-radius:4px;overflow: hidden;-webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 1px 1px;box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 1px 1px;} .layout-anime-d #fanWidget .gameDescription{padding:15px; border-bottom: 1px solid #222; background: #333; box-shadow: rgba(30, 30, 30, 0.0980392) 0px 1px 0px inset; -webkit-box-shadow: rgba(30, 30, 30, 0.0980392) 0px 1px 0px inset; border-radius:4px 4px 0 0; overflow: hidden; } .layout-anime-d #fanWidget .gameDescription .floatLeft .button{margin-top: 5px;} .layout-anime-d .contentBox .feedHolder .item .postInfo a{margin-top: 15px;display: inline-block;*display: inline;} .layout-anime-d #fanWidget .gameDescription .floatLeft > p .text{ font-family: "Terminal Dosis", "Lucida Grande", Arial !important; text-transform: uppercase;font-size: 18px;color: white;font-weight: 300; } .layout-anime-d #fanWidget .gameDescription .desc > a.feedLogo{display: block;width: 60px !important;height: 60px;float: left;overflow: hidden;} .layout-anime-d #fanWidget .gameDescription .desc > .feedLogo > img{max-width: 100%;} .layout-anime-d #fanWidget h2,.layout-anime-d #fanWidget .gameDescription p .fanCount, .layout-anime-d .webmmo-v2 .bigContent > h1, .layout-anime-d .layout-c .bigContent > h1, .layout-anime-d > .clearfix > .bigContent > h1.pageHeading{ font-family: "Terminal Dosis", "Lucida Grande", Arial !important; text-transform: uppercase;font-size: 24px;color: white;font-weight: 600; } .layout-anime-d #fanWidget .gameDescription p .fanCount{font-size: 1.8em;} .layout-anime-d #fanWidget .gameDescription p .text{font-size: 1.2em;} .layout-anime-d #fanWidget .contentBox .gameDescription .desc > .floatLeft{width: 122px;} .layout-anime-d #fanWidget .contentBox .gameDescription .desc > p{ text-align: center; background: #222; width: 60px; float: left; padding: 7px; border-radius: 4px; box-shadow: inset 0 1px 5px #111; } .layout-anime-d #fanWidget .contentBox .gameDescription .desc h2 .animeText{color: #BE3900 !important;} /*.layout-anime-d #fanWidget .contentBox .gameDescription .desc > a{display: inline-block;margin-top: 5px;}*/ .layout-anime-d #fanWidget .feedHolder{ width: 100%;border-bottom: 1px solid #222;background: #333; box-shadow: rgba(30, 30, 30, 0.0980392) 0px 1px 0px inset; -webkit-box-shadow: rgba(30, 30, 30, 0.0980392) 0px 1px 0px inset; } .layout-anime-d #fanWidget .feedHolder .postAction{text-align: right;} .layout-anime-d #fanWidget .feedHolder .postAction a{margin-left: 10px;} .feedContent{background: #101010;color: #d0d0d0;padding: 8px;} .layout-anime-d .contentBox .feedHolder .item{ padding:10px; border-bottom: 1px solid #222; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .layout-anime-d .contentBox .feedHolder li.item:first-child, .layout-anime-d .contentBox .feedHolder li.item:first-child .contentBox .data{ border-top: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .layout-anime-d .contentBox .feedHolder .item.photo img{max-width: 100%;} .layout-anime-d .contentBox .feedHolder .item.photo .photoFeed{margin-top:10px;margin-bottom: 10px;display: block;} .layout-anime-d .contentBox .feedHolder .link .imgContainer{ height: 80px;border:1px solid #333;width: 80px;padding: 0; box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset; } .layout-anime-d #fanWidget .contentBox .link .imgContainer .wd{max-width: 100%;max-height:100%; } .layout-anime-d #fanWidget .contentBox .link .albumShareFeedTitle{max-width: 170px;margin-left:10px;} .layout-anime-d #fanWidget .contentBox .link .albumShareFeedTitle .linkDescHolder{color: #d0d0d0;} .layout-anime-d #fanWidget .contentBox .item .data{background: transparent;box-shadow: none;-webkit-box-shadow:none;border: none;padding: 5px;} .layout-anime-d #fanWidget .contentBox .item .name > p{color: #666666;text-shadow:0 1px 1px #000;} .layout-anime-d .contentBox .item-new-wrapper img{max-width: 100%;} .layout-anime-d #fanWidget .contentBox .feedHolder .link.posRelative a i {width: 26px;height: 22px;float: left;position: absolute;top: 43px !important;left: 16px;background: #BE3900;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /*new image sprites for chibininja*/ .layout-anime-d .webmmo-v2 .chibi-ads li a{margin-bottom: 4px;} .layout-anime-d .webmmo-v2 .chibi-ad-img-new {background: url('http://site-assets2.s3.amazonaws.com/images/themes/animegames/chibi/anime-games-new-sprite.png') no-repeat transparent;width: 300px;height: 110px;} .layout-anime-d .webmmo-v2 .img-claim-new{background-position: -302px -1px;} .layout-anime-d .webmmo-v2 .img-buy-gold-new{background-position: -1px -114px;} .layout-anime-d .webmmo-v2 .img-read-manga-new{background-position: -1px -1px;} /*manga page seo */ .layout-anime-d .layout-c .bigContent > h1{margin-bottom: 10px;} .layout-anime-d .layout-c .bigContent > .contentBox > .data > .title{ border-bottom: 1px solid #222;padding-bottom: 5px; box-shadow: rgba(255, 255, 255, 0.0980392) 0px -1px 0px inset; -webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px -1px 0px inset; } .layout-anime-d .layout-c .bigContent > .contentBox > .data > p.infoText{color: #d0d0d0;margin-top: 5px;} /*animegames page seo*/ .layout-anime-d > .clearfix > .bigContent > .contentBox.marginTop10 > p{color:#d0d0d0;text-shadow:0 -1px 0 #333,0 1px 0 rgba(0,0,0,.2);} .layout-anime-d h1 > .smallerText{font-size: .7em;} .layout-anime-d h1 > .animeText{font-size: 1.5em;} .layout-anime-d > .webmmo-v2 h1 > .smallerText,.layout-anime-d > .webmmo-v2 h1 > .animeText{font-size: 1.1em;} #fanWidget > .contentBox > .slimScrollDiv{position: relative;z-index: 1;} #fanWidget > .contentBox > .slimScrollDiv .feedHolder:before{ content: ''; top:0; position: absolute; left: 0; -webkit-mask-box-image: -webkit-linear-gradient(left,transparent 0%,rgba(0,0,0,.8) 50%,transparent 100%); background-color: transparent; background-image: -webkit-linear-gradient(top,rgba(20, 20, 20, .5),transparent); background-image: -moz-linear-gradient(top,rgba(20, 20, 20, .5),transparent); background-image: -ms-linear-gradient(top,rgba(20, 20, 20, .5),transparent); background-image: -o-linear-gradient(top,rgba(20, 20, 20, .5),transparent); background-image: linear-gradient(top,rgba(20, 20, 20, .5),transparent); border-top: 1px solid rgba(0, 0, 0, 0.3); height: 15px; opacity: 1; width: 100%; z-index: 4; } /*.layout-anime-d #fanWidget > .contentBox > .feedHolder{text-decoration: none;height: 500px;overflow: scroll;}*/ /*ie fix*/ .layout-anime-d #fanWidget .feedHolder .photo-wrapper > a >div {width:242px;} /* fix for color disparity when ported to main */ .layout-anime-d #fanWidget a:link.button,.layout-anime-d #fanWidget a:hover.button,.layout-anime-d #fanWidget a:visited.button,.layout-anime-d #fanWidget input.button { border: 1px solid #C83702; border-image: initial; background: url(../../../../../images/themes/animegames/bg-button.gif) 0% 0% repeat-x #C83702; color: white; } .layout-anime-d #fanWidget a:link,.layout-anime-d #fanWidget a:visited{ color: #BE3900; }