From de41813792249ae9cbd193d3df8f645c9f5f723c Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 17 Jan 2013 11:54:31 +0700 Subject: [PATCH] new app icon style for new design --- core/css/styles.css | 16 ++++++----- core/img/places/files.png | Bin 884 -> 428 bytes core/img/places/files.svg | 49 ++++++++++----------------------- core/img/places/music.png | Bin 802 -> 708 bytes core/img/places/music.svg | 24 ++++++++-------- core/img/places/picture.png | Bin 323 -> 271 bytes core/img/places/picture.svg | 20 +++++++------- core/templates/layout.user.php | 2 +- 8 files changed, 46 insertions(+), 65 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index 825d949d82b..1895ce7177c 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -184,13 +184,15 @@ fieldset.warning legend { color:#b94a48 !important; } /* NAVIGATION ------------------------------------------------------------- */ #navigation { position:fixed; top:3.5em; float:left; width:64px; padding:0; z-index:75; height:100%; background:#30343a url('../img/noise.png') repeat; border-right:1px #333 solid; -moz-box-shadow:0 0 7px #000; -webkit-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000; overflow:hidden;} -#navigation a { display:block; padding:8px 0 4px; text-decoration:none; font-size:10px; text-align:center; color:#000; text-shadow:#444 0 1px 0; } -#navigation .icon { width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; margin:0 16px 0; } -#navigation li:hover div, #navigation li a.active div { background-position:-32px 0; } -#navigation li:first-child a { padding-top:16px; } -#navigation a img { display:block; width:32px; height:32px; margin:0 auto; } -#navigation a.active, #navigation a:hover, #navigation a:focus { color:#888; text-shadow:#000 0 -1px 0; } -#navigation a.active { } +#navigation a { + display:block; padding:8px 0 4px; + text-decoration:none; font-size:10px; text-align:center; + color:#fff; text-shadow:#000 0 -1px 0; opacity:.3; +} + #navigation a:hover, #navigation a:focus { opacity:.8; } + #navigation a.active { opacity:1; } + #navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; } + #navigation li:first-child a { padding-top:16px; } #settings { float:right; margin-top:7px; color:#bbb; text-shadow:0 -1px 0 #000; } #expand { padding:15px; cursor:pointer; font-weight:bold; } #expand:hover, #expand:focus, #expand:active { color:#fff; } diff --git a/core/img/places/files.png b/core/img/places/files.png index a18264d3cea241068207fc0623ab853a83fcfa71..eb5a7905e237e8fbac10851d58633a9e92a88b8d 100644 GIT binary patch delta 363 zcmV-x0hIpq2CM@iiBL{Q4GJ0x0000DNk~Le0000W0000W2nGNE0CReJ^pPPauUDsiZ`IhuGYmlV77vR{ot%1Yg&;$F+p2pVISu^CW z<2d?D-}l<@_dW2T>nsldJlAzcf2Vg{r`>MXJuCq5JQ^;9E+lOntY%vK}!KABpsh_ z|K(()t2d&xuS#a@;i4PS8f*buz!tCtYyngMhNIu^wR!mo`~V6cZHn7$zia>i002ov JPDHLkV1f}orfC2G delta 823 zcmV-71IYZW1M~(ViBL{Q4GJ0x0000DNk~Le0000$0000W2nGNE0HU3Kgpnake**DI zL_t(&f$dpKYZGAbL`Te~Kp}QdLzU zqGtoXeN)X0TuD%0g1n>>$+wb#)6MIpIOB%4FE9Yw|D>(4bGd^bv902gR8vA8HMf{a!{^u(u z3 zL8EOz&; - @@ -73,7 +62,7 @@ image/svg+xml - + @@ -83,24 +72,14 @@ id="layer1" transform="translate(573.14286,110.2963)"> + style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" + id="path3802" + d="m -557.14286,-109.23532 -16,15.93882 6,0 0,12.0002 20,0 0,-12.0002 6,0 -6,-6.061183 0,-7.939047 -6,0 0,2.16234 -4,-4.10093 z" + inkscape:connector-curvature="0" /> - - + style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> diff --git a/core/img/places/music.png b/core/img/places/music.png index 71a6ac0755fc975ebebadfeac73a87f1d5d4806e..5b71e19ee3c885b88695e4067fd66b5531af9ae8 100644 GIT binary patch delta 609 zcmV-n0-pV%2E+xBZht{ZL_t(oh3!{8s}n&KJ+o^T(`GT9kYe3sNfA4nCkW}b7t*JD zA%DQ)na<`RNI(#=jD?+@5JYS&Oc5|PN>~jR(GWr+Mq-lLWAUQob7%9CbU83EEce`V zW_CXA2$I+*gb)b;_N+N`{S<&lB+usKuUt|j4!~L`lt?5@+kduU+cq4>!M}bgl|s2( zz6W5zfQUK+LWmOp_W{`Pc>KC$Sz?`#X_^~zjK^abh9MR{l8n@{+3dG!waQkj#UKc{ z0~Yc|o`GhwNz1Y##VW8c1CiE%5WVF-Q! z_z0i@;KQuFJ%5ye&ohB}u`d9&I@xwH;OxNtkAwZ&qk*G=qk*W{_elr<5JJQNWB>%J z+jg%8gb*5lvsf&4n#p9Y1wo)Dg%u&VxVw|-bo!>MumGUxy8gUWDzVe)L@r3e#62NI zJ(*0>bzNm5!!YhvDwVA(qD|tbp69V%uSZUl&*wiyQGZt&0C2ldD9CLS)oQgrDnhT< z`>iyP%jI59r_-%R(r&kv1{#gVyJg`?d%sn&8o-DkI!ZhxOiL_t(oh3%KWZ__{=#ozbt>?3v(Csn|WDFdQi$W)1mC929& zkXTqiVyHSGfz*M70VMWHObql-K#e+-0YzfT08=Ce)B&j*5h)VC6c}igkdkAuqmsHg zCv}oWjeDy5$P(|>;)03tF0zpRoa2t=0oS zq#p+0&!|2}nS!rJ7~5Cuuhj{_3BU=!sEYMd9LWE1od=+7+x~w5{yyO*fNPxdOq4N0 z0er)BB9U+y8$Mfp-;!yX^Fjz7b<=Vv01;gRaGQuOw13-eSeB*px-6x+&W`y zH>A7D<$rRoH#av|UDw^w0$7&S7#1#sXe})*tq-#%@!9I3mY37E4^Ot;3-Ck?+XhH&(_w~>HvBnejI@9*8)HX zz%D}8OkYZ=!6Hhf((L5qa?(o5ngF$Em+B`Pf-*QkQ)I0000 @@ -27,9 +27,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="15.839192" - inkscape:cx="19.074656" - inkscape:cy="17.628465" + inkscape:zoom="11.2" + inkscape:cx="7.9636746" + inkscape:cy="12.572189" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" @@ -38,9 +38,9 @@ fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1280" - inkscape:window-height="800" + inkscape:window-height="745" inkscape:window-x="0" - inkscape:window-y="-31" + inkscape:window-y="27" inkscape:window-maximized="1" /> @@ -50,7 +50,7 @@ image/svg+xml - + @@ -60,14 +60,14 @@ id="layer1" transform="translate(581.71429,-2.0764682)"> + style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" /> diff --git a/core/img/places/picture.png b/core/img/places/picture.png index a478876d6a705506819809d4407aa61e2300c4f8..a278240a6d6fd073b0b94ca43dc3356a84c4e77d 100644 GIT binary patch delta 169 zcmX@i)Xy{_ufE6A#W5tJ_3d*g1C_iWRs;gFv%bWq3W R@$qz!c28G7mvv4FO#m1#Mymh- delta 221 zcmeBYI?Oa7ul|6ii(^Pc>)YwJTup{NZTBu7-w8#6kN-2rlqnvEzZ6mN_oSzcRhy5 zo>gnNP74zIzV#W$l84Ucr%S)z$E>x0369R1KhzDge7=!kRxOa5sEj&QyO=wDi52 Ut(%Wv5d#o-y85}Sb4q9e04|JNGXMYp diff --git a/core/img/places/picture.svg b/core/img/places/picture.svg index e48a5568a33..aba68e62063 100644 --- a/core/img/places/picture.svg +++ b/core/img/places/picture.svg @@ -27,9 +27,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="7.9195959" - inkscape:cx="32.552959" - inkscape:cy="-0.73426477" + inkscape:zoom="11.2" + inkscape:cx="13.989783" + inkscape:cy="8.9886524" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" @@ -38,9 +38,9 @@ fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1280" - inkscape:window-height="800" + inkscape:window-height="745" inkscape:window-x="0" - inkscape:window-y="-31" + inkscape:window-y="27" inkscape:window-maximized="1" /> @@ -50,7 +50,7 @@ image/svg+xml - + @@ -62,11 +62,11 @@ + id="path3770" + d="m -575.01366,3.0805705 c -0.39495,0.0765 -0.70712,0.466654 -0.70001,0.874878 l -6.2e-4,26.2461415 c 10e-6,0.458082 0.41045,0.874866 0.86155,0.874878 l 20.28048,0 c 0.4511,-1.2e-5 0.86154,-0.416796 0.86155,-0.874878 l 6.1e-4,-25.9212225 c -6.5e-4,-0.672871 -0.53099,-1.203711 -1.03374,-1.199797 0,0 -15.52067,0 -20.26982,0 z m 1.29978,19.9958975 18,0 8.2e-4,6 -18.00082,0 z" + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99992161999999996;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
  • class="active"> -
    +