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

   1 @media (min-width: 320px) and (max-width: 479px) {
   2         .frame-vid480 {
   3         display:block;
   4         }
   5 /* mobile small HEADER CHANGES */
   6
   7 .mobile-header-top{
   8         background    : url(/imgs/header-with-logo-small.jpg)repeat;
   9         border-bottom : 1px solid #7A7879;
  10         background-size:521px 90px;
  11         background-position: 0px 0px;
  12         height:90px;
  13         border-bottom:none;
  14 }
  15
  16 .cc-mobile-header-top{
  17         background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  18         border-bottom : 1px solid #877b7b;
  19         background-size:379px 90px !important;
  20         background-position: 0px 0px;
  21         height:90px;
  22         border-bottom:none;
  23 }
  24
  25 .span12.bid-view-t-c {
  26         margin-top:60px;
  27 }
  28 .zoomLens {
  29         display:none;
  30 }
  31
  32 .main-section .page-title-wrapper .back-btn {
  33         font-size:15px;
  34         margin:-37px 14px 30px;
  35         width:46px;
  36         padding:5px;
  37 }
  38
  39 .mobile-header-bottom h1 {
  40         display:none;
  41 }
  42
  43 #tS1.jThumbnailScroller {
  44         display:none;
  45 }
  46 .row-fluid.table-form .span12 {
  47         width:100%;
  48         overflow:hidden;
  49 }
  50
  51 .table .table-heading-wrapper {
  52         font-size:9px;
  53 }
  54 .table-form .table .table-header .table-heading-wrapper {
  55         font-size:9px;
  56 }
  57 .icon-circle-arrow-up, .icon-circle-arrow-down {
  58         display:none;
  59 }
  60
  61 body header {
  62         border : none;
  63         background: url("/imgs/header-bg-rpt.png") repeat-x scroll center top #313131;
  64         display:none;
  65 }
  66
  67 body header .logo{
  68   border : none;
  69         background: url("/imgs/header-with-logo-small.jpg") no-repeat  scroll center top #313131;
  70         display:none;
  71 }
  72
  73 .mobile-header-top .mobile-nav-logout {
  74         font-size:12px;
  75         padding:3px;
  76         margin: 30px 15px 0px 0;
  77         width:80px;
  78 }
  79
  80 .cc-mobile-header-top .mobile-nav-logout {
  81         font-size:12px;
  82         padding:3px;
  83         margin: 30px 15px 0px 0;
  84         width:80px;
  85 }
  86
  87 .mobile-header-middle .mobile-Login .mobile-detail-label {
  88         float:left;
  89         width:100%;
  90         padding: 10px 0 0;
  91         margin:0;
  92 }
  93
  94 .mobile-header-middle .mobile-Login .mobile-time-in {
  95         float:left;
  96         margin-bottom:13px;
  97         margin-top:0;
  98         width:100%;
  99 }
 100
 101 #clockmobi {
 102         font-size:12px;
 103 }
 104 .mobile-header-middle .mobile-Login .mobile-detail-label .logged-in {
 105         font-size:12px;
 106         font-weight:bold;
 107
 108 }
 109 .mobile-header-bottom .drop-down-menu-btn {
 110         float:right;
 111         margin:2px 15px 0 0;
 112         width:58px;
 113         border:none;
 114 }
 115
 116 .mobile-header-bottom .mobile-dropdown-btn {
 117         background: url("/imgs/dropDown-n.png") no-repeat scroll center top;
 118         text-shadow:none;
 119         width:38px;
 120         height:25px;
 121         border-width:0px;
 122         box-shadow:0 0px 0px rgba(0, 0, 0, 0);
 123
 124 }
 125
 126 .MakeMobi {
 127         display:block;
 128         float:left;
 129         padding-bottom:0;
 130         margin: -10px 0 0;
 131 }
 132
 133 .mobile-header-bottom .mobi-nav {
 134         margin-right:0;
 135         margin-top:14px;
 136 }
 137 .mobile-header-bottom .mobi-nav a {
 138         color:#333;
 139
 140 }
 141 .dropdown-menu.pull-right.mobi-nav li, .mobile-header-bottom .mobi-nav a {
 142         color:#FFF;
 143 }
 144 .dropdown-menu.pull-right.mobi-nav li:hover, .mobile-header-bottom .mobi-nav a:hover {
 145         background:#FFF;
 146         background-color:#FFF;
 147         color:#333;
 148 }
 149 .page-title-wrapper .btn-new-valuation {
 150         float:left;
 151         margin-top:15px;
 152         margin-left:0;
 153 }
 154
 155 .mobile-btn-wrapper {
 156         border-bottom:0;
 157         padding-bottom:0;
 158 }
 159
 160 .page-filter-wrapper .filter-input-wrapper-date{
 161         margin-left:6px;
 162         padding-left:0px;
 163         margin-left:0;
 164 }
 165 .pull-right[class*="span"], .row-fluid .pull-right[class*="span"] {
 166         float:left;
 167 }
 168 .page-filter-wrapper .btn-wrapper {
 169         margin-top:5px;
 170         margin-bottom:15px;
 171         margin-left:-5px;
 172 }
 173 .pagination.pull-right {
 174         float:left;
 175         margin:0;
 176 }
 177
 178 .page-filter-wrapper .context-filter-label {
 179         margin:15px 0 5px 0;
 180 }
 181
 182 .main-section .page-title-wrapper {
 183         margin:10px 0 0 !important;
 184 }
 185
 186 .main-section .page-title-wrapper .mobile-header-valuation {
 187         font-size:40px;
 188 }
 189
 190 /* AUCTION CHANGES */
 191 .main.auction .auctionbtn {
 192         float:left;
 193         margin:20px 0 0 10px;
 194         padding-right:0;
 195         width:100%;
 196 }
 197
 198 .auction .page-filter-wrapper .filter-input-wrapper .context-filter-label {
 199         margin:15px 0 5px;
 200 }
 201
 202 .auction .control-group {
 203         margin-bottom:5px;
 204 }
 205 .auction .page-filter-wrapper .btn-wrapper{
 206         margin-bottom:0;
 207 }
 208 /* STOCK CHANGES */
 209 .stock .page-filter-wrapper .filter-input-wrapper .context-filter-label {
 210         margin:15px 0 5px;
 211 }
 212 .stock .page-filter-wrapper .context-filter-label {
 213         margin:0 0 5px;
 214 }
 215 /* MY SETTINGS */
 216 .settings .form-horizontal {
 217         padding:10px 10px 25px;
 218 }
 219 .settings .btn.btn-clear-search.pull-right, .settings .btn.btn-success.btn-submit-search.pull-right{
 220         float:left;
 221         margin:0 0 15px 0;
 222 }
 223 .settings .btn.btn-success.btn-submit-search.pull-right {
 224         margin:0 0 0 15px;
 225 }
 226 .settings #btnRetailAdd, .settings #btnUserAdd, .settings #btnClubAdd {
 227         margin:5px 0 15px;
 228 }
 229 /* PRICE GUIDE */
 230 .priceguide .span5.btn-wrapper.pull-right{
 231         display:none;
 232 }
 233
 234 /* ABOUT US */
 235
 236 .about_us .about_us {
 237         padding:0px 0 0;
 238         width:100%;
 239 }
 240
 241 .about_us hr.grey {
 242         display:none;
 243 }
 244
 245 .row-fluid .about_us div h2, .row-fluid .about_us .span4 h2 {
 246         padding-bottom:15px;
 247 }
 248 .about_us .b4cvids {
 249         padding:0 0 15px;
 250         width:100%;
 251         float:left;
 252 }
 253 .frame-vid480 {
 254         background-image:url("../../imgs/frame-vid425.png");
 255         min-height:257px;
 256         padding-left:16px;
 257         padding-right:70px;
 258         padding-top:16px;
 259 }
 260 /* CONTACT US */
 261
 262 .contact_us .Terms_top h2 {
 263         text-align:left;
 264         padding-bottom:0;
 265
 266 }
 267 .contact_us .Terms {
 268         padding:15px 0 0;
 269 }
 270 .contact_us .Terms_top {
 271         margin-bottom:0;
 272         padding:0;
 273         background:none;
 274 }
 275
 276 .contact_us .arrowDiv{
 277         text-align:center;
 278         background:none;
 279 }
 280 .contact_us  .contact-no{
 281         line-height:42px;
 282         margin:0;
 283 }
 284
 285 .contact_us .head-office-info {
 286         line-height:35px;
 287 }
 288 /* dealerview */
 289 .dealerview .page-title-wrapper .page-title-header {
 290         padding-bottom:10px;
 291 }
 292
 293 .dealerview .icon-home, .dealerview .icon-user, .dealerview .icon-envelope  {
 294         background:none;
 295
 296 }
 297
 298 .dealerview .form-horizontal .control-group .control-label,
 299 .dealerview .form-horizontal .control-group .mobile-controls {
 300         float:none;
 301         margin-top:0px;
 302         padding-bottom:5px;
 303 }
 304
 305 .dealerview .form-horizontal .mobile-control-group .mobile-information-input,
 306 .dealerview .form-horizontal .mobile-control-group .mobile-information-input-short{
 307         padding:5px 90% 5px 5px ;
 308         width   : 90% !important;
 309 }
 310 .dealerview .form-horizontal .mobile-control-group .btn-group .btn {
 311         padding:5px;
 312 }
 313
 314 .dealerview .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
 315 .dealerview .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
 316
 317 }
 318
 319 .dealerview .btn.dropdown-toggle{
 320         background:none;
 321 }
 322 .dealerview .form-horizontal .mobile-control-group .input-prepend .add-on{
 323         padding:5px;
 324 }
 325
 326 .dealerview #btnUpdate {
 327         margin-bottom:25px;
 328 }
 329 /* main home */
 330
 331 .main.home .btnDiv_lft {
 332         background:url("/images/OnAuction.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 333         height:60px;
 334 }
 335 .main.home .btnDiv_lft {
 336         color:#FFFFFF;
 337         width:320px;
 338 }
 339 .main.home .divAction , .main.home .div260{
 340         color:#FFFFFF;
 341         width:135px;
 342         text-align:center;
 343         padding-left:13px;
 344         margin:-10px 0 0 0;
 345         font-size: 16px;
 346 }
 347
 348 .main.home .divAction h2.heading-two-wrapper{
 349         font-size: 16px;
 350 }
 351
 352 .main.home a.login, .main.home a.btnsignup {
 353         float:left;
 354
 355 }
 356 .main.home a.login {
 357         margin-left:65px;
 358         margin-bottom:15px;
 359 }
 360
 361 .main.home a.btnsignup {
 362         background:url("/images/signupbtn_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 363         margin-left:63px;
 364         width:175px;
 365 }
 366 .main.home .iconDiv {
 367         padding:15px 0 0;
 368 }
 369 .main.home .mobi {
 370         display:none;
 371 }
 372 /* Login page */
 373 .main.login .head-b-i {
 374         padding:15px;
 375 }
 376 .main.login #loginTerms {
 377         padding-bottom:10px;
 378 }
 379 /* stockview */
 380 .stockview .form-horizontal .control-group .mobile-control-label {
 381         width:142px;
 382         font-size:12px;
 383         margin-left:10px;
 384         margin-top:5px;
 385 }
 386
 387 .stockview .form-horizontal .control-group .controls {
 388         width:142px;
 389         font-size:12px;
 390         margin-left:10px;
 391         margin-top: -18px;
 392 }
 393
 394
 395
 396
 397
 398 .stockview .form-horizontal .mobile-control-group .btn-group .btn {
 399         padding:7px 0;
 400 }
 401
 402 btn.dropdown-toggle{
 403         background:none;
 404 }
 405
 406
 407 .stockview .control-group label {
 408         float: none;
 409         font-size:12px;
 410
 411 }
 412 .stockview .control-group .text-box-small {
 413         margin-bottom:15px;
 414         margin-left:10px;
 415 }
 416 .stockview .accessories-form .control-group .checkbox {
 417         font-size:11px;
 418         margin: 0 0 0 10px;
 419         padding:10px 0 10px 20px;
 420 }
 421
 422 .stockview .accessories-form .column-right {
 423         margin-bottom: 0;
 424 }
 425
 426
 427
 428
 429
 430
 431
 432
 433 }