Commit 393d3d47f15c4ee40e8b72515352354861732ba4

Authored by Eugeny Galkovskiy
1 parent 6e295927

smi about styles

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;}
frontend/web/img/icon1_prv.png 0 → 100644

4.22 KB

frontend/web/img/icon2_prv.png 0 → 100644

4.06 KB