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-top: 0 auto;
  94     margin-bottom: 0 auto;
  95     background-color: green;
  96 }
  97
  98 table.queue-summary td {
  99     background: #efefef;
 100     border-bottom: 1px solid #ccc;
 101 }
 102
 103 tr.evenline td,
 104 tr.oddline td {
 105     padding-top: 0.5em;
 106     border-top: 1px solid #cccccc;
 107 }
 108
 109 tr.evenline td {
 110     background: #fff
 111 }
 112
 113 tr.oddline td {
 114     background: #eee
 115 }
 116
 117 tr.evenline+tr.evenline td,
 118 tr.oddline+tr.oddline td {
 119     border-top: none
 120 }
 121
 122 tr.evenline,
 123 tr.oddline {
 124     border-left: 1px solid #cccccc;
 125     border-right: 1px solid #cccccc;
 126 }
 127
 128 tr.evenline+tr.evenline td,
 129 tr.oddline+tr.oddline td {
 130     padding-top: 0;
 131     border: none;
 132 }
 133
 134 table.collection-as-table td:first-child,
 135 table.collection-as-table th:first-child {
 136     padding-left: 1em
 137 }
 138
 139 table.collection-as-table td:last-child,
 140 table.collection-as-table th:last-child {
 141     padding-right: 1em
 142 }
 143
 144 th.collection-as-table,
 145 td.collection-as-table {
 146     padding-right: 0.5em
 147 }
 148
 149 .pagenum.a:hover,
 150 .paging a.nav:hover {
 151     text-decoration: underline
 152 }
 153
 154 .pagenum *,
 155 .paging a.nav {
 156     padding: .5em
 157 }
 158
 159 .currentpage {
 160     text-decoration: none;
 161     font-weight: bold;
 162     background: #eee;
 163 }
 164
 165 div.paging {
 166     text-align: center;
 167     padding-bottom: 1em;
 168 }
 169
 170 /* full-page ticket lists */
 171
 172 #body>table.collection-as-table {
 173     margin-bottom: 2em
 174 }
 175
 176 .chart.image {
 177     padding-right: 2em;
 178     float: left;
 179     clear: both;
 180 }
 181
 182 .chart.image.bar {
 183     margin-top: -1em;
 184 }
 185
 186 .chart-wrapper {
 187     display: block;
 188     width: auto;
 189 }
 190
 191 .chart-wrapper .collection-as-table {
 192     width: auto;
 193     font-size: 1em;
 194     /* Firefox needs this to let the table flow below the chart on narrow screens */
 195     clear: right;
 196 }
 197
 198 .chart-wrapper .collection-as-table th.collection-as-table {
 199     text-align: center;
 200     padding: 0.5em;
 201     padding-right: 1em;
 202     padding-left: 1em;
 203 }
 204
 205 .chart-wrapper .collection-as-table tr.total td {
 206     border-top: 1px solid #ccc
 207 }
 208
 209 .chart-wrapper .collection-as-table td.value {
 210     padding-left: 0.5em
 211 }
 212
 213 .chart-wrapper .query {
 214     clear: both;
 215     text-align: center;
 216     font-size: 1.2em;
 217     padding: 1em;
 218 }
 219
 220 .chart-wrapper .collection-as-table .label {
 221     font-weight: bold
 222 }
 223
 224 .chart-wrapper .query .label {
 225     font-weight: bold
 226 }
 227
 228 .chart-meta {
 229     padding-top: 2em;
 230     border-top: 1px solid #ccc;
 231     clear: both;
 232 }
 233
 234 .chart-meta .chart-type {
 235     display: inline-block;
 236     float: left;
 237     padding-right: 2em;
 238     clear: both;
 239 }
 240
 241 .chart-meta .saved-search {
 242     display: inline-block
 243 }