}
body {
- font-family: FreeSans, sans-serif;
+ font-family: sans-serif;
+ line-height: 1.6;
padding: 1em;
}
-main {
+nav, main, footer {
margin: auto;
- max-width: 38em;
+ max-width: 38rem;
}
-main > header {
- margin-bottom: 1em;
+nav {
+ font-size: 0.84em;
+}
+main {
+ /* margin-top: 1em; */
+ margin-bottom: 3em;
+ /* margin-top: 2%; */
+}
+footer {
+ border-top: 1px solid #bbb;
+ padding-top: 1em;
+}
+footer p {
+ margin: 0;
+ font-size: 0.84em;
}
-#title {
- font-size: 2.1em;
- font-weight: normal;
- margin-bottom: 0;
+#hiddentitle {
+ font-size: 0;
}
-#title:after {
- content: ".org";
- color: #dadada;
+h1 {
+ font-size: 1.5em;
}
#subtitle {
display: inline;
}
a {
+ color: #295bad;
text-decoration: none;
- outline: 0;
+}
+a:hover, a:focus {
+ transition-property: background;
+ transition-duration: 0.1s;
+ background: #f2f8fa;
+ padding: 0.25em 0;
+ color: #0745ad;
+}
+a:active {
+ color: #a10029;
+}
+/*
+a:active {
+ color: #06d;
+ box-shadow: 0 1px 1px #ddd;
+}
+*/
+
+h4 {
+ margin: 0.75em auto;
}
article h3 {
color: #777;
}
+.notice {
+ background-color: #efefef;
+ text-align: center;
+ position: relative;
+}
+.notice::before {
+ content: "↪";
+ position: absolute;
+ left: 0.5em;
+ bottom: 0.05em;
+}
+.notice::after {
+ content: "↩";
+ position: absolute;
+ right: 0.5em;
+ bottom: 0.05em;
+}
+
code {
font-size: 1.15em;
+ text-transform: none;
}
table td {
padding-right: 0
}
-nav ul {
- list-style-type: none;
- padding: 0;
+dl {
+ margin: 0 0 0.5em 0;
}
-nav li {
- display: inline;
+dl:last-child {
+ margin: 0;
+}
+dt {
+ margin-bottom: 0.15em;
}
-nav li:after {
- content: "\00a0\00b7";
+dd {
+ font-size: 0.9em;
+ margin-left: 1.5em;
+ margin-bottom: 0.75em;
}
-nav li:last-child:after {
- content: "";
+.plinks {
+ font-size: 0.9em;
}
-main {
- display: grid;
- grid-template-columns: auto 38em auto;
- grid-column-gap: 1.5em;
- grid-row-gap: 1em;
+ul, ol {
+ list-style: none;
+ padding-left: 1.5em;
+ position: relative;
}
-main > h3 {
- grid-column: 1;
- text-align: right;
- font-size: 1em;
- font-weight: normal;
+li {
+ margin-bottom: 0.25em;
}
-main > header, main > section {
- grid-column: 2;
+ul > li::before {
+ content: '•';
+ position: absolute;
+ left: 0.5em;
}
-main > h3, ul:first-child {
- margin-top: 0;
- margin-bottom: 0;
+/*
+ol {
+ margin: 0;
+ padding: 0;
+}
+ol li {
+ margin-top: 0.5em;
}
-p:first-child {
+ol li:first-child {
margin-top: 0;
}
+*/