plugins/query_editor/static/css/query_editor.css

   1 table.query-editor {
   2     width: 95%;
   3 /* what is going on in there ? */
   4 /*    border: 1px solid #ff0000; */
   5 }
   6
   7 /* Add a scrollbar to autocomplete fields */
   8 .ui-autocomplete {
   9     max-height: 100px;
  10     overflow-y: auto;
  11     /* prevent horizontal scrollbar */
  12     overflow-x: hidden;
  13     /* add padding to account for vertical scrollbar */
  14     padding-right: 20px;
  15
  16     /* NEED TO BE IMPROVED LATER... */
  17     /* How to use properties from content class in /templates/myslice/css/myslice.css ? */
  18     /* How to factorize this ? Maybe applied differently in other plugins ? */
  19     font-size: 11px;
  20 }
  21 .queryeditor-auto-filter{
  22     width:200px;
  23 }
  24 /* IE 6 doesn't support max-height
  25  * we use height instead, but this forces the menu to always be this tall
  26  */
  27 * html .ui-autocomplete {
  28     height: 100px;
  29 }
  30
  31 table.columns {
  32     margin: 0 auto;
  33     clear: both;
  34     /* width: 80%;*/
  35     width: 300px;
  36 }
  37
  38 table.columns input {
  39     font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  40 }
  41
  42 table.columns thead th {
  43     padding: 3px 18px 3px 3px;
  44     border-bottom: 1px solid black;
  45     font-weight: bold;
  46     cursor: pointer;
  47     * cursor: hand;
  48 }
  49
  50 table.columns tfoot th {
  51     padding: 3px 18px 3px 10px;
  52     border-top: 1px solid black;
  53     font-weight: bold;
  54 }
  55
  56 table.columns td {
  57     padding: 2px 5px;
  58     font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  59 }
  60
  61 table.columns td.center, table.columns th.center {
  62     text-align: center;
  63 }
  64
  65
  66 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  67  * DataTables row classes
  68  */
  69 table.columns tr.odd.gradeA {
  70     background-color: #ddffdd;
  71 }
  72
  73 table.columns tr.even.gradeA {
  74     background-color: #eeffee;
  75 }
  76
  77 table.columns tr.odd.gradeC {
  78     background-color: #ddddff;
  79 }
  80
  81 table.columns tr.even.gradeC {
  82     background-color: #eeeeff;
  83 }
  84
  85 table.columns tr.odd.gradeX {
  86     background-color: #ffdddd;
  87 }
  88
  89 table.columns tr.even.gradeX {
  90     background-color: #ffeeee;
  91 }
  92
  93 table.columns tr.odd.gradeU {
  94     background-color: #ddd;
  95 }
  96
  97 table.columns tr.even.gradeU {
  98     background-color: #eee;
  99 }
 100
 101 /* change color: T / even -> odd +1 +5 -3*/
 102 table.columns tr.odd.row_sliver td {
 103     background-color: #9FAFD1;
 104 }
 105
 106 table.columns tr.even.row_added td {
 107     background-color: #b1d19f;
 108 }
 109 table.columns tr.odd.row_added td {
 110     background-color: #a3c98f;
 111 }
 112
 113 table.columns tr.even.row_removed td {
 114     background-color: #d9b0b0;
 115 }
 116
 117 table.columns tr.odd.row_removed td {
 118     background-color: #d1a09f;
 119 }
 120
 121 table.columns tr.gradeA {
 122     background-color: #eeffee;
 123 }
 124
 125 table.columns tr.gradeC {
 126     background-color: #ddddff;
 127 }
 128
 129 table.columns tr.gradeX {
 130     background-color: #ffdddd;
 131 }
 132
 133 table.columns tr.gradeU {
 134     background-color: #ddd;
 135 }
 136
 137
 138
 139
 140 div.selected{background-color:gray; color:black}
 141
 142 /* icons */
 143 .myslice-icon-timestamp {
 144     background-image: url('images/myslice-icon-timestamp.png') !important;
 145 }
 146 .myslice-icon-filter {
 147     background-image: url('images/myslice-icon-filter.png') !important;
 148 }
 149 .myslice-icon-fields {
 150     background-image: url('images/myslice-icon-fields.png') !important;
 151 }
 152 .myslice-icon-groups {
 153     background-image: url('images/myslice-icon-groups.png') !important;
 154 }
 155 .myslice-icon-summary {
 156     background-image: url('images/myslice-icon-summary.png') !important;
 157 }
 158 .myslice-icon-resources {
 159     background-image: url('images/myslice-icon-resources.png') !important;
 160 }
 161 .myslice-icon-users {
 162     background-image: url('images/myslice-icon-users.png') !important;
 163 }
 164
 165 a.source-url{
 166     font-weight: bold;
 167 }
 168
 169 span.bold {
 170     font-weight: bold;
 171 }
 172
 173 div#selectdescr {
 174     padding-top:2em;
 175     color: #555555;
 176 }
 177
 178 span.short {
 179     height:10px;
 180 }
 181
 182 span.column-title {
 183     font-size: 15px;
 184     font-weight: bold;
 185 }
 186
 187 span.column-detail {
 188     font-size: 11px;
 189     font-style: italic;
 190 }
 191
 192 span.group_info {
 193     font-size: 11px;
 194     color: green;
 195     font-weight: bold;
 196 }
 197
 198 span.filter_info {
 199     color: red;
 200     font-weight: bold;
 201 }
 202
 203
 204 /* column configuation style */
 205
 206 OPTION.out{
 207     background-color:white;
 208     color:black;
 209 }
 210 OPTION.in{
 211     background-color:#CAE8EA;
 212     color:#4f6b72;
 213 }
 214
 215 /* jordan disabled
 216    div.out{background-color:white; color:black}
 217    div.in{background-color:#CAE8EA; color:#4f6b72}
 218    div.selected{background-color:gray; color:black}
 219    div.invisible{display:none}
 220    */
 221
 222 div.note-div {
 223     padding: 4px;
 224     background-color: #cae8ea;
 225     width: 800px;
 226     margin-left:auto;
 227     margin-right:auto;
 228 }
 229
 230 div#scrolldiv_old {
 231     border : solid 2px grey;
 232     padding:4px;
 233     width:300px;
 234     height:180px;
 235     overflow:auto;
 236 }
 237
 238 th,td.top {
 239     vertical-align: top;
 240     text-align: left;
 241     padding:10px;
 242 }
 243
 244 tr.hidden {
 245     display:none;
 246 }
 247
 248 td.smallright {
 249     text-align: right;
 250     width:20px;
 251 }
 252
 253 table.center {
 254     margin-left:auto;
 255     margin-right:auto;
 256 }
 257
 258 table.columnlist {
 259     width:270px;
 260 }
 261
 262 table.columns td.header {
 263     background-color: #CAE8EA;
 264     text-align: center;
 265     width:30px;
 266 }
 267
 268 span.header {
 269     font-weight: bold;
 270     color: #3399CC;
 271 }
 272
 273 a.source-url{
 274     font-weight: bold;
 275 }
 276
 277 span.menubig {
 278     font-size: 16px;
 279     font-weight: bold;
 280 }
 281
 282 span.menusmall {
 283     font-size: 14px;
 284     font-weight: bold;
 285 }
 286
 287 span.menuright {
 288     font-weight: bold;
 289     float: right;
 290 }
 291
 292 span.simpleright {
 293     float: right;
 294 }
 295
 296 span.gray{
 297     color: #555555;
 298 }
 299
 300 span.short {
 301     height:10px;
 302 }
 303
 304 span.column-title {
 305     font-size: 13px;
 306     font-weight: bold;
 307 }
 308
 309 span.column-detail {
 310     font-size: 11px;
 311     font-style: italic;
 312 }
 313
 314 span.myslice_small {
 315     font-size: 11px;
 316 }
 317
 318 span#username {
 319     font-weight: bold;
 320     font-size: 1.3em;
 321 }
 322
 323 .filter_popup{
 324     position:relative; /*this is the key*/
 325     float: right;
 326     z-index:24;
 327     background: url('images/myslice-icon-filter.png') no-repeat;
 328     /*background-color:#ccc;*/
 329     width: 200px;
 330     height: 300px;
 331     color:#000;
 332     text-decoration:none;
 333     clear: both;
 334 }
 335
 336 .filter_popup:hover{
 337     z-index:25;
 338 /*background-color:#ff0*/
 339 }
 340
 341 .filter_popup span{
 342     display: none;
 343 }
 344
 345 .filter_popup:hover span{ /*the span will display just on :hover state*/
 346     display:block;
 347     position:absolute;
 348     /*top:1em;*/
 349     left:-19em;
 350     width: 20em;
 351     font-size: 8pt;
 352     border:1px solid #ccdddd;
 353     background-color:#ddeeee;
 354     color:#000;
 355     text-align: left;
 356     padding: 0em 0em 0em 1em;
 357 }