Template:Infobox buttons/styles.css - Revision history

ZexisStryfe at 04:42, 14 October 2023

2023-10-14T04:42:32Z

← Older revision		Revision as of 22:42, 13 October 2023
Line 40:		Line 40:
	font-size: 1rem;		font-size: 1rem;
	width: 450px;		width: 450px;
	color: #fff;		/* color: #fff; */
			color: var(--color-base--emphasized);
			font-family: Titillium Web;
			text-transform: uppercase;
			letter-spacing: 2px;
	}		}

ZexisStryfe at 04:41, 14 October 2023

2023-10-14T04:41:51Z

← Older revision		Revision as of 22:41, 13 October 2023
Line 27:		Line 27:
	background: #36c;		background: #36c;
	padding: 10px 20px;		padding: 10px 20px;
	color: white;		/* color: white; */
			color: var(--color-base--emphasized);
			font-family: Titillium Web;
			text-transform: uppercase;
			letter-spacing: 2px;
	}		}

ZexisStryfe at 04:37, 14 October 2023

2023-10-14T04:37:10Z

← Older revision		Revision as of 22:37, 13 October 2023
Line 33:		Line 33:
	display: block;		display: block;
	padding: 0px 20px;		padding: 0px 20px;
	margin: -~~10px~~ 0 0 0;		margin: -6.5px 0 0 0;
	font-size: 1rem;		font-size: 1rem;
	width: 450px;		width: 450px;

ZexisStryfe at 04:34, 14 October 2023

2023-10-14T04:34:56Z

← Older revision		Revision as of 22:34, 13 October 2023
Line 32:		Line 32:
	.infobox-extlink-title {		.infobox-extlink-title {
	display: block;		display: block;
	padding: ~~10px~~ 20px;		padding: 0px 20px;
	margin: -~~3px~~ 0 0 0;		margin: -10px 0 0 0;
	font-size: 1rem;		font-size: 1rem;
	width: 450px;		width: 450px;

ZexisStryfe at 04:33, 14 October 2023

2023-10-14T04:33:18Z

← Older revision		Revision as of 22:33, 13 October 2023
Line 32:		Line 32:
	.infobox-extlink-title {		.infobox-extlink-title {
	display: block;		display: block;
	padding: 0 20px;		padding: 10px 20px;
	margin: -3px 0 0 0;		margin: -3px 0 0 0;
	font-size: 1rem;		font-size: 1rem;
	width: ~~400px~~;		width: 450px;
	color: #fff;		color: #fff;
	}		}

ZexisStryfe at 22:19, 13 October 2023

2023-10-13T22:19:50Z

← Older revision		Revision as of 16:19, 13 October 2023
Line 3:		Line 3:
	margin-top: -45px;		margin-top: -45px;
	padding: 0;		padding: 0;
	width: ~~400px~~;		width: 450px;
	visibility: hidden;		visibility: hidden;
	opacity: 0;		opacity: 0;

ZexisStryfe at 13:33, 13 October 2023

2023-10-13T13:33:44Z

← Older revision		Revision as of 07:33, 13 October 2023
Line 3:		Line 3:
	margin-top: -45px;		margin-top: -45px;
	padding: 0;		padding: 0;
	width: ~~100%~~;		width: 400px;
	visibility: hidden;		visibility: hidden;
	opacity: 0;		opacity: 0;

ZexisStryfe at 05:14, 13 October 2023

2023-10-13T05:14:15Z

← Older revision		Revision as of 23:14, 12 October 2023
Line 35:		Line 35:
	margin: -3px 0 0 0;		margin: -3px 0 0 0;
	font-size: 1rem;		font-size: 1rem;
	width: ~~410px~~;		width: 400px;
	color: #fff;		color: #fff;
	}		}

ZexisStryfe: Created page with ".infobox-extlink-list { position: absolute; margin-top: -45px; padding: 0; width: 100%; visibility: hidden; opacity: 0; z-index: -1; background..."

2020-10-16T21:22:59Z

Created page with ".infobox-extlink-list { position: absolute; margin-top: -45px; padding: 0; width: 100%; visibility: hidden; opacity: 0; z-index: -1; background..."

New page

.infobox-extlink-list {
position: absolute;
margin-top: -45px;
padding: 0;
width: 100%;
visibility: hidden;
opacity: 0;
z-index: -1;
background: #33363d;
border-radius: 0 0 12px 12px;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.0625), 0 10px 10px rgba(0, 0, 0, 0.055);
transition: opacity 0.2s ease, box-shadow 0.2s ease;
text-align: left;
overflow: hidden;
/* Clip background icon */
}

.infobox-button:hover .infobox-extlink-list {
opacity: 1;
z-index: 10;
visibility: visible;
}

.infobox-button>span {
display: block;
border-radius: 0 0 12px 12px;
background: #36c;
padding: 10px 20px;
color: white;
}

.infobox-extlink-title {
display: block;
padding: 0 20px;
margin: -3px 0 0 0;
font-size: 1rem;
width: 410px;
color: #fff;
}

.infobox-extlink-list ul {
margin: 0 0 10px 0;
padding: 0 10px;
display: flex;
flex-wrap: wrap;
list-style: none;
}

.infobox-extlink a {
display: block;
/* Override external link and file icons */
padding: 5px 10px !important;
border-radius: 4px;
background-image: none !important;
transition: background 0.2s ease, color 0.2s ease;
}

.infobox-extlink a:hover {
background-color: #2b2f36 !important;
}

.infobox-extlink a:active {
background-color: #eaf3ff !important;
}

.infobox-extlink-title:before {
display: block;
position: absolute;
width: 120px;
height: 120px;
margin-top: 5px;
right: 20px;
opacity: .1;
z-index: -1;
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
filter: invert(1);
}

.infobox-extlink-title-rsi:before {
content: "";
/* TemplateStyles does not like internal link for some reason */
/* background-image: url(https://starcitizen.tools/images/4/40/RSItm.svg);*/
}

.infobox-extlink-title-community:before {
content: "";
/* TemplateStyles does not like internal link for some reason */
/* background-image: url(https://starcitizen.tools/images/3/3f/MadeByTheCommunity.svg);*/
}