forked from borismus/markdown-preview
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
replaced the much-agonized-over css with that of GitHub.css from Mou.app
- Loading branch information
1 parent
d47ae43
commit 97c08a2
Showing
1 changed file
with
68 additions
and
96 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,102 +1,74 @@ | ||
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } | ||
|
||
body{ | ||
color:#444; | ||
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; | ||
font-size:12px; | ||
line-height:1.5em; | ||
padding:1em; | ||
margin:auto; | ||
max-width:42em; | ||
background:#fefefe; | ||
*{margin:0;padding:0;} | ||
body { | ||
font:13.34px helvetica,arial,freesans,clean,sans-serif; | ||
color:black; | ||
line-height:1.4em; | ||
background-color: #F8F8F8; | ||
padding: 0.7em; | ||
} | ||
|
||
a{ color: #0645ad; text-decoration:none;} | ||
a:visited{ color: #0b0080; } | ||
a:hover{ color: #06e; } | ||
a:active{ color:#faa700; } | ||
a:focus{ outline: thin dotted; } | ||
a:hover, a:active{ outline: 0; } | ||
|
||
::-moz-selection{background:rgba(255,255,0,0.3);color:#000} | ||
::selection{background:rgba(255,255,0,0.3);color:#000} | ||
|
||
a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad} | ||
a::selection{background:rgba(255,255,0,0.3);color:#0645ad} | ||
|
||
p{ | ||
margin:1em 0; | ||
p { | ||
margin:1em 0; | ||
line-height:1.5em; | ||
} | ||
|
||
img{ | ||
max-width:100%; | ||
table { | ||
font-size:inherit; | ||
font:100%; | ||
margin:1em; | ||
} | ||
|
||
h1,h2,h3,h4,h5,h6{ | ||
font-weight:normal; | ||
color:#111; | ||
line-height:1em; | ||
table th{border-bottom:1px solid #bbb;padding:.2em 1em;} | ||
table td{border-bottom:1px solid #ddd;padding:.2em 1em;} | ||
input[type=text],input[type=password],input[type=image],textarea{font:99% helvetica,arial,freesans,sans-serif;} | ||
select,option{padding:0 .25em;} | ||
optgroup{margin-top:.5em;} | ||
pre,code{font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;} | ||
pre { | ||
margin:1em 0; | ||
font-size:12px; | ||
background-color:#eee; | ||
border:1px solid #ddd; | ||
padding:5px; | ||
line-height:1.5em; | ||
color:#444; | ||
overflow:auto; | ||
-webkit-box-shadow:rgba(0,0,0,0.07) 0 1px 2px inset; | ||
-webkit-border-radius:3px; | ||
-moz-border-radius:3px;border-radius:3px; | ||
} | ||
h4,h5,h6{ font-weight: bold; } | ||
h1{ font-size:2.5em; } | ||
h2{ font-size:2em; } | ||
h3{ font-size:1.5em; } | ||
h4{ font-size:1.2em; } | ||
h5{ font-size:1em; } | ||
h6{ font-size:0.9em; } | ||
|
||
blockquote{ | ||
color:#666666; | ||
margin:0; | ||
padding-left: 3em; | ||
border-left: 0.5em #EEE solid; | ||
pre code { | ||
padding:0; | ||
font-size:12px; | ||
background-color:#eee; | ||
border:none; | ||
} | ||
hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; } | ||
pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; } | ||
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } | ||
|
||
b, strong { font-weight: bold; } | ||
|
||
dfn { font-style: italic; } | ||
|
||
ins { background: #ff9; color: #000; text-decoration: none; } | ||
|
||
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } | ||
|
||
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } | ||
sup { top: -0.5em; } | ||
sub { bottom: -0.25em; } | ||
|
||
ul, ol { margin: 1em 0; padding: 0 0 0 2em; } | ||
li p:last-child { margin:0 } | ||
dd { margin: 0 0 0 2em; } | ||
|
||
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } | ||
|
||
table { border-collapse: collapse; border-spacing: 0; } | ||
td { vertical-align: top; } | ||
|
||
@media only screen and (min-width: 480px) { | ||
body{font-size:14px;} | ||
} | ||
|
||
@media only screen and (min-width: 768px) { | ||
body{font-size:16px;} | ||
} | ||
|
||
@media print { | ||
* { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; } | ||
body{font-size:12pt; max-width:100%;} | ||
a, a:visited { text-decoration: underline; } | ||
hr { height: 1px; border:0; border-bottom:1px solid black; } | ||
a[href]:after { content: " (" attr(href) ")"; } | ||
abbr[title]:after { content: " (" attr(title) ")"; } | ||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } | ||
pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; } | ||
tr, img { page-break-inside: avoid; } | ||
img { max-width: 100% !important; } | ||
@page :left { margin: 15mm 20mm 15mm 10mm; } | ||
@page :right { margin: 15mm 10mm 15mm 20mm; } | ||
p, h2, h3 { orphans: 3; widows: 3; } | ||
h2, h3 { page-break-after: avoid; } | ||
code { | ||
font-size:12px; | ||
background-color:#f8f8ff; | ||
color:#444; | ||
padding:0 .2em; | ||
border:1px solid #dedede; | ||
} | ||
img{border:0;max-width:100%;} | ||
abbr{border-bottom:none;} | ||
a{color:#4183c4;text-decoration:none;} | ||
a:hover{text-decoration:underline;} | ||
a code,a:link code,a:visited code{color:#4183c4;} | ||
h2,h3{margin:1em 0;} | ||
h1,h2,h3,h4,h5,h6{border:0;} | ||
h1{font-size:170%;border-top:4px solid #aaa;padding-top:.5em;margin-top:1.5em;} | ||
h1:first-child{margin-top:0;padding-top:.25em;border-top:none;} | ||
h2{font-size:150%;margin-top:1.5em;border-top:4px solid #e0e0e0;padding-top:.5em;} | ||
h3{margin-top:1em;} | ||
hr{border:1px solid #ddd;} | ||
ul{margin:1em 0 1em 2em;} | ||
ol{margin:1em 0 1em 2em;} | ||
ul li,ol li{margin-top:.5em;margin-bottom:.5em;} | ||
ul ul,ul ol,ol ol,ol ul{margin-top:0;margin-bottom:0;} | ||
blockquote{margin:1em 0;border-left:5px solid #ddd;padding-left:.6em;color:#555;} | ||
dt{font-weight:bold;margin-left:1em;} | ||
dd{margin-left:2em;margin-bottom:1em;} | ||
@media screen and (min-width: 768px) { | ||
body { | ||
width: 748px; | ||
margin:10px auto; | ||
} | ||
} |