Template:Box-main-2/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.sol-box { | .sol-box { | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 0 0.4em; | padding: 0 0.4em; | ||
margin-bottom: 1.2em; | margin-bottom: 1.2em; | ||
background-color: #fff4d6; | |||
} | } | ||
.sol-box-header { | .sol-box-header { | ||
| Line 22: | Line 22: | ||
} | } | ||
.sol-box-logo img { | .sol-box-logo img { | ||
border: | border: 2px solid #ddd; | ||
border-radius: 2px; | border-radius: 2px; | ||
} | } | ||
.sol-box-title { | .sol-box-title { | ||
margin: 0 | margin: 3px 0 0 16px; | ||
padding: 0; | padding: 0; | ||
font-size: 2. | font-size: 2.5em; | ||
font-weight: 600; | font-weight: 600; | ||
font-family: Merriweather; | font-family: Merriweather; | ||
} | } | ||
.sol-box-content { | .sol-box-content { | ||
padding: 0 0. | padding: 0 1em 0.5em 0.5em; | ||
margin-top: - | margin-top: -24px; | ||
} | } | ||
.sol-box-footer { | .sol-box-footer { | ||
Latest revision as of 11:10, 14 December 2024
.sol-box {
border: 1px solid #ddd;
border-radius: 4px;
padding: 0 0.4em;
margin-bottom: 1.2em;
background-color: #fff4d6;
}
.sol-box-header {
margin-top: 8px;
margin-left: 12px;
display: flex;
}
.sol-box-logo {
display: inline-flex;
align-self: center;
margin: 0;
padding: 0;
}
.sol-box-logo p {
margin: 0;
padding: 0;
}
.sol-box-logo img {
border: 2px solid #ddd;
border-radius: 2px;
}
.sol-box-title {
margin: 3px 0 0 16px;
padding: 0;
font-size: 2.5em;
font-weight: 600;
font-family: Merriweather;
}
.sol-box-content {
padding: 0 1em 0.5em 0.5em;
margin-top: -24px;
}
.sol-box-footer {
margin-top: 4px;
margin-bottom: 18px;
margin-left: 12px;
margin-right: 12px;
padding: 0;
}
.sol-box-footer .mw-ui-button {
font-weight: 500;
font-size: 1.3em;
padding-top: 5px;
padding-bottom: 8px;
}
.sol-box-footer .mw-ui-button:hover {
background-color: white;
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.075),
0 2px 2px rgba(0, 0, 0, 0.075),
0 4px 4px rgba(0, 0, 0, 0.075),
0 8px 8px rgba(0, 0, 0, 0.075),
0 16px 16px rgba(0, 0, 0, 0.075)
;
}