X-Git-Url: https://code.octet-stream.net/broadcaster/blobdiff_plain/587f9c5bb84420d9f71fe75e29f54b8319c90064..7423c6c97eb5d6dc063e7185c50137bbb5e25a23:/broadcaster-server/templates/header.html diff --git a/broadcaster-server/templates/header.html b/broadcaster-server/templates/header.html index 8e40467..ae59b16 100644 --- a/broadcaster-server/templates/header.html +++ b/broadcaster-server/templates/header.html @@ -12,9 +12,8 @@ border-collapse: collapse; } td.clear { - width: 5em; - height: 5em; text-align: center; + background-color: #eeeeee; } .time-table { font-size: 90%; @@ -26,7 +25,6 @@ } .playlist-table { font-size: 90%; - width: 30em; } .stop { text-align: center; @@ -34,7 +32,88 @@ .head { text-align: center; } + body { + background-color: #447744; + font-family: "sans-serif"; + } + main { + background-color: #dddddd; + max-width: 80em; + margin-left: auto; + margin-right: auto; + display: flex; + flex-wrap: wrap; + flex-direction: row; + border: 2px solid black; + } + .menu { + min-width: 12em; + display: flex; + flex-grow: 1; + flex-direction: column; + /* border: black solid; */ + /* border-width: 0px 2px 0px 0px; */ + text-align: center; + } + .menu-item { + height: 2em; + text-align: center; + line-height: 2em; + background-color: #aaaaaa; + border: black solid; + border-width: 1px 1px 0px 0px; + } + .menu-item a { + text-decoration: none; + color: black; + } + .menu-item.logout { + border-width: 1px 1px 1px 0px; + } + .menu-item:first-of-type { + border-width: 0px 1px 0px 0px; + } + .menu-item.selected { + background-color: #aaccaa; + } + .logged-in { + padding-top: 2em; + padding-bottom: 2em; + text-align: center; + border: black solid; + border-width: 0px 1px 0px 0px; + } + .menu-tail { + flex-grow: 1; + height: 2em; + line-height: 2em; + border: black solid; + border-width: 0px 1px 0px 0px; + } + .content { + flex-grow: 3; + padding: 5em; + padding-top: 1em; + overflow-wrap: break-word; + max-width: 50em; + }

+ {{if .SelectedMenu}} + + {{end}} +