mirror of
https://github.com/loot/libloot.git
synced 2026-07-27 14:16:01 -07:00
Docs styling update.
Use Roboto font, colours from LOOT's colour scheme. The docs no longer depend on Polymer files, and if the font files are missing, the styling degrades gracefully.
This commit is contained in:
Oliver Hamlet
+140
-69
@@ -2,99 +2,170 @@
|
||||
<meta charset="utf-8">
|
||||
<title>LOOT Metadata Syntax</title>
|
||||
<style>
|
||||
body {
|
||||
font: 10pt/1.5 Helvetica,sans-serif;
|
||||
/* This styling is from the report's typography.css file. The font paths
|
||||
have been edited. */
|
||||
/* Font definitions */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../resources/report/fonts/Roboto-Light.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('../resources/report/fonts/Roboto-LightItalic.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../resources/report/fonts/Roboto-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('../resources/report/fonts/Roboto-Italic.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url('../resources/report/fonts/Roboto-Medium.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('../resources/report/fonts/Roboto-MediumItalic.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../resources/report/fonts/Roboto-Bold.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('../resources/report/fonts/Roboto-BoldItalic.ttf');
|
||||
}
|
||||
|
||||
/* Typography */
|
||||
html {
|
||||
font:11pt/1.429 Roboto, sans-serif;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
font-weight: 400;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
p, ul, li {
|
||||
margin: 1.5em 0;
|
||||
.display2, h1 {
|
||||
font-weight: 400;
|
||||
font-size: 3.214rem;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
line-height: 1.067;
|
||||
}
|
||||
h1, h3, h2 {
|
||||
font-weight: normal;
|
||||
.headline, h2 {
|
||||
font-weight: 400;
|
||||
font-size: 1.714rem;
|
||||
line-height: 1.333;
|
||||
}
|
||||
h1 {
|
||||
font-size: 36pt;
|
||||
line-height: 0.5;
|
||||
margin-top: 1.125em;
|
||||
margin-bottom: 0.375em;
|
||||
.title, h3 {
|
||||
font-weight: 500;
|
||||
font-size: 1.429rem;
|
||||
/*letter-spacing: 0.005em;*/
|
||||
}
|
||||
h2 {
|
||||
font-size: 24pt;
|
||||
line-height: 0.75;
|
||||
margin-top: 3em;
|
||||
margin-bottom: 1.5em;
|
||||
.subhead, h4,
|
||||
#summary > h1,
|
||||
html /deep/ paper-item {
|
||||
font-weight: 400;
|
||||
font-size: 1.143rem;
|
||||
line-height: 1.75;
|
||||
/* Alternate line height: */
|
||||
/* line-height: 1.5; */
|
||||
/*letter-spacing: 0.01em;*/
|
||||
}
|
||||
h3 {
|
||||
font-size: 18pt;
|
||||
line-height: 1;
|
||||
margin-top: 3.5em;
|
||||
margin-bottom: 1em;
|
||||
.button,
|
||||
html /deep/ paper-tab,
|
||||
html /deep/ paper-button {
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
text-transform: uppercase;
|
||||
/*letter-spacing: 0.01em;*/
|
||||
}
|
||||
ul, ol {
|
||||
margin-top:0.5em;
|
||||
margin-bottom:1em;
|
||||
|
||||
/* This styling is from the report's style.css file. */
|
||||
a {
|
||||
color: #2196F3;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* Tables */
|
||||
html /deep/ table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background-color: #E8EAF6;
|
||||
}
|
||||
html /deep/ table td, table th {
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
html /deep/ table th {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
|
||||
/* The styling below is specific to the readmes. */
|
||||
h1, ol ol, ul ul, table {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
h2, h3 {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h4, ol, ul, p {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ol ol {
|
||||
list-style:lower-alpha;
|
||||
}
|
||||
li {
|
||||
margin:0.75em 0;
|
||||
}
|
||||
a:link {
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
pre > code, blockquote {
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-radius: 2px;
|
||||
padding: 16px;
|
||||
margin: 16px;
|
||||
display: table;
|
||||
}
|
||||
pre > code {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.75em;
|
||||
white-space: pre;
|
||||
overflow-x: auto;
|
||||
display: table;
|
||||
margin: 1.5em;
|
||||
}
|
||||
blockquote {
|
||||
background: #eee;
|
||||
}
|
||||
code {
|
||||
display: inline-block;
|
||||
padding: 0 3px;
|
||||
padding: 0 4px;
|
||||
background: #eee;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin: 1.5em;
|
||||
margin-bottom: 3em;
|
||||
background: #fafafa;
|
||||
}
|
||||
thead {
|
||||
background: #6badf6;
|
||||
}
|
||||
td, th {
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
th {
|
||||
font-weight: normal;
|
||||
}
|
||||
blockquote {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
padding: 10px;
|
||||
background: #eee;
|
||||
display: table;
|
||||
margin: 1.5em;
|
||||
}
|
||||
a[href^="http"]:after {
|
||||
padding-left: 2px;
|
||||
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
|
||||
a[href^=http]::after {
|
||||
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" height="10px" width="10px" preserveAspectRatio="xMidYMid meet" fit="" style="pointer-events: none; display: block; color: #2196F3; fill: currentcolor; position: relative; top: -2px;"><g><path d="M9 5v2h6.59l-11.59 11.59 1.41 1.41 11.59-11.59v6.59h2v-10z"></path></g></svg>');
|
||||
}
|
||||
abbr {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted black;
|
||||
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
var {
|
||||
color: #8B4513;
|
||||
color: #303F9F;
|
||||
}
|
||||
|
||||
.clipper {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
<!-- LOOT
|
||||
|
||||
Reference in New Issue
Block a user