updates to the slides playback

This commit is contained in:
Marco Calderon 2011-09-08 19:37:42 -05:00
parent 9e93cc7b86
commit 903a503a2e
3 changed files with 54 additions and 19 deletions

View File

@ -1,4 +1,4 @@
body {
/*body {
}
h1 {
@ -6,13 +6,20 @@ h1 {
}
br{
display:none
}*/
#wrapper{
width:1200px;
height:auto;
margin:0px auto;
}
#playbackArea{
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
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);
}
#audioRecording{
@ -23,10 +30,35 @@ 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;
margin-left: auto;
@ -47,12 +79,13 @@ br{
margin-bottom:-10px;
padding:0px;
font-size:13px
}
}*/
#big {display:none}
#mid {display:none}
.chattitle{
/*.chattitle{
position:relative;
top:20px;
left:145px
}
*/

View File

@ -40,8 +40,8 @@
var target = document.getElementById( options.target ),
newdiv = document.createElement( "div" );
target.style.width = "380px";
target.style.height = "180px";
target.style.width = "auto";
target.style.height = "525px";
target.style.overflow = "auto";
newdiv.style.display = "none";

View File

@ -38,13 +38,15 @@
</head>
<body>
<div id="wrapper">
<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 id="slide"> </div>
<div class="chatcontainer">
<h4 class="chattitle"></h4>
<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>
</div>
</body>