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