summaryrefslogtreecommitdiff
path: root/template/fullscreen2.st
blob: 2927f473938fc90aedf8b251f5201b55d9400e7d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


	$head()$
  <title>$roomname$ dump.fm</title>

  <script>
    jQuery(document).ready(initChat);
    var Nick = $json_user_nick$;
    var Room = $json_room_key$;
    var Timestamp = $timestamp$;
    var Version = $version$;
  </script>
    	<script type="text/javascript" src="$domain$/static/js/supersized.js"></script>
	<script type="text/javascript">
	
	jQuery(function(){
		jQuery.fn.supersized.options = {  
			startwidth: 1024,  
			startheight: 768,
			minsize: .50,
			slideshow: 1,
			slideinterval: 5000  
		};
        jQuery('#supersize').supersized(); 
    });

</script>
		
	<style type="text/css">
		*{
			margin:0;
			padding:0;
			font:60px "Gotham Black", Arial, sans-serif;
			color:#FFF;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
		}
		#content{
			margin:0px auto;
			height:100px;
			width:100%;
			bottom:5%;
			background-color:#262626;
			border-top:3px solid #4F4F4F;
			border-bottom:3px solid #4F4F4F;
			position:absolute;
		}
		#contentframe{
			text-align:center;
		}
		
		/*Supersize Plugin Styles*/
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
		#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}

	</style>
</head><body>
$messages: { m |
<div style="width: 1224px; height: 918px;" id="supersize">
  <div id="message-$m.message_id$">
          <span class="content">$m.content$</span>
</div>        </div>

}$


</body></html>