design toutch install / admin

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4636 201d5d3c-b55e-5fd7-737f-ddc643e51545

modules/admin/tpl/css/admin.css

@@ -7,7 +7,7 @@
 .leftGap { margin-left:10px; }
 textarea { padding:.3em 0 0 .3em;}
 
-h3 { margin:0; padding:8px 0 0 10px; border:1px solid #BFBFB8; border-left:1px solid #D8D8D2; border-top:1px solid #D8D8D2; background:url("../images/n_title_bg.png") repeat-x left top; font-size:1em; color:#444444; height:22px;}
+h3 { margin:0; padding:8px 0 0 10px; border:1px solid #BFBFB8; border-left:1px solid #D8D8D2; border-top:1px solid #D8D8D2; background:url("../images/n_title_bg.gif") repeat-x left top; font-size:1em; color:#444444; height:22px;}
 h3 .gray { color:#777777;}
 .infoText { background:#FFFFFA; padding:10px; color:#444444; border-left:1px solid #D8D8D2; border-bottom:1px solid #BFBFB8; border-right:1px solid #BFBFB8; line-height:1.5; margin-bottom:10px; }
 .subInfoText { background:#FFFFFF; padding:10px; color:#444444; border:1px solid #EEEEEE; line-height:1.5; margin-bottom:10px; }
@@ -25,7 +25,7 @@ div.summary em { color:#ff1d00; font-style:normal;}
 .adminRightExtra { float:left; width:38%; }
 
 .adminTable { width:100%; border:1px solid #E5E4E2; border-bottom:none; border-right:none; margin-bottom:15px; }
-.adminTable caption { background:url("../images/n_caption_head.png") no-repeat left top; padding:8px 0 5px 30px; text-align:left; font-weight:bold; color:#000000; background-color:#F0F0DF; border-bottom:1px solid #FFFFFF; _behavior:url(/common/js/iePngFix.htc); }
+.adminTable caption { background:url("../images/n_caption_head.gif") no-repeat left top; padding:8px 0 5px 30px; text-align:left; font-weight:bold; color:#000000; background-color:#F0F0DF; border-bottom:1px solid #FFFFFF; }
 
 .adminTable thead tr th div { text-align:center;}
 .adminTable tr th { background-color:#FAF7F2; padding:6px; font-weight:bold; text-align:left; color:#666; border-right:1px solid #E5E4E2; border-bottom:1px solid #E5E4E2; }
@@ -49,8 +49,8 @@ div.summary em { color:#ff1d00; font-style:normal;}
 .adminTable tr td span.date { font-size:8pt; font-family:tahoma; color:#666666;}
 .adminTable tr td.center { text-align:center; }
 .adminTable tr td.right { text-align:right; }
-.adminTable tr td.paper { background:url("../images/n_paper_bullet.png") no-repeat 6px 8px; padding-left:20px; }
-.adminTable tr td.circle { background:url("../images/n_circle_bullet.png") no-repeat 6px 8px; padding-left:20px; }
+.adminTable tr td.paper { background:url("../images/n_paper_bullet.gif") no-repeat 6px 8px; padding-left:20px; }
+.adminTable tr td.circle { background:url("../images/n_circle_bullet.gif") no-repeat 6px 8px; padding-left:20px; }
 .adminTable tr td strong.alert { color:red; }
 .adminTable tr td p { padding:0; margin:5px 0 0 5px; color:#9F875F; }
 .adminTable tr td p a { color:#9F875F; font-weight:bold; text-decoration:underline; }
@@ -68,9 +68,9 @@ div.summary em { color:#ff1d00; font-style:normal;}
 .adminTable tr td.delete a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_delete.gif") no-repeat left top; }
 .adminTable tr td.copy a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_copy.gif") no-repeat left top; }
 .adminTable tr td.view a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_view.gif") no-repeat left top; }
-.adminTable tr td.setup a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_setup.png") no-repeat left top; }
-.adminTable tr td.activated a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_light_on.png") no-repeat left top; }
-.adminTable tr td.deactivated a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_light_off.png") no-repeat left top; }
+.adminTable tr td.setup a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_setup.gif") no-repeat left top; }
+.adminTable tr td.activated a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_light_on.gif") no-repeat left top; }
+.adminTable tr td.deactivated a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_light_off.gif") no-repeat left top;   }
 .adminTable tr td.selectAll a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_select_all.gif") no-repeat left top; }
 .adminTable tr td.deSelectAll a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_remove.gif") no-repeat left top; }
 .adminTable tr td.moveupdown a.up { float:left; width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/button_up.gif") no-repeat left top; margin-right:5px; }
@@ -85,7 +85,7 @@ ul.localNavigation li a:hover { color:#000000; }
 ul.localNavigation li.on { background-position:left top; top:0; height:25px; }
 ul.localNavigation li.on a { background-position:right top; padding:8px 15px 5px 10px; height:25px; color:#222227; font-weight:bold; }
 
-#popHeadder, #popHistoryHeadder { background:url(../images/popupTopBg.png) repeat-x left top; padding:10px; }
+#popHeadder, #popHistoryHeadder { background:url("../images/n_title_bg.gif") repeat-x left top; padding:10px; }
 #popHeadder h1, #popHistoryHeadder h1 { background:url("../images/top_head_title_bg.gif") repeat-x left top; font-size:1em; border:1px solid #E3E3E2; padding:9px; color:#555555; margin:0; }
 #popBody, #popHistoryBody { width:600px; padding:10px; background:#ffffff;}
 #popHistoryBody { height: 200px; overflow: auto; padding-right:0; }

modules/admin/tpl/css/admin_layout.css

@@ -2,27 +2,27 @@
 
 body { background-color:#FFFFFF; }
 
-.xeAdmin { width:100%; height:61px; border-bottom:1px solid #1b3d51; background:url("../images/n_top_back.png") repeat-x left top; position:relative; z-index:100; }
+.xeAdmin { width:100%; height:61px; border-bottom:1px solid #1b3d51; background:url("../images/n_top_back.gif") repeat-x left top; position:relative; z-index:100;}
 .xeAdmin h1 { position:absolute; top:15px; left:20px; margin:0; padding:0; }
-.xeAdmin h1 img{ _behavior:url(/common/js/iePngFix.htc);}
+.xeAdmin h1 img{ _behavior:url(./common/js/iePngFix.htc);}
 .xeAdmin ul.globalNavigator { list-style:none; margin:0; padding:0; position:absolute; right:20px; top:13px; }
 .xeAdmin ul.globalNavigator li { display:inline; margin:0 10px;}
 .xeAdmin ul.globalNavigator li a{ color:#ddd; font:11px Tahoma; text-decoration:none;}
 
-.xeAdmin div.mainNavigator { position:absolute; right:20px; top:35px; padding:0 0 0 6px; background:url(../images/n_menu_left.png) no-repeat left top; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/admin/tpl/images/n_menu_left.png', sizingMethod='crop');}
+.xeAdmin div.mainNavigator { position:absolute; right:20px; top:35px; padding:0 0 0 6px; background:url(../images/n_menu_left.gif) no-repeat left top;}
 .xeAdmin div.mainNavigator img { float:left; display:block; }
-.xeAdmin div.mainNavigator ul { float:left; position:relative; list-style:none; margin:0; padding:0 6px 0 0; background:url(../images/n_menu_right.png) no-repeat right top; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/admin/tpl/images/n_menu_right.png', sizingMethod='crop');}
-.xeAdmin div.mainNavigator ul li { position:relative; float:left; background:#1f1f1f url("../images/n_menu_bar.png") no-repeat left 8px; padding:6px 12px 6px 12px; font-weight:bold; color:#eee; cursor:pointer; border-top:1px solid #767676;}
+.xeAdmin div.mainNavigator ul { float:left; position:relative; list-style:none; margin:0; padding:0 6px 0 0; background:url(../images/n_menu_right.gif) no-repeat right top; }
+.xeAdmin div.mainNavigator ul li { position:relative; float:left; background:#1f1f1f url("../images/n_menu_bar.gif") no-repeat left 8px; padding:6px 12px 6px 12px; font-weight:bold; color:#eee; cursor:pointer; border-top:1px solid #767676;}
 .xeAdmin div.mainNavigator ul li:hover { color:#FFFFFF; }
 .xeAdmin div.mainNavigator ul li.first { background-image:none; }
 
 .xeAdmin div.mainNavigator .adminSubMenu { border:1px solid #999; float:none; position:absolute; left:-6px; top:31px; right:auto; visibility:hidden; list-style:none; padding:0 7px 3px 7px; margin:0; background:#eee; }
-.xeAdmin div.mainNavigator .adminSubMenu li { font-weight:normal; border:none; float:none; margin:0; white-space:nowrap; padding:8px 4px 4px 4px; background:url("../images/n_submenu_bar.png") repeat-x left top;}
+.xeAdmin div.mainNavigator .adminSubMenu li { font-weight:normal; border:none; float:none; margin:0; white-space:nowrap; padding:8px 4px 4px 4px; background:url("../images/n_submenu_bar.gif") repeat-x left top;}
 .xeAdmin div.mainNavigator .adminSubMenu li a:hover { color:#AAAAAA; }
 .xeAdmin div.mainNavigator .adminSubMenu li.first { background:none; }
 .xeAdmin div.mainNavigator .adminSubMenu li a { display:block; position:relative; color:#000000; text-decoration:none; }
 
-.adminFolder { background:url("../images/n_folder_bg.png") repeat-x left top; height:6px; text-align:center; overflow:hidden;}
+.adminFolder { background:url("../images/n_folder_bg.gif") repeat-x left top; height:6px; text-align:center; overflow:hidden;}
 .adminPackage { background:#eee; overflow:hidden; height:38; padding:10px 0 0 0;}
 .adminPackage ul { position:relative; clear:both; margin:0; padding:0 0 0 20px; height:28px; overflow:hidden;}
 .adminPackage ul li { list-style:none; background:url("../images/n_tab.gif") no-repeat scroll left -35px; float:left; margin-right:10px; position:relative; text-align:center; top:0; height:28px;}

modules/admin/tpl/index.html

@@ -166,9 +166,9 @@
     <!--@foreach($addon_list as $key => $val)-->
     <tr class="row{$cycle_idx}">
         <td class="circle">
-            <a href="{getUrl('','module','addon','act','dispAddonAdminInfo','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="blue">{$val->title}</a>
+            <a href="{getUrl('','module','addon','act','dispAddonAdminInfo','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false">{$val->title}</a>
         </td>
-        <td class="nowrap center"><a href="{getUrl('','module','addon','act','dispAddonAdminSetup','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="blue"><img src="./images/n_setup.png" alt="setup" /></a></td>
+        <td class="nowrap center"><a href="{getUrl('','module','addon','act','dispAddonAdminSetup','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false"><img src="./images/n_setup.gif" alt="setup" /></a></td>
         <td class="nowrap center <!--@if($val->activated)-->activated<!--@else-->deactivated<!--@end-->">
             <!--@if($val->activated)-->
             <a href="#" onclick="doToggleAddon('{$val->addon}');return false;">{$lang->use}</a>