Structorica Wiki/styles.css: Difference between revisions

/* This stylesheet applies to the main page and its associated template pages */


/* MainPageButton */
.mp-button{
	background-color: #f8f9fa;
	color: #202122;
	border: 1px solid #202122;
	border-radius: 24px;
	font-size: 1em;
	font-weight: bold;
	padding: 0.8em 0em;
	text-shadow: 2px 2px 0 #00000020;
    box-shadow: 0 0 0 1px #313233, 0 0 0 2px #0606067F, 0 4px 4px rgba(0, 0, 0, 0.1);
    
	transition-property: background-color, color, border-color, box-shadow, opacity, padding, margin;
	transition-duration: .1s;
}
.mp-button:hover{
	background-color: #ff0000;
}

body.mediawiki .mp-button > * {
	width: calc(100%);
	position: relative;
	display: flex;
	
	text-align: center;
	align-items: center;
	justify-content: center;
	
	cursor: pointer;
	user-select: none;
	text-decoration: none;
}

/*
body.stw-theme-dark .mp-button {
	background-color: #202122;
	color: #ffff;
	border: 1px solid #a2a9b1;
}

.mp-button.mp-button-progressive {
	background-color: #36c;
	border: 1px solid #36c;
	color: #fff;
}
body.stw-theme-dark .mp-button.mp-button-progressive {
	background-color: #36c;
	border: 1px solid #36c;
	color: #fff;
}
*/

/* Languages */
.mp-language-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
}

.mp-language-wrapper .mp-button {
	flex: 1 1 90px;
	max-width: 180px;
}

.mp-language-wrapper .mp-button:last-child {
	flex: 0 0 180px;
}

/* Languages END */


/* [[Category:Template styles]] */
/* [[ru:Structorica_Wiki/styles.css]] */