Template:Creazione guidata di una voce/styles.css
Vai alla navigazione
Vai alla ricerca
/* {{Protetta}} */
.article-wizard-help-button {
vertical-align: middle;
}
.article-wizard-help-button .mw-ui-button,
.article-wizard-help-button .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
color: #202122;
}
.article-wizard-help-button .mw-ui-button:hover,
.article-wizard-help-button .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary:hover {
background-color: #ffffff;
color: #404244;
border-color: #a2a9b1;
}
#article-wizard-container,
#article-wizard-content {
padding-top: .5em;
}
#article-wizard-content .mw-ui-button,
#article-wizard-content .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary {
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,
#article-wizard-content .article-wizard-multiple-choice > a > .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary {
margin: 0;
}
#article-wizard-content .mw-ui-button,
#article-wizard-content .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary {
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;
}
}