Commit 8511f36787b31ce48603a4c08f57fff84d53b32a
1 parent
2309b955
slider view object
Showing
2 changed files
with
61 additions
and
1 deletions
Show diff stats
frontend/views/object/view.php
frontend/web/css/main.css
| @@ -474,6 +474,49 @@ section.bar.background-gray.steps-pre:before { | @@ -474,6 +474,49 @@ section.bar.background-gray.steps-pre:before { | ||
| 474 | margin-bottom: 20px;} | 474 | margin-bottom: 20px;} |
| 475 | .post-blog .lead{margin-top: 25px;} | 475 | .post-blog .lead{margin-top: 25px;} |
| 476 | .post-blog .content{margin-bottom: 50px;} | 476 | .post-blog .content{margin-bottom: 50px;} |
| 477 | + | ||
| 478 | +.object-slider{padding-bottom: 40px;} | ||
| 479 | +.object-slider .carousel{ | ||
| 480 | + width:100%; | ||
| 481 | + height:550px; | ||
| 482 | + max-height:550px; | ||
| 483 | + border-radius: 5px; | ||
| 484 | + overflow: hidden; | ||
| 485 | +} | ||
| 486 | +.object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;} | ||
| 487 | +.object-slider a.carousel-control { | ||
| 488 | + width: 30px; | ||
| 489 | + height: 30px; | ||
| 490 | + background-color: #ffffff; | ||
| 491 | + color: black; | ||
| 492 | + text-align: center; | ||
| 493 | + line-height: 29px; | ||
| 494 | + padding-right: 2px; | ||
| 495 | + border-radius: 50%; | ||
| 496 | + position: absolute; | ||
| 497 | + left: initial; | ||
| 498 | + opacity: 1; | ||
| 499 | + background-image: none; | ||
| 500 | +} | ||
| 501 | +.object-slider a.left.carousel-control{ | ||
| 502 | + top: 20px; | ||
| 503 | + right: 75px; | ||
| 504 | +} | ||
| 505 | +.object-slider a.right.carousel-control{ | ||
| 506 | + top: 20px; | ||
| 507 | + right: 35px; | ||
| 508 | + padding-right: 0; | ||
| 509 | + padding-left: 2px; | ||
| 510 | +} | ||
| 511 | +.object-slider a.carousel-control:hover { | ||
| 512 | + opacity: 0.5; | ||
| 513 | +} | ||
| 514 | +.object-slider a.carousel-control:active { | ||
| 515 | + opacity: 0.8; | ||
| 516 | + line-height: 24px; | ||
| 517 | + margin-top: 3px; | ||
| 518 | +} | ||
| 519 | + | ||
| 477 | @media(min-width:992px) and (max-width:1199px){ | 520 | @media(min-width:992px) and (max-width:1199px){ |
| 478 | .pr_cover { | 521 | .pr_cover { |
| 479 | max-width: 320px; | 522 | max-width: 320px; |
| @@ -498,6 +541,7 @@ section.bar.background-gray.steps-pre:before { | @@ -498,6 +541,7 @@ section.bar.background-gray.steps-pre:before { | ||
| 498 | padding: 30% 21% 13px 11px; | 541 | padding: 30% 21% 13px 11px; |
| 499 | line-height: 16px; | 542 | line-height: 16px; |
| 500 | } | 543 | } |
| 544 | + .object-slider .carousel{height:500px;} | ||
| 501 | } | 545 | } |
| 502 | @media(max-width:991px){ | 546 | @media(max-width:991px){ |
| 503 | #footer .container > div { | 547 | #footer .container > div { |
| @@ -548,12 +592,28 @@ section.bar.background-gray.steps-pre:before { | @@ -548,12 +592,28 @@ section.bar.background-gray.steps-pre:before { | ||
| 548 | position: absolute; | 592 | position: absolute; |
| 549 | top: 0; | 593 | top: 0; |
| 550 | } | 594 | } |
| 595 | + .object-slider .carousel{height:450px;} | ||
| 551 | } | 596 | } |
| 552 | @media(max-width:768px){ | 597 | @media(max-width:768px){ |
| 553 | .main_video_fb{ | 598 | .main_video_fb{ |
| 554 | padding-top: 56.1%; | 599 | padding-top: 56.1%; |
| 555 | } | 600 | } |
| 601 | + .object-slider{ | ||
| 602 | + margin-left: -15px; | ||
| 603 | + margin-right: -15px; | ||
| 604 | + } | ||
| 556 | .main-slider{max-height:550px;} | 605 | .main-slider{max-height:550px;} |
| 606 | + .object-slider .carousel { | ||
| 607 | + width: 100%; | ||
| 608 | + max-height: 400px; | ||
| 609 | + border-radius: 0px; | ||
| 610 | + overflow: hidden; | ||
| 611 | + padding-top: 60%; | ||
| 612 | + height:0; | ||
| 613 | + } | ||
| 614 | + .object-slider .carousel .carousel-inner{ | ||
| 615 | + position:absolute;top:0;left:0; | ||
| 616 | + } | ||
| 557 | } | 617 | } |
| 558 | @media(min-width:768px){ | 618 | @media(min-width:768px){ |
| 559 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ | 619 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ |