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