I'll add it later:
Live demo: You do not have, write me who uses it and I will add this topic!
IMAGES:
(sorry, accidentally deleted from the photo exchanger, check for yourself, I hope you like it, if you find errors or any inaccuracies, please also report here.)
CODE (14.052022/beta.2.3.4):
@media (min-width: 768px) {
/*Скругление кнопки*/
.Button {
border-radius: 30px;
}
/*Скругление поля ввода*/
.FormControl {
border-radius: 10px;
}
/*Скругление поля поиска*/
.Search-input {
border-radius: 30px;
}
.Search-input input {
border-radius: 30px;
}
/*Скругление меню с выбором*/
.Dropdown-menu {
border-radius: 10px;
}
/*DEV*/
/*Скругление настроек уведомлений*/
.NotificationGrid {
border-radius: 10px;
}
/*Скругление форм авторизаций*/
.Modal-content {
border-radius: 10px;
}
/*Скругление форм меню дискуссий*/
.Dropdown--split.itemCount1 .Button {
border-radius: 30px!important;
}
/*Скругление ответа в дискуссию*/
.App--discussion .Composer:not(.fullScreen) {
border-radius: 10px 10px 0 0;
}
.DiscussionListItem:hover {
border-radius: 10px;
}
/*Квадратная кнопка выбора авы*/
.AvatarEditor:hover .Dropdown-toggle,
.AvatarEditor.open .Dropdown-toggle,
.AvatarEditor.loading .Dropdown-toggle,
.AvatarEditor.dragover .Dropdown-toggle {
border-radius: 10px;
}
/*ENDEV*/
/*Квадратная ава*/
.UserCard-avatar .Avatar,
.PostUser-avatar,
.DiscussionListItem-author .Avatar,
.UserCard-avatar .Avatar,
.Avatar,
.UserCard-avatar .Dropdown-toggle {
border-radius: 10px;
}
/*Фикс скругления ввода дискуссии*/
.ComposerBody-header h3 input {
border-radius: unset;
}
/*Жирное название дискуссий*/
.DiscussionList:not(.DiscussionList--searchResults) .DiscussionListItem-title {
font-weight: bolder;
font-size: 18px;
}
/*Жирное название форума*/
.Header-title {
font-size: 24px;
font-weight: bolder;
}
.Header-title a:hover {
text-decoration: none;
text-shadow: 0px 0px 2px #000;
}
/*Жирное имя и название в шапке*/
.Hero h2 {
font-weight: bolder;
font-size: 28px;
text-shadow: 0px 0px 2px #000;
color: white;
}
.Hero-subtitle {
font-size: 20px;
text-shadow: 0px 0px 2px #000;
color: white;
}
h2.DiscussionHero-title {
color: white;
}
/*Жирное имя пользователя*/
.username {
font-weight: bolder;
}
.item-user a:hover {
text-decoration: none;
color: #fff;
text-shadow: 0px 0px 2px #000;
}
/*Ответ автора подсвечивается*/
/*.CommentPost.Post--by-actor {
border-left: solid @config-primary-color;
}
/*Ответ выделен внизу*/
.ReplyPlaceholder {
background-color: transparent !important;
border-radius: 10px;
margin-top: 20px;
-webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
}
.ReplyPlaceholder:hover {
-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.18) !important;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.18) !important;
}
/*Теги под названием дискуссии*/
/*.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {
position: initial !important;
margin-bottom: 5px !important;
display: block;
-webkit-mask-image: initial !important;
white-space: nowrap !important;
max-width: 500px !important;
}*/
/*Центрирование имени в профиле*/
.Hero .UserCard-profile {
padding-left: 240px;
}
/*Фикс блока поста*/
.Post-header,
.Post-header a {
margin-top: 10px;
/*color: #fff;*/
}
}
/*Иконки - вход и регистрация*/
#header-secondary > ul > li.item-logIn > button > span:before {
font-family: 'Font Awesome 6 Free Solid';
font-weight: bolder;
font-size: 16px;
content: '\f2f6';
margin-right: 4px;
vertical-align: -1px;
}
#header-secondary > ul > li.item-signUp > button > span:before {
font-family: 'Font Awesome 6 Free Solid';
font-weight: bolder;
font-size: 12px;
content: '\f090';
margin-right: 4px;
vertical-align: 1px;
}
#header-secondary > ul > li.item-signUp > button > span,
#header-secondary > ul > li.item-logIn > button > span {
font-weight: bolder;
}
/*Иконки - лайк, ответить,дизлайк*/
.item-like .Button:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 15px;
content: '\f004';
margin-right: 8px;
vertical-align: -1px;
}
.item-reply .Button--link:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 15px;
content: '\f075';
margin-right: 8px;
vertical-align: -1px;
}
.item-like .Button[title="Unlike"]:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 15px;
content: '\f7a9';
margin-right: 8px;
vertical-align: -1px;
}
.item-like .Button[title="Не нравится"]:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 15px;
content: '\f7a9';
margin-right: 8px;
vertical-align: -1px;
}
/*Скрыть начальное приветствие*/
.WelcomeHero {
display: none;
}
.PostUser .UserOnline {
position: absolute;
left: -60.5px;
top: 56px;
border-radius: 50%;
border: 2px solid #fff;
line-height: 0;
}
.PostUser-badges.badges {
margin-left: -64px;
margin-top: 80px;
width: 22px;
}
.PostUser-badges.badges li {
display: block;
}
.PostUser-badges.badges li span {
border-radius: 0;
/* display: block; */
margin: auto;
}
.PostUser-badges.badges li:first-of-type span {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.PostUser-badges.badges li:last-of-type span {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/*Кнопка назад в дискуссиях*/
.Navigation-back {
border-radius: 30px!important;
}
/*Скругление карточки профиля при наведении*/
.UserCard--popover, .UserCard--popover .darkenBackground {
border-radius: 10px;
}
/*Кнопка назад в дискуссиях*/
@media (min-width: 1100px) {
.hasPane.panePinned .Navigation-back, .hasPane.paneShowing .Navigation-back {
border-radius: 30px 0 0 30px!important;
}
}
/*DEV*/
@media (min-width: 992px) {
.Composer:not(.fullScreen) {
border-radius: 10px 10px 0 0;
}
}
/*ENDEV*/
