Template:STF/styles.css: Difference between revisions

From FHX Wiki
No edit summary
No edit summary
 
(44 intermediate revisions by the same user not shown)
Line 97: Line 97:
vertical-align:bottom
vertical-align:bottom
}
}
 
.table > :first-child > tr:first-child,
.table > :first-child > tr:first-child,
.table > tbody > tr.heading{
.table > tbody > tr.heading{
Line 111: Line 111:
.table > tbody > tr:nth-child(odd){
.table > tbody > tr:nth-child(odd){
background-color:#F3F3F3;
background-color:#EEE;
border-color:#AAA
border-color:#AAA
}
}
Line 175: Line 175:
}
}
.table.archer > * > tr > th{
.table.archer > * > tr > th{
background-color:#588;
background-color:#7aa;
border-color:#7aa
border-color:#588
}
}
.table.archer > tbody > tr:nth-child(odd){
.table.archer > tbody > tr:nth-child(odd){
Line 182: Line 182:
}
}
.table > * > tr.archer > th{
.table > * > tr.archer > th{
background-color:#588;
background-color:#7aa;
border-color:#7aa
border-color:#588
}
}
.table > tbody > tr.archer:nth-child(odd){
.table > tbody > tr.archer:nth-child(odd){
Line 197: Line 197:
}
}
.table.cleric > * > tr > th{
.table.cleric > * > tr > th{
background-color:#ed4;
background-color:#ff8;
border-color:#ff8
border-color:#ed4
}
}
.table.cleric > tbody > tr:nth-child(odd){
.table.cleric > tbody > tr:nth-child(odd){
Line 204: Line 204:
}
}
.table > * > tr.cleric > th{
.table > * > tr.cleric > th{
background-color:#ed4;
background-color:#ff8;
border-color:#ff8
border-color:#ed4
}
}
.table > tbody > tr.cleric:nth-child(odd){
.table > tbody > tr.cleric:nth-child(odd){
Line 220: Line 220:
}
}
.table.knight > * > tr > th{
.table.knight > * > tr > th{
background-color:#015;
background-color:#57e;
border-color:#57e
border-color:#015
}
}
.table.knight > tbody > tr:nth-child(odd){
.table.knight > tbody > tr:nth-child(odd){
Line 228: Line 228:
.table > * > tr.knight > th{
.table > * > tr.knight > th{
color:#FFF !important;
color:#FFF !important;
background-color:#015;
background-color:#57e;
border-color:#57e
border-color:#015
}
}
.table > tbody > tr.knight:nth-child(odd){
.table > tbody > tr.knight:nth-child(odd){
background-color:#eef
background-color:#eef
}
.table.paladin > :first-child > tr:first-child,
.table.paladin > :first-child > tr:first-child > *,
.table.paladin > * > tr.heading,
.table.paladin > * > tr.heading > *{
color:#FFF !important;
background-image:linear-gradient(#9c8bb0 0%,#645278 100%);
border-color:#7c609c !important
}
.table.paladin > * > tr > th{
background-color:#9c8bb0;
border-color:#645278
}
.table.paladin > tbody > tr:nth-child(odd){
background-color:#f2eef7
}
.table > * > tr.paladin > th{
color:#FFF !important;
background-color:#9c8bb0;
border-color:#645278
}
.table > tbody > tr.paladin:nth-child(odd){
background-color:#f2eef7
}
.table.summoner > :first-child > tr:first-child,
.table.summoner > :first-child > tr:first-child > *,
.table.summoner > * > tr.heading,
.table.summoner > * > tr.heading > *{
background-image:linear-gradient(#8cd0d5 0%,#3d9fa5 100%);
border-color:#4bc7cf !important
}
.table.summoner > * > tr > th{
background-color:#8cd0d5;
border-color:#3d9fa5
}
.table.summoner > tbody > tr:nth-child(odd){
background-color:#effafb
}
.table > * > tr.summoner > th{
background-color:#8cd0d5;
border-color:#3d9fa5
}
.table > tbody > tr.summoner:nth-child(odd){
background-color:#effafb
}
.table.warrior > :first-child > tr:first-child,
.table.warrior > :first-child > tr:first-child > *,
.table.warrior > * > tr.heading,
.table.warrior > * > tr.heading > *{
background-image:linear-gradient(#ffb466 0%,#994e00 100%);
border-color:#f4a460 !important
}
.table.warrior > * > tr > th{
background-color:#ffb466;
border-color:#994e00
}
.table.warrior > tbody > tr:nth-child(odd){
background-color:#faf0e6
}
.table > * > tr.warrior > th{
background-color:#ffb466;
border-color:#994e00
}
.table > tbody > tr.warrior:nth-child(odd){
background-color:#faf0e6
}
.table.wizard > :first-child > tr:first-child,
.table.wizard > :first-child > tr:first-child > *,
.table.wizard > * > tr.heading,
.table.wizard > * > tr.heading > *{
color:#FFF !important;
background-image:linear-gradient(#ff4500 0%,#802300 100%);
border-color:#b84114 !important
}
.table.wizard > * > tr > th{
background-color:#ff4500;
border-color:#802300
}
.table.wizard > tbody > tr:nth-child(odd){
background-color:#ffece5
}
.table > * > tr.wizard > th{
background-color:#ff4500;
border-color:#802300
}
.table > tbody > tr.wizard:nth-child(odd){
background-color:#ffece5
}
}


Line 256: Line 347:
.table > tbody > tr.normal:nth-child(odd){
.table > tbody > tr.normal:nth-child(odd){
background-color:#EEE
background-color:#EEE
}
.table.magic > :first-child > tr:first-child,
.table.magic > :first-child > tr:first-child > *,
.table.magic > * > tr.heading,
.table.magic > * > tr.heading > *{
background-image:linear-gradient(#0FF 0%, #088 100%);
border-color:#1bb !important
}
.table.magic > * > tr > th{
background-color:#0FF;
border-color:#088
}
.table.magic > tbody > tr:nth-child(odd){
background-color:#ebffff
}
.table > * > tr.magic > th{
background-color:#0FF;
border-color:#088
}
.table > tbody > tr.magic:nth-child(odd){
background-color:#ebffff
}
.table.rare > :first-child > tr:first-child,
.table.rare > :first-child > tr:first-child > *,
.table.rare > * > tr.heading,
.table.rare > * > tr.heading > *{
background-image:linear-gradient(#ee5 0%,#bb1 100%);
border-color:#ff0 !important
}
.table.rare > * > tr > th{
background-color:#ee5;
border-color:#bb1
}
.table.rare > tbody > tr:nth-child(odd){
background-color:#ffffe0
}
.table > * > tr.rare > th{
background-color:#ee5;
border-color:#bb1
}
.table > tbody > tr.rare:nth-child(odd){
background-color:#ffffe0
}
.table.soul > :first-child > tr:first-child,
.table.soul > :first-child > tr:first-child > *,
.table.soul > * > tr.heading,
.table.soul > * > tr.heading > *{
color:#FFF !important;
background-image:linear-gradient(#DAA949 0%,#751 100%);
border-color:#541 !important
}
.table.soul > * > tr > th{
background-color:#DAA949;
border-color:#751
}
.table.soul > tbody > tr:nth-child(odd){
background-color:#fbf5ea
}
.table > * > tr.soul > th{
background-color:#DAA949;
border-color:#751
}
.table > tbody > tr.soul:nth-child(odd){
background-color:#fbf5ea
}
.table.unique > :first-child > tr:first-child,
.table.unique > :first-child > tr:first-child > *,
.table.unique > * > tr.heading,
.table.unique > * > tr.heading > *{
background-image:linear-gradient(#0fff0f 0%,#050 100%);
border-color:#030 !important
}
.table.unique > * > tr > th{
background-color:#0fff0f;
border-color:#050
}
.table.unique > tbody > tr:nth-child(odd){
background-color:#f5fff5
}
.table > * > tr.unique > th{
background-color:#0fff0f;
border-color:#050
}
.table > tbody > tr.unique:nth-child(odd){
background-color:#f5fff5
}
}


Line 266: Line 446:
}
}
.table.crafting > * > tr > th{
.table.crafting > * > tr > th{
background-color:#ca7;
background-color:#eca;
border-color:#a85
border-color:#A38FB8
}
}
.table.crafting > tbody > tr:nth-child(odd){
.table.crafting > tbody > tr:nth-child(odd){
Line 273: Line 453:
}
}
.table > * > tr.crafting > th{
.table > * > tr.crafting > th{
background-color:#ca7;
background-color:#eca;
border-color:#A38FB8
border-color:#A38FB8
}
}
Line 311: Line 491:
}
}
.table.npc > * > tr > th{
.table.npc > * > tr > th{
background-color:#050;
background-color:#390;
border-color:#390
border-color:#050
}
}
.table.npc > tbody > tr:nth-child(odd){
.table.npc > tbody > tr:nth-child(odd){
background-color:#dfe
background-color:#f7fdfa
}
}
.table > * > tr.npc > th{
.table > * > tr.npc > th{
background-color:#050;
background-color:#390;
border-color:#390
border-color:#050
}
}
.table > tbody > tr.npc:nth-child(odd){
.table > tbody > tr.npc:nth-child(odd){
background-color:#dfe
background-color:#f7fdfa
}
 
.table.quest > :first-child > tr:first-child,
.table.quest > :first-child > tr:first-child > *,
.table.quest > * > tr.heading,
.table.quest > * > tr.heading > *{
background-image:linear-gradient(360deg,#960 0%,#E90 100%);
border-color:#E90 !important
}
.table.quest > * > tr > th{
background-color:#E90;
border-color:#960
}
.table.quest > tbody > tr:nth-child(odd){
background-color:#fffaf0
}
.table > * > tr.quest > th{
background-color:#E90;
border-color:#960
}
.table > tbody > tr.quest:nth-child(odd){
background-color:#fffaf0
}
}

Latest revision as of 15:54, 7 October 2024

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:#EEE;
	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:#7aa;
	border-color:#588
	}
.table.archer > tbody > tr:nth-child(odd){
	background-color:#dee
	}
.table > * > tr.archer > th{
	background-color:#7aa;
	border-color:#588
	}
.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:#ff8;
	border-color:#ed4
	}
.table.cleric > tbody > tr:nth-child(odd){
	background-color:#ffe
	}
.table > * > tr.cleric > th{
	background-color:#ff8;
	border-color:#ed4
	}
.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:#57e;
	border-color:#015
	}
.table.knight > tbody > tr:nth-child(odd){
	background-color:#eef
	}
.table > * > tr.knight > th{
	color:#FFF !important;
	background-color:#57e;
	border-color:#015
	}
.table > tbody > tr.knight:nth-child(odd){
	background-color:#eef
	}

.table.paladin > :first-child > tr:first-child,
.table.paladin > :first-child > tr:first-child > *,
.table.paladin > * > tr.heading,
.table.paladin > * > tr.heading > *{
	color:#FFF !important;
	background-image:linear-gradient(#9c8bb0 0%,#645278 100%);
	border-color:#7c609c !important
	}
.table.paladin > * > tr > th{
	background-color:#9c8bb0;
	border-color:#645278
	}
.table.paladin > tbody > tr:nth-child(odd){
	background-color:#f2eef7
	}
.table > * > tr.paladin > th{
	color:#FFF !important;
	background-color:#9c8bb0;
	border-color:#645278
	}
.table > tbody > tr.paladin:nth-child(odd){
	background-color:#f2eef7
	}

.table.summoner > :first-child > tr:first-child,
.table.summoner > :first-child > tr:first-child > *,
.table.summoner > * > tr.heading,
.table.summoner > * > tr.heading > *{
	background-image:linear-gradient(#8cd0d5 0%,#3d9fa5 100%);
	border-color:#4bc7cf !important
	}
.table.summoner > * > tr > th{
	background-color:#8cd0d5;
	border-color:#3d9fa5
	}
.table.summoner > tbody > tr:nth-child(odd){
	background-color:#effafb
	}
.table > * > tr.summoner > th{
	background-color:#8cd0d5;
	border-color:#3d9fa5
	}
.table > tbody > tr.summoner:nth-child(odd){
	background-color:#effafb
	}

.table.warrior > :first-child > tr:first-child,
.table.warrior > :first-child > tr:first-child > *,
.table.warrior > * > tr.heading,
.table.warrior > * > tr.heading > *{
	background-image:linear-gradient(#ffb466 0%,#994e00 100%);
	border-color:#f4a460 !important
	}
.table.warrior > * > tr > th{
	background-color:#ffb466;
	border-color:#994e00
	}
.table.warrior > tbody > tr:nth-child(odd){
	background-color:#faf0e6
	}
.table > * > tr.warrior > th{
	background-color:#ffb466;
	border-color:#994e00
	}
.table > tbody > tr.warrior:nth-child(odd){
	background-color:#faf0e6
	}

.table.wizard > :first-child > tr:first-child,
.table.wizard > :first-child > tr:first-child > *,
.table.wizard > * > tr.heading,
.table.wizard > * > tr.heading > *{
	color:#FFF !important;
	background-image:linear-gradient(#ff4500 0%,#802300 100%);
	border-color:#b84114 !important
	}
.table.wizard > * > tr > th{
	background-color:#ff4500;
	border-color:#802300
	}
.table.wizard > tbody > tr:nth-child(odd){
	background-color:#ffece5
	}
.table > * > tr.wizard > th{
	background-color:#ff4500;
	border-color:#802300
	}
.table > tbody > tr.wizard:nth-child(odd){
	background-color:#ffece5
	}

.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.magic > :first-child > tr:first-child,
.table.magic > :first-child > tr:first-child > *,
.table.magic > * > tr.heading,
.table.magic > * > tr.heading > *{
	background-image:linear-gradient(#0FF 0%, #088 100%);
	border-color:#1bb !important
	}
.table.magic > * > tr > th{
	background-color:#0FF;
	border-color:#088
	}
.table.magic > tbody > tr:nth-child(odd){
	background-color:#ebffff
	}
.table > * > tr.magic > th{
	background-color:#0FF;
	border-color:#088
	}
.table > tbody > tr.magic:nth-child(odd){
	background-color:#ebffff
	}

.table.rare > :first-child > tr:first-child,
.table.rare > :first-child > tr:first-child > *,
.table.rare > * > tr.heading,
.table.rare > * > tr.heading > *{
	background-image:linear-gradient(#ee5 0%,#bb1 100%);
	border-color:#ff0 !important
	}
.table.rare > * > tr > th{
	background-color:#ee5;
	border-color:#bb1
	}
.table.rare > tbody > tr:nth-child(odd){
	background-color:#ffffe0
	}
.table > * > tr.rare > th{
	background-color:#ee5;
	border-color:#bb1
	}
.table > tbody > tr.rare:nth-child(odd){
	background-color:#ffffe0
	}

.table.soul > :first-child > tr:first-child,
.table.soul > :first-child > tr:first-child > *,
.table.soul > * > tr.heading,
.table.soul > * > tr.heading > *{
	color:#FFF !important;
	background-image:linear-gradient(#DAA949 0%,#751 100%);
	border-color:#541 !important
	}
.table.soul > * > tr > th{
	background-color:#DAA949;
	border-color:#751
	}
.table.soul > tbody > tr:nth-child(odd){
	background-color:#fbf5ea
	}
.table > * > tr.soul > th{
	background-color:#DAA949;
	border-color:#751
	}
.table > tbody > tr.soul:nth-child(odd){
	background-color:#fbf5ea
	}

.table.unique > :first-child > tr:first-child,
.table.unique > :first-child > tr:first-child > *,
.table.unique > * > tr.heading,
.table.unique > * > tr.heading > *{
	background-image:linear-gradient(#0fff0f 0%,#050 100%);
	border-color:#030 !important
	}
.table.unique > * > tr > th{
	background-color:#0fff0f;
	border-color:#050
	}
.table.unique > tbody > tr:nth-child(odd){
	background-color:#f5fff5
	}
.table > * > tr.unique > th{
	background-color:#0fff0f;
	border-color:#050
	}
.table > tbody > tr.unique:nth-child(odd){
	background-color:#f5fff5
	}

.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:#eca;
	border-color:#A38FB8
	}
.table.crafting > tbody > tr:nth-child(odd){
	background-color:#fff5eb
	}
.table > * > tr.crafting > th{
	background-color:#eca;
	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:#390;
	border-color:#050
	}
.table.npc > tbody > tr:nth-child(odd){
	background-color:#f7fdfa
	}
.table > * > tr.npc > th{
	background-color:#390;
	border-color:#050
	}
.table > tbody > tr.npc:nth-child(odd){
	background-color:#f7fdfa
	}

.table.quest > :first-child > tr:first-child,
.table.quest > :first-child > tr:first-child > *,
.table.quest > * > tr.heading,
.table.quest > * > tr.heading > *{
	background-image:linear-gradient(360deg,#960 0%,#E90 100%);
	border-color:#E90 !important
	}
.table.quest > * > tr > th{
	background-color:#E90;
	border-color:#960
	}
.table.quest > tbody > tr:nth-child(odd){
	background-color:#fffaf0
	}
.table > * > tr.quest > th{
	background-color:#E90;
	border-color:#960
	}
.table > tbody > tr.quest:nth-child(odd){
	background-color:#fffaf0
	}