www/server/staging/nav-bar/test9 layout5.css

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/04/07 16:28:47

Modified files:
        server/staging/nav-bar/test9: layout5.css 

Log message:
        resize the videos.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout5.css?cvsroot=www&r1=1.112&r2=1.113

Patches:
Index: layout5.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout5.css,v
retrieving revision 1.112
retrieving revision 1.113
diff -u -b -r1.112 -r1.113
--- layout5.css 7 Apr 2014 07:11:41 -0000       1.112
+++ layout5.css 7 Apr 2014 16:28:41 -0000       1.113
@@ -823,7 +823,6 @@
    margin: 1.3em 0 2em 2em;
 }
 
-
 /* For the education sub-section "In Depth" */
 #content .indepth {
    clear: right;
@@ -835,6 +834,34 @@
    border: .3em solid #3465a4;
 }
 
+/* For the video in education.html */
+/* 
http://basicuse.net/articles/pl/textile/html_css/resizing_youtube_and_html5_videos_proportionally_using_css_for_responsive_web_design
 */
+
+.video-responsive {
+   position: relative;
+   max-width: 50em;
+   height: 0;
+   overflow: hidden;
+   padding-bottom: 60%;
+   margin: auto;
+}
+
+#rms-movie {
+   position: relative;
+   height: 0;
+   min-width: 20em;
+   overflow: hidden;
+   padding-bottom: 50%;
+}
+
+#rms-movie video, .video-responsive video {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+}
+
 /* End items specific to education */