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.6em 0em;
	transition-property: background-color, color, border-color, box-shadow, opacity, padding, margin;
	transition-duration: .1s;
}
.mp-button:hover{
	border-color: #888;
	background-color: #fafafa;
}
body.stw-theme-dark .mp-button {
	border-color: #5B5C5C;
	background-color: #48494A;
}
body.stw-theme-dark .mp-button:hover{
	border-color: #6C6D6D;
	background-color: #5B5C5C;
}

.mp-button span {
  color: #202122;
}

body.stw-theme-dark .mp-button span {
      color: #fff;
}



/* MainPageButton PROGRESSIVE */
.mp-button-progressive {
	border-color: #5B5C5C;
    background-color: #618404;
}
body.stw-theme-dark .mp-button-progressive {
	border-color: #738f04;
	background-color: #678002;
}

.mp-button-progressive:hover {
    border-color: #7f9e05;
    background-color: #7B9904;
}
body.stw-theme-dark  .mp-button-progressive:hover {
	border-color: #738f04;
    background-color: #738f04;
}

.mp-button-progressive span {
    color: #fff;
}


body.mediawiki .mp-button > * {
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	margin: -2px;
	
	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: 170px;
}

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

/* Languages END */


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