Actions

MediaWiki

Difference between revisions of "Common.css"

From WikiVidya

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
/*body{
+
body {
    width: fit-content;
+
     background-color: #f6f6f6;
     background-color: white;
+
}
}*/
 
  
#n-mainpage-description{
+
#p-cactions {
     display: none;
+
    background-color: #ffffff;
 +
    border-left: 1px solid #c0d0dd;
 +
    border-top: 0px solid #c0d0dd;
 +
     border-right: 0px solid #ccc;
 
}
 
}
#n-Pier-Franco-Marcenaro{
+
 
     display: none;
+
.tab-bar{
 +
     background: linear-gradient(to top, #f6f6f6 50%, #ffffff);
 
}
 
}
#n-recentchanges{
+
 
     display: none;
+
.side-nav li{
 +
     display:none;
 
}
 
}
#n-randompage{
+
 
     display: none;
+
.side-nav > li:first-child {
 +
     display:block;
 
}
 
}
#n-help{
+
 
     display: none;
+
div.tleft, div.floatleft, table.floatleft{
 +
     margin-right: 15px;
 
}
 
}
#p-tb{
+
 
     display: none;
+
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{
 +
     border: 1px solid #989898;
 
}
 
}
  
@media only screen and (max-width: 1200px){
+
.show-for-medium-up{
     /*Tablets [601px -> 1200px]*/
+
     color: black;
    body{
+
}
        background-color: white;
 
    }
 
  
    .mw-body {
+
.show-for-small-only{
        margin-left:unset;
+
    color: black;
        margin-top: 115px;
+
}
    }
+
.fa{
 +
    color: black;
 +
}
  
     #content{
+
@media only screen and (min-width: 1200px){
         border-color:green;
+
     .tab-bar{
 +
         display:none;
 
     }
 
     }
 +
}
  
    #firstHeading{
+
@media only screen and (max-width: 1200px){
        text-align: center;
+
     /*Tablets [601px -> 1200px]*/
     }
+
     #tabella-testa{
 
+
         display:none;
    #mw-page-base{
 
        height: unset;
 
    }
 
 
 
     #mw-head{
 
         display: none;
 
    }
 
 
 
    .mw-wiki-logo{
 
        background-size: 150px 150px;
 
    }
 
 
 
    #p-logo{
 
        height: 225px;
 
    }
 
 
 
    #p-logo a{
 
        height: 285px;
 
 
     }
 
     }
  
     #mw-panel{
+
     .off-canvas-list li{
         left: 25px;
+
         display:none;
        top: -45px;
 
 
     }
 
     }
  
     .mw-parser-output p{
+
     .off-canvas-list li:first-child {
         text-align: justify;
+
         display:block;
 
     }
 
     }
 
}
 
}
 
@media only screen and (max-width: 600px){
 
@media only screen and (max-width: 600px){
 
     /*Big smartphones [426px -> 600px]*/
 
     /*Big smartphones [426px -> 600px]*/
    body{
+
     #tabella-testa{
        width: fit-content;
+
         display:none;
        background-color: white;
 
    }
 
 
 
    .mw-body {
 
        margin-left:unset;
 
        margin-top: 115px;
 
    }
 
 
 
    #content{
 
        border-color:red;
 
        width: fit-content;
 
    }
 
 
 
    #firstHeading{
 
        text-align: center;
 
    }
 
 
 
    #mw-page-base{
 
        height: unset;
 
    }
 
 
 
     #mw-head{
 
         display: none;
 
 
     }
 
     }
  
     .mw-wiki-logo{
+
     .off-canvas-list li{
         background-size: 150px 150px;
+
         display:none;
 
     }
 
     }
  
     #p-logo{
+
     .off-canvas-list li:first-child {
        height: 225px;
+
         display:block;
    }
 
 
 
    #p-logo a{
 
        height: 285px;
 
    }
 
 
 
    #mw-panel{
 
         left: 25px;
 
        top: -45px;
 
    }
 
 
 
    .mw-parser-output p{
 
        text-align: justify;
 
 
     }
 
     }
 
}
 
}
 
@media only screen and (max-width: 425px){
 
@media only screen and (max-width: 425px){
 
     /*Small smartphones [325px -> 425px]*/
 
     /*Small smartphones [325px -> 425px]*/
    body{
+
     #tabella-testa{
        width: fit-content;
+
         display:none;
        background-color: white;
 
    }
 
 
 
    .mw-body {
 
        margin-left:unset;
 
        margin-top: 115px;
 
    }
 
 
 
     #content{
 
        border-color:blue;
 
        width: fit-content;
 
    }
 
 
 
    #firstHeading{
 
        text-align: center;
 
    }
 
 
 
    #mw-page-base{
 
        height: unset;
 
    }
 
 
 
    #mw-head{
 
         display: none;
 
    }
 
 
 
    .mw-wiki-logo{
 
        background-size: 150px 150px;
 
    }
 
 
 
    #p-logo{
 
        height: 225px;
 
    }
 
 
 
    #p-logo a{
 
        height: 285px;
 
 
     }
 
     }
  
     #mw-panel{
+
     .off-canvas-list li{
         left: 25px;
+
         display:none;
        top: -45px;
 
 
     }
 
     }
  
     .mw-parser-output p{
+
     .off-canvas-list li:first-child {
         text-align: justify;
+
         display:block;
 
     }
 
     }
 
}
 
}

Latest revision as of 16:52, 11 April 2021

/* CSS placed here will be applied to all skins */
body {
    background-color: #f6f6f6;
}

#p-cactions {
    background-color: #ffffff;
    border-left: 1px solid #c0d0dd;
    border-top: 0px solid #c0d0dd;
    border-right: 0px solid #ccc;
}

.tab-bar{
    background: linear-gradient(to top, #f6f6f6 50%, #ffffff);
}

.side-nav li{
    display:none;
}

.side-nav > li:first-child {
    display:block;
}

div.tleft, div.floatleft, table.floatleft{
    margin-right: 15px;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{
    border: 1px solid #989898;
}

.show-for-medium-up{
    color: black;
}

.show-for-small-only{
    color: black;
}
.fa{
    color: black;
}

@media only screen and (min-width: 1200px){
    .tab-bar{
        display:none;
    }
}

@media only screen and (max-width: 1200px){
    /*Tablets [601px -> 1200px]*/
    #tabella-testa{
        display:none;
    }

    .off-canvas-list li{
        display:none;
    }

    .off-canvas-list li:first-child {
        display:block;
    }
}
@media only screen and (max-width: 600px){
    /*Big smartphones [426px -> 600px]*/
    #tabella-testa{
        display:none;
    }

    .off-canvas-list li{
        display:none;
    }

    .off-canvas-list li:first-child {
        display:block;
    }
}
@media only screen and (max-width: 425px){
    /*Small smartphones [325px -> 425px]*/
    #tabella-testa{
        display:none;
    }

    .off-canvas-list li{
        display:none;
    }

    .off-canvas-list li:first-child {
        display:block;
    }
}