span:first-child
font-size: 16px;
font-weight: daring;
colour: #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;
colour: #657786;
.tweet-username-block .verified
width: 16px;
peak: 16px;
show: inline-block;
margin-left: 5px;
background: url(“//staticg.sportskeeda.com/skm/property/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/property/twitter/brand.svg”) no-repeat;
background-size: duvet;
flex-shrink: 0;
.tweet-body
show: block;
text-decoration: none;
colour: #0f1419;
margin: 20px 0;
font-size: 16px;
font-weight: 400;
cursor: textual content;
line-height: 1.3;
.tweet-body a
colour: #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: heart;
margin-right: 10px;
cursor: pointer;
.tweet-footer-actions
show: flex;
align-items: heart;
margin-top: 20px;
.tweet-container .tweet-time
show: none;
.tweet-footer-item span
font-size: 14px;
colour: #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
colour: #E81C4F;
.tweet-retweet:hover span:first-child
background-color: #19CF86;
.tweet-retweet:hover span:last-child
colour: #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;
peak: 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;
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%;
function: relative;
.tweet-image-summary img, .tweet-image-summary video
function: absolute;
width: 100%;
object-fit: duvet;
peak: 100%;
left: 0;
height: 0;
.tweet-image-summary video
object-fit: include;
.tweet-image-summary a
function: 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
function: 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/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;
peak: 1em;
width: 1em;
margin-left: 0.075em;
margin-right: 0.075em;
show: inline-block;
vertical-align: height;
background: clear;
@media display and (max-width: 768px)
.tweet-container
padding: 16px 12px;
.tweet-body
font-size: 16px;
margin: 8px 0;
.tweet-images-container
margin: 8px 0;
/* reset current carried out css with !vital. Should not be carried out for AMP*/
#tweet-output
show: none !vital;
.tweet-outer-container
show: block !vital;
overflow-wrap: anyplace;
.tweet-outer-container div
width: auto;
drift: none !vital;
.tweet-outer-container img
background: clear !vital;
.tweet-outer-container a
text-decoration: none !vital;
overflow: hidden;
.tweet-body-container .tweet-body
colour: #0f1419 !vital;
cursor: textual content !vital;
.tweet-body a:hover
text-decoration: underline !vital;
.tweet-images-container
overflow: hidden !vital;
.tweet-user-image
width: 36px !vital;
peak: 36px !vital;
.twitter-play
width: 60px !vital;
]]>
Mohamed Salah has claimed that he’s excited to play with Darwin Nunez at Liverpool. The Egyptian shared his ideas at the new signing after penning a brand new handle the membership.
Salah ended speculations about his long run at Liverpool by way of signing a brand new contract on Friday. The brand new deal sees him keep on the membership till 2025 with reported wages of €350,000 a week, as in keeping with The Athletic.
✅ Indicators Luis Diaz, Fabio Carvalho, Darwin Nunez and Calvin Ramsay.✅ Extends Jurgen Klopp’s and Mohamed Salah’s contracts till 2026 and 2025 respectively.Julian Ward has been a hectic guy this yr ? https://t.co/o60uJ5Txw9
Talking to the membership’s professional web site on Friday, Salah admitted that he would leave out Sadio Mane, who joined Bayern Munich final month. Then again, he stated he’s excited to play with Nunez, who moved to Anfield from Benfica. He stated:
“I’m so excited, I need to play with him. He had a excellent season and performed excellent towards us, house and away. Additionally, Sadio has left and I’m going to leave out him. He had nice seasons with the membership, so I want him the entire highest. I want Darwin the entire highest too to attain many objectives for us.”
Salah sends a message to Liverpool enthusiasts
The Liverpool ahead despatched a message to the membership’s enthusiasts after renewing his contract on Friday.
He thanked them for supporting the avid gamers and claimed they might do their highest to win trophies within the upcoming season. He stated:
“My message to them is, you recognize me and I give the whole thing to the membership. So, my message is the avid gamers within the crew need to give our highest subsequent season to take a look at to win the entire trophies. As same old, you keep at the back of us and provides us a large push and I’m positive we’re going to win trophies once more [together].”
Talking in regards to the parade on the finish of final season, he added:
Additionally Learn
Article Continues underneath
“It is one thing improbable, you would not see it anyplace [else]. I believe the folk admire what we did and what we had been doing throughout the season. There have been two giant disappointments for us within the final week of the season, however they know we did our highest to win the ones trophies in order that’s why they had been there. I need to thank them for that have.”
Salah joined Liverpool from AS Roma in 2017 and has since transform probably the most highest avid gamers on this planet, successful a large number of person accolades whilst main the membership to home and continental glory.
The place does Haaland rank in Paul Merson’s 5 highest Premier League transfers up to now? Click on right here
LIVE POLL
.dont-break
function: inherit;
height: 8px;
.one-comment .call:hover
background: #C3C3C3;
text-decoration: none !vital;
.one-comment .author-name
font-weight: 400;
padding: 2px 6px 2px 0px;
colour: #0B65F0;
border-radius: 3px;
text-decoration: none;
.one-comment .%
opacity: .9;
peak: 19px;
show: block;
drift: 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
colour: #999999;
.post-comment-box:hover
background: #f8f8f8
.post-comment-box:focal point
define: none;
border: 1px cast #D32F2F;
colour: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px cast #D32F2F;
.post-comment-button
background: url(“//staticg.sportskeeda.com/feedback/send-active.svg”);
colour: #fff;
font-weight: daring;
cursor: pointer;
border: none;
background-color: clear;
function: absolute;
backside: 11px;
correct: 4px;
peak: 32px;
width: 32px;
padding: 0;
margin: 0;
#comment-holder
width: 100%;
drift: left;
padding: 5px 0;
function: relative;
.post-comment-button img
background-color: clear;
width: 32px;
peak: 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: heart;
line-height: 23px;
drift: correct;
border-radius: 3px;
colour: #fff !vital;
cursor: pointer;
margin-top: 7px;
text-decoration: none !vital;
padding: 0 10px;
font-weight: standard !vital;
font-size: 13px;
.timestamp
colour: #999999 !vital;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
drift: left;
margin-right: 10px;
peak: 20px;
width: 20px
#comments-count-span
show: flex;
align-items: heart
.comments-count
colour: #999999;
font-size: 14px;
line-height: 17px;
font-weight: standard;
font-style: standard;
.comment-info .one-comment-text
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
.comment-info .highlighted
colour: #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;
drift: 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 !vital;
.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;
colour: #AF2222;
.one-comment .delete-comment
cursor: pointer;
colour: #478ACE !vital;
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;
function: fastened;
peak: 100%;
width: 100%;
align-items: heart;
justify-content: heart;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
height: 0;
.delete-action-modal img
show: block !vital;
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;
colour: #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: heart;
function: absolute;
.delete-action-buttons
show: flex;
align-items: heart;
margin-top: 20px;
text-align: heart;
padding: 10px;
.delete-comment-confirm
cursor: pointer;
background: #AF2222 !vital;
colour: #fff !vital;
text-decoration: none !vital;
font-size: 14px;
font-weight: daring;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
.delete-comment-cancel
cursor: pointer;
colour: #2D2D2D !vital;
text-decoration: none !vital;
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 !vital;
colour: #999999 !vital;
cursor: pointer;
font-size: 14px;
show: inline-flex;
justify-content: heart;
align-items: heart;
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;
colour: #FFFFFF;
show: inline-flex;
justify-content: heart;
align-items: heart;
line-height: unset;
.comment-reply-button img
width: 16px !vital;
.edit-comment-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
peak: 33px;
width: 92px;
colour: #FFFFFF;
font-weight: 500;
cursor: pointer;
show: inline-flex;
justify-content: heart;
align-items: heart;
line-height: unset;
.edit-comment
margin-left: 12px;
.reply-to-comment img
background: none;
margin: 0;
show: inline;
peak: 16px !vital;
width: 16px !vital;
function: relative;
height: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !vital;
font-size: 14px;
colour: #999999 !vital;
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 !vital;
peak: auto !vital;
.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;
colour: #2D2D2D;
.reply-section
function: relative;
overflow: visual !vital;
.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 !vital;
.replies .one-comment
border-bottom: 0 !vital;
.separator-dot
colour: #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
colour: #606060;
drift: 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
colour: #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;
colour: #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;
colour: #2D2D2D;
text-transform: uppercase;
padding: 0 !vital;
.comments-count-container
show: flex;
justify-content: space-between;
align-items: heart;
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 !vital;
word-break: break-word;
.oauth-button-container
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !vital;
margin-top: 5px !vital;
.oauth-button-container .oauth-button-group
show: flex;
align-items: heart;
justify-content: heart;
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: heart;
align-items: heart;
overflow: hidden
.oauth-button.google
border: 1px cast #A2A2A2;
background: #fff;
.oauth-button.electronic 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
function: relative;
show: flex;
justify-content: heart;
align-items: heart;
margin: 0;
font-size: 12px;
font-weight: daring;
background: #761919;
padding: 8px;
text-align: heart;
colour: #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%;
peak: 48px;
margin-top: 0;
colour: #2D2D2D;
padding: 10px;
.edit-comment-button
backside: 30px;
.comments-container
show: inline-block;
function: relative;
width: 100%;
.comments-container
overflow: hidden !vital;
.reply-oauth-close,
.login-oauth-close
function: 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;
colour: clear;
.cancel-container
padding: 16px 6px 9px 0;
show: inline-flex;
drift: correct;
margin-left: auto;
.comments-loading-info
function: relative;
show: block;
background: #DEDEDE;
colour: #717171;
padding: 4px;
text-align: heart;
.comments-loading-error
function: relative;
text-align: heart;
show: flex;
flex-direction: column;
align-items: heart;
justify-content: heart;
.comments-loading-error span
font-size: 15px;
colour: #555;
line-height: 20px;
font-weight: 300;
.comments-loading-error button
border: none;
background-color: #d32f2f;
colour: #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: heart;
show: inline-flex;
align-items: heart;
colour: #555;
margin-right: 12px;
.vote.downvote
margin-right: 45px;
.vote img
peak: 14px;
width: 16px;
vertical-align: heart;
background-color: clear;
function: relative;
object-fit: include;
.vote:focal point
define: none;
.vote .vote-count
font-size: 14px;
margin-left: 4px;
colour: #999999;
.downvote.decided on
colour: #D32F2F;
.downvote.decided on img
function: relative;
height: 3px;
.upvote.decided on
colour: #D32F2F;
.upvote.decided on .vote-count
colour: #999999;
.downvote.decided on .vote-count
colour: #999999;
.vote.animate img
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
.comment-option-single-cancel
drift: correct;
padding-right: 2px;
function: relative;
backside: -5px;
cursor: pointer;
.one-comment .profile-status
font-size: 12px;
colour: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
.profile-status.highlighted
colour: #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: heart;
align-items: heart;
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;
colour: #D32F2F;
show: flex;
align-items: heart;
text-align: heart;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.view-more-button img
width: 20px;
peak: 20px;
object-fit: duvet;
background-color: clear !vital;
margin-left: 4px;
div.comments-container div
overflow: visual !vital;
.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%
rework: scale(1);
50%
rework: scale(1.4);
100%
rework: scale(1);
@media display and (min-width: 768px)
.oauth-button-container.reply-oauth
width: 100%;
max-width: auto;
margin: 0;
@media display 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 !vital;
.one-comment .author-name
font-weight: 400;
padding: 2px 6px 2px 0px;
colour: #0B65F0;
border-radius: 3px;
text-decoration: none;
.one-comment .%
opacity: .9;
peak: 19px;
show: block;
drift: 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
colour: #999999;
.post-comment-box:hover
background: #f8f8f8
.post-comment-box:focal point
define: none;
border: 1px cast #D32F2F;
colour: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px cast #D32F2F;
.post-comment-button
background: url(“//staticg.sportskeeda.com/feedback/send-active.svg”);
colour: #fff;
font-weight: daring;
cursor: pointer;
border: none;
background-color: clear;
function: absolute;
backside: 11px;
correct: 4px;
peak: 32px;
width: 32px;
padding: 0;
margin: 0;
#comment-holder
width: 100%;
drift: left;
padding: 5px 0;
function: relative;
.post-comment-button img
background-color: clear;
width: 32px;
peak: 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: heart;
line-height: 23px;
drift: correct;
border-radius: 3px;
colour: #fff !vital;
cursor: pointer;
margin-top: 7px;
text-decoration: none !vital;
padding: 0 10px;
font-weight: standard !vital;
font-size: 13px;
.timestamp
colour: #999999 !vital;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
drift: left;
margin-right: 10px;
peak: 20px;
width: 20px
#comments-count-span
show: flex;
align-items: heart
.comments-count
colour: #999999;
font-size: 14px;
line-height: 17px;
font-weight: standard;
font-style: standard;
.comment-info .one-comment-text
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
.comment-info .highlighted
colour: #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;
drift: 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 !vital;
.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;
colour: #AF2222;
.one-comment .delete-comment
cursor: pointer;
colour: #478ACE !vital;
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;
function: fastened;
peak: 100%;
width: 100%;
align-items: heart;
justify-content: heart;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
height: 0;
.delete-action-modal img
show: block !vital;
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;
colour: #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: heart;
function: absolute;
.delete-action-buttons
show: flex;
align-items: heart;
margin-top: 20px;
text-align: heart;
padding: 10px;
.delete-comment-confirm
cursor: pointer;
background: #AF2222 !vital;
colour: #fff !vital;
text-decoration: none !vital;
font-size: 14px;
font-weight: daring;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
.delete-comment-cancel
cursor: pointer;
colour: #2D2D2D !vital;
text-decoration: none !vital;
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 !vital;
colour: #999999 !vital;
cursor: pointer;
font-size: 14px;
show: inline-flex;
justify-content: heart;
align-items: heart;
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;
colour: #FFFFFF;
show: inline-flex;
justify-content: heart;
align-items: heart;
line-height: unset;
.comment-reply-button img
width: 16px !vital;
.edit-comment-button
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
peak: 33px;
width: 92px;
colour: #FFFFFF;
font-weight: 500;
cursor: pointer;
show: inline-flex;
justify-content: heart;
align-items: heart;
line-height: unset;
.edit-comment
margin-left: 12px;
.reply-to-comment img
background: none;
margin: 0;
show: inline;
peak: 16px !vital;
width: 16px !vital;
function: relative;
height: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !vital;
font-size: 14px;
colour: #999999 !vital;
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 !vital;
peak: auto !vital;
.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;
colour: #2D2D2D;
.reply-section
function: relative;
overflow: visual !vital;
.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 !vital;
.replies .one-comment
border-bottom: 0 !vital;
.separator-dot
colour: #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
colour: #606060;
drift: 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
colour: #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;
colour: #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;
colour: #2D2D2D;
text-transform: uppercase;
padding: 0 !vital;
.comments-count-container
show: flex;
justify-content: space-between;
align-items: heart;
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 !vital;
word-break: break-word;
.oauth-button-container
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !vital;
margin-top: 5px !vital;
.oauth-button-container .oauth-button-group
show: flex;
align-items: heart;
justify-content: heart;
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: heart;
align-items: heart;
overflow: hidden
.oauth-button.google
border: 1px cast #A2A2A2;
background: #fff;
.oauth-button.electronic 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
function: relative;
show: flex;
justify-content: heart;
align-items: heart;
margin: 0;
font-size: 12px;
font-weight: daring;
background: #761919;
padding: 8px;
text-align: heart;
colour: #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%;
peak: 48px;
margin-top: 0;
colour: #2D2D2D;
padding: 10px;
.edit-comment-button
backside: 30px;
.comments-container
show: inline-block;
function: relative;
width: 100%;
.comments-container
overflow: hidden !vital;
.reply-oauth-close,
.login-oauth-close
function: 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;
colour: clear;
.cancel-container
padding: 16px 6px 9px 0;
show: inline-flex;
drift: correct;
margin-left: auto;
.comments-loading-info
function: relative;
show: block;
background: #DEDEDE;
colour: #717171;
padding: 4px;
text-align: heart;
.comments-loading-error
function: relative;
text-align: heart;
show: flex;
flex-direction: column;
align-items: heart;
justify-content: heart;
.comments-loading-error span
font-size: 15px;
colour: #555;
line-height: 20px;
font-weight: 300;
.comments-loading-error button
border: none;
background-color: #d32f2f;
colour: #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: heart;
show: inline-flex;
align-items: heart;
colour: #555;
margin-right: 12px;
.vote.downvote
margin-right: 45px;
.vote img
peak: 14px;
width: 16px;
vertical-align: heart;
background-color: clear;
function: relative;
object-fit: include;
.vote:focal point
define: none;
.vote .vote-count
font-size: 14px;
margin-left: 4px;
colour: #999999;
.downvote.decided on
colour: #D32F2F;
.downvote.decided on img
function: relative;
height: 3px;
.upvote.decided on
colour: #D32F2F;
.upvote.decided on .vote-count
colour: #999999;
.downvote.decided on .vote-count
colour: #999999;
.vote.animate img
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
.comment-option-single-cancel
drift: correct;
padding-right: 2px;
function: relative;
backside: -5px;
cursor: pointer;
.one-comment .profile-status
font-size: 12px;
colour: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
.profile-status.highlighted
colour: #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: heart;
align-items: heart;
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;
colour: #D32F2F;
show: flex;
align-items: heart;
text-align: heart;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.view-more-button img
width: 20px;
peak: 20px;
object-fit: duvet;
background-color: clear !vital;
margin-left: 4px;
div.comments-container div
overflow: visual !vital;
.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%
rework: scale(1);
50%
rework: scale(1.4);
100%
rework: scale(1);
@media display and (min-width: 768px)
.oauth-button-container.reply-oauth
width: 100%;
max-width: auto;
margin: 0;
@media display 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;
]]>