Template:Warning/style.css
Jump to navigation
Jump to search
.warning {
box-sizing: border-box;
width: 100%;
max-width: 1024px;
position: relative;
border-radius: 6px;
min-height: 110px;
margin: 60px auto 20px;
padding: 6px 12px 6px 232px;
background: repeating-linear-gradient( 52.5deg, rgba(240, 248, 255, 0.5),
rgba(240, 248, 255, 0.5) 14px,
rgba(240, 248, 255, 0.2) 14px,
rgba(240, 248, 255, 0.2) 28px
);
}
.warning img {
position: absolute;
bottom: -18px;
left: 12px;
}
.warning > span {
display: inline-block;
float: left;
clear: both;
}
.warning > span.title {
color:#306d96;
font-weight: bold;
font-size: xx-large;
}
@media screen and (max-width:720px) {
.warning {
padding: 6px 12px 6px 124px;
}
.warning > img {
height: 105px!important;
width: auto!important;
bottom: calc(50% - 52px);
}
}
@media screen and (max-width:480px) {
.warning {
padding: 6px 6px 6px 92px;
}
.warning > img {
height: 70px!important;
width: auto!important;
bottom: calc(50% - 35px);
left: 9px;
}
.warning > span.title {
font-size: x-large;
}
}