smi about styles

Eugeny Galkovskiy
1 parent 3554b767
Showing 2 changed files with 47 additions and 0 deletions Show diff stats
frontend/views/site/media-about.php
frontend/web/css/main.css
@@ -30,6 +30,24 @@ use yii\web\View;
                 <div class="row portfolio">
                     <div class="col-sm-4">
                         <div class="box-image">
+                            <div class="post" style="background-image: url('/img/post_cover_3.jpg');">
+                                <a href="https://ecotechnica.com.ua/stati/2927-kakie-solnechnye-elektrostantsii-perspektivnee-kryshnye-ili-nazemnye.html" target="_blank">
+                                    <div class="title">Какие солнечные электростанции перспективнее - крышные или наземные?</div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="box-image">
+                            <div class="post" style="background-image: url('/img/post_cover_2.jpg');">
+                                <a href="http://censor.net.ua/resonance/322240/kak_ya_stal_nezavisimym_ot_veernyh_otklyucheniyi_pervaya_domashnyaya_elektrostantsiya_v_kievskoyi_oblasti" target="_blank">
+                                    <div class="title">"Как я стал независим от веерных отключений" - первая домашняя электростанция в Киевской области</div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="box-image">
                             <div style="position: absolute;padding-bottom:56.27%;top: 0;width: 100%;height: 100%;"><iframe src="https://www.youtube.com/embed/4XJ_UHggzto?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="100%" height="100%" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
                         </div>
                     </div>
@@ -569,6 +569,35 @@ section.bar.background-gray.steps-pre:before {
 .links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 58px;}
  
 #mediaabout-wr .portfolio .box-image {padding-top: 56.1%;}
+#mediaabout-wr .portfolio .box-image .post{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+#mediaabout-wr .portfolio .box-image .post a{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+#mediaabout-wr .portfolio .box-image .post .title{
+    text-align: left;
+    color: #fff;
+    width:100%;
+    font-size: 15px;
+    padding: 10px 20px;
+    padding-bottom: 15px;
+    position: absolute;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    max-height: 50%;
+}
  
 @media(min-width:1200px){
     .links-ses-for-wr .container .row p {margin: 7px 20px;}