/*Font Face*/
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 400;
src: local('Exo Regular'),local('Exo-Regular'),url(https://fonts.gstatic.com/s/exo/v9/4UaOrEtFpBISfH6jyDM.woff2) format('woff2');
unicode-range: U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 400;
src: local('Exo Regular'),local('Exo-Regular'),url(https://fonts.gstatic.com/s/exo/v9/4UaOrEtFpBISfX6jyDM.woff2) format('woff2');
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Exo';
font-style: normal;
font-weight: 400;
src: local('Exo Regular'),local('Exo-Regular'),url(https://fonts.gstatic.com/s/exo/v9/4UaOrEtFpBISc36j.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*End Font Face*/
/* Verified Icon | Badge id: "1" */
/* Replace the ".Badge--group--1" to your verified Badge id */
@media (min-width:768px) {
/*Chat Theme - Discussions*/
.CommentPost > div {
border-radius: 0 30px 30px 0;
border: 2px solid #e8ecf3;
background-color: rgba(0,1,255,0.05);
padding: 10px;
}
.CommentPost:before{
content: '';
display: inline-block;
position: absolute;
border-color: rgba(255,0,0,0) rgba(243,1,1,0) #e8ecf3 #e8ecf3;
border-width: 8px;
border-style: solid;
margin-left: -8px;
margin-top: 15px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}
/*End Chat Theme - Discussions*/
body {
margin: 0;
font-family: 'Exo',sans-serif;
}
.column-p {
display: block;
z-index: 11;
position: relative;
padding: 10px;
margin-right: auto;
margin-left: auto;
}
.column-p img {
width: 170px;
margin-right: auto;
text-align: center;
margin-left: auto;
display: block;
}
.column-p span {
color: #383737;
text-align: center;
font-size: 18px;
}
.flex-img {
display: flex;
justify-content: center;
}
.PostUser-badges {
position: unset;
margin-left: -42px;
margin-top: -3px;
float: none;
margin-right: -4px;
width: 64px;
}
.PostUser-badges .Badge {
margin-left: -10px;
position: relative;
margin-top: -4px;
pointer-events: auto;
}
.Badge--group--1 {
background-color: transparent !important;
background-size: cover !important;
background-image: url(https://i.imgur.com/XwOlvsQ.png) !important; /*Put your URL image*/
width: 15px;
height: 15px;
color: transparent !important;
border-radius: unset !important;
box-shadow: none;
top: 0.5px;
left: -2px;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.PostEdited {
left:35px;
top:-11px;
position: relative;
}
/*Chat Theme - Discussions*/
.CommentPost > div {
border-radius: 0 30px 30px 0;
border: 2px solid #e8ecf3;
background-color: rgba(0,1,255,0.05);
padding: 10px;
}
.CommentPost:before{
border: none;
}
/*End Chat Theme - Discussions*/
.PostUser-badges .Badge--group--1 {
background-color: transparent !important;
background-size: cover !important;
background-image: url(https://i.imgur.com/XwOlvsQ.png) !important; /*Put your URL image*/
width: 15px;
height: 15px;
color: transparent !important;
border-radius: unset !important;
box-shadow: none;
left: -3px;
}
.Dropdown-toggle time { /* Date of Discussion*/
position: relative;
top: -12px;
left: 38px;
}
.UserCard-badges .Badge--group--1 {
left: -10px;
top: 2px;
position: relative;
}
body {
margin: 0;
}
.column-p {
display: block;
z-index: 11;
position: relative;
padding: 10px;
margin-right: auto;
margin-left: auto;
}
.column-p img {
width: 170px;
margin-right: auto;
text-align: center;
margin-left: auto;
display: block;
}
.column-p span {
color: #383737;
text-align: center;
font-size: 18px;
}
.flex-img {
display: flex;
justify-content: center;
}
.PostUser-badges {
position: unset;
margin-left: -42px;
margin-top: -3px;
float: none;
margin-right: -4px;
width: 64px;
}
.PostUser-badges .Badge {
margin-left: -10px;
position: relative;
margin-top: -4px;
pointer-events: auto;
}
}
@media (min-width: 100px) and (max-width: 480px) {
.Badge--group--1 {
background-color: transparent !important;
background-size: cover !important;
background-image: url(https://i.imgur.com/XwOlvsQ.png) !important; /*Put your URL image*/
width: 10px;
height: 10px;
color: transparent !important;
border-radius: unset !important;
box-shadow: none;
top: 1px;
}
body {
margin: 0;
}
.column-p {
display: block;
z-index: 11;
position: relative;
padding: 10px;
margin-right: auto;
margin-left: auto;
}
.column-p img {
width: 170px;
margin-right: auto;
text-align: center;
margin-left: auto;
display: block;
}
.column-p span {
color: #383737;
text-align: center;
font-size: 18px;
}
.flex-img {
display: flex;
justify-content: center;
}
.PostUser-badges {
position: unset;
margin-left: -42px;
margin-top: -3px;
float: none;
margin-right: -4px;
width: 64px;
}
.PostUser-badges .Badge {
margin-left: -10px;
position: relative;
margin-top: -4px;
pointer-events: auto;
}
}
/* Finish Verified Icon | Badge id: "1" */
/* User Card Badge */
.UserCard-badges .Badge--group--1 {
left: -10px;
top: 2px;
position: relative;
width: 20px;
height: 20px;
}
.UserCard-badges .Badge--group--1 {
background-color: transparent !important;
background-size: cover !important;
background-image: url(https://i.imgur.com/XwOlvsQ.png) !important;
color: transparent !important;
box-shadow: none;
}
/* Finish User Card Badge */
/*Hide More Badges in Posts*/
.Badge--group--2,.Badge--group--3,.Badge--group--4,.Badge--group--6,.Badge--group--8,.Badge--group--9,.Badge--group--10,.Badge--group--11,.Badge--group--12,.Badge--group--13,.Badge--group--14,.Badge--group--15 {
display: none;
}
/*Finish Hide More Badges in Posts*/
/*Block Icon Badge Id: 1*/
.PostUser-badges .Badge .Badge-icon {
display: none;
}
.PostUser {
display: block;
}
/*Finish Block Icon Badge Id: 2*/
/* Mention*/
.PostMention,
.UserMention {
border-radius: 8px;
padding: 2px 5px;
border: 0!important;
}
/*End Mention*/
/* Citation */
body .Post-body blockquote {
background: 0;
border-style: none;
padding: 0.8em 1em 0.8em 2.0em;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
}
blockquote>p>.PostMention {
display: block;
position: relative;
}
blockquote a.PostMention,
blockquote a.UserMention {
background: 0;
margin: 0;
padding: 0 0.1em;
white-space: nowrap;
}
/*End Citation*/
.Post-body h1 { /*H1*/
font-size: 20px;
}
.EventPost-info,.PostUser .username,.Post-body {
font-size: 16px; /*Tamanho da Fonte no Post*/ /*Username Font Size*/
}
.Search-input input {
border-radius: 7px; /*Search box border*/
}
.DiscussionListItem {
border-radius: 8px; /*Borda das dicussões da página inicial*/
}
.Dropdown-toggle {
border-radius: 0.3rem!important; /*Dropdown's checkered */
}
.UserCard-avatar .Dropdown-toggle {
border-radius: 10.0rem!important; /*Avatar set Dropdown */
}
.DiscussionHero .TagsLabel .TagLabel { /*Discussion tag size */
background: transparent;
border-radius: 4px!important;
font-size: 15px;
padding: 3px 15px;
}
.item-reply .Button,.Post-footer .icon,.Post-footer > ul { /* Font size Like/Mention*/
font-size: 15px;
}
.editing .Post-body,.editing:before { /*Disable editor chat effect*/
border: none;
}
.NotificationsDropdown { /* Notification icon*/
position: relative;
left: -2px;
}
.LoadingPost .Post-header { /*Fix Loanding Post*/
display: none;
}