Template:STF/styles.css

From FHX Wiki
Revision as of 14:29, 3 October 2024 by Ryzuhr (talk | contribs)
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > *{
	border:1px solid #000 !important
	}
	
.table{
	border-collapse:collapse !important
	}

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

.table.archer > :first-child > tr:first-child,
.table.archer > :first-child > tr:first-child > *,
.table.archer > * > tr.heading,
.table.archer > * > tr.heading > *{
	background-image:linear-gradient(#7aa 0%,#588 100%);
	border-color:#466 !important
	}
.table.archer > * > tr > th{
	background-color:#588;
	border-color:#7aa
	}
.table.archer > tbody > tr:nth-child(odd){
	background-color:#dee
	}
.table > * > tr.archer > th{
	background-color:#588;
	border-color:#7aa
	}
.table > tbody > tr.archer:nth-child(odd){
	background-color:#dee
	}

.table.cleric > :first-child > tr:first-child,
.table.cleric > :first-child > tr:first-child > *,
.table.cleric > * > tr.heading,
.table.cleric > * > tr.heading > *{
	background-image:linear-gradient(#ff8 0%,#ed4 100%);
	border-color:#fe8 !important
	}
.table.cleric > * > tr > th{
	background-color:#ed4;
	border-color:#ff8
	}
.table.cleric > tbody > tr:nth-child(odd){
	background-color:#ffe
	}
.table > * > tr.cleric > th{
	background-color:#ed4;
	border-color:#ff8
	}
.table > tbody > tr.cleric:nth-child(odd){
	background-color:#ffe
	}

.table.knight > :first-child > tr:first-child,
.table.knight > :first-child > tr:first-child > *,
.table.knight > * > tr.heading,
.table.knight > * > tr.heading > *{
	color:#FFF !important;
	background-image:linear-gradient(#57e 0%,#015 100%);
	border-color:#113 !important
	}
.table.knight > * > tr > th{
	background-color:#015;
	border-color:#57e
	}
.table.knight > tbody > tr:nth-child(odd){
	background-color:#eef
	}
.table > * > tr.knight > th{
	color:#FFF !important;
	background-color:#015;
	border-color:#57e
	}
.table > tbody > tr.knight:nth-child(odd){
	background-color:#eef
	}

.table.normal > :first-child > tr:first-child,
.table.normal > :first-child > tr:first-child > *,
.table.normal > * > tr.heading,
.table.normal > * > tr.heading > *{
	color:#FFF !important;
	background-image:linear-gradient(360deg,#666 0%, #CCC 100%);
	border-color:black !important
	}
.table.normal > * > tr > th{
	background-color:#AAA;
	border-color:black
	}
.table.normal > tbody > tr:nth-child(odd){
	background-color:#EEE
	}
.table > * > tr.normal > th{
	background-color:#AAA;
	border-color:black
	}
.table > tbody > tr.normal:nth-child(odd){
	background-color:#EEE
	}

.table.crafting > :first-child > tr:first-child,
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > * > tr.heading,
.table.crafting > * > tr.heading > *{
	background-image:linear-gradient(#eca 0%,#ca7 100%);
	border-color:#a85 !important
	}
.table.crafting > * > tr > th{
	background-color:#ca7;
	border-color:#a85
	}
.table.crafting > tbody > tr:nth-child(odd){
	background-color:#fff5eb
	}
.table > * > tr.crafting > th{
	background-color:#ca7;
	border-color:#A38FB8
	}
.table > tbody > tr.crafting:nth-child(odd){
	background-color:#fff5eb
	}

.table.location > :first-child > tr:first-child,
.table.location > :first-child > tr:first-child > *,
.table.location > * > tr.heading,
.table.location > * > tr.heading > *{
	background-image:linear-gradient(#CCB3E6 0%,#A38FB8 100%);
	border-color:#7A52A3 !important
	}
.table.location > * > tr > th{
	background-color:#CCB3E6;
	border-color:#A38FB8
	}
.table.location > tbody > tr:nth-child(odd){
	background-color:#F0E8F8
	}
.table > * > tr.location > th{
	background-color:#CCB3E6;
	border-color:#A38FB8
	}
.table > tbody > tr.location:nth-child(odd){
	background-color:#F0E8F8
	}

.table.npc > :first-child > tr:first-child,
.table.npc > :first-child > tr:first-child > *,
.table.npc > * > tr.heading,
.table.npc > * > tr.heading > *{
	color:#FFF !important;
	background-image:linear-gradient(#094 0%,#050 100%);
	border-color:#390 !important
	}
.table.npc > * > tr > th{
	background-color:#050;
	border-color:#390
	}
.table.npc > tbody > tr:nth-child(odd){
	background-color:#f7fdfa
	}
.table > * > tr.npc > th{
	background-color:#050;
	border-color:#390
	}
.table > tbody > tr.npc:nth-child(odd){
	background-color:#f7fdfa
	}