From 0ac459d0767ffff58aa05b656ac9e0949ef32432 Mon Sep 17 00:00:00 2001 From: czaks Date: Sun, 6 Apr 2014 21:19:32 +0200 Subject: containerchan styles --- stylesheets/style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'stylesheets') diff --git a/stylesheets/style.css b/stylesheets/style.css index 51a679e8..cca74127 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -570,3 +570,21 @@ form.ban-appeal textarea { display: inline-block; vertical-align: middle; } + +/* Containerchan */ + video.post-image { + display: block; + float: left; + margin: 10px 20px; + border: none; + } + div.post video.post-image { + padding: 0px; + margin: 10px 25px 5px 5px; + } + span.settings { + position: fixed; + top: 1em; + right: 1em; + } + -- cgit v1.3 From 97792ff38732274e906071e72902db3b83df9f61 Mon Sep 17 00:00:00 2001 From: czaks Date: Sun, 6 Apr 2014 21:39:33 +0200 Subject: more work on containerchan --- containerchan/collapse.gif | Bin 67 -> 0 bytes containerchan/playersettings.js | 28 ---------------------------- containerchan/playerstyle.css | 39 --------------------------------------- js/expand-video.js | 2 +- js/webm/playersettings.js | 28 ++++++++++++++++++++++++++++ static/collapse.gif | Bin 0 -> 67 bytes stylesheets/webm/playerstyle.css | 39 +++++++++++++++++++++++++++++++++++++++ 7 files changed, 68 insertions(+), 68 deletions(-) delete mode 100644 containerchan/collapse.gif delete mode 100644 containerchan/playersettings.js delete mode 100644 containerchan/playerstyle.css create mode 100644 js/webm/playersettings.js create mode 100644 static/collapse.gif create mode 100644 stylesheets/webm/playerstyle.css (limited to 'stylesheets') diff --git a/containerchan/collapse.gif b/containerchan/collapse.gif deleted file mode 100644 index cda6b337..00000000 Binary files a/containerchan/collapse.gif and /dev/null differ diff --git a/containerchan/playersettings.js b/containerchan/playersettings.js deleted file mode 100644 index 861d27c2..00000000 --- a/containerchan/playersettings.js +++ /dev/null @@ -1,28 +0,0 @@ -/* This file is dedicated to the public domain; you may do as you wish with it. */ -if (window.addEventListener) window.addEventListener("load", function(e) { - document.getElementById("playerheader").appendChild(settingsMenu); - - var video = document.getElementsByTagName("video")[0]; - - var loopLinks = [document.getElementById("loop0"), document.getElementById("loop1")]; - function setupLoopLink(i) { - loopLinks[i].addEventListener("click", function(e) { - if (!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) { - video.loop = (i != 0); - if (i != 0 && video.currentTime >= video.duration) { - video.currentTime = 0; - } - loopLinks[i].style.fontWeight = "bold"; - loopLinks[1-i].style.fontWeight = "inherit"; - e.preventDefault(); - } - }, false); - } - for (var i = 0; i < 2; i++) { - setupLoopLink(i); - } - - video.muted = (setting("videovolume") == 0); - video.volume = setting("videovolume"); - video.play(); -}, false); diff --git a/containerchan/playerstyle.css b/containerchan/playerstyle.css deleted file mode 100644 index b78b67ef..00000000 --- a/containerchan/playerstyle.css +++ /dev/null @@ -1,39 +0,0 @@ -/* This file is dedicated to the public domain; you may do as you wish with it. */ -body { - background: black; - color: white; - margin: 0px; -} -#playerheader { - position: absolute; - left: 0px; - right: 0px; - top: 0px; - height: 24px; - padding: 0px 4px; - text-align: right; - font-size: 16px; -} -#playerheader a { - color: white; - text-decoration: none; -} -span.settings div { - background: black; - z-index: 1; - padding-right: 4px; -} -#playercontent { - position: absolute; - left: 0px; - right: 0px; - top: 24px; - bottom: 0px; -} -video { - display: block; - margin-left: auto; - margin-right: auto; - max-width: 100%; - max-height: 100%; -} diff --git a/js/expand-video.js b/js/expand-video.js index 27438427..96427667 100644 --- a/js/expand-video.js +++ b/js/expand-video.js @@ -41,7 +41,7 @@ function setupVideo(thumb, url) { video.innerText = "Your browser does not support HTML5 video."; videoHide = document.createElement("img"); - videoHide.src = configRoot + "cc/collapse.gif"; + videoHide.src = configRoot + "static/collapse.gif"; videoHide.alt = "[ - ]"; videoHide.title = "Collapse video"; videoHide.style.marginLeft = "-15px"; diff --git a/js/webm/playersettings.js b/js/webm/playersettings.js new file mode 100644 index 00000000..861d27c2 --- /dev/null +++ b/js/webm/playersettings.js @@ -0,0 +1,28 @@ +/* This file is dedicated to the public domain; you may do as you wish with it. */ +if (window.addEventListener) window.addEventListener("load", function(e) { + document.getElementById("playerheader").appendChild(settingsMenu); + + var video = document.getElementsByTagName("video")[0]; + + var loopLinks = [document.getElementById("loop0"), document.getElementById("loop1")]; + function setupLoopLink(i) { + loopLinks[i].addEventListener("click", function(e) { + if (!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) { + video.loop = (i != 0); + if (i != 0 && video.currentTime >= video.duration) { + video.currentTime = 0; + } + loopLinks[i].style.fontWeight = "bold"; + loopLinks[1-i].style.fontWeight = "inherit"; + e.preventDefault(); + } + }, false); + } + for (var i = 0; i < 2; i++) { + setupLoopLink(i); + } + + video.muted = (setting("videovolume") == 0); + video.volume = setting("videovolume"); + video.play(); +}, false); diff --git a/static/collapse.gif b/static/collapse.gif new file mode 100644 index 00000000..cda6b337 Binary files /dev/null and b/static/collapse.gif differ diff --git a/stylesheets/webm/playerstyle.css b/stylesheets/webm/playerstyle.css new file mode 100644 index 00000000..b78b67ef --- /dev/null +++ b/stylesheets/webm/playerstyle.css @@ -0,0 +1,39 @@ +/* This file is dedicated to the public domain; you may do as you wish with it. */ +body { + background: black; + color: white; + margin: 0px; +} +#playerheader { + position: absolute; + left: 0px; + right: 0px; + top: 0px; + height: 24px; + padding: 0px 4px; + text-align: right; + font-size: 16px; +} +#playerheader a { + color: white; + text-decoration: none; +} +span.settings div { + background: black; + z-index: 1; + padding-right: 4px; +} +#playercontent { + position: absolute; + left: 0px; + right: 0px; + top: 24px; + bottom: 0px; +} +video { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100%; +} -- cgit v1.3 From ccc822d8ab46e9fb8c0308cdb4b6632d2aa09736 Mon Sep 17 00:00:00 2001 From: czaks Date: Sun, 6 Apr 2014 22:06:04 +0200 Subject: no need to hover WebM Settings --- stylesheets/style.css | 6 ------ 1 file changed, 6 deletions(-) (limited to 'stylesheets') diff --git a/stylesheets/style.css b/stylesheets/style.css index cca74127..b167dbb0 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -582,9 +582,3 @@ form.ban-appeal textarea { padding: 0px; margin: 10px 25px 5px 5px; } - span.settings { - position: fixed; - top: 1em; - right: 1em; - } - -- cgit v1.3