html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?x1z9t5');
src: url('../fonts/icomoon.eot?x1z9t5#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?x1z9t5') format('truetype'),
url('../fonts/icomoon.woff?x1z9t5') format('woff'),
url('../fonts/icomoon.svg?x1z9t5#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: iransans;
font-style: normal;
font-weight: 400;
src: url(../fonts/IRANSansWeb_Light.eot);
src: url(../fonts/IRANSansWeb_Light.eot?#iefix) format('embedded-opentype'), url(../fonts/IRANSansWeb_Light.woff2) format('woff2'), url(../fonts/IRANSansWeb_Light.woff) format('woff'), url(../fonts/IRANSansWeb_Light.ttf) format('truetype')
}
img
{
height: auto;
max-width: 100%;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-language:before {
content: "\e902";
}
.icon-star:before {
content: "\e901";
}
.icon-download:before {
content: "\e900";
}
.icon-sad2:before {
content: "\e9e6";
}
.icon-grin2:before {
content: "\e9ea";
}
.icon-neutral2:before {
content: "\e9f8";
}
.icon-wondering2:before {
content: "\e9fc";
}
body {
line-height: 1;
font-size:12px
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
nav ul {
list-style: none
}
ul.paragraph {
list-style: disc;
padding-left: 24px
}
ul.paragraph li {
list-style: disc;
line-height: 18px
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
ins {
color: #000;
text-decoration: none
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold
}
del {
text-decoration: line-through
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
input, select {
vertical-align: middle
}
li {
list-style-type: none;
text-indent: 0;
margin: 8px 0
}
::selection{
background: #205575;
color: #fff
}
::-moz-selection{
background: #205575;
color: #fff
}
::-webkit-selection{
background: #205575;
color: #fff
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clearfix {
display: inline-table
}
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
.hidden {
display: none
}
.hint {
position: relative;
display: inline-block
}
.hint:before, .hint:after {
position: absolute;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: .3s ease;
-moz-transition: .3s ease
}
.hint:hover:before, .hint:hover:after {
opacity: 1
}
.hint:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001
}
.hint:after {
content: attr(data-hint);
background: #383838;
color: #fff;
text-shadow: 0 -1px 0 black;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
box-shadow: 4px 4px 8px rgba(0,0,0,.3)
}
.hint--left:before {
border-left-color: #383838
}
.hint--left:before {
margin-right: -12px;
margin-bottom: -6px
}
.hint--left:after {
margin-bottom: -14px
}
.hint--left:before, .hint--left:after {
right: 100%;
bottom: 50%
}
.hint--left:hover:before, .hint--left:hover:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.sand-box {
border-radius: 4px 4px 4px 4px;
margin-top: 8px;
padding: 1px 5px
}
.sand-box>ul>li, .sand-box .area {
-moz-box-sizing: border-box;
background-color: #fff;
border-bottom: 1px solid #b8b8b8;
border-radius: 5px 5px 5px 5px;
margin: 5px 0;
overflow: hidden;
padding-left: 5px;
min-height: 60px
}
.sand-box .area {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px
}
.sand-box li {
margin: 0
}
.sand-box>ul>li.footer {
min-height: 28px
}
.sand-box>ul>li.footer>a {
height: 28px;
line-height: 28px;
display: block;
padding-left: 3px
}
.sand-box>ul>li>ol>li:first-child {
padding-top: 8px
}
.sand-box>ul>li>ol>li {
padding: 3px 3px
}
.sand-box>ul>li>ol>li:last-child {
padding-bottom: 8px
}
.sand-box .title, .sand-box .sub {
padding: 6px 0 6px 6px
}
.sand-box .sub {
display: inline-block
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
background-color: #eee
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca
}
.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #999;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none
}
.pager:before, .pager:after {
display: table;
content: " "
}
.pager:after {
clear: both
}
.pager:before, .pager:after {
display: table;
content: " "
}
.pager:after {
clear: both
}
.pager li {
display: inline
}
.pager li>a, .pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px
}
.pager li>a:hover, .pager li>a:focus {
text-decoration: none;
background-color: #eee
}
.pager .next>a, .pager .next>span {
float: right
}
.pager .previous>a, .pager .previous>span {
float: left
}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
color: #999;
cursor: not-allowed;
background-color: #fff
}
body, button, p, div {
font-family:iransans , yekan , b yekan , tahoma , Liberation Sans, DejaVu Sans, sans-serif
}
body {
background-color:#eee;
background-position: center top, center bottom, 0 0;
color: #000;
text-align: left;
width: 100%;
}
body {
margin: 0!important
}
iframe {
overflow: hidden
}
p {
line-height: 19px
}
form.flag label {
padding-left: 20px;
display: inline-block;
line-height: 15px
}
form.flag input {
margin-left: -20px;
margin-top: -3px
}
#content, header, footer {
margin: 0 auto;
width: 100%
}
#content {
clear: both;
min-height: 950px
}
header {
height: 120px
}
footer {
background: #eee;
clear: both;
margin: 10px auto 0 auto;
padding: 13px;
font-size: 12px;
box-sizing:border-box;
height:auto;
width:100%;
position: relative;
z-index: 999
}
footer .right {
text-align: right
}
.zero-emission {
margin-top: -5px;
margin-left: 6px
}
.version {
font-size: 10px;
color: #666
}
.copyright {
padding-bottom: 8px;
font-size: 14px
}
.twitter {
background-image: url(data:image/png;base64,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);
background-position: -25px 0;
background-repeat: no-repeat;
font-weight: bold;
height: 15px
}
.twitter a {
padding-left: 23px
}
.rendertime {
float: left;
margin-top: -16px;
margin-left: 70px;
color: #ede4ce
}
#columns {
display: block
}
#left, #left-wide {
float: left;
margin-right: 20px
}
#left {
width: 100%;
margin-right: 0
}
.reversed #left {
width: 220px
}
#left-wide {
width: 728px
}
#right, #right-slim {
float: left
}
.reversed #right {
width: 720px
}
.reversed #right .box {
margin: 0
}
#right {
width: 302px
}
#right-slim {
width: 212px
}
h1, h2, h3, .h2 {
font-family: "Century Gothic", Arial;
color: #21495f
}
h1 {
font-size: 25px;
padding-bottom: 6px
}
h2, .h2 {
font-size: 22px;
padding-bottom: 6px
}
h3 {
font-size: 16px
}
a, a:link {
color: #1d4960;
text-decoration: none;
cursor: pointer;
font-weight:lighter
}
a:visited {
color: #00599e
}
a:hover {
color: #0090ff
}
.button {
line-height: 28px;
height: 28px
}
input[type="submit"], input[type="button"], button, .button {
cursor: pointer
}
button:hover, .button:hover , #contact_me input[type="submit"]:hover {
background: -moz-linear-gradient(top, #2a7199 0%, #1d4257);
background: -webkit-gradient(linear, left top, left bottom, from(#2a7199), to(#1d4257))
}
button:active , #contact_me input[type="submit"]:active {
background: -moz-linear-gradient(top, #1d4257 0%, #235d7e);
background: -webkit-gradient(linear, left top, left bottom, from(#1d4257), to(#235d7e))
}
button, .button , #contact_me input[type="submit"] {
font-size: 14px;
color: #fff;
padding: 8px 10px;
color: #fff;
background-color: #1d4960;
border-color: #1d4960;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2), inset 0 0 0 rgba(255,255,255,0);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2), inset 0 0 0 rgba(255,255,255,0);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#235d7e', endColorstr='#1d4257');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#235d7e', endColorstr='#1d4257')"
}
.align-right {
text-align: right
}
.float-right {
float: right
}
.align-left {
text-align: left
}
noindex:-o-prefocus, button, .button {
background-color:#235d7e
}
p {
margin: 14px 0 0
}
nav {
height: 14px;
line-height: 14px
}
nav.main {
font-size: 16px;
float: left;
padding: 26px 0 0 20px
}
nav.main .selected {
font-weight: bold
}
nav>ul>li, .delimited>li {
display: inline-block;
*display:inline
}
nav.inline {
display: inline-block
}
#logo {
float: left;
padding-top: 19px;
margin-left:15px
}
#logo em {
background: url("../img/logo.png") no-repeat scroll 0 0 transparent;
display: block;
width: 149px;
height: 86px;
line-height: 1000px;
margin: 0;
outline: 0 none;
overflow: hidden
}
#user-navigation, #forum-navigation, #admin-navigation {
float: right;
background: #d5e3ea;
line-height: 26px;
height: 30px;
padding: 0 11px;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px
}
nav li, .delimited li {
padding: 0 9px 0 3px
}
footer nav li
{
border-right:1px solid rgba(0,0,0,.1);
padding-right:8px;
margin-right:8px;
}
nav li:last-child, .delimited li:last-child {
padding-right: 0;
background: none;
border:none
}
#forum-navigation {
margin: 0 0 0 10px
}
#admin-navigation {
background: #fff;
margin: 0 10px 0 0
}
.user-home .role {
float: left
}
.role {
height: 17px;
line-height: 17px;
background-position: 0 0;
background-repeat: no-repeat;
padding-left: 22px
}
.role.subf2m-supporter {
background-image: url("../img/role-icon-supporter.gif")
}
#downloading .banner {
border: 0;
margin-top: 18px
}
#downloading .subtle {
font-size: 10px;
margin-top: 6px;
padding: 5px 0
}
.subtitle .pending p {
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #5c9f45
}
.flagContainer {
width: 616px
}
.banner-inlist .banner {
padding: 16px 0 10px 0
}
.banner {
}
.banner>.foot {
height: 16px;
line-height: 16px;
font-size: 10px;
text-align: center
}
.banner.size250 {
height: 266px;
width: 300px
}
.banner.size728 {
background: #f8f1df;
height: 120px;
width: 958px;
text-align: center;
padding-top: 14px
}
.banner.size728>.foot {
text-align: right;
padding-right: 120px
}
.bottom .banner {
border: 0;
margin-top: 50px
}
.bottom .banner .size728 {
margin-left: 120px
}
.box {
border-top: solid 1px #9cb1ce;
padding: 0;
padding: 11px 0;
text-align: left
}
.content {
border-top: 1px solid #fff;
padding: 14px 0 22px 0
}
.field-validation-error {
color: #e93636
}
.bread {
font-size: 14px;
font-weight: bold;
padding: 4px
}
.bread a, .bread a:visited {
color: #666
}
.poster {
min-width: 106px;
min-height: 132px;
background: #fff;
border: solid 1px #d3dde2
}
.poster a {
min-width: 106px;
min-height: 132px;
display: block
}
#search {
float: left;
margin: 33px 10px 0 23px;
position: relative
}
#search .text {
border-style: solid;
border-width: 1px;
border-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 500px;
height: 18px;
padding: 8px;
margin-right: 6px;
margin-top: -2px;
font-size: 15px;
background:#eee;
}
#search .button {
margin-top: 1px
}
#search .filter {
position: absolute;
top: 37px;
left: 56px;
width: 400px;
text-align: right;
display: block;
content: ""
}
#search .filter li {
display: inline-block
}
#search .filter .hi {
color: #555!important;
margin-left: 4px;
padding-left: 15px;
padding-right: 4px;
background: url('../img/icon-hearing-impaired.png') no-repeat 0 0
}
.alternativeSearch {
padding: 32px 0
}
.allLanguages {
padding: 32px 0
}
#right .box {
margin-top: 31px
}
.validation-summary-errors {
font-size: 18px;
font-family: "Century Gothic", Arial;
padding-top: 6px;
color: red;
font-weight: bold
}
.r {
background-position: 4px 4px;
background-repeat: no-repeat;
padding-left: 22px
}
.r.positive-icon {
background-image: url('../img/icon-rating-positive.png')
}
.r.neutral-icon {
background-image: url('../img/icon-rating-neutral.png')
}
.r.bad-icon {
background-image: url('../img/icon-rating-negative.png')
}
.subtitles .new {
font-weight: lighter
}
.subtitles nav, .subtitles nav ul {
display: inline;
font-size: 14px;
margin-left: 12px;
font-weight: normal
}
.subtitles nav ul li.selected {
font-weight: bold
}
.subtitles .episodes-nav nav, .subtitles .episodes-nav nav ul {
margin-left: 0
}
.episodes-nav .positive {
font-size: 18px;
font-weight: bold;
font-family: "Century Gothic", Arial
}
.subtitles .pagination {
margin-top: 10px
}
.subtitles .orderBy nav ul {
font-size: 16px
}
h3.ready, h3.pending, h3.deleted {
font-size: 18px;
padding-left: 22px
}
h3.ready {
background: url("../img/icon-rating-positive-big.png") no-repeat scroll 0 7px transparent
}
h3.ready, h3.ready a {
color: #5c9f45
}
h3.pending {
background: url("../img/icon-rating-neutral-big.png") no-repeat scroll 0 7px transparent
}
h3.pending, h3.pending a {
color: #595958
}
h3.deleted {
background: url("../img/icon-rating-negative-big.png") no-repeat scroll 0 7px transparent
}
h3.deleted, h3.deleted a {
color: #e93636
}
.recent-subtitles h3 {
float: right;
line-height: 22px;
height: 22px
}
.recent-subtitles li {
height: 18px;
line-height: 18px
}
.recent-subtitles .name {
overflow: hidden;
white-space: nowrap;
width: 400px
}
.recent-subtitles address {
float: right;
font-style: normal
}
.recent-downloads {
overflow: hidden
}
.recent-subtitles .language, .recent-downloads .language {
padding: 0 0 0 16px
}
.recent-downloads .name {
line-height: 16px
}
.recent-downloads .content>ul>li {
margin-bottom: 22px
}
.recent-downloads nav.rate li:first-child {
padding-left: 0
}
.recent-downloads .rated {
padding-top: 4px
}
.recent-downloads .undo {
font-size: 10px
}
.recent-downloads .r, .recent-subtitles .r {
background-position: 0 4px
}
.recent-downloads .loading {
line-height: 18px
}
.language-filter .hi {
color: #555!important;
padding-left: 16px;
background: url('../img/icon-hearing-impaired.png') no-repeat 0 3px
}
.byTitle .box {
padding: 0
}
.byTitle h2 {
margin: 12px 0 8px 0;
color: #fff;
background-color: #91aab7;
font-weight: bold;
height: 26px;
line-height: 26px;
padding: 3px 6px 6px 12px;
border-top: solid 1px #d3dde2
}
.byTitle h2.exact {
width: 64px
}
.byTitle h2.popular {
width: 84px
}
.byTitle h2.close {
width: 65px
}
.byTitle ul {
padding: 0 0 6px 0
}
.byTitle li {
padding: 3px 0 7px 0;
font-size: 12px
}
li .title {
font-size: 14px;
font-weight: bold;
padding: 0 0 5px 12px
}
.most-popular li {
line-height: 18px
}
.most-popular .content {
border: 0;
word-wrap: break-word;
width: 300px
}
.byFilm .sort-by {
float: right;
font-size: 13px;
height: 30px;
line-height: 30px;
border: 1px solid #fff;
border-bottom: 0;
color: #1d4960;
padding: 0 8px 0 6px;
border-radius: 4px 4px 0 0
}
.byFilm .sort-by label:hover, .byFilm .sort-by input:hover {
cursor: pointer
}
.subtitles table {
width: 100%
}
.subtitles tbody {
padding-bottom: 12px
}
.subtitles td a {
color: #000;
outline: 0 none
}
.subtitles td {
overflow: hidden;
white-space: nowrap;
height: 25px;
line-height: 25px
}
.subtitles.byReleaseName td.language, .subtitles.byReleaseName td.a1, .subtitles.byReleaseName td.a1 a:link {
width: 600px
}
.subtitles td.a1 a:link {
display: block;
}
.subtitles td.a1 a:hover {
cursor: pointer
}
.subtitles td.a1 span, .subtitles td.a5, .subtitles td.comment, .subtitles td.a6 div {
overflow: hidden;
white-space: nowrap;
display: block
}
.subtitles td.a1 span {
}
.subtitles td.a1 span.l {
width: 100px;
float: left;
margin-right: 4px;
padding-left: 22px
}
.subtitles .r {
background-position: 4px 8px
}
.subtitles td.files, .subtitles td.a3 {
width: 30px;
padding-left: 4px
}
.subtitles td.ear, .subtitles td.a4 {
width: 30px
}
.subtitles td.a41 {
background: url('../img/icon-hearing-impaired.png') no-repeat 0 5px
}
.subtitles td.owner, .subtitles td.a5 {
width: 109px
}
.subtitles td.comment, .subtitles td.a6 div {
width: 203px
}
.subtitles.index td.a6 div {
width: 90px
}
.subtitles.byFilm td.language, .subtitles.byFilm td.a1, .subtitles.byFilm td.a1 a:link, .subtitles.index td.language, .subtitles.index td.a1, .subtitles.index td.a1 a:link {
width: 575px
}
.subtitles td.type, .subtitles.byFilm td.a3 {
padding-left: 4px;
width: 45px
}
.negative, a.negative, .bad {
color: #e93636
}
.positive {
color: #5c9f45
}
.byFilm .details nav {
display: inline-block
}
.byFilm .details ol>li {
display: inline-block
}
.byFilm .details ol>li>a {
padding: 0 4px
}
.byFilm .rating-guide {
margin-bottom: 5px
}
.byFilm .rating-guide li:first-child {
padding-left: 0
}
.byFilm .rating-guide .positive, .byFilm .rating-guide .neutral {
font-size: 18px;
font-weight: bold;
color: #5c9f45;
padding-left: 24px;
font-family: "Century Gothic", Arial;
background: url('../img/icon-rating-positive-big.png') no-repeat 0 5px
}
.byFilm .rating-guide .neutral {
color: #595958;
background: url('../img/icon-rating-neutral-big.png') no-repeat 0 5px
}
.byFilm .rating-guide li.visited {
margin-top: 1px
}
.byFilm .rating-guide span.visited {
background: #fbf9f4;
padding: 3px 18px 3px 18px;
line-height: 21px;
height: 21px;
border: 2px solid #ede4ce
}
.byFilm .rating-guide .downloaded {
line-height: 21px;
height: 21px;
background: #c9d2ad;
padding: 3px 14px 2px 14px
}
.subtitles thead {
background: #91aab7;
color: #fff;
height: 21px;
line-height: 21px
}
.subtitles thead, .subtitles td.empty {
font-size: 12px;
font-weight: bold;
font-family: "Century Gothic", Arial
}
.subtitles td.empty {
height: 40px;
line-height: 40px;
padding-left: 11px;
display: block;
width: 600px
}
.subtitles td.empty a {
color: #1d4960
}
.subtitles thead .language {
padding-left: 22px
}
.subtitles thead .release-name {
padding-left: 41px
}
.byFilm .language-filter {
padding-left: 24px;
background: url('../img/icon-language.png') no-repeat 0 1px
}
.byFilm .language-filter span {
font-size: 18px;
font-weight: bold;
color: #91aab7;
font-family: "Century Gothic", Arial
}
.byFilm .language-filter small {
padding-left: 8px
}
.byReleaseName .language-filter, .subtitles .language-filter {
padding-bottom: 10px
}
.popular-films {
width:100% !important
}
.popular-films ul.details>li {
height: 180px;
padding-bottom: 10px;
margin: 0
}
.popular-films .title {
font-size: 16px
}
.popular-films .poster {
float: left;
overflow: hidden;
margin-right: 9px;
height: 180px;
width: 135px
}
.popular-films .poster img {
margin-top: -6px
}
.popular-films .language {
padding: 0 0 0 18px;
background-position: 1px 4px;
background-repeat: no-repeat;
line-height:16px;
}
.imdb, .edit {
font-size: 10px
}
form.flag>ul>li {
padding-bottom: 0;
padding-top: 6px
}
form.flag>input {
vertical-align: central
}
form.flag>h4 {
padding-top: 6px
}
.right {
float: right
}
.download span {
line-height: 30px
}
.subtitle h1 {
font-family: Arial;
font-weight: bold;
font-size: 20px
}
.byFilm .poster-link, .subtitle .poster-link {
float: left;
max-width: 154px;
overflow: hidden;
padding-left: 17px
}
.byFilm .poster, .subtitle .poster {
float: left;
max-width: 154px;
overflow: hidden
}
.byFilm .poster img, .subtitle .poster img {
max-width: 154px
}
.byFilm .language-start, .subtitle .language-start {
height: 12px
}
.byFilm .header, .subtitle .header {
float: left;
width: 480px;
padding-left: 11px;
word-wrap: break-word
}
.byFilm .header {
width: 450px
}
.top.left .header ul>li {
margin-bottom: 10px
}
.subtitle .details {
float: left;
width: 648px;
padding-left: 0;
word-wrap: break-word
}
.byFilm .details li, .subtitle .details>li {
line-height: 15px
}
.subtitle .user-rating, .subtitle .user-rating nav {
line-height: 30px;
height: 30px;
margin-top: 2px
}
.subtitle .user-rating nav ul>li {
margin-top: 0
}
.rating-bar {
width: 94px;
display: inline-block
}
.rating-bar .good, .rating-bar .neutral {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
float: left;
margin-right: 1px
}
.rating-bar .good {
width: 8px;
height: 8px;
background: #5e9e49
}
.rating-bar .neutral {
width: 6px;
height: 6px;
background-color: transparent;
border: 1px solid #555
}
.bigger .rating-bar {
width: 125px;
height: 10px;
margin-left: 4px
}
.bigger .rating-bar .good, .bigger .rating-bar .neutral {
margin-right: 2px;
width: 10px;
height: 10px
}
.bigger .rating-bar .neutral {
width: 8px;
height: 8px
}
.smaller .rating-bar {
width: 100px;
height: 6px
}
.smaller .rating-bar .good, .smaller .rating-bar .neutral {
margin-right: 1px;
width: 6px;
height: 6px;
border-radius: 1px
}
.smaller .rating-bar .neutral {
width: 4px;
height: 4px
}
.ratings ul {
border-radius: 4px 4px 4px 4px;
margin-top: 8px;
padding: 1px 5px
}
.h2 {
padding-left: 4px
}
.ratings ul>li {
margin: 5px 0;
-moz-box-sizing: border-box;
background-color: #fff;
border-bottom: 1px solid #b8b8b8;
border-radius: 5px 5px 5px 5px;
line-height: 25px;
height: 26px;
overflow: hidden;
padding-left: 5px
}
.user-ratings .rating-value {
display: inline-block;
width: 50px
}
.subtitle-ratings .ratings ul ol {
width: 400px
}
.ratings ul ol {
float: right;
width: 200px;
padding-left: 4px
}
.ratings ul ol li {
margin: 0;
float: left
}
.ratings ul ol li.value {
display: inline-block;
width: 258px
}
.home #right .box, .user-home #right .box {
margin-top: 32px
}
#right .box {
margin-top: 22px
}
a.button {
color: #fff
}
button:hover, button:active, .button:hover, .button:active {
text-outline: none
}
.button.positive, button.positive {
background: -moz-linear-gradient(top, #5e9e49 0%, #3c6d2b);
background: -webkit-gradient(linear, left top, left bottom, from(#5e9e49), to(#3c6d2b));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e51417', endColorstr='#880e01');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e51417', endColorstr='#880e01')"
}
.button.positive:hover, button.positive:hover {
text-outline: none;
background: -moz-linear-gradient(top, #7acd5f 0%, #3c6d2b);
background: -webkit-gradient(linear, left top, left bottom, from(#7acd5f), to(#3c6d2b))
}
.button.positive:active, button.positive:active {
text-outline: none;
background: -moz-linear-gradient(top, #3c6d2b 0%, #5e9e49);
background: -webkit-gradient(linear, left top, left bottom, from(#3c6d2b), to(#5e9e49))
}
button.bad {
background: -moz-linear-gradient(top, #e51417 0%, #880e01);
background: -webkit-gradient(linear, left top, left bottom, from(#e51417), to(#880e01));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e51417', endColorstr='#880e01');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e51417', endColorstr='#880e01')"
}
.button.neutral, button.neutral {
background: -moz-linear-gradient(top, #6d6d6d 0%, #505050);
background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#505050));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#505050');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6d6d6d', endColorstr='#505050')"
}
.button.neutral:hover, button.neutral:hover {
background: -moz-linear-gradient(top, #8d8d8d 0%, #505050);
background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#505050))
}
.button.neutral:active, button.neutral:active {
background: -moz-linear-gradient(top, #505050 0%, #6d6d6d);
background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#6d6d6d))
}
.subtitle .rating {
background: #5e9e49;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
font-weight: bold;
margin: 2px 9px 0 0;
font-size: 14px
}
.subtitle .rating.bad {
background: #bf0603
}
.subtitle .rating.neutral {
background: #737373
}
.subtitle button {
margin: 2px 9px 0 0;
text-outline: none;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 6px 10px;
background: -moz-linear-gradient(top, #5e9e49 0%, #3c6d2b);
background: -webkit-gradient(linear, left top, left bottom, from(#5e9e49), to(#3c6d2b));
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 0;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.4), inset 0 0 0 rgba(255,255,255,.7);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.4), inset 0 0 0 rgba(255,255,255,.7);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e9e49', endColorstr='#3c6d2b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5e9e49', endColorstr='#3c6d2b')"
}
.subtitle .button {
float: left;
height: 30px;
line-height: 30px;
margin: 2px 9px 0 0;
text-outline: none;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 0 10px;
background: #5e9e49;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 0;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.4), inset 0 0 0 rgba(255,255,255,.7);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.4), inset 0 0 0 rgba(255,255,255,.7);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e9e49', endColorstr='#3c6d2b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5e9e49', endColorstr='#3c6d2b')";
zoom: 1
}
button.positive:hover, .subtitle .button:hover {
text-outline: none;
background: -moz-linear-gradient(top, #7acd5f 0%, #3c6d2b);
background: -webkit-gradient(linear, left top, left bottom, from(#7acd5f), to(#3c6d2b))
}
button.positive:active, .subtitle .button:active {
text-outline: none;
background: -moz-linear-gradient(top, #3c6d2b 0%, #5e9e49);
background: -webkit-gradient(linear, left top, left bottom, from(#3c6d2b), to(#5e9e49))
}
li.release
{
line-height:1.7;
height:80px !important
}
.subtitle .button.bad {
background: #e51417;
background: -ms-linear-gradient(#e51417, #880e01);
background: linear-gradient(#e51417, #880e01);
background: -moz-linear-gradient(top, #e51417 0%, #880e01);
background: -webkit-gradient(linear, left top, left bottom, from(#e51417), to(#880e01));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e51417', endColorstr='#880e01');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e51417', endColorstr='#880e01')"
}
.subtitle .button.neutral {
background: #6d6d6d;
background: -ms-linear-gradient(#6d6d6d, #505050);
background: linear-gradient(#6d6d6d, #505050);
background: -moz-linear-gradient(top, #6d6d6d 0%, #505050);
background: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#505050));
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6d6d6d', endColorstr='#505050');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6d6d6d', endColorstr='#505050')"
}
.subtitle .hearing-impaired {
background: url(../img/icon-hearing-impaired-white.png) no-repeat 0 0;
width: 14px;
height: 13px;
display: inline-block
}
.subtitle .comment-wrapper {
}
.subtitle .comment:before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 27px 27px;
border-color: transparent transparent #f9f3e4 transparent;
left: 10px;
top: -20px;
position: absolute;
content: ""
}
.release {
margin: 0 0 14px 0;
line-height: 16px
}
.details .window, .preview .window {
width: 590px
}
.subtitle .comment {
padding: 11px 9px;
color: #000;
min-height: 40px;
position: relative;
background: #f9f3e4;
margin: 28px 0 8px 0;
line-height: 16px
}
.subtitle .comment-sub {
text-align: right
}
.subtitle .top.left {
min-height: 270px
}
.window {
border-top: 1px solid #fff;
padding: 11px 13px;
margin: 0 0 13px 0;
clear: both;
box-sizing: border-box
}
.subtitle #preview p {
margin: 9px 0;
line-height: 16px
}
.subtitle #details ul {
margin: 9px 0
}
.subtitle .author {
font-size: 16px
}
div.close {
float: right;
height: 18px
}
.close a {
background: url('../img/icon-close.png') no-repeat right 0;
padding-right: 18px
}
.subtitle .rating-head {
font-size: 10px
}
.posts h3 {
margin-bottom: 14px
}
.posts ul>li {
overflow: hidden;
padding-bottom: 18px
}
.posts .avatar {
float: left;
width: 79px;
height: 79px;
clear: left
}
.posts .author {
font-size: 16px;
padding-bottom: 8px
}
.posts .date {
float: right
}
.posts .right {
text-align: right
}
.posts .reply {
}
.posts .edit {
font-size: 14px
}
.posts .links {
float: right;
list-style: none
}
.posts .links li {
display: inline;
padding-right: 10px
}
.posts .post:before {
background: url(../img/post-bubble.png) no-repeat left top transparent;
display: block;
height: 24px;
left: -21px;
position: absolute;
top: 52px;
width: 34px;
content: ""
}
.posts .post {
float: right;
width: 616px;
margin-right: 212px;
-moz-box-shadow: inset 1px 2px 5px #c6bca4;
-webkit-box-shadow: inset 1px 2px 5px #c6bca4;
box-shadow: inset 1px 2px 5px #c6bca4;
padding: 8px 11px;
color: #000;
min-height: 80px;
background: #dbd0b6;
position: relative;
word-wrap: break-word
}
.posts .post-body {
overflow: auto
}
.user-posts .post:before {
background: none
}
.user-posts .post {
float: left
}
.user-posts blockquote h3 {
}
blockquote {
background: url("../img/icon_quote.gif") no-repeat scroll left top transparent;
font-style: italic;
padding: 12px 0 0 3em
}
.pagination {
text-align: right;
padding: 0;
margin: 0 0 13px 0;
clear: both;
font-size: 14px;
font-weight: bold
}
.pagination>li>a, .pagination>li>span {
}
.pagination ul>li {
display: inline-block;
padding: 0 8px
}
.pagination .previous {
margin-right: 8px
}
.pagination .next {
margin-left: 8px
}
.pagination .disabled a {
display: none
}
.pagination .next.disabled a {
display: block;
cursor: default;
color: #ccc
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
color: #fff;
background-color: #0090ff;
border: 1px solid #ddd
}
.user-home .rating {
font-weight: bold;
color: #333
}
.subtle {
color: #999;
font-weight: normal
}
.subtitles div.subtle {
display: inline
}
.user-home .avatar {
float: left;
margin: 0 13px 3px 0;
border: 1px solid #d3dde2;
min-height: 80px;
min-width: 80px;
text-align: center
}
.user-home .subtitles h2 {
margin-left: 4px;
font-weight: normal
}
.user-home .subtitles .list {
background-color: #9f9f9f;
border-radius: 4px 4px 4px 4px;
margin-top: 6px;
padding: 1px 3px;
width: 532px
}
.user-home .subtitles ul>li, .user-home .footer {
float: left;
width: 173px;
text-align: center;
height: 240px;
margin-bottom: 56px;
margin: 4px 3px 0 4px;
padding-bottom: 5px;
height: 300px;
padding-top: 1px;
background-color: #fff;
border-bottom: 1px solid #a8a8a8;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 170px;
position: relative
}
.user-home .footer {
height: 36px;
width: 524px;
padding: 12px;
margin-bottom: 6px
}
.user-home .subtitles .r {
background-position: 1px 4px;
padding: 0 0 0 18px
}
.user-home .subtitles .right {
padding: 0 96px 0 0;
line-height: 36px;
color: #555
}
.user-home .ratings {
font-size: 13px
}
.user-home .subtitles li .poster {
position: relative;
overflow: hidden;
border: none;
background: none;
margin: 8px 8px 12px 8px;
height: 220px
}
.user-home .subtitles li .poster img {
max-height: 220px;
max-width: 163px
}
.user-subtitles .subtitles .language, .user-subtitles .subtitles .a1 a {
width: 515px
}
.user-subtitles td.comment {
width: 60px
}
.user-subtitles td.a6 div {
width: 75px
}
.recent-posts li {
line-height: 18px
}
.edit-filter #columns {
margin-top: 36px
}
.edit-filter #left {
width: 180px
}
.edit-filter #right {
width: 220px
}
.edit-filter .save {
float: left;
width: 180px
}
.sentence {
float: right;
width: 300px;
overflow: hidden;
display: block;
padding-bottom: 10px
}
.sentence button {
font-weight: normal;
font-size: 11px;
padding: 4px 6px
}
.sentence input {
width: 220px
}
.sentence .text {
color: green;
padding-bottom: 3px
}
.legal h3 {
margin-top: 34px
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: bold
}
.alert>p, .alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable {
padding-right: 35px
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
header nav, .recent-posts, .recent-subtitles, .banner, .rightb .box, .filter ul, .banner-inlist, .rating, .bottom, .sort-by {
display: none
}
body {
background: url("../img/back.jpg") #eee
}
.window {
border: 0
}
.clearfix {
margin: 0
}
.close {
width: 0;
height: 0;
display: none
}
.subtitles td.a1 a:visited {
color: #484848 !important
}
.poster {
border: 2px solid #000;
border-radius: 3px;
border-bottom: 0
}
.poster img {
height: auto;
width: auto
}
.subtitles td.a1 a:hover {
background: #fff !important
}
footer {
margin-top: 10px !important
}
footer nav
{
height:auto;
}
/** NEW_BY_SHAYAN **/
.subtitles-list *
{
box-sizing:border-box;
}
.tabbar
{
float:right;
width:100%;
padding:5px;
background:#61686e;
margin:5px 0;
}
.tabbar li
{
float:left;
margin:0 5px 0 0
}
.tabbar li a
{
padding: 10px 6px;
float:left;
border-radius:4px;
color:#fff;
font-size:12px;
transition:0.3s;
-webkit-transition:0.3s;
}
.tabbar li a.farsi-persian:hover
{
animation:none
}
.tabbar li a span
{
color:#61686e;
padding:3px;
border-radius:4px;
background:#fff;
margin:1px 0 0 5px;
font-size:10px;
}
.tabbar li a.active , .tabbar li a:hover
{
background:rgba(0,0,0,.3)
}
.sublist
{
counter-reset: li;
display:block
}
.sublist .item
{
display:block;
background:#fff;
box-shadow: 0px 1px 2.76px 0.24px rgba(0, 0, 0, 0.1);
float:left;
width:100%;
padding:5px 110px 5px 60px;
margin:0 0 6px 0;
position:relative;
min-height:100px;
overflow: hidden;
}
.subtitles-list .ads
{
min-height:90px;
padding:5px 5px 5px 60px;
text-align:center;position:relative;
margin:0 0 6px 0;
float:left;
width:100%;
list-style:none;
background:#fff;
box-shadow: 0px 1px 2.76px 0.24px rgba(0, 0, 0, 0.1);
}
.sublist .item.badrated
{
background:url(../img/hashoor.png) repeat #f5f5f5;
}
.col-info
{
float:left;
width:60%;
position:relative;
border-right:1px solid #eee;
min-height:90px
}
.comment-col
{
width: 310px;
text-align: center;
right:110px;
top:0;
bottom:0;
position:absolute;
padding:8px;
}
.vertical-middle
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width:100%
}
.comment-col p
{
margin-top:5px;
}
.scrolllist {
max-height: 94px;
width: 95%;
float: left;
color: #4e4e4e;
font: 12px/1.2 sans-serif;
margin-left:6px;
}
.sublist .item .download
{
position:absolute;
right:13px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background-color: rgb(97, 104, 110);
box-shadow: 0px 1px 2.85px 0.15px rgba(0, 0, 0, 0.4);
color:#fff;
text-align:center;
padding:28px 0;
width: 75px;
height: 75px;
font-size:20px;
transition:0.4s;
}
.sublist .item .download:hover
{
background:#fff;
color:rgb(97, 104, 110);
}
/* larglist */
.larglist .scrolllist
{
max-height:none;
}
/* ODD and EVEN Style For subtitle Items
.larglist.sublist .item:nth-child(odd)
{
background:#f5f5f5
}
.larglist.sublist .item:nth-child(odd):before
{
background:#fff
}
*/
.sublist .item:before , .subtitles-list .ads.beforetext:before
{
background: none repeat scroll 0 0 #f2f2f2;
border-radius: 4px;
color: #696969;
display: list-item;
content:"";
text-align: center;
padding: 34px 15px;
float: left;
background: rgba(0,0,0,0.05);
position: absolute;
top: 5px;
left: 5px;
bottom: 5px;
z-index:20;
width:50px;
box-sizing:border-box;
}
.sublist .item:after
{ content: counter(li, decimal);
counter-increment: li;
z-index:21;
position:absolute;
left:5px;
font: 18px sans-serif;
width:50px;
text-align:center;
top:50%;
transform:translateY(-50%);
color: #696969;
}
.subtitles-list .ads.beforetext:before
{
counter-increment:none;
content:"ADS";
padding:0 16px;
writing-mode: vertical-lr;
transform:rotate(180deg);
color: #696969;
font: 16px sans-serif;
}
.col-info .topright
{
right:10px;
top:5px;
position:absolute; z-index:99
}
.topright span
{
float:right;
padding:3px 4px;
border-radius:4px;
color:#fff;
font-size:10px;
z-index:999;
box-shadow: 0px 1px 1.74px 0.26px rgba(0, 0, 0, 0.24);
margin-left:3px;
box-sizing:border-box
}
.topright span.language
{
right:10px;
background:#61686E;
}
.topright span.language.farsi-persian
{
background:#009688
}
span.rate:before
{
content: "\e901";
font-family:icomoon;
}
span.rate
{
right:52px;
background:#c0c0c0;
font-family:sans-serif
}
.rate.good
{
background:#37b13d
}
.rate.bad
{
background:#e72e01
}
.rate:after
{
content:" Not Rated";
}
.rate.good:after
{
content:" Good";
}
.rate.bad:after
{
content:" Bad";
}
.notfound
{
text-align:center;
float:right;
width:100%
}
.notfound-icon
{
font-size: 350px;
color: rgba(0,0,0,.1);
}
#content#notfound
{
min-height:auto
}
.subtitle h1
{
font-weight:lighter
}
.container
{
width:975px;
height:auto;
margin:0 auto;
border-left: 4px solid #666;
border-right: 4px solid #666;
box-shadow: 0 0 5px 0 #ccc;
-moz-box-shadow: 0 0 5px 0 #ccc;
-webkit-box-shadow: 0 0 5px 0 #ccc;
background: #fff;
position:relative;
z-index:99;
box-sizing:border-box;
padding:0 10px;
overflow:hidden
}
body:before {
background: #333 !important;
border-bottom: 5px solid #000;
content: "";
position: absolute;
top: 0;
width: 100%;
height: 198px;
/* z-index: -1; */
}
.wrapper
{
width: 80%;
direction: rtl;
font-family: iransans , yekan , byekan , b yekan ,tahoma;
line-height: 2;
text-align: right;
margin:0 auto;
padding: 30px;
border-radius:5px;
box-sizing: border-box;
box-shadow: 0 0 4px 1px #eee;
background: url(../img/navar.png) repeat-x top #fff;
position:relative;
z-index:9999
}
.wrapper.notopline
{
background: #fff;
}
.wrapper .content p
{
margin-top:0
}
#contact_me
{
width:100%;
direction:rtl;
font-family:iransans , yekan , byekan , b yekan ,tahoma;
line-height:2;
text-align:right;
box-sizing: border-box;
}
#contact_me input , #contact_me textarea
{
width:100%;
padding:8px 10px;
background:#eee;
border:1px solid #ddd;
box-sizing:border-box;
margin:5px 0;
line-height:2;
font-size:12px !important;
font-family:iransans , yekan , byekan , b yekan ,tahoma;
}
.search-result h2
{
display:inline-block
}
li .title
{
padding-left:0
}
.byTitle li {
padding: 10px 7px;
font-size: 12px;
background: #f5f5f5;
width:500px;
box-sizing:border-box
}
.byTitle li:nth-child(even)
{
background:#fff
}
.contact-title
{
font:lighter 16px iransans , yekan , byekan, b yekan , tahoma;
text-align:center;
margin-bottom:15px;
}
.contact-title h2
{ font:lighter 18px iransans , yekan , byekan, b yekan , tahoma;
display:inline-block;
padding:6px 19px;
color: #711709;
box-sizing: border-box;
border: 1px solid #ce2004;
border-radius: 50px;
}
footer a:hover
{
text-decoration:underline
}
.ad300600
{
right:0
}
.extra-height
{
display:block;
width:100%;
}
.w100
{
min-height:100px;
}
.w200
{
min-height:200px;
}
.w300
{
min-height:300px;
}
.w400
{
min-height:400px;
}
.w500
{
min-height:500px;
}
.w600
{
min-height:600px;
}
.larglist .scrolllist
{
overflow:hidden;
}
.larglist .col-info
{
height:auto;
min-height:90px
}
footer nav a
{
padding:8px
}
footer nav a.active
{
border-radius:40px;
background: #fff;}
.fixed120 , .fixed120-sabavision
{
height:240px;
width:120px;
position:fixed;
z-index:999;
top:50%;
transform:translateY(-50%);
right:0;
overflow:hidden
}
.fixed120 img , .fixed120 iframe , .fixed120-sabavision img, .fixed120-sabavision iframe
{
width:120px;
height:240px
}
.subtitles-list .ads
{
min-height:90px
}
.fixed768
{
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 9999;
display: none;
text-align: center;
}
.fixed768 img
{
max-width:768px;
height:auto
}
.content img
{
max-width:100%;
height:auto
}
.scrolllist li:first-child
{
content:"";
padding-right:130px;
}
.scrolllist li
{
word-wrap: break-word;
padding-left:6px;
position:relative;
border-left:3px solid #f2f2f2
}
.scrolllist li:hover
{
border-left:3px solid #999
}
.errorcontent
{
position:relative;
}
#notfound
{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.error-container
{
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
top:0;
}
.error-container footer
{
position:absolute;
bottom:0;
width:97%;
left:50%;
transform:translateX(-50%);
}
.error-container #content
{
min-height:auto
}
.error-container
{
width:976px
}
@media screen and (max-height:625px)
{
.error-container ,.error-container footer
{
position:relative;
left:0;
transform:none;
}
.error-container footer
{
width:100%
}
.error-container #content
{
min-height:700px
}
}
.subtitles table tr:nth-child(even)
{
background:#f5f5f5
}
.subtitles table td.a1 a:hover
{
background: none !important;
}
.subtitles table tr:hover
{
background:#FAFFBD
}
.g-recaptcha
{
position: relative
}
.g-recaptcha:before
{
position: absolute;
content: "من ربات نیستم.";
bottom: 18px;
background: #f9f9f9;
color: #272727;
height: 21px;
padding: 14px 8px;
right: 45px;
}
.fixed768-sabavision
{
display:none
}
@media screen and (max-width:960px) {
.subtitles table
{
width:100%;
float:right;
display:block;
overflow-x: scroll
}
.subtitles .new
{
font-weight: lighter
}
.scrolllist li:first-child:before
{
content:"";
float:right;
width:135px;
height:20px;
}
.scrolllist li:first-child
{
padding-right:0
}
#search
{
float:none
}
header {
height: auto
}
.sublist .item .download:before
{
position:absolute;
top:50%;
transform: translate(50% , -50%);
right: 50%;
}
.fixed120 , .fixed120-sabavision
{
width:80px;
height:160px
}
.fixed120 img , .fixed120 iframe , .fixed120-sabavision img , .fixed120-sabavision iframe
{
width:80px;
height:160px;
display:block;
max-width:100% !important
}
.w600 , .w500 , .w400 , .w300 , .w200 , .w100
{
min-height:0
}
.ad300600
{
width:120px !important
}
.byTitle li , .wrapper
{
width:100%
}
.adcontainer
{
position:static !important;
height:auto !important;
width:100% !important;
margin:0 !important
}
.container
{
width:100%;
float:right;
}
#content
{
min-height:auto;
}
#contact_me
{
width:100%;
}
#content, header, footer
{
width:100%
}
#search .text , #left
{
width:100%
}
.popular-films
{
width:100% !important;
}
.box > div.top.right
{
margin-left:0 !important;
width:100%;
margin-bottom:15px;
text-align: center
}
.box > div.top.right > div > div
{
margin:0 auto
}
#search
{
width:100%;
margin:0;
position:relative;
margin-bottom:10px;
}
#search .text
{
height: 31px;
padding: 6px 33px 4px 4px;
font-size: 15px;
box-sizing: border-box;
}
#search button
{
position:absolute;
font-size:0;
width:26px;
height:26px;
top: 0;
right: 3px;
background:url(../img/search.png) no-repeat center #1d4960;
background-size:50%;
}
#logo
{
padding:15px 0;
float:none;
}
#logo em
{
margin:0 auto
}
.adhere , #adhere
{
width:100%;
height:auto
}
.subtitles-list .ads.beforetext:before , .subtitles-list .ads.beforetext:after
{
display:none
}
.subtitles-list .ads
{
min-height:auto;
padding:10px;
text-align:center
}
.subtitles-list .ads .adhere iframe
{
height:60px
}
.byFilm .header
{
width:100% !important;
padding: 5px 0;
text-align:center;
line-height:1.6
}
h1 , h2 , h3 , h4 , h5 , h6 , .subtitle h1
{
font-weight: lighter;
}
.byFilm .poster
{
width: 105px;
height: 134px;
display: block;
margin: 0 auto;
float:none
}
.byFilm .poster img
{
width:100%;
}
.comment-col
{
width:100%;
position:static;
float:left;
border-top:1px solid #eee;
margin-top:5px
}
.comment-col .vertical-middle
{
position:static;
transform:none
}
.larglist .col-info
{
min-height:auto
}
.col-info
{
width:100%
}
.sublist .item .download
{
right: 0;
top: 0;
bottom: 0;
border-radius:0;
color: #fff;
text-align: center;
padding: 45px 0;
width: 40px;
height:auto;
font-size: 15px;
transition: 0.4s;
transform:none
}
.sublist .item
{
padding-right:44px
}
.byFilm .header, .subtitle .header
{
width:100%;
padding:0
}
.subtitle .poster
{
float:none;
margin:0 auto;
display:block;
}
.subtitle h1
{
line-height:1.7
}
.subtitle .button {
background: #518c3e;
}
.popular-films ul.details>li
{
height:205px;
}
.popular-films ul.details>li li:last-child
{
display:none
}
.details .window, .preview .window {
width: 100%
}
.subtitle .details {
max-width: 100%;
}
.responsive-static-banner .adhere iframe , .responsive-static-banner #adhere iframe
{
height:auto
}
}
@media screen and (max-width:800px) {
.adh250
{
height: 220px;
}
}
@media screen and (max-width:768px) {
.fixed768-sabavision
{
position:fixed;
bottom:-12px;
display:block;
z-index: 9999;
left:0;
right:0
}
.fixed768
{
display:block
}
.fixed768 .adhere iframe
{
position: absolute;
bottom: 0;
width: 100%;
}
.fixed768 img.adhere{position:absolute !important;bottom:0;right:0;left:0}
.adh250
{
height: 195px;
}
.fixed768 .adhere iframe
{
margin-bottom:-10px
}
}
@media screen and (max-width:640px) {
.adh250
{
height: 165px;
}
.ad300600
{
width:100px !important
}
.notfound-icon
{
font-size:230px;
}
.fixed768 .adhere iframe
{
margin-bottom:-15px
}
}
@media screen and (max-width:600px)
{
.adh250
{
height: 145px;
}
.fixed768 .adhere iframe
{
margin-bottom:-15px
}
}
@media screen and (max-width:550px)
{
.fixed120-sabavision , .fixed120
{
display: none
}
.fixed768 .adhere iframe
{
margin-bottom:-22px
}
}
@media screen and (max-width:500px)
{ .adh250
{
height: 135px;
}
.fixed768 .adhere iframe
{
margin-bottom:-27px
}
}
@media screen and (max-width:450px)
{
.adh250
{
height: 125px;
}
.fixed768 .adhere iframe
{
margin-bottom:-32px
}
}
@media screen and (max-width:430px)
{ .adh250
{
height: 120px;
}
.fixed768 .adhere iframe
{
margin-bottom:-35px
}
.g-recaptcha {
width: 100%;
float: right;
overflow-x: scroll;
}
}
@media screen and (max-width:416px)
{
.fixed768 .adhere iframe
{
margin-bottom:-42px
}
}
@media screen and (max-width:386px)
{
.adh250
{
height: 110px;
}
.fixed768 .adhere iframe
{
margin-bottom:-47px
}
}
@media screen and (max-width:350px)
{
.adh250
{
height: 100px;
}
.fixed768 .adhere iframe
{
margin-bottom:-52px
}
}
.h_iframe-sabavision_responsive_ads_728x90 {
position: relative;
max-width: 728px;
max-height: 90px;
margin: auto;
}
.h_iframe-sabavision_responsive_ads_728x90 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#sb_300x250 {
max-width: 300px;
margin: auto
}