Template: Box/style.css

No edit summary
No edit summary
 
Line 1: Line 1:
.tpl-box {
.tpl-box {
border: 1px solid lightblue;
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;
color: #76bcd2;
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;
}
Discuss this page