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;
+}
+