From 85b6b932acaea413bd82e7db99fe1352ba36664f Mon Sep 17 00:00:00 2001
From: Robert Kaiser <kairo@kairo.at>
Date: Fri, 10 Jun 2016 22:35:11 +0200
Subject: [PATCH] add larger-size tab trobbers, make devtools/inspector work in
 Fx47+

---
 LCARStrek/browser/browser.css                 |  10 +
 .../brand/throbber-anim-connect.png           | Bin 0 -> 14222 bytes
 LCARStrek/devtools/dark-theme.css             |  10 +
 LCARStrek/devtools/inspector.css              |   4 +
 LCARStrek/devtools/markup.css                 | 305 ++++++++++++++++++
 5 files changed, 329 insertions(+)
 create mode 100644 LCARStrek/communicator/brand/throbber-anim-connect.png
 create mode 100644 LCARStrek/devtools/markup.css

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index d02e29b3..634ee1ca 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -2884,6 +2884,16 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
 }
 
+@media (min-resolution: 1.1dppx) {
+  .tab-throbber[busy] {
+    list-style-image: url("chrome://communicator/skin/brand/throbber-anim-connect.png");
+  }
+
+  .tab-throbber[progress] {
+    list-style-image: url("chrome://communicator/skin/brand/throbber-anim.png");
+  }
+}
+
 .tab-throbber[pinned],
 .tab-icon-image[pinned] {
   -moz-margin-start: 2px;
diff --git a/LCARStrek/communicator/brand/throbber-anim-connect.png b/LCARStrek/communicator/brand/throbber-anim-connect.png
new file mode 100644
index 0000000000000000000000000000000000000000..bed70bacf268b77d53bf8434eeaa0091f9603b6c
GIT binary patch
literal 14222
zcmZvjV{m3o+ph0Bn%K6J2`08}+qP|66DJd6VjC0Nww+9DYv=j)^X_`9zWw7|eOA}{
z)m?S;+1I*OguJX695gmG004lK5EoYb8VUaqB*fR#$<y=hYk)K`QkMQ2VZQ{B?x02b
z8n8|O@7zCAg#YRv4*&oG5I{gA`RNn@04^yZETF93*Qf>~jbet|^-wi+dcSJbs+dL>
zC@N%%?qcg8n~-M1kQPrS)if|J5xUYVZ`5B4_gi5oFcLPuG*EMz16A_7diPE__}Yr2
z4~O@7X&OY_kh4$?szs}v8<m6_d}7m;+{ehq<NM`D*X8F2A*JN#8oQ3KK+aR)5~bS~
zF9puuhT)f08OgR*>D%W}*h<uN$(Qe9ToY!h1X%WwIn(%<0J<Cld`O0=PtJn(Y)=&h
z2i*iu$)w9wW}OXN)g1Vi5augE|EMsX-rQzc7fLIceD8#XsXZ>Zh_z5kg>as0r$Y#a
zzo>A{*{Zeyxgl>7N_w4Y_3cxkJo;#J_`FwZNQjO-nf&Iam9KSgwjML%OXNpq1=@mG
z`^f@>Q@?F7<vp$Sr!Yz;6seA(d7^@@Rozd}0a}Gc%3ub)Ex@D;RoZi#<U1e%!8+qG
zsMc(<2cj?{7h{cF8=d$|K<paYhU#6XEk-M$?tA;KXZv<34)BAT*nS@;|2w!UPt=VE
zWBj;_qOGY;FSvd<^7PT@$b^H%r!lz1x^=hp*|DAS*jw7AK0(+e+sW0vZ!uv%xPFqv
zj1?TT(<(A@3|4ml_rz|tYD4OMhXtK!4qd!u-{URYb`&R_gqMFT2{q=DGlMPVvh;W?
z7XJotLenpU@+npX_Mvj<mgG^5hWP3f&JpJPz!4OI`$LA^xsJb+(-e>b?czI40$3`a
z3AneYLufJ1gvdAVhjRkKv_$bI$E#&I1Qf`QPzk~UP7N|OS%uPv$>yDfvySbAM2D6@
zA%lNy-(w@g7|nLtl7T&HY^VDRL6+U1nT#Wklew9P?QVpzUK6Tu*1hj)R@Q+8_P3V+
zpL8GvUkT^>q$nvzRZZkbQ|m*;-^;O1_rbbb^7h)N<2b{<iNOKb`ypFK*)~dtKr&SK
zF6Bs@9rGe3RMtn*pkVpxZmnS4ZsPs|<q<)=?X#3(A1fq9lqgb!Lw=B$=60X}{bNG-
z1_AmFc!GlX20lvhy@}&NBdH_0Rmx`wj>f%C7~z&F;|F4wfxR@47uJI(Wxj+|X-lcu
zxz{y}T>M0P<wQzFYcY|IhfccE7R!##57)D}j&e`=s?m@sQ^F{ll7nPMR-p;~cfc@r
zc1E}r_!HKT&({+1uG5(Hx9Ftt+Q)?R^nIs;viC_8s<MM$s?}pkWc8<FZi!L^D`}IM
z2EZa-|3OAq_K5f<vto;8pDfXusXtlO<6Rrl+PJPz=1q6-N`~8|s`JL3VbqU@<l{d2
z$<D$>hM#E0C5~OzD(g%=X2-#+X2jA0rqhsgjqk1_!=)etp|P{55|8P%8P-&@27o`B
z1#U21N>dRy-D$`ZhrlprQb#Z&+Uqt6Tdj9;-pdq?6a8XiP8xt+whE@6UJB_?DGyl)
zj`K+kG7-Ml=clSixAOgw$?7Dlj^f(EE1x2y8I0IOoIPHjk%xl$3-ku+*>)rDUBT`&
z!~6=7>I!T)(5vpiP3jNTcguA^N>NFnn$>lp075U6KP@ZUi9@*t1s8*AwCFE&2bIKc
zgyKK>69rhvRu2&Lq7Srvx`rZMF=3J$Ns<85(S?6(mUH+p<n#bC=n}aa;T=>4-?;FA
zQ|^eqVf54P^gB0mtP19F$lzy<P%DYPEU&y$<$o;6{h;KDIcJfhkB{}F&>qtiyqC37
zbH^sqLu5wY?Y9=O=D1yqkB!2N>F;(8M{i0nfQ!((vO+5r8{eD~m6be&HXF#nt>zO?
zS2Ivk;G^oA_lQ?t#dr*Cs(!ui>^9GV&wO0+-DCYl8N6f|_#*6o*bDsf$X_D-(zh@D
z%U%y$J-09RCYTxvD1Xg?sQ0;~XoTa6U=Driskq5aNl&GvP1q*Lux1$RB(hk;lOg?X
z!6e0oBHj%^Rv=&|6wX0aMkEksM(&{u&)p6P&)*G*Y)01pJxGGYc9gwx#^UyPr=r43
zD(mXD=vnb{vh@D>=*GO`x7ZZ5SNeJ(r`_2kw2>VRaVkW|$)Ol`>3z@T^;&u~Sa!SD
z_>4n6ciNz%MP7Y=di!X7UTGtvr5maQSvsnoutaA!M#kFMug3kdohUR{e|gP;+7z(W
zZgP`d&iXQ?=hV2AA;F;l0R_@6-m{&T9SM#zhc$t0`pVXYpAC-zw&7Xod;X%b@XqBH
zKG2GeAwQA8k%-EoBIk?5b-&uSz?Z@AgHdUxQ|oT|`LjGQJBscaNEyx_1`@yk$b}f+
z&Z}}VTDeKiBJg=QH--Z&`-NGQ*Ob>!Z2V~w^Ka?DGG6z1huiqvBNPaB!Xu<KrZwv;
z+$cQ7sRDF|K19`(njb7?+gcRVf#~Xkg~e)3wZD9Se|ndL4uML47X&~S9a`E%WoBHo
z6mo3>24Y4By+<$4HQ^8we^niK#bQi=GP&Lb1t>sI!AkN^l7B}eRZMC27(z?FfS^Ra
zZKAb;nrj_E?%Zcr`sr75RNM1?imj7NYsXA1G+^39W^jmwuZtVU8VE@FSy_u5>ZTz^
zO@yvg!_z^}JlF~1Un*&AJ-X9Jf`aUVbGr}ZOdTeFm+4j<)TAk1hzw_`v;muiJn-DV
zy!?oK0|g`#>eYds|4k#7r_GD#7bnINTIy)FfHI};+K3F-=A<U%r(A9S3`vzuoeKG&
z!ObDas*0mRui@AIj`>G@whbMNT%v(O22DyGwsU(&dgRH(wdB%jNDAI9QUsi=bc8}E
zwbYq$ytZT##Q|lV8SMl}7cE=gb>t7?Q?OgBm{&sBYwCfGGGi@ioL0&dDH_hKlYdb=
z^Lyy;_*wU#siHIgB1sd%D=0!1ik$FVrz#pzuvup)d%=MPS)SKO-E252&UIHFR;4nK
z&b|z8V&cetX~Uy>7!cSd6po+U&h%_814uvuszp@oHVte@ePMl~qy#}C*k5H!3$=%y
ze5B$Q6qY}FTn=-Pl9EQ<bOyBbdTt?Yb)2lXFm+3`{^a3Sw$j*JgO{`xf`}L(b{n|J
zy)?ln+jJ;8e=vD+0Z-Wx$pH3b<(&8to^bL`9io&Y)T$;LDA0Q%vCk+do_YHPFy)Nq
zm)f4@Zd>HFC!@UODZ{iJ*V8EX^(<ReOSl$PP>5apHy~vbsOF+djL%vs!#+X-;!lTO
zvQ1_l$H(Ux8(D3(`V}r3cnK;8eUB!udc585mbAgJP|<qw=#Wm{_DM2qU|O{o`!9tk
zuWk>kZs(mb<`QNAN+?A6O7epMjO3HywYMTI%sY2TO8!6t{dG^TbC+i>oDKtzKP@&c
zo1L|G<@t+fI~>E$#pKBFZ7<L<LiE8q;8B7j@+DV#0f|JQ02G~C>G73~HLRkxMG5*J
zhdyipRaJ-*QAAh9MoZWCH_Op0TjtiS%oWy(RcG3HL}`VGRBF&8(s;B{SiSx^m#e{b
zM)=Rq;&0-h%$l04v`Nnc{mkF1Co>W-04?P4b|#35K>4eJpAnAxeLi$ql#}VidSikt
z*Nb{V-rM^OmgyNsDZ<1!f)e2V@(#P8VqqwkY!i($f)<u0tml@DXIgV3uuSCXmXW9e
zPhkDd4D>1PhoNm@yt?+YMWsdnQN)GT<@uQ^XPHzd4KVl4h-=T6#Hp8O6ul352XwF)
z<>Ek0yVKMFwQ$XLo>Vg|8I<<;f!VmBAw@l0?v&-W$LpS%&(8<|J+sms!bc*XvGDp7
z)AKxgl(1tS<9(ggL}q5g=G(RSe*8Cl9v91x4nJUDTwL#+(&^h5mH)$V&@YepCBiR3
ze(7I^I}Q4lelZ;NUxtHyF+5quT3Zcm$nR*A&2BT=jC-$kh`>gNO<7hjUr|$&gVH}e
zADR`Fs0W$VB#56zoiK$Eodz)+%^7$Wr|us-8VHUWj%XvHsZ!7&p<K{X+GRN8aQNEc
zw$%|f!2V%As*!Ws_UU!`nMtyaF*TB!y{Ty{x1p<{d&c8>(azyz*jm@H!H}xgI{w&o
zA2jj!({v3XC5P)cJFEKg?d|t%R<)iwRF22Z-i2}fY>thLacncT=_>i0-^Wr0j~m?<
zE-f$D<JE}f@kK1buQT5F{@+9#uMEj8Xa4*voE|k<J_pY*FCo8K!~i)B2Q81i&MtTT
zznw;JEQm@matU9tP#iQhG%<b7L#lr)UVzfDEXnpeybL^x5=GV1chLVBQ<8!Np%lzj
znNZEvf{NYvCSLZebl*=)D-8|f6ly87vLX32#i#GQggg8zT<0`CWLJp*z-=Uzz{8{h
zCD8`YWD}&`S2&j9R^|1=WgjbF2hMbFSh(;Z><utqux;qymt&=ptcSR_C|ry1IEV?%
z;=Q||Jb8>oEg}CHck6PnIt0kazFU*sz{G%IyNI6z+*i8aEyl#TDgJdymWQMwEKAz6
z_H~%#a|YNKP>|phSw$#T2hhUc_}o5trmh8{zJOk}ay-Q>2d_HIzyn3!3^`_v^J$c+
zBO_~;nm_TQ3z&w3dmy#T0Dm#%%ToJxf!(Y5Xkr2h2?@%<Ag2(Zx28K27xZeO$3*=8
z;z^?UPTv3u7X9d>@rbG582P>mk=3Zkm2ghtOq7fqHJQKsV<7H*x|PU8jwB%rVVVkz
zLsr(#Qx<g$JWEkTIgG#OJ`zS!JENZ{kS=sGs7l528~3E-Ql3pNhF+A_q@W9)IK#3d
zJ2c{o74s2`27%7|>w^gg8<1!4c|FH>BFxz8A~F`Yz$znDBdslGdg=p741o&M*L)=G
zjX3MxD^_t_A#5UtgkvB*r#oEw;=97qnd9G(5=#Ti5-_Im4!HpFzu+!Sn5nuC_}P`?
zFf3Z?JcVSMiZxNULERB1vGCx>tN^W}^a#6|phw1C)I;$<Z`O6%iXhT^yw1&_CxgcF
z;|d#r{xI$Y{Rg_kj(B<kgE2Oh9pLZ8fqbF*6mE3@5`?~=$zAXDw-cA%w!34oIat_Q
zX(c9YDeG|81L^|upqj^mVdmVJ<rrDbbLDQ4CQbvoCBYxh$x1)v_^i@A-1`qLlil>1
z!HWG6=ci9kAM#M#cwbYa)TVr15vtdkKb#BA(p`p*=LD^Y{LveZluS)&dSYdgJREe)
z>_CjbFK=<O($uxf`d5xHu(MH^df)Q(^8wHb+SArzuYlo>V;eV<^JVd<-5p6<2MT;k
z=-Ybvj8!`x0F<<JKxi%KEcc4~mh4Z^-4gb>lHeO<xO62!<r$+zS~>S<q(JER_|}(>
zoCdd8>ggxT9T`^pQOcn01NlHfRBG11Ua>Qmd?{Exry)R^l<s+9;le~)O)dEEY#;~o
z&xmgFUP8K!&RV5T_bqk3OYRm<no+vStr+#SKrSoK3XgtD>^|A%n-eL&qjQ86>FQ?%
z*5|Qv0mtJP+Jg-%$yJ{9Z;-H21<ijp-WKfq+?<~B#$4>CS8U{(s>^4TBJCC=ktfE*
z42j7e9a=ofA9fM^40PWvEr&k0&f8nvKHgQCKB)(FFI?}j7iL}2hmKdzPcFCIi?4s@
ze0VlGF@O3M4%j*CGMa6CvGP9@1^@E@6f6k81ox%?p(p_0zL_`jW%d50D1>^SNkY%p
zaeyeSXS~oravE3>9^M;?VHfzhqvvtAZ+AxFfdM90Rc<TiX5wCQk><*pM@dCZLQGxf
ze82zlTp#r+cUfIrj$mij;l;F{^@DGzR)#L!jt`wcm#1>%)F;cY;h4PasKZ=n05y#e
z2}PlxL>xSTpAm$3;YSPsk_2Qhq_A;=kEkjsScj%S#Wxsh&tNDGm>vewR+3&~Kq=jH
zgr&$`d$<xB4kwEG5EtEuuLJtUNfuQBoX*fU$eg}uL6d3_pVM<3=bx+Lc3LUxEH!ex
zm99L~1Iy&m1kNVX1xC_LQ!rUb%t-YvUi5pJaiP-d<R~h&Fxnq}IgrffNGvIGfLzG@
z8Hjzy26g{G=kM3%Og*GY2fF4>jnesU7&}j7R{g{nbaUj``>?u+qNMUnu5LFMa((O~
zf2J|Dt++pUx9Rro9uMSFch(H1FI%2o5CqnWF?nU|>A#l!KO6GTbp-xPgkOUC(!U!*
zLyt=V0Dw{cyCINY8<I3;rK5s6=x4<@*~<2K=wWwjUM6EbuqY~`)gz%m$vz#y6lO`m
zc~-KmocT<E>aaT=fQJUgB`<*c1fpPWLERWjT4a$v<deCyIo2a%i_*5!y;<X1;nR7!
zCbis5KKuJzyDg_hIkuza*E+WcWfgwb0$S=~*XL7|pY2(7<2QI-4!xu`j4@(vjL6Nj
zw3*G*sivD|^x_E^Gg%qm$8$R_Ew4sXJ0=w_*B0m%FNQ(Q=}bSi-|N~xA3lO+rD}aH
zmX$wxKFEdSS@?eUWX|_QD3Xk6)wDy!Hc^v%Ur(A5OibYc^bP})@@_>7J0K_nfx(rX
z1}->@Zp0?Ta^o>*)%XCrSL!{qgX0o3Xy(M=+VnV;crl$mQG~MmiWsu@C3ycHS51Mw
zH~9@y{X7%-kjl>KW2kpn%fT+^hvbkKM4I1zRQx#n@}jem141c(+?<{A5~(+65(e$h
z&Xq(?YuOVf@*KeU!LTD3`Jnb(q*Miq{dM65&6l)!xxmN<HJDp?Y7T>4K@UYyZbql6
zb16e|5B@#{Px5_;Mc9A?Yd~D+q8C8JiiuTV_Y32aq02Ur%>d&Hn`i}@m_<XBECd#$
zqdN>z^ZW_|__@#m1>+F<Dca5XwH)1GR^4sDH{~(?0YxxMlHA_)3OS(ktUP_0S1wcN
ze86M;N-daKa2c}Ta%GJKXm?BhZ%9e7ZZ0B+IQ4-SVzrX|Kv99;if9Lr(vin!#-c%3
zBH%qcaO_-9FG*U-l6hshf$;BEm!Xb+Co$W&>Q?gW8<^*=%0Yl$KxlX=n>Hd27cmIs
zq;NaXib!2mg#|@{IC7x}#UCwN6)5m%-LD}I3+ht2B`h<w99|18TJvKhubBK4x<q|?
z<EP{<?4oAHUI6xsC<JQ+P^uAho3hAA`tt&wQ?&bPNk>i<v#fyKt6-plX&a7k^h7fr
zwB?(2OsT9bwxn?IIj?qys>8kJK-$3B-SzjK;R3UUW46WoPbaN(J|VZ<sy^;zm~Po3
z)I4H@-i@#;XP8ZG<P`L`cWS?aBfj?AW473w<QWrT7_x-qGf8+Ho<2{Cn-Z;rKi1dl
zw*~>#TT4WkMm8EDy3?7A=t6S0$oQ`M9XQ{|@;PS45hii1?y`HV-{@eJ6;?*|sl&KY
zPM(zH>xHJRZsS>8P54M5i36FoO>)g;YvDC818tfcj_tc}9Qwdcs*081Of12?PojJm
z-mbe<?40Su%tZa{XaB<3+6gmhDisaovXHZ9Z0c$}c5yR|WXbq3vT7%8u;U=X$5P*-
zOk=y<3BHepNR4Dsbcc0lJyu9`F%GJr%e5J>^HR_>pjc~u-cQOpLfH-&{C*E)C-3TC
zO!Z#nxgL+EnUWsU98$GfVoMmq;Op|T@jLg+wBBZo(n^#2;>Ul;@()e^SJ49i(C?)E
ziqYT}|B?k-z0W7*D=;sh4SgQ1KXTZaW)C^wni(3(Nq{&?izf+NDBt%*Da(^728b+_
zg~P#U0#(4N<J5aWYK6LqGib`t^U(9iEen#U@`EE|A@aT1$z>(*ypXw~yAE$B+8*)I
zM=<5ATV~hRf8Vwp`Q7n}#nw!Ycoh0*rsRApM1Yo{o`fJcYqRUSo&bMbpFue~S{zew
z(?f0V0kvtn6J2ZYwT-@D5=AJmsGCY2jJLs=%faWMmzTKJs+QI1`o0Af`93Q@_M<)i
z*NXrWOaK7U+^VH+9bSW?uTaL*dI?>d>;8GS&_zH9Q;EgwBsQY-U9}(ig5TE9A6&i^
z#!)w+!wn_&=XuA`9p99yZDr-KoLkex&Dh}I%}KN#V9*W~$TlHMw5nE(i%^|IZtDFf
zG#{_a=}7?q;Fb`4MpS!2-=ot5N#jWz)Ypc4hT}>&{Y!^fS{g@w)%|Y7i!Rpn1`F_#
zkN4cah`-o00x~BM1WbAX<HMQ3T*K2=KBH@5-W#R4x>vNKFFK6>AwQ<<W^RRFGyQ}v
ze1)g)4m!Q`JKf=|L-I;a3(_<d@*px)@HVe_Ffv4C_D)y5qjn84*t#2&2C=<61Kz9s
z5v}|Y?Yov8$FH<+{lh*ad{>fyZZcebqz)<JMRzI!Z0l&?*e~|mPiNKmM~3g|QqhAG
zA_80tA(V_<K>yS%M^!DKuJCo0*jzT`J7cU;{kJSPy8@yk3e;8%8pvd9qr4ea_$4u*
zKWzps*gIZV#Zw?S4;CQ~Wk%5sJ77PtxSY@o7f~4{cd_A$sPJQAO-EM45b3y8D`hNL
zFck5rY}3>a8PM6wln<GMT*^EXtch}!M1{ZkTc{~+IN`dD0d@$u8|{y$t8QJ2L!B_t
zkuOeLs5vbONo>J9ZRbM{0VxP@k&)d7I6&6yty8I;_evISTZn8{)CL!!V^V8~QSPq+
zPRbwv#BzvX(1O2SFO@a*prl#|qrU@%aJuDBYL}cnIyM9WjQEJp{^VS@mk82rC^+H-
z7Kmdi0o@?_#E78np1oX{fg<}<!P$Y7N9gosTr*?tGQxq3NZZH)!p^IteZ>BdE-IkN
z!JPr88uMjM?UStSCyW#UQuaw|WG!&$<%<6Ik}&!`&RUv(|ExalLDz&K#6&-Jz23`t
z1LRd@!hS4(ZUw3@6l2Vxd!<lCn)^0#lM`M6fh$H7II$iV`+8I{Y0X~useV4UE4u_2
z-y@+wOGU6kl-&<I9IB7mw@nPwKu5&G3YUrZsI_0H?5AXZ@T|(R#7sff>7vDgedL+>
z)$Yhu=L~<!aE(Wu_l`VMqkNZqiXR1gZVp!mAp4VECcc^ak$OdX0N1%5Y4V0{#x_WY
zd<j%ydD))It2$|S|FFy24lnN$#jg#Hzd$=|??t7dH=J8r^W%ut!@&*?;#~ah+@bC8
z<8vxq)pj6=;*{D~<~(;r&1*NGkp>6pIML}jW88U55-E?r*wRqsJFBamY8{K*fN>r=
z5RPv3goar=@B|^6;rGa{k)K0iYH|xW%t(a6H~YwAM+}9rfoc@qiYF~UA$p3O-U4;+
zbaLvXGW+ul2GH}KYWN*AkW|Gy<33cZ<~s%EMj3#Q`+8?!yp<(4cf;!^#|Kkwf~lo`
zMMV$T&+Q%}eJ4HV!dYlNzoWa<W6vp~)AQxSw$@L?RzZ0|``~Rz{`_#`&$t8(f-&Fs
zQIvt9u1AV|8>(B5u1{idS1qeZFo=L{syeR7otvJSCvV&X-4|y@cP~TF&CL#m#mwa`
zN5c3)7{M1HGBb?A)y(EA%uv+(+e%nY!)U6lw$|@goGlKg#(>)c=l?=8%$G;~65*Hr
zN#p<4GKLLstiD3u{l932Rqsnq@d{T~!5y07nR?B9?W|{VI{NvCss6O8iEhbdX2PsI
zydn)dEnXB+gj7%i0u2o<4IEo@n(w@*@E57b9iinXRXznJG@8N#u{kvqf!1;MWR}a&
zMpl{(9quoV$Ly)+_sPrG*LQdT3x3dIu?aT!ccpi($oo0ijAFF(C(Xj1AoLNAZAtt@
zkr?QEU6SdiZ@>^C{sBT<$t0A5EVRoP8&=vsG{1UoG(^Xn^MYH!b_4qTaRCyr>Mw9a
zSTiN}bz?<sO1;+WRVDpv;6xqt&?PK{L*nmRYH!~_)&q)bel(^N-cL!POYG77&NLW@
z8)Q#0{u$7N#o)WBv8;q<y3_t0{)3j12*{77${;Pa3Vj^Acqd%V8uIX+6iJpei+cQ6
zE<UXSq@?~&2xeWL=8u=6+liZ>lZ!r&Tl{wCHXUq7<e^CNt@7QEO^R$*AZMC20?1~M
zsHknKpv2+s>Z!h_Q;R@Mzt6u#Di6Koj&_XF!LKLa$xmzK02F3|Vf9bU$P(Gm0R`1x
zH%oWx4as{;>kSn)I*T%y5mPCKw|G&gcMcate;5=)`4{xV`7sA)1_gyoxvwtnc}9ME
zza*;bf>}|pptGjxmCd)|3Ej6V8xZY_hp)J-gH}#tIp4HaTiUFbDuo!8z|?*#AEh(4
zJQo#&c3_ou#UkNEhA6dJNUC)ZkkT7u4PG-Arr69X9MQcZQm$e12ka&PkjhkimS)AP
ztbk~@5?N}{$a_Rf!Ze#-(Mb1(wBHwx`9{WHHY$?5kdrUX-iCb@ul2I;0k?w`idjs$
z!6)>B9=HMW3k)x;AmJA^?L5nQz2Ogn`O&J)rrkb>#8%k%0NEBl?iyrri8!v5drv7P
zfhutAxdm^ZIQc1*5zkT_UWA_dPtXR~)7H+jm>P8Zy@aNRmu_t0?v*VFc>WqSz$yQc
zNGgR1q~QAP`?-=z3D=@)QM%J66jtl&VIUjfGO>Tkyfgied^99-WA+SbJvKD^vCzVk
z%(OH&mKCpBs5jz(AM}tW$ag~v?vC=tRG+%hCv9UKelped)*pd)Cj-<Y%j;fZO}zt^
zb9&+{n??sZm@uyVl(!MKMpe|SBZHJ%h<^3CCW{H)oIJmr+l>r3*HsA6qKr<LXfOU$
z8i^YCV3kbon}Qwq(OED|8VtgTeAYD@G<B8u$nwGlP9c#N#vt~Rgqp&?SSqht->&lh
zw%buWS9FL|a-v`K%Ub4wbd&M2pIOJR=N;vl9PXEnl*$rZSJT#{FHic&7m2w4Q2&vN
z9j}hKe6drN@-yFtQ;Z_VPFtK_dGchwtJSgr72P_O5DyEKI6kMy;39@`hFo&lzOf-X
zFZyp#6RwIYU$V&|3C$<#DyK+{5Y<%Z&Ri!MbXbXSatKChZazBx(t&jo$gge@6(Us&
z2V6uNO^YO0H;YIQ>9T3c_P>mK&@Qg*`uJrIMv!e#i+=w6=;(D$od*bzsUP8=YV~nD
z{ZNS}8J1<6pkwi(Cl^RDX6kt-D@i#ofYbx9vD}1j;v6P5`-kMybTU5GJ@-X|?L1He
zJO^nbiN67ic{@?A4zhU{DDYXO+KcalLmW#?`LE6^e7cr!7;}n|8C;9L^TEW{+Tz+X
za1}G1*jO~pg6j?NOqPBErT3+h6G9M`TJZ{NR-0xYpfcamj4OSe#J^zpp9K3)f#QE9
zSRlaTxuf?h!Seo#N%*e>n=ECGqk<ax=|sR}<YhhNny3s+Zz#w=35o+J<QJ>~1i15|
zL-vCNAZGNI)$n(R!U@&@p#p-zzGje-4SOJFL<Y3@OR-A?Ga4Mk6X#`cy|`=5E;_<Q
zwDvf^yD>4TId!EueSBsLwe)+wY?f0mq;I_6#utX=H?^ig1&ZU%XL@i+mQ%cJslDSM
z=&+TNyUt%~R?uDKl)FB#u4U1dIwbHD5<Lj6ltXVWe~3EXfPL6?e9SkA>G|sGTR3Kz
zN(2IX01W)nh|&d_)zk!Ncfxs(nP)!k=MmJ^$weQNZbSKFejG&coNXh;zaVY3DY+6?
z|Hi_!?e<O>J;s2WbX~8%DO$Z&*9SMbWbl&$ppLXz8?Tu}czEl8&U=tmQVEM$N-ALs
z;vn0+kOq{+wJdi;xjmDzMeFSy2n{iHjGi@3hNFITNXTXaJb*yqTvGfF-dL`O!r^b|
zlNwvIFFI&;X4BvuckFO5x?L_8(IS<lKumgT3?X^I^O%}-eHcYE(_oW2dx3tFSB!a#
zvj7QN+Zy>YgImfp>pPSw0M=}wI%3fdURAl>X_!bJd2xlhf~D<GuK#Lc3_BFYqIr-a
ztpA80G_DJ(Zz9aw-dY%DA<gzLr_kAm+gzv}sQThf!-}SUQ%9jVX3~yhj4dwTRV2Jk
zO^{I{p_*XOhY-V93j9`^?_xE3_vj?DnBAf)5yGV6vY`CmHt7oG4d{&#fs<(p;gqOt
zqAs#E)C)#o{fgBjp2>P9+suFpGUfv_VP<W8^Rz(yC{1U^d{hXIk-B9|6vZ`aFFLV>
zl@uI+yp>0N_Cre8t$#7@ukS_?J`Bp(hzZ;)vXJA3L2y$cqD~1dK)~GCMTPQ7jw3!K
z6RfE*jS?m4cTCKNl^(``7eNwY`jPb1^*BIxnBJg6FLTBevY?zlq(3vMJrQQ7v)J@F
zliBr$hhBv`>#p(-05ld*qE|9s*&iSg><=jnzg~<TFCNjaeVI+fkqA{V_6=P)6H?Vi
z!K$jpV9$FZ&bf;4g)xZ}nYx230?n);pP7Ii(lHae<_rCmK^&vtU?OD{qJjRQq;!+7
zzIQK)OHXXk7uNx=B9&-4s>l<9fTz_)xG3R?CFKSu{_6dDf5q?1A4ld8^hrv)&#wbf
zbGIsGtkP$vmbZyPAtc`}pk$u~HbT?%|IEzF++XBX&d~0~tOU^5j$1~VhPA0o(PMs3
zcf_q;|LCiA$<zhK1@+5jw5s;j^)(tgSfOL|ttHD#hi)XWNw7`(aR>&DHK-_jG!_g%
zq~VgD;KJ2It+~iVBzGA|jH>*GF^S4+>tZVBTF%G%V$V>%8YJ?KGl!(p-Xx+614<$6
z4-uET`qKJP)%BGKUR~1#9u(srPF13(mo8i+%u+I%Dh6C_HOSBaCsphMH-x{}iWql`
zYK0!fZ<kF7l1YsGO9g}ticy|xw)Pc-aB*cp+Ql%My1dqgINluE*Sj;c{=r}Zf#EgT
z$h*NWQJ4u03j2Oaa;CdcMZ<!q_^^(fc@YY|{HiW(E(u`t54(JZ>in|}p`Z7m4tFQt
zh88u+KNlzC&qk}pki|i8aT;b_*{(N^$s6V%c{@sP&mv?fY^vJ5T%AjPQ>|_^)TEar
zW7_M4McT5-6W=C=-HeHCnBB_=_)Uzr`KbMTSA`TN$tlDuM><MBjRQH+MoaLgU=;I)
z)-z8(xlGM`2VA|+D<(`KyfbrS`dW#&mf_c$;Zc#A<cnNYhF$T`(cqr&J<>hRnFm^1
zU#<QZZxO!yKg=ck(*LVPetjtK|9cDofZqMfTSWCfo20d<1r^ND9J|VUuCo;ivq7vO
z28bl$zxw#oga$XnuQ<_vV*dX40~^>~{uhBVj_~U16c6VALj}!6shJjGs0lx5!S%b|
z>~hPZvO4M<x9M4jR{eCxYpHG14k~tG<q;lN$3q?O^GMg|ZOsb7O)tBR&xY*TK@#5E
zk>t}8uG{8Y=ks>q`zBr1<l-1c^@Q7g^#GcuNof4vzxjI*_7L6HfSfGu9nt*BwgFAM
z&n%Pu)sBQ@T_FE--OAC27SsLGs?hY@)WrFKS+yI!`iBm~x{i(*R0b7Q4uNjzhpz!-
zr1gWOLK4%Mj=FoU^R46Gsxsg4*UcW8zw_5@GNh+NH_{uDQ+3O<rSp6c;82>l9vsi?
zi~uoHyGEPoqqek~&1UCU{An3|ZrkZ_L#nq<j$5BTK!L4`W`|!{j>ey~8eLlnlwcne
z+9FL7unDu5or@%(xHLnh3dbsSQX}_tb(zdCw!z~sqXu*$^C<bB8~`g5Vg$ugwQ1TU
zV(V6Ptv+L=zxUuI=_$?>aQ^13$J8z!$HUNM!IiJ`nMV0UUri~IgDNGia5NZQbFcgw
zSkMIW8z=MPuzNCcJm`i-F^cff^s1V=Ayk;7xoh4*t|#V8AdQ%r3}6j5<mk#3Qr7a*
zxyrgLKN}ULm_qsm3~5Al3^(}@WGm+gg8|7)d15y6NurwZoZ(plP=@LtA`ldTZ*))-
z>G$`LF~kGd{L0e2SC=zV&~>%G$~_q-M}e`#WR4(&hYv)EGx~^#BF2!jAWX5hDwaeJ
z@XGXh<B_T-)TD&SHKr{}=x22<2^?yMSz=HjKuYGRd9X}{-GHl!zb;-6zF3y0af-3T
zqI)l^`s<)NRzyvL)-(`A^l_`yWh=3hrss9xP8f~8<_ig15G%K~EDW+)N)dSBu;fCB
zDV)z$d`I}ZDs?mFZ@047LmW)zsC4YqDrejlH0nn9aM^Y9mx>T_@;R>WyJr!rYKs74
z502OcUu^38<*yQ{zq}+ZYc$wIPDkIdz=NaAg`o{a49^4@vYET0$0%NwJp~?rUaNj|
z2TuY7cB#DEH40IX7G569a9>#Q=0#*n`Gl~=5;vFSjO$u6gx>mugjbCf;K%h()p=h$
z37wTHwKHqZOso`2!@&5jXuDawa44HM62cyH5zWHgww9ur04tT~&XKT4CzNwApe1JK
z$>wOA59j4dsT8xy8X-tZg0X6Q=muy5W_5XsY_T^zx}qkBwO1Ftc+lKhCEtxfQ#8tI
zJ!Jk-d-FDd1Yy73@IKlvpL$DD=+afWmwJBrd0OtH(J=esxQfeLk6NV)_yo>Z%(6i&
zG9-Ty;XkSDpQhIT&nG00t5Ec>d#vQYlt5PR(}|O@o##gl?xK3kje{)E=z(hiVC-<x
zv_ioA>`sp&?1v5zl|&?r?;e&O)S+4BF&awoyDQszJxSi|@OU<Sx;?mW-Vn%fTgxHn
zIyqd56|)<AxZX0GYV>pA!_D@_7PEcqyT9z4Lns7;MwIF9kJtWC+CcXw%_Rhm7ICKj
zB!mVDw%3=pM+Ou;sLLbMtioA>n2WzUb_Ookha#$C*V&iwPx^qo=_kGTb=N<$+E=M{
zOYt|`LiM#X5VD*O;_(V$>{X-{wH9T9&2fzRtZxWg)#i3)qSN-6=H?HqAO?E*$qqcY
zqK`uVM8}!{b*g*qE}yNR<y?{Ok<j_N1(6!ko>An7N;~^cPD@JlG>RdYSZELsq4!ah
z2tSr>Vvq)_Frf6zw#3_wZCszcvg>wqRcWuM{T@9uogTR0Q=ZJ*QC~_X`meP|`SM@Y
z+y5c-|7(H(0IaG<z6z3HSO2a(>i;xBm}@V6H9<UXKC&>`p~e`G5HPA{4iDN$geQ`d
z5$OxIL6Xsqlob+0Rm|Fq45CW1g}5pRN<Ib{tE|eKA5+~i>9Ic$6RYlV#^(<^n#6Ep
zPner-W;{Av9t+->qsGHvYz9609<6^q=QyG1sdv2&v_9Ku<Gxj(-xKKQE#_!@Ecv!C
zTE0C_s(M$x&(xo)d58>lvF*{N`n~YKKT8E|c^~XgMp2v`uODN*$~QKox;A~Ax`%k)
z>li)pTU^VEp#y)rIaq!Ck$IwB<u0U0<Q`DSQ0hEW*Q3hC*Or_DBbxK_I+;7y_88mw
zcy%Ln`#2#-Mz`2b6ZlR8ZV5N^3=<imF{YfPUG~z(hmXJs!hL^#HdCtk@=NuhhEnqv
zPvx(SkVKS4<)E`?rI>GWxWLTpksPQF!~C{m1ydsml)P2@aXhumUx=0h4~@fj+3a9X
z5A{c7OtoIU55cFGFgVSE^3VWq_W*hp7$%orB}uhV^%Mxe&U@ucciQo($ENLim!Tmx
zxNx_)5M=TqG^JX@I*`sE1Qt&)*O2zMlbKL48OPQftZpHNazs;sLW;^pEp)2V!hzLe
zx4vW?93b-~Ze3=juAI}@-7zc_@11ldp#FLR?4j(z-7OY{W35PpKhv7i=Cbh5ifR@U
z8ViyZ1LAUh#2P^yawDRZlO4@O0eWadk@K}{7_Lg@_w7@a2DkDoJSEC`$o^)Tm%{{r
zEB(Q_GHwOZxB~iN)DC6ZwO$RRkX5#1#YlSP;7$^HL=P{j)8Z~Kg`rwKJo29c5Egmj
zjCSB?RWVVyhz)dL5Z-XBGyWJ2KO>9iLgsJ4Ah1XaN9%hlIZ+yf@6^BdVD^|#V}qSc
z&v4G_6lz!1=fxdHwomubz_DhW`>y?A5F$2jG_yfO1a~)|S`xPqXB@~y)GmeiUUgp3
z`5kj-Sn<^hp<IftXc%N9EDl}2awXtI=ei?1IcQSRAG9CO9E6OM-L;*@kq*l=4uify
z9rA23>)bbc&5^swW&5ESO;SGp^RBtEZh`7WBac!t<l5Pd5f?0nHjHey@Uad}VOcv-
zYZ$!W9^=D;Cx!1j*EtgbOWVvq{p0B#-;=>XAkNvx&MjJ+eQRlKFBfH~penyDTH)V|
z&iL&hoWq6LsE_;E*fSi2>`mUb`X58>I&cR)+V<$PsG;CVg_B5rF2)CX@4k(nSx4^f
zwyyNCjq}C9Msx7BuCTchq0>{r70N<L8@Rw9-Y!J!EZ?_aV-^79!J<NWBBEr&D0y2b
zo>)n;c2;JKV*Zz1`V`d3-U2%hJ_rjEJ<*L$t4hwV(|Cfm9S6jfwm$(<Y#pT3Z*3%(
z)I`w&r(R_8cYk_a_5PBkkEfqjdKa>Rv_Bsfzsv6G&>rwJ(}B!*iPePUZv<EJI)`#j
z++Ll;mwK0%eq<e*+SBvvPmM$t{9ZPPo~R=J-is4b-r)siZ}PppDNB?98e1L{bX6@}
ziP^5NlHA%gM(XA-otvv~odej_=~h+q=TeNGoORsTM~ES}xEsqDTS#(|Aw_v-)=I?E
zb{#Gd;9Z0IdHvw}cGUY!2|oEkLyN7UeI44|cAflD^KqLTvv5z>p}qAo<od8Ya6C|=
zn(;mS?*7#CI?L*!T596OYU1Lq{BlEE>&?*VlYq?JnRW8S_wc_6iT36HSIqzbF!(O<
zm0`hS{v{;(KZKNu##KWL{q(X^aZ%|i@>-vpd*H5N@{LYhCXJ6bG2rNpA|z9c(?_ZW
zs3MhztK?JSz~m8v2~r{<y8~f@{e^{z8RH~KYkFM8cOw!b2pHz}j-1!tv#Tzu+%~+_
z+3_FU)7#oPkIJ2<o=^E;NhYg(mD9JHvvg_D4wkSGDrIA7eH`Q8k2l<ULz;Pq)%?pm
z>BYF+uh$6V@Ht<Sx1ZjuFVh4EM-G(&R7MB5Or_W@vEJ;_^Nv=usvCT?-u0&GbknlE
zPU8H$#cJK;j}m|Y&~7Xu6A7cT@U#zXyzBOorP7OcXaDq7u=Jb^>GrFQzsuRBA8ah-
z4hW3i6{LA_NTqA#Hx9@%vyOeOO;C5MwP$JwXRf}#Sb|Wy#q<IG^eH64@MG&G`T932
zA(G8|KsP2p^l_Wn+vR>@kMLiIOun&NXI?0gRdPZU<kzkWdZn9e=EN+s%MB;M(+YLk
zxmL5V7&xlx55{&6!I@J(M7712(vPB1NJ><w*F#DUQ_m?I8QZDKpoepK_(P?cXe*~o
zJ;kRAszq5nR=sohh5?0}Y1rO3*-%AQUR_)_f_IPxnT%mkIdbOGCF<^j)8Icg?RuSw
zer<CYpOL5pE9I4Q-Od8Czap+60aqBE6i!BI?tG**o{9FAJ<4M<pK#j8YMN&#bhGah
zxPqMJ^eUt&jQJG)9#NN`;;2gG8PK@BmMVFyi01<4nc)7CGBjR5s~GHDQ-D$;|7u)Y
zQy~O6ZyFktgwWxORqz6*&=L|G=u!&=AS%kC&*2{0oGAh(BmzWeHi=9KMrwWAQq|13
zQH#G&%3jc6Mq$qe@U#(V+7_>>%B-oB21{g<08WB`bnMJNnY3RCk;kLIAGV8prQyuh
zLgmHdD>PdY3OYg>R+tF&1BROmLTG@$9CR5Ur@!{$*}mpzw=7BfC&)2pP$5$`AkCX5
zBX9V~+$|t`YR#ZT2M^wLqy?X9XBHB1iS!pCBKuKhw>QS$hX8tH7rv&|zMjS^bFkXK
zwMf570AL`%?d&5;yWD9!fNb|4+ja%E$|~(BGA+<G?ZgBSMFvFiYt<OyA@mv@2#I#s
z@jrb%W}ir5K5O=(tpcc2U`Ujz;f<m^7BD*rDE=Y|Dgl0@Lb0d`qb`-5scf=8G&_y6
zv?7-Ue&&^7Znr>pPJs|_&aSdniD|E63x}pMCQ=t~4fEzmJ$9KanUA%>;2G^0`B-?c
zWNk7{0AX9H8ScDbgZ#M+D%ctwL$aU>pPgMMl&e35y<cnbHZYVz%@iU?@a&m0X0mU<
zZRZ4<E_4C8sABbS>;Wy6hQISW9u8eFx(`sgRvsFM@awvAW_hBJ0-z!`VgX@~#4`^H
zq@|$Tntp1y^z$ddope=;-&DguyP3k8wYa2uZZ+m|j2~b4{nJ#I+fwPXBlG45KkjTo
zGhE_uB4Y#Urhwb6cHymttlY%QqCh4HX`cuZqi0AV4rcaHE|pMArG{7E-LpSJi|Gn~
z2T?a^P4|8|Y57Osej9mxbQr$gV$9o|<11@slse5#^|jn;*^tbP7Jn5ieuNvRM{AO<
zc_q;2Z<}<m0M}h(_*{>uS`pIfho`Ij>vzU!n!%IHMGl$P9vpeenr;XumBW~1by(`k
z_qhb81qSeaw&HZEk9Q|YdI2RBWCZnR_IFtSW3U}W*17t((C_0pEBUYp++)af_Z{IV
zHEPe9Fg4P2dAdtPe>>A?+mihnzdB1x7WdWO;erlS*?j-P??}1JX?x~vptj<{ezd@1
z63r-DKrnYknv>%5cNT}sr2F&TYio1aNpC1p?2SCGpUYYmg=-ms^#1SSVDzFBnfKnX
zqxs9v2iLpJtua|6<;hO~>r%tVlE-(DFJ$95i>Ny**_k@K8915%1it>YBNT9QGO;nV
bHgP0m{K3|<Hy8f(8bCrsR=7$~Kk)wmI@pY0

literal 0
HcmV?d00001

diff --git a/LCARStrek/devtools/dark-theme.css b/LCARStrek/devtools/dark-theme.css
index 58ae01dd..818ce158 100644
--- a/LCARStrek/devtools/dark-theme.css
+++ b/LCARStrek/devtools/dark-theme.css
@@ -1081,6 +1081,16 @@ div.CodeMirror span.eval-text {
   color: #FFCF00;
 }
 
+.toolbox-panel {
+  display: -moz-box;
+  -moz-box-flex: 1;
+  visibility: collapse;
+}
+
+.toolbox-panel[selected] {
+  visibility: visible;
+}
+
 .devtools-tab {
   min-width: 32px;
   max-width: 110px;
diff --git a/LCARStrek/devtools/inspector.css b/LCARStrek/devtools/inspector.css
index 5d06ee84..4be769a7 100644
--- a/LCARStrek/devtools/inspector.css
+++ b/LCARStrek/devtools/inspector.css
@@ -2,6 +2,10 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+window {
+  padding: 0;
+}
+
 #inspector-toolbar {
   border-top: none;
 }
diff --git a/LCARStrek/devtools/markup.css b/LCARStrek/devtools/markup.css
new file mode 100644
index 00000000..17eab354
--- /dev/null
+++ b/LCARStrek/devtools/markup.css
@@ -0,0 +1,305 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+  --markup-outline: var(--theme-splitter-color);
+  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+}
+
+* {
+  padding: 0;
+  margin: 0;
+}
+
+:root {
+  -moz-control-character-visibility: visible;
+}
+
+body {
+  -moz-user-select: none;
+}
+
+/* Force height and width (possibly overflowing) from inline elements.
+ * This allows long overflows of text or input fields to still be styled with
+ * the container, rather than the background disappearing when scrolling */
+#root {
+  float: left;
+  min-width: 100%;
+}
+
+/* Don't display a parent-child outline for the root elements */
+#root > ul > li > .children {
+  background: none;
+}
+
+body.dragging .tag-line {
+  cursor: grabbing;
+}
+
+#root-wrapper:after {
+   content: "";
+   display: block;
+   clear: both;
+   position:relative;
+}
+
+.html-editor {
+  display: none;
+  position: absolute;
+  z-index: 2;
+
+  /* Use the same margin/padding trick used by .child tags to ensure that
+   * the editor covers up any content to the left (including expander arrows
+   * and hover effects). */
+  margin-left: -1000em;
+  padding-left: 1000em;
+}
+
+.html-editor-inner {
+  border: solid .1px;
+  flex: 1 1 auto;
+
+  /* Keep the editor away from the markup view floating scrollbars */
+  margin-inline-end: 12px;
+}
+
+.html-editor iframe {
+  height: 100%;
+  width: 100%;
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+.children {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+/* Tags are organized in a UL/LI tree and indented thanks to a left padding.
+ * A very large padding is used in combination with a slightly smaller margin
+ * to make sure childs actually span from edge-to-edge. */
+.child {
+  margin-left: -1000em;
+  padding-left: 1001em;
+}
+
+/* Normally this element takes space in the layout even if it's position: relative
+ * by adding height: 0 we let surrounding elements to fill the blank space */
+.child.dragging {
+  position: relative;
+  pointer-events: none;
+  opacity: 0.7;
+  z-index: 1;
+  height: 0;
+}
+
+/* Indicates a tag-line in the markup-view as being an active drop target by
+ * drawing a horizontal line where the dragged element would be inserted if
+ * dropped here */
+.tag-line.drop-target::before,
+.tag-line.drag-target::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  width: 100%;
+  /* Offset these by 1000px to make sure they cover the full width of the view */
+  padding-left: 1000px;
+  left: -1000px;
+}
+
+.tag-line.drag-target::before {
+  border-top: 2px solid var(--theme-content-color2);
+}
+
+.tag-line.drop-target::before {
+  border-top: 2px solid var(--theme-contrast-background);
+}
+
+/* In case the indicator is put on the closing .tag-line, the indentation level
+ * will become misleading, so we push it forward to match the indentation level */
+ul.children + .tag-line::before {
+  margin-left: 14px;
+}
+
+.tag-line {
+  min-height: 1.4em;
+  line-height: 1.4em;
+  position: relative;
+  cursor: default;
+  padding-left: 2px;
+}
+
+.tag-line[selected] + .children {
+  background-image: linear-gradient(to top, var(--markup-outline), var(--markup-outline));
+  background-repeat: no-repeat;
+  /* Shorten the outline height by 4px to account for the 2px top padding and
+   * allow for a 2px bottom padding */
+  background-size: 1.5px calc(100% - 4px);
+  /* Align the outline to under the expander arrow and provide 2px top
+   * padding */
+  background-position: -6px 2px;
+  border-left: 6px solid transparent;
+  margin-left: -6px;
+}
+
+.html-editor-container {
+  position: relative;
+  min-height: 200px;
+}
+
+/* This extra element placed in each tag is positioned absolutely to cover the
+ * whole tag line and is used for background styling (when a selection is made
+ * or when the tag is flashing) */
+.tag-line .tag-state {
+  position: absolute;
+  left: -1000em;
+  right: 0;
+  height: 100%;
+  z-index: 0;
+}
+
+.expander {
+  display: inline-block;
+  margin-left: -14px;
+  vertical-align: middle;
+  /* Make sure the expander still appears above the tag-state */
+  position: relative;
+  z-index: 1;
+}
+
+.child.collapsed .child, .child.collapsed .children {
+  display: none;
+}
+
+.child > .tag-line:first-child .close {
+  display: none;
+}
+
+.child.collapsed > .tag-line:first-child .close {
+  display: inline;
+}
+
+.child.collapsed > .tag-line ~ .tag-line {
+  display: none;
+}
+
+.child.collapsed .close {
+  display: inline;
+}
+
+/* Hide HTML void elements (img, hr, br, …) closing tag when the element is not
+ * expanded (it can be if it has pseudo-elements attached) */
+.child.collapsed > .tag-line .void-element .close {
+  display: none;
+}
+
+.closing-bracket {
+  pointer-events: none;
+}
+
+.newattr {
+  display: inline-block;
+  width: 1em;
+  height: 1ex;
+  margin-right: -1em;
+  padding: 1px 0;
+}
+
+.attr-value .link {
+  text-decoration: underline;
+}
+
+.newattr:focus {
+  margin-right: 0;
+}
+
+.flash-out {
+  transition: background .5s;
+}
+
+.markupview-events {
+  display: none;
+  cursor: pointer;
+}
+
+.editor {
+  /* Make sure the editor still appears above the tag-state */
+  position: relative;
+  z-index: 1;
+}
+
+.editor.text {
+  display: inline-block;
+}
+
+.editor.text pre,
+.editor.comment pre {
+  font: inherit;
+}
+
+.more-nodes {
+  padding-left: 16px;
+}
+
+.styleinspector-propertyeditor {
+  border: 1px solid #CCC;
+}
+
+/* Draw a circle next to nodes that have a pseudo class lock.
+   Center vertically with the 1.4em line height on .tag-line */
+.child.pseudoclass-locked::before {
+  content: "";
+  background: var(--theme-highlight-lightorange);
+  border-radius: 50%;
+  width: .8em;
+  height: .8em;
+  margin-top: .3em;
+  left: 1px;
+  position: absolute;
+  z-index: 1;
+}
+
+/* Selected nodes in the tree should have light selected text.
+   theme-selected doesn't work in this case since the text is a
+   sibling of the class, not a child. */
+.theme-selected ~ .editor,
+.theme-selected ~ .editor .theme-fg-color1,
+.theme-selected ~ .editor .theme-fg-color2,
+.theme-selected ~ .editor .theme-fg-color3,
+.theme-selected ~ .editor .theme-fg-color4,
+.theme-selected ~ .editor .theme-fg-color5,
+.theme-selected ~ .editor .theme-fg-color6,
+.theme-selected ~ .editor .theme-fg-color7 {
+  color: var(--theme-selection-color);
+}
+
+/* Make sure even text nodes are white when selected in the Inspector panel. */
+.theme-firebug .theme-selected ~ .editor .open,
+.theme-firebug .theme-selected ~ .editor .close {
+  color: var(--theme-selection-color);
+}
+
+/* In case a node isn't displayed in the page, we fade the syntax highlighting */
+.not-displayed .open,
+.not-displayed .close {
+  opacity: .7;
+}
+
+/* Events */
+.markupview-events {
+  font-size: 8px;
+  font-weight: bold;
+  line-height: 10px;
+  border-radius: 3px;
+  padding: 0px 2px;
+  margin-inline-start: 5px;
+  -moz-user-select: none;
+}
+
+.markupview-events {
+  background-color: var(--theme-body-color-alt);
+  color: var(--theme-body-background);
+}
-- 
2.35.3