Structorica Wiki/styles.css: Difference between revisions

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


/* MainPageButton */
.mp-button{
	background-color: #f5f5f5;
	border: 1px solid #444;
	border-radius: 24px;
	font-size: 1em;
	font-weight: bold;
	padding: 0.7em 0em;
	transition-property: background-color, color, border-color, box-shadow, opacity, padding, margin;
	transition-duration: .1s;
}
.mp-button:hover{
	border: 1px solid #888;
	background-color: #fafafa;
}

body.stw-theme-dark .mp-button {
	background-color: #48494A;
	border: 1px solid #242424;
}
body.stw-theme-dark .mp-button:hover{
	border: 1px solid #242424;
	background-color: #5B5C5C;
}

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.mediawiki .mp-button > * {
    color: #202122; 
}

body.stw-theme-dark .mediawiki .mp-button > * {
    color: #fff;
}

/*
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]] */