Changed Show/Hide button and size for twitchchat
This commit is contained in:
parent
b887f8b7d4
commit
d96d5a440e
|
@ -72,6 +72,7 @@ print('''<!DOCTYPE html>
|
||||||
button { width:100%;cursor:pointer;margin:0px;padding-top:10px;padding-bottom:10px;background-color:#eee;border:1px solid #888;border-radius:5px;text-align:center;line-height:150px;font-weight:bold;font-size:xx-large; }
|
button { width:100%;cursor:pointer;margin:0px;padding-top:10px;padding-bottom:10px;background-color:#eee;border:1px solid #888;border-radius:5px;text-align:center;line-height:150px;font-weight:bold;font-size:xx-large; }
|
||||||
#content { width:100%;margin-left:auto;margin-right:auto; }
|
#content { width:100%;margin-left:auto;margin-right:auto; }
|
||||||
div.status { text-align:center;background-color:#009bea;color:#fff;border:1px solid #888;border-radius:5px;width:99%;margin:5px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px; }
|
div.status { text-align:center;background-color:#009bea;color:#fff;border:1px solid #888;border-radius:5px;width:99%;margin:5px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px; }
|
||||||
|
div.showhide { font-weight:bold;line-height:100px;text-align:center;background-color:#009bea;color:#fff;border:1px solid #888;border-radius:5px;width:99%;margin:5px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px; }
|
||||||
div.stream { width:99%;margin:5px;margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:25px; }
|
div.stream { width:99%;margin:5px;margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:25px; }
|
||||||
div.audio { width:99%;margin:5px;margin-left:auto;margin-right:auto; }
|
div.audio { width:99%;margin:5px;margin-left:auto;margin-right:auto; }
|
||||||
div.scene { width:99%;margin:5px;margin-left:auto;margin-right:auto; }
|
div.scene { width:99%;margin:5px;margin-left:auto;margin-right:auto; }
|
||||||
|
@ -112,14 +113,14 @@ if connected:
|
||||||
|
|
||||||
if channel:
|
if channel:
|
||||||
print('<div id="chat">')
|
print('<div id="chat">')
|
||||||
print(' <iframe id="twitchchat" scrolling="0" frameborder="0" src="https://www.twitch.tv/embed/{0}/chat?parent={1}" height="850px" width="100%"></iframe>'.format(str(channel), str(twitch_parent)))
|
print(' <iframe id="twitchchat" scrolling="0" frameborder="0" src="https://www.twitch.tv/embed/{0}/chat?parent={1}" height="1100px" width="100%"></iframe>'.format(str(channel), str(twitch_parent)))
|
||||||
print(' <div class="status" onClick="$(\'#twitchchat\').fadeToggle(\'slow\', \'linear\');">Show/Hide chat</div>')
|
print(' <div class="showhide" onClick="$(\'#twitchchat\').fadeToggle(\'slow\', \'linear\');">Show/Hide chat</div>')
|
||||||
print('</div>')
|
print('</div>')
|
||||||
|
|
||||||
if tts:
|
if tts:
|
||||||
print('<div id="tts">')
|
print('<div id="tts">')
|
||||||
print(' <iframe id="ttsframe" style="display:none;" scrolling="0" frameborder="0" src="{0}" height="250px" width="100%"></iframe>'.format(str(tts_url)))
|
print(' <iframe id="ttsframe" style="display:none;" scrolling="0" frameborder="0" src="{0}" height="250px" width="100%"></iframe>'.format(str(tts_url)))
|
||||||
print(' <div class="status" onClick="$(\'#ttsframe\').fadeToggle(\'slow\', \'linear\');">Show/Hide TTS</div>')
|
print(' <div class="showhide" onClick="$(\'#ttsframe\').fadeToggle(\'slow\', \'linear\');">Show/Hide TTS</div>')
|
||||||
print('</div>')
|
print('</div>')
|
||||||
|
|
||||||
print('<div id="stream">')
|
print('<div id="stream">')
|
||||||
|
|
Loading…
Reference in New Issue