MediaWiki:Common.css: Difference between revisions

From Silbo Networks
No edit summary
Tag: Reverted
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,700');
/* CSS placed here will be applied to all skins */


body { font-family: "Open Sans", "Oswald", sans-serif; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
body { font-family: "Poppins", serif; }


     tnw-downloads {
     tnw-downloads {
Line 9: Line 11:




@media screen and (max-width: 800px) {
img.mw-file-element {
    table.main-table {
     width: -webkit-fill-available;
        width:100% !important;
     height: auto;
        display: table !important;
        padding: 0px !important;
    }
 
    .main-table td {
        text-align: center;
        display: block;
        margin-top: 10px
    }
 
    table.main-table.w-100 td {
        display: inline-block;
        width: 49.5% !important;
     }
    table.main-table.w-100 table {
        display: table;
    }
    table.main-table.w-100 table td {
        display: block;
        width: 100% !important;
    }
    .main-table td:nth-child(2n) {
        margin-bottom: 20px
    }
 
    #p-cactions-label {
        outline: 0
    }
 
    #p-logo {
        position: relative !important;
        top: 0px !important;
        left: 0
    }
 
    .mw-body {
        margin-left: 0 !important
    }
 
 
    #left-navigation {
        margin-left: 0 !important
    }
 
    #p-personal ul {
        padding-left: 50px !important
    }
 
    div#footer {
        margin-left: 0
    }
 
    #p-views {
        display: none !important
    }
 
    #p-cactions .menu ul {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
 
    #p-cactions .menu ul > li {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
 
     #p-cactions .menu ul > li:nth-last-child(2),#p-cactions .menu ul > li:last-child {
        display: none !important
    }
 
 
    div.thumb.tright {
        float: none;
        display: block;
        width: 100%;
        max-width: 250px;
        margin: 0 !important;
    }
 
    #mw-imagepage-section-filehistory table{
        overflow: auto;
        border: 0;
        display: block;
    }
 
.fullImageLink img {
        width:100%;
        height: auto
    }
 
    p img {
        width: 100%;
        height: auto;
        margin: 0
    }
 
    div.thumbinner {
        width: 100% !important
    }
 
    div.thumbinner img {
        width: 100%;
        height: auto
    }
 
}
}


 
img.mw-logo-icon {
@media screen and (max-width: 500px) {
    width: 100% !important;
    table.main-table.w-100 td {
     height: auto
        display: block;
        width: 100% !important;
     }
}
}


.
.mw-logo-wordmark {
 
     display: block;
@media screen and (max-width: 450px) {
     margin: 0 auto;
    #mw_metadata {
     visibility: hidden !important;
        width: 100% !important
    }
 
    #p-namespaces #ca-talk {
        display: none !important
     }
 
    #p-cactions .menu ul > li:nth-last-child(1) {
        display: block !important
     }
}
 
@media screen and (min-width: 801px) {
     #p-cactions .menu li:nth-child(10),#p-cactions .menu li:nth-child(5),#p-cactions .menu li:nth-child(6),#p-cactions .menu li:nth-child(7),#p-cactions .menu li:nth-child(8),#p-cactions .menu li:nth-child(9) {
        display:none !important
    }
}
}
@media screen and (max-width: 350px) {
    #left-navigation #p-namespaces ul li:first-of-type a:first-of-type {
        display:none !important
    }
}
@media screen and (min-width: 351px) {
    #left-navigation #p-namespaces ul li:first-of-type a:last-of-type {
        display:none !important
    }
}
#ca-talk { display: none !important; }

Latest revision as of 09:30, 13 January 2025

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { font-family: "Poppins", serif; }

    tnw-downloads {
        border: 1px solid black;
        background-color:#0054a6;
    }


img.mw-file-element {
    width: -webkit-fill-available;
    height: auto;
}

img.mw-logo-icon {
    width: 100% !important;
    height: auto
}

.mw-logo-wordmark {
    display: block;
    margin: 0 auto;
    visibility: hidden !important;
}