diff options
Diffstat (limited to 'martyalchin/static/css/style.css')
| -rw-r--r-- | martyalchin/static/css/style.css | 404 |
1 files changed, 404 insertions, 0 deletions
diff --git a/martyalchin/static/css/style.css b/martyalchin/static/css/style.css new file mode 100644 index 0000000..7ea0791 --- /dev/null +++ b/martyalchin/static/css/style.css @@ -0,0 +1,404 @@ +/* Resets to avoid browser differences */ + +body, button, div, fieldset, form, h1, h2, h3, input, label, li, p, pre, td, textarea, .typygmentdown { + margin: 0; + padding: 0; + text-align: justify; + font-family: Georgia, serif; + font-size: 100%; + line-height: 1.25; + letter-spacing: 0; + border: none; + background: none; +} + +/* Overall page layout */ + +body { + background: white; + color: black; + color: #303030; +} + +@media screen { + body { + width: 700px; + margin: 20px auto; + } +} + +@media print { + body { + margin: 0 2em; + } +} + +/* Headings */ + +h1, h2, h3, h4, h5, h6, .info, .info p { + font-family: Times, serif; + font-weight: normal; + page-break-inside: avoid; +} + +h1 .caps, h2 .caps, h3 .caps { + letter-spacing: -.05em; +} + +h1 { + font-family: Times, serif; + text-align: center; + font-size: 2.25em; + line-height: 1.111; + padding-right: 0.08em; + letter-spacing: -.07em; +} + +h2 { + margin-top: 0.714em; + font-size: 1.75em; + line-height: 0.714; + letter-spacing: -.05em; +} + +h3 { + margin-top: 0.926em; + font-size: 1.35em; + line-height: 0.926; + letter-spacing: -.03em; +} + +h1 .dquo, h2 .dquo, h3 .dquo, h4 .dquo, h5 .dquo, h6 .dquo { + margin-left: -.4em; +} + +.info, .info p { + text-align: center; + letter-spacing: -.03em; +} + +.info p { + margin: 0; +} + +.info img.g { + width: 24px; + height: 24px; + margin: -7px 0; +} + +#home h2 a[href*="http://"] { + padding-right: 28px; + background: url("/static/link.png") right center no-repeat; +} + +#home h2 a[href*="http://"]:visited { + padding-right: 28px; + background: url("/static/visited.png") right center no-repeat; +} + +h2 + p.published { + float: right; + margin-top: -1.25em; +} + +.copyright { + margin: 1.25em 0; +} + +/* Page text */ + +p, p[class] + p { + margin-top: 1.25em; + widows: 2; + orphans: 2; + text-indent: 0; + clear: left; +} + +p + p { + text-indent: 1.5em; + margin-top: 0; +} + +p ~ img { + display: block; + margin: 1.25em auto; +} + +.caps { + letter-spacing: 0.1em; + font-size: 75%; +} + +abbr { + border-bottom: 1px dotted black; +} + +blockquote { + margin: 0 1em; + font-style: italic; + letter-spacing: -0.0625em; +} + +blockquote em { + font-style: normal; + letter-spacing: 0; +} + +div.image { + text-align: center; + margin: 1.25em 0; +} + +img { + border: none; +} + + + +.side { + position: absolute; + width: 150px; + height: auto; + margin-left: 710px; +} + +.left.side { + margin-left: -160px; +} + +.right.side { + margin-left: 710px; +} + +@media screen { + h1 a, h2 a, h3 a, .info a { + text-decoration: none; + } + + a:link { + color: #85ac40; + } + + a:visited { + color: #61883b; + } + + ::selection { + background: #dcff9d; + } + + ::-moz-selection { + background: #e2ffaf; + } +} + +@media print { + a { + color: inherit; + text-decoration: none; + } + + abbr { + border-bottom: none; + } +} + +/* Lists */ + +ul, ol { + margin: 1.25em 0 1.25em -1.5em; + padding-left: 1.5em; +} + +ul ul, ul ol, ol ol, ol ul { + margin: 0; +} + +ul li { + list-style: disc; +} + +li p { + margin: 0; +} + +/* Code */ + +pre { + margin-top: 1.47em; + font-family: Courier; + font-size: .85em; + line-height: 1.47; + overflow: visible; +} + +code { + font-family: Courier; + font-size: .85em; + line-height: 1; +} + +.typygmentdown .c { + font-style: italic; +} + +.typygmentdown .k, .typygmentdown .ow { + color: #404040; +} + +.typygmentdown .c, .typygmentdown .sd { + color: #808080; +} + +/* Comments */ + +#comment-list { + margin: 0; + padding: 0; +} + +#comment-list li { + padding-bottom: 1.25em; +} + +#comment-list cite { + font-style: normal; +} + +#comment-list cite + blockquote { + margin-top: 0; +} + +#comment-list blockquote { + margin: 0; +} + +#comment-list p { + margin-top: 1.25em; + text-indent: 0; +} + +#comment-form th { + width: 25%; +} + +#comment-form input, #comment-form select, #comment-form textarea { + width: 100%; +} + +@media print { + #comment-list, #comment-form { + display: none; + } +} + +/* Friends */ + +#friends li { + list-style: none; + margin-left: 0; + padding-left: 0; +} + +#friends a[rel] { + margin-left: 20px; +} + +#friends a[rel~="colleague"] { + background: url("/static/dj.png") left center no-repeat; + margin-left: 0; + padding-left: 20px; +} + +/* Forms */ + +form, form p { + text-indent: 0; + text-align: left; +} + +from th, form td { + margin: 0; + padding: 0; +} + +input, select, textarea { + background: white; + line-height: 1.5; +} + +input[type="submit"], button { + border: 1px outset; + text-align: center; + background: #85ac40; + padding: .2em; +} + +input[type="text"], textarea { + vertical-align: top; + border: 1px solid #e0e0e0; +} + +input[type="text"], select { + width: 15em; +} + +textarea { + width: 45em; + height: 7.5em; + overflow: auto; +} + +#honeypot { + display: none; +} + +/* Tables */ + +table { + border-collapse: collapse; + border: none; + margin: 1.25em auto; +} + +caption { + border-bottom: 1px solid #303030; +} + +thead th { + border-bottom: 1px solid #303030; +} + +tfoot th, +tfoot td { + border-top: 1px solid #303030; +} + +th[scope="row"], +th[scope="col"] { + text-align: left; +} + +tbody + tbody th, tbody + tbody td { + border-top: 1px solid #d0d0d0; +} + +tbody + tbody tr + tr th, +tbody + tbody tr + tr td, +tfoot tr + tr th, +tfoot tr + tr td { + border-top: none; +} + +th, td { + padding: 0 0.5em; + font-weight: normal; + vertical-align: top; +} + +table.numeric td, table.numeric th[scope="col"] { + text-align: right; +} + |