fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-05-10 12:32:14 +09:00
Code Issues Projects Releases Packages Wiki Activity

mobile menu ui uptate

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7637 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-08-23 02:26:57 +00:00
parent 390fec1c98
commit b7ab6c80d5
2 changed files with 48 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

29
modules/menu/tpl/css/mmenu.css
View file

@ -1,11 +1,18 @@
/* Body */ @charset "utf-8";
.bd{position:relative;overflow:hidden;clear:both} /* Mobile XE (/menu/tpl/menu.html) */
/* GNB */ .bd{background:#f8f8f8;padding:1px 0}
.gn,.gn ul{margin:0;padding:0;list-style:none} /* Global Navigation */
.gn li{margin:-1px 0;border:1px solid #999;border-left:0;border-right:0;vertical-align:top} .gn{margin:0;padding:0;list-style:none;background:#d3d1cc}
.gn li a{display:block;text-decoration:none;height:45px;line-height:45px;padding:0 10px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gn li{background:#d3d1cc;border:1px solid #a3a09a;border-left:0;border-right:0;margin:0 0 -1px 0}
.gn li a em{font-weight:normal;color:#f60;font-size:12px} .gn li li{background:#f8f8f8;border:1px solid #c9c9c9;border-left:0;border-right:0}
.gn li a:visited{color:#666} .gn ul{margin:0 0 -1px 0;padding:0;list-style:none}
.gn li li a{padding:0 10px 0 20px} .gn a{position:relative;text-decoration:none;display:block;padding:10px;font-size:16px}
.gn li li li a{padding:0 10px 0 30px} .gn li a{color:#333}
.gn li li li li a{padding:0 10px 0 50px} .gn li a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
.gn li li a:before{content:"";display:inline-block;width:6px;height:6px;border:1px dotted #666;border-top:0;border-right:0;margin:0 4px 0 0;vertical-align:top}
.gn li li a{padding-left:15px}
.gn li li li a{padding-left:30px}
.gn li li li li a{padding-left:45px}
.gn li li li li li a{padding-left:60px}
.gn em{color:#f63;font-size:12px}

60
modules/menu/tpl/menu.html
View file

@ -1,30 +1,30 @@
<!--%import("css/mmenu.css")--> <!--%import("css/mmenu.css")-->
<div class="bd"> <div class="bd">
<ul class="gn"> <ul class="gn">
{@ $start = true } {@ $start = true }
{@ $depth = 0 } {@ $depth = 0 }
<!--@foreach($menu as $val)--> <!--@foreach($menu as $val)-->
<!--@if(!$start && $val->depth == $depth)--> <!--@if(!$start && $val->depth == $depth)-->
</li> </li>
<!--@end--> <!--@end-->
<!--@if($val->depth > $depth)--> <!--@if($val->depth > $depth)-->
<ul> <ul>
<!--@else--> <!--@else-->
<!--@while($val->depth < $depth)--> <!--@while($val->depth < $depth)-->
</li> </li>
</ul> </ul>
{@ $depth -= 1} {@ $depth -= 1}
<!--@end--> <!--@end-->
<!--@endif--> <!--@endif-->
<li><a href="{$val->href}" >&raquo; {$val->text}</a> <li><a href="{$val->href}" >{$val->text}</a>
{@ $start = false } {@ $start = false }
{@ $depth = $val->depth } {@ $depth = $val->depth }
<!--@end--> <!--@end-->
<!--@while($depth > 0)--> <!--@while($depth > 0)-->
</li> </li>
</ul> </ul>
{@ $depth -= 1} {@ $depth -= 1}
<!--@end--> <!--@end-->
</li> </li>
</ul> </ul>
</div> </div>