plugins/querycode/querycode.css

   1 /* Thierry
   2  This needs to be cleaned up
   3  in particular div.in below conflicts with bootstrap's fade in so another name would be helpful
   4  ----
   5  turning this off altogether for now -- see querycode.py
   6  */
   7 /* body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;} */
   8
   9 #report {
  10 border-collapse:collapse;
  11 width: 100%;
  12 }
  13 #report h4 { margin:0px; padding:0px;}
  14 #report img { float:right;}
  15 #report ul { margin:10px 0 10px 40px; padding:0px;}
  16 #report th { background:#C7DDEE; color:#000; padding:7px 15px; text-align:left;}
  17 #report td { background:#fff; color:#000; padding:7px 15px; }
  18 #report tr.odd td { background:#D7DDE3; cursor:pointer; }
  19 #report div.arrow { background:transparent url(images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
  20 #report div.up { background-position:0px 0px;}
  21
  22 div.info{
  23     position:relative; /*this is the key*/
  24     float: right;
  25     z-index:24;
  26     background: url(images/tooltip.png) no-repeat;
  27     //background-color:#ccc;
  28     width: 16px;
  29     height: 16px;
  30     color:#000;
  31     text-decoration:none}
  32
  33 div.info:hover{
  34     z-index:25;
  35     //background-color:#ff0
  36 }
  37
  38 div.info span{display: none}
  39
  40 div.info:hover span{ /*the span will display just on :hover state*/
  41     display:block;
  42     position:absolute;
  43     //top:1em;
  44     left:-22em;
  45     width: 20em;
  46     font-size: 8pt;
  47     border:1px solid #ccdddd;
  48     background-color:#ddeeee;
  49     color:#000;
  50     text-align: left;
  51     padding: 0em 0em 0em 1em;
  52 }
  53
  54 div.subject {
  55     padding: 10px;
  56     background-color: #fafafa;
  57     border-top: solid 1px black;
  58     border-left: solid 1px black;
  59     border-right: solid 1px black;
  60 }
  61 div.ts {
  62     padding: 10px;
  63     background-color: #f5f5f5;
  64     border-left: solid 1px black;
  65     border-right: solid 1px black;
  66 }
  67 div.input {
  68     padding: 10px;
  69     background-color: #fafafa;
  70     border-left: solid 1px black;
  71     border-right: solid 1px black;
  72 }
  73 div.output {
  74     padding: 10px;
  75     background-color: #f5f5f5;
  76     border-left: solid 1px black;
  77     border-right: solid 1px black;
  78     border-bottom: solid 1px black;
  79 }
  80
  81 #viz {
  82     padding: 10px;
  83     background-color: #fafafa;
  84     border: solid 1px black;
  85     margin-bottom: 10px;
  86 }
  87
  88 #colcfg {
  89     padding: 10px;
  90     background-color: #fafafa;
  91     border: solid 1px black;
  92     margin-bottom: 10px;
  93 }
  94
  95 #results {
  96     border-top: solid 1px black;
  97     margin-top: 20px;
  98     padding-top: 20px;
  99 }
 100
 101 td.center {
 102     background: #ffffff;
 103 }
 104
 105 #boxes {
 106     font-family: Arial, sans-serif;
 107     list-style-type: none;
 108     margin: 0px;
 109     padding: 0px;
 110     width: 100%;
 111 }
 112 #boxes li {
 113     list-style-type: none;
 114     cursor: move;
 115     position: relative;
 116     float: left;
 117     margin: 2px 2px 0px 0px;
 118     //width: 33px;
 119     height: 33px;
 120     border: 1px solid #e0e0e0;
 121     text-align: center;
 122     padding: 5px;
 123     background-color: #fafafa;
 124     -moz-border-radius: 5px;
 125     border-radius: 5px;
 126 }
 127
 128 table tr.even.row_selected td {
 129     background-color: #B0BED9;
 130 }
 131
 132 table tr.odd.row_selected td {
 133     background-color: #9FAFD1;
 134 }
 135
 136 #coltab tr {
 137     margin: 0px;
 138 }
 139
 140 #coltab td {
 141     margin: 0px;
 142     border-bottom: none; //1px solid #E9E9E9;
 143     padding: 0px;
 144 }
 145
 146 div.out{background-color:white; color:black}
 147 div.in{background-color:#CAE8EA; color:#4f6b72}
 148 div.selected{background-color:gray; color:black}
 149 div.invisible{display:none}
 150
 151 div.clean{
 152     border: 1px solid #850000;
 153 }
 154
 155 .clean td, .clean th{
 156     border: 2px solid #bbb;
 157     background: #ddd;
 158     padding: 5px 10px;
 159     text-align: center;
 160     border-radius: 2px;
 161 }
 162
 163 .clean table{
 164     margin: auto;
 165     margin-top: 15px;
 166     margin-bottom: 15px;
 167 }
 168
 169 .clean caption{
 170     font-weight: bold;
 171 }
 172
 173 .gvChart,.clean{
 174     border: 2px solid #850000;
 175     border-radius: 5px;
 176     -moz-border-radius: 10px;
 177     width: 720px;
 178
 179     margin: auto;
 180     margin-top: 20px;
 181 }
 182
 183 pre{
 184     background: #eee;
 185     padding: 10px;
 186     border-radius: 10px;
 187     -moz-border-radius: 10px;
 188     white-space: pre-wrap;
 189 }
 190
 191 button.querycode {
 192     margin-bottom: 10px;
 193 }