HTML, CSS, Web Accessibility...

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9676 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2011-10-19 05:38:01 +00:00
parent 341bfa73ed
commit 15ddf80ad3
9 changed files with 65 additions and 61 deletions

View file

@ -1,5 +1,5 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Element Reset */
body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px}
img{border:0}
/* Button */
@ -10,7 +10,7 @@ img{border:0}
.btn a,
.btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.btn input,
.btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)) !important;background:#333 -moz-linear-gradient(top,#777,#000) !important;background-color:#333 !important;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.btn a{height:22px}
.btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}
.btn.medium a{height:28px}

File diff suppressed because one or more lines are too long

View file

@ -1,7 +1,5 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Element Reset */
body{margin:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
body>.popup{margin:1em}
.x,
@ -21,11 +19,11 @@ body>.popup{margin:1em}
.x .h1,
.x .h2,
.x .h3,
.x .h4{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1}
.x .h1{border-bottom-width:4px;font-size:24px}
.x .h2{border-bottom-width:3px;font-size:20px}
.x .h3{border-bottom-width:2px;font-size:16px}
.x .h4{border-bottom-width:1px;font-size:12px}
.x .h4{position:relative;border-bottom-style:solid;zoom:1}
.x .h1{border-bottom-width:4px;font-size:24px;border-bottom-color:#666}
.x .h2{border-bottom-width:3px;font-size:20px;border-bottom-color:#888}
.x .h3{border-bottom-width:2px;font-size:16px;border-bottom-color:#aaa}
.x .h4{border-bottom-width:1px;font-size:12px;border-bottom-color:#ccc}
.x .h1 + ul,
.x .h2 + ul,
.x .h3 + ul,
@ -33,14 +31,14 @@ body>.popup{margin:1em}
.x .h1 + .table table,
.x .h2 + .table table,
.x .h3 + .table table,
.x .h4 + .table table{border-top:0;margin-top:-1em}
.x .h4 + .table table{border-top:0 !important;margin-top:-1em !important}
/* Portlet */
.x .portlet{position:relative;border:1px solid #e9e9e9;margin:1em 0;padding:0;background:#fff;zoom:1;overflow:hidden;border-radius:5px}
.x .portlet h2,
.x .portlet h3{margin:0;padding:.5em 1em;font-size:14px;border:1px solid #fff;border-bottom:1px solid #e9e9e9;background:#f7f7f7;border-radius:5px 5px 0 0}
.x .portlet p{margin:1em 1.2em}
.x .portlet li{position:relative;padding-right:8em}
.x .portlet .lined{margin:1px;padding:0;list-style:none}
.x .portlet .lined{margin:1px !important;padding:0;list-style:none}
.x .portlet .lined li{padding:.5em 8em .5em 1em;border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.x .portlet .lined li:first-child{border:0}
.x .portlet .side{position:absolute;top:0;_top:1px;right:0;color:#666;background:#fff;padding:0 1em}
@ -96,7 +94,12 @@ body>.popup{margin:1em}
.x .form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center}
.x .form input[type=checkbox],
.x .form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
.x .form *[disabled=disabled]{background:#ddd !important;text-shadow:1px 1px 0 #fff}
.x .form input[type=text][disabled=disabled],
.x .form input[type=password][disabled=disabled],
.x .form input[type=radio][disabled=disabled],
.x .form input[type=checkbox][disabled=disabled],
.x .form select[disabled=disabled],
.x .form textarea[disabled=disabled]{background:#ddd;text-shadow:1px 1px 0 #fff}
.x .form textarea{padding:3px 4px;vertical-align:top}
.x .form span.desc,
.x .form em.desc{line-height:22px;vertical-align:middle;margin:0 10px}
@ -106,7 +109,7 @@ body>.popup{margin:1em}
.x .form .tgForm{margin-right:1em}
/* Global Navigation Bar */
.x .gnb{position:relative;clear:both;border:1px solid #c1c1c1;border-left:0;border-right:0;background-color:#efefef;background:#efefef -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#dcdcdc));background:#efefef -moz-linear-gradient(top, #efefef, #dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#efefef, endColorStr=#dcdcdc);zoom:1}
.x .gnb ul{margin:0;padding:0 0 0 2em;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1}
.x .gnb ul{margin:0;padding:0 0 0 20px;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1}
.x .gnb ul ul{position:absolute;top:30px;left:0;border:1px solid #ccc;border-top:0;padding:1px 0 0 0;background:#fff}
.x .gnb ul:after{content:"";display:block;clear:both}
.x .gnb li{position:relative;float:left;border:1px solid #fff;border-top:0;border-bottom:0;margin:0 -1px 0 0}
@ -148,7 +151,8 @@ body>.popup{margin:1em}
.x .gnb li.activeOn>a{background:#ddd}
}
/* Favorite */
.x .bmk{position:absolute;right:2em;bottom:10px;padding:0 0 0 20px;background:url(../img/iconFavorite.gif) no-repeat 0 -16px}
.x .bmk{position:absolute;right:20px;bottom:10px;padding:0 0 0 20px;background:url(../img/iconFavorite.gif) no-repeat 0 -16px}
.x .bmk>a{text-shadow:0 1px 0 #fff}
.x .bmk ul{position:absolute;top:140%;right:0;list-style:none;margin:0;padding:5px 10px;border:1px solid #aaa;border-radius:5px;background:#fff;box-shadow:1px 1px 3px #aaa}
.x .bmk li{position:relative;padding:3px 30px 3px 0;white-space:nowrap}
.x .bmk li .action{position:absolute;top:0;right:0}
@ -160,9 +164,9 @@ body>.popup{margin:1em}
.x .bmk li{position:relative;top:-1px;border-top:1px dotted #ccc}
}
/* Local Navigation */
.x .lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline}
.x .lnb{position:relative;float:left;width:210px;margin:1em 0 1em -240px;line-height:normal;zoom:1;display:inline}
.x .lnb .h2{margin-top:0}
.x .lnb ul{margin:0;padding:0;list-style:none}
.x .lnb ul{margin:0 !important;padding:0;list-style:none}
.x .lnb li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1}
.x .lnb li a{display:block;position:relative;padding:8px 10px;text-decoration:none;color:#666;font-weight:bold;background:#fafafa;border:1px solid #eee;zoom:1}
.x .lnb li a .i{position:absolute;top:50%;left:100%;margin:-4px 0 0 -16px;width:8px;height:8px;color:#ccc;background:url(../img/iconNavVr.gif) no-repeat left top}
@ -252,16 +256,16 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
/* H2 Anchor */
.x .h2Anchor{position:absolute;right:0;border:0;background:none;color:#00f;text-decoration:underline}
/* Skip Navigation */
.x .skipNav{margin:0;text-align:center;overflow:hidden}
.x .skipNav a{position:absolute;width:1px;height:1px;display:block;color:#fff;font-weight:bold;padding:10px 0;background:#333;border-top:1px solid #656565}
.x .skipNav{margin:0;text-align:center}
.x .skipNav a{position:absolute;width:1px;height:1px;display:block;font-weight:bold;padding:10px 0}
.x .skipNav a:hover,
.x .skipNav a:active,
.x .skipNav a:focus{position:relative;width:auto;height:auto}
/* Header */
.x .header{position:relative;z-index:2;padding:30px 0 0 0;background:#4c4c4c;box-shadow:0 0 10px #aaa;zoom:1}
.x .header{position:relative;z-index:2;padding:30px 0 0 0;background:#4c4c4c;box-shadow:0 0 10px #aaa;zoom:1;border-radius:5px 5px 0 0}
.x .header:after{content:"";display:block;clear:both}
.x .header a{text-decoration:none}
.x .header h1{margin:0 15px 10px 1.3em;font-size:24px;line-height:32px;display:inline-block;zoom:1}
.x .header h1{margin:0 15px 10px 20px;font-size:24px;line-height:32px;display:inline-block;zoom:1}
.x .header h1 *{vertical-align:middle}
.x .header h1 a{color:#fff;text-shadow:1px 1px 0 #000;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000, Positive=true);zoom:1}
.x .header h1 .url{font-size:12px;font-weight:normal}
@ -272,8 +276,8 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
.x .header #moveSiteList li{white-space:nowrap;margin:0;padding:4px 0;border-bottom:1px dotted #ccc}
.x .header #siteMapList{padding:0 1em 1em 1em;margin:0}
.x .header #siteMapList li{white-space:nowrap}
.x .header .account{position:absolute;z-index:3;width:100%;padding:5px 2em 5px 0;top:0;right:0;white-space:nowrap;text-align:right;background:#333;border-bottom:1px solid #656565;color:#fff;font-size:12px;box-shadow:0 0 10px #333}
.x .header .account ul{margin:0 2px 0 0;padding:0;list-style:none}
.x .header .account{position:absolute;z-index:3;width:100%;top:0;right:0;white-space:nowrap;text-align:right;background:#333;border-bottom:1px solid #656565;color:#fff;font-size:12px;border-radius:5px 5px 0 0}
.x .header .account ul{margin:0 2px 0 0;padding:5px 20px 5px 0;list-style:none}
.x .header .account li{position:relative;display:inline;border-left:1px solid #666;padding:0 6px 0 10px}
.x .header .account li:first-child{border:0}
.x .header .account a{color:#fff;display:inline-block;height:14px}
@ -289,13 +293,13 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
.x .header .account a:active,
.x .header .account a:focus{color:#6e9cf2;text-decoration:underline}
/* Footer */
.x .footer{border-top:1px solid #ddd;text-align:center;font-size:12px;padding:1.5em 0;margin:0 2em;zoom:1}
.x .footer{border-top:1px solid #ddd;text-align:center;font-size:12px;padding:1.5em 0;zoom:1}
.x .footer:after{content:"";display:block;clear:both}
.x .footer p{margin:0}
.x .footer .power{float:left}
.x .footer .cache{float:right}
/* Body */
.x .body{position:relative;z-index:1;padding:1em 2em 1em 260px;zoom:1}
.x .body{position:relative;z-index:1;padding:1em 20px 1em 260px;zoom:1}
.x .body:after{content:"";display:block;clear:both}
/* Content */
.x .content{float:right;width:100%;margin-left:-230px;zoom:1}
@ -317,7 +321,7 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
.x .dashboard .portlet{float:left !important;width:32% !important;margin-right:1em !important}
}
/* Single Column*/
.x .single{position:relative;float:none;width:auto;margin-left:-230px}
.x .single{position:relative;float:none;width:auto;margin-left:-240px}
/* Search */
.x .search{zoom:1}
.x .search:after{content:"";display:block;clear:both}
@ -566,9 +570,10 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
.x a.iSetting{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconSetting.gif) no-repeat}
.x a.cMenu{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../../../../common/img/icon.bubble.png) no-repeat}
/* Responsive Layout */
@media only all and (max-width:860px){.x .header h1{margin-left:.7em}
.x .header .account{padding-right:1em}
.x .body{padding:1em}
@media only all and (max-width:860px){
.x .header h1{margin-left:.7em}
.x .header .account ul{padding-right:10px}
.x .body{padding:0}
.x .content{float:none;margin-left:0}
.x .lnb{float:none;width:auto;margin:1em 0}
.x .dashboard .portlet{float:none !important;width:auto !important;margin-right:0}
@ -577,7 +582,8 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
.x .easyNav .category{float:none;display:block;width:auto}
.x .easyNav .filter{position:static}
}
@media only all and (max-width:640px){.x .skipNav a{position:relative;width:auto;height:auto}
@media only all and (max-width:640px){
.x .skipNav a{position:relative;width:auto;height:auto}
.modal{position:absolute}
}
/* Legacy Code (Don't use it. It will be removed as soon as possible.) */

File diff suppressed because one or more lines are too long

View file

@ -1,19 +1,17 @@
<include target="header.html" />
<p>
<block cond="$show_ftp_note">
{@$ftp_link = sprintf('<a href="%s#ftpSetup">%s</a>', getUrl('', 'module', 'admin', 'act', 'dispAdminConfig'), $lang->ftp_setup)}
{sprintf($lang->description_ftp_note, $ftp_link)}
</block>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form action="" method="post">
<input type="hidden" name="module" value="autoinstall" />
<input type="hidden" name="act" value="procAutoinstallAdminUpdateinfo" />
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form action="" method="post">
<input type="hidden" name="module" value="autoinstall" />
<input type="hidden" name="act" value="procAutoinstallAdminUpdateinfo" />
<p>
<block cond="$show_ftp_note">
{@$ftp_link = sprintf('<a href="%s#ftpSetup">%s</a>', getUrl('', 'module', 'admin', 'act', 'dispAdminConfig'), $lang->ftp_setup)}
{sprintf($lang->description_ftp_note, $ftp_link)}
</block>
{@$btnUpdate = sprintf('<input type="submit" value="%s" class="text" />', $lang->status_update)}
{sprintf($lang->description_update, $btnUpdate)}
</form>
</p>
</p>
</form>
<include target="list.html" />

View file

@ -32,7 +32,7 @@
<thead>
<tr>
<th scope="col">{$lang->category}</th>
<th scope="col" class="title">{$lang->thumbnail}</th>
<th scope="col">{$lang->thumbnail}</th>
<th scope="col" class="title">{$lang->name}</th>
<th scope="col">{$lang->distribute_version}</th>
<th scope="col">{$lang->current_version}</th>
@ -43,7 +43,7 @@
<tr loop="$item_list => $key, $item">
{@ $target_url = $original_site."?mid=download&package_srl=".$item->package_srl; }
<td>{$item->category}</td>
<td class="title"><img src="{str_replace('./', $uri, $item->item_screenshot_url)}" alt="" width="100" height="100" /></td>
<td><img src="{str_replace('./', $uri, $item->item_screenshot_url)}" alt="" width="100" height="100" /></td>
<td class="title">
<p><a href="{$target_url}">{htmlspecialchars($item->title)}</a></p>
<p>{cut_str(htmlspecialchars($item->package_description),200)}</p>

View file

@ -99,9 +99,9 @@ xe.lang.confirm_delete = "{$lang->confirm_delete}";
<p class="a">
<select style="width:290px" id="kModule" name="module_type">
<block loop="$module_list=>$key,$value">
<optgroup label="page" cond="$key=='page'">
<option value="WIDGET">{$lang->page_type_name['WIDGET']}</option>
<optgroup label="{$lang->page}" cond="$key=='page'">
<option value="ARTICLE">{$lang->page_type_name['ARTICLE']}</option>
<option value="WIDGET">{$lang->page_type_name['WIDGET']}</option>
<option value="OUTSIDE">{$lang->page_type_name['OUTSIDE']}</option>
</optgroup>
<option value="{$key}" cond="$key!='page'">{$value->title}</option>

View file

@ -9,7 +9,7 @@
<input type="hidden" name="module_srl" value="{$module_srl}" />
<input type="hidden" name="admin_member" value="<!--@foreach($admin_member as $key => $val)-->{$val->user_id},<!--@end-->" />
<h2 class="h2">{$lang->module_admin}</h2>
<h3 class="h3">{$lang->module_admin}</h3>
<p>{$lang->about_admin_id}</p>
<ul>
<li>
@ -33,7 +33,7 @@
</p>
</li>
</ul>
<h2 class="h2">{$lang->permission_setting}</h2>
<h3 class="h3">{$lang->permission_setting}</h3>
<p>{$lang->about_grant_deatil}</p>
<div class="table">
<table width="100%" border="1" cellspacing="0">

View file

@ -120,18 +120,18 @@ Nếu chọn là mặc định, nó sẽ là trang chủ của Website.]]></valu
<value xml:lang="jp"><![CDATA[選択してください。]]></value>
</item>
<item name="page_type_name" type="array">
<item name="WIDGET">
<value xml:lang="ko"><![CDATA[위젯]]></value>
<value xml:lang="en"><![CDATA[Widget]]></value>
<value xml:lang="jp"><![CDATA[ウィジェット]]></value>
</item>
<item name="ARTICLE">
<value xml:lang="ko"><![CDATA[문서]]></value>
<value xml:lang="en"><![CDATA[Article]]></value>
<value xml:lang="jp"><![CDATA[書き込み]]></value>
<value xml:lang="ko"><![CDATA[문서 페이지]]></value>
<value xml:lang="en"><![CDATA[Article Page]]></value>
<value xml:lang="jp"><![CDATA[書き込み Page]]></value>
</item>
<item name="WIDGET">
<value xml:lang="ko"><![CDATA[위젯 페이지]]></value>
<value xml:lang="en"><![CDATA[Widget Page]]></value>
<value xml:lang="jp"><![CDATA[ウィジェット Page]]></value>
</item>
<item name="OUTSIDE">
<value xml:lang="ko"><![CDATA[외부페이지]]></value>
<value xml:lang="ko"><![CDATA[외부 페이지]]></value>
<value xml:lang="en"><![CDATA[External Page]]></value>
<value xml:lang="jp"><![CDATA[外部ページ]]></value>
</item>