itsm-whlg/wechat/pcreq/assets/views/directives/tpl/alertBar.html

<style type="text/css">
    body {
        font-size: 14px;
        line-height: 180%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        color: #666666;
        background-color: #DDE9F4;
    }
    
    .mask {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=60);
        background-color: #777;
        z-index: 1;
        background: rgba(0, 0, 0, .3);
    }
    
    .md {
        width: 400px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -200px;
        /*border: 1px #000 solid;*/
        z-index: 9999 !important;
        /*text-align: center;*/
        /*background-color: white;*/
    }
    
    A {
        font-size: 14px;
        TEXT-DECORATION: none;
        color: #666666;
    }
    
    A:link {
        font-size: 14px;
        TEXT-DECORATION: none;
        color: #666666;
    }
    
    A:visited {
        font-size: 14px;
        TEXT-DECORATION: none;
        color: #333333;
    }
    
    A:hover {
        font-size: 14px;
        TEXT-DECORATION: none;
        color: #008AD5;
    }
    
    A:active {
        font-size: 14px;
        TEXT-DECORATION: none;
        color: #008AD5;
    }
    
    table {
        font-size: 14px;
        line-height: 180%;
        color: #5A5A5A;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
    }
    
    td,
    tr {
        font-size: 14px;
        line-height: 180%;
        color: #5A5A5A;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
    }
    
    .z1 {
        font-size: 14px;
        line-height: 180%;
        color: #A3A3A3;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
        TEXT-DECORATION: none;
    }
    
    .z7 {
        font-size: 16px;
        line-height: 150%;
        color: #ffffff;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
        TEXT-DECORATION: none;
    }
    
    .z7 A {
        font-size: 16px;
        line-height: 150%;
        color: #ffffff;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
        TEXT-DECORATION: none;
    }
    
    .alert_bg1 {
        background-color: #ffffff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        padding: 10px 10px 10px 10px;
        border-radius: 5px;
        width: 600px;
    }
    
    .bt4 {
        color: #ffffff;
        height: 36px;
        width: 90px;
        border-radius: 2px;
        font-size: 14px;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
        background-color: #45A9E7;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }
    
    .bt5 {
        color: #999999;
        ;
        height: 36px;
        width: 90px;
        border-radius: 2px;
        font-size: 14px;
        font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
        border: #D5D5D5 1px solid;
        background-color: #ffffff;
    }
</style>



<table width="100%" border="0" cellspacing="20" cellpadding="0" class="mask" ng-show="message">
    <tr class="md">
        <td valign="bottom" class="alert_bg1" style="background-image:url(assets/images/main_title_bg1.jpg);background-repeat: no-repeat;background-position: left top;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="30" class="title">&nbsp;</td>
                    <td class="z7">{{title}}</td>
                    <td align="right">
                        <a ng-click="hideAlert()"><img src="assets/images/close_24.png" width="24" height="24" border="0"></a>
                    </td>
                </tr>
            </table>
            <table width="100%" border="0" cellspacing="0" cellpadding="5">
                <tr>
                    <td height="20"></td>
                </tr>
                <tr>
                    <td height="60" align="center">{{message}}</td>
                </tr>
                <tr>
                    <td align="center" class="z1"><input name="button" type="submit" class="bt4" id="button" value="确认" ng-click="hideAlert()">
                        <!--<input name="button2" type="submit" class="bt5" id="button2" value="取消">-->
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>