MediaWiki:Common.css: Difference between revisions

Revision as of 13:04, 14 October 2022

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}

.sitenotice {
    background-color: #f8f9fa;
    border: 1px solid #c8ccd1;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    margin-bottom: 1rem;
    padding: 1rem;
}


.languagebanner {
    align-items: center;
    width: fit-content(20em);
    background-color: #f8f9fa;
    border: 1px solid #c8ccd1;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    margin-bottom: 2px;
    padding: 2px;
}


.welcomebanner {
    align-items: center;
    background-image: url(https://www.exagear.wiki/images/exagearwiki_welcomebanner.png);
    background-position: right;
    background-repeat: no-repeat;
    display: flex;
    background-color: #f8f9fa;
    border: 1px solid #c8ccd1;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    margin-bottom: 1rem;
    padding: 1rem;

}


.main-top-header{
    margin-bottom: 0.6em;
    border-bottom: 0px solid #a2a9b1;
    
}


.welcomebanner table{
    background-color: transparent;

}

#mw-content-text h1 {
    margin-top: 0px;
    padding: 0px;
    vertical-align: top;
}
#mw-content-text h2 {
    margin-top: 0px;
    padding: 0px;
    vertical-align: top;
}

#mw-content-text h3 {
    margin-top: 0px;
    padding: 0px;
    vertical-align: top;
}

#mw-content-text h4 {
    margin-top: 0px;
    padding: 0px;
    vertical-align: top;
}

.mainpagechapter {
    background-color: #fff;
    border: 1px solid #c8ccd1;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    margin-bottom: 2px;
    padding: 1rem;
}


.mw-parser-output .main-wrapper{
     display:flex;
     margin:0 -0.75rem;
}

.mw-parser-output .main-wrapper-column{
     flex:1;
     margin:0 0.75rem;


}




@media(max-width:719px){
     
.mw-parser-output .main-box-responsive-image>.floatleft,.mw-parser-output .main-box-responsive-image>.floatright{
    float:none;margin-left:-1rem;margin-right:-1rem;text-align:center
}
.mw-parser-output .main-box-responsive-image>.floatleft>a,.mw-parser-output .main-box-responsive-image>.floatright>a{
    display:block
}

}
@media(min-width:720px){

.mw-parser-output .main-box-left{ height:fit-content(20em);
    
    border-radius:2px;border-width:1px;margin-bottom:1rem;margin-left:0;margin-right:0}}@media(min-width:1280px){.mw-parser-output .main-box{margin-bottom:1.5rem;padding:1.5rem}body.skin-minerva .mw-parser-output .main-box,body.skin-vector-2022 .mw-parser-output .main-box{padding:1rem}body:not(.skin-minerva):not(.skin-vector-2022) .mw-parser-output .main-box-image-only>.main-box-content{margin-left:-1.5rem;margin-right:-1.5rem}}

.mw-parser-output .main-box-right{ height:fit-content(20em);
    
    border-radius:2px;border-width:1px;margin-bottom:1rem;margin-left:0;margin-right:0}}@media(min-width:1280px){.mw-parser-output .main-box{margin-bottom:1.5rem;padding:1.5rem}body.skin-minerva .mw-parser-output .main-box,body.skin-vector-2022 .mw-parser-output .main-box{padding:1rem}body:not(.skin-minerva):not(.skin-vector-2022) .mw-parser-output .main-box-image-only>.main-box-content{margin-left:-1.5rem;margin-right:-1.5rem}}