From 5524edd705e2eadd13eda64f4faaf7864e190c1c Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Sat, 22 Jul 2017 16:31:25 +0200 Subject: [PATCH] Design improvements --- images/elements/noise-light.png | Bin 0 -> 1320 bytes images/elements/noise-strong.png | Bin 0 -> 4297 bytes mixins/Navigation.pixy | 2 +- pages/animelist/animelist.scarlet | 2 +- pages/home/home.go | 4 ++-- pages/home/home.pixy | 3 +++ styles/base.scarlet | 3 ++- styles/include/mixins.scarlet | 6 ++++++ styles/sidebar.scarlet | 4 ++-- styles/table.scarlet | 2 +- styles/tabs.scarlet | 20 +++++++++++++++----- 11 files changed, 33 insertions(+), 13 deletions(-) create mode 100644 images/elements/noise-light.png create mode 100644 images/elements/noise-strong.png create mode 100644 pages/home/home.pixy diff --git a/images/elements/noise-light.png b/images/elements/noise-light.png new file mode 100644 index 0000000000000000000000000000000000000000..b99b55fc651e3e1d4389d69fdadd6963c347c183 GIT binary patch literal 1320 zcmV+@1=sqCP)002t@0{{R3MIe%S00009P)t-s0001h zfPnx1|H0DTqW}N^19VbOQvw14CCU>X000EbNkl9}rV_C%#JcK6djf~o!&z+STjH51Nf_>!cs8mO4gd{Q+jTrmPacZN7#VEQN25K)WqLF#3m)XI)feu9ol~tCErs?SF1FfggQi7 zd}j@SJ5t87V6&A5LB5;DS|Os(fQ{@&f?_-%3B8MEEng7hY`GmoTBm|EL08gx9V3eS zi+2*0Spqo4&RjHoT$s)|tGyp90Sjk4j4*BJJoY)on{Z(+@4ciFUb+|*X)(Rb2H-c7 zHo=eRdyff=ZKvhtM?fpuxiu&0C}qP9KVPsj9k`6W&H816XrYW$6s!K$Agbj`!prh> z=>*AOL-o@$L>#5I$#zD$?0xP29O7vOa8WSqIkrw(q&#kKUB_jWnk$u5n9;i>S!@6}?lHjw4oIIjEM zj75)dXvVYRS!wx)5Knz8GY4R&~hO@*l9gn>u_Zq_3 zMXKQDJ?2m1rjQdOC}FDmtUEJ#B%kT*zir<=gaKIzR}FGMphs5|DKl+p}p|2 z82--MN1z<6gdM(oGxLZ1_YJd};Wus3qQ;_qcm zj>cWrho-gI+x#Ut2oY}tmHNzV@NjD|-(*rKVyR0d7}m_eHgvC>uM6~XQY_oLZ;K4H ztr5!F;hZC=#1W%o$322ijTLc#bQGA{*F^9+^bFJ@eZaU?u1aP6su6?s`VQJUL||vmLImLUea^C zmExWc7&}&e0@s+(NBJ__{an5*@YCJvn6y7{Q8Z#Z8zk8sES<@I`^3Q#O!vFmNXk}# zo8o;k^4s32*4KZ0nqUBMj$E-wyI+Z>2^B6~r_aLYPs+?qAc%61L_5S?^oFq7WcUDW z{RowdIRi{6#3OL2NiV5cM!WMx-9e1e`~P453u7c^)U}!6BB3*R2z%U(@TGQ1hO$gN z-C*S1K<79|kGzFlP@~1)df({_@JWqTQWt`6sA7N7$sW5JJa5QPIs!QnrXr4CE|SRt zQ7Ori^F6dbR8v0Knp_3lpY!(EEo3j~4EoplDX)$|?uB)r-=j23nm}2lX&8d`qs)dc z^dffBQ2$=@9aqA^Q^q4D6>Sp7m-hWN`m^DH*UJ&Tpl8^K%}R?F=G0000002t}1^@s6I8J)%000n>NklXE~QC-#KD9?|NkGIdy&&RJ{zaI1V z_4W1m`}gnpJnw)1{(WBk&F4RV{yaWDJ|6Gy@7H_R=bCxu{fz(q{ywj>&iu{%^JnaQ zp1J1w^Z7jMS!2e{y|bS2^M3w~jdRaj_cx!}HRI=f|IF)J*Bv|AH`lE<-_3f@@9*!o zF>pQzS{G3dpJ18&F6V_4;utjpan}nXWh9r0poB3 zJok4^_s^?8@A)NZzHh*0jVoC50a`4=;O*!vHsj|XCk14jv8dNBDtq%CBN-1-omcSY zS_3mSv3ak@Cil!|36kjg60GJ0!TML4^Hm94AjS@-bpWqc;MIjpS9btj46D--CNua5b zrE29A87WL5RH?}_;>}HUTgVCNUNnhS#n1k6)9^=@~rjz{QNv+ zSS8uDF5?q~SzJ~rp;8pU@(qV7!{s!JsI6#O2rf=6XDR8Kzo=%P@@W7o3W9E3gbx^{ z2gx`D&!MUaK7tb0WFDfLfhkLwtnLSBrLAxNa$OO)0l==A3%#hMUEW1^ zE9kTiGByirf>SaeOa)C+2N~P3n%Ej<97NV(fzgjC(JC)BgdSr$FEqBqn&|p<*D}p| z5($`uWN)kfCaiSplzQ}V=d!f0n2o!WdmW*<% zuD^(N-Q1Gf7@V~RSu&({5vH3s+4_|^go+TMr>}EggI!geHDtJZ(e_A!fFC(kMQi_5 zlv6lmC%K)AeYLrP6PN#T7LKXB&vzhcvKn3$R2toPdS61t4YIf;A3E9(L5F?}hgB5? zqgxiFk4^-zdt88+F{Ou-P)(`eaMB_>n>C_FSC;4A3PH0AJ+oe$VE4D2p>>?BqWZko zAp6=8{0D)1(=HKPZ2>?6FVUGkYm>N(Ej3walg5bdvpSdi+gF)KpJdF;(Vj~{v6Qd#Dfy=itAKZEq&J~_g)gK~EU&U`L5733&y|1Nh}e~U zQPpx(!Wzo9K2TA6#?~ro&(0vdyv)`MnSzC=E7N_?FnyJBG&xm*tTv4`ph{UK#XCjV z-q5!VD5~2h>evOk0fpx7II8SLVv(nsuDv06masvWBh5;)ugqHGg?&jIO3H;LW@Ymia>GF~OO~N@6MH2Z z;rB33U^u4j*av~_6U%pZJri4cyi|0y>?=6eM!JgA$#7D4_A|B%byM0pFS;aPZ>MB> z=IarO`FqMRb0`&LE{R3&E?)ub?n7|-2SpOqAmQ{2S$dB)gAD>>IK%*mvRHeccFoSBK*?^O9* zFPzIE==&#>tq(G{d_j1*cuVePq#F`zrsOY*Vb3DPR_=>(wg|k2w5vdgaUJmu%>x}Pt z9PT|G{1|HIj?mg^yH*FvRUqwEFo=T8lI-?DEw2W-Yiey8P{^T#*4{$HpUqX}NDA9M zu0%`3Nr2xv?7fxK1?5pklo#b}r?2iU*8At$U0F5o`!RiGAF7H>D1h*ai-eaa8<0{6 z&Q^}l^uk%5NOM>Ks3QqyV9TOq*34N*fXB(oKVt75PEeJ)xf$D5;?BuC;%;ErUrwul zXh-$~jq=p~Ktl-T^#lv)GPq@9f|5A$-%7K|9Wr(MJp*e(%%erAdO|~=Izu=# zHK}Y6VAra|=A2g?1rTjk+aS+8*QtZDQ5w5f+PzC96**Rs<~xgZFD4O15@d7}yZHsL z2^y4FST^xDA)Cxg9i&Hf+#VV_at_sOoT$qCj*zLR}f5cdFX4qa4hFv?Y&7DNHkkQTw_G^SijWT4q+DtjkLRmSUBnISJV`tzIh_EbCCwlv){B6LV8 zp+e=IgAlqM<&0z%>Es^@ap@Kt)dLVM&kCbVT@PT=f<`G?P;K~4zTL_5;0mo*!7$+X9t&%2*%hb{n6SAY2meeOFp`K?16w3%$T{UvBw+-Rz* zaIiwrK4>QhvRg(~Q))fq+`E7MLJSbId(2aM5l{guBGHlxfzs=UrX6rO%0PzHDe8#7 z#?gv^3{t=z@$QnMs4aP=Q=%^l@JSznaB$|oJK$q8AFToTrJ>TtLDrl);GLptlc|7E zz#236w*_br%OxDGP$=u&3RFOd!;B&80wswh>-nxfN3!E^uk|5~K=}+=EydH+I-;qn zIVGqf-5rlWj`2PFmZ9=bRm{CD?*?NdT`;$z304CHomE?Nw=e5YizK|I*NT|$ub&(> zQ!{8k>OO;i{>Oz0L0BgC2DdPVNb{KAx>X=N*OPoqbdxO@xTYLeg=^B3jNr6yY?oir z>HUITbVWiq7_7HCVZoQw7gnvx!#DxU@-X z(C{intTNWltItw$5JJTo@xoHJCi@&>fJ_M1%uy99x0Ik~oPSCh;)-x(j)&MV_iU~$ z*R?+*Ali$r(~@q#`SM@rKv`txb9reunz%-9RT&qc9?Z2wb>Pan`_N6)4U~j60p+-g zkAxS|0(;j$L)bns6^GM0++~WgDXZ?~EMA3ChE=BS@+-p#w(Uc=C(zZS9?B%RZ3W6t zeXy!plxCaT9$**-_vb>lluwCn`AaF=x@DUuGXP@wmO3xb@$2+rxdb~)e{1NR0a|N;%yza zn)+Ns$aoXsI$ptFZC(1qJHhm7+}vLkuHr)UDMMLqbjOi4sqLwh*glykI%TtE0F9f> zTh^SFQQ~3Ec_kX{@QYCI%YDSf+NwYzi~b_HWqP#^vL@?{gr;&>doYV2^KwkLFonPJ z=$x9~qP#tmiLO1Vd#h*Xx&myMYuWsM}3kk@G(hfP!vU zcAy$$d|Aco^TD=<-zCgN@!c&Vtc^QpJ60!cG9P#^Ee219FF=%~PB%Iv8ONJSHdOg6FCmdN+)sNcOu!l>=xtR1YqzrqP^7Z}-qQVrt@ zX$kOM37bqK(;{)kQP?V`0PJp`4W$W6ZQk}y__uzv-+U=UKa)hTqG>Uc+;Kn`H|`Fd z98e~ZG~XjyfwC?KacB2#=7Xl%+SZ{BF~aXoWDAu9TH9x|asBeog)u~DEUUN#86w(_ zgC;0xPt@{jpsKV=LLe$QjBjVHg!`DkK{L<)S_8J10^HxNUQ76Te9v%b>64f`i)@ki z7z0ghXzN%B8F_ZI+A^^|Bz4Zsnd2NWsQ~r6?kcKqO~8yf9s196()M7pKFWD{BF&NA z^C%IB@>z4ZJL|R*8x;*wk<~RO2v7{^5TtafmP*fj4PsA9+*4k&Zhx;)zBA|e_;RdV z_%$%?h|5Vu$-L)K7gO&X+B~7>DY^TO(@1va*bf|OAL$!U~eG=gp&weP#Z)BDRBXU(v}jWwIuiZcI@r9lvJJWT5U>8Mcq<) zfBl%vz^#6u3lZ(Bw)08`N+f}^b()b?KMqO8T%&l(86p}i0Vy)N*1YF%iGM%uBvR%^ z?iZ)^ztA;M42A&8*t71+z1BkC)6TqEg)(dPAh7#UWLuQ5sYq>uy4#PIv#pdK%31%Tc@4fbceswWV#&%wt!e3*Q^* zDluEk*LLbui4MN|!hOb5^2K8_5vTBr;F0k<3L(~!(TyPA_t9A2TeDAWl%~?Ff$}^eHm*vv97lyXSbpfQV+2Q*wKWg{>4Ks! zQX$IS7H2+7xS;Lr7Tb+={pEM?4BN7*0kyCO&SWywo=Ok|1zKxBTY;jml21@L-_p8k rRhp3fP(qu5 700px +> 800px #sidebar opacity 1 transform none @@ -31,6 +31,7 @@ sidebar-spacing-y = 0.7rem pointer-events all box-shadow none border-right ui-border + background rgba(0, 0, 0, 0.03) .sidebar-visible transform translateX(0) !important @@ -48,7 +49,6 @@ sidebar-spacing-y = 0.7rem horizontal align-items center padding sidebar-spacing-y 1rem - font-size 0.92rem // background ui-background .icon diff --git a/styles/table.scarlet b/styles/table.scarlet index 5379e938..713df6bc 100644 --- a/styles/table.scarlet +++ b/styles/table.scarlet @@ -1,7 +1,7 @@ table width 100% max-width table-width-normal - // margin 0 auto + margin 0 auto tr border-bottom-width 1px diff --git a/styles/tabs.scarlet b/styles/tabs.scarlet index e736750d..c7682fff 100644 --- a/styles/tabs.scarlet +++ b/styles/tabs.scarlet @@ -1,13 +1,21 @@ .tab color text-color !important padding 0.5rem 1rem + background-color rgb(238, 238, 238) border-right ui-border - background-color rgb(224, 224, 224) !important + border-bottom ui-border + white-space nowrap :hover, &.active background-color bg-color !important transform none + + &.active + border-bottom-color transparent + + :first-child + border-left ui-border // color text-color !important // :hover @@ -26,10 +34,12 @@ .tabs horizontal - margin-left calc(content-padding * -1) - margin-top calc(content-padding * -1) - margin-right calc(content-padding * -2) - border-bottom ui-border + justify-content center + // margin-left calc(content-padding * -1) + // margin-top calc(content-padding * -1) + // margin-right calc(content-padding * -2) + margin-bottom content-padding + // background-color rgba(0, 0, 0, 0.02) // justify-content flex-start !important // margin-bottom 1rem // margin-top -0.6rem \ No newline at end of file