src/qbe/django_qbe/static/django_qbe/css/qbe.css

   1 /**
   2  * Containers
   3  */
   4
   5 div.qbeDiagram {
   6     margin-top: 10px;
   7     margin-right: 5px;
   8 }
   9
  10 div.qbeDiagram div.body {
  11     margin: 0px;
  12     background: white;
  13     color: black;
  14     border: 2px solid #417690;
  15     line-height: 20px;
  16     width: 170px;
  17     z-index: 20;
  18     float: left;
  19     position: absolute;
  20     box-shadow: 2px 2px 5px #aaa;
  21    -o-box-shadow: 2px 2px 5px #aaa;
  22    -webkit-box-shadow: 2px 2px 5px #aaa;
  23    -moz-box-shadow: 2px 2px 5px #aaa;
  24     opacity: 0.8;
  25     filter: alpha(opacity=80);
  26 }
  27
  28 div.qbeDiagram div.body:hover {
  29     box-shadow: 2px 2px 5px #444;
  30    -o-box-shadow: 2px 2px 5px #444;
  31    -webkit-box-shadow: 2px 2px 5px #444;
  32    -moz-box-shadow: 2px 2px 5px #444;
  33     opacity: 0.95;
  34     filter: alpha(opacity=95);
  35 }
  36
  37 div.qbeDiagram div.title {
  38    width: 100%;
  39    height: 20px;
  40    background: #417690;
  41    color: #F4F379;
  42    font-weight: normal;
  43    text-align: center;
  44    padding-top: 2px;
  45    line-height: 150%;
  46    cursor: move;
  47    font-size: 12px;
  48    overflow: hidden;
  49 }
  50
  51 div.qbeDiagram div.fieldsContainer {
  52 /*    border-top: 1px dashed #99999D;*/
  53     height: 95px;
  54     overflow: auto;
  55 }
  56
  57 div.qbeDiagram div.noOverflow {
  58 /*    border-top: 1px dashed #99999D;*/
  59     overflow: none;
  60 }
  61
  62 option.field,div.qbeDiagram div.field {
  63     color: #99999D;
  64     height: 20px;
  65     font-size: 12px;
  66     padding: 2px 5px 2px 5px;
  67     overflow: hidden;
  68 }
  69
  70 option.primary,div.qbeDiagram div.primary {
  71     font-weight: bold;
  72     background: url("/static/django_qbe/img/key.gif") no-repeat center right #eee;
  73 }
  74
  75 option.foreign,div.qbeDiagram div.foreign {
  76     font-style: italic;
  77     background: url("/static/django_qbe/img/right_arrow.gif") no-repeat scroll right center #FAFAFA;
  78     cursor: pointer;
  79 }
  80
  81 option.many,div.qbeDiagram div.many {
  82     font-style: italic;
  83     text-decoration: underline;
  84     background: url("/static/django_qbe/img/right_arrow_red.gif") no-repeat scroll right center #FAFAFA;
  85     cursor: pointer;
  86 }
  87
  88 div.qbeDiagram #qbeDiagramContainer {
  89 /*    background-color: #EEE0FE;*/
  90     border: 1px dashed #EEE0FE;
  91     float: left;
  92     height: 300px;
  93     opacity: 0.9;
  94     overflow: auto;
  95     position: relative;
  96     width: 100%;
  97     background: url("/static/django_qbe/img/grid.jpg") scroll left top #FAFAFA;
  98     margin-bottom: 0px;
  99 }
 100
 101 div.qbeDiagram #qbeBoxAnchor {
 102     position: relative;
 103     float: left;
 104     border: 1px #eee dashed;
 105     left: 500px;
 106 }
 107
 108 div.qbeDiagram .resizehandle {
 109    position: absolute;
 110    bottom: 0;
 111    right: 0;
 112    width: 10px;
 113    height: 10px;
 114    cursor: se-resize;
 115 }
 116
 117
 118
 119 /**
 120  * Layers
 121  */
 122
 123 div.qbeLeftMenu {
 124     position: absolute;
 125 }
 126
 127 code#qbeSQL {
 128     font-size: 15px;
 129     font-weight: bold;
 130     display: block;
 131 }
 132
 133 #qbeResultsOptions {
 134     font-size: 10px;
 135 }
 136
 137 #qbeResultsOptions a {
 138     font-size: 10px;
 139 }
 140
 141 #qbeSaveQueryLi {
 142     background: none;
 143     padding: 2px 5px 0 0;
 144 }
 145
 146 #qbeSaveQueryLi a {
 147     background: none;
 148     color: #999;
 149 }
 150
 151 .qbeContainer {
 152     float: left;
 153     width: 100%;
 154 }
 155
 156 input.qbeCheckModels {
 157 /*    display: none;*/
 158     float: right;
 159 }
 160
 161 #changelist-filter {
 162     display: none;
 163     position: relative;
 164     width: 14%;
 165     float: right;
 166     overflow: auto;
 167     margin-top: 10px;
 168 }