<style type="text/css">
    #wumiPluginLogo {
        background: url("http://www.wumii.com/images/blogWidget/wumiiRelatedPostsLogo.png") no-repeat;
        width: 36px;
        float: left;
        height: 36px;
        margin: 14px 6px 0 0;
        width: 36px;
    }
    
    #wumiiPostboxContainer {
        margin-bottom: 5px;
        width: 100%;
    }
    
    .wumii_metabox_holder {
        padding-top: 10px;
    }
    
    #wumiiPostboxContainer .wumii_sortable {
        min-height: 0;
        height: 100%;
    }
    
    .wumii_postbox {
        margin-bottom: 0;
    }
    
    .wumii_postbox h3 {
        background-color: #E0ECF6;
        color: #093E56;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        margin: 0;
        padding: 7px 9px;
        text-shadow: 0 1px 0 #FFFFFF;
    }
    
    .wrap .wumii_plugin_title {
        font: 24px/35px Georgia,"Times New Roman","Bitstream Charter",Times,serif,"Microsoft YaHei Bold","Microsoft YaHei","微软雅黑","WenQuanYi Zen Hei","文泉驿正黑","WenQuanYi Micro Hei","文泉驿微米黑","黑体";
        color: #093E56;
        margin: 0;
        padding: 14px 15px 3px 0;
        clear: none;
    }
    
    .wumii_postbox_inside {
        margin: 10px;
        position: relative;
    }
    
    .wumii_submit {
        padding: 0;
        border-top: none;
    }
    
    .wumii_postbox_inside ul {
        padding-left: 0;
        margin-left: 0;
    }
    
    .wumii_postbox_inside li {
        margin: 15px 0;
        overflow: hidden;
        line-height: 25px;
        list-style-type: none;
    }
    
    .wumii_option_name {
        float: left;
        font-weight: bold;
        width: 180px;
    }
    
    .wumii_options {
        float: left;
    }
    
    .wumii_option_tip {
        color: #707070;
    }
    
    .wumii_option_tip a {
        color: #707070;
        font-size: 11px;
    }
    
    #wumiiPostboxContainer .wumii_add_verification_meta_bt {
        background: orange none;
        border-color: #D28A03;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
    }
    
    .wumii_postbox_inside iframe {
        margin: 6px 0;
    }
</style>

<div class="wrap">
    <a href="http://www.wumii.com/" target="_blank"><div id="wumiPluginLogo" class="icon32"></div></a>
    <h2 class="wumii_plugin_title">无觅相关文章插件</h2>
    <div id="wumiiPostboxContainer" class="postbox-container">
        <div class="metabox-holder wumii_metabox_holder">
            <div class="meta-box-sortables ui-sortable wumii_sortable">
                <form method="post" action="{{request_uri}}">
                    <div class="postbox wumii_postbox">
                        <h3 class="hndle"><span>基本设置</span></h3>
                        <div class="wumii_postbox_inside">
                            <ul>
                                <li>
                                    <span class="wumii_option_name">最多显示推荐条目：</span>
                                    <div class="wumii_options">
                                        <select name="num_posts">
                                            <option value="1" {{num_posts_selected_1}}>1</option>
                                            <option value="2" {{num_posts_selected_2}}>2</option>
                                            <option value="3" {{num_posts_selected_3}}>3</option>
                                            <option value="4" {{num_posts_selected_4}}>4</option>
                                            <option value="5" {{num_posts_selected_5}}>5</option>
                                            <option value="6" {{num_posts_selected_6}}>6</option>
                                            <option value="7" {{num_posts_selected_7}}>7</option>
                                            <option value="8" {{num_posts_selected_8}}>8</option>
                                            <option value="9" {{num_posts_selected_9}}>9</option>
                                            <option value="10" {{num_posts_selected_10}}>10</option>
                                            <option value="11" {{num_posts_selected_11}}>11</option>
                                            <option value="12" {{num_posts_selected_12}}>12</option>
                                        </select>
                                    </div>
                                </li>
                                <li>
                                    <span class="wumii_option_name">页面显示模式：</span>
                                    <div class="wumii_options">
                                        <input type="radio" name="single_page_only" value="1" {{single_page_only_checked_1}} />只在单篇文章页显示
                                        <input type="radio" name="single_page_only" value="0" {{single_page_only_checked_0}} />在单篇文章页和首页都显示
                                    </div>
                                </li>
                                <li>
                                    <span class="wumii_option_name">在Feed中显示相关文章：</span>
                                    <div class="wumii_options">
                                        <input type="radio" name="display_in_feed" value="1" {{display_in_feed_checked_1}} />YES
                                        <input type="radio" name="display_in_feed" value="0" {{display_in_feed_checked_0}} />NO
                                    </div>
                                    <br />
                                    <span class="wumii_option_tip">为了避免影响美观，RSS feed里的相关文章最多显示5篇，并且需要在下次生成Feed时才能看到效果。</span>
                                </li>
                                <li>
                                    <span class="wumii_option_name">启用自定义显示位置：</span>
                                    <div class="wumii_options">
                                        <input type="radio" name="enable_custom_pos" value="1" {{enable_custom_pos_checked_1}} />YES
                                        <input type="radio" name="enable_custom_pos" value="0" {{enable_custom_pos_checked_0}} />NO
                                    </div>
                                    <br />
                                    <span class="wumii_option_tip">启用后，拷贝<code>&lt;div id="wumiiDisplayDiv"&gt;&lt;/div&gt;</code>在single.php页面添加到你想要显示的地方。注：启动此选项可能会使相关文章的显示速度变慢。</span>
                                </li>
                                <li>
                                    <span class="wumii_option_name">加载脚本置于文档末尾：</span>
                                    <div class="wumii_options">
                                        <input type="radio" name="script_in_footer" value="1" {{script_in_footer_checked_1}} />YES
                                        <input type="radio" name="script_in_footer" value="0" {{script_in_footer_checked_0}} />NO
                                    </div>
                                    <br />
                                    <span class="wumii_option_tip">在极少情况下，如果你认为无觅脚本减慢了页面上某些元素的加载，你可以开启此选项。但与此同时，开启后会减慢相关文章的加载。</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="submit">
                        <input class="button-primary" type="submit" name="update_wumii_settings" value="更新设置" />
                        <input class="button-primary" type="submit" name="reset_wumii_settings" value="重置设置" />
                        <span>注：刚装上插件以后可能需要一些时间才能看到相关文章，无觅已经在获取您博客的文章信息。</span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="wumiiPostboxContainer" class="postbox-container">
        <div class="metabox-holder wumii_metabox_holder">
            <div class="meta-box-sortables ui-sortable wumii_sortable">
                <form method="post" action="{{request_uri}}">
                    <div class="postbox wumii_postbox">
                        <h3 class="hndle"><span>博客认证</span></h3>
                        <div class="wumii_postbox_inside">
                            <div class="submit wumii_submit">
                                <input type="text" name="wumii_verification_code" value="{{verification_code}}" size="41" maxlength="41" onclick="select();">
                                <input class="button-primary wumii_add_verification_meta_bt" type="submit" name="add_verification_meta" value="添加验证码" />
                                <p>注：只有通过了博客认证，您才可以进入无觅网站管理中心享受更多更高级的功能。<a href="http://www.wumii.com/site/index" target="_blank">点此</a>登录无觅网站管理中心获取验证码。已通过验证的用户无需再次验证。</p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="wumiiPostboxContainer" class="postbox-container">
        <div class="metabox-holder wumii_metabox_holder">
            <div class="meta-box-sortables ui-sortable wumii_sortable">
                <div class="postbox wumii_postbox">
                    <h3 class="hndle"><span>无觅更新</span></h3>
                    <div class="wumii_postbox_inside">
                        <iframe src="http://www.wumii.com/widget/wumiiUpdates" height="238" width="100%" frameborder="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
