/* =========================================================
1. БАЗА / RESET / TYPOGRAPHY
========================================================= */
.lcol,.logo {
float: left;
}
/* =========================================================
5. ФОРМЫ И КНОПКИ
inputs, buttons, dialogs buttons
========================================================= */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,ul {
font-family: Tahoma,Arial,sans-serif;
font-size: 15px;
margin: 0;
padding: 0;
}
body {
background: url(/templates/minecraft/images/fon_m20.png) repeat;
}
.body {
background: #fff;
border: 5px solid #fff;
border-radius: 5px 5px 0 0;
}
/* =========================================================
2. ОСНОВНОЙ LAYOUT
header, wrapper, sidebar, container, logo
========================================================= */
.logo {
position: absolute;
background: url(/templates/minecraft/images/logo2.png) no-repeat;
height: 130px;
width: 300px;
margin-left: 60px;
margin-top: -175px;
}
/* =========================================================
11. ADAPTIVE / MEDIA QUERIES
========================================================= */
@media (max-width: 900px){
.logo{
position: absolute !important;
top: 55px;
left: 50%;
transform: translateX(-50%);
width: 180px !important;
height: 90px !important;
margin: 0 !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
z-index: 10002;
}
}
br {
display: block;
margin: 10px 0;
}
ul {
padding-left: 10px;
margin: 10px 0;
}
li {
margin-left: 10px;
margin-bottom: 6px;
}
#dle-content img {
max-width: 100%;
height: auto;
}
.topline {
height: 13px;
font: 1px/1px sans-serif;
background: url(/templates/minecraft/images/topline.png);
}
#header {
background: url(/templates/minecraft/images/header_m20.jpg);
height: 192px;
background-position: center;
background-repeat: repeat-x;
}
@media (max-width: 900px){
#header{
height: 110px !important;
background-size: auto 110px !important;
background-position: center top !important;
background-repeat: repeat-x !important;
}
}
.wrapper {
margin: 0 auto;
width: 100%;
max-width: 1240px;
text-align: left;
}
.wwide {
width: 100%;
}
.wrapper,
.wwide {
min-width: 0;
}
#midside,.shadlr {
width: calc(100% - 330px);
float: left;
height: 100%;
margin-top: 5px;
margin-left: 10px;
box-sizing: border-box;
}
@media (max-width:900px){
#midside,
.shadlr{
margin-top: 0 !important;
margin-left: 0 !important;
width: auto !important;
}
.body{
padding-top: 0 !important;
margin-top: 0 !important;
border-top: 0 !important;
}
}
.counts ul li:hover {
opacity: 1;
}
.shadlr {
background: url(/templates/minecraft/images/shadlr.png) no-repeat;
}
.shadlr {
background-position: 100% 0;
}
.container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 0 15px;
position: relative;
top: -15px;
box-sizing: border-box;
}
@media (min-width: 992px) {
.container {
top: -43px;
}
}
.darkbg {
background: 0 0;
}
/* =========================================================
3. НАВИГАЦИЯ
menubar, nav, subnav, mobile-menu
========================================================= */
#menubar {
display: block;
font-size: 13px;
height: 50px;
border-radius: 5px 5px 0 0;
line-height: 50px;
text-shadow: 0 0 2px rgba(0, 0, 0, .35);
text-transform: uppercase;
overflow: hidden;
}
#menubar .lcol,
#menubar .lcol ul,
#menubar .lcol ul a,
#menubar .lcol ul li {
float: left;
}
#menubar .lcol {
height: 50px;
overflow: hidden;
}
#menubar .lcol ul {
font-size: 1.03em;
line-height: 50px;
margin-left: 5px;
}
#menubar .lcol ul li {
position: relative;
}
#menubar .lcol ul li a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 14px;
}
/* разделители между пунктами */
#menubar .lcol ul li + li a::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 1px;
height: 22px;
background: rgba(255,255,255,0.12);
}
#menubar .lcol ul li a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 14px;
transition: 0.2s ease;
border-radius: 4px;
}
/* при наведении */
#menubar .lcol ul li a:hover {
background: rgba(255,255,255,0.08);
}
#sidebar {
width: 300px;
float: right;
margin-right: 5px;
font: normal 13px tahoma;
box-sizing: border-box;
}
.popular-post {
overflow: hidden;
margin-bottom: 2px;
padding-bottom: 2px;
}
.popular-post a {
font-family: sans-serif,bold;
font-size: 17px;
line-height: 20px;
font-weight: 700;
text-decoration: none;
color: #356e10;
}
/* =========================================================
4. КОНТЕНТ И КАРТОЧКИ
short, news, category, article, post blocks
========================================================= */
.categoryname a,a {
text-decoration: underline;
}
.list_carousel {
margin: 0 0 200px;
position: relative;
}
.list_carousel li {
width: 250px;
height: 250px;
margin-left: 25px;
margin-bottom: 35px;
display: block;
float: left;
}
.contentlimit {
margin-bottom: 6px;
font: 13px/19px Arial,Helvetica,sans-serif;
}
.carou_short_img {
overflow: hidden;
height: 110px;
position: relative;
background: #fafafa;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.carou_short_img img {
width: 100%;
height: 100%;
object-fit: contain;
margin-top: 0;
min-height: 0;
border-radius: 3px;
display: block;
}
.carou_short {
margin: 1px;
border-radius: 1px;
}
.categoryname a {
background: url(/templates/minecraft/img/cube_1.png) left top no-repeat;
padding-left: 35px;
margin: 20px 0;
font-size: 30px;
font-family: "Roboto Condensed",sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #b98c6b;
}
/* =================================
POSTER BADGE (NEW)
================================= */
.carou_short_img,
.carou_short_img picture,
.carou_short_link,
.poster-wrap {
position: relative;
}
.carou_short_link {
display: inline-block;
}
.carou_short_link > img,
.poster-wrap > img {
display: block;
max-width: 100%;
height: auto;
}
.post-badge-new {
position: absolute;
top: 8px;
left: 8px;
z-index: 50;
display: block;
line-height: 0;
pointer-events: none;
}
.post-badge-new img {
display: block;
width: 44px;
height: auto;
}
.post-badge-new:empty {
display: none;
}
.poster-wrap {
position: relative;
display: inline-block;
}
.poster-wrap > img {
display: block;
max-width: 100%;
height: auto;
}
.qual_sh {
background: #fff;
color: #dbdbdb;
padding: 1px;
border-radius: 0 4px 4px 0;
position: absolute;
left: 0;
top: 0;
font: 13px/23px Arial,Helvetica,sans-serif;
}
a img,hr {
border: 0;
}
.navigation_footer {
background-color: #f2f2f2;
height: 24px;
line-height: 24px;
padding: 3px;
text-align: center;
}
Fh1,h2,h3,h4,h5 {
line-height: normal;
}
h1 {
font-size: 1.4em;
margin-bottom: 15px;
}
h2 {
font-size: 1.2em;
margin-bottom: 15px;
}
h3,h4 {
font-size: 1.1em;
margin-bottom: 15px;
}
h5 {
font-size: 1em;
margin-bottom: 15px;
}
a {
color: #b98c6b;
}
hr {
border-top: 1px solid #AAA;
height: 1px;
}
ul {
list-style: disc;
margin: 0 0 20px 2em;
}
ol {
list-style: decimal;
margin: 0 0 18px 2.1em;
}
/* =========================================================
6. UI / POPUP / SYSTEM
searchsuggestions, dialog, autocomplete, overlays
========================================================= */
.reset,.reset li,.sort,.ui-menu {
list-style: none;
}
.clr {
clear: both;
}
.lcol,.rcol,form {
display: inline;
}
.rcol {
float: right;
}
.small {
font-size: .9em;
}
.pink {
color: #d51e44;
}
.category-description {
padding: 10px 0;
border-bottom: 1px solid #eee;
font-size: 13px;
}
.category-description p { margin-top: 10px; font-size: 13px; line-height: 1.4; }
.category-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 6px;
margin: 0 0 12px;
}
.category-menu > span:first-child {
font-size: 15px;
font-weight: 700;
color: #2f3f2d;
margin-right: 4px;
padding: 7px 0;
white-space: nowrap;
}
.category-menu__versions-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 6px;
flex: 1 1 auto;
}
.category-menu__hidden {
display: none;
}
.category-menu__hidden.is-open {
display: contents;
}
.category-sidebar__item {
display: inline-flex;
margin: 0;
}
.category-sidebar__item[hidden] {
display: none !important;
}
.category-menu a,
.category-menu__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 10px;
box-sizing: border-box;
font-size: 14px;
line-height: 1;
color: #4a5a46;
background: #f1f3f1;
border: 1px solid #d8e0d5;
border-radius: 8px;
text-decoration: none;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s, transform 0.2s;
}
.category-menu a:hover,
.category-menu__toggle:hover {
background: #6BA54A;
border-color: #6BA54A;
color: #fff;
text-decoration: none;
}
.category-menu a:active,
.category-menu__toggle:active {
transform: translateY(1px);
}
.category-menu a:focus-visible,
.category-menu__toggle:focus-visible {
outline: 2px solid #6BA54A;
outline-offset: 2px;
}
/* =========================
КНОПКА "ПОКАЗАТЬ ВСЕ"
========================= */
.category-menu__toggle {
min-height: 38px;
padding: 0 15px;
margin-top: 4px;
font-weight: 700;
color: #567551;
background: #eef6ea;
border: 1px solid #9ab48e;
border-radius: 10px;
box-shadow: 0 2px 0 rgba(86, 117, 81, 0.18);
}
.category-menu__toggle::after {
content: " ›";
font-size: 18px;
line-height: 1;
margin-left: 5px;
font-weight: 700;
}
.category-menu__toggle[aria-expanded="true"]::after {
content: " ↑";
font-size: 15px;
}
.category-menu__toggle:hover {
background: #567551;
border-color: #567551;
color: #fff;
}
/* =========================
ФИКС БЕЛОГО ТЕКСТА НА ВЕРСИЯХ
========================= */
/* Обычные поддерживаемые версии */
.category-sidebar__item a.is-supported:not(.is-active) {
color: #32472e !important;
background: #eef6ea;
border-color: #9ab48e;
}
/* При наведении на поддерживаемую версию */
.category-sidebar__item a.is-supported:not(.is-active):hover {
color: #fff !important;
background: #6BA54A;
border-color: #6BA54A;
}
/* Активная версия всегда темная и с белым текстом */
.category-sidebar__item a.is-active,
.category-sidebar__item a.is-active:hover {
color: #fff !important;
background: #567551;
border-color: #567551;
}
/* Неподдерживаемые версии */
.category-sidebar__item a.is-not-supported:not(.is-active) {
color: #8f998c !important;
background: #f4f6f3;
border-color: #e1e7df;
opacity: 1;
}
/* Неподдерживаемые при наведении */
.category-sidebar__item a.is-not-supported:not(.is-active):hover {
color: #6a4439 !important;
background: #f3e9e6;
border-color: #dec5bd;
}
.category-sidebar__item a.is-active {
background: #567551;
border-color: #567551;
color: #fff !important;
font-weight: 700;
}
.category-sidebar__item a.is-supported:not(.is-active) {
background: #eef6ea;
border-color: #c9dec2;
}
.category-sidebar__item a.is-not-supported:not(.is-active) {
opacity: 0.45;
}
.category-sidebar__item a.is-not-supported:hover {
opacity: 1;
background: #f3e9e6;
border-color: #dec5bd;
color: #6a4439;
}
/* =========================
ОБЩИЕ КНОПКИ ФИЛЬТРОВ
========================= */
.category-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 6px;
margin: 0 0 12px;
}
.category-menu > span:first-child {
font-size: 15px;
font-weight: 700;
color: #2f3f2d;
margin-right: 4px;
padding: 7px 0;
white-space: nowrap;
}
.category-sidebar__item {
display: inline-flex;
margin: 0;
}
.category-sidebar__item[hidden] {
display: none !important;
}
.category-menu a,
.category-menu__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 10px;
box-sizing: border-box;
font-size: 14px;
line-height: 1;
color: #4a5a46;
background: #f1f3f1;
border: 1px solid #d8e0d5;
border-radius: 8px;
text-decoration: none;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s, transform 0.2s;
}
.category-menu a:hover,
.category-menu__toggle:hover {
background: #6BA54A;
border-color: #6BA54A;
color: #fff;
text-decoration: none;
}
.category-menu a:active,
.category-menu__toggle:active {
transform: translateY(1px);
}
.category-menu a:focus-visible,
.category-menu__toggle:focus-visible {
outline: 2px solid #6BA54A;
outline-offset: 2px;
}
/* Активная кнопка */
.category-sidebar__item a.is-active {
background: #567551;
border-color: #567551;
color: #fff !important;
font-weight: 700;
}
/* Поддерживается выбранным загрузчиком */
.category-sidebar__item a.is-supported:not(.is-active) {
border-color: #9ab48e;
background: #eef6ea;
}
/* Не поддерживается выбранным загрузчиком */
.category-sidebar__item a.is-not-supported:not(.is-active) {
opacity: 0.45;
}
.category-sidebar__item a.is-not-supported:hover {
opacity: 1;
background: #f3e9e6;
border-color: #dec5bd;
color: #6a4439;
}
/* =========================
ВЕРСИИ
========================= */
.category-menu__versions-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 6px;
flex: 1 1 auto;
}
.category-menu__hidden {
display: none;
}
.category-menu__hidden.is-open {
display: contents;
}
.category-menu__toggle {
margin-left: 2px;
margin-top: 0;
padding: 0 12px;
}
/* =========================
ЗАГРУЗЧИКИ
========================= */
.category-menu--loaders.is-hidden {
display: none;
}
.category-menu--loaders a {
gap: 6px;
}
.category-menu--loaders a[data-loader]::before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
flex: 0 0 16px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
/* Для "Любой" иконку не показываем */
.category-menu--loaders a[data-loader=""]::before {
display: none;
}
/* Forge */
.category-menu--loaders a[data-loader="forge"]::before {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjExLjA3MSAxLjg4MiA5MS4zMzIgNDcuMTc2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMTYgNjYuNzsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0RGQTg2QTt9LnN0MXtmaWxsOiNGQUY0RjM7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDEuMTcyMDg2MDAwNDQyNTA0OSwgLTcuODM4MzI2OTMwOTk5NzU2KSI+PGcvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05MS42LDE2LjdsLTM3LjgtMS45bDQ2LjIsMHYtMy43SDQ3LjhsMCw3Ljh2Ni4yYzAsMC4xLTEuNS05LjEtMS45LTExLjdoLTQuMXY2Ljh2Ni4yJiMxMDsmIzk7JiM5O2MwLDAuMS0xLjgtMTAuOS0xLjktMTIuM2MtMTAuNCwwLTI3LjksMC0yNy45LDBjMS45LDEuNiwxMi40LDEwLjYsMTkuOSwxNC4zYzMuNywxLjgsOC4zLDEuOSwxMi40LDJjMi4xLDAuMSw0LjIsMC4yLDUuOCwxLjgmIzEwOyYjOTsmIzk7YzIuMywyLjIsMi44LDUuNywwLjgsOC4zYy0xLjksMi42LTcuMywzLjItNy4zLDMuMkwzOSw0OS4xdjYuNGgxMC4zbDAuMy02LjNsOC45LTYuM2MtMC45LDAuOC0zLjEsMi44LTYuMiw3LjcmIzEwOyYjOTsmIzk7Yy0wLjcsMS4xLTEuMywyLjMtMS43LDMuNWMyLjItMS45LDYuOC0zLjIsMTIuMi0zLjJjNS4zLDAsOS45LDEuMywxMi4xLDMuMmMtMC40LTEuMi0xLTIuNC0xLjctMy41Yy0zLjItNC45LTUuMy02LjktNi4yLTcuNyYjMTA7JiM5OyYjOTtsOC45LDYuM2wwLjMsNi4zaDkuNnYtNi40bC00LjUtNS41YzAsMC02LjctMC40LTguNC0zLjJDNjcuNywzMi42LDc0LjgsMjAuNCw5MS42LDE2Ljd6IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IHBhaW50LW9yZGVyOiBmaWxsOyBmaWxsOiByZ2IoNzAsIDcwLCA3MCk7Ii8+PC9nPjwvc3ZnPg==");
}
/* NeoForge */
.category-menu--loaders a[data-loader="neoforge"]::before {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xMiAxOS4ydjJtMC0ydjIiIHN0eWxlPSJmaWxsOiByZ2IoMjE1LCAxMTYsIDQ3KTsgZmlsbC1ydWxlOiBub256ZXJvOyBwYWludC1vcmRlcjogZmlsbDsgc3Ryb2tlOiByZ2JhKDAsIDAsIDAsIDAuOSk7IGZpbGwtb3BhY2l0eTogMC42NTsiLz48cGF0aCBkPSJtOC40IDEuM2MwLjUgMS41IDAuNyAzIDAuMSA0LjYtMC4yIDAuNS0wLjkgMS41LTEuNiAxLjVtOC43LTYuMWMtMC41IDEuNS0wLjcgMy0wLjEgNC42IDAuMiAwLjYgMC45IDEuNSAxLjYgMS41IiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PHBhdGggZD0ibTMuNiAxNS44aC0xLjdtMTguNSAwaDEuNyIgc3R5bGU9ImZpbGw6IHJnYigyMTUsIDExNiwgNDcpOyBmaWxsLXJ1bGU6IG5vbnplcm87IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2U6IHJnYmEoMCwgMCwgMCwgMC45KTsgZmlsbC1vcGFjaXR5OiAwLjY1OyIvPjxwYXRoIGQ9Im0zLjIgMTIuMWgtMS43bTE5LjMgMGgxLjgiIHN0eWxlPSJmaWxsOiByZ2IoMjE1LCAxMTYsIDQ3KTsgZmlsbC1ydWxlOiBub256ZXJvOyBwYWludC1vcmRlcjogZmlsbDsgc3Ryb2tlOiByZ2JhKDAsIDAsIDAsIDAuOSk7IGZpbGwtb3BhY2l0eTogMC42NTsiLz48cGF0aCBkPSJtOC4xIDEyLjd2MS42bTcuOC0xLjZ2MS42IiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PHBhdGggZD0ibTEwLjggMThoMS4ybTAgMS4yLTEuMi0xLjJtMi40IDBoLTEuMm0wIDEuMiAxLjItMS4yIiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PHBhdGggZD0ibTQgOS43Yy0wLjUgMS4yLTAuOCAyLjQtMC44IDMuNyAwIDMuMSAyLjkgNi4zIDUuMyA4LjIgMC45IDAuNyAyLjIgMS4xIDMuNCAxLjFtMC4xLTE3LjhjLTEuMSAwLTIuMSAwLjItMy4yIDAuN20xMS4yIDQuMWMwLjUgMS4yIDAuOCAyLjQgMC44IDMuNyAwIDMuMS0yLjkgNi4zLTUuMyA4LjItMC45IDAuNy0yLjIgMS4xLTMuNCAxLjFtLTAuMS0xNy44YzEuMSAwIDIuMSAwLjIgMy4yIDAuNyIgc3R5bGU9ImZpbGw6IHJnYigyMTUsIDExNiwgNDcpOyBmaWxsLXJ1bGU6IG5vbnplcm87IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2U6IHJnYmEoMCwgMCwgMCwgMC45KTsgZmlsbC1vcGFjaXR5OiAwLjY1OyIvPjxwYXRoIGQ9Im00IDkuN2MtMC4yLTEuOC0wLjMtMy43IDAuNS01LjVzMi4yLTIuNiAzLjktM20xMS42IDguNWMwLjItMS45IDAuMy0zLjctMC41LTUuNXMtMi4yLTIuNi0zLjktMyIgc3R5bGU9ImZpbGw6IHJnYigyMTUsIDExNiwgNDcpOyBmaWxsLXJ1bGU6IG5vbnplcm87IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2U6IHJnYmEoMCwgMCwgMCwgMC45KTsgZmlsbC1vcGFjaXR5OiAwLjY1OyIvPjxwYXRoIGQ9Im0xMiAyMS4yLTIuNCAwLjRtMi40LTAuNCAyLjQgMC40IiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PC9nPjwvc3ZnPg==");
}
/* Fabric */
.category-menu--loaders a[data-loader="fabric"]::before {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk5OTk5OTk5OTk5OTk5OTksIDAsIDAsIDAuOTk5OTk5OTk5OTk5OTk5OSwgLTMuNTUyNzEzNjc4ODAwNTAxZS0xNSwgMCkiLz48cGF0aCBzdHJva2Utd2lkdGg9IjIzIiBkPSJtODIwIDc2MS04NS42LTg3LjZjLTQuNi00LjctMTAuNC05LjYtMjUuOSAxLTE5LjkgMTMuNi04LjQgMjEuOS01LjIgMjUuNCA4LjIgOSA4NC4xIDg5IDk3LjIgMTA0IDIuNSAyLjgtMjAuMy0yMi41LTYuNS0zOS43IDUuNC03IDE4LTEyIDI2LTMgNi41IDcuMyAxMC43IDE4LTMuNCAyOS43LTI0LjcgMjAuNC0xMDIgODIuNC0xMjcgMTAzLTEyLjUgMTAuMy0yOC41IDIuMy0zNS44LTYtNy41LTguOS0zMC42LTM0LjYtNTEuMy01OC4yLTUuNS02LjMtNC4xLTE5LjYgMi4zLTI1IDM1LTMwLjMgOTEuOS03My44IDExMS45LTkwLjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDg2NzA5OTk4NTQ4MDMwODUsIDAsIDAsIDAuMDg2Njk5OTk5ODY4ODY5NzgsIC00OS43OTk5OTkyMzcwNjA1NSwgLTU1Ljk5OTk5OTk5OTk5OTk5KSIgc3R5bGU9InN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsOiByZ2IoMjE5LCAyMDgsIDE4MCk7IGZpbGwtb3BhY2l0eTogMC43MzsiLz48L3N2Zz4=");
}
/* Quilt */
.category-menu--loaders a[data-loader="quilt"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* =========================
ТЕМАТИКИ
========================= */
.category-menu--themes a {
gap: 6px;
}
.category-menu--themes a > div {
width: 18px;
height: 18px;
display: inline-block;
flex: 0 0 18px;
}
/* =========================
АДАПТИВ
========================= */
@media (max-width: 650px) {
.category-menu {
align-items: flex-start;
}
.category-menu > span:first-child {
width: 100%;
padding: 0;
}
.category-menu a,
.category-menu__toggle {
min-height: 32px;
padding: 0 9px;
font-size: 14px;
}
}
p {
margin-bottom: 1em;
}
.category-description h1 {
font-size: 25px;
}
.category-description h2 {
font-size: 20px;
}
.category-description h3 {
font-size: 17px;
}
.newsTitle,.newsTitleskin {
background: #475e39;
text-align: left;
}
.newsFooter {
color: #a09d9a;
margin-left: 5px;
margin-top: 7px;
margin-right: 7px;
}
.newsFooter li {
float: left;
list-style-type: none;
}
.newsTitle {
background: #475e39;
text-align: left;
color: #fff;
font-size: 14px;
font-weight: 600;
height: 34px;
line-height: 34px;
padding-left: 18px;
border-radius: 5px 5px 0 0;
overflow: hidden;
box-sizing: border-box;
}
.newsTitle h1,
.newsTitle a {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
text-decoration: none;
display: block;
}
@media (max-width: 768px) {
.short .newsTitle a,
.short .newsTitle h1 {
display: block;
width: 100%;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.newsTitle a:link,.newsTitle a:visited {
color: #FFF;
text-decoration: none;
}
.newsTitle a:hover {
color: #FFF;
font-weight: 600;
text-decoration: underline;
}
.newsTitleskins {
color: #FFF;
font-size: 13px;
font-weight: 500;
height: 24px;
line-height: 24px;
text-indent: 10px;
}
.newsTitleskins a:link,.newsTitleskins a:visited {
color: #FFF;
text-decoration: none;
}
.newsTitleskins a:hover {
color: #FFF;
font-weight: 500;
text-decoration: underline;
}
#menubar,.addnews {
font-weight: 700;
}
.short {
box-shadow: 1px 11px 23px rgba(50,50,50,.35);
margin: 1px auto auto;
position: relative;
width: 100%;
margin-bottom: 15px;
}
#searchsuggestions,.ui-dialog {
box-shadow: 0 8px 40px -10px rgba(0,0,0,.3);
}
.short_footer {
background-color: #F8F8F8;
height: 25px;
line-height: 11px;
padding: 3px;
text-align: left;
}
.navbutcont {
display: flex;
justify-content: center;
gap: 8px;
margin: 20px 0;
flex-wrap: wrap;
}
.navbutcont a,
.navbutcont span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 12px;
font-size: 14px;
border-radius: 8px;
text-decoration: none;
transition: 0.2s;
}
/* обычные кнопки */
.navbutcont a {
background: #f1f3f1;
border: 1px solid #d8e0d5;
color: #4a5a46;
}
/* hover */
.navbutcont a:hover {
background: #6BA54A;
border-color: #6BA54A;
color: #fff;
}
/* активная страница */
.navbutcont span {
background: #567551;
border: 1px solid #567551;
color: #fff;
font-weight: 700;
}
/* стрелки (если есть) */
.navbutcont a:first-child,
.navbutcont a:last-child {
padding: 0 14px;
}
.counts,.counts ul {
float: right;
}
#menubar,#menubar .lcol ul a {
color: #E4CFC0;
text-decoration: none;
}
.shadow {
height: 120px;
}
.reset,.reset li {
margin: 0;
padding: 0;
}
.counts {
height: 37px;
margin-top: 38px;
padding: 7px 25px 0 0;
width: 310px;
}
.counts ul li {
float: right;
height: 38px;
margin-left: 5px;
opacity: .5;
width: 88px;
}
.f_textarea {
width: 458px;
}
.userinfo {
padding-left: 125px;
}
.userinfo .lcol {
margin-left: -125px;
padding-right: 15px;
width: 110px;
}
.userinfo .lcol .avatar {
background-color: #fff;
border: 1px solid #c0d4de;
margin-bottom: 10px;
padding: 4px;
}
.userinfo .lcol .avatar img {
width: 100px;
}
.userinfo .lcol ul {
font-size: .9em;
}
.userinfo .rcol {
width: 100%;
}
.userinfo .rcol ul {
list-style: none;
margin-left: 0;
}
.userinfo .rcol ul li {
margin-bottom: .2em;
}
.statistics {
margin: 0;
overflow: hidden;
padding: 0;
}
.statistics ul.lcol {
margin: 0 0 20px -1px;
min-height: 71px;
width: 33.3%;
}
#searchsuggestions {
z-index: 2200;
width: 300px;
border-radius: 2px;
background: #fff;
border: 1px solid #ddd;
border-color: rgba(0,0,0,.2);
background-clip: padding-box;
font-size: .9em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#searchsuggestions a,#searchsuggestions span.notfound {
padding: 15px 25px;
display: block;
text-decoration: none;
border-bottom: 1px solid #e5e5e5;
}
#searchsuggestions a {
color: inherit;
}
#searchsuggestions a:hover {
background-color: #f7f7f7;
}
#searchsuggestions a span {
display: block;
cursor: pointer;
}
#searchsuggestions span.searchheading {
display: block;
font-weight: 700;
margin-bottom: .2em;
}
#searchsuggestions span.seperator {
display: block;
}
#searchsuggestions span.seperator a {
padding: 10px 0;
text-align: center;
border: 0;
background-color: transparent;
color: #919191;
}
#searchsuggestions span.notfound {
padding: 15px 25px;
display: block;
}
#searchsuggestions .break {
display: none;
}
#loading-layer {
background: #000;
padding: 20px;
text-align: center;
color: #fff;
border-radius: 2px;
}
.quote,.scriptcode,.text_spoiler,.title_quote,.title_spoiler {
font-size: 15px;
padding: 2% 4%;
background: lightyellow;
border: 1px solid #cbcbcb;
border-radius: 5px 5px 5px 5px;
}
.title_quote {
border-left: 2px solid #e85319;
border-bottom: 0;
margin-top: 2px;
font-weight: 700;
}
.quote,blockquote {
padding: 1% 4%;
border-left: 2px solid #e85319;
font-style: italic;
}
.title_spoiler {
margin-top: 2px;
font-weight: 400;
}
.text_spoiler {
margin-bottom: 2px;
}
.title_spoiler img {
vertical-align: middle;
margin: -1px 0 0 !important;
}
.scriptcode {
color: #4c6d0f;
text-align: left;
font-family: "Courier New";
}
.text_spoiler {
border-top: 0;
text-align: justify;
}
.hide {
background-color: #f0f0f0;
padding: 5px;
color: #4c6d0f;
margin: 0 0 1em;
}
.hide a {
text-decoration: underline;
}
.hide a:hover {
text-decoration: none;
}
.ui-front {
z-index: 1000;
}
.ui-widget-overlay {
background: #000;
opacity: .5;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
}
.ui-helper-clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ui-helper-clearfix {
display: block;
}
.ui-dialog {
text-align: left;
overflow: hidden;
padding: 0;
position: absolute;
width: 370px;
border-radius: 2px;
border: 1px solid #e6e6e6;
border-color: rgba(0,0,0,.1);
background-color: #f7f7f7;
background-clip: padding-box;
outline: 0;
}
.ui-dialog-titlebar {
padding: 20px;
position: relative;
}
.ui-dialog-title {
float: left;
font-weight: 700;
font-size: 1.15em;
}
.ui-dialog-titlebar-close {
position: absolute;
right: 10px;
top: 50%;
margin-top: -16px !important;
height: 23px !important;
width: 32px;
border: 0 !important;
background-color: inherit !important;
box-shadow: none !important;
padding: 0 !important;
}
.ui-dialog-titlebar-close .ui-icon {
display: block;
margin: 10px auto 0;
width: 12px;
height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);
-webkit-background-size: 12px auto;
background-size: 12px auto;
opacity: .5;
}
.ui-button {
float: right;
display: inline-block;
vertical-align: middle;
cursor: pointer;
height: 36px;
border-radius: 18px;
line-height: 22px;
outline: 0;
background-color: #567551;
color: #fff;
border: 0;
padding: 7px 22px;
text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all ease .1s;
transition: all ease .1s;
margin: 0 3px;
}
.ui-dialog-titlebar-close:hover .ui-icon {
opacity: 1;
}
.ui-button-icon-only,.ui-icon {
overflow: hidden;
text-indent: -9999px;
}
.ui-dialog label {
color: #575757;
}
.ui-dialog-content {
padding: 20px;
border: 1px solid #fff;
overflow: auto;
position: relative;
zoom: 1;
}
.loginbox .ui-dialog-content,.loginbox.ui-dialog {
overflow: visible !important;
}
.ui-dialog-content h2 {
display: inline;
font-size: 1em;
font-weight: 700;
}
.ui-dialog .ui-dialog-buttonpane {
padding: 20px;
text-align: center;
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-state-error {
background: 50% 50% repeat-x #fef1ec !important;
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-autocomplete {
position: absolute;
cursor: default;
}
.ui-menu {
padding: 2px;
margin: 0;
float: left;
background: 50% bottom repeat-x #fff;
border: 1px solid #dedede;
color: #353535;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-hover {
margin: -1px;
border: 1px solid #a7a7a7;
color: #4e4e4e;
font-weight: 700;
}
.sort {
padding: 0;
margin: 0;
}
.sort,.sort>li {
display: inline;
}
.sort>li {
margin: 0 0 0 3%;
}
.sort>li a {
color: #353535;
}
.sort>li.asc a,.sort>li.desc a {
color: #356E10;
font-weight: 700;
}
.sort>li.asc a:after,.sort>li.desc a:after {
content: "";
display: inline-block;
vertical-align: middle;
margin: -1px 0 0 .4em;
width: 6px;
height: 11px;
-webkit-background-size: 6px auto;
background-size: 6px auto;
}
.sort>li.asc a:after {
background-position: 0 -11px;
}
.ratingplus {
color: #70bb39;
}
.ratingminus {
color: red;
}
.ratingzero {
color: #6c838e;
}
.berrors {
padding: 10px 15px;
border-left: 3px solid #f97339;
}
.banner {
position: absolute;
top: 15px;
right: 215px;
width: 450px;
height: 150px;
display: block;
font: bold 32px Arial;
}
#go_top {
width: 60px;
height: 44px;
line-height: 30px;
position: fixed;
bottom: 15px;
right: 15px;
background: url(/templates/minecraft/img/gotop.png) no-repeat;
z-index: 9998;
display: none;
transition: .1s;
}
#go_top:hover {
cursor: pointer;
transition: .1s;
text-decoration: underline;
}
pre {
position: relative;
display: block;
margin: 18px 0;
padding: 16px 18px;
background: #1e293b;
border: 1px solid #334155;
border-radius: 14px;
overflow-x: auto;
white-space: pre;
font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo,
Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
color: #e2e8f0;
box-shadow:
0 4px 12px rgba(15, 23, 42, .08);
}
pre::before {
content: "";
display: block;
height: 12px;
margin-bottom: 14px;
background:
radial-gradient(circle at 12px 6px, #ff5f56 0 4px, transparent 5px),
radial-gradient(circle at 32px 6px, #ffbd2e 0 4px, transparent 5px),
radial-gradient(circle at 52px 6px, #27c93f 0 4px, transparent 5px);
background-repeat: no-repeat;
}
.category-sidebar__item {
list-style-type: none;
}
.active a {
background: #567551;
color: #FFF;
}
.block-title {
font-weight: 700;
color: #567551;
margin: 23px 0;
font-size: 18px;
text-transform: uppercase;
}
/* =========================================================
9. МАГАЗИН / СКАЧИВАНИЕ / ДОП.БЛОКИ
========================================================= */
.topfiles {
color: #fff;
}
.topfiles .controls .picture {
cursor: pointer;
}
.topfiles .topfiles-photo {
height: 60px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.topfiles .click:not(.controls) {
display: block;
padding: 8px;
border-bottom: 1px solid #243e43;
transition: .2s linear;
}
.topfiles .click:not(.controls):last-child {
border-bottom: 0;
}
.topfiles .click:not(.controls):hover,.topfiles .controls .picture.active {
box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
background-color: #334630;
}
.topfiles .click:not(.controls) .two-thirds {
font-size: .9em;
line-height: 1.5;
}
.topfiles >:not(.controls) {
display: none;
}
.topfiles .week {
display: block;
}
.menu-m20 {
font: 14px "Segoe UI","Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;
width: 300px;
margin: 6px auto 11px;
background-color: #475e39;
border: 1px solid #50603e;
text-align: center;
line-height: 1;
border-radius: 8px 8px;
}
.menu-m20 a {
text-decoration: none;
color: #fff;
}
.click.sub {
display: none;
border-bottom: 1px solid #2d3f29;
}
.click > div {
float: left;
}
.full {
width: 100%;
}
.part {
width: 50%;
}
.one-third {
width: 33.33%;
}
.two-thirds {
width: 66.66%;
}
.two-thirdsskins {
width: 100%;
}
.picture {
display: block;
padding: 10px 15px;
transition: .2s linear;
border: 1px solid #264122;
border-left: 0;
border-top: 0;
}
.picture:hover {
box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
background-color: #5a793c;
}
.picture[data-open]::after {
display: inline-block;
font-family: "FontAwesome";
content: "";
vertical-align: middle;
margin-left: 2px;
}
.tags {
padding: 5px;
}
.click.sub:last-child.tags {
border-left: 1px solid #333;
}
.click.sub:first-child.tags {
border-right: 1px solid #333;
}
.tagmenu {
display: inline-block;
background-color: #2e4852;
border: 1px solid #254146;
border-radius: 10px;
padding: 5px;
margin: 3px 0;
font-size: 0.8em;
transition: .2s linear;
}
.tagmenu:hover {
box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1);
background-color: #2b4048;
}
.click::after {
display: table;
content: "";
clear: both;
}
.click:last-child div .picture {
border-bottom: 0;
}
.click div:last-child .picture {
border-left: 0;
}
.click.sub div .picture {
border-right: 0;
}
.block-name {
padding: 12px 24px;
margin: 4px 0;
font-weight: bold;
display: block;
border-radius: 3px;
margin-bottom: 5px;
text-align: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #f6c895;
}
.block-name::before {
display: inline-block;
font-family: "FontAwesome";
content: "";
vertical-align: middle;
margin-right: 7px;
opacity: 0.7;
}
.block-name.closed::before {
content: "";
}
.block-name:hover {
background: #333;
background: rgba(0,0,0,0.25);
cursor: pointer;
}
.block-link {
list-style: outside none none;
margin: 0;
text-align: left;
color: #fff;
}
.link {
padding-bottom: 10px;
list-style: outside none none;
margin: 0;
text-align: left;
padding-left: 30px;
line-height: 30px;
}
.block-name + .block-link {
display: block;
}
.block-name.closed + .block-link {
display: none;
}
/* =========================================================
10. ИКОНКИ / СПРАЙТЫ
========================================================= */
.i2500,.i2501,.i2502,.i2503,.i2504,.i2505,.i2506,.i2507,.i2508,.i2509,.i2510,.i2511,.i2512,.i2513,.i2514,.i2515,.i2515,.i2516,.i2517,.i2518,.i2519,.i2520,.i2521,.i2522,.i2523,.i2524,.i2525,.i2526,.i2527,.i2528,.i2529,.i2530,.i2531,.i2532,.i2533,.i2534,.i2535,.i2536,.i2537,.i2538,.i2539,.i2540,.i2541,.i2542,.i2543,.i2544,.i2545,.i2546,.i2547,.i2548,.i2549,.i2550,.i2551,.i2552,.i2553,.i2554,.i2555,.i2556,.i2557,.i2558,.i2559,.i2560,.i2561,.i2562,.i2563,.i2564,.i2565,.i2566,.i2567,.i2568,.i2569,.i2570 {
display: inline-block;
background: url("/templates/minecraft/images/sprite-icons7.png") no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
}
.i2500 {
background-position: -3px -0px;
width: 16px;
height: 16px;
}
.i2501 {
background-position: -22px -0px;
width: 16px;
height: 16px;
}
.i2502 {
background-position: -41px -0px;
width: 16px;
height: 16px;
}
.i2503 {
background-position: -60px -0px;
width: 16px;
height: 16px;
}
.i2504 {
background-position: -79px -0px;
width: 16px;
height: 16px;
}
.i2505 {
background-position: -98px -0px;
width: 16px;
height: 16px;
}
.i2506 {
background-position: -117px -0px;
width: 16px;
height: 16px;
}
.i2507 {
background-position: -136px -0px;
width: 16px;
height: 16px;
}
.i2508 {
background-position: -3px -19px;
width: 16px;
height: 16px;
}
.i2509 {
background-position: -22px -19px;
width: 16px;
height: 16px;
}
.i2510 {
background-position: -41px -19px;
width: 16px;
height: 16px;
}
.i2511 {
background-position: -60px -19px;
width: 16px;
height: 16px;
}
.i2512 {
background-position: -79px -19px;
width: 16px;
height: 16px;
}
.i2513 {
background-position: -98px -19px;
width: 16px;
height: 16px;
}
.i2514 {
background-position: -117px -19px;
width: 16px;
height: 16px;
}
.i2515 {
background-position: -136px -19px;
width: 16px;
height: 16px;
}
.i2516 {
background-position: -3px -38px;
width: 16px;
height: 16px;
}
.i2517 {
background-position: -22px -38px;
width: 16px;
height: 16px;
}
.i2518 {
background-position: -41px -38px;
width: 16px;
height: 16px;
}
.i2519 {
background-position: -60px -38px;
width: 16px;
height: 16px;
}
.i2520 {
background-position: -79px -38px;
width: 16px;
height: 16px;
}
.i2521 {
background-position: -98px -38px;
width: 16px;
height: 16px;
}
.i2522 {
background-position: -117px -38px;
width: 16px;
height: 16px;
}
.i2523 {
background-position: -136px -38px;
width: 16px;
height: 16px;
}
.i2524 {
background-position: -3px -57px;
width: 16px;
height: 16px;
}
.i2525 {
background-position: -22px -57px;
width: 16px;
height: 16px;
}
.i2526 {
background-position: -41px -57px;
width: 16px;
height: 16px;
}
.i2527 {
background-position: -60px -57px;
width: 16px;
height: 16px;
}
.i2528 {
background-position: -79px -57px;
width: 16px;
height: 16px;
}
.i2529 {
background-position: -98px -57px;
width: 16px;
height: 16px;
}
.i2530 {
background-position: -117px -57px;
width: 16px;
height: 16px;
}
.i2531 {
background-position: -136px -57px;
width: 16px;
height: 16px;
}
.i2532 {
background-position: -3px -76px;
width: 16px;
height: 16px;
}
.i2533 {
background-position: -22px -76px;
width: 16px;
height: 16px;
}
.i2534 {
background-position: -41px -76px;
width: 16px;
height: 16px;
}
.i2535 {
background-position: -60px -76px;
width: 16px;
height: 16px;
}
.i2536 {
background-position: -79px -76px;
width: 16px;
height: 16px;
}
.i2537 {
background-position: -98px -76px;
width: 16px;
height: 16px;
}
.i2538 {
background-position: -117px -76px;
width: 16px;
height: 16px;
}
.i2539 {
background-position: -136px -76px;
width: 16px;
height: 16px;
}
.i2540 {
background-position: -3px -95px;
width: 16px;
height: 16px;
}
.i2541 {
background-position: -22px -95px;
width: 16px;
height: 16px;
}
.i2542 {
background-position: -41px -95px;
width: 16px;
height: 16px;
}
.i2543 {
background-position: -60px -95px;
width: 16px;
height: 16px;
}
.i2544 {
background-position: -79px -95px;
width: 16px;
height: 16px;
}
.i2545 {
background-position: -98px -95px;
width: 16px;
height: 16px;
}
.i2546 {
background-position: -117px -95px;
width: 16px;
height: 16px;
}
.i2547 {
background-position: -136px -95px;
width: 16px;
height: 16px;
}
.i2548 {
background-position: -3px -114px;
width: 16px;
height: 16px;
}
.i2549 {
background-position: -22px -114px;
width: 16px;
height: 16px;
}
.i2550 {
background-position: -41px -114px;
width: 16px;
height: 16px;
}
.i2551 {
background-position: -60px -114px;
width: 16px;
height: 16px;
}
.i2552 {
background-position: -79px -114px;
width: 16px;
height: 16px;
}
.i2553 {
background-position: -98px -114px;
width: 16px;
height: 16px;
}
.i2554 {
background-position: -117px -114px;
width: 16px;
height: 16px;
}
.i2555 {
background-position: -136px -114px;
width: 16px;
height: 16px;
}
.i2556 {
background-position: -3px -133px;
width: 16px;
height: 16px;
}
.i2557 {
background-position: -22px -133px;
width: 16px;
height: 16px;
}
.i2558 {
background-position: -41px -133px;
width: 16px;
height: 16px;
}
.i2559 {
background-position: -60px -133px;
width: 16px;
height: 16px;
}
.i2560 {
background-position: -79px -133px;
width: 16px;
height: 16px;
}
.i2561 {
background-position: -98px -133px;
width: 16px;
height: 16px;
}
.i2562 {
background-position: -117px -133px;
width: 16px;
height: 16px;
}
.i2563 {
background-position: -136px -133px;
width: 16px;
height: 16px;
}
.i2564 {
background-position: -3px -152px;
width: 16px;
height: 16px;
}
.i2565 {
background-position: -22px -152px;
width: 16px;
height: 16px;
}
.i2566 {
background-position: -41px -152px;
width: 16px;
height: 16px;
}
.i2567 {
background-position: -60px -152px;
width: 16px;
height: 16px;
}
.i2568 {
background-position: -79px -152px;
width: 16px;
height: 16px;
}
.i2569 {
background-position: -98px -152px;
width: 16px;
height: 16px;
}
.i2570 {
background-position: -117px -152px;
width: 16px;
height: 16px;
}
.i2571 {
background-position: -136px -152px;
width: 16px;
height: 16px;
}
.gcse__btn {
height: 30px;
width: 25%;
color: #fff;
cursor: pointer;
background: linear-gradient(to bottom,#8fc06f 0,#466f2a 100%);
border: 1px solid #5c6f4f;
vertical-align: top;
padding: 5px 0;
font-size: 0;
}
.gcse_google .gcse__input {
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAQCAQAAADDwIVhAAAB7klEQVR4AdWUA7BWURSF+5Ft27Zt27ZtW4Ns29aX7Rpl1yDbrrvbc6Zn+73LhXvWPY4U8Q9i0pQtnGUTdYgZwLIOSlEYu092Hm7wgwOs4RACAQyPwWm2EdV7MxaPuEZBoimORlHKBTA8OodY51N4L/5QxlvHqQVtrsymzOnOjUI0j+HYiInNY8QJzhPHoITkIbc5YxGXRYieL2lhvBaKBEvVuMoycxzhK6d4TwHQcAcNzRdf6Ok+/BqHcZr/9kPM+ZXK7OIvrSnBfISaeoqiEqr8VScG57lDdapwGaEo+1hJcSxWkJ3ZCB3cwjdyi1QGxSMLmSiM0J8vTP/vv2CDni/+s+nqdEIjDauHUETDF7FM9Roc4A/nKO0WXgahh9tUYhAvacY3Rv3n99ip573/bJQ6/REyGFYBy4QvZD3CDzaQ0dM8VUuYQFFT63EIU01nPSE/SeiI0E1PUZRElSdcJQ2P2ElGfW/6X/Pl1EGYSQwyM4MCHmfqEP7yg1f8QhhoRj4zd7B4gjAPh57zEGWWqpnUrc4P3vKaFwhFOckOojAC4SkfeU4ur+usPO2oSBQPK681qVx5KmWlcPxn0WhIOdogZCSRnjbVUtKSykHfLLaxgmQkZzevgn8vqs9rPvCe51QK/nAb8SlEERL6/M0/SoB55gUBIU8AAAAASUVORK5CYII=) no-repeat scroll 5px center;
}
.gcse__input {
width: 60%;
height: 17px;
padding: 4px 5px;
vertical-align: top;
outline: 0;
border: 0;
background: #fff;
}
a.info {
display: block;
color: #c1c1c1;
text-decoration: underline;
}
.info {
background-color: #334630;
border-radius: 3px;
color: #6a6a6a;
line-height: 20px;
margin-top: 10px;
padding: 5px 12px;
overflow: hidden;
clear: both;
}
code {
color: #b98c6b;
font-family: Consolas, Monaco, monospace;
font-size: 14px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
/* =========================================================
8. МЕДИА / ВИДЕО / СОЦИАЛЬНЫЕ БЛОКИ
========================================================= */
#mainvideo .right .video .video-preview {
width: 120px;
float: left;
margin: 0 10px 0 0;
}
.streams {
margin: 0 0 30px 0;
background: #222;
padding: 20px 20px 0 20px;
}
.tube {
margin: 0 -20px 0 0;
}
.tube:after {
content: "";
width: 100%;
display: table;
clear: both;
}
.video {
position: relative;
display: block;
width: calc(100% / 3 - 20px);
float: left;
margin: 0 0 15px 15px;
text-decoration: none;
}
.video-preview {
position: relative;
display: block;
border-radius: 5px;
overflow: hidden;
margin: 0 0 10px 0;
}
.video-preview:after {
opacity: .0;
background: #f21616;
font-size: 20px;
display: block;
width: 50px;
height: 35px;
border-radius: 4px;
line-height: 35px;
text-align: center;
color: #fff;
font-family: fontello;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.video-preview:before {
background: radial-gradient(circle,transparent 50%,#000 100%);
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.video-preview b {
font-size: 13px;
display: block;
height: 15px;
line-height: 15px;
position: absolute;
left: 5px;
top: -25px;
color: rgba(255,255,255,.8);
font-weight: 600;
}
.video img {
width: 100%;
border-radius: 5px;
}
.video span {
overflow: hidden;
display: block;
color: #356e10;
font-weight: 600;
padding: 0 5px;
line-height: 15px;
height: 30px;
}
.video:hover .video-preview {
box-shadow: 0 10px 25px rgba(255,255,255,.2);
}
.video:hover .video-preview:after {
opacity: 1;
transition: .2s;
}
.video:hover .video-preview:before {
left: -20px;
top: -20px;
right: -20px;
bottom: -20px;
transition: .5s;
}
.video:hover span {
color: #334630;
}
.video:hover .video-preview b {
top: 5px;
transition: .2s;
}
#video {
margin: -20px 0 20px 0;
}
.videoheader {
border-radius: 5px;
overflow: hidden;
position: relative;
margin: 0 0 20px 0;
padding: 20px 0 0 0;
}
.videoheader figure {
background: #000;
overflow: hidden;
padding-top: 52.239%;
height: auto;
max-height: 100vh;
position: relative;
display: block;
margin: 0;
text-align: center;
display: block;
width: 100%;
}
.videoheader figure .video-header {
padding: 12px;
z-index: 0;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 15%;
background: linear-gradient(to bottom,rgba(255,255,255,1) 10%,rgba(255,255,255,.0) 90%);
}
.videoheader figure>img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
filter: blur(3px);
}
.videoheader figure #player {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
}
.videoheader figure #ytplayer {
z-index: 2;
width: 100%;
height: calc(100%+15px);
position: absolute;
left: 0;
top: -15px;
right: 0;
bottom: 0;
display: block;
}
.videoheader figure figcaption {
color: rgba(255,255,255,.4);
line-height: 15px;
padding: 10px;
text-align: center;
}
.videoheader figure:after {
z-index: 20;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 50%;
display: block;
}
.video-info {
padding: 10px 20px;
background: #000;
border-radius: 0 0 5px 5px;
}
.video-info:after {
content: "";
width: 100%;
display: table;
clear: both;
}
.neighbors {
width: 50px;
height: inherit;
padding: 0;
display: block;
float: right;
vertical-align: inherit;
}
.neighbors a.prev {
border-radius: 50%;
float: none;
width: 50px;
height: 50px;
line-height: 50px;
background: #029100;
color: #fff;
border: 0 solid transparent;
font-size: 25px;
padding: 0;
text-align: center;
}
.video-banner {
height: auto;
background: #000;
border-radius: 5px 5px 0 0;
padding: 15px 20px 15px 12px;
}
.video-banner h1 {
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 20px;
height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.video-banner img {
width: 40px;
height: 40px;
display: block;
border-radius: 50%;
float: left;
margin: 0 10px 0 0;
object-fit: cover;
}
.video-banner a {
color: #b98c6b;
text-decoration: underline;
}
.videoheader .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
height: 50px !important;
width: 50px !important;
background-size: 40px 40px !important;
}
#relatedtube {
position: absolute;
left: 12px;
right: 12px;
bottom: 49px;
height: 42%;
z-index: -10;
opacity: 0;
}
#relatedtube.show {
z-index: 20;
opacity: 1;
}
#relatedtube {
background: linear-gradient(to right,#151515,#151515,#151515);
padding: 0 10px;
overflow: hidden;
}
#relatedtube a {
position: relative;
color: rgba(255,255,255,.8);
float: left;
height: 100%;
display: block;
width: 25%;
padding: 20px 10px;
overflow: hidden;
box-sizing: border-box;
}
#relatedtube a img {
width: 100%;
height: 100%;
object-fit: cover;
}
#relatedtube a i,#relatedtube a b {
display: none !important;
}
#relatedtube a p {
line-height: 20px;
height: 40px;
overflow: hidden;
}
#relatedtube a.video {
margin: 0;
}
#relatedtube a.video span {
color: rgba(255,255,255,.8);
line-height: 20px;
height: 40px;
overflow: hidden;
}
.readNext {
float: right;
font-weight: 700;
margin-right: 9px;
margin-top: -12px;
}
.readNext a:link,.readNext a:visited {
text-decoration: none;
}
.readNext a:hover {
font-weight: 700;
text-decoration: underline;
}
.rating, .unit-rating {
width: 200px;
height: 40px;
}
.rating {
font-size: 11px;
}
.unit-rating,
.unit-rating li a:hover,
.unit-rating li.current-rating {
background-image: url(/templates/minecraft/img/diamond.png);
background-size: 40px 120px; /* 3 кадра по 40px */
}
.unit-rating {
list-style: none;
margin: 0;
padding: 0;
position: relative;
background-position: 0 -80px; /* нижний кадр */
background-repeat: repeat-x;
}
.unit-rating li {
text-indent: -90000px;
padding: 0;
margin: 0;
float: left;
}
.unit-rating li a {
display: block;
width: 40px;
height: 40px;
text-decoration: none;
border: 0 none !important;
text-indent: -9000px;
z-index: 17;
position: absolute;
padding: 0;
}
.unit-rating li a:hover {
background-position: 0 -40px; /* средний кадр */
z-index: 2;
left: 0;
background-repeat: repeat-x;
}
.unit-rating a.r1-unit {
left: 0;
}
.unit-rating a.r1-unit:hover {
width: 40px;
}
.unit-rating a.r2-unit {
left: 40px;
}
.unit-rating a.r2-unit:hover {
width: 80px;
}
.unit-rating a.r3-unit {
left: 80px;
}
.unit-rating a.r3-unit:hover {
width: 120px;
}
.unit-rating a.r4-unit {
left: 120px;
}
.unit-rating a.r4-unit:hover {
width: 160px;
}
.unit-rating a.r5-unit {
left: 160px;
}
.unit-rating a.r5-unit:hover {
width: 200px;
}
.unit-rating li.current-rating {
background-position: 0 0; /* верхний кадр */
position: absolute;
left: 0;
top: 0;
height: 40px;
display: block;
text-indent: -9000px;
z-index: 1;
background-repeat: repeat-x;
}
.rating-text {
font-size: 16px;
display: block;
float: left;
margin-left: 10px;
line-height: 40px;
}
.entry-meta {
padding: 20px;
margin: 20px -12px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background: #f5f5f5;
}
.entry-meta:after {
display: table;
content: "";
clear: both;
}
.post-content .entry-meta ol li {
margin: 0;
}
.vote-block {
overflow: hidden;
float: left;
vertical-align: middle;
position: relative;
}
.vote-block .rating-info {
position: absolute;
bottom: 0;
left: 0;
font-size: 15px;
}
.vote-block span.rating-text {
font-size: 16px;
display: block;
float: left;
margin-left: 10px;
line-height: 40px;
}
.vote-block .rating {
list-style: none;
margin: 0 10px 0 0;
padding: 0;
width: 200px;
height: 40px;
float: left;
vertical-align: middle;
background: 0 0 !important;
}
.social-buttons {
float: right;
height: 32px;
font-size: 0;
}
.likely,.likely__widget {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin: 0;
padding: 0;
text-indent: 0 !important;
list-style: none !important;
font-weight: 400;
font-size: inherit;
}
.likely {
opacity: 0;
font-size: 0 !important;
}
.likely_visible {
opacity: 1;
transition: opacity .1s ease-in;
}
.likely>* {
display: inline-block;
visibility: hidden;
}
.likely_visible>* {
visibility: inherit;
}
.likely__widget {
display: inline-block;
position: relative;
white-space: nowrap;
}
.likely__button,.likely__counter {
text-decoration: none;
text-rendering: optimizeLegibility;
display: inline-block;
margin: 0;
outline: 0;
}
.likely__button {
position: relative;
cursor: pointer;
user-select: none;
}
.likely__counter {
display: none;
position: relative;
font-weight: 400;
}
.likely_ready .likely__counter {
display: inline-block;
}
.likely_ready .likely__counter_empty {
display: none;
}
.likely__button,.likely__counter,.likely__icon,.likely__widget {
vertical-align: top;
}
.likely__widget {
transition: background .33s ease-out,color .33s ease-out,fill .33s ease-out;
}
.likely__widget:active,.likely__widget:focus,.likely__widget:hover {
transition: none;
cursor: pointer;
}
@media (hover:none) {
.likely__widget:active,.likely__widget:focus,.likely__widget:hover {
transition: background .33s ease-out,color .33s ease-out,fill .33s ease-out;
cursor: unset;
}
}
.likely__icon {
position: relative;
text-align: left;
display: inline-block;
}
.likely svg {
position: absolute;
}
.likely__button,.likely__counter {
line-height: inherit;
cursor: inherit;
}
.likely__button:empty {
display: none;
}
.likely__counter {
text-align: center;
}
.likely .likely__widget {
color: #000;
}
.likely .likely__counter {
background-size: 1px 1px;
background-repeat: repeat-y;
background-image: linear-gradient(90deg,rgba(0,0,0,.2) 0,transparent .5px,transparent);
}
.likely-light .likely__widget {
color: #fff;
fill: #fff;
background: hsla(0,0%,93%,.16);
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
}
.likely-light .likely__counter {
background-image: linear-gradient(90deg,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0) .5px,hsla(0,0%,100%,0));
}
.likely__widget_facebook {
fill: #425497;
}
.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover {
background: rgba(207,212,229,.8);
}
@media (hover:none) {
.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover {
text-shadow: #425497 0 0 .25em;
background: rgba(66,84,151,.7);
}
@media (hover:none) {
.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_gplus {
fill: #dd4241;
}
.likely__widget_gplus:active,.likely__widget_gplus:focus,.likely__widget_gplus:hover {
background: hsla(0,68%,89%,.8);
}
@media (hover:none) {
.likely__widget_gplus:active,.likely__widget_gplus:focus,.likely__widget_gplus:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_gplus:active,.likely-light .likely__widget_gplus:focus,.likely-light .likely__widget_gplus:hover {
text-shadow: #dd4241 0 0 .25em;
background: rgba(221,66,65,.7);
}
@media (hover:none) {
.likely-light .likely__widget_gplus:active,.likely-light .likely__widget_gplus:focus,.likely-light .likely__widget_gplus:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_linkedin {
fill: #0077b5;
}
.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover {
background: rgba(191,221,236,.8);
}
@media (hover:none) {
.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover {
text-shadow: #0077b5 0 0 .25em;
background: rgba(0,119,181,.7);
}
@media (hover:none) {
.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_odnoklassniki {
fill: #f6903b;
}
.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover {
background: hsla(27,88%,90%,.8);
}
@media (hover:none) {
.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover {
text-shadow: #f6903b 0 0 .25em;
background: rgba(246,144,59,.7);
}
@media (hover:none) {
.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_pinterest {
fill: #bd081c;
}
.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover {
background: rgba(238,193,198,.8);
}
@media (hover:none) {
.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover {
text-shadow: #bd081c 0 0 .25em;
background: rgba(189,8,28,.7);
}
@media (hover:none) {
.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_telegram {
fill: #34abde;
}
.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover {
background: rgba(204,234,246,.8);
}
@media (hover:none) {
.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover {
text-shadow: #34abde 0 0 .25em;
background: rgba(52,171,222,.7);
}
@media (hover:none) {
.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_twitter {
fill: #00b7ec;
}
.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover {
background: rgba(191,237,250,.8);
}
@media (hover:none) {
.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover {
text-shadow: #00b7ec 0 0 .25em;
background: rgba(0,183,236,.7);
}
@media (hover:none) {
.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_vkontakte {
fill: #526e8f;
}
.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover {
background: rgba(211,218,227,.8);
}
@media (hover:none) {
.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover {
text-shadow: #526e8f 0 0 .25em;
background: rgba(82,110,143,.7);
}
@media (hover:none) {
.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely__widget_whatsapp {
fill: #25d366;
}
.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover {
background: rgba(200,244,216,.8);
}
@media (hover:none) {
.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover {
background: hsla(0,0%,91%,.8);
}
}
.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover {
text-shadow: #25d366 0 0 .25em;
background: rgba(37,211,102,.7);
}
@media (hover:none) {
.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover {
text-shadow: rgba(0,0,0,.2) 0 0 .33em;
background: hsla(0,0%,93%,.16);
}
}
.likely {
margin: 0 -5px -10px;
}
.likely .likely__widget {
line-height: 20px;
font-size: 14px;
border-radius: 3px;
height: 22px;
margin: 0 5px 10px;
}
.likely .likely__icon {
width: 22px;
height: 22px;
}
.likely .likely__button {
padding: 1px 4px 1px 0;
}
.likely .likely__counter {
padding: 1px 4px;
}
.likely svg {
left: 3px;
top: 3px;
width: 16px;
height: 16px;
}
.likely-big {
margin: 0 -6px -12px;
}
.likely-big .likely__widget {
line-height: 28px;
font-size: 18px;
border-radius: 4px;
height: 32px;
margin: 0 6px 12px;
}
.likely-big .likely__icon {
width: 32px;
height: 32px;
}
.likely-big .likely__button {
padding: 2px 6px 2px 0;
}
.likely-big .likely__counter {
padding: 2px 6px;
}
.likely-big svg {
left: 4px;
top: 4px;
width: 24px;
height: 24px;
}
.likely-small {
margin: 0 -4px -8px;
}
.likely-small .likely__widget {
line-height: 14px;
font-size: 12px;
border-radius: 2px;
height: 18px;
margin: 0 4px 8px;
}
.likely-small .likely__icon {
width: 18px;
height: 18px;
}
.likely-small .likely__button {
padding: 2px 3px 2px 0;
}
.likely-small .likely__counter {
padding: 2px 3px;
}
.likely-small svg {
left: 3px;
top: 3px;
width: 12px;
height: 12px;
}
.likely__widget_vkontakte {
background: rgba(211,218,227,.8);
}
.likely__widget_facebook {
background: rgba(207,212,229,.8);
}
.likely__widget_twitter {
background: rgba(191,237,250,.8);
}
.likely__widget_odnoklassniki {
background: rgba(252,227,206,.8);
}
.likely__widget_telegram {
background: rgba(204,234,246,.8);
}
.likely__widget_whatsapp {
background: rgba(200,244,216,.8);
}
.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover,.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover,.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover,.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover,.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover,.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover {
opacity: .8;
}
.post-content p:first-child img {
max-width: 75%;
}
.ads-post-top {
width: 728px;
max-height: 280px;
margin: 0 auto 20px auto;
}
.ads-post-bottom {
width: 336px;
height: 280px;
margin: 20px auto 10px auto;
}
.ads-cat-bottom {
width: 336px;
height: 280px;
margin: 20px auto 0 auto;
}
.ads-top {
margin: 20px auto 0 auto;
}
.ads-side {
width: 240px;
height: 400px;
}
.ads-skinbottom {
width: 336px;
height: 280px;
margin: 20px auto 0 auto;
}
.ads-between-posts {
padding: 0;
}
.container-youtube {
width: 69%;
height: auto;
}
@media only screen and (max-width:1090px) {
.wrap {
width: 768px;
}
.subnav {
padding: 0 5px;
}
.subnav ul li a {
font-size: 15px;
line-height: 32px;
height: 32px;
padding: 0 15px;
}
.head {
padding-top: 16px;
}
.content {
box-shadow: none;
}
.container {
border-right: 0;
}
.post-teaser .excerpt {
width: 448px;
}
.content,.sidebar {
display: block;
width: 100%;
float: none;
margin-right: 0;
box-shadow: none;
}
.sidebar {
min-height: auto !important;
}
.widget-content {
border-top: 1px solid #ccc;
background: transparent none repeat scroll 0% 0%;
}
.widget-ads,.middle-sidebar,.widget-cubixworld {
display: none;
}
.widget-popular-posts .popular-posts__title {
width: auto;
float: none;
}
.nav {
position: relative;
display: none;
background: rgba(0,0,0,.75);
}
li.more>span {
display: none;
}
.mobile-menu {
position: relative;
display: block;
}
.caret:after,.caret:before {
display: none;
}
.active .nav {
display: block;
width: 100%;
padding: 0 0 10px;
}
.active .nav a {
color: #f2f2f2;
}
.active .nav li {
float: none;
}
.active .nav>li>a>.fa:before,.active .nav li a span {
display: inline-block;
font-size: 20px;
}
.active .nav>li>a>.fa:before,.active .nav ul li a .fa:before {
margin-bottom: 0;
margin-right: 8px;
min-width: 20px;
text-align: center;
height: auto;
line-height: 1;
}
.active .nav li a {
line-height: 1;
height: auto;
padding: 12px 22px;
}
.active .more-links {
display: none;
}
.active .nav ul {
display: none;
position: relative;
top: auto;
left: auto;
background: 0 0;
width: auto;
margin: 0;
text-align: left;
}
.nav li:hover>ul {
display: none;
}
.active .nav ul:before,.active .nav ul:after {
display: none;
position: relative;
margin: 0;
padding: 0;
height: auto;
width: auto;
}
.active .nav ul li a {
font-weight: 400;
font-size: 20px;
}
.active .nav ul li a .fa:before {
display: inline-block;
}
.active .nav>li:hover>a,.active .nav ul li:hover a {
color: #fff;
background: rgba(0,0,0,.5);
}
.active .nav-more span {
display: none;
}
.active .nav-more ul {
display: block;
}
.footer-nav,.footer-counts {
float: none;
}
.store-card-title {
width: 356px;
}
.ads-side {
display: none;
}
}
/* foooter */
/* ===== FOOTER ===== */
.shadow {
background: linear-gradient(180deg, #364436 0%, #2f383a 100%);
border-top: 4px solid #6b8e4e;
color: #cfd6cf;
padding: 22px 18px;
}
.copyright {
display: block;
width: 100%;
margin: 0;
}
.footer-copy {
display: flex;
flex-direction: column;
gap: 8px;
max-width: 560px;
border-left: 3px solid #6b8e4e;
padding-left: 12px;
}
.footer-copy__line {
font-size: 14px;
line-height: 1.6;
color: #cfd6cf;
}
.footer-copy strong {
color: #fff;
font-weight: 700;
}
.footer-copy a {
color: #d6b06d;
text-decoration: none;
transition: 0.2s;
}
.footer-copy a:hover {
color: #ffd38c;
text-decoration: underline;
}
.footer-copy__contact {
color: #ffa500;
font-weight: 600;
}
@media (max-width: 768px) {
.shadow {
padding: 18px 14px 20px;
}
.footer-copy {
max-width: 100%;
border-left: none;
padding-left: 0;
align-items: center;
text-align: center;
}
.footer-copy__line {
font-size: 14px;
}
}
/* end foooter */
@media only screen and (max-width:780px) {
.wrap {
width: 100%;
min-width: 320px;
}
.post-teaser .thumb {
width: 46.7%;
}
.post-teaser .excerpt {
margin-left: 3.7%;
width: 49.6%;
padding: 0;
}
.cloud-tags a {
font-size: 18px;
padding: 3px 10px;
margin: 0 5px 5px 0;
}
.post-content p:first-child img {
max-width: 100%;
}
.vote-block,.social-buttons {
float: none;
}
.vote-block {
padding-bottom: 20px;
}
.container-youtube {
width: 100%;
height: auto;
}
}
.min_description img {
opacity: 0.8;
float: left;
margin: 5px 10px 5px 0px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 9px;
overflow: hidden;
}
/* shortstory */
.short-card {
display: flex;
gap: 16px;
padding: 16px;
border-radius: 12px;
background: #fff;
margin-bottom: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
transition: 0.2s;
}
.short-card:hover {
transform: translateY(-2px);
}
.short-card__image {
flex: 0 0 220px;
position: relative;
}
.short-card__image img {
width: 100%;
height: 130px;
object-fit: cover;
border-radius: 10px;
}
.short-card__content {
flex: 1;
display: flex;
flex-direction: column;
}
.short-card__title {
font-size: 18px;
font-weight: 700;
margin-bottom: 6px;
}
.short-card__title a {
color: #222;
text-decoration: none;
}
.short-card__title a:hover {
color: #6BA54A;
}
.short-card__meta {
font-size: 13px;
color: #888;
margin-bottom: 8px;
}
.short-card__desc {
font-size: 14px;
color: #666;
line-height: 1.5;
margin-bottom: auto;
}
.short-card__badges {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 12px;
}
.short-card__loaders,
.short-card__resolutions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
min-height: 30px;
}
.short-card__loaders-label,
.short-card__resolutions-label {
font-size: 14px;
color: #6f7782;
font-weight: 600;
}
.short-card__loaders-list,
.short-card__resolutions-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.loader-badge,
.resolution-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 0 12px;
border-radius: 9px;
font-size: 13px;
font-weight: 700;
line-height: 1;
color: #fff;
user-select: none;
}
.loader-badge--forge { background: #3f7c6b; }
.loader-badge--fabric { background: #4c6fb1; }
.loader-badge--neoforge { background: #2f9a87; }
.loader-badge--quilt { background: #8a56db; }
.loader-badge,
.loader-badge:hover,
.loader-badge:focus {
text-decoration: none;
}
.resolution-badge {
background: #7c8b6b;
}
.resolution-badge {
text-decoration: none;
color: #fff;
cursor: pointer;
transition: 0.2s;
}
.resolution-badge:hover {
filter: brightness(1.1);
}
.short-card__bottom {
display: flex;
gap: 14px;
font-size: 13px;
color: #999;
margin-top: 10px;
}
@media (max-width: 768px) {
.short-card {
flex-direction: column;
gap: 12px;
padding: 14px;
}
.short-card__image {
flex: none;
width: 100%;
}
.short-card__image img {
width: 100%;
height: auto;
max-height: 220px;
object-fit: cover;
display: block;
}
.short-card__title {
font-size: 16px;
line-height: 1.25;
margin-bottom: 8px;
}
.short-card__meta {
font-size: 13px;
line-height: 1.5;
}
.short-card__desc {
font-size: 14px;
line-height: 1.55;
}
.short-card__loaders,
.short-card__resolutions,
.short-card__bottom {
flex-wrap: wrap;
}
.short-card__loaders-label,
.short-card__resolutions-label {
width: 100%;
margin-bottom: 4px;
}
}
select, textarea, input[type="text"], input[type="password"], input[type="file"],
input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"],
input[type="color"] {
display: inline-block;
width: 205px;
height: 30px;
line-height: 22px;
padding: 10px;
vertical-align: middle;
border-radius: 2px;
background: #fff;
border: 1px solid #d7d7d7;
-webkit-transition: border 0.2s linear 0s;
transition: border 0.2s linear 0s;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
margin: 0;
overflow: auto;
vertical-align: top;
resize: vertical;
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="color"]:focus, .uneditable-input:focus {
border-color: #567551;
}
input[type="radio"], input[type="checkbox"] {
line-height: normal;
margin: -2px 6px 0 0;
vertical-align: middle;
}
input[type="file"], input[type="image"],
input[type="submit"], input[type="reset"],
input[type="button"], input[type="radio"],
input[type="checkbox"] {
width: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
select[multiple], select[size], textarea {
height: auto;
}
input::-moz-placeholder, textarea::-moz-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 0.6;
}
input:focus {
outline: none;
}
input[type="file"], input[type="image"] {
padding: 0;
border-width: 0;
background-color: transparent;
}
/* =========================================================
7. BB-РЕДАКТОР
========================================================= */
.wide, .bb-editor textarea, .ui-dialog textarea, select#category, .timezoneselect, .quick-edit-text {
width: 100% !important;
}
#searchuser, #searchinput {
width: 100% !important;
margin-bottom: 10px;
}
.telegram-btn.btn {
height: auto;
min-height: 30px;
font-size: 16px;
background-color: #11b3d8;
border-radius: 5px 5px;
color: #ffffff;
}
.telegram-btn img {
width: 20px;
margin-right: 10px;
}
.telegram-btn {
width: 40%;
margin: 0 5% 25px;
font-size: 18px;
position: relative;
z-index: 2;
}
.tablet-mt {
margin-top: 23px;
}
.list-parent ol,.list-parent ul {
margin-left: 15px;
}
.vk-btn.btn {
height: auto;
min-height: 30px;
font-size: 16px;
background-color: #4a76a8;
border-radius: 5px 5px;
color: #ffffff;
}
.vk-btn img {
width: 20px;
margin-right: 10px;
}
.vk-btn {
width: 40%;
margin: 0 5% 25px;
font-size: 18px;
position: relative;
z-index: 2;
}
.tablet-mt {
margin-top: 23px;
}
.list-parent ol,.list-parent ul {
margin-left: 15px;
}
.store-features {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 40px 15px;
width: 93%;
margin-bottom: 20px;
background-color: #fff;
}
.store-features__title {
width: 90%;
margin-bottom: 22px;
}
.store-features__list {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 93%;
}
.btn, .bbcodes, .btn-border {
border: 0 none;
display: inline-block;
vertical-align: middle;
cursor: pointer;
height: 36px;
border-radius: 18px;
line-height: 22px;
outline: none;
background-color: #567551;
color: #fff;
border: 0 none;
padding: 7px 22px;
text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all ease .1s;
transition: all ease .1s;
}
.btn > .icon {
fill: #fff;
}
.btn-white > .icon {
fill: #567551;
}
.btn-white {
background-color: #fff;
color: #567551;
}
.btn-white:hover > .icon {
fill: #fff;
}
.btn-white:hover {
background-color: #567551;
color: #fff;
}
.btn:hover, .bbcodes:hover, .ui-button:hover {
background-color: #567551;
}
.btn-big {
height: 46px;
padding: 12px 27px;
border-radius: 23px;
}
.btn-right {
margin: 10px 20px 10px 600px;
}
.btn-border {
color: #567551;
border: 2px solid #567551;
line-height: 22px;
padding: 5px 20px;
background-color: transparent !important;
overflow: hidden;
box-shadow: inset 0 0 0 0 transparent;
-webkit-box-shadow: inset 0 0 0 0 transparent;
}
.btn-border:hover {
box-shadow: inset 0 0 0 2px rgba(51,148,230,0.2);
-webkit-box-shadow: inset 0 0 0 2px rgba(51,148,230,0.2);
}
.bb-pane {
height: 1%;
overflow: hidden;
padding-bottom: 5px;
padding-left: 5px;
margin: 0;
height: auto !important;
text-decoration: none;
background-image: -webkit-linear-gradient(top, #FBFBFB, 0%, #EAEAEA, 100%);
background-image: -moz-linear-gradient(top, #FBFBFB 0%, #EAEAEA 100%);
background-image: linear-gradient(to bottom, #FBFBFB 0%, #EAEAEA 100%);
background-repeat: repeat-x;
border-radius: 3px 3px 3px 3px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
box-shadow: none !important;
}
.bb-pane>b {
margin-top: 5px;
margin-left: 0;
vertical-align: middle;
}
.bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane {
margin-left: -1px;
}
.bb-btn {
display: inline-block;
overflow: hidden;
float: left;
padding: 4px 10px;
border: 1px solid #d4d4d4;
-webkit-box-shadow: inset 0 1px 2px white;
-moz-box-shadow: inset 0 1px 2px white;
box-shadow: inset 0 1px 2px white;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(top, #fdfdfd, 0%, #e9e9e9, 100%);
background-image: -moz-linear-gradient(top, #fdfdfd, 0%, #e9e9e9, 100%);
background-image: linear-gradient(to bottom, #fdfdfd 0%, #e9e9e9 100%);
}
.bb-btn:hover {
background: #e6e6e6;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(top, #fdfdfd, 0%, #e6e6e6, 100%);
background-image: -moz-linear-gradient(top, #fdfdfd, 0%, #e6e6e6, 100%);
background-image: -o-linear-gradient(top, #fdfdfd, 0%, #e6e6e6, 100%);
background-image: linear-gradient(to bottom, #fdfdfd 0%, #e6e6e6 100%);
-webkit-transition: box-shadow 0.05s ease-in-out;
-moz-transition: box-shadow 0.05s ease-in-out;
-o-transition: box-shadow 0.05s ease-in-out;
transition: box-shadow 0.05s ease-in-out;
}
.bb-btn:active {
background: #f3f3f3;
border-color: #cfcfcf;
-webkit-box-shadow: 0 0 5px #f3f3f3 inset;
-moz-box-shadow: 0 0 5px #f3f3f3 inset;
box-shadow: 0 0 5px #f3f3f3 inset;
}
.bb-editor textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7px;
border: 1px solid #d7d7d7;
width: 100%;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
margin-top: -1px;
outline: none;
}
.bb-editor textarea:focus {
border-color: #d7d7d7 !important;
}
@font-face {
}
[class^="bb-btn"], [class*=" bb-btn"] {
font-family: "bb-editor-font";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bb-sel {
float: left;
padding: 2px 2px 0 2px;
}
.bb-sel select {
font-size: 11px;
}
.bb-sep {
display: inline-block;
float: left;
width: 1px;
padding: 2px;
}
.bb-btn {
cursor: pointer;
outline: 0;
}
#b_font select, #b_size select {
padding: 0;
}
#b_b:before {
content: "";
}
#b_i:before {
content: "";
}
#b_u:before {
content: "";
}
#b_s:before {
content: "";
}
#b_img:before {
content: "";
}
#b_up:before {
content: "";
}
#b_emo:before {
content: "";
}
#b_url:before {
content: "";
}
#b_leech:before {
content: "";
}
#b_mail:before {
content: "";
}
#b_video:before {
content: "";
}
#b_audio:before {
content: "";
}
#b_hide:before {
content: "";
}
#b_quote:before {
content: "";
}
#b_code:before {
content: "";
}
#b_left:before {
content: "";
}
#b_center:before {
content: "";
}
#b_right:before {
content: "";
}
#b_color:before {
content: "";
}
#b_spoiler:before {
content: "";
}
#b_fla:before {
content: "";
}
#b_yt:before {
content: "";
}
#b_tf:before {
content: "";
}
#b_list:before {
content: "";
}
#b_ol:before {
content: "";
}
#b_tnl:before {
content: "";
}
#b_br:before {
content: "";
}
#b_pl:before {
content: "";
}
#b_size:before {
content: "";
}
#b_font:before {
content: "";
}
#b_header:before {
content: "";
}
#b_sub:before {
content: "";
}
#b_sup:before {
content: "";
}
#b_justify:before {
content: "";
}
.bb-pane h1, .bb-pane h2, .bb-pane h3, .bb-pane h4, .bb-pane h5, .bb-pane h6 {
margin-top: 5px;
margin-bottom: 5px;
}
.bb-pane h1 {
font-size: 36px;
}
.bb-pane h2 {
font-size: 30px;
}
.bb-pane h3 {
font-size: 24px;
}
.bb-pane h4 {
font-size: 18px;
}
.bb-pane h5 {
font-size: 14px;
}
.bb-pane h6 {
font-size: 12px;
}
.bb-pane-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 180px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 11px;
border: 1px solid #e6e6e6;
border-color: rgba(0,0,0,0.1);
border-radius: 2px;
background: #fff;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px #dadada;
box-shadow: 0 1px 2px #dadada;
max-height: 300px;
overflow: auto;
}
.bb-pane-dropdown > li > a {
display: block;
padding: 3px 10px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #353535;
white-space: nowrap;
}
.bb-pane-dropdown > li > a:hover {
text-decoration: none;
color: #262626;
background-color: whitesmoke;
}
.bb-pane-dropdown .color-palette div .color-btn {
width: 17px;
height: 17px;
padding: 0;
margin: 0;
border: 1px solid #fff;
cursor: pointer;
}
.bb-pane-dropdown .color-palette {
padding: 0px 5px;
}
.bb-pane-dropdown table {
margin: 0px;
}
#dropmenudiv {
padding: 10px 0;
min-width: 140px;
width: auto !important;
opacity: 1 !important;
display: none;
font-size: .9em;
box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
border: 1px solid #e6e6e6;
border-color: rgba(0,0,0,0.1);
background-clip: padding-box;
}
#dropmenudiv {
background-color: #fff;
}
#dropmenudiv a {
text-decoration: none !important;
color: inherit;
display: block;
padding: 3px 20px;
border: 0 none;
white-space: nowrap;
color: inherit;
}
#dropmenudiv a:hover {
background-color: #eeeeef;
}
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Roboto+Condensed&display=swap");
.m20-topbar, .m20-backdrop {
display: none;
}
@media (max-width: 900px) {
html, body {
max-width: 100%;
overflow-x: hidden;
}
body {
padding-top: 56px;
}
.m20-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10001;
padding: 10px 12px;
background: #263126;
box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.m20-topbar__left {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.m20-burger {
appearance: none;
border: 0;
background: rgba(255,255,255,.12);
color: #fff;
padding: 10px 12px;
border-radius: 10px;
font-size: 18px;
line-height: 1;
cursor: pointer;
}
.m20-topbar__title {
color: #fff;
font-weight: 700;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 70vw;
}
.wrapper, .wwide {
width: 100% !important;
min-width: 0 !important;
}
.container {
width: auto !important;
}
#menubar {
display: none !important;
}
.body {
display: block !important;
}
#midside, #sidebar {
float: none !important;
width: auto !important;
}
.m20-backdrop {
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
z-index: 10002;
display: none;
}
body.m20-menu-open .m20-backdrop {
display: block;
}
#sidebar {
position: fixed !important;
top: 0;
right: 0;
height: 100vh;
width: min(86vw, 360px);
overflow: auto;
padding: 12px 10px 24px;
background: #2e3b2e;
transform: translateX(105%);
transition: transform .25s ease;
z-index: 10003;
box-shadow: -12px 0 40px rgba(0,0,0,.35);
}
body.m20-menu-open #sidebar {
transform: translateX(0);
}
img, video {
max-width: 100%;
height: auto;
}
table {
max-width: 100%;
}
iframe {
max-width: 100%;
}
.quote, .box, .base, .text, .news, .post,
.static, .content, .story, .fullstory {
max-width: 100%;
}
}
/* install_mods */
.install-steps {
padding-left: 26px;
line-height: 1.7;
margin: 12px 0 16px;
}
.install-steps li {
margin-bottom: 8px;
}
.install-steps code {
background: rgba(0,0,0,.06);
padding: 2px 6px;
border-radius: 6px;
}
/* базовый блок */
.news__installblock {
margin-top: 10px;
}
.news__installblock a {
text-decoration: none;
}
.news__installblock a:hover {
text-decoration: underline;
}
.news__installblock a::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-left: 3px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#install-loader-text a {
font-weight: 600;
}
/* Forge */
.news__installblock a[href*="/mody/10-forge.html"]::after {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjExLjA3MSAxLjg4MiA5MS4zMzIgNDcuMTc2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMTYgNjYuNzsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0RGQTg2QTt9LnN0MXtmaWxsOiNGQUY0RjM7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDEuMTcyMDg2MDAwNDQyNTA0OSwgLTcuODM4MzI2OTMwOTk5NzU2KSI+PGcvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05MS42LDE2LjdsLTM3LjgtMS45bDQ2LjIsMHYtMy43SDQ3LjhsMCw3Ljh2Ni4yYzAsMC4xLTEuNS05LjEtMS45LTExLjdoLTQuMXY2Ljh2Ni4yJiMxMDsmIzk7JiM5O2MwLDAuMS0xLjgtMTAuOS0xLjktMTIuM2MtMTAuNCwwLTI3LjksMC0yNy45LDBjMS45LDEuNiwxMi40LDEwLjYsMTkuOSwxNC4zYzMuNywxLjgsOC4zLDEuOSwxMi40LDJjMi4xLDAuMSw0LjIsMC4yLDUuOCwxLjgmIzEwOyYjOTsmIzk7YzIuMywyLjIsMi44LDUuNywwLjgsOC4zYy0xLjksMi42LTcuMywzLjItNy4zLDMuMkwzOSw0OS4xdjYuNGgxMC4zbDAuMy02LjNsOC45LTYuM2MtMC45LDAuOC0zLjEsMi44LTYuMiw3LjcmIzEwOyYjOTsmIzk7Yy0wLjcsMS4xLTEuMywyLjMtMS43LDMuNWMyLjItMS45LDYuOC0zLjIsMTIuMi0zLjJjNS4zLDAsOS45LDEuMywxMi4xLDMuMmMtMC40LTEuMi0xLTIuNC0xLjctMy41Yy0zLjItNC45LTUuMy02LjktNi4yLTcuNyYjMTA7JiM5OyYjOTtsOC45LDYuM2wwLjMsNi4zaDkuNnYtNi40bC00LjUtNS41YzAsMC02LjctMC40LTguNC0zLjJDNjcuNywzMi42LDc0LjgsMjAuNCw5MS42LDE2Ljd6IiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IHBhaW50LW9yZGVyOiBmaWxsOyBmaWxsOiByZ2IoNzAsIDcwLCA3MCk7Ii8+PC9nPjwvc3ZnPg==");
}
/* NeoForge */
.news__installblock a[href*="/mody/10443-neoforge-1211112110-zagruzchik-neofordzh.html"]::after {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xMiAxOS4ydjJtMC0ydjIiIHN0eWxlPSJmaWxsOiByZ2IoMjE1LCAxMTYsIDQ3KTsgZmlsbC1ydWxlOiBub256ZXJvOyBwYWludC1vcmRlcjogZmlsbDsgc3Ryb2tlOiByZ2JhKDAsIDAsIDAsIDAuOSk7IGZpbGwtb3BhY2l0eTogMC42NTsiLz48cGF0aCBkPSJtOC40IDEuM2MwLjUgMS41IDAuNyAzIDAuMSA0LjYtMC4yIDAuNS0wLjkgMS41LTEuNiAxLjVtOC43LTYuMWMtMC41IDEuNS0wLjcgMy0wLjEgNC42IDAuMiAwLjYgMC45IDEuNSAxLjYgMS41IiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PHBhdGggZD0ibTMuNiAxNS44aC0xLjdtMTguNSAwaDEuNyIgc3R5bGU9ImZpbGw6IHJnYigyMTUsIDExNiwgNDcpOyBmaWxsLXJ1bGU6IG5vbnplcm87IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2U6IHJnYmEoMCwgMCwgMCwgMC45KTsgZmlsbC1vcGFjaXR5OiAwLjY1OyIvPjxwYXRoIGQ9Im0zLjIgMTIuMWgtMS43bTE5LjMgMGgxLjgiIHN0eWxlPSJmaWxsOiByZ2IoMjE1LCAxMTYsIDQ3KTsgZmlsbC1ydWxlOiBub256ZXJvOyBwYWludC1vcmRlcjogZmlsbDsgc3Ryb2tlOiByZ2JhKDAsIDAsIDAsIDAuOSk7IGZpbGwtb3BhY2l0eTogMC42NTsiLz48cGF0aCBkPSJtOC4xIDEyLjd2MS42bTcuOC0xLjZ2MS42IiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PHBhdGggZD0ibTEwLjggMThoMS4ybTAgMS4yLTEuMi0xLjJtMi40IDBoLTEuMm0wIDEuMiAxLjItMS4yIiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PHBhdGggZD0ibTQgOS43Yy0wLjUgMS4yLTAuOCAyLjQtMC44IDMuNyAwIDMuMSAyLjkgNi4zIDUuMyA4LjIgMC45IDAuNyAyLjIgMS4xIDMuNCAxLjFtMC4xLTE3LjhjLTEuMSAwLTIuMSAwLjItMy4yIDAuN20xMS4yIDQuMWMwLjUgMS4yIDAuOCAyLjQgMC44IDMuNyAwIDMuMS0yLjkgNi4zLTUuMyA4LjItMC45IDAuNy0yLjIgMS4xLTMuNCAxLjFtLTAuMS0xNy44YzEuMSAwIDIuMSAwLjIgMy4yIDAuNyIgc3R5bGU9ImZpbGw6IHJnYigyMTUsIDExNiwgNDcpOyBmaWxsLXJ1bGU6IG5vbnplcm87IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2U6IHJnYmEoMCwgMCwgMCwgMC45KTsgZmlsbC1vcGFjaXR5OiAwLjY1OyIvPjxwYXRoIGQ9Im00IDkuN2MtMC4yLTEuOC0wLjMtMy43IDAuNS01LjVzMi4yLTIuNiAzLjktM20xMS42IDguNWMwLjItMS45IDAuMy0zLjctMC41LTUuNXMtMi4yLTIuNi0zLjktMyIgc3R5bGU9ImZpbGw6IHJnYigyMTUsIDExNiwgNDcpOyBmaWxsLXJ1bGU6IG5vbnplcm87IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2U6IHJnYmEoMCwgMCwgMCwgMC45KTsgZmlsbC1vcGFjaXR5OiAwLjY1OyIvPjxwYXRoIGQ9Im0xMiAyMS4yLTIuNCAwLjRtMi40LTAuNCAyLjQgMC40IiBzdHlsZT0iZmlsbDogcmdiKDIxNSwgMTE2LCA0Nyk7IGZpbGwtcnVsZTogbm9uemVybzsgcGFpbnQtb3JkZXI6IGZpbGw7IHN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsLW9wYWNpdHk6IDAuNjU7Ii8+PC9nPjwvc3ZnPg==");
}
/* Fabric */
.news__installblock a[href*="/mody/4514-mod-fabric-modloader.html"]::after {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk5OTk5OTk5OTk5OTk5OTksIDAsIDAsIDAuOTk5OTk5OTk5OTk5OTk5OSwgLTMuNTUyNzEzNjc4ODAwNTAxZS0xNSwgMCkiLz48cGF0aCBzdHJva2Utd2lkdGg9IjIzIiBkPSJtODIwIDc2MS04NS42LTg3LjZjLTQuNi00LjctMTAuNC05LjYtMjUuOSAxLTE5LjkgMTMuNi04LjQgMjEuOS01LjIgMjUuNCA4LjIgOSA4NC4xIDg5IDk3LjIgMTA0IDIuNSAyLjgtMjAuMy0yMi41LTYuNS0zOS43IDUuNC03IDE4LTEyIDI2LTMgNi41IDcuMyAxMC43IDE4LTMuNCAyOS43LTI0LjcgMjAuNC0xMDIgODIuNC0xMjcgMTAzLTEyLjUgMTAuMy0yOC41IDIuMy0zNS44LTYtNy41LTguOS0zMC42LTM0LjYtNTEuMy01OC4yLTUuNS02LjMtNC4xLTE5LjYgMi4zLTI1IDM1LTMwLjMgOTEuOS03My44IDExMS45LTkwLjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDg2NzA5OTk4NTQ4MDMwODUsIDAsIDAsIDAuMDg2Njk5OTk5ODY4ODY5NzgsIC00OS43OTk5OTkyMzcwNjA1NSwgLTU1Ljk5OTk5OTk5OTk5OTk5KSIgc3R5bGU9InN0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjkpOyBmaWxsOiByZ2IoMjE5LCAyMDgsIDE4MCk7IGZpbGwtb3BhY2l0eTogMC43MzsiLz48L3N2Zz4=");
}
/* Quilt — заглушка */
.news__installblock a[href*="/mody/10442-quilt-1211194-zagruzchik-modov-kvilt.html"]::after {
background-image: url("data:image/svg+xml;utf8,");
}
.install-more {
margin-top: 14px;
}
.install-more-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
background: #f4f7f1;
border: 1px solid #cfd8c3;
border-radius: 8px;
color: #4f6f4f;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-decoration: none !important;
transition: all .18s ease;
box-shadow: 0 1px 0 rgba(0,0,0,.03);
}
.install-more-btn:hover {
background: #eaf2e3;
border-color: #b8c8a8;
color: #3f5c3f;
text-decoration: none !important;
}
.install-more-icon {
font-size: 16px;
line-height: 1;
}
.news__downloads_wrap {
margin-top: 5px;
}
.news__downloads_header h2 {
margin: 0;
font-size: 18px;
font-weight: 700;
}
.news__downloads_controls {
margin-top: 8px;
padding: 10px;
border-radius: 10px;
background: #e9f1e2;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.news__downloads_controls > div[data-versions-filter] {
cursor: pointer;
user-select: none;
padding: 4px 10px;
border-radius: 8px;
background: #fff;
font-weight: 700;
line-height: 20px;
}
.news__downloads_controls > div[data-versions-filter]:hover,
.news__downloads_controls > div[data-ext-filter]:hover {
background: #e3eadb;
}
.news__downloads_controls > div.is-active {
background: #567551;
color: #fff;
}
.news__downloads_controls > div[data-versions-filter="all"].is-active {
background: #567551;
color: #fff;
}
.news__downloads_controls > div[data-versions-filter="forge"].is-active {
background: #3f7c6b;
color: #fff;
}
.news__downloads_controls > div[data-versions-filter="fabric"].is-active {
background: #4c6fb1;
color: #fff;
}
.news__downloads_controls > div[data-versions-filter="neoforge"].is-active {
background: #2f9a87;
color: #fff;
}
.news__downloads_controls > select[data-versions-selector] {
height: 30px;
padding: 3px 10px;
border-radius: 8px;
border: 1px solid #c7d2e3;
background: #fff;
font-weight: 700;
}
.news__downloads_controls_divider {
width: 2px;
height: 22px;
background: #c7d2e3;
border-radius: 2px;
margin: 0 4px;
}
.news__downloads_controls > div[data-ext-filter] {
cursor: pointer;
user-select: none;
padding: 4px 10px;
border-radius: 8px;
background: #fff;
font-weight: 700;
line-height: 20px;
}
.news__downloads_controls > div[data-ext-filter]:hover {
background: #cfdcee;
}
.news__downloads_controls > div[data-ext-filter].is-active {
background: #567551;
color: #fff;
}
.news__downloads_content {
margin-top: 10px;
}
.news__downloads_content br {
display: none;
}
.news__downloads {
margin: 1rem 0;
display: grid;
grid-template-columns: 140px 1fr;
gap: 5px;
align-items: stretch;
border-radius: 10px;
background: #e9f1e2;
padding: 5px;
font-weight: 600;
}
.news__downloads .downloads__title {
text-align: center;
font-size: 1rem;
line-height: 1.6rem;
font-weight: 800;
color: #729568;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.news__downloads .downloads__title p {
margin: 0;
}
.news__downloads .downloads__title .downloads__sub {
margin-top: 2px;
font-size: 12px;
font-weight: 800;
opacity: .65;
}
.news__downloads .downloads__items {
display: flex;
flex-direction: column;
gap: 10px;
}
.news__downloads .downloads__items .downloads__item {
display: grid;
grid-template-columns: 110px minmax(0, 1fr) 90px;
gap: 10px;
align-items: center;
justify-items: stretch;
border-radius: 10px;
background: #bfd2ba;
padding: 10px;
}
/* Вариант без плашки типа */
.news__downloads .downloads__items .downloads__item.downloads__item--no-type {
grid-template-columns: minmax(0, 1fr) 90px;
}
.news__downloads .downloads__items .downloads__item .downloads__type {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
padding: 5px;
font-size: 14px;
font-weight: 800;
color: #fff;
text-decoration: none;
background: rgba(45,66,79,1);
}
.news__downloads .downloads__items .downloads__item .downloads__type--Forge {
background: #3f7c6b;
}
.news__downloads .downloads__items .downloads__item .downloads__type--Fabric {
background: #4c6fb1;
}
.news__downloads .downloads__items .downloads__item .downloads__type--Neoforge {
background: #2f9a87;
}
.news__downloads .downloads__items .downloads__item .downloads__type--Other {
background: #55606a;
}
.news__downloads .downloads__items .downloads__item .downloads__type--Quilt {
background: rgba(124,58,237,.85);
}
.news__downloads .downloads__items .downloads__item .downloads__main {
display: contents;
}
.news__downloads .downloads__items .downloads__item .downloads__file {
min-width: 0;
padding-left: 15px;
}
.news__downloads .downloads__items .downloads__item.downloads__item--no-type .downloads__file {
padding-left: 0;
}
.news__downloads .downloads__items .downloads__item .downloads__file .download__link {
display: block;
width: 100%;
font-size: 14px;
font-weight: 800;
color: #2D424F;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news__downloads .downloads__items .downloads__item .downloads__file .download__link:hover {
color: rgba(100,116,139,.9);
text-decoration: underline;
}
.news__downloads .downloads__items .downloads__item .downloads__size {
text-align: right;
font-size: 9px;
font-weight: 700;
opacity: 0.5;
white-space: nowrap;
}
.news__downloads .downloads__items .downloads__item .downloads__deps {
grid-column: 1 / -1;
justify-self: start;
margin: 0;
display: inline-block;
border-radius: 10px;
background: #66615e;
padding: 6px 10px;
font-size: 12px;
line-height: 16px;
color: #fff;
font-weight: 700;
}
.news__downloads .downloads__items .downloads__item .downloads__deps a {
color: #e0a36f;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 700;
}
.news__downloads .downloads__items .downloads__item .downloads__deps a:hover {
color: #f0b784;
text-decoration-thickness: 2px;
}
.news__downloads .downloads__title .downloads__sub {
display: block !important;
-webkit-box-orient: unset !important;
-webkit-line-clamp: unset !important;
overflow: visible !important;
white-space: normal !important;
text-overflow: clip !important;
}
.no-files-message {
width: 100%;
border-radius: 10px;
background: #dbeafe;
padding: 14px 12px;
text-align: center;
font-weight: 800;
display: none;
}
.no-files-message div[data-versions-reset] {
display: inline-block;
margin-top: 8px;
cursor: pointer;
padding: 4px 10px;
border-radius: 8px;
background: #1d4ed8;
color: #fff;
font-weight: 800;
}
.no-files-message div[data-versions-reset]:hover {
background: #567551;
}
.attachment-size {
margin-left: auto;
font-size: 11px;
opacity: 0.5;
white-space: nowrap;
}
.news__downloads .downloads__items .downloads__item .attachment-size {
text-align: right;
font-size: 10px;
opacity: .5;
white-space: nowrap;
}
.news__downloads_controls > div[data-versions-filter="quilt"].is-active {
background: rgba(124,58,237,.85);
color: #fff;
}
@media (max-width: 768px) {
.news__downloads .downloads__items .downloads__item {
position: relative;
grid-template-columns: 90px minmax(0, 1fr) 60px;
gap: 8px;
padding: 8px;
padding-right: 34px;
}
.news__downloads .downloads__items .downloads__item.downloads__item--no-type {
grid-template-columns: minmax(0, 1fr) 60px;
}
.news__downloads .downloads__items .downloads__item .downloads__file {
position: static;
padding-left: 10px;
}
.news__downloads .downloads__items .downloads__item.downloads__item--no-type .downloads__file {
padding-left: 0;
}
.news__downloads .downloads__items .downloads__item .downloads__file .download__link {
position: absolute;
inset: 0;
z-index: 10;
opacity: 0;
display: block;
pointer-events: auto;
}
.news__downloads .downloads__items .downloads__item > * {
position: relative;
z-index: 20;
pointer-events: none;
}
.news__downloads .downloads__items .downloads__item::after {
content: "⬇";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
opacity: .85;
pointer-events: none;
z-index: 30;
}
.news__downloads .downloads__items .downloads__item .downloads__size,
.news__downloads .downloads__items .downloads__item .attachment-size {
padding-right: 18px;
}
.news__downloads_controls > div[data-versions-filter],
.news__downloads_controls > div[data-ext-filter] {
padding: 3px 8px;
font-size: 13px;
line-height: 18px;
}
}
@media (max-width: 768px) {
.news__downloads {
grid-template-columns: 72px 1fr;
gap: 8px;
padding: 4px;
}
.news__downloads .downloads__title {
font-size: 0.85rem;
line-height: 1.1rem;
padding: 4px;
}
.news__downloads .downloads__title .downloads__sub {
font-size: 10px;
margin-top: 1px;
}
}
.mc20-version-pages {
margin: 0 0 14px 0;
padding: 12px 14px;
background: #eef3e8;
border-radius: 10px;
}
.download__link--external {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none !important;
}
.download__link--external .downloads__type--external {
width: 44px !important;
min-width: 44px;
max-width: 44px;
height: 34px;
flex: 0 0 44px;
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: 10px;
padding: 0 !important;
font-size: 16px;
font-weight: 800;
color: #fff;
text-decoration: none;
background: rgba(45, 66, 79, 1);
}
.download__link--external .download__link-text {
display: inline-block;
white-space: nowrap;
}
.downloads__file {
display: flex;
align-items: center;
}
/* ОТСТУП МЕЖДУ ИКОНКОЙ И ТЕКСТОМ */
.downloads__type--external {
margin-right: 12px;
}
.breadcrumbs {
font-size: 13px;
line-height: 1.5;
color: #7d7d7d;
margin: 4px 0 10px;
}
.breadcrumbs a {
color: #b5794a;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
color: #555;
}
.mc20-version-pages__title {
font-weight: 700;
margin-bottom: 8px;
color: #729568;
}
.mc20-version-pages__list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.mc20-version-pages__item {
display: inline-block;
padding: 6px 12px;
border-radius: 8px;
background: #dfe8d5;
text-decoration: none;
font-weight: 700;
color: #729568;
}
.mc20-version-pages__item:hover {
background: #d2dfc2;
}
.mc20-version-back {
margin: 0 0 12px 0;
}
.mc20-version-back__link {
display: inline-block;
padding: 8px 14px;
border-radius: 8px;
background: #5d7a4f;
color: #fff;
text-decoration: none;
font-weight: 700;
}
.mc20-version-back__link:hover {
opacity: .92;
}
.mc20-version-pages__item.is-active {
background: #5d7a4f;
color: #fff;
}
/* bloks fullstory */
.news__downloads .downloads__title .downloads__sub {
align-self: stretch;
width: 100%;
max-width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-word;
overflow-wrap: anywhere;
}
.post-meta-zone {
margin: 24px 0 30px;
}
.meta-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 10px;
margin-top: 14px;
}
.meta-card {
background: #ececec;
border-radius: 10px;
padding: 18px 20px;
box-sizing: border-box;
box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
.meta-card-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 18px;
font-weight: 700;
color: #729568;
margin-bottom: 14px;
}
.meta-card-title i {
color: #729568;
font-size: 18px;
}
.meta-card-content {
color: #4d6846;
}
.meta-value {
font-size: 18px;
font-weight: 700;
color: #7a8575;
}
.meta-date {
line-height: 1.5;
}
.breadcrumbs.meta-card {
margin-bottom: 0;
font-size: 13px;
line-height: 1.6;
color: #61795a;
}
.breadcrumbs.meta-card a {
color: #729568;
text-decoration: none;
font-weight: 600;
}
.breadcrumbs.meta-card a:hover {
text-decoration: underline;
}
.breadcrumbs .sep {
margin: 0 8px;
color: #86a07c;
}
.breadcrumbs-icon {
margin-right: 8px;
color: #78906f;
}
/* сетка карточек */
.meta-card-rating {
grid-column: span 8;
}
.meta-card-actions {
grid-column: span 4;
}
.meta-card-share {
grid-column: span 4;
}
.meta-card-category {
grid-column: span 12;
}
.meta-grid > .meta-card:not(.meta-card-rating):not(.meta-card-actions):not(.meta-card-category):not(.meta-card-share) {
grid-column: span 4;
}
/* рейтинг */
.vote-block {
float: none;
overflow: visible;
}
.rating-text {
display: none;
}
.rating-left {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.rating-summary {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.rating-score {
background: #3c8d3c;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 8px 14px;
border-radius: 10px;
line-height: 1;
}
.rating-votes {
background: #6a765f;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 8px 12px;
border-radius: 10px;
line-height: 1;
}
/* кнопки действий */
.post-actions {
display: flex;
flex-direction: column;
gap: 10px;
}
.meta-btn,
.meta-btn-light {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
border-radius: 12px;
padding: 14px 16px;
font-size: 16px;
font-weight: 700;
box-sizing: border-box;
transition: .2s ease;
cursor: pointer;
}
.meta-btn {
background: #537a47;
color: #fff;
}
.meta-btn:hover {
background: #46683c;
color: #fff;
}
.meta-btn-light {
background: #c6d3bc;
color: #45623f;
}
.meta-btn-light:hover {
background: #b8c8ad;
color: #3c5737;
}
/* категории */
.meta-category-links {
font-size: 14px;
line-height: 1.7;
color: #7a8575;
font-weight: 700;
}
.meta-category-links a {
color: #7a8575;
text-decoration: none;
font-weight: 700;
}
.meta-category-links a:hover {
text-decoration: underline;
}
/* поделиться */
.meta-card-share .social-buttons {
float: none;
height: auto;
}
.meta-card-share .likely {
opacity: 1;
margin: 0;
font-size: 0 !important;
}
.meta-card-share .likely > * {
visibility: visible;
}
.meta-card-share .likely-big {
margin: 0 -6px -10px;
}
.meta-card-share .likely-big .likely__widget {
border-radius: 10px;
background: rgba(255,255,255,.4);
}
/* адаптив */
@media (max-width: 980px) {
.meta-card-rating,
.meta-card-actions,
.meta-card-share,
.meta-grid > .meta-card:not(.meta-card-category):not(.meta-card-rating):not(.meta-card-actions):not(.meta-card-share) {
grid-column: span 6;
}
.meta-card-category {
grid-column: span 12;
}
}
@media (max-width: 640px) {
.meta-grid {
grid-template-columns: 1fr;
}
.meta-card,
.meta-card-rating,
.meta-card-actions,
.meta-card-share,
.meta-card-category,
.meta-grid > .meta-card:not(.meta-card-category):not(.meta-card-rating):not(.meta-card-actions):not(.meta-card-share) {
grid-column: span 1;
}
.meta-card {
padding: 16px;
}
.meta-card-title {
font-size: 17px;
margin-bottom: 12px;
}
.meta-value {
font-size: 15px;
}
.rating-left {
flex-direction: column;
align-items: flex-start;
}
}
.post-actions a {
text-decoration: none;
}
.meta-category-links .show-cats-link {
color: #c18255;
text-decoration: none;
font-weight: 700;
white-space: nowrap;
}
.meta-category-links .show-cats-link:hover {
text-decoration: underline;
}
ul.newsFooter > li .show-cats-link {
cursor: pointer;
}
ul.newsFooter > li .show-cats-link {
text-decoration: none;
}
.iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie,.iconsstar,.iconsfire,.iconssunduk {
width: 16px;
height: 16px;
}
.statistics ul.lcol li {
margin-bottom: 2px;
padding: 0 15px 0 0;
}
.iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmobs2,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie,.iconzombie,.iconsstar,.iconsfire,.iconssunduk {
display: inline-block;
background: url(/templates/minecraft/images/style_icon.png) no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
margin-right: 5px;
vertical-align: middle;
}
.iconaddnews {
background-position: -3px 0;
}
.iconbezdna {
background-position: -22px 0;
}
.iconblock {
background-position: -41px 0;
}
.iconbronya {
background-position: -60px 0;
}
.iconcars {
background-position: -79px 0;
}
.iconcategory {
background-position: -98px 0;
}
.iconcheat {
background-position: -117px -57px;
}
.iconcomment {
background-position: -3px -19px;
}
.icondatapack {
background-position: -22px -19px;
}
.icondecor {
background-position: -41px -19px;
}
.icondownload {
background-position: -60px -19px;
}
.iconeda {
background-position: -136px -40px;
}
.iconfile {
background-position: -136px -95px;
}
.iconflans {
background-position: -117px -19px;
}
.iconforum {
background-position: -3px -38px;
}
.icongirl {
background-position: -22px -38px;
}
.icongolye {
background-position: -41px -38px;
}
.iconguide {
background-position: -60px -38px;
}
.iconhalloween {
background-position: -79px -38px;
}
.iconindustrial {
background-position: -98px -38px;
}
.iconinstrument {
background-position: -117px -38px;
}
.iconkiller {
background-position: -3px -57px;
}
.iconklient {
background-position: -22px -57px;
}
.iconklon {
background-position: -135px -136px;
}
.iconkrasiv {
background-position: -13px -57px;
}
.iconmagia {
background-position: -79px -57px;
}
.iconman {
background-position: -98px -57px;
}
.iconmaps {
background-position: -116px -133px;
}
.iconmobs {
background-position: -3px -76px;
}
.iconmobs2 {
background-position: -22px -76px;
width: 16px;
height: 16px;
}
.iconmods {
background-position: -41px -76px;
}
.iconnewyar {
background-position: -60px -76px;
}
.iconnewyarmods {
background-position: -79px -76px;
}
.iconnoob {
background-position: -98px -76px;
}
.iconores {
background-position: -117px -76px;
}
.iconpaper {
background-position: -3px -95px;
}
.iconplugin {
background-position: -22px -95px;
}
.iconprikol {
background-position: -41px -95px;
}
.iconprosmotr {
background-position: -60px -95px;
}
.iconraznoe {
background-position: -79px -95px;
}
.iconrealizm {
background-position: -98px -95px;
}
.iconrpg {
background-position: -117px -95px;
}
.iconrpg2 {
background-position: -3px -114px;
}
.iconserver {
background-position: -22px -114px;
}
.iconshaders {
background-position: -41px -114px;
}
.iconskins {
background-position: -60px -114px;
}
.iconsmeh {
background-position: -79px -114px;
}
.iconsmex {
background-position: -98px -114px;
}
.iconsuperhero {
background-position: -117px -114px;
}
.icontexture {
background-position: -3px -133px;
}
.icontop {
background-position: -22px -133px;
}
.icontop50 {
background-position: -41px -133px;
}
.iconvideo {
background-position: -60px -133px;
}
.iconvoennyi {
background-position: -79px -133px;
}
.iconvoennyi2 {
background-position: -98px -133px;
}
.iconvremya {
background-position: -117px -133px;
}
.iconweapon {
background-position: -3px -152px;
}
.iconyoutube {
background-position: -22px -152px;
}
.iconzombie {
background-position: -41px -152px;
}
.iconsstar {
background-position: -21px -1px;
}
.iconsfire {
background-position: -136px -59px;
}
.iconssunduk {
background-position: -60px -20px;
}
/* icons_effects */
.effects-table{
width:100%;
border-collapse:collapse;
}
.effects-table th,
.effects-table td{
border:1px solid #d8d8d8;
padding:8px;
vertical-align:top;
}
.effects-table th{
background:#f3f5f7;
}
.effects-table code{
background:#f4f4f4;
padding:2px 5px;
border-radius:4px;
}
.effect-icon-cell{
width:34px;
min-width:34px;
text-align:center;
padding:8px 4px !important;
position:relative;
}
.effect-icon-cell::before{
content:"";
display:block;
width:18px;
height:18px;
margin:0 auto;
background-image:url('/uploads/effects/effects.png');
background-repeat:no-repeat;
}
/* Основные эффекты */
.effect-speed::before{ background-position:-54px -90px; }
.effect-slowness::before{ background-position:-36px -90px; }
.effect-haste::before{ background-position:-90px -72px; }
.effect-mining-fatigue::before{ background-position:-216px -72px; }
.effect-strength::before{ background-position:-72px -90px; }
.effect-instant-health::before{ background-position:-198px -90px; }
.effect-instant-damage::before{ background-position:-216px -54px; }
.effect-jump-boost::before{ background-position:-162px -72px; }
.effect-nausea::before{ background-position:-234px -72px; }
.effect-regeneration::before{ background-position:-270px -72px; }
.effect-resistance::before{ background-position:0px -90px; }
.effect-fire-resistance::before{ background-position:-54px -72px; }
.effect-water-breathing::before{ background-position:-90px -90px; }
.effect-invisibility::before{ background-position:-144px -72px; }
.effect-blindness::before{ background-position:-18px -72px; }
.effect-night-vision::before{ background-position:-252px -72px; }
.effect-hunger::before{ background-position:-126px -72px; }
.effect-weakness::before{ background-position:-108px -90px; }
.effect-poison::before{ background-position:-36px -72px; }
.effect-wither::before{ background-position:-126px -90px; }
.effect-health-boost::before{ background-position:-108px -72px; }
.effect-absorption::before{ background-position:-270px -54px; }
.effect-saturation::before{ background-position:-216px -90px; }
.effect-glowing::before{ background-position:-72px -72px; }
.effect-levitation::before{ background-position:-180px -72px; }
.effect-luck::before{ background-position:-198px -72px; }
.effect-unluck::before{ background-position:0px -72px; }
.effect-fatal-poison::before{ background-position:-36px -72px; }
.effect-slow-falling::before{ background-position:-126px -54px; }
.effect-conduit-power::before{ background-position:-108px -54px; }
.effect-dolphins-grace::before{ background-position:-162px -54px; }
.effect-bad-omen::before{ background-position:-252px -54px; }
.effect-hero-of-the-village::before{ background-position:-144px -90px; }
.effect-darkness::before{ background-position:-54px -108px; }
.effects-table td {
vertical-align: middle;
}
/* Новые эффекты из Trials / Mounts of Mayhem */
.effect-infested::before{ background-position:-270px -270px; }
.effect-oozing::before{ background-position:-270px -270px; }
.effect-weaving::before{ background-position:-270px -270px; }
.effect-wind-charged::before{ background-position:-270px -270px; }
.effect-raid-omen::before{ background-position:-270px -270px; }
.effect-trial-omen::before{ background-position:-270px -270px; }
.effect-breath-of-the-nautilus::before{ background-position:-270px -270px; }
/* Шуточные эффекты */
.effect-big::before{ background-position:-108px -108px; }
.effect-small::before{ background-position:-126px -108px; }
/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
color: #a0a1a7;
font-style: italic;
}
.hljs-doctag, .hljs-keyword, .hljs-formula {
color: #a626a4;
}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
color: #e45649;
}
.hljs-literal {
color: #0184bb;
}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
color: #50a14f;
}
.hljs-built_in, .hljs-class .hljs-title {
color: #c18401;
}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
color: #986801;
}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
color: #4078f2;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
.hljs-link {
text-decoration: underline;
}
figure {
margin: 0;
}
figure.align-left {
float: left;
}
figure.align-right {
float: right;
}
figure.image.align-center {
display: table;
margin-left: auto;
margin-right: auto;
}
figure.image figcaption {
padding: 1rem;
background-color: #fafafa;
font-size: .8rem;
caption-side: bottom;
word-break: break-word;
text-align: center;
}
figure.image.align-center figcaption {
display: table-caption;
}
.DLEPush {
z-index: 2001;
position: fixed;
right: 20px;
top: 20px
}
@keyframes DLEPush-show {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.DLEPush-notification.wrapper {
animation-name: DLEPush-show;
animation-duration: 1s;
position: relative;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
color: #333;
margin-bottom: 10px;
width: 100%;
max-width: 400px;
box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
background-color: #fff;
border-radius: 10px
}
.DLEPush-notification .DLEPush-icon {
grid-column: 1;
grid-row: 1 / span 2;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 45px;
height: 100%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
text-align: center;
}
.DLEPush-notification .DLEPush-icon svg {
scale: .8;
}
.DLEPush-notification .DLEPush-header {
font-weight: 500;
grid-column: 2;
grid-row: 1;
font-size: 1rem;
margin-left: 1rem;
margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
margin-top: 0;
}
.DLEPush-notification .DLEPush-message {
grid-column: 2;
grid-row: 2;
font-size: .875rem;
margin: 1rem;
}
.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
list-style-type: none;
padding-left: 0;
}
.DLEPush-notification .DLEPush-close {
position: absolute;
top: 8px;
right: 10px;
font-weight: 300;
background: none;
border: 0;
font-size: 1.15rem;
cursor: pointer;
line-height: 1;
padding: 0;
color: inherit;
outline: 0;
opacity: 0.75;
}
@media only screen and (min-width: 601px) {
.DLEPush-notification.wrapper {
min-width: 400px;
}
}
.DLEPush-notification .DLEPush-close:hover {
opacity: 1;
}
.DLEPush-notification.wrapper.push-success {
background-color: #e0f2f1;
}
.DLEPush-notification.wrapper.push-success .DLEPush-icon {
background-color: #00897b;
}
.DLEPush-notification.wrapper.push-warning {
background-color: #FFF3E0;
}
.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
background-color: #FF9800;
}
.DLEPush-notification.wrapper.push-error {
background-color: #FBE9E7;
}
.DLEPush-notification.wrapper.push-error .DLEPush-icon {
background-color: #FF5722;
}
input[type="text"].comments_author_field {
width: 100%;
margin-bottom: 10px;
}
.ui-dialog-buttonset button.ui-button-delete {
background-color: #f44336;
border-color: #f44336;
color: #fff;
text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
background-color: #db3a2f;
border-color: #db3a2f;
color: #fff;
text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
cursor: pointer;
}
.form-check-input {
color: #0c5f7eed;
flex-shrink: 0;
width: 1.12rem;
height: 1.12rem;
margin: -0.188rem 0.625rem 0 0;
appearance: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #0c5f7eed;
vertical-align: middle;
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox] {
border-radius: .25rem;
}
.form-check-input[type=radio] {
border-radius: 50%;
}