MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary Tag: Manual revert |
||
| (138 intermediate revisions by 3 users not shown) | |||
| Line 2: | Line 2: | ||
@font-face { | @font-face { | ||
font-family: "Ekatra"; | font-family: "Ekatra"; | ||
/*src: url("/fonts/Ekatra-Normal.ttf") format("truetype");*/ | |||
src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Normal.ttf"); | src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Normal.ttf"); | ||
} | } | ||
| Line 16: | Line 17: | ||
body { | body { | ||
font-family: Ekatra; | |||
text-align: justify;} | |||
body { | |||
text-align: justify; | |||
} | |||
/* Apply Ekatra font only to wiki content */ | |||
.mw-parser-output, | |||
#bodyContent, | |||
#firstHeading, | |||
.vector-body, | |||
.minerva-body { | |||
font-family: Ekatra !important; | |||
} | |||
/* Desktop only */ | |||
@media screen and (min-width: 768px) { | |||
body { | |||
font-size: 24px; | |||
} | |||
} | |||
/* Mobile only */ | |||
@media screen and (max-width: 767px) { | |||
body { | |||
font-size: 16px; | |||
} | |||
} | |||
/* Desktop */ | |||
#bodyContent { | |||
padding-left: 5%; | |||
padding-right: 5%; | |||
color: #2e2e2e; | |||
} | |||
/* Edit page */ | |||
.action-edit #bodyContent { | |||
padding-left: 2%; | |||
padding-right: 2%; | |||
color: #2e2e2e; | |||
} | |||
/* Mobile */ | |||
@media screen and (max-width: 767px) { | |||
#bodyContent { | |||
padding-left: 0% !important; | |||
padding-right: 0% !important; | |||
} | |||
} | } | ||
@media only screen and (max-width: 600px) { | |||
#bodyContent { | #bodyContent { | ||
/*padding-left: 5%; | |||
padding-right: 5%;*/ | |||
color:#2e2e2e; | |||
} | |||
} | } | ||
#firstHeading { | #firstHeading { | ||
font-family: Ekatra; | |||
font-size: 0.8em; | |||
} | } | ||
#p-logo { | #p-logo { | ||
margin-top: 1rem; | |||
} | } | ||
.grid_row { | .grid_row { | ||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
} | } | ||
.grid_col { | .grid_col { | ||
flex: 1; | |||
min-width: 250px; | |||
} | } | ||
.error { | .error { | ||
display: none; | |||
} | } | ||
| Line 56: | Line 105: | ||
color: black; | color: black; | ||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
padding: | padding: 1em; | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
| Line 64: | Line 113: | ||
} | } | ||
.infobox-heading-name{ | .infobox-heading-name{ | ||
text-align:center; | |||
font-weight: 500; | |||
font-size: 23px; | |||
line-height: 28px; | |||
} | |||
.infobox.biography th{ | |||
text-align:left; | |||
white-space: nowrap; | |||
} | |||
.infobox.biography td { | |||
padding-left: 10px; | |||
} | } | ||
.infobox-heading-caption{ | |||
. | text-align:center; | ||
} | } | ||
.Poem2-Ekatra{ | .Poem2-Ekatra{ | ||
text-align:justify; | |||
} | } | ||
/* Mobile specific style */ | |||
@media only screen and (max-width: 767px) { | |||
.Poem2-Ekatra { | |||
text-align: justify; | |||
} | |||
} | |||
@media only screen and (max-width: 767px) { | |||
body { | |||
text-align: justify !important; | |||
} | |||
} | |||
p.bookcover-heading { | p.bookcover-heading { | ||
font-size: 29px; | font-size: 29px; | ||
color:#861f23; | color:#861f23; | ||
} | } | ||
p.bookcover-author, p.bookcover-editor{ | p.bookcover-author, p.bookcover-editor{ | ||
font-size: 21px; | |||
color:#861f23; | |||
} | } | ||
.bookcover{ | .bookcover{ | ||
padding:10px; | |||
margin-bottom:20px; | |||
} | } | ||
.heading-detail-page{ | .heading-detail-page{ | ||
width:auto; | |||
margin-left:auto; | |||
margin-right:auto; | |||
margin-bottom: 20px; | |||
} | } | ||
.tablecenter{ | .tablecenter{ | ||
margin:0 auto; | |||
} | |||
.content-box.lightpink{ | |||
border:2px solid #ffe2e2; | |||
} | |||
.content-box-heading{ | |||
background:#ffe2e2; | |||
font-size: larger; | |||
text-align: center; | |||
padding-top: 0.1em; | |||
padding-bottom: 0.1em; | |||
} | |||
.content-box-text{ | |||
background:#fff5f5; | |||
padding: 10px; | |||
font-size:17px; | |||
} | |||
table.autorowtable { | |||
counter-reset: rowNumber; | |||
} | |||
.autorow::before { | |||
counter-increment: rowNumber; | |||
content: counter(rowNumber) "." ; | |||
padding-right: 0.3em; | |||
text-align: right; | |||
} | |||
/* To make images responsive */ | |||
.res-img img { | |||
max-width:70%; | |||
height:auto; | |||
} | |||
#wikisource-download-epub, | |||
#wikisource-download-choose, | |||
#wikisource-download-pdf, | |||
#wikisource-download-mobi { | |||
display: none; | |||
} | |||
.mw-indicators { | |||
display: none; | |||
} | |||
@media only screen and (max-width: 767px) { | |||
.pre-content h1, .content h1, .content h2 { | |||
display: block !important; | |||
} | |||
} | |||
.mw-parser-output a.external { | |||
background-image: none !important; | |||
padding-right: 0px !important; | |||
} | |||
.mw-ui-button.mw-ui-progressive:not(:disabled) { | |||
background-color: #3366cc !important; | |||
} | |||
#editpage-specialchars { | |||
position: sticky; | |||
top: 0; | |||
z-index: 1000; | |||
background-color: white; | |||
height: 50px; | |||
overflow-y: auto; | |||
overflow-x: hidden; | |||
} | |||
nav#p-coll-print_export { | |||
display: none; | |||
} | |||
/* === Tree-chart overrides (scoped, safe) === | |||
Fixes large font / justification / padding inherited from the site-wide rules. | |||
*/ | |||
.tree-chart-table { | |||
border-collapse: collapse !important; | |||
border-spacing: 0 !important; | |||
vertical-align: top !important; | |||
/* prevent the large site font from inflating connector cells */ | |||
font-size: 14px !important; /* tune this if you want bigger/smaller boxes */ | |||
line-height: 1 !important; | |||
text-align: center !important; /* center boxed labels; connectors use borders */ | |||
font-family: inherit !important; /* use same family but scaled down */ | |||
} | |||
/* Make connector cells truly tiny and not affected by global padding/justify */ | |||
.tree-chart-table td { | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
vertical-align: top !important; | |||
box-sizing: border-box !important; | |||
white-space: nowrap !important; | |||
line-height: 1 !important; | |||
} | |||
/* Boxed content cells (the visible labeled boxes) — provide readable padding */ | |||
.tree-chart-table td[style*="border: 2px solid"], | |||
.tree-chart-table td[style*="border:2px solid"] { | |||
padding: 0.35em 0.9em !important; /* tweak if you want larger/smaller boxes */ | |||
white-space: normal !important; | |||
font-size: 1em !important; /* relative to the .tree-chart-table font-size above */ | |||
text-align: center !important; | |||
} | |||
/* Ensure very small connector cells keep fixed dimensions */ | |||
.tree-chart-table td[style*="height:1em"], | |||
.tree-chart-table td[style*="height: 1em"] { | |||
height: 1em !important; | |||
min-height: 1em !important; | |||
max-height: 1em !important; | |||
} | |||
/* Keep border styles visible on tiny cells */ | |||
.tree-chart-table td { border-collapse: collapse !important; } | |||
/* Optional debug aid (uncomment while adjusting) */ | |||
/* .tree-chart-table td { outline: 1px solid rgba(0,0,0,0.05) !important; } */ | |||
:root { | |||
--font-size-small: 0.875rem; | |||
--font-size-medium: 1rem; | |||
--font-size-large: 1.25rem; | |||
--color-base: #202122; | |||
} | |||
.vector-body { | |||
font-size: calc(1em * 0.875); | |||
} | |||
.vector-search-box-input { | |||
font-size: 0.8125em; | |||
} | |||
#footer-info-lastmod, | |||
#footer-info-viewcount { | |||
display: block !important; | |||
} | |||
.vector-search-box-input { | |||
font-size: 0.8125em; | |||
} | |||
#footer-info-lastmod, | |||
#footer-info-viewcount { | |||
display: block !important; | |||
} | |||
/* Permanently hide EPUB buttons */ | |||
a[href$=".epub"], | |||
a[href*=".epub?"], | |||
a[href*="/epub/"], | |||
a[download][href*=".epub"] { | |||
display: none !important; | |||
visibility: hidden !important; | |||
} | |||
/* Hide green EPUB buttons */ | |||
a[style*="background-color:#4CAF50"], | |||
a[style*="background-color: rgb(76, 175, 80)"] { | |||
display: none !important; | |||
} | |||
/* Hide by default */ | |||
#p-namespaces, | |||
#p-views, | |||
#p-cactions{ | |||
display: none !important; | |||
} | |||
/* Show only for logged-in/editable users */ | |||
body.mw-editable #p-namespaces, | |||
body.mw-editable #p-views, | |||
body.mw-editable #p-cactions { | |||
display: block !important; | |||
} | |||
/* Custom CSS 19/05/26 */ | |||
/* Hide Download Ekatra font menu */ | |||
#n-Download-Ekatra-font { | |||
display: none !important; | |||
} | |||
/* Hide Recent Changes by default */ | |||
#n-recentchanges { | |||
display: none !important; | |||
} | |||
/* Show only for logged-in/editable users */ | |||
body.mw-editable #n-recentchanges { | |||
display: flex !important; | |||
} | |||
/* MOBILE ONLY - Hide personal menu by default */ | |||
.skin-minerva #p-personal { | |||
display: none !important; | |||
} | |||
/* MOBILE ONLY - Show for logged-in/editable users */ | |||
body.mw-editable.skin-minerva #p-personal { | |||
display: block !important; | |||
} | |||
/* MOBILE ONLY - Fix menu spacing before login */ | |||
body:not(.mw-editable).skin-minerva #mw-mf-page-left ul.toggle-list__list { | |||
padding-bottom: 10px !important; | |||
margin-bottom: 0 !important; | |||
} | |||
/*-------------------------------------menu*/ | |||
/* Hide toolbox items by default */ | |||
#t-whatlinkshere, | |||
#t-recentchangeslinked, | |||
#t-upload, | |||
#t-print, | |||
#t-permalink, | |||
#t-info { | |||
display: none !important; | |||
} | |||
/* Show only for logged-in/editable users */ | |||
body.mw-editable #t-whatlinkshere, | |||
body.mw-editable #t-recentchangeslinked, | |||
body.mw-editable #t-upload, | |||
body.mw-editable #t-print, | |||
body.mw-editable #t-permalink, | |||
body.mw-editable #t-info { | |||
display: list-item !important; | |||
} | |||
/* Hide discussion button everywhere */ | |||
#page-secondary-actions { | |||
display: none !important; | |||
} | |||
/* Show ONLY on Main_Page for logged-in users */ | |||
body.mw-editable.page-Main_Page #page-secondary-actions { | |||
display: block !important; | |||
} | |||
.group-insert .tool.tool-button { | |||
width: 32px !important; | |||
height: 32px !important; | |||
min-width: 32px !important; | |||
min-height: 32px !important; | |||
display: inline-flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
font-size: 18px !important; | |||
overflow: visible !important; | |||
color: #202122 !important; | |||
} | |||
/*--------------------------------------------25-05-2025---------------------------------------------*/ | |||
/* Hide category edit button */ | |||
.ve-init-mw-desktopArticleTarget-categoryEdit, | |||
.ve-init-mw-desktopArticleTarget-categoryEdit.mw-editsection-like { | |||
display: none !important; | |||
} | |||
/* Hide embed video overlay text */ | |||
.embedvideo-overlay, | |||
.embedvideo-loader, | |||
.embedvideo-loader__fakeButton, | |||
.embedvideo-loader__footer, | |||
.embedvideo-loader__service { | |||
display: none !important; | |||
} | |||
/* Fix Minerva mobile actions for logged-out users only */ | |||
body:not(.mw-editable).skin-minerva #p-views { | |||
display: block !important; | |||
} | |||
/* Proper spacing for top action icons */ | |||
#custom-share-icon, | |||
#zoomInIcon, | |||
#zoomOutIcon, | |||
#toggleButton { | |||
width: 32px !important; | |||
height: 32px !important; | |||
display: inline-flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
margin-left: 2px !important; | |||
margin-right: 2px !important; | |||
vertical-align: middle !important; | |||
} | |||
/* Proper share icon */ | |||
#custom-share-icon { | |||
font-size: 0 !important; | |||
position: relative !important; | |||
} | |||
#custom-share-icon::before { | |||
content: "◉" !important; | |||
font-size: 0 !important; | |||
width: 18px !important; | |||
height: 18px !important; | |||
display: inline-block !important; | |||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7a2.48 2.48 0 0 0 0-1.39l7-4.11A2.99 2.99 0 1 0 14 5a3 3 0 0 0 .04.49l-7 4.11a3 3 0 1 0 0 4.8l7.05 4.14c-.03.15-.05.3-.05.46a3 3 0 1 0 3-2.92z'/%3E%3C/svg%3E"); | |||
background-size: contain !important; | |||
background-repeat: no-repeat !important; | |||
background-position: center !important; | |||
position: relative; | |||
top: 1px; | |||
} | |||
/* Hide original floating share button instantly */ | |||
#top-share-button { | |||
display: none !important; | |||
} | |||
/*------------------------------swati--------------------*/ | |||
.skin-minerva.page-Main_Page .minerva__tab-container, | |||
.skin-minerva.page-Main_Page .page-actions-menu, | |||
.skin-minerva.page-Main_Page .toggle-list__list--drop-down { | |||
display: none !important; | |||
} | |||
/*----------------------------28-05-2026--------------------*/ | |||
/*----------------------------swati--------------------*/ | |||
a.mw-searchSuggest-link[title*="/"] { | |||
display: none !important; | |||
} | |||
/* Remove search preview/excerpt block */ | |||
.searchresult { | |||
display: none !important; | |||
} | |||
.mw-search-result-data { | |||
color: #008000 !important; | |||
font-size: 97%; | |||
} | |||
.mw-search-results li a { | |||
font-size: 108% !important; | |||
} | |||
/* Keep search titles in single line like old wiki */ | |||
/* Keep long search titles in single line without ... */ | |||
.mw-search-result-heading a { | |||
white-space: nowrap !important; | |||
font-size: 100% !important; | |||
} | |||
/*----------------------------chirag--------------------*/ | |||
.mwe-upwiz-file-preview, | |||
.mwe-upwiz-file-preview-broken { | |||
width: 120px !important; | |||
height: 120px !important; | |||
background-size: contain !important; | |||
background-position: center center !important; | |||
background-repeat: no-repeat !important; | |||
} | |||
/*---------------------------02-06-2026------------------*/ | |||
.skin-minerva .content p.bookcover-heading, | |||
.skin-minerva .mw-parser-output p.bookcover-heading { | |||
font-size: 29px !important; | |||
color: #861f23 !important; | |||
line-height: 1.2 !important; | |||
} | |||
/*---------------------------08-06-2026----------------*/ | |||
@media screen and (max-width: 767px) { | |||
.mw-parser-output span[style*="float:right"] { | |||
float: none !important; | |||
display: block !important; | |||
clear: both !important; | |||
text-align: right !important; | |||
margin-top: 15px !important; | |||
} | |||
} | |||
.ekatra-right-author { | |||
text-align: right !important; | |||
width: 100%; | |||
display: block; | |||
margin: 15px 0; | |||
} | |||
/*---------------------------10-06-2026----------------*/ | |||
/* Mobile - logged out users - show only Share icon */ | |||
@media screen and (max-width: 767px) { | |||
body:not(.mw-editable).skin-minerva #language-selector, | |||
body:not(.mw-editable).skin-minerva #minerva-download, | |||
body:not(.mw-editable).skin-minerva #page-actions-watch, | |||
body:not(.mw-editable).skin-minerva #page-actions-viewsource { | |||
display: none !important; | |||
} | |||
} | |||
/* Mobile - logged out users - move Share icon to right */ | |||
@media screen and (max-width: 767px) { | |||
body:not(.mw-editable).skin-minerva #p-views.page-actions-menu__list.minerva-icon-only-menu { | |||
display: flex !important; | |||
justify-content: flex-end !important; | |||
width: 100% !important; | |||
} | |||
body:not(.mw-editable).skin-minerva #custom-share-li { | |||
margin-left: auto !important; | |||
} | |||
} | |||
/*--------------------------------11-06-2026----------------------------------*/ | |||
.ekatra-right-author { | |||
text-align: right !important; | |||
width: 100%; | |||
display: block; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | |||
.ekatra-right-author p { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
line-height: 1.3 !important; | |||
} | |||
.poem .ekatra-right-author + br { | |||
display: none !important; | |||
} | |||
/* Hide empty paragraphs generated after right author blocks */ | |||
.ekatra-right-author + p:empty, | |||
.ekatra-right-author + p > br:only-child, | |||
.ekatra-right-author + p { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
line-height: 0 !important; | |||
} | |||
/*----------------------------------22-06-2026----------------------------------*/ | |||
/* Mobile only - Force editor overlay visible */ | |||
@media screen and (max-width: 768px) { | |||
.mw-overlays-container .overlay.editor-overlay { | |||
opacity: 1 !important; | |||
background-color: #fff !important; | |||
} | |||
} | } | ||
/*----------------------------------25-06-2026-----------------------------------*/ | |||