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@16 | 36 | .sortcolumns p { |
paul@16 | 37 | padding: 0.5em 0.5em 0 0.5em; |
paul@16 | 38 | } |
paul@16 | 39 | |
paul@10 | 40 | .sortcolumns ol { |
paul@10 | 41 | margin: 0.5em; |
paul@10 | 42 | padding: 0.25em 1.5em 0.25em 1.5em; |
paul@10 | 43 | } |
paul@10 | 44 | |
paul@10 | 45 | .sortcolumns li { |
paul@10 | 46 | white-space: nowrap; |
paul@15 | 47 | padding-top: 4px; |
paul@20 | 48 | text-align: justify; |
paul@10 | 49 | } |
paul@10 | 50 | |
paul@13 | 51 | .sortcolumns a { |
paul@10 | 52 | text-decoration: none !important; |
paul@10 | 53 | color: inherit !important; |
paul@10 | 54 | } |
paul@10 | 55 | |
paul@10 | 56 | .sortcolumn:hover { |
paul@10 | 57 | border-top: 2px solid #f66; |
paul@15 | 58 | padding-top: 2px; |
paul@10 | 59 | } |
paul@10 | 60 | |
paul@13 | 61 | /* Column removal and inactive columns. */ |
paul@10 | 62 | |
paul@13 | 63 | a.altdirection, |
paul@13 | 64 | a.removecolumn, |
paul@13 | 65 | .unlinkedcolumn { |
paul@13 | 66 | margin-left: 0.25em; /* replaces the container used for the pop-up */ |
paul@10 | 67 | } |
paul@10 | 68 | |
paul@10 | 69 | a.removecolumn { |
paul@10 | 70 | color: inherit !important; |
paul@10 | 71 | } |
paul@10 | 72 | |
paul@10 | 73 | a.removecolumn:hover { |
paul@10 | 74 | text-decoration: line-through !important; |
paul@10 | 75 | } |
paul@13 | 76 | |
paul@13 | 77 | /* Positioning of pop-up elements. */ |
paul@13 | 78 | |
paul@13 | 79 | .sortcolumn-container { |
paul@13 | 80 | position: relative; |
paul@13 | 81 | padding-right: 0.25em; |
paul@13 | 82 | } |
paul@13 | 83 | |
paul@13 | 84 | /* New column pop-up. */ |
paul@13 | 85 | |
paul@13 | 86 | .sortcolumn .newsortcolumn { |
paul@13 | 87 | display: none; |
paul@13 | 88 | position: absolute; |
paul@13 | 89 | bottom: 0.5em; |
paul@13 | 90 | right: 0.25em; |
paul@13 | 91 | z-index: 4; |
paul@13 | 92 | } |
paul@13 | 93 | |
paul@13 | 94 | .sortcolumn:hover .newsortcolumn { |
paul@13 | 95 | display: block; |
paul@13 | 96 | } |
paul@13 | 97 | |
paul@16 | 98 | a.altdirection, |
paul@16 | 99 | .newsortcolumn { |
paul@16 | 100 | color: #000; |
paul@16 | 101 | padding: 0.5em; |
paul@16 | 102 | } |
paul@16 | 103 | |
paul@16 | 104 | a.altdirection { |
paul@16 | 105 | background-color: #fcc; |
paul@16 | 106 | } |
paul@16 | 107 | |
paul@16 | 108 | a.altdirection:hover, |
paul@13 | 109 | .newsortcolumn { |
paul@13 | 110 | background-color: #f66; |
paul@13 | 111 | } |
paul@15 | 112 | |
paul@15 | 113 | .appendcolumn { |
paul@15 | 114 | list-style-type: none; |
paul@15 | 115 | } |
paul@15 | 116 | |
paul@15 | 117 | .appendcolumn .newsortcolumn { |
paul@15 | 118 | visibility: hidden; |
paul@15 | 119 | display: inline-block; |
paul@15 | 120 | } |
paul@15 | 121 | |
paul@15 | 122 | .appendcolumn:hover .newsortcolumn { |
paul@15 | 123 | visibility: visible; |
paul@15 | 124 | } |