Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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.
@media only screen and (min-width: 600px) { .infobox {
float: right;
margin: 1.2rem 0 2.4rem 2.4rem;
width: 300px;
} }
@media only screen and (max-width: 600px) { .infobox {
clear: both;
margin-top: 2.4rem;
width: 100%;
} }
.infobox {
background-color: var(--color-surface-2);
border-radius: var(--border-radius--large);
border: 1px solid var(--border-color-base);
box-shadow: var(--box-shadow-card);
box-sizing: border-box;
padding-bottom: 10px;
text-align: left;
}
.infobox code {
background-color: var(--color-surface-4);
border-color: var(--border-color-base--darker);
}
.infobox img {
--border-radius: calc(var(--border-radius--large ) - 1px);
border-radius: var(--border-radius) var(--border-radius) 10px 0;
height: auto;
width: 100%;
margin-bottom: 10px;
}
.infobox p, .infobox table {
margin: 0;
}
.infobox th {
font-size: 0.8125rem;
margin: 0;
padding: 0 15px;
}
.infobox td {
font-size: 0.875rem;
padding: 0 15px;
}
.infobox-header {
color: var(--color-base--emphasized);
font-size: 1.25rem;
font-weight: 400;
line-height: 1.2;
padding: 5px 15px;
}