Mercurial > hg > isophonics-drupal-site
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 } |