aboutsummaryrefslogtreecommitdiff
path: root/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css100
1 files changed, 90 insertions, 10 deletions
diff --git a/src/style.css b/src/style.css
index c150661..74e0a75 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,8 +1,10 @@
body {
font: 16px/1.4 Arial, Helvetica, sans-serif;
- width: 600px;
- margin: 0 auto;
- padding: 0 1em;
+ min-width: 800px;
+ max-width: 1300px;
+ margin: 0 auto 1em auto;
+ background: #fff;
+ color: #111;
}
h1, h2, h3, h4, h5, h6 {
@@ -13,15 +15,48 @@ pre, code, tt {
font-size: 14px;
}
+td pre {
+ margin-top: 0;
+}
+
h1#title {
text-align: center;
+ border-top: 8px solid #d00;
+ padding-top: 0.5em;
+ font-size: 2.4em;
+ margin-top: 0;
+ margin-bottom: 1em;
+}
+
+h2.heading {
+ font-size: 1.5em;
+ text-align: center;
+ border-top: 6px solid #5F5ABF;
+ padding-top: 0.5em;
+ margin-top: 2em;
+ margin-bottom: 1.3em;
+}
+
+p#footer {
+ text-align: center;
+ font-size: smaller;
+ color: #666;
+ border-top: 1px solid #ccc;
+ padding-top: 0.6em;
+}
+
+p {
+ text-align: justify;
+ hyphens: auto;
+ -o-hyphens: auto;
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
}
p.intro {
font-size: 18px;
color: #d00;
margin: 0 1.8em;
- text-align: justify;
}
p.intro cite {
font-size: 14px;
@@ -30,18 +65,63 @@ p.intro cite {
font-style: normal;
}
-.box {
- border: 1px dashed #ccc;
- padding: 0 1em;
- margin: 1em 0;
+table {
+ border-collapse: collapse;
+}
+
+td {
+ padding: 0em 2em;
+ width: 50%;
+ vertical-align: top;
+}
+
+td.heading-cell {
+ padding: 0;
+}
+
+tr + tr {
+ //border-top: 1px dashed #ccc;
+}
+
+tr.heading-row, tr.heading-row + tr {
+ border-top: 0;
}
-.box h2 {
+
+td + td {
+ //border-left: 1px dashed #ccc;
+}
+
+td h3 {
+ width: 100%;
font-size: 18px;
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: normal;
}
.entry .date, .entry .from {
- font-size: smaller;
+ font-size: 12px;
+}
+.entry .subject {
+ font-size: 14px;
}
.entry {
margin-bottom: 1em;
}
+
+#p5p h3 { border-bottom: 3px solid #34A630; }
+#p5p a { color: #2F722F; }
+
+#blogs h3 { border-bottom: 3px solid #3075A6; }
+#blogs a { color: #253174; }
+
+#reddit h3 { border-bottom: 3px solid #33CBCD; }
+#reddit a { color: #177A7C; }
+
+#perlmonks h3 { border-bottom: 3px solid #000066; }
+#perlmonks a { color: #111169; }
+
+#cpan h3 { border-bottom: 3px solid #CC3333; }
+#cpan a { color: #A33C3C; }
+
+#irc h3 { border-bottom: 3px solid #CCC433; }
+#irc a { color: #8F8A2D; }