plugins/query_editor/static/css/query_editor.css

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