Common.css

/* Main Page Panels */
.panel {
	background-color: var(--theme-page-background-color--secondary);
	border-radius: 3px;
	margin: 0 0 18px;
	padding: 18px;
}

.panel h2,
.panel h3 {
	padding-top: 0;
	margin-top: 0;
}

/* hr */

hr {
	background-color: var(--theme-border-color);
	border: none;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* Polls *

.poll div.ajax-poll {
	width: auto;
}

/* Overflow *

.overflow-x {
	overflow-x: scroll !important;
}

.overflow-y {
	overflow-y: scroll !important;
}

/* Forum (by -Algorithm & -Splaka) *

.forumheader {
	border: 1px solid #AAA;
	background-color: #F9F9F9;
	margin-top: 1em;
	padding: 12px;
}

.forumlist td.forum_edited a {
	color: black;
	text-decoration: none;
}

.forumlist td.forum_title a {
	padding-left: 20px;
}

.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url(https://images.wikia.nocookie.net/w4m/ru/images/4/4e/Forum_new.gif) center left no-repeat;
	padding-left: 20px;
}

.forumlist td.forum_title a.forum_new: visited {
	font-weight: normal;
	background: none;
	padding-left: 20px;
}

.forumlist th.forum_title {
	padding-left: 20px;
}

/* Collapsible tables *

table.collapsed tr.collapsible {
	display: none;
}

.collapseButton {
	float: right;
	font-weight: normal;
	text-align: right;
	width: auto;
}*/

/* Display */

.d-block {
	display: block;
}
.d-flex {
	display: flex;
}
.d-inline {
	display: inline;
}
.d-inline-block {
	display: inline-block;
}
.d-inline-flex {
	display: inline-flex;
}
.d-none {
	display: none;
}
.d-table {
	display: table;
}
.d-table-cell {
	display: table-cell;
}

/* Flex */

.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-column-reverse {
	flex-direction: column-reverse;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}
.flex-justify-start {
	justify-content: flex-start;
}
.flex-justify-end {
	justify-content: flex-end;
}
.flex-justify-center {
	justify-content: center;
}
.flex-justify-between {
	justify-content: space-between;
}
.flex-justify-around {
	justify-content: space-around;
}
.flex-items-start {
	align-items: flex-start;
}
.flex-items-end {
	align-items: flex-end;
}
.flex-items-center {
	align-items: center;
}
.flex-items-baseline {
	align-items: baseline;
}
.flex-items-stretch {
	align-items: stretch;
}
.flex-content-start {
	align-content: flex-start;
}
.flex-content-end {
	align-content: flex-end;
}
.flex-content-center {
	align-content: center;
}
.flex-content-between {
	align-content: space-between;
}
.flex-content-around {
	align-content: space-around;
}
.flex-content-stretch {
	align-content: stretch;
}
.flex-1 {
	flex: 1;
}
.flex-auto {
	flex: auto;
}
.flex-grow-0 {
	flex-grow: 0;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.flex-self-auto {
	align-self: auto;
}
.flex-self-start {
	align-self: flex-start;
}
.flex-self-end {
	align-self: flex-end;
}
.flex-self-center {
	align-self: center;
}
.flex-self-baseline {
	align-self: baseline;
}
.flex-self-stretch {
	align-self: stretch;
}
.flex-order-1 {
	order: 1;
}
.flex-order-2 {
	order: 2;
}
.flex-order-none {
	order: inherit;
}

/* Collections */

.collection {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 16px;
}
.collection-item {
    display: flex;
    flex-direction: column;
	box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 2px 4px;
	border-radius: 3px;
	background: white;
	overflow: hidden;
	height: 100%;
}