Mercurial > repos > immport-devteam > flow_overview
comparison js/Editor-1.5.6/css/scss/envelope.scss @ 1:b5453d07f740 draft default tip
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/flow_overview commit 65373effef15809f3db0e5f9603ef808f4110aa3"
author | azomics |
---|---|
date | Wed, 29 Jul 2020 17:03:53 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
0:8283ff163ba6 | 1:b5453d07f740 |
---|---|
1 | |
2 /* | |
3 * Namespace: DTED - DataTables Editor Display - Envelope | |
4 */ | |
5 | |
6 div.DTED_Envelope_Wrapper { | |
7 position: absolute; | |
8 top: 0; | |
9 bottom: 0; | |
10 left: 50%; | |
11 height: 100%; | |
12 z-index: 11; | |
13 display: none; | |
14 overflow: hidden; | |
15 | |
16 // Create a shadow display at the top of the evelope to make it look like it has | |
17 // come from under the element that it is attached to/ Left and right to give a | |
18 // slight fade and the two ends | |
19 div.DTED_Envelope_ShadowLeft { | |
20 position: absolute; | |
21 top: 0; | |
22 left: 0; | |
23 width: 50%; | |
24 height: 9px; | |
25 background: url('../images/shadow_left.png') no-repeat top left; | |
26 z-index: 10; | |
27 } | |
28 | |
29 div.DTED_Envelope_ShadowRight { | |
30 position: absolute; | |
31 top: 0; | |
32 right: 0; | |
33 width: 50%; | |
34 height: 9px; | |
35 background: url('../images/shadow_right.png') no-repeat top right; | |
36 z-index: 10; | |
37 } | |
38 | |
39 | |
40 div.DTED_Envelope_Container { | |
41 position: absolute; | |
42 top: 0; | |
43 left: 5%; | |
44 width: 90%; | |
45 | |
46 border-left: 1px solid #777; | |
47 border-right: 1px solid #777; | |
48 border-bottom: 1px solid #777; | |
49 box-shadow: 3px 3px 10px #555; | |
50 border-bottom-left-radius: 5px; | |
51 border-bottom-right-radius: 5px; | |
52 background-color: white; | |
53 | |
54 div.DTE_Processing_Indicator { | |
55 right: 36px; | |
56 } | |
57 | |
58 div.DTE_Footer { | |
59 border-bottom-left-radius: 5px; | |
60 border-bottom-right-radius: 5px; | |
61 } | |
62 | |
63 div.DTED_Envelope_Close { | |
64 position: absolute; | |
65 top: 16px; | |
66 right: 10px; | |
67 width: 18px; | |
68 height: 18px; | |
69 cursor: pointer; | |
70 *cursor: hand; | |
71 z-index: 12; | |
72 text-align: center; | |
73 font-size: 12px; | |
74 | |
75 background: #F8F8F8; | |
76 background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white)); | |
77 background: -moz-linear-gradient(top, white, #CCC); | |
78 background: linear-gradient(to bottom, white, #CCC); | |
79 text-shadow: 0 1px 0 white; | |
80 border: 1px solid #999; | |
81 border-radius: 2px; | |
82 -moz-border-radius: 2px; | |
83 -webkit-border-radius: 2px; | |
84 box-shadow: 0px 0px 1px #999; | |
85 -moz-box-shadow: 0px 0px 1px #999; | |
86 -webkit-box-shadow: 0px 0px 1px #999; | |
87 } | |
88 } | |
89 } | |
90 | |
91 | |
92 div.DTED_Envelope_Background { | |
93 position: fixed; | |
94 top: 0; | |
95 left: 0; | |
96 width: 100%; | |
97 height: 100%; | |
98 z-index: 10; | |
99 @include radial-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) ); | |
100 } | |
101 | |
102 |