From ae728d8fb6a3d1fa5be542690b04ab5872edbd4f Mon Sep 17 00:00:00 2001 From: fvanroie Date: Wed, 4 May 2022 20:50:14 +0200 Subject: [PATCH] Fix CSS SVG icons --- data/style.css | 275 +--------------------------------------------- data/style.css.gz | Bin 1332 -> 1341 bytes 2 files changed, 1 insertion(+), 274 deletions(-) diff --git a/data/style.css b/data/style.css index 18d4a533..32b49f14 100644 --- a/data/style.css +++ b/data/style.css @@ -1,274 +1 @@ -:root { - --star: url('data:image/svg+xml,'); - --trash: url('data:image/svg+xml,') -} - -a.foot:link, -a.foot:visited { - color: var(--footfg) -} - -input:not([type=file]) { - background-color: var(--fldbg); - color: var(--fldfg) -} - -input[type=checkbox], -input[type=radio] { - width: 1em -} - -input[type=color] { - width: 30%; - padding: 5px -} - -select { - background-color: var(--fldbg); - color: var(--fldfg) -} - -input:invalid { - border: 1px solid var(--fldred) -} - -body { - font-family: verdana; - margin: auto; - background: var(--bg); - color: var(--txt) -} - -.c, -body { - text-align: center -} - -.clear { - clear: both -} - -.foot { - background-color: transparent!important; - all: revert; - float: right; - margin: 0; - font-size: .6em -} - -#doc>a.red, -button.red { - background-color: var(--btnred) -} - -#doc>a.red:focus, -#doc>a.red:hover, -button.red:focus, -button.red:hover { - background-color: var(--btnredhi) -} - -#doc { - text-align: left; - margin: 0 auto; - display: inline-block; - color: var(--txt); - width: 80%; - min-width: 300px; - max-width: 600px; - display: table -} - -td { - font-size: .87rem; - padding-bottom: 0; - padding-top: 0 -} - -th { - padding-top: .5em -} - -* { - box-sizing: border-box -} - -input, -select, -textarea { - width: 100%; - padding: 12px; - border: 1px solid #ccc; - border-radius: .6rem; - resize: vertical -} - -label { - padding: 12px 18px 12px 0; - display: inline-block -} - -.required { - background-image: var(--star); - background-size: 1.5em 1.5em; - background-position: right; - background-repeat: no-repeat -} - -.edit:before { - content: "\0000a0" -} - -.edit { - background-image: var(--edit); - background-size: 1.5em 1.5em; - background-position: left; - background-repeat: no-repeat; - width: 1.5em; - display: inline-block; - text-decoration: none -} - -.trash:before { - content: "\0000a0" -} - -.trash { - background-image: var(--trash); - background-size: 1.5em 1.5em; - background-position: left; - background-repeat: no-repeat; - width: 1.5em; - display: inline-block; - text-decoration: none -} - -#doc>a, -.dist>a, -button, -input[type=submit] { - padding: 12px; - border: 1px solid var(--btnbrd); - border-radius: .6rem; - background-color: var(--btnbg); - color: var(--btnfg); - font-size: 1rem; - width: 100%; - margin: 12px 0; - display: flex; - align-items: center; - justify-content: center; - text-align: center; - text-decoration: none -} - -#doc>a:hover, -.dist>a:hover, -button:hover, -input[type=submit]:hover { - background-color: var(--btnbghi) -} - -.container { - background-color: var(--grpbg); - color: var(--grpfg); - border-radius: .6rem; - padding: 10px; - margin: 20px 0 -} - -.dist { - display: flex; - justify-content: space-between; - width: 100% -} - -.dist>a { - flex-grow: 1; - margin: 0 6px -} - -.dist>a:first-child { - margin-left: 0 -} - -.dist>a:last-child { - margin-right: 0 -} - -.col-25 { - float: left; - width: 25%; - text-align: right; - margin: 0 -} - -.col-75 { - margin: 0; - float: left; - width: 75% -} - -.row:after { - content: ""; - display: table; - clear: both -} - -.row { - font-size: .833rem; - margin: 5px -} - -.gap, -.row:last-of-type { - margin: 5px 5px 20px -} - -.error, -.info, -.success, -.validation, -.warning { - border: 1px solid; - margin: 10px auto; - padding: 15px 10px 15px 50px; - background-repeat: no-repeat; - background-position: 10px center; - max-width: 500px -} - -.info { - color: #00529B; - background-color: #BDE5F8 -} - -.success { - color: #4F8A10; - background-color: #DFF2BF -} - -.warning { - color: #9F6000; - background-color: #FEEFB3 -} - -.error { - color: #D8000C; - background-color: #FFD2D2 -} - -@media screen and (max-width:800px) { - .col-25, - .col-75, - input[type=submit] { - width: 100%; - margin-top: 0 - } - .col-25 { - text-align: left - } - label { - padding: 5px 18px 5px 0 - } -} \ No newline at end of file +:root{--star: url('data:image/svg xml,');--trash: url('data:image/svg+xml,')}a.foot:link,a.foot:visited{color: var(--footfg)}input:not([type=file]){background-color: var(--fldbg);color: var(--fldfg)}input[type=checkbox],input[type=radio]{width: 1em}input[type=color]{width: 30%;padding: 5px}select{background-color: var(--fldbg);color: var(--fldfg)}input:invalid{border: 1px solid var(--fldred)}body{font-family: verdana;margin: auto;background: var(--bg);color: var(--txt)}.c,body{text-align: center}.clear{clear: both}.foot{background-color: transparent!important;all: revert;float: right;margin: 0;font-size: .6em}#doc>a.red,button.red{background-color: var(--btnred)}#doc>a.red:focus,#doc>a.red:hover,button.red:focus,button.red:hover{background-color: var(--btnredhi)}#doc{text-align: left;margin: 0 auto;display: inline-block;color: var(--txt);width: 80%;min-width: 300px;max-width: 600px;display: table}td{font-size: .87rem;padding-bottom: 0;padding-top: 0}th{padding-top: .5em}*{box-sizing: border-box}input,select,textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: .6rem;resize: vertical}label{padding: 12px 18px 12px 0;display: inline-block}.required{background-image: var(--star);background-size: 1.5em 1.5em;background-position: right;background-repeat: no-repeat}.edit:before{content: "\0000a0"}.edit{background-image: var(--edit);background-size: 1.5em 1.5em;background-position: left;background-repeat: no-repeat;width: 1.5em;display: inline-block;text-decoration: none}.trash:before{content: "\0000a0"}.trash{background-image: var(--trash);background-size: 1.5em 1.5em;background-position: left;background-repeat: no-repeat;width: 1.5em;display: inline-block;text-decoration: none}#doc>a,.dist>a,button,input[type=submit]{padding: 12px;border: 1px solid var(--btnbrd);border-radius: .6rem;background-color: var(--btnbg);color: var(--btnfg);font-size: 1rem;width: 100%;margin: 12px 0;display: flex;align-items: center;justify-content: center;text-align: center;text-decoration: none}#doc>a:hover,.dist>a:hover,button:hover,input[type=submit]:hover{background-color: var(--btnbghi)}.container{background-color: var(--grpbg);color: var(--grpfg);border-radius: .6rem;padding: 10px;margin: 20px 0}.dist{display: flex;justify-content: space-between;width: 100%}.dist>a{flex-grow: 1;margin: 0 6px}.dist>a:first-child{margin-left: 0}.dist>a:last-child{margin-right: 0}.col-25{float: left;width: 25%;text-align: right;margin: 0}.col-75{margin: 0;float: left;width: 75%}.row:after{content: "";display: table;clear: both}.row{font-size: .833rem;margin: 5px}.gap,.row:last-of-type{margin: 5px 5px 20px}.error,.info,.success,.validation,.warning{border: 1px solid;margin: 10px auto;padding: 15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;max-width: 500px}.info{color: #00529B;background-color: #BDE5F8}.success{color: #4F8A10;background-color: #DFF2BF}.warning{color: #9F6000;background-color: #FEEFB3}.error{color: #D8000C;background-color: #FFD2D2}@media screen and (max-width:800px){.col-25,.col-75,input[type=submit]{width: 100%;margin-top: 0}.col-25{text-align: left}label{padding: 5px 18px 5px 0}} \ No newline at end of file diff --git a/data/style.css.gz b/data/style.css.gz index e432b8bc1878cc246f44d514ff5fd0afe0d38ba1..5b0f1f1fa496877e2ce17668c890aa3f3cc6a365 100644 GIT binary patch literal 1341 zcmV-D1;Y9tiwFpS%5q`?0CRMCY-KKEb8`UAR!fu9Fbw`HCJY0GIGd!KK2pl??CgbW z4?GS|;-rSe4vtH^Wb)sU^DgZ!3|!dhwvH^x(&tZ7d?|z~F)kF5KHAIl$>WG9;gsSfScj=4WOC)&wyjkS^qtYeYjIo~*s&3wAxD3V z7td41DY|t)J~hy-yEfpbP*QxQYeUk=KuQu`#6o89EEG}niQ`Sc@Jd_$mHqr5?eX>4 zfllwm9Y)UV3FFb4fonWJIa!s((4hn zHnNd>4Ic*!CO&5WlX`{L6IycUIBypCevjj!g1`EgA zPH&d)=jIHQ!189koq@B()|uZp&UOKN&a{2>;L(|WFwj*GNJXp|2;@WLU(I&?ofS;c zs0>9afK%Uze1fswiIYjic)nLY7wXAJb(_<5%u@P!QU)aann&PNInM#7AC!tO}aaQ2ljOKI7j> z%Azt5GNPd3Q5Rw^pTxGmZFOJq^}Hn%znp(5YK7*Fbu<1jCEn{3w_5rR7so2H8EI7(kdkZ zP0JI9$XUQwy|OQZTEXRg+p}NzQMc9(X+5DPqf%%Qb9Cy>_jofG1yfA$mZjq@Npq^{ z%SF4aEE+N82Q(IvLfhhsa@aRM+3-hfquIYRFunOVfdS+0kE`WX>*F#RYYIm+6p}Pv zx!|<2>alWnMy6GSx!wGFfFiA@Y~ei&b7qFK>(>(!Tip;&y2+nej<=Z*bdu$pezL3YwT z+lO=be&0cZL^n`N$3_^xM>moAfYu<3lRHo!E)M!+51MOh(5gC#@&vkbm|$#$z#^&+ zl=ATvR4oRjw!;wY0pz20KZBv)!4xxDC>-us8kLO(*0ct-UL_^JYUnQ0s6e{d^~!ce zf@RNn*LyU&!PEKKo6fy*n5Y+=%sog($4_EK<*2reUna|HJnOZ^>71EP0rLKEPv@VI z+|-IqdLqV}7v)H${&#JyOQjUREXHGDTE#vLX;GL~{nk_S(6kOja=6X&cc7shz*945 zhnt5JYI(ErV0C{xIqyQPIy?^%mEg z#Vg0YWbt;habIt$KJ!k#+`#0&Xt8qW;9|16`=&0 zBf=x}WJq(Nvz(MI56zZTmm1}Hi|Sr4TH~`9q+f@-*UffVfLZku(cR!gP7VM7g!HH8 literal 1332 zcmV-417%_&Up$Y9B0kGV zLa&Ou1Rb-~eANzku{L%}<^I*x;c&1HQ%lI?%C&7eJGkZm(~yx3e2>>nz{8ri(z&w9(vjof~I9k~mA#S%RW#gN5U5r#H(_b8`kt zV0km&&cNAX>&$N)XS;wkXWC9Zm^#zX2D<7CQV}Z#0QnI4t=W$6SiuyH%21>NFm*@d z3yk$joJ=al^S$!9P%ply`<$+0meOyNG9ck?BE_CZ_|zuUPQq1o7?cGxdY?Psf;L=oeOkG%X?6*Q%x`s=8C#_veVqB0ONqM+jB zM^p%q49WnzNfn6bzKjJ|I3^iO@4*?B5#eN&5t%UVBeGXwHN?^FcDB7bs!3&qX6;eY zqrwnC0uDmT6_v1*QX)(J1e-vpU8PU!LXOQ{$cY5QCoIc_RD`P)NmCz53h}8`oC=~~ zroq`qYOm@<3igxw$eKaDpGG2lO)SXN4E9P1u7|%ZYM{8T$;ir&MYu1_kzgla|JK={ z(Fz8QKkTt%%`PW(N@+aGrKx+wiaaH7Dvax^iGx&xx94?VwJ=%$j55Y?k19Jqg3Dtk zm}$Y_RFNR1m5R!7-4=66vkr_n5Rg~~@$?cUa+p?XSDr{L59<9A@OIRWY8*G%!ysxv zX*QrXb<#vq(%%ewjDE+35YJ)zGz`O5jP=FZ7y68KsFF63YhbXDq*Y1+nwBRHk+XnD zJ+dzswSvR@v1bqPQB!MIY2BeFqpQ$X%+aYg&+%d|fP|RfElS5rlIB#ymy32-Su|qG z4`?hT1=`|@a#%OM+VCN^(X9VAFunLUfdS$kkE_L1>*F#QYY0a)6p}Pvx!|<2>bCMo zMvcO6Q>s`0vz!_lFfFiA@Za3|G2s{cAY`fC+Fq+GlK?+ zCQwVqMi_rYH<9^Jtw9zim#aP^A>hfrXf8~E@#-YXlhU1+3EEZ&D5B~>DIXs})z+ZY zb{K*^fP6&vv;5ep_%V}(!r_jkQQ2r<4Qo*ARZ{X$L$gey0_kGcE889kmObWO@7d@C zPy1(YI`_(^rdDjy6EW7f zC`T&w&$YEKl~Mq*7>|W%75gxxMPXX?TThKc(>f5z;WW?RfrjeVNZn~9sA3l1UMb#zOTU>7zZyo!R#fQzt zeYdIl%scsV1D*e(#pdJ3&AVw^&9e8i0QL75^*0~f4{r4)qY)#h2qnNA5gwrzLz)Yn q<)mzJXttobM3m!G5S@jDvc_SH44gdf{o|Ihx