MediaWiki:Common.css

From Ekatra Foundation
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, you may have to bypass your browser’s cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@font-face {
    font-family: "Ekatra";
    src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Normal.ttf");
}
@font-face {
    font-family: "Ekatra";
    src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Ekatra";
    src: url("https://wiki.ekatrafoundation.org/fonts/Ekatra-Italic.ttf");
    font-style: italic;
}

body {
  font-family: Ekatra;
  font-size: 24px;
  text-align:justify;
}

#bodyContent {
	padding-left: 5%;
	padding-right: 5%;
	color:#2e2e2e;
}

.action-edit #bodyContent {
	padding-left: 2%;
	padding-right: 2%;
	color:#2e2e2e;
}

@media only screen and (max-width: 600px) {
 #bodyContent {
	padding-left: 5%;
	padding-right: 5%;
	color:#2e2e2e;
}
}

#firstHeading {
	font-family: Ekatra;
	font-size: 0.8em;
}

#p-logo {
	margin-top: 1rem;
}

.grid_row {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
}
.grid_col {
	flex: 1;
	min-width: 250px;
}

.error {
	display: none;
}

.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 1em;
    float: right;
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    width: 22em;
}
.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{
	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 {
	font-size: 29px;
	color:#861f23;
}
p.bookcover-author, p.bookcover-editor{
	font-size: 21px;
	color:#861f23;
}
.bookcover{
	padding:10px;
	margin-bottom:20px;
}
.heading-detail-page{
	width:auto; 
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom: 30px;
}
.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; } */