X-Git-Url: https://git.ozlabs.org/?a=blobdiff_plain;ds=sidebyside;f=htdocs%2Fcss%2Fstyle.css;h=75e300001b8937f71bbc9e5d6932dba86de378fa;hb=ddb04aaac7d9875f1dfd7970944dab6aa6557099;hp=fad339f83775e75fe5105d13d98884f952e2987f;hpb=78c0c95461d3792344366caf253034df36b544e3;p=patchwork diff --git a/htdocs/css/style.css b/htdocs/css/style.css index fad339f..75e3000 100644 --- a/htdocs/css/style.css +++ b/htdocs/css/style.css @@ -3,6 +3,7 @@ body { color: black; margin: 0em; font-size: 9pt; + font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif; } .floaty { @@ -15,7 +16,6 @@ body { #title { background: url('/images/title-background.png') top left repeat-x; background-color: #786fb4; - width: 100%; margin: 0px; padding-top: 0.1em; padding-bottom: 0.0em; @@ -25,19 +25,14 @@ body { #title h1, #title h1 a { font-size: 16pt; color: white; -} - -.beta { - font-size: 60%; - vertical-align: sub; - line-height: 2em; + margin-bottom: 0; } #auth { border-left: thin solid white; padding-top: 0em; - padding-left: 2em; - padding-right: 5em; + padding-left: 1.5em; + padding-right: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 90%; @@ -49,7 +44,9 @@ body { } #nav { - background: #e8e8e8; + float: left + width: 100%; + background: #e8e8e8; border-bottom: 0.2em solid #786fb4; font-size: 90%; padding: 0.2em 0.5em; @@ -59,6 +56,13 @@ body { text-decoration: underline; } +#navleft { + float: left; +} + +#navright { + float: right; +} #content { padding: 1em; @@ -76,22 +80,45 @@ table { border-collapse: collapse; } +img { + border: 0; +} + +input { + border: thin solid #909090; +} + +dl dt { + margin-top: 0.8em; +} + +#footer { + padding: 1em; + font-size: small; + text-align: center; + color: #909090; +} + +#footer a { + color: #909090; +} + /* messages */ #messages { - background: #e0e0f0; - margin: 0.5em 1em 0.0em 0.5em; - padding: 0.3em; + background: #e0e0f0; + margin: 0.5em 1em 0.0em 0.5em; + padding: 0.3em; } #messages .message { - color: green; + color: green; } /* patch lists */ table.patchlist { - width: 98%; + width: 98%; border: thin solid black; - padding: 0em 1em; + padding: 0em 1em; } table.patchlist th { @@ -101,35 +128,46 @@ table.patchlist th { padding-left: 6px; } +table.patchlist th img { + vertical-align: bottom; +} + table.patchlist td { padding: 2px 6px 2px 6px; margin: 0px; margin-top: 10px; } +table.patchlist td img { + vertical-align: bottom; +} + table.patchlist td.patchlistfilters { background: #c0c0ff; border-top: thin solid gray; border-bottom: thin solid black; font-size: smaller; - +} +table.patchlist td.patchlistreorder { + background: #c0c0ff; + border-top: thin solid gray; + border-bottom: thin solid black; + font-size: smaller; + text-align: right; } table.patchlist tr.odd { background: #ffffff; } table.patchlist tr.even { - background: #eeeeee; + background: #e8e8e8; } -a.colactive { - color: red; -} - -a.colinactive { +a.colinactive, a.colactive { color: black; text-decoration: none; } + a.colinactive:hover { color: red; } @@ -137,101 +175,81 @@ a.colinactive:hover { div.filters { } -/* list pagination */ -.paginator { padding-bottom: 1em; padding-top: 1em; font-size: 80%; } - -.paginator .prev-na, -.paginator .next-na { - padding:.3em; - font-weight: normal; - border: 0.1em solid #c0c0c0; - background-color: #f9f9f9; - color: #a0a0a0; +div.patchforms { + margin-top: 2em; } - -.paginator .prev a, .paginator .prev a:visited, -.paginator .next a, .paginator .next a:visited { - border: 0.1em solid #b0b0d0; - background-color: #eeeeee; - color: #786fb4; - padding: .3em; - font-weight: bold; -} - -.paginator .prev, .paginator .prev-na { margin-right:.5em; } -.paginator .next, .paginator .next-na { margin-left:.5em; } - -.paginator .page a, .paginator .page a:visited, .paginator .curr { - padding: .25em; - font-weight: bold; - border: 1px solid #b0b0d0; - background-color: #eeeeee; - margin: 0em .25em; - color: #786fb4; -} - -.paginator .curr { - background-color: #b0b0d0; - color:#fff; - border:1px solid #c0c0ff; - font-weight:bold; -} - -.paginator .page a:hover, -.paginator .curr a:hover, -.paginator .prev a:hover, -.paginator .next a:hover { - color: #ffffff; - background-color: #c0c0ff; - border:1px solid #234f32; -} -/* -div.filters h2 { - font-size: 110%; + +/* list order manipulation */ + +table.patchlist tr.draghover { + background: #e8e8e8 !important; } -table.filters tr th, table.filters tr td { - text-align: left; - padding: 0px 10px 0px 10px; - vertical-align: middle; +.dragging { + border: thin solid black; + background: #e8e8e8 !important; } -table.filters tr th { - width: 8em; + +input#reorder-cancel { + display: none; + color: #505050; } -table.filters tr td { - padding-top: 0.1em; - width: 12em; +input#reorder-change { } -table.filters tr td.clearcol { - text-align: right; - width: 16px; +/* list pagination */ +.paginator { padding-bottom: 1em; padding-top: 1em; font-size: 80%; } + +.paginator .prev-na, +.paginator .next-na { + padding:.3em; + font-weight: normal; + border: 0.1em solid #c0c0c0; + background-color: #f9f9f9; + color: #a0a0a0; } -*/ -img { - border: 0; +.paginator .prev a, .paginator .prev a:visited, +.paginator .next a, .paginator .next a:visited { + border: 0.1em solid #b0b0d0; + background-color: #eeeeee; + color: #786fb4; + padding: .3em; + font-weight: bold; } -input { - border: thin solid #909090; +.paginator .prev, .paginator .prev-na { margin-right:.5em; } +.paginator .next, .paginator .next-na { margin-left:.5em; } + +.paginator .page a, .paginator .page a:visited, .paginator .curr { + padding: .25em; + font-weight: bold; + border: 1px solid #b0b0d0; + background-color: #eeeeee; + margin: 0em .25em; + color: #786fb4; } -#footer { - padding: 1em; - font-size: small; - text-align: center; - color: #909090; +.paginator .curr { + background-color: #b0b0d0; + color:#fff; + border:1px solid #c0c0ff; + font-weight:bold; } -#footer a { - color: #909090; +.paginator .page a:hover, +.paginator .curr a:hover, +.paginator .prev a:hover, +.paginator .next a:hover { + color: #ffffff; + background-color: #c0c0ff; + border:1px solid #234f32; } /* patch view */ table.patchmeta th { - text-align: left; + text-align: left; } table.patchmeta tr th, table.patchmeta tr td { @@ -241,8 +259,8 @@ table.patchmeta tr th, table.patchmeta tr td { } .patchnav { - padding-left: 1em; - padding-top: 1em; + padding-left: 1em; + padding-top: 1em; } .comment .meta { @@ -254,6 +272,10 @@ table.patchmeta tr th, table.patchmeta tr td { padding: 1em; } +.patch-pull-url { + font-family: "DejaVu Sans Mono", fixed; +} + .quote { color: #007f00; } @@ -266,12 +288,17 @@ span.p_del { color: #6a5acd; } span.p_mod { color: #0000ff; } .acked-by { - color: red; + color: #2d4566; + +} + +.nacked-by { + color: #2d4566; } .signed-off-by { - color: red; + color: #672d45; font-weight: bold; } @@ -281,20 +308,24 @@ span.p_mod { color: #0000ff; } /* bundles */ table.bundlelist { - border: thin solid black; + margin-top: 2em; + margin-bottom: 4em; + margin-left: auto; + margin-right: auto; + border: thin solid black; } table.bundlelist th { - padding-left: 2em; - padding-right: 2em; - background: #eeeeee; - border-bottom: thin solid black; + padding-left: 2em; + padding-right: 2em; + background: #eeeeee; + border-bottom: thin solid black; } table.bundlelist td { - padding-left: 2em; - padding-right: 2em; + padding-left: 2em; + padding-right: 2em; } /* forms that appear for a patch */ @@ -374,7 +405,7 @@ table.loginform { /* form errors */ .errorlist { - color: red; + color: red; list-style-type: none; padding-left: 0.2em; margin: 0em; @@ -397,7 +428,7 @@ table.horizontal td, table.horizontal th { /* generic table with header row */ table.vertical { - border-collapse: collapse; + border-collapse: collapse; } table.vertical th { background: #786fb4; @@ -407,10 +438,41 @@ table.vertical th { } table.vertical th, table.vertical td { - padding: 0.2em 0.8em; + padding: 0.2em 0.8em; border: thin solid #e8e8e8; } td.numberformat { - text-align: right; + text-align: right; +} + +/* boxes */ +div.box { + border: thin solid gray; + margin: 1em; + padding: 0.5em; +} + +div.box h2 { + background: #786fb4; + color: white; + margin: -0.5em -0.5em 1em; -0.5em; + padding: 0em 0.5em; + font-size: 100%; +} + +div.box table.vertical { + margin-left: auto; + margin-right: auto; +} + +/* columns */ +.leftcol { + float: left; + width: 49%; +} + +.rightcol { + float: right; + width: 49%; }