A Modern Way To Be Known

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 69: Line 69:
     background-color: #fff !important;
     background-color: #fff !important;
}
}
/* ========================================================== */
//* ========================================================== */
/* PAGE LAYOUT – similar to Knowlepedia                      */
/* FORCE VECTOR 2022 TO LET CUSTOM CSS APPLY                  */
/* ========================================================== */
/* ========================================================== */


.mw-body {
body.skin-vector-2022 .mw-body {
     max-width: 1100px;
     max-width: 1100px !important;
     margin: 0 auto;
     margin: 0 auto !important;
     padding: 0 15px;
     padding: 0 15px !important;
}
}


.mw-body-content > p {
body.skin-vector-2022 .mw-parser-output {
     font-size: 15px;
     font-size: 15px !important;
     line-height: 1.7;
     line-height: 1.7 !important;
}
}


/* ========================================================== */
/* Force all custom table classes to render */
/* TABLE OF CONTENTS – left sidebar like Knowlepedia          */
table.bio-infobox,
/* ========================================================== */
.bio-infobox th,
 
.bio-infobox td {
#toc {
     all: unset;
     float: left;
     display: table-cell;
    width: 230px;
    margin: 0 25px 25px 0;
    background: #f8f9fa;
     border: 1px solid #dcdfe3;
    border-radius: 4px;
    padding: 12px;
     font-size: 14px;
     font-size: 14px;
    line-height: 1.5;
    color: #000;
}
}


#toc ul {
    padding-left: 18px;
}
.mw-parser-output::after {
    content: "";
    display: block;
    clear: both;
}


/* ========================================================== */
/* ========================================================== */
/* INFOBOX – right side biography box                          */
/* INFOBOX – PERFECT KNOWLEPEDIA STYLE                        */
/* ========================================================== */
/* ========================================================== */


.bio-infobox {
.bio-infobox {
     float: right;
     float: right !important;
     width: 320px;
     width: 320px !important;
     margin: 0 0 25px 25px;
     margin: 0 0 25px 25px !important;
     background: #ffffff;
     background: #ffffff !important;
     border: 1px solid #cbd8e6;
     border: 1px solid #cbd8e6 !important;
     border-radius: 6px;
     border-radius: 6px !important;
     font-size: 14px;
     font-size: 14px !important;
     line-height: 1.5;
     line-height: 1.5 !important;
     box-shadow: 0 0 0 1px #edf1f7;
     box-shadow: 0 0 0 1px #edf1f7 !important;
    overflow: hidden !important;
}
}


.bio-infobox-title {
.bio-infobox-title {
     background: #e6f0fa;
     background: #e6f0fa !important;
     padding: 12px;
     padding: 12px !important;
     font-size: 20px;
     font-size: 20px !important;
     font-weight: bold;
     font-weight: bold !important;
     text-align: center;
     text-align: center !important;
     border-bottom: 1px solid #cbd8e6;
     border-bottom: 1px solid #cbd8e6 !important;
}
}


.verified-icon {
.verified-icon {
     background: #1e90ff;
     background: #1e90ff !important;
     color: #fff;
     color: #fff !important;
     padding: 2px 6px;
     padding: 2px 6px !important;
     border-radius: 50%;
     border-radius: 50% !important;
     font-size: 13px;
     font-size: 13px !important;
     margin-left: 6px;
     margin-left: 6px !important;
}
}


.bio-infobox-image img {
.bio-infobox-image img {
     width: 100%;
     width: 100% !important;
     border-bottom: 1px solid #cbd8e6;
     border-bottom: 1px solid #cbd8e6 !important;
}
}


.bio-infobox th {
.bio-infobox th {
     width: 120px;
     width: 120px !important;
     background: #f7fbff;
     background: #f7fbff !important;
     padding: 8px 10px;
     padding: 8px 10px !important;
     border-bottom: 1px solid #e2e6ea;
     border-bottom: 1px solid #e2e6ea !important;
     text-align: left;
     text-align: left !important;
}
}


.bio-infobox td {
.bio-infobox td {
     padding: 8px 10px;
     padding: 8px 10px !important;
     border-bottom: 1px solid #e2e6ea;
     border-bottom: 1px solid #e2e6ea !important;
}
 
/* Fix Vector overriding table */
.bio-infobox tr {
    display: table-row !important;
}
}


/* ========================================================== */
/* ========================================================== */
/* WARNING BOX – identical design                              */
/* WARNING BOX – EXACT MATCH                                  */
/* ========================================================== */
/* ========================================================== */


.warning-box {
.warning-box {
     border-left: 6px solid #f4aa2a;
     border-left: 6px solid #f4aa2a !important;
     background: #fafafa;
     background: #fafafa !important;
     padding: 18px;
     padding: 18px !important;
     margin: 18px 0 25px 0;
     margin: 18px 0 25px 0 !important;
     border-radius: 6px;
     border-radius: 6px !important;
     display: flex;
     display: flex !important;
     gap: 15px;
     gap: 15px !important;
     align-items: flex-start;
     align-items: flex-start !important;
     box-shadow: 0 0 0 1px #eee;
     box-shadow: 0 0 0 1px #eee !important;
}
}


.warning-icon {
.warning-icon {
     font-size: 34px;
     font-size: 34px !important;
     opacity: 0.85;
     opacity: 0.85 !important;
     margin-top: 4px;
     margin-top: 4px !important;
}
}


.warning-title {
.warning-title {
     font-size: 17px;
     font-size: 17px !important;
     font-weight: bold;
     font-weight: bold !important;
     margin-bottom: 6px;
     margin-bottom: 6px !important;
}
}


.warning-text {
.warning-text {
     font-size: 14px;
     font-size: 14px !important;
     color: #444;
     color: #444 !important;
}
}


.warning-date {
.warning-date {
     margin-top: 6px;
     margin-top: 6px !important;
     font-size: 12px;
     font-size: 12px !important;
     color: #777;
     color: #777 !important;
}
}


/* ========================================================== */
/* ========================================================== */
/* HEADINGS / SECTIONS                                        */
/* TABLE OF CONTENTS LEFT SIDEBAR                              */
/* ========================================================== */
 
#toc {
    float: left !important;
    width: 230px !important;
    margin: 0 25px 25px 0 !important;
    background: #f8f9fa !important;
    border: 1px solid #dcdfe3 !important;
    border-radius: 4px !important;
    padding: 12px !important;
    font-size: 14px !important;
}
 
#toc ul {
    padding-left: 18px !important;
}
 
.mw-parser-output::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}
 
/* ========================================================== */
/* HEADINGS / SECTION STYLE                                    */
/* ========================================================== */
/* ========================================================== */


h1.firstHeading {
h1.firstHeading {
     font-size: 32px;
     font-size: 32px !important;
     margin-bottom: 8px;
     margin-bottom: 8px !important;
}
}


.mw-body-content h2 {
.mw-body-content h2 {
     border-bottom: 2px solid #d0d0d0;
     border-bottom: 2px solid #d0d0d0 !important;
     padding-bottom: 3px;
     padding-bottom: 3px !important;
     margin-top: 28px;
     margin-top: 28px !important;
     font-size: 24px;
     font-size: 24px !important;
}
}


.mw-body-content h3 {
.mw-body-content h3 {
     font-size: 20px;
     font-size: 20px !important;
     margin-top: 22px;
     margin-top: 22px !important;
}
 
/* External links spacing */
.mw-body-content ul {
    line-height: 1.6;
}
}


/* Category box spacing */
/* Category box spacing */
#catlinks {
#catlinks {
     margin-top: 30px;
     margin-top: 30px !important;
}
}
Retrieved from "https://bharatwikipedia.org/wiki/MediaWiki:Common.css"