mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-07-07 04:24:22 +00:00
102724b3e8
Embed the SVG image in an IMG tag rather than directly, to ensure that it has it's own DOM state (otherwise things like IDs in SVG images are visible to the hosting page)
97 lines
1.6 KiB
CSS
97 lines
1.6 KiB
CSS
body {
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
/* Following styles created with http://www.gridlover.net/; */
|
|
|
|
body {
|
|
font-size: 15px;
|
|
line-height: 22px;
|
|
}
|
|
code, pre {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
padding: 0 3px 2px;
|
|
font-family: Monaco, Andale Mono, Courier New, monospace;
|
|
font-size: 12px;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
code {
|
|
background-color: #fee9cc;
|
|
color: rgba(0, 0, 0, 0.75);
|
|
padding: 1px 3px;
|
|
}
|
|
pre {
|
|
background-color: #f5f5f5;
|
|
display: block;
|
|
padding: 8.5px;
|
|
margin: 0 0 18px;
|
|
line-height: 18px;
|
|
font-size: 12px;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
white-space: pre;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
article {
|
|
max-width: 644px;
|
|
margin: auto;
|
|
}
|
|
.title {
|
|
font-weight: bold;
|
|
font-size: 62px;
|
|
line-height: 81px;
|
|
}
|
|
h1 {
|
|
font-size: 33px;
|
|
line-height: 54px;
|
|
margin-top: 54px;
|
|
margin-bottom: 27px;
|
|
}
|
|
h2 {
|
|
font-size: 25px;
|
|
line-height: 27px;
|
|
margin-top: 27px;
|
|
margin-bottom: 0px;
|
|
}
|
|
p, ul {
|
|
margin-top: 0px;
|
|
margin-bottom: 27px;
|
|
}
|
|
.small, aside {
|
|
font-size: 13px;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.linkExternal::before {
|
|
content: "\27a0\00a0";
|
|
}
|
|
|
|
a:hover {
|
|
background-color: #00e;
|
|
color: #fff;
|
|
}
|
|
|
|
a.tw-tiddlylink {
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
a.tw-tiddlylink-resolves {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
a.tw-tiddlylink-missing {
|
|
font-style: italic;
|
|
}
|