@@ -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; } |
@@ -7,41 +7,30 @@ | |||
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" | |||
width="64" | |||
width="32" | |||
height="32" | |||
id="svg3349" | |||
version="1.1" | |||
inkscape:version="0.48.3.1 r9886" | |||
sodipodi:docname="files.svg" | |||
inkscape:export-filename="home.png" | |||
inkscape:export-filename="files.png" | |||
inkscape:export-xdpi="90" | |||
inkscape:export-ydpi="90"> | |||
<defs | |||
id="defs3351"> | |||
<linearGradient | |||
inkscape:collect="always" | |||
id="linearGradient3754"> | |||
<stop | |||
style="stop-color:#ffffff;stop-opacity:1;" | |||
offset="0" | |||
id="stop3756" /> | |||
<stop | |||
style="stop-color:#ffffff;stop-opacity:0;" | |||
style="stop-color:#ffffff;stop-opacity:0.70779222;" | |||
offset="1" | |||
id="stop3758" /> | |||
</linearGradient> | |||
<linearGradient | |||
inkscape:collect="always" | |||
xlink:href="#linearGradient3754" | |||
id="linearGradient3760" | |||
x1="-525.16077" | |||
y1="-108.10512" | |||
x2="-525.57147" | |||
y2="-44.355114" | |||
gradientUnits="userSpaceOnUse" /> | |||
</defs> | |||
<sodipodi:namedview | |||
id="base" | |||
@@ -51,8 +40,8 @@ | |||
inkscape:pageopacity="0.0" | |||
inkscape:pageshadow="2" | |||
inkscape:zoom="11.2" | |||
inkscape:cx="33.002875" | |||
inkscape:cy="-13.436822" | |||
inkscape:cx="32.199304" | |||
inkscape:cy="11.563178" | |||
inkscape:document-units="px" | |||
inkscape:current-layer="layer1" | |||
showgrid="false" | |||
@@ -61,9 +50,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" /> | |||
<metadata | |||
id="metadata3354"> | |||
@@ -73,7 +62,7 @@ | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title /> | |||
<dc:title></dc:title> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
@@ -83,24 +72,14 @@ | |||
id="layer1" | |||
transform="translate(573.14286,110.2963)"> | |||
<path | |||
inkscape:connector-curvature="0" | |||
d="m -557.14286,-107.23533 -16,15.93883 6,0 0,12.0002 20,0 0,-12.0002 6,0 -6,-6.061184 0,-7.939046 -6,0 0,2.16233 -4,-4.10093 z" | |||
id="path3307" | |||
style="opacity:0.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" /> | |||
<path | |||
style="opacity:0.7;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="path3883" | |||
d="m -557.14286,-108.23534 -16,15.938823 6,0 0,12.0002 20,0 0,-12.0002 6,0 -6,-6.061183 0,-7.93905 -6,0 0,2.16234 -4,-4.10093 z" | |||
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" /> | |||
<path | |||
inkscape:connector-curvature="0" | |||
d="m -525.14286,-108.23534 -16,15.938823 6,0 0,12.0002 20,0 0,-12.0002 6,0 -6,-6.061183 0,-7.93905 -6,0 0,2.16234 -4,-4.10093 z" | |||
d="m -557.14286,-108.23534 -16,15.938823 6,0 0,12.0002 20,0 0,-12.0002 6,0 -6,-6.061183 0,-7.93905 -6,0 0,2.16234 -4,-4.10093 z" | |||
id="path3328" | |||
style="opacity:0.50000000000000000;fill:url(#linearGradient3760);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> | |||
<path | |||
style="opacity:0.9;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||
d="m -525.14286,-109.2343 -16,15.937766 1,0 15,-14.937746 4,4.12507 0,-1.00002 -4,-4.12507 z m 4,1.93753 0,1.00002 6,0 0,-1.00002 -6,0 z m 6,7.937635 0,1.000017 5,5.062584 1,0 -6,-6.062601 z" | |||
id="path3330" | |||
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" /> | |||
</g> | |||
</svg> |
@@ -14,7 +14,7 @@ | |||
id="svg4375" | |||
version="1.1" | |||
inkscape:version="0.48.3.1 r9886" | |||
sodipodi:docname="picture.svg" | |||
sodipodi:docname="music.svg" | |||
inkscape:export-filename="music.png" | |||
inkscape:export-xdpi="90" | |||
inkscape:export-ydpi="90"> | |||
@@ -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" /> | |||
<metadata | |||
id="metadata4380"> | |||
@@ -50,7 +50,7 @@ | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title></dc:title> | |||
<dc:title /> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
@@ -60,14 +60,14 @@ | |||
id="layer1" | |||
transform="translate(581.71429,-2.0764682)"> | |||
<path | |||
style="opacity:0.1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
id="path5404" | |||
d="m -554.98993,3.0786498 c -4.7142,0.75967 -11.02325,1.541691 -15.72435,2.343787 -1.24488,0.607384 -0.96502,2.171403 -1.02008,3.306244 0,5.0638822 0,10.1277652 0,15.1916432 -2.62346,-0.493216 -5.82272,1.674543 -5.96148,5.106843 -0.2265,2.136875 1.66842,3.996904 3.72898,4.04692 3.68932,0.08956 6.21256,-2.358151 6.25258,-5.453711 -0.0402,-5.198807 0.012,-10.399665 0,-15.599276 0.57116,-0.0423 9.22205,-1.693006 9.99999,-1.802914 0,3.894293 0,7.788587 0,11.682879 -2.29278,-0.549272 -5.22379,0.957441 -5.95053,4.0345 -0.30674,1.724769 0.273,3.88966 2.0231,4.619966 3.41645,1.569871 8.10651,-1.610074 7.91585,-5.342128 -0.053,-6.932336 0.0434,-13.867515 0,-20.8005982 -0.0898,-0.651515 -0.53122,-1.381183 -1.26406,-1.334155 z" | |||
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
id="path4291" | |||
d="m -554.98993,2.0786484 c -4.7142,0.75967 -11.02325,1.541691 -15.72435,2.343787 -1.24488,0.607384 -0.96502,2.171403 -1.02008,3.306244 0,5.0638836 0,10.1277666 0,15.1916436 -2.62346,-0.493215 -5.82272,1.674544 -5.96148,5.106844 -0.2265,2.136875 1.66842,3.996904 3.72898,4.04692 3.68932,0.08956 6.21256,-2.358151 6.25258,-5.453711 -0.0402,-5.198808 0.012,-10.399665 0,-15.599277 0.57116,-0.0423 9.22205,-1.6930062 9.99999,-1.8029142 0,3.8942932 0,7.7885872 0,11.6828792 -2.29278,-0.549271 -5.22379,0.957442 -5.95053,4.0345 -0.30674,1.72477 0.273,3.88966 2.0231,4.619966 3.41645,1.569871 8.10651,-1.610073 7.91585,-5.342127 -0.053,-6.932337 0.0434,-13.867516 0,-20.8005996 -0.0898,-0.651515 -0.53122,-1.381183 -1.26406,-1.334155 z" | |||
inkscape:connector-curvature="0" /> | |||
<path | |||
inkscape:connector-curvature="0" | |||
d="m -554.98993,2.0786498 c -4.7142,0.75967 -11.02325,1.541691 -15.72435,2.343787 -1.24488,0.607384 -0.96502,2.171403 -1.02008,3.306244 0,5.0638832 0,10.1277662 0,15.1916432 -2.62346,-0.493215 -5.82272,1.674544 -5.96148,5.106844 -0.2265,2.136875 1.66842,3.996904 3.72898,4.04692 3.68932,0.08956 6.21256,-2.358151 6.25258,-5.453711 -0.0402,-5.198808 0.012,-10.399665 0,-15.599277 0.57116,-0.0423 9.22205,-1.6930062 9.99999,-1.8029142 0,3.8942932 0,7.7885872 0,11.6828792 -2.29278,-0.549271 -5.22379,0.957442 -5.95053,4.0345 -0.30674,1.72477 0.273,3.88966 2.0231,4.619966 3.41645,1.569871 8.10651,-1.610073 7.91585,-5.342127 -0.053,-6.932337 0.0434,-13.867516 0,-20.8005992 -0.0898,-0.651515 -0.53122,-1.381183 -1.26406,-1.334155 z" | |||
d="m -554.98993,3.0786486 c -4.7142,0.75967 -11.02325,1.541691 -15.72435,2.343787 -1.24488,0.607384 -0.96502,2.171403 -1.02008,3.306244 0,5.0638834 0,10.1277664 0,15.1916434 -2.62346,-0.493215 -5.82272,1.674544 -5.96148,5.106844 -0.2265,2.136875 1.66842,3.996904 3.72898,4.04692 3.68932,0.08956 6.21256,-2.358151 6.25258,-5.453711 -0.0402,-5.198808 0.012,-10.399665 0,-15.599277 0.57116,-0.0423 9.22205,-1.693006 9.99999,-1.802914 0,3.894293 0,7.788587 0,11.682879 -2.29278,-0.549271 -5.22379,0.957442 -5.95053,4.0345 -0.30674,1.72477 0.273,3.88966 2.0231,4.619966 3.41645,1.569871 8.10651,-1.610073 7.91585,-5.342127 -0.053,-6.932337 0.0434,-13.867516 0,-20.8005994 -0.0898,-0.651515 -0.53122,-1.381183 -1.26406,-1.334155 z" | |||
id="path4031-1" | |||
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" /> | |||
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" /> | |||
</g> | |||
</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" /> | |||
<metadata | |||
id="metadata4380"> | |||
@@ -50,7 +50,7 @@ | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title></dc:title> | |||
<dc:title /> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
@@ -62,11 +62,11 @@ | |||
<path | |||
sodipodi:nodetypes="cccccccccccccc" | |||
inkscape:connector-curvature="0" | |||
id="path5740" | |||
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" /> | |||
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" /> | |||
<path | |||
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.7;color:#000000;fill:#000000;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" | |||
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:1;color:#000000;fill:#ffffff;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" | |||
d="m -575.01366,4.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" | |||
id="path4160-9-9-8" | |||
inkscape:connector-curvature="0" |
@@ -75,7 +75,7 @@ | |||
<?php foreach($_['navigation'] as $entry): ?> | |||
<li data-id="<?php echo $entry['id']; ?>"> | |||
<a href="<?php echo $entry['href']; ?>" title="" <?php if( $entry['active'] ): ?> class="active"<?php endif; ?>> | |||
<div class="icon" style="background-image:url(<?php echo $entry['icon']; ?>)"></div> | |||
<img class="icon" src="<?php echo $entry['icon']; ?>"/> | |||
<?php echo $entry['name']; ?> | |||
</a> | |||
</li> |