* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
cursor: pointer;
outline: 0!important;
color: #eee;
}
.event_title_wrapper {
float: right;
width: 20%;
}
.event_chanel,.event_time{
font-family: 'Nunito Sans', sans-serif;
}
.commenter {
padding-left: 10px;
display: inline-block;
}
.chanels-fix {
text-align: right;
padding-right: 10px;
display: inline-block;
}
.chanels-commenter {
padding-left: 15px;
display: inline-block;
text-align: right;
}
.chanels-commenter a {
color: rgb(60,75,123);
}
/*-------------------------*/
img {
max-width: 100%;
vertical-align: middle;
border: 0;
}
body {
font-size: 14px;
line-height: 1.42857143;
color: rgb(60,75,123);
font-family: 'droid arabic kufi';
margin: 0;
padding: 0;
letter-spacing: -.5px;
background: transparent;
}
.alba-live-table {
width: 100%;
position: relative;
z-index: 1;
border: 1px solid rgb(237,240,243);
margin: 0 auto;
overflow: hidden;
background: #EEEEEE;
padding: 10px;
border-radius: 6px;
}
.box-title {
z-index: 1;
position: relative;
display: block;
padding: 0 10px;
overflow: hidden;
margin: -10px -10px 15px;
background: linear-gradient(RGB(250, 250, 250),RGB(245, 245, 245)) repeat scroll 0% 0% transparent;
border-bottom: 1px dotted RGB(196, 196, 196);
}
.box-title .title {
font-size: 18px;
text-transform: uppercase;
height: 43px;
z-index: 99999;
margin: 0;
font-weight: 800;
float: right;
line-height: 40px;
}
.box-title .title .fa {
width: 1.3em;
color: rgb(255,136,0);
margin-left: .2em;
font-size: 15px;
}
.new-league-head {
float: right;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.new-league-head .title-aria {
width: 400px;
margin: 0 auto;
display: block;
text-align: center;
border-radius: 10px 10px 0 0;
z-index: 99;
padding-top: 6px;
background: rgb(248, 248, 248);
border-left: 1px dotted RGB(196, 196, 196);
border-right: 1px dotted RGB(196, 196, 196);
border-top: 1px dotted RGB(196, 196, 196);
position: relative;
bottom: -1px;
padding-bottom: 1px;
}
.new-league-head .title-imag {
margin: 0 auto;
display: table;
text-align: center;
}
.league-title {
display: table-cell;
text-align: center;
color: #555;
padding: 0;
vertical-align: middle;
font-size: 15px;
}
.scores-parent {
float: right;
width: 100%;
margin-bottom: 11px;
padding: 0px 5px;
border-radius: 7px;
background: linear-gradient(RGB(250, 250, 250),RGB(245, 245, 245)) repeat scroll 0% 0% transparent;
border: 1px dotted RGB(196, 196, 196);
}
.alba_sports_events-event_item {
text-align: center;
width: 100%;
display: block;
overflow: hidden;
margin: 10px 0;
position: relative;
z-index: 9999;
}
.event_status_inner_live {
display: block;
width: 100%;
position: relative;
top: -2px;
}
.event_status_inner_live span {
background: rgb(255,0,0);
font-size: 13px;
font-weight: 700;
color: rgb(255,255,255);
border-radius: 2px;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
padding: 0px 13px;
display: inline-block;
position: relative;
line-height: 19px;
}
.event_inner {
margin: 0;
width: 100%;
float: right;
padding: 0 20px;
position: relative;
}
.team-aria {
position: relative;
float: right;
width: calc(50% - 25px);
display: block;
text-align: center;
height: 35px;
z-index: 22;
color: rgb(119, 119, 119);
background: linear-gradient(to bottom,rgb(255, 255, 255) 0%,rgb(239, 239, 239) 100%);
box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.05), inset 0 -1px 15px rgba(0, 0, 0, 0.19);
}
.team-first {
transform: skew(-30deg);
border-radius: 8px 0px;
}
.team-second {
transform: skew(30deg);
border-radius: 0px 8px;
}
.width {
width: 50px;
display: table;
float: right;
color: rgb(255, 255, 255);
position: relative;
font-weight: 700;
}
.width ,.width:after,.width:before {
background: linear-gradient(to bottom,rgb(6, 126, 200) 0%,rgb(4, 76, 123) 100%);
height: 35px;
}
.width:after {
content: "";
width: 15px;
position: absolute;
right: -15px;
z-index: -1;
top: 0;
}
.width:before {
content: "";
width: 15px;
position: absolute;
left: -15px;
z-index: -1;
top: 0;
}
.width span {
display: table-cell;
vertical-align: middle;
}
.alba-team_logo {
display: inline-block;
width: 50px;
}
.team-first .alba-team_logo {
float: right;
margin-right: -25px;
transform: skew(30deg);
}
.team-second .alba-team_logo {
float: left;
margin-left: -25px;
transform: skew(-30deg);
}
.team-first .alba_sports_events-team_title {
transform: skew(30deg);
}
.team-second .alba_sports_events-team_title {
transform: skew(-30deg);
}
.alba-team_logo img {
display: block;
margin: 0 auto 10px;
max-height: 40px;
width: auto;
}
.alba_sports_events-team_title {
font-size: 15px;
color: rgb(60,75,123);
font-weight: 700;
margin-top: 8px;
text-align: center;
display: inline-block;
}
.events-info {
width: 75%;
margin: 0 auto;
color: rgb(60,75,123);
font-size: 12px;
height: 30px;
display: inline-flex;
position: relative;
}
.events-info::before {
content: "";
position: absolute;
right: -24px;
height: 30px;
top: 0px;
width: 35px;
transform: skew(-20deg);
border-radius: 0px 0px 8px;
}
.events-info:after {
content: "";
position: absolute;
left: -24px;
height: 30px;
top: 0px;
width: 35px;
transform: skew(20deg);
border-radius: 0px 0px 0px 8px;
}
.events-info span {
padding: 0 10px;
float: right;
width: 33.33333333%;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 25px;
border-right: solid 1px rgba(194, 225, 245, 0.5);
}
.events-info .fa {
padding-left: 5px;
}
.events-info span p {
margin: 0;
margin-right: 0px;
padding: 0 6px;
display: inline-block;
line-height: 17px;
height: 17px;
margin-right: 5px;
font-size: 10px;
border-radius: 2px;
}
.live,.live:before,.live:after {
color: rgb(255, 255, 255);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background: linear-gradient(to bottom, RGB(255, 36, 35) 0%, rgb(210, 12, 12) 100%);
font-weight: 700;
}
.event_inner .finshed,.finshed,.event_status_inner .finshed,.event_inner .finshed:before,.event_inner .finshed:after {
background-image: linear-gradient(to bottom,RGB(255, 200, 63) 0%,RGB(255, 156, 0) 100%);
}
.blu ,.events-info,.events-info:before,.events-info:after {
background: linear-gradient(to bottom,rgb(4, 142, 227) 0%,rgb(1, 97, 159) 100%);
}
.alba_sports_events-event_mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
z-index: 9999;
}
.event_mask_inner {
justify-content: center;
align-items: center;
height: 100%;
background: rgba(2, 119, 192, 0.6);
display: flex;
width: calc(100% - 10px);
margin: 0 auto;
border-radius: 5px;
}
.alba_sports_events-event_mask_inner_text {
margin-top: 0 !important;
background: linear-gradient(to bottom, RGB(255, 36, 35) 0%, rgb(210, 12, 12) 100%);
color: rgb(255,255,255) !important;
padding: 5px 30px;
font-size: 14px !important;
line-height: 22px;
text-decoration: none;
z-index: 555;
}
.alba_sports_events-event_item:hover .alba_sports_events-event_mask {
display: block;
}
/*========================*/
@media screen and (max-width:600px) {
.alba_sports_events-team_title {
font-size: 12px;
}
.event_chanel {
display: none;
}
.events-info span {
padding: 0 5px;
width: 50%;
}
}
@media screen and (max-width:500px) {
.new-league-head .title-aria {
width: 90%;
}
.league-title {
font-size: 12px;
}
.alba-live-table {
padding: 2px;
}
.box-title {
margin: -2px -2px 10px;
}
.box-title .title {
font-size: 14px;
height: 35px;
line-height: 37px;
}
.event_inner {
padding: 0 15px;
}
.scores-parent {
padding: 0px 0px;
}
@media screen and (max-width:400px) {
.event_inner {
padding: 0 5px;
}
.team-first {
transform: skew(-10deg);
border-radius: 5px 0px;
}
.team-aria {
position: relative;
float: right;
width: calc(50% - 20px);
height: 55px;
padding: 5px;
}
.width, .width::after, .width::before {
height: 25px;
}
.width {
width: 40px;
margin-top: 15px;
}
.team-first .alba-team_logo {
margin-right: 0;
transform: skew(10deg);
}
.alba-team_logo {
display: inline-block;
width: 100%;
height: 30px;
}
.team-first .alba_sports_events-team_title {
transform: skew(10deg);
}
.alba_sports_events-team_title {
margin-top: 0;
text-align: center;
display: block;
float: right;
width: 100%;
}
.team-second {
transform: skew(10deg);
}
.team-second .alba-team_logo {
margin-left: 0;
transform: skew(-10deg);
}
.team-second .alba_sports_events-team_title {
transform: skew(-10deg);
}
.alba-team_logo img {
display: block;
margin: 0 auto 0px;
max-height: 30px;
width: auto;
}
}
