#metanav li a img { vertical-align:middle; } | #metanav li a img { vertical-align:middle; } | ||||
/* NAVIGATION ------------------------------------------------------------- */ | /* 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%; } | #navigation #settings { position:absolute; bottom:3.5em; width:100%; } | ||||
#expand { margin:0 0 .2em 1.2em; cursor:pointer; } | #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; } | #expand+span { position:relative; bottom:.4em; left:.2em; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } |
<?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> |
<?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> |
.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; } | .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 */ | /* 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; } |
<?php foreach($_["breadcrumb"] as $crumb): ?> | <?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> | <a href="<?php echo link_to("files", "index.php?dir=".$crumb["dir"]); ?>"><?php echo htmlspecialchars($crumb["name"]); ?></a> | ||||
</div> | </div> | ||||
<?php endforeach; ?> | |||||
<?php endforeach; ?> |