xp-dev.com Git - namibia/blob - public/css/app/tablet_valuations.css

   1 /**********header and body*****************************/
   2
   3 body header {
   4         border : none;
   5         background: url("/imgs/header-bg-rpt.png") repeat-x scroll center top #313131;
   6         display:none;
   7 }
   8
   9 body header .logo{
  10   border : none;
  11         background: url("/imgs/header-with-logo.jpg") no-repeat scroll center top #313131;
  12         display:none;
  13 }
  14
  15 body{
  16
  17   padding    : 0;
  18 }
  19 .row-fluid{
  20   width : 94.3% !important;
  21   padding : 0 3% !important;
  22   margin : 0 !important;
  23 }
  24
  25 /***********mobile-header*********************/
  26
  27 /**********mobile header top******************/
  28
  29 .mobile-header-top{
  30   background    : url(../../imgs/tablet_header.jpg)repeat;
  31   border-bottom : 1px solid #7A7879;
  32 }
  33
  34 .cc-mobile-header-top{
  35   background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  36   border-bottom : 1px solid #877b7b;
  37         background-size:900px 90px !important;
  38         background-position: 0px 0px;
  39         height:90px;
  40         border-bottom:none;
  41 }
  42
  43
  44 .mobile-header-top .mobile-nav-logout{
  45   width       : 25%;
  46   margin      : 29px 0;
  47   float       : right;
  48   text-align  : center;
  49   font-size   : 20px;
  50   font-family : arial;
  51   font-weight : bold;
  52   padding     : 17px;
  53 }
  54
  55 .cc-mobile-header-top .mobile-nav-logout{
  56   width       : 25%;
  57   margin      : 29px 0;
  58   float       : right;
  59   text-align  : center;
  60   font-size   : 20px;
  61   font-family : arial;
  62   font-weight : bold;
  63   padding     : 17px;
  64 }
  65
  66 /**********************************************/
  67
  68 /************mobile-header-middle**************/
  69
  70 .mobile-header-middle{
  71   background-color : #000;
  72   border-top       : 1px solid #D52E31;
  73   border-bottom    : 1px solid #7A7879;
  74 }
  75
  76 .mobile-header-middle .mobile-Login .mobile-detail-label{
  77   margin-top    : 13px;
  78   margin-bottom : 13px;
  79 }
  80
  81 .mobile-header-middle .mobile-Login .mobile-detail-label p,
  82 .mobile-header-middle .mobile-Login .mobile-time-in span{
  83   font-size     : 12px;
  84   font-family   : arial;
  85   font-weight   : normal;
  86   color         : #FFF;
  87   line-height   : 18px;
  88   margin-bottom : 0;
  89 }
  90 .mobile-header-middle .mobile-Login .mobile-detail-label .logged-in{
  91   font-size   : 16px;
  92   font-weight : bold;
  93 }
  94
  95 .mobile-header-middle .mobile-Login .mobile-time-in .time{
  96  font-size   : 20px;
  97   font-weight : bold;
  98 }
  99
 100 .mobile-header-middle .mobile-Login .mobile-detail-label{
 101   width : 20%;
 102   float : left;
 103 }
 104
 105 .mobile-header-middle .mobile-Login .mobile-time-in{
 106   float         : right;
 107   margin-top    : 23px;
 108   margin-bottom : 13px;
 109   width         : 16%;
 110 }
 111
 112 /**********************************************/
 113
 114 /*************mobile-header-bottom*************/
 115
 116 .mobile-header-bottom{
 117   background-color : #D42E30;
 118 }
 119
 120 .mobile-header-bottom h1{
 121   font-weight         : bold;
 122   font-size           : 30px;
 123   width               : 80%;
 124   float               : left;
 125   color               : #D0D0D0;
 126   -moz-text-shadow    : 0 -1px 2px #891c1f;
 127   -webkit-text-shadow : 0 -1px 2px #891c1f;
 128   text-shadow         : 0 -1px 2px #891c1f;
 129 }
 130
 131 .mobile-header-bottom .drop-down-menu-btn{
 132   width       :16%;
 133   float       :right;
 134   margin-top  : 10px;
 135 }
 136
 137 .mobile-header-bottom .mobile-dropdown-btn{
 138   padding : 10px;
 139
 140 }
 141
 142 .mobile-header-bottom .mobile-caret{
 143   border-left    : 8px solid transparent;
 144   border-right   : 8px solid transparent;
 145   border-top     : 8px solid #E0E0E0;
 146   content        : "";
 147   display        : inline-block;
 148   height         : 0;
 149   vertical-align : middle;
 150   width          : 0;
 151   margin-left    : 10px;
 152 }
 153 /************dropdown-menu**********************/
 154 .mobile-header-bottom .mobi-nav{
 155   background-color      : #D52E31;
 156   margin-top            : 21px;
 157   margin-right          : 7px;
 158   box-shadow            : none;
 159   -moz-border-radius    : 3px;
 160   -webkit-border-radius : 3px;
 161   border-radius         : 3px;
 162 }
 163
 164 .mobile-header-bottom .mobi-nav img{
 165   position : absolute;
 166   top      : -12px;
 167   right    : 15px;
 168 }
 169
 170 .mobile-header-bottom .mobi-nav a{
 171   color       : #D0D0D0;
 172   font-weight : bold;
 173   font-size   : 14px;
 174   line-height : 35px;
 175 }
 176
 177 .mobile-header-bottom .mobi-nav a:hover{
 178   color            : #F13B3B;
 179   font-weight      : bold;
 180   font-size        : 14px;
 181   background-color : #D0D0D0;
 182   background-image : none;
 183 }
 184 /*********************************************/
 185
 186 .main-section{
 187   background : url("../../images/bdy_bg.png")repeat;
 188 }
 189
 190 /***************page-title-wrapper************/
 191
 192 .main-section .page-title-wrapper{
 193   margin : 30px 0 0 0 !important;
 194 }
 195
 196 .page-title-wrapper .mobile-page-title-header{
 197   font-size : 16px;
 198 }
 199
 200 .page-title-wrapper .mobile-paragraph{
 201   font-size : 16px;
 202 }
 203
 204 .main-section .page-title-wrapper .mobile-header-valuation{
 205   font-size   : 55px;
 206   line-height : 55px;
 207 }
 208
 209 .main-section .page-title-wrapper .back-btn{
 210   width       : 25%;
 211   margin      : -60px 0 29px;
 212   float       : right;
 213   text-align  : center;
 214   font-size   : 20px;
 215   font-family : arial;
 216   font-weight : bold;
 217   padding     : 17px;
 218 }
 219
 220 .mobile-btn-wrapper{
 221   padding-bottom : 8px;
 222   border-bottom  : 1px solid #B5B5B5;
 223 }
 224
 225 .page-title-wrapper .mobile-btn-shine{
 226   background      : url("../../imgs/new-valuation-mobile-shine.png") no-repeat scroll 0 0 transparent;
 227   bottom          : 0;
 228   left            : 0;
 229   position        : absolute;
 230   right           : 0;
 231   top             : 0;
 232   z-index         : 100;
 233   background-size : 100% 100%;
 234 }
 235
 236
 237
 238
 239 /***********************************************/
 240 /***********page-filter-wrapper*****************/
 241
 242 .page-filter-wrapper .btn-wrapper{
 243   margin-right : 0;
 244   width        : auto !important;
 245   min-width    : 0 !important;
 246   margin-top   : 56px;
 247 }
 248
 249
 250
 251 .mobile-date-label{
 252   font-size   : 17px;
 253   font-family : arial;
 254   font-weight : normal;
 255   margin      : 15px 0;
 256 }
 257
 258 .page-filter-wrapper .filter-input-wrapper{
 259   width : 33%;
 260 }
 261
 262 .page-filter-wrapper .filter-input-wrapper .context-filter-label{
 263   font-size : 17px;
 264   margin    : 15px 0;
 265   width     : 130px;
 266 }
 267
 268 .page-filter-wrapper .filter-input-wrapper .filter-input{
 269   margin-right : 20px;
 270 }
 271
 272 .mobile-width12p{
 273   width: 24%;
 274 }
 275
 276 /*************************************************/
 277 /***************table-form************************/
 278 .table-form{
 279   width   : 100%;
 280   padding : 0;
 281 }
 282
 283
 284
 285
 286 .table-heading-wrapper a{
 287   float        : right;
 288   margin-right : 10px;
 289 }
 290
 291 .mobile-icon-cog{
 292   background     : url("../../imgs/valuations-mobile-icons.png") no-repeat scroll -56px 0 transparent;
 293   display        : inline-block;
 294   height         : 27px;
 295   vertical-align : -4px;
 296   width          : 28px;
 297   margin-top     : -5px;
 298   margin-bottom  : 15px;
 299   margin-right   : 4px;
 300 }
 301
 302 .table-heading-wrapper .mobile-make-caret,
 303 .table-heading-wrapper .mobile-settings-caret{
 304   border-left    : 6px solid transparent;
 305   border-right   : 6px solid transparent;
 306   border-top     : 8px solid #FFFFFF;
 307   content        : "";
 308   display        : inline-block;
 309   height         : 0;
 310   margin-left    : 0;
 311   vertical-align : middle;
 312   width          : 0;
 313 }
 314
 315 .table-heading-wrapper .mobile-settings-caret{
 316   border-left    : 6px solid transparent;
 317   border-right   : 6px solid transparent;
 318   border-top     : 8px solid #FFFFFF;
 319   content        : "";
 320   display        : inline-block;
 321   height         : 0;
 322   margin-right   : -5px;
 323   vertical-align : middle;
 324   width          : 0;
 325   margin-top     : -30px;
 326   margin-bottom  : 15px;
 327   float          : right;
 328 }
 329
 330 .table-heading-wrapper .mobile-settings-main-wrapper{
 331   height     : 20px;
 332   padding    : 6px;
 333   margin-top : 12px;
 334   background : url("../../imgs/cog-btn-bg.jpg")repeat;
 335 }
 336
 337 .table-form .mobile-table #FirstRow,
 338 .table-form .mobile-table #SecondRow{
 339   font-size: 11px;
 340 }
 341 /*************************************************/
 342
 343
 344 /****************new-valuation********************/
 345
 346
 347 /*************top-mobile-header**************************/
 348
 349 .page-title-wrapper .mobile-main-car-image{
 350   width         : 26%;
 351   float         : left;
 352   margin-bottom : 13px;
 353 }
 354
 355 .page-title-wrapper .mobile-main-car-image .mobile-image{
 356   height : 125px;
 357   width  : 166px;
 358 }
 359
 360 .page-title-wrapper .mobile-header{
 361   width       : 64%;
 362   float       : left;
 363   margin-left : 18px;
 364   margin-top  : 14px;
 365 }
 366 .page-title-wrapper .mobile-header .mobile-header-new-valuation{
 367   font-size   : 40px;
 368   line-height : 40px;
 369 }
 370
 371 /*****************mobile-form-headers************************/
 372
 373 .mobile-form-headers{
 374   background-color : #cf2c2f;
 375   padding          : 24px 0;
 376   margin-left      : -14px;
 377   margin-right     : -14px;
 378 }
 379
 380 .mobile-form-horizontal{
 381   background    :none;
 382   border        :none;
 383   margin-bottom : 0;
 384   width         : 102%;
 385   margin        : 0 -20px;
 386 }
 387
 388 .mobile-icon-user{
 389   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll 0 0 transparent;
 390   display        : inline-block;
 391   height         : 30px;
 392   margin-right   : 5px;
 393   vertical-align : -4px;
 394   width          : 26px;
 395   margin-left    : 20px;
 396 }
 397
 398 .mobile-clipboard,
 399 .mobile-car,
 400 .mobile-headphones,
 401 .mobile-camera{
 402  margin-left  : 20px;
 403 }
 404
 405 .mobile-clipboard{
 406  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -25px 0 transparent;
 407  display        : inline-block;
 408  height         : 30px;
 409  margin-left    : 20px;
 410  margin-right   : 5px;
 411  vertical-align : -4px;
 412  width          : 22px;
 413 }
 414
 415 .mobile-car{
 416  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -46px 0 transparent;
 417  display        : inline-block;
 418  height         : 30px;
 419  margin-left    : 20px;
 420  margin-right   : 5px;
 421  vertical-align : -4px;
 422  width          : 34px;
 423 }
 424
 425 .mobile-headphones{
 426  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -80px 0 transparent;
 427  display        : inline-block;
 428  height         : 30px;
 429  margin-left    : 20px;
 430  margin-right   : 5px;
 431  vertical-align : -4px;
 432  width          : 30px;
 433 }
 434
 435 .mobile-camera{
 436  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -110px 0 transparent;
 437  display        : inline-block;
 438  height         : 30px;
 439  margin-left    : 20px;
 440  margin-right   : 5px;
 441  vertical-align : -4px;
 442  width          : 32px;
 443 }
 444
 445 .mobile-form-headers p{
 446   font-size   : 26px;
 447   line-height : 20px;
 448   color       : #FFF;
 449   position    : relative;
 450   z-index     : 200;
 451 }
 452 /***************************** page-form-wrappers ********************/
 453
 454 .page-top-forms-wrapper .span4,
 455 .page-bottom-forms-wrapper .span4{
 456   width : 100% !important;
 457 }
 458
 459 .accessories-form .control-group{
 460   width : 50% !important;
 461 }
 462
 463 .accessories-form .control-group .checkbox{
 464   padding : 10px 0 10px 20px;
 465 }
 466
 467 /*********************************************************************/
 468 .form-horizontal .control-group .mobile-controls{
 469   width : 50%;
 470   float : right;
 471 }
 472
 473 .form-horizontal .mobile-control-group .mobile-information-input,
 474 .form-horizontal .mobile-control-group .mobile-information-input-short{
 475   padding : 22px 2%;
 476   width   : 90% !important;
 477         padding-left:20px;
 478 }
 479
 480 .form-horizontal .mobile-control-group .mobile-information-input-short{
 481   width : 76% !important;
 482 }
 483
 484 .form-horizontal .mobile-control-group .input-prepend,
 485 .form-horizontal .mobile-control-group .btn-group{
 486   margin-left : 2%;
 487   width : 48%;
 488 }
 489
 490 .form-horizontal .mobile-control-group .btn-group .btn{
 491   padding : 22px 12px;
 492 }
 493
 494 .form-horizontal .mobile-control-group .input-prepend .add-on{
 495   padding : 22px 10px;
 496 }
 497
 498 .form-horizontal .mobile-control-group{
 499   width : auto;
 500 }
 501
 502 .form-horizontal .control-group .mobile-control-label,
 503 .form-horizontal .control-group .controls{
 504   font-size   : 16px;
 505   width       : 48%;
 506   margin-top  : 20px;
 507   margin-left : 2%;
 508 }
 509
 510 .form-horizontal .control-group .controls{
 511   margin-top : 0;
 512 }
 513
 514 .form-horizontal .control-group .controls .information-lines{
 515   font-size : inherit;
 516   line-height : inherit;
 517
 518 }
 519
 520 .form-horizontal .control-group .mobile-grey-btn{
 521   width : 50%;
 522   float : right;
 523 }
 524
 525 .form-horizontal .control-group .mobile-select{
 526   width       : 80%;
 527   line-height : 56px;
 528   font-size   : 20px;
 529 }
 530
 531 .form-horizontal .control-group .mobile-selection{
 532   height : 66px;
 533   width  : 23%;
 534 }
 535
 536 .form-horizontal .left-side,
 537 .form-horizontal .right-side{
 538   width : 100%;
 539 }
 540
 541 .mobile-caret{
 542   border-left    : 6px solid transparent;
 543   border-right   : 6px solid transparent;
 544   border-top     : 8px solid #000000;
 545   content        : "";
 546   display        : inline-block;
 547   height         : 0;
 548   vertical-align : top;
 549   width          : 0;
 550 }
 551
 552 .vehicle-specs-form .mobile-left-side {
 553   width : 100%;
 554 }
 555
 556 .control-group-wrapper .control-group .valuation-line{
 557   font-size   : 16px;
 558   width       : 48%;
 559   margin-left : 2%;
 560   margin-top  : 5px;
 561 }
 562
 563 .form-horizontal .control-group .information-wrapper{
 564   float : right;
 565   width : 35%;
 566 }
 567
 568 .form-horizontal .mobile-information-lines{
 569   font-size  : 20px;
 570   margin-top : 14px;
 571 }
 572
 573 .accessories-form .mobile-column-left{
 574   border-bottom  : 1px solid #B7B7B7;
 575   padding-bottom : 8px;
 576   width          : 42%;
 577   margin-left    : 10px;
 578 }
 579
 580 .accessories-form .mobile-column-right{
 581   border-bottom  : 1px solid #B7B7B7;
 582   padding-bottom : 8px;
 583   width          : 53%;
 584 }
 585
 586 .accessories-form .mobile-checkbox-line {
 587     font-size    : 16px;
 588     margin       : 10px 0;
 589     padding-left : 30px;
 590 }
 591
 592 .accessories-form .comment-box .mobile-comment{
 593   margin-left   : 5px;
 594   font-size     : 20px;
 595   margin-bottom : 20px;
 596 }
 597
 598 .accessories-form .comment-box .mobile-comment-text-box{
 599   width : 100%;
 600 }
 601
 602 .mobile-car-images-wrapper{
 603   width : 100%;
 604 }
 605
 606 .photos-form .mobile-motor-vehicle-imgs{
 607   width   : 31.03%;
 608   margin-left: 1.5%;
 609   margin-bottom: 14px;
 610   padding : 0;
 611 }
 612
 613 .form-horizontal .mobile-instruction-paragraph{
 614   font-size   : 20px;
 615   margin      : 5px 0 10px 6px;
 616   line-height : 22px;
 617 }
 618 /********************mobile-select-valuator*********************/
 619
 620 .mobile-select-valuator-header{
 621   font-size   : 20px;
 622   line-height : 56px;
 623   width       : 48%;
 624   float       : left;
 625   padding     : 30px 0;
 626 }
 627
 628 .select-valuator .valuator-name-button .mobile-grey-btn{
 629   width : 50%;
 630 }
 631
 632 .select-valuator .valuator-name-button .mobile-select{
 633   width       : 80%;
 634   line-height : 56px;
 635   font-size   : 20px;
 636 }
 637
 638 .select-valuator .valuator-name-button .mobile-selection{
 639   height : 66px;
 640   width  : 23%;
 641 }
 642
 643 .select-valuator .mobile-valuator-name-button{
 644   border-bottom : 1px solid #D52F31;
 645   border-top    : 1px solid #D52F31;
 646   padding       : 30px 0;
 647 }
 648
 649 /**************************************************************/
 650
 651 .select-valuator .top-grey-set .mobile-send-to-price-btn{
 652   width         : 55%;
 653   line-height   : 56px;
 654   font-size     : 20px;
 655   margin-bottom : 18px;
 656 }
 657
 658 .select-valuator .top-grey-set .mobile-send-to-sales-btn{
 659   width         : 40%;
 660   line-height   : 56px;
 661   font-size     : 20px;
 662   margin-bottom : 18px;
 663 }
 664
 665 .select-valuator .bottom-grey-set .mobile-print-btn{
 666   width       : 35%;
 667   line-height : 56px;
 668   font-size   : 20px;
 669 }
 670
 671 .select-valuator .bottom-grey-set .mobile-archive-btn{
 672   width       : 23%;
 673   line-height : 56px;
 674   font-size   : 20px;
 675 }
 676
 677 .mobile-add-to-stock-btn{
 678   width       : 40%;
 679   line-height : 56px;
 680   font-size   : 20px;
 681 }
 682
 683 .mobile-printer{
 684   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -140px 0 transparent;
 685   display        : inline-block;
 686   height         : 30px;
 687   margin-left    : 20px;
 688   margin-right   : 5px;
 689   vertical-align : -7px;
 690   width          : 32px;
 691 }
 692
 693 /*****************************************************************/
 694
 695 .select-valuator .colored-btn-set .mobile-select{
 696   width       : 100%;
 697   line-height : 56px;
 698   font-size   : 20px;
 699   margin-top  : 18px;
 700 }
 701
 702 .mobile-save-and-send{
 703   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -168px 0 transparent;
 704   display        : inline-block;
 705   height         : 30px;
 706   margin-left    : 20px;
 707   margin-right   : 5px;
 708   vertical-align : -7px;
 709   width          : 32px;
 710 }
 711
 712 .mobile-save-and-submit{
 713   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -199px 0 transparent;
 714   display        : inline-block;
 715   height         : 30px;
 716   margin-left    : 20px;
 717   margin-right   : 5px;
 718   vertical-align : -7px;
 719   width          : 35px;
 720 }
 721
 722 .bid-details{
 723         width:100% !important;
 724
 725 }
 726
 727 .bid-details-photos{
 728         width:100% !important;
 729 }
 730
 731 #bidImgMain{
 732         max-width:50% !important;
 733         min-width:120px !important;
 734 }
 735
 736 #tS1.jThumbnailScroller{
 737         width:50% !important;
 738         margin-top:220px !important;
 739         max-width:50% !important;
 740         margin-left:20px !important;
 741 }
 742
 743 .bid-view-t-c
 744 {
 745         text-align:left;
 746         float:center;
 747         margin-top:300px !important;
 748         margin-bottom:50px;
 749 }
 750
 751 .bid-view-table{
 752         width:100% !important;
 753 }
 754
 755 .bid-view-bid{
 756         width:100% !important;
 757 }
 758
 759 .bid-emai-seller-button{
 760         width:100% !important;
 761 }
 762
 763 .page-filter-wrapper .filter-input-wrapper-date{
 764         width:30% !important;
 765         margin-right:10% !important;
 766 }
 767
 768