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