.post-excerpt{
padding:8px 24px;
}
body{
background:#fff;
}
body .editor-width-100-pc {
overflow:visible;
}
.fragments-container .content-holder {
overflow:visible;
}
.article-related .keeda_widget_header {
font-size: 23px;
font-weight: bold;
margin-bottom:15px;
}
.leaderadcont{
background: #fff;
}
#article-content h4{
float: left;
padding: 10px 24px;
clear:both;
font-size: 17px;
}
.tags-wrapper {
display:block;
width:100%;
border-top: solid 1px #e8e8e8;
border-bottom: solid 1px #e8e8e8;
margin-top:10px;
padding-bottom:10px;
}
.tags{
width: 80%;
float: left;
clear: none !important;
margin-left: 7px;
overflow-x: scroll !important;
white-space: nowrap;
height: 48px;
padding-top: 8px;
}
a.tag {
border-radius: 3px;
background-color: #f7f7f7;
color: #666;
padding: 4px 10px;
font-size: 12px;
margin-right: 7px;
margin-top: 7px;
text-decoration:none;
}
a.tag:hover{
text-decoration: none;
}
.article-bottom-info {
display: flex;
justify-content: space-between;
padding: 0 8px;
align-items: center;
}
.publisher-name{
margin: 1px 0;
clear: none !important;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
text-align: right;
color: #757575;
display: block;
margin-right: 10px;
}
#article-content h1 {
display: inline-block;
margin: 6px 24px;
padding-top:15px;
}
#articleLeftAdCont {
width:260px;
float:left;
height:800px;
position:relative;
overflow:visible;
}
#article-content p a{
font-family: “Georgia”, serif;
}
.rightStickyTopWrap {
position:relative;
overflow:visible;
height:700px;
clear:both;
}
.rightStickyTop {
position:sticky;
top:90px;
height:600px;
}
.comments-like-div {
display: flex;
}

.tweet-outer-container {
display: block;
position: relative;
margin: 0 auto;
font-family: Helvetica, Roboto, “Segoe UI”, Calibri, sans-serif;
max-width: 530px;
min-width: 280px;
padding: 16px 0;
}
.tweet-body .tweet-outer-container {
padding: 20px 0;
}
.tweet-container {
display: block;
padding: 20px;
margin: 0 auto;
border: 1px solid #e1e8ed;
border-radius: 5px;
background: #fff;
}
.tweet-header {
display: flex;
align-items: flex-start;
}
.tweet-user {
display: inline-flex;
flex: 1;
text-decoration: none;
}
.tweet-user-image {
display: flex;
width: 36px;
height: 36px;
margin-right: 5px;
flex-shrink: 0;
}
.tweet-user-image img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.tweet-user-info {
display: flex;
flex-direction: column;
text-decoration: none;
line-height: 1.2;
}
.tweet-username-block, .tweet-user-info > span:first-child {
font-size: 16px;
font-weight: bold;
color: #000000;
display: flex;
align-items: flex-start;
width: 100%;
position: relative;
}
.tweet-user-name {
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: clip;
}
.tweet-user-handle, .tweet-user-info > span:last-child {
font-size: 14px;
color: #657786;
}
.tweet-username-block .verified {
width: 16px;
height: 16px;
display: inline-block;
margin-left: 5px;
background: url(“//staticg.sportskeeda.com/skm/assets/twitter/twitter-verified-badge.svg”) no-repeat;
background-size: cover;
flex-shrink: 0;
}
.tweet-logo {
width: 20px;
height: 20px;
cursor: pointer;
display: block;
background: url(“//staticg.sportskeeda.com/skm/assets/twitter/logo.svg”) no-repeat;
background-size: cover;
flex-shrink: 0;
}
.tweet-body {
display: block;
text-decoration: none;
color: #0f1419;
margin: 20px 0;
font-size: 21px;
font-weight: 400;
cursor: text;
line-height: 1.2;
}
.tweet-body a {
color: #0277BD;
text-decoration: none;
}
.tweet-body a:hover {
text-decoration: underline;
}
.tweet-footer {
display: flex;
justify-content: space-between;
text-decoration: none;
flex-direction: column;
}
.tweet-footer-item {
display: inline-flex;
align-items: center;
margin-right: 10px;
cursor: pointer;
}
.tweet-footer-actions {
display: flex;
align-items: center;
margin-top: 20px;
}
.tweet-footer-item span,
.tweet-time {
font-size: 14px;
color: #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 {
color: #E81C4F;
}
.tweet-retweet:hover span:first-child {
background-color: #19CF86;
}
.tweet-retweet:hover span:last-child {
color: #19CF86;
}
.tweet-footer-item .tweet-retweet-icon, .tweet-retweet span:first-child {
mask: url(“//staticg.sportskeeda.com/skm/assets/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticg.sportskeeda.com/skm/assets/twitter/retweet.svg”) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: #AAB8C2;
width: 16px;
height: 16px;
}
.tweet-footer-item .tweet-like-icon, .tweet-favorite span:first-child {
mask: url(“//staticg.sportskeeda.com/skm/assets/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask: url(“//staticg.sportskeeda.com/skm/assets/twitter/like.svg”) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: #AAB8C2;
width: 16px;
height: 16px;
}
.tweet-footer-item .tweet-like-icon,
.tweet-footer-item .tweet-retweet-icon {
display: block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: cover;
}
.tweet-images-container {
display: 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%;
position: relative;
}
.tweet-image-summary img {
position: absolute;
width: 100%;
object-fit: cover;
height: 100%;
}
.tweet-image-summary a {
position: absolute;
width: 100%;
height: 100%;
display: block;
cursor: pointer;
z-index: 1;
top: 0;
left: 0;
}
.images-count-3 .tweet-image-summary:first-child {
grid-row-end: span 2;
}
.sportskeeda-embed .app-tweet-blockquote {
display: none;
}
.twitter-play {
position: absolute;
top: calc(50% – 30px);
left: calc(50% – 30px);
width: 60px;
height: 60px;
background: #1d9bf0;
border-radius: 50%;
border: 4px solid #fff;
z-index: 0;
background-image: url(“//staticg.sportskeeda.com/skm/assets/twitter/twitter-play.svg”);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 36px;
}
/* reset existing applied css with !important. Shouldn’t be applied for AMP*/
#tweet-output {
display: none !important;
}
.tweet-outer-container {
display: block !important;
}
.tweet-outer-container div {
width: auto;
float: none !important;
}
.tweet-outer-container img {
background: transparent !important;
}
.tweet-outer-container a {
text-decoration: none !important;
}
.tweet-body-container .tweet-body {
color: #0f1419 !important;
cursor: text !important;
}
.tweet-body a:hover {
text-decoration: underline !important;
}
.tweet-images-container {
overflow: hidden !important;
}
.tweet-user-image {
width: 36px !important;
height: 36px !important;
}
.twitter-play {
width: 60px !important;
}

One of the most exciting aspects of Fortnite is the sheer amount of skins players can drop into the island with.

There are so many skins that you could easily play several battle royale games without running into the same one. Fortnite has its fair share of premium and free skins.

[embedded content]

Not everyone can afford the bundles or skin sets that arrive in the Fortnite Item Shop. Some players look for opportunities to get free skins. Thankfully, the game has had some really good ones.

From best to worst: Free skins in Fortnite

1) Lt. Evergreen

The Lt. Evergreen skin. (Image via Epic Games)

Lt. Evergreen was a skin earned through the 2019 Winterfest event. You simply needed to go to the Winterfest Cabin and shake the tree. Then you received this Christmas tree wearing Jonesy skin. It is truly one of the best free skin options ever released in Fortnite.

2) Galaxy Skin

The Galaxy Skin is free in the sense that you don’t need to purchase it in Fortnite. It was given to individuals who bought the Samsung Galaxy S9 or Samsung Galaxy Note 9. It is definitely one of the coolest skins in all of Fortnite and didn’t cost players a thing if they had one of the aforementioned devices.

3) Trailblazer

The Trailblazer skin. (Image via Epic Games)

The Trailblazer skin was a Twitch Prime reward in Fortnite’s Chapter 1 Season 4. Twitch Prime, now Prime Gaming, lets users have this skin at no cost. Ramirez has always been a popular model in the Battle Royale and this may have been what kickstarted that.

4) Default

The Default skins in Fortnite. (Image via Epic Games)

There are a handful of default skins that Fortnite players can load onto the Battle Bus with. They aren’t the flashiest, but they have gathered a bit of a cult following. Some players use the default skin setting regularly just because they want to. Others enjoy it because they don’t need to buy anything.

5) Sub Commander

.related-articles { position: relative; padding: 0 4px; }
.related-heading { padding: 10px; padding-left: 15px; font-size: 27px; }
.related-articles-container { padding: 10px 0px 20px 0; width: 100%; }
.related-articles-scroll { overflow-x: scroll; width: 100%; }
.related-articles-scroll::-webkit-scrollbar { display: none; }
.article-single-related { height: auto !important; padding:0 0 15px; width: 166px; display: inline-block; border-radius: 3px;
background-color: #ffffff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); margin-right: 10px; vertical-align: top; }
.article-related-recommend { width: 31.7%; min-height: 208px; border-radius: 8px; overflow: hidden; }
.article-single-related a { color: black; text-decoration: none !important; }
.article-related-image { opacity: 1; border-radius: 3px 3px 0 0; background-position: center center;background-size: cover; }
.article-related-recommend-image { width: 100%; height: 130px; border-radius: 4px 4px 0 0; object-fit: cover; background-position: center; }
.related-play-button { width: 40px; height: 40px; background-image: url(https://staticg.sportskeeda.com/skm/assets/images/video/video-play-button.svg); position: relative; top: -50px; float: right; left: -10px; margin-bottom: -40px; }
.article-related-title { font-size: 14px; font-weight: normal; padding: 10px; line-height: 1.4; height: 65px; overflow: hidden !important; }
.article-related-footer { font-size: 9px; font-weight: normal; padding: 1px 10px; color: #b2b2b2; }
.scroll-button { width: 30px; height: 30px; background-color: #ffffff; border-radius: 20px; position: absolute;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); font-size: 20px; padding: 6px 10px; color: #c7c5c5; cursor: pointer; top: 90px; background: no-repeat scroll 50% 50% white; }
.article-scroll-left { left: 0px; background-image: url(“https://staticg.sportskeeda.com/skm/assets/article/ic-chevron-left.svg”); display: none; background-repeat: no-repeat; background-position: center; }
.article-scroll-right { right: 0; background-image: url(“https://staticg.sportskeeda.com/skm/assets/article/ic-chevron-right.svg”); background-repeat: no-repeat; background-position: center; }
.article-related-title.article-related-recommend-title { display: block; display: -webkit-box; max-width: 100%; height: 63px; margin: 0 auto; font-size: 14px; line-height: 1; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 18px; }
.heading-article { text-align: center; color: #D32F2F; }
h3.related-heading { position: relative; font-size: 16px !important; }
h3.related-heading:before { content: “”;background: #E9E9E9;width: 100%;height: 2px;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }
h3.related-heading span { background: #fff; position: relative; z-index: 1; border: 2px solid #E9E9E9; padding: 6px 10px; border-radius: 6px; }
.article-single-related:last-child { padding: 0px; margin-right: 0px; }
@media (max-width: 768px) {
.related-articles { padding: 8px;}
.article-related-recommend { width: 47.5%; }
.related-heading { padding: 4px; padding-top: 24px; padding-left: 10px; }
.article-related-title { display: inline-block; font-size: 14px;
padding: 10px; vertical-align: top; color: #555555; line-height: 16px; height: 42px }
.article-related-footer { width: 100%; font-size: 10px; font-weight: normal;padding-top: 4px; color: #ababab; }
.article-single-related { margin-bottom: 12px; }
.related-articles-scroll { overflow-x: scroll!important; padding-left: 5px; }
.heading-article h3 { font-size: 16px !important; }
}
@media (min-width: 770px) {
.content-holder div { overflow: hidden !important; }
}

The Sub Commander skin. (Image via Epic Games)

The Sub Commander isn’t a great skin at all, but it was free so you can’t really knock it. It is another Twitch Prime, now Prime Gaming, reward that was available in Chapter 1 Season 3 of Fortnite. Although it is rarely seen anymore, it is a cool concept to add the purple Twitch colors to the skin.

Edited by Rohit Mishra

#keeda-comments-container *{ font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif; }
#keeda-comments-container{ border-top: solid 1px #e8e8e8; padding: 20px 16px 0px 16px; border-radius: 3px; margin: 0;width:100%;background:#fff; display: inline-block; min-height: 120px; }
.one-comment{ display: flex; box-sizing: border-box; float: left; clear: both; width: 100%; color: #333; line-height: 0; padding: 16px 0 8px; border-bottom: solid 1px #f1f1f1;position:relative; overflow: visible!important; }
.one-comment .profile-pic-container { position: relative; display: block; margin-right: 8px; }
.profile-pic-container a { display: block; }
.profile-pic-container img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.one-comment:hover{ background: #F9F9F9; }
.one-comment .name{ font-weight: bold; text-decoration: none; color: #2D2D2D;font-size: 16px; line-height: 19px; }
.dont-break{ white-space:nowrap; }
.one-comment .name:hover{ background: #C3C3C3; text-decoration:none !important; }
.one-comment .author-name{ font-weight: 400; padding: 2px 6px 2px 0px; color: #0B65F0; border-radius: 3px; text-decoration: none; }
.one-comment .pic{ opacity:.9; height: 19px; display: block; float: left; margin: 3px; border-radius: 3px; }
.one-comment .pic:hover{ opacity:1; }
textarea#post-comment-box, .edit-section textarea{ overflow-y: hidden; width: 100%; height: 47px; padding:10px; padding-right: 40px; resize: none;border-radius:20px;border: solid 1px rgba(153, 153, 153, 0.1); margin-top: 4px; background:#F5F5F5; }
#post-comment-box:hover{ background: #f8f8f8 }
#post-comment-box:focus{ outline: none; border: 1px solid #D32F2F; color: #2D2D2D;}
#post-comment-box:disabled{ outline: none; border: 1px solid #D32F2F; }
#post-comment-button { background: url(“//staticg.sportskeeda.com/comments/send-active.svg”); color: #fff; font-weight: bold; cursor: pointer; border: none; background-color: transparent; position: absolute; bottom: 15px; right: 3px; height: 32px; width: 32px; padding: 0; margin: 0; }
#comment-holder{ width:100%;float:left;padding:5px 0; position: relative;}
#post-comment-button img{ background-color: transparent; width: 32px; height: 32px; position: relative; bottom: 4px;}
#post-comment-button:disabled { background: url(“//staticg.sportskeeda.com/comments/sendbutton-loading.svg”); background-repeat: no-repeat; width: 32px; width: 32px; position: absolute; bottom: 15px; right: 3px; }
.edit-comment-button img { display: inline; background: transparent; position: relative; top: 3px; width: 16px; }
.btn-green{ background: #2E7D32;border: solid 1px #2E7D32; }
.btn-green:hover{ background:#36845c; }
.btn-green:active, #btn-green:focus{ background: #2e6f4e;outline:none; }
.btn-green-logged-out{ text-align: center; line-height: 23px; float: right; border-radius: 3px; color: #fff !important;cursor: pointer; margin-top: 7px; text-decoration:none !important; padding: 0 10px; font-weight: normal !important; font-size: 13px; }
.timestamp{ color: #999999 !important; font-size: 14px; line-height: 17px;}
#image-for-no-of-comments { background: transparent;float: left;margin-right: 10px; height:20px; width:20px }
#comments-count-span { display: flex; align-items: center }
.comments-count{ color:#999999;font-size:14px;line-height:17px;font-weight:normal;font-style:normal; }
.comment-info .one-comment-text{ padding-right: 4px; font-size:14px; line-height: 19px; margin: 4px 0;}
.comment-info .highlighted { color: #D32F2F; }
.comment-info a{ text-decoration: none; }
.timestamp .one-comment-text{ margin: 5px 1px; }
textarea:disabled{ cursor: not-allowed; }
.comment-top-right-ctrls{ display: inline; }
#reply-send-icon { display: inline; background:transparent; position: relative; top: 3px; right: 5px; }
.comment-options { text-align: right; display: inline-block; float: right; cursor: pointer; }
.comment-options img { background: transparent; }
.comment-options-box { padding: 5px; right: 3px; top: -75px; width: 128px; position: absolute; background: #ffffff; z-index: 9999; box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%); display: inline-block; border-radius: 8px; overflow: visible!important; }
.comment-options-box .comment-option-single { display: block; font-weight: bold; font-size: 12px; padding: 8px 4px; border-bottom: 1px solid #F5F5F5; cursor: pointer; line-height: 14px; }
.comment-options-box img { display: inline-block; background: transparent; position: relative; top: 3px; width: 16px; }
#delete-option { border-bottom: none; color: #AF2222; }
.one-comment .delete-comment{ cursor: pointer; color: #478ACE !important; font-size: 11px; padding: 3px;border-radius:3px;display:inline-block; border: none; background: #ffffff; background-image: url(“//staticg.sportskeeda.com/comments/trash.svg”); width: 12px; height: 12px; background-size: cover; background-repeat: no-repeat; margin-left: 12px; }
.delete-comment:focus { outline: none; }
.delete-action-modal { display: none; position: fixed; height: 100%; width: 100%; align-items: center; justify-content: center; z-index: 999999; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; }
.delete-action-modal img { display: block!important; height: 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: bold; line-height: 24px; }
.delete-action-modal .delete-action-warning { font-size: 14px; color: #AF2222; display: 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: center; position: absolute; }
.delete-action-buttons { display: block; margin-top: 20px; text-align: center; padding: 10px; }
.delete-comment-confirm{ cursor:pointer;background: #AF2222 !important; color:#fff !important; text-decoration:none !important;font-size: 14px; font-weight: bold; padding: 8px 31px;border-radius: 20px; margin-right: 8px; line-height: 17px; }
.delete-comment-cancel{ cursor:pointer; color:#2D2D2D !important; text-decoration:none !important;font-size: 14px; font-weight: bold ;padding: 8px 29px;border-radius:20px; line-height: 17px; }
.edit-comment, .cancel-edit, .cancel-reply { margin-right: 13px; text-decoration: none!important; color: #999999 !important; cursor: pointer; font-size: 14px; padding: 8px 12px; height: 33px; width: 69px; border-radius: 20px; border: 1px solid #999999;}
.comment-reply-button { background: #D32F2F; border-radius: 20px; border: none; font-size: 14px; height: 33px; width: 81px; color: #FFFFFF; }
.comment-reply-button img { width: 16px!important; }
.edit-comment-button { background: #D32F2F; border-radius: 20px; border: none; font-size: 14px; height: 33px; width: 92px; color: #FFFFFF; font-weight: 500; cursor: pointer; line-height: 17px; }
.edit-comment { margin-left: 12px; }
.reply-to-comment img { background: none; margin: 0; display: inline; height:16px!important; width:16px!important; position:relative; top:2px; }
.reply-to-comment { padding-bottom: 4px; display:inline-block; text-decoration: none!important; font-size: 14px; color: #999999 !important; cursor: pointer; vertical-align: middle; }
.reply-to-comment span { position:relative; bottom:2px; }
#pic-near-reply-box{ display: inline-block; border-radius: 50%; vertical-align: top; margin-top: 5px; width: 32px!important; height: auto!important;}
.comment-reply-box{ width: 92.6%; height: 57px; padding: 10px; resize: none; border-radius: 20px; border: solid 1px rgba(153, 153, 153, 0.1); margin-top: 4px; background:#F5F5F5;color:#2D2D2D; }
.reply-section { position: relative; overflow: visible !important; }
.comment-reply-button { cursor: pointer; }
.comment-reply-box:hover{ background: #f8f8f8 }
.comment-reply-box:focus, .edit-comment-text:focus { outline: none; }
.replies { overflow: visible !important; }
.replies .one-comment{ padding-left: 5px; border-bottom: 0 !important; }
.separator-dot{ color:#ddd }
#pic-near-comment-box{ border-radius: 50%; width:32px; height: auto; display: inline-block; margin-bottom: 9px; margin-top: 10px; vertical-align: top;}
.join-discussion{ color: #606060;float:left; font-weight: bold; font-size: 17px; display: block; clear: both; padding: 5px; padding-left: 5px; background-size: 19px; background-position: 6px 6px; }
.response-text { color: #606060;float: left; font-size: 17px; display: block; clear: both; padding: 5px; font-style: italic; margin-bottom: 5px; }
.comment-input-container{ display: inline-block; width: calc(100% – 49px); position: relative; margin-left: 4px; padding: 5px 0; }
.comment-input-container label{ font-size: 14px;color: #616161;width: 100%;margin-left: 2px;}
.comments-count-container { display: flex; justify-content: space-between; align-items: center; position: relative; font-size: 16px; padding: 8px;}
.comments-input-holder { display: block; position: relative; border-bottom: 1px solid #F5F5F5; }
.comment-details { display: block; position: relative; flex: 1; overflow: visible !important; word-break: break-word; }
.oauth-button-container { width: auto; background: #ececec; border-radius: 10px; overflow: hidden !important;margin-top: 5px!important; }
.oauth-button-container .oauth-button-group { display: flex; align-items: center; justify-content: center; 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; height: 36px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; overflow: hidden}
.oauth-button.google { border: 1px solid #A2A2A2; background: #fff; }
.oauth-button.email { border-radius: 0; margin-top: 9px;}
.oauth-button img { width: 100%; height: 100%; object-fit: cover; background: transparent; }
.oauth-button.google img { width: 24px; height: 24px; object-fit: cover; background: transparent; }
.hidden { display: none; }
.login-support-text { position: relative; display: flex; justify-content: center; align-items: center; margin: 0; font-size: 12px; font-weight: bold; background: #761919; padding: 8px; text-align: center; color: #ffff; }
.login-support-text span { flex: 1; line-height: 18px; }
.highlight { animation: highlight 1.5s linear infinite; }
.edit-section { display: flex; flex-direction: column; position: relative; min-height: 78px; width: 100%; }
.edit-section textarea { width: 100%; height: 48px; margin-top: 0; color: #2D2D2D; padding: 10px;}
.edit-comment-button { bottom: 30px; }
#comments-container { display: inline-block; position: relative; width: 100%; }
#comments-container {
overflow: hidden;
}
.reply-oauth-close, .login-oauth-close { position: absolute; right: 12px; width: 20px; height: 20px; border-radius: 50%; border: none; cursor: pointer;}
.reply-oauth-close img, .login-oauth-close img { background-color: transparent; color: transparent; }
.cancel-container { position: relative; display: block; text-align: right; padding: 16px 6px 9px 0; clear: both;}
.comments-loading-info { position: relative; display: block; background: #DEDEDE; color: #717171; padding: 4px; text-align: center; }
.comments-loading-error { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.comments-loading-error span { font-size: 15px; color: #555; line-height: 20px; font-weight: 300; }
.comments-loading-error button { border: none; background-color: #d32f2f; color: #fff; margin: 8px 0 0; padding: 8px 16px; border-radius: 20px; cursor: pointer; font-size: 16px; }
.comments-loading-error button:focus { outline: none; }
.vote { cursor: pointer; font-size: 14px; border: none; background: transparent; padding: 0; vertical-align: middle; text-align: center; display: inline-flex; align-items: center; color: #555; margin-right: 12px; }
.vote.downvote { margin-right: 45px; }
.vote img { height:16px;width: 16px; vertical-align: middle; background-color: transparent; position: relative; top:1px }
.vote:focus { outline: none; }
.vote .vote-count { font-size: 14px; margin-left: 4px; color: #999999; }
.downvote.selected { color: #D32F2F; }
.downvote.selected img{ position: relative; top:3px; }
.upvote.selected { color: #D32F2F; }
.upvote.selected .vote-count { color: #999999; }
.downvote.selected .vote-count { color: #999999; }
.vote.animate img { animation: zoom-in-out 1200ms linear; animation-iteration-count: 1; }
.comment-option-single-cancel { float: right; padding-right: 2px; position: relative; bottom: -5px; cursor: pointer; }
.one-comment .profile-status {
font-size: 12px;
color: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
}
.profile-status.highlighted {
color: #AF2222;
}
.controls {
position: relative;
padding: 4px 0 0;
}
.profile-name-container.no-status {
position: relative;
display: block;
margin-top: 4px;
}
.view-more-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #fff;
}
.view-more-container button.view-more-button {
cursor: pointer;
padding: 8px 12px;
background: #fff;
border: 1px solid #D32F2F;
border-radius: 20px;
color: #D32F2F;
display: flex;
align-items: center;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.view-more-button img {
width: 20px;
height: 20px;
object-fit: cover;
background-color: transparent !important;
margin-left: 4px;
}
@keyframes highlight {
50% {
background: rgba(211,47,47, 0.3);
}
}
@keyframes zoom-in-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
@media screen and (min-width: 768px) {
.oauth-button-container.reply-oauth {
width: 100%;
max-width: auto;
margin: 0;
}
}
@media screen AND (max-width: 768px) {
.comment-reply-box{
width: 84.6%;
}
.one-comment .name {
font-size: 14px;
line-height: 17px;
}
.timestamp, .one-comment .profile-status {
font-size: 12px;
line-height: 14px;
}
}