Advertisement Management
Добавлено: 12 авг 2018, 14:59
Привет, вот как в этом расширении сделать баннеры адаптивными для более меньших экранов? https://www.phpbb.com/customise/db/extension/ads/
Вот файл стиля
Вот файл стиля
Код: Выделить всё
.phpbb-ads-center {
text-align: center;
}
.phpbb-ads-center > :first-child:not(script) {
display: inline-block;
max-width: 100%;
}
.phpbbad-slide-up {
position: fixed;
bottom: 0;
width: 100%;
transition: transform 0.3s;
transform: translateY(100%);
}
.phpbbad-slide-up-center {
text-align: center;
}
.phpbbad-slide-up-close {
background-color: #ffffff;
width: 30px;
cursor: pointer;
}
.phpbb-ads-visual-demo {
font-size: 12px;
font-weight: bold;
line-height: 44px;
text-align: center;
background-color: #ecd5d8;
border: #ff0000 dashed 3px;
color: #bc2a4d;
box-sizing: border-box;
width: 100%;
height: 50px;
}
.phpbb-ads-button {
font-family: system-ui, sans-serif;
font-size: 13px;
vertical-align: middle;
background: #e3e3e3;
background: linear-gradient(to bottom, #e3e3e3 0%, #f7f7f7 100%);
border: solid 1px #afafaf;
box-shadow: inset 1px 1px 2px #ffffff;
margin: 2px 0;
padding: 3px 8px;
}
.phpbb-ads-button:link {
color: #000000;
}
.phpbb-ads-button:link:hover {
text-decoration: none;
}
.phpbb-ads-button:hover {
border-color: #bc2a4d;
color: #bc2a4d;
cursor: pointer;
}
.phpbb-ads-button:active {
background: #c3c3c3;
}