MediaWiki:Common.css: Difference between revisions

From Sanatan Hindu Dharma
No edit summary
No edit summary
Line 43: Line 43:
.embedvideo-wrapper{ border:1px solid #ccc;}
.embedvideo-wrapper{ border:1px solid #ccc;}


.tableResponsiveVideo{
.tableResponsiveVideo{text-align : center;}
  text-align:center;
.tableResponsiveVideo,.embedvideo video{width:640px !important;}
}
 
.tableResponsiveVideo video{max-width:640px;width:100% !important; height: auto !important;}
.embedvideo{max-width:640px;width:100% !important; height: auto !important;}


@media (min-width: 1105px) {
@media (min-width: 1105px) {
    .navbar-expand-cmln, .p-navbar.collapsible {
.navbar-expand-cmln, .p-navbar.collapsible {flex-flow: row wrap;}
        flex-flow: row wrap;
.navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav {flex-wrap: wrap; justify-content: center;}
    }
 
.navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
    }
}
}


Line 64: Line 54:


@media (max-width: 575.98px) {
@media (max-width: 575.98px) {
.flex-fill.container .row:first-child {
.flex-fill.container .row:first-child {justify-content: center;}
            justify-content: center;
.tableResponsiveVideo video,.embedvideo{width:640px !important;}
    }
}
}

Revision as of 17:26, 5 February 2025

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

.flex-fill.container,.flex-fill.container{ max-width:100% !important}
.p-navbar .navbar-brand.p-logo {
    height: 3rem;
}

.p-navbar .navbar-brand img {
    height: 3.5rem;
}


.p-logo {
    height: 6rem;
}

.p-logo img  {
    height: 5.5rem;
    margin-top:.2rem;
}


.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited, a, a[href].new  {
    color: #1b599b;
    text-decoration: none;
    background-color: transparent
}

a:hover, a[href].new:hover {
    color: #10345a;
    text-decoration: underline
}


a:visited, a[href].new:visited {
    color: #1b599b;
}

.footercontainer{max-width:100%;}

.mw-body.content{max-width:1140px; margin:0 auto;}

.embedvideo-wrapper{ border:1px solid #ccc;}

.tableResponsiveVideo{text-align : center;}
.tableResponsiveVideo,.embedvideo  video{width:640px !important;}

@media (min-width: 1105px) {
.navbar-expand-cmln, .p-navbar.collapsible {flex-flow: row wrap;}
.navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav {flex-wrap: wrap; justify-content: center;}
}



@media (max-width: 575.98px) {
.flex-fill.container .row:first-child {justify-content: center;}
.tableResponsiveVideo video,.embedvideo{width:640px !important;}
}