paul@10 | 1 | /* improvedtableparser.css - some additional styles for ImprovedTableParser |
paul@10 | 2 | * which can be included in screen.css and print.css |
paul@10 | 3 | * using... |
paul@10 | 4 | * |
paul@10 | 5 | * @import "improvedtableparser.css"; |
paul@10 | 6 | * |
paul@10 | 7 | * ...before any rules. |
paul@10 | 8 | * |
paul@10 | 9 | * Copyright (c) 2012 by Paul Boddie |
paul@10 | 10 | * Licensed under the GNU GPL (v2 or later), see COPYING.txt for details. |
paul@10 | 11 | */ |
paul@10 | 12 | |
paul@10 | 13 | .sortablecolumn { |
paul@10 | 14 | position: relative; |
paul@10 | 15 | padding-bottom: 0.5em; |
paul@10 | 16 | } |
paul@10 | 17 | |
paul@10 | 18 | .sortablecolumn .sortcolumns { |
paul@10 | 19 | display: none; |
paul@10 | 20 | position: absolute; |
paul@10 | 21 | top: 1em; |
paul@10 | 22 | left: 0; |
paul@10 | 23 | z-index: 3; |
paul@10 | 24 | background-color: #fff; |
paul@10 | 25 | color: #000; |
paul@10 | 26 | border: 1px solid #000; |
paul@10 | 27 | padding: 0; |
paul@10 | 28 | } |
paul@10 | 29 | |
paul@10 | 30 | .sortablecolumn:hover .sortcolumns { |
paul@10 | 31 | display: block; |
paul@10 | 32 | } |
paul@10 | 33 | |
paul@13 | 34 | /* Column listings. */ |
paul@10 | 35 | |
paul@10 | 36 | .sortcolumns ol { |
paul@10 | 37 | margin: 0.5em; |
paul@10 | 38 | padding: 0.25em 1.5em 0.25em 1.5em; |
paul@10 | 39 | } |
paul@10 | 40 | |
paul@10 | 41 | .sortcolumns li { |
paul@10 | 42 | white-space: nowrap; |
paul@10 | 43 | border-top: 2px solid #fff; |
paul@10 | 44 | } |
paul@10 | 45 | |
paul@13 | 46 | .sortcolumns a { |
paul@10 | 47 | text-decoration: none !important; |
paul@10 | 48 | color: inherit !important; |
paul@10 | 49 | } |
paul@10 | 50 | |
paul@10 | 51 | .sortcolumn:hover { |
paul@10 | 52 | border-top: 2px solid #f66; |
paul@10 | 53 | } |
paul@10 | 54 | |
paul@13 | 55 | /* Column removal and inactive columns. */ |
paul@10 | 56 | |
paul@13 | 57 | a.altdirection, |
paul@13 | 58 | a.removecolumn, |
paul@13 | 59 | .unlinkedcolumn { |
paul@13 | 60 | margin-left: 0.25em; /* replaces the container used for the pop-up */ |
paul@10 | 61 | } |
paul@10 | 62 | |
paul@10 | 63 | a.removecolumn { |
paul@10 | 64 | color: inherit !important; |
paul@10 | 65 | } |
paul@10 | 66 | |
paul@10 | 67 | a.removecolumn:hover { |
paul@10 | 68 | text-decoration: line-through !important; |
paul@10 | 69 | } |
paul@13 | 70 | |
paul@13 | 71 | /* Positioning of pop-up elements. */ |
paul@13 | 72 | |
paul@13 | 73 | .sortcolumn-container { |
paul@13 | 74 | position: relative; |
paul@13 | 75 | padding-right: 0.25em; |
paul@13 | 76 | } |
paul@13 | 77 | |
paul@13 | 78 | /* New column pop-up. */ |
paul@13 | 79 | |
paul@13 | 80 | .sortcolumn .newsortcolumn { |
paul@13 | 81 | display: none; |
paul@13 | 82 | position: absolute; |
paul@13 | 83 | bottom: 0.5em; |
paul@13 | 84 | right: 0.25em; |
paul@13 | 85 | z-index: 4; |
paul@13 | 86 | } |
paul@13 | 87 | |
paul@13 | 88 | .sortcolumn:hover .newsortcolumn { |
paul@13 | 89 | display: block; |
paul@13 | 90 | } |
paul@13 | 91 | |
paul@13 | 92 | .newsortcolumn { |
paul@13 | 93 | background-color: #f66; |
paul@13 | 94 | color: #000; |
paul@13 | 95 | padding: 0.5em; |
paul@13 | 96 | } |