idiotbox-go

youtube web application in Go
git clone git://git.codemadness.org/idiotbox-go
Log | Files | Refs | README | LICENSE

commit 7dbfb632881d8923fb1ac3583420a41a47796b53
parent dc2456d2660d3f85a56ce96663cf71ff9c689a5f
Author: Hiltjo Posthuma <hiltjo@codemadness.org>
Date:   Fri, 12 Jan 2018 13:39:52 +0100

improve styles for browsers: links, lynx, w3m, dillo

... and simplify it a bit.

Diffstat:
data/static/css/dark.css | 14++++++--------
data/static/css/light.css | 14++++++--------
data/static/css/pink.css | 14++++++--------
data/static/css/templeos.css | 20++++++++------------
data/templates/pages/search.html | 5+++--
5 files changed, 29 insertions(+), 38 deletions(-)

diff --git a/data/static/css/dark.css b/data/static/css/dark.css @@ -3,6 +3,7 @@ body { color: #eee; max-width: 80ex; margin: 0 auto; + padding: 3px; } .nowrap { whitespace: no-wrap; @@ -16,18 +17,15 @@ table.search .input, input.search { width: 100%; } -table.videos.videos { +table.videos { border-collapse: collapse; } -table.videos.videos tbody tr:hover td { - background-color: #333; -} -table.videos.videos td { +table.videos tr td { vertical-align: top; - padding: 3px 3px; + padding: 0 3px; } -table.videos tbody tr td { - border-bottom: 2px solid #333; +table.videos tr.v:hover td { + background-color: #333; } td.thumb { width: 120px; diff --git a/data/static/css/light.css b/data/static/css/light.css @@ -3,6 +3,7 @@ body { color: #000; max-width: 80ex; margin: 0 auto; + padding: 3px; } .nowrap { whitespace: no-wrap; @@ -16,18 +17,15 @@ table.search .input, input.search { width: 100%; } -table.videos.videos { +table.videos { border-collapse: collapse; } -table.videos.videos tbody tr:hover td { - background-color: #eee; -} -table.videos.videos td { +table.videos tr td { vertical-align: top; - padding: 3px 3px; + padding: 0 3px; } -table.videos tbody tr td { - border-bottom: 2px solid #777; +table.videos tr.v:hover td { + background-color: #eee; } td.thumb { width: 120px; diff --git a/data/static/css/pink.css b/data/static/css/pink.css @@ -3,6 +3,7 @@ body { color: #000; max-width: 80ex; margin: 0 auto; + padding: 3px; } .nowrap { whitespace: no-wrap; @@ -16,18 +17,15 @@ table.search .input, input.search { width: 100%; } -table.videos.videos { +table.videos { border-collapse: collapse; } -table.videos.videos tbody tr:hover td { - background-color: #fff; -} -table.videos.videos td { +table.videos tr td { vertical-align: top; - padding: 3px 3px; + padding: 0 3px; } -table.videos tbody tr td { - border-bottom: 2px solid #777; +table.videos tr.v:hover td { + background-color: #fff; } td.thumb { width: 120px; diff --git a/data/static/css/templeos.css b/data/static/css/templeos.css @@ -1,11 +1,10 @@ -* { - font-family: monospace; -} body { background-color: #55ffff; color: #aa00aa; + color: #000; max-width: 80ex; margin: 0 auto; + padding: 3px; } .nowrap { whitespace: no-wrap; @@ -19,18 +18,12 @@ table.search .input, input.search { width: 100%; } -table.videos.videos { +table.videos { border-collapse: collapse; } -table.videos.videos tbody tr:hover td { - background-color: #fff; -} -table.videos.videos td { +table.videos tr td { vertical-align: top; - padding: 3px 3px; -} -table.videos tbody tr td { - border-bottom: 2px solid #777; + padding: 0 3px; } td.thumb { width: 120px; @@ -44,6 +37,9 @@ a { color: #aa0000; border-bottom: 1px solid #0000aa; } +td.thumb a { + border: 0; +} hr { color: #777; height: 1px; diff --git a/data/templates/pages/search.html b/data/templates/pages/search.html @@ -43,10 +43,10 @@ {{if .Searchresult.Videolist.Items}} <tbody> {{range $i, $item := .Searchresult.Videolist.Items}} - <tr> + <tr class="v"> <td class="thumb" width="120" align="center"> {{if .Snippet.Thumbnails.Default.Url}} - <a href="https://www.youtube.com/embed/{{.Id}}"><img src="{{.Snippet.Thumbnails.Default.Url}}" alt="" height="90" /></a> + <a href="https://www.youtube.com/embed/{{.Id}}"><img src="{{.Snippet.Thumbnails.Default.Url}}" alt="" height="90" border="0" /></a> {{end}} </td> <td> @@ -69,6 +69,7 @@ <span class="duration">{{Duration .Contentdetails.Duration}}</span> </td> </tr> + <tr class="hr"><td colspan="3"><hr/></td></tr> {{end}} </tbody> {{if (or .Searchresult.Searchlist.Prevpagetoken .Searchresult.Searchlist.Nextpagetoken)}}