summaryrefslogtreecommitdiffstats
path: root/data/stylesheets
diff options
context:
space:
mode:
Diffstat (limited to 'data/stylesheets')
-rw-r--r--data/stylesheets/lintian.css489
1 files changed, 489 insertions, 0 deletions
diff --git a/data/stylesheets/lintian.css b/data/stylesheets/lintian.css
new file mode 100644
index 0000000..fe7b9a9
--- /dev/null
+++ b/data/stylesheets/lintian.css
@@ -0,0 +1,489 @@
+/* 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
+ */
+
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+
+ font-family: 'Roboto', serif;
+ color: #222;
+}
+
+h1, h2 {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 400;
+}
+
+h1 {
+ margin-top: 0;
+}
+
+article h1 {
+ font-size: 28px;
+}
+
+h2 {
+ margin-top: 25px;
+ margin-bottom: 14px;
+ padding-bottom: 6px;
+ border-bottom: 2px solid #AAA;
+}
+
+h3 {
+ margin: 5px 0 5px 10px;
+ color: #444;
+ font-size: 1.0em;
+}
+
+a {
+ color: #3252B2;
+}
+
+ul {
+ margin: 0;
+}
+
+li {
+ color: #333;
+}
+
+hr {
+ display: none;
+}
+
+/*
+ * 2. Header title
+ */
+
+body > header {
+ background: #F3F3F3 url("/images/logo-small.png") no-repeat right;
+ border-bottom: 1px solid #AAA;
+
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ color: #333;
+
+ height: 50px;
+ padding-right: 85px; /* space for logo */
+}
+
+body > header h1 {
+ font-family: 'Roboto', serif;
+ font-size: 1.2em;
+ margin: 20px 20px;
+}
+
+body > header a {
+ color: inherit;
+ text-decoration: none;
+}
+
+body > header nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+body > header nav li {
+ display: inline-block;
+}
+
+body > header nav a {
+ display: block;
+ padding: 3px 5px;
+ font-size: 0.9em;
+ border-bottom: 2px solid #f3f3f4;
+}
+
+body > header nav a:hover {
+ border-bottom: 2px solid #D70751;
+}
+
+/*
+ * 4. Main content
+ */
+
+main {
+ margin: 40px 40px 0;
+ font-size: 0.9em;
+}
+
+.showcase {
+ margin: 25px 0;
+ padding: 40px 20px;
+ background: #EFF4F8 url("/images/l.png") no-repeat left;
+ background-origin: content-box;
+ border: 1px solid #DFE4E8;
+}
+
+.showcase p {
+ margin-left: 160px;
+ font-size: 1.1em;
+}
+
+/* For smaller devices, we leave out the "icon" - it is fairly wide with
+ * little added value.
+ */
+@media (max-width: 700px) {
+
+ .showcase {
+ margin: 25px 0;
+ padding: 20px;
+ background: #EFF4F8;
+ border: 1px solid #DFE4E8;
+ }
+
+ .showcase p {
+ margin-left: 5%;
+ }
+}
+
+li span {
+ margin: 0 0px 0 0;
+ padding: 1px 0px;
+}
+
+/* E/W/I colors */
+
+span.label {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+}
+
+article#hints {
+ margin-top: 20px;
+ padding-top: 10px;
+ border-top: 2px solid #AAA;
+ clear: both;
+}
+
+.hint.tiny {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ font-size: 0.9em;
+}
+
+.context.tiny {
+ font-family: 'Roboto', sans-serif;
+ font-style: italic;
+ font-size: 0.9em;
+}
+
+.comment.tiny {
+ font-family: 'Roboto', sans-serif;
+ font-size: 0.9em;
+}
+
+ul.minor {
+ list-style-type: none;
+}
+
+ul.see-also {
+ padding-bottom: 1em;
+}
+
+ul.taglist {
+ list-style-type: none;
+}
+
+ul.screenlist {
+ list-style-type: none;
+}
+
+ul.sourcelist {
+ list-style-type: none;
+}
+
+ul.filelist {
+ list-style-type: disc;
+ margin-left: 2em;
+}
+
+ul.hintlist {
+ list-style: none;
+ padding-left: 10px;
+}
+
+ul.commentlist {
+ list-style: none;
+ padding-left: 0px;
+}
+
+li.fileitem {
+ margin: 10px 0 5px 0;
+}
+
+span.visibility-symbol {
+ font-family: monospace;
+ font-size: 1.1em;
+}
+
+a.visibility-symbol {
+ text-decoration: none;
+}
+
+a.visibility-symbol:hover {
+ filter: invert(100%);
+}
+
+a.visibility-symbol.big {
+ padding: 1px 5px;
+ margin-right: 5px;
+ font-weight: normal;
+}
+
+a.visibility-symbol.tiny {
+ font-weight: bold;
+ padding: 1px 3px;
+}
+
+a.visibility-symbol::before {
+ border: 1px solid;
+ display: inline-block;
+ width: 1em;
+ font-family: monospace;
+ font-size: 1.1em;
+ text-align: center;
+}
+
+a.visibility-symbol.error::before {
+ content: 'E';
+ color: #fff;
+ border-color: #fff;
+ background-color: #fc0905;
+}
+
+a.visibility-symbol.warning::before {
+ content: 'W';
+ color: #111;
+ border-color: #888;
+ background-color: #fceb02;
+}
+
+a.visibility-symbol.info::before {
+ content: 'I';
+ color: #fff;
+ border-color: #fff;
+ background-color: #465efc;
+}
+
+a.visibility-symbol.pedantic::before {
+ content: 'P';
+ color: #fff;
+ border-color: #fff;
+ background-color: #00c627;
+}
+
+a.visibility-symbol.experimental::before {
+ content: 'X';
+ color: #fff;
+ border-color: #fff;
+ background-color: #9e8040;
+}
+
+a.visibility-symbol.mask::before {
+ content: 'M';
+ color: #111;
+ border-color: #444;
+ background-color: #ddd;
+}
+
+a.visibility-symbol.override::before {
+ content: 'O';
+ color: #fff;
+ border-color: #fff;
+ background-color: #444;
+}
+
+a.visibility-symbol.classification::before {
+ content: 'C';
+ color: #fff;
+ border-color: #fff;
+ background-color: #bc55fc;
+}
+
+section.explanation {
+ padding: 8px 28px;
+ background-color: #EEE;
+ border: 1px solid #BBB;
+ float: left;
+ clear:left;
+}
+
+.explanation.error {
+ background-color: #fccac9;
+ border: 1px solid #fc0905;
+}
+
+.explanation.warning {
+ background-color: #fcf9c9;
+ border: 1px solid #fceb02;
+}
+
+.explanation.info {
+ background-color: #dee2fc;
+ border: 1px solid #465efc;
+}
+
+.explanation.pedantic {
+ background-color: #d4fcdc;
+ border: 1px solid #00c627;
+}
+
+.explanation.experimental {
+ background-color: #fcf2de;
+ border: 1px solid #9e8040;
+}
+
+.explanation.classification {
+ background-color: #f4e8fc;
+ border: 1px solid #bc55fc;
+}
+
+section.auxiliary {
+ margin: 20px 0;
+ float: left;
+}
+
+div.terminal {
+ margin-bottom: 1em;
+}
+
+p.terminal {
+ font-family: monospace;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+article.version {
+ display: flex;
+ gap: 1em;
+ align-items: flex-start;
+}
+
+article.version nav.version-selector {
+ flex: 0 auto;
+ order: 2;
+}
+
+nav.version-selector {
+ background-color: #F3F3F3;
+ border: 1px solid #AAA;
+ padding: 0.8em;
+ margin: 0 0 20px 20px;
+ display: inline-block;
+ float: right;
+}
+
+.version-selector h3 {
+ font-weight: bold;
+ text-align: center;
+ white-space: nowrap;
+ margin: 0;
+ margin-bottom: 0.5em;
+}
+
+.version-selector ul {
+ list-style: none;
+ padding: 0;
+}
+
+.version-selector li {
+ white-space: nowrap;
+}
+
+.version-selector span.highlight {
+ color: #D70751;
+}
+
+span.maintenance_links {
+ font-size: 0.6em;
+ margin-left: 1.2em;
+}
+
+.liberty.main {
+}
+
+.liberty.contrib {
+ color: red;
+}
+
+.liberty.non-free {
+ color: red;
+}
+
+span.release-list {
+ font-style: italic;
+}
+
+span.quote {
+ font-style: italic;
+}
+
+span.run-details {
+ font-style: italic;
+}
+
+a.sample {
+ font-style: italic;
+}
+
+/*
+ * 5. Footer
+ */
+
+footer {
+ display: block; /* HTML5 compat */
+ margin: 20px 20px;
+ padding: 10px 0 0 0;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 0.85em;
+ border-top: 1px solid #AAA;
+}
+
+footer p {
+ margin: 0;
+ padding: 0;
+}