From: Kevin Reid Date: Sun, 3 May 2009 20:31:42 +0000 (-0700) Subject: Add CSS styles to spiff up the Tahoe WUI's appearance, particularly the welcome page... X-Git-Tag: trac-3900~19 X-Git-Url: https://git.rkrishnan.org/pf/content/it.html?a=commitdiff_plain;h=d0b4fd4689bb338659c2851060df88ac811718dd;p=tahoe-lafs%2Ftahoe-lafs.git Add CSS styles to spiff up the Tahoe WUI's appearance, particularly the welcome page and directories. --- diff --git a/src/allmydata/web/tahoe.css b/src/allmydata/web/tahoe.css index 78e8db6d..9e0dc2bd 100644 --- a/src/allmydata/web/tahoe.css +++ b/src/allmydata/web/tahoe.css @@ -5,4 +5,133 @@ pre.overflow { margin: 1em 1.75em; padding: .25em; overflow: auto; - } \ No newline at end of file + } + +/* ----------------------------------------------------------------------- */ + +/* colors borrowed from the Allmydata logo */ + +/* general style */ +h1 { + text-align: center; +} +table { + margin: 1em auto; + border: .2em solid #3289b4; + border-spacing: 1px; +} +th { + color: white; + background-color: #58a1c3; +} +td { padding: .3em .3em; } +th { padding: .3em .3em; } +.table-headings-top th { text-align: center; } +.table-headings-left th { text-align: right; vertical-align: top; } +legend { + font-weight: bold; +} + +.connected-yes, .connected-True { + border: 1px solid #75d24a; + background-color: #EFE; +} +.connected-no, .connected-False { + border: 1px solid #F00; + background-color: #FBB; +} + +.encoded, .nodeid { + font-family: monospace; + font-size: 80%; +} + +.empty-marker { + background-color: white; + color: gray; +} +table td.empty-marker { + padding: 6em 10em; + text-align: center; + vertical-align: center; +} + +/* styles for server listings in tables (nickname above nodeid) */ +th.nickname-and-peerid { + text-align: left; +} +.nickname { + font: inherit; + font-family: sans-serif; + font-weight: bold; +} + + +/* just in case, make sure floats don't stomp on big tables etc. */ +#section { clear: both; } + +/* section-specific styles - turn this client info into a sidebar */ +#this-client { + font-size: 60%; + border: .2em solid #3289b4; + float: right; + width: 40%; + margin: 0 0 .5em .5em; + padding: 3px; +} +#this-client .nodeid { font-size: inherit; } +#this-client h2 { + text-align: center; + background: #3289b4; + color: white; + margin: -2px -2px 0 -2px; /* matches padding */ + padding: .3em; +} +#this-client table { + font-size: inherit; + margin: 0 -3px -3px -3px; /* matches padding */ +} +#this-client td > ul { + list-style-type: outside; + margin: 0 0 0 2.3em; + padding-left: 0; +} + + +/* services table */ +.services { +} + +/* --- Directory page styles --- */ + +body.tahoe-directory-page { + color: black; + background: #c0d9e6; + margin: 1em 0; /* zero margin so the table can be flush */ +} +table.tahoe-directory { + color: black; + background: white; + width: 100%; + /*border-left-color: #D7E0E5; + border-right-color: #D7E0E5;*/ + border-left: 0; + border-right: 0; +} +.tahoe-directory-footer { + color: black; + background: #c0d9e6; + margin: 0 1em; /* compensate for page 0 margin */ +} + +/* directory-screen toolbar */ +.toolbar { + display: table; + margin: .2em auto; + /*width: 100%;*/ +} +.toolbar .toolbar-item { + display: table-cell; + text-align: center; + padding: 0 1em; +} \ No newline at end of file