pathCast
Log in

Difference between revisions of "MediaWiki:Common.css"

From pathCast
(Created page with "→‎CSS placed here will be applied to all skins: #a#ca-history { display: none !important; } a#ca-talk.new { display: none !important; } a#ca-viewsource { display: none...")
 
Line 9: Line 9:
 
#input#searchInput { display: none !important; }
 
#input#searchInput { display: none !important; }
 
div#small-toolbox-wrapper { display: none !important; }
 
div#small-toolbox-wrapper { display: none !important; }
 +
 +
  /* if desktop */
 +
    .mobile_device_380px {
 +
        display: none;
 +
    }
 +
    .mobile_device_480px {
 +
        display: none;
 +
    }
 +
 +
 +
    /* if mobile device max width 380px */
 +
    @media only screen and (max-device-width: 380px) {
 +
        .mobile_device_380px{display: block;}     
 +
        .desktop {display: none;}
 +
    }
 +
 +
    /* if mobile device max width 480px */
 +
    @media only screen and (max-device-width: 768px) {
 +
      .mobile_device_480px{display: block;}
 +
      .desktop {display: none;}
 +
    }

Revision as of 09:04, 4 September 2020

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

#a#ca-history { display: none !important; }  
a#ca-talk.new { display: none !important; }  
a#ca-viewsource { display: none !important; }  
a#ca-nstab-main.selected { display: none !important; }  
div.toolbox-container { display: none !important; }
div#main-title-messages { display: none !important; }
#input#searchInput { display: none !important; }
div#small-toolbox-wrapper { display: none !important; }

  /* if desktop */
    .mobile_device_380px {
        display: none;
    }
    .mobile_device_480px {
        display: none;
    }


    /* if mobile device max width 380px */
    @media only screen and (max-device-width: 380px) {
        .mobile_device_380px{display: block;}       
        .desktop {display: none;}
    } 

    /* if mobile device max width 480px */
    @media only screen and (max-device-width: 768px) {
       .mobile_device_480px{display: block;}
       .desktop {display: none;}
    }