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
frontend/web/css/main.css
| 1 | 1 | body{position:relative;} |
| 2 | 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 | 4 | #back-to-top:hover {background: #20446d;} |
| 10 | 5 | #back-to-top:active {background: #1b2e44;padding-top: 6px;} |
| 11 | 6 | #heading-breadcrumbs{background-attachment: fixed;} |
| ... | ... | @@ -90,27 +85,12 @@ body{position:relative;} |
| 90 | 85 | text-align: center; |
| 91 | 86 | vertical-align: bottom; |
| 92 | 87 | } |
| 93 | - | |
| 94 | 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 | 91 | .blue-fon .box-simple h3, .background-kben .box-simple h3 {color: #ffd800;margin-bottom: 5px;} |
| 107 | 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 | 94 | .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5, |
| 115 | 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 | 96 | a.sqre_btn { |
| ... | ... | @@ -153,24 +133,12 @@ section.blue-fon {padding-top: 25px;} |
| 153 | 133 | height: 100%; |
| 154 | 134 | } |
| 155 | 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 | 137 | .sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);} |
| 163 | 138 | .text-left a.sqre_btn {margin-left: 0;margin-right: 5px;} |
| 164 | 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 | 142 | .img-title table .pr_title2 {margin: 0;padding: 0;} |
| 175 | 143 | .pr_title2 a { |
| 176 | 144 | font-weight: bold; |
| ... | ... | @@ -230,12 +198,7 @@ section.blue-fon {padding-top: 25px;} |
| 230 | 198 | line-height: 19px; |
| 231 | 199 | } |
| 232 | 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 | 202 | .text.quote{ |
| 240 | 203 | box-shadow: inset 3px 0px 0px #0095d7; |
| 241 | 204 | padding-left: 20px; |
| ... | ... | @@ -256,13 +219,9 @@ section.blue-fon {padding-top: 25px;} |
| 256 | 219 | .icon_en#icon10 {background-image: url(../img/icons/icon10.png);} |
| 257 | 220 | .btn.icon_stat {background-image: url(../img/icon_stat.png);} |
| 258 | 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 | 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 | 225 | .static_logo_about_mob{ |
| 267 | 226 | display: inline-block; |
| 268 | 227 | font-family: Arial, sans-serif!important; |
| ... | ... | @@ -380,28 +339,11 @@ section.bar.background-gray.steps-pre:before { |
| 380 | 339 | position: absolute; |
| 381 | 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 | 347 | #main-page .main-slider .box-simple .button1{ |
| 406 | 348 | width: 235px; |
| 407 | 349 | padding: 8px 0; |
| ... | ... | @@ -438,14 +380,8 @@ section.bar.background-gray.steps-pre:before { |
| 438 | 380 | margin-bottom: 20px;} |
| 439 | 381 | .post-blog .lead{margin-top: 25px;} |
| 440 | 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 | 385 | .object-slider{padding-bottom: 50px;} |
| 450 | 386 | .object-slider .carousel{ |
| 451 | 387 | width:100%; |
| ... | ... | @@ -474,24 +410,15 @@ section.bar.background-gray.steps-pre:before { |
| 474 | 410 | opacity: 1; |
| 475 | 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 | 414 | .object-slider a.right.carousel-control{ |
| 482 | 415 | top: 20px; |
| 483 | 416 | right: 35px; |
| 484 | 417 | padding-right: 0; |
| 485 | 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 | 422 | .calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;} |
| 496 | 423 | #calculate-form{margin-top: -15px;} |
| 497 | 424 | #calculate-form > .row { |
| ... | ... | @@ -500,9 +427,7 @@ section.bar.background-gray.steps-pre:before { |
| 500 | 427 | padding-top: 25px; |
| 501 | 428 | } |
| 502 | 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 | 431 | .main-slider .carousel-indicators{display:none!important;} |
| 507 | 432 | .object-slider .carousel-indicators li{ |
| 508 | 433 | width: 12px; |
| ... | ... | @@ -519,45 +444,24 @@ section.bar.background-gray.steps-pre:before { |
| 519 | 444 | border-color: #467fbf; |
| 520 | 445 | } |
| 521 | 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 | 453 | /*heading breadcrumbs blue fon*/ |
| 541 | 454 | #heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);} |
| 542 | 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 | 458 | #heading-breadcrumbs .breadcrumb li a {color: #efefef;} |
| 551 | 459 | #heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;} |
| 552 | 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 | 462 | .box-image .name, .box-image .text{opacity:0;} |
| 558 | 463 | .box-image:hover .name, .box-image:hover .text{opacity:1;} |
| 559 | 464 | .owl-carousel .owl-wrapper-outer {border-radius: 5px;} |
| 560 | - | |
| 561 | 465 | .links-ses-for-wr{margin:0;} |
| 562 | 466 | .links-ses-for-wr a{color: #00a1e9;text-decoration: underline;} |
| 563 | 467 | .links-ses-for-wr .container{padding-top: 18px;padding-bottom: 20px;} |
| ... | ... | @@ -567,7 +471,6 @@ section.bar.background-gray.steps-pre:before { |
| 567 | 471 | .links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);} |
| 568 | 472 | .links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);} |
| 569 | 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 | 474 | #mediaabout-wr .portfolio .box-image {padding-top: 56.1%;} |
| 572 | 475 | #mediaabout-wr .portfolio .box-image .post{ |
| 573 | 476 | position: absolute; |
| ... | ... | @@ -626,11 +529,7 @@ section.bar.background-gray.steps-pre:before { |
| 626 | 529 | .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;} |
| 627 | 530 | .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;} |
| 628 | 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 | 533 | .object-slider .carousel{height:500px;} |
| 635 | 534 | .main-slider {min-height: 400px;} |
| 636 | 535 | .main-slider .carousel-control{width:15%;} |
| ... | ... | @@ -643,10 +542,7 @@ section.bar.background-gray.steps-pre:before { |
| 643 | 542 | padding-right: 15px; |
| 644 | 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 | 546 | .links-ses-for-wr .container .row p{margin-bottom:0;} |
| 651 | 547 | #footer .container > div {margin-bottom: 20px;} |
| 652 | 548 | .background-kben.block-why, .head_video_buttons{margin-top: 30px;} |
| ... | ... | @@ -679,9 +575,7 @@ section.bar.background-gray.steps-pre:before { |
| 679 | 575 | min-height:0%; |
| 680 | 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 | 579 | top: 0; |
| 686 | 580 | } |
| 687 | 581 | .object-slider .carousel{height:450px;} | ... | ... |
4.22 KB
4.06 KB