PageRenderTime 30ms CodeModel.GetById 21ms app.highlight 6ms RepoModel.GetById 1ms app.codeStats 0ms

/static/june_2007_style/trackster.css.tmpl

https://bitbucket.org/cistrome/cistrome-harvard/
Go Template | 338 lines | 322 code | 16 blank | 0 comment | 0 complexity | 3b1a9e424e528ba567e683ef165e92c1 MD5 | raw file
  1.viewport-container {
  2    overflow-x: hidden;
  3    overflow-y: auto;
  4}
  5.nav {
  6    padding: 0 0;
  7    color:#333;
  8    font-weight:bold;
  9    background:#cccccc;
 10    background-image:url(panel_header_bg.png);
 11    background-position: middle center;
 12    background-repeat:repeat-x;
 13    border-bottom: solid #333 1px;
 14}
 15.content {
 16    font: 10px verdana;
 17}
 18.nav-controls {
 19    text-align: center;
 20    padding: 1px 0;
 21}
 22.nav-controls input {
 23    margin: 0 5px;
 24}
 25#zoom-in, #zoom-out {
 26    display:inline-block;
 27    height: 16px;
 28    width: 16px;
 29    margin-bottom: -3px;
 30    cursor: pointer;
 31}
 32#zoom-out {
 33    background: transparent url(../images/fugue/magnifier-zoom-out.png) center center no-repeat;
 34}
 35#zoom-in {
 36    margin-left: 10px;
 37    background: transparent url(../images/fugue/magnifier-zoom.png) center center no-repeat;
 38}
 39.nav-input {
 40    font-size: 12px;
 41    width: 30em;
 42    z-index: 1000;
 43}
 44.location {
 45    display: inline-block;
 46    width: 15em;
 47    margin: 0 10px;
 48}
 49.draghandle {
 50    margin-top: 2px;
 51    cursor: move;
 52    float: left;
 53    background: transparent url(../images/visualization/draggable_horizontal.png) center center no-repeat;
 54    width: 10px;
 55    height: 12px;
 56}
 57.intro {
 58    z-index: 1000;
 59/*    margin-top: 200px;*/
 60    margin-left: auto;
 61    margin-right: auto;
 62    color: #555;
 63    text-align: center;
 64    font-size: 16px;
 65}
 66.overview {
 67    width: 100%;
 68    margin: 0px;
 69    color: white;
 70}
 71.overview-viewport {
 72    position: relative;
 73    height: 14px;
 74/*    border-top: solid #666 1px;*/
 75/*    border-bottom: solid #aaa 1px;*/
 76    background: white;
 77    margin: 0;
 78}
 79.overview-close {
 80    font: 9px verdana;
 81    position: absolute;
 82    top: 0px;
 83    right: 0px;
 84    padding: 5px;
 85    z-index: 500;
 86    background-color: white;
 87}
 88.overview-highlight {
 89    top: 0px;
 90    position: absolute;
 91    z-index: 100;
 92    border-style: solid;
 93    border-color: #666;
 94    border-width: 0px 1px;
 95}
 96.overview-boxback {
 97    width: 100%;
 98    bottom: 0px;
 99    z-index: 50;
100    position: absolute;
101    height: 14px;
102    background: #eee;
103    border: solid #999 1px;
104}
105.overview-box {
106    cursor: pointer;
107    bottom: 0px;
108    z-index: 100;
109    position: absolute;
110    margin-top: 0px;
111    height: 14px;
112    background: #C1C9E5 url(../images/visualization/draggable_horizontal.png) center center no-repeat;
113    border: solid #666 1px;
114}
115.viewport-canvas {
116    width: 100%;
117    height: 100px;
118}
119
120.yaxislabel {
121    color: #777;
122    z-index: 100;
123}
124/* Line track needs borders to show range */
125.line-track .track-content {
126    border-top: 1px solid #eee;
127    border-bottom: 1px solid #eee;
128}
129
130.group-handle {
131    cursor: move;
132    float: left;
133    background: #eee url('/static/images/tracks/block.png');
134    width: 12px;
135    height: 12px;
136}
137.group {
138    min-height: 20px;
139    border-top: 2px solid #888;
140    border-bottom: 2px solid #888;
141}    
142.track {
143    /* border-top: solid #DDDDDD 1px; */
144    /* border-bottom: solid #DDDDDD 1px; */
145    background: white;
146}
147
148.track-header {
149    text-align: left;
150    padding: 4px 0px;
151    color: #666;
152}
153
154.track-header .menubutton {
155    margin-left: 0px;
156}
157
158.track-content {
159    overflow: hidden;
160    text-align: center;
161    border-top: 1px solid #eee;
162    border-bottom: 2px solid #eee;
163    background: #eee url('/static/images/tracks/diag_bg.gif');
164    min-height: 16px;
165}
166
167.label-track .track-content {
168    background: white;
169}
170
171.track-tile {
172    background: white;
173}
174
175.track-tile canvas {
176    position: relative;
177    z-index: 100;
178}
179
180.tile-message {
181    border-bottom: solid 1px red;
182    text-align: center;
183    color: red;
184    background-color: white;
185}
186
187.track.error .track-content {
188    background-color: #ECB4AF;
189    background-image: none;
190}
191.track.nodata .track-content {
192    background-color: #eee;
193    background-image: none;
194}
195.track.pending .track-content {
196    background-color: white;    
197    background-image: none;
198}
199
200.loading {
201    min-height: 100px;
202}
203.label-track {
204    /* font-weight: bold; */
205    font-size: 10px; 
206    border: none;
207    padding: 0;
208    margin: 0;
209    height: 1.5em;
210    overflow: hidden;
211}
212.label-track .label {
213    border-left: solid #999 1px;
214    padding: 1px;
215    padding-bottom: 2px;
216    display: inline-block;
217}
218.label-track .track-content {
219    border: none;
220}
221.reference-track {
222    border: none;
223    margin: 0;
224    padding: 0;
225}
226.right-float {
227    float: right;
228    margin-left: 5px;
229}
230
231.top-labeltrack {
232    position: relative;
233    border-bottom: solid #999 1px;
234}
235
236.nav-labeltrack {
237    border-top: solid #999 1px;
238    border-bottom: solid #333 1px;
239}   
240
241## Styles for tools and filters.
242input {
243    font: 10px verdana;
244}
245.dynamic-tool, .filters {
246    margin-left: 0.25em;
247    padding-bottom:0.5em;
248}
249.dynamic-tool {
250    width:410px;
251}
252.filters > .sliders, .display-controls {
253    float: left;
254    margin: 1em;
255}
256.sliders{
257    width: 410px;
258}
259.display-controls{
260    border-left: solid 2px #DDDDDD;
261    padding-left: 1em
262}
263.slider-row {
264    margin-top: 0.4em;
265    margin-left: 1em;
266}
267.elt-label {
268    float: left;
269    font-weight: bold;
270    margin-right: 1em;
271}
272.slider {
273    float: right;
274    width: 200px; 
275    position: relative;
276}
277.tool-name {
278    font-size: 110%;
279    font-weight: bold;
280}
281.param-row {
282    margin-top: 0.2em;
283    margin-left: 1em;
284}
285.param-label{
286    float: left;
287    font-weight: bold;
288    padding-top: 0.2em;
289}
290.child-track-icon {
291    background:url('../images/fugue/arrow-000-small-bw.png') no-repeat;
292    width: 30px;
293    cursor: move;
294}
295.track-resize {
296    background: white url('../images/visualization/draggable_vertical.png') no-repeat top center;
297    position: absolute;
298    right: 3px;
299    bottom: -4px;
300    width: 14px;
301    height: 7px;
302    border: solid #999 1px;
303    z-index: 100;
304}
305.bookmark {
306    background:white;
307    border:solid #999 1px;
308    border-right:none;
309    margin:0.5em;
310    margin-right:0;
311    padding:0.5em;
312}
313.bookmark .position {
314    font-weight:bold;
315}
316.delete-icon-container {
317    float:right;
318}
319
320.icon {
321    display:inline-block;
322    width:16px;
323    height:16px;
324}
325.icon.more-down {
326    background:url('../images/fugue/arrow-transition-270-bw.png') no-repeat 0px 0px;
327}
328.icon.more-across {
329    background: url('../images/fugue/arrow-transition-bw.png') no-repeat 0px 0px;
330}
331.intro {
332    padding: 1em;
333}
334.intro > .action-button {
335    background-color: #CCC;
336    padding: 1em;
337}
338