Template:Creazione guidata di una voce/styles.css

.article-wizard-help-button .mw-ui-button {
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	color: #202122;
}

.article-wizard-help-button .mw-ui-button:hover {
	background-color: #ffffff;
	color: #404244;
	border-color: #a2a9b1;
}

#article-wizard-container,
#article-wizard-content {
	padding-top: .5em;
}

#article-wizard-content .mw-ui-button {
	margin: .5em 0;
	max-width: 100%;
	width: 100%;
}

#article-wizard-header {
	display: flex;
}

#article-wizard-heading,
#article-wizard-icon {
	font-size: 130%;
}

#article-wizard-icon + div {
	margin-left: .5em;
}

#article-wizard-subheading {
	font-size: 125%;
	font-weight: bold;
}

#paddingcontent{
	font-size: 120%;
}

.landingimgtext{
	max-width: 800px;
}

@media screen and (min-width: 601px) {
	.article-wizard-help-button {
		display: inline-block;
	}

	.article-wizard-multiple-choice {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	#paddingcontent{
		padding-left: 2em;
		margin-top: 1em
	}

	#article-wizard-container {
		padding: 1em 10%;
	}

	#article-wizard-content {
		padding: 1em 5em;
	}

	#article-wizard-content .article-wizard-multiple-choice > a {
		margin: .5em 0;
	}

	#article-wizard-content .article-wizard-multiple-choice > a > .mw-ui-button {
		margin: 0;
	}

	#article-wizard-content .mw-ui-button {
		margin: 1em .3em;
		width: auto;
	}

	#landingpadding{
		padding-right: 10%;
		padding-left: 10%;
	}
	.landingimg{
		margin: 0 2em 0 6em;
	}

	#article-wizard-heading,
	#article-wizard-icon {
		font-size: 150%;
	}

	#article-wizard-subheading {
		font-size: 130%;
	}
}

@media screen and (min-width: 1700px) {
	.article-wizard-multiple-choice {
		flex-direction: row;
	}

	#article-wizard-content .article-wizard-multiple-choice > a {
		margin: 1em .3em;
	}
}