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(“//staticc.sportskeeda.com/skm/belongings/twitter/twitter-verified-badge.svg”) no-repeat;
background-size: comprise;
flex-shrink: 0;
.tweet-logo
width: 20px;
peak: 20px;
cursor: pointer;
show: block;
background: url(“//staticc.sportskeeda.com/skm/belongings/twitter/emblem.svg”) no-repeat;
background-size: quilt;
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(“//staticc.sportskeeda.com/skm/belongings/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticc.sportskeeda.com/skm/belongings/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask-size: quilt;
mask-size: quilt;
background-color: #AAB8C2;
width: 16px;
peak: 16px;
.tweet-footer-item .tweet-like-icon, .tweet-favorite span:first-child
masks: url(“//staticc.sportskeeda.com/skm/belongings/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticc.sportskeeda.com/skm/belongings/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask-size: quilt;
mask-size: quilt;
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: quilt;
.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: quilt;
peak: 100%;
left: 0;
peak: 0;
.tweet-image-summary video
object-fit: comprise;
.tweet-image-summary a
function: absolute;
width: 100%;
peak: 100%;
show: block;
cursor: pointer;
z-index: 1;
peak: 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;
peak: calc(50% – 30px);
left: calc(50% – 30px);
width: 60px;
peak: 60px;
background: #1d9bf0;
border-radius: 50%;
border: 4px forged #fff;
z-index: 0;
background-image: url(“//staticc.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: peak;
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 present implemented css with !vital. Should not be implemented for AMP*/
#tweet-output
show: none !vital;
.tweet-outer-container
show: block !vital;
overflow-wrap: anyplace;
.tweet-outer-container div
width: auto;
waft: 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;
]]>
Lewis Hamilton fanatics have nonetheless no longer moved on from what took place on the 2021 F1 Abu Dhabi GP they usually go away no alternative to put across that. The latest iteration of this was once at the put up of the authentic F1 account the place Lewis Hamilton was once congratulated on his three hundredth race beginning.
Within the put up, one of the vital fanatics didn’t just like the stat the place the Mercedes driving force was once discussed as a “7-Time Global Champion” they usually swarmed the put up to proper that and time period him an 8-time Global Champion.
Listed here are one of the vital reactions to the put up:
“Please proper. You all robbed him. from Me’’
“Fastened it for you’’
“I’m lovely positive that are meant to learn ‘8 Global Championships’. Don’t you may have someone that might reality test this stuff, earlier than you place them out ?’’
@F1 @LewisHamilton @MercedesAMGF1 I am lovely positive that are meant to learn ‘8 Global Championships’.
Do not you may have someone that might reality test this stuff, earlier than you place them out ?@F1 @LewisHamilton @MercedesAMGF1 I am lovely positive that are meant to learn ‘8 Global Championships’.Do not you may have someone that might reality test this stuff, earlier than you place them out ?
“Hamilton had many pole positions, many races received and seven instances international champion in order that Leclerc isn’t conceited, he has no longer received the rest’’
@F1 @LewisHamilton @MercedesAMGF1 Hamilton had many pole positions, many races received and seven instances international champion in order that Leclerc isn’t conceited, he has no longer received the rest@F1 @LewisHamilton @MercedesAMGF1 Hamilton had many pole positions, many races received and seven instances international champion in order that Leclerc isn’t conceited, he has no longer received the rest
“Over part of his races status at the podium, Simply over a 3rd taking victory, And but, it seems that, he’s no longer the GOAT?’’
Over part of his races status at the podiumJust over a 3rd taking victory And but, it seems that, he’s no longer the GOAT? twitter.com/f1/fame/1550…
“guy, the replies and qrts in this tweet are one thing else, particularly from h4m1lt0n 5imp5 who’re nonetheless coping from abu dhabi 2021.’’
“He wins greater than 1 in each and every 3. Humorous that the unjustifiable drama of final season has served to make stronger his greatness as a driving force moderately than distract or deflect #LewisHamilton?’’
Lewis Hamilton vows to stay preventing!
Qualifying for the French GP didn’t cross as deliberate for the Mercedes driving force however he plans to stay preventing and hope for the most productive imaginable end result within the race. He mentioned:
“I used to be moderately proud of my lap and my functionality on the finish of Q3, it was once a pleasant lap. However for no matter explanation why, we appear to be so much additional off this weekend, and so is the entire chasing pack. The 2 peak groups are simply in their very own league performance-wise. I’m no longer positive why that hole has were given larger between those two races.’’
Additionally Learn
Tale Continues under
“Taking into consideration I neglected FP1, which surely places you at the again foot, I’m in reality proud of the development that I made and everybody again on the factories was once operating very exhausting with us. We took a step backwards lately in ultimate apply, however we controlled to show it round. We’re nonetheless there and everybody in the back of me is suffering, too, so we simply stay preventing.’’
Lewis Hamilton will beginning the race in fourth function and might be hoping to proceed his streak of podiums.
LIVE POLL
.dont-break
function: inherit;
peak: 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 .percent
opacity: .9;
peak: 19px;
show: block;
waft: left;
margin: 3px;
border-radius: 3px;
.one-comment .percent: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: forged 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 forged #D32F2F;
colour: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px forged #D32F2F;
.post-comment-button
background: url(“//staticc.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%;
waft: 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(“//staticc.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: forged 1px #2E7D32;
.btn-green:hover
background: #36845c;
.btn-green:energetic,
#btn-green:focal point
background: #2e6f4e;
define: none;
.btn-green-logged-out
text-align: heart;
line-height: 23px;
waft: correct;
border-radius: 3px;
colour: #fff !vital;
cursor: pointer;
margin-top: 7px;
text-decoration: none !vital;
padding: 0 10px;
font-weight: customary !vital;
font-size: 13px;
.timestamp
colour: #999999 !vital;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
waft: 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: customary;
font-style: customary;
.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;
waft: correct;
cursor: pointer;
.comment-options img
background: clear;
.comment-options-box
padding: 5px;
correct: 3px;
peak: -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 forged #F5F5F5;
cursor: pointer;
line-height: 14px;
.comment-options-box img
show: inline-block;
background: clear;
function: relative;
peak: 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(“//staticc.sportskeeda.com/feedback/trash.svg”);
width: 12px;
peak: 12px;
background-size: quilt;
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;
peak: 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 forged #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;
peak: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !vital;
font-size: 14px;
colour: #999999 !vital;
cursor: pointer;
vertical-align: center;
.reply-to-comment span
function: relative;
backside: 2px;
#p.c-near-reply-box
show: inline-block;
border-radius: 50%;
vertical-align: peak;
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: forged 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: quilt;
show: inline-block;
vertical-align: peak;
flex-shrink: 0;
margin: 5px 8px 0 0;
.join-discussion
colour: #606060;
waft: 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 forged #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 forged #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 forged #A2A2A2;
background: #fff;
.oauth-button.electronic mail
border-radius: 0;
margin-top: 9px;
.oauth-button img
width: 100%;
peak: 100%;
object-fit: quilt;
background: clear;
.oauth-button.google img
width: 24px;
peak: 24px;
object-fit: quilt;
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;
waft: 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: center;
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: center;
background-color: clear;
function: relative;
object-fit: comprise;
.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;
peak: 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
waft: 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 forged #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: quilt;
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;
peak: 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 .percent
opacity: .9;
peak: 19px;
show: block;
waft: left;
margin: 3px;
border-radius: 3px;
.one-comment .percent: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: forged 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 forged #D32F2F;
colour: #2D2D2D;
.post-comment-box:disabled
define: none;
border: 1px forged #D32F2F;
.post-comment-button
background: url(“//staticc.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%;
waft: 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(“//staticc.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: forged 1px #2E7D32;
.btn-green:hover
background: #36845c;
.btn-green:energetic,
#btn-green:focal point
background: #2e6f4e;
define: none;
.btn-green-logged-out
text-align: heart;
line-height: 23px;
waft: correct;
border-radius: 3px;
colour: #fff !vital;
cursor: pointer;
margin-top: 7px;
text-decoration: none !vital;
padding: 0 10px;
font-weight: customary !vital;
font-size: 13px;
.timestamp
colour: #999999 !vital;
font-size: 14px;
line-height: 17px;
#image-for-no-of-comments
background: clear;
waft: 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: customary;
font-style: customary;
.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;
waft: correct;
cursor: pointer;
.comment-options img
background: clear;
.comment-options-box
padding: 5px;
correct: 3px;
peak: -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 forged #F5F5F5;
cursor: pointer;
line-height: 14px;
.comment-options-box img
show: inline-block;
background: clear;
function: relative;
peak: 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(“//staticc.sportskeeda.com/feedback/trash.svg”);
width: 12px;
peak: 12px;
background-size: quilt;
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;
peak: 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 forged #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;
peak: 2px;
.reply-to-comment
padding-bottom: 4px;
show: inline-block;
text-decoration: none !vital;
font-size: 14px;
colour: #999999 !vital;
cursor: pointer;
vertical-align: center;
.reply-to-comment span
function: relative;
backside: 2px;
#p.c-near-reply-box
show: inline-block;
border-radius: 50%;
vertical-align: peak;
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: forged 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: quilt;
show: inline-block;
vertical-align: peak;
flex-shrink: 0;
margin: 5px 8px 0 0;
.join-discussion
colour: #606060;
waft: 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 forged #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 forged #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 forged #A2A2A2;
background: #fff;
.oauth-button.electronic mail
border-radius: 0;
margin-top: 9px;
.oauth-button img
width: 100%;
peak: 100%;
object-fit: quilt;
background: clear;
.oauth-button.google img
width: 24px;
peak: 24px;
object-fit: quilt;
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;
waft: 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: center;
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: center;
background-color: clear;
function: relative;
object-fit: comprise;
.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;
peak: 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
waft: 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 forged #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: quilt;
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;
]]>