Common.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
Opera: Нажмите Ctrl+F5.
a:hover { 
    text-decoration: none;
}

/* ⸻ Новости ⸻ */
.WikiaBlogListing .WikiaBlogListingPost {
    border-bottom: 0;
    padding: 10px;
    margin: 0 0 5px 0;
}
.WikiaBlogListingPost {
    -webkit-border-radius: 0.4em;
    margin: 0 0 5px 0;
    background: #fff;
    box-shadow: 0 1px 0 0 #d9dbdc, 0 0 0 1px #d9dbdc;
    padding: 10px;
}
.WikiaBlogListing ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 100%;
}
.WikiaBlogListing .commentslikes {
    position: absolute;
    right: 10px;
    top: 10px;
}
.WikiaBlogListing .author-details {
    zoom: 1;
    margin: 0 0 10px 62px;
}
.WikiaBlogListing h2 {
    border: 0;
    font-size: 20px;
    margin: 0 25px 0 0;
    line-height: 30px;
}

/* ⸻ Меню ⸻ */
.HeaderDesktop+.BoxDesktop {
    padding-top: 0;
}
.BoxDesktop-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.BoxDesktop {
    padding: .3em;
}
.ColorCardDesktop {
    border-radius: .3em;
    display: inline-block;
    text-decoration: none;
    padding: .8em;
    line-height: 15px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    width: calc(20% - 8px);
    height: 80px;
    box-sizing: border-box;
    flex-shrink: 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 900;
    font-size: 16px;
    box-shadow: 0 1px 0 0 #d9dbdc, 0 0 0 1px #d9dbdc;
}
.ColorCardDesktop:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 5px;
    top: 36px;
}
/* --- Правила --- */
/* ---- Цвет ---- */
.ColorCardDesktop-rules {
    background: rgba(176,162,149,1);
}
/* ---- Иконка ---- */
.ColorCardDesktop-rules:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFF1DA;%7D%3C/style%3E%3Cpath class='st0' d='M3.5,2H20V0H3C1.3,0,0,1.3,0,3v18c0,1.7,1.3,3,3,3h17V4H3.5C2.1,4,2.1,2,3.5,2z M4,6h14v16H4V6z M9.2,17.4 c0.5-1.5,1.3-3.2,1.5-3.7c0.2-0.6-0.2-0.9-1.4,0.2L9,13.3c1.4-1.6,4.4-1.9,3.4,0.5c-0.6,1.5-1.1,2.5-1.3,3.3 c-0.4,1.1,0.6,0.7,1.5-0.2c0.1,0.2,0.2,0.3,0.3,0.5C10.8,19.4,8.5,19.6,9.2,17.4z M13.1,10.7c-0.4,0.4-1.1,0.4-1.4,0 c-0.4-0.4-0.3-1,0.1-1.4c0.4-0.4,1.1-0.4,1.4,0C13.6,9.7,13.5,10.3,13.1,10.7z'/%3E%3C/svg%3E");
}
/* --- Календарь --- */
/* ---- Цвет ---- */
.ColorCardDesktop-calendar {
    background: rgba(247,156,153,.6);
}
/* ---- Иконка ---- */
.ColorCardDesktop-calendar:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CB5E5C;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20,20h-4v-4h4V20z M14,10h-4v4h4V10z M20,10h-4v4h4V10z M8,16H4v4h4V16z M14,16h-4v4h4V16z M8,10H4v4h4V10z M24,2v22H0V2h3v1c0,1.1,0.9,2,2,2s2-0.9,2-2V2h10v1c0,1.1,0.9,2,2,2s2-0.9,2-2V2H24z M22,8H2v14h20V8z M20,1c0-0.6-0.4-1-1-1 s-1,0.4-1,1v2c0,0.6,0.4,1,1,1s1-0.4,1-1V1z M6,3c0,0.6-0.4,1-1,1S4,3.6,4,3V1c0-0.6,0.4-1,1-1s1,0.4,1,1V3z'/%3E%3C/svg%3E");
}
/* --- Словарь --- */
/* ---- Цвет ---- */
.ColorCardDesktop-dictionary {
    background: rgba(247,231,153,.6);
}
/* ---- Иконка ---- */
.ColorCardDesktop-dictionary:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CBB85C;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3.5,2H20V0H3C1.3,0,0,1.3,0,3v18c0,1.7,1.3,3,3,3h17V4H3.5C2.1,4,2.1,2,3.5,2z M4,6h14v16H4V6z M12.1,18 c0,0.6-0.5,1-1,1c-0.6,0-1-0.5-1-1c0-0.6,0.5-1,1-1C11.6,16.9,12.1,17.4,12.1,18z M11.1,9c-1.7,0-2.9,1.1-2.9,3.3h1.6 c0-1,0.4-1.7,1.3-1.7c0.5,0,1.1,0.3,1.1,1c0.1,0.7-0.3,1-0.8,1.5c-1.2,1.2-1.2,1.7-1.2,3h1.6c0-0.6-0.1-1,0.8-1.9 c0.6-0.6,1.2-1.3,1.3-2.5C13.9,10,12.7,9,11.1,9z'/%3E%3C/svg%3E");
}
/* --- Справка --- */
/* ---- Цвет ---- */
.ColorCardDesktop-help {
    background: rgba(92,148,148,.4);
}
/* ---- Иконка ---- */
.ColorCardDesktop-help:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23377A7A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M21,16.4l-2.6-1.5C18.8,14,19,13,19,12 s-0.2-2-0.6-2.9L21,7.6c0.6,1.3,1,2.8,1,4.4S21.6,15.1,21,16.4z M2,12c0-1.6,0.4-3.1,1-4.4l2.6,1.5C5.2,10,5,11,5,12s0.2,2,0.6,2.9 L3,16.4C2.4,15.1,2,13.6,2,12z M7,12c0-2.8,2.2-5,5-5s5,2.2,5,5s-2.2,5-5,5S7,14.8,7,12z M16.4,3l-1.5,2.6C14,5.2,13,5,12,5 s-2,0.2-2.9,0.6L7.6,3c1.3-0.7,2.8-1,4.4-1S15.1,2.4,16.4,3z M7.6,21l1.5-2.6C10,18.8,11,19,12,19s2-0.2,2.9-0.6l1.5,2.6 c-1.3,0.7-2.8,1-4.4,1S8.9,21.6,7.6,21z'/%3E%3C/svg%3E%0A");
}
/* --- Случайная статья --- */
/* ---- Цвет ---- */
.ColorCardDesktop-random {
    background: rgba(223,239,148,.6);
}
/* ---- Иконка ---- */
.ColorCardDesktop-random:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23B2C558;%7D%0A%3C/style%3E%3Cpath class='st0' d='M6,22V6h16v7.5c0,4.1-6,2.5-6,2.5s1.5,6-2.6,6C13.4,22,6,22,6,22z M24,14.4V4H4v20h10.2 C17.4,24,24,16.8,24,14.4z M14,16H9v-1h5V16z M19,12H9v1h10V12z M19,9H9v1h10V9z M22,3H3v19H2V2h20V3z M20,1H1v19H0V0h20V1z'/%3E%3C/svg%3E");
}
/* --- Аудиоархив --- */
/* ---- Цвет ---- */
.ColorCardDesktop-archive {
    background: rgba(117,117,173,.6);
}
/* ---- Иконка ---- */
.ColorCardDesktop-archive:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234C4C8E;%7D%0A%3C/style%3E%3Cpath class='st0' d='M11,0L0,6v12.1L11,24l11-5.9V6.1C22,6.1,11,0,11,0z M10,21.2l-8-4.3V8.2l8,4.4V21.2z M20,16.9l-8,4.3v-9.8 L3.1,6.6L11,2.3l9,5V16.9z M15.6,12.6l1.6-0.9l0,0.6l-1.6,0.9C15.6,13.2,15.6,12.6,15.6,12.6z M17.2,10.4l-1.6,0.9l0,0.6l1.6-0.9 C17.2,11.1,17.2,10.4,17.2,10.4z M17.2,9.2l-1.6,0.9l0,0.6l1.6-0.9C17.2,9.9,17.2,9.2,17.2,9.2z M13.5,8.5l1.6-1l-0.5-0.3l-1.6,1 L13.5,8.5z M17.7,14.8l-0.5-1.9l-1.6,0.9l-0.5,2.4c-0.2,1.1,0.4,1.3,1.3,0.8C17.3,16.6,17.9,15.6,17.7,14.8z M16.4,16.5 c-0.4,0.2-0.8,0.3-0.8-0.1c0-0.4,0.4-0.9,0.8-1.1c0.4-0.2,0.8-0.3,0.8,0.2C17.2,15.8,16.8,16.2,16.4,16.5z M12,5.8l-0.5-0.3l-1.6,1 l0.5,0.3C10.4,6.8,12,5.8,12,5.8z M10.5,5L8.8,6l0.5,0.3l1.6-1L10.5,5z M12.5,7.9l1.6-1l-0.5-0.3l-1.6,1C11.9,7.6,12.5,7.9,12.5,7.9 z M15.5,9.7l1.6-1l-0.5-0.3l-1.6,1C14.9,9.4,15.5,9.7,15.5,9.7z M9.4,4.5l-1.6,1l0.5,0.3l1.6-1L9.4,4.5z M11.4,7.4l1.6-1l-0.5-0.3 l-1.6,1L11.4,7.4z M14.5,9l1.6-1l-0.5-0.3l-1.6,1L14.5,9z'/%3E%3C/svg%3E");
}
/* --- Сообщество --- */
/* ---- Цвет ---- */
.ColorCardDesktop-community {
    background: rgba(247,197,153,.6);
}
/* ---- Иконка ---- */
.ColorCardDesktop-community:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CB8E5B;%7D%0A%3C/style%3E%3Cpath class='st0' d='M10.1,12.1c2.3-0.5,4.4-1,3.4-2.9C10.4,3.2,12.7,0,16,0c3.4,0,5.6,3.3,2.5,9.1c-1.1,2,1.1,2.4,3.4,2.9 c2,0.5,2.1,1.4,2.1,3.1l0,0.8H8C8,13.8,7.8,12.6,10.1,12.1z M0,16h6c0-6.5,3-3.7,3-8.9C9,5.1,7.7,4,6,4c-2.5,0-4.2,2.4-1.9,6.8 c0.8,1.5-0.8,1.8-2.5,2.2C0.1,13.4,0,14.1,0,15.4C0,15.4,0,16,0,16z'/%3E%3C/svg%3E");
}
/* --- Загрузить файл --- */
/* ---- Цвет ---- */
.ColorCardDesktop-file {
    background: rgba(145,105,165,.5);
}
/* ---- Иконка ---- */
.ColorCardDesktop-file:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23704188;%7D%0A%3C/style%3E%3Cpath class='st0' d='M13.6,4.1c2.2,1.2,4.9,3.3,6.4,5.3c-1.3-0.9-3-1-5.1-0.5C15.2,7.3,14.8,5.2,13.6,4.1z M12.8,11c0,0,1.5-7-3.3-7 H4v20h16V13.4C20,10,15.8,10.3,12.8,11z M12.5,3L11,2H2v20h1V3H12.5z M10,1L8.5,0H0v20h1V1H10z'/%3E%3C/svg%3E");
}
.ColorCardDesktop:nth-child(4n) {
    margin-right: 0;
}