Template: Box/style.css
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.tpl-box { | .tpl-box { | ||
border: 1px solid | border: 1px solid black; | ||
border-left-width: 4px; | border-left-width: 4px; | ||
border-radius: 0.5em; | border-radius: 0.5em; | ||
Line 7: | Line 7: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.tpl-box-label { | .tpl-box-label { | ||
float: right; | float: right; | ||
font-size: larger; | font-size: larger; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
transform: rotate( 270deg ); | transform: rotate( 270deg ); | ||
Line 17: | Line 17: | ||
position: relative; | position: relative; | ||
} | } | ||
.tpl-box-colour-blue { | |||
border-color: #a4d2e1; | |||
} | |||
.tpl-box-colour-blue .tpl-box-label { | |||
color: #76bcd2; | |||
} | |||
.tpl-box-colour-orange { | |||
border-color: #f4c7b1; | |||
} | |||
.tpl-box-colour-orange .tpl-box-label { | |||
color: #f29653; | |||
} | |||
.tpl-box-content { | .tpl-box-content { | ||
margin-right: 1.3em; | margin-right: 1.3em; | ||
} | } |
Latest revision as of 02:42, 20 July 2021
.tpl-box {
border: 1px solid black;
border-left-width: 4px;
border-radius: 0.5em;
padding: 0.5em;
margin: 0.5em 0;
overflow: hidden;
}
.tpl-box-label {
float: right;
font-size: larger;
font-variant: small-caps;
transform: rotate( 270deg );
transform-origin: top right;
left: -1em;
position: relative;
}
.tpl-box-colour-blue {
border-color: #a4d2e1;
}
.tpl-box-colour-blue .tpl-box-label {
color: #76bcd2;
}
.tpl-box-colour-orange {
border-color: #f4c7b1;
}
.tpl-box-colour-orange .tpl-box-label {
color: #f29653;
}
.tpl-box-content {
margin-right: 1.3em;
}