E3 Stream
E3 Stream:
<div class="livestreamPlayerWrapper">
<!-- BEGIN livestream player-->
<style type="text/css">
#Container>.banner{
margin: 0 10px 10px;
text-align: center;
}
#Container>.left{
width: 661px;
margin-left: 10px;
}
#Container>.right{
float:right;
width: 300px;
margin-right: 10px;
}
ul.livestreamList {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.livestreamlist a {
display:block;
margin-bottom: 10px;
}
ul.livestreamlist a img {
border: none;
}
li.livestream {
margin-bottom: 4px;
}
.streamButton {
width: 300px;
border: none;
}
#liveplayer{
width: 768px;
height: 463px;
margin: 0 auto 10px;
overflow: visible;
}
.clear {
clear: both;
}
/* COMMENTS */
/* a lot of these are overrides of inline styles in hourone_comments.php
with the intention of making the module stretch horizontally to fit the parent div
*/
.commentsWrapper {
float: none !important;
margin-top: 0 !important;
}
.commentsWrapper a img {
border: none;
}
.commentsWrapper #comment_list {
width: 100% !important;
height: 600px !important;
overflow-y: scroll !important;
overflow-x: hidden !important;
}
.commentsWrapper #comment_block {
width: 640px !important;
margin-left:auto;
margin-right:auto;
}
.commentsWrapper #comment_block .comment_container {
margin: 5px 0 0 0 !important;
}
.commentsWrapper #comment_box {
height: 69px;
background: url("http://gametrailers.mtvnimages.com/images/sitewide/gradients/v_dkGrey_blk_69px.png") repeat-x top #000 !important;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius: 5px;
text-align: center;
padding: 0;
}
.commentsWrapper #comment_box .comment_container {
background: none !important;
margin: 0px auto !important;
text-align: left;
display: block !important;
float: none !important;
}
.commentsWrapper .comment_full_container {
height: auto !important;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
.commentsWrapper .comment_box_top {
width: 630px;
}
.commentsWrapper .controls {
height: 19px !important;
}
.commentsWrapper .new_comment_input_logged, .commentsWrapper .new_comment_input {
position: relative;
}
.commentsWrapper .new_comment_input {
width: 400px !important;
}
.commentsWrapper .new_comment_input .Submit {
top: 2px !important;
right: 20px !important;
}
.commentsWrapper .Submit {
position: absolute;
right: 5px;
top: 8px;
margin: 0;
}
.commentsWrapper #comment_count {
width:auto !important;
}
.commentsWrapper .comment_box_top_staff {
background:url("http://gametrailers.mtvnimages.com/images/event/e3/2010/box_640w_rounded_gradbox_top_opaque_staff.gif") no-repeat scroll 0 0 transparent;
min-height:50px;
padding-left:10px;
padding-top:10px;
vertical-align:top;
}
.commentsWrapper .comment_box_body_staff {
background:url("/images/box_640w_rounded_gradbox_bg.gif") repeat-y scroll 0 0 transparent;
float:left;
overflow:hidden;
vertical-align:top;
width:648px;
}
.commentsWrapper .comment_box_bottom_staff {
background:url("/images/box_640w_rounded_gradbox_bottom.gif") no-repeat scroll 0 0 transparent;
float:left;
height:7px;
vertical-align:top;
width:648px;
}
</style>
<div id="liveplayer">
<iframe class="liveStreamPlayer" src="http://www.gametrailers.com/netstorage/livestream.html?stream=/netstorage/streams/e3_2010/e3_microsoft_prod0.smil&name=microsoft&mobile=/netstorage/streams/e3_2010/e3_microsoft_prod0.m3u8" width="100%" height="463" frameborder="0" scrolling="no">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
<!-- END livestream player-->
</div>
