video embed naredil responsive

config/config.yml

@@ -13,7 +13,7 @@ locale: ~                           # Your PHP installation might require you to
 ##
 # Theme
 #
-theme: Travelify-tr00                     # The name of your custom theme
+theme: Travelify-tr00_popravljena   # The name of your custom theme
 themes_url: ~                       # Pico will try to guess the URL to the themes dir of your installation;
                                     #     If this fails, override it here. Example: https://example.com/pico/themes/
 theme_config:                       # Additional theme-specific config

content/sidebars/2_kolaz-video.md

@@ -4,4 +4,4 @@ Title: Kolaž dobrodošlice iz Evrope
 
 ---
 
-<iframe sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.anartist.org/videos/embed/470f5abd-55e4-4708-a685-5715063387ea?warningTitle=0" frameborder="0" allowfullscreen></iframe>
+<div class="video-container"><iframe sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.anartist.org/videos/embed/470f5abd-55e4-4708-a685-5715063387ea?warningTitle=0" frameborder="0" allowfullscreen></iframe></div>

themes/Travelify-tr00_popravljena/styles/style.css

@@ -2562,22 +2562,10 @@ header .container {
     }
 }
 
-/* audio v sidebar*/
+/* širina audio playerja v sidebar*/
 .widget audio {width:100%;}
 
-/* popravki za kolaz_dobrodoslice video */
+/* popravki za kolaz_dobrodoslice video (responsive) */
+.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
+.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 
-  /*default*/
-  /*.widget-title {background-color: #ff0000;}*/
-  .widget iframe {width: 250px; height: 141px;}
-
-  @media (min-width: 560px) {
-    /*.widget-title {background-color: #00ff00;}*/
-    .widget iframe {width: 460px; height: 258px;}
-  }
-
-  @media (min-width: 768px) {
-    /*.widget-title {background-color: #0000ff;}*/
-    .widget iframe {height: auto;}
-  }
-/* KONC popravki za kolaz_dobrodoslice video */