Template:Uneven-frame-note/styles.css

.uneven-frame-note {
    margin: 16px auto;
	background-clip: content-box;
	display: flex;
	position: relative;
	padding: 4px 16px 2px 6px;
	border: 1px solid black;
}
.uneven-frame-note img {
	margin: 0 10px
}
/* On mobile */
@media only screen and (max-width: 500px) { 
	.uneven-frame-note {
    	font-size: 90%;
    	line-height: 1.4;
    	padding: 4px 6px 2px 2px !important;
	}
	.uneven-frame-note img {
		display: none;
	}
}

.uneven-frame-note:nth-child(even):after { /*Article tag rope*/
	content: '';
	display: inline-block;
	position: absolute;
	z-index: -1;
	width: 18px;
	height: 61px;
	left: calc(50% - (18px / 2));
	top: -18px;
	background-image: url(https://static.miraheze.org/pizzatowerwiki/9/96/PTWiki-tutorialframe-rope.png);
}
.uneven-cleanup {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/c/c2/PTWiki-border-articletag-cleanup.png) 40 / 40px round;
	background-color: #c080a0;
}
.uneven-delete {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/1/1d/PTWiki-border-articletag-delete.png) 40 / 40px round;
	background-color: #EC8F8F;
}
.uneven-disambiguation {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/5/51/PTWiki-border-articletag-disambig.png) 40 / 40px round;
	background-color: #FDA3F1;
}
.uneven-stub {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/5/59/PTWiki-border-articletag-stub.png) 40 / 40px round;
	background-color: #E09000;
}
.uneven-tcrf {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/c/ca/PTWiki-tutorialbubble-40px.png) 40 / 40px round;
	background-color: white;
}
.uneven-wip {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/8/88/PTWiki-border-articletag-wip.png) 40 / 40px round;
	background-color: #92CCEE;
}
.uneven-fan {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/d/dc/PTWikiborder-fan.png) 40 / 40px round;
	background-color: #F8E080;
}
.uneven-doc {
	border-image: url(https://static.miraheze.org/pizzatowerwiki/2/2f/Wikiborder-doc.png) 40 / 40px round;
	background-color: #fff5c4;
}
.uneven-frame-note>.content {
    width: auto;
    margin: 0;
}
.uneven-frame-note>.content>.wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
	padding: 10px;
}
.uneven-frame-note>.content>.wrapper>.textArea>h4, .uneven-frame-note>.content>.wrapper>.textArea>p {
	margin: 0;
}
.uneven-frame-note>.content>.wrapper>.textArea>h4 {
	font-size: initial;
	padding-top: 0;
}

/* [[Category:Template styles]] */