Author: xcoulon Date: 2012-04-18 03:42:34 -0400 (Wed, 18 Apr 2012) New Revision: 40266 Modified: trunk/documentation/movies/css/movies.css trunk/documentation/movies/index.html Log: Adapting video and links size for smaller screens Modified: trunk/documentation/movies/css/movies.css =================================================================== --- trunk/documentation/movies/css/movies.css 2012-04-18 07:06:04 UTC (rev 40265) +++ trunk/documentation/movies/css/movies.css 2012-04-18 07:42:34 UTC (rev 40266) @@ -16,11 +16,17 @@ background-image: url("../images/community/jbosstools_horiz_450.png"); background-repeat: no-repeat; background-position: center; - padding-top: 150px; + padding-top: 100px; padding-bottom: 20px; text-align: center; } +.container-reduced { + width:75%; + margin-left: auto; + margin-right: auto; +} + #player iframe { width: 100%; height: 100%; @@ -42,7 +48,7 @@ .box #player { width: 100%; - height: 648px; + height: 400px; background: black; border: 1px solid black; margin-left: auto; Modified: trunk/documentation/movies/index.html =================================================================== --- trunk/documentation/movies/index.html 2012-04-18 07:06:04 UTC (rev 40265) +++ trunk/documentation/movies/index.html 2012-04-18 07:42:34 UTC (rev 40266) @@ -43,6 +43,7 @@ <div class="jbosstools-header"> <h1>Video Tutorials</h1> </div> + <div class="container-reduced"> <div class="box"> <div id="player"> <iframe src="http://player.vimeo.com/video/39743315?portrait=0" @@ -76,7 +77,7 @@ </ul> </div> <div class="thumbnails span4"> - <h2>Reverse Engineering/CRUD Generation</h2> + <h2>Reverse Engineering / CRUD Generation</h2> <ul class="items"> <li><a class="videocontrol" href="hibreveng">Hibernate Tools Reverse Engineering</a></li> @@ -92,6 +93,7 @@ href="../archive/movies">archive</a> </p> </div> + </div> </div>