Template:UnitAbility/styles.css - Revision history

76561198868168807 at 21:14, 5 September 2026

2026-09-05T21:14:01Z

← Older revision		Revision as of 21:14, 5 September 2026
Line 70:		Line 70:
	.unit-ability .content {		.unit-ability .content {
	color: #fff;		color: #fff;
	}

	~~.unit-ability .immunities {~~
	~~font-style: italic;~~
	~~color: #c8b36c; /#d3a6a6;/~~
	}		}

76561198868168807 at 21:07, 5 September 2026

2026-09-05T21:07:59Z

← Older revision		Revision as of 21:07, 5 September 2026
Line 70:		Line 70:
	.unit-ability .content {		.unit-ability .content {
	color: #fff;		color: #fff;
			}

			.unit-ability .immunities {
			font-style: italic;
			color: #c8b36c; /#d3a6a6;/
	}		}

76561198868168807 at 23:38, 4 August 2026

2026-08-04T23:38:54Z

@@ Line 80: / Line 80: @@
      .responsive-group {
          flex-direction: column;
+     }
+}

76561198868168807: Added support for mobile/desktop aware stats display, WIP

2026-08-04T22:21:14Z

Added support for mobile/desktop aware stats display, WIP

@@ Line 70: / Line 70: @@
 .unit-ability .content {
      color: #fff;
+}

76561198048502585 at 06:04, 31 July 2026

2026-07-31T06:04:44Z

← Older revision		Revision as of 06:04, 31 July 2026
Line 6:		Line 6:
	align-items: center;		align-items: center;
	}		}

	h2 + style + .unit-ability .header {		h2 + style + .unit-ability .header {
	border-top: none;		border-top: none;
Line 12:		Line 13:
	.unit-ability .icon {		.unit-ability .icon {
	flex-shrink: 0;		flex-shrink: 0;
	padding:10px;		padding: 10px;
	position:relative;		position: relative;
	}		}

	.unit-ability .ring {		.unit-ability .ring {
	position:absolute;		position: absolute;
	left:7px;		left: 7px;
	top:7px;		top: 7px;
	}		}

Line 53:		Line 54:
	padding: 4px 8px;		padding: 4px 8px;
	display: inline-block;		display: inline-block;
	border-right: solid 2px rgba(0,0,0,0.2)		border-right: solid 2px rgba(0, 0, 0, 0.2);
	}		}

Line 62:		Line 63:

	.unit-ability .ribbon > span:last-child {		.unit-ability .ribbon > span:last-child {
	border-right:none;		border-right: none;
	border-top-right-radius: 4px;		border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;		border-bottom-right-radius: 4px;
Line 68:		Line 69:

	.unit-ability .content {		.unit-ability .content {
	color:#fff;		color: #fff;
	}		}

76561198048502585 at 05:58, 31 July 2026

2026-07-31T05:58:27Z

← Older revision		Revision as of 05:58, 31 July 2026
Line 5:		Line 5:
	display: flex;		display: flex;
	align-items: center;		align-items: center;
			}
			h2 + style + .unit-ability .header {
			border-top: none;
	}		}

76561198048502585: Created page with ".unit-ability .header { border-top: 1px solid #45494e; padding-top: 4px; margin-top: 16px; display: flex; align-items: center; } .unit-ability .icon { flex-shrink: 0; padding:10px; position:relative; } .unit-ability .ring { position:absolute; left:7px; top:7px; } .unit-ability .icon img { filter: none; } .unit-ability .brief { flex-grow: 1; color: #bcb096 } .unit-ability .type { font-style: italic; } .unit..."

2026-07-31T05:47:32Z

Created page with ".unit-ability .header { border-top: 1px solid #45494e; padding-top: 4px; margin-top: 16px; display: flex; align-items: center; } .unit-ability .icon { flex-shrink: 0; padding:10px; position:relative; } .unit-ability .ring { position:absolute; left:7px; top:7px; } .unit-ability .icon img { filter: none; } .unit-ability .brief { flex-grow: 1; color: #bcb096 } .unit-ability .type { font-style: italic; } .unit..."

New page

.unit-ability .header {
border-top: 1px solid #45494e;
padding-top: 4px;
margin-top: 16px;
display: flex;
align-items: center;
}

.unit-ability .icon {
flex-shrink: 0;
padding:10px;
position:relative;
}

.unit-ability .ring {
position:absolute;
left:7px;
top:7px;
}

.unit-ability .icon img {
filter: none;
}

.unit-ability .brief {
flex-grow: 1;
color: #bcb096
}

.unit-ability .type {
font-style: italic;
}

.unit-ability .title {
font-weight: bold;
font-size: larger;
}

.unit-ability.hidden {
display: none
}

.unit-ability .ribbon {
color: #fff;
margin-bottom: 4px;
}

.unit-ability .ribbon > span {
background: #156e7e;
padding: 4px 8px;
display: inline-block;
border-right: solid 2px rgba(0,0,0,0.2)
}

.unit-ability .ribbon > span:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.unit-ability .ribbon > span:last-child {
border-right:none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.unit-ability .content {
color:#fff;
}