1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
@import '../modules/mixins'; // For box-shadow
.input-container {
width: 35%;
form {
display: inline;
}
}
.input-bar {
font-family: $base-font-family;
color: $mid-grey;
max-height: $three-baselines;
padding: 6px 8px 5px 8px;
border: 1px solid $mid-grey;
@include rz-box-sizing-border;
background: white;
width: 100%;
&:focus {
border: 1px solid $mid-grey;
@include rz-box-shadow(0px, 1px, 6px, 0px, rgba(0,0,0,0.3) );
}
}
#input-container__search {
left: 24px;
margin-top: $two-baselines;
position: absolute;
}
#input-container__graph-input {
position: absolute;
top: 130px;
left: 24px;
&:focus {
width: 80%;
}
}
#textanalyser.ui-autocomplete-input {
font-family: $base-font-family;
color: $mid-grey;
}
#btn_add {
float: right;
background: url(../img/plus-button.png);
background-position: center;
background-repeat: no-repeat;
background-color: red;
position: absolute;
height: 36px;
width: 36px;
top: 0px;
right: 0px;
border: 0;
}
#btn_search {
float: right;
background: url(../img/search-icon.png);
background-position: center;
background-repeat: no-repeat;
background-color: lightgreen;
position: absolute;
top: 0px;
right: 0px;
height: 36px;
width: 36px;
border: 0;
}
.add-button:hover {
background-color: $dark-magenta;
}
.add-button:focus {
outline: none;
}
.suggestion{
position: relative;
color: $dark-grey;
max-height: 580px;
overflow-y: scroll;
font-size: $h3-size;
list-style-type: none;
width: inherit;
margin-top: 6px;
border: 1px solid $mid-grey;
@include rz-box-sizing-border;
background: white;
z-index: 100;
@include rz-box-shadow(0px, 3px, 6px, 0px, rgba(0,0,0,0.3) );
}
.suggestion-item {
padding: 6px 0px 6px 18px;
cursor: pointer;
}
.suggestion-item.selected, .suggestion-item:hover {
padding-left: 16px;
background-color: $light-grey;
border-left: 5px solid $cyan;
@include rz-box-sizing-border;
}
.suggestion td{
position:fixed;
}
.ui-helper-hidden-accessible{
position:fixed;
top: $three-baselines+$four-baselines+$four-baselines+35px+$three-baselines;
left:$doc-margin+8px;
text-shadow: -1px 1px 8px #E DE275, 1px -1px 8px #EDE275;
font-size:16px;
}
.ui-helper-hidden-accessible > div {
color: $dark-grey;
}
|
