Sablon:Színkeret/style.css

.szinkeret {
	width: auto;
	margin-bottom: 1.25em;
	border: 1px solid #a2a9b1;
	background: transparent;
	padding: 5px;
	font-size: small;
}
.szinkeret::before {
	display: block;
	content: "";
	height: 8px;
	margin: -5px -5px 5px;
	border: 0;
	border-bottom: 1px solid #a2a9b1;
	background-color: #e0e0e0;
	font-size: 1px;
}

.szinkeret-kék,
.szinkeret-kék::before {
	border-color: #8898bf;
}
.szinkeret-kék::before {
	background-color: #c8d8ff;
}

.szinkeret-zöld,
.szinkeret-zöld::before {
	border-color: #97bf87;
}
.szinkeret-zöld::before {
	background-color: #d7ffc7;
}

.szinkeret-citrom,
.szinkeret-citrom::before {
	border-color: #aa6;
}
.szinkeret-citrom::before {
	background-color: #ffffb9;
}

.szinkeret-nar,
.szinkeret-nar::before {
	border-color: #777;
}
.szinkeret-nar::before {
	background-color: #ffe040;
}

.szinkeret-narancs,
.szinkeret-narancs::before,
.szinkeret-narancs2,
.szinkeret-narancs2::before {
	border-color: #a83;
}
.szinkeret-narancs::before {
	background-color: #fd8;
}
.szinkeret-narancs2::before {
	background-color: #fa3;
}

.szinkeret-ibolya,
.szinkeret-ibolya::before {
	border-color: #75a;
}
.szinkeret-ibolya::before {
	background-color: #c9aef1;
}

.szinkeret-lazac,
.szinkeret-lazac::before {
	border-color: #a86;
}
.szinkeret-lazac::before {
	background-color: #fbdfbe;
}

.szinkeret-homok,
.szinkeret-homok::before {
	border-color: #a95;
}
.szinkeret-homok::before {
	background-color: #f1e2ae;
}

.szinkeret-oliva,
.szinkeret-oliva::before {
	border-color: #8b5;
}
.szinkeret-oliva::before {
	background-color: #9c6;
}

.szinkeret-sötétkék,
.szinkeret-sötétkék::before {
	border-color: #14a;
}
.szinkeret-sötétkék::before {
	background-color: #039;
}

.szinkeret-bambusz,
.szinkeret-bambusz::before {
	border-color: #8b5;
}
.szinkeret-bambusz::before {
	background-color: #ffdab9;
}

.szinkeret-piros,
.szinkeret-piros::before {
	border-color: #994c4c;
}
.szinkeret-piros::before {
	background-color: #ff8080;
}

.szinkeret-sötétzöld,
.szinkeret-sötétzöld::before {
	border-color: #124f0f;
}
.szinkeret-sötétzöld::before {
	background-color: #4c9960;
}

.szinkeret-szürke,
.szinkeret-szürke::before {
	border-color: #dfdfdf;
}
.szinkeret-szürke::before {
	background-color: #b2b2b2;
}

.szinkeret-fekete,
.szinkeret-fekete::before {
	border-color: black;
}
.szinkeret-fekete::before {
	background-color: black;
}

.szinkeret-transp,
.szinkeret-transp::before {
	border-color: transparent;
}
.szinkeret-transp::before {
	background-color: transparent;
}