Site edit > another layout download button UI fixed.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12405 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-12-17 05:22:33 +00:00
parent f2ec836c8e
commit aa9a9ef6e8
2 changed files with 13 additions and 12 deletions

View file

@ -152,7 +152,6 @@ body>.x{max-width:none !important}
.download .starRating.score4>i{width:80%}
.download .starRating.score5>i{width:100%}
/* Theme(layout|skin) */
.theme img{width:110px;border:1px solid #ddd}
.theme label{margin:0;padding:8px 0;position:relative;border-bottom:1px solid #ddd}
.theme label>a{position:absolute;top:4px;right:0;width:24px;height:24px;border-radius:3px;background-position:-427px 5px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
.theme label>a:hover,
@ -164,8 +163,8 @@ body>.x{max-width:none !important}
.theme li:after{content:"";display:block;clear:both}
.theme .list>ul>li{padding:8px 0 8px 120px;border-top:1px dashed #ddd;position:relative}
.theme .list>ul>li:first-child{border:0}
.theme .list>ul>li>label{position:relative;color:#333;font-size:13px;white-space:nowrap;line-height:15px;margin:0 0 0 -120px;padding:0;border-bottom:0}
.theme .item{position:relative;float:left;margin:5px -110px 0 -120px;display:inline}
.theme .list>ul>li>label{position:relative;color:#333;font-size:13px;white-space:nowrap;line-height:15px;margin:0 0 0 -120px;padding:0;border-bottom:0;cursor:pointer}
.theme .item{position:relative;float:left;margin:5px -110px 0 -120px;display:inline;width:112px;height:85px;border:1px solid #ddd;overflow:hidden;border-radius:3px}
.theme .selected{background:#FFC}
.theme .selected>label{font-weight:bold}
.theme ul ul{white-space:nowrap;float:left;width:100%;margin:5px 0 0 0}
@ -260,9 +259,11 @@ body>.x{max-width:none !important}
#design .x_nav a{padding-top:5px;padding-bottom:4px}
#design .btnBoth{border:0}
#design img{width:220px}
#design .shadow{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:212px;height:160px;overflow:hidden}
#design .shadow>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.20,M22=0.20,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.20);-moz-transform-origin:0 0; -moz-transform: scale(.20);-0-transform-origin:0 0; -0-transform: scale(.20);position:absolute}
#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px}
#design .shadow{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;height:160px;overflow:hidden;border-radius:3px}
#design .shadow>iframe{border:0;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.20,M22=0.20,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.20);-moz-transform-origin:0 0; -moz-transform: scale(.20);-0-transform-origin:0 0; -0-transform: scale(.20);position:absolute}
#design #pc .shadow>iframe{width:1024px;height:768px;left:50%;margin-left:-102px}
#design #mobile .shadow>iframe{width:480px;height:800px;left:50%;margin-left:-48px}
#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;border-radius:3px;background-color:#666;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px}
#design .x_icon-zoom-in:after{content:normal}
#design .mask{position:absolute;width:100%;height:100%;top:0;left:0}
#design .btnBoth{position:absolute;bottom:4px;left:4px;right:4px;margin:0}

View file

@ -365,14 +365,14 @@
<div class="x_tab-pane x_active" id="pc">
<div class="shadow">
<iframe name="_pc_preview_ifr" src="about:_blank"></iframe><i class="mask"></i>
<input type="submit" class="x_icon-zoom-in _pc_preview_open" value="{$lang->view_zoom}" />
<input type="submit" class="x_icon-zoom-in x_icon-white _pc_preview_open" value="{$lang->view_zoom}" />
</div>
</div>
<div class="x_tab-pane" id="mobile">
<label class="mvOption"><input type="checkbox" name="use_mobile" value="Y"> {$lang->use_mobile_view}</label>
<div class="shadow">
<iframe name="_mobile_preview_ifr" src="about:_blank" style="width:480px;height:800px;margin-left:60px"></iframe><i class="mask"></i>
<input type="submit" class="x_icon-zoom-in _mobile_preview_open" value="{$lang->view_zoom}" />
<iframe name="_mobile_preview_ifr" src="about:_blank"></iframe><i class="mask"></i>
<input type="submit" class="x_icon-zoom-in x_icon-white _mobile_preview_open" value="{$lang->view_zoom}" />
</div>
</div>
</div>
@ -417,9 +417,9 @@
</script>
<script id="tmpl_layout_list_item_add_new" type="text/x-jquery-tmpl">
<li data-admin-show="#downloadLayout">
<label>+Add new</label>
<label><i class="x_icon-plus-sign"></i> {$lang->install_other_layouts}</label>
<button type="button" class="item _btnScreenshot">
<img src="./modules/layout/tpl/img/noThumbnail.png" class="_thumbnail">
<img src="./modules/layout/tpl/img/download.png" class="_thumbnail" alt="{$lang->install_other_layouts}">
</button>
</li>
</script>
@ -427,7 +427,7 @@
<li class="${Selected} _layoutItem">
<label><input type="radio" name="layout_item" title="${Title}"> ${Title}</label>
<button type="button" class="item _btnScreenshot" title="{$lang->about_apply_layout}">
<img src="${ScreenShotURL}" class="_thumbnail">
<img src="${ScreenShotURL}" class="_thumbnail" alt="${Title}">
</button>
<ul class="_edit_menu">
<li><a href="#layoutSetup" data-admin-show="#layoutSetup" data-param='{ "sLayoutSrl":"${LayoutSrl}"}'>{$lang->full_settings} <i class="x_icon-circle-arrow-right"></i></a></li>