git.shiar.nl / sheet.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (from parent 1: d0b79da)
unicode: use common digraphs stylesheet
authorMischa POSLAWSKY <perl@shiar.org>
Mon, 15 Sep 2008 23:27:00 +0000 (23:27 +0000)
committerMischa POSLAWSKY <perl@shiar.org>
Tue, 16 Sep 2008 03:31:32 +0000 (03:31 +0000)
Less code (or styling actually) duplication is always good.  Unlike the vim
(keyboard) page, the digraphs and unicode (character) pages mostly have
identical styling requirements.

digraphs.css patch | blob | history
unicode.plp patch | blob | history

diff --git a/digraphs.css b/digraphs.css
index f7a1d9cecac399872c9ab804b455bb8badb614c0..cf81ad77bdd6a933d955a5fa5e40436e7130196f 100644 (file)
--- a/digraphs.css
+++ b/digraphs.css
@@ -18,11 +18,13 @@ a:active, a:hover {
 
 h1 {
        text-align: center;
-       font-size: 200%;
-       margin: 0 0 0.2em;
+       font-size: 180%;  /* 200% * 90% */
+       margin: 0 0 0.5ex;
 }
 p {
        text-align: center;
+       font-size: 90%;  /* like base.css body */
+       margin: 1ex 0 1em;
 }
 p#footer {
        margin: 1em 0 0;
diff --git a/unicode.plp b/unicode.plp
index c7b85c27bfb531a4ada779523a23dc310800a3a2..4d48bb4365d84520a47fbf29830d746324d66abb 100644 (file)
--- a/unicode.plp
+++ b/unicode.plp
@@ -15,17 +15,36 @@ $header{content_type} = 'text/html; charset=utf-8';
 <head>
 <title>digraph cheat sheet</title>
 <meta http-equiv="content-type" content="utf-8">
-<!-- link rel="stylesheet" type="text/css" media="all" href="unicode.css" -->
+<link rel="stylesheet" type="text/css" media="all" href="/digraphs.css">
 <style>
 table {
-       border-collapse: collapse;
-       margin: 1ex;
+       margin: 1ex 1ex 2ex;
+       float: left;
+       table-layout: auto;
+}
+thead td {
+       width: auto;
+}
+tbody {
+       border-width: 0;
+}
+h2, h3 {
+       clear: both;
+}
+
+th {
+       text-align: left;
+       font-size: 50%;
+       background: #888;
+       color: #FFF;
+       padding: 0 0.2em;
 }
-tbody td, th {
-       border: 1px solid #888;
+thead td {
+       border: 0;
 }
+
 td {
-       text-align: center;
+       background: transparent;
        vertical-align: top;
        margin: 0;
        padding: 0;
@@ -37,19 +56,7 @@ small {
        background: #888;
        color: #FFF;
 }
-table {
-       float: left;
-}
-h2, h3 {
-       clear: both;
-}
-th {
-       text-align: left;
-       font-size: 50%;
-       background: #888;
-       color: #FFF;
-       padding: 0 0.5em;
-}
+
 td.empty {
        background: #DDD;
 }
sheet.shiar.nl - software cheat sheets