Difference between revisions of "MediaWiki:Common.css"

Revision as of 12:50, 24 November 2019

/* CSS placed here will be applied to all skins */
/* Images should be responsive */
img {
max-width:100%;
height:auto;
}
/*body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }*/
#ca-talk { display:none!important; }
#ca-nstab-main { display:none!important; }
#ca-history { display:none!important; }
#ca-viewsource { display:none!important; }
#ca-watch { display:none!important; }
#ca-unwatch { display:none!important; }
#mw-content-block{background-color:#343a40!important;}
#mw-content-container{background-color: #343a40!important; border-bottom:transparent;}
#mw-header-container{background-color:#343a40!important; color: #e6e6e6 !important;}
#p-logo-text a {color: #e6e6e6 !important;}
#mw-footer{background-color:#343a40!important;}
#user-tools{color: #c1c1c1 !important;}
#mw-header-nav-hack{background-color:#fde8c5 !important;}
#site-navigation{background-color:#e6e6e6!important; border-color: #ea3500 !important;
    border-radius: 10px;
    border-width: 2px !important;}
#site-tools{background-color:#e6e6e6!important; border-color: #ea3500 !important;
    border-radius: 10px;
    border-width: 2px !important;}
#page-tools{background-color:#e6e6e6!important; border-color: #ea3500 !important;
    border-radius: 10px;
    border-width: 2px !important;}
.sidebar-chunk{background-color:#e6e6e6!important; border-color: #ea3500 !important;
    border-radius: 10px;
    border-width: 2px !important;}

code {
    color: #000;
    background-color: #eeeeee;
    border: 1px solid #eaecf0;
    border-radius: 2px;
    padding: 1px 4px;}
.mainpage_box {
    flex: 1;
    margin: 5px;
    min-width: 210px;
    border: 1px solid #CCC;
    padding: 0px 10px 10px 10px;
    }
.advert {
    flex: 1;
    background-color:#e6e6e6 !important;
    margin: 5px;
    min-width: 210px;
    border: 2px solid #ea3500;
    border-radius: 10px!important;
    padding: 10px 10px;
    }
.pip {
    flex: 1;
    margin: 5px;
    min-width: 210px;
    border: 2px solid red;
    background: #ffff004a;
    padding: 10px 10px;
    }
.contribute{
    flex: 1;
    margin: 5px;
    min-width: 210px;
    background-color:#e6e6e6!important;
    border: 2px solid #ea3500;
    border-radius: 10px;
    border-width: 2px !important;
    padding: 10px 10px;
    }
.btn-grey {
    background-color: #f8f9fa;
    color: #222222;
    display: inline-block;
    box-sizing: border-box;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 0.57142857em 0.9375em;
    border: 1px solid #a2a9b1;
    border-radius: 5px;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    -webkit-appearance: none;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.btn-input{
    background-color: #DDDDDD;
    color: #222222;
    display: inline-block;
    box-sizing: border-box;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 1px 6px;
    border: 1px solid #a2a9b1;
    font-family: inherit;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    -webkit-appearance: none;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.btn-green {
    background-color: #28a745;
    color: #fff;
    background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
    display: inline-block;
    box-sizing: border-box;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 0.57142857em 0.9375em;
    border: 1px solid #a2a9b1;
    border-radius: 5px;
    font-family: inherit;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    -webkit-appearance: none;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.btn-orange{
    background-color: #f7b43f;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 0.57142857em 0.9375em;
    border: 1px solid #f25c2c;
    border-radius: 5px;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    -webkit-appearance: none;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.btn-blue{
    background-color: #dfeffc;
    color: #2e6e9e;
    opacity: .7;
    display: inline-block;
    box-sizing: border-box;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 5px 12px;
    border: 1px solid #c5dbec;
    border-radius: 5px;
    font-family: inherit;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    -webkit-appearance: none;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.btn-primary{
    background-color: #007bff;
    color: #ffffff;
    padding: 0.8rem 0.8rem 0.6rem 0.8rem;
    border: 2px solid #007bff;
    border-radius: 5px;
    font-family: inherit;
    text-align: center;
    vertical-align: middle;
}