first commit
This commit is contained in:
Ryan Ariana
3
wp-content/plugins/weglot/app/styles/_colors.scss
Normal file
3
wp-content/plugins/weglot/app/styles/_colors.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
$primary: #335ee2;
|
||||
$primaryHover: #446dea;
|
||||
$textColor: #24284c;
|
||||
445
wp-content/plugins/weglot/app/styles/_flags.scss
Normal file
445
wp-content/plugins/weglot/app/styles/_flags.scss
Normal file
@@ -0,0 +1,445 @@
|
||||
.weglot-flags {
|
||||
&.hw > a:before, &.hw > span:before { background-position: -3570px 0 !important; }
|
||||
&.af > a:before, &.af > span:before { background-position: -6570px 0 !important; }
|
||||
&.fl > a:before, &.fl > span:before { background-position: -3060px 0 !important; }
|
||||
&.sq > a:before, &.sq > span:before { background-position: -2580px 0 !important; }
|
||||
&.am > a:before, &.am > span:before { background-position: -5130px 0 !important; }
|
||||
&.ar > a:before, &.ar > span:before { background-position: -510px 0 !important; }
|
||||
&.hy > a:before, &.hy > span:before { background-position: -1800px 0 !important; }
|
||||
&.az > a:before, &.az > span:before { background-position: -6840px 0 !important; }
|
||||
&.ba > a:before, &.ba > span:before { background-position: -2040px 0 !important; }
|
||||
&.eu > a:before, &.eu > span:before { background-position: -7260px 0 !important; }
|
||||
&.be > a:before, &.be > span:before { background-position: -5310px 0 !important; }
|
||||
&.bn > a:before, &.bn > span:before { background-position: -5400px 0 !important; }
|
||||
&.bs > a:before, &.bs > span:before { background-position: -6390px 0 !important; }
|
||||
&.bg > a:before, &.bg > span:before { background-position: -2730px 0 !important; }
|
||||
&.br > a:before, &.br > span:before { background-position: -6630px 0 !important; }
|
||||
&.my > a:before, &.my > span:before { background-position: -3299px 0 !important; }
|
||||
&.ca > a:before, &.ca > span:before { background-position: -7230px 0 !important; }
|
||||
&.zh > a:before, &.zh > span:before { background-position: -3690px 0 !important; }
|
||||
&.tw > a:before, &.tw > span:before { background-position: -2970px 0 !important; }
|
||||
&.km > a:before, &.km > span:before { background-position: -6930px 0 !important; }
|
||||
&.ny > a:before, &.ny > span:before { background-position: -1140px 0 !important; }
|
||||
&.co > a:before, &.co > span:before { background-position: -2520px 0 !important; } /* TODO */
|
||||
&.hr > a:before, &.hr > span:before { background-position: -5910px 0 !important; }
|
||||
&.cs > a:before, &.cs > span:before { background-position: -2700px 0 !important; }
|
||||
&.da > a:before, &.da > span:before { background-position: -2670px 0 !important; }
|
||||
&.nl > a:before, &.nl > span:before { background-position: -2100px 0 !important; }
|
||||
&.en > a:before, &.en > span:before { background-position: -1920px 0 !important; }
|
||||
&.eo > a:before, &.eo > span:before { background-position: -1920px 0 !important; } /* TODO */
|
||||
&.et > a:before, &.et > span:before { background-position: -2640px 0 !important; }
|
||||
&.fj > a:before, &.fj > span:before { background-position: -1710px 0 !important; }
|
||||
&.fi > a:before, &.fi > span:before { background-position: -2550px 0 !important; }
|
||||
&.fr > a:before, &.fr > span:before { background-position: -2520px 0 !important; }
|
||||
&.gl > a:before, &.gl > span:before { background-position: -7290px 0 !important; }
|
||||
&.ka > a:before, &.ka > span:before { background-position: -5040px 0 !important; }
|
||||
&.de > a:before, &.de > span:before { background-position: -2490px 0 !important; }
|
||||
&.el > a:before, &.el > span:before { background-position: -2460px 0 !important; }
|
||||
&.gu > a:before, &.gu > span:before { background-position: -1170px 0 !important; }
|
||||
&.ht > a:before, &.ht > span:before { background-position: -4650px 0 !important; }
|
||||
&.ha > a:before, &.ha > span:before { background-position: -900px 0 !important; }
|
||||
&.he > a:before, &.he > span:before { background-position: -1050px 0 !important; }
|
||||
&.hi > a:before, &.hi > span:before { background-position: -1170px 0 !important; }
|
||||
&.hu > a:before, &.hu > span:before { background-position: -2430px 0 !important; }
|
||||
&.is > a:before, &.is > span:before { background-position: -2400px 0 !important; }
|
||||
&.ig > a:before, &.ig > span:before { background-position: -870px 0 !important; }
|
||||
&.id > a:before, &.id > span:before { background-position: -3510px 0 !important; }
|
||||
&.ga > a:before, &.ga > span:before { background-position: -2340px 0 !important; }
|
||||
&.it > a:before, &.it > span:before { background-position: -2310px 0 !important; }
|
||||
&.ja > a:before, &.ja > span:before { background-position: -3480px 0 !important; }
|
||||
&.jv > a:before, &.jv > span:before { background-position: -3360px 0 !important; }
|
||||
&.kn > a:before, &.kn > span:before { background-position: -1170px 0 !important; }
|
||||
&.kk > a:before, &.kk > span:before { background-position: -3150px 0 !important; }
|
||||
&.ko > a:before, &.ko > span:before { background-position: -6990px 0 !important; }
|
||||
&.ku > a:before, &.ku > span:before { background-position: -2430px 0 !important; } /* TODO */
|
||||
&.ky > a:before, &.ky > span:before { background-position: -3420px 0 !important; }
|
||||
&.lo > a:before, &.lo > span:before { background-position: -3450px 0 !important; } /* TODO */
|
||||
&.la > a:before, &.la > span:before { background-position: -2310px 0 !important; }
|
||||
&.lv > a:before, &.lv > span:before { background-position: -2280px 0 !important; }
|
||||
&.lt > a:before, &.lt > span:before { background-position: -2250px 0 !important; }
|
||||
&.lb > a:before, &.lb > span:before { background-position: -2220px 0 !important; }
|
||||
&.mk > a:before, &.mk > span:before { background-position: -2190px 0 !important; }
|
||||
&.mg > a:before, &.mg > span:before { background-position: -1200px 0 !important; }
|
||||
&.ms > a:before, &.ms > span:before { background-position: -3360px 0 !important; }
|
||||
&.ml > a:before, &.ml > span:before { background-position: -1170px 0 !important; }
|
||||
&.mt > a:before, &.mt > span:before { background-position: -2130px 0 !important; }
|
||||
&.mi > a:before, &.mi > span:before { background-position: -3240px 0 !important; }
|
||||
&.mr > a:before, &.mr > span:before { background-position: -1170px 0 !important; }
|
||||
&.mn > a:before, &.mn > span:before { background-position: -6000px 0 !important; }
|
||||
&.ne > a:before, &.ne > span:before { background-position: -3270px 0 !important; }
|
||||
&.no > a:before, &.no > span:before { background-position: -5850px 0 !important; }
|
||||
&.ps > a:before, &.ps > span:before { background-position: -5189px 0 !important; }
|
||||
&.fa > a:before, &.fa > span:before { background-position: -6690px 0 !important; }
|
||||
&.pl > a:before, &.pl > span:before { background-position: -2160px 0 !important; }
|
||||
&.pt > a:before, &.pt > span:before { background-position: -1740px 0 !important; }
|
||||
&.pa > a:before, &.pa > span:before { background-position: -3180px 0 !important; }
|
||||
&.ro > a:before, &.ro > span:before { background-position: -2070px 0 !important; }
|
||||
&.ru > a:before, &.ru > span:before { background-position: -2040px 0 !important; }
|
||||
&.sm > a:before, &.sm > span:before { background-position: -4620px 0 !important; }
|
||||
&.gd > a:before, &.gd > span:before { background-position: -30px 0 !important; }
|
||||
&.sr > a:before, &.sr > span:before { background-position: -4290px 0 !important; }
|
||||
&.sn > a:before, &.sn > span:before { background-position: -540px 0 !important; }
|
||||
&.sd > a:before, &.sd > span:before { background-position: -3180px 0 !important; }
|
||||
&.si > a:before, &.si > span:before { background-position: -2820px 0 !important; }
|
||||
&.sk > a:before, &.sk > span:before { background-position: -6810px 0 !important; }
|
||||
&.sl > a:before, &.sl > span:before { background-position: -2010px 0 !important; }
|
||||
&.so > a:before, &.so > span:before { background-position: -4560px 0 !important; }
|
||||
&.st > a:before, &.st > span:before { background-position: -4830px 0 !important; }
|
||||
&.es > a:before, &.es > span:before { background-position: -480px 0 !important; }
|
||||
&.su > a:before, &.su > span:before { background-position: -4530px 0 !important; }
|
||||
&.sw > a:before, &.sw > span:before { background-position: -1290px 0 !important; }
|
||||
&.sv > a:before, &.sv > span:before { background-position: -1980px 0 !important; }
|
||||
&.tl > a:before, &.tl > span:before { background-position: -3060px 0 !important; }
|
||||
&.ty > a:before, &.ty > span:before { background-position: -6270px 0 !important; }
|
||||
&.tg > a:before, &.tg > span:before { background-position: -2940px 0 !important; }
|
||||
&.ta > a:before, &.ta > span:before { background-position: -1170px 0 !important; }
|
||||
&.tt > a:before, &.tt > span:before { background-position: -2040px 0 !important; }
|
||||
&.te > a:before, &.te > span:before { background-position: -1170px 0 !important; }
|
||||
&.th > a:before, &.th > span:before { background-position: -2910px 0 !important; }
|
||||
&.to > a:before, &.to > span:before { background-position: -6540px 0 !important; }
|
||||
&.tr > a:before, &.tr > span:before { background-position: -1950px 0 !important; }
|
||||
&.uk > a:before, &.uk > span:before { background-position: -1890px 0 !important; }
|
||||
&.ur > a:before, &.ur > span:before { background-position: -3180px 0 !important; }
|
||||
&.uz > a:before, &.uz > span:before { background-position: -2880px 0 !important; }
|
||||
&.vi > a:before, &.vi > span:before { background-position: -2850px 0 !important; }
|
||||
&.cy > a:before, &.cy > span:before { background-position: -6420px 0 !important; }
|
||||
&.fy > a:before, &.fy > span:before { background-position: -2100px 0 !important; }
|
||||
&.xh > a:before, &.xh > span:before { background-position: -6570px 0 !important; }
|
||||
&.yi > a:before, &.yi > span:before { background-position: -1050px 0 !important; }
|
||||
&.yo > a:before, &.yo > span:before { background-position: -870px 0 !important; }
|
||||
&.zu > a:before, &.zu > span:before { background-position: -6570px 0 !important; }
|
||||
|
||||
&.flag-1 {
|
||||
&.hw > a:before, &.hw > span:before { background-position: -7840px 0 !important; }
|
||||
&.fl > a:before, &.fl > span:before { background-position: 2560px 0 !important; }
|
||||
&.af > a:before, &.af > span:before { background-position: -6848px 0 !important; }
|
||||
&.sq > a:before, &.sq > span:before { background-position: -97px 0 !important; }
|
||||
&.am > a:before, &.am > span:before { background-position: -2369px 0 !important; }
|
||||
&.ar > a:before, &.ar > span:before { background-position: -6465px 0 !important; }
|
||||
&.hy > a:before, &.hy > span:before { background-position: -385px 0 !important; }
|
||||
&.az > a:before, &.az > span:before { background-position: -513px 0 !important; }
|
||||
&.ba > a:before, &.ba > span:before { background-position: -6113px 0 !important; }
|
||||
&.eu > a:before, &.eu > span:before { background-position: -8353px 0 !important; }
|
||||
&.be > a:before, &.be > span:before { background-position: -705px 0 !important; }
|
||||
&.bn > a:before, &.bn > span:before { background-position: -609px 0 !important; }
|
||||
&.bs > a:before, &.bs > span:before { background-position: -929px 0 !important; }
|
||||
&.bg > a:before, &.bg > span:before { background-position: -1121px 0 !important; }
|
||||
&.br > a:before, &.br > span:before { background-position: -993px 0 !important; }
|
||||
&.my > a:before, &.my > span:before { background-position: -4929px 0 !important; }
|
||||
&.ca > a:before, &.ca > span:before { background-position: -8321px 0 !important; }
|
||||
&.zh > a:before, &.zh > span:before { background-position: -1505px 0 !important; }
|
||||
&.tw > a:before, &.tw > span:before { background-position: -6369px 0 !important; }
|
||||
&.km > a:before, &.km > span:before { background-position: -1217px 0 !important; }
|
||||
&.ny > a:before, &.ny > span:before { background-position: -4289px 0 !important; }
|
||||
&.co > a:before, &.co > span:before { background-position: -2561px 0 !important; }
|
||||
&.hr > a:before, &.hr > span:before { background-position: -1793px 0 !important; }
|
||||
&.cs > a:before, &.cs > span:before { background-position: -1921px 0 !important; }
|
||||
&.da > a:before, &.da > span:before { background-position: -1985px 0 !important; }
|
||||
&.nl > a:before, &.nl > span:before { background-position: -5121px 0 !important; }
|
||||
&.en > a:before, &.en > span:before { background-position: -7777px 0 !important; }
|
||||
&.eo > a:before, &.eo > span:before { background-position: -7777px 0 !important; }
|
||||
&.et > a:before, &.et > span:before { background-position: -2337px 0 !important; }
|
||||
&.fj > a:before, &.fj > span:before { background-position: -2497px 0 !important; }
|
||||
&.fi > a:before, &.fi > span:before { background-position: -2529px 0 !important; }
|
||||
&.fr > a:before, &.fr > span:before { background-position: -2561px 0 !important; }
|
||||
&.gl > a:before, &.gl > span:before { background-position: -8383px 0 !important; }
|
||||
&.ka > a:before, &.ka > span:before { background-position: -2721px 0 !important; }
|
||||
&.de > a:before, &.de > span:before { background-position: -2753px 0 !important; }
|
||||
&.el > a:before, &.el > span:before { background-position: -2881px 0 !important; }
|
||||
&.gu > a:before, &.gu > span:before { background-position: -3329px 0 !important; }
|
||||
&.ht > a:before, &.ht > span:before { background-position: -3169px 0 !important; }
|
||||
&.ha > a:before, &.ha > span:before { background-position: -5281px 0 !important; }
|
||||
&.he > a:before, &.he > span:before { background-position: -3521px 0 !important; }
|
||||
&.hi > a:before, &.hi > span:before { background-position: -3329px 0 !important; }
|
||||
&.hu > a:before, &.hu > span:before { background-position: -3265px 0 !important; }
|
||||
&.is > a:before, &.is > span:before { background-position: -3297px 0 !important; }
|
||||
&.ig > a:before, &.ig > span:before { background-position: -5313px 0 !important; }
|
||||
&.id > a:before, &.id > span:before { background-position: -3361px 0 !important; }
|
||||
&.ga > a:before, &.ga > span:before { background-position: -3457px 0 !important; }
|
||||
&.it > a:before, &.it > span:before { background-position: -3553px 0 !important; }
|
||||
&.ja > a:before, &.ja > span:before { background-position: -3617px 0 !important; }
|
||||
&.jv > a:before, &.jv > span:before { background-position: -4321px 0 !important; }
|
||||
&.kn > a:before, &.kn > span:before { background-position: -3329px 0 !important; }
|
||||
&.kk > a:before, &.kk > span:before { background-position: -3713px 0 !important; }
|
||||
&.ko > a:before, &.ko > span:before { background-position: -6913px 0 !important; }
|
||||
&.ku > a:before, &.ku > span:before { background-position: -3265px 0 !important; }
|
||||
&.ky > a:before, &.ky > span:before { background-position: -3873px 0 !important; }
|
||||
&.lo > a:before, &.lo > span:before { background-position: -3904px 0 !important; }
|
||||
&.la > a:before, &.la > span:before { background-position: -3553px 0 !important; }
|
||||
&.lv > a:before, &.lv > span:before { background-position: -3937px 0 !important; }
|
||||
&.lt > a:before, &.lt > span:before { background-position: -4129px 0 !important; }
|
||||
&.lb > a:before, &.lb > span:before { background-position: -4161px 0 !important; }
|
||||
&.mk > a:before, &.mk > span:before { background-position: -4225px 0 !important; }
|
||||
&.mg > a:before, &.mg > span:before { background-position: -4257px 0 !important; }
|
||||
&.ms > a:before, &.ms > span:before { background-position: -4321px 0 !important; }
|
||||
&.ml > a:before, &.ml > span:before { background-position: -3329px 0 !important; }
|
||||
&.mt > a:before, &.mt > span:before { background-position: -4417px 0 !important; }
|
||||
&.mi > a:before, &.mi > span:before { background-position: -5217px 0 !important; }
|
||||
&.mr > a:before, &.mr > span:before { background-position: -3329px 0 !important; }
|
||||
&.mn > a:before, &.mn > span:before { background-position: -4769px 0 !important; }
|
||||
&.ne > a:before, &.ne > span:before { background-position: -5091px 0 !important; }
|
||||
&.no > a:before, &.no > span:before { background-position: -5505px 0 !important; }
|
||||
&.ps > a:before, &.ps > span:before { background-position: -33px 0 !important; }
|
||||
&.fa > a:before, &.fa > span:before { background-position: -3393px 0 !important; }
|
||||
&.pl > a:before, &.pl > span:before { background-position: -5889px 0 !important; }
|
||||
&.pt > a:before, &.pt > span:before { background-position: -5921px 0 !important; }
|
||||
&.pa > a:before, &.pa > span:before { background-position: -3329px 0 !important; }
|
||||
&.ro > a:before, &.ro > span:before { background-position: -6081px 0 !important; }
|
||||
&.ru > a:before, &.ru > span:before { background-position: -6113px 0 !important; }
|
||||
&.sm > a:before, &.sm > span:before { background-position: -6369px 0 !important; }
|
||||
&.gd > a:before, &.gd > span:before { background-position: -6497px 0 !important; }
|
||||
&.sr > a:before, &.sr > span:before { background-position: -6561px 0 !important; }
|
||||
&.sn > a:before, &.sn > span:before { background-position: -8287px 0 !important; }
|
||||
&.sd > a:before, &.sd > span:before { background-position: -5601px 0 !important; }
|
||||
&.si > a:before, &.si > span:before { background-position: -7039px 0 !important; }
|
||||
&.sk > a:before, &.sk > span:before { background-position: -6689px 0 !important; }
|
||||
&.sl > a:before, &.sl > span:before { background-position: -6721px 0 !important; }
|
||||
&.so > a:before, &.so > span:before { background-position: -6785px 0 !important; }
|
||||
&.st > a:before, &.st > span:before { background-position: -4001px 0 !important; }
|
||||
&.es > a:before, &.es > span:before { background-position: -7009px 0 !important; }
|
||||
&.su > a:before, &.su > span:before { background-position: -7073px 0 !important; }
|
||||
&.sw > a:before, &.sw > span:before { background-position: -3745px 0 !important; }
|
||||
&.sv > a:before, &.sv > span:before { background-position: -7169px 0 !important; }
|
||||
&.tl > a:before, &.tl > span:before { background-position: -5823px 0 !important; }
|
||||
&.ty > a:before, &.ty > span:before { background-position: -2593px 0 !important; }
|
||||
&.tg > a:before, &.tg > span:before { background-position: -7297px 0 !important; }
|
||||
&.ta > a:before, &.ta > span:before { background-position: -3329px 0 !important; }
|
||||
&.tt > a:before, &.tt > span:before { background-position: -6113px 0 !important; }
|
||||
&.te > a:before, &.te > span:before { background-position: -3329px 0 !important; }
|
||||
&.th > a:before, &.th > span:before { background-position: -7361px 0 !important; }
|
||||
&.to > a:before, &.to > span:before { background-position: -7456px 0 !important; }
|
||||
&.tr > a:before, &.tr > span:before { background-position: -7553px 0 !important; }
|
||||
&.uk > a:before, &.uk > span:before { background-position: -7713px 0 !important; }
|
||||
&.ur > a:before, &.ur > span:before { background-position: -5600px 0 !important; }
|
||||
&.uz > a:before, &.uz > span:before { background-position: -7969px 0 !important; }
|
||||
&.vi > a:before, &.vi > span:before { background-position: -8097px 0 !important; }
|
||||
&.cy > a:before, &.cy > span:before { background-position: -8129px 0 !important; }
|
||||
&.fy > a:before, &.fy > span:before { background-position: -5121px 0 !important; }
|
||||
&.xh > a:before, &.xh > span:before { background-position: -6848px 0 !important; }
|
||||
&.yi > a:before, &.yi > span:before { background-position: -3521px 0 !important; }
|
||||
&.yo > a:before, &.yo > span:before { background-position: -5313px 0 !important; }
|
||||
&.zu > a:before, &.zu > span:before { background-position: -6848px 0 !important; }
|
||||
}
|
||||
&.flag-2 {
|
||||
&.hw > a:before, &.hw > span:before { background-position: -5448px 0 !important; }
|
||||
&.fl > a:before, &.fl > span:before { background-position: -1008px 0 !important; }
|
||||
&.af > a:before, &.af > span:before { background-position: -4968px 0 !important; }
|
||||
&.sq > a:before, &.sq > span:before { background-position: -2976px 0 !important; }
|
||||
&.am > a:before, &.am > span:before { background-position: -3816px 0 !important; }
|
||||
&.ar > a:before, &.ar > span:before { background-position: -768px 0 !important; }
|
||||
&.hy > a:before, &.hy > span:before { background-position: 0 0 !important; }
|
||||
&.az > a:before, &.az > span:before { background-position: -5136px 0 !important; }
|
||||
&.ba > a:before, &.ba > span:before { background-position: -936px 0 !important; }
|
||||
&.eu > a:before, &.eu > span:before { background-position: -5376px 0 !important; }
|
||||
&.be > a:before, &.be > span:before { background-position: -4224px 0 !important; }
|
||||
&.bn > a:before, &.bn > span:before { background-position: -4056px 0 !important; }
|
||||
&.bs > a:before, &.bs > span:before { background-position: -3984px 0 !important; }
|
||||
&.bg > a:before, &.bg > span:before { background-position: -5040px 0 !important; }
|
||||
&.br > a:before, &.br > span:before { background-position: -2784px 0 !important; }
|
||||
&.my > a:before, &.my > span:before { background-position: -1248px 0 !important; }
|
||||
&.ca > a:before, &.ca > span:before { background-position: -5352px 0 !important; }
|
||||
&.zh > a:before, &.zh > span:before { background-position: -2592px 0 !important; }
|
||||
&.tw > a:before, &.tw > span:before { background-position: -3408px 0 !important; }
|
||||
&.km > a:before, &.km > span:before { background-position: -5160px 0 !important; }
|
||||
&.ny > a:before, &.ny > span:before { background-position: -1392px 0 !important; }
|
||||
&.co > a:before, &.co > span:before { background-position: -2304px 0 !important; }
|
||||
&.hr > a:before, &.hr > span:before { background-position: -4416px 0 !important; }
|
||||
&.cs > a:before, &.cs > span:before { background-position: -2472px 0 !important; }
|
||||
&.da > a:before, &.da > span:before { background-position: -2448px 0 !important; }
|
||||
&.nl > a:before, &.nl > span:before { background-position: -1296px 0 !important; }
|
||||
&.en > a:before, &.en > span:before { background-position: -312px 0 !important; }
|
||||
&.eo > a:before, &.eo > span:before { background-position: -312px 0 !important; } /* TODO */
|
||||
&.et > a:before, &.et > span:before { background-position: -2424px 0 !important; }
|
||||
&.fj > a:before, &.fj > span:before { background-position: -576px 0 !important; }
|
||||
&.fi > a:before, &.fi > span:before { background-position: -2328px 0 !important; }
|
||||
&.fr > a:before, &.fr > span:before { background-position: -2304px 0 !important; }
|
||||
&.gl > a:before, &.gl > span:before { background-position: -5400px 0 !important; }
|
||||
&.ka > a:before, &.ka > span:before { background-position: -3744px 0 !important; }
|
||||
&.de > a:before, &.de > span:before { background-position: -2256px 0 !important; }
|
||||
&.el > a:before, &.el > span:before { background-position: -2208px 0 !important; }
|
||||
&.gu > a:before, &.gu > span:before { background-position: -1728px 0 !important; }
|
||||
&.ht > a:before, &.ht > span:before { background-position: -3528px 0 !important; }
|
||||
&.ha > a:before, &.ha > span:before { background-position: -1176px 0 !important; }
|
||||
&.he > a:before, &.he > span:before { background-position: -1992px 0 !important; }
|
||||
&.hi > a:before, &.hi > span:before { background-position: -1728px 0 !important; }
|
||||
&.hu > a:before, &.hu > span:before { background-position: -2088px 0 !important; }
|
||||
&.is > a:before, &.is > span:before { background-position: -2064px 0 !important; }
|
||||
&.ig > a:before, &.ig > span:before { background-position: -1103px 0 !important; }
|
||||
&.id > a:before, &.id > span:before { background-position: -2040px 0 !important; }
|
||||
&.ga > a:before, &.ga > span:before { background-position: -2016px 0 !important; }
|
||||
&.it > a:before, &.it > span:before { background-position: -1968px 0 !important; }
|
||||
&.ja > a:before, &.ja > span:before { background-position: -1920px 0 !important; }
|
||||
&.jv > a:before, &.jv > span:before { background-position: -1536px 0 !important; }
|
||||
&.kn > a:before, &.kn > span:before { background-position: -1728px 0 !important; }
|
||||
&.kk > a:before, &.kk > span:before { background-position: -1704px 0 !important; }
|
||||
&.ko > a:before, &.ko > span:before { background-position: -1848px 0 !important; }
|
||||
&.ku > a:before, &.ku > span:before { background-position: -2088px 0 !important; }
|
||||
&.ky > a:before, &.ky > span:before { background-position: -1800px 0 !important; }
|
||||
&.lo > a:before, &.lo > span:before { background-position: -1776px 0 !important; }
|
||||
&.la > a:before, &.la > span:before { background-position: -1968px 0 !important; }
|
||||
&.lv > a:before, &.lv > span:before { background-position: -1752px 0 !important; }
|
||||
&.lt > a:before, &.lt > span:before { background-position: -1656px 0 !important; }
|
||||
&.lb > a:before, &.lb > span:before { background-position: -1632px 0 !important; }
|
||||
&.mk > a:before, &.mk > span:before { background-position: -1440px 0 !important; }
|
||||
&.mg > a:before, &.mg > span:before { background-position: -1560px 0 !important; }
|
||||
&.ms > a:before, &.ms > span:before { background-position: -1536px 0 !important; }
|
||||
&.ml > a:before, &.ml > span:before { background-position: -1728px 0 !important; }
|
||||
&.mt > a:before, &.mt > span:before { background-position: -1200px 0 !important; }
|
||||
&.mi > a:before, &.mi > span:before { background-position: -1224px 0 !important; }
|
||||
&.mr > a:before, &.mr > span:before { background-position: -1728px 0 !important; }
|
||||
&.mn > a:before, &.mn > span:before { background-position: -4800px 0 !important; }
|
||||
&.ne > a:before, &.ne > span:before { background-position: -1320px 0 !important; }
|
||||
&.no > a:before, &.no > span:before { background-position: -4776px 0 !important; }
|
||||
&.ps > a:before, &.ps > span:before { background-position: -4008px 0 !important; }
|
||||
&.fa > a:before, &.fa > span:before { background-position: -5088px 0 !important; }
|
||||
&.pl > a:before, &.pl > span:before { background-position: -984px 0 !important; }
|
||||
&.pt > a:before, &.pt > span:before { background-position: -528px 0 !important; }
|
||||
&.pa > a:before, &.pa > span:before { background-position: -1728px 0 !important; }
|
||||
&.ro > a:before, &.ro > span:before { background-position: -960px 0 !important; }
|
||||
&.ru > a:before, &.ru > span:before { background-position: -936px 0 !important; }
|
||||
&.sm > a:before, &.sm > span:before { background-position: -3408px 0 !important; }
|
||||
&.gd > a:before, &.gd > span:before { background-position: -4872px 0 !important; }
|
||||
&.sr > a:before, &.sr > span:before { background-position: -3120px 0 !important; }
|
||||
&.sn > a:before, &.sn > span:before { background-position: -72px 0 !important; }
|
||||
&.sd > a:before, &.sd > span:before { background-position: -1128px 0 !important; }
|
||||
&.si > a:before, &.si > span:before { background-position: -480px 0 !important; }
|
||||
&.sk > a:before, &.sk > span:before { background-position: -4152px 0 !important; }
|
||||
&.sl > a:before, &.sl > span:before { background-position: -696px 0 !important; }
|
||||
&.so > a:before, &.so > span:before { background-position: -3336px 0 !important; }
|
||||
&.st > a:before, &.st > span:before { background-position: -3552px 0 !important; }
|
||||
&.es > a:before, &.es > span:before { background-position: -96px 0 !important; }
|
||||
&.su > a:before, &.su > span:before { background-position: -3312px 0 !important; }
|
||||
&.sw > a:before, &.sw > span:before { background-position: -1872px 0 !important; }
|
||||
&.sv > a:before, &.sv > span:before { background-position: -552px 0 !important; }
|
||||
&.tl > a:before, &.tl > span:before { background-position: -1008px 0 !important; }
|
||||
&.ty > a:before, &.ty > span:before { background-position: -4512px 0 !important; }
|
||||
&.tg > a:before, &.tg > span:before { background-position: -264px 0 !important; }
|
||||
&.ta > a:before, &.ta > span:before { background-position: -1728px 0 !important; }
|
||||
&.tt > a:before, &.tt > span:before { background-position: -936px 0 !important; }
|
||||
&.te > a:before, &.te > span:before { background-position: -1728px 0 !important; }
|
||||
&.th > a:before, &.th > span:before { background-position: -456px 0 !important; }
|
||||
&.to > a:before, &.to > span:before { background-position: -3264px 0 !important; }
|
||||
&.tr > a:before, &.tr > span:before { background-position: -360px 0 !important; }
|
||||
&.uk > a:before, &.uk > span:before { background-position: -288px 0 !important; }
|
||||
&.ur > a:before, &.ur > span:before { background-position: -1128px 0 !important; }
|
||||
&.uz > a:before, &.uz > span:before { background-position: -240px 0 !important; }
|
||||
&.vi > a:before, &.vi > span:before { background-position: -144px 0 !important; }
|
||||
&.cy > a:before, &.cy > span:before { background-position: -4848px 0 !important; }
|
||||
&.fy > a:before, &.fy > span:before { background-position: -1296px 0 !important; }
|
||||
&.xh > a:before, &.xh > span:before { background-position: -4968px 0 !important; }
|
||||
&.yi > a:before, &.yi > span:before { background-position: -1992px 0 !important; }
|
||||
&.yo > a:before, &.yo > span:before { background-position: -1103px 0 !important; }
|
||||
&.zu > a:before, &.zu > span:before { background-position: -4968px 0 !important; }
|
||||
}
|
||||
&.flag-3 {
|
||||
&.hw > a:before, &.hw > span:before { background-position: -2711px 0 !important; }
|
||||
&.fl > a:before, &.fl > span:before { background-position: -5232px 0 !important; }
|
||||
&.af > a:before, &.af > span:before { background-position: -5496px 0 !important; }
|
||||
&.sq > a:before, &.sq > span:before { background-position: -4776px 0 !important; }
|
||||
&.am > a:before, &.am > span:before { background-position: -192px 0 !important; }
|
||||
&.ar > a:before, &.ar > span:before { background-position: -3336px 0 !important; }
|
||||
&.hy > a:before, &.hy > span:before { background-position: -4632px 0 !important; }
|
||||
&.az > a:before, &.az > span:before { background-position: -4536px 0 !important; }
|
||||
&.ba > a:before, &.ba > span:before { background-position: -2664px 0 !important; }
|
||||
&.eu > a:before, &.eu > span:before { background-position: -5808px 0 !important; }
|
||||
&.be > a:before, &.be > span:before { background-position: -144px 0 !important; }
|
||||
&.bn > a:before, &.bn > span:before { background-position: -4488px 0 !important; }
|
||||
&.bs > a:before, &.bs > span:before { background-position: -4392px 0 !important; }
|
||||
&.bg > a:before, &.bg > span:before { background-position: -4296px 0 !important; }
|
||||
&.br > a:before, &.br > span:before { background-position: -4344px 0 !important; }
|
||||
&.my > a:before, &.my > span:before { background-position: -3769px 0 !important; }
|
||||
&.ca > a:before, &.ca > span:before { background-position: -5784px 0 !important; }
|
||||
&.zh > a:before, &.zh > span:before { background-position: -3240px 0 !important; }
|
||||
&.tw > a:before, &.tw > span:before { background-position: -4008px 0 !important; }
|
||||
&.km > a:before, &.km > span:before { background-position: -4201px 0 !important; }
|
||||
&.ny > a:before, &.ny > span:before { background-position: -384px 0 !important; }
|
||||
&.co > a:before, &.co > span:before { background-position: -2760px 0 !important; } /* TODO */
|
||||
&.hr > a:before, &.hr > span:before { background-position: -3048px 0 !important; }
|
||||
&.cs > a:before, &.cs > span:before { background-position: -5280px 0 !important; }
|
||||
&.da > a:before, &.da > span:before { background-position: -3024px 0 !important; }
|
||||
&.nl > a:before, &.nl > span:before { background-position: -3360px 0 !important; }
|
||||
&.en > a:before, &.en > span:before { background-position: -2520px 0 !important; }
|
||||
&.eo > a:before, &.eo > span:before { background-position: -2520px 0 !important; } /* TODO */
|
||||
&.et > a:before, &.et > span:before { background-position: -2856px 0 !important; }
|
||||
&.fj > a:before, &.fj > span:before { background-position: -0px 0 !important; }
|
||||
&.fi > a:before, &.fi > span:before { background-position: -2784px 0 !important; }
|
||||
&.fr > a:before, &.fr > span:before { background-position: -2760px 0 !important; }
|
||||
&.gl > a:before, &.gl > span:before { background-position: -5832px 0 !important; }
|
||||
&.ka > a:before, &.ka > span:before { background-position: -1536px 0 !important; }
|
||||
&.de > a:before, &.de > span:before { background-position: -1488px 0 !important; }
|
||||
&.el > a:before, &.el > span:before { background-position: -1416px 0 !important; }
|
||||
&.gu > a:before, &.gu > span:before { background-position: -2304px 0 !important; }
|
||||
&.ht > a:before, &.ht > span:before { background-position: -5160px 0 !important; }
|
||||
&.ha > a:before, &.ha > span:before { background-position: -361px 0 !important; }
|
||||
&.he > a:before, &.he > span:before { background-position: -1608px 0 !important; }
|
||||
&.hi > a:before, &.hi > span:before { background-position: -2304px 0 !important; }
|
||||
&.hu > a:before, &.hu > span:before { background-position: -1920px 0 !important; }
|
||||
&.is > a:before, &.is > span:before { background-position: -840px 0 !important; }
|
||||
&.ig > a:before, &.ig > span:before { background-position: -3457px 0 !important; }
|
||||
&.id > a:before, &.id > span:before { background-position: -4992px 0 !important; }
|
||||
&.ga > a:before, &.ga > span:before { background-position: -2016px 0 !important; }
|
||||
&.it > a:before, &.it > span:before { background-position: -336px 0 !important; }
|
||||
&.ja > a:before, &.ja > span:before { background-position: -2448px 0 !important; }
|
||||
&.jv > a:before, &.jv > span:before { background-position: -864px 0 !important; }
|
||||
&.kn > a:before, &.kn > span:before { background-position: -2304px 0 !important; }
|
||||
&.kk > a:before, &.kk > span:before { background-position: -3912px 0 !important; }
|
||||
&.ko > a:before, &.ko > span:before { background-position: -2256px 0 !important; }
|
||||
&.ku > a:before, &.ku > span:before { background-position: -1920px 0 !important; }
|
||||
&.ky > a:before, &.ky > span:before { background-position: -744px 0 !important; }
|
||||
&.lo > a:before, &.lo > span:before { background-position: -3816px 0 !important; }
|
||||
&.la > a:before, &.la > span:before { background-position: -336px 0 !important; }
|
||||
&.lv > a:before, &.lv > span:before { background-position: -216px 0 !important; }
|
||||
&.lt > a:before, &.lt > span:before { background-position: -1776px 0 !important; }
|
||||
&.lb > a:before, &.lb > span:before { background-position: -1945px 0 !important; }
|
||||
&.mk > a:before, &.mk > span:before { background-position: -2208px 0 !important; }
|
||||
&.mg > a:before, &.mg > span:before { background-position: -5064px 0 !important; }
|
||||
&.ms > a:before, &.ms > span:before { background-position: -864px 0 !important; }
|
||||
&.ml > a:before, &.ml > span:before { background-position: -2304px 0 !important; }
|
||||
&.mt > a:before, &.mt > span:before { background-position: -4920px 0 !important; }
|
||||
&.mi > a:before, &.mi > span:before { background-position: -2113px 0 !important; }
|
||||
&.mr > a:before, &.mr > span:before { background-position: -2304px 0 !important; }
|
||||
&.mn > a:before, &.mn > span:before { background-position: -24px 0 !important; }
|
||||
&.ne > a:before, &.ne > span:before { background-position: -5642px 0 !important; }
|
||||
&.no > a:before, &.no > span:before { background-position: -984px 0 !important; }
|
||||
&.ps > a:before, &.ps > span:before { background-position: -4753px 0 !important; }
|
||||
&.fa > a:before, &.fa > span:before { background-position: -816px 0 !important; }
|
||||
&.pl > a:before, &.pl > span:before { background-position: -4944px 0 !important; }
|
||||
&.pt > a:before, &.pt > span:before { background-position: -3504px 0 !important; }
|
||||
&.pa > a:before, &.pa > span:before { background-position: -2304px 0 !important; }
|
||||
&.ro > a:before, &.ro > span:before { background-position: -3744px 0 !important; }
|
||||
&.ru > a:before, &.ru > span:before { background-position: -2664px 0 !important; }
|
||||
&.sm > a:before, &.sm > span:before { background-position: -1248px 0 !important; }
|
||||
&.gd > a:before, &.gd > span:before { background-position: -3841px 0 !important; }
|
||||
&.sr > a:before, &.sr > span:before { background-position: -3312px 0 !important; }
|
||||
&.sn > a:before, &.sn > span:before { background-position: -5521px 0 !important; }
|
||||
&.sd > a:before, &.sd > span:before { background-position: -1993px 0 !important; }
|
||||
&.si > a:before, &.si > span:before { background-position: -2833px 0 !important; } /* TODO */
|
||||
&.sk > a:before, &.sk > span:before { background-position: -552px 0 !important; }
|
||||
&.sl > a:before, &.sl > span:before { background-position: -936px 0 !important; }
|
||||
&.so > a:before, &.so > span:before { background-position: -4032px 0 !important; }
|
||||
&.st > a:before, &.st > span:before { background-position: -3961px 0 !important; }
|
||||
&.es > a:before, &.es > span:before { background-position: -3576px 0 !important; }
|
||||
&.su > a:before, &.su > span:before { background-position: -3985px 0 !important; }
|
||||
&.sw > a:before, &.sw > span:before { background-position: -912px 0 !important; }
|
||||
&.sv > a:before, &.sv > span:before { background-position: -264px 0 !important; }
|
||||
&.tl > a:before, &.tl > span:before { background-position: -5232px 0 !important; }
|
||||
&.ty > a:before, &.ty > span:before { background-position: -1512px 0 !important; }
|
||||
&.tg > a:before, &.tg > span:before { background-position: -3720px 0 !important; }
|
||||
&.ta > a:before, &.ta > span:before { background-position: -2304px 0 !important; }
|
||||
&.tt > a:before, &.tt > span:before { background-position: -2664px 0 !important; }
|
||||
&.te > a:before, &.te > span:before { background-position: -2304px 0 !important; }
|
||||
&.th > a:before, &.th > span:before { background-position: -4848px 0 !important; }
|
||||
&.to > a:before, &.to > span:before { background-position: -1680px 0 !important; }
|
||||
&.tr > a:before, &.tr > span:before { background-position: -432px 0 !important; }
|
||||
&.uk > a:before, &.uk > span:before { background-position: -5736px 0 !important; }
|
||||
&.ur > a:before, &.ur > span:before { background-position: -1992px 0 !important; }
|
||||
&.uz > a:before, &.uz > span:before { background-position: -2160px 0 !important; }
|
||||
&.vi > a:before, &.vi > span:before { background-position: -3384px 0 !important; }
|
||||
&.cy > a:before, &.cy > span:before { background-position: -5040px 0 !important; }
|
||||
&.fy > a:before, &.fy > span:before { background-position: -3360px 0 !important; }
|
||||
&.xh > a:before, &.xh > span:before { background-position: -5496px 0 !important; }
|
||||
&.yi > a:before, &.yi > span:before { background-position: -1608px 0 !important; }
|
||||
&.yo > a:before, &.yo > span:before { background-position: -3457px 0 !important; }
|
||||
&.zu > a:before, &.zu > span:before { background-position: -5496px 0 !important; }
|
||||
}
|
||||
}
|
||||
535
wp-content/plugins/weglot/app/styles/admin.scss
Normal file
535
wp-content/plugins/weglot/app/styles/admin.scss
Normal file
@@ -0,0 +1,535 @@
|
||||
@import "_colors.scss";
|
||||
@import "selectize.css";
|
||||
|
||||
$wp-color-red: #dc3232; // RGB(220,50,50)
|
||||
$wp-color-green: #46b450; // RGB(70, 180, 80)
|
||||
|
||||
#custom_flag_tips{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#weglot-url-translate,
|
||||
#wrap-weglot {
|
||||
/* Code Editor */
|
||||
.CodeMirror-placeholder {
|
||||
color: #c0c0c0;
|
||||
}
|
||||
|
||||
.CodeMirror-wrap {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #c0c0c0;
|
||||
width: 100%;
|
||||
max-width: 550px;
|
||||
height: 200px;
|
||||
}
|
||||
/* End Code Editor */
|
||||
|
||||
.weglot__choice__language {
|
||||
border-bottom: 1px solid #eee;
|
||||
margin: 5px 0;
|
||||
|
||||
&--local {
|
||||
border-width: 50px;
|
||||
color: #a6a6a6;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
p.weglot-keyres {
|
||||
font-style: italic;
|
||||
color: #ff6464;
|
||||
}
|
||||
|
||||
.weglot_text_error {
|
||||
color: $wp-color-red;
|
||||
}
|
||||
|
||||
.weglot_reset {
|
||||
text-decoration: underline;
|
||||
font-style: italic;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
background: $primary;
|
||||
display: inline-block;
|
||||
padding: 8px 10px;
|
||||
border-radius: 4px;
|
||||
transition: 0.2s background linear, 0.2s color linear,
|
||||
0.2s border linear, 0.2s text-shadow linear;
|
||||
outline: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
box-shadow: none;
|
||||
white-space: nowrap;
|
||||
color: white;
|
||||
border: 1px solid $primary;
|
||||
|
||||
&.btn-soft {
|
||||
background-color: #fff;
|
||||
color: $textColor;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #7e8993;
|
||||
line-height: 1.4em;
|
||||
|
||||
&.disable-btn{
|
||||
background: #eaeaea;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-primary {
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
border-color: $primaryHover;
|
||||
background-color: $primaryHover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.js-btn-remove {
|
||||
border: none;
|
||||
background-color: #e35b5b;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
transform: translateY(-5%);
|
||||
transition: opacity 175ms linear;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
margin: 4px 0;
|
||||
vertical-align: middle;
|
||||
|
||||
&:hover {
|
||||
background-color: #c62d2d;
|
||||
}
|
||||
}
|
||||
|
||||
.item-exclude {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&::-webkit-input-placeholder,
|
||||
&:-moz-placeholder,
|
||||
&::-moz-placeholder,
|
||||
&:-ms-input-placeholder {
|
||||
color: #c0c0c0;
|
||||
}
|
||||
|
||||
.sub-label {
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
margin: 2px 0 0;
|
||||
color: #444;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.weglot-select-original {
|
||||
height: 36px !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.original-select,
|
||||
#type_flags {
|
||||
padding: 8px;
|
||||
height: 36px !important;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#type_flags {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.selectize-control.multi .selectize-input {
|
||||
border: 1px solid #7e8993;
|
||||
border-radius: 4px;
|
||||
box-shadow: unset;
|
||||
|
||||
& > div {
|
||||
background-color: #eff0ff;
|
||||
border: 1px solid #7e8993;
|
||||
border-radius: 2px;
|
||||
|
||||
.remove {
|
||||
border-left-color: #7e8993;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wg-input-textarea {
|
||||
padding: 8px;
|
||||
|
||||
&::placeholder {
|
||||
color: #c0c0c0;
|
||||
}
|
||||
}
|
||||
|
||||
.weglot-select.weglot-select-original,
|
||||
input[type="text"],
|
||||
textarea,
|
||||
select,
|
||||
#type_flags {
|
||||
padding: 0 8px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #7e8993;
|
||||
|
||||
&:focus {
|
||||
border-color: $primaryHover !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.weglot-info {
|
||||
position: relative;
|
||||
color: #3741cc;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
.wg-tooltip {
|
||||
line-height: 1.4;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
display: block !important;
|
||||
background-color: #24292d;
|
||||
width: 160px;
|
||||
padding: 10px;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
border: 1px solid #e0e0e0;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.weglot-box-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
z-index: 9999;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.weglot-box {
|
||||
background-color: #fff;
|
||||
padding: 25px;
|
||||
text-align: center;
|
||||
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
|
||||
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
|
||||
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
|
||||
|
||||
&--title {
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
&--text {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
&--subtext {
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.weglot-btn-close {
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.flag-style-openclose {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
text-decoration: underline;
|
||||
cursor: default;
|
||||
margin: 12px 15px 0 10px;
|
||||
color: $wp-color-green;
|
||||
|
||||
&:hover {
|
||||
color: #399648;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.flag-style-wrapper {
|
||||
padding: 15px 0px;
|
||||
|
||||
p {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 12px;
|
||||
margin: 0 2px 6px 0;
|
||||
padding: 0 26px 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#private_mode {
|
||||
+ p + div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:checked + p + div {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#private-mode-detail {
|
||||
margin-top: 20px;
|
||||
|
||||
.private-mode-detail-lang {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 25px;
|
||||
|
||||
input[type="checkbox"] {
|
||||
margin-top: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wrap-weglot {
|
||||
display: flex;
|
||||
margin-left: 15px;
|
||||
|
||||
.wrap {
|
||||
flex: 4;
|
||||
&.wrap-left{
|
||||
flex: 2;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"]:not(#destination_language-selectized),
|
||||
input[type="url"] {
|
||||
padding: 0 8px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
select {
|
||||
height: 36px;
|
||||
vertical-align: top;
|
||||
border-radius: 4px;
|
||||
padding: 0 26px 0 8px;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.weglot-ckeckkey:before {
|
||||
content: "↻";
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
padding: 0 6px 0 0;
|
||||
font-size: 16px;
|
||||
padding: 0 10px;
|
||||
line-height: 1em;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% {-webkit-transform: rotate(0deg);}
|
||||
100% {-webkit-transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
.weglot-nokkey:before {
|
||||
content: "\274C";
|
||||
display: inline-block;
|
||||
color: $wp-color-red;
|
||||
padding: 0 6px 0 0;
|
||||
font-size: 15px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.weglot-okkey:before {
|
||||
content: "\2713";
|
||||
display: inline-block;
|
||||
color: $wp-color-green;
|
||||
padding: 0 10px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.weglot-infobox {
|
||||
|
||||
&.weglot-info-translation-box{
|
||||
position: sticky;
|
||||
top: 275px;
|
||||
}
|
||||
&.weglot-wp-menu{
|
||||
position: sticky;
|
||||
top: 40px;
|
||||
a{
|
||||
text-decoration: none;
|
||||
&:focus{
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
flex: 2;
|
||||
align-self: start;
|
||||
margin: 10px 20px 0 2px;
|
||||
background-color: white;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
h3 {
|
||||
color: rgb(24, 22, 76);
|
||||
background-color: white;
|
||||
padding: 30px 30px 0 30px;
|
||||
margin: 0px;
|
||||
font-size: 23px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
div {
|
||||
padding: 15px 30px 5px 30px;
|
||||
}
|
||||
|
||||
.weglot-editbtn {
|
||||
box-shadow: 0 2px 4px 0 rgba(1, 1, 2, 0.05);
|
||||
background-color: rgb(61, 70, 251);
|
||||
color: #fff;
|
||||
height: 45px;
|
||||
border-radius: 23px;
|
||||
line-height: 45px;
|
||||
font-size: 14px !important;
|
||||
text-decoration: none;
|
||||
padding: 0 30px;
|
||||
display: inline-block;
|
||||
transition: all 0.2s ease-in;
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
background: rgb(37, 46, 215);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
.selectize-control,
|
||||
.wg-input-textarea,
|
||||
.weglot-select-original {
|
||||
width: 100%;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
#submit {
|
||||
height: 50px;
|
||||
padding: 0 30px !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.description {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.wg-tooltip {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mainform {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.arrow-up {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-bottom: 10px solid #24292d;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.question-icon {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.form-table {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.country-selector {
|
||||
z-index: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#weglot-url-translate {
|
||||
.weglot_custom_url {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
a {
|
||||
margin: 5px 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&--text_link {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.weglot_custom_url--text_link {
|
||||
input[type="text"] {
|
||||
min-height: 24px !important;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-top: -2px;
|
||||
font-size: 11px;
|
||||
padding: 0 8px;
|
||||
|
||||
&.button-weglot-lang {
|
||||
.dashicons {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
margin-right: -3px;
|
||||
margin-left: -4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.weglot_reset {
|
||||
text-decoration: none;
|
||||
|
||||
&:link,
|
||||
&:visited,
|
||||
&:hover,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
246
wp-content/plugins/weglot/app/styles/amp.scss
Normal file
246
wp-content/plugins/weglot/app/styles/amp.scss
Normal file
@@ -0,0 +1,246 @@
|
||||
@import "_colors.scss";
|
||||
$heightSelector: 37px;
|
||||
$lineHeight: 36px;
|
||||
|
||||
.country-selector {
|
||||
z-index: 9999;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
|
||||
a {
|
||||
padding: 0 10px;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
float: none;
|
||||
white-space: nowrap;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
user-select: none;
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0px;
|
||||
z-index: 1010;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
&.weglot-dropdown {
|
||||
background-color: white;
|
||||
|
||||
a,
|
||||
span {
|
||||
display: block;
|
||||
height: $heightSelector;
|
||||
line-height: $lineHeight;
|
||||
font-size: 13px;
|
||||
padding: 0 10px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: normal;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.wgcurrent {
|
||||
border: 1px solid #e0e0e0;
|
||||
list-style: none;
|
||||
display: block;
|
||||
margin: 0;
|
||||
a,
|
||||
span {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 8px;
|
||||
width: 13px;
|
||||
height: 7px;
|
||||
image-rendering: pixelated;
|
||||
background: url("../images/wgarrowdown.png") no-repeat;
|
||||
content: "";
|
||||
transition: all 200ms;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
border: 1px solid #ebeef0;
|
||||
background: white;
|
||||
left: 0;
|
||||
top: initial;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input:checked ~ ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input:checked ~ .wgcurrent:after {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.weglot-invert {
|
||||
ul {
|
||||
bottom: 38px;
|
||||
}
|
||||
input:checked ~ .wgcurrent:after {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.weglot-default {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
&.weglot-inline {
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
color: #00a0d2;
|
||||
}
|
||||
}
|
||||
|
||||
.wgcurrent {
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
margin: 2px 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.weglot-default {
|
||||
bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-nav {
|
||||
li.weglot-flags {
|
||||
a.weglot-lang {
|
||||
&:before {
|
||||
position: static;
|
||||
transform: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html[dir="rtl"] {
|
||||
.weglot-flags a:before,
|
||||
.weglot-flags span:before {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.weglot-flags {
|
||||
a,
|
||||
span.wglanguage-name {
|
||||
&:before {
|
||||
background-image: url("../images/rect_mate.png");
|
||||
background-size: auto 20px;
|
||||
border-radius: 0px;
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
&.flag-1 {
|
||||
a,
|
||||
span {
|
||||
&:before {
|
||||
background-image: url("../images/rect_bright.png");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.flag-2 {
|
||||
a,
|
||||
span {
|
||||
&:before {
|
||||
background-image: url("../images/square_flag.png");
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-size: auto 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.flag-3 {
|
||||
a,
|
||||
span {
|
||||
&:before {
|
||||
background-image: url("../images/circular_flag.png");
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-size: auto 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
span:before {
|
||||
background-image: none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
span {
|
||||
a:before {
|
||||
background-image: none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
271
wp-content/plugins/weglot/app/styles/index.scss
Normal file
271
wp-content/plugins/weglot/app/styles/index.scss
Normal file
@@ -0,0 +1,271 @@
|
||||
@import "_colors.scss";
|
||||
@import "_flags.scss";
|
||||
$heightSelector: 37px;
|
||||
$lineHeight: 36px;
|
||||
|
||||
#wp-admin-bar-weglot {
|
||||
> .ab-item {
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZyBmaWxsPSIjYTBhNWFhIj48cGF0aCBkPSJNMjEuNzM5IDkyLjU2NWw1MS44MjggMTI5LjczMiAyMy42Ni02MC4yNzkgMjQuMTQ0IDYwLjI3OUwxNzMuMiA5Mi41NjVoLTI4LjAwN2wtMjMuODIyIDU4Ljc1LTIzLjkwMi01OC43NS0yMy45MDIgNTguNzUtMjMuOTAyLTU4Ljc1SDIxLjczOXoiLz48cGF0aCBkPSJNMjEwLjAwNiA5Mi43MWMtMTcuODY2IDAtMzMuMTU3IDYuMzU4LTQ1Ljg3MyAxOS4wNzQtMTIuNzE1IDEyLjcxNi0xOC45OTMgMjguMDA2LTE4Ljk5MyA0NS43OTIgMCAxNy44NjcgNi4yNzggMzMuMTU4IDE4Ljk5MyA0NS44NzMgMTIuNzE2IDEyLjcxNiAyOC4wMDcgMTguOTkzIDQ1Ljg3MyAxOC45OTMgMTcuNzg2IDAgMzMuMDc3LTYuMjc3IDQ1Ljc5My0xOC45OTMgMTIuNzE1LTEyLjcxNSAxOS4wNzMtMjguMDA2IDE5LjA3My00NS44NzMgMC00LjUwNy0uNDgzLTguODUyLTEuMjg4LTEyLjk1N2gtNjMuNTc4djI1LjkxNGgzNi42OTljLTIuNzM3IDcuNTY1LTcuNDg1IDEzLjg0My0xNC4wODQgMTguNjcxLTYuNjggNC44My0xNC4yNDUgNy4yNDQtMjIuNjE1IDcuMjQ0LTEwLjc4NCAwLTE5Ljk1OC0zLjc4My0yNy41MjMtMTEuMzQ4LTcuNTY2LTcuNTY1LTExLjM0OC0xNi43NC0xMS4zNDgtMjcuNTI0IDAtMTAuNjIzIDMuNzgyLTE5Ljc5OCAxMS4zNDgtMjcuNDQzIDcuNTY1LTcuNjQ1IDE2Ljc0LTExLjUwOCAyNy41MjMtMTEuNTA4IDEwLjYyMyAwIDE5Ljc5OCAzLjg2MyAyNy41MjQgMTEuNDI4bDE4LjM1LTE4LjM1YTY3Ljk2MyA2Ny45NjMgMCAwMC0yMC43NjQtMTMuODQyYy03Ljg4Ny0zLjM4LTE2LjI1Ny01LjE1LTI1LjExLTUuMTV6Ii8+PC9nPjwvc3ZnPg==") !important;
|
||||
background-size: 22px auto !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: 4px 5px !important;
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
li.weglot-hide,
|
||||
.weglot-hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.country-selector {
|
||||
z-index: 9999;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
|
||||
a {
|
||||
padding: 0 10px;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
float: none !important;
|
||||
white-space: nowrap;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
-webkit-touch-callout: none; /* iOS Safari */
|
||||
user-select: none;
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0px;
|
||||
z-index: 1010;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
&.weglot-custom-switcher-ajax{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.weglot-dropdown {
|
||||
background-color: white;
|
||||
|
||||
a,
|
||||
span {
|
||||
display: block;
|
||||
height: $heightSelector;
|
||||
line-height: $lineHeight;
|
||||
font-size: 13px;
|
||||
padding: 0 10px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: normal;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.wgcurrent {
|
||||
border: 1px solid #e0e0e0;
|
||||
list-style: none;
|
||||
display: block;
|
||||
margin: 0;
|
||||
a,
|
||||
span {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 8px;
|
||||
width: 13px;
|
||||
height: 7px;
|
||||
image-rendering: pixelated;
|
||||
background: url("../images/wgarrowdown.png") no-repeat;
|
||||
content: "";
|
||||
transition: all 200ms;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
border: 1px solid #ebeef0;
|
||||
background: white;
|
||||
left: 0;
|
||||
top: initial;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input:checked ~ ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input:checked ~ .wgcurrent:after {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.weglot-invert {
|
||||
ul {
|
||||
bottom: 38px;
|
||||
}
|
||||
input:checked ~ .wgcurrent:after {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.weglot-default {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
&.weglot-inline {
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
color: #00a0d2;
|
||||
}
|
||||
}
|
||||
|
||||
.wgcurrent {
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1 !important;
|
||||
display: inline-block;
|
||||
margin: 2px 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.weglot-default {
|
||||
bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-nav {
|
||||
li.weglot-flags {
|
||||
a.weglot-lang {
|
||||
&:before {
|
||||
position: static;
|
||||
transform: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.js .main-navigation .country-selector ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] {
|
||||
.weglot-flags a:before,
|
||||
.weglot-flags span:before {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.weglot-flags {
|
||||
> a,
|
||||
> span.wglanguage-name {
|
||||
&:before {
|
||||
background-image: url("../images/rect_mate.png");
|
||||
background-size: auto 20px !important;
|
||||
border-radius: 0px !important;
|
||||
width: 30px !important;
|
||||
height: 20px !important;
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
&.flag-1 {
|
||||
> a,
|
||||
> span {
|
||||
&:before {
|
||||
background-image: url("../images/rect_bright.png");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.flag-2 {
|
||||
> a,
|
||||
> span {
|
||||
&:before {
|
||||
background-image: url("../images/square_flag.png");
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
background-size: auto 24px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.flag-3 {
|
||||
a,
|
||||
span {
|
||||
&:before {
|
||||
background-image: url("../images/circular_flag.png");
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
background-size: auto 24px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
span:before {
|
||||
background-image: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
> span {
|
||||
a:before {
|
||||
background-image: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
1
wp-content/plugins/weglot/app/styles/new-flags.css
Normal file
1
wp-content/plugins/weglot/app/styles/new-flags.css
Normal file
File diff suppressed because one or more lines are too long
324
wp-content/plugins/weglot/app/styles/selectize.css
Normal file
324
wp-content/plugins/weglot/app/styles/selectize.css
Normal file
@@ -0,0 +1,324 @@
|
||||
/**
|
||||
* selectize.css (v0.12.4)
|
||||
* Copyright (c) 2013–2015 Brian Reavis & contributors
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
|
||||
* file except in compliance with the License. You may obtain a copy of the License at:
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software distributed under
|
||||
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
|
||||
* ANY KIND, either express or implied. See the License for the specific language
|
||||
* governing permissions and limitations under the License.
|
||||
*
|
||||
* @author Brian Reavis <brian@thirdroute.com>
|
||||
*/
|
||||
|
||||
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
|
||||
visibility: visible !important;
|
||||
background: #f2f2f2 !important;
|
||||
background: rgba(0, 0, 0, 0.06) !important;
|
||||
border: 0 none !important;
|
||||
-webkit-box-shadow: inset 0 0 12px 4px #ffffff;
|
||||
box-shadow: inset 0 0 12px 4px #ffffff;
|
||||
}
|
||||
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
|
||||
content: '!';
|
||||
visibility: hidden;
|
||||
}
|
||||
.selectize-control.plugin-drag_drop .ui-sortable-helper {
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.selectize-dropdown-header {
|
||||
position: relative;
|
||||
padding: 5px 8px;
|
||||
border-bottom: 1px solid #d0d0d0;
|
||||
background: #f8f8f8;
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.selectize-dropdown-header-close {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
color: #303030;
|
||||
opacity: 0.4;
|
||||
margin-top: -12px;
|
||||
line-height: 20px;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.selectize-dropdown-header-close:hover {
|
||||
color: #000000;
|
||||
}
|
||||
.selectize-dropdown.plugin-optgroup_columns .optgroup {
|
||||
border-right: 1px solid #f2f2f2;
|
||||
border-top: 0 none;
|
||||
float: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
|
||||
border-right: 0 none;
|
||||
}
|
||||
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
|
||||
display: none;
|
||||
}
|
||||
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
|
||||
border-top: 0 none;
|
||||
}
|
||||
.selectize-control.plugin-remove_button [data-value] {
|
||||
position: relative;
|
||||
padding-right: 24px !important;
|
||||
}
|
||||
.selectize-control.plugin-remove_button [data-value] .remove {
|
||||
z-index: 1;
|
||||
/* fixes ie bug (see #392) */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 17px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
padding: 2px 0 0 0;
|
||||
border-left: 1px solid #d0d0d0;
|
||||
-webkit-border-radius: 0 2px 2px 0;
|
||||
-moz-border-radius: 0 2px 2px 0;
|
||||
border-radius: 0 2px 2px 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.selectize-control.plugin-remove_button [data-value] .remove:hover {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.selectize-control.plugin-remove_button [data-value].active .remove {
|
||||
border-left-color: #cacaca;
|
||||
}
|
||||
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
|
||||
background: none;
|
||||
}
|
||||
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
|
||||
border-left-color: #ffffff;
|
||||
}
|
||||
.selectize-control.plugin-remove_button .remove-single {
|
||||
position: absolute;
|
||||
right: 28px;
|
||||
top: 6px;
|
||||
font-size: 23px;
|
||||
}
|
||||
.selectize-control {
|
||||
position: relative;
|
||||
}
|
||||
.selectize-dropdown,
|
||||
.selectize-input,
|
||||
.selectize-input input {
|
||||
color: #303030;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
-webkit-font-smoothing: inherit;
|
||||
}
|
||||
.selectize-input,
|
||||
.selectize-control.single .selectize-input.input-active {
|
||||
background: #ffffff;
|
||||
cursor: text;
|
||||
display: inline-block;
|
||||
}
|
||||
.selectize-input {
|
||||
border: 1px solid #d0d0d0;
|
||||
padding: 8px 8px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.selectize-control.multi .selectize-input.has-items {
|
||||
padding: 6px 8px 3px;
|
||||
}
|
||||
.selectize-input.full {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.selectize-input.disabled,
|
||||
.selectize-input.disabled * {
|
||||
cursor: default !important;
|
||||
}
|
||||
.selectize-input.focus {
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.selectize-input.dropdown-active {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.selectize-input > * {
|
||||
vertical-align: baseline;
|
||||
display: -moz-inline-stack;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.selectize-control.multi .selectize-input > div {
|
||||
cursor: pointer;
|
||||
margin: 0 3px 3px 0;
|
||||
padding: 2px 6px;
|
||||
background: #f2f2f2;
|
||||
color: #303030;
|
||||
border: 0 solid #d0d0d0;
|
||||
}
|
||||
.selectize-control.multi .selectize-input > div.active {
|
||||
background: #e8e8e8;
|
||||
color: #303030;
|
||||
border: 0 solid #cacaca;
|
||||
}
|
||||
.selectize-control.multi .selectize-input.disabled > div,
|
||||
.selectize-control.multi .selectize-input.disabled > div.active {
|
||||
color: #7d7d7d;
|
||||
background: #ffffff;
|
||||
border: 0 solid #ffffff;
|
||||
}
|
||||
.selectize-input > input {
|
||||
display: inline-block !important;
|
||||
padding: 0 !important;
|
||||
min-height: 0 !important;
|
||||
max-height: none !important;
|
||||
max-width: 100% !important;
|
||||
margin: 0 2px 0 0 !important;
|
||||
text-indent: 0 !important;
|
||||
border: 0 none !important;
|
||||
background: none !important;
|
||||
line-height: inherit !important;
|
||||
-webkit-user-select: auto !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.selectize-input > input::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.selectize-input > input:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.selectize-input::after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
clear: left;
|
||||
}
|
||||
.selectize-input.dropdown-active::before {
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #f0f0f0;
|
||||
height: 1px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.selectize-dropdown {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
border: 1px solid #d0d0d0;
|
||||
background: #ffffff;
|
||||
margin: -1px 0 0 0;
|
||||
border-top: 0 none;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
-webkit-border-radius: 0 0 3px 3px;
|
||||
-moz-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.selectize-dropdown [data-selectable] {
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
.selectize-dropdown [data-selectable] .highlight {
|
||||
background: rgba(125, 168, 208, 0.2);
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
.selectize-dropdown [data-selectable],
|
||||
.selectize-dropdown .optgroup-header {
|
||||
padding: 5px 8px;
|
||||
}
|
||||
.selectize-dropdown .optgroup:first-child .optgroup-header {
|
||||
border-top: 0 none;
|
||||
}
|
||||
.selectize-dropdown .optgroup-header {
|
||||
color: #303030;
|
||||
background: #ffffff;
|
||||
cursor: default;
|
||||
}
|
||||
.selectize-dropdown .active {
|
||||
background-color: #f5fafd;
|
||||
color: #495c68;
|
||||
}
|
||||
.selectize-dropdown .active.create {
|
||||
color: #495c68;
|
||||
}
|
||||
.selectize-dropdown .create {
|
||||
color: rgba(48, 48, 48, 0.5);
|
||||
}
|
||||
.selectize-dropdown-content {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
max-height: 200px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.selectize-control.single .selectize-input,
|
||||
.selectize-control.single .selectize-input input {
|
||||
cursor: pointer;
|
||||
}
|
||||
.selectize-control.single .selectize-input.input-active,
|
||||
.selectize-control.single .selectize-input.input-active input {
|
||||
cursor: text;
|
||||
}
|
||||
.selectize-control.single .selectize-input:after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
margin-top: -3px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-color: #808080 transparent transparent transparent;
|
||||
}
|
||||
.selectize-control.single .selectize-input.dropdown-active:after {
|
||||
margin-top: -4px;
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-color: transparent transparent #808080 transparent;
|
||||
}
|
||||
.selectize-control.rtl.single .selectize-input:after {
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
.selectize-control.rtl .selectize-input > input {
|
||||
margin: 0 4px 0 -2px !important;
|
||||
}
|
||||
.selectize-control .selectize-input.disabled {
|
||||
opacity: 0.5;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
Reference in New Issue
Block a user