span {display:inline-block;} .pprev, .pnext {} .pprev {} .pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:36px; text-align:center;} .navigation {text-align:center;} .navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 5px; min-width:36px; background-color:#fff; margin:5px 5px 0 0; border-radius:3px; border:1px solid #ccc;box-shadow: 3px 3px 3px #ccc; /*box-shadow:0 3px 5px 0 rgba(0,1,1,0);*/ font-size:14px;} .navigation span, .pagi-nav a:hover {background-color:#e74c3c; color:#fff;} .navigation span.nav_ext {background-color:#fff; color:#888;} .pagi-nav a:hover {background-color:#e74c3c; color:#fff;} .dle-comments-navigation .pagi-nav {margin-bottom:0;} /* COMMENTS ----------------------------------------------- */ .add-comm-btn {margin-bottom:30px;} .add-comm-form {margin-bottom:30px; display:none; padding:30px; background-color:#f5f5f5; box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.2);} .ac-inputs input {width:49%; float:left; background-color:#FFF;} .ac-inputs input:last-child {float:right;} .ac-inputs, .ac-textarea {margin-bottom:15px;} .ac-textarea textarea {height:140px;} .ac-protect {margin-top:-10px;} .ac-protect .label {font-size:12px;} .ac-protect .sep-input {padding:10px 10px 10px 160px;} .ac-protect input {background-color:#FFF;} .mass_comments_action {text-align:right; padding:5px 15px; background-color:#F5F5F5; margin:20px 0;} .last-comm-link {font-size:16px; margin-bottom:10px;} .last-comm-link a {text-decoration:underline; color:#06c;} .comm-item {padding-left:60px; margin-bottom:20px;} .comm-left {width:45px; height:45px; margin-left:-60px; float:left;} .comm-right {width:100%; float:right;} .comm-one {padding:0 80px 10px 0; position:relative;} .comm-one > span {color:#bcbcbc; float:right;} .comm-one > span:first-child {color:#4d4d4d; text-transform:uppercase; font-weight:700; float:left;} .rate3-comm {position:absolute; right:0; top:0; white-space:nowrap;} .rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px; color:#497b41; margin:0 5px 0 0; vertical-align:top} .rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;} .rate3-comm a:hover {opacity:0.5;} .rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;} .rate3-comm > span > span.ratingtypeplus {color: #06b601;} .rate3-comm > span > span.ratingplus {color: #95c613;} .rate3-comm > span > span.ratingminus {color: #ff0e0e;} .comm-two {padding:15px; color:#4c4c4c; line-height:20px; border:1px solid #e3e3e3;} .comm-three {margin-top:10px; font-size:12px; text-align:right;} .comm-three li {display:inline-block; margin-left:10px;} /* FULL ----------------------------------------------- */ .full h1 {font-size:16px; /*font-weight:700;*/ margin-bottom:5px; padding:5px 10px 0 10px;} .full h1 a {color:#e74c3c; margin-left:10px;} .fcols {margin-bottom:10px;} .fright {width:300px; float:right; text-align:center;} .fleft {width:calc(100% - 330px); width:-webkit-calc(100% - 330px); float:left; background-color:#FFF; border: 1px solid #888; box-shadow: 5px 5px 6px #888; border-radius: 5px;} .full-tags {padding:10px; padding-top:0; /*line-height:20px;*/} .full-tags a {background-color:#eee; color:#000; padding:2px 5px; display:inline-block; margin:5px 0 0 7px;border-radius:3px;border: 1px solid #C0C0C0;} .full-tags a:hover {background-color:rgb(251, 235, 227);} .full-category {padding:10px; padding-top:0; line-height:20px;} .full-category a {background-color:#eee; color:#000; padding:2px 5px; display:inline-block; margin:5px 0 0 7px;border-radius:3px;border: 1px solid #C0C0C0;} .full-category a:hover {background-color:rgb(251, 235, 227);} .fplayer {background-color:#000;} .f-desc {padding:10px;} .rkl-box {/*margin-top:20px;*/} .rkl-box img {border:1px solid #888;box-shadow: 5px 5px 6px #888;border-radius: 3px;} .fr-title {font-size:18px; font-weight:700;} .frate {font-size:16px;} .f-rate {white-space:nowrap; text-align:center; margin:20px 0 10px 0;} .rate-plus, .rate-minus, .rate-counts {display:inline-block; vertical-align:middle; float:left;} .rate-data {display:none;} .rate-counts {padding:0 10px; height:60px; width:calc(100% - 120px); width:-webkit-calc(100% - 120px);} .rate-plus, .rate-minus {cursor:pointer; width:60px; height:60px; text-align:center; font-size:40px; line-height:60px;} .rate-plus {color:#1e9b05;} .rate-minus {color:#d00707;} .rate-plus:hover, .rate-minus:hover {opacity:0.8;} .rate-bar {width:100%; min-height:6px; height:6px; border-radius:4px; overflow:hidden; position:relative; background-color:#ef4559;} .rate-fill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#7bbc00; transition:width 1s linear;} .rate-perc {font-size:30px; color:#1e9b05;} .full-meta {padding:2px 0; align-items:center; border-top:1px solid #e9e9e9; /*margin-bottom:20px;*/font-size:12px;padding: 0 20px;} .full-meta > div {display:inline-block; vertical-align:middle;} .meta-img {width:50px; height:50px;} .meta-img a {display:inline-block; position:absolute; left:0; bottom:0; background-color:#ffcc00; color:#000; padding:3px 5px;} .meta-item {line-height:25px; max-width:250px;} .meta-item span:not(.fa) {font-weight:700;} .meta-item a {text-decoration:underline; color:#4a61a3;} .meta-item div {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .meta-fav .button, .meta-fav a {font-size:14px; /* text-transform: uppercase;*/height: 30px; display: inline;color:#fff; padding: 7px 10px; border-radius: 4px;box-shadow: 1px 1px 2px #888;} .flex-row { display: flex; flex-flow: row wrap; justify-content: space-between; } .add_fav{background-color: #03A9F4;} /* FULL STORY STATIC ----------------------------------------------- */ .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {/*max-width:700px !important;*/ margin:0 auto; display:block; width:100%; /*max-height:740px;*/} .mejs-container {max-width:100% !important;} .full-text {font-size:12px; line-height:15px; color:#5c5c5c;text-align: justify;} .main-desc {font-size:12px; line-height:15px; color:#5c5c5c;text-align: justify;margin-bottom: 10px;border-radius: 4px;background-color:#fff;padding: 5px 10px; box-shadow: 5px 5px 6px #888; border: 1px solid #ccc;} .full-text img:not(.emoji) {max-width:100%; margin:5px 0 0 0;} .full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text a {/*text-decoration:underline; color:#e74c3c; */ color: #BE0C0C; /*font-size: 20px*/;} .full-text a:hover {text-decoration:none;} .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:5px 0; font-size:16px; /*font-weight:700;*/} .full-text p {/*margin-bottom:10px; height:1px;*/} .full-text ul, .full-text ol {margin:0;} .full-text ul li {list-style:disc; margin-left:40px;} .full-text ol li {list-style:decimal; margin-left:40px;} .t-like { bottom: 35px; right: 3px; display: inline-block; position: absolute; color: #fff; padding: 4px 3px 5px 5px; font-size: 12px; background-color: rgba(0,0,0,0); text-shadow: 1px 1px 1px #000; border-radius: 3px; transition: all 0.5s ease-in-out; } .t-time { top: 3px; right: 3px; display: inline-block; position: absolute; color: #fff; padding: 4px 3px 5px 5px; font-size: 12px; background-color: rgba(0,0,0,0.5); border-radius: 3px; transition: all 0.5s ease-in-out; } .duration { top: 3px; right: 3px; display: inline-block; position: absolute; color: #fff; padding: 4px 3px 5px 5px; font-size: 12px; background-color: rgba(0,0,0,0.5); border-radius: 3px; transition: all 0.5s ease-in-out; } .t-hd { top: 3px; left: 3px; display: inline-block; position: absolute; color: #ffffff; padding: 2px 4px 3px 4px; font-size: 14px; background-color: #e74c3cb5; /*font-weight: bold;*/ border: 1px solid #e74c3cb5; border-radius: 3px; transition: all 0.5s ease-in-out; } .hdthumb { top: 3px; left: 3px; display: inline-block; position: absolute; color: #ffffff; padding: 4px 5px 5px 5px; font-size: 14px; background-color: #e74c3cb5; /*font-weight: bold;*/ border-radius: 3px; transition: all 0.5s ease-in-out; } /* ADAPTIVE ----------------------------------------------- */ @media screen and (max-width: 1400px) { .video_tag_browse { width: 15.5%;} } @media screen and (max-width: 1300px) { .thumb {width:33.33%;} } @media screen and (max-width: 1220px) { /*.center {max-width:1000px;}*/ .thumb_main {width: 50%;} .thumb {width:33.33%;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {max-width:100% !important;} .video_tag_browse { width: 23%;} .search-box {width: 150px;} .logotype {left: 40%;} } @media screen and (max-width: 950px) { /*.center {max-width:768px;}*/ .search-box {width:200px;} .thumb {width:33.33%;} .logotype {/*height:50px;*/width: 300px;} .video_tag_browse { width: 31%;} .search-box {width: 150px;} .dude-box { padding: 10px 10px 5px 10px;} .dude-box img {display:none;} } @media screen and (max-width: 760px) { /*.bar_body {display:none;}*/ /*.center {max-width:640px;}*/ /*.btn-menu, .btn-menu-adv, .btn-menu:hover, .btn-menu-adv:hover {background: linear-gradient(to top, #e74c3c00 0%,#c0392b00 100%);}*/ /*.btn-menu, .btn-menu-adv, .btn-menu:hover, .btn-menu-adv:hover {background:none;} */ body {border-top:0px;} .main-desc {display:none;} .dude-box {padding: 0; line-height: 40px; height: 40px; text-align: center; float: right; margin: 0 -10px 10px 10px; width: 130px; margin-right: -150px; margin-top: -50px;border: 0px;} .header {height:100px;} .btn-menu {padding:0; line-height:40px; height:40px; text-align:center; float:none; margin:5px 50px 10px 50px;} .logotype {height: 50px; width: 190px; margin-top: 20px; margin-left: -45px; position: absolute; float: left;} .search-box {float:right; margin-top:0; /*width:calc(100% - 220px); width:-webkit-calc(100% - 220px);*/} .thumb {width:33.33%;} .th-title{font-size: 12px;} .duration {background-color:rgba(0, 0, 0, 0);text-shadow: 1px 1px 1px #000;} .t-like{background-color:rgba(0, 0, 0, 0);text-shadow: 1px 1px 1px #000;} .t-hd {font-size: 12px; padding: 1px 3px 1px 3px;} .hdthumb {font-size: 12px; padding: 1px 3px 1px 3px;} .counter {position:static; margin-top:10px;} .full h1 {font-size:14px;} .fright {width:100%; float:none; margin-top:20px;} .fleft {width:100%; float:none;} .frate {width:300px; margin:0 auto;} .ac-protect {margin-top:0px;} .comments-tree-list .comments-tree-list {padding-left:0px !important;} .comments-tree-list .comments-tree-list:before {display:none;} .mass_comments_action {display:none;} .sub-title h1 {font-size:18px; line-height:24px;} } @media screen and (max-width: 590px) { .bar_body {font-size: 12px;} .bar_body .bar_items .title {display:none;} .bar_body .bar_items {padding-left:0px;} .bar_body .bar_items .links a, .bar_body .bar_items .links {margin: 0 5px;} .bar_body .bar_items .links .dud {display:none;} .logotype { height: 40px; width: 150px;} .search-box { width: 137px;} .center {max-width:480px;} .thumb_main {width: 100%;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;} /*.t-like {display:none;} */ .t-hd {left: 3px;text-shadow: 1px 1px 1px #000;} .hdthumb {left: 3px;text-shadow: 1px 1px 1px #000;} .ac-soc {position:static;} .ac-inputs input {width:100%; margin-top:10px;} .ac-protect {width:100%; float:none; margin:0;} .ui-dialog {width:100% !important;} .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;} .upop-left {margin-bottom:10px; text-align:center;} .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;} #dofullsearch, #searchsuggestions span.seperator {display:none !important;} .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;} .attach-info {float:none;} } @media screen and (max-width: 470px) { .center2 {max-width:320px;} .thumb {width:50%;} .ft-copyr {margin:-10px 0 10px 0; width:100%;} .video_tag_browse { width: 47%;} .full-text a { font-size: 16px;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;} } /* custom ----------------------------------------------- */ .content{ float: left; background-color: #FFF; width: 100%; min-height: 400px; } progress { float: right; -webkit-appearance: none; appearance: none; border: none; width: 100%; height: 6px; border-radius: 3px; color: #7bbc00; background: #ef4559; } progress::-webkit-progress-bar { border-radius: 3px; background: #ef4559; background-color:#7bbc00; } progress::-moz-progress-bar { border-radius: 3px 5px 5px 3px; background: #ef4559; background-color:#7bbc00; } progress::-webkit-progress-value { border-radius: 3px 5px 5px 3px; background: #ef4559; background-color:#7bbc00; } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: -105px 0, 0 0, 0 0; } } li.widget { list-style:none; } .comment-reply-title, .logged-in-as{ font-size: 14px; margin: 0 2px 5px 2px; } .form-group label{ font-size: 14px; margin: 0 2px 5px 2px; } .comment-form .btn-default{ margin-top:20px; } .form-group input[type="text"], .form-group input[type="email"] { display: block; width: 100%; padding: 3px; border: 1px solid #e3e3e3; background-color: #FFF; border-radius: 6px; box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.1); overflow: auto; vertical-align: top; resize: vertical; } .children{ float: none; width: 100%; display: block; position: relative; padding-left: 100px; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

الموصى بها: