Module:Biobox/styles.css

From Porn Base Central, the free encyclopedia of gay porn
Jump to navigation Jump to search 
/**
 * TemplateStyles для Module:Biobox
 */

/* Адаптация для темной темы - ночной режим (выбор пользователя) */
@media screen {
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) {
		background-color: #27292d !important;
		border-color: #54595d !important;
	}

	/* Colorize Performances subheaders in dark theme (system dark scheme) */
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader { background-color: #657D91 !important; color: #f8f9fa !important; border-color: #54595d !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.solo { background-color: #d4a017 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.gay { background-color: #1e7e34 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.bdsm { background-color: #3a4753 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.hetero { background-color: #c82333 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.softcore { background-color: #e6b64c !important; }

	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) td > div {
		background-color: #202122 !important;
	}

	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .section {
		background-color: #1f4464 !important;
		color: #f8f9fa !important;
	}

	html.skin-theme-clientpref-night .oddrowsgray:not(.notheme) tr:nth-child(odd) {
		background-color: #202122 !important;
	}

	/* Градиенты заголовков в темной теме */
	html.skin-theme-clientpref-night .infoboxname1:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdetails1:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdescription1:not(.notheme),
	html.skin-theme-clientpref-night .infoboxnamebiobox:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdetailsbiobox:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdescriptionbiobox:not(.notheme) {
		background-color: #3a4753 !important;
		background-image: linear-gradient(to bottom, #3a4753 0%, #2d3842 100%) !important;
		color: #f8f9fa !important;
	}

	/* Переопределение всех строк таблицы */
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) tr {
		background-color: #27292d !important;
	}

	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) th,
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) td {
		background-color: #27292d !important;
		color: #f8f9fa !important;
	}

	/* Переопределение всех div внутри ячеек */
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) td > div {
		background-color: #202122 !important;
		color: #f8f9fa !important;
		border-color: #54595d !important;
	}

	html.skin-theme-clientpref-night .infoboxname2:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdetails2:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdescription2:not(.notheme) {
		background-color: #5e3b0f !important;
		background-image: linear-gradient(to bottom, #5e3b0f 0%, #3d2607 100%) !important;
		color: #f8f9fa !important;
	}

	html.skin-theme-clientpref-night .infoboxname3:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdetails3:not(.notheme),
	html.skin-theme-clientpref-night .infoboxdescription3:not(.notheme) {
		background-color: #3a4753 !important;
		background-image: linear-gradient(to bottom, #3a4753 0%, #2d3842 100%) !important;
		color: #f8f9fa !important;
	}

	/* Colorize Performances subheaders in dark theme (user night preference) */
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .biobox-perf-subheader { background-color: #657D91 !important; color: #f8f9fa !important; border-color: #54595d !important; }
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .biobox-perf-subheader.solo { background-color: #d4a017 !important; }
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .biobox-perf-subheader.gay { background-color: #1e7e34 !important; }
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .biobox-perf-subheader.bdsm { background-color: #3a4753 !important; }
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .biobox-perf-subheader.hetero { background-color: #c82333 !important; }
	html.skin-theme-clientpref-night .infoboxnew:not(.notheme) .biobox-perf-subheader.softcore { background-color: #e6b64c !important; }
}

/* Адаптация для темной темы - системные настройки */
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) {
		background-color: #27292d !important;
		border-color: #54595d !important;
	}

	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) td > div {
		background-color: #202122 !important;
	}

	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .section {
		background-color: #1f4464 !important;
		color: #f8f9fa !important;
	}

	html.skin-theme-clientpref-os .oddrowsgray:not(.notheme) tr:nth-child(odd) {
		background-color: #202122 !important;
	}

	/* Градиенты заголовков в темной теме */
	html.skin-theme-clientpref-os .infoboxname1:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdetails1:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdescription1:not(.notheme),
	html.skin-theme-clientpref-os .infoboxnamebiobox:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdetailsbiobox:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdescriptionbiobox:not(.notheme) {
		background-color: #3a4753 !important;
		background-image: linear-gradient(to bottom, #3a4753 0%, #2d3842 100%) !important;
		color: #f8f9fa !important;
	}

	/* Переопределение всех строк таблицы */
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) tr {
		background-color: #27292d !important;
	}

	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) th,
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) td {
		background-color: #27292d !important;
		color: #f8f9fa !important;
	}

	/* Переопределение всех div внутри ячеек */
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) td > div {
		background-color: #202122 !important;
		color: #f8f9fa !important;
		border-color: #54595d !important;
	}

	html.skin-theme-clientpref-os .infoboxname2:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdetails2:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdescription2:not(.notheme) {
		background-color: #5e3b0f !important;
		background-image: linear-gradient(to bottom, #5e3b0f 0%, #3d2607 100%) !important;
		color: #f8f9fa !important;
	}

	html.skin-theme-clientpref-os .infoboxname3:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdetails3:not(.notheme),
	html.skin-theme-clientpref-os .infoboxdescription3:not(.notheme) {
		background-color: #3a4753 !important;
		background-image: linear-gradient(to bottom, #3a4753 0%, #2d3842 100%) !important;
		color: #f8f9fa !important;
	}

	/* Colorize Performances subheaders in dark theme (system dark scheme) */
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader { background-color: #657D91 !important; color: #f8f9fa !important; border-color: #54595d !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.solo { background-color: #d4a017 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.gay { background-color: #1e7e34 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.bdsm { background-color: #3a4753 !important; }
	html.skin-theme-clientpref-os .infoboxnew:not(.notheme) .biobox-perf-subheader.hetero { background-color: #c82333 !important; }

	html.skin-theme-clientpref-os .biobox-perf-subheader { border-color: #54595d !important; }
	html.skin-theme-clientpref-os .biobox-perf-tile { border-color: #54595d !important; }
}

.biobox-perf-subheader { padding: 2px 4px; text-align: center; font-weight: bold; background: #657D91; color: #fff; border: 1px solid white; }
.biobox-perf-subheader.solo { background: #d4a017; }
.biobox-perf-subheader.gay { background: #1e7e34; }
.biobox-perf-subheader.bdsm { background: #3a4753; }
.biobox-perf-subheader.hetero { background: #c82333; }
.biobox-perf-subheader.softcore { background: #e6b64c; }
.biobox-perf-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; align-items: stretch; justify-content: start; justify-items: stretch; align-content: start; background: transparent; width: 100%; max-width: 100%; margin: 0; padding: 0; box-sizing: border-box; overflow-x: hidden; }
.biobox-perf-tiles.cols-3 { grid-template-columns: repeat(3, 1fr); }
.biobox-perf-label { font-weight: 600; text-align: left; background: transparent; }
.biobox-perf-tile { text-align: center; padding: 1px 3px; border-radius: 1px; border: 1px solid #c8ccd1; font-weight: 500; min-width: 0; box-sizing: border-box; overflow: hidden; margin: 0; }
.biobox-perf-tiles.single { grid-template-columns: 1fr; gap: 0; justify-content: stretch; align-content: stretch; margin: 0; padding: 0; }
.biobox-perf-tile a { color: inherit; text-decoration: none; }
.biobox-perf-tile a:visited { color: inherit; }
.biobox-perf-tile a:hover { text-decoration: underline; }
.biobox-perf-tile.yes { background: #4caf50; color: #fff; border-color: #3b8d40; }
.biobox-perf-tile.no { background: #d9534f; color: #fff; border-color: #b13d3a; }
.biobox-perf-list { background: transparent; display: block; text-align: center; margin: 0; width: 100%; max-width: 100%; white-space: normal; padding: 0 0.2em; box-sizing: border-box; overflow-wrap: anywhere; }
.biobox-perf-list a { font-weight: 700; }

/* Ensure transparency under Vector legacy */
html.skin-vector-legacy .biobox-perf-tiles,
html.skin-vector-legacy .biobox-perf-label,
html.skin-vector-legacy .biobox-perf-list { background: transparent !important; }

/* Career status labels */
.careerstatusactive { font-weight: bold; color: #1e7e34; }
.careerstatusretired { font-weight: bold; color: #c82333; }

@media screen and (max-width: 768px) {
  .infoboxnew { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 1em !important; border-collapse: separate !important; table-layout: auto !important; box-sizing: border-box !important; }
  .infoboxnew img { max-width: 100% !important; height: auto !important; }
  .infoboxnew .infobox-imagearea img { max-width: 100% !important; height: auto !important; }
  .infoboxnew .biobox-perf-tiles { grid-template-columns: 1fr !important; }
  .infoboxnew th, .infoboxnew td { display: table-cell !important; vertical-align: top !important; box-sizing: border-box !important; }
  .infoboxnew th { width: 40% !important; text-align: left !important; }
  .infoboxnew td { width: 60% !important; word-break: break-word !important; overflow-wrap: anywhere !important; }
  .infoboxnew .biobox-inline { display: block !important; white-space: normal !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
  .infoboxnew .biobox-perf-subheader,
  .infoboxnew th.biobox-perf-subheader,
  .infoboxnew td.biobox-perf-subheader { text-align: center !important; }
  .infoboxnew th[colspan="2"],
  .infoboxnew td[colspan="2"] { text-align: center !important; }
}
html.skin-minerva .infoboxnew, html.skin-minerva-beta .infoboxnew {
  float: none !important; clear: both !important; width: 100% !important; margin: 0 auto 1em !important;
}
html.skin-minerva .infoboxnew .biobox-inline, html.skin-minerva-beta .infoboxnew .biobox-inline {
  display: block !important; white-space: normal !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: anywhere !important; word-break: break-word !important;
}

/* Ensure center alignment for 2-colspan headers and link rows in Minerva */
html.skin-minerva .infoboxnew th[colspan="2"],
html.skin-minerva .infoboxnew td[colspan="2"],
html.skin-minerva-beta .infoboxnew th[colspan="2"],
html.skin-minerva-beta .infoboxnew td[colspan="2"] { text-align: center !important; }
Retrieved from "https://pbc.xxx/w/index.php?title=Module:Biobox/styles.css&oldid=307069"