From 18843dd3c888c81250e44ab7d45e8c4904180329 Mon Sep 17 00:00:00 2001 From: Alina Marquardt Date: Tue, 28 Feb 2023 18:23:53 +0000 Subject: [PATCH] added sprites --- css/main.css | 47 +++++++++++++++++++++++++++++++++-------------- images/wood.png | Bin 7762 -> 3232 bytes index.html | 6 +++--- sass/main.scss | 45 ++++++++++++++++++++++++++++++++------------- 4 files changed, 68 insertions(+), 30 deletions(-) diff --git a/css/main.css b/css/main.css index e8f8a99..ac94dd9 100644 --- a/css/main.css +++ b/css/main.css @@ -18,7 +18,7 @@ body { } footer { - height: 60px; + height: 50px; width: 100%; bottom: 0px; right: 0px; @@ -28,30 +28,33 @@ footer { } h1, logo span { - font-family: "Langar", sans-serif; + font-family: "VT323", sans-serif; position: absolute; - font-size: 1.6rem; + font-size: 2rem; line-height: 1.3em; font-weight: 400; - top: -36px; + top: -42px; color: white; width: 100%; - padding-left: 15px; + padding-left: 0px; cursor: pointer; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ - text-shadow: 0px 2px rgba(0, 0, 0, 0.5); + text-shadow: 0px 3px rgba(0, 0, 0, 0.5); } -logo span { - margin-top: 2px; -} - -h1 span { - font-family: sans-serif; - font-weight: bold; - margin-right: 0.2em; +h1::before, logo span::before { + content: ""; + display: inline-block; + position: relative; + vertical-align: -6px; + margin: 0 6px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAAeCAMAAACylMSIAAAACVBMVEX///8AAAD///9+749PAAAAAnRSTlMAf7YpoZUAAAC3SURBVHja7ZbRCoQwDATd/v9HHxQM4SYJxYNehcyDD013O4qI107G5Peelt4sPRz1toX4w35GsoaW/pe0pKI3PHWAbKqJH7X066QL70LLgn5KXQbXpXXT0rulQVbEW7IiZkeCBeuzsufV0sdKs46v76K0927pl0ozY1oe3TAl6evKDeufvJY+TZrrJJwGxhMY4wis2HpLnyYtyQ54/KvNcits6cOlBcINV06RIjYNd4Yrklp6u/QHWCYPKBXAoUwAAAAASUVORK5CYII="); + width: 30px; + height: 30px; + background-size: 180px 30px; + background-position: 30px 0; } article { @@ -82,12 +85,19 @@ article.expanded { z-index: 120 !important; } +#article1 h1::before { + background-position: 120px 0; +} + #article2 { top: 132px; right: 147px; z-index: 29; width: calc(100% - 460px); } +#article2 h1::before { + background-position: 150px 0; +} #article3 { top: 175px; @@ -95,6 +105,9 @@ article.expanded { z-index: 28; width: calc(100% - 600px); } +#article3 h1::before { + background-position: 60px 0; +} #article4 { top: 243px; @@ -103,6 +116,9 @@ article.expanded { z-index: 27; width: calc(100% - 600px); } +#article4 h1::before { + background-position: 90px 0; +} logo { width: 800px; @@ -136,5 +152,8 @@ logo.sidebar { z-index: 10; border-color: #498584; } +logo span::before { + background-position: 0px 0; +} /*# sourceMappingURL=main.css.map */ diff --git a/images/wood.png b/images/wood.png index dcea5be80a48d8653e71969785701fb817eb5e1c..179707fdc786c507ae00fbf32fc73e5329f1dd8c 100644 GIT binary patch literal 3232 zcmV;R3}5q!P)QCLR$TYooDxoo=XS-Np{C(1%@iG7>EEZa>%KIwP}LVqvuC@3tFk-JQYmm+)WIN)%m+?r$a@o(Kmu%KZ69I zqXEHUSXjpu{?RV;cTZ?*!(ze6YD;r74)no9CJI;< z77M&+P{QbKrtF<*j2Ef~iYVji6Ek3NjHRn}aEb!9b61yOcNU-BONEme!+qa?*kGad+$gETE z4a0C72bFjg7OS|tU;ta1R_QvDemodKa(pE`5CG}gV?3zeXum)de6O%r8OS)l&B%jX zd=f`R$>vO_??|gBvz{neI4lrWt;mr`<17ptus6bD;ru`^v0U{n3m|F+WO3hqrLt@i$Y`x_!(zcJLd(6S zy<%I}yl)5S$C~2%Awt8d_sCd(zN0GJJc&|-8Z-38b}I&v6B3cJ zUZotgMGu~!bKETPv5eu`Gh-+MO1yn3O@dB3{TtrHZBCJ$4n!2Rg~h^aXgpD*#6F>D z$&{dlmru6|=v)R@?m6xtFC;9Mg5E1sWif*V9NFJ}edq_J}hgur$Y&B6s!CBhKh7ab|RuYc_+M-t+8SrLb5E zMl0XUoK_M9GALN%&008BKu15KBt^=6C0BYz2E$^BFR{a|>uqLd9ZUV^Rgz=~cb9d6 zkq3#9m=YGNONn``1|$NG7wiNc1ziiB6(JCz7g5q3+kVF-!(tiIt_)?S&p{>$6O?%N z3EUhKXfNL}WbOr{UlMN0e&L9dJos1-NIa!P>ozuvny1 z@?;%62*v-qs?Y)tiV9J6(1~_?W`napP8AkwatLygz^L?a=zZpPQUz*B0;m>NbT8*_ zL4}V8N?5EUk&UKrvEzdnGzLj6uuMsFqVvrRC?(SgI2rMdcXXRFm9tIUgniw2b7RGkFsd!*&yuEb}xJv0D`>W;o+SgcYw2yqDA zKW`1Nmg&GV*nY6a<-0zS0bY1~FhOg(q5(Lx!(x#X74q6Mo-TFg%r|2x4C6=hCFSu; zQ5Z&vi-q(RYRzSUR1gC!psUuI(LEdaE7y=wT_FxTnrTp{T8gk(x~DDZB#EOE1EQBu z)dYfauqvHVp`-g2OV*L7egcAtfw7v-sdV}I9J+LXekeX`M6Z24_x6?K=Zr#mNoUsEYb{&J?8-`{kT35%r~JErswC19t9bX}#BMp2oX z3e(ZZ?W9<3SS;;c^y-xDbG=BpbK)>AMfpB}@lE3T6fOy7S{R79SQLE#1JUj+RB9PH ze^e2!O1;q~O>jJrEG(82FUl{2+*!rYWuq}o<)Nh>$ncPvMClaRrOAtmr9f@dzh>6& zrmUV)2sGak#mK1o3_9?_)1VO+OTMh?&pO6{IHD>3lahRZwwIJ=qLixWuvj8Ud}%}} zkI*dzeE+iyQXr{RSS%0^ZGN*%)8y_qY+J3g!Q-3hllT4w><6l_o^se>vEVCEYnzTb z0oI5P7eCF#Q3!*a$W91G`)Tjkf{Jv5f~bN26Dt@DSJfX03vt$j6NbeLLB{05w|^QUNtNDPUoYDs--}&*(`dSKSL7j9cES7wug7s_dxH8-@(3oFy z!%NY{k_6DbHi;j!p|N^iRKNiASYZNr5+K`7)dzZBzbnWEYVsY+x6NU(SYBoZzLcBH z3FgG)P(E)q^KT2WhI)!D8B++1HGQYe>olY>RxOXYh8s*N<*ceop1ZPNE$g~WR7S=E zcFhs_y46C7S?DtuC6_xZ`fN38Mzye0L6LtS77I)%i!c}E_Q(U(<>Ww^SyW$Bfa2(8 zRFt?_a+S_X)Rob!?Afi94-D-fNZwRJfy9T@A;%f-L91~`7;`ll`9K4*tl9*neTyu29> zBz?h-Mpy}Xju*6L33QXA1I^XKOHbN~?goSYmN0~I=k!(w@^UG=Yf_n8zA!akRK zl+ak0!pfwWto}}f`xB+YJ2sXXu)jZe^TaQ>ukC6_s6x{*eWJu3=&y6GYx)rJb^rwC z0)dWK3X7#rCiL+nbXwCOQ`FDfZOsP!;Qw%wpsiv8w6lDJgs@n^>+r(Obc04m`fIxT zOFDe{q9R--PMDm|aTEH8q$n)bPfF+ogLZ1p41W-AQ;SNB`y4=%ZlPjhQgmRkUE-c$ zv364mvZ8^WTtk(%ELr!XYMx)K1_Kmf7k!iKe;G0@78h%+4CMjT+Ud6xEN5Qb{^t6L zX5_TY=bn0p%fJ* z#8{HGXnPXbcd`~)zEO?meZJ>?zweLv{ap8XUB`9a=Xo5*eciWcE4ayi9uXckHn#ny zXN(YRY`YYOed!u~_c;|D}gnU zs+th63Pe?1K}8kvyJA0QGxg)h^_gn%JsPN#{&u=D!HNEo&CKC0NnszUpE(~_H{tp((%IlM))~mLFj<~fv>~N&%y$727@Q~ z;sXC;OB=M`Kezm;KuO7;yn;BpZg&|9z~X$}{9Vy*Ka0pr{#O+5>rM!8#-a5+n3RG7 z^xfStOg;okT5W4Zk|{V9<&*zh5#WhtqW$kmg8uVXSgGlN{+0Z%JO2+8VXpgijcHCy zmjmtC9CNT^lxQEOJK~r&2v55!!L-^i43h-^YCapAT%vzsr-G67;buKGLn(7ZMMZa2 zZUw2+7G5cd*OLlVUpc8Qw()7`q2{2bPhMS)5ja+RWSzq+^)bQ-_M{|wKdD2_My)05 z)6+40?Kety^;kGG!xl%npf|j5{RlTlHU42>>7uZ<_<6tAN9+jx>Y|i81y_2V%Li|C z(rthA*1mg`(j)jlgDXLf?#^Y&WqD78-uS7026m!GIvChn+`B%84=`SViqVJNu0 z!UyY97w}qLkI!Q92bX99HnDVA=z!Dsg(Vl`slWDq2$A=LwMmA( z6j;n~=D z4{iT;v1Mc(Wn&W(HZ{^m60>HqJL%GPxTYT&O`Msk^-e(pH^ybVhW^yk)(gA6_coQE zsHTv2!`Xe`9bwmq>V-SUVKvrkYq6Tv!v2~4zWzlHfeUVD#Rpq8=f_4q&D92doBdoB zFt<7DyS4dwYbUTpE+;-{1*dd|$izIP}W$TfNP{YQYkEo6W_Rn`5C{<$m{d zI*xbP4kwT1H#98VGCQTyU%0h4R~x)GBvG?=>*6t4i4bB?c7N+CeB!zU93_e(k+OxG z5|UPnlht;;&{8zGibjQeTa>tX1zGl2M{W4`_4Y^n!x0_^;cJ#1lScBfIar3@uC~xqqm}l42&!Ph*12pSi67}qg~9p z5G>2tCh&0V>i*CmtE9&rsSuF9>T0l7V8V;U$AQ;{2Mn572q#R$Hcl)>4`~XX_iR+K zjp3KW=#VLQ4sm@JbbBguBJChK79Yvu??c3hbS!q`hgS?N8XV$obEfe-2_HHB0-P40 zuAR?r66rpZ!6%Ube2(Z(OIdfepBM->$}N)8Fmo7ye{dV^(vw&2(y}WU(-Z`2S4BO% z#@70PYgby}>U)W;neL16<|M}u^49>UkBH4VwW0IR)XTo(nx0nAuif-paww2C5rg%; zj>G4ad+JCBb+|6rGmB@>#3*cELp*!-p(X&4DFzdUfoKdphFe&D+np07~4ldHcjh zrlX(_w@@UBgZd(?jvWVx6BiiVvRHOOQr{4zTT}D_D~adpD}1$EOYieYgli+^(VgN| z#?+>#WzTvR_1F?(hXlf@;1J ze1SR>E!oc-gazymuRJy=o;DdV zVj}h%Sy&;pCHm{(pssWFF&3dF>X3m*>RePlsj4OH5K0a~-b39O$wl%PJyL*DN(pC5 z3kvha7Z)92RjmnoScL$+mVRVnx@jS=s*0081-zYv2-GDD$-%8*Xx#JAI&x|4>JmBG zRpw~zN*ht^M{bJei9up^=2e+J_ScQM9<&9`>zS;ki1ca}d@Qm6?zx^{bxr58+r68j z@#PiLQj52m{q5Si{8pMwvzG#8v%WmIgQ3`Wwd(Vh<&+1EH6GL77xfz{4u%F=({G-G z(0jhrERDn+;+}9T)5d((FP(pO$U;POeQe%ACX)^o5BRN67KWY|P?dWwe z2{M3BV>lCHfr^nlnu`;*)7-G^ZZlLrV#NYOA3QwR8je!>hzMR7=(Ahs>y^uTl?j}4ijJLN|C`*C=^zQ?+!WKtT+eoy#Z!7yz zaosj_qRB3b&`$}9D$U&8TP@bcz>UN8x($s!w)E0N{%qD7PYvWFrBA0L;3U(1-^K%V z%{)M#-|CbRzq15rjsB_zr5@zUpPT-gCJ+g>d411-e}!OIq!Fy#6oQ`pkXbPHi~xS# z@Z$`>o@26<0|2;Enqt5JPOTXUc{jPB%uTt)+{* zhoPGmTfu`sQf=9gAj@?MM#ZuXi02k-Xi*QR(e{>t#flmuirn=S8f1vLQUC}N%Xa)T za1MJkX~5_OC)w_Jh>s%EYqmWTnMV_cdXL_m(uT%U1_jC5ICTls!rBT9Ac_D+OR}Hk zQ~Q!N-i}gzXegSx(^n>kR}``>!9x^#kFB0Wnd+59n_Jy@V$Aeic_nBghm;2lglDNr@1YzCw|Q925+>}^s?Mmd1r5P`BuKLdv0L4A^{mQ zn^+u7&hk8+Cwp})a$5)M?i)NqJ{5@IFZZv83c&7vo@c-4E5b^DcBzC9)_63VeW641 zKy~mU#jaLn~g)Y-~L59o{X7u$}1 z!o>JOgE>gN)JUGR$PQC#&1RUvHd{Yr=#|JUS0=|`QbK0?hFSd$T%C~!*_xE11)@(@ z!DSGMgdxquES{S}Zh~5-%JrQSk2(mG@sOMpL?@|4uI-e?-#RJ;e;-Ph^0iJA?YmKw z`PGZMZ=r!SM(UkWdR*Q)k~c`5_IoC##q(8h+sL&n(7?u*BcU8Jos`?B#Z|hC2PW2w zg&5e|?H4kf3wmatHgx6X>nQVu(&V}8g?BD4n7RHgvrTfouQi;jU_GXqAyE;g+ktGS zDr7$*iy51N#K^2>EJhwCWel#yYKj3FW4CG!bZ)7ovdGw!ls}~8YXq?bmG&VJY*g%G*?WxLRnEB6jy`iEb;c7 zDLp{1Tr?PuiRwla($p9N@tnHr781>Qzz$X>c$#V9cuYvt*Uf151*(B%`kMi2QW6zW zT#YQC^q!ZO->Q7GvFbRe9ZpH^U&SS8apIsO{^k~=&Ytc%XCBhK>L_C6_@k#Gt31JE81nux zZf5l^%lMuL|JVq~*+|OY%>ixy(onPlCcp$#Lj~TR$nMEAS3a9w(PPYbhv;&*91eAk zV!xM;I7T|SIbig>q2a;r=ke1(6Ta$D@>0?(HJkW4MDE0Zy6D12OOk&Uug*29KyG{- z;Z12)GDPZ@y2puvFqZWzr4|ieKGXrBsctw^i1Kw~4^|VuJWx*l9)H^zBSHn+xVU+U zbT&CZYU(kZYU5`;v{KJql(({+Ig|??ao@#gW6&cY5ET_^AZw{kgK0Nd|^I-g| zKHt|>1F8&!sROIDJ`eLP6^LM)%$I>#)1sO5Z+)3~%hzJ0OJb*R*gDkZ&U-W0{?H!7 z#q*HrkFl(|`&qtCx)i`bQejVG7R8T~V6eB5xt@|q0G9N$G|$yWh6E$Xru;z zaS?%c7qhX}YWtfsYbh@EObNU#jsWs6XBWg2K$d`fn$cPvSF5`sb1Ob6^VbJW9zST3 z%72Q7RTWr++9D5ugLRhPmJj5T5Sk^T%hr7!cF#w}_nm%z+j8gO`(xc2 z-pp?l8)#A$Beoj6A}RD?dUd?a0GpHv$UxpSE|I-*F?8_mBCqIEjmKIj5!w3+{e2X> z?g76c&CQkI{03_li|j27%u;xs#5Np~z0x%BAO}O4ti%cgc>Oty`1l4zxTc0vvE6;S z*ZSiznvlLe@X#+?Y63=VRbJ>oG?`%SwSY&3(h~BAgAc%f$VxZb@ceOjukpl3Y(|hc z=M==m`M2<0mrL{-`~a!!yTQ~I$f_KfLi3|vKqfGpJ~O_yG6sv|M@0jq#>zdi`jJMr z-F7(IUEb#>%zZ$^L$}BVU-Z5}O+BIzrQ3J@(cz3^OChoI*zh>d59cRu+Gbquj(T#~ zskb=F)__>fV$M_VcemDF?ty={CL?l-H0?^Wugt;tf(*1ScI=Oaah#7p%&#ZGJC+RO z3kJhD$k`6Y_(FyXH;Y2ZX;1k8SGtU+xRvCRTTu>?f1Zs>S+1W+`=m3%FuV7`Rac8p zH*Xf3U*N(C>oBD4@*Mr@j7Oms@@;|aXP=3(fP8Ssu0=vMvS)?|8&uVYpBAH+yv*=3EcVdY2qTWSLK{8@^oM=aX7 z{O)4@aAEgZd0w;T>~a44X0q$xC{XjjkV|Kx12lam>NM?gu~eSfpiY0AxehmV& zGo{f$R_1d-x`ilitK(q>!Sn;vH8`2}l50MFYh+sAL-d@2yFH>KP$YD1(Ynhwp{OQ@ zx~uU9aM`$#b$YqdS(S=M)c?g(o*4h)WV)wvvac1iV-ZQY@G|)94byA-AF6AhQ=_SHCNUX_T+V=Utqo^n{?>RvPU4q zdKl-6pp6Q0wwtxNc{{DDpe)P$IA%U`Z59Effy#P7JdoHA zhf^6gH|rlOa4I(PrwI&1P9eUJgRA4s1|97XB!ROKsbR6Ok_#L=hKp0j>v!MbcQWu< z9u(x`eW@KZ82F;Zp1pZyl*rYuPKMGOVi6PP{KEm@>J@WUFiQgTS*FX)TMtL~uH)_+Ms`%BSyj(uN>M z2D?d{X3j7plB_cB{Ui-()c0Y3!@fqJ1rCk)`*(Y~yPpmho!q5RYFA&ha}Kv1mzPUL zP1^#L{DE`($G>DDJ%O})tCgdQrd35YQ3`@7KJ^^${iBHIMX$vE7LB=Ds;MSt1Y&Iw zSv-%5#x*x<+rDkKo~Q<9RL}fC(L3@SaKWE~9%c;jh5AA$2EFEHHjO&bzbOPt)HJWgHC9~eLij?E{r zm!x11>v*F&iHZ&1A8YSUTXO5dUm7#0tRL%DP_qTzwVEU(uq;q1wZ-~6JoPm{CwW9c ztRZ+oy$>Lha36n)M6owPa~Dml@2S_5A04{p5GUj}bB|Y5mBl-xdv)>%66S*gOo^7d z$D?nE^@&$cXHxnOzySAzq~*sSquQ7Hq`>ve503uhK7wN+bE7x)(uEJz+M?gPs1FtUDFE#Z&0>n%tXIv9FYHTv;pMMG4Uc!#A;Ggo5L< zA9}P?)N&X+oU6N7uQ|+Dzw9&C$9FUD{q%RO#hSnaVuwZD-)TB5>RUQ;!0+8F89EN{y9!mMsQiYe*t*6T+LVy{SURBziJyZZZeEy_mHNuRlNJHgfOa-^Tck`7t z1v-}JHFG#{+H5+^k1&P{P=9dkq(1CfIvhVV$eY!cv0f@G|8dw8UWdF>Q6B9G^xUfa zJkyq%KAljN9-fqWn055c6x~lcp#Jb)uL8$JO2{O44})_SevG8*R0=pd*J^WaQD0us z`Bb``n#}X;_O%z>F*~w7J6?3F0Qt%RB-lBvA@D4BIf=_zFkF^AD$bb?Hx64t9Z`OH z9QgW^On{t!q}>>x%q$6hDA-)0X zl2fc9B|w$8aTxktTb+|EC+z)L!k2aV6a4*ml!mN6M)q@JXkudyjbyJ@d#lNI@YQ-Q z;<%!RD9!LnfnCcJyYP|}+6hYF!Q*i(UVE4KVV-ODy~ky}xgG+7y~BK&RsR;~xSDTB zQ5sb{+MgKOo0^8pXLZCHIu-Fo*#opi9R`Ym>K7~bWg{Yb`sB09c@I=okA+5GH%h0a z*2pxJnt!&wdWwztY!)_)*F7L>GTLgT=qnNutN)>7FA=i+8FXD@nTqQ!w2Exp{#UT6 MG2H0Bfm8VZ0rvd8kpKVy diff --git a/index.html b/index.html index ef23fd2..6fef418 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - +

✽ AlinaNada.nfo

+ >AlinaNada.nfo

Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.

@@ -29,7 +29,7 @@

𝄢 music.mp3

+ >music.mp3

Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.

diff --git a/sass/main.scss b/sass/main.scss index 680fc56..ed31c87 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -33,7 +33,7 @@ body { } footer { - height: 60px; + height: 50px; width: 100%; bottom: 0px; right: 0px; @@ -43,28 +43,32 @@ footer { } h1, logo span { - font-family: 'Langar', sans-serif; + font-family: 'VT323', sans-serif; position: absolute; - font-size: 1.6rem; + font-size: 2rem; line-height: 1.3em; font-weight: 400; - top: -36px; + top: -42px; color: $window-text; width: 100%; - padding-left: 15px; + padding-left: 0px; cursor: pointer; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ - text-shadow: 0px 2px rgba(0,0,0,0.5); + text-shadow: 0px 3px rgba(0,0,0,0.5); } -logo span { - margin-top: 2px; -} -h1 span { - font-family: sans-serif; - font-weight: bold; - margin-right: 0.2em; +h1::before, logo span::before { + content: ""; + display: inline-block; + position: relative; + vertical-align: -6px; + margin: 0 6px; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAAeCAMAAACylMSIAAAACVBMVEX///8AAAD///9+749PAAAAAnRSTlMAf7YpoZUAAAC3SURBVHja7ZbRCoQwDATd/v9HHxQM4SYJxYNehcyDD013O4qI107G5Peelt4sPRz1toX4w35GsoaW/pe0pKI3PHWAbKqJH7X066QL70LLgn5KXQbXpXXT0rulQVbEW7IiZkeCBeuzsufV0sdKs46v76K0927pl0ozY1oe3TAl6evKDeufvJY+TZrrJJwGxhMY4wis2HpLnyYtyQ54/KvNcits6cOlBcINV06RIjYNd4Yrklp6u/QHWCYPKBXAoUwAAAAASUVORK5CYII='); + width: 30px; + height: 30px; + background-size: 180px 30px; + background-position: 30px 0; } article { @@ -97,6 +101,9 @@ article { //right: 30px; //z-index: 30; //width: calc( 100% - 390px ); + h1::before { + background-position: 120px 0; + } } #article2 { @@ -104,6 +111,9 @@ article { right: 147px; z-index: 29; width: calc( 100% - 460px ); + h1::before { + background-position: 150px 0; + } } #article3 { @@ -111,6 +121,9 @@ article { right: 77px; z-index: 28; width: calc( 100% - 600px ); + h1::before { + background-position: 60px 0; + } } #article4 { @@ -119,6 +132,9 @@ article { left: 77px; z-index: 27; width: calc( 100% - 600px ); + h1::before { + background-position: 90px 0; + } } logo { @@ -141,6 +157,9 @@ logo { z-index: 10; border-color: $window-chrome; } + span::before { + background-position: 0px 0; + } z-index: 50; @include window-chrome(); border-color: black;