Results of the CSS crunched for comics-pics.mobi

Let's see what we've done for comics-pics.mobi

CSSCruncher.com has crunched this CSS to
10.57 %Less Size! Nice!

Crunched CSS code:

@import "reset-settings.css" all;body{margin:0;padding:0;background-image:url(/templates/comics/images/10.jpg)}
.shorty-item img,.top-img img,.rel-img img{width:100%;min-height:100%}
h1,h2,h3,.side-nav a,.side-box-title,.shorty-title,.related-title,.comm-title,.add-com-but{font-family:'Roboto Condensed',sans-serif;font-weight:400}
.side-nav a,.shorty-title,.shorty-item img,.top-img img,.rel-item img,.show-login,.add-com-but,button{transition:all .5s}
.transparent-grad,.shorty-title,.top-item:nth-child(1) .top-info,.rel-item:nth-child(1) .rel-text{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0.33)),color-stop(100%,rgba(0,0,0,0.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 )}
.all-wrap{height:auto;width:100%;position:relative}
.all-wrap:before{content:"";width:50%;height:100%;background-color:#f0efef;position:absolute;left:0;top:0;z-index:50;background-image:url(/templates/comics/images/11.jpg)}
.wrap{width:100%;min-width:320px;max-width:1200px;background-color:#fff;margin:0 auto;position:relative;z-index:100}
.wrap-dark{background-color:#fff}
.wrap:before{content:"";width:250px;height:100%;background-color:#fff;position:absolute;left:0;top:0;z-index:50;box-shadow:10px 0 20px -20px rgba(0,0,0,0.5)}
.wrap-dark:before{border-right:0}
.wrap:after{content:"";width:300px;height:100%;box-shadow:-10px 0 20px -20px rgba(0,0,0,0.5);background-color:#fff;position:absolute;right:0;top:0;z-index:50}
.wrap-inner{position:relative;z-index:100;padding:0 300px 0 250px}
.left-wrap{float:left;width:250px;margin-left:-250px;position:relative;z-index:100}
.middle-wrap{float:left;width:100%;min-height:1000px;padding:15px}
.right-wrap{float:right;width:300px;margin-right:-300px;padding:15px}
.left-fixed{width:250px;position:fixed;z-index:100;top:0;min-height:500px;padding:0 15px}
.frkl{margin:15px 0 0 0;overflow:hidden}
.srkl{margin:0 0 15px 0}
.logo-box{height:60px;display:block;margin:0 -15px 15px -15px;background:url(../images/logo.png) no-repeat;overflow:hidden;text-indent:-1000px}
.side-nav a{display:block;padding:5px 0 5px 22px;font-size:14px;color:#86878c;text-transform:uppercase;position:relative}
.side-nav a:before{content:"";width:6px;height:6px;border:1px solid #febc48;border-radius:4px;position:absolute;left:0;top:10px}
.side-nav a:hover{color:#febc48}
.hidden-menu{margin:5px -15px;padding:10px 15px;background-color:#f5f5f5;display:none}
.submenu a:before{background-color:#febc48}
.show-login{display:block;height:36px;text-align:left;padding:0 10px;line-height:36px;color:#fff;background-color:#30cb51;font-size:14px;margin-top:15px;cursor:pointer;border-radius:0px}
.show-login i{margin-right:10px}
.show-login:hover{color:#fff;background-color:#21ba41}
.search-wrap{width:100%;position:relative;margin-top:30px}
.search-box{width:100%;position:relative}
.search-box input,.search-box input:focus{width:100%;height:36px;line-height:36px;padding:0 50px 0 10px;border-radius:0px;background-color:#FFF;color:#999;font:italic 12px Georgia;border:1px solid #e3e3e3;box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05)}
.search-box button{position:absolute;right:12px;top:2px;padding:0;color:#F26F63;background-color:transparent}
.side-box{border:1px solid #f0f0f0;margin-bottom:15px;padding:0 15px 15px 15px}
.side-box-title{font-size:16px;text-transform:uppercase;color:#000;margin:0 -15px 15px -15px;padding:10px 15px;background-color:#f9f9f9}
.top-item{display:block;padding:10px 0 0 70px}
.top-img{float:left;width:70px;height:60px;margin-left:-70px;overflow:hidden}
.top-info{float:right;width:100%;padding-left:10px;color:#30cb51}
.top-title{color:#444;font-size:14px;margin-bottom:5px}
.top-item:hover{background-color:#f6f6f6}
.top-item:hover img{transform:scale(1.1)}
.top-item:nth-child(1){background-color:#f6f6f6;padding:10px;position:relative}
.top-item:nth-child(1) .top-img{float:none;width:100%;height:140px;margin-left:0}
.top-item:nth-child(1) .top-info{float:none;padding:10px;margin-bottom:0;color:#febc48;position:absolute;left:10px;bottom:10px;right:10px;width:auto}
.top-item:nth-child(1) .top-title{color:#fff}
#vk_groups,#vk_groups iframe{width:100% !important}
.top-box{margin:-15px -15px 15px -15px;background-color:#393d40;color:#f6f6f6;padding:15px;text-align:center}
.top-box a{color:#febc48;font-weight:bold}
.top-box a:hover{color:#febc48;text-decoration:underline}
.top-box i{margin-right:10px;font-size:16px;height:30px;line-height:28px;width:30px;text-align:center;border:1px solid #e3e3e3;border-radius:3px}
.top-box form{display:inline-block;position:relative;top:-1px}
.shorty-item{float:left;height:390px;width:46%;margin:14px 2%;display:block;position:relative;overflow:hidden}
.shorties-wrap3 .shorty-item:nth-child(3n){margin-right:0}
.search-fix .shorty-item:nth-child(3n){margin-right:1.5%}
.search-fix .shorty-item:nth-child(3n+2){margin-right:0}
.shorty-img{height:150px;overflow:hidden;position:relative}
.shorty-title{position:absolute;left:0;bottom:0;width:100%;padding:50px 10px 0px 10px;color:#FFF;font-size:16px}
.shorty-item:hover .shorty-title{background:#FFF !important;color:#F26F63;padding:10px 10px 0px 10px}
.shorty-item:hover img{transform:scale(1.1)}
.shorty-item:hover .shorty-info > div{color:#a8a8a8}
.shorty-info{height:30px;line-height:30px;font-size:12px}
.s-rating,.s-views,.s-comms{display:inline-block;float:left;color:#e3e3e3;font-style:italic;margin-right:15px}
.shorty-info i{margin-right:3px}
.site-desc{padding:15px;font-size:12px;border:1px solid #e3e3e3;color:#86878c}
.site-desc h1,.site-desc h2,.site-desc h3{font-size:16px;color:#444;text-transform:uppercase;margin-bottom:10px}
.site-desc h1 span,.site-desc h2 span,.site-desc h3 span{color:#30cb51}
.site-desc p{margin-bottom:5px}
.bottom-box{margin:30px 0 0 0;background-color:#393d40;color:#e3e3e3;padding:30px 315px 15px 265px}
.bottom-box a{color:#febc48;text-decoration:underline;font-weight:bold}
.bottom-box a:hover{color:#febc48;text-decoration:none}
.bottom-box p{width:100%;color:#f6f6f6;margin-bottom:10px}
.counts{margin-top:5px}
.counts li{display:inline-block;width:88px;height:31px;margin-right:10px;background-color:#7F7F7F}
.full-rating{display:inline-block;float:right}
.full-rating > a{display:inline-block;margin-left:3px}
.full-rating i{display:inline-block;color:#fff;width:32px;text-align:center;border:1px solid #49c804;background-color:#49c804;border-radius:3px;line-height:29px}
.full-rating a:nth-child(3) i{color:#fff;border:1px solid #F26F63;background-color:#F26F63}
.full-rating > span{display:inline-block;position:relative;background-color:#FFF;border:1px solid #dedede;padding:0 10px;border-radius:3px;min-width:32px;margin-right:7px}
.full-rating > span:after,.full-rating > span:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.full-rating > span:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:6px;margin-top:-6px}
.full-rating > span:before{border-color:rgba(222,222,222,0);border-left-color:#dedede;border-width:7px;margin-top:-7px}
.full-rating > span > span{color:#94bee6}
.full-rating > span > span.ratingzero{color:#444444}
.full-rating > span > span.ratingtypeplus{color:#06b601}
.full-rating > span > span.ratingplus{color:green}
.full-rating > span > span.ratingminus{color:red}
.frating-stars{display:inline-block;position:relative;top:3px}
.f-page-top{margin:-15px -15px 10px -15px;position:relative;overflow:hidden;background-color:#000;padding-top:40px}
.f-page-top img{display:block;width:100%;min-height:100%;position:absolute;left:0;top:-25%;z-index:5}
.f-page-title{position:relative;z-index:10;padding:20px 30px 60px 30px;color:#FFF;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.45) 100%)}
.f-page-cat{color:#febc48;font-size:16px}
.f-page-title h1{font-size:28px}
.full-subinfo{height:30px;line-height:29px;position:relative;font-size:14px;margin-bottom:30px}
.full-date-time{color:#9d9fb1;font-size:12px;margin-top:5px}
.full-date,.full-time{display:inline-block}
.full-time{margin-left:20px}
.full-share{display:inline-block;float:left;height:30px;position:relative;top:-3px}
.full-info{font-size:14px;width:100%;padding:0 30px;position:absolute;left:0;bottom:15px;z-index:150}
.full-info > div{display:inline-block;float:left;margin-right:10px;height:30px;line-height:30px}
.full-info i{color:#fff;margin-right:5px;border:1px solid #F2C166;border-radius:3px;width:30px;text-align:center;line-height:28px}
.f-compl,.f-edit{float:right !important;color:#FFF}
.full-info a{color:#FFF}
.full-text embed,.full-text object,.full-text video,.full-text iframe,.full-text frame{width:100% !important;height:400px}
.full-text{font:14px Arial,Helvetica,sans-serif;line-height:24px;margin-bottom:20px}
.full-text img{margin:0 10px 10px 0;max-width:100%;border:5px solid #f0f0f0}
.full-text a{text-decoration:underline;color:#06c}
.full-text a:hover{text-decoration:underline;color:#C9070A}
.full-text a:visited{text-decoration:underline;color:#06c}
.full-text h2,.full-text h3{font-size:24px}
.full-text h4,.full-text h5{font-size:18px}
.full-text p{margin-bottom:15px}
.full-text ul,.full-text ol,.full-text h2,.full-text h3,.full-text h4,.full-text h5{margin:0}
.full-text ul li{list-style:disc;margin-left:40px}
.full-text ol{counter-reset:li;padding:0;list-style:none;margin-left:25px}
.full-text ol li{position:relative;margin:0 0 5px 0;padding-left:30px;min-height:20px}
.full-text ol li:before{content:counter(li);counter-increment:li;font-size:11px;position:absolute;top:0px;left:0;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#0297dc;font-weight:bold;border-radius:50%}
.full-text table{width:100%;text-align:left}
.full-text table tr td{padding:10px;border:1px solid #ccc;font-size:12px}
.full-text table tr:nth-child(1){background-color:#0297dc !important;color:#FFF;font-size:14px !important}
.full-text table tr:nth-child(2n+1){background-color:#f9f9f9}
.dcont{border:1px solid #e3e3e3;padding:0 15px 15px 15px;margin:20px 0;line-height:20px}
.polltitle{display:block;padding:5px 15px;margin:0 -15px 15px -15px;font-size:18px;background-color:#f5f5f5;line-height:normal}
.full-taglist{margin:10px 0 20px 0;font-size:11px}
.full-taglist-t{margin-bottom:5px;font-weight:bold}
.full-taglist a:hover{text-decoration:underline}
.full-nav{text-align:center;margin-bottom:20px}
.full-nav a{color:#06c;text-decoration:none}
.full-nav a:hover{color:#06c;text-decoration:underline}
.full-nav-pages{margin:0 15px}
.full-nav-pages span,.full-nav-pages a{display:inline-block;margin:0 5px}
.image-counter{margin:10px;padding:5px 5px;color:#000;font-size:8px;background-color:#febc4887}
.related-wrap{border:1px solid #e3e3e3;border-left:0;border-right:0;margin:15px -15px;padding:15px}
.related-title{font-size:24px;margin-bottom:10px}
.related-box{}
.rel-item{display:block;padding:10px 10px 0 70px;float:left;width:50%;height:70px}
.rel-img{float:left;width:70px;height:60px;margin-left:-70px;overflow:hidden}
.rel-text{float:right;width:100%;padding-left:10px;color:#CCEAEE}
.rel-title{color:#444;font-size:14px}
.rel-item:hover .rel-title{text-decoration:underline}
.rel-item:hover img{transform:scale(1.1)}
.rel-item:nth-child(1){padding:10px 10px 0 0;position:relative;height:210px}
.rel-item:nth-child(1) .rel-img{float:none;width:100%;height:200px;margin-left:0}
.rel-item:nth-child(1) .rel-text{float:none;padding:10px;margin-bottom:0;color:#F2C166;position:absolute;left:0;bottom:0;right:10px;width:auto}
.rel-item:nth-child(1) .rel-title{color:#fff}
.comments-wrap{}
.comm-title{font-size:24px;margin:30px 0 15px 0}
.comm-item{padding:10px 10px 10px 100px;border-bottom:1px solid #e3e3e3}
.comm-left{float:left;margin-left:-90px;width:80px}
.comm-right{float:right;width:100%}
.comm-av{height:80px;overflow:hidden}
.comm-av img{width:100%;min-height:100%}
.comm-group-mark{padding:3px;text-align:center;font-size:10px;font-weight:normal !important;margin-top:5px;background-color:#f0f0f0;color:#444;overflow:hidden}
.comm-admin{background-color:#d60505;color:#fff}
.comm-admin span,.comm-jour span{color:#fff !important}
.comm-jour{background-color:#1ca101;color:#fff}
.comm-user{background-color:#309;color:#fff}
.comm-top-info{height:20px;line-height:20px}
.comm-id,.comm-author,.comm-date{float:left;color:#888;font-size:10px;display:inline-block}
.comm-author{font-size:12px;font-weight:bold;margin:0 10px;color:#b43852}
.comm-author a{color:#b43852}
.comm-author:after{content:"";width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px;background-color:#888;position:relative;top:2px}
.status-online:after{background-color:#3C0}
.comm-text{line-height:18px;color:#444;padding:10px 0;min-height:80px}
.signature{font:italic 11px Georgia,"Times New Roman",Times,serif;padding:10px 0;border-top:1px dashed #e3e3e3}
.comm-bottom-info{}
.comm-bottom-info ul{text-align:right}
.comm-bottom-info ul li{display:inline-block;margin-left:10px}
.comm-bottom-info ul li a{font-size:11px}
.comm-bottom-info ul li:first-child{font-weight:bold;float:left}
.comm-bottom-info ul li:first-child img{margin-right:5px}
.comm-author a:hover,.comm-bottom-info ul li a:hover{text-decoration:underline}
.comm-rate{float:right;position:relative;line-height:26px;border-radius:3px}
.comm-rate span.ratingtypeplusminus{display:block;padding:0 30px;background-color:#fff;color:#444;font-weight:bold;box-shadow:0 0 0 1px #ccc;background:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%)}
.comm-rate a{display:block;width:22px;height:22px;position:absolute;top:2px;left:2px;text-align:center;line-height:22px;font-size:18px;background-color:#61b804;color:#fff;border-radius:3px;background:linear-gradient(to bottom,#97d624 0%,#7cbc0a 100%)}
.comm-rate a:last-child{left:auto;right:2px;line-height:20px;background-color:#ec000b;background:linear-gradient(to bottom,#ff3019 0%,#cf0404 100%)}
.comm-rate a:hover{opacity:0.7}
.comm-rate > span > span.ratingzero{color:#444444}
.comm-rate > span > span.ratingtypeplus{color:#06b601}
.comm-rate > span > span.ratingplus{color:green}
.comm-rate > span > span.ratingminus{color:red}
.pos-comm{background-color:#e5f7e5}
.neg-comm{background-color:#f7e5e6}
.add-com{padding:15px 0}
.add-com-but{display:block;font-size:16px;padding:0 15px;text-align:center;text-transform:uppercase;border-radius:0px;line-height:40px;cursor:pointer;border:1px solid #F26F63}
.add-com-but:hover{background-color:#F26F63;color:#FFF}
#addcform{display:none;margin:20px 0}
.mass_comments_action{height:1%;text-align:right;padding:5px 15px;background-color:#f6f6f6;margin:20px 0 0 0}
.mass_comments_action .bbcodes{margin-bottom:0}
.gotop{position:fixed;width:40px;height:40px;right:0px;bottom:0px;display:block;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;opacity:0.8}
.overlay{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:8888;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.overlay-close{cursor:pointer;position:absolute;right:5px;top:8px;width:30px;height:30px;color:#ec3204;font-size:24px !important;text-align:center;line-height:30px !important}
#loginbox{background:#fff;width:320px;margin-left:-160px;min-height:150px;overflow:hidden;position:absolute;z-index:9999;left:50%;top:20%;line-height:normal;border-radius:3px}
.login-title,.log-register,.login-avatar{background-color:#f5f5f5;padding:15px 20px;font-size:16px;position:relative}
.login-form ul{padding:20px}
.login-form li{margin-bottom:20px}
.login-form ul li label{display:inline-block;margin-bottom:5px}
.login-form ul li input{display:block;height:40px;line-height:40px;border-radius:3px;border:1px solid #e3e3e3;width:100%;padding:0 10px}
.login-form ul li a{float:right}
.log-check{padding:0 20px;line-height:40px;margin-bottom:20px}
.log-check input,.log-check label{float:left;display:inline-block;font-size:10px}
.log-check input{display:none}
.log-check input + label:before{width:20px;height:20px;margin-right:5px;cursor:pointer;border-radius:3px;border:1px solid #e3e3e3;content:"";float:left;position:relative;top:8px}
.log-check input:checked + label:before{background-color:#D80306}
.log-check button{float:right}
.log-register,.login-avatar{display:block;background-color:#393d40;color:#febc48 !important;text-align:center}
.avatar-box{width:70px;height:70px;overflow:hidden;border-radius:35px;float:left}
.avatar-box img{width:100%;min-height:100%}
.name-box{float:left;padding-left:20px;line-height:70px;font-size:20px;position:relative}
.name-box a{color:#fff;font-size:12px;border-bottom:1px dotted #fff;line-height:14px;position:absolute;left:20px;bottom:5px}
.login-menu li a{display:block;height:36px;line-height:36px;padding:0 20px;border-left:5px solid transparent}
.login-menu li a:hover,.login-menu li:nth-child(2) a{background-color:#f5f5f5;border-color:#F26F63}
.login-menu li:last-child a{background-color:#393d40;color:#fff}
.sociallogin{height:auto}
.sociallogin a{float:left;margin:0 5px 10px 5px}
.show-menu{display:none}
@media screen and (max-width:1220px){.wrap{max-width:1000px}
.wrap:before,.side-nav{display:none}
.wrap-inner{padding:0 300px 0 0}
.left-wrap{width:100%;margin-left:0;background-color:#febc48;box-shadow:inset -10px 0 20px -20px rgba(0,0,0,0.5)}
.left-fixed{width:100%;position:static !important;min-height:100px;padding:0 15px;height:120px}
.right-wrap{margin-top:-150px}
.bottom-box{padding:30px 315px 15px 15px}
.logo-box{height:60px;width:250px;margin:0 0 0 -15px}
.search-wrap{margin-top:0}
.show-login{display:inline-block;margin-top:0;position:absolute;right:15px;top:10px}
.show-menu{display:inline-block;height:36px;padding:0 10px;line-height:36px;background-color:#fff;color:#444;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px #e3e3e3;position:absolute;left:265px;top:10px}
.show-menu i{margin-right:10px}
.side-nav{position:absolute;left:0;top:60px;z-index:888;padding:10px 15px;background-color:#fff;width:100%;box-shadow:0 0 10px 0 rgba(0,0,0,0.3)}
.main-menu li{width:50%;float:left;position:relative}
.main-menu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hidden-menu li{width:100% !important;float:none !important}
.hidden-menu{margin:0;position:absolute;left:0;top:100%;width:100%;z-index:9999}
.menuactive{z-index:9999}
.f-page-cat{color:#F2C166;font-size:16px}
.f-page-title h1{font-size:34px}}
@media screen and (max-width:950px){.wrap{max-width:768px}
.wrap-inner{padding:0}
.left-wrap{box-shadow:none}
.right-wrap{margin:0 !important;width:100%;background-color:#fff}
.wrap:after{display:none}
.bottom-box{padding:30px 15px 15px 15px;margin:0}
.top-item:nth-child(1) .top-img{height:440px}}
@media screen and (max-width:760px){.wrap{max-width:640px}
.top-box{padding:10px 15px;text-align:left}
.top-box i{display:none}
.shorty-item{height:170px}
.top-item:nth-child(1) .top-img{height:340px}
.pprev,.pnext{display:none}
.bottom-nav{margin:20px 0 70px 0}
.navigation{margin:0;padding:0 10px}
.navigation a,.navigation span{margin:0 5px 5px 0}
#loginbox{top:0%}}
@media screen and (max-width:590px){.wrap{max-width:480px}
.left-fixed{height:170px;padding-top:50px}
.show-menu{left:15px}
.main-menu li{width:100%}
.shorty-item{width:48%;margin:5px 1%;height:150px}
.top-item:nth-child(1) .top-img{height:240px}
.f-page-cat{font-size:12px}
.f-page-title h1{font-size:24px}
.full-text h2,.full-text h3{font-size:18px}
.f-page-top{padding-top:0}
.full-text embed,.full-text object,.full-text video,.full-text iframe,.full-text frame{width:100% !important;height:300px}
.rel-item{width:100%;height:auto}
.rel-item:nth-child(1){height:280px}
.rel-item:nth-child(1) .rel-img{height:270px}
.comm-item{padding:10px 0 10px 60px}
.comm-left{margin-left:-60px;width:50px}
.comm-av{height:50px}
.comm-group-mark,.comm-id,.mass_comments_action,.comm-bottom-info ul li{display:none}
.comm-bottom-info ul li:first-child{display:inline-block}
.comments-tree-list .comments-tree-list{padding-left:0 !important}}
@media screen and (max-width:470px){.wrap{max-width:320px}
.shorty-item{width:100%;margin:5px 0%;height:200px}
.top-item:nth-child(1) .top-img{height:150px}
.f-page-top img{top:0}
.f-page-title{padding:30px 15px 30px 15px}
.f-page-title h1{font-size:18px}
.full-info{display:none}
.full-subinfo{height:auto;margin-bottom:15px}
.full-share{display:block;float:none;margin-bottom:10px}
.full-rating{float:left}
.full-text embed,.full-text object,.full-text video,.full-text iframe,.full-text frame{width:100% !important;height:200px}
.rel-item:nth-child(1){height:190px}
.rel-item:nth-child(1) .rel-img{height:180px}
.comm-top-info{height:auto}
.comm-date{width:100%;float:none}
.comm-rate{float:left}}
.mejs-container,.mejs-inner,.mejs-video,.me-plugin,.mejs-shim,.mejs-layers,.mejs-overlay,.mejs-poster{width:100% !important}
.mejs-video,.mejs-shim{height:400px !important}
@media screen and (max-width:470px){.mejs-video,.mejs-shim{height:250px !important}}
.linkEnso_i{width:130px;margin-right:20px;float:left;font-size:60%}
.linkEnso_i img{padding:3px;background:#678f97;border-radius:5px;clear:both;display:block;margin:3%;width:145px;height:180px}
.speedbar{background-color:#393c43;color:#393c43;padding:15px;text-align:left;margin-bottom:11px;border-bottom:0px solid #e5e5e5;font-size:1.5em;padding:0 15px 11px 15px;display:block;padding:5px 0 5px 22px;font-size:13px;color:#cccccc;text-transform:inherit;position:relative;color:#febc48;text-decoration:none}

» Show original CSS code

« Hide original CSS code

@import "reset-settings.css" all;

body{margin:0;padding:0; background-image:url(/templates/comics/images/10.jpg);}

.shorty-item img, .top-img img, .rel-img img {width:100%; min-height:100%;}
h1, h2, h3, .side-nav a, .side-box-title, .shorty-title, .related-title, .comm-title, .add-com-but {font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.side-nav a, .shorty-title, .shorty-item img, .top-img img, .rel-item img, .show-login, .add-com-but, button {transition: all .5s;}
.transparent-grad, .shorty-title, .top-item:nth-child(1) .top-info, .rel-item:nth-child(1) .rel-text {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}

/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; position:relative;}
.all-wrap:before {content:""; width:50%; height:100%; 
background-color:#f0efef; position:absolute; left:0; top:0; z-index:50; background-image:url(/templates/comics/images/11.jpg)}
.wrap {width:100%; min-width:320px; max-width:1200px; background-color:#fff; margin:0 auto; position:relative; z-index:100;}
.wrap-dark {background-color:#fff;}
.wrap:before {content:""; width:250px; height:100%;
background-color:#fff; position:absolute; left:0; top:0; z-index:50; box-shadow:10px 0 20px -20px rgba(0,0,0,0.5); }
.wrap-dark:before {border-right:0;}
.wrap:after {content:""; width:300px; height:100%; box-shadow:-10px 0 20px -20px rgba(0,0,0,0.5); 
background-color:#fff; position:absolute; right:0; top:0; z-index:50;}
.wrap-inner {position:relative; z-index:100; padding:0 300px 0 250px;}
.left-wrap {float:left; width:250px; margin-left:-250px; position:relative; z-index:100;}
.middle-wrap {float:left; width:100%; min-height:1000px; padding:15px;}
.right-wrap {float:right; width:300px; margin-right:-300px; padding:15px;}
.left-fixed {width:250px; position:fixed; z-index:100; top:0; min-height:500px; padding:0 15px;}

.frkl {margin:15px 0 0 0; overflow:hidden;}
.srkl {margin:0 0 15px 0;}

/* LEFT SIDE
----------------------------------------------- */
.logo-box {height:60px; display:block; margin:0 -15px 15px -15px; 
background:url(../images/logo.png) no-repeat; overflow:hidden; text-indent:-1000px;}

.side-nav a {display:block; padding:5px 0 5px 22px; font-size:14px; color:#86878c; text-transform:uppercase; position:relative;}
.side-nav a:before {content:""; width:6px; height:6px; border:1px solid #febc48; border-radius:4px; 
position:absolute; left:0; top:10px;}
.side-nav a:hover {color:#febc48;}
.hidden-menu {margin:5px -15px; padding:10px 15px; background-color:#f5f5f5; display:none;}
.submenu a:before {background-color:#febc48;}

.show-login {display:block; height:36px; text-align:left; padding:0 10px; line-height:36px; 
color:#fff; background-color:#30cb51; font-size:14px; margin-top:15px; 
cursor:pointer; border-radius:0px;}
.show-login i {margin-right:10px;}
.show-login:hover {color:#fff; background-color:#21ba41;}

.search-wrap {width:100%; position:relative; margin-top:30px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:36px; line-height:36px; padding:0 50px 0 10px; border-radius:0px;
background-color:#FFF; color:#999; font:italic 12px Georgia; border:1px solid #e3e3e3; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05); }
.search-box button {position:absolute; right:12px; top:2px;
padding:0; color:#F26F63; background-color:transparent;}

/* RIGHT SIDE
----------------------------------------------- */
.side-box {border:1px solid #f0f0f0; margin-bottom:15px; padding:0 15px 15px 15px;}
.side-box-title {font-size:16px; text-transform:uppercase; color:#000; margin:0 -15px 15px -15px; padding:10px 15px; background-color:#f9f9f9;}

.top-item {display:block; padding:10px 0 0 70px;}
.top-img {float:left; width:70px; height:60px; margin-left:-70px; overflow:hidden;}
.top-info {float:right; width:100%; padding-left:10px; color:#30cb51;}
.top-title {color:#444; font-size:14px; margin-bottom:5px;}
.top-item:hover {background-color:#f6f6f6;}
.top-item:hover img {transform: scale(1.1);}
.top-item:nth-child(1) {background-color:#f6f6f6; padding:10px; position:relative;}
.top-item:nth-child(1) .top-img {float:none; width:100%; height:140px; margin-left:0;}
.top-item:nth-child(1) .top-info {float:none; padding:10px; margin-bottom:0; color:#febc48; 
position:absolute; left:10px; bottom:10px; right:10px; width:auto;}
.top-item:nth-child(1) .top-title {color:#fff;}

#vk_groups, #vk_groups iframe {width:100% !important;}

/* SORT
----------------------------------------------- */
.top-box {margin:-15px -15px 15px -15px; background-color:#393d40; color:#f6f6f6; padding:15px; text-align:center;}
.top-box a {color:#febc48; font-weight:bold;}
.top-box a:hover {color:#febc48; text-decoration:underline;}
.top-box i {margin-right:10px; font-size:16px; height:30px; line-height:28px; width:30px; text-align:center; 
border:1px solid #e3e3e3; border-radius:3px;}
.top-box form {display:inline-block; position:relative; top:-1px;}

/* SHORTS
----------------------------------------------- */
.shorty-item {float:left; height:390px; width:46%; margin:14px 2%; display:block; position:relative; overflow:hidden;}
.shorties-wrap3 .shorty-item:nth-child(3n) {margin-right:0;}
.search-fix .shorty-item:nth-child(3n) {margin-right:1.5%;}
.search-fix .shorty-item:nth-child(3n+2) {margin-right:0;}

.shorty-img {height:150px; overflow:hidden; position:relative;}
.shorty-title {position:absolute; left:0; bottom:0; width:100%; padding:50px 10px 0px 10px; 
color:#FFF; font-size:16px;}
.shorty-item:hover .shorty-title {background:#FFF !important; color:#F26F63; padding:10px 10px 0px 10px;}
.shorty-item:hover img {transform: scale(1.1);}
.shorty-item:hover .shorty-info > div {color:#a8a8a8;}

.shorty-info {height:30px; line-height:30px; font-size:12px;}
.s-rating, .s-views, .s-comms {display:inline-block; float:left; color:#e3e3e3; font-style:italic; margin-right:15px;}
.shorty-info i {margin-right:3px;}

/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {padding:15px; font-size:12px; border:1px solid #e3e3e3; color:#86878c;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:16px; color:#444; text-transform:uppercase; margin-bottom:10px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#30cb51;}
.site-desc p {margin-bottom:5px;}

/* FOOTER
----------------------------------------------- */
.bottom-box {margin:30px 0 0 0; background-color:#393d40; color:#e3e3e3; padding:30px 315px 15px 265px;}
.bottom-box a {color:#febc48; text-decoration:underline; font-weight:bold;}
.bottom-box a:hover {color:#febc48; text-decoration:none;}
.bottom-box p {width:100%; color:#f6f6f6; margin-bottom:10px;}
.counts {margin-top:5px;}
.counts li {display:inline-block; width:88px; height:31px; margin-right:10px; background-color:#7F7F7F;}

/* RATING V2
----------------------------------------------- */
.full-rating {display:inline-block; float:right;}
.full-rating > a {display:inline-block; margin-left:3px;}
.full-rating i {display:inline-block; color:#fff; width:32px; text-align:center; 
border:1px solid #49c804; background-color:#49c804; border-radius:3px; line-height:29px;}
.full-rating a:nth-child(3) i {color:#fff; border:1px solid #F26F63; background-color:#F26F63;}
.full-rating > span {display:inline-block; position:relative; background-color:#FFF; border: 1px solid #dedede; 
padding:0 10px; border-radius:3px; min-width:32px; margin-right:7px;}
.full-rating > span:after, .full-rating > span:before {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.full-rating > span:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;
border-width: 6px;margin-top: -6px;}
.full-rating > span:before {border-color: rgba(222, 222, 222, 0);border-left-color: #dedede;
border-width: 7px;margin-top: -7px;}
.full-rating > span > span {color:#94bee6;}
.full-rating > span > span.ratingzero {color: #444444;}
.full-rating > span > span.ratingtypeplus {color: #06b601;}
.full-rating > span > span.ratingplus {color: green;}
.full-rating > span > span.ratingminus {color: red;}
.frating-stars {display:inline-block; position:relative; top:3px;}

/* FULL STORY
----------------------------------------------- */

.f-page-top {margin:-15px -15px 10px -15px; position:relative; overflow:hidden; background-color:#000; padding-top:40px;}
.f-page-top img {display:block; width:100%; min-height:100%; position:absolute; left:0; top:-25%; z-index:5;}
.f-page-title {position:relative; z-index:10; padding:20px 30px 60px 30px; color:#FFF; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.45) 100%);}
.f-page-cat {color:#febc48; font-size:16px;}
.f-page-title h1 {font-size:28px;}

.full-subinfo {height:30px; line-height:29px; position:relative; font-size:14px; margin-bottom:30px;}
.full-date-time {color:#9d9fb1; font-size:12px; margin-top:5px;}
.full-date, .full-time {display:inline-block;}
.full-time {margin-left:20px;}
.full-share {display:inline-block; float:left; height:30px; position:relative; top:-3px;}

.full-info {font-size:14px; width:100%; padding:0 30px; position:absolute; left:0; bottom:15px; z-index:150;}
.full-info > div {display:inline-block; float:left; margin-right:10px; height:30px; line-height:30px;}
.full-info i {color:#fff; margin-right:5px; border:1px solid #F2C166; border-radius:3px; 
width:30px; text-align:center; line-height:28px;}
.f-compl, .f-edit {float:right !important; color:#FFF;}
.full-info a {color:#FFF;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {font:14px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:20px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text h2, .full-text h3 {font-size:24px;}
.full-text h4, .full-text h5 {font-size:18px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;}

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}

.image-counter {

margin: 10px;
padding: 5px 5px;
color: #000;
font-size: 8px;
background-color: #febc4887;
}

/*.image-counter {
position: absolute;
margin: 10px;
padding: 5px 10px;
color: #000;
font-size: 18px;
background-color: #febc4887;
}*/

/* RELATED
----------------------------------------------- */
.related-wrap {border:1px solid #e3e3e3; border-left:0; border-right:0; margin:15px -15px; padding:15px;}
.related-title {font-size:24px; margin-bottom:10px;}
.related-box {}

.rel-item {display:block; padding:10px 10px 0 70px; float:left; width:50%; height:70px;}
.rel-img {float:left; width:70px; height:60px; margin-left:-70px; overflow:hidden;}
.rel-text {float:right; width:100%; padding-left:10px; color:#CCEAEE;}
.rel-title {color:#444; font-size:14px;}
.rel-item:hover .rel-title {text-decoration:underline;}
.rel-item:hover img {transform: scale(1.1);}
.rel-item:nth-child(1) {padding:10px 10px 0 0; position:relative; height:210px;}
.rel-item:nth-child(1) .rel-img {float:none; width:100%; height:200px; margin-left:0;}
.rel-item:nth-child(1) .rel-text {float:none; padding:10px; margin-bottom:0; color:#F2C166; 
position:absolute; left:0; bottom:0; right:10px; width:auto;}
.rel-item:nth-child(1) .rel-title {color:#fff;}

/* COMMENTS
----------------------------------------------- */
.comments-wrap {}
.comm-title {font-size:24px; margin:30px 0 15px 0;}

.comm-item {padding:10px 10px 10px 100px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-90px; width:80px;}
.comm-right {float:right; width:100%;}
.comm-av {height:80px; overflow:hidden;}
.comm-av img {width:100%; min-height:100%;}
.comm-group-mark {padding:3px; text-align:center; font-size:10px; font-weight:normal !important; margin-top:5px;
background-color:#f0f0f0; color:#444; overflow:hidden;}
.comm-admin {background-color:#d60505; color:#fff;}
.comm-admin span, .comm-jour span {color:#fff !important;}
.comm-jour {background-color:#1ca101; color:#fff;}
.comm-user {background-color:#309; color:#fff;}
.comm-top-info {height:20px; line-height:20px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-author:after {content:""; width:10px; height:10px; border-radius:50%; display:inline-block;
margin-left:10px; background-color:#888; position:relative; top:2px;}
.status-online:after {background-color:#3C0;}
.comm-text {line-height:18px; color:#444; padding:10px 0; min-height:80px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; padding:10px 0; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left;}
.comm-bottom-info ul li:first-child img {margin-right:5px;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {float:right; position:relative; line-height:26px; border-radius:3px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px; background-color:#fff; color:#444; 
font-weight:bold; box-shadow:0 0 0 1px #ccc; background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);}
.comm-rate a {display:block; width:22px; height:22px; position:absolute; top:2px; left:2px; 
text-align:center; line-height:22px; font-size:18px; background-color:#61b804; color:#fff; border-radius:3px; 
background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);}
.comm-rate a:last-child {left:auto; right:2px; line-height:20px; 
background-color:#ec000b; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

.add-com {padding:15px 0;}

.add-com-but {display:block; font-size:16px; padding:0 15px; text-align:center; text-transform:uppercase;
border-radius:0px; line-height:40px; cursor:pointer; border:1px solid #F26F63;}
.add-com-but:hover {background-color:#F26F63; color:#FFF;}
#addcform {display:none; margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0 0 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }
 
 
/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:40px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none; opacity:0.8;}

/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; position: absolute; right: 5px; top: 8px; 
width: 30px; height: 30px; color:#ec3204; font-size:24px !important; text-align:center; line-height:30px !important;}
#loginbox { background: #fff; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#393d40; color:#febc48 !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#F26F63;}
.login-menu li:last-child a {background-color:#393d40; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:0 5px 10px 5px;}

/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1220px) {
.wrap {max-width:1000px;}
.wrap:before, .side-nav {display:none;}
.wrap-inner {padding:0 300px 0 0;}
.left-wrap {width:100%; margin-left:0; background-color:#febc48; box-shadow:inset -10px 0 20px -20px rgba(0,0,0,0.5);}
.left-fixed {width:100%; position:static !important; min-height:100px; padding:0 15px; height:120px;}
.right-wrap {margin-top:-150px;}
.bottom-box {padding:30px 315px 15px 15px;}

.logo-box {height:60px; width:250px; margin:0 0 0 -15px;}
.search-wrap {margin-top:0;}
.show-login {display:inline-block; margin-top:0; position:absolute; right:15px; top:10px;}
.show-menu {display:inline-block; height:36px; padding:0 10px; line-height:36px; background-color:#fff; 
color:#444; font-size:14px; cursor:pointer; box-shadow:inset 0 0 0 1px #e3e3e3; 
position:absolute; left:265px; top:10px;}
.show-menu i {margin-right:10px;}
.side-nav {position:absolute; left:0; top:60px; z-index:888; padding:10px 15px; background-color:#fff; width:100%; box-shadow:0 0 10px 0 rgba(0,0,0,0.3);}
.main-menu li {width:50%; float:left; position:relative;}
.main-menu li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hidden-menu li {width:100% !important; float:none !important;}
.hidden-menu {margin:0; position:absolute; left:0; top:100%; width:100%; z-index:9999;}
.menuactive {z-index:9999;}

.f-page-cat {color:#F2C166; font-size:16px;}
.f-page-title h1 {font-size:34px;}
}

@media screen and (max-width: 950px) {
.wrap {max-width:768px;}
.wrap-inner {padding:0;}
.left-wrap {box-shadow:none;}
.right-wrap {margin:0 !important; width:100%; background-color:#fff;}
.wrap:after {display:none;}
.bottom-box {padding:30px 15px 15px 15px; margin:0;}

.top-item:nth-child(1) .top-img {height:440px;}
}

@media screen and (max-width: 760px) {
.wrap {max-width:640px;}
.top-box {padding:10px 15px; text-align:left;}
.top-box i {display:none;}

.shorty-item {height:170px;}
.top-item:nth-child(1) .top-img {height:340px;}

.pprev, .pnext {display:none;}
.bottom-nav {margin:20px 0 70px 0;}
.navigation {margin:0; padding:0 10px;}
.navigation a, .navigation span {margin:0 5px 5px 0;}
#loginbox {top:0%;}
}

@media screen and (max-width: 590px) {
.wrap {max-width:480px;}
.left-fixed {height:170px; padding-top:50px;}

.show-menu {left:15px;}
.main-menu li {width:100%;}

.shorty-item {width:48%; margin:5px 1%; height:150px;}
.top-item:nth-child(1) .top-img {height:240px;}

.f-page-cat {font-size:12px;}
.f-page-title h1 {font-size:24px;}
.full-text h2, .full-text h3 {font-size:18px;}
.f-page-top {padding-top:0;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}

.rel-item {width:100%; height:auto;}
.rel-item:nth-child(1) {height:280px;}
.rel-item:nth-child(1) .rel-img {height:270px;}

.comm-item {padding:10px 0 10px 60px;}
.comm-left {margin-left:-60px; width:50px;}
.comm-av {height:50px;}
.comm-group-mark, .comm-id, .mass_comments_action, .comm-bottom-info ul li {display:none;}
.comm-bottom-info ul li:first-child {display:inline-block;} 
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
}

@media screen and (max-width: 470px) {
.wrap {max-width:320px;}

.shorty-item {width:100%; margin:5px 0%; height:200px;}
.top-item:nth-child(1) .top-img {height:150px;}

.f-page-top img {top:0;}
.f-page-title {padding:30px 15px 30px 15px;}
.f-page-title h1 {font-size:18px;}

.full-info {display:none;}
.full-subinfo {height:auto; margin-bottom:15px;}
.full-share {display:block; float:none; margin-bottom:10px;}
.full-rating {float:left;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:200px;}

.rel-item:nth-child(1) {height:190px;}
.rel-item:nth-child(1) .rel-img {height:180px;}

.comm-top-info {height:auto;}
.comm-date {width:100%; float:none;}
.comm-rate {float:left;}
}

/* Fix dle html5 player
----------------------------------------------- */
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}

.linkEnso_i {width:130px;margin-right:20px;float:left; font-size: 60%;}
.linkEnso_i img {
    
     
    padding: 3px; 
    background: #678f97; 
    border-radius: 5px;
    clear: both;
    display: block;
    margin: 3%;
    width: 145px;
    height: 180px;

}

.speedbar {
    background-color:#393c43; color:#393c43; padding:15px; text-align:left;
    margin-bottom: 11px;
    border-bottom: 0px solid #e5e5e5;
    font-size: 1.5em;
    padding: 0 15px 11px 15px;
	display:block; padding:5px 0 5px 22px; font-size:13px; color:#cccccc; text-transform:inherit; position:relative;
    color:#febc48;
    text-decoration:none; 
}

Some information about this website:

URL: https://comics-pics.mobi/
CSS URL: https://comics-pics.mobi/templates/comics/style/styles.css
Title: Комиксы порно, порно комиксы бесплатно, комиксы для взрослых, порнокомиксы, инцест комиксы, секс комиксы, эро комиксы - Comics-Pics.mobi
Meta-Description: Порно комиксы по категориям которые можно, смотреть бесплатно комиксы и читать комиксы в режиме онлайн на comics-pics.mobi.