diff --git a/record-and-playback/slides/playback/slides/css/bbb.playback.css b/record-and-playback/slides/playback/slides/css/bbb.playback.css
index f478f767aa834ad3e77e10008c05fbb4af4e53b6..9a7622503b6b66f2900bbaec41ed81bf007efbbe 100755
--- a/record-and-playback/slides/playback/slides/css/bbb.playback.css
+++ b/record-and-playback/slides/playback/slides/css/bbb.playback.css
@@ -1,25 +1,18 @@
-/*body {
-
+body {
+ font-family: Verdana;
}
h1 {
text-align:center
}
br{
display:none
-}*/
-#wrapper{
- width:1200px;
- height:auto;
- margin:0px auto;
}
+
#playbackArea{
- width: 1000px;
- height: 650px;
- border: 1px solid black;
- padding:2px;
- -webkit-box-shadow: 0 0 10px rgb(0,0,0);
- -moz-box-shadow: 0 0 10px rgb(0,0,0);
- box-shadow: 0 0 10px rgb(0,0,0);
+ width: 800px;
+ height: 700px;
+ margin-left: auto;
+ margin-right: auto;
}
#audioRecording{
@@ -30,41 +23,16 @@ br{
#slide{
background-image:url('../images/logo.png');
- float:left;
- width:800px;
- height:600px;
}
-.chatcontainer{
- float:left;
- width:194px;
- height:600px;
- padding-left: 5px;
- border-left: 1px solid black;
-}
-.chatcontainer br{
- display:none;
-}
-.chatcontainer h3{
- text-decoration:underline;
-}
-#chat div p{
- margin-bottom:-10px;
-}
-
-#audioRecording{
- width:100%;
-}
-
-
-/*.chatcontainer{
+.chatcontainer{
width:420px;
- height:350px;
+ height:600px;
margin-left: auto;
- margin-right: auto;
+ margin-right: auto;
position: relative;
- top:-500px;
+ top:-650px;
left:610px;
}
#chat{
@@ -79,13 +47,16 @@ br{
margin-bottom:-10px;
padding:0px;
font-size:13px
-}*/
+}
#big {display:none}
#mid {display:none}
-/*.chattitle{
+.chattitle{
position:relative;
top:20px;
left:145px
}
-*/
\ No newline at end of file
+
+#footer{
+ text-align:center;
+}
\ No newline at end of file
diff --git a/record-and-playback/slides/playback/slides/lib/popcorn.timeline.js b/record-and-playback/slides/playback/slides/lib/popcorn.timeline.js
index d45cb91e78dfbb55a493b32ac6397da45ad7bf54..ad820ba33c75a280773ecb1e822536a0eb79ea2c 100755
--- a/record-and-playback/slides/playback/slides/lib/popcorn.timeline.js
+++ b/record-and-playback/slides/playback/slides/lib/popcorn.timeline.js
@@ -40,8 +40,8 @@
var target = document.getElementById( options.target ),
newdiv = document.createElement( "div" );
- target.style.width = "auto";
- target.style.height = "525px";
+ target.style.width = "380px";
+ target.style.height = "600px";
target.style.overflow = "auto";
newdiv.style.display = "none";
diff --git a/record-and-playback/slides/playback/slides/playback.html b/record-and-playback/slides/playback/slides/playback.html
index cf9fceac74e220a71c1afc0bd87f49f42eee61dc..31e483a7802ab1d09ea7ef399148d8ae13237432 100755
--- a/record-and-playback/slides/playback/slides/playback.html
+++ b/record-and-playback/slides/playback/slides/playback.html
@@ -37,17 +37,13 @@
<script src="lib/popcorn.timeline.js"></script>
</head>
<body>
-
- <div id="wrapper">
- <div id="playbackArea">
- <div id="slide"> </div>
- <div class="chatcontainer">
- <h4 class="chattitle">Public Chat</h4>
- <div id="chat"></div>
- </div>
- <audio id="audioRecording" controls > You must use an HTML5 capable browser to view this page.</audio>
+ <div id="playbackArea">
+ <div style="width:800px; height:650px;" id="slide"></div>
+ <audio id="audioRecording" controls > You must use an HTML5 capable browser to view this page.</audio>
+ <div class="chatcontainer">
+ <div id="chat"></div>
</div>
</div>
-
+ <p id="footer">Recorded with <a href="http://bigbluebutton.org/">BigBlueButton</a>. Playback using <a href="http://popcornjs.org/">popcorn.js</a>.</p>
</body>
</html>