rt/share/static/css/freeside4/ticket-lists.css

   1 table.queue-summary,
   2 table.collection-as-table {
   3     width: 100%;
   4     border-spacing: 0;
   5     border-collapse: collapse;
   6     margin-top: 1em;
   7 }
   8
   9 table.collection-as-table td {
  10     padding-bottom: 0.25em
  11 }
  12
  13 table.collection-as-table h1,
  14 table.collection-as-table h2,
  15 table.collection-as-table h3,
  16 table.collection-as-table h4,
  17 table.collection-as-table h5 {
  18     margin: 0;
  19     margin-right: 0.5em;
  20     padding: 0;
  21     padding: 0.1em;
  22     display: inline-block;
  23     font-weight: normal;
  24 }
  25
  26 table.collection-as-table h1 a,
  27 table.collection-as-table h2 a,
  28 table.collection-as-table h3 a,
  29 table.collection-as-table h4 a,
  30 table.collection-as-table h5 a {
  31     font-weight: normal
  32 }
  33
  34 table.queue-summary tr>*:first-child {
  35     padding-left: 1em
  36 }
  37
  38 table.queue-summary tr>*:last-child {
  39     padding-right: 1em
  40 }
  41
  42 table.queue-summary a,
  43 table.collection-as-table a {
  44     font-weight: bold
  45 }
  46
  47 table.collection-as-table th.collection-as-table,
  48 table.queue-summary th.collection-as-table {
  49     background: transparent;
  50     padding: 0.25em;
  51     margin-bottom: 0.5em;
  52     padding-bottom: 0.5em;
  53     color: #3858a3;
  54 }
  55
  56 table.collection-as-table th.collection-as-table a,
  57 table.queue-summary th.collection-as-table a {
  58     color: #3858a3
  59 }
  60
  61 table.collection-as-table th.collection-as-table {
  62     text-align: left
  63 }
  64
  65 table.queue-summary th.collection-as-table {
  66     text-align: right
  67 }
  68
  69 table.collection-as-table,
  70 table.queue-summary {
  71     border-bottom: 1px solid #ccc;
  72     margin-bottom: 1em;
  73 }
  74
  75 table.queue-summary th.collection-as-table:first-child {
  76     text-align: left
  77 }
  78
  79 tr.collection-as-table+tr.collection-as-table th,
  80 table.collection-as-table.chart th {
  81     border-bottom: 2px solid #ccc
  82 }
  83
  84 tr.unreplied-ticket > :first-child::before {
  85   /* green dot */
  86     border: 1px solid black;
  87     border-radius: 50%;
  88     display: inline-block;
  89     height: 1ex;
  90     width: 1ex;
  91     float: left;
  92     content: '';
  93     margin-right: 1ex;
  94     background-color: green;
  95 }
  96
  97 table.queue-summary td {
  98     background: #efefef;
  99     border-bottom: 1px solid #ccc;
 100 }
 101
 102 tr.evenline td,
 103 tr.oddline td {
 104     padding-top: 0.5em;
 105     border-top: 1px solid #cccccc;
 106 }
 107
 108 tr.evenline td {
 109     background: #fff
 110 }
 111
 112 tr.oddline td {
 113     background: #eee
 114 }
 115
 116 tr.evenline+tr.evenline td,
 117 tr.oddline+tr.oddline td {
 118     border-top: none
 119 }
 120
 121 tr.evenline,
 122 tr.oddline {
 123     border-left: 1px solid #cccccc;
 124     border-right: 1px solid #cccccc;
 125 }
 126
 127 tr.evenline+tr.evenline td,
 128 tr.oddline+tr.oddline td {
 129     padding-top: 0;
 130     border: none;
 131 }
 132
 133 table.collection-as-table td:first-child,
 134 table.collection-as-table th:first-child {
 135     padding-left: 1em
 136 }
 137
 138 table.collection-as-table td:last-child,
 139 table.collection-as-table th:last-child {
 140     padding-right: 1em
 141 }
 142
 143 th.collection-as-table,
 144 td.collection-as-table {
 145     padding-right: 0.5em
 146 }
 147
 148 .pagenum.a:hover,
 149 .paging a.nav:hover {
 150     text-decoration: underline
 151 }
 152
 153 .pagenum *,
 154 .paging a.nav {
 155     padding: .5em
 156 }
 157
 158 .currentpage {
 159     text-decoration: none;
 160     font-weight: bold;
 161     background: #eee;
 162 }
 163
 164 div.paging {
 165     text-align: center;
 166     padding-bottom: 1em;
 167 }
 168
 169 /* full-page ticket lists */
 170
 171 #body>table.collection-as-table {
 172     margin-bottom: 2em
 173 }
 174
 175 .chart.image {
 176     padding-right: 2em;
 177     float: left;
 178     clear: both;
 179 }
 180
 181 .chart.image.bar {
 182     margin-top: -1em;
 183 }
 184
 185 .chart-wrapper {
 186     display: block;
 187     width: auto;
 188 }
 189
 190 .chart-wrapper .collection-as-table {
 191     width: auto;
 192     font-size: 1em;
 193     /* Firefox needs this to let the table flow below the chart on narrow screens */
 194     clear: right;
 195 }
 196
 197 .chart-wrapper .collection-as-table th.collection-as-table {
 198     text-align: center;
 199     padding: 0.5em;
 200     padding-right: 1em;
 201     padding-left: 1em;
 202 }
 203
 204 .chart-wrapper .collection-as-table tr.total td {
 205     border-top: 1px solid #ccc
 206 }
 207
 208 .chart-wrapper .collection-as-table td.value {
 209     padding-left: 0.5em
 210 }
 211
 212 .chart-wrapper .query {
 213     clear: both;
 214     text-align: center;
 215     font-size: 1.2em;
 216     padding: 1em;
 217 }
 218
 219 .chart-wrapper .collection-as-table .label {
 220     font-weight: bold
 221 }
 222
 223 .chart-wrapper .query .label {
 224     font-weight: bold
 225 }
 226
 227 .chart-meta {
 228     padding-top: 2em;
 229     border-top: 1px solid #ccc;
 230     clear: both;
 231 }
 232
 233 .chart-meta .chart-type {
 234     display: inline-block;
 235     float: left;
 236     padding-right: 2em;
 237     clear: both;
 238 }
 239
 240 .chart-meta .saved-search {
 241     display: inline-block
 242 }