Commit 393d3d47f15c4ee40e8b72515352354861732ba4
1 parent
6e295927
smi about styles
Showing
4 changed files
with
33 additions
and
139 deletions
Show diff stats
frontend/views/object/view.php
@@ -20,7 +20,7 @@ | @@ -20,7 +20,7 @@ | ||
20 | 'label' => \Yii::t('app', 'menu-objects'), | 20 | 'label' => \Yii::t('app', 'menu-objects'), |
21 | 'url' => Url::toRoute(['object/index']), | 21 | 'url' => Url::toRoute(['object/index']), |
22 | ]; | 22 | ]; |
23 | - $this->params['breadcrumbs'][] = $this->params['h1']; | 23 | + $this->params['breadcrumbs'][] = "Страница объекта"; |
24 | 24 | ||
25 | ?> | 25 | ?> |
26 | 26 |
frontend/web/css/main.css
1 | body{position:relative;} | 1 | body{position:relative;} |
2 | .no-mg{margin:0;} | 2 | .no-mg{margin:0;} |
3 | -#back-to-top{ | ||
4 | - background: #467fbf; | ||
5 | - border-radius: 0 50px 50px 0; | ||
6 | - width: 50px; | ||
7 | - padding-right: 6px; | ||
8 | -} | 3 | +#back-to-top{background: #467fbf;border-radius: 0 50px 50px 0;width: 50px;padding-right: 6px;} |
9 | #back-to-top:hover {background: #20446d;} | 4 | #back-to-top:hover {background: #20446d;} |
10 | #back-to-top:active {background: #1b2e44;padding-top: 6px;} | 5 | #back-to-top:active {background: #1b2e44;padding-top: 6px;} |
11 | #heading-breadcrumbs{background-attachment: fixed;} | 6 | #heading-breadcrumbs{background-attachment: fixed;} |
@@ -90,27 +85,12 @@ body{position:relative;} | @@ -90,27 +85,12 @@ body{position:relative;} | ||
90 | text-align: center; | 85 | text-align: center; |
91 | vertical-align: bottom; | 86 | vertical-align: bottom; |
92 | } | 87 | } |
93 | - | ||
94 | .blue-fon, .background-kben{background-color: #00a1e9;background-image:url('/img/slide_two_fon.png');color:#fff;} | 88 | .blue-fon, .background-kben{background-color: #00a1e9;background-image:url('/img/slide_two_fon.png');color:#fff;} |
95 | -.blue-fon .icon, .background-kben .icon{ | ||
96 | - position: relative; | ||
97 | - width:120px; | ||
98 | - height:120px; | ||
99 | - border:none; | ||
100 | -} | ||
101 | -.blue-fon .icon img, .background-kben .icon img { | ||
102 | - width: 100%; | ||
103 | - margin: 0; | ||
104 | - padding: 0; | ||
105 | -} | 89 | +.blue-fon .icon, .background-kben .icon{position: relative;width:120px;height:120px;border:none;} |
90 | +.blue-fon .icon img, .background-kben .icon img {width: 100%;margin: 0;padding: 0;} | ||
106 | .blue-fon .box-simple h3, .background-kben .box-simple h3 {color: #ffd800;margin-bottom: 5px;} | 91 | .blue-fon .box-simple h3, .background-kben .box-simple h3 {color: #ffd800;margin-bottom: 5px;} |
107 | .blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;} | 92 | .blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;} |
108 | -.why-us .line_why { | ||
109 | - position: absolute; | ||
110 | - top: 50px; | ||
111 | - right: -83px; | ||
112 | - opacity: 0.3; | ||
113 | -} | 93 | +.why-us .line_why {position: absolute;top: 50px;right: -83px;opacity: 0.3;} |
114 | .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5, | 94 | .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5, |
115 | .background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{color:#fff;border-color: #ffd800!important;} | 95 | .background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{color:#fff;border-color: #ffd800!important;} |
116 | a.sqre_btn { | 96 | a.sqre_btn { |
@@ -153,24 +133,12 @@ section.blue-fon {padding-top: 25px;} | @@ -153,24 +133,12 @@ section.blue-fon {padding-top: 25px;} | ||
153 | height: 100%; | 133 | height: 100%; |
154 | } | 134 | } |
155 | .objects-main-wr .image_link:hover{background-size: 105% 105%;} | 135 | .objects-main-wr .image_link:hover{background-size: 105% 105%;} |
156 | -.objects-main-wr .img-title table td.buts { | ||
157 | - width: 95px; | ||
158 | - max-width: 100%; | ||
159 | - vertical-align: top; | ||
160 | - text-align: left; | ||
161 | -} | 136 | +.objects-main-wr .img-title table td.buts {width: 95px;max-width: 100%;vertical-align: top;text-align: left;} |
162 | .sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);} | 137 | .sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);} |
163 | .text-left a.sqre_btn {margin-left: 0;margin-right: 5px;} | 138 | .text-left a.sqre_btn {margin-left: 0;margin-right: 5px;} |
164 | .img-title table .text-left a.sqre_btn {margin-top: 0;} | 139 | .img-title table .text-left a.sqre_btn {margin-top: 0;} |
165 | -.sqre_btn.yellow_calc { | ||
166 | - background-color: #ffd800; | ||
167 | - background-image: url(../img/icon_calc2.png); | ||
168 | -} | ||
169 | -.img-title table td.i-title { | ||
170 | - padding-left: 10px; | ||
171 | - text-align: left; | ||
172 | - padding-right: 10px; | ||
173 | -} | 140 | +.sqre_btn.yellow_calc {background-color: #ffd800;background-image: url(../img/icon_calc2.png);} |
141 | +.img-title table td.i-title {padding-left: 10px;text-align: left;padding-right: 10px;} | ||
174 | .img-title table .pr_title2 {margin: 0;padding: 0;} | 142 | .img-title table .pr_title2 {margin: 0;padding: 0;} |
175 | .pr_title2 a { | 143 | .pr_title2 a { |
176 | font-weight: bold; | 144 | font-weight: bold; |
@@ -230,12 +198,7 @@ section.blue-fon {padding-top: 25px;} | @@ -230,12 +198,7 @@ section.blue-fon {padding-top: 25px;} | ||
230 | line-height: 19px; | 198 | line-height: 19px; |
231 | } | 199 | } |
232 | .smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;} | 200 | .smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;} |
233 | -.about .post a { | ||
234 | - width: 100%; | ||
235 | - height: 100%; | ||
236 | - position: absolute; | ||
237 | - color: #fff; | ||
238 | -} | 201 | +.about .post a {width: 100%;height: 100%;position: absolute;color: #fff;} |
239 | .text.quote{ | 202 | .text.quote{ |
240 | box-shadow: inset 3px 0px 0px #0095d7; | 203 | box-shadow: inset 3px 0px 0px #0095d7; |
241 | padding-left: 20px; | 204 | padding-left: 20px; |
@@ -256,13 +219,9 @@ section.blue-fon {padding-top: 25px;} | @@ -256,13 +219,9 @@ section.blue-fon {padding-top: 25px;} | ||
256 | .icon_en#icon10 {background-image: url(../img/icons/icon10.png);} | 219 | .icon_en#icon10 {background-image: url(../img/icons/icon10.png);} |
257 | .btn.icon_stat {background-image: url(../img/icon_stat.png);} | 220 | .btn.icon_stat {background-image: url(../img/icon_stat.png);} |
258 | .bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);} | 221 | .bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);} |
259 | -#footer {background: #0080ca;padding: 15px 0;color: #ffffff;} | 222 | +#footer {background: #0080ca;padding: 15px 0;padding-bottom: 23px;color: #ffffff;} |
260 | .why-us{max-width: 100%;} | 223 | .why-us{max-width: 100%;} |
261 | -.home_mob_link{ | ||
262 | - max-width: 100px; | ||
263 | - display: inline-block; | ||
264 | - padding: 10px 15px; | ||
265 | -} | 224 | +.home_mob_link{max-width: 100px;display: inline-block;padding: 10px 15px;} |
266 | .static_logo_about_mob{ | 225 | .static_logo_about_mob{ |
267 | display: inline-block; | 226 | display: inline-block; |
268 | font-family: Arial, sans-serif!important; | 227 | font-family: Arial, sans-serif!important; |
@@ -380,28 +339,11 @@ section.bar.background-gray.steps-pre:before { | @@ -380,28 +339,11 @@ section.bar.background-gray.steps-pre:before { | ||
380 | position: absolute; | 339 | position: absolute; |
381 | object-fit:cover; | 340 | object-fit:cover; |
382 | } | 341 | } |
383 | -.bottom-text{ | ||
384 | - padding: 20px 15px; | ||
385 | - font-size: 12px; | ||
386 | - padding-bottom: 0; | ||
387 | -} | ||
388 | -.bottom-text-in{ | ||
389 | - font-size: 12px; | ||
390 | - position: absolute; | ||
391 | - bottom: -72px; | ||
392 | -} | ||
393 | -#map { | ||
394 | - height: 560px; | ||
395 | - background-image: url(../img/map.jpg); | ||
396 | -} | ||
397 | -.main-slider .carousel-control{ | ||
398 | - background:none!important; | ||
399 | -} | ||
400 | -#main-page .main-slider .box-simple{ | ||
401 | - position: absolute; | ||
402 | - width: 100%; | ||
403 | - bottom: 0; | ||
404 | -} | 342 | +.bottom-text{padding: 20px 15px;font-size: 12px;padding-bottom: 0;} |
343 | +.bottom-text-in{font-size: 12px;position: absolute;bottom: -72px;} | ||
344 | +#map {height: 560px;background-image: url(../img/map.jpg);} | ||
345 | +.main-slider .carousel-control{background:none!important;} | ||
346 | +#main-page .main-slider .box-simple{position: absolute;width: 100%;bottom: 0;} | ||
405 | #main-page .main-slider .box-simple .button1{ | 347 | #main-page .main-slider .box-simple .button1{ |
406 | width: 235px; | 348 | width: 235px; |
407 | padding: 8px 0; | 349 | padding: 8px 0; |
@@ -438,14 +380,8 @@ section.bar.background-gray.steps-pre:before { | @@ -438,14 +380,8 @@ section.bar.background-gray.steps-pre:before { | ||
438 | margin-bottom: 20px;} | 380 | margin-bottom: 20px;} |
439 | .post-blog .lead{margin-top: 25px;} | 381 | .post-blog .lead{margin-top: 25px;} |
440 | .post-blog .content{margin-bottom: 50px;} | 382 | .post-blog .content{margin-bottom: 50px;} |
441 | -.tag-cloud li.active a { | ||
442 | - background-color: #467fbf; | ||
443 | - color: #eeeeee!important; | ||
444 | -} | ||
445 | -.object-slider .carousel-inner{ | ||
446 | - border-radius: 5px; | ||
447 | - overflow: hidden; | ||
448 | -} | 383 | +.tag-cloud li.active a {background-color: #467fbf;color: #eeeeee!important;} |
384 | +.object-slider .carousel-inner{border-radius: 5px;overflow: hidden;} | ||
449 | .object-slider{padding-bottom: 50px;} | 385 | .object-slider{padding-bottom: 50px;} |
450 | .object-slider .carousel{ | 386 | .object-slider .carousel{ |
451 | width:100%; | 387 | width:100%; |
@@ -474,24 +410,15 @@ section.bar.background-gray.steps-pre:before { | @@ -474,24 +410,15 @@ section.bar.background-gray.steps-pre:before { | ||
474 | opacity: 1; | 410 | opacity: 1; |
475 | background-image: none; | 411 | background-image: none; |
476 | } | 412 | } |
477 | -.object-slider a.left.carousel-control{ | ||
478 | - top: 20px; | ||
479 | - right: 75px; | ||
480 | -} | 413 | +.object-slider a.left.carousel-control{top: 20px;right: 75px;} |
481 | .object-slider a.right.carousel-control{ | 414 | .object-slider a.right.carousel-control{ |
482 | top: 20px; | 415 | top: 20px; |
483 | right: 35px; | 416 | right: 35px; |
484 | padding-right: 0; | 417 | padding-right: 0; |
485 | padding-left: 2px; | 418 | padding-left: 2px; |
486 | } | 419 | } |
487 | -.object-slider a.carousel-control:hover { | ||
488 | - opacity: 0.5; | ||
489 | -} | ||
490 | -.object-slider a.carousel-control:active { | ||
491 | - opacity: 0.8; | ||
492 | - line-height: 24px; | ||
493 | - margin-top: 3px; | ||
494 | -} | 420 | +.object-slider a.carousel-control:hover {opacity: 0.5;} |
421 | +.object-slider a.carousel-control:active {opacity: 0.8;line-height: 24px;margin-top: 3px;} | ||
495 | .calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;} | 422 | .calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;} |
496 | #calculate-form{margin-top: -15px;} | 423 | #calculate-form{margin-top: -15px;} |
497 | #calculate-form > .row { | 424 | #calculate-form > .row { |
@@ -500,9 +427,7 @@ section.bar.background-gray.steps-pre:before { | @@ -500,9 +427,7 @@ section.bar.background-gray.steps-pre:before { | ||
500 | padding-top: 25px; | 427 | padding-top: 25px; |
501 | } | 428 | } |
502 | #calculate-form .submit-wr{margin-top:25px;} | 429 | #calculate-form .submit-wr{margin-top:25px;} |
503 | -#calculate-form .text-center img{ | ||
504 | - margin: 0 auto; | ||
505 | -} | 430 | +#calculate-form .text-center img{margin: 0 auto;} |
506 | .main-slider .carousel-indicators{display:none!important;} | 431 | .main-slider .carousel-indicators{display:none!important;} |
507 | .object-slider .carousel-indicators li{ | 432 | .object-slider .carousel-indicators li{ |
508 | width: 12px; | 433 | width: 12px; |
@@ -519,45 +444,24 @@ section.bar.background-gray.steps-pre:before { | @@ -519,45 +444,24 @@ section.bar.background-gray.steps-pre:before { | ||
519 | border-color: #467fbf; | 444 | border-color: #467fbf; |
520 | } | 445 | } |
521 | /*отображать только 4 элемента в портфолио*/ | 446 | /*отображать только 4 элемента в портфолио*/ |
522 | -.object-view .portfolio > div:nth-child(1n+6) { | ||
523 | - display: none; | ||
524 | -} | ||
525 | -.object-view .portfolio .image{ | ||
526 | - padding-top:75%; | ||
527 | -} | ||
528 | -.modal-body > form > .row > .col-md-12 { | ||
529 | - padding: 0px 30px; | ||
530 | -} | ||
531 | -.row.calculate-main-wr { | ||
532 | - padding-left: 15px; | ||
533 | - padding-right: 15px; | ||
534 | -} | ||
535 | -.big-title1{ | ||
536 | - text-transform: uppercase; | ||
537 | - font-size: 24px; | ||
538 | -} | 447 | +.object-view .portfolio > div:nth-child(1n+6) {display: none;} |
448 | +.object-view .portfolio .image{padding-top:75%;} | ||
449 | +.modal-body > form > .row > .col-md-12 {padding: 0px 30px;} | ||
450 | +.row.calculate-main-wr {padding-left: 15px;padding-right: 15px;} | ||
451 | +.big-title1{text-transform: uppercase;font-size: 24px;} | ||
539 | 452 | ||
540 | /*heading breadcrumbs blue fon*/ | 453 | /*heading breadcrumbs blue fon*/ |
541 | #heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);} | 454 | #heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);} |
542 | #heading-breadcrumbs h1{color: #fdfdfd;} | 455 | #heading-breadcrumbs h1{color: #fdfdfd;} |
543 | -#heading-breadcrumbs .breadcrumb > .active { | ||
544 | - color: #d0d0d0; | ||
545 | - font-weight: bold; | ||
546 | -} | ||
547 | -#heading-breadcrumbs .breadcrumb > li + li:before { | ||
548 | - color: #ececec; | ||
549 | -} | 456 | +#heading-breadcrumbs .breadcrumb > .active {color: #d0d0d0;font-weight: bold;} |
457 | +#heading-breadcrumbs .breadcrumb > li + li:before {color: #ececec;} | ||
550 | #heading-breadcrumbs .breadcrumb li a {color: #efefef;} | 458 | #heading-breadcrumbs .breadcrumb li a {color: #efefef;} |
551 | #heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;} | 459 | #heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;} |
552 | #heading-breadcrumbs .breadcrumb li a:active {color: #c7c7c7;} | 460 | #heading-breadcrumbs .breadcrumb li a:active {color: #c7c7c7;} |
553 | -#heading-breadcrumbs > .container > .row{ | ||
554 | - display: flex; | ||
555 | - align-items: center; | ||
556 | -} | 461 | +#heading-breadcrumbs > .container > .row{display: flex;align-items: center;} |
557 | .box-image .name, .box-image .text{opacity:0;} | 462 | .box-image .name, .box-image .text{opacity:0;} |
558 | .box-image:hover .name, .box-image:hover .text{opacity:1;} | 463 | .box-image:hover .name, .box-image:hover .text{opacity:1;} |
559 | .owl-carousel .owl-wrapper-outer {border-radius: 5px;} | 464 | .owl-carousel .owl-wrapper-outer {border-radius: 5px;} |
560 | - | ||
561 | .links-ses-for-wr{margin:0;} | 465 | .links-ses-for-wr{margin:0;} |
562 | .links-ses-for-wr a{color: #00a1e9;text-decoration: underline;} | 466 | .links-ses-for-wr a{color: #00a1e9;text-decoration: underline;} |
563 | .links-ses-for-wr .container{padding-top: 18px;padding-bottom: 20px;} | 467 | .links-ses-for-wr .container{padding-top: 18px;padding-bottom: 20px;} |
@@ -567,7 +471,6 @@ section.bar.background-gray.steps-pre:before { | @@ -567,7 +471,6 @@ section.bar.background-gray.steps-pre:before { | ||
567 | .links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);} | 471 | .links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);} |
568 | .links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);} | 472 | .links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);} |
569 | .links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 58px;} | 473 | .links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 58px;} |
570 | - | ||
571 | #mediaabout-wr .portfolio .box-image {padding-top: 56.1%;} | 474 | #mediaabout-wr .portfolio .box-image {padding-top: 56.1%;} |
572 | #mediaabout-wr .portfolio .box-image .post{ | 475 | #mediaabout-wr .portfolio .box-image .post{ |
573 | position: absolute; | 476 | position: absolute; |
@@ -626,11 +529,7 @@ section.bar.background-gray.steps-pre:before { | @@ -626,11 +529,7 @@ section.bar.background-gray.steps-pre:before { | ||
626 | .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;} | 529 | .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;} |
627 | .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;} | 530 | .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;} |
628 | .about .smi_right .post{width:100%;} | 531 | .about .smi_right .post{width:100%;} |
629 | - .smi_right .post .title{ | ||
630 | - font-size: 13px; | ||
631 | - padding: 30% 21% 13px 11px; | ||
632 | - line-height: 16px; | ||
633 | - } | 532 | + .smi_right .post .title{font-size: 13px;padding: 30% 21% 13px 11px;line-height: 16px;} |
634 | .object-slider .carousel{height:500px;} | 533 | .object-slider .carousel{height:500px;} |
635 | .main-slider {min-height: 400px;} | 534 | .main-slider {min-height: 400px;} |
636 | .main-slider .carousel-control{width:15%;} | 535 | .main-slider .carousel-control{width:15%;} |
@@ -643,10 +542,7 @@ section.bar.background-gray.steps-pre:before { | @@ -643,10 +542,7 @@ section.bar.background-gray.steps-pre:before { | ||
643 | padding-right: 15px; | 542 | padding-right: 15px; |
644 | padding-left: 15px; | 543 | padding-left: 15px; |
645 | } | 544 | } |
646 | - .links-ses-for-wr .container { | ||
647 | - padding-top: 10px; | ||
648 | - padding-bottom: 12px; | ||
649 | - } | 545 | + .links-ses-for-wr .container {padding-top: 10px;padding-bottom: 12px;} |
650 | .links-ses-for-wr .container .row p{margin-bottom:0;} | 546 | .links-ses-for-wr .container .row p{margin-bottom:0;} |
651 | #footer .container > div {margin-bottom: 20px;} | 547 | #footer .container > div {margin-bottom: 20px;} |
652 | .background-kben.block-why, .head_video_buttons{margin-top: 30px;} | 548 | .background-kben.block-why, .head_video_buttons{margin-top: 30px;} |
@@ -679,9 +575,7 @@ section.bar.background-gray.steps-pre:before { | @@ -679,9 +575,7 @@ section.bar.background-gray.steps-pre:before { | ||
679 | min-height:0%; | 575 | min-height:0%; |
680 | padding-top: 75%; | 576 | padding-top: 75%; |
681 | } | 577 | } |
682 | - .main-slider .carousel { | ||
683 | - height: 100%;width: 100%; | ||
684 | - position: absolute; | 578 | + .main-slider .carousel {height: 100%;width: 100%;position: absolute; |
685 | top: 0; | 579 | top: 0; |
686 | } | 580 | } |
687 | .object-slider .carousel{height:450px;} | 581 | .object-slider .carousel{height:450px;} |
4.22 KB
4.06 KB