Eugeny Galkovskiy / kbenergy_new

Commit 03fe2bc09c7562adbe9a70ba80217027716d5c0e

Authored by Eugeny Galkovskiy
1 parent 3c07f3cd

styles

Showing 1 changed file with 39 additions and 114 deletions   Show diff stats
Inline Side-by-side
frontend/web/css/main.css
  Show/Hide comments   View file @03fe2bc
... ... @@ -91,10 +91,7 @@ body{position:relative;}
91 91 vertical-align: bottom;
92 92 }
93 93  
94   -.blue-fon, .background-kben{
95   - background-image:url('/img/slide_two_fon.png');
96   - color:#fff;
97   -}
  94 +.blue-fon, .background-kben{background-image:url('/img/slide_two_fon.png');color:#fff;}
98 95 .blue-fon .icon, .background-kben .icon{
99 96 position: relative;
100 97 width:120px;
... ... @@ -106,10 +103,7 @@ body{position:relative;}
106 103 margin: 0;
107 104 padding: 0;
108 105 }
109   -.blue-fon .box-simple h3, .background-kben .box-simple h3 {
110   - color: #ffd800;
111   - margin-bottom: 5px;
112   -}
  106 +.blue-fon .box-simple h3, .background-kben .box-simple h3 {color: #ffd800;margin-bottom: 5px;}
113 107 .blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;}
114 108 .why-us .line_why {
115 109 position: absolute;
... ... @@ -118,10 +112,7 @@ body{position:relative;}
118 112 opacity: 0.3;
119 113 }
120 114 .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5,
121   -.background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5{
122   - color:#fff;border-color: #ffd800!important;
123   -}
124   -
  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;}
125 116 a.sqre_btn {
126 117 padding: 0;
127 118 margin: 0;
... ... @@ -161,9 +152,7 @@ section.blue-fon {padding-top: 25px;}
161 152 width: 100%;
162 153 height: 100%;
163 154 }
164   -.objects-main-wr .image_link:hover{
165   - background-size: 105% 105%;
166   -}
  155 +.objects-main-wr .image_link:hover{background-size: 105% 105%;}
167 156 .objects-main-wr .img-title table td.buts {
168 157 width: 95px;
169 158 max-width: 100%;
... ... @@ -267,12 +256,7 @@ section.blue-fon {padding-top: 25px;}
267 256 .icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
268 257 .btn.icon_stat {background-image: url(../img/icon_stat.png);}
269 258 .bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
270   -
271   -#footer {
272   - background: #0080ca;
273   - padding: 15px 0;
274   - color: #ffffff;
275   -}
  259 +#footer {background: #0080ca;padding: 15px 0;color: #ffffff;}
276 260 .why-us{max-width: 100%;}
277 261 .home_mob_link{
278 262 max-width: 100px;
... ... @@ -300,13 +284,8 @@ section.blue-fon {padding-top: 25px;}
300 284 align-items: center;
301 285 justify-content: center;
302 286 }
303   -.small-logo-center{
304   - margin: 10px 0 -10px;
305   -}
306   -.showcase .item h4 {
307   - color: #ffffff;
308   -}
309   -
  287 +.small-logo-center{margin: 10px 0 -10px;}
  288 +.showcase .item h4 {color: #ffffff;}
310 289 #video-bg{
311 290 position: relative;
312 291 top: 0;
... ... @@ -335,14 +314,9 @@ section.blue-fon {padding-top: 25px;}
335 314 .share_social.vk{background-position:0px 0px;}
336 315 .share_social.fb{background-position:-56px 0px;}
337 316 .share_social.gpl{background-position:48px 0px;}
338   -footer a{
339   - color: #fff;
340   - font-weight: 500;
341   -}
  317 +footer a{color: #fff;font-weight: 500;}
342 318 footer a:hover{color:#fff;}
343   -footer .social-logos a i.fa, button i.fa {
344   - margin:0;
345   -}
  319 +footer .social-logos a i.fa, button i.fa {margin:0;}
346 320 footer .social-logos a{
347 321 display: inline-block;
348 322 text-align: center;
... ... @@ -358,10 +332,7 @@ footer .social-logos a{
358 332 margin-top: 5px;
359 333 margin-bottom: 5px;
360 334 }
361   -footer .social-logos a:hover {
362   - background-color: #d6b500;
363   - color: #0a2d42;
364   -}
  335 +footer .social-logos a:hover {background-color: #d6b500;color: #0a2d42;}
365 336 .main-slider{
366 337 height: 90vh;
367 338 background-color: #cecece;
... ... @@ -370,10 +341,7 @@ footer .social-logos a:hover {
370 341 min-height:350px;
371 342 max-height:854px;
372 343 }
373   -.main-slider .carousel {
374   - position: relative;
375   - height: 100%;
376   -}
  344 +.main-slider .carousel {position: relative;height: 100%;}
377 345 .main-slider .carousel-control {
378 346 display: flex;
379 347 align-items: center;
... ... @@ -381,9 +349,7 @@ footer .social-logos a:hover {
381 349 width: 23%;
382 350 justify-content: flex-end;
383 351 }
384   -.main-slider .carousel-control.right {
385   - justify-content: flex-start;
386   -}
  352 +.main-slider .carousel-control.right {justify-content: flex-start;}
387 353 .steps-pre{
388 354 margin:0;
389 355 text-transform: uppercase;
... ... @@ -404,10 +370,7 @@ section.bar.background-gray.steps-pre:before {
404 370 background: #eeeeee;
405 371 z-index: 1;
406 372 }
407   -.steps-pre h2{
408   - margin: 4px 0;
409   - font-size: 42px;
410   -}
  373 +.steps-pre h2{margin: 4px 0;font-size: 42px;}
411 374 #get-it {padding: 30px 0 10px;}
412 375 #main-page .blue-fon .heading h2{border:none;}
413 376 .main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;}
... ... @@ -452,7 +415,7 @@ section.bar.background-gray.steps-pre:before {
452 415 text-align: center;
453 416 margin: 15px 0;
454 417 }
455   -.portfolio .box-image .image {
  418 +#objects-wr .portfolio .box-image .image {
456 419 top: 0;
457 420 width: 100%;
458 421 height: 0;
... ... @@ -466,8 +429,7 @@ section.bar.background-gray.steps-pre:before {
466 429 top: 0;
467 430 left: 0;
468 431 }
469   -#objects-wr .bar.background-gray{
470   - padding: 20px 0;}
  432 +#objects-wr .bar.background-gray{padding: 20px 0;}
471 433 #blog-listing-big .post .image, #blog-homepage .post .image{
472 434 max-height: 350px;
473 435 display: flex;
... ... @@ -560,6 +522,9 @@ section.bar.background-gray.steps-pre:before {
560 522 .object-view .portfolio > div:nth-child(1n+6) {
561 523 display: none;
562 524 }
  525 +.object-view .portfolio .image{
  526 + padding-top:75%;
  527 +}
563 528 .modal-body > form > .row > .col-md-12 {
564 529 padding: 0px 30px;
565 530 }
... ... @@ -576,15 +541,13 @@ section.bar.background-gray.steps-pre:before {
576 541 display: flex;
577 542 align-items: center;
578 543 }
  544 +.box-image .name, .box-image .text{opacity:0;}
  545 +.box-image:hover .name, .box-image:hover .text{opacity:1;}
579 546 @media(min-width:1200px){
580   - .main-slider {
581   - min-height: 620px;
582   - }
  547 + .main-slider {min-height: 620px;}
583 548 }
584 549 @media(min-width:992px){
585   - p.coord1{
586   - margin-top:-30px;
587   - }
  550 + p.coord1{margin-top:-30px;}
588 551 }
589 552 @media(min-width:992px) and (max-width:1199px){
590 553 .pr_cover {
... ... @@ -611,15 +574,11 @@ section.bar.background-gray.steps-pre:before {
611 574 line-height: 16px;
612 575 }
613 576 .object-slider .carousel{height:500px;}
614   - .main-slider {
615   - min-height: 400px;
616   - }
  577 + .main-slider {min-height: 400px;}
617 578 .main-slider .carousel-control{width:15%;}
618 579 }
619 580 @media(max-width:991px){
620   - #footer .container > div {
621   - margin-bottom: 20px;
622   - }
  581 + #footer .container > div {margin-bottom: 20px;}
623 582 .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
624 583 .pr_cover {
625 584 max-width: 320px;
... ... @@ -628,20 +587,10 @@ section.bar.background-gray.steps-pre:before {
628 587 height: 19vh;
629 588 position: relative;
630 589 }
631   - .project-right .open_gal img {
632   - position: absolute;
633   - width:100%;height:100%;
634   - }
  590 + .project-right .open_gal img {position: absolute;width:100%;height:100%;}
635 591 #section2{padding: 0!important;}
636   - .main_video_fb{
637   - padding-top: 404px;
638   - }
639   - .card1 p.lead {
640   - /*margin-top: 20px;*/
641   - /*margin-bottom: 0px;*/
642   - margin-top: -25px;
643   - margin-bottom: 40px;
644   - }
  592 + .main_video_fb{padding-top: 404px;}
  593 + .card1 p.lead {margin-top: -25px;margin-bottom: 40px;}
645 594 .main_video_yt{
646 595 width: 100%;
647 596 height: 0;
... ... @@ -669,19 +618,13 @@ section.bar.background-gray.steps-pre:before {
669 618 .main-slider .carousel-control{font-size:10vw;width:10%;}
670 619 }
671 620 @media(min-width:870px){
672   - #calculate-modal .modal-dialog {
673   - width: 830px;
674   - }
  621 + #calculate-modal .modal-dialog {width: 830px;}
675 622 }
676 623 @media screen and (min-width: 768px){
677   - .carousel-indicators {
678   - bottom: -40px;
679   - }
  624 + .carousel-indicators {bottom: -40px;}
680 625 }
681 626 @media(max-width:768px){
682   - .main_video_fb{
683   - padding-top: 56.1%;
684   - }
  627 + .main_video_fb{padding-top: 56.1%;}
685 628 .object-slider{
686 629 margin-left: -15px;
687 630 margin-right: -15px;
... ... @@ -694,12 +637,8 @@ section.bar.background-gray.steps-pre:before {
694 637 padding-top: 60%;
695 638 height:0;
696 639 }
697   - .object-slider .carousel-inner {
698   - border-radius: 0px;
699   - }
700   - .object-slider .carousel .carousel-inner{
701   - position:absolute;top:0;left:0;
702   - }
  640 + .object-slider .carousel-inner {border-radius: 0px;}
  641 + .object-slider .carousel .carousel-inner{position:absolute;top:0;left:0;}
703 642 }
704 643 @media(min-width:768px){
705 644 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
... ... @@ -731,12 +670,8 @@ section.bar.background-gray.steps-pre:before {
731 670 left: 12px;
732 671 transition:0.1s;
733 672 }
734   - .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{
735   - bottom: 18px;
736   - }
737   - .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
738   - background: initial;
739   - }
  673 + .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom: 18px;}
  674 + .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;}
740 675 .navbar ul.nav > li > a:hover {
741 676 border-color:#fff;
742 677 background:initial;
... ... @@ -770,14 +705,10 @@ section.bar.background-gray.steps-pre:before {
770 705 }
771 706 }
772 707 @media(max-width:520px){
773   - #heading-breadcrumbs h1 {
774   - font-size: 5.78vw;
775   - }
  708 + #heading-breadcrumbs h1 {font-size: 5.78vw;}
776 709 }
777 710 @media(min-width:501px){
778   - .bigtext#header3 h2{
779   - width: 161%;
780   - }
  711 + .bigtext#header3 h2{width: 161%;}
781 712 }
782 713 @media(max-width:500px){
783 714 .head_video_buttons .button1{margin-bottom: 7px;}
... ... @@ -797,9 +728,7 @@ section.bar.background-gray.steps-pre:before {
797 728 height: 30px;
798 729 background-size: 45%;
799 730 }
800   - p.lead {
801   - margin-bottom: 25px;
802   - }
  731 + p.lead {margin-bottom: 25px;}
803 732 .main-slider .carousel-control{font-size:15vw;}
804 733 }
805 734 @media(max-width:380px){
... ... @@ -826,12 +755,8 @@ section.bar.background-gray.steps-pre:before {
826 755 }
827 756 }
828 757 @media(max-width:280px) {
829   - .pr_cover {
830   - width:109%;
831   - }
  758 + .pr_cover {width:109%;}
832 759 }
833 760 @media(max-width:275px){
834   - .head_video_buttons .button1, .head_video_buttons .button2{
835   - width: 100%!important;
836   - }
  761 + .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;}
837 762 }
838 763 \ No newline at end of file
... ...