Template:Diagram/styles.css

/* [[Category:模板样式]] */
/* Template:diagram */
table.diagram {
	border-spacing: 0;
	background: transparent;
}
table.diagram tr {
	height: 1px;
	text-align: center;
}
table.diagram td.l {
	border-style: none;
	border-width: 1px;
	border-color: #b3b3b3;
	padding: 0.5em;
}
table.diagram td.n {
	padding: 0;
}
table.diagram td.db {
	border-bottom-style: dashed;
}
table.diagram td.dr {
	border-right-style: dashed;
}
table.diagram td.sb {
	border-bottom-style: solid;
}
table.diagram td.sr {
	border-right-style: solid;
}
table.diagram td.nb {
	border-bottom-style: solid;
	border-bottom-color: transparent;
}
table.diagram td.nr {
	border-right-style: solid;
	border-right-color: transparent;
}
/* center dot fix */
table.diagram td.cf {
	position: relative;
}
table.diagram td.cf:after {
	content: "";
	display: block;
	position: absolute;
	width: 0.9px;
	height: 1px;
	border-bottom: 1px solid #b3b3b3;
	right: 0;
	bottom: 0;
}
/* arrow */
table.diagram td.alt,
table.diagram td.alb,
table.diagram td.art,
table.diagram td.arb,
table.diagram td.atl,
table.diagram td.atr,
table.diagram td.abl,
table.diagram td.abr{
	position: relative;
}
table.diagram td.alt:before,
table.diagram td.alb:before,
table.diagram td.art:before,
table.diagram td.arb:before,
table.diagram td.atl:before,
table.diagram td.atr:before,
table.diagram td.abl:before,
table.diagram td.abr:before{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	box-sizing: content-box;
	border-style: solid;
	border-color: #b3b3b3;
}
table.diagram td.alt:before{
	left: 0;
	bottom: -1px;
	border-width: 3px 8px 1px 0;
	border-top-color: transparent;
}
table.diagram td.alb:before{
	left: 0;
	top: 0;
	border-width: 0 8px 3px 0;
	border-bottom-color: transparent;
}
table.diagram td.art:before{
	right: 0;
	bottom: -1px;
	border-width: 3px 0 1px 8px;
	border-top-color: transparent;
}
table.diagram td.arb:before{
	right: 0;
	top: 0;
	border-width: 0 0 3px 8px;
	border-bottom-color: transparent;
}
table.diagram td.atl:before{
	right: -1px;
	top: 0;
	border-width: 0 1px 8px 3px;
	border-left-color: transparent;
}
table.diagram td.atr:before{
	left: 0;
	top: 0;
	border-width: 0 3px 8px 0;
	border-right-color: transparent;
}
table.diagram td.abl:before{
	right: -1px;
	bottom: 0;
	border-width: 8px 1px 0 3px;
	border-left-color: transparent;
}
table.diagram td.abr:before{
	left: 0;
	bottom: 0;
	border-width: 8px 3px 0 0;
	border-right-color: transparent;
}
table.diagram td.ct,
table.diagram td.cb{
	position: relative;
}

table.diagram td.sr.cb{
	border-right-color: transparent;
}
/* unlinked crossing */
table.diagram td.ct:before,
table.diagram td.cb:before,
table.diagram td.ct:after{
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	border-style: solid;
	border-color: #b3b3b3;
}
table.diagram td.ct:before{
	right: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 4px);
	border-width: 0 1px 0 0;
}
table.diagram td.cb:before{
	right: -1px;
	bottom: 0;
	width: 100%;
	height: calc(100% - 4px);
	border-width: 0 1px 0 0;
}
table.diagram td.ct:after{
	right: -4px;
	bottom: -5px;
	width: 5px;
	height: 9px;
	border-width: 1px 1px 1px 0;
	border-radius: 0 10px 10px 0;
}

.diagram-box {
	border-width: 2px;
	border-style: solid;
	border-color: #b3b3b3;
	border-radius: 7px;
	padding: 0.25em 0.5em;
}
.diagram-box .note-text{
	line-height: 1.25;
	margin-top: 0.25em;
}
.diagram-box > .note-text:first-child{
	margin-top: auto;
}
.diagram-box > img:first-child{
	margin-top: 2px;
}
table.diagram td.no-border {
	border: none;
}
table.diagram td.craft-station {
	border: none;
	padding: 2px 0;
}
.crafting-tree {
	overflow: auto;
	padding: 0.5em 0;
	font-size: 12px;
	line-height: 1.25;
}
.crafting-tree .diagram {
	white-space: nowrap;
}