Template:PornBaseData Infobox/styles.css

From Porn Base Central
< Template:PornBaseData Infobox
Revision as of 00:13, 24 November 2020 by PeaceDeadC (talk | contribs) (Created page with "→‎@noflip: #pbdinfobox.mw-content-ltr { float: right; /* override .infobox style: this rule is flipped (changed to “left”) on rtl pages, while MediaWiki:Common.css isn...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
/* @noflip */
#pbdinfobox.mw-content-ltr {
	float: right; /* override .infobox style: this rule is flipped (changed to “left”) on rtl pages, while MediaWiki:Common.css isn’t */
	clear: right; /* override .infobox style: this rule is flipped (changed to “left”) on rtl pages, while MediaWiki:Common.css isn’t */
	margin-right: 0;
	margin-left: 1em;
}
/* @noflip */
#pbdinfobox.mw-content-rtl {
	float: left; /* override .infobox style: this rule is flipped (changed to “left”) on rtl pages, while MediaWiki:Common.css isn’t */
	clear: left; /* override .infobox style: this rule is flipped (changed to “left”) on rtl pages, while MediaWiki:Common.css isn’t */
	margin-left: 0;
	margin-right: 1em;
}
#pbdinfobox {
	width: 258px;
	box-sizing: border-box;
	font-size: 95%;
	padding: 0;
}

#pbdinfobox .image img {
	max-width: 250px;
	max-height: 250px;
	width: auto;
}
#pbdinfoboxcaption {
	background: #FFF;
}
/* @noflip */
#pbdinfobox.mw-content-ltr #pbdinfoboxcaption {
	margin-left: 0;
}
/* @noflip */
#pbdinfobox.mw-content-rtl #pbdinfoboxcaption {
	margin-right: 0;
}

#pbdinfobox th, #pbdinfo_taxon th {
	vertical-align: top;
	word-wrap: break-word;
	hyphens: auto;
}

#pbdinfobox td, #pbdinfo_taxon td {
	word-wrap: break-word;
	hyphens: auto;
}

#pbdinfobox li:not(:last-child) {
    margin-bottom: 3px;
}

#pbdinfo_taxon {
	font-size: 95%;
	table-layout: fixed;
	padding: 0;
}

.taxontree-lcell, .pornbasedatainfobox-lcell {
	background: #CFE3FF;
	padding-left: .4em;
	padding-right: .4em;
	font-weight: bold;
}
.taxontree-rcell, .pornbasedatainfobox-rcell {
	word-wrap: break-word;
	hyphens: auto;
}

/* @noflip */
#pbdinfobox.mw-content-ltr .taxontree-lcell,
#pbdinfobox.mw-content-ltr .pornbasedatainfobox-lcell {
	text-align: right;
	word-wrap: break-word;
	hyphens: auto;
}
/* @noflip */
#pbdinfobox.mw-content-rtl .taxontree-lcell,
#pbdinfobox.mw-content-rtl .pornbasedatainfobox-lcell {
	text-align: left;
	word-wrap: break-word;
	hyphens: auto;
}

.taxontree-fullcell {
	text-align: center;
}

.taxontree-hdrcell {
	text-align: center;
	background: #CFE3FF;
	padding-left: .4em;
	padding-right: .4em;
	font-weight: bold;
}

.taxontree-row {
	
}

@media screen and (max-width: 600px) {
  .pbdinfo_nomobile {
  	display: none;
  	visibility: hidden;
  	height: 0;
  }
}

.pbdinfobox_horizontal {
	clear: both !important;
	display: block;
	box-sizing: border-box !important;
	width: 100% !important;
	column-width: 24em;
}

.pbdinfobox_hide {
	display: none;
}

#pbdcreator {
	display: none;
}

.pbdcreator_show {
	display: block !important;
}

#pbdinfo_taxon ul {
	list-style: none;
	list-style-position: inside;
}
/* @noflip */
#pbdinfobox.mw-content-ltr #pbdinfo_taxon ul {
	padding-left: 0;
	margin-left: 0;
}
/* @noflip */
#pbdinfobox.mw-content-rtl #pbdinfo_taxon ul {
	padding-right: 0;
	margin-right: 0;
}

.pornbasedatainfoboxVN ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}


.pornbasedatainfoboxVN ul {
	margin-left: 0;
}

.pornbasedatainfoboxVN {
	padding: 0;
	margin: 0;
}