img {
    vertical-align: baseline;
}

.rotate{
	animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
/* Подсказки (.k-tip / .k-tipbox) переехали в базовые стили обеих версий сайта:
   /media/css/kodg.css и /media/css/kodg-lite.css. Здесь их держать больше нельзя —
   значок «ТОП-7 сезона» показывается на страницах, которые этот файл не грузят. */

/* ================= /clans/wars-list/ — бои сейчас и заявленные =================
   Цвета берём переменными темы, со значением по умолчанию для лёгкой версии:
   там тем нет и переменные не определены, а хардкод цвета сломал бы тёмную. */
.wl-sum{margin:0 0 10px}
.wl-chip{display:inline-block;margin:0 8px 6px 0;padding:3px 10px;border-radius:12px;
	border:1px solid var(--k-border, #ddd);background:var(--k-panel3, #f7f7f7);
	color:var(--k-text2, #444);font-size:13px;white-space:nowrap}
.wl-chip .glyphicon{font-size:11px;top:1px;margin-right:3px;color:var(--k-muted, #888)}
.wl-chip-q{color:var(--k-muted, #777)}
.wl-legend{margin:0 0 14px;color:var(--k-muted, #777);font-size:13px}
.wl-legend span{margin-left:2px}

.wl td{vertical-align:middle !important}
.wl-ico{width:28px;text-align:center}
.wl-ico .glyphicon{font-size:15px;top:0}
.wl-time{width:56px;white-space:nowrap;font-weight:700}
.wl-vs img{vertical-align:baseline}      /* как и везде: эмблема по базовой линии */
.wl-meta{margin-top:2px;color:var(--k-muted, #777);font-size:12.5px}
.wl-none{color:var(--k-muted, #999);font-weight:400}
.wl-when{white-space:nowrap;text-align:right;color:var(--k-text2, #444)}
.wl-act{width:48px;text-align:right}
.wl-act img{vertical-align:middle}       /* значок журнала — игровой, ровно по центру строки */
.wl-empty{color:var(--k-muted, #777)}
.wl-more{margin-top:16px;color:var(--k-muted, #777);font-size:13px}

/* На телефоне колонка «через сколько» уезжает под название боя, чтобы строка
   не превращалась в горизонтальную прокрутку из пяти столбцов. */
@media (max-width: 600px){
	.wl-time{width:auto}
	.wl-when{text-align:left}
	.wl-act{width:auto}
	.wl-vs{min-width:150px}
}