From 70f67172e3d98256d85a5fe07fe0cb613718d41e Mon Sep 17 00:00:00 2001 From: Shina-SG <135497382+Shina-SG@users.noreply.github.com> Date: Sat, 20 Jan 2024 13:27:32 +0900 Subject: [PATCH] First Release - Frieren --- dark.png | Bin 0 -> 11368 bytes light.png | Bin 0 -> 12638 bytes userChrome.css | 1166 ++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 1166 insertions(+) create mode 100644 dark.png create mode 100644 light.png create mode 100644 userChrome.css diff --git a/dark.png b/dark.png new file mode 100644 index 0000000000000000000000000000000000000000..5e0f995c0cff6433769da799cdb539d03edd5671 GIT binary patch literal 11368 zcmWk!WmMB$7#}r9hje#|h|-;-q#51a4bt66H}DIFsi;Z;BDPXTwKXTMM?|=B1|zcG!z&G zA!7hzsVq)ChqhaWjIJ5f6e z&2$$ue-7!|9=9;8x%<`KEr3mx$`KQ2)5?9#A}bDw)&%y9W( ziQ3BWIOqS|O&O(GWD!5J2g7r`j|p7==L`m~NQ1%asAy=qlUVKna5f*=@?_8$fNeR? zafK96NYw+IMRt_dash#`vVf->T$z(|0tiG2l93RFd1M{?diubiGdHTYD<@ZpzBG?w zV)%gpVu-l%$?~aiqJ|)B0}BZ$CkY=t@PL!jfYZcehB6i$9-b3gT?F--Y&=xr7kLCN z6;-@ow&4CY>-DqKKwbeZaI)(`MQ(x95wRCWG}{$I7h z6SYB=u7A~?Fg($f(81zAdJG|#x3}omx0t3+&%Q~G+LdvVo0|i5a#%%E ze`jXA%F4?6VQOk_osEsPO^yA!HQe0I=V?1#C9a_X)F8{Q6fTP~(#lE8tnBpkcx(y^ zZdNWXF1n8&Cxxl0;rX&Ll2w#=xWlmEW%)hwl7n_VaR~?t^44^%oSgO(o}Qkr@9*!! zFD@!`f8Yzqw|I)!zkDm*g*7Ns12w|LW@N|0O2k*h5fING-WC{aF|p`EEzK zSF=uSerk}t*SR@ca$oh`9SI7mPu{JBB_du!%l59EeToI#Q^uA*4-H&$dA&S&K8*37 z+Uhk}D$8nAwGs%_o6C1OP5+n`67sr&G%m2fa6PTLnkU=a1zKJA|5|k%#+2Kd4UdiO zyHQx>i9oL`4eX-DiA)TG9P1}@lgS=Y~78W~Y7*BJFqww<)vBsV_^ zpZA%>W%2n2U9_h}<;O%}1WVx}Y3u6BX;f&QV>wQ{b+{*IXOq=CZx46*+%CH}G&Y8! z1j+mU1P`~(|9yK#D+Bi#*0bT6gO7(diB7_0+x2+T=5RF?mS*6$zy0vQ#|+_Oj`B$( zdKU%1?U|FBoIEi=;qPPY?(3`u$7|ddF#&w>{#5wMFv~aD9K-EAM_5 zGl9Xg8dp^mY~*_Tp;hZENN|j#fGrhjR9OGZ2APrjgQr zgw2NQ{ZrM2%PW@4!1;I>oAHW)j0_&Ar9?DL&lz!Y-&%UVoHBo@P?*eDDHXzIsD-co z73tOIKG)LLGJrN}!kS}nbo5xQjj;&$h={0n*K5SN3xU&S<`@%GRslT1EQ=tz%9gK? z8`&oHES*RziiJqT5h;cvQQ__K{z5T3%y6>@8;r&%w0h1|O6xY>guoPqONF?P?_}In?W6jlW}kh)$_tHymC zukHCm+nfm@IFa^yem?w2+AA`HVs;R%%z=v-gb>945#mVnhXLz5k~vTiu(y2U@3P{AyGo>RZGjtkQIfWIXdqjY|aEQ!;HFXStOKU zqL-7_PA9r>63WRvD&55^wc?PT?!cjz%Q61yeO5bRIOq|cjq7vK@^xys{%%t>39yOp z-{IbARQ1J@<>oh5%FA!cYU;N*!m*6-`JX<&AP}R6@9phdQ@v1Ga zIo{u=(Mr7}cOi+2n3>V3S89i5Ws!1lbGvOf{feE29MBW!k|I!pTIG(J<=n$<(^sQ|-)(En(v7wvkKnj-XVt(uC>3J*_OUjEw zK%imDK|G$t>jDOLbs#pnKwtv0j?geDEg2RL4StY^&?-yV$)kVq?L__mrf!Z_&_N2a zP$~OusA*^9(-<3Cg?jn7fox6pRrR2|I}f>BA;DqQFu!bNkmK1}k3){{&HQ!}z5K6> z?UBi;Da3+FNUTXha#qOP9w8n_^Hf3EhTTf+2Rh}TY3m+E;p~AXJDpmy%K^qNAFXWc zVY$<#{e#;*O#{eCerG4Svhvt-1=}VpgiKe;9zu0?c^Rxw@)=1wlwbOhj4?)%CMrLo z!~2$6NJyWVmDQXuOw_~#!P>?~iHIWZuzDP^DB62+mLPHus;}CC?0tIz9h2g{J1GC~ z-AFTyQdw4%FyFY^+IN@$5yZ&M%#4MN{e8zBspg-1_JTa5Cjbs149>NhKj#rKxx8is z2&lsRd};s;pnfIzumg{<{hY;!eD^XzRiS+i=Cb#xe$?9L9O{_yENqpRX96 zhfZ7f1E9l8iQ0?i(o5)BTSrIP?t*kRTwG^Cm3~*$BIxNQXy85>iq^Cy^VoeM}TGK{Uw*ef>7~%IU>9{UfeAt`=T`PGBP_$xE|?Xk=G6$BFjhY?36S$ zMe8qB&cK2qhk%%vm!~_*Mr?$jL1U?py`>x9|COrlY8&99 z^CN-5#z%9tg#0&>XoOgB!v4Z{#4!+b^#1Nb+P=QN?paGj<-YH}6wu>q*?b5Ve5x5$ zBsHR_h>OcxF)^|1?oSy9@wvHigM-o`p`n4Bttf0_rlB-!Y)XfbyZTW=?hz`Mjl^oH z^|s+lCCSDIQ)PqW;{&0nbebJroIq0wy1H^@C~wG$JLcnS^Ko1YO(YK-s3ip&g5zOj zv!Rk~RIjmO&n0|?`a9wy5-s!r(UN~d2!j~9CMGn*#3ahf`mv{-j~H(BZyU7Vzr5Ub zmAC7#;AaUNKd{@i#IoPBVAOtQv(_`vdYt(a8k}hlYkM9UOXx zk{F!!CaC1TaUd%zD=$mZ|6Ja^bqxE+f)KlDSU*3pun<-EmEe3cPI#l_a@WY7J9yU< z2o=y84+em~fFDWc_9u__64dwFH%m@4khHUVKbFOd@O3(DfZSWo?!)*cBMVDkoG^L6 zU9-HHl2ZHvMHSaWvPuZz8}F@q6i|_qH*T10o#ns7>vVPtjHsw6B^WHEHypE|q5=(o z!J#%)GU2(o1_UWH*-cX@(|5b{ewbp~I#~=qIBd!S$w6FLR7AzgOO(c{CnhI{_U#+-|0xbs zAM$_2^5UABgdD{3UB5v%pqH1I3CqU0PCJqX?L`qt_a`(6geO(a2TtjaR5F#Ny*>B? z#A7pt+mK6Vt4Rj;cIDAq;OVRv$jHDU(_c+?i$Lnp%cTcUiHCs#MjFe4so=w~_IzAH zSdhF^5zhjfIa{vXjI}=1*_a&l^8W5X1c1iGJv?|3qJben0fGiTf%O)bAD#Q8qe-|i zsHmv+FbxPoE51BFJmgnaqO%MH@yuPMk5&1HiC{saDg04mDTHHl{T`6>83DfY=keH~ z_GnTHn~W?5C<+z&9mGII7c(}d24j%!H7%nsM1>+GGxn6NgIL=(+E$^tL#D&c+Lgh0 zF=IN$gkWGjLUwaBj~pp6G3qcgG;upS^v?Sol4#P5$SD|s#UC$GmXTir15%u)r3-~4 z4QSnLEiUU~wkz#KT$y-WndmM%e|n;JbHpVi5NE0lFh#Ly413^#vo9MC*KYbu4Z_XL zuec{dTkrr4=oX#aG8O_=DERnTP#C8?n$JusHy$f4fu^c=;=4E%1fH0Lq_yP_p7V9~ zW0uj17!m$ zA|gUyQCI+;)+5Vj%&)CQ_VepB)Kb@%5*1}^Y@2R-hyZ!+ppyvTUK0F~g28aryK0FA z#%TluNW(G6ez}Yb#{K$rIoDwI_R0$ZrrFLB!wbg75;J7G+g~m^z9pKToAc zyYdov8dNbgHxDw?Dl9IhW@bhKT0Mcl#o#C17A3T={U{y!)!zzqJ6f$;ezX&!g|WF0 zd7&q_9lQg+S*fm5t-#w-5suZ+)Rf=Yh=-1juG!@$h(Rtun`zqay025IPRe&B$eNto zvMqDYiJSD6|<<&lo42S5KP^__TubqoOZA)O~%f)&vCM`BnOTOgk09@rOwCwrXikhX%=r<%D)O32M8e3GXHd4 zAK5bUoA-T6R=K;sZ)?o+Mo-=q(#ZXEyX11Kij0g*DR-*u9Bt?5iVjm(|7Bb&Rxr7i zVUZ)MuTKsv%QxjfpbJ2-;bGbIQS;=~RQQm*vY%QnXd*W5C(A&w9h}b!cG?{1F|J*^ zp4C_%V#t*k3N@B)2gMqhIeaza)C7l|a&a&U1NKI=FbEiW_zd?YYV5>*;U zLPmwAjCA>W7OnGl&%}a`MUJtmtFXg^U5s|ym(gM-)#5)>mK^qyYNw{(^93&i;@}Xd zu}DcPQiZ+8Y}?O%p^5>;pWy9Vgbsx_J>-eSuEp@UBhEi2r%XRlaj|09%vK_R*g^uk zFH6hIdk@sg&(@3OOW8BldaX#0-rPKsEUpu+L9v6u=m%fA_R6+DaUsH}6@D*{O??pY zy<0C9@46pt_;}&>>;2~r*4#}VfSXXVvSI*T2E=Df8iqkOjE9R$Nlh(=G&Gq)X%k~7 zEh7V< zQK?y3$A%_(+zw!*{9n+nuhA9E85=!hv2k%j;)EWsREy;#)zt8YSyQQKXb|AX3xFHp z7k)&;6u!a|TDpQG3==6x(Bq8l$wy&|ilLQ(AY-T(#OZPkX4cB2gdir;wv28)M^jHl zh7++DuUy@2D*ADo{~?@z66Xs#@@|;Cj)z4`Twh;@QbGW74i1Nd0|9UZDA-a~R>(kL zWM#RdgtL$W)E{UVG~kSRwgPVgAC9D zHA=qBm}2?Nu&(E0hnAZK8z3aR>sVOzT0;&FtP2YZ*NnA@W-7FTbsRd7n3#fV?3cAG zblUK*(a{ZwB>i}gdZ*Hb)I|3*&2U$2xk!F1rcabi*fzQX5(2(UWm`jsO1@NVyZum} zXmBfm-PEYX2Wh4@0Qr|F=1O{a@E98#FMW}gEUm38 zTnC`lTT>6$hwct5?b~EYW#svcqKTHfm5SV3dd9L${~sbih|tLRa8FJuK>+~HmQIWS z;ED{MFX=#jVIl5p3}Ik*9wi4C=lWEcYF&B(XrP92k2FY5@21q5CjbW?xjQJ-y){)T zc1*gul*UX|)g-VD)}gPIVKs?*2QYTdP*g|2Z_H7+SuIuXg$RUV0qr3T)Lw_ zpkMKgW~=l-TS)=pVQ8ZEC;9@ z_gCQLeCb8!&a10a;r#WxzkmH`-lgTF_3-TMZ+NZGy=uCkH)f+A^o z`TofQsf76WfLfCQ>UZx@iDSTkpwhCN^D4S?odLl>4y2UXJ45swZ(@vU*^JdXJD(K8 zl{n=T;!a^)Wc>P*46PTpb>sxTG$$tUc(FNm*KH}7NxjIVL@Wm zvotPSg9=7Y`Xa~04yCk#D#)CioPYq=*fMfrOi=_o=t!ug>0bRz2Z!O)W))EWoOsCM z+!3{qm6{p`$-d7*Mfn?x~ zAolG}EI{h;F>!Vf1j^>gTkS*R_5~t@PN7<6W<@b7L!Zy39w%6Cw;%`KIBl@-@QS_! znMeVeSKsg7Vu`e9ql8hbPv)(y5^a?QolKBSXl|cTleIPGm95wR>upC-dy%ihFU;{l~6u%=G&A_ zGTE(TL5{!Dk%Pu z%C0_7poMm_F*5!1m{MKwbLkhp{KNh_Hh#;)SjFgxGEI%~L1bnLfd7yf$>6RRHzZbF zMknTQK1PCk+A?DxZ9UnDV-&98&a_XMX6XTT;>PwlQQ+Ok@Nlg6@M87Hw`yu?;hs6C z&GSlB+zH!%W4ll#V02_e9DvT& zS9aFcLG!jRe^m8n36!rAJD<63DW<2V1smww!h21aeCKrE;m5)u{Hk?a7yFaVukpNc zt~aSjC-V!CBd|zF7Dqh#G0YXS`9cp4h=HaRpmHBJib}wmS6W&+ri!c=c+ktX0$3Zd zBWWMJU76hJW@GS=rC9Nlzmu{qcKWuRJ+7|mcs=|fx=tO=N&GtruotOAgc&~!jSiN+ z&ZgRmBg(AXMbEqCQ@?P-MAVRr(LI@p5GN56sA1U z>$NK_ZEW1ViqQg^zObjh*9qHwy%7MK*|bH~&@+o_73bgxe;8mQ6_%7NiYDHEp`)Yo zZaYj`f!j9PsrK`|?m|UD*%~`kTPL&dKnj!sDEdj~V@{m?PqU>d-^ZJd$-jT+_$-x% z=i=iH3BnPx}dNI#u@%*8hmZe^VF`GP(;Dxp(MnFnC z@5KyP*3}IWWn#L~dWRWXZ!x~(s-bWiZ~zX>%8GjdB(B90GF4zrpyUpXMn=k9emQyC z;-sLUc;ui)s}OmvUlT&}_&4N$ z02iL?z5R%|cPik?^UZ#A`p`i8`Qbnhv{o|d7(@wGj)|#bSrh`?rG&`H zNTpwYaS8Z744c)Wq3Xxavghn>>!i||jncABXDX?ygGI5{HaCO69S}>$=K&=$9~V>T zN=o2r0!Km;8Wbc3kA&cGBZqsUusb_7wf0X@SX^G7^Q7G+a9Lpxl*i+=f!Jifd@zGq zG=T?)0>Yqpc{$wLDm({ttU;liDhyt;`*zDlzy*;d-niIyo^Pd$ zGUUbAu2i3X5MlE0o`~-15+?V(@~<@=3br=<>MU61zC}!%IU4q%^A7%Swz_vPAw&A} z=lXGLxDYG=a^lasc;mt}&`PU29}cFq>dj-g3DFD*5B}EKb7d;)>BWeLW7z369r@>S zWym3cu<(!&8uxkMIUv7fX%DkVHv~(|cI|u%ERc*Dj;BSA`Z7N;5r8Rl2cmFzA#7}P zyUEB8owN*?whj$T;$Ik$LRGqlhlUyT;DFmHyQRvZhDuoEo?F;Y>zMvZ{oinKcDOwH zzj~<1Bsv1t0U(*g-h5$KQB_SyNPx@R#NRU+@Ow&A$zo_V7V*6pVrU~^)%Eb0$P+Di zgGLyzwnphliYk++q^1_Su%MmA>~iiBnokR0zS#%QF)Dvwc>mI5!6yjCzBu*tFJNkXd}R7kqSX8Q&NLZ$kD7NF9I z2w=0+w6utUfq}p}5~ilKl5xZ_beQi&Wwn_(wBwo=uOe{Gihlki(rL2osWXd%k4NtZ zd^uq@fU-@~)w}HOrhnZ0Qq6W|FX?$|eIVA@*r@h@XmlC)UaK{0Wc{RmH%`Ktw~vM; ztI74vNSd~{t`nz-PbN`Bq~}u>sijp{aSWY^t1XL|n5o-0HpD!{$;ku=022liXaIb^ zx-p~U&`;*RMD-@tOEcID=lyAVQ%47xf&VkQKCnVfg%6ypEGhJ1-<`kWkf{CVP>M5V7NfIbS^jI z-*FU}mFlQrMvhN+PMUUHwyT|F05119zMk!IX3G)>y*XWt z)6n-s0ss~k6nj?J1>L^O7aV{wsj00U)!x48;Hl%+wYs#y+c8TQ!cLmR5-5^yi36pA zjbO0~J`?x#_ls7~_Rh`{aIgBX1J3{Y;VEk6%p2Sbz1kqgZqpx9_V%m*YrrPO2};xV z8hSb8zhRfVIir!?wmj}+frll6#0+aSYi<`EYA=dXcwBZk2*rRJ80571n~I(N9~C{t zT-R&&{r}MHsMs>);duvte1AEVj?ce(_VA5tVqbs>xTLUf59l4d{{F(z6v7xL1F=v? z#~M|ZP-EFTZI%|t?}P(!xglL$6bd;!fx@r%;}eHhYaAHzZZM1oqm*KhM<)8upFcge zQ#2e|K41cn%d3O@Eq(OB5pVsL>&>XMo7?-FQ(;GU#e)`O?cCcbB!RKj)z`7;=xD3n zF!W0@{x2-{tyU~g&(Bl7X~wT_5#iool1l(&3Yf5n&&i2(JDlk;WHTO49`aZZC7^@^ zu}f!LpTv;0U!pZ=R{|bAx4!>z<6jCtp2Th^mS{->Q?uo0z!)(xG{ynV;{d{6=hMZ= zDPXTJ_X?KXGJ}RQf`Wt5-!dpfcf7tlZYDpHkt%A!G&DBXdV(!&ZTsA2^}+#o{=MOf z8UYiNnLO&h`xUVJtJR~hYk*X#3#nQ9&Hlck?Qv|?LrAMM+Y zxt1>5UVGeVBtgkRSYR}9rxzcpCWqCRww#+0wKp(h<9s%^gDIj}1OJW#d%$e!Tkj3; zaU#txC{WU{5CclKgmT~2{=f6{0SX!b3?d_+6AF4Y97MSb{N9&d8Ka$^I@~Dz@u}_g zIrnufX1e^s#@adjdC-Z#K6D7$A@irO7Q+Gn7_T^zDpNynjBbAJf=O?sNZ1z1pwf{P}kEy}gw^GAaZT-Fn*DPblEQ zR;-YXqRdO>fZ11BRrTxfwCi!~>xa&(Z;QiAA3uA;O^tsqJDsoJO_`dSB8Zlx(M;`+ zrxFJs8fvOZ_grIB5`*Ffz~BIPs2>nuftdcW@F1`f7hc8QS6SQmuM{@ZA15^2qha8y z)@--P)w{%7|5jB+)hz)VJ6*_^5B`Xo8#O2|)w}kHnya&GpW>amKwJAjwo&!#@K>QU z)rre?j?7VcKR-Wfo;t797Fq)=pRI5TC;C^8#Kc54=PhZ@HN?FL@zdk=I@YWOi+JOQ zg*vl$4chW1=H~Q3otPEynktQGx%03*o?=HdC_2*lI`A)M(Dc|+Y zVT5fQ%<;>=tE<3Bkuk`}r&Yi3uAjgF@an)B85w{)bbG#SLs8L9303~FN`0M=PI{*eY z;p5|kbj@12CdS3Z@oi{SYNG>)76}!fQb1s7=>5q7 zyp${x28B@cZtg3IzLymp&fB-!nYqVf9b@c@wf549A$@%k5>RNUs%&pTem;2BY2aw^ zcE!7Ezp{De^i(|fQSRAC)b~}%(J_Dt7$0L9*$BoI0*x=S`M>x8J8FgDOqqQAe~Jt+ z7!gVovc+_DS;EjsW}rPv-EIPyM}(7wOYGPL1i-*TIzWC97~X5U&VB_NgUf6#+Ua{w z!owZP;Ks{^OFV1wlzc6C~dV9&2#dPgP>sB>8`e{a-F~C-z-6+dV$Q!^0akYENtBGolM= zQy_xDrK}J-5qdT@tPrdQ-X~ec2`XaVSaDt5rI>M{$D^lr%Wtaoejr%y{|(Qn)vm-I z9hLVuDBFfWAbT4a3;}PolU3SZ9+-g(HhH+(2U0(!Kd-x-G8@pa05MGfnCE!|D4lcl z7MRY?&W8KtL91xWvV zof!lb)y30QGLbeSu~h%1)_$1}xE8~WzDU3VXXe4Lhw3>1xnBd!`oA!NI_-X-KdNhK1t$YtCjW&~!mxToF(i`d)S zpUqS*vRatO!W^(&pu?5v$tqi0TLETTa#=jsUL7kksIE^5(qExqyPZE7!2BNtFsSf< z+?$%2&HFor=hxN2b8=3z!n5$dU|?YUHi;9waXi(T=XX9Wb-JD>xwu%WEjI;N3Df1y zDA~y#x|>$0FMFHGKndfA4+B6*w?3UkeJaPL`(<9=WBSSHR|ql$4GlI+zl{QurE?@6 zi=j$$<%m&vx*s2TbvapztQLBGI&@iXZt@@GpPU`9m8}v%K}EgncsvPJ1W0uAXA53y zyJ4f6=f~Ruz_thS@GBewxHOMv<&YR3pS4~Q0z^W5c6Q~Et6uP?Dg5;G3o@hXD`asoKW2>)&d$#R`;A3y%10=&5_p@^02@DF=+Sl{ zO{3JLb>c&X+#rqN)!yX3qQH6IY6|D?X*6|^t)*o*ptgqoFLF^)^)#Bqs{jVsyg$S6 z$UD3v>y{x{9N>?|S*5tK2?z)P2wOvVPYubp@b!(yYmCj@9)%?^O$(BNDo9j`83z3a DBGk*0 literal 0 HcmV?d00001 diff --git a/light.png b/light.png new file mode 100644 index 0000000000000000000000000000000000000000..6c316edd3ff63234f6911f8d6f92c0b71ca9bd94 GIT binary patch literal 12638 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
  • AdNB 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 literal 0 HcmV?d00001 diff --git a/userChrome.css b/userChrome.css new file mode 100644 index 0000000..60748e6 --- /dev/null +++ b/userChrome.css @@ -0,0 +1,1166 @@ +/* GLOBAL SETTING */ + +/* Fonts */ + +* { + font-family: monospace !important; +} + +/*------------------------------------------------*/ +/* Background Color */ + +@media (prefers-color-scheme: dark) { +#nav-bar, +#navigator-toolbox, +#sidebar-box, +#tabbrowser-tabbox, +#tabbrowser-tabpanels, +#browser, +#appcontent, +#sidebar-select-box, +.browser-sidebar2, +tab.tabbrowser-tab *{ + background-color: #1a1a1a !important; +} + +} +@media (prefers-color-scheme: light) { +#nav-bar, +#navigator-toolbox, +#sidebar-box, +#tabbrowser-tabbox, +#tabbrowser-tabpanels, +#browser, +#appcontent, +#sidebar-select-box, +.browser-sidebar2, +tab.tabbrowser-tab *{ + background-color: #e6e6e6 !important; +} +} + +#PersonalToolbar { + background: transparent !important; +} + +/*============================================================================================*/ +/* NAV BAR */ + +/* Auto hide icons on the Nav Bar */ +#nav-bar > #nav-bar-customization-target *:not(#urlbar-container):not(#urlbar-container *), +#PanelUI-button { + opacity: 0 !important; + transition: opacity 0.7s ease !important; +} + +#nav-bar:hover > #nav-bar-customization-target *:not(#urlbar-container):not(#urlbar-container *), +#nav-bar:hover > #PanelUI-button { + opacity: 1 !important; + transition: opacity 0.3s ease !important; +} + +/*------------------------------------------------*/ +/* Remove line between website content and top bar */ + +#navigator-toolbox { + border-bottom: var(--firefoxcss-top-bar-border-bottom-size) solid + var(--firefoxcss-top-bar-border-bottom-color) !important; +} + +/*------------------------------------------------*/ +/* Remove the 3 dots from Alt Key */ + +#titlebar #toolbar-menubar .titlebar-buttonbox-container{ + display: none !important; +} + +/*------------------------------------------------*/ +/* Move menu buttons to the left side */ + +#nav-bar #PanelUI-button #PanelUI-menu-button { + padding-right: 2px !important; + padding-left: 4px !important; +} + +#nav-bar #PanelUI-button { + -moz-box-ordinal-group: 0 !important; + order: 0 !important; +} + +toolbar:not([customizing]) > #nav-bar-overflow-button { + -moz-box-ordinal-group: 1 !important; + order: 1 !important; +} + +toolbar:not([customizing]) > #nav-bar-customization-target { + -moz-box-ordinal-group: 2 !important; + order: 2 !important; +} + +#appMenu-popup { + margin-inline: -244px !important; +} + +#widget-overflow { + margin-inline: -320px !important; + } + +/*------------------------------------------------*/ +/* Macos Style window buttons */ + +:root { + --firefoxcss-control-buttons-margin: 95px; +} + +#navigator-toolbox #nav-bar { + padding-right: calc(var(--firefoxcss-control-buttons-margin) - 10px) !important; +} + +#navigator-toolbox:not([inFullscreen]) + #TabsToolbar + .titlebar-buttonbox-container { + visibility: visible !important; + display: flex !important; + position: absolute !important; + top: 2px !important; + left: unset !important; + right: 0 !important; + padding-top: 10px !important; + padding-bottom: 2px !important; + padding-right: 8px !important; + padding-left: 2px !important; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-button { + width: 14px !important; + min-width: 14px !important; + min-height: 14px !important; + height: 14px !important; +} + +#navigator-toolbox[inFullscreen] #TabsToolbar .titlebar-buttonbox-container{ + padding-top:4px !important; + padding-bottom: 4px !important; + padding-right: 8px !important; + padding-left: 4px !important; + margin: 0 !important; + align-items: center !important; +} + +:root:-moz-window-inactive:not([customizing]) + :is(.titlebar-buttonbox) + > toolbarbutton:not(:hover) { + opacity: 0.65 !important; +} + +:is(.titlebar-buttonbox) .toolbarbutton-icon { + opacity: 1 !important; + appearance: none !important; +} + +#TabsToolbar .titlebar-button > .toolbarbutton-icon { + width: 14px !important; + min-width: 14px !important; + min-height: 14px !important; + height: 14px !important; + stroke: none !important; +} + +#TabsToolbar .titlebar-buttonbox { + margin-right: 2px !important; + margin-left: 0px !important; +} + +#TabsToolbar .titlebar-button { + background-color: transparent !important; + appearance: none !important; + padding: 0px !important; + margin: 0 !important; + padding-left: 0px !important; + padding-right: 0px !important; +} + +#TabsToolbar .titlebar-close { + appearance: none !important; + -moz-box-ordinal-group: 2 !important; + order:2 !important; +} + +#TabsToolbar .titlebar-min { + appearance: none !important; + -moz-box-ordinal-group: 0 !important; + order:0 !important; +} + +#TabsToolbar .titlebar-max, +#TabsToolbar .titlebar-restore { + appearance: none !important; + -moz-box-ordinal-group: 1 !important; + order:1!important; +} + +#TabsToolbar .titlebar-buttonbox-container:not(:hover) .titlebar-buttonbox .titlebar-button { + background-color: hsla(0, 0%, 65%, 1) !important; + transition: background-color 400ms ease 400ms !important; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-button > .toolbarbutton-icon { + list-style-image: none !important; + margin: 0px !important; + padding: 0px !important; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-buttonbox .titlebar-button { + border-radius: 50% !important; + margin-left: 8px !important; + position: relative !important; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-min{ + background-color: #fac536 !important; + overflow: hidden !important; + transition: background-color 200ms ease !important; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-min::before{ + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%); + width: 70%; + height: 2px; + opacity: 0; + background: rgba(0, 0, 0, 0.6); + border-radius: 2px; + transition: 200ms; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-min:hover::before{ + opacity: 1; + top: 50%; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-max, +#TabsToolbar .titlebar-buttonbox-container .titlebar-restore{ + background: #39ea49 !important; + overflow: hidden !important; + transition: background-color 200ms ease !important; +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-max::before{ + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%); + width: 55%; + height: 55%; + opacity: 0; + background: rgba(0, 0, 0, 0.6); + border-radius: 2px; + transition: 200ms; +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-max::after{ + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%) rotate(-45deg); + width: 3px; + height: 80%; + opacity: 0; + background: #39ea49; + transition: 200ms; +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-max:hover::before, +#TabsToolbar .titlebar-buttonbox-container .titlebar-max:hover::after{ + opacity: 1; + top: 50%; +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-close{ + background: #f25056 !important; + overflow: hidden !important; + transition: background-color 200ms ease !important; +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-close::before{ + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%) rotate(-45deg); + width: 2px; + height: 9px; + opacity: 0; + background: rgba(0, 0, 0, 0.65); + border-radius: 1px; + transition: 200ms; +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-close::after{ + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%) rotate(45deg); + width: 2px; + height: 9px; + opacity: 0; + background: rgba(0, 0, 0, 0.65); + border-radius: 1px; + transition: 200ms; + +} +#TabsToolbar .titlebar-buttonbox-container .titlebar-close:hover::before, +#TabsToolbar .titlebar-buttonbox-container .titlebar-close:hover::after{ + opacity: 1; + top: 50%; +} + + #TabsToolbar .titlebar-buttonbox-container .titlebar-restore:before { + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%); + width: 8px; + height: 8px; + opacity: 0; + background: rgba(0, 0, 0, 0.65); + border-radius: 2px; + transition:200ms; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-restore:after{ + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, -50%); + width: 4px; + height: 4px; + opacity: 0; + background: #39ea49; + border-radius: 0px; + transition: 200ms; +} + +#TabsToolbar .titlebar-buttonbox-container .titlebar-restore:hover::before, +#TabsToolbar .titlebar-buttonbox-container .titlebar-restore:hover::after{ + opacity: 1; + top: 50%; +} + +#navigator-toolbox #TabsToolbar .titlebar-buttonbox-container { + -moz-box-ordinal-group: 1 !important; +} +#navigator-toolbox[inFullscreen] #navigator-toolbox #TabsToolbar .titlebar-buttonbox-container { + -moz-box-ordinal-group: 1 !important; +} + +@media only screen and (max-width: 370px) { + #main-window #navigator-toolbox:not([inFullscreen]) + #TabsToolbar + .titlebar-buttonbox-container { + visibility: visible !important; + position: relative !important; + padding-top: 4px !important; + padding-bottom: 2px !important; + padding-right: 8px !important; + padding-left: 2px !important; + } + + #main-window #navigator-toolbox:not([inFullscreen]) #nav-bar { + padding-right: initial !important; +} +} + +/*------------------------------------------------*/ +/* Make Tab Bar join with URL Bar on the left */ + +:root { + --tab-border-radius: 3px !important; + --NavbarWidth: 2; + --TabsHeight: 36; + --TabsBorder: 8; + --NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder)) +} + +#nav-bar { + margin-top:calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px)!important; + height: calc((var(--TabsHeight) * 1px + var(--TabsBorder) * 1px) + 0px) +} + + + +#nav-bar { + margin-left: 35px !important; +} + +#urlbar-container { + min-width: 0px !important; + flex: auto !important; +} + + +@media screen and (max-width:100px) { + #TabsToolbar { + margin-right: 0 !important; + } + #nav-bar { + margin-left: 0 !important; + } +} + +/*------------------------------------------------*/ +/* Make active tab to hidden tab */ + +tab:not([selected="true"]), +[part="overflow-start-indicator"], +[part="overflow-end-indicator"], +#scrollbutton-up, +#scrollbutton-down, +#TabsToolbar .titlebar-spacer, +.tabbrowser-tab[selected="true"] .tab-text, +.tabbrowser-tab[selected="true"] .tab-close-button, +.tab-line, +.tab-throbber { + display: none !important; +} + +.tabbrowser-tab[selected="true"] { + min-width: 37px !important; + max-width: 37px !important; +} + +tab, +.tabbrowser-tab { + padding-left: 0 !important; + margin-left: 0 !important; +} + +.tab-background { + outline: none !important; + box-shadow: none !important; +} + +.tab-icon-image { + height: 32px !important; + width: 32px !important; + border-radius: 10px !important; + } + +@media (prefers-color-scheme: dark) { + .tab-icon-image { + content: url('dark.png') !important; + } +} + +@media (prefers-color-scheme: light) { + .tab-icon-image { + content: url('light.png') !important; + } +} + + +/*------------------------------------------------*/ +/* Hide all buttons in active tab context menu except for split tab and extensions */ + +#main-window #context_openANewTab, +#main-window #context_reloadTab, +#main-window #context_toggleMuteTab, +#main-window #context_playTab, +#main-window #context_pinTab, +#main-window #context_duplicateTab, +#main-window #context_bookmarkTab, +#main-window #context_moveTabOptions, +#main-window #context_reopenInContainer, +#main-window #context_toggleToPrivateContainer, +#main-window #context_selectAllTabs, +#main-window #context_closeTab, +#main-window #context_closeTabOptions, +#main-window #context_undoCloseTab, +#context_MoveTabToOtherWorkspace, +#main-window #tabContextMenu menuseparator { + display: none !important; +} + + + +/*============================================================================================*/ +/* EXTENSION */ + +/* Make extensions looks minimal */ + +#unified-extensions-view #unified-extensions-manage-extensions .toolbarbutton-text::before { + content: "• • •"; + font-size: 15px; + visibility: visible !important; + display: block; + text-align: center; +} + +#unified-extensions-panel #unified-extensions-view { + width: 100% !important; +} + +#unified-extensions-view{ + --uei-icon-size: 22px; + --firefoxcss-number-of-extensions-in-a-row: 4; +} + + +#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton, +#unified-extensions-view .unified-extensions-item-action-button .unified-extensions-item-contents{ + display:none !important; +} + +#unified-extensions-view .panel-subview-body { + padding: 10px !important; +} + +#unified-extensions-view .unified-extensions-item .unified-extensions-item-icon, +#unified-extensions-view .unified-extensions-item .toolbarbutton-badge-stack { + margin-inline-end: 0px !important; +} + +#unified-extensions-view #overflowed-extensions-list, +#unified-extensions-view #unified-extensions-area, +#unified-extensions-view .unified-extensions-list { + display: grid !important; + grid-template-columns: repeat(var(--firefoxcss-number-of-extensions-in-a-row),auto); + justify-items:left !important; + align-items:left !important; +} + + + +/*============================================================================================*/ +/* URL BAR */ + +/* Make text in URL bar in the center */ + +#nav-bar { + display: flex; + justify-content: center; +} + +#urlbar-container { + flex: 1; + max-width: 1000px; + min-width: 200px; + margin: auto !important; +} + +#main-window #urlbar { + z-index: 9999 !important; + width: 100% !important; + margin-top: 0 !important; + margin-left: 0 !important; + margin-right: 0 !important; + transition: width 0.3s ease, left 0.3s ease, margin-top 0.3s ease, margin-left 0.3s ease, margin-right 0.3s ease; +} + +#main-window #urlbar[breakout][breakout-extend] { + opacity: 0.97 !important; + width: 100% !important; + left: 0; + right: 0; + margin-left: auto !important; + margin-right: auto !important; + margin-top: 30vh !important; + transition: width 0.3s ease, left 0.3s ease, margin-top 0.3s ease, margin-left 0.3s ease, margin-right 0.3s ease; +} + +#urlbar-background, +#urlbar-input-container { + --toolbarbutton-border-radius: calc(var(--urlbar-min-height) / 2); +} + +#urlbar-input-container { + --urlbar-icon-border-radius: calc(var(--toolbarbutton-border-radius) - 1px); +} + +#urlbar:not([focused]) #urlbar-input { + text-align: center !important; +} + +#urlbar:not([breakout][breakout-extend]) #urlbar-input { + text-align: center !important; +} + +/*------------------------------------------------*/ +/* Change URL Bar background color */ +@media (prefers-color-scheme: dark) { + #urlbar-background { + background-color: #2a2a2a !important; + } +} + +@media (prefers-color-scheme: light) { + #urlbar-background { + background-color: #d6d6d6 !important; + } +} + +@media (prefers-color-scheme: dark) { +#urlbar-results > *[selected=""] { + background-color: #424242 !important; +} +} + +@media (prefers-color-scheme: light) { +#urlbar-results > *[selected=""] { + background-color: #e8e8e8 !important; +} +} + + +/*------------------------------------------------*/ +/* Hide and Hover icons in URL Bar */ + +#nav-bar:not([customizing="true"]):not(.searchButton) + > #nav-bar-customization-target + > #urlbar-container:not(:hover) + > #urlbar:not([focused]) + > #urlbar-input-container + > #page-action-buttons + .urlbar-page-action { + opacity: 0; + transition-delay: 500ms; +} + +#nav-bar:not([customizing="true"]):not(.searchButton) + > #nav-bar-customization-target + > #urlbar-container:not(:hover) + > #urlbar:not([focused]) + > #urlbar-input-container + > #identity-box + > #identity-permission-box:not([open]) { + opacity: 0; + transition-delay: 500ms; +} + +#page-action-buttons .urlbar-page-action, +#identity-permission-box, +#notification-popup-box .notification-anchor-icon { + transition: opacity 0.2s ease; +} + +#urlbar #identity-icon-box, +#urlbar #identity-permission-box { + opacity: 0 !important; + margin-inline-start: calc(-16px - 2 * var(--urlbar-icon-padding)); + transition: margin-inline-start 100ms linear, opacity 200ms linear; +} + +#urlbar #identity-box.notSecureText #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; + color: #e36f6f !important; +} + +#urlbar #identity-box.extensionPage #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; +} + +#identity-box:hover #identity-icon-box, +#identity-box:hover #identity-permission-box, +#identity-box #identity-permission-box[open="true"] { + opacity: 1 !important; + margin-inline-start: initial !important; +} + +#urlbar-input-container .urlbar-input-box { + padding-inline-start: 2px !important; +} + +#identity-box:hover ~ .urlbar-input-box > #urlbar-input { + mask-image: linear-gradient(to right, transparent, black 3ch) !important; +} + +#page-action-buttons { + padding-inline-start: 8px; +} + +#page-action-buttons .urlbar-page-action { + margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding)); + opacity: 0; + transition: margin-inline-end 100ms linear, opacity 200ms linear; +} + +#page-action-buttons:hover > .urlbar-page-action, +.urlbar-page-action[open], +.urlbar-page-action[open] ~ .urlbar-page-action { + opacity: 1; + margin-inline-end: 0px !important; +} + +#identity-box.chromeUI #identity-icon-box { + opacity: 1 !important; + margin-inline-start: initial; +} + +#identity-box.chromeUI::after, +#identity-box.chromeUI:hover::after { + opacity: 0 !important; +} + +#page-action-buttons:not(:hover) #translations-button[translationsactive="true"]:not([open]) { + visibility:collapse !important; +} + + +/*------------------------------------------------*/ +/* Create visual dots on both sides */ +#identity-box::after, +#page-action-buttons::before { + position: relative; + content: "•••"; + pointer-events: none; + transition: opacity 100ms ease; + align-self: center; + font-size: 0.7em; +} + +#identity-box::after, +#page-action-buttons::before { + opacity: 0.2; +} + +#identity-box::after { + transform: rotate(90deg); + left: 4px; +} + +#page-action-buttons::before { + transform: rotate(-90deg); + right: 4px; +} + +#identity-box:hover::after, +#page-action-buttons:hover::before { + opacity: 0.2 !important; + transition: opacity 50ms ease; + pointer-events: none; +} + +#identity-box[pageproxystate="invalid"]::after, +#urlbar-input-container[pageproxystate="invalid"] + > #page-action-buttons::before { + opacity: 0 !important; + transition: opacity 50ms ease; +} + +/* Linux changes for visual dots */ +@media (-moz-platform: linux) { + #identity-box::after, + #page-action-buttons::before { + content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>'); + transform: none; + font-size: unset; + } + + #page-action-buttons::before { + right: 2px; + } + + #identity-box::after { + left: 2px; + } +} + +#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button, +#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button, +#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, +#urlbar-label-box, +#urlbar-zoom-button { + background-color: var(--firefoxcss-item-bg-color) !important; +} + +#urlbar-zoom-button:hover { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; +} + +#urlbar-input-container #identity-box > .identity-box-button, +#tracking-protection-icon-container, +#urlbar-go-button, +#page-action-buttons .urlbar-page-action, +#notification-popup-box { + border-radius: 8px !important; +} + +#urlbar-go-button, +#tracking-protection-icon-container +{ + display: none !important; +} + + + +/*============================================================================================*/ +/* BOOKMARK BAR */ + +/* Variables for toolbar & bookmark attributes */ +:root { + --uc-bm-height: 24px; + --uc-bm-padding: 6px; +} + +/* Style for Personal Toolbar */ +#PersonalToolbar { + position: relative !important; + padding: 1px 6px !important; +} + +/* Additional padding for touch density */ +:root[uidensity="touch"] #PersonalToolbar { + --uc-bm-padding: 6px; +} + +/* Transform and delay transition of Personal Toolbar */ +#PersonalToolbar:not([customizing]) { + margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)) !important; + transform: rotateX(90deg) !important; + transform-origin: top !important; + transition: transform 0.1s ease-in-out 0.6s !important; + z-index: 2 !important; +} + +/* Bookmark item padding and icon transition */ +#PlacesToolbarItems > .bookmark-item { + padding-block: var(--uc-bm-padding) !important; + padding-left: 6px !important; + padding-right: 6px !important; +} +#PlacesToolbarItems > .bookmark-item .toolbarbutton-icon { + transition: opacity 0.1s ease-in-out 0.4s !important; + opacity: 0 !important; +} + +/* Hover effect for toolbar and bookmark icon/text */ +#navigator-toolbox:hover > #PersonalToolbar, +#navigator-toolbox:hover #PlacesToolbarItems > .bookmark-item .toolbarbutton-icon, +#navigator-toolbox:hover #PlacesToolbarItems > .bookmark-item .toolbarbutton-text { + transition-delay: 100ms !important; + transform: rotateX(0) !important; + opacity: 1 !important; +} + +/* Bookmark item text transition */ +#PlacesToolbarItems > .bookmark-item .toolbarbutton-text { + transition: opacity 0.1s ease-in-out 0.4s !important; + opacity: 0 !important; +} + +/* Fix the white line above the bookmarks bar when it's empty */ +#personal-toolbar-empty { + padding: 2px !important; +} + +/*------------------------------------------------*/ +/* Make it good in transparent bg */ + +@media (prefers-color-scheme: dark) { +#PlacesToolbarItems > * { + background: #333333 !important; +} + +#PlacesToolbarItems > *:hover { + background: #555555 !important; +} +} + +@media (prefers-color-scheme: light) { +#PlacesToolbarItems > * { + background: #cccccc !important; +} + +#PlacesToolbarItems > *:hover { + background: #eeeeee !important; +} +} + + + +/*============================================================================================*/ +/* SIDE BAR */ + +/* Expand Side bar on hover */ + +#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] { + --sidebar-width: 40px; + --sidebar-hover-width: 512px; + position: relative; + min-width: var(--sidebar-width) !important; + width: var(--sidebar-width) !important; + max-width: var(--sidebar-width) !important; + z-index: 1; +} + +#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]>#sidebar { + transition: min-width 200ms ease-in-out !important; + min-width: var(--sidebar-width) !important; + will-change: min-width; + transition-delay: 0.3s !important; /* Delay on hover off */ +} + +#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover>#sidebar { + min-width: var(--sidebar-hover-width) !important; + transition-delay: 0.1s !important; /* No delay on hover on */ +} + +#sidebar-box { + opacity: 0.9; + +} + +/*------------------------------------------------*/ +/* Hide Side bar header and line */ + +#sidebar-header, +#sidebar-splitter { + display: none !important; +} + +/*------------------------------------------------*/ +/* Sidebar Border */ + +@media (prefers-color-scheme: dark) { +#sidebar-box #sidebar, +#sidebar-box #webextpanels-window { + border-radius: 15px !important; + margin: 15px 15px 15px 5px !important; + border: 3px solid rgba(204, 204, 204, 0.3); + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} + +#sidebar-box #sidebar:hover, +#sidebar-box #webextpanels-:hover { + border: 3px solid rgba(204, 204, 204, 0.6); + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} +} + +@media (prefers-color-scheme: light) { +#sidebar-box #sidebar, +#sidebar-box #webextpanels-window { + border-radius: 15px !important; + margin: 15px 15px 15px 5px !important; + border: 3px solid rgba(51, 51, 51, 0.1); + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} + +#sidebar-box #sidebar:hover, +#sidebar-box #webextpanels-window:hover { + border: 3px solid rgba(51, 51, 51, 0.6); + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} +} + +/*============================================================================================*/ +/* SIDE BAR 2 (FLOORP) */ + +/* Make splitter invisible */ + +#sidebar-splitter2 { + appearance: none !important; + width: 10px !important;; /* Set initial width */ + transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out; /* Add transitions */ +} + +#sidebar-splitter2:hover { + width: 20px !important; /* Width on hover */ + opacity: 1; /* Opacity on hover */ +} + + +/*------------------------------------------------*/ +/* Hide Floorp sidebar header */ + +#sidebar2-header { + max-height: 0.5em !important; + min-height: 0.5em !important; + opacity: 0 !important; + transition: max-height 0.3s ease-in-out, min-height 0.3s ease-in-out, opacity 0.3s ease-in-out; +} + +#sidebar2-header:hover { + max-height: 2.5em !important; + min-height: 2.5em !important; + opacity: 1 !important; +} + + +/*------------------------------------------------*/ +/* Floorp Sidebar Border */ + +@media (prefers-color-scheme: dark) { +#sidebar2-box browser { + border-radius: 15px !important; + margin: 15px 15px 15px 0px !important; + border: 3px solid rgba(0, 0, 0, 0); + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} + +#sidebar2-box browser:hover { + border: 3px solid rgba(204, 204, 204, 0.6); + box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); +} +} + +@media (prefers-color-scheme: light) { +#sidebar2-box browser { + border-radius: 15px !important; + margin: 15px 15px 15px 0px !important; + border: 3px solid rgba(51, 51, 51, 0.1); + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} + +#sidebar2-box browser:hover { + border: 3px solid rgba(51, 51, 51, 0.6); + box-shadow: 0 0 10px 5px rgba(255,255,255,0.2); +} +} + +/*------------------------------------------------*/ +/* Floorp Sidebar Select Box Styling */ + +#sidebar-select-box { + align-items: center !important; + background-color: transparent !important; +} + +.sidepanel-icon { + border-radius: 10px !important; +} + +/*------------------------------------------------*/ +/* Floorp Sidebar Border */ + +@media (prefers-color-scheme: dark) { +#sidebar-select-box { + border-radius: 15px !important; + margin: 15px 10px 15px 15px !important; + border: 3px solid rgba(204, 204, 204, 0) !important; + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} + +#sidebar-select-box:hover { + border: 3px solid rgba(204, 204, 204, 0.6) !important; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} +} + +@media (prefers-color-scheme: light) { +#sidebar-select-box { + border-radius: 15px !important; + margin: 15px 10px 15px 15px !important; + border: 3px solid rgba(51, 51, 51, 0.1) !important; + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} + +#sidebar-select-box:hover { + border: 3px solid rgba(51, 51, 51, 0.6) !important; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} +} + +/*------------------------------------------------*/ +/* Hide random stuff coming out of Floorp Sidebar */ + +.browser-sidebar2 { + border: none !important; + border-bottom: none !important; +} + +#sidebar2-box[style="min-width: 0px; order: 6; width: 415px; max-width: 0px;"] > * { + display: none !important; +} + +/*============================================================================================*/ +/* MAIN BROWSER */ + +/* Browser Border */ + +@media (prefers-color-scheme: dark) { +#appcontent browser { + border-radius: 15px !important; + margin: 15px 15px 15px 15px !important; + border: 3px solid rgba(0, 0, 0, 0); + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} + +#appcontent browser:hover { + border: 3px solid rgba(204, 204, 204, 0.6); + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} +} + +@media (prefers-color-scheme: light) { + #appcontent browser { + border-radius: 15px !important; + margin: 15px 15px 15px 15px !important; + border: 3px solid rgba(51, 51, 51, 0.1); + transition: border 0.3s ease; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} + +#appcontent browser:hover { + border: 3px solid rgba(51, 51, 51, 0.6); + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} + +} + +/*============================================================================================*/ +/* FIND BAR */ + +/* CTRL+F Search Bar Border */ + +@media (prefers-color-scheme: dark) { +.browserContainer > findbar { + border-radius: 15px !important; + margin: 0px 15px 0px 15px !important; + border: 3px solid rgba(204, 204, 204, 0.3) !important; + transition: border 0.3s ease !important; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} + +.browserContainer > findbar:hover { + border: 3px solid #ccc !important; + box-shadow: 0 0 10px 5px rgba(0,0,0,0.5); +} +} + +@media (prefers-color-scheme: light) { +.browserContainer > findbar { + border-radius: 15px !important; + margin: 0px 15px 0px 15px !important; + border: 3px solid rgba(51, 51, 51, 0.1) !important; + transition: border 0.3s ease !important; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} + +.browserContainer > findbar:hover { + border: 3px solid rgba(51, 51, 51, 0.6) !important; + box-shadow: 0 0 10px 5px rgba(255,255,255,0.5); +} +} + +/*------------------------------------------------*/ +/* Text in the center */ +.browserContainer > findbar .findbar-textbox { + border-radius: 10px !important; + text-align: center !important; +} + + + +