MediaWiki:Common.css: Difference between revisions

Revision as of 16:09, 27 October 2024

/* For UX */
a {
    color: #757577;
}
a:hovered {
    color: #0052ff;
}
a:visited {
    color: #58585a;
}
.youtube {
    width: 854px;
    height: 480px;
}

/* For Infobox */
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    max-width: 22em;
}
.infobox-title {
    font-size: 130%;
    text-align: center;
    padding: 5px;
}
.infobox-image {
    text-align: center;
}
.infobox-table th {
    text-align: left;
    vertical-align: top;
    width: 120px;
}
.infobox-table td {
    vertical-align: top;
}



/* For EXTERNAL URL POP-UP WARNING */
/* Big thanks to Lighty for making this */
.lg_title {
	color:white;
	margin-top:0em;
	height:25px;
}
.lg_warn{
	color:white;
	padding-top:25px;
	text-align:center;
}
.lg_warn_left{
	color:white;
	text-align:left;
}
.lg_btn{
	width:50%;
	border: 2px solid #57595e;
	border-radius:5pt;
}
.lg_popup{
	color:white;
	max-width: 400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #343538;
	border: 3px solid #383943;
	border-radius:10pt;
	animation: lg_show_popup 0.3s ease-out forwards;
}
.lg_hide {
	animation: lg_hide_popup 0.3s ease-in forwards;
}
@keyframes lg_show_popup{
	from {
		transform: scale(0.50);
	}
	to{
		transform: scale(1);
	}
}
@keyframes lg_hide_popup{
	from {
		transform: scale(1);	
	}
	to {
		transform: scale(0);
	}
}