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