Social Pages
/* General */
/* Css Reset
------------------------------ */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {background:$(bg.color);color:#333;font:14px Droid Arabic Kufi; background: #ccc; background: url(https://b.top4top.net/p_501jpvnm1.jpg) 50% 50%/cover repeat #292929;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position: inherit;
}
ul {margin:0;padding:0;}
li {display: list-item;text-align: -webkit-match-parent;}
* {list-style:none;text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {color:$(a.color);font-family:'Droid Arabic Kufi';}
.clear {clear:both;}
.widget {margin: 0;}
.widget-item-control ,.blog-feeds ,.status-msg-body, .date-header, .post-feeds, .status-msg-border {display:none;}
.widget .widget-item-control a img {display:none;}
.widget li, .BlogArchive #ArchiveList ul.flat li {padding: 0;}
.post-footer-line>* {margin-left: 0;}
.contaner{
background: #eee;
}
/* Tarnsition
------------------------------ */
.fa, #menu-top ul li a, #social-media a, .main-menu ul li a, .jump-link a, .post-title a, .pagenavi a, .copyrights a, .sidebar a, .contact-form-button, .follow-by-email-submit, .footer-wrapper a {transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
body {
background: url(https://d.top4top.net/p_510ehmhc1.jpg) 50% 50%/cover no-repeat fixed #292929;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color: #fff;
font: 14px Droid Arabic Kufi;
}
ul {margin:0;padding:0;}
li {display: list-item;}
* {list-style:none;text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {color: #fff;font-family:'Droid Arabic Kufi';}
.co{
padding: 0;
margin:
}
.play{
z-index: 99999;
position: absolute;
margin: 8px 150px;
margin: 50px 300px;
}
.show-games .pw-widget {
position: absolute;
z-index: 99999;
margin: -590px auto 0 auto;
width: 100%;
}
/*Start framework*/
@media (max-width: 767px){
.chan{
}
.social{
display: none;
}
.content .show-games{
margin: 0;
overflow: hidden;
}
.wrapper .sidebar{
margin-right: 6px;
text-align: center;
}
.wrapper .content{
margin: auto;
text-align: center;
}
}
@media (max-width: 1200px){
.show-games{
overflow: hidden;
}
.slinks .fa{
font-size: 14px;
}
}
@media (min-width: 1200px){
}
@media (max-width: 992px){
.content-home{
display: none;
}
}
.chan{
width: 8.2%;
z-index: 99999;
position: absolute;
margin: 10px;
overflow: scroll;
height: 600px;
border: 3px solid #999;
padding: 5px 1px;
direction: ltr;
text-align: center;
}
.chan button img{
min-width: 65px;
width: 57px;
height: 32px;
min-height: 32px;
}
body > div.wrapper > div.container > div > div > div.content > details{
cursor: pointer;
}
body > div.wrapper > div.container > div > div > div.content > details > summary{
font-size: 20px;
cursor: pointer;
}
/* Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
.picture{
color: #fff;
text-align: center;
font-size: 20px
}
.picture img{
width: 200px;
height: 150px;
margin: 5px 5px
}
.table {
width: 100%;
max-width: 100%;
margin: 6px 0 -1px 0;
}
/*End framework*/
.tm:before{
display: none;
}
.list-table table tbody>tr td p{
font-size: 16px;
}
.finish {
display: none
}
/* Tarnsition
------------------------------ */
.top-bar ul li a, a.tr, .main-menu ul li a, .jump-link a, .post-title a, .pagenavi a, .copyrights a, .sidebar a, .contact-form-button, .follow-by-email-submit, .footer-wrapper a {transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
/*start navbar*/
.navbar-inverse .navbar-nav li a {
color: #fff;
}
body .navbar {
height: 30px;
padding: 0;
margin: 0;
font-family: Droid Arabic Kufi;
font-size: 18px;
width: 100%;
position: relative;
}
.navbar-inverse .navbar-nav li a:hover{
background-color: transparent;
color: #9d9d9d;
}
.navbar-inverse .navbar-brand {
color: #ff0;
}
/*End navbar*/
/*Start header*/
.header{
background: url(../images/logo.jpg) repeat-x top center;
height: 200px;
color: #fff;
overflow: hidden;
position: relative;
}
.header .overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
}
.header .head, .logo{
padding-top: 39px;
}
.header h1{
font-size: 50px;
margin: -12px 0 12px 0;
padding-bottom: 10px;
}
.header h1 a{
text-decoration: none;
}
.header .head{
text-align: center;
position: absolute;
padding: 0;
right: 0;
margin: 19px 0;
}
/*End header*/
/*start wrapper*/
.wrapper{
}
.worning{
background: #333;
font-size: 50px;
color:#fff;
padding: 20px;
}
.worning h2 a{
text-decoration: none;
}
.worning h2 a:hover{
color: #aaa;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.bar{
padding: 19px 0;
background: url(../images/bg.jpg) 50% 50%/cover no-repeat fixed #292929;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color: #fff;
min-height: 60px;
border-bottom: 2px solid #dd4b39;
}
.fil {
margin-top: 20px;
}
@-webkit-keyframes h3{
0%{
box-shadow:0px 0px 35px red;
background-color:#D61919;
}
}
marquee{
background: #080;
}
.marquee h3 {
font-size: 16px;
text-align: right;
margin: -65px;
padding: 6px;
animation: h3 .3s infinite alternate;
background-color: #A51212;
float: right;
box-shadow: 0px 0px 10px #B21515;
text-shadow: 2px 2px 4px rgba(0,0,0,0.69);
text-transform: uppercase;
border-radius: 4px;
position: relative;
top: 2px;
}
/*social*/
.slinks{
font-size: 24px;
margin: -10px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 22px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 5px 6px;
margin-right: 5px;
}
.fa-facebook:hover{background:#3b5998!important; color:#fff; }
.fa-google-plus:hover {background:#dd4b39!important; color:#fff; }
.fa-youtube:hover {background:#bb0000!important; color:#fff; }
.fa-twitter:hover {background:#00aced!important; color:#fff; }
.fa-instagram:hover{background:#3b5998!important; color:#fff; }
.fa-rss:hover {background:#dd4b39!important; color:#fff; }
/*End social*/
.tabs-section{
padding: 20px 14px;
background: #062582;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color: #fff;
}
.tabs-section .kora{
background: linear-gradient(rgb(255,197,45),rgb(203,137,6),rgb(228,159,35));
width: 57px;
color: #333;
text-align: center;
line-height: 42px;
float: right;
margin: 0 5px;
}
.tabs-section .tab-switch li {
color: #fff;
line-height: 24px;
cursor: pointer;
display: inline-block;
padding: 5px 5px;
margin: 5px 0;
}
.tabs-section .tab-switch li.active{
color: yellow;
border-bottom: 2px solid #f7600e;
}
.tabs-section .tab-switch li:hover{
color: #f7600e;
border-bottom: 2px solid #f7600e
}
.tabs-section .tabs-content .tab-two, .tab-three, .tab-four{
display: none;
}
.tab-one ul li{
display: inline-block;
padding: 5px;
margin-right: 5px;
}
.tabs-section .tab-switch li a{
text-decoration: none;
}
.tabs-section .tab-switch li a:hover{
color: #ddd;
}
/*End wrapper*/
/*start content*/
.content{
}
.adv{
width: 100%;
position: absolute;
margin: -202px 0 0;
z-index: 99999;
visibility: visible;
}
.adv img{
width: 60%
}
.outer{
background: #0B2161;
overflow: hidden;
margin: 6px auto;
padding: 6px 6px 6px 19px;
}
.show-games{
padding: 5px;
background:#111;
text-align: center;
}
.show-games img{
border: 0;
margin: 1px 0 0 1px;
box-sizing: border-box;
}
.show-games h3{
font-size: 16px;
margin-bottom: 1px;
margin-top: 10px;
}
.show-games h1{
padding: 10px 20px;
font-size: 38px;
}
.show-games p{
padding: 2px 20px;
font-size: 16px;
}
@-webkit-keyframes .show-games button{
0%{
box-shadow:0px 0px 35px red;
background-color:#D1919;
}
}
.show-games button{
font-size: 15.2px;
padding: 5px 6px;
box-shadow: 0px 0px 1px #B21515;
text-transform: uppercase;
position: relative;
color: #fff;
}
.content-home img{
height: 165px;
cursor: pointer;
width: 100%;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
box-shadow: 3px 2px 8px #f00, -3px -2px 8px #f00;
padding: 3px;
border: 1px solid #ccc;
background: #fff;
}
.content-home h3 {
font-size: 16px;
text-align: right;
margin: 10px 0 10px 0;
padding: 14px;
color: #fff;
background: rgba(224, 39, 8, 0.87);
}
.card{
height: 190px;
width: 100%;
position: relative;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
cursor: pointer;
margin: 6px 0 0 0;
}
.card:hover{
transform :Rotatey(180deg);
-webkit-transform :Rotatey(180deg);
-moz-transform :Rotatey(180deg)
}
.card > div {
position: absolute;
top: 0;
left: 0;
height: 165px;
width: 100%;
background: #f00;
border-radius: 10px;
border: 1px solid;
font-size: 24px;
text-align: center;
color: #fff;
}
.card .back .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 50px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 5px 6px;
margin: 50px 0 0 0;
}
.card .front img{
position: relative;
height: 165px;
width: 100%;
}
.card .back h4{
margin-bottom: 5px;
padding: 20px 5px;
}
.card .back h4 a{
color: #fff;
font-size: 16px;
text-decoration: none;
}
.card .back h4 a:hover{
transition: all 1s ease-in-out;
color: yellow;
}
.card .front {
z-index: 2;
backface-visibility: hidden;
}
.card .back{
z-index: 3;
transform: rotatey(180deg);
backface-visibility: hidden;
}
.matches-col .scores-widget ul.matches-tabs li a:hover {
color: #fff;
border-color: #3e64ed;
}
.matches-col .scores-widget ul.matches-tabs li a {
height: 51px;
color: #8b9ccf;
border: none;
line-height: 51px;
font-size: 12px;
padding: 0 8px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 9999;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.nav-tabs > li > a:hover, .nav > li > a:hover, .nav > li > a:focus {
background: none;
border-color: transparent;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
/*End content*/
/*Start sidebar*/
.sidebar{
margin-top: -19px;
text-align: center;
}
.sidebar button img{
width: 61px;
height: 40px;
margin: 3px 1px;
transition: all .5s ease-in-out;
}
.sidebar button img:hover{
transform: rotatey(180deg);
-webkit-transform: rotatey(180deg);
-moz-transform: rotatey(180deg);
}
.sidebar h3{
text-align: center;
font-size: 20px;
padding: 12px 5px;
background: rgba(224, 39, 8, 0.87);
}
.sidebar .channels{
height: 491px;
background: #3f44f1;
padding: 7px;
border-left: 13px solid brown;
border-bottom: 13px solid blue;
border-right: 13px solid orange;
border-top: 13px solid green;
overflow: scroll;
}
/*End sidebar*/
/*Srart footer*/
.footer {
background: #111;
color: #fff;
border-radius: 4px;
height: 45px;
line-height: 45px;
margin: 6px 0 20px 0;
overflow: hidden;
padding: 0 14px 20px;
}
.footer a{
color:#fff;
text-decoration:none;
font-size:16px;
}
.footer a:hover{
color:#f80;
text-decoration:none;
font-size:16px;
}
.footer p {
color: #FFF;
font-size: 12px;
}
.footer p a {
color: #Fff;
text-decoration: none;
}
.footer p a:hover {
color: #ff0;
text-decoration: none;
}
/*End footer*/
/*Start scroll-top*/
#scroll-top{
width: 50px;
height: 40px;
padding: 5px 8px;
color: #ddd;
background: #0b5698;
position: fixed;
right: 4px;
bottom: 24px;
z-index: 99999;
display: none;
cursor: pointer;
}
#scroll-top:hover{
background-color: red;
}
/*End scroll-top*/
قائمة القنوات
قنوات بث مباشر
'">
قائمة القنوات
Featured Videos
لو عندك مشكلة أو تريد شراء القالب : اتصل بنا
جميع الحقوق محفوظة @
أخبار الجزائر
تكويد : حسنى المصرى