span:first-child
font-size: 16px;
font-weight: daring;
coloration: #000000;
show: flex;
align-items: flex-start;
width: 100%;
function: relative;
.tweet-user-name
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.tweet-user-handle, .tweet-user-info > span:last-child
font-size: 14px;
coloration: #657786;
.tweet-username-block .verified
width: 16px;
top: 16px;
show: inline-block;
margin-left: 5px;
background: url(“//staticg.sportskeeda.com/skm/property/twitter/twitter-verified-badge.svg”) no-repeat;
background-size: comprise;
flex-shrink: 0;
.tweet-logo
width: 20px;
top: 20px;
cursor: pointer;
show: block;
background: url(“//staticg.sportskeeda.com/skm/property/twitter/brand.svg”) no-repeat;
background-size: duvet;
flex-shrink: 0;
.tweet-body
show: block;
text-decoration: none;
coloration: #0f1419;
margin: 20px 0;
font-size: 16px;
font-weight: 400;
cursor: textual content;
line-height: 1.3;
.tweet-body a
coloration: #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;
coloration: #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
coloration: #E81C4F;
.tweet-retweet:hover span:first-child
background-color: #19CF86;
.tweet-retweet:hover span:last-child
coloration: #19CF86;
.tweet-footer-item .tweet-retweet-icon, .tweet-retweet span:first-child
masks: url(“//staticg.sportskeeda.com/skm/property/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticg.sportskeeda.com/skm/property/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask-size: duvet;
mask-size: duvet;
background-color: #AAB8C2;
width: 16px;
top: 16px;
.tweet-footer-item .tweet-like-icon, .tweet-favorite span:first-child
masks: url(“//staticg.sportskeeda.com/skm/property/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticg.sportskeeda.com/skm/property/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask-size: duvet;
mask-size: duvet;
background-color: #AAB8C2;
width: 16px;
top: 16px;
.tweet-footer-item .tweet-like-icon,
.tweet-footer-item .tweet-retweet-icon
show: block;
width: 16px;
top: 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%;
function: relative;
.tweet-image-summary img, .tweet-image-summary video
function: absolute;
width: 100%;
object-fit: duvet;
top: 100%;
left: 0;
height: 0;
.tweet-image-summary video
object-fit: comprise;
.tweet-image-summary a
function: absolute;
width: 100%;
top: 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
function: absolute;
height: calc(50% – 30px);
left: calc(50% – 30px);
width: 60px;
top: 60px;
background: #1d9bf0;
border-radius: 50%;
border: 4px cast #fff;
z-index: 0;
background-image: url(“//staticg.sportskeeda.com/skm/property/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;
top: 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: anyplace;
.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
coloration: #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;
top: 36px !necessary;
.twitter-play
width: 60px !necessary;
]]>
WWE SmackDown airs reside this night from the Amway Heart in Orlando, Florida. The street against SummerSlam continues this night at the blue logo as we’re best two weeks away.
Forward of the reveal, Fightful Choose has doubtlessly disclosed the scheduled plans for this night’s episode of WWE SmackDown.
Here’s the reported order of this night’s fits and promos:
Pat McAfee is scheduled to go back this night and kick off the reveal in a promo with Satisfied Corbin. McAfee as opposed to Corbin has already been made reliable for SummerSlam.Natalya will struggle Liv Morgan in a Championship Contender’s fit. Natalya gets a long term identify shot if she will be able to beat the champion.New Day could have a promo. It was once reported previous that Kofi Kingston and Xavier Woods can be dressing up as The Viking Raiders.Aliyah will face Lacey Evans in a singles fit. Lacey refused to spouse with Aliyah on final week’s reveal.Drew McIntyre will struggle Ridge Holland in a singles fit.Concept will sq. off towards Madcap Moss in a singles fit.Angelo Dawkins vs. Jimmy Uso with Sami Zayn on observation.
The marketed native darkish fit is Riddle as opposed to Omos after SmackDown. In the meantime, Ricochet & Drew Gulak vs. Los Lotharios and Raquel vs. Sonya Deville are pre-show darkish fits.
Additionally Learn
Tale Continues beneath
The particular visitor referee for the Undisputed Tag Workforce Championship fit at SummerSlam can be introduced all the way through this night’s SmackDown.
It continues to be observed how the most recent model of the blue logo will form up as we head against SummerSlam.
To find out why Goldberg defeated The Fiend correct right here
LIVE POLL
.dont-break
function: 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;
coloration: #0B65F0;
border-radius: 3px;
text-decoration: none;
.one-comment .%
opacity: .9;
top: 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;
top: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
textarea.post-comment-box
overflow-y: auto;
top: 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
coloration: #999999;
.post-comment-box:hover
background: #f8f8f8
.post-comment-box:focal point
define: none;
border: 1px cast #D32F2F;
coloration: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px cast #D32F2F;
.post-comment-button
background: url(“//staticg.sportskeeda.com/feedback/send-active.svg”);
coloration: #fff;
font-weight: daring;
cursor: pointer;
border: none;
background-color: clear;
function: absolute;
backside: 11px;
correct: 4px;
top: 32px;
width: 32px;
padding: 0;
margin: 0;
#comment-holder
width: 100%;
go with the flow: left;
padding: 5px 0;
function: relative;
.post-comment-button img
background-color: clear;
width: 32px;
top: 32px;
function: 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;
coloration: #fff !necessary;
cursor: pointer;
margin-top: 7px;
text-decoration: none !necessary;
padding: 0 10px;
font-weight: customary !necessary;
font-size: 13px;
.timestamp
coloration: #999999 !necessary;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
go with the flow: left;
margin-right: 10px;
top: 20px;
width: 20px
#comments-count-span
show: flex;
align-items: middle
.comments-count
coloration: #999999;
font-size: 14px;
line-height: 17px;
font-weight: customary;
font-style: customary;
.comment-info .one-comment-text
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
.comment-info .highlighted
coloration: #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;
function: 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;
function: relative;
height: 3px;
width: 16px;
#delete-option
border-bottom: none;
coloration: #AF2222;
.one-comment .delete-comment
cursor: pointer;
coloration: #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;
top: 12px;
background-size: duvet;
background-repeat: no-repeat;
margin-left: 12px;
.delete-comment:focal point
define: none;
.delete-action-modal
show: none;
function: mounted;
top: 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;
top: 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;
coloration: #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;
function: 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;
coloration: #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;
coloration: #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;
coloration: #999999 !necessary;
cursor: pointer;
font-size: 14px;
show: inline-flex;
justify-content: middle;
align-items: middle;
top: 33px;
width: 69px;
border-radius: 20px;
border: 1px cast #999999;
.comment-reply-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
top: 33px;
width: 81px;
coloration: #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;
top: 33px;
width: 92px;
coloration: #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;
top: 16px !necessary;
width: 16px !necessary;
function: relative;
height: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !necessary;
font-size: 14px;
coloration: #999999 !necessary;
cursor: pointer;
vertical-align: heart;
.reply-to-comment span
function: relative;
backside: 2px;
#p.c-near-reply-box
show: inline-block;
border-radius: 50%;
vertical-align: height;
margin-top: 5px;
width: 32px !necessary;
top: auto !necessary;
.comment-reply-box
width: 91.6%;
top: 57px;
padding: 10px;
resize: none;
border-radius: 20px;
border: cast 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
coloration: #2D2D2D;
.reply-section
function: 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
coloration: #ddd
#p.c-near-comment-box
border-radius: 50%;
width: 32px;
top: 32px;
object-fit: duvet;
show: inline-block;
vertical-align: height;
flex-shrink: 0;
margin: 5px 8px 0 0;
.join-discussion
coloration: #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
coloration: #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;
function: relative;
.comment-input-container label
font-size: 14px;
coloration: #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;
coloration: #2D2D2D;
text-transform: uppercase;
padding: 0 !necessary;
.comments-count-container
show: flex;
justify-content: space-between;
align-items: middle;
function: relative;
font-size: 16px;
padding: 8px;
.comments-input-holder
show: flex;
padding: 8px;
function: relative;
border-bottom: 1px cast #F5F5F5;
align-items: flex-start;
.comment-details
show: block;
function: 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;
top: 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%;
top: 100%;
object-fit: duvet;
background: clear;
.oauth-button.google img
width: 24px;
top: 24px;
object-fit: duvet;
background: clear;
.hidden
show: none;
.login-support-text
function: relative;
show: flex;
justify-content: middle;
align-items: middle;
margin: 0;
font-size: 12px;
font-weight: daring;
background: #761919;
padding: 8px;
text-align: middle;
coloration: #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;
function: relative;
min-height: 78px;
width: 100%;
.edit-section textarea
width: 100%;
top: 48px;
margin-top: 0;
coloration: #2D2D2D;
padding: 10px;
.edit-comment-button
backside: 30px;
.comments-container
show: inline-block;
function: relative;
width: 100%;
.comments-container
overflow: hidden !necessary;
.reply-oauth-close,
.login-oauth-close
function: absolute;
correct: 12px;
width: 20px;
top: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
.reply-oauth-close img,
.login-oauth-close img
background-color: clear;
coloration: clear;
.cancel-container
padding: 16px 6px 9px 0;
show: inline-flex;
go with the flow: correct;
margin-left: auto;
.comments-loading-info
function: relative;
show: block;
background: #DEDEDE;
coloration: #717171;
padding: 4px;
text-align: middle;
.comments-loading-error
function: relative;
text-align: middle;
show: flex;
flex-direction: column;
align-items: middle;
justify-content: middle;
.comments-loading-error span
font-size: 15px;
coloration: #555;
line-height: 20px;
font-weight: 300;
.comments-loading-error button
border: none;
background-color: #d32f2f;
coloration: #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: heart;
text-align: middle;
show: inline-flex;
align-items: middle;
coloration: #555;
margin-right: 12px;
.vote.downvote
margin-right: 45px;
.vote img
top: 14px;
width: 16px;
vertical-align: heart;
background-color: clear;
function: relative;
object-fit: comprise;
.vote:focal point
define: none;
.vote .vote-count
font-size: 14px;
margin-left: 4px;
coloration: #999999;
.downvote.decided on
coloration: #D32F2F;
.downvote.decided on img
function: relative;
height: 3px;
.upvote.decided on
coloration: #D32F2F;
.upvote.decided on .vote-count
coloration: #999999;
.downvote.decided on .vote-count
coloration: #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;
function: relative;
backside: -5px;
cursor: pointer;
.one-comment .profile-status
font-size: 12px;
coloration: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
.profile-status.highlighted
coloration: #AF2222;
.controls
function: relative;
padding: 4px 0 0;
.profile-name-container.no-status
function: 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;
coloration: #D32F2F;
show: flex;
align-items: middle;
text-align: middle;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.view-more-button img
width: 20px;
top: 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;
top: 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;
top: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
.comments-placeholder-text
width: 100%;
top: 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
function: 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;
coloration: #0B65F0;
border-radius: 3px;
text-decoration: none;
.one-comment .%
opacity: .9;
top: 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;
top: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
textarea.post-comment-box
overflow-y: auto;
top: 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
coloration: #999999;
.post-comment-box:hover
background: #f8f8f8
.post-comment-box:focal point
define: none;
border: 1px cast #D32F2F;
coloration: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px cast #D32F2F;
.post-comment-button
background: url(“//staticg.sportskeeda.com/feedback/send-active.svg”);
coloration: #fff;
font-weight: daring;
cursor: pointer;
border: none;
background-color: clear;
function: absolute;
backside: 11px;
correct: 4px;
top: 32px;
width: 32px;
padding: 0;
margin: 0;
#comment-holder
width: 100%;
go with the flow: left;
padding: 5px 0;
function: relative;
.post-comment-button img
background-color: clear;
width: 32px;
top: 32px;
function: 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;
coloration: #fff !necessary;
cursor: pointer;
margin-top: 7px;
text-decoration: none !necessary;
padding: 0 10px;
font-weight: customary !necessary;
font-size: 13px;
.timestamp
coloration: #999999 !necessary;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
go with the flow: left;
margin-right: 10px;
top: 20px;
width: 20px
#comments-count-span
show: flex;
align-items: middle
.comments-count
coloration: #999999;
font-size: 14px;
line-height: 17px;
font-weight: customary;
font-style: customary;
.comment-info .one-comment-text
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
.comment-info .highlighted
coloration: #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;
function: 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;
function: relative;
height: 3px;
width: 16px;
#delete-option
border-bottom: none;
coloration: #AF2222;
.one-comment .delete-comment
cursor: pointer;
coloration: #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;
top: 12px;
background-size: duvet;
background-repeat: no-repeat;
margin-left: 12px;
.delete-comment:focal point
define: none;
.delete-action-modal
show: none;
function: mounted;
top: 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;
top: 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;
coloration: #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;
function: 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;
coloration: #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;
coloration: #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;
coloration: #999999 !necessary;
cursor: pointer;
font-size: 14px;
show: inline-flex;
justify-content: middle;
align-items: middle;
top: 33px;
width: 69px;
border-radius: 20px;
border: 1px cast #999999;
.comment-reply-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
top: 33px;
width: 81px;
coloration: #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;
top: 33px;
width: 92px;
coloration: #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;
top: 16px !necessary;
width: 16px !necessary;
function: relative;
height: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !necessary;
font-size: 14px;
coloration: #999999 !necessary;
cursor: pointer;
vertical-align: heart;
.reply-to-comment span
function: relative;
backside: 2px;
#p.c-near-reply-box
show: inline-block;
border-radius: 50%;
vertical-align: height;
margin-top: 5px;
width: 32px !necessary;
top: auto !necessary;
.comment-reply-box
width: 91.6%;
top: 57px;
padding: 10px;
resize: none;
border-radius: 20px;
border: cast 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
coloration: #2D2D2D;
.reply-section
function: 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
coloration: #ddd
#p.c-near-comment-box
border-radius: 50%;
width: 32px;
top: 32px;
object-fit: duvet;
show: inline-block;
vertical-align: height;
flex-shrink: 0;
margin: 5px 8px 0 0;
.join-discussion
coloration: #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
coloration: #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;
function: relative;
.comment-input-container label
font-size: 14px;
coloration: #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;
coloration: #2D2D2D;
text-transform: uppercase;
padding: 0 !necessary;
.comments-count-container
show: flex;
justify-content: space-between;
align-items: middle;
function: relative;
font-size: 16px;
padding: 8px;
.comments-input-holder
show: flex;
padding: 8px;
function: relative;
border-bottom: 1px cast #F5F5F5;
align-items: flex-start;
.comment-details
show: block;
function: 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;
top: 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%;
top: 100%;
object-fit: duvet;
background: clear;
.oauth-button.google img
width: 24px;
top: 24px;
object-fit: duvet;
background: clear;
.hidden
show: none;
.login-support-text
function: relative;
show: flex;
justify-content: middle;
align-items: middle;
margin: 0;
font-size: 12px;
font-weight: daring;
background: #761919;
padding: 8px;
text-align: middle;
coloration: #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;
function: relative;
min-height: 78px;
width: 100%;
.edit-section textarea
width: 100%;
top: 48px;
margin-top: 0;
coloration: #2D2D2D;
padding: 10px;
.edit-comment-button
backside: 30px;
.comments-container
show: inline-block;
function: relative;
width: 100%;
.comments-container
overflow: hidden !necessary;
.reply-oauth-close,
.login-oauth-close
function: absolute;
correct: 12px;
width: 20px;
top: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
.reply-oauth-close img,
.login-oauth-close img
background-color: clear;
coloration: clear;
.cancel-container
padding: 16px 6px 9px 0;
show: inline-flex;
go with the flow: correct;
margin-left: auto;
.comments-loading-info
function: relative;
show: block;
background: #DEDEDE;
coloration: #717171;
padding: 4px;
text-align: middle;
.comments-loading-error
function: relative;
text-align: middle;
show: flex;
flex-direction: column;
align-items: middle;
justify-content: middle;
.comments-loading-error span
font-size: 15px;
coloration: #555;
line-height: 20px;
font-weight: 300;
.comments-loading-error button
border: none;
background-color: #d32f2f;
coloration: #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: heart;
text-align: middle;
show: inline-flex;
align-items: middle;
coloration: #555;
margin-right: 12px;
.vote.downvote
margin-right: 45px;
.vote img
top: 14px;
width: 16px;
vertical-align: heart;
background-color: clear;
function: relative;
object-fit: comprise;
.vote:focal point
define: none;
.vote .vote-count
font-size: 14px;
margin-left: 4px;
coloration: #999999;
.downvote.decided on
coloration: #D32F2F;
.downvote.decided on img
function: relative;
height: 3px;
.upvote.decided on
coloration: #D32F2F;
.upvote.decided on .vote-count
coloration: #999999;
.downvote.decided on .vote-count
coloration: #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;
function: relative;
backside: -5px;
cursor: pointer;
.one-comment .profile-status
font-size: 12px;
coloration: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
.profile-status.highlighted
coloration: #AF2222;
.controls
function: relative;
padding: 4px 0 0;
.profile-name-container.no-status
function: 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;
coloration: #D32F2F;
show: flex;
align-items: middle;
text-align: middle;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.view-more-button img
width: 20px;
top: 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;
top: 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;
top: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
.comments-placeholder-text
width: 100%;
top: 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;
]]>
