Template:STF/styles.css: Difference between revisions

From FHX Wiki
No edit summary
No edit summary
Line 1: Line 1:
table.table > :first-child > tr:first-child,
table.root > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
table.root > :first-child > tr:first-child > *,
.table > tbody > tr > *{
.root > tbody > tr > *{
border:1px solid #000 !important
border:1px solid #000 !important
}
}
.table{
.root{
border-collapse:collapse !important
border-collapse:collapse !important
}
}


.table{
.root{
border:0 solid;
border:0 solid;
border-collapse:collapse;
border-collapse:collapse;
Line 23: Line 23:
}
}
.table::after{
.root::after{
content:"";
content:"";
position:absolute;
position:absolute;
Line 32: Line 32:
}
}
.table::after{
.root::after{
bottom:-3px
bottom:-3px
}
}
.table > caption{
.root > caption{
font-weight:bold
font-weight:bold
}
}
.table tr{
.root tr{
text-align:left;
text-align:left;
border-color:#AAA
border-color:#AAA
}
}
.table > * > tr > :first-child{
.root > * > tr > :first-child{
border-left:1px solid #AAA
border-left:1px solid #AAA
}
}
.table > * > tr > :last-child{
.root > * > tr > :last-child{
border-right:1px solid #AAA
border-right:1px solid #AAA
}
}
.table > tbody > tr:last-child,
.root > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.root > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *{
.root > tfoot > tr:last-child > *{
border-bottom:1px solid #AAA
border-bottom:1px solid #AAA
}
}
.table > tbody:first-child > tr:first-child > *,
.root > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.root > tbody > tr.heading > *,
.table > thead > tr:first-child > *{
.root > thead > tr:first-child > *{
background-color:#EEE;
background-color:#EEE;
border-color:#AAA;
border-color:#AAA;
Line 66: Line 66:
}
}
.table > tbody > tr > th,
.root > tbody > tr > th,
.table > tbody > tr > td,
.root > tbody > tr > td,
.table > tfoot > tr > th{
.root > tfoot > tr > th{
line-height:1.667em;
line-height:1.667em;
padding:0.25em 0.5em
padding:0.25em 0.5em
}
}
.table tr > th,
.root tr > th,
.table[class*="center"] tr{
.root[class*="center"] tr{
text-align:center
text-align:center
}
}
.table[class*="left"] tr{
.root[class*="left"] tr{
text-align:left
text-align:left
}
}
.table[class*="right"] tr{
.root[class*="right"] tr{
text-align:right
text-align:right
}
}
.table[class*="middle"] tr{
.root[class*="middle"] tr{
vertical-align:middle
vertical-align:middle
}
}
.table[class*="top"] tr{
.root[class*="top"] tr{
vertical-align:top
vertical-align:top
}
}
.table[class*="bottom"] tr{
.root[class*="bottom"] tr{
vertical-align:bottom
vertical-align:bottom
}
}
.table > :first-child > tr:first-child,
.root > :first-child > tr:first-child,
.table > tbody > tr.heading{
.root > tbody > tr.heading{
background-color:#EEE;
background-color:#EEE;
border:1px solid #AAA !important
border:1px solid #AAA !important
}
}
.table > tbody > tr > th,
.root > tbody > tr > th,
.table > tfoot > tr > th{
.root > tfoot > tr > th{
background-color:#E7E7E7;
background-color:#E7E7E7;
border-color:#AAA
border-color:#AAA
}
}
.table > tbody > tr:nth-child(odd){
.root > tbody > tr:nth-child(odd){
background-color:#F3F3F3;
background-color:#F3F3F3;
border-color:#AAA
border-color:#AAA
}
}
.table > tbody,
.root > tbody,
.table > tbody > tr.heading,
.root > tbody > tr.heading,
.table > thead > tr,
.root > thead > tr,
.table > tbody > tr > [rowspan],
.root > tbody > tr > [rowspan],
.table > tbody > tr > [colspan]{
.root > tbody > tr > [colspan]{
border:1px solid #AAA
border:1px solid #AAA
}
}
.table > :first-child > tr:first-child + tr [rowspan],
.root > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan]{
.root > :first-child > tr:first-child + tr [colspan]{
border-top-width:0
border-top-width:0
}
}
.table .line,
.root .line,
.table .line-bottom{
.root .line-bottom{
border-bottom-width:1px !important;
border-bottom-width:1px !important;
border-bottom-style:solid
border-bottom-style:solid
}
}
.table .line-top{
.root .line-top{
border-top-width:1px !important;
border-top-width:1px !important;
border-top-style:solid;
border-top-style:solid;
Line 140: Line 140:
}
}
.table .line-left{
.root .line-left{
border-left-width:1px !important;
border-left-width:1px !important;
border-left-style:solid;
border-left-style:solid;
Line 146: Line 146:
}
}
.table .line-right{
.root .line-right{
border-right-width:1px !important;
border-right-width:1px !important;
border-right-style:solid;
border-right-style:solid;
Line 152: Line 152:
}
}
.table table{
.root table{
background-color:transparent;
background-color:transparent;
padding:0;
padding:0;
Line 158: Line 158:
}
}
dl + table.table{
dl + table.root{
margin-top:0
margin-top:0
}
}
.table[class*="center"]::after,
.root[class*="center"]::after,
.table.noshadowafter::after{
.root.noshadowafter::after{
background-image:none
background-image:none
}
}


.table.normal > :first-child > tr:first-child,
.root.normal > :first-child > tr:first-child,
.table.normal > :first-child > tr:first-child > *,
.root.normal > :first-child > tr:first-child > *,
.table.normal > * > tr.heading,
.root.normal > * > tr.heading,
.table.normal > * > tr.heading > *{
.root.normal > * > tr.heading > *{
color:#FFF !important;
color:#FFF !important;
background-color:#777 !important;
background-color:#777 !important;
Line 176: Line 176:
}
}
.table.normal > * > tr > th{
.root.normal > * > tr > th{
background-color:#AAA;
background-color:#AAA;
border-color:black
border-color:black
}
}
.table.normal > tbody > tr:nth-child(odd){
.root.normal > tbody > tr:nth-child(odd){
background-color:#EEE
background-color:#EEE
}
}


.table.location > :first-child > tr:first-child,
.root.location > :first-child > tr:first-child,
.table.location > :first-child > tr:first-child > *,
.root.location > :first-child > tr:first-child > *,
.table.location > * > tr.heading,
.root.location > * > tr.heading,
.table.location > * > tr.heading > *{
.root.location > * > tr.heading > *{
background-color:#96C !important;
background-color:#96C !important;
border-color:#7A52A3 !important
border-color:#7A52A3 !important
}
}
.table.location > * > tr > th{
.root.location > * > tr > th{
background-color:#CCB3E6;
background-color:#CCB3E6;
border-color:#A38FB8
border-color:#A38FB8
}
}
.table.location > tbody > tr:nth-child(odd){
.root.location > tbody > tr:nth-child(odd){
background-color:#F0E8F8
background-color:#F0E8F8
}
}

Revision as of 17:42, 2 October 2024

table.root > :first-child > tr:first-child,
table.root > :first-child > tr:first-child > *,
.root > tbody > tr > *{
	border:1px solid #000 !important
	}
	
.root{
	border-collapse:collapse !important
	}

.root{
	border:0 solid;
	border-collapse:collapse;
	border-spacing:0;
	font-size:0.9230769231em;
	text-align:left;
	clear:none;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:10px 0;
	padding:0
	}
	
.root::after{
	content:"";
	position:absolute;
	width:100%;
	left:0;
	height:3px;
	background-size:100% 3px
	}
	
.root::after{
	bottom:-3px
	}
.root > caption{
	font-weight:bold
	}
	
.root tr{
	text-align:left;
	border-color:#AAA
	}
	
.root > * > tr > :first-child{
	border-left:1px solid #AAA
	}
	
.root > * > tr > :last-child{
	border-right:1px solid #AAA
	}
	
.root > tbody > tr:last-child,
.root > tbody > tr:last-child > *,
.root > tfoot > tr:last-child > *{
	border-bottom:1px solid #AAA
	}
	
.root > tbody:first-child > tr:first-child > *,
.root > tbody > tr.heading > *,
.root > thead > tr:first-child > *{
	background-color:#EEE;
	border-color:#AAA;
	padding:0.5em
	}
	
.root > tbody > tr > th,
.root > tbody > tr > td,
.root > tfoot > tr > th{
	line-height:1.667em;
	padding:0.25em 0.5em
	}
	
.root tr > th,
.root[class*="center"] tr{
	text-align:center
	}
	
.root[class*="left"] tr{
	text-align:left
	}
	
.root[class*="right"] tr{
	text-align:right
	}
	
.root[class*="middle"] tr{
	vertical-align:middle
	}
	
.root[class*="top"] tr{
	vertical-align:top
	}
	
.root[class*="bottom"] tr{
	vertical-align:bottom
	}
	
.root > :first-child > tr:first-child,
.root > tbody > tr.heading{
	background-color:#EEE;
	border:1px solid #AAA !important
	}
	
.root > tbody > tr > th,
.root > tfoot > tr > th{
	background-color:#E7E7E7;
	border-color:#AAA
	}
	
.root > tbody > tr:nth-child(odd){
	background-color:#F3F3F3;
	border-color:#AAA
	}
	
.root > tbody,
.root > tbody > tr.heading,
.root > thead > tr,
.root > tbody > tr > [rowspan],
.root > tbody > tr > [colspan]{
	border:1px solid #AAA
	}
	
.root > :first-child > tr:first-child + tr [rowspan],
.root > :first-child > tr:first-child + tr [colspan]{
	border-top-width:0
	}
	
.root .line,
.root .line-bottom{
	border-bottom-width:1px !important;
	border-bottom-style:solid
	}
	
.root .line-top{
	border-top-width:1px !important;
	border-top-style:solid;
	border-top-color:#AAA
	}
	
.root .line-left{
	border-left-width:1px !important;
	border-left-style:solid;
	border-left-color:#AAA
	}
	
.root .line-right{
	border-right-width:1px !important;
	border-right-style:solid;
	border-right-color:#AAA
	}
	
.root table{
	background-color:transparent;
	padding:0;
	margin:0
	}
	
dl + table.root{
	margin-top:0
	}
	
.root[class*="center"]::after,
.root.noshadowafter::after{
	background-image:none
	}

.root.normal > :first-child > tr:first-child,
.root.normal > :first-child > tr:first-child > *,
.root.normal > * > tr.heading,
.root.normal > * > tr.heading > *{
	color:#FFF !important;
	background-color:#777 !important;
	border-color:black !important
	}
	
.root.normal > * > tr > th{
	background-color:#AAA;
	border-color:black
	}
	
.root.normal > tbody > tr:nth-child(odd){
	background-color:#EEE
	}

.root.location > :first-child > tr:first-child,
.root.location > :first-child > tr:first-child > *,
.root.location > * > tr.heading,
.root.location > * > tr.heading > *{
	background-color:#96C !important;
	border-color:#7A52A3 !important
	}
.root.location > * > tr > th{
	background-color:#CCB3E6;
	border-color:#A38FB8
	}
.root.location > tbody > tr:nth-child(odd){
	background-color:#F0E8F8
	}