„Sablon:WarningBox/styles.css” változatai közötti eltérés
Nincs szerkesztési összefoglaló |
Nincs szerkesztési összefoglaló |
||
| 2. sor: | 2. sor: | ||
border: 1px solid #f00; | border: 1px solid #f00; | ||
background-color: #ffe6e6; | background-color: #ffe6e6; | ||
padding: 10px; | padding: 10px 10px 10px 40px; /* Add padding to the left for the icon */ | ||
margin: 10px 0; | margin: 10px 0; | ||
border-radius: 5px; | border-radius: 5px; | ||
position: relative; | position: relative; | ||
} | } | ||
.warning- | .warning-icon { | ||
background-color: #ffcc00; | |||
width: | color: #fff; | ||
height: | border-radius: 50%; | ||
width: 20px; | |||
height: 20px; | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
position: absolute; | position: absolute; | ||
left: | left: 10px; | ||
top: 50%; | top: 50%; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
font-weight: bold; | |||
} | } | ||
A lap 2025. április 4., 15:06-kori változata
.warning-box {
border: 1px solid #f00;
background-color: #ffe6e6;
padding: 10px 10px 10px 40px; /* Add padding to the left for the icon */
margin: 10px 0;
border-radius: 5px;
position: relative;
}
.warning-icon {
background-color: #ffcc00;
color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
}