// GREEN @green: #34a92b; @darkgreen: #078a06; @border-green: #76d376; @background-green: #CCFFCC; // BLUE @border-blue: #d5f1fc; @background-blue: #f7fcfe; @lightblue: #2BBAFD; // GRAY @darkgray: #333333; @lightgray: #dfdfdf; @mediumgray: #999999; @border-gray: #F1F1F1; @background-gray: #FAFAFA; @border-darkgray: #FCFCFC; @IMAGE_ICON_WIDTH: 128px; @IMAGE_ICON_HEIGHT: 96px; @IMAGE_WIDTH: 480px; @IMAGE_HEIGHT: 360px; @font-face { font-family: 'Baumans'; font-style: normal; font-weight: 400; src: local('Baumans'), local('Baumans-Regular'), url('fonts/Baumans-Regular.ttf') format('truetype'); } @font-face { font-family: 'Concert One'; font-style: normal; font-weight: 400; src: local('Concert One'), local('ConcertOne-Regular'), url('fonts/ConcertOne-Regular.ttf') format('truetype'); } .radioChecks { padding: 1px 5px; } .pre { white-space: pre-line; } .wrapper{ width:850px; margin:0 auto; } .clear{ clear:both; } .box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) { box-shadow: @arguments; -moz-box-shadow: @arguments; -webkit-box-shadow: @arguments; } DIV#total{ width:850px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding:0; } .maintext{ font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; } .roundcurve{ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } A{ text-decoration: none; color: blue; } .error-box { display: none; height: 20px; color: white; background: #3782B8; padding: 5px; text-align: center; margin: 10px 50px; font-weight: bold; } // Hints .blur { color: #999 !important; } .required-field { background: #FFFFD5; border: 2px solid red; color: red; } .hidden { display: none; } .dialog { display: none; } body { font-size: 14px; font-family: Verdana; padding:0; margin:0; } #working{ position: absolute; right: 0; bottom: 0; display: block; background: white; width: 100%; height: 196px; line-height: 40px; color: black; text-align: center; font-size: 15px; background: url("../img/working.gif") no-repeat 50% 50% white; border-top: 2px solid green; border-bottom: 2px solid green; } #message{ position: absolute; right: 0; bottom: 0; display: block; background: white; width: 100%; height: 196px; line-height: 40px; color: black; text-align: center; font-size: 15px; border-top: 2px solid green; border-bottom: 2px solid green; } // Image preloader .imagePreloader { background: url("../img/loading.gif") no-repeat 50% 50% white; visibility: hidden; } DIV#logo { height:120px; text-align:center; margin:0 auto 20px auto; #submenu { position: absolute; left: 450px; top: 70px; LI A{ padding: 5px; color: white; background:url(../img/greenbu.jpg) repeat-x; font-weight:bold; font-size:13px; .roundcurve; } } } UL#menu { text-align: center; height:95px; width:70%; padding-left:28%; LI { display: inline-block; line-height:95px; font-size: 18px; float:left; a { text-decoration: none; color:#000000; font-weight:normal; margin:0 15px 0 15px; &:hover {text-decoration: none; color:#000000; } } } } DIV#homepageAd { text-align: center; height: 177px; #adsScroller { width: 600px; display: inline-block; overflow: hidden; #adsList { width: 3000px; height: 117px; text-align: left; .adv { display: inline-block; padding: 0 10px; img { width: @IMAGE_ICON_WIDTH; height: @IMAGE_ICON_HEIGHT; } .title { margin-top: 5px; font-size: 15px; text-align: center; } } } } .nav { margin-top: 20px; height: 23px; span { cursor: hand; margin:0 5px 0 5px; } #prev, #next { display: none; } } } ///////// // // Footer // // DIV#footer { color: #888; margin-top: 60px; text-align: center; line-height:40px; a{ color:#888; margin-left: 20px; font-size: 10px; } span{ font-size: 10px; } } .qq-uploader { position:relative; width: 100%;} .qq-upload-button { display:block; /* or inline-block */ width: 105px; padding: 7px 0; text-align:center; background:#880000; border-bottom:1px solid #ddd;color:#fff; } .qq-upload-button-hover {background:#cc0000;} .qq-upload-button-focus {outline:1px dotted black;} .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#FF9797; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171;} .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;} .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;} .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file {} .qq-upload-spinner {display:inline-block; background: url("../img/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-size,.qq-upload-cancel {font-size:11px;} .qq-upload-failed-text {display:none;} .qq-upload-fail .qq-upload-failed-text {display:inline;} DIV#activateEmail { text-align: center; H2 { text-align: center; margin-bottom: 10px; font-weight: bold; } FORM { padding: 20px 0; } } .hintState { color: grey; } DIV#search { display: block; text-align: center; padding:0 0 20px 0; .wrapper; LABEL { display: block; font-size: 18px; // font-weight: bold; margin-bottom: 10px; } INPUT { width: 400px; padding: 10px; font-size: 16px; } .hint { color: #706f6f; line-height:34px; font:normal 18px Arial, Helvetica, sans-serif; } } DIV#video { .wrapper; height:215px; text-align:center; position: absolute; z-index: 0; } #homePageVideoSpacer{ display: block; height: 240px; } #homeText { text-align: center; } DIV#socnet { padding: 10px 0 0 0; text-align: center; .wrapper; font:normal 20px Arial, Helvetica, sans-serif; line-height:35px; } #subscribeDialog, #editKeywordsDialog { display: none; p { margin: 10px; } LABEL.input { margin: 20px; } INPUT.error { border: solid red 1px; } LABEL.error { display: block; width: 100%; margin: 5px 0; text-align: center; color: red; } } #subscription { H3 { margin: 20px 0; } UL#keywords { margin-top: 20px; LI { width: 200px; border-bottom: solid black 1px; padding: 5px; .del { display: none; position: absolute; background: url(/global/img/ico_delete.png) no-repeat 0 0; width: 32px; height: 32px; margin-left: 200px; margin-top: -22px; } } LI:hover .del { display: block; } } BUTTON#buttonNew { margin-top: 20px; } } #listingOptions { text-align: center; #advTypes { .advType { margin: 20px 0; vertical-align: top; display: inline-block; width: 187px; padding:5px 5px 5px 8px; height: 340px; font-size:11px; background: #2b59b5; color: white; margin-right: 20px; line-height:16px; -moz-box-shadow: 5px 5px 4px #575757; -webkit-box-shadow: 5px 5px 4px #575757; box-shadow: 5px 5px 4px #575757; /* For IE 8 */ -ms-filter: ~"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#575757')"; /* For IE 5.5 - 7 */ filter: ~"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#575757')"; ul li{ padding:10px 0 10px 0; text-align:left; list-style:disc; margin-left:20px; font-size:11px; } p{ padding:5px 0 5px 0; text-align:left; } } #nextStepButton { display: block; margin:0 auto; width: 94px; height: 54px; font:normal 14px Arial, Helvetica, sans-serif; background:url("../img/next-arrow.jpg") center no-repeat; color: white; cursor: pointer; line-height:50px; text-align:left; padding-left:15px; } } } DIV.auth { text-align: center; DIV.register { text-align: left; H3 { text-align: center; margin-bottom: 10px; font-weight: bold; } #note { margin: 20px 0; } LABEL{ display: inline-block; width: 200px; margin: 0 0 0 50px; } LI.field { list-style: none; margin-bottom: 10px; } SELECT, INPUT { width: 200px; } .chzn-single { width: 190px; } .chzn-container { margin-right: 20px; } .chzn-search INPUT { width: 150px ! important; } .error { color: red; font-size: 12px; width: auto; margin-left: 10px; } .required-field { border: red 2px solid; background: #FFFFD5; } [type=submit] { width: 100px; height: 30px; margin-left: 300px; } } DIV.login { margin-top: 40px; text-align: left; FORM { padding-top: 20px; A#forgetPasswordLink, A#forgetUsernameLink{ display:block; text-align:right; width:555px; font-size:11px; } LABEL{ display: inline-block; width: 200px; margin: 0 0 20px 150px; } INPUT { width: 200px; } LABEL.error { color: red; font-size: 12px; width: auto; margin-left: 10px; } [type=submit] { width: 100px; height: 30px; margin: 0 0 0 455px; } } } } DIV.adv { .error-box { display: block; visibility: hidden; } list-style:none; /* a { background:none; }*/ LI A{ padding: 5px 0; color: white; font-weight:bold; font-size:13px; .roundcurve; list-style:none; } DIV.advbody { margin-top: 10px; #addForm { } } FORM.search { margin:0; padding:0; height: 30px; LABEL { font-weight: bold; } .sort { float: left; } .search { float: right; } } DIV.add, DIV.edit { text-align: left; H3 { text-align: center; } FORM { #pics { vertical-align: top; .hint { } UL#pics-list { LI { width: @IMAGE_ICON_WIDTH + 40px; height: @IMAGE_ICON_HEIGHT; padding-top: 5px; vertical-align: top; .pic, .pic IMG { display: inline-block; width: @IMAGE_ICON_WIDTH; height: @IMAGE_ICON_HEIGHT; } .ctrls { vertical-align: top; display: inline-block; IMG { display: block; } .icon { visibility: hidden; cursor: pointer; } INPUT[name=mainpic] { margin: 10px 0 0 8px; } } } LI:hover .ctrls .icon { visibility: visible; } } } DIV#managePics { display: none; #origPic { width: @IMAGE_WIDTH; height: @IMAGE_HEIGHT; } #manager { #pics-boxLeft{ display: inline-block; vertical-align: top; width: @IMAGE_ICON_WIDTH + 10px; } .upload-photo-steps{ display:inline-block; vertical-align:top; width: 627px - @IMAGE_ICON_WIDTH - 40px; margin-left:20px; color:#717171; p { padding-left:50px; margin:20px 0; font:normal 12px/15px Verdana, Geneva, sans-serif; text-align:justify; } } #pic-upload-progress { display: none; } #previewBox { display: block; height: @IMAGE_ICON_HEIGHT; #previewHolder { position: relative; width: @IMAGE_ICON_WIDTH; height: @IMAGE_ICON_HEIGHT; margin-top: 5px; #preview { position: relative; display:block; border:2px solid #d1d1d1; width:@IMAGE_ICON_WIDTH; height:@IMAGE_ICON_HEIGHT !important; margin:0 0 0 -8px; } #preview img{ width: @IMAGE_ICON_WIDTH; border:2px solid #fff } } BUTTON#addImage { vertical-align: top; display: none; margin-top: 20px; } } #tip { vertical-align: top; display: inline-block; margin-left: 20px; width: 370px; list-style-type: decimal; } } #cropImage { width: 400px; height: 225px; IMG { width: 400px; } } } #formValues { display: inline-block; .required-field { border: red 2px solid; background: #FFFFD5; } #makeModelHint { margin-top: 70px; H4 { width: 100%; text-align: center; padding-bottom: 10px; text-decoration: underline; } padding: 10px 5px; border: 1px green dashed; SPAN { padding: 2px 0; display: inline-block; width: 60px; } float: right; .example1 { color: blue; border-right: 1px black solid; } .example2 { padding-left: 10px; color: green; width: 50px; } } LABEL{ display: inline-block; width: 200px; vertical-align: top; } LI.field { list-style: none; margin-bottom: 10px; } INPUT { margin-left: 0px; } LI.descr .error { margin-left: 60px; margin-top: -80px; } SELECT, INPUT, TEXTAREA { } TEXTAREA { width: 450px; height: 100px; } .chzn-single { width: 190px; } .chzn-container { margin-right: 20px; } .error { position: absolute; display: block; color: red; font-size: 12px; width: auto; margin-left: 410px; margin-top: -20px; } .buttons { margin-top: 20px; text-align: right; INPUT { display: line-block; width: auto; } width: 400px; height: 30px; } } } } UL.list { list-style: none; margin: 0; padding: 0; LI.record { color: black; width: 100%; padding: 0; margin-bottom:20px; border:1px solid #bfdaf1; position: relative; DIV.title { background: #bfdaf1; padding: 5px; font-size: 14px; font-weight: bold; margin-bottom: 10px; SPAN { display: inline-block; } .year { width: 10%; float:left; } .make { width: 30%; float:left; } .price { width: 15%; float:left; } .total_time { width: 15%; float:left; } .engine_time { width: 15%; float:left; } .state { width: 15%; text-align: right; font-weight:normal; float:left; font-size: 14px; font-weight: bold; } .sale_type { width: 15%; .maintext; text-align: right; font-weight:normal; } } INPUT.checkbox { position: absolute; width: 10px; left: -25px; margin-top: 7px; } DIV.info { vertical-align: top; display: inline-block; padding:0 10px 0 10px; A.image{ float: left; border:0; background:none; margin-right: 10px; IMG { width: @IMAGE_ICON_WIDTH; height: @IMAGE_ICON_HEIGHT; } } .advStatus { margin-left: @IMAGE_ICON_WIDTH; .type, .unpaid, .free, a.image { display: inline-block; margin-right: 20px; } SPAN.unpaid, .inactive, .pending, .deactivated { color: red; } SPAN.unpaid, SPAN.pending, SPAN.paid_till{ margin-top: 8px; margin-bottom:5px; } } .descr { margin-left: @IMAGE_ICON_WIDTH; color: #555; width:700px; display:block; a{background:none;} .more { color: black; text-decoration: underline; } } } DIV.footer { background: #fff; padding: 5px; font-size: 16px; font-weight: bold; margin: 10px 0 0 0; border-top:2px dotted #bfdaf1; SPAN { display: inline-block; } .sale_type { width: 30%; font-weight:normal; .maintext; font-size:14px; font-weight: bold; float:left; } .radio_flight_rules { text-align: center; width: 40%; .maintext; font-size:14px; font-weight:bold; float:left; } .company_name { width: 30%; text-align: right; float:left; .maintext; font-size: 14px; font-weight: bold; } } .icon { display: none; position: absolute; right: 20px; cursor: pointer; } .icon.edit { margin-top: 40px; } .icon.deactivate, .icon.delete { margin-top: 80px; } } LI.record:hover { .icon { display: block; } } } .no-search-results { display: block; margin: 30px; width: 100%; text-align: center; font-weight: bold; } .actions { #selectall { margin-left: -21px; } } .paging { padding: 5px 0; text-align: center; .maintext; font-size:18px; > SPAN, > A { display: inline-block; width: 20px; height: 20px; line-height: 19px; text-align: center; } > .page, .current { } } } DIV.details { margin-top: 30px; .maintext; .main { vertical-align: top; display: inline-block; width: 640px; .images { vertical-align: top; display: inline-block; width: @IMAGE_ICON_WIDTH + 10px; img { margin-bottom: 10px; cursor: pointer; } } .middle { width: @IMAGE_WIDTH; vertical-align: top; display: inline-block; img { margin-bottom: 20px; } > SPAN, .company > SPAN { display: block; } .contacts { margin: 10px 0; } } } .right { display: inline-block; width: 200px; > span { display: block; margin-bottom: 10px; } LABEL { display: block; font-weight: bold; padding: 10px 0 0 0; } SPAN.notes { margin-bottom: 0; } .main { font-size: 16px; width: 200px; font-weight: bold; // .price .year .make .model .name .variant } .sale_type, .location, .other { LABEL { display: inline; } } .avionics { } .times { LABEL { display: inline-block; } // .total_time .engine_time } .engine { } .prop { } .equipment { } .interior_exterior { } .other { // .label .reg_no .label .serial_no } .notes { } .sale_type, .location{ font-size:14px; margin-bottom:20px; } .location{ margin-bottom: 0px; } } } .newInvoice, .showInvoice { margin-left: 125px; width: 600px; H3 { display: block; font-weight: bold; margin: 30px 0; text-align: center; font-size: 16px; } UL { LI .header{ font-weight: bold; } LI { display: block; width: 100%; padding: 5px 0; border-bottom: 1px solid grey; > SPAN { display: inline-block; vertical-align: middle; padding-right: 20px; } .num { width: 30px; text-align: right; } .price { width: 50px; text-align: right; } .descr { width: 450px; } } LI.total { border-bottom: none; font-weight: bold; .total_descr { width: 505px; text-align: right; } .total_amount { width: 50px; text-align: right; } } } FORM .buttons { display: block; width: 100%; text-align: right; margin-top: 30px; INPUT { margin-left: 50px; } } } .listInvoices { margin-left: 175px; width: 500px; UL { LI.header { font-weight: bold; } LI { display: block; width: 100%; padding: 5px 0; border-bottom: 1px solid grey; > SPAN { display: inline-block; vertical-align: middle; padding-right: 20px; } .num { width: 50px; text-align: right; } .date { width: 250px; } .amount { width: 120px; text-align: right; } } } } .billing { H3 { display: block; width: 100%; font-weight: bold; margin-bottom: 10px; text-align: center; font-size: 16px; } FORM { display: inline-block; width: 550px; LABEL.error { display: block; left: 560px; width: 300px; color: red; margin-left: 230px; } LABEL.error[for=EXPMONTH] { position: absolute !important; left: 0; } FIELDSET { padding: 5px; margin: 20px 0 10px 0; border: 1px solid @darkgray; LEGEND{ font-weight: bold; } LABEL { // margin-bottom:20px !important } } LABEL { display: inline-block; width: 250px; margin: 5px 0; } INPUT, SELECT, BUTTON { display: inline-block; width: 250px; } [NAME=EXPMONTH] { width: 40px; } [NAME=EXPYEAR] { width: 60px; } } #orderDetails { margin-left: 20px; vertical-align: top; display: inline-block; width: 210px; padding: 0px 7px 10px; background: #c9d8ea; margin-top: 29px; H4 { width: 100%; text-align: center; font-size: 17px; margin: 20px 0; } .header { /*text-align: center; font-weight: bold;*/ font: Arial; font-size: 14px !important; } .orderRecord { width: 93%; height: 1.5em; line-height: 1.5em; margin-left: 7px; font-size: 11px; font: Arial; margin-bottom: 5px; padding-bottom: 10px; .num { display: none; vertical-align: top; width: 20px; } .descr { height: 1.5em; display: inline-block; width: 140px; overflow: hidden; } .price { display: inline-block; width: 50px; text-align: right; vertical-align: top; } } .total { border-top: 1px solid black; font: Arial; font-size: 14px; padding-top: 10px; } } } DIV.config { UL.configs { LI { padding: 5px 0; border-bottom: 1px solid @darkgray; SPAN, A { display: inline-block; vertical-align: middle; } .key { width: 190px; word-wrap: break-word; padding-right: 10px; } .src { width: 80px; } .value { width: 560px; word-wrap: break-word; } } } FORM { width: 400px; TEXTAREA { margin: 10px 0; display: inline-block; width: 100%; } } } #terms { H1, H2, H3 { font-weight: bold; text-align: center; widht: 100%; padding: 20px 0; display: block; } H1 { font-size: 20px; } H2 { font-size: 18px; } H3 { font-size: 16px; } P { text-align: justify; } } .faq { strong { font-weight: bold; } em { font-style: italic; } sup { font-size:xx-small; vertical-align:top;} sub { font-size:xx-small; vertical-align:bottom;} #faq-list { // admins list .header { font-weight: bold; } .item, .header { padding: 10px 0; * > { display: inline-block; } .topic { width: 200px; } .question { width: 400px; } } } #list { .header { font-weight: bold; } .item { padding: 10px 0; } .topic, .question, .answer { display: block; } } .addButton { margin-top: 20px; display: block; } FORM { INPUT[type=text] { display: block; width: 800px; } TEXTAREA { width: 800px; height: 400px; } } } .forgetPassword, .forgetUsername { h3 { padding: 20px 0; } } #searches { text-align: center; h3 { width: 100%; margin: 20px 0; font-weight: bold; } UL { display: inline-block; width: 200px; LI { display: block; text-align: left; border-bottom: 1px solid gray; width: 200px; padding: 5px 0; } } } .contactSeller { text-align: center; margin-top:40px; H3 { font-size: 16px; text-align: center; margin-bottom: 60px; } FORM { text-align: left; display: inline-block; width: 500px; ul{ width: 341px; margin: 0 auto; LI { margin-bottom: 10px; overflow: hidden; LABEL.error { display: block; margin-left: 100px; width: auto; color: red; } LABEL { display: inline-block; width: 130px; } INPUT { width: 200px; outline-width: 0; } #seller { margin-left: 6px; } TEXTAREA { width: 192px; height: 130px; float: right; overflow: hidden; margin-right: 6px; padding: 5px; } IMG#captcha { margin-left: 30px; width: 216px; height: 80px; margin-right: -2px; float: right; } #captchaInput { margin: 20px 3px 10px 30px; display: inline-block; vertical-align: top; width: 151px; float: right; IMG#refresh { width: 22px; height: 20px; cursor: pointer; } INPUT { margin-left: 25px; margin-top: 10px; width: 120px; } } } } INPUT[type=submit] { float: right; margin-right: 3px; } } } DIV#page404 { margin-top: 30px; text-align: center; H1 { font-size: 24px; margin: 10px 0; } IMG { margin: 20px 0; } }