annotate core/themes/bartik/css/components/table.css @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
rev   line source
Chris@0 1 /**
Chris@0 2 * @file
Chris@0 3 * Styles for Bartik's tables.
Chris@0 4 */
Chris@0 5
Chris@0 6 table {
Chris@18 7 width: 100%;
Chris@18 8 margin: 10px 0;
Chris@18 9 border-spacing: 0;
Chris@0 10 border: 0;
Chris@0 11 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
Chris@0 12 font-size: 0.857em;
Chris@0 13 }
Chris@0 14 table table {
Chris@0 15 font-size: 1em;
Chris@0 16 }
Chris@0 17 tr {
Chris@18 18 padding: 0.1em 0.6em;
Chris@0 19 border-bottom: 1px solid #ccc;
Chris@0 20 background: #efefef;
Chris@0 21 background: rgba(0, 0, 0, 0.063);
Chris@0 22 }
Chris@0 23 thead > tr {
Chris@0 24 border-bottom: 1px solid #000;
Chris@0 25 }
Chris@0 26 tr.odd {
Chris@0 27 background: #e4e4e4;
Chris@0 28 background: rgba(0, 0, 0, 0.105);
Chris@0 29 }
Chris@0 30 table tr th {
Chris@18 31 border-bottom-style: none;
Chris@0 32 background: #757575;
Chris@0 33 background: rgba(0, 0, 0, 0.51);
Chris@0 34 }
Chris@0 35 table tr th,
Chris@0 36 table tr th a,
Chris@0 37 table tr th a:hover,
Chris@0 38 table tr th a:focus {
Chris@0 39 color: #fff;
Chris@0 40 font-weight: bold;
Chris@0 41 }
Chris@0 42 table tbody tr th {
Chris@0 43 vertical-align: top;
Chris@0 44 }
Chris@0 45 tr td,
Chris@0 46 tr th {
Chris@0 47 padding: 4px 9px;
Chris@18 48 text-align: left; /* LTR */
Chris@0 49 border: 1px solid #fff;
Chris@0 50 }
Chris@0 51 .tabledrag-handle:hover,
Chris@0 52 .tabledrag-handle {
Chris@0 53 border: none;
Chris@0 54 }
Chris@0 55 [dir="rtl"] tr td,
Chris@0 56 [dir="rtl"] tr th {
Chris@0 57 text-align: right;
Chris@0 58 }
Chris@0 59
Chris@0 60 /**
Chris@0 61 * Responsive tables.
Chris@0 62 */
Chris@0 63 @media screen and (max-width: 37.5em) { /* 600px */
Chris@0 64 th.priority-low,
Chris@0 65 td.priority-low,
Chris@0 66 th.priority-medium,
Chris@0 67 td.priority-medium {
Chris@0 68 display: none;
Chris@0 69 }
Chris@0 70 }
Chris@14 71
Chris@0 72 @media screen and (max-width: 60em) { /* 920px */
Chris@0 73 th.priority-low,
Chris@0 74 td.priority-low {
Chris@0 75 display: none;
Chris@0 76 }
Chris@0 77 }