source: SRUAggregator/trunk/src/main/resources/assets/adv.css @ 7146

Last change on this file since 7146 was 7146, checked in by Leif-Jöran, 7 years ago

Spliting out the styling for ADV from base.

  • Property svn:eol-style set to native
  • Property svn:keywords set to Author Date Id Revision
File size: 4.2 KB
Line 
1.query_token:only-of-type .close_btn {
2        opacity: 0;
3        cursor: default;
4        transition: opacity 200ms ease;
5}
6
7.query_token .close_btn {
8        cursor: pointer;
9        float: right;
10        opacity: 1;
11        transition: opacity 200ms ease;
12        font-size: 15px;
13}
14
15.query_token .close_btn i {
16    top: 3px;
17}
18
19.query_token .token_header {
20        padding-bottom: 3px;
21        cursor: move;
22}
23
24.query_token {
25        background-color: #e1e1e1;
26        display: inline-block;
27        vertical-align: top;
28        *vertical-align: auto;
29        *zoom: 1;
30        *display: inline;
31        padding: 5px;
32        border: 1px solid #999;
33        margin-left: 0;
34        margin-right: 10px;
35        margin-bottom: 5px;
36        box-shadow: 2px 2px 3px grey;
37}
38
39#adv_query_input_group {
40        overflow: auto;
41        white-space: nowrap;
42}
43
44.query_arg {
45    border-radius: 2px;
46    padding: 5px;
47    background-color: #f7fceb;
48    border: solid 1px #999;
49    margin-bottom: 5px;
50    padding-right: 13px;
51}
52
53.query_arg .arg_footer .link {
54    float: left;
55}
56
57.link:hover {
58    color: indianred !important;
59}
60
61.or_arg {
62        margin-bottom: 5px;
63}
64
65.query_token .left_col {
66        display: inline-block;
67        vertical-align: top;
68        *vertical-align: auto;
69        *zoom: 1;
70        *display: inline;
71        min-width: 16px;
72}
73
74.query_arg:only-of-type .or_arg:only-child .remove_arg {
75        cursor: default;
76        opacity: 0;
77        transition: opacity 200ms ease;
78}
79
80.query_token .remove_arg {
81        position: relative;
82        top: 12px;
83        left: -2px;
84        //height: 20px;
85        //width: 20px;
86        opacity: 1;
87        transition: opacity 200ms ease;
88}
89
90.right_col {
91        padding-right: 2px;
92}
93
94.inline_block {
95        display: inline-block;
96        vertical-align: middle;
97        *vertical-align: auto;
98        *zoom: 1;
99        *display: inline;
100}
101
102.query_token .arg_type {
103        display: inline-block;
104/*      vertical-align: middle; */
105        *vertical-align: auto;
106        *zoom: 1;
107        *display: inline;
108        width: 160px;
109}
110
111.query_token .arg_opts {
112        margin-left: 5px;
113}
114
115.query_token input.arg_value {
116  width: 95%;
117}
118
119.query_token .arg_value {
120  max-width: 300px;
121}
122
123button, input, optgroup, select, textarea {
124        color: inherit;
125        font: inherit;
126        margin: 0;
127}
128
129input {
130        line-height: normal;
131}
132
133.query_token .arg_value {
134        max-width: 300px;
135}
136
137.arg_val_container {
138        margin-top: 2px;
139}
140
141.query_token .insert_arg {
142        margin-top: 2px;
143        float: left;
144}
145
146/* .query_token .token_footer button i { */
147/*      position: relative; */
148/*      top: 0px; */
149/*      left: -2px; */
150/*      font-size: 14px; */
151/* } */
152
153.query_token .token_footer button.insert_arg {
154    float: left;
155}
156
157.query_token .token_footer button {
158//      width: 20px;
159//      height: 20px;
160        float: right;
161}
162
163.query_token .token_footer {
164        font-size: .8em;
165}
166
167/* .btn { */
168/*      display: inline-block; */
169/*      margin-bottom: 0; */
170/*      font-weight: 400; */
171/*      text-align: center; */
172/*      vertical-align: middle; */
173/*      cursor: pointer; */
174/*      border: 1px solid transparent; */
175/*      white-space: nowrap; */
176/*      padding: 6px 12px; */
177/*      font-size: 14px; */
178/*      line-height: 1.428571429; */
179/*      border-radius: 4px; */
180/*      -webkit-user-select: none; */
181/*      -moz-user-select: none; */
182/*      -ms-user-select: none; */
183/*      user-select: none; */
184/* } */
185
186.query_token select, input {
187    border: 1px dashed #ccc;
188    outline: medium none;
189    float: left;
190}
191
192.query_token .repeat {
193        float: right;
194        margin-right: 25px;
195}
196
197.query_token .repeat input {
198        max-width: 30px;
199}
200
201.query_token .lower_footer {
202        text-align: right;
203        margin-top: 2px;
204}
205
206.insert_token {
207        position: relative;
208        margin-left: 10px;
209}
210
211.image_button:hover {
212        cursor: pointer;
213}
214
215/* .fa, .boxdiv.disabled .checkbox, .tree.disabled > label .checkbox { */
216/*      display: inline-block; */
217/*      font: normal normal normal 14px/1 FontAwesome; */
218/*      font-size: inherit; */
219/*      text-rendering: auto; */
220/*      -webkit-font-smoothing: antialiased; */
221/*      -moz-osx-font-smoothing: grayscale; */
222/*      transform: translate(0, 0); */
223/* } */
224
225.fa-times-circle-o::before {
226        content: "";
227}
228
229[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate), .hide-true {
230        display: none !important;
231}
232
233/*** transitions css ***/
234.token-enter {
235  opacity: 0.01;
236  margin-left: -50%;
237}
238.token-enter.token-enter-active {
239  opacity: 1;
240  margin-left: 0;
241  transition: all 250ms linear;
242}
243.token-leave {
244  opacity: 1;
245  margin-left: 0;
246}
247.token-leave.token-leave-active {
248  opacity: 0.01;
249  margin-left: 50%;
250  transition: all 250ms linear;
251}
Note: See TracBrowser for help on using the repository browser.