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