span:first-child
font-size: 16px;
font-weight: daring;
shade: #000000;
show: flex;
align-items: flex-start;
width: 100%;
role: relative;
.tweet-user-name
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.tweet-user-handle, .tweet-user-info > span:last-child
font-size: 14px;
shade: #657786;
.tweet-username-block .verified
width: 16px;
peak: 16px;
show: inline-block;
margin-left: 5px;
background: url(“//staticg.sportskeeda.com/skm/belongings/twitter/twitter-verified-badge.svg”) no-repeat;
background-size: include;
flex-shrink: 0;
.tweet-logo
width: 20px;
peak: 20px;
cursor: pointer;
show: block;
background: url(“//staticg.sportskeeda.com/skm/belongings/twitter/brand.svg”) no-repeat;
background-size: duvet;
flex-shrink: 0;
.tweet-body
show: block;
text-decoration: none;
shade: #0f1419;
margin: 20px 0;
font-size: 16px;
font-weight: 400;
cursor: textual content;
line-height: 1.3;
.tweet-body a
shade: #0277BD;
text-decoration: none;
.tweet-body a:hover
text-decoration: underline;
.tweet-footer
show: flex;
justify-content: space-between;
text-decoration: none;
flex-direction: column;
.tweet-footer-item
show: inline-flex;
align-items: middle;
margin-right: 10px;
cursor: pointer;
.tweet-footer-actions
show: flex;
align-items: middle;
margin-top: 20px;
.tweet-container .tweet-time
show: none;
.tweet-footer-item span
font-size: 14px;
shade: #657786;
.tweet-footer-item span:last-child
margin-left: 5px;
.tweet-favorite:hover span:first-child
background-color: #E81C4F;
.tweet-favorite:hover span:last-child
shade: #E81C4F;
.tweet-retweet:hover span:first-child
background-color: #19CF86;
.tweet-retweet:hover span:last-child
shade: #19CF86;
.tweet-footer-item .tweet-retweet-icon, .tweet-retweet span:first-child
masks: url(“//staticg.sportskeeda.com/skm/belongings/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticg.sportskeeda.com/skm/belongings/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask-size: duvet;
mask-size: duvet;
background-color: #AAB8C2;
width: 16px;
peak: 16px;
.tweet-footer-item .tweet-like-icon, .tweet-favorite span:first-child
masks: url(“//staticg.sportskeeda.com/skm/belongings/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticg.sportskeeda.com/skm/belongings/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask-size: duvet;
mask-size: duvet;
background-color: #AAB8C2;
width: 16px;
peak: 16px;
.tweet-footer-item .tweet-like-icon,
.tweet-footer-item .tweet-retweet-icon
show: block;
width: 16px;
peak: 16px;
background-repeat: no-repeat;
background-size: duvet;
.tweet-images-container
show: grid;
grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
.tweet-images-container .tweet-image-summary
width: 100%;
role: relative;
.tweet-image-summary img, .tweet-image-summary video
role: absolute;
width: 100%;
object-fit: duvet;
peak: 100%;
left: 0;
height: 0;
.tweet-image-summary video
object-fit: include;
.tweet-image-summary a
role: absolute;
width: 100%;
peak: 100%;
show: block;
cursor: pointer;
z-index: 1;
height: 0;
left: 0;
.images-count-3 .tweet-image-summary:first-child
grid-row-end: span 2;
.sportskeeda-embed .app-tweet-blockquote
show: none;
.twitter-play
role: absolute;
height: calc(50% – 30px);
left: calc(50% – 30px);
width: 60px;
peak: 60px;
background: #1d9bf0;
border-radius: 50%;
border: 4px cast #fff;
z-index: 0;
background-image: url(“//staticg.sportskeeda.com/skm/belongings/twitter/twitter-play.svg”);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 36px;
.tweet-container .tweet-body .emoji,
.tweet-container .tweet-body img[src*=”https://twemoji.maxcdn.com”]
font-size: 18px;
peak: 1em;
width: 1em;
margin-left: 0.075em;
margin-right: 0.075em;
show: inline-block;
vertical-align: height;
background: clear;
@media display screen and (max-width: 768px)
.tweet-container
padding: 16px 12px;
.tweet-body
font-size: 16px;
margin: 8px 0;
.tweet-images-container
margin: 8px 0;
/* reset present carried out css with !necessary. Should not be carried out for AMP*/
#tweet-output
show: none !necessary;
.tweet-outer-container
show: block !necessary;
overflow-wrap: any place;
.tweet-outer-container div
width: auto;
go with the flow: none !necessary;
.tweet-outer-container img
background: clear !necessary;
.tweet-outer-container a
text-decoration: none !necessary;
overflow: hidden;
.tweet-body-container .tweet-body
shade: #0f1419 !necessary;
cursor: textual content !necessary;
.tweet-body a:hover
text-decoration: underline !necessary;
.tweet-images-container
overflow: hidden !necessary;
.tweet-user-image
width: 36px !necessary;
peak: 36px !necessary;
.twitter-play
width: 60px !necessary;
]]>
Pakistan captain Babar Azam continues to develop from energy to energy throughout codecs, however particularly in white-ball cricket after his sensational collection towards the West Indies.
The 27-year-old already has 17 ODI loads and 5 Take a look at loads to his call and appears to be batting in an absolutely other league. He even garnered reward from the cricketing fraternity, together with former New Zealand pacer Simon Doull.
Whilst commentating on air throughout Day 3 of the 3rd Take a look at between England and New Zealand, here is what Doull needed to say about Babar:
“No longer too many can argue that Babar Azam is most likely the most productive participant on this planet this present day. So far as batting in that high order is anxious, he’s fantastic. Joe Root has were given a controversy for that, however while you communicate in regards to the Large-4, this present day, he’s the large one.”
#1 in ODI Batting Scores ✅#1 in T20I Batting Scores ✅ICC ODI Crew of the 12 months 2021 ✅ICC T20I Crew of the 12 months 2021 ✅Really well deserved, Babar Azam 🙌 https://t.co/QyrsgJD9f1
Babar Azam is at the highway to greatness: Ian Bishop
Former West Indies cricketer Ian Bishop is understood for his astute research or even hailed the best way Babar has advanced in his occupation.
Whilst talking to Cricwick, Bishop mentioned that whilst the 27-year-old wasn’t already a ‘nice’, he has nearly overtaken the stature of Virat Kohli in ODIs. He stated:
Additionally Learn
Article Continues beneath
“Babar Azam is at the highway to greatness. I need to be transparent after I say ‘at the highway to…’, within the white-ball cricket a minimum of, and without a doubt in fifty overs. I do not use the time period ‘nice’ loosely. It needs to be a larger pattern length to bestow greatness on a participant, however his reasonable, as we talk now, (is) at the cusp on 60 with 17 ODI loads. He has nearly overtaken his subsequent door neighbour, the good Virat Kohli, with regards to without equal uber fifty-over batsman.”
Pakistan will subsequent play a few Exams away towards Sri Lanka starting July 16
LIVE POLL
Edited by means of Sankalp Srivastava
.dont-break
role: inherit;
height: 8px;
.one-comment .call:hover
background: #C3C3C3;
text-decoration: none !necessary;
.one-comment .author-name
font-weight: 400;
padding: 2px 6px 2px 0px;
shade: #0B65F0;
border-radius: 3px;
text-decoration: none;
.one-comment .%
opacity: .9;
peak: 19px;
show: block;
go with the flow: left;
margin: 3px;
border-radius: 3px;
.one-comment .%:hover
opacity: 1;
textarea.post-comment-box,
.edit-section textarea
overflow-y: hidden;
width: 100%;
padding: 8px 12px;
padding-right: 40px;
resize: none;
border-radius: 40px;
border: cast 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
font-size: 14px;
line-height: 19px;
peak: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
textarea.post-comment-box
overflow-y: auto;
peak: auto;
width: calc(100% – 42px); // 32 px is the width of the ship button and 10px is for spacing.
padding: 8px 20px;
border-radius: 20px;
textarea.post-comment-box::placeholder
shade: #999999;
.post-comment-box:hover
background: #f8f8f8
.post-comment-box:focal point
define: none;
border: 1px cast #D32F2F;
shade: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px cast #D32F2F;
.post-comment-button
background: url(“//staticg.sportskeeda.com/feedback/send-active.svg”);
shade: #fff;
font-weight: daring;
cursor: pointer;
border: none;
background-color: clear;
role: absolute;
backside: 11px;
correct: 4px;
peak: 32px;
width: 32px;
padding: 0;
margin: 0;
#comment-holder
width: 100%;
go with the flow: left;
padding: 5px 0;
role: relative;
.post-comment-button img
background-color: clear;
width: 32px;
peak: 32px;
role: relative;
backside: 4px;
.post-comment-button:disabled
background: url(“//staticg.sportskeeda.com/feedback/sendbutton-loading.svg”);
background-repeat: no-repeat;
.edit-comment-button img
show: inline;
background: clear;
margin: 0px 3px 0px 0px;
width: auto;
.btn-green
background: #2E7D32;
border: cast 1px #2E7D32;
.btn-green:hover
background: #36845c;
.btn-green:lively,
#btn-green:focal point
background: #2e6f4e;
define: none;
.btn-green-logged-out
text-align: middle;
line-height: 23px;
go with the flow: correct;
border-radius: 3px;
shade: #fff !necessary;
cursor: pointer;
margin-top: 7px;
text-decoration: none !necessary;
padding: 0 10px;
font-weight: commonplace !necessary;
font-size: 13px;
.timestamp
shade: #999999 !necessary;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
go with the flow: left;
margin-right: 10px;
peak: 20px;
width: 20px
#comments-count-span
show: flex;
align-items: middle
.comments-count
shade: #999999;
font-size: 14px;
line-height: 17px;
font-weight: commonplace;
font-style: commonplace;
.comment-info .one-comment-text
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
.comment-info .highlighted
shade: #D32F2F;
.comment-info a
text-decoration: none;
.timestamp .one-comment-text
margin: 5px 1px;
textarea:disabled
cursor: not-allowed;
.comment-top-right-ctrls
show: inline;
#reply-send-icon
show: inline;
background: clear;
margin: 0px 3px 0px 0px;
.comment-options
text-align: correct;
show: inline-block;
go with the flow: correct;
cursor: pointer;
.comment-options img
background: clear;
.comment-options-box
padding: 5px;
correct: 3px;
height: -75px;
width: 128px;
role: absolute;
background: #ffffff;
z-index: 9999;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
show: inline-block;
border-radius: 8px;
overflow: visual !necessary;
.comment-options-box .comment-option-single
show: block;
font-weight: daring;
font-size: 12px;
padding: 8px 4px;
border-bottom: 1px cast #F5F5F5;
cursor: pointer;
line-height: 14px;
.comment-options-box img
show: inline-block;
background: clear;
role: relative;
height: 3px;
width: 16px;
#delete-option
border-bottom: none;
shade: #AF2222;
.one-comment .delete-comment
cursor: pointer;
shade: #478ACE !necessary;
font-size: 11px;
padding: 3px;
border-radius: 3px;
show: inline-block;
border: none;
background: #ffffff;
background-image: url(“//staticg.sportskeeda.com/feedback/trash.svg”);
width: 12px;
peak: 12px;
background-size: duvet;
background-repeat: no-repeat;
margin-left: 12px;
.delete-comment:focal point
define: none;
.delete-action-modal
show: none;
role: fastened;
peak: 100%;
width: 100%;
align-items: middle;
justify-content: middle;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
height: 0;
.delete-action-modal img
show: block !necessary;
peak: 64px;
width: auto;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
.delete-action-modal .delete-action-text
font-size: 16px;
font-weight: daring;
line-height: 24px;
.delete-action-modal .delete-action-warning
font-size: 14px;
shade: #AF2222;
show: block;
line-height: 17px;
.delete-action-modal .delete-actions
background: #fff;
width: 80%;
padding: 12px;
margin: 0 auto;
border-radius: 8px;
max-width: 292px;
text-align: middle;
role: absolute;
.delete-action-buttons
show: flex;
align-items: middle;
margin-top: 20px;
text-align: middle;
padding: 10px;
.delete-comment-confirm
cursor: pointer;
background: #AF2222 !necessary;
shade: #fff !necessary;
text-decoration: none !necessary;
font-size: 14px;
font-weight: daring;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
.delete-comment-cancel
cursor: pointer;
shade: #2D2D2D !necessary;
text-decoration: none !necessary;
font-size: 14px;
font-weight: daring;
padding: 8px 29px;
border-radius: 20px;
line-height: 17px;
.edit-comment,
.cancel-edit,
.cancel-reply
margin-right: 13px;
text-decoration: none !necessary;
shade: #999999 !necessary;
cursor: pointer;
font-size: 14px;
show: inline-flex;
justify-content: middle;
align-items: middle;
peak: 33px;
width: 69px;
border-radius: 20px;
border: 1px cast #999999;
.comment-reply-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
peak: 33px;
width: 81px;
shade: #FFFFFF;
show: inline-flex;
justify-content: middle;
align-items: middle;
line-height: unset;
.comment-reply-button img
width: 16px !necessary;
.edit-comment-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
peak: 33px;
width: 92px;
shade: #FFFFFF;
font-weight: 500;
cursor: pointer;
show: inline-flex;
justify-content: middle;
align-items: middle;
line-height: unset;
.edit-comment
margin-left: 12px;
.reply-to-comment img
background: none;
margin: 0;
show: inline;
peak: 16px !necessary;
width: 16px !necessary;
role: relative;
height: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !necessary;
font-size: 14px;
shade: #999999 !necessary;
cursor: pointer;
vertical-align: center;
.reply-to-comment span
role: relative;
backside: 2px;
#p.c-near-reply-box
show: inline-block;
border-radius: 50%;
vertical-align: height;
margin-top: 5px;
width: 32px !necessary;
peak: auto !necessary;
.comment-reply-box
width: 91.6%;
peak: 57px;
padding: 10px;
resize: none;
border-radius: 20px;
border: cast 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
shade: #2D2D2D;
.reply-section
role: relative;
overflow: visual !necessary;
.reply-section .reply-section-container
padding: 12px 0;
.comment-reply-button
cursor: pointer;
.comment-reply-box:hover
background: #f8f8f8
.comment-reply-box:focal point,
.edit-comment-text:focal point
define: none;
.replies
overflow: visual !necessary;
.replies .one-comment
border-bottom: 0 !necessary;
.separator-dot
shade: #ddd
#p.c-near-comment-box
border-radius: 50%;
width: 32px;
peak: 32px;
object-fit: duvet;
show: inline-block;
vertical-align: height;
flex-shrink: 0;
margin: 5px 8px 0 0;
.join-discussion
shade: #606060;
go with the flow: left;
font-weight: daring;
font-size: 17px;
show: block;
transparent: each;
padding: 5px;
padding-left: 5px;
background-size: 19px;
background-position: 6px 6px;
.comment-input-response .response-text
shade: #666666;
font-size: 16px;
show: block;
font-style: italic;
line-height: 21px;
font-weight: 500;
padding: 12px;
.comment-input-container
show: inline-block;
flex: 1;
role: relative;
.comment-input-container label
font-size: 14px;
shade: #616161;
width: 100%;
margin-left: 2px;
#keeda-comments-container .comments-header
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px cast #e9e9e9;
show: flex;
#keeda-comments-container .comments-header h4
font-weight: 700;
font-size: 16px;
line-height: 20px;
shade: #2D2D2D;
text-transform: uppercase;
padding: 0 !necessary;
.comments-count-container
show: flex;
justify-content: space-between;
align-items: middle;
role: relative;
font-size: 16px;
padding: 8px;
.comments-input-holder
show: flex;
padding: 8px;
role: relative;
border-bottom: 1px cast #F5F5F5;
align-items: flex-start;
.comment-details
show: block;
role: relative;
flex: 1;
overflow: visual !necessary;
word-break: break-word;
.oauth-button-container
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !necessary;
margin-top: 5px !necessary;
.oauth-button-container .oauth-button-group
show: flex;
align-items: middle;
justify-content: middle;
padding: 4px 0;
.oauth-button-container.reply-oauth
width: calc(94vw – 14px);
margin-left: -38px;
max-width: 558px;
.oauth-button-container .oauth-button
margin: 0 12px 0 0;
width: 36px;
peak: 36px;
border-radius: 50%;
show: inline-flex;
justify-content: middle;
align-items: middle;
overflow: hidden
.oauth-button.google
border: 1px cast #A2A2A2;
background: #fff;
.oauth-button.e mail
border-radius: 0;
margin-top: 9px;
.oauth-button img
width: 100%;
peak: 100%;
object-fit: duvet;
background: clear;
.oauth-button.google img
width: 24px;
peak: 24px;
object-fit: duvet;
background: clear;
.hidden
show: none;
.login-support-text
role: relative;
show: flex;
justify-content: middle;
align-items: middle;
margin: 0;
font-size: 12px;
font-weight: daring;
background: #761919;
padding: 8px;
text-align: middle;
shade: #ffff;
.login-support-text span
flex: 1;
line-height: 18px;
.one-comment.spotlight
animation: spotlight 2s linear 3;
.edit-section
show: flex;
flex-direction: column;
role: relative;
min-height: 78px;
width: 100%;
.edit-section textarea
width: 100%;
peak: 48px;
margin-top: 0;
shade: #2D2D2D;
padding: 10px;
.edit-comment-button
backside: 30px;
.comments-container
show: inline-block;
role: relative;
width: 100%;
.comments-container
overflow: hidden !necessary;
.reply-oauth-close,
.login-oauth-close
role: absolute;
correct: 12px;
width: 20px;
peak: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
.reply-oauth-close img,
.login-oauth-close img
background-color: clear;
shade: clear;
.cancel-container
padding: 16px 6px 9px 0;
show: inline-flex;
go with the flow: correct;
margin-left: auto;
.comments-loading-info
role: relative;
show: block;
background: #DEDEDE;
shade: #717171;
padding: 4px;
text-align: middle;
.comments-loading-error
role: relative;
text-align: middle;
show: flex;
flex-direction: column;
align-items: middle;
justify-content: middle;
.comments-loading-error span
font-size: 15px;
shade: #555;
line-height: 20px;
font-weight: 300;
.comments-loading-error button
border: none;
background-color: #d32f2f;
shade: #fff;
margin: 8px 0 0;
padding: 8px 16px;
border-radius: 20px;
cursor: pointer;
font-size: 16px;
.comments-loading-error button:focal point
define: none;
.vote
cursor: pointer;
font-size: 14px;
border: none;
background: clear;
padding: 0;
vertical-align: center;
text-align: middle;
show: inline-flex;
align-items: middle;
shade: #555;
margin-right: 12px;
.vote.downvote
margin-right: 45px;
.vote img
peak: 14px;
width: 16px;
vertical-align: center;
background-color: clear;
role: relative;
object-fit: include;
.vote:focal point
define: none;
.vote .vote-count
font-size: 14px;
margin-left: 4px;
shade: #999999;
.downvote.decided on
shade: #D32F2F;
.downvote.decided on img
role: relative;
height: 3px;
.upvote.decided on
shade: #D32F2F;
.upvote.decided on .vote-count
shade: #999999;
.downvote.decided on .vote-count
shade: #999999;
.vote.animate img
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
.comment-option-single-cancel
go with the flow: correct;
padding-right: 2px;
role: relative;
backside: -5px;
cursor: pointer;
.one-comment .profile-status
font-size: 12px;
shade: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
.profile-status.highlighted
shade: #AF2222;
.controls
role: relative;
padding: 4px 0 0;
.profile-name-container.no-status
role: relative;
show: block;
margin-top: 4px;
.view-more-container
show: flex;
justify-content: middle;
align-items: middle;
width: 100%;
background: #fff;
margin: 10px 0;
.view-more-container button.view-more-button
cursor: pointer;
padding: 8px 12px;
background: #fff;
border: 1px cast #D32F2F;
border-radius: 20px;
shade: #D32F2F;
show: flex;
align-items: middle;
text-align: middle;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.view-more-button img
width: 20px;
peak: 20px;
object-fit: duvet;
background-color: clear !necessary;
margin-left: 4px;
div.comments-container div
overflow: visual !necessary;
.comments-placeholder
padding: 16px 4px;
show: flex;
width: 100%;
align-items: flex-start;
.comments-placeholder-image
width: 32px;
peak: 32px;
border-radius: 50%;
background: #F5F5F5;
margin-right: 12px;
flex-shrink: 0;
.comments-placeholder-info
show: flex;
flex: 1;
flex-direction: column;
.comments-placeholder-title
width: 102px;
peak: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
.comments-placeholder-text
width: 100%;
peak: 90px;
background: #F5F5F5;
border-radius: 4px;
.comment-input-response
background: #f5f5f5;
@keyframes spotlight
50%
background: rgba(211, 47, 47, 0.3);
@keyframes zoom-in-out
0%
remodel: scale(1);
50%
remodel: scale(1.4);
100%
remodel: scale(1);
@media display screen and (min-width: 768px)
.oauth-button-container.reply-oauth
width: 100%;
max-width: auto;
margin: 0;
@media display screen AND (max-width: 768px)
#keeda-comments-container
border: none;
margin-bottom: 8px;
padding: 12px 16px 0;
.comment-reply-box
width: 84.6%;
.one-comment .call
font-size: 14px;
line-height: 17px;
.timestamp,
.one-comment .profile-status
font-size: 12px;
line-height: 14px;
textarea.post-comment-box
width: calc(100% – 42px); // 32 px is the width of the ship button and 10px is for spacing.
padding: 8px 14px;
]]>
.dont-break
role: inherit;
height: 8px;
.one-comment .call:hover
background: #C3C3C3;
text-decoration: none !necessary;
.one-comment .author-name
font-weight: 400;
padding: 2px 6px 2px 0px;
shade: #0B65F0;
border-radius: 3px;
text-decoration: none;
.one-comment .%
opacity: .9;
peak: 19px;
show: block;
go with the flow: left;
margin: 3px;
border-radius: 3px;
.one-comment .%:hover
opacity: 1;
textarea.post-comment-box,
.edit-section textarea
overflow-y: hidden;
width: 100%;
padding: 8px 12px;
padding-right: 40px;
resize: none;
border-radius: 40px;
border: cast 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
font-size: 14px;
line-height: 19px;
peak: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
textarea.post-comment-box
overflow-y: auto;
peak: auto;
width: calc(100% – 42px); // 32 px is the width of the ship button and 10px is for spacing.
padding: 8px 20px;
border-radius: 20px;
textarea.post-comment-box::placeholder
shade: #999999;
.post-comment-box:hover
background: #f8f8f8
.post-comment-box:focal point
define: none;
border: 1px cast #D32F2F;
shade: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px cast #D32F2F;
.post-comment-button
background: url(“//staticg.sportskeeda.com/feedback/send-active.svg”);
shade: #fff;
font-weight: daring;
cursor: pointer;
border: none;
background-color: clear;
role: absolute;
backside: 11px;
correct: 4px;
peak: 32px;
width: 32px;
padding: 0;
margin: 0;
#comment-holder
width: 100%;
go with the flow: left;
padding: 5px 0;
role: relative;
.post-comment-button img
background-color: clear;
width: 32px;
peak: 32px;
role: relative;
backside: 4px;
.post-comment-button:disabled
background: url(“//staticg.sportskeeda.com/feedback/sendbutton-loading.svg”);
background-repeat: no-repeat;
.edit-comment-button img
show: inline;
background: clear;
margin: 0px 3px 0px 0px;
width: auto;
.btn-green
background: #2E7D32;
border: cast 1px #2E7D32;
.btn-green:hover
background: #36845c;
.btn-green:lively,
#btn-green:focal point
background: #2e6f4e;
define: none;
.btn-green-logged-out
text-align: middle;
line-height: 23px;
go with the flow: correct;
border-radius: 3px;
shade: #fff !necessary;
cursor: pointer;
margin-top: 7px;
text-decoration: none !necessary;
padding: 0 10px;
font-weight: commonplace !necessary;
font-size: 13px;
.timestamp
shade: #999999 !necessary;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
go with the flow: left;
margin-right: 10px;
peak: 20px;
width: 20px
#comments-count-span
show: flex;
align-items: middle
.comments-count
shade: #999999;
font-size: 14px;
line-height: 17px;
font-weight: commonplace;
font-style: commonplace;
.comment-info .one-comment-text
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
.comment-info .highlighted
shade: #D32F2F;
.comment-info a
text-decoration: none;
.timestamp .one-comment-text
margin: 5px 1px;
textarea:disabled
cursor: not-allowed;
.comment-top-right-ctrls
show: inline;
#reply-send-icon
show: inline;
background: clear;
margin: 0px 3px 0px 0px;
.comment-options
text-align: correct;
show: inline-block;
go with the flow: correct;
cursor: pointer;
.comment-options img
background: clear;
.comment-options-box
padding: 5px;
correct: 3px;
height: -75px;
width: 128px;
role: absolute;
background: #ffffff;
z-index: 9999;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
show: inline-block;
border-radius: 8px;
overflow: visual !necessary;
.comment-options-box .comment-option-single
show: block;
font-weight: daring;
font-size: 12px;
padding: 8px 4px;
border-bottom: 1px cast #F5F5F5;
cursor: pointer;
line-height: 14px;
.comment-options-box img
show: inline-block;
background: clear;
role: relative;
height: 3px;
width: 16px;
#delete-option
border-bottom: none;
shade: #AF2222;
.one-comment .delete-comment
cursor: pointer;
shade: #478ACE !necessary;
font-size: 11px;
padding: 3px;
border-radius: 3px;
show: inline-block;
border: none;
background: #ffffff;
background-image: url(“//staticg.sportskeeda.com/feedback/trash.svg”);
width: 12px;
peak: 12px;
background-size: duvet;
background-repeat: no-repeat;
margin-left: 12px;
.delete-comment:focal point
define: none;
.delete-action-modal
show: none;
role: fastened;
peak: 100%;
width: 100%;
align-items: middle;
justify-content: middle;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
height: 0;
.delete-action-modal img
show: block !necessary;
peak: 64px;
width: auto;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
.delete-action-modal .delete-action-text
font-size: 16px;
font-weight: daring;
line-height: 24px;
.delete-action-modal .delete-action-warning
font-size: 14px;
shade: #AF2222;
show: block;
line-height: 17px;
.delete-action-modal .delete-actions
background: #fff;
width: 80%;
padding: 12px;
margin: 0 auto;
border-radius: 8px;
max-width: 292px;
text-align: middle;
role: absolute;
.delete-action-buttons
show: flex;
align-items: middle;
margin-top: 20px;
text-align: middle;
padding: 10px;
.delete-comment-confirm
cursor: pointer;
background: #AF2222 !necessary;
shade: #fff !necessary;
text-decoration: none !necessary;
font-size: 14px;
font-weight: daring;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
.delete-comment-cancel
cursor: pointer;
shade: #2D2D2D !necessary;
text-decoration: none !necessary;
font-size: 14px;
font-weight: daring;
padding: 8px 29px;
border-radius: 20px;
line-height: 17px;
.edit-comment,
.cancel-edit,
.cancel-reply
margin-right: 13px;
text-decoration: none !necessary;
shade: #999999 !necessary;
cursor: pointer;
font-size: 14px;
show: inline-flex;
justify-content: middle;
align-items: middle;
peak: 33px;
width: 69px;
border-radius: 20px;
border: 1px cast #999999;
.comment-reply-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
peak: 33px;
width: 81px;
shade: #FFFFFF;
show: inline-flex;
justify-content: middle;
align-items: middle;
line-height: unset;
.comment-reply-button img
width: 16px !necessary;
.edit-comment-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
peak: 33px;
width: 92px;
shade: #FFFFFF;
font-weight: 500;
cursor: pointer;
show: inline-flex;
justify-content: middle;
align-items: middle;
line-height: unset;
.edit-comment
margin-left: 12px;
.reply-to-comment img
background: none;
margin: 0;
show: inline;
peak: 16px !necessary;
width: 16px !necessary;
role: relative;
height: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !necessary;
font-size: 14px;
shade: #999999 !necessary;
cursor: pointer;
vertical-align: center;
.reply-to-comment span
role: relative;
backside: 2px;
#p.c-near-reply-box
show: inline-block;
border-radius: 50%;
vertical-align: height;
margin-top: 5px;
width: 32px !necessary;
peak: auto !necessary;
.comment-reply-box
width: 91.6%;
peak: 57px;
padding: 10px;
resize: none;
border-radius: 20px;
border: cast 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
shade: #2D2D2D;
.reply-section
role: relative;
overflow: visual !necessary;
.reply-section .reply-section-container
padding: 12px 0;
.comment-reply-button
cursor: pointer;
.comment-reply-box:hover
background: #f8f8f8
.comment-reply-box:focal point,
.edit-comment-text:focal point
define: none;
.replies
overflow: visual !necessary;
.replies .one-comment
border-bottom: 0 !necessary;
.separator-dot
shade: #ddd
#p.c-near-comment-box
border-radius: 50%;
width: 32px;
peak: 32px;
object-fit: duvet;
show: inline-block;
vertical-align: height;
flex-shrink: 0;
margin: 5px 8px 0 0;
.join-discussion
shade: #606060;
go with the flow: left;
font-weight: daring;
font-size: 17px;
show: block;
transparent: each;
padding: 5px;
padding-left: 5px;
background-size: 19px;
background-position: 6px 6px;
.comment-input-response .response-text
shade: #666666;
font-size: 16px;
show: block;
font-style: italic;
line-height: 21px;
font-weight: 500;
padding: 12px;
.comment-input-container
show: inline-block;
flex: 1;
role: relative;
.comment-input-container label
font-size: 14px;
shade: #616161;
width: 100%;
margin-left: 2px;
#keeda-comments-container .comments-header
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px cast #e9e9e9;
show: flex;
#keeda-comments-container .comments-header h4
font-weight: 700;
font-size: 16px;
line-height: 20px;
shade: #2D2D2D;
text-transform: uppercase;
padding: 0 !necessary;
.comments-count-container
show: flex;
justify-content: space-between;
align-items: middle;
role: relative;
font-size: 16px;
padding: 8px;
.comments-input-holder
show: flex;
padding: 8px;
role: relative;
border-bottom: 1px cast #F5F5F5;
align-items: flex-start;
.comment-details
show: block;
role: relative;
flex: 1;
overflow: visual !necessary;
word-break: break-word;
.oauth-button-container
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !necessary;
margin-top: 5px !necessary;
.oauth-button-container .oauth-button-group
show: flex;
align-items: middle;
justify-content: middle;
padding: 4px 0;
.oauth-button-container.reply-oauth
width: calc(94vw – 14px);
margin-left: -38px;
max-width: 558px;
.oauth-button-container .oauth-button
margin: 0 12px 0 0;
width: 36px;
peak: 36px;
border-radius: 50%;
show: inline-flex;
justify-content: middle;
align-items: middle;
overflow: hidden
.oauth-button.google
border: 1px cast #A2A2A2;
background: #fff;
.oauth-button.e mail
border-radius: 0;
margin-top: 9px;
.oauth-button img
width: 100%;
peak: 100%;
object-fit: duvet;
background: clear;
.oauth-button.google img
width: 24px;
peak: 24px;
object-fit: duvet;
background: clear;
.hidden
show: none;
.login-support-text
role: relative;
show: flex;
justify-content: middle;
align-items: middle;
margin: 0;
font-size: 12px;
font-weight: daring;
background: #761919;
padding: 8px;
text-align: middle;
shade: #ffff;
.login-support-text span
flex: 1;
line-height: 18px;
.one-comment.spotlight
animation: spotlight 2s linear 3;
.edit-section
show: flex;
flex-direction: column;
role: relative;
min-height: 78px;
width: 100%;
.edit-section textarea
width: 100%;
peak: 48px;
margin-top: 0;
shade: #2D2D2D;
padding: 10px;
.edit-comment-button
backside: 30px;
.comments-container
show: inline-block;
role: relative;
width: 100%;
.comments-container
overflow: hidden !necessary;
.reply-oauth-close,
.login-oauth-close
role: absolute;
correct: 12px;
width: 20px;
peak: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
.reply-oauth-close img,
.login-oauth-close img
background-color: clear;
shade: clear;
.cancel-container
padding: 16px 6px 9px 0;
show: inline-flex;
go with the flow: correct;
margin-left: auto;
.comments-loading-info
role: relative;
show: block;
background: #DEDEDE;
shade: #717171;
padding: 4px;
text-align: middle;
.comments-loading-error
role: relative;
text-align: middle;
show: flex;
flex-direction: column;
align-items: middle;
justify-content: middle;
.comments-loading-error span
font-size: 15px;
shade: #555;
line-height: 20px;
font-weight: 300;
.comments-loading-error button
border: none;
background-color: #d32f2f;
shade: #fff;
margin: 8px 0 0;
padding: 8px 16px;
border-radius: 20px;
cursor: pointer;
font-size: 16px;
.comments-loading-error button:focal point
define: none;
.vote
cursor: pointer;
font-size: 14px;
border: none;
background: clear;
padding: 0;
vertical-align: center;
text-align: middle;
show: inline-flex;
align-items: middle;
shade: #555;
margin-right: 12px;
.vote.downvote
margin-right: 45px;
.vote img
peak: 14px;
width: 16px;
vertical-align: center;
background-color: clear;
role: relative;
object-fit: include;
.vote:focal point
define: none;
.vote .vote-count
font-size: 14px;
margin-left: 4px;
shade: #999999;
.downvote.decided on
shade: #D32F2F;
.downvote.decided on img
role: relative;
height: 3px;
.upvote.decided on
shade: #D32F2F;
.upvote.decided on .vote-count
shade: #999999;
.downvote.decided on .vote-count
shade: #999999;
.vote.animate img
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
.comment-option-single-cancel
go with the flow: correct;
padding-right: 2px;
role: relative;
backside: -5px;
cursor: pointer;
.one-comment .profile-status
font-size: 12px;
shade: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
.profile-status.highlighted
shade: #AF2222;
.controls
role: relative;
padding: 4px 0 0;
.profile-name-container.no-status
role: relative;
show: block;
margin-top: 4px;
.view-more-container
show: flex;
justify-content: middle;
align-items: middle;
width: 100%;
background: #fff;
margin: 10px 0;
.view-more-container button.view-more-button
cursor: pointer;
padding: 8px 12px;
background: #fff;
border: 1px cast #D32F2F;
border-radius: 20px;
shade: #D32F2F;
show: flex;
align-items: middle;
text-align: middle;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.view-more-button img
width: 20px;
peak: 20px;
object-fit: duvet;
background-color: clear !necessary;
margin-left: 4px;
div.comments-container div
overflow: visual !necessary;
.comments-placeholder
padding: 16px 4px;
show: flex;
width: 100%;
align-items: flex-start;
.comments-placeholder-image
width: 32px;
peak: 32px;
border-radius: 50%;
background: #F5F5F5;
margin-right: 12px;
flex-shrink: 0;
.comments-placeholder-info
show: flex;
flex: 1;
flex-direction: column;
.comments-placeholder-title
width: 102px;
peak: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
.comments-placeholder-text
width: 100%;
peak: 90px;
background: #F5F5F5;
border-radius: 4px;
.comment-input-response
background: #f5f5f5;
@keyframes spotlight
50%
background: rgba(211, 47, 47, 0.3);
@keyframes zoom-in-out
0%
remodel: scale(1);
50%
remodel: scale(1.4);
100%
remodel: scale(1);
@media display screen and (min-width: 768px)
.oauth-button-container.reply-oauth
width: 100%;
max-width: auto;
margin: 0;
@media display screen AND (max-width: 768px)
#keeda-comments-container
border: none;
margin-bottom: 8px;
padding: 12px 16px 0;
.comment-reply-box
width: 84.6%;
.one-comment .call
font-size: 14px;
line-height: 17px;
.timestamp,
.one-comment .profile-status
font-size: 12px;
line-height: 14px;
textarea.post-comment-box
width: calc(100% – 42px); // 32 px is the width of the ship button and 10px is for spacing.
padding: 8px 14px;
]]>
