Difference between revisions of "MediaWiki:Common.css"

From Teltonika Networks Wiki
 
(37 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,700');
 +
 +
body { font-family: "Open Sans", "Oswald", sans-serif; }
 +
 +
    tnw-downloads {
 +
        border: 1px solid black;
 +
        background-color:#0054a6;
 +
    }
 +
 +
 
@media screen and (max-width: 800px) {
 
@media screen and (max-width: 800px) {
 
     table.main-table {
 
     table.main-table {
 
         width:100% !important;
 
         width:100% !important;
         display: table !important
+
         display: table !important;
 +
        padding: 0px !important;
 
     }
 
     }
  
Line 11: Line 22:
 
     }
 
     }
  
 +
    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) {
 
     .main-table td:nth-child(2n) {
 
         margin-bottom: 20px
 
         margin-bottom: 20px
Line 17: Line 39:
 
     #p-cactions-label {
 
     #p-cactions-label {
 
         outline: 0
 
         outline: 0
    }
 
 
    div#mw-panel {
 
        position: fixed !important;
 
        background-color: #f6f6f6 !important;
 
        width: 11em !important;
 
        height: 100% !important;
 
        top: 0 !important;
 
        z-index: 99999 !important;
 
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
 
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
 
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
 
        transition: transform 0.2s
 
 
     }
 
     }
  
Line 35: Line 44:
 
         position: relative !important;
 
         position: relative !important;
 
         top: 0px !important;
 
         top: 0px !important;
         left: 0;
+
         left: 0
        height: 120px !important;
 
 
     }
 
     }
  
Line 43: Line 51:
 
     }
 
     }
  
    div#mw-panel {
 
        padding-top: 10px;
 
        transform: translateX(-100%)
 
    }
 
 
    div#mw-panel.open {
 
        transform: translateX(0%)
 
    }
 
  
 
     #left-navigation {
 
     #left-navigation {
Line 57: Line 57:
  
 
     #p-personal ul {
 
     #p-personal ul {
         padding-left: 32px !important;
+
         padding-left: 50px !important
 
     }
 
     }
  
 
     div#footer {
 
     div#footer {
 
         margin-left: 0
 
         margin-left: 0
    }
 
 
    #menu-toggle {
 
        cursor: pointer;
 
        position: absolute;
 
        top: 10px;
 
        left: 10px;
 
        z-index: 99999;
 
    }
 
 
    #menu-toggle .bar1,#menu-toggle .bar2,#menu-toggle .bar3 {
 
        width: 24px;
 
        height: 4px;
 
        background-color: #6c6c6c;
 
        margin: 5px 0;
 
        transition: 0.4s;
 
    }
 
 
    div#mw-panel #menu-toggle .bar1,div#mw-panel #menu-toggle .bar2,div#mw-panel #menu-toggle .bar3 {
 
        width: 28px;
 
        height: 4px;
 
        background-color: #6c6c6c;
 
        margin: 7px 0;
 
        transition: 0.4s
 
    }
 
 
    div#mw-panel #menu-toggle .bar1 {
 
        -webkit-transform: rotate(-45deg) translate(-9px,6px);
 
        transform: rotate(-45deg) translate(-9px,6px)
 
    }
 
 
    div#mw-panel #menu-toggle .bar2 {
 
        opacity: 0
 
    }
 
 
    div#mw-panel #menu-toggle .bar3 {
 
        -webkit-transform: rotate(45deg) translate(-8px,-8px);
 
        transform: rotate(45deg) translate(-8px,-8px)
 
 
     }
 
     }
  
Line 122: Line 84:
 
     }
 
     }
  
     .thumb.tright {
+
 
 +
     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%;
 
         width: 100%;
 +
        height: auto;
 +
        margin: 0
 +
    }
 +
 +
    div.thumbinner {
 +
        width: 100% !important
 +
    }
 +
 +
    div.thumbinner img {
 +
        width: 100%;
 +
        height: auto
 +
    }
 +
 +
}
 +
 +
 +
@media screen and (max-width: 500px) {
 +
    table.main-table.w-100 td {
 
         display: block;
 
         display: block;
         margin: 0 !important
+
         width: 100% !important;
 
     }
 
     }
 
}
 
}
 +
 +
.
  
 
@media screen and (max-width: 450px) {
 
@media screen and (max-width: 450px) {
 +
    #mw_metadata {
 +
        width: 100% !important
 +
    }
 +
 
     #p-namespaces #ca-talk {
 
     #p-namespaces #ca-talk {
         display:none !important
+
         display: none !important
 
     }
 
     }
  
Line 140: Line 146:
  
 
@media screen and (min-width: 801px) {
 
@media screen and (min-width: 801px) {
     #p-cactions .menu li:nth-child(4),#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) {
+
     #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
 
         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 18:34, 25 February 2021

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,700');

body { font-family: "Open Sans", "Oswald", sans-serif; }

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


@media screen and (max-width: 800px) {
    table.main-table {
        width:100% !important;
        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
    }

}


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

.

@media screen and (max-width: 450px) {
     #mw_metadata {
        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; }