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@10 | 34 | .sortcolumn-container { |
paul@10 | 35 | position: relative; |
paul@10 | 36 | padding-right: 0.25em; |
paul@10 | 37 | } |
paul@10 | 38 | |
paul@10 | 39 | a.removecolumn, |
paul@10 | 40 | .unlinkedcolumn { |
paul@10 | 41 | margin-left: 0.25em; /* replaces the container used for the pop-up */ |
paul@10 | 42 | } |
paul@10 | 43 | |
paul@10 | 44 | .sortcolumns ol { |
paul@10 | 45 | margin: 0.5em; |
paul@10 | 46 | padding: 0.25em 1.5em 0.25em 1.5em; |
paul@10 | 47 | } |
paul@10 | 48 | |
paul@10 | 49 | .sortcolumns li { |
paul@10 | 50 | white-space: nowrap; |
paul@10 | 51 | border-top: 2px solid #fff; |
paul@10 | 52 | } |
paul@10 | 53 | |
paul@10 | 54 | .sortcolumn a { |
paul@10 | 55 | text-decoration: none !important; |
paul@10 | 56 | color: inherit !important; |
paul@10 | 57 | } |
paul@10 | 58 | |
paul@10 | 59 | .sortcolumn:hover { |
paul@10 | 60 | border-top: 2px solid #f66; |
paul@10 | 61 | } |
paul@10 | 62 | |
paul@10 | 63 | .sortcolumn .newsortcolumn { |
paul@10 | 64 | display: none; |
paul@10 | 65 | position: absolute; |
paul@10 | 66 | bottom: 0.5em; |
paul@10 | 67 | right: 0.25em; |
paul@10 | 68 | z-index: 4; |
paul@10 | 69 | background-color: #f66; |
paul@10 | 70 | color: #000; |
paul@10 | 71 | padding: 0.5em; |
paul@10 | 72 | } |
paul@10 | 73 | |
paul@10 | 74 | .sortcolumn:hover .newsortcolumn { |
paul@10 | 75 | display: block; |
paul@10 | 76 | } |
paul@10 | 77 | |
paul@10 | 78 | a.removecolumn { |
paul@10 | 79 | color: inherit !important; |
paul@10 | 80 | } |
paul@10 | 81 | |
paul@10 | 82 | a.removecolumn:hover { |
paul@10 | 83 | text-decoration: line-through !important; |
paul@10 | 84 | } |