@@ -91,10 +91,10 @@ legend { padding:.2em; font-size:1.2em; } | |||
#metanav li a img { vertical-align:middle; } | |||
/* NAVIGATION ------------------------------------------------------------- */ | |||
#navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:75; height:100%; background:#eee; 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; } } | |||
#navigation ul { border-top:1px solid #ccc; } | |||
#navigation a { display:block; padding:.6em .5em .4em 2.5em; background:1em center no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } | |||
#navigation a.active, #navigation a:hover, #navigation a:focus, #navigation a.selected { background-color:#ccc; border-top:1px solid #c8c8c8; border-bottom:1px solid #ccc; color:#000; } | |||
#navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:75; height:100%; background:#eee; 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; } | |||
#navigation a { display:block; padding:.6em .5em .4em 2.5em; background:#eee 1em center no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } | |||
#navigation a.active, #navigation a:hover, #navigation a:focus { background-color:#dbdbdb; border-top:1px solid #d4d4d4; border-bottom:1px solid #ccc; color:#333; } | |||
#navigation a.active { background-color:#ddd; } | |||
#navigation #settings { position:absolute; bottom:3.5em; width:100%; } | |||
#expand { margin:0 0 .2em 1.2em; cursor:pointer; } | |||
#expand+span { position:relative; bottom:.4em; left:.2em; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } |
@@ -0,0 +1,71 @@ | |||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||
<!-- Created with Inkscape (http://www.inkscape.org/) --> | |||
<svg | |||
xmlns:dc="http://purl.org/dc/elements/1.1/" | |||
xmlns:cc="http://creativecommons.org/ns#" | |||
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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||
width="11" | |||
height="36" | |||
id="svg2" | |||
version="1.1" | |||
inkscape:version="0.48.1 r9760" | |||
sodipodi:docname="New document 1"> | |||
<defs | |||
id="defs4" /> | |||
<sodipodi:namedview | |||
id="base" | |||
pagecolor="#ffffff" | |||
bordercolor="#666666" | |||
borderopacity="1.0" | |||
inkscape:pageopacity="0.0" | |||
inkscape:pageshadow="2" | |||
inkscape:zoom="18.657977" | |||
inkscape:cx="2.6788772" | |||
inkscape:cy="16.807262" | |||
inkscape:document-units="px" | |||
inkscape:current-layer="layer1" | |||
showgrid="true" | |||
inkscape:window-width="1280" | |||
inkscape:window-height="776" | |||
inkscape:window-x="0" | |||
inkscape:window-y="24" | |||
inkscape:window-maximized="1"> | |||
<inkscape:grid | |||
type="xygrid" | |||
id="grid3760" | |||
empspacing="5" | |||
visible="true" | |||
enabled="true" | |||
snapvisiblegridlinesonly="true" /> | |||
</sodipodi:namedview> | |||
<metadata | |||
id="metadata7"> | |||
<rdf:RDF> | |||
<cc:Work | |||
rdf:about=""> | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title></dc:title> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
<g | |||
inkscape:label="Layer 1" | |||
inkscape:groupmode="layer" | |||
id="layer1" | |||
transform="translate(0,-1016.3622)"> | |||
<path | |||
transform="translate(0,1016.3622)" | |||
style="fill:#dddddd;fill-opacity:1;stroke:none" | |||
d="M 0,0 11,18 0,36 z" | |||
id="rect3757" | |||
inkscape:connector-curvature="0" | |||
sodipodi:nodetypes="cccc" /> | |||
</g> | |||
</svg> |
@@ -0,0 +1,77 @@ | |||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||
<!-- Created with Inkscape (http://www.inkscape.org/) --> | |||
<svg | |||
xmlns:dc="http://purl.org/dc/elements/1.1/" | |||
xmlns:cc="http://creativecommons.org/ns#" | |||
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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||
width="11" | |||
height="36" | |||
id="svg2" | |||
version="1.1" | |||
inkscape:version="0.48.1 r9760" | |||
sodipodi:docname="breadcrumb.svg" | |||
inkscape:export-filename="/home/jancborchardt/breadcrumb.png" | |||
inkscape:export-xdpi="90" | |||
inkscape:export-ydpi="90"> | |||
<defs | |||
id="defs4" /> | |||
<sodipodi:namedview | |||
id="base" | |||
pagecolor="#ffffff" | |||
bordercolor="#666666" | |||
borderopacity="1.0" | |||
inkscape:pageopacity="0.0" | |||
inkscape:pageshadow="2" | |||
inkscape:zoom="26.386364" | |||
inkscape:cx="1.7139473" | |||
inkscape:cy="25.655289" | |||
inkscape:document-units="px" | |||
inkscape:current-layer="layer1" | |||
showgrid="true" | |||
inkscape:window-width="1280" | |||
inkscape:window-height="776" | |||
inkscape:window-x="0" | |||
inkscape:window-y="24" | |||
inkscape:window-maximized="1"> | |||
<inkscape:grid | |||
type="xygrid" | |||
id="grid3760" | |||
empspacing="5" | |||
visible="true" | |||
enabled="true" | |||
snapvisiblegridlinesonly="true" /> | |||
</sodipodi:namedview> | |||
<metadata | |||
id="metadata7"> | |||
<rdf:RDF> | |||
<cc:Work | |||
rdf:about=""> | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title></dc:title> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
<g | |||
inkscape:label="Layer 1" | |||
inkscape:groupmode="layer" | |||
id="layer1" | |||
transform="translate(0,-1016.3622)"> | |||
<path | |||
transform="translate(0,1016.3622)" | |||
style="fill:#dddddd;fill-opacity:1;stroke:#dddddd;stroke-width:0.89999998000000003;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:31.20000076000000178;stroke-opacity:1;stroke-dasharray:none;marker-start:none" | |||
d="m 0.5,0 10,18 -10,18 10,-18 z" | |||
id="rect3757" | |||
inkscape:connector-curvature="0" | |||
sodipodi:nodetypes="ccccc" | |||
inkscape:export-filename="/home/jancborchardt/breadcrumb-start.png" | |||
inkscape:export-xdpi="90" | |||
inkscape:export-ydpi="90" /> | |||
</g> | |||
</svg> |
@@ -55,4 +55,4 @@ table thead.fixed {height:2em} | |||
.selectedActions a:hover, a.file_action:hover { background:#fff; -moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } | |||
/* add breadcrumb divider to the File item in navigation panel */ | |||
#navigation>ul>li:first-child { background:url('../../core/img/breadcrumb-divider-start.png') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; } | |||
#navigation>ul>li:first-child { background:url('../../core/img/breadcrumb-start.png') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; } |
@@ -1,5 +1,5 @@ | |||
<?php foreach($_["breadcrumb"] as $crumb): ?> | |||
<div class='crumb' data-dir='<?php echo $crumb["dir"];?>' style='background-image:url("<?php echo image_path('core','breadcrumb-divider.png');?>")'> | |||
<div class="crumb svg" data-dir='<?php echo $crumb["dir"];?>' style='background-image:url("<?php echo image_path('core','breadcrumb.png');?>")'> | |||
<a href="<?php echo link_to("files", "index.php?dir=".$crumb["dir"]); ?>"><?php echo htmlspecialchars($crumb["name"]); ?></a> | |||
</div> | |||
<?php endforeach; ?> | |||
<?php endforeach; ?> |