Материал из Народные Сказки
.ts-Раздел_форума-wrapper {
background: #f6fbff;
border: solid 1px #afcff2;
margin-bottom: 1em;
padding: 0 1.5em;
clear: right;
}
.ts-Раздел_форума-shortcut {
margin: 0.75rem 0 0.5rem;
float: right;
font-size: 85%;
white-space: nowrap;
}
.ts-Раздел_форума-title {
font-size: 150%;
margin: 0.25rem 0;
}
.ts-Раздел_форума-image {
clear: both;
float: left;
padding: 0.5em 1em 0.5em 0;
min-height: 95px;
/* "min-height" с "box-sizing: border-box" используются здесь и ниже, чтобы часть текста
посередине не съезжала влево или вправо из-за разной высоты левого и правого float-блока */
box-sizing: border-box;
}
.ts-Раздел_форума-tools {
float: right;
text-align: right;
padding: 0.5em 0 0.5em 1em;
min-height: 95px;
box-sizing: border-box;
}
.ts-Раздел_форума-buttonContainer {
margin-bottom: 0.5em;
}
.ts-Раздел_форума-content {
max-width: 60em;
margin: 0 auto;
padding: 0.5em 0;
text-align: center;
}
.ts-Раздел_форума-searchBlock {
text-align: center;
padding: 0.75em;
clear: both;
}
.ts-Раздел_форума-bottomInputToggle {
margin: -2.5em -110px 0 0;
color: #0645ad;
float: right;
text-align: right;
line-height: 1.3em;
font-size: 13px;
}
.ts-Раздел_форума-bottomInputWrapper {
overflow: hidden;
}
.ts-Раздел_форума-bottomInputInnerWrapper {
margin-top: 0.5em;
}
@media (max-width: 599px) {
.ts-Раздел_форума-title {
clear: right;
}
.ts-Раздел_форума-image {
display: none;
}
.ts-Раздел_форума-tools {
float: none;
width: 100%;
min-height: 0;
}
.ts-Раздел_форума-buttonContainer {
display: inline-block;
margin-right: .75em;
}
}
/* [[Категория:Шаблоны:Подстраницы CSS]] */