Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
    figure > a > img {
/* Responsive Hn */
        width: 100% !important
    }
 
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .site-header {
 
        padding-bottom: 24px;
h1 {
        padding: 36px 0;
font-size: 5.8rem !important;
    }
}
    .site-header .header-widget-area {
        display: none;
h2 {
    }
font-size: 5.2rem !important;
    .site-header .site-title a {
}
        display: inline-block;
        width: 100%;
h3 {
        min-height: 100px;
font-size: 4.8rem !important;
        background-size: contain !important;
}
        background-position: center !important;
        height: 109px;
h4 {
        margin-top: 42px;
font-size: 3.8rem !important;
    }
}
    .site-header .title-area {
        width: 100%;
h5 {
        max-width: 100%;
font-size: 4.0rem !important;
        text-align: center;
}
        margin-bottom: 20px;
    }
h6 {
    .site-header .title-area img {
font-size: 3.8rem !important;
        width: auto;
}
        max-width: 250px;
        height: auto;
    }
    .menu-toggle {
        border: none;
        border-top: 4px solid #E9E9E9 !important;
        font-weight: bold;
        text-transform: none;
        padding: 46px;
        font-size: 4.2rem !important;
    }
 
    .genesis-nav-menu .menu-item a {
        padding: 25px 0 !important;
        font-size: 1.6rem !important;
        font-size: 4.2rem !important;
    }
 
    .site-inner, .wrap {
        max-width: 900px !important;
    }
 
  .js .menu-toggle:before, .js .menu-toggle.activated:before {
        font-size: 5.2rem !important;
        width: 5rem !important;
        height: 5.6rem !important;
        vertical-align: middle;
        margin-right: 15px !important;
    }
 
 
}
}

Latest revision as of 13:31, 6 February 2026

/* Responsive Hn */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
  
	h1 {
		font-size: 5.8rem !important;
	}
	
	h2 {
		font-size: 5.2rem !important;
	}
	
	h3 {
		font-size: 4.8rem !important;
	}
	
	h4 {
		font-size: 3.8rem !important;
	}
	
	h5 {
		font-size: 4.0rem !important;
	}
	
	h6 {
		font-size: 3.8rem !important;
	}
}