Commit 36b7a1b0 authored by 神楽坂玲奈's avatar 神楽坂玲奈

style

parent 9233a0b2
...@@ -10,7 +10,10 @@ body{margin:0;padding:0;background:#eee;} ...@@ -10,7 +10,10 @@ body{margin:0;padding:0;background:#eee;}
/*左边区域*/ /*左边区域*/
.card_img{margin:10px 0 0 10px;height:auto;width:auto;} .card_img{margin:10px 0 0 10px;height:auto;width:auto;}
.card_info{width:135px;height:180px;padding:15px 5px 5px 5px;margin:7px 0 0 10px;} .card_info{width:135px;height:180px;padding:15px 5px 5px 5px;margin:7px 0 0 10px;}
.card_name{width:300px;height:auto;padding:8px 0;margin:0;font-weight:bold;color:#999999;text-shadow:1px 1px 2px #cccccc;font-size:24px;text-align:center;background:#eeeeee;border:1px solid #cccccc;border-radius:5px 0 0 0;margin:0 0 0 -1px;} .card_name{
width:300px;height:auto;padding:8px 0;margin:0;font-weight:bold;text-shadow:1px 1px 2px #cccccc;font-size:24px;text-align:center;background:#eeeeee;border:1px solid #cccccc;border-radius:5px 0 0 0;margin:0 0 0 -1px;
a{color:#999999;text-decoration:none;}
}
.attr_name{width:60px;height:14px;padding:0 0 5px 0;margin:0 0 10px 0;color:#FFAD6E;font-size:12px;text-shadow:1px 1px 2px #eeeeee;border-bottom:1px dashed #cccccc;}//text-align:right; .attr_name{width:60px;height:14px;padding:0 0 5px 0;margin:0 0 10px 0;color:#FFAD6E;font-size:12px;text-shadow:1px 1px 2px #eeeeee;border-bottom:1px dashed #cccccc;}//text-align:right;
.attr_real{width:75px;height:14px;padding:0 0 5px 0;margin:0 0 10px 0;color:thead_bg#999999;font-size:12px;text-shadow:1px 1px 2px #eeeeee;border-bottom:1px dashed #cccccc;} .attr_real{width:75px;height:14px;padding:0 0 5px 0;margin:0 0 10px 0;color:thead_bg#999999;font-size:12px;text-shadow:1px 1px 2px #eeeeee;border-bottom:1px dashed #cccccc;}
.bottom_button_active{height:auto;width:auto;padding:8px 10px;margin:-1px 0 0 10px; border-left:1px solid #CCCCCC;border-top:1px solid #ffffff;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; font-size:12px;border-radius:0 0 5px 5px;background:#ffffff;} .bottom_button_active{height:auto;width:auto;padding:8px 10px;margin:-1px 0 0 10px; border-left:1px solid #CCCCCC;border-top:1px solid #ffffff;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; font-size:12px;border-radius:0 0 5px 5px;background:#ffffff;}
...@@ -196,6 +199,12 @@ body{margin:0;padding:0;background:#eee;} ...@@ -196,6 +199,12 @@ body{margin:0;padding:0;background:#eee;}
} }
} }
.load_img{margin:25px auto;width:32px;height:32px;display:block;} .load_img{margin:25px auto;width:32px;height:32px;display:block;}
#deck_main{
height:295px;
.card_usage{margin-bottom:8px;}
}
#deck_side{height:78px;}
#deck_extra{height:78px;}
} }
.search_data.graphic{width:162px;height:700px;float:right;overflow: hidden; .search_data.graphic{width:162px;height:700px;float:right;overflow: hidden;
.search_frame{ .search_frame{
...@@ -215,7 +224,10 @@ body{margin:0;padding:0;background:#eee;} ...@@ -215,7 +224,10 @@ body{margin:0;padding:0;background:#eee;}
{ {
float:left;width:144px;height:66px;clear:left;border-bottom:1px solid #eeeeee;padding:5px 0; float:left;width:144px;height:66px;clear:left;border-bottom:1px solid #eeeeee;padding:5px 0;
.search_out_img{float:left;margin:0 5px 0 0;} .search_out_img{float:left;margin:0 5px 0 0;}
.search_out_text{float:left;padding:2px;} .search_out_text{
float:left;padding:2px;
.search_out_textTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:88px;height:14px;}
}
span{font-size:12px;} span{font-size:12px;}
} }
.page{ .page{
......
<!DOCTYPE html> <!DOCTYPE html>
<!--[if lt IE 7]> <!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]--> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]--> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <!--[if gt IE 8]><!-->
<html class="no-js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> <html class="no-js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>mycard deck builder</title> <title>mycard deck builder</title>
<meta name="description" content="mycard卡组编辑"> <meta name="description" content="mycard卡组编辑">
<!--<meta name="viewport" content="width=device-width">--> <!--<meta name="viewport" content="width=device-width">-->
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="/assets/stylesheets/normalize.css"> <link rel="stylesheet" href="/assets/stylesheets/normalize.css">
<link rel="stylesheet" href="/assets/stylesheets/main.css"> <link rel="stylesheet" href="/assets/stylesheets/main.css">
<script src="/vendor/javascripts/modernizr-2.6.2.min.js"></script> <script src="/vendor/javascripts/modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" href="/vendor/stylesheets/css_clear.css"/> <link rel="stylesheet" href="/vendor/stylesheets/css_clear.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/PIE.css"/> <link rel="stylesheet" href="/vendor/stylesheets/PIE.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/hScrollPane.css"/> <link rel="stylesheet" href="/vendor/stylesheets/hScrollPane.css"/>
<link rel="stylesheet" href="/vendor/stylesheets/smoothness/jquery-ui-1.9.1.custom.min.css"/> <link rel="stylesheet" href="/vendor/stylesheets/smoothness/jquery-ui-1.9.1.custom.min.css"/>
<link rel="stylesheet/less" href="/assets/stylesheets/decks.less"/> <link rel="stylesheet/less" href="/assets/stylesheets/decks.less"/>
<script src="/vendor/javascripts/less-1.3.1.min.js"></script> <script src="/vendor/javascripts/less-1.3.1.min.js"></script>
<script id="card_template" type="text/x-jquery-tmpl"> <script id="card_template" type="text/x-jquery-tmpl">
<div id="card_name" class="card_name"><a href="http://www.ourocg.cn/S.aspx?key=${name}">${name}</a></div> <div id="card_name" class="card_name"><a href="http://www.ourocg.cn/S.aspx?key=${name}">${name}</a></div>
<div class="card_img line floatleft"> <div class="card_img line floatleft">
<img id="card_image" height="187px" width="130px" src="http://my-card.in/images/cards/ygocore/${id}.jpg" alt="card_name"/> <img id="card_image" height="187px" width="130px" src="http://my-card.in/images/cards/ygocore/${id}.jpg" alt="card_name"/>
</div> </div>
<div class="card_info floatleft"> <div class="card_info floatleft">
<div id="card_card_type_title" class="attr_name floatleft">${$.i18n.prop('card_type')}</div> <div id="card_card_type_title" class="attr_name floatleft">${$.i18n.prop('card_type')}</div>
<div id="card_card_type" class="attr_real floatleft">${card_type}</div> <div id="card_card_type" class="attr_real floatleft">${card_type}</div>
{{if type}} {{if type}}
<div id="card_type_title" class="attr_name floatleft">${$.i18n.prop('type')}</div> <div id="card_type_title" class="attr_name floatleft">${$.i18n.prop('type')}</div>
<div id="card_type" class="attr_real floatleft">${$.i18n.prop('type.'+type)}</div> <div id="card_type" class="attr_real floatleft">${$.i18n.prop('type.'+type)}</div>
<div id="card_attribute_title" class="attr_name floatleft">${$.i18n.prop('attribute')}</div> <div id="card_attribute_title" class="attr_name floatleft">${$.i18n.prop('attribute')}</div>
<div id="card_attribute" class="attr_real floatleft">${$.i18n.prop('attribute.'+attribute)}</div> <div id="card_attribute" class="attr_real floatleft">${$.i18n.prop('attribute.'+attribute)}</div>
<div id="card_level_title" class="attr_name floatleft">${$.i18n.prop('level')}</div> <div id="card_level_title" class="attr_name floatleft">${$.i18n.prop('level')}</div>
<div id="card_level" class="attr_real floatleft">${level}</div> <div id="card_level" class="attr_real floatleft">${level}</div>
<div id="card_atk_title" class="attr_name floatleft">${$.i18n.prop('atk')}</div> <div id="card_atk_title" class="attr_name floatleft">${$.i18n.prop('atk')}</div>
<div id="card_atk" class="attr_real floatleft">${atk}</div> <div id="card_atk" class="attr_real floatleft">${atk}</div>
<div id="card_def_title" class="attr_name floatleft">${$.i18n.prop('def')}</div> <div id="card_def_title" class="attr_name floatleft">${$.i18n.prop('def')}</div>
<div id="card_def" class="attr_real floatleft">${def}</div> <div id="card_def" class="attr_real floatleft">${def}</div>
{{/if}} {{/if}}
</div> </div>
<div class="card_frame floatleft"> <div class="card_frame floatleft">
<div id="card_description" class="card_description floatleft frame_element"> <div id="card_description" class="card_description floatleft frame_element">
${description} ${description}
</div> </div>
<div id="card_adjustment" class="card_adjustment floatleft frame_element"> <div id="card_adjustment" class="card_adjustment floatleft frame_element">
建设中 <br/> 建设中 <br/>
under construction<br/> under construction<br/>
</div> </div>
<div id="card_statistics" class="card_statistics floatleft frame_element"> <div id="card_statistics" class="card_statistics floatleft frame_element">
建设中<br/> 建设中<br/>
under construction under construction
</div> </div>
</div> </div>
<div class="floatleft bottom_area"> <div class="floatleft bottom_area">
<div id="card_description_title" class="bottom_button floatleft">效果</div> <div id="card_description_title" class="bottom_button floatleft">效果</div>
<div id="card_adjustment_title" class="bottom_button floatleft">调整</div> <div id="card_adjustment_title" class="bottom_button floatleft">调整</div>
<div id="card_statistics_title" class="bottom_button floatleft">统计</div> <div id="card_statistics_title" class="bottom_button floatleft">统计</div>
</div> </div>
</script> </script>
<script id="card_usage_text_template" type="text/x-jquery-tmpl"> <script id="card_usage_text_template" type="text/x-jquery-tmpl">
<p class="card_usage"> <p class="card_usage">
<span class="card ${$data.card().card_type.join(' ')}">${$data.card().name}</span> <span class="card ${$data.card().card_type.join(' ')}">${$data.card().name}</span>
<i>${count}</i> <i>${count}</i>
</p> </p>
</script> </script>
<script id="card_usage_graphic_template" type="text/x-jquery-tmpl"> <script id="card_usage_graphic_template" type="text/x-jquery-tmpl">
{{each Array(count)}} {{each Array(count)}}
<img class="card_usage" width="44" height="64" style="float:left;overflow:visible;" src="${$data.card().image_thumbnail_url()}"/> <img class="card_usage" width="44" height="64" style="float:left;overflow:visible;" src="${$data.card().image_thumbnail_url()}"/>
{{/each}} {{/each}}
</script> </script>
<script id="deck_template" type="text/x-jquery-tmpl"> <script id="deck_template" type="text/x-jquery-tmpl">
<fieldset id="deck_main"> <fieldset id="deck_main">
<legend id="deck_main_title" class="deck_title main">主卡组 <legend id="deck_main_title" class="deck_title main">主卡组
<small>(${main_count}: <small>(${main_count}:
{{each category_count}} {{each category_count}}
<span class="deck_category_count ${$index}">${$value}</span>{{/each}}) <span class="deck_category_count ${$index}">${$value}</span>{{/each}})
</small> </small>
</legend> </legend>
<div class="deck_part main"> <div class="deck_part main">
{{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} {{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div> </div>
</fieldset> </fieldset>
<fieldset id="deck_side"> <fieldset id="deck_side">
<legend id="deck_side_title" class="deck_title main">副卡组 <legend id="deck_side_title" class="deck_title main">副卡组
<small>(${side_count})</small> <small>(${side_count})</small>
</legend> </legend>
<div class="deck_part side"> <div class="deck_part side">
{{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} {{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div> </div>
</fieldset> </fieldset>
<fieldset id="deck_extra"> <fieldset id="deck_extra">
<legend id="deck_extra_title" class="deck_title main">额外卡组 <legend id="deck_extra_title" class="deck_title main">额外卡组
<small>(${extra_count})</small> <small>(${extra_count})</small>
</legend> </legend>
<div class="deck_part extra"> <div class="deck_part extra">
{{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} {{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div> </div>
</fieldset> </fieldset>
</script> </script>
<script id="loading_template" type="text/x-jquery-tmpl"> <script id="loading_template" type="text/x-jquery-tmpl">
<img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/> <img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/>
</script> </script>
<script id="search_cards_text_template" type="text/x-jquery-tmpl"> <script id="search_cards_text_template" type="text/x-jquery-tmpl">
<table class="press"> <table class="press">
<thead> <thead>
<tr> <tr>
<th> <th>
<div class="thead_bg"> <div class="thead_bg">
<span>卡名</span> <span>卡名</span>
<div class="arrow" onclick="showMe(this,'filter_name');"><img src="image/arrow.png" alt=""/> <div class="arrow" onclick="showMe(this,'filter_name');"><img src="image/arrow.png" alt=""/>
</div> </div>
<div id="filter_name" class="filter_float" style="display:none;"> <div id="filter_name" class="filter_float" style="display:none;">
<!-- 修改 --> <!-- 修改 -->
<div> <div>
<input type="checkbox" name=""/> <input type="checkbox" name=""/>
<label>按照名称排序</label> <label>按照名称排序</label>
</div> </div>
<div> <div>
<input type="checkbox" name=""/> <input type="checkbox" name=""/>
<label>按照名称排序</label> <label>按照名称排序</label>
</div> </div>
<div> <div>
<input type="checkbox" name=""/> <input type="checkbox" name=""/>
<label>按照名称排序</label> <label>按照名称排序</label>
</div> </div>
<!-- 修改 --> <!-- 修改 -->
</div> </div>
</div> </div>
</th> </th>
<th> <th>
<div class="thead_bg"> <div class="thead_bg">
<span>卡类</span> <span>卡类</span>
<div class="arrow" onclick="showMe(this,'filter_cate');"><img src="image/arrow.png" alt=""/> <div class="arrow" onclick="showMe(this,'filter_cate');"><img src="image/arrow.png" alt=""/>
</div> </div>
<div id="filter_cate" class="filter_float" style="display:none;"></div> <div id="filter_cate" class="filter_float" style="display:none;"></div>
</div> </div>
</th> </th>
<th> <th>
<div class="thead_bg"><span>攻击</span></div> <div class="thead_bg"><span>攻击</span></div>
</th> </th>
<th> <th>
<div class="thead_bg"><span>守备</span></div> <div class="thead_bg"><span>守备</span></div>
</th> </th>
<th> <th>
<div class="thead_bg"><span>星级</span></div> <div class="thead_bg"><span>星级</span></div>
</th> </th>
<th> <th>
<div class="thead_bg"><span>属性</span></div> <div class="thead_bg"><span>属性</span></div>
</th> </th>
<th> <th>
<div class="thead_bg"><span>测试</span></div> <div class="thead_bg"><span>测试</span></div>
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>黑羽-疾风之</td> <td>黑羽-疾风之</td>
<td>效果·调整</td> <td>效果·调整</td>
<td>1300</td> <td>1300</td>
<td>400</td> <td>400</td>
<td>3 </td> <td>3 </td>
<td></td> <td></td>
<td>测试</td> <td>测试</td>
</tr> </tr>
<tr> <tr>
<td>黑羽-疾风之</td> <td>黑羽-疾风之</td>
<td>效果·调整</td> <td>效果·调整</td>
<td>1300</td> <td>1300</td>
<td>400</td> <td>400</td>
<td>3 </td> <td>3 </td>
<td></td> <td></td>
<td>测试</td> <td>测试</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</script> </script>
<script id="search_cards_graphic_template" type="text/x-jquery-tmpl"> <script id="search_cards_graphic_template" type="text/x-jquery-tmpl">
<div class="graphic_search_out search_card"> <div class="graphic_search_out search_card">
<div class="search_out_img"> <div class="search_out_img">
<img src="${$data.image_thumbnail_url()}" width="44" height="64"/> <img src="${$data.image_thumbnail_url()}" width="44" height="64"/>
</div> </div>
<div class="search_out_text"> <div class="search_out_text">
<span class="search_out_textTitle">${$data.name}</span><br/> <span class="search_out_textTitle">${$data.name}</span>
{{if type}} {{if type}}
<span>${$.i18n.prop('attribute.'+attribute)}</span> <span>${$.i18n.prop('attribute.'+attribute)}</span>
<span>${$.i18n.prop('type.'+type)}</span> <span>${$.i18n.prop('type.'+type)}</span>
<span> ${level}</span> <span> ${level}</span>
<br/> <br/>
<span>${atk}</span>/<span>${def}</span> <span>${atk}</span>/<span>${def}</span>
{{/if}} {{/if}}
</div> </div>
</div> </div>
</script> </script>
</head> </head>
<body> <body>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<p class="chromeframe">浏览器太旧了亲~. 请 <a href="http://browsehappy.com/">升级/更换您的浏览器</a> 或者 <p class="chromeframe">浏览器太旧了亲~. 请 <a href="http://browsehappy.com/">升级/更换您的浏览器</a> 或者
<a href="http://www.google.com/chromeframe/?redirect=true">激活 Google Chrome 浏览器内嵌框架</a>.</p> <a href="http://www.google.com/chromeframe/?redirect=true">激活 Google Chrome 浏览器内嵌框架</a>.</p>
<![endif]--> <![endif]-->
<div class="main_div line"> <div class="main_div line">
<div id="card" class="main_left floatleft line"> <div id="card" class="main_left floatleft line">
<div class="card_name">Mycard 卡组编辑器</div> <div class="card_name">Mycard 卡组编辑器</div>
<div class="card_img line floatleft"> <div class="card_img line floatleft">
<img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/> <img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/>
</div> </div>
<div class="card_info floatleft"> <div class="card_info floatleft">
<div class="attr_real floatleft">(」・ω・)」</div> <div class="attr_real floatleft">(」・ω・)」</div>
<div class="attr_name floatleft">呜!</div> <div class="attr_name floatleft">呜!</div>
<div class="attr_real floatleft">(/・ω・)/</div> <div class="attr_real floatleft">(/・ω・)/</div>
<div class="attr_name floatleft">喵!</div> <div class="attr_name floatleft">喵!</div>
<div class="attr_real floatleft">(」・ω・)」</div> <div class="attr_real floatleft">(」・ω・)」</div>
<div class="attr_name floatleft">呜!</div> <div class="attr_name floatleft">呜!</div>
<div class="attr_real floatleft">(/・ω・)/</div> <div class="attr_real floatleft">(/・ω・)/</div>
<div class="attr_name floatleft">喵!</div> <div class="attr_name floatleft">喵!</div>
<div class="attr_name floatleft"></div> <div class="attr_name floatleft"></div>
<div class="attr_real floatleft">世界已完蛋</div> <div class="attr_real floatleft">世界已完蛋</div>
</div> </div>
<div class="card_frame floatleft"> <div class="card_frame floatleft">
<div class="card_description floatleft frame_element card_frame_focus"> <div class="card_description floatleft frame_element card_frame_focus">
<div> <div>
这是一个卡组编辑/分享系统<br/> 这是一个卡组编辑/分享系统<br/>
this is a deck editing & sharing system<br/> this is a deck editing & sharing system<br/>
</div> </div>
</div> </div>
<div class="card_adjustment floatleft frame_element"> <div class="card_adjustment floatleft frame_element">
<ruby>数据来源 <ruby>数据来源
<rt>Database</rt> <rt>Database</rt>
</ruby> </ruby>
: <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/> : <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/>
<ruby>许可协议 <ruby>许可协议
<rt>License</rt> <rt>License</rt>
</ruby> </ruby>
: <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/> : <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/>
<ruby>项目主页 <ruby>项目主页
<rt>Github</rt> <rt>Github</rt>
</ruby> </ruby>
: <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/> : <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/>
<ruby>开发成员 <ruby>开发成员
<rt>Authors</rt> <rt>Authors</rt>
</ruby> </ruby>
: <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a : <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a
href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/> href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a
href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt; href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt;
</div> </div>
</div> </div>
<div class="floatleft bottom_area"> <div class="floatleft bottom_area">
<div class="bottom_button_active floatleft">简介</div> <div class="bottom_button_active floatleft">简介</div>
<div class="bottom_button floatleft">关于</div> <div class="bottom_button floatleft">关于</div>
</div> </div>
</div> </div>
<div class="main_right floatleft line"> <div class="main_right floatleft line">
<div class="floatleft search_data graphic"> <div class="floatleft search_data graphic">
<div class="floatleft search_bar"> <div class="floatleft search_bar">
<form id="search"> <form id="search">
<div class="floatleft search_frame"> <div class="floatleft search_frame">
<input type="text" name="" class="search_input floatleft" value=""/> <input type="text" name="" class="search_input floatleft" value=""/>
<input type="submit" class="serach_button" value=""/> <input type="submit" class="serach_button" value=""/>
</div> </div>
<div class="floatright advanced_search_father"> <div class="floatright advanced_search_father">
<div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div> <div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div>
</div> </div>
</form> </form>
<!-- 修改 --> <!-- 修改 -->
<div class="submenu"> <div class="submenu">
<div class="floatright submenu_mask"></div> <div class="floatright submenu_mask"></div>
<div class="submenu_main"> <div class="submenu_main">
<div class="submenu_mainLeft"> <div class="submenu_mainLeft">
<div class="submenu_unit"> <div class="submenu_unit">
<label>种类:</label> <label>种类:</label>
<select class="select_half" name=""> <select class="select_half" name="">
<option>(无)</option> <option>(无)</option>
</select> </select>
<select class="select_half" name=""> <select class="select_half" name="">
<option>(无)</option> <option>(无)</option>
<option></option> <option></option>
</select> </select>
</div> </div>
<div class="submenu_unit"> <div class="submenu_unit">
<label>种类:</label> <label>种类:</label>
<select class="select_full" name=""> <select class="select_full" name="">
<option>(无)</option> <option>(无)</option>
</select> </select>
</div> </div>
<div class="submenu_unit"> <div class="submenu_unit">
<label>种类:</label> <label>种类:</label>
<select class="select_full" name=""> <select class="select_full" name="">
<option>(无)</option> <option>(无)</option>
</select> </select>
</div> </div>
<div class="submenu_unit"> <div class="submenu_unit">
<label>种类:</label> <label>种类:</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/> <input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div> </div>
</div> </div>
<div class="submenu_mainRight"> <div class="submenu_mainRight">
<div class="submenu_unit"> <div class="submenu_unit">
<label>种类:</label> <label>种类:</label>
<select class="select_full" name=""> <select class="select_full" name="">
<option>(无)</option> <option>(无)</option>
</select> </select>
</div> </div>
<div class="submenu_unitLarge"> <div class="submenu_unitLarge">
<label>种类:</label> <label>种类:</label>
<input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/> <input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/>
<label style="margin:10px 0 0 0;">种类:</label> <label style="margin:10px 0 0 0;">种类:</label>
<input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/> <input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/>
</div> </div>
<input type="button" value="效果"/> <input type="button" value="效果"/>
<div class="submenu_unit"> <div class="submenu_unit">
<label>种类:</label> <label>种类:</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/> <input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- 修改 --> <!-- 修改 -->
<div class="floatleft search_results"> <div class="floatleft search_results">
<span style="color:#3366CC;font-weight:bold;">结果数</span> <span style="color:#3366CC;font-weight:bold;">结果数</span>
魔法:<span style="color:#FFAD6E;">XXX</span> 魔法:<span style="color:#FFAD6E;">XXX</span>
陷阱:<span style="color:#FFAD6E;">XXX</span> 陷阱:<span style="color:#FFAD6E;">XXX</span>
怪兽:<span style="color:#FFAD6E;">XXX</span> 怪兽:<span style="color:#FFAD6E;">XXX</span>
</div> </div>
</div> </div>
<div class="floatleft main_area" id="search_cards"></div> <div class="floatleft main_area" id="search_cards"></div>
<div class="floatright page"> <div class="floatright page">
<a class="page_home" href=""></a> <a class="page_home" href=""></a>
<a class="page_pre" href=""></a> <a class="page_pre" href=""></a>
<a class="page_num" href="">9</a> <a class="page_num" href="">9</a>
<a class="page_num" href="">10</a> <a class="page_num" href="">10</a>
<a class="page_num" href="">11</a> <a class="page_num" href="">11</a>
<a class="page_next" href=""></a> <a class="page_next" href=""></a>
<a class="page_last" href=""></a> <a class="page_last" href=""></a>
</div> </div>
<!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} --> <!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} -->
</div> </div>
<div class="floatleft operate_area graphic"> <div class="floatleft operate_area graphic">
<div class="select_card"> <div class="select_card">
<div class="select_cardOn"> <div class="select_cardOn">
<select name=""> <select name="">
<option id="name" value="">卡组</option> <option id="name" value="">卡组</option>
</select> </select>
<img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/> <img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/>
<img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/> <img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/>
</div> </div>
<div class="select_cardUnder"> <div class="select_cardUnder">
<div class="donwload_out" title="上传"> <div class="donwload_out" title="上传">
<div class="upload_inner"> <div class="upload_inner">
<input id="deck_load" type="file" tabindex="-1"/> <input id="deck_load" type="file" tabindex="-1"/>
</div> </div>
</div> </div>
<div class="donwload_out" title="分享" id="deck_share"> <div class="donwload_out" title="分享" id="deck_share">
<div class="download_inner"></div> <div class="download_inner"></div>
</div> </div>
<!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> --> <a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" title="保存"/></a>
<a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" title="保存"/></a> <a href="#" id="deck_url_mycard"><img class="mycard_ope" src="/assets/images/decks/ygopro.png" alt="" title="在ygopro中打开 (需要安装mycard)"/></a>
<a href="#" id="deck_url_mycard"><img class="mycard_ope" src="/assets/images/decks/ygopro.png" alt="" title="在ygopro中打开 (需要安装mycard)"/></a> </div>
</div> </div>
</div>
<div id="deck" class="card_group">
<div id="deck" class="card_group"> <img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/>
<img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div id="deck_share_dialog" title="share" style="display: none">
<div id="deck_share_dialog" title="share" style="display: none"> <fieldset>
<fieldset> <legend>URL</legend>
<legend>URL</legend> <input id="deck_url" readonly="readonly"/><br/>
<input id="deck_url" readonly="readonly"/><br/> <button id="deck_url_shorten">shorten</button>
<button id="deck_url_shorten">shorten</button> </fieldset>
</fieldset> <fieldset>
<fieldset> <legend>share</legend>
<legend>share</legend> <!-- AddThis Button BEGIN -->
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a>
<a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a>
<a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a>
<a class="addthis_counter addthis_bubble_style"></a> </div>
</div> </fieldset>
</fieldset> <fieldset>
<fieldset> <legend>QR Code</legend>
<legend>QR Code</legend> <img id="deck_url_qrcode"/>
<img id="deck_url_qrcode"/> </fieldset>
</fieldset> <script type="text/javascript"
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504b398d148616ce&async=1"></script>
src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504b398d148616ce&async=1"></script> <!-- AddThis Button END -->
<!-- AddThis Button END --> </div>
</div> <div id="drop_upload_dialog" style="display: none">
<div id="drop_upload_dialog" style="display: none"> 上传
上传 </div>
</div>
<script src="/vendor/javascripts/jquery-1.8.2.min.js"></script>
<script src="/vendor/javascripts/jquery-1.8.2.min.js"></script> <script src="/vendor/javascripts/jQuery-URL-Parser.js"></script>
<script src="/vendor/javascripts/jQuery-URL-Parser.js"></script> <script src="/vendor/javascripts/jquery.tmpl.min.js"></script>
<script src="/vendor/javascripts/jquery.tmpl.min.js"></script> <script src="/vendor/javascripts/jquery.mousewheel.js"></script>
<script src="/vendor/javascripts/jquery.mousewheel.js"></script> <script src="/vendor/javascripts/jquery.i18n.properties-min-1.0.9.js"></script>
<script src="/vendor/javascripts/jquery.i18n.properties-min-1.0.9.js"></script> <script src="/vendor/javascripts/jquery-ui-1.9.1.custom.min.js"></script>
<script src="/vendor/javascripts/jquery-ui-1.9.1.custom.min.js"></script> <script src="/vendor/javascripts/jquery.base64.min.js"></script>
<script src="/vendor/javascripts/jquery.base64.min.js"></script> <script src="/vendor/javascripts/hScrollPane.js"></script>
<script src="/vendor/javascripts/hScrollPane.js"></script> <script src="/vendor/javascripts/jscroll.js"></script>
<script src="/vendor/javascripts/jscroll.js"></script> <script src="/vendor/javascripts/json2.js"></script>
<script src="/vendor/javascripts/json2.js"></script> <script src="/vendor/javascripts/spine/spine.js"></script>
<script src="/vendor/javascripts/spine/spine.js"></script> <script src="/vendor/javascripts/spine/ajax.js"></script>
<script src="/vendor/javascripts/spine/ajax.js"></script> <script src="/vendor/javascripts/spine/local.js"></script>
<script src="/vendor/javascripts/spine/local.js"></script> <script src="/vendor/javascripts/spine/relation.js"></script>
<script src="/vendor/javascripts/spine/relation.js"></script>
<script src="/assets/javascripts/public.js"></script>
<script src="/assets/javascripts/public.js"></script> <script src="/assets/javascripts/decks.js"></script>
<script src="/assets/javascripts/decks.js"></script> <script src="/assets/javascripts/public.js"></script>
<script src="/assets/javascripts/public.js"></script> <script type="text/javascript">
<script type="text/javascript"> /*$(document).ready(function () {
/*$(document).ready(function () { $(".main_area").hScrollPane({
$(".main_area").hScrollPane({ mover:".press", //指定container对象下的哪个元素需要滚动位置 | 必传项;
mover:".press", //指定container对象下的哪个元素需要滚动位置 | 必传项; //showArrow:true, //指定是否显示左右箭头,默认不显示 | 可选项;
//showArrow:true, //指定是否显示左右箭头,默认不显示 | 可选项; //moverW:function(){return $(".press").width();}(), //传入水平滚动对象的长度值,不传入的话默认直接获取mover的宽度值 | 可选项;
//moverW:function(){return $(".press").width();}(), //传入水平滚动对象的长度值,不传入的话默认直接获取mover的宽度值 | 可选项; //handleMinWidth:100,//指定handle的最小宽度,要固定handle的宽度请在css中设定handle的width属性(如 width:28px!important;),不传入则不设定最小宽度 | 可选项;
//handleMinWidth:100,//指定handle的最小宽度,要固定handle的宽度请在css中设定handle的width属性(如 width:28px!important;),不传入则不设定最小宽度 | 可选项; //dragable:true, //指定是否要支持拖动效果,默认可以拖动 | 可选项;
//dragable:true, //指定是否要支持拖动效果,默认可以拖动 | 可选项; //easing:true, //滚动是否需要滑动效果,默认有滑动效果 | 可选项;
//easing:true, //滚动是否需要滑动效果,默认有滑动效果 | 可选项; handleCssAlter:"draghandlealter", //指定拖动鼠标时滚动条的样式,不传入该参数则没有变化效果 | 可选项;
handleCssAlter:"draghandlealter", //指定拖动鼠标时滚动条的样式,不传入该参数则没有变化效果 | 可选项; mousewheel:{bind:false, moveLength:500} //mousewheel: bind->'true',绑定mousewheel事件; ->'false',不绑定mousewheel事件;moveLength是指定鼠标滚动一次移动的距离,默认值:{bind:true,moveLength:300} | 可选项;
mousewheel:{bind:false, moveLength:500} //mousewheel: bind->'true',绑定mousewheel事件; ->'false',不绑定mousewheel事件;moveLength是指定鼠标滚动一次移动的距离,默认值:{bind:true,moveLength:300} | 可选项; })
}) });;*/
});;*/ </script>
</script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <!--<script>
<!--<script> var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; s.parentNode.insertBefore(g,s)}(document,'script'));
s.parentNode.insertBefore(g,s)}(document,'script')); </script>-->
</script>--> </body>
</body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment