2804
правки
Изменения
→Легкая форма на сайт
<div id="test"></div>
<div id="wrapper">
</div>
</div>
<div class="mw-collapsible-content">
<syntaxhighlight lang="css" line enclose="div" style="font-size:9pt; padding: 10px 5px; margin: 10px 0;">
img{border-style:none;}
a{color:#009}
.header-hold{width:100%;clear:both;}
.logo{width:114px;height:55px;overflow:hidden;float:left;display:inline;margin:4px 0 0 63px;}
.header-hold .logo a{display:block;background:url(../images/logo.png);text-indent:-9999px;overflow:hidden;width:114px;height:55px;}
#header .login-box{float:left;display:inline;margin:10px 0 0 0;}
#lang{float:right;display:none;margin:12px 20px 0 0;}
#header .top-menu li{float:left;margin:0 0 0 5px;}
#header .top-menu a{float:left;padding:0 0 0 7px;}
#header .top-menu a.lnk-avt{background:url(../images/ico-topnav.gif) no-repeat 0 0;}#header .top-menu a.lnk-reg{background:url(../images/ico-topnav.gif) no-repeat 0 -18px;padding:0 0 0 14px;}/*#header .top-menu a.lnk-tools{background:url(../images/ico-topnav.gif) no-repeat 0 -36px;padding:0 0 0 18px;}*/
.navigation{list-style:none;font-size:22px;line-height:36px;width:1048px;overflow:hidden;margin:0 -48px 0 0;padding:14px 0 0 1px;}
.navigation li{float:left;margin:0 48px 0 0;}
.navigation a{float:left;color:#4a4a4a;background:url(../images/bg-nav-ico.png) no-repeat;}
.navigation .lnk-ticket{background-position:0 0;padding:0 0 0 63px;}
.navigation .lnk-otel{background-position:0 -36px;padding:0 0 0 37px;}
#main .title{overflow:hidden;padding:0 0 12px;}
#main .title h1{color:#333;font-size:24px;font-weight:400;margin:0;}
.box{width:100%;background:url(../images/bg-box.gif);}
.box .bg-t{border-top:1px solid #e3e3e3;border-bottom:1px solid #a3a3a3;border-right:1px solid #a3a3a3}
.form-track{padding:8px 15px 0;}
.form-track label.active{font-weight:700;color:#48a200;}
ul.che-list li {clear:both;}
.arrows{background:url(../images/arrows.png) no-repeat left top;margin-left: 151px;height:35px;width:61px;cursor:pointer;display:none}
.arrow_rt{background-position:left -35px;}
.col-airport, .col-city{float:left;width:390px;position:relative}
#assignment-error .tooltip-red{top:-80px !important;left:190px !important;position:relative !important;}
.tooltip .l{float:left;overflow:hidden;width:30px;height:51px;}
.tooltip-blue .l{background:url(../images/bg-tt-blue-l.png);}.tooltip-red .l{background:url(images/bg-tt-red-l.png);}.tooltip-red ./l{background:url(images/bg-tt-red-l.png);}
.tooltip .txt{float:left;height:33px;padding:0 8px 0 0;}
.tooltip-blue .txt{background:url(../images/bg-tt-blue-c.png);}.tooltip-red .txt{background:url(../images/bg-tt-red-c.png);}
.tooltip .txt span{float:left;position:relative;margin:0 0 0 -13px;}
.tooltip .r{float:left;overflow:hidden;width:11px;height:33px;}
.tooltip-blue .r{background:url(../images/bg-tt-blue-r.png);}.tooltip-red .r{background:url(../images/bg-tt-red-r.png);}
.col-airport select{width:365px;font:17px/20px 'Trebuchet MS', Arial, sans-serif;color:#6c6c6c;}
.form-track .col-date{float:left;position:relative}
/*.form-track .col-time{float:left;overflow:hidden;}*/
.row-departure{width:100%;clear:both;padding:0 0 4px;}
.box-bottom{width:100%;overflow:hidden;background:url(../images/bg-box-b.gif);margin:0 0 20px;}.box-bottom .bg-t{width:100%;overflow:hidden;background:url(../images/bg-box-b-t.gif) no-repeat;display:none}
.box-bottom .bg-b{height:1%;overflow:hidden;padding:14px 10px 10px 10px;border:1px solid #ececec}
.box-bottom .title-b{padding:0 0 24px;}
.box-bottom h3{font-size:18px;font-weight:400;background:url(../images/dashed.gif) repeat-x 0 100%;float:left;margin:0;padding:0 0 3px;}.box-bottom h3 a{text-decoration:none;background:url(../images/arrow-top.gif) no-repeat 100% 50%;color:#4a4a4a;padding:0 18px 0 0;}.box-bottom h3 a.close-box{background:url(../images/arrow-bottom.gif) no-repeat 100% 50%;}
.row{clear:both;padding:0 0 24px;}
.row label span{padding:0 5px;}
.toll-che{padding-top:20px;}
.add,.delete{float:left;color:#4a4a4a;font-size:14px;line-height:27px;text-decoration:none;padding:0 0 0 32px;}
.delete{float:right;background:url(../images/ico-error.gif) no-repeat 0 -41px;margin:0 116px 0 0;}.add span,.delete span{background:url(../images/dashed.gif) repeat-x 0 100%;}.add{background:url(../images/ico-error.gif) no-repeat 0 0;font-size:18px;line-height:36px;padding:0 0 0 44px;}
.form-track .row1 label{line-height:30px;}
.buttons{padding:10px 0 15px;}
.error1{color:#ec1612;font-size:14px;background:url(../images/ico-error.gif) no-repeat 0 -75px;line-height:30px;margin:5px 0 0 42px;padding:0 0 0 52px}
.search_noresults{width:960px !important;margin-left:-265px}
.btn{border:none;background:none;}
.search-form-err{color:#F00; line-height:30px;font-size:16px; margin:10px 0 0 42px;padding:10px 0 0;}
.warning{color:#af0307;font-size:14px;font-weight:700;background:url(../images/warning.png) no-repeat;line-height:48px;margin:5px 0 10px 12px;padding:0 0 0 52px;}
.buttons .btn-search, .btn-big-w{background: #57bb10;float:left;height:25px;line-height:25px;font-size:18px;color:#fff;text-decoration:none;margin:0 0 0 0;border-top:1px solid #add595;border-left:1px solid #add595;border-right:1px solid #3e8514;border-bottom:1px solid #3e8514;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;-webkit-border-top-left-radius: 3px}
.buttons .btn-search span, .btn-big-w span{float:left;background:url(../images/btn-search.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}.btn-big-g{background:url(../images/btn-big-g.gif);float:left;height:41px;line-height:41px;font-size:24px;color:#fff;text-decoration:none;margin:0 0 0 31px;}.btn-big-g span{float:left;background:url(../images/btn-big-g.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}.btn-big-g-a{background:url(../images/btn-big-g.gif);float:left;height:41px;line-height:41px;font-size:24px;color:#fff;text-decoration:none;}.btn-big-g-a span{float:left;background:url(../images/btn-big-g.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}.pay-btn-big-g{background:url(../images/btn-big-g.gif);float:left;height:41px;line-height:41px;font-size:24px;color:#fff;text-decoration:none;margin:0 0 0 31px;}.pay-btn-big-g span{float:left;background:url(../images/btn-big-g.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}
.btn-clear, .btn-small{float:right;border-bottom:1px solid #a3a3a3;border-right:1px solid #a3a3a3;border-left:1px solid #f4f4f4;border-top:1px solid #f4f4f4;height:24px;line-height:24px;color:#4a4a4a;text-decoration:none;margin:9px 20px 0 0;background:#d9d9d9}
.btn-small-g{float:right;background:#FF8C00;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;border-left:1px solid #f4f4f4;border-top:1px solid #f4f4f4;height:24px;line-height:24px;color:#fff;text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-top-right-radius: 3px;
.btn-small-g span{float:left;cursor:pointer;white-space:nowrap;padding:0 12px;}
button{cursor:pointer;}
.btn-clear span,.btn-small span{float:left;cursor:pointer;background:url(../images/btn-clear.gif) no-repeat 100% -24px;white-space:nowrap;padding:0 12px;}
.search_btn_clear{float:right;display:none}
.select2{width:53px;}
.che-hold{float:left;overflow:visible;margin:4px 0 0;}
.row-arrows1 select{width:364px;font:17px/20px 'Trebuchet MS', Arial, sans-serif;color:#6c6c6c;}
.row-arrows1 .arrow{float:left;overflow:hidden;background:url(../images/arrow-right.gif);width:35px;height:28px;margin:0 27px 0 33px;}
#table{
}
#table th, #table td{
}
#air_fare_info h2{margin-top:20px;}
#table th{
}
.stub_extra_block{ padding: 14px 0 0; }
#footer{width:420px;overflow:hidden;background:url(../images/sep-footer.gif) no-repeat 50% 0;margin:20px auto 0;padding:10px 0 20px;display:none !important}
#footer p{text-align:center;margin:0;}
#footer p a{padding:0 10px;}
.canvas{padding:10px 20px 0;}
#fader{position:absolute;top:0;left:0;display:none;z-index:999;background:#000;}
.popup .title{background:url(../images/bg-popup-top.png);width:512px;height:43px;overflow:hidden;}.popup .title .close{float:right;text-indent:-9999px;overflow:hidden;background:url(../images/btn-close.gif);width:15px;height:16px;margin:13px 16px 0 0;}.popup .m{background:url(../images/bg-popup.png);overflow:hidden;width:474px;padding:10px 16px 22px 22px;}.popup .b{display:block;overflow:hidden;width:100%;background:url(../images/bg-popup-b.png);height:8px;}.popup .inp-hold3{background:url(../images/bg-inp3.gif);overflow:hidden;width:339px;height:14px;margin:0 0 15px;padding:8px 13px;}
.popup .inp-hold3 input{border:0;width:339px;height:14px;padding:0;}
.popup .wrap{overflow:hidden;height:334px;width:475px;position:relative;}
.popup .check-list li{width:100%;overflow:hidden;padding:0 0 16px;}
.popup .check-list label{float:left;line-height:22px;margin:0 0 0 6px;}
.popup .btn-save{float:left;overflow:hidden;background:url(../images/btn-save.gif);height:32px;color:#fff;line-height:32px;text-decoration:none;font-size:18px;margin:16px 0 0;}.popup .btn-save span{float:left;cursor:pointer;background:url(../images/btn-save.gif) no-repeat 100% -32px;padding:0 27px;}
.scrollable{height:334px;overflow:hidden;}
.scroll-content{top:0!important;height:334px!important;width:475px!important;left:0!important;}
.vscroll-bar{position:absolute;width:12px!important;height:334px!important;top:0!important;margin:0;padding:0;}
.vscroll-line{width:11px!important;overflow:hidden;background:url(../images/scroll-line.gif);}.vscroll-slider{background:url(../images/slider.gif)!important;width:12px!important;cursor:pointer;height:12px!important;overflow:hidden;}
.box-hide .box{margin-top:-230px;position:relative;}
.box-hide .active-box{margin-top:0;}
.ac_results li{display:block;font:menu;font-size:11px;line-height:16px;overflow:hidden;color:#FFF;border-top:1px solid #1fa2e7;border-bottom:1px solid #0088d0;white-space:nowrap;cursor:pointer;margin:0;padding:4px 5px;}
.ac_results .grey, .aj_inf{color:#9ff8ff;}
.ac_loading{background:url(../images/indicator.gif) right no-repeat!important;background-color:#FFF;}
.ac_over{background-color:#5ec1f7;color:#FFF;}
input[type=text],input[type=password],input[type=input],select, .location_select{position:relative;line-height:20px;height:20px;border:1 solid #CCC;background:#FFF /*url(../images/inp-shadow.gif) repeat-x*/;border-right:1px solid #b7b7b7;border-left:1px solid #b7b7b7;border-top:1px solid #AAA;border-bottom:1px solid #E9E9E9;padding:0; overflow:hidden;}
.loc{width:100%;border-style:none !important;background-image:none!important;padding:0!important;margin:0!important;height:18px!important;}
.location_select{cursor:pointer;}
.location_select span div, .location_select input{width:99%; cursor:pointer;}
.location_select .grey, .location_select .aj_inf{color:#DDD;float:right !important;}
input.hasDatepicker{background:url(../images/cal-bg.png) top right no-repeat;padding-right:20px;}
.inp-hold1{float:left;}
#tooltip{background:url(../images/bg-tooltip.png);background-color:none;opacity:0.85;position:absolute;z-index:3000;padding:17px 6px 6px 17px;}
#tooltip h3,#tooltip div{font-size:.9em;color:#FFF;margin:0;}
.settings{margin-bottom:20px;clear:both; position:relative;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(images/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px;}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:12px 10px 5px 0;}
#TB_closeWindowButton{background:url(../images/btn-close.gif) no-repeat right;width:15px;height:16px;color:#FFF;margin:33px 5px 0 0;padding:12px 22px 13px;}
#TB_closeWindowButton a:link,#TB_closeWindowButton a:visited{color:#FFF;}
#TB_title{background-color:#0097e7;height:43px;}
* html #TB_overlay,* html #TB_HideSelect{
}
* html #TB_window,* html #TB_load{
}
/* FIX ME*/
.price_val{font-size:18px;text-align:center;}
.price_val_hotel{color:#48a200;
.price_detail_link a{color:#999;}
.var_num{font-size:24px;color:#38647d;width:30px;}
.map_var{background-color:#4F86A4;color:#FFF;font-weight:700;font-size:8px;padding:0 2px;}
.vendor_wl{background-color:#F5FFF5;}
.selected_flight .var_num{background:#f9b500 url(../images/sr_bg.jpg) -90px top;color:#000;}
#tools{top:0;left:30%;z-index:10;background:#ff8c00;border:2px solid #CCC;text-align:center;font-weight:700;width:auto;position:fixed;opacity:0.95;padding:10px;}
#tools a{color:#FFF;font-size:16px;padding:10px;}
.timetable_search{float:right;width:20%;text-align:right;padding-top:20px;}
.details div{display:inline;}
.bookmark{background:url(../images/star_off.png) no-repeat;width:16px;height:16px;float:right;cursor:pointer;display:none}.selected_flight .bookmark{background:url(../images/star.png);}
.dep,.arr{font-family:verdana;font-weight:700;font-size:11px;}
#sr-search-params{padding:10px;}
#matrix{margin:auto;background-color:#e6e7ec;}
#matrix td,th{border:1px solid #cecece;font-size:12px;padding:7px;}
#matrix td{background:url(../images/sr_fl_bg.png) no-repeat left -40px;}
.active_cell{background-position:left bottom!important;}
#matrix th,#matrix th .active_cell{background-image:url(../images/th_bg.jpg) ;}
.price_num{font-weight:700;}
.nav_links{float:right;width:200px;}
#back_to_search{float:right;}
/*#form_hotel_search .label{margin-top:15px;} */
.hotel{background:#d9dde2 url(../images/sr_htl_bg.png) no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:11px;width:100%;}
.hotel td{vertical-align:top;}
.res_hotel_location{float:right; white-space:nowrap;padding:5px;}
.info_link{margin-left:10px;}
.hname{font-size:14px;font-weight:700;font-family:Verdana;color:#333;}
.star5,.star4,.star3,.star2,.star1{background:url(../images/stars.png);font-size:1px;width:54px;height:10px;float:left;}
.star4{background-position:left -15px;}
.star3{background-position:left -30px;}
#sr-search-params,#sr_toolbar{padding:10px;}
.search_params label{margin:0;}
.cr_out_loc{background:url(../images/arrow-right.gif) 96% 20px no-repeat;padding-right:70px!important;}
.cr_segment{padding-bottom:30px; padding-top:20px;margin-bottom:20px;}
.cr_options .col{width:300px; float:left;}
/*Seatmapping*/
.seatmap div.row_left { background: url(../images/row_left.png) no-repeat right top !important; width:154px!important;color:#FFF; text-align:right;font-size:18px;padding-right:20px;}.seatmap div.row_right { background: url(../images/row_right.png) no-repeat left top !important; width:154px!important;}.seatmap div, .seatmap_legend td { background: url(../images/seatmap.png) no-repeat top left;}
.pass_settings{margin-left: 220px; clear:both;}
.aisle, .row_left, .row_right { background-position: 0 0!important; width: 33px; height: 47px; }
.sel {background-position: -84px -47px!important; cursor:pointer;}
.seatmap div.row_left.wing {background: url(../images/row_left_wing.png) no-repeat right top !important; }.seatmap div.row_right.wing {background: url(../images/row_right_wing.png) no-repeat left top !important; }
#map_segments td.segment, #map_segments td.segment a{font-size:15px;color:#48a200;font-weight:700;}
#map_segments td.inactive_segment, #map_segments td.inactive_segment a{font-size:17px;color:#DDD;font-weight:700;}
.room_lab{font-weight:700;}
.room_lab .room_number{font-size:150%}
.delete_icon{ background: url(../images/cross_small.png) no-repeat; padding-left:20px; margin-right:20px;}.add_icon{ background: url(../images/plus_small.png) no-repeat;padding-left:20px; margin-right:20px;}
.category_table{width: 100%;}
.cmstoolbar_page:hover{height:100px;width:300px;z-index:1005}
.search_form .form-tools .row{padding:0;}
#kkdateTime {
}
.logic_record{margin:4px;}
.ac_loading {
}
.login_buttons_div{padding-left:170px}
.big_green_text{color:#48a200;
#div_reg .btn-small-g{
}
.comment{
}
.row_trip input{vertical-align: top;}
#dropoff_city_from #citiesAndCountry, #dropoff_city_from #list_ref{
}
.flag.flag-zm{background-position:-216px -168px;}
.flag.flag-zw{background-position:-234px -168px;}
</syntaxhighlight>
</div>