Chris@3: /**
Chris@3:  * @file
Chris@3:  * Styles for Bartik's tables.
Chris@3:  */
Chris@3: 
Chris@3: table {
Chris@3:   border: 0;
Chris@3:   border-spacing: 0;
Chris@3:   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
Chris@3:   font-size: 0.857em;
Chris@3:   margin: 10px 0;
Chris@3:   width: 100%;
Chris@3: }
Chris@3: table table {
Chris@3:   font-size: 1em;
Chris@3: }
Chris@3: tr {
Chris@3:   border-bottom: 1px solid #ccc;
Chris@3:   padding: 0.1em 0.6em;
Chris@3:   background: #efefef;
Chris@3:   background: rgba(0, 0, 0, 0.063);
Chris@3: }
Chris@3: thead > tr {
Chris@3:   border-bottom: 1px solid #000;
Chris@3: }
Chris@3: tr.odd {
Chris@3:   background: #e4e4e4;
Chris@3:   background: rgba(0, 0, 0, 0.105);
Chris@3: }
Chris@3: table tr th {
Chris@3:   background: #757575;
Chris@3:   background: rgba(0, 0, 0, 0.51);
Chris@3:   border-bottom-style: none;
Chris@3: }
Chris@3: table tr th,
Chris@3: table tr th a,
Chris@3: table tr th a:hover,
Chris@3: table tr th a:focus {
Chris@3:   color: #fff;
Chris@3:   font-weight: bold;
Chris@3: }
Chris@3: table tbody tr th {
Chris@3:   vertical-align: top;
Chris@3: }
Chris@3: tr td,
Chris@3: tr th {
Chris@3:   padding: 4px 9px;
Chris@3:   border: 1px solid #fff;
Chris@3:   text-align: left; /* LTR */
Chris@3: }
Chris@3: .tabledrag-handle:hover,
Chris@3: .tabledrag-handle {
Chris@3:   border: none;
Chris@3: }
Chris@3: [dir="rtl"] tr td,
Chris@3: [dir="rtl"] tr th {
Chris@3:   text-align: right;
Chris@3: }
Chris@3: 
Chris@3: /**
Chris@3:  * Responsive tables.
Chris@3:  */
Chris@3: @media screen and (max-width: 37.5em) { /* 600px */
Chris@3:   th.priority-low,
Chris@3:   td.priority-low,
Chris@3:   th.priority-medium,
Chris@3:   td.priority-medium {
Chris@3:     display: none;
Chris@3:   }
Chris@3: }
Chris@3: @media screen and (max-width: 60em) { /* 920px */
Chris@3:   th.priority-low,
Chris@3:   td.priority-low {
Chris@3:     display: none;
Chris@3:   }
Chris@3: }