| OLD | NEW |
|---|
| 1 table { | 1 table { |
| 2 margin: 0; padding: 0; | 2 margin: 0; padding: 0; |
| 3 border-collapse: collapse; | 3 border-collapse: collapse; |
| 4 width: 100%; | 4 width: 100%; |
| 5 table-layout: fixed; | 5 table-layout: fixed; |
| 6 font-size: smaller; | 6 font-size: smaller; |
| 7 } | 7 } |
| 8 | 8 |
| 9 table th { | 9 table th { |
| 10 border: dotted black; border-width: 0 1px 0 0; | 10 border: dotted black; border-width: 0 1px 0 0; |
| 11 background-color: #99CC44; | 11 background-color: #99CC44; |
| 12 } | 12 } |
| 13 table th.lastColumn { border: 0; } | 13 table th.lastColumn { border: 0; } |
| 14 | 14 |
| 15 table td { border: dotted silver; border-width: 0 1px 1px 0; } | 15 table td { border: dotted silver; border-width: 0 1px 1px 0; } |
| 16 table td.lastColumn { border-width: 0 0 1px 0; } | 16 table td.lastColumn { border-width: 0 0 1px 0; } |
| 17 | 17 |
| 18 table td.text { text-align: left; } | 18 table td.text { text-align: left; } |
| 19 table td.name { font-weight: bold; } | 19 table td.name { font-weight: bold; } |
| 20 | 20 |
| 21 table tbody tr:hover { background-color: #EEE; } | 21 table tbody tr:hover { background-color: #EEE; } |
| 22 table td.number { text-align: right; } | 22 table td.number { text-align: right; } |
| 23 table td.year { text-align: right; } | 23 table td.year { text-align: right; } |
| 24 | 24 |
| 25 #members th.name { color: white; background-color: #669933; } | 25 #members th.name { color: white; background-color: #669933; } |
| 26 | 26 |
| 27 #leftPane { | 27 #leftPane { |
| 28 position: absolute; top: 3em; left: 4px; right: 314px; height: 15em; | 28 position: absolute; top: 3em; left: 4px; right: 314px; height: 15em; |
| 29 padding: 0; | 29 padding: 0; |
| 30 } | 30 } |
| 31 | 31 |
| 32 #groups { | 32 #groups { |
| 33 position: absolute; top: 0; left: 0; width: 50%; height: 11em; | 33 position: absolute; top: 0; left: 0; width: 50%; height: 11em; |
| 34 } | 34 } |
| 35 #groupInfo { | 35 #groupInfo { |
| 36 position: absolute; top: 11em; left: 0; width: 50%; bottom: 0; | 36 position: absolute; top: 11em; left: 0; width: 50%; bottom: 0; |
| 37 border: 2px solid #669933; background-color: white; | 37 border: 2px solid #669933; background-color: white; |
| 38 overflow: auto; | 38 overflow: auto; |
| 39 margin: 0 4px 0 0; padding: 0; | 39 margin: 0 4px 0 0; padding: 0; |
| 40 } | 40 } |
| 41 #groupInfo p { | 41 #groupInfo p { |
| 42 font-size: small; padding: 2px; margin: 0; | 42 font-size: small; padding: 2px; margin: 0; |
| 43 } | 43 } |
| 44 #groupInfo p:first-child:first-line { font-variant: small-caps; } | 44 #groupInfo p:first-child:first-line { font-variant: small-caps; } |
| 45 #members{ | 45 #members{ |
| 46 position: absolute; top: 0; right: 4px; width: 49%; height: 15em; | 46 position: absolute; top: 0; right: 4px; width: 49%; height: 15em; |
| 47 } | 47 } |
| 48 | 48 |
| 49 /* fixme -- tbody heights need javascript */ | 49 /* fixme -- tbody heights need javascript */ |
| 50 #groupTdiv { height: 9.0em; } | 50 #groupTdiv { height: 9.0em; } |
| 51 #memberTdiv { position: absolute; top: 2em; bottom: 0;} | 51 #memberTdiv { position: absolute; top: 2em; bottom: 0;} |
| 52 | 52 |
| 53 #groupTdiv , #memberTdiv{ | 53 #groupTdiv , #memberTdiv{ |
| 54 overflow: auto; overflow-y: scroll; overflow-x: hidden; width: 100%; | 54 overflow: auto; overflow-y: scroll; overflow-x: hidden; width: 100%; |
| 55 border: solid #669933; border-width: 2px; | 55 border: solid #669933; border-width: 2px; |
| 56 background-color: white; | 56 background-color: white; |
| 57 } | 57 } |
| 58 | 58 |
| 59 #groupThead, #memberThead { | 59 #groupThead, #memberThead { |
| 60 height: 2em; /* fixme needs js for height */ | 60 height: 2em; /* fixme needs js for height */ |
| 61 overflow: auto; overflow-y: auto; overflow-x: hidden; width: 100%; | 61 overflow: auto; overflow-y: auto; overflow-x: hidden; width: 100%; |
| 62 border: solid #669933; border-width: 2px 2px 0 2px; | 62 border: solid #669933; border-width: 2px 2px 0 2px; |
| 63 } | 63 } |
| 64 | 64 |
| 65 #map { | 65 #map { |
| 66 background-color: white; | 66 background-color: white; |
| 67 border: 2px solid #669933; | 67 border: 2px solid #669933; |
| 68 position: absolute; top: 18em; right: 314px; bottom: 2px; left: 4px; | 68 position: absolute; top: 15em; right: 314px; bottom: 2px; left: 4px; |
| 69 margin: 4px 0 0 0; | 69 margin: 4px 0 0 0; |
| 70 } | 70 } |
| 71 | 71 |
| 72 .meetingList, .groupList { | 72 .meetingList, .groupList { |
| 73 overflow:auto; | 73 overflow:auto; |
| 74 height:8em; | 74 height:8em; |
| 75 margin: 0 -3px 0 0; | 75 margin: 0 -3px 0 0; |
| 76 padding: 0 0 0 1em; | 76 padding: 0 0 0 1em; |
| 77 border: 1px solid #669933; | 77 border: 1px solid #669933; |
| 78 } | 78 } |
| 79 | 79 |
| 80 ul.groupList li { | 80 ul.groupList li { |
| 81 font-weight: bold; | 81 font-weight: bold; |
| 82 color: blue; | 82 color: blue; |
| 83 cursor: pointer; | 83 cursor: pointer; |
| 84 padding: 0; margin: 0; | 84 padding: 0; margin: 0; |
| 85 list-style: none; | 85 list-style: none; |
| 86 } | 86 } |
| 87 | 87 |
| 88 #groupOrder, #groupFilter { | 88 #groupOrder, #groupFilter { |
| 89 font-size: x-small; | 89 font-size: x-small; |
| 90 } | 90 } |
| 91 | 91 |
| 92 #groupFilter select { font-size: x-small; } | 92 #groupFilter select { font-size: x-small; } |
| 93 | 93 |
| 94 #groupOrder .current { text-decoration: underline; } | 94 #groupOrder .current { text-decoration: underline; } |
| 95 | 95 |
| 96 #meetings table th.year { text-align: left; } | 96 #meetings table th.year { text-align: left; } |
| 97 #meetings table th.year:before { content: "\0025BC "; } | 97 #meetings table th.year:before { content: "\0025BC "; } |
| 98 #meetings table.collapsed th.year:before { content: "\0025B6 "; } | 98 #meetings table.collapsed th.year:before { content: "\0025B6 "; } |
| 99 #meetings table.collapsed tr.meeting { display: none; } | 99 #meetings table.collapsed tr.meeting { display: none; } |
| 100 #meetings table th.year { | 100 #meetings table th.year { |
| 101 border: solid black; | 101 border: solid black; |
| 102 border-width: 0 0 1px 0; | 102 border-width: 0 0 1px 0; |
| 103 } | 103 } |
| 104 #meetings table tr.meeting th { | 104 #meetings table tr.meeting th { |
| 105 border: solid silver; | 105 border: solid silver; |
| 106 border-width: 0 0 1px 0; | 106 border-width: 0 0 1px 0; |
| 107 text-align: left; vertical-align: top; | 107 text-align: left; vertical-align: top; |
| 108 background-color: #DDFFAA; | 108 background-color: #DDFFAA; |
| 109 } | 109 } |
| 110 #meetings table tr.meeting td { | 110 #meetings table tr.meeting td { |
| 111 text-align: left; vertical-align: top; | 111 text-align: left; vertical-align: top; |
| 112 background-color: white; | 112 background-color: white; |
| 113 } | 113 } |
| 114 |
| 114 #meetings .title { font-weight: bold; } | 115 #meetings .title { font-weight: bold; } |
| 115 | 116 |
| 116 #calendar { | 117 #calendar { |
| 117 position: absolute; top: 3em; right: 4px; bottom: 2px; width: 304px; | 118 position: absolute; top: 3em; right: 4px; bottom: 2px; width: 304px; |
| 118 overflow: auto; | 119 overflow: auto; |
| 119 margin: 0 0 0 8px; | 120 margin: 0 0 0 8px; |
| 120 border:solid 2px #669933; | 121 border:solid 2px #669933; |
| 121 } | 122 } |
| 122 | 123 |
| 123 #about { | 124 #about { |
| 124 display: none; | 125 display: none; |
| 125 z-index: 100; | 126 z-index: 100; |
| 126 border: 2px solid black; | 127 border: 2px solid black; |
| 127 position: absolute; top: 18em; right: 314px; bottom: 2px; left: 4px; | 128 position: absolute; top: 18em; right: 314px; bottom: 2px; left: 4px; |
| 128 overflow: auto; | 129 overflow: auto; |
| 129 background-color: #DDFFAA; | 130 background-color: #DDFFAA; |
| 130 } | 131 } |
| 131 | 132 |
| 132 .jslink { | 133 .jslink { |
| 133 font-weight: bold; | 134 font-weight: bold; |
| 134 color: blue; | 135 color: blue; |
| 135 cursor: pointer; | 136 cursor: pointer; |
| 136 } | 137 } |
| OLD | NEW |
|---|
