diff options
Diffstat (limited to 'reporting/templates/lintian.css.tmpl')
| -rw-r--r-- | reporting/templates/lintian.css.tmpl | 447 |
1 files changed, 447 insertions, 0 deletions
diff --git a/reporting/templates/lintian.css.tmpl b/reporting/templates/lintian.css.tmpl new file mode 100644 index 0000000..cc3e8a3 --- /dev/null +++ b/reporting/templates/lintian.css.tmpl @@ -0,0 +1,447 @@ +{{{ + # NOTE - in this file, perl code must be within three braces rather than + # the usual single brace. This was done because a single brace is rather + # common in .css-files. NB: The braces cannot be escaped - see "DELIMITERS" + # in Text::Template. + # + # To refer to a resource, use: + # {{{resource_path('basename.png')}}} + # NB: The path will be relative to the .css file. Usually something like + # "../resources/<checksum>.png" + # + # To refer to a file name relative to the .css file, use: + # {{{$path_prefix}}}path/from/HTML_ROOT +}}}/* lintian.css -- Style sheet for lintian.debian.org pages. */ + +/* + # Table of Contents: + # + # 1. General styles (links, lists, titles, tables...) + # 2. Header + # 3. Navigation + # 4. Main content + # 5. Footer + # 6. Other + */ + +/* + # Order: + # + # example { + # display + # position + # width + # height + # margin + # padding + # background + # color + # font + # text + # line-height + # border + # } + */ + + +/* + * 1. General styles + */ + +body { + margin: 0; + padding: 0; + color: #222; + background-color: white; + font-family: sans-serif; +} + +h1, h2 { + font-family: "Junicode", "FreeSerif", serif; +} + +h2 { + margin-bottom: 14px; + padding-bottom: 6px; + border-bottom: 2px solid #AAA; +} + +h3 { + margin: 5px 0 5px 10px; + color: #444; + font-size: 1.0em; +} + +p { + line-height: 1.4em; +} + +a { + color: #3252B2; +} + +ul { + margin: 0; +} + +li { + color: #333; +} + +hr { + display: none; +} + +/* + * 2. Header title + */ + +header { + display: block; /* HTML5 compat */ + margin: 0 0 28px 0; + padding: 5px 20px; + background: #F3F3F3 url("{{{resource_path('logo-small.png')}}}") no-repeat right; + border-bottom: 1px solid #AAA; +} + +header p { + float: left; + margin: 5px 0; + color: #444; + font-size: 1.0em; + font-family: sans-serif; + font-weight: bold; +} + +header p a { + color: #444; + text-decoration: none; +} + + +/* + * 3. Navigation bar + */ + +#nav { + float: right; + margin: 5px 55px 5px 0; + padding: 0; +} + +#nav li { + display: inline; + margin-left: 5px; +} + +#nav a { + padding: 3px 5px; + color: #333; + font-size: 0.9em; + text-decoration: none; +} + +#nav a:hover { + background-color: #FBFBFB; + border-bottom: 2px solid #D70751; +} + + +/* + * 4. Main content + */ + +main { + display: block; + margin: 0 25px; + font-size: 0.9em; + line-height: 1.4em; +} + +img.graph { + width: 95%; + max-width: 640px; +} + +/* Front page */ + +#logo { + text-align: center; +} + +#index h2, #stats h2, #archives h2 { + margin: 1.4em 0 0.4em 0; + border: none; +} + +#info { + margin: 25px 0; + padding: 20px; + background: #EFF4F8 url("{{{resource_path('l.png')}}}") no-repeat left; + border: 1px solid #DFE4E8; +} + +#info p { + margin-left: 130px; +} + +/* For smaller devices, we leave out the "icon" - it is fairly wide with + * little added value. + */ +@media (max-width: 700px) { + + #info { + margin: 25px 0; + padding: 20px; + background: #EFF4F8; + border: 1px solid #DFE4E8; + } + + #info p { + margin-left: 5%; + } +} + +#stats table, #archives table { + border-collapse: collapse; +} + +#stats table tr td, #archives table tr td { + padding: 3px 5px; + background-color: #FDFDFD; + border: 1px solid #CCC; +} + +#stats td span, #archives td span { + margin: 0 3px 0 0; + padding: 1px 3px; + font-family: monospace; +} + +#stats div.graph { + text-align: left; +} + +/* Maintainer reports */ + +#summary { + font-size: 0.9em; +} + +#summary p { + margin-top: 5px; + font-size: 0.95em; +} + +#summary ul { + padding-left: 20px; +} + +ul.report { + padding-left: 20px; + padding-bottom: 1em; +} + +div.graph { + text-align: center; +} + +ul.tag { + padding-bottom: 1em; +} + +ul.report li { + padding-left: 5px; + padding-bottom: 6px; + list-style: none; +} + +ul.tag li { + list-style: square; +} + +li span { + margin: 0 3px 0 0; + padding: 1px 3px; + font-family: monospace; +} + +h1 span { + padding: 1px 5px; + font-family: monospace; + font-size: 0.85em; + font-weight: normal; +} + +ul.extra { + margin-bottom: 0; + padding-bottom: 0; +} + +ul.report li ul.extra li { + padding-left: 0; + padding-bottom: 1px; + color: #444; + list-style: square; +} + +div.source-header { + width: 100%; + margin: 1.4em 0 14px 0; + padding-bottom: 6px; + border-bottom: 2px solid #AAA; +} + +div.source-header p, div.source-header h2 { + display: inline; + border: none; +} + +.info-links { + margin-top: 0; +} + +.info-links:before { + content: "– "; +} + +/* Tag type */ + +h2.tag { + margin: 5px 0; + padding: 0; + color: #444; + font-family: sans-serif; + font-size: 1.0em; + font-weight: normal; + border: none; +} + +h2.tag a { + font-weight: bold; +} + +h2.tag span.type-O { + margin: 0 3px 0 0; + padding: 2px 4px; + color: #555; + background: #EEE; + font-family: monospace; + font-size: 1.1em; + font-weight: bold; + border: 1px solid #DDD; +} + +br.tag { + padding-bottom: 1em; +} + + +/* E/W/I colors */ + +span.type-I { + color: #111; + background-color: #C7EA3C; +} + +span.type-W { + color: #111; + background-color: #FFEB44; +} + +span.type-E { + color: #111; + background-color: #FF6700; +} + +span.type-X { + color: #111; + background-color: #EE99EE; +} + +span.type-O { + color: #111; + background-color: #DDD; +} + +span.type-P { + color: #111; + background-color: #C7EA3C; +} + +span.type-C { + color: #111; + background-color: blue; +} + +li.type-O { + color: #444; +} + +b.processing-error { + color: #FF6700; +} + +blockquote { + padding: 6px 16px; + background-color: #EEE; + border: 1px solid #DDD; +} + +blockquote.type-I { + background-color: #DFA; + border: 1px solid #C7EA3C; +} + +blockquote.type-W { + background-color: #FFD; + border: 1px solid #FFEB44; +} + +blockquote.type-E { + background-color: #FE9; + border: 1px solid #FF6700; +} + +blockquote.type-X { + background-color: #FECCFE; + border: 1px solid #DE66DE; +} + +blockquote.type-P { + background-color: #DFA; + border: 1px solid #C7EA3C; +} + +blockquote.type-C { + background-color: #DFA; + border: 1px solid #C7EA3C; +} + + +/* + * 5. Footer + */ + +footer { + display: block; /* HTML5 compat */ + margin: 20px 20px; + padding: 10px 0 0 0; + font-size: 0.85em; + border-top: 1px solid #AAA; +} + +footer p { + margin: 0; + padding: 0; +} + + +/* + * 6. Other + */ + +div.clear { + clear: both; +} + |