.sidebar--left .btn--blue { padding: .75rem .25rem; width: 100%; margin: 0; margin-bottom: .5rem; } .suplement_page_btn { padding: 0 !important; } .description__add { padding: 2rem; word-break: break-all; } .description__dependencies { padding: 2rem; } .dependencies__table-wrapper { overflow-y: hidden; } .dependencies__table { border-collapse: collapse; border-spacing: 0; line-height: 1.2; width: 100%; } .entity-dep td:last-child{ width: 20%; } .entity-dep td > a{ padding: .75rem 1rem; } .dependencies__table td>img { height: 35px; width: auto; } .dependencies__table th { color: #949bb0; font-size: .875rem; font-weight: 500; text-transform: uppercase; padding-bottom: 1rem; padding: 0rem 0.25rem 1rem; } .dependencies__table tbody { vertical-align: baseline; } .dependencies__table tbody tr { border-bottom: 0.5rem solid #181820; } .entity-dep > td:first-child { width: 7%; } .dependencies__table thead { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } .dependencies__table td { background-color: #2c2c3b; color: #fff; font-size: 1rem; font-weight: 500; text-align: center; padding: 0 0.25rem; vertical-align: middle; } .subtop__social-ul-share { padding-right: 2px; padding-bottom: 2px; } .add_comment { padding: .3rem; margin-top: 1rem; margin-bottom: 1rem; } #comments-block>.comment-form>.row>.col-xl-9 { flex: 0 0 75%; max-width: 75%; } #comments-block>.comment-form>.row>.col-xl-3 { flex: 0 0 25%; max-width: 25%; } #comments-block>.comment-form>.row>.col-xl-3>button { margin: 0 } .comment-form>.row>.col-xl-9 { flex: 0 0 100%; max-width: 100%; } .comment-form>.row>.col-xl-3 { flex: 0 0 33%; max-width: 33%; } .comment-edit { margin-left: 24px; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 12px; cursor: pointer; color: #949BB0; } #acceptDeleting .popup__content { padding: .7rem; } #acceptDeleting .popup__close { top: .5rem; } .comment-edit:hover { color: #DADFED; } .delete_comment:hover { color: #ff3030 !important; } .accept_deleting-actions { display: flex; justify-content: space-between; } .accept_deleting-actions>button { color: white; } .accept_deleting-actions>button:last-child { color: red; } .delete_comment { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 12px; cursor: pointer; color: #e15959 !important; } .description__img { width: 100%; margin-bottom: 1rem; font-size: 0; position: relative; text-align: center; } .description__header { color: #fff; font-family: "Gotham Pro"; font-weight: 500; font-size: 1.6rem; } .card_flag-ico { top: 5px; } .description .avatar__btns { margin-bottom: 2rem; text-align: center; width: 100% !important; } .info__header { margin-bottom: .75rem; } .info__list { margin: 0; padding: 0; } .info__item { margin-bottom: .69rem; } .info__item { list-style: none; } .info__list { /* padding-left: 1.5rem */ } .description__overview ul li { list-style: disc; color: #dadfed; } .info__item>a { color: #dadfed; font-size: .875rem; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .info__item>a:hover { color: #5abaff; } .versionTypeFilter { display: flex; position: relative; margin-right: 1.5rem; align-items: center; } .withoutMetadata_link { margin: 0 !important; width: 100%; background-image: linear-gradient(to right, #2e6e9c 0%, #2e6e9c 100%) !important; cursor: default !important; } .versionTypeFilter__open { position: absolute; width: 55%; background: #2c2c3b; z-index: 10; overflow: hidden; -ms-overflow-style: none; left: 45%; top: 100%; } .versionTypeFilter__open-item { width: 100%; padding: 0.5rem 1.5rem; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 0.063rem solid #2c2c3b; -webkit-user-select: none; color: #fff; font-size: .75rem; font-weight: 500; line-height: normal; cursor: pointer; text-decoration: none; } .versionTypeFilter__select-v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1rem; padding-right: 1.7rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background-color: #2c2c3b; line-height: 2rem; font-size: .75rem; font-weight: 500; cursor: pointer; } .edit { border-top: 1px solid #2c2c38; padding: 6.5rem 2rem 0; margin: 0 -2rem; position: relative; color: #fff; } .edit:before { content: ''; background: url(/img/icon-edit.svg) no-repeat center 8px; position: absolute; top: 0; left: 0; right: 0; height: 5rem; } .edit__header { margin-bottom: 1rem; } .edit__ul { margin-bottom: 2rem; } .edit__item { margin-bottom: .5rem; } .edit__item a { color: #dadfed; font-size: .875rem; } .edit__text { font-size: .875rem; font-weight: 500; line-height: 1.313rem; margin-bottom: 1rem; } .edit__link { margin-top: 1.25rem; color: #5abaff; font-size: .875rem; } .edit__link:hover { color: #fff; } .description__subtop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; flex-wrap: wrap; } .subtop__info-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; padding-left: 0; } .subtop__info-ul li { font-size: .75rem; margin-right: 2rem; color: #cad6dd; font-weight: 500; } .subtop__info-ul li:first-child { font-size: .875rem; } .subtop__social-ul { display: -webkit-box; display: -ms-flexbox; /* display: flex; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subtop__social-ul>li { margin-left: .5rem; } .description__slider { margin: 0 -1rem; } .description__slider-link { margin: 0 1rem; } .description__slider-img { width: 100%; -o-object-fit: cover; object-fit: cover; } .description__download { padding: 2rem; } .download__versions { margin-bottom: 1.25rem; text-transform: uppercase; color: #949bb0; } .download__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; flex-wrap: wrap; } .download__select-wrapper { position: relative; margin-right: 1.5rem; } .download__select-text { width: auto; font-size: .75rem; margin-bottom: 0; margin-right: .5rem; font-weight: 500; } .description__overview h3 { font-size: 2.2rem; margin-bottom: 2px; } .download__select-v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1rem; padding-right: 1.7rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background-color: #2c2c3b; line-height: 2rem; font-size: .75rem; font-weight: 500; cursor: pointer; } .download__select-v:after { content: ''; position: absolute; right: .5rem; margin-left: .5rem; width: 11px; height: 6px; background: url(/img/icon-arr-down.svg) no-repeat; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background-position: center center; } .download__select-v .more { margin-left: .5rem; } .download__ul-open { position: absolute; display: none; z-index: 10; } .download__select-ul { position: relative; background-color: #181820; border: .063rem solid #2c2c3b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 240px; overflow-x: hidden; overflow-y: scroll; } .download__select-ul::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .download__select-list { width: 100%; padding: .5rem 1.5rem; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: .063rem solid #2c2c3b; -webkit-user-select: none; color: #fff; font-size: .75rem; font-weight: 500; line-height: normal; cursor: pointer; text-decoration: none; } .download__select-list:hover { background-color: #2c2c3b; } .versionTypeFilter-wrapper { position: relative; margin-right: 1.5rem; } .download__select-text { width: auto; font-size: .75rem; margin-bottom: 0; margin-right: .5rem; font-weight: 500; } .versionTypeFilter__select-v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1rem; padding-right: 1.7rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background-color: #2c2c3b; line-height: 2rem; font-size: .75rem; font-weight: 500; cursor: pointer; } .versionTypeFilter__select-v:after { content: ''; position: absolute; right: .5rem; margin-left: .5rem; width: 11px; height: 6px; background: url(/img/icon-arr-down.svg) no-repeat; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background-position: center center; } .versionTypeFilter__select-v .more { margin-left: .5rem; } .versionTypeFilter-open { position: absolute; display: none; z-index: 10; } .versionTypeFilter-ul { position: relative; background-color: #181820; border: .063rem solid #2c2c3b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 240px; overflow-x: hidden; overflow-y: scroll; } .versionTypeFilter-ul::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .versionTypeFilter-list { width: 100%; padding: .5rem 1.5rem; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: .063rem solid #2c2c3b; -webkit-user-select: none; color: #fff; font-size: .75rem; font-weight: 500; line-height: normal; cursor: pointer; text-decoration: none; } .versionTypeFilter-list:hover { background-color: #2c2c3b; } .description__table-wrapper { overflow-x: auto; overflow-y: hidden; width: 100%; } .description__table { border-collapse: collapse; border-spacing: 0; line-height: 1.2; width: 100%; } .description__table>thead { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } .description__table>tbody { vertical-align: baseline; } .description__table th { color: #949bb0; font-size: .875rem; font-weight: 500; text-transform: uppercase; padding-bottom: 1rem; padding: 0rem .25rem 1rem; } .description__table tbody tr { border-bottom: .5rem solid #181820; } .description__table td { background-color: #2c2c3b; color: #fff; font-size: 1rem; font-weight: 500; text-align: center; padding: .25rem; vertical-align: middle; } .description__table-version { /*max-width: 320px; word-wrap: break-word;*/ white-space: nowrap; } .description__table-name { min-width: 120px; /*max-width: 300px; word-wrap: break-word;*/ } .description__pagination { margin-top: 1rem; } .comments .comment { position: relative; padding-left: 3rem; margin-bottom: 1.5rem; } .edit-comments .row { margin: 0 -0.25rem; } .edit-comments .row [class*=col] { padding: 0 .25rem; margin-bottom: 0.5rem; } .edit-comments .comment { background: #181820; } .edit-comments .comment-actions { display: flex; } .edit-comments .comment-actions button { width: calc(100%/ 3); height: 2rem; background-color: #1e2026; } .edit-comments .comment-actions button svg { fill: #FFF; } .edit-comments .comment-actions button .icon-views { width: 1.438rem; height: 1rem; } .edit-comments .comment-actions button.hover-blue:hover { background-image: linear-gradient(to right, #5eb6f6 0%, #3296de 100%); } .edit-comments .comment-actions button.hover-red:hover { background-image: linear-gradient(to right, #c13636 0%, #be2929 100%); } .edit-comments .comment-author { padding: 1rem; display: flex; } .edit-comments .comment-author figure { width: 2rem; } .comments .block-head .title span { color: #949bb0; /* margin-left: 1.25rem; */ font-size: .875rem; } .border-red { border: 1px solid red !important; } .edit-comments .comment-author>div { width: calc(100% - 2rem); padding-left: 1rem; } .edit-comments .comment-author>div .author { color: #ffffff; font-size: 1rem; font-weight: 500; } .edit-comments .comment-author>div time { color: #949bb0; font-size: 0.75rem; } .edit-comments .comment p { padding: 0 1rem 1rem 1rem; color: #949bb0; font-size: 0.875rem; line-height: 1.313rem; } .edit-comments .comment-news { padding: 0.5rem 1rem 0.75rem 1rem; border-top: 1px solid rgba(57, 62, 74, 0.2); } .edit-comments .comment-news span { color: #949bb0; font-size: 0.75rem; text-transform: uppercase; } .edit-comments .comment-news a { display: block; color: #fff; font-size: 0.875rem; font-weight: 500; margin-top: 0.25rem; } .edit-comments .comment .btn-dark { text-transform: none; font-weight: normal; line-height: 2rem; } .comments .block-head { align-items: center; flex-wrap: wrap; } .comments .block-head .title { margin-bottom: 0; } .comments .block-head .comments-sort { display: flex; align-items: center; } .comments .block-head .comments-sort>div { text-transform: uppercase; color: #949bb0; font-size: .875rem; font-weight: 500; margin: 0 0.5125rem; cursor: pointer; } .comments .block-head .comments-sort a:first-child { margin-left: 0; } .comments .block-head .comments-sort a.active, .comments .comment-actions button:hover { color: #fff; } .comments .block-head .comments-sort a:hover { color: #cdd3e7; } .comments .comment figure { position: absolute; top: 0; left: 0; width: 2rem; font-size: 0; } .comments .comment-author { display: flex; align-items: baseline; margin-bottom: 0.5rem; } .comments .comment-author time, .reviews .review-head>div time, .edit-comments .comment-author>div time { color: #949bb0; font-size: .75rem; } .comments .comment-text { color: #dadfed; font-size: .875rem; line-height: 1.313rem; margin-bottom: 0.75rem; word-break: break-word; } .comments .comment-actions { display: flex; align-items: center; flex-wrap: wrap; } .comments .comment-actions .best-comment span { color: #89e7ba; font-size: .75rem; font-weight: 700; } .comments .comment-actions .best-comment .icon-top { width: 0.875rem; height: 0.875rem; fill: #89e7ba; margin-right: 0.25rem; } .comments .comment-actions .best-comment { display: flex; align-items: center; margin-right: 1rem; } .comments .comment-actions button { color: #89a2e7; font-size: .75rem; font-weight: 500; padding: 0; text-decoration: underline; margin-right: 1rem; } .comments .comment-author span { font-size: 1rem; font-weight: 500; color: #fff; font-family: "Gotham Pro"; margin-right: 1rem; } .comments .comment-likes { position: absolute; top: 0; right: 0; display: flex; align-items: center; } .comments .comment-likes button { padding: 0; margin-left: 2rem; display: flex; } .icon-dislike, .icon-dislike-whole { fill: #e42b2b; } .icon-dislike, .icon-dislike-whole, .icon-like, .icon-like-whole { width: 0.875rem; height: 0.875rem; } .comments .comment-likes button.btn-dislike span { color: #e42b2b; } .comments .comment-likes button span { font-size: .75rem; margin-left: 0.25rem; } .icon-like, .icon-like-whole { fill: #2be454; } .icon-dislike, .icon-dislike-whole, .icon-like, .icon-like-whole { width: 0.875rem; height: 0.875rem; } .comments .comment-likes button.btn-like span { color: #2be454; } .comments .comment-likes button span { font-size: .75rem; margin-left: 0.25rem; } .comments .comment-form { margin: 2rem 0; } .row { display: flex; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .form-field { display: flex; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; } .form-field input, .form-field select { height: 2rem; padding: 0 1rem; } .form-field input, .form-field select, .form-field textarea { width: calc(100% - 7rem); color: #dadfed; font-family: "Roboto"; font-size: .875rem; font-weight: 500; background-color: #2c2c3b; border: 0; } .slider-gallery img, .form-field.w-100 input, .form-field.w-100 select, .form-field.w-100 textarea, .table table { width: 100%; } .edit-fields .form-field input, .comments .comment-form .form-field input { height: 3rem; } .comments .comment-form .editor, .modal { display: none; } .editor { background-color: #2c2c3b; } .editor-head { padding: 0.25rem; } .editor-head { padding: 0.25rem; } #awards .how-add-pages, #awards .how-earn-points, #awards .how-earn-points .points-in, #edit-mod .edit-mod-actions, #footer .row-2 .max-width-1370, #header, #header .menu ul, .editor-head, .modal#confirm-del .buttons, .mods .mod .mod-content .mod-info, .mods .mod .mod-content .mod-info ul, .my-mods .mod .mod-body, .table .table-actions, .table.v-2 table td .buttons { display: flex; justify-content: space-between; align-items: center; } .editor-head .editor-buttons { display: flex; } .showMore_comments { font-weight: 500; font-size: 24px; color: #949BB0; margin-top: 1rem; cursor: pointer; } .anonim-comment-form input { padding: 1.2rem; width: 100%; margin-top: 11px; } .anonim-comment-form { display: flex; width: 100%; justify-content: space-between; } #comments-block>.comment-form>.anonim-comment-form { width: 60%; } .anonim-comment-form>.form-field { display: flex; flex-direction: column; align-items: start; } editor-head .editor-buttons button, .modal .editor .editor-buttons button { height: 1.75rem; background-color: #3f3f52; padding: 0 0.5rem; color: #fff; font-size: .875rem; font-weight: 500; } .editor .editor-text { border-top: 0.063rem solid #181820; padding: 1rem; color: #dadfed; font-size: .875rem; font-weight: 500; line-height: 1.313rem; border: none; width: 100%; resize: none; background-color: rgb(44, 44, 59); } .comments .comment-form .btn { width: 100%; height: 3rem; } .comments .comment.child { margin-left: 4rem; } #description__table { overflow: auto; } .description__overview pre { white-space: break-spaces; } .simplebar-scrollbar:before { background: #cad6dd !important; } .icon-dislike { background: url(../../img/symbol/icon-dislike.svg) no-repeat; width: 26px; height: 26px; } .icon-like { background: url(../../img/symbol/icon-like.svg) no-repeat; width: 26px; height: 26px; } .dislike:hover { background: url(../../img/symbol/icon-dislike-whole.svg) no-repeat; } .like:hover { background: url(../../img/symbol/icon-like-whole.svg) no-repeat; } .liked { background: url(../../img/symbol/icon-like-whole.svg) no-repeat; } .disliked { background: url(../../img/symbol/icon-dislike-whole.svg) no-repeat; } .comments-pop-up { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #2c2c3b; border: 1px solid #3498db; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; font-family: Arial, sans-serif; color: #fff; z-index: 999; } .comment-pop-up-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .comment-pop-up-decs { font-size: 14px; color: #ccc; margin-bottom: 20px; } .comment-pop-up-words { font-size: 16px; color: #e74c3c; font-weight: bold; margin-bottom: 20px; } .ok-button-comments-pop-up { background-color: #3498db; color: #fff; border: none; padding: 10px 20px; cursor: pointer; font-size: 14px; transition: background-color 0.3s ease; } .ok-button-comments-pop-up:hover{ background-color: #2980b9; } @media ( max-width : 1679px) { .description .sidebar--right { width: 100%; } .description .content__wrapper { width: calc(100% - 15.5rem); } } @media screen and (max-width: 1280px) { .description .content__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sidebar--big { width: 100%; margin-right: 0; } .content--small { width: 100%; } .subtop__social { margin-top: 1rem; } .subtop__social-ul { padding-left: 0; } .subtop__social-ul>li { margin-left: 0; } .comment-form>.row>.col-xl-3 { flex: 0 0 70%; max-width: 70%; } } @media screen and (max-width: 991px) { .description .content__wrapper { width: 100%; } .description .sidebar--big { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .card__img { max-height: 580px; height: auto; } } @media ( max-width : 767px) { .d-flex { display: flex !important; } .subtop__social-ul { padding-left: 0; } .subtop__social-ul>li { margin-left: 0; } .subtop__social-ul>div { flex-wrap: wrap; } .logo { width: 80% !important; } .comment-likes { position: relative !important; margin-top: 1rem; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 20% !important; } .comment-likes>.btn-like { margin-left: 1rem; } #comments { overflow-x: auto } .comment-form>.row>.col-xl-3 { flex: 0 0 100%; max-width: 100%; } .comment-form { width: 50vw; } .versionTypeFilter { margin-top: 1.5rem; margin-bottom: 1.5rem; } #comments-block>.comment-form>.row>.col-xl-3 { flex: 0 0 100%; max-width: 100%; } #comments-block>.comment-form>.row>.col-xl-9 { flex: 0 0 100%; max-width: 100%; } #comments-block>.comment-form { width: auto; } .anonim-comment-form { flex-wrap: wrap; width: 100%; } .anonim-comment-form>.form-field { margin-bottom: 1rem; } }