欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

SearchFlight_Joker

程序员文章站 2022-04-28 08:37:56
...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
    head>
        meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        title>DragonFlighttitle>
        link href="css/SearchFlight.css" rel="stylesheet"type="text/css">
        script type="text/javascript" src="js/jquery-1.11.3.js">script>    
        script type="text/javascript" src="js/SearchFlight.js">script>    
style type="text/css">
       .*{
    margin:0;
    padding:0;
}

/* banner begin*/
.banner{
    width:100%;
    height:80px;
    line-height: 65px;
    text-align: left;
    margin-left:65px;
    padding-left: 160px;
    font-family: arial bold;
    font-size: 40px;
    background: url(http://www.websbook.com/upimg/litimg/080214/03203011303.jpg) no-repeat left center;
}/* banner end*/

/* main-navigation begin */
.main-navigation {
    width: 100%;
    height:50px;
    text-align: center;
    display: inline-block;
    background: #3b3c3b;
}
.main-navigation ul {
    display: block;
    list-style-type: none;
    width:80%;
    height:44px;
    margin:3px auto;
}
.main-navigation ul li {
    float: left;
    display: inline-block;
    height:44px;
    padding: 0px 10px;
}
.main-navigation ul li a {
    float: left;
    display: inline-block;
    height:45%;
    line-height: 70%;
    padding: 13px 5px;
    font: bold 12px/12px Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.main-navigation ul li a:hover {
    background-color: #fff;
    color: #000;
    border-radius:2px;
}/* main-navigation end */

/* base_top begin */
.base_top{
    background: url(http://image.so.com/v?ie=utf-8&src=hao_360so&q=travel&fromurl=http%3A%2F%2Fmy.pclady.com.cn%2Fp%2F1238671.html#ie=utf-8&src=hao_360so&q=travel&fromurl=http%3A%2F%2Fmy.pclady.com.cn%2Fp%2F1238671.html&lightboxindex=5&id=8dcafcdf5f48fd304bce18a6751a231d&multiple=0&itemindex=0&dataindex=30) no-repeat center center;
}
#search_box {
    width: 50%; 
    margin: 5px auto;
    z-index: 10;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
    padding: 5px;
    background-color: #3498db;
}
.search-title .flight-tit {
    width: 228px;
}
.search-title h3 {
    margin-top: 4px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: "Microsoft Yahei",arial,sans-serif;
    font-weight: 300;
    border: solid #3498db;
    border-width: 1px 1px 0;
    border-radius: 6px;
}
.form_group {
    margin: 0 0 15px;
    position: relative;
    line-height: 30px;
}
.search_filter,.search_filter form {
    display: block;
    margin-top: 0em;
}
.search_form {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding:10px 28px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
}
.search_form .form_group .form_fields label input{
    width:50px;
    display:inline-block;
    margin:0;
    padding:0;
}
.form_title{
    float:left;
    padding-right:5px;
}
/* .search_form .ico_info {
    display: inline-block;
    vertical-align: middle;
    vertical-align: middle;
    _vertical-align: -4px;
    width: 12px;
    height: 12px;
    background-position: -210px -114px;
} */
.form_fields {
    margin-left: 70px;
}
.input_radio{
    margin-left: 23px;
    padding-right: 10px;
}
.input_txt {
    width: 322px;
}

.input_txt {
    padding: 4px 0 4px 3px;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
    border-color: #BBB #DDD #DDD #BBB;
    box-shadow: 1px 1px 1px #DDD inset;
    font-size: 14px;
    font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
    height: 20px;
    line-height: 20px;
}
.watermark, .inputSel {
    color: #999 !important;
}
.clearfix, .clearfix .form_group { 
    display: inline-block;
}
.search-traveler-types .form_title {
    width: 61px;
    top: 5px;
}
.multi_search_content .multiTitle{
    width:40px;
}

.search-traveler-types .form_group .form_fields {
    margin-left: 3px;
    height:35px;
}
.search_form select {
    padding: 2px;
    _padding: 0;
    height:25px;
    width: 105px;
    border: 1px solid #D7D7D7;
    font-family: Arial, 'Hiragino Sans GB', "microsoft yahei",sans-serif;
}
option {
    font-weight: normal;
    display: block;
    padding: 0px 2px 1px;
    min-height: 1.2em;
}
.flight_direct{
    float:left;
}
.Nonstop{
    display: inline-block;
    width:150px;
    height:18px;
    line-height: 18px;
    text-align: center;
    margin-left:45px;

}

.multi_form_group{
    margin: 15px 10px;
    position: relative;
    line-height: 30px;
    width:100%;
    overflow: hidden;
}
.multi_label{
    display: inline-block;
    height:40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
}
.multi_form_group .multi_form_content{
    width:130px;
    padding: 4px 0 4px 3px;
    outline: medium none;
    border: 1px solid;
    border-color: #BBB #DDD #DDD #BBB;
    box-shadow: 1px 1px 1px #DDD inset;
    font-size: 14px;
    font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
    height: 20px;
    line-height: 20px;
}
.form_group .add_trip{
    display:block;
    width:98%;
    border:1px dashed #111;
    text-decoration: none;
    text-align: center;
}
#multform_last a:hover{
    border:2px dashed #3498db;
}

.search_flight{
    display: line-block;
    width:150px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background-color:#3498db;
    border-radius: 5px;
    font-family: arial;
    float:right;
}
.search_flight a{
    color:#fff;
    text-decoration: none;
    font-size:20px;
}
/* base_top end */

/* SelectCity board style begin*/
#menu1 a:link{
     color:#2c3e50;
     text-decoration:none;
     font-family: Roboto light,regular,medium bold;
}

#menu1 a:visited {
     color: #00F;
     text-decoration:none;
}

#menu1 a:hover {
     color: #c00;
     font-family: Roboto light,regular,medium bold;
}

#select ul{
    list-style:none;
}

.main{
     clear:both;
     padding:8px;
     text-align:center;
}

#select{
     text-align:left;
     width:550px;
     background-color: #ecf0f1;
}

.areas{
     position:relative;
     overflow:hidden;
     height:22px;
     width:545px;
     text-align:left;
}

#menu1{
     position:absolute;
     top:0;
     left:0;
     z-index:1;
}

#menu1 li{
     float:left;
     display:block;
     cursor:pointer;
     width:72px;
     text-align:微信
  • SearchFlight_Joker

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    相关标签: SearchFlight_Joker