From 1a50f055aff846b434b216ed3f3befc4c8208ca2 Mon Sep 17 00:00:00 2001 From: fvanroie <15969459+fvanroie@users.noreply.github.com> Date: Tue, 16 Nov 2021 08:52:29 +0100 Subject: [PATCH] Minor css tweaks and fixes #246 --- data/style.css | 270 +++++++++++++++++++++++++++++++++++++++++++++- data/style.css.gz | Bin 1303 -> 1408 bytes 2 files changed, 269 insertions(+), 1 deletion(-) diff --git a/data/style.css b/data/style.css index 5af76902..68f4b5d2 100644 --- a/data/style.css +++ b/data/style.css @@ -1 +1,269 @@ -: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}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}.red{background-color:var(--btnred)}.red:focus,.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:left;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}.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}.mdi{background-size:1.5em 1.5em;background-position:right;background-repeat:no-repeat;width:1.5em;display:inline-block}#doc>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}a.btn: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 +} + +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 ddad632c3334dfc9c30f1b83bacd6c594832ad02..de937799e5223ffaa1f5ce64e182069dcaae0f87 100644 GIT binary patch literal 1408 zcmV-`1%LV6*bE0;-*OY8t@$Jm< z0v~xJ6sTY4`LlvDf^GshA3EqJoH_7OOTn+m%n>AYkQA8J85bq&xx|t@3ZgS$JXf55 z#6SK^e(&NCK$-Xa;n`E;E}*YhfA24v&YUu(4V;%?=JB;u5*@Umsa(yR@WMeWLi3f} zt*wWBs^t9%P)$ z81%n#_q%IaQ%O>jX$dblB-%9=k33HiWVvCdtXj*Marx+jys5}6qXqeNW*C<^xyl7! zv(#&26zMWIf$83Kz#H6TMUtx}-+ppi#{#F6f70R__s1w8r3R=;K@#~dwTUUa#sy9H zm|UbpfXr%(Y7Q5c6LQqBE_r%mI5N(pm*J8YHz0-4mssSK#R#t@f7;dA=yXI? zxs^uRAaUCwCD}?3w9WxLAxsjnrz{8-hHSTq!6dmd_Ymyk?rRFL!U7=g(X!$~VkWh6 zxF}*I2pDKivVvm?XR0nb2K!GBd{fh}Bu0bLK8p8Ko;=3`@TanCEhT4ab1JM$$y5k> zAaTZ%b?vr}RvZ+y=$6VHS*l+XyP}7JZwo|0vYs0bBcIZ`Dlp^-WvaP&%Yr9Y$0Gl< zRR9zJfkCFs(}zRfueN)ETXQ_J$5y1o%YtbAB{;etoyk~`QnOV!O)1MgNF2#aFr#xW zc?E|CZUu1t>p`>+_hVaITO|%?VqIq*9357pYf2mz%C}e$+-(NFafT5HXCat;tbXq& zNz%IXRFhfPDkZJWf;5g$`ArjCXsrsoBn4>DmxqE$wQW}Z&mwFpPmnKbdV7}d#+He` zdIOyGnuQKipxoO0?~_!#rjl}|OR`TONJUh|GOm|KH3q!5&gF=X}QpFvQOJl+P#6P-ycbV2JJT&+ry7kcvcW& z(60S^RFbkb(^%hpUe}UlH=fBHb9-!v|8gA6cr(%HjJy4|9~nFHPP)=gyn!+RQ+Ap$ z7nO}c_a@6vM7NzXW{lZTgm9$ijy4_i>Br@m_v;ELknu!r2x0xWYh3M8gRB5SdA2=!^ zt%E!UdsKkwiMDruKGwCpyU^jU6r4Sfh0aN&Yl7pvj2X{h&jc3a%JD`Zcr7LWNPha4^5)G@ zfpqWn^O0|wz*(;U8Ymhq^em!{HZ#Pz$u>e>rE6OniS;>-x@6?+VugC8e1`A0)gcZM!SBbB^4y9LY6X) z9x=Z%O?eO}qnhT$MxdODtIuLzkVQ;WazCm996ltRZSu(cNh*zkWaJ-_4tg3D;hKaG z0o&ah10u%}W%reW5;-KROOldM{NY82=8rg~Q57&A5ssWS;4r#x$tqCB2K_C;m0Y%0&$sQorSiq%rEJ8f~*PPW`Sdu zPzyvZ-Bvs(X5pqZ)N;*0{jY`AbW}f$SUB`AC2?_FSD-A~lM(!cSlensjti!pq}J0g3|p!x(|J=u zM5KwFD1&7PX^7K0#Q{mHp)$>x!9%U=vlz;decRBZ*s4yZfNiG1XppN7NRD(^Q_ta9 z!Jy(PYeG0Y;G`f})_c3EEfP_IP(WhFNfiS6kex{XV#5d9dUJlsCVBSnZEDj;DYyWZ zYSNdjZW%6_tq%W--7sLP-@I0}gTK3174~av1REh(KJ3cnCdjC`uYR5QhdvSTXmqv$ zF1MEBUJ9fbNPU?*QogUjuHPKhN}Q6Nuey>+1U=s+nq1tTn;)o(&^3oOhkr)T=sze*&2^nY|8LgJ%=WLt}R&!=ZqT`&0}U*t$q`gtaQ%%%9!cx5=tCa_