diff options
Diffstat (limited to 'src/style.css')
-rw-r--r-- | src/style.css | 100 |
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; } |