Issues:
1#trp-floater-ls {
2 position: fixed;
3 z-index: 9999999;
4 bottom: 0;
5 left: 80%;
6 border-radius: 5px 5px 0 0;
7 display: block;
8 overflow: hidden;
9}
10
11#trp-floater-ls.trp-color-dark{
12 background: rgb(27,27,27);
13 background: linear-gradient(0deg, rgba(27,27,27,1) 0%, rgba(84,84,84,1) 100%);
14}
15
16#trp-floater-ls.trp-color-light{
17 background: rgb(214,214,214);
18 background: linear-gradient(0deg, rgba(214,214,214,1) 0%, rgba(250,250,250,1) 100%);
19}
20
21#trp-floater-ls.trp-bottom-left{
22 left: 10%;
23}
24
25#trp-floater-ls.trp-top-right{
26 bottom:auto;
27 top: 0;
28 border-radius: 0 0 5px 5px;
29}
30
31#trp-floater-ls.trp-top-left{
32 bottom:auto;
33 top: 0;
34 left: 10%;
35 border-radius: 0 0 5px 5px;
36}
37
38body.admin-bar #trp-floater-ls.trp-top-right,
39body.admin-bar #trp-floater-ls.trp-top-left{
40 top: 32px;
41}
42
43@media screen and (max-width: 782px) {
44 body.admin-bar #trp-floater-ls.trp-top-right,
45 body.admin-bar #trp-floater-ls.trp-top-left {
46 top: 46px;
47 }
48}
49
50@media screen and (max-width: 1000px) {
51 #trp-floater-ls {
52 left: 50%;
53 }
54}
55
56@media screen and (max-width: 500px) {
57 #trp-floater-ls {
58 left: 10%;
59 }
60}
61
62#trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-current-language a,
63#trp-floater-ls.trp-floater-ls-codes #trp-floater-ls-language-list {
64 text-align: center;
65}
66
67#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-current-language a img,
68#trp-floater-ls.trp-floater-ls-flags #trp-floater-ls-language-list a img {
69 text-align: center;
70 display: block;
71 margin: 0 auto;
72}
73
74#trp-floater-ls-language-list {
75 display: none;
76}
77
78.trp-poweredby #trp-floater-ls-language-list .trp-language-wrap{
79 padding: 25px;
80 width: auto;
81}
82
83#trp-floater-ls.trp-top-right.trp-poweredby.trp-color-dark #trp-floater-ls-language-list #trp-floater-poweredby,
84#trp-floater-ls.trp-top-left.trp-poweredby.trp-color-dark #trp-floater-ls-language-list #trp-floater-poweredby{
85 border-top: none;
86 border-bottom: 1px solid #747474;
87}
88#trp-floater-ls.trp-top-right.trp-poweredby.trp-color-light #trp-floater-ls-language-list #trp-floater-poweredby,
89#trp-floater-ls.trp-top-left.trp-poweredby.trp-color-light #trp-floater-ls-language-list #trp-floater-poweredby{
90 border-top: none;
91 border-bottom: 1px solid #aaaaaa;
92}
93
94.trp-color-dark.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby{
95 border-top: 1px solid #747474;
96 color: #b3b3b3;
97}
98.trp-color-light.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby{
99 border-top: 1px solid #aaaaaa;
100 color: #808080;
101}
102
103.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby{
104 padding: 5px;
105 text-align: center;
106
font-size: 10px;
107}
108
109.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a{
110 display: inline;
111 padding: 0px 3px;
112 border-radius: 30px;
113 background: #b3b3b3;
114 color: #111;
115 line-height: 11px;
116}
117.trp-poweredby #trp-floater-ls-language-list #trp-floater-poweredby a:hover{
118 background: #f64f4f;
119 color: #f1f1f1;
120 opacity: 1;
121}
122
123
124#trp-floater-ls:focus #trp-floater-ls-current-language,
125#trp-floater-ls:hover #trp-floater-ls-current-language {
126 display: none;
127}
128
129#trp-floater-ls:focus #trp-floater-ls-language-list,
130#trp-floater-ls:hover #trp-floater-ls-language-list {
131 display: block;
132}
133
134#trp-floater-ls {
135 box-shadow: 0 0 5px #212121;
136}
137
138#trp-floater-ls-current-language a,
139#trp-floater-ls-language-list a {
140 display: block;
141 padding: 10px 15px 10px 15px;
142 font-size: 90%;
143}
144
145#trp-floater-ls-current-language,
146#trp-floater-ls-language-list {
147 text-align: left;
148}
149
150#trp-floater-ls-current-language.trp-with-flags,
151#trp-floater-ls-language-list.trp-with-flags {
152 text-align: left;
153}
154
155#trp-floater-ls-current-language {
156 display: block;
157 width: 100%;
158 height: 100%;
159}
160
161.trp-color-dark #trp-floater-ls-current-language a,
162.trp-color-dark #trp-floater-ls-language-list a {
163 color: #BDBDBD;
164}
165.trp-color-light #trp-floater-ls-current-language a,
166.trp-color-light #trp-floater-ls-language-list a {
167 color: #404040;
168}
169
170.trp-color-dark #trp-floater-ls-current-language a,
171.trp-color-dark #trp-floater-ls-language-list a {
172 display: block;
173 width: auto;
174 overflow: hidden;
175 text-overflow: ellipsis;
176 white-space: nowrap;
177}
178
179#trp-floater-ls-language-list a:hover {
180 color: #FAFAFA;
181 background-color: #656565;
182}
183
184#trp-floater-ls .trp-floater-ls-disabled-language {
185 pointer-events: none;
186 cursor: default;
187}
188
189#trp-floater-ls .trp-with-flags .trp-flag-image {
190 margin-right: 5px;
191 margin-top: -1px;
192 vertical-align: middle;
193 height: auto;
194 max-width: 100%;
195 display: inline;
196 padding: 0;
197}
198
199.trp-flag-image:dir(rtl) {
200 margin-left: 5px;
201}
202
203#trp-floater-ls a {
204 text-decoration: none;
205}
206
207#trp-floater-ls-language-list{
208 max-height: 300px;
209 overflow-y: auto;
210}