paf0/paf0/media/css/changelists.css

   1 /* CHANGELISTS */
   2
   3 #changelist {
   4     position: relative;
   5     width: 100%;
   6 }
   7
   8 #changelist table {
   9     width: 100%;
  10 }
  11
  12 .change-list .hiddenfields { display:none; }
  13
  14 .change-list .filtered table {
  15     border-right: 1px solid #ddd;
  16 }
  17
  18 .change-list .filtered {
  19     min-height: 400px;
  20 }
  21
  22 .change-list .filtered {
  23     background: white url(../img/changelist-bg.gif) top right repeat-y !important;
  24 }
  25
  26 .change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {
  27     margin-right: 160px !important;
  28     width: auto !important;
  29 }
  30
  31 .change-list .filtered table tbody th {
  32     padding-right: 1em;
  33 }
  34
  35 #changelist .toplinks {
  36     border-bottom: 1px solid #ccc !important;
  37 }
  38
  39 #changelist .paginator {
  40     color: #666;
  41     border-top: 1px solid #eee;
  42     border-bottom: 1px solid #eee;
  43     background: white url(../img/nav-bg.gif) 0 180% repeat-x;
  44     overflow: hidden;
  45 }
  46
  47 .change-list .filtered .paginator {
  48     border-right: 1px solid #ddd;
  49 }
  50
  51 /* CHANGELIST TABLES */
  52
  53 #changelist table thead th {
  54     padding: 0;
  55     white-space: nowrap;
  56     vertical-align: middle;
  57 }
  58
  59 #changelist table thead th.action-checkbox-column {
  60     width: 1.5em;
  61     text-align: center;
  62 }
  63
  64 #changelist table tbody td, #changelist table tbody th {
  65     border-left: 1px solid #ddd;
  66 }
  67
  68 #changelist table tbody td:first-child, #changelist table tbody th:first-child {
  69     border-left: 0;
  70     border-right: 1px solid #ddd;
  71 }
  72
  73 #changelist table tbody td.action-checkbox {
  74     text-align:center;
  75 }
  76
  77 #changelist table tfoot {
  78     color: #666;
  79 }
  80
  81 /* TOOLBAR */
  82
  83 #changelist #toolbar {
  84     padding: 3px;
  85     border-bottom: 1px solid #ddd;
  86     background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
  87     color: #666;
  88 }
  89
  90 #changelist #toolbar form input {
  91     font-size: 11px;
  92     padding: 1px 2px;
  93 }
  94
  95 #changelist #toolbar form #searchbar {
  96     padding: 2px;
  97 }
  98
  99 #changelist #changelist-search img {
 100     vertical-align: middle;
 101 }
 102
 103 /* FILTER COLUMN */
 104
 105 #changelist-filter {
 106     position: absolute;
 107     top: 0;
 108     right: 0;
 109     z-index: 1000;
 110     width: 160px;
 111     border-left: 1px solid #ddd;
 112     background: #efefef;
 113     margin: 0;
 114 }
 115
 116 #changelist-filter h2 {
 117     font-size: 11px;
 118     padding: 2px 5px;
 119     border-bottom: 1px solid #ddd;
 120 }
 121
 122 #changelist-filter h3 {
 123     font-size: 12px;
 124     margin-bottom: 0;
 125 }
 126
 127 #changelist-filter ul {
 128     padding-left: 0;
 129     margin-left: 10px;
 130 }
 131
 132 #changelist-filter li {
 133     list-style-type: none;
 134     margin-left: 0;
 135     padding-left: 0;
 136 }
 137
 138 #changelist-filter a {
 139     color: #999;
 140 }
 141
 142 #changelist-filter a:hover {
 143     color: #036;
 144 }
 145
 146 #changelist-filter li.selected {
 147     border-left: 5px solid #ccc;
 148     padding-left: 5px;
 149     margin-left: -10px;
 150 }
 151
 152 #changelist-filter li.selected a {
 153     color: #5b80b2 !important;
 154 }
 155
 156 /* DATE DRILLDOWN */
 157
 158 .change-list ul.toplinks {
 159     display: block;
 160     background: white url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;
 161     border-top: 1px solid white;
 162     float: left;
 163     padding: 0 !important;
 164     margin: 0 !important;
 165     width: 100%;
 166 }
 167
 168 .change-list ul.toplinks li {
 169     padding: 3px 6px;
 170     font-weight: bold;
 171     list-style-type: none;
 172     display: inline-block;
 173 }
 174
 175 .change-list ul.toplinks .date-back a {
 176     color: #999;
 177 }
 178
 179 .change-list ul.toplinks .date-back a:hover {
 180     color: #036;
 181 }
 182
 183 /* PAGINATOR */
 184
 185 .paginator {
 186     font-size: 11px;
 187     padding-top: 10px;
 188     padding-bottom: 10px;
 189     line-height: 22px;
 190     margin: 0;
 191     border-top: 1px solid #ddd;
 192 }
 193
 194 .paginator a:link, .paginator a:visited {
 195     padding: 2px 6px;
 196     border: solid 1px #ccc;
 197     background: white;
 198     text-decoration: none;
 199 }
 200
 201 .paginator a.showall {
 202     padding: 0 !important;
 203     border: none !important;
 204 }
 205
 206 .paginator a.showall:hover {
 207     color: #036 !important;
 208     background: transparent !important;
 209 }
 210
 211 .paginator .end {
 212     border-width: 2px !important;
 213     margin-right: 6px;
 214 }
 215
 216 .paginator .this-page {
 217     padding: 2px 6px;
 218     font-weight: bold;
 219     font-size: 13px;
 220     vertical-align: top;
 221 }
 222
 223 .paginator a:hover {
 224     color: white;
 225     background: #5b80b2;
 226     border-color: #036;
 227 }
 228
 229 /* ACTIONS */
 230
 231 .filtered .actions {
 232     margin-right: 160px !important;
 233     border-right: 1px solid #ddd;
 234 }
 235
 236 #changelist table input {
 237     margin: 0;
 238 }
 239
 240 #changelist table tbody tr.selected {
 241     background-color: #FFFFCC;
 242 }
 243
 244 #changelist .actions {
 245     color: #999;
 246     padding: 3px;
 247     border-top: 1px solid #fff;
 248     border-bottom: 1px solid #ddd;
 249     background: white url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;
 250 }
 251
 252 #changelist .actions.selected {
 253     background: #fffccf;
 254     border-top: 1px solid #fffee8;
 255     border-bottom: 1px solid #edecd6;
 256 }
 257
 258 #changelist .actions span.all,
 259 #changelist .actions span.action-counter,
 260 #changelist .actions span.clear,
 261 #changelist .actions span.question {
 262     font-size: 11px;
 263     margin: 0 0.5em;
 264     display: none;
 265 }
 266
 267 #changelist .actions:last-child {
 268     border-bottom: none;
 269 }
 270
 271 #changelist .actions select {
 272     border: 1px solid #aaa;
 273     margin-left: 0.5em;
 274     padding: 1px 2px;
 275 }
 276
 277 #changelist .actions label {
 278     font-size: 11px;
 279     margin-left: 0.5em;
 280 }
 281
 282 #changelist #action-toggle {
 283     display: none;
 284 }
 285
 286 #changelist .actions .button {
 287     font-size: 11px;
 288     padding: 1px 2px;
 289 }