From b595ea6efc85709640280593459956f786d32b57 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sat, 27 Oct 2012 17:44:24 +0200 Subject: [PATCH] first icon update. Next step: make sprited hover state (like for home already) --- apps/files/css/files.css | 2 +- core/css/styles.css | 8 +- core/img/places/home.png | Bin 372 -> 884 bytes core/img/places/home.svg | 1783 +------------------------------- core/img/places/music.png | Bin 532 -> 802 bytes core/img/places/music.svg | 1676 +----------------------------- core/img/places/picture.png | Bin 300 -> 323 bytes core/img/places/picture.svg | 1696 +----------------------------- core/templates/layout.user.php | 2 +- 9 files changed, 143 insertions(+), 5024 deletions(-) diff --git a/apps/files/css/files.css b/apps/files/css/files.css index 1e25ccd36d..48051a9a92 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -82,7 +82,7 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; } .selectedActions a img { position:relative; top:.3em; } /* add breadcrumb divider to the File item in navigation panel */ -#navigation>ul>li:first-child { background:url('%webroot%/core/img/breadcrumb-start.svg') no-repeat 65px 0; width:65px; padding-right:1em; position:fixed; } +#navigation>ul>li:first-child { background:url('%webroot%/core/img/breadcrumb-start.svg') no-repeat 64px 0; width:64px; padding-right:1em; position:fixed; } #navigation>ul>li:first-child+li { padding-top:68px; } #scanning-message{ top:40%; left:40%; position:absolute; display:none; } diff --git a/core/css/styles.css b/core/css/styles.css index b29133bf79..5d9464287c 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -58,7 +58,7 @@ input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text- /* CONTENT ------------------------------------------------------------------ */ #controls { padding: 0 0.5em; width:100%; top:3.5em; height:2.8em; margin:0; background:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:50; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; } #controls .button { display:inline-block; } -#content { top: 3.5em; left: 65px; position: absolute; } +#content { top:3.5em; left:64px; position: absolute; } #leftcontent, .leftcontent { position:fixed; overflow: auto; top:6.4em; width:20em; background:#f8f8f8; border-right:1px solid #ddd; } #leftcontent li, .leftcontent li { background:#f8f8f8; padding:.5em .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:background-color 200ms; -moz-transition:background-color 200ms; -o-transition:background-color 200ms; transition:background-color 200ms; } #leftcontent li:hover, #leftcontent li:active, #leftcontent li.active, .leftcontent li:hover, .leftcontent li:active, .leftcontent li.active { background:#eee; } @@ -95,8 +95,10 @@ label.infield { cursor: text !important; } /* NAVIGATION ------------------------------------------------------------- */ -#navigation { position:fixed; top:3.5em; float:left; width:65px; padding:0; z-index:75; height:100%; background:#30343a url('../img/noise.png') repeat; border-right: 1px #ccc solid; -moz-box-shadow: -3px 0 7px #000; -webkit-box-shadow: -3px 0 7px #000; box-shadow: -3px 0 7px #000; overflow:hidden;} -#navigation a { display:block; padding:4px; background:transparent; text-decoration:none; font-size:10px; text-align:center; color:#000; text-shadow:#444 0 1px 0; } +#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 { background-position:-32px 0; } hover & active effect, activate when icons are sprited*/ #navigation li:first-child { padding-top:8px; } #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; } diff --git a/core/img/places/home.png b/core/img/places/home.png index c3dbd3e35386f938b7e8928a0f90ec4660eb88a5..a18264d3cea241068207fc0623ab853a83fcfa71 100644 GIT binary patch delta 823 zcmV-71IYaJ0`vwUiBL{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&;D41q(O>pno^m2%{h99GMVuZ^G;%8 zL2#gPGVS7nge3psMVh8b`j6d1S(aaz=RXD5!&lGqPOj^o*cvH{^0~SjP*oKNK|qV5 zfQ9e-U+a3Y8_+Zjhha#os)AKnf0ozno*U40{Vj?jTGut~`88k|28rXCHcbQfn5KES z30Rgzk|d#R+k%KRO)o4m{sbJydC#)!+;ts1BG2=SZQCExJkL+eae)v55$k;h-3+ns zdl13>g<%*#1UG;&1`*r?k&PDHLk FV1g>1e(3-J diff --git a/core/img/places/home.svg b/core/img/places/home.svg index 8224d9750e..e2db10ed36 100644 --- a/core/img/places/home.svg +++ b/core/img/places/home.svg @@ -7,20 +7,43 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" - xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - version="1.0" - width="16" - height="16" - id="svg11300" + width="64" + height="32" + id="svg3349" + version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="home.svg" - inkscape:export-filename="/home/jancborchardt/jancborchardt/ownCloud/icons/help.png" + inkscape:export-filename="home.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90"> + + + id="metadata3354"> @@ -31,1734 +54,30 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(573.14286,110.2963)"> + + + - diff --git a/core/img/places/music.png b/core/img/places/music.png index 85ee2474cd1bd5cbc9e26e7144d6deef06a9e684..71a6ac0755fc975ebebadfeac73a87f1d5d4806e 100644 GIT binary patch delta 740 zcmV?3v(Csn|WDFdQi$W)1mC929&kXTqiVyHSGfz*M70VMWH zObql-K#e+-0YzfT08=Ce)B&j*5h)VC6c}igkdkAuqmsHgCv}oWjeDy5$Pf75>)03tF0zpRoa2t=0oSq#p+0&!|2}nS!rJ7~5Cu zuhj{_3BU=!sEYMd9LWE1od=+7+x~w5{yyO*fNPxdOq4N00er)BB9U+y8$Mfp-;!yX z^Fjz7b<=Vv01;gRaGQuOf3(|eSeB*px-6x+&W`yH>A7Df8}zoH#av|UDw^w z0$7&S7#1#sXe})*tq-# z%@!9I3mY37E4^Ot;3-Ck?+XhH&(_w~>HvBnejI@9*8)HXz%D}8OkYZ=!6Hhf((L5q za?(o5ngF$Em+B W`Pf-*QkQ)I0000#zY7cMQI2w^B{_ZHyJy5(47WB_yM|>1mV#k zL=+TQ2kWF!4vCC{4*7louO97rp;xBP;ox_9{?GHjY}@Gf`x|E9*#wNk;n=a;?IMtE zHd_r`g45Za*)c^?3Qf~jPN%cYe=y7w%d%aM$D{jvzF{yJ{0RgCUzP=azkd)8hkqlH z2wKImAR3L1VzC$^;_>(>pU;0*tJN1Wvn)s?5(sNHn|HddYm>?3Vmh7HfJ8FO0znWE z1_yh91=M0@S&&R75w=cdS|Exd!q&-53)1N{!q&-53o@Au!i+PQ%f-9hf9|8jZ0-;~ zmMw6Y&1Mls=3cLNHxvpz!|Qup%x1?N$B8`8Kf+Qsm&+lHWH7rSGptl9eJ>THQmOkw zp@0ZkmS; + + + id="metadata4380"> @@ -31,1627 +54,20 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(581.71429,-2.0764682)"> + + + diff --git a/core/img/places/picture.png b/core/img/places/picture.png index 9abcd09722c0c63af656c6297a3ada01a1ee3ee9..a478876d6a705506819809d4407aa61e2300c4f8 100644 GIT binary patch delta 256 zcmZ3(beKu8Gr-TCmrII^fq{Y7)59eQNGpIa2OE$quB!SnQPH>lfTxRNNJQ(~>9$-= zhCFTeGuo4^Io^iK>}^>7K`HK_aRr-rxZ|F#VD@$;S+2sLEcF`y1l~+4_fb6WJb9sN zn%nuFU6&YVTw@em%W$TpvN|o!z933@!?kxkhRL2)Yqw4d68paO8OM@`&gZ8~zu(8K zwSWnZ&YC~e4YPc{l;uSA{-2%<2Rxk?Ons*u(D;rifBJ-uZ9)pq@02qc9&`4}d^cya y5EFxdlZD;&S@FgU!3@HhKPGTDd|u8}e^Rvcy_&6?k6;ndQw*N2elF{r5}E*{#9{aV delta 233 zcmVaL(V1v2(`l9cVx)^;y>yW(XlJG@!KxDrmqM160s}wHBzL0p}c0K?B}< zpn?WM2tWl5#2A4J8rZfCsGxzAKN7Uojv3uU1371){Qsvn3`!}az|$KB`@UaN%5z5d j(7^q^7i9 + + + id="metadata4380"> image/svg+xml - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(581.71429,-2.0764682)"> + d="m -575.01366,5.0805703 c -0.39495,0.0765 -0.70712,0.466654 -0.70001,0.874878 l -6.2e-4,26.2461417 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.9212227 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.9958977 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;opacity:0.1;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99992162;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" /> diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php index 2509026dfa..1efce3c7c8 100644 --- a/core/templates/layout.user.php +++ b/core/templates/layout.user.php @@ -46,7 +46,7 @@
  • class="active"> - +