%PDF- %PDF-
Direktori : /mnt/tnb2/los/backend/css/ |
Current File : //mnt/tnb2/los/backend/css/table-style.css |
@import url(https://fonts.googleapis.com/css?family=Cairo:400); @import url(https://fonts.googleapis.com/css?family=Lato:400,700); @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700); /* info (hed, dek, source, credit) */ .rg-container { font-family: 'Cairo', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; margin: 0; padding: 1em 0em; color: #222; } .rg-header { font-family: 'Cairo', Helvetica, Arial, sans-serif; margin-bottom: 1em; text-align: left; } .rg-header > * { display: block; } .rg-hed { font-weight: bold; font-size: 1.4em; } .rg-dek { font-size: 1em; } .rg-source { margin: 0; font-size: 0.7em; text-align: right; } .rg-source .pre-colon { /*text-transform: uppercase;*/ } .rg-source .post-colon { font-weight: bold; } /* table */ table.rg-table { width: 100%; margin-bottom: 0.5em; font-size: 1em; border-collapse: collapse; border-spacing: 0; } table.rg-table tr { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: left; color: #333; } table.rg-table thead { border-bottom: 3px solid #ddd; } table.rg-table thead tr:hover { color: #000 !important; background-color: #fff !important; } table.rg-table tr { border-bottom: 1px solid #ddd; color: #222; vertical-align: middle; } table.rg-table tr:hover { color: #0000cd !important; background-color: #f0f8ff !important; } table.rg-table tr.highlight { background-color: #dcf1f0 !important; } table.rg-table.zebra tr:nth-child(even) { background-color: #f6f6f6; } table.rg-table th { font-weight: bold; padding: 0.35em; font-size: 0.9em; } table.rg-table td { padding: 0.35em; font-size: 0.9em; } table.rg-table .highlight td { font-weight: bold; } table.rg-table th.number, td.number { text-align: right; } /* media queries */ @media screen and (max-width: 600px) { .rg-container { max-width: 600px; margin: 0 auto; } table.rg-table { width: 100%; } table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile { display: none; } table.rg-table thead { display: none; } table.rg-table tbody { width: 100%; } table.rg-table tr, table.rg-table th, table.rg-table td { display: block; padding: 0; } table.rg-table tr { border-bottom: none; margin: 0 0 1em 0; padding: 0.5em; } table.rg-table tr:hover { color: #333; background-color: inherit !important; } table.rg-table tr.highlight { background-color: inherit !important; } table.rg-table.zebra tr:nth-child(even) { background-color: transparent; } table.rg-table.zebra td:nth-child(even) { background-color: #f6f6f6; } table.rg-table tr:nth-child(even) { background-color: transparent; } table.rg-table td { padding: 0.5em 0 0.25em 0; border-bottom: 1px dotted #ccc; text-align: right; } table.rg-table td[data-title]:before { content: attr(data-title); font-weight: bold; display: inline-block; content: attr(data-title); float: left; margin-right: 0.5em; font-size: 0.95em; } table.rg-table td:last-child { padding-right: 0; border-bottom: 2px solid #ccc; } table.rg-table td:empty { display: none; } table.rg-table .highlight td { background-color: inherit; font-weight: normal; } }