☰

[theme] kalcho

A new userstyle

/* ==UserStyle==
@name           [theme] kalcho
@namespace      github.com/openstyles/stylus
@version        0.2.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("kalcho.com.mx") {
	body.full {
		background: #345;
		padding-top: 0em;
		color:  #ccc;
	}
	.navbar-fixed-top {
		position: static;
	}
	body.full .list-group a.list-group-item,
	body.full .nav-tabs > li > a,
	body.full .nav-tabs {
		border-color: #fff3;
	}
	body.full .list-group a.list-group-item,
	body.full .nav-tabs > li > a {
		background: #0003;
		cursor: pointer;
	}
	body.full .nav-tabs > li > a:focus,
	body.full .nav-tabs > li > a:hover,
	body.full .nav-tabs > li.active > a {
		background: transparent;
		color:  #ccc;
		border-color: #fff6;
		border-bottom-color: #0006;
	}

	/** Tables */
	body.full table.xnj-table,
	body.full table.table {
		background: #fff2;
		margin: 0 0 2em;
		width:  auto;
		border: solid 2px #fff1;
	}
	body.full table.xnj-table caption,
	body.full table.table     caption {
		color: inherit;
	}
	body.full .xnj-table >tbody> tr:nth-child(odd),
	body.full .table     >tbody> tr:nth-child(odd) {
		background: #0001;
	}
	tr[style="background-color:#ffe7e1;"] {
		background: #fff2  !important;
		font-style: italic;
	}
	x	tr[style="background-color:#ffe7e1;"]:nth-child(odd) {
		background: #0001  !important;
	}
	body.full .xnj-table tr>*,
	body.full .table     tr>* {
		padding:  .25em .75em;
		border: solid #fff2;
		border-width: 1px 0;
	}
	body.full .table     td[colspan]:first-child:last-child,
	body.full .xnj-table th,
	body.full .table     th {
		text-align: center;
		background: #0003;
		padding:  .5em 1em;

		background: #424e59;
		position: sticky;
		top:  -1px;
	}
	body.full .table tbody td {
		padding:  .5em 2em;
	}
	body.full .xnj-table tbody th,
	body.full .table     tbody th {
		top:  calc(2.5em - 3px);
	}

	.xnj-positions td:not(:nth-child(2)) {
		text-align: right;
	}

	.xnj-summary td:nth-child(-n+3) {
		text-align: center;
	}
	.xnj-summary td:nth-child(7),
	.xnj-summary td:nth-child(4) {
		text-align: right;
	}

	/** "Favorite" teams */
	table.table td[data-fav] {
		text-align: left;
	}
	x	body.full table.xnj-table tr.xnj-has-fav,
	body.full table.table     tr.xnj-has-fav {
		background: #abc2;
	}
	table.table td[data-fav] a::before {
		content:  '\2610';
		margin-left: -2.5ex;
		float: left;
		line-height:  .75;
		font-weight:  800;
		font-size:  150%;
	}
	table.table td[data-fav="1"] a::before {
		content: '\2611';
	}

	.xnj-fav.xnj-home::before,
	.xnj-fav.xnj-away::after {
		content:  attr(title);
		font-weight:  400;
		font-size:  smaller;
		margin: 0 1ex 0 -1ex;
		float:  left;
		color:  #ddd;
	}
	.xnj-fav.xnj-away::after {
		margin: 0 -1ex 0 1ex;
		float:  right;
	}

	body.full a,
	td.xnj-fav {
		font-weight:  600;
		color:  #bde;
	}
	.body-full table.table >tbody> tr.xnj-has-fav {
		background-color: #9cf3;
		color:  #bde;
	}

	/** Scores & results */
	.xnj-score {
		text-align: center;
	}
	.xnj-score.gols {
		background: #0002;
	}
	.xnj-score.putz {
		background: #0006;
	}

	.xnj-won {
		font-weight:  800;
		color:  #eee;
	}
	.xnj-lost {
		font-weight:  200;
	}
	.xnj-draw {
		font-style: italic;
	}

	img[style="width:30px;height:30px;"] {
		max-height: 1.5em;
		width:  auto  !important;
		opacity:  .25;
	}

	/** Annoying elements */
	body.full .list-group-header { background:#0006!important; color:inherit!important; }
	body.full .list-group.panel {
		background: transparent;
		opacity:  .5;
	}
	.whiteTextOverride,
	.fondo,
	.img-responsive-footer,
	.navbar-header,
	img.banner {
		display:  none;
	}



	.collapse:first-of-type {
		display: unset;
	}
}