Commit 50db06e45c825758d35a812b1316b10e06d3ba73
1 parent
c8825391
styles
Showing
2 changed files
with
34 additions
and
8 deletions
Show diff stats
frontend/views/layouts/main.php
| @@ -473,7 +473,7 @@ | @@ -473,7 +473,7 @@ | ||
| 473 | </div> | 473 | </div> |
| 474 | </div> | 474 | </div> |
| 475 | <div class="col-md-6"> | 475 | <div class="col-md-6"> |
| 476 | - <p>Координаты:</p> | 476 | + <p class="coord1">Координаты:</p> |
| 477 | <div class="form-group field-calculate-email"> | 477 | <div class="form-group field-calculate-email"> |
| 478 | <label class="control-label">Широта:</label> | 478 | <label class="control-label">Широта:</label> |
| 479 | <input type="text" class="form-control"> | 479 | <input type="text" class="form-control"> |
frontend/web/css/main.css
| 1 | +body{position:relative;} | ||
| 1 | .no-mg{margin:0;} | 2 | .no-mg{margin:0;} |
| 2 | #back-to-top{ | 3 | #back-to-top{ |
| 3 | background: #467fbf; | 4 | background: #467fbf; |
| @@ -448,22 +449,22 @@ section.bar.background-gray.steps-pre:before { | @@ -448,22 +449,22 @@ section.bar.background-gray.steps-pre:before { | ||
| 448 | } | 449 | } |
| 449 | .portfolio .box-image { | 450 | .portfolio .box-image { |
| 450 | position: relative; | 451 | position: relative; |
| 451 | - overflow: hidden; | ||
| 452 | text-align: center; | 452 | text-align: center; |
| 453 | margin: 15px 0; | 453 | margin: 15px 0; |
| 454 | - height: 0; | ||
| 455 | - padding-top: 75%; | ||
| 456 | } | 454 | } |
| 457 | .portfolio .box-image .image { | 455 | .portfolio .box-image .image { |
| 458 | - position: absolute; | ||
| 459 | top: 0; | 456 | top: 0; |
| 460 | width: 100%; | 457 | width: 100%; |
| 461 | - height: 100%; | 458 | + height: 0; |
| 459 | + padding-top: 75%; | ||
| 462 | } | 460 | } |
| 463 | .portfolio .box-image .image img{ | 461 | .portfolio .box-image .image img{ |
| 464 | width: 100%; | 462 | width: 100%; |
| 465 | height: 100%; | 463 | height: 100%; |
| 466 | object-fit: cover; | 464 | object-fit: cover; |
| 465 | + position: absolute; | ||
| 466 | + top: 0; | ||
| 467 | + left: 0; | ||
| 467 | } | 468 | } |
| 468 | #objects-wr .bar.background-gray{ | 469 | #objects-wr .bar.background-gray{ |
| 469 | padding: 20px 0;} | 470 | padding: 20px 0;} |
| @@ -556,15 +557,35 @@ section.bar.background-gray.steps-pre:before { | @@ -556,15 +557,35 @@ section.bar.background-gray.steps-pre:before { | ||
| 556 | border-color: #467fbf; | 557 | border-color: #467fbf; |
| 557 | } | 558 | } |
| 558 | /*отображать только 4 элемента в портфолио*/ | 559 | /*отображать только 4 элемента в портфолио*/ |
| 559 | -.portfolio > div:nth-child(1n+6) { | 560 | +.object-view .portfolio > div:nth-child(1n+6) { |
| 560 | display: none; | 561 | display: none; |
| 561 | } | 562 | } |
| 563 | +.modal-body > form > .row > .col-md-12 { | ||
| 564 | + padding: 0px 30px; | ||
| 565 | +} | ||
| 566 | +.row.calculate-main-wr { | ||
| 567 | + padding-left: 15px; | ||
| 568 | + padding-right: 15px; | ||
| 569 | +} | ||
| 562 | 570 | ||
| 571 | +/*heading breadcrumbs blue fon*/ | ||
| 572 | +#heading-breadcrumbs{background-image: url(/img/slide_two_fon.png);} | ||
| 573 | +#heading-breadcrumbs h1{color: #fdfdfd;} | ||
| 574 | +#heading-breadcrumbs .breadcrumb > .active {color: #d0d0d0;} | ||
| 575 | +#heading-breadcrumbs > .container > .row{ | ||
| 576 | + display: flex; | ||
| 577 | + align-items: center; | ||
| 578 | +} | ||
| 563 | @media(min-width:1200px){ | 579 | @media(min-width:1200px){ |
| 564 | .main-slider { | 580 | .main-slider { |
| 565 | min-height: 620px; | 581 | min-height: 620px; |
| 566 | } | 582 | } |
| 567 | } | 583 | } |
| 584 | +@media(min-width:992px){ | ||
| 585 | + p.coord1{ | ||
| 586 | + margin-top:-30px; | ||
| 587 | + } | ||
| 588 | +} | ||
| 568 | @media(min-width:992px) and (max-width:1199px){ | 589 | @media(min-width:992px) and (max-width:1199px){ |
| 569 | .pr_cover { | 590 | .pr_cover { |
| 570 | max-width: 320px; | 591 | max-width: 320px; |
| @@ -748,6 +769,11 @@ section.bar.background-gray.steps-pre:before { | @@ -748,6 +769,11 @@ section.bar.background-gray.steps-pre:before { | ||
| 748 | float: none!important; | 769 | float: none!important; |
| 749 | } | 770 | } |
| 750 | } | 771 | } |
| 772 | +@media(max-width:520px){ | ||
| 773 | + #heading-breadcrumbs h1 { | ||
| 774 | + font-size: 5.78vw; | ||
| 775 | + } | ||
| 776 | +} | ||
| 751 | @media(min-width:501px){ | 777 | @media(min-width:501px){ |
| 752 | .bigtext#header3 h2{ | 778 | .bigtext#header3 h2{ |
| 753 | width: 161%; | 779 | width: 161%; |
| @@ -763,7 +789,7 @@ section.bar.background-gray.steps-pre:before { | @@ -763,7 +789,7 @@ section.bar.background-gray.steps-pre:before { | ||
| 763 | h2, .h2 {font-size: 6vw;} | 789 | h2, .h2 {font-size: 6vw;} |
| 764 | .lead{font-size:16px;} | 790 | .lead{font-size:16px;} |
| 765 | .img-title table td.buts{ | 791 | .img-title table td.buts{ |
| 766 | - width: 40px; | 792 | + width: 40px!important; |
| 767 | } | 793 | } |
| 768 | .img-title table td.buts a.sqre_btn{ | 794 | .img-title table td.buts a.sqre_btn{ |
| 769 | margin-bottom: 5px; | 795 | margin-bottom: 5px; |