TDataView_ui/styles/print.css

/**
 * Author: Song.Huang
 * Date: 13-11-14
 * Time: 下午4:03
 */

/*base*/
* {
    padding:0px;
    margin:0px;
}
html,body {
    width:100%;
    height:100%;
    font-family:"microsoft yahei";
}

body {
    font-size:12px;
    padding-top:100px;
    _padding-top:0px;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.note {
    padding:10px 0;
    line-height:18px;
    color:#666;
}


#topBar {
    width:100%;
    height:60px;
    background: url(../images/layout/bg-normal.png);
    border-bottom:1px solid #CCC;
    position:fixed;
    left:0px;
    top:0px;
    z-index:99999999999999999999999999999;
    color:#fff;
}
#topBar a {
    color:#fff;
    text-decoration: underline;
}

#btnPrint {
    float:right;
    margin:16px 40px 0 0;
    border:none;
    background:#0d98d8 url(../../images/route/ico_print3.png) no-repeat 20px center;
    font-size:12px;
    font-weight:bold;
    padding:6px 25px 6px 40px;
    color:#FFF;
    cursor:pointer;
}
#btnPrint.disabled {
    background:#CCC url(../../images/route/ico_print3.png) no-repeat 20px center;
}

#printOption {
    float:left;
    padding:22px 0 0 40px;
}

#printOption .line label {
    display:inline-block;
    margin-left:50px;
}
#printOption .line label input {
    float:left;
}

#wrap {
    position:relative;
    width:720px;
    margin:0px auto 20px auto;
    border:1px solid #787878;
    padding:20px 40px;
    background:#FFF;
    overflow:hidden;
}

#header {
    overflow:hidden;
    zoom:1;
}

#logo {
    float:left;
    width:200px;
    margin-top: 30px;
}

#title {
    float:right;
    width:500px;
    font-size:14px;
    min-height:21px;
    line-height:21px;
}
#title strong {
    font-weight:bold;
    font-size:16px;
    color:#000;
    padding:0 5px;
}


#remarks {
    float:right;
    padding:10px 0 0 0;
    width:500px;
    text-align:right;
}

#remarks textarea {
    border:1px solid #AAAAAA;
}

#remarks textarea,
#remarks p {
    width:490px;
    height:50px;
    font-size:12px;
    line-height:18px;
    color:#787878;
    padding:4px;
    text-align:left;
}

#remarks p {
    display:none;
}

#mapHolder {
    margin:20px 0 10px 0;
    width:718px;
    height:500px;
    overflow:hidden;
    border:1px solid #aaaaaa;
}

#contentWrap {
    clear:both;
}

/*S 地名*/
#placeSearchResult {
    overflow:hidden;
    padding:20px 0;
}
#placeSearchResult dl {
    float:left;
    width:355px;
    overflow:hidden;
    margin-bottom:20px;
}
#placeSearchResult dl dt {
    float:left;
    font-size:16px;
    padding:5px;
    width:18px;
}
#placeSearchResult dl dd {
    float:left;
    width:300px;
}
#placeSearchResult dl dd h3 {
    font-size:16px;
    font-weight:bold;
}
#placeSearchResult dl dd p {
    color:#333;
}
/*E 地名*/


/*S 路线*/
#directionsResult {
    page-break-before:always;
    padding:10px 0 20px 0;
}
#directionsResult .line-point {
    padding:5px 2px;
    clear:both;
    position:relative;
    z-index:100;
    border:1px solid #FFF;
    background:#FFF;
}
#directionsResult .ge {
    background:#DDD;
}

#directionsResult .line-point.hover {
    z-index:1000;
    border:1px solid #333;
    box-shadow:1px 1px 3px #AAA;
}
#directionsResult .line-point.hover .op {
    display:block;
    z-index:100;
}

#directionsResult .ge.hover .op {
    background:#DDD;
}

#directionsResult .line-point dl {
    overflow:hidden;
    zoom:1;
    clear:both;
    float:left;
}
#directionsResult .line-point dl dt {
    float:left;
    width:30px;
    text-align:center;
}
#directionsResult .line-point dl .step {
    width:auto;
    font-size:14px;
    padding:3px 6px;
    text-align:right;
}

#directionsResult .line-point dl dd {
    float:left;
    width:300px;
    font-size:14px;
}

#directionsResult .line-point dl dd .ac span {
    font-size:12px;
    color:#787878;
}

#directionsResult .line-point dl dd .ti {
    font-size:12px;
    color:#787878;
}

#directionsResult .line-point dl dd strong {
    font-size:16px;

}

#directionsResult .line-point .dir-length {
    float:right;
    text-align:right;
    padding:0 2px 0 2px;
    width:110px;
}
#directionsResult .line-point .dir-length span {
    color:#787878;
}

#directionsResult .line-point .point-map {
    width:200px;
    height:200px;
    background:#fff;
    float:right;
    display:none;
    border:1px solid #AAAAAA;
}

#directionsResult #startPoint {
    border-bottom:1px solid #333;
}
#directionsResult #startPoint .ac {
    font-size:16px;
    font-weight:bold;
}
#directionsResult #startPoint .ac span {
    font-size: 12px;
    color: #787878;
}

#directionsResult #stopPoint {
    border-top:1px solid #333;
}
#directionsResult #stopPoint .ac {
    font-size:16px;
    font-weight:bold;
}

#directionsResult #stopPoint .ac span {
    font-size: 12px;
    color: #787878;
}

#directionsResult .line-point .op {
    position:absolute;
    right:100px;
    background:#FFF;
    bottom:-23px;
    height:18px;
    line-height:18px;
    padding:2px 15px;
    border:1px solid #333;
    border-top:none;
    display:none;
    box-shadow:1px 1px 1px #AAA;
    z-index:2000;
}

/*E 路线*/








/*打印隐藏非相关*/
@media print{
    body {
        background:#FFF;
        padding-top:0px;
    }
    #topBar {
        display:none;
    }
    #wrap {
        border:none;
    }
    #remarks textarea {
        display:block;
        border: none;
    }

    #remarks p {
        display:none;
    }

    #mapHolder {
        /*page-break-after:always;*/
    }

    .leaflet-control-zoom {
        display:none;
    }
}