File "tables.css.html"

Full path: /home/argothem/www/spip/tables.css.html
File size: 2.13 KB
MIME-type: text/html
Charset: utf-8

[(#REM)
	<style>
	/* Décoration des tables. */
]
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}

#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}

/* Tableaux */
table { margin-bottom: var(--spip-margin-bottom); width: 100%; }
th { font-weight: bold; }
thead th {color:inherit; background: var(--spip-color-theme-lighter); }
table.spip td, table.spip th, /* annuler spip-styles */
th,td,caption { padding: calc(var(--spip-line-height) / 2); }

tbody tr:nth-child(even)>td,tbody tr:nth-child(even)>th,
tbody tr.even>td,tbody tr.even>th { background: var(--spip-color-theme-lightest); }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: var(--spip-margin-bottom); border-collapse: collapse; border-spacing: 0;}
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip th, table.spip td { /*padding: 0.20em 0.40em; text-align: left; */border: 1px solid var(--spip-color-gray-light); }
table.spip td.numeric {text-align:right;}


/** tables responsives */
@media (max-width: 760px) {

	.spip_table--responsive,
	.spip_table--responsive thead,
	.spip_table--responsive tbody,
	.spip_table--responsive th,
	.spip_table--responsive td,
	.spip_table--responsive tr {
		display: block; 
	}

	.spip_table--responsive thead tr { 
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.spip_table--responsive tr { 
		border-top: 1px solid var(--spip-color-gray-light); 
		border-bottom: 1px solid var(--spip-color-gray-light); 
	}
	.spip_table--responsive tr + tr { 
		margin-top: 1em;
	}
	.spip_table--responsive td { 
		text-align: right;
	}
	table.spip_table--responsive td {
		border-top: none;
		border-bottom: 1px solid rgba(0, 0, 0, .08);
	}
	
	.spip_table--responsive td:before { 
		float: left;
		font-weight: bold;
		content: attr(data-label); 
	}
}