.magazine.col-lg-3.col-sm-4.col-xs-6{padding: 0px 10px !important;}
South Africa’s fast bowlers ran through Sri Lanka’s batting line-up in the first half of day four, to secure an innings victory.
.score-card.text-clr {color: #000;font-size: 10px; background-color: #e7e7e7;font-weight: 700;}
.callout2 {position: fixed;bottom: 75px;left: 0px;margin-left: 10px;padding: 0;z-index:999999;display:none;}
@media (min-width: 1px)and (max-width: 767px)
{.callout2{width:100%; margin:0px; bottom: 52px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.st-score-main.center{float:left;}
.sc-msg { width: 75%;padding: 0px 5px 5px 10px; text-align: center; clear: both;}
.score-one{float:left;padding: 0px 10px 0px 10px}
.score-two:nth-of-type(1){font-size:14px; font-weight: 600;} .score-two:nth-of-type(2){float:left; padding: 0px 20px; font-size: 14px; font-weight: 600;}
.rslt-clr{margin:0px;}
.sharpecorner{ position: absolute; bottom: -75px; right: 5px; border: none; width: 85px;background: #ba2011; height:auto; border-radius: 5px 0px 0px 0px;text-align: -webkit-center;}
.sc-wicket.font-col a{ font-size: 10px; line-height:12px;}
.score-one .score-rw{font-size: 14px !important; line-height:20px; font-weight: 700;}
.st-score-wicket{background-color: #e7e7e7;}
.sc-overs{float:left;padding: 0px 10px; line-height:24px;}
.score-card.text-clr{float:left; padding: 0px 10px;}
.score-liveds .score-two{padding: 0px 10px;}
}
$(document).ready(function () {
function ajaxCall(url,displayFun){
$.ajax({
url: url,
dataType: ‘json’,
cache: true, timeout: 5000,
success: function (data) {
displayFun(data);
}
});
}
function displayFun(data){
var game_status_text = data.data.scorecard.data[0][‘gamestatus’][0][‘game_status_name’];
if(game_status_text == “prematch”){ $(“.callout1”).css(“display”, “none”); return false;
}else if( game_status_text ==”result”){
$(“.callout1”).css(“display”, “none”); }else{
$(“.callout1”).css(“display”, “block”); }
var msg;
var inn = data.data.scorecard.data[0][‘innings’];
var toss_text = data.data.scorecard.data[0][‘toss’][‘toss_text’];
var result_text = data.data.scorecard.data[0][‘results’][‘result_text’];
var team_vs = inn[0][‘battingteams’][‘team_full_name’]+’-vs-‘+inn[0][‘bowlingteams’][‘team_full_name’];
var game_status = data.data.scorecard.data[0].game_status;
var game_status_id = data.data.scorecard.data[0][‘gamestatus’][0][‘opta_game_status_id’];
var game_status_text = data.data.scorecard.data[0][‘gamestatus’][0][‘game_status_name’];
if(game_status == 1){
msg = toss_text;
}else{
msg = result_text;
}msg = result_text;
var dynamicTemplate = “”;
dynamicTemplate += ‘
// if(game_status_id != 5) // { // dynamicTemplate += ‘
//}
if(game_status_text == ‘result’ || game_status_text == ‘stumps’ ) { dynamicTemplate += ‘
}
else
{
dynamicTemplate += ‘
}
dynamicTemplate += ‘
– ‘+game_status_text+’ –
‘;
dynamicTemplate += ‘‘;
dynamicTemplate += ‘
var count = 0;
if(inn.length >2) {
count = 2;
}
for (var i=count;i= 1){
dynamicTemplate += ‘
‘;
}else{
if(i < 1){
dynamicTemplate += '
‘;
}else{
dynamicTemplate += ‘
‘;
}
}
}
dynamicTemplate += ‘
‘; dynamicTemplate += ‘
‘; dynamicTemplate += ‘
‘; dynamicTemplate += ‘
‘;
dynamicTemplate += ‘
‘;
dynamicTemplate += ‘
‘; $(“#main-container2”).html(dynamicTemplate);
}
var match_id = $(“#main-container2”).attr(“data-match-id”);
var API_URL = ‘https://livescore.sportstarlive.com/api/cricket/scorecard/match/’+match_id+’/match’; if(typeof match_id != “undefined”){
ajaxCall(API_URL,displayFun);
var interval_call = setInterval(function () { ajaxCall(API_URL,displayFun); }, 8000); function myStopFunction() {clearInterval(interval_call);}
}
$(document).on(“click”, “.callout-container .closebtn”, function(){
myStopFunction();
$(“.callout1”).css(“display”,”none”);
});
});
.st-score-wicket{ background: #e6e6e6;}
.sc-wicket.sc-msg.text-msg{margin:0 auto;}
.callout-container { position:relative; background:#ba2011; }
.callout-container .closebtn{float: right; background:#000; color: #fff; font-size: 20px; border-radius: 0; margin: 0;padding: 1px 6px;}
.st-score-main.center {margin-left: auto;margin-right: auto;width: 100%;text-align:center;float: left;}
.score-card .text-bold {font-weight: 500;font-size: 14px;}
.score-card.text-clr,.sc-wicket {color: #000;font-size: 10px; background-color: #e7e7e7;}
.st-score-main.center a:hover {text-decoration: none;}
.st-score-main.center a{color:#000;}
.blink {animation: blink 2s steps(5, start) infinite;-webkit-animation: blink 1s steps(5, start) infinite;}
@keyframes blink {to {visibility: hidden;}}
@-webkit-keyframes blink {to {visibility: hidden;}}
span.score-card-dot i {color: red;}
.st-score-wicket {display: inline-block;vertical-align: middle;width:100%;}
.st-score-wicket .fa {vertical-align: middle;display: inline-table;font-size: 18px;padding-left: 0px;}
.sc-wicket.font-col a {width:100%;font-size: 10px;line-height:8px;color:#fff;text-transform:uppercase;text-decoration:none;text-align: right !important;padding:0px;letter-spacing: 1px;}
.match-status{text-align:left;font-weight: 500;font-size: 14px;text-transform: capitalize;margin-bottom:0px !important;}
.rslt-clr{color: black;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;text-align: center; }
.score-padd{padding:2px 7px 1px 7px; }
.sc-overs{font-size:12px;line-height:14px;text-transform: uppercase;}
.sc-overs span{font-size:12px;color:black;}
.sc-msg{padding-top:2px;font-size:10px;width: 130px;line-height:14px;}
.score-card-dot{float:right;color:#215079;font-size:14px;font-weight: 600;background: #fff;padding: 0px 0px 0px 5px;border-radius: 0px 0px 0px 5px;}
.score-one{font-size:10px !important;text-transform:uppercase;}
.score-one .score-rw{font-size:14px !important;font-weight:600;}
.score-two:nth-of-type(1){font-size:14px; font-weight: 600;} .score-two:nth-of-type(2){font-size:20px;font-weight: 600;}
.sharpecorner{border-bottom: 20px solid #ba2011;border-left: 10px solid transparent;border-right: 10px solid transparent;
height: 0;width: auto;text-align:center;}
.callout1 {position: fixed;bottom: 255px;left: 0px;margin-left: 10px;padding: 0;z-index:999999;display:none;}
.st-score-main { background-color: #fff !important; color: #000 !important;}
@media (min-width: 1px)and (max-width: 767px)
{span.scores {width: 92% !important}
.sc-wicket.sc-msg.text-msg{margin:auto 0;}
.callout1{width:100%; margin:0px; bottom:105px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding-right: 0px;float:left;}
.st-score-main.center{float:left;}
.sc-msg { width:50%;padding: 0px 5px 5px 10px; text-align: center; clear: both;display:block;}
.score-one{float:left;padding: 0px 10px 0px 10px;}
.score-two:nth-of-type(1){font-size:14px; font-weight: 600;} .score-two:nth-of-type(2){float:left; padding: 0px 20px; font-size: 14px; font-weight: 600;}
.rslt-clr{margin:0px;}
.sharpecorner{ position: absolute; bottom: -70px; right:17px; border: none; width: 120px;background: #ba2011; height:auto; border-radius: 5px 0px 0px 0px;text-align: -webkit-center; padding:3px;}
.sc-wicket.font-col a{ font-size: 10px; line-height:12px;float:left;}
.score-one .score-rw{font-size: 14px !important; line-height:20px; font-weight: 700;}
.st-score-wicket{background-color: #e7e7e7;}
.sc-overs{float:left;padding: 0px 10px; line-height:20px;}
.score-card.text-clr{float:left; padding: 0px 10px;}
.score-liveds .score-two{padding: 0px 10px;}
}
span.scores {width: 87.2%; float: left; background: #ba2011;}
.overlay.overlayblock {
display: block !important
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3147483647;
background-color: rgba(0, 0, 0, 0.5)
}
.enableaddblockersection {
display: block!important;
font-family: ‘Roboto’, sans-serif;
z-index: 999
}
.addblockersection .callout {
position: fixed;
top: 50%;
left: 50%;
max-width: 620px;
z-index: 3147483647;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0!important;
width: 100%;
padding: 10px
}
.addblockersectionNew .callout-container {
background: #f6f6f6;
border: 3px solid #f02323;
padding: 3em 2em 2em
}
.addblockersection .callout-container {
border-radius: 4px;
box-shadow: 0 0 25.5px 4.5px rgba(0, 0, 0, 0.29);
background-color: #f3f3f3;
color: black;
width: 100%
}
.addblockersectionNew h2 {
font-family: ‘Roboto Condensed’, sans-serif;
color: #171717;
text-transform: uppercase;
font-size: 35px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.27;
letter-spacing: 1.14px;
text-align: left;
width: 100%;
float: left;
margin: 0
}
.addLeft,
.addVerticleLine,
.addRight {
display: inline-block
}
@media only screen and (max-width: 767px) {
.addblockersectionNew .popupBtn {
max-width: 200px !important;
width: 100%
}
.addblockersectionNew .addMidDiv p {
font-size: 19px
}
.addblockersectionNew .callout-container {
background: #f6f6f6;
border: 3px solid #f02323;
padding: 10px;
}
}
@media screen and (max-width: 480px) and (min-width: 320px) {
.addblockersectionNew .popupBtn {
max-width: 100% !important
}
}