MediaWiki:SB Infobox.css - Revision history

DustyFB at 11:14, 15 July 2021

2021-07-15T11:14:22Z

@@ Line 23: / Line 23: @@
    max-width: 100%;
+}
-.SB-Infobox-Faction-Logo img {
 .SB-Infobox-Image-Wrap {
    position: relative;
@@ Line 40: / Line 30: @@
    max-height: 20em;
+}
-.SB-Infobox-Image-Wrap img {
-   outline: 2px solid #305e60;
+.SB-Infobox-Faction-Logo {
+}
 .SB-Infobox-Header-Caption {
    display: block;

2021-07-13T04:56:40Z

2021-06-29T04:31:37Z

Added hover effects for data rows

← Older revision		Revision as of 07:31, 29 June 2021
Line 9:		Line 9:
	background:rgba(49, 68, 77, 0.15);		background:rgba(49, 68, 77, 0.15);
	border-radius:0.25em; /* May not keep this, but giving it a go */		border-radius:0.25em; /* May not keep this, but giving it a go */
			cursor: default;
	}		}
	.SB-Infobox-Header {		.SB-Infobox-Header {
Line 86:		Line 87:
	text-align:left;		text-align:left;
	padding:0 0.4em;		padding:0 0.4em;
			background: transparent;
			transition: background .125s ease-in-out;
	/* font-size:1.25em */		/* font-size:1.25em */
			}
			.SB-Infobox-Data-Cell:hover {
			background:#3a80802b;
	}		}
	.SB-Infobox-Cell-Header {		.SB-Infobox-Cell-Header {
Line 105:		Line 111:
	.SB-Infobox-Construction-Section {		.SB-Infobox-Construction-Section {
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));		grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));/Mediawiki is dumb, this is a valid property /
	column-gap: 1em;		column-gap: 1em;
	padding: 0 0.4em;		padding: 0 0.4em;

2021-06-24T07:51:34Z

2021-06-24T07:50:08Z

2021-06-24T07:46:19Z

Set header image max-height to 100%

2021-06-23T09:36:39Z

2021-06-23T08:00:57Z

← Older revision		Revision as of 11:00, 23 June 2021
Line 14:		Line 14:
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
			background: linear-gradient(transparent, #3a808045);
	}		}
	.SB-Infobox-Header img {		.SB-Infobox-Header img {
Line 34:		Line 35:
	.SB-Infobox-Image-Wrap {		.SB-Infobox-Image-Wrap {
	position: relative;		position: relative;
	~~background: linear-gradient(transparent, #3a808045);~~
	outline: 2px solid #305e60;		outline: 2px solid #305e60;
	padding: 1em;		padding: 1em;

2021-06-22T07:55:23Z

← Older revision		Revision as of 10:55, 22 June 2021
Line 8:		Line 8:
	background:#141e22; /* IE fallback. Do people still use IE? */		background:#141e22; /* IE fallback. Do people still use IE? */
	background:rgba(49, 68, 77, 0.15);		background:rgba(49, 68, 77, 0.15);
	border-radius:0.~~5em~~; /* May not keep this, but giving it a go */		border-radius:0.25em; /* May not keep this, but giving it a go */
	}		}
	.SB-Infobox-Header {		.SB-Infobox-Header {

2021-06-18T15:18:57Z

← Older revision		Revision as of 18:18, 18 June 2021
Line 8:		Line 8:
	background:#141e22; /* IE fallback. Do people still use IE? */		background:#141e22; /* IE fallback. Do people still use IE? */
	background:rgba(49, 68, 77, 0.15);		background:rgba(49, 68, 77, 0.15);
			border-radius:0.5em; /* May not keep this, but giving it a go */
	}		}
	.SB-Infobox-Header {		.SB-Infobox-Header {