├── README.md ├── avenir-white.css ├── foghorn.css ├── index.html ├── list.md ├── markdown-alt.css ├── markdown.css ├── markdown1.css ├── markdown10.css ├── markdown2.css ├── markdown3.css ├── markdown4.css ├── markdown5.css ├── markdown6.css ├── markdown7.css ├── markdown8.css ├── markdown9.css ├── sample-markdown.md ├── sample.md ├── screen.css └── swiss.css /README.md: -------------------------------------------------------------------------------- 1 | # [Markdown css theme collection](http://jasonm23.github.io/markdown-css-themes) 2 | 3 | ### Contributing 4 | 5 | Go ahead and fork, all pull requests are welcome, and are accepted if they're broadly useful. 6 | 7 | Thank you. 8 | -------------------------------------------------------------------------------- /avenir-white.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | font-family: "Avenir Next", Helvetica, Arial, sans-serif; 4 | padding:1em; 5 | margin:auto; 6 | max-width:42em; 7 | background:#fefefe; 8 | } 9 | 10 | h1, h2, h3, h4, h5, h6 { 11 | font-weight: bold; 12 | } 13 | 14 | h1 { 15 | color: #000000; 16 | font-size: 28pt; 17 | } 18 | 19 | h2 { 20 | border-bottom: 1px solid #CCCCCC; 21 | color: #000000; 22 | font-size: 24px; 23 | } 24 | 25 | h3 { 26 | font-size: 18px; 27 | } 28 | 29 | h4 { 30 | font-size: 16px; 31 | } 32 | 33 | h5 { 34 | font-size: 14px; 35 | } 36 | 37 | h6 { 38 | color: #777777; 39 | background-color: inherit; 40 | font-size: 14px; 41 | } 42 | 43 | hr { 44 | height: 0.2em; 45 | border: 0; 46 | color: #CCCCCC; 47 | background-color: #CCCCCC; 48 | } 49 | 50 | p, blockquote, ul, ol, dl, li, table, pre { 51 | margin: 15px 0; 52 | } 53 | 54 | img { 55 | max-width: 100%; 56 | } 57 | 58 | table { 59 | border-collapse: collapse; 60 | width: 100%; 61 | } 62 | 63 | table, th, td { 64 | border: 1px solid #EAEAEA; 65 | 66 | border-radius: 3px; 67 | padding: 5px; 68 | } 69 | 70 | tr:nth-child(even) { 71 | background-color: #F8F8F8; 72 | } 73 | 74 | a, a:visited { 75 | color: #4183C4; 76 | background-color: inherit; 77 | text-decoration: none; 78 | } 79 | 80 | #message { 81 | border-radius: 6px; 82 | border: 1px solid #ccc; 83 | display:block; 84 | width:100%; 85 | height:60px; 86 | margin:6px 0px; 87 | } 88 | 89 | button, #ws { 90 | font-size: 10pt; 91 | padding: 4px 6px; 92 | border-radius: 5px; 93 | border: 1px solid #bbb; 94 | background-color: #eee; 95 | } 96 | 97 | code, pre, #ws, #message { 98 | font-family: Monaco, monospace; 99 | font-size: 10pt; 100 | border-radius: 3px; 101 | background-color: #F8F8F8; 102 | color: inherit; 103 | } 104 | 105 | code { 106 | border: 1px solid #EAEAEA; 107 | margin: 0 2px; 108 | padding: 0 5px; 109 | } 110 | 111 | pre { 112 | border: 1px solid #CCCCCC; 113 | overflow: auto; 114 | padding: 4px 8px; 115 | } 116 | 117 | pre > code { 118 | border: 0; 119 | margin: 0; 120 | padding: 0; 121 | } 122 | 123 | #ws { background-color: #f8f8f8; } 124 | 125 | .send { color:#77bb77; } 126 | .server { color:#7799bb; } 127 | .error { color:#AA0000; } 128 | -------------------------------------------------------------------------------- /foghorn.css: -------------------------------------------------------------------------------- 1 | @import url(http://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic&subset=latin); 2 | 3 | img { 4 | max-width: 100%; 5 | } 6 | 7 | table { 8 | width: 100%; 9 | } 10 | 11 | table, th, td { 12 | padding: 5px; 13 | } 14 | 15 | 16 | html, body { 17 | padding:1em; 18 | margin:auto; 19 | max-width:42em; 20 | background:#fefefe; 21 | } 22 | body { 23 | font: 1.3em "Vollkorn", Palatino, Times; 24 | color: #333; 25 | line-height: 1.4; 26 | text-align: justify; 27 | } 28 | header, nav, article, footer { 29 | width: 700px; 30 | margin:0 auto; 31 | } 32 | article { 33 | margin-top: 4em; 34 | margin-bottom: 4em; 35 | min-height: 400px; 36 | } 37 | footer { 38 | margin-bottom:50px; 39 | } 40 | video { 41 | margin: 2em 0; 42 | border:1px solid #ddd; 43 | } 44 | 45 | nav { 46 | font-size: .9em; 47 | font-style: italic; 48 | border-bottom: 1px solid #ddd; 49 | padding: 1em 0; 50 | } 51 | nav p { 52 | margin: 0; 53 | } 54 | 55 | /* Typography 56 | -------------------------------------------------------- */ 57 | 58 | h1 { 59 | margin-top: 0; 60 | font-weight: normal; 61 | } 62 | h2 { 63 | font-weight: normal; 64 | } 65 | h3 { 66 | font-weight: normal; 67 | font-style: italic; 68 | margin-top:3em; 69 | } 70 | p { 71 | margin-top:0; 72 | -webkit-hypens:auto; 73 | -moz-hypens:auto; 74 | hyphens:auto; 75 | } 76 | ul { 77 | list-style: square; 78 | padding-left:1.2em; 79 | } 80 | ol { 81 | padding-left:1.2em; 82 | } 83 | blockquote { 84 | margin-left: 1em; 85 | padding-left: 1em; 86 | border-left: 1px solid #ddd; 87 | } 88 | code { 89 | font-family: "Consolas", "Menlo", "Monaco", monospace, serif; 90 | font-size: .9em; 91 | background: white; 92 | } 93 | a { 94 | color: #2484c1; 95 | text-decoration: none; 96 | } 97 | a:hover { 98 | text-decoration: underline; 99 | } 100 | a img { 101 | border:none; 102 | } 103 | h1 a, h1 a:hover { 104 | color: #333; 105 | text-decoration: none; 106 | } 107 | hr { 108 | color : #ddd; 109 | height : 1px; 110 | margin: 2em 0; 111 | border-top : solid 1px #ddd; 112 | border-bottom : none; 113 | border-left: 0; 114 | border-right: 0; 115 | } 116 | p#heart{ 117 | font-size: 2em; 118 | line-height: 1; 119 | text-align: center; 120 | color: #ccc; 121 | } 122 | .red { 123 | color:#B50000; 124 | } 125 | 126 | /* Home Page 127 | --------------------------- */ 128 | 129 | body#index li { 130 | margin-bottom: 1em; 131 | } 132 | 133 | 134 | /* iPad 135 | -------------------------------------------------------- */ 136 | @media only screen and (max-device-width: 1024px) { 137 | body { 138 | font-size: 120%; 139 | line-height: 1.4; 140 | } 141 | } /* @iPad */ 142 | 143 | /* iPhone 144 | -------------------------------------------------------- */ 145 | @media only screen and (max-device-width: 480px) { 146 | body { 147 | text-align: left; 148 | } 149 | article, footer { 150 | width: auto; 151 | } 152 | article { 153 | padding: 0 10px; 154 | } 155 | } /* @iPhone */ 156 | 157 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 8 | 9 |
10 | Preview another... 11 | 29 |
30 | 38 | 39 |

Markdown css themes

40 | 41 |
42 | 43 |

A First Level Header

44 | 45 |

A Second Level Header

46 | 47 |

A Third Level Header

48 | 49 |

A Fourth Level Header

50 | 51 |
A Fifth Level Header
52 | 53 |
A Sixed Level Header
54 | 55 |

Now is the time for all good men to come to 56 | the aid of their country. This is just a 57 | regular paragraph.

58 | 59 |

The quick brown fox jumped over the lazy 60 | dog’s back.

61 | 62 |
63 | 64 |

Header 3

65 | 66 |

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, 67 | consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. 68 | Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

69 | 70 |

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse 71 | id sem consectetuer libero luctus adipiscing.

72 | 73 |

This is an H2 in a blockquote

74 | 75 |

This is the first level of quoting.

76 | 77 |

This is nested blockquote.

78 | 79 |

Back to the first level.

80 | 81 |

Some of these words are emphasized. 82 | Some of these words are emphasized also.

83 | 84 |

Use two asterisks for strong emphasis. 85 | Or, if you prefer, use two underscores instead.

86 | 87 | 96 | 97 | 98 |

With multiple paragraphs.

99 | 100 | 106 | 107 | 108 |

Vestibulum enim wisi, viverra nec, fringilla in, laoreet 109 | vitae, risus. Donec sit amet nisl. Aliquam semper ipsum 110 | sit amet velit.* Suspendisse id sem consectetuer libero luctus adipiscing.

111 | 112 | 115 | 116 | 117 |

This is the second paragraph in the list item. You’re 118 | only required to indent the first line. Lorem ipsum dolor 119 | sit amet, consectetuer adipiscing elit.

120 | 121 | 129 | 130 | 131 |

Here is an example of a pre code block

132 | 133 | 
tell application "Foo"
134 | beep
135 | end tell
136 |
137 | 138 |

This is an example link.

139 | 140 |

I get 10 times more traffic from Google than from 141 | Yahoo or MSN.

142 | 143 |

I start my morning with a cup of coffee and 144 | The New York Times.

145 | -------------------------------------------------------------------------------- /list.md: -------------------------------------------------------------------------------- 1 | | Name | 2 | |---------------------------------------| 3 | | [avenir-white.css](avenir-white.html) | 4 | | [foghorn.css](foghorn.html) | 5 | | [markdown-alt.css](markdown-alt.html) | 6 | | [markdown.css](markdown.html) | 7 | | [markdown1.css](markdown1.html) | 8 | | [markdown10.css](markdown10.html) | 9 | | [markdown2.css](markdown2.html) | 10 | | [markdown3.css](markdown3.html) | 11 | | [markdown4.css](markdown4.html) | 12 | | [markdown5.css](markdown5.html) | 13 | | [markdown6.css](markdown6.html) | 14 | | [markdown7.css](markdown7.html) | 15 | | [markdown8.css](markdown8.html) | 16 | | [markdown9.css](markdown9.html) | 17 | | [screen.css](screen.html) | 18 | | [swiss.css](swiss.html) | 19 | -------------------------------------------------------------------------------- /markdown-alt.css: -------------------------------------------------------------------------------- 1 | body { 2 | line-height: 1.4em; 3 | color: black; 4 | padding:1em; 5 | margin:auto; 6 | max-width:42em; 7 | } 8 | 9 | li { 10 | color: black; 11 | } 12 | 13 | h1, 14 | h2, 15 | h3, 16 | h4, 17 | h5, 18 | h6 { 19 | border: 0 none !important; 20 | } 21 | 22 | h1 { 23 | margin-top: 0.5em; 24 | margin-bottom: 0.5em; 25 | border-bottom: 2px solid #000080 !important; 26 | } 27 | 28 | h2 { 29 | margin-top: 1em; 30 | margin-bottom: 0.5em; 31 | border-bottom: 2px solid #000080 !important; 32 | } 33 | 34 | pre { 35 | background-color: #f8f8f8; 36 | border: 1px solid #2f6fab; 37 | border-radius: 3px; 38 | overflow: auto; 39 | padding: 5px; 40 | } 41 | 42 | pre code { 43 | background-color: inherit; 44 | border: none; 45 | padding: 0; 46 | } 47 | 48 | code { 49 | background-color: #ffffe0; 50 | border: 1px solid orange; 51 | border-radius: 3px; 52 | padding: 0 0.2em; 53 | } 54 | 55 | a { 56 | text-decoration: underline; 57 | } 58 | 59 | ul, ol { 60 | padding-left: 30px; 61 | } 62 | 63 | li { 64 | margin: 0.2em 0 0 0em; padding: 0px; 65 | } 66 | 67 | em { 68 | color: #b05000; 69 | } 70 | 71 | table.text th, table.text td { 72 | vertical-align: top; 73 | border-top: 1px solid #ccc; 74 | padding:5px; 75 | } 76 | -------------------------------------------------------------------------------- /markdown.css: -------------------------------------------------------------------------------- 1 | html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 2 | 3 | body{ 4 | color:#444; 5 | font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 6 | font-size:12px; 7 | line-height:1.5em; 8 | padding:1em; 9 | margin:auto; 10 | max-width:42em; 11 | background:#fefefe; 12 | } 13 | 14 | a{ color: #0645ad; text-decoration:none;} 15 | a:visited{ color: #0b0080; } 16 | a:hover{ color: #06e; } 17 | a:active{ color:#faa700; } 18 | a:focus{ outline: thin dotted; } 19 | a:hover, a:active{ outline: 0; } 20 | 21 | ::-moz-selection{background:rgba(255,255,0,0.3);color:#000} 22 | ::selection{background:rgba(255,255,0,0.3);color:#000} 23 | 24 | a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad} 25 | a::selection{background:rgba(255,255,0,0.3);color:#0645ad} 26 | 27 | p{ 28 | margin:1em 0; 29 | } 30 | 31 | img{ 32 | max-width:100%; 33 | } 34 | 35 | h1,h2,h3,h4,h5,h6{ 36 | font-weight:normal; 37 | color:#111; 38 | line-height:1em; 39 | } 40 | h4,h5,h6{ font-weight: bold; } 41 | h1{ font-size:2.5em; } 42 | h2{ font-size:2em; } 43 | h3{ font-size:1.5em; } 44 | h4{ font-size:1.2em; } 45 | h5{ font-size:1em; } 46 | h6{ font-size:0.9em; } 47 | 48 | blockquote{ 49 | color:#666666; 50 | margin:0; 51 | padding-left: 3em; 52 | border-left: 0.5em #EEE solid; 53 | } 54 | hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; } 55 | pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; } 56 | pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } 57 | 58 | b, strong { font-weight: bold; } 59 | 60 | dfn { font-style: italic; } 61 | 62 | ins { background: #ff9; color: #000; text-decoration: none; } 63 | 64 | mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } 65 | 66 | sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 67 | sup { top: -0.5em; } 68 | sub { bottom: -0.25em; } 69 | 70 | ul, ol { margin: 1em 0; padding: 0 0 0 2em; } 71 | li p:last-child { margin:0 } 72 | dd { margin: 0 0 0 2em; } 73 | 74 | img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } 75 | 76 | table { 77 | border-collapse: collapse; 78 | border-spacing: 0; 79 | width: 100%; 80 | } 81 | th { border-bottom: 1px solid black; } 82 | td { vertical-align: top; } 83 | 84 | @media only screen and (min-width: 480px) { 85 | body{font-size:14px;} 86 | } 87 | 88 | @media only screen and (min-width: 768px) { 89 | body{font-size:16px;} 90 | } 91 | 92 | @media print { 93 | * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; } 94 | body{font-size:12pt; max-width:100%;} 95 | a, a:visited { text-decoration: underline; } 96 | hr { height: 1px; border:0; border-bottom:1px solid black; } 97 | a[href]:after { content: " (" attr(href) ")"; } 98 | abbr[title]:after { content: " (" attr(title) ")"; } 99 | .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 100 | pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; } 101 | tr, img { page-break-inside: avoid; } 102 | img { max-width: 100% !important; } 103 | @page :left { margin: 15mm 20mm 15mm 10mm; } 104 | @page :right { margin: 15mm 10mm 15mm 20mm; } 105 | p, h2, h3 { orphans: 3; widows: 3; } 106 | h2, h3 { page-break-after: avoid; } 107 | } 108 | -------------------------------------------------------------------------------- /markdown1.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background: #000; 3 | font-family: Georgia, Palatino, serif; 4 | color: #EEE; 5 | line-height: 1; 6 | padding: 30px; 7 | margin:auto; 8 | max-width:42em; 9 | } 10 | h1, h2, h3, h4 { 11 | font-weight: 400; 12 | } 13 | h1, h2, h3, h4, h5, p { 14 | margin-bottom: 24px; 15 | padding: 0; 16 | } 17 | h1 { 18 | font-size: 48px; 19 | } 20 | h2 { 21 | font-size: 36px; 22 | margin: 24px 0 6px; 23 | } 24 | h3 { 25 | font-size: 24px; 26 | } 27 | h4 { 28 | font-size: 21px; 29 | } 30 | h5 { 31 | font-size: 18px; 32 | } 33 | a { 34 | color: #61BFC1; 35 | margin: 0; 36 | padding: 0; 37 | text-decoration: none; 38 | vertical-align: baseline; 39 | } 40 | a:hover { 41 | text-decoration: underline; 42 | } 43 | a:visited { 44 | color: #466B6C; 45 | } 46 | ul, ol { 47 | padding: 0; 48 | margin: 0; 49 | } 50 | li { 51 | line-height: 24px; 52 | } 53 | li ul, li ul { 54 | margin-left: 24px; 55 | } 56 | p, ul, ol { 57 | font-size: 16px; 58 | line-height: 24px; 59 | max-width: 540px; 60 | } 61 | pre { 62 | padding: 0px 24px; 63 | max-width: 800px; 64 | white-space: pre-wrap; 65 | } 66 | code { 67 | font-family: Consolas, Monaco, Andale Mono, monospace; 68 | line-height: 1.5; 69 | font-size: 13px; 70 | } 71 | aside { 72 | display: block; 73 | float: right; 74 | width: 390px; 75 | } 76 | blockquote { 77 | border-left:.5em solid #eee; 78 | padding: 0 2em; 79 | margin-left:0; 80 | max-width: 476px; 81 | } 82 | blockquote cite { 83 | font-size:14px; 84 | line-height:20px; 85 | color:#bfbfbf; 86 | } 87 | blockquote cite:before { 88 | content: '\2014 \00A0'; 89 | } 90 | 91 | blockquote p { 92 | color: #666; 93 | max-width: 460px; 94 | } 95 | hr { 96 | width: 540px; 97 | text-align: left; 98 | margin: 0 auto 0 0; 99 | color: #999; 100 | } 101 | 102 | /* Code below this line is copyright Twitter Inc. */ 103 | 104 | button, 105 | input, 106 | select, 107 | textarea { 108 | font-size: 100%; 109 | margin: 0; 110 | vertical-align: baseline; 111 | *vertical-align: middle; 112 | } 113 | button, input { 114 | line-height: normal; 115 | *overflow: visible; 116 | } 117 | button::-moz-focus-inner, input::-moz-focus-inner { 118 | border: 0; 119 | padding: 0; 120 | } 121 | button, 122 | input[type="button"], 123 | input[type="reset"], 124 | input[type="submit"] { 125 | cursor: pointer; 126 | -webkit-appearance: button; 127 | } 128 | input[type=checkbox], input[type=radio] { 129 | cursor: pointer; 130 | } 131 | /* override default chrome & firefox settings */ 132 | input:not([type="image"]), textarea { 133 | -webkit-box-sizing: content-box; 134 | -moz-box-sizing: content-box; 135 | box-sizing: content-box; 136 | } 137 | 138 | input[type="search"] { 139 | -webkit-appearance: textfield; 140 | -webkit-box-sizing: content-box; 141 | -moz-box-sizing: content-box; 142 | box-sizing: content-box; 143 | } 144 | input[type="search"]::-webkit-search-decoration { 145 | -webkit-appearance: none; 146 | } 147 | label, 148 | input, 149 | select, 150 | textarea { 151 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 152 | font-size: 13px; 153 | font-weight: normal; 154 | line-height: normal; 155 | margin-bottom: 18px; 156 | } 157 | input[type=checkbox], input[type=radio] { 158 | cursor: pointer; 159 | margin-bottom: 0; 160 | } 161 | input[type=text], 162 | input[type=password], 163 | textarea, 164 | select { 165 | display: inline-block; 166 | width: 210px; 167 | padding: 4px; 168 | font-size: 13px; 169 | font-weight: normal; 170 | line-height: 18px; 171 | height: 18px; 172 | color: #808080; 173 | border: 1px solid #ccc; 174 | -webkit-border-radius: 3px; 175 | -moz-border-radius: 3px; 176 | border-radius: 3px; 177 | } 178 | select, input[type=file] { 179 | height: 27px; 180 | line-height: 27px; 181 | } 182 | textarea { 183 | height: auto; 184 | } 185 | 186 | /* grey out placeholders */ 187 | :-moz-placeholder { 188 | color: #bfbfbf; 189 | } 190 | ::-webkit-input-placeholder { 191 | color: #bfbfbf; 192 | } 193 | 194 | input[type=text], 195 | input[type=password], 196 | select, 197 | textarea { 198 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 199 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 200 | transition: border linear 0.2s, box-shadow linear 0.2s; 201 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 202 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 203 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 204 | } 205 | input[type=text]:focus, input[type=password]:focus, textarea:focus { 206 | outline: none; 207 | border-color: rgba(82, 168, 236, 0.8); 208 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 209 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 210 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 211 | } 212 | 213 | /* buttons */ 214 | button { 215 | display: inline-block; 216 | padding: 4px 14px; 217 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 218 | font-size: 13px; 219 | line-height: 18px; 220 | -webkit-border-radius: 4px; 221 | -moz-border-radius: 4px; 222 | border-radius: 4px; 223 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 224 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 225 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 226 | background-color: #0064cd; 227 | background-repeat: repeat-x; 228 | background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); 229 | background-image: -moz-linear-gradient(top, #049cdb, #0064cd); 230 | background-image: -ms-linear-gradient(top, #049cdb, #0064cd); 231 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); 232 | background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); 233 | background-image: -o-linear-gradient(top, #049cdb, #0064cd); 234 | background-image: linear-gradient(top, #049cdb, #0064cd); 235 | color: #fff; 236 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 237 | border: 1px solid #004b9a; 238 | border-bottom-color: #003f81; 239 | -webkit-transition: 0.1s linear all; 240 | -moz-transition: 0.1s linear all; 241 | transition: 0.1s linear all; 242 | border-color: #0064cd #0064cd #003f81; 243 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 244 | } 245 | button:hover { 246 | color: #fff; 247 | background-position: 0 -15px; 248 | text-decoration: none; 249 | } 250 | button:active { 251 | -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 252 | -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 253 | box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 254 | } 255 | button::-moz-focus-inner { 256 | padding: 0; 257 | border: 0; 258 | } 259 | 260 | -------------------------------------------------------------------------------- /markdown10.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;} 2 | body { 3 | font:13.34px helvetica,arial,freesans,clean,sans-serif; 4 | color:black; 5 | line-height:1.4em; 6 | background-color: #F8F8F8; 7 | padding: 0.7em; 8 | } 9 | p { 10 | margin:1em 0; 11 | line-height:1.5em; 12 | } 13 | table { 14 | font-size:inherit; 15 | font:100%; 16 | margin:1em; 17 | } 18 | table th{border-bottom:1px solid #bbb;padding:.2em 1em;} 19 | table td{border-bottom:1px solid #ddd;padding:.2em 1em;} 20 | input[type=text],input[type=password],input[type=image],textarea{font:99% helvetica,arial,freesans,sans-serif;} 21 | select,option{padding:0 .25em;} 22 | optgroup{margin-top:.5em;} 23 | pre,code{font:12px Menlo, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono",monospace;} 24 | pre { 25 | margin:1em 0; 26 | font-size:12px; 27 | background-color:#eee; 28 | border:1px solid #ddd; 29 | padding:5px; 30 | line-height:1.5em; 31 | color:#444; 32 | overflow:auto; 33 | -webkit-box-shadow:rgba(0,0,0,0.07) 0 1px 2px inset; 34 | -webkit-border-radius:3px; 35 | -moz-border-radius:3px;border-radius:3px; 36 | } 37 | pre code { 38 | padding:0; 39 | font-size:12px; 40 | background-color:#eee; 41 | border:none; 42 | } 43 | code { 44 | font-size:12px; 45 | background-color:#f8f8ff; 46 | color:#444; 47 | padding:0 .2em; 48 | border:1px solid #dedede; 49 | } 50 | img{border:0;max-width:100%;} 51 | abbr{border-bottom:none;} 52 | a{color:#4183c4;text-decoration:none;} 53 | a:hover{text-decoration:underline;} 54 | a code,a:link code,a:visited code{color:#4183c4;} 55 | h2,h3{margin:1em 0;} 56 | h1,h2,h3,h4,h5,h6{border:0;} 57 | h1{font-size:170%;border-top:4px solid #aaa;padding-top:.5em;margin-top:1.5em;} 58 | h1:first-child{margin-top:0;padding-top:.25em;border-top:none;} 59 | h2{font-size:150%;margin-top:1.5em;border-top:4px solid #e0e0e0;padding-top:.5em;} 60 | h3{margin-top:1em;} 61 | hr{border:1px solid #ddd;} 62 | ul{margin:1em 0 1em 2em;} 63 | ol{margin:1em 0 1em 2em;} 64 | ul li,ol li{margin-top:.5em;margin-bottom:.5em;} 65 | ul ul,ul ol,ol ol,ol ul{margin-top:0;margin-bottom:0;} 66 | blockquote{margin:1em 0;border-left:5px solid #ddd;padding-left:.6em;color:#555;} 67 | dt{font-weight:bold;margin-left:1em;} 68 | dd{margin-left:2em;margin-bottom:1em;} 69 | sup { 70 | font-size: 0.83em; 71 | vertical-align: super; 72 | line-height: 0; 73 | } 74 | * { 75 | -webkit-print-color-adjust: exact; 76 | } 77 | @media screen and (min-width: 914px) { 78 | body { 79 | width: 854px; 80 | margin:0 auto; 81 | } 82 | } 83 | @media print { 84 | table, pre { 85 | page-break-inside: avoid; 86 | } 87 | pre { 88 | word-wrap: break-word; 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /markdown2.css: -------------------------------------------------------------------------------- 1 | @import url(http://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic&subset=latin); 2 | 3 | html, body { 4 | padding:1em; 5 | margin:auto; 6 | max-width:42em; 7 | background:#fefefe; 8 | } 9 | body { 10 | font: 1.3em "Vollkorn", Palatino, Times; 11 | color: #333; 12 | line-height: 1.4; 13 | text-align: justify; 14 | } 15 | header, nav, article, footer { 16 | width: 700px; 17 | margin:0 auto; 18 | } 19 | article { 20 | margin-top: 4em; 21 | margin-bottom: 4em; 22 | min-height: 400px; 23 | } 24 | footer { 25 | margin-bottom:50px; 26 | } 27 | video { 28 | margin: 2em 0; 29 | border:1px solid #ddd; 30 | } 31 | 32 | nav { 33 | font-size: .9em; 34 | font-style: italic; 35 | border-bottom: 1px solid #ddd; 36 | padding: 1em 0; 37 | } 38 | nav p { 39 | margin: 0; 40 | } 41 | 42 | /* Typography 43 | -------------------------------------------------------- */ 44 | 45 | h1 { 46 | margin-top: 0; 47 | font-weight: normal; 48 | } 49 | h2 { 50 | font-weight: normal; 51 | } 52 | h3 { 53 | font-weight: normal; 54 | font-style: italic; 55 | margin-top:3em; 56 | } 57 | p { 58 | margin-top:0; 59 | -webkit-hypens:auto; 60 | -moz-hypens:auto; 61 | hyphens:auto; 62 | } 63 | ul { 64 | list-style: square; 65 | padding-left:1.2em; 66 | } 67 | ol { 68 | padding-left:1.2em; 69 | } 70 | blockquote { 71 | margin-left: 1em; 72 | padding-left: 1em; 73 | border-left: 1px solid #ddd; 74 | } 75 | code { 76 | font-family: "Consolas", "Menlo", "Monaco", monospace, serif; 77 | font-size: .9em; 78 | background: white; 79 | } 80 | a { 81 | color: #2484c1; 82 | text-decoration: none; 83 | } 84 | a:hover { 85 | text-decoration: underline; 86 | } 87 | a img { 88 | border:none; 89 | } 90 | h1 a, h1 a:hover { 91 | color: #333; 92 | text-decoration: none; 93 | } 94 | hr { 95 | color : #ddd; 96 | height : 1px; 97 | margin: 2em 0; 98 | border-top : solid 1px #ddd; 99 | border-bottom : none; 100 | border-left: 0; 101 | border-right: 0; 102 | } 103 | p#heart{ 104 | font-size: 2em; 105 | line-height: 1; 106 | text-align: center; 107 | color: #ccc; 108 | } 109 | .red { 110 | color:#B50000; 111 | } 112 | 113 | /* Home Page 114 | --------------------------- */ 115 | 116 | body#index li { 117 | margin-bottom: 1em; 118 | } 119 | 120 | 121 | /* iPad 122 | -------------------------------------------------------- */ 123 | @media only screen and (max-device-width: 1024px) { 124 | body { 125 | font-size: 120%; 126 | line-height: 1.4; 127 | } 128 | } /* @iPad */ 129 | 130 | /* iPhone 131 | -------------------------------------------------------- */ 132 | @media only screen and (max-device-width: 480px) { 133 | body { 134 | text-align: left; 135 | } 136 | article, footer { 137 | width: auto; 138 | } 139 | article { 140 | padding: 0 10px; 141 | } 142 | } /* @iPhone */ 143 | -------------------------------------------------------------------------------- /markdown3.css: -------------------------------------------------------------------------------- 1 | html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 2 | 3 | body{ 4 | color:#444; 5 | font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 6 | font-size:12px; 7 | line-height:1.5em; 8 | padding:1em; 9 | margin:auto; 10 | max-width:42em; 11 | background:#fefefe; 12 | } 13 | 14 | a{ color: #0645ad; text-decoration:none;} 15 | a:visited{ color: #0b0080; } 16 | a:hover{ color: #06e; } 17 | a:active{ color:#faa700; } 18 | a:focus{ outline: thin dotted; } 19 | a:hover, a:active{ outline: 0; } 20 | 21 | ::-moz-selection{background:rgba(255,255,0,0.3);color:#000} 22 | ::selection{background:rgba(255,255,0,0.3);color:#000} 23 | 24 | a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad} 25 | a::selection{background:rgba(255,255,0,0.3);color:#0645ad} 26 | 27 | p{ 28 | margin:1em 0; 29 | } 30 | 31 | img{ 32 | max-width:100%; 33 | } 34 | 35 | h1,h2,h3,h4,h5,h6{ 36 | font-weight:normal; 37 | color:#111; 38 | line-height:1em; 39 | } 40 | h4,h5,h6{ font-weight: bold; } 41 | h1{ font-size:2.5em; } 42 | h2{ font-size:2em; } 43 | h3{ font-size:1.5em; } 44 | h4{ font-size:1.2em; } 45 | h5{ font-size:1em; } 46 | h6{ font-size:0.9em; } 47 | 48 | blockquote{ 49 | color:#666666; 50 | margin:0; 51 | padding-left: 3em; 52 | border-left: 0.5em #EEE solid; 53 | } 54 | hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; } 55 | pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; } 56 | pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } 57 | 58 | b, strong { font-weight: bold; } 59 | 60 | dfn { font-style: italic; } 61 | 62 | ins { background: #ff9; color: #000; text-decoration: none; } 63 | 64 | mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } 65 | 66 | sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 67 | sup { top: -0.5em; } 68 | sub { bottom: -0.25em; } 69 | 70 | ul, ol { margin: 1em 0; padding: 0 0 0 2em; } 71 | li p:last-child { margin:0 } 72 | dd { margin: 0 0 0 2em; } 73 | 74 | img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } 75 | 76 | table { border-collapse: collapse; border-spacing: 0; } 77 | td { vertical-align: top; } 78 | 79 | @media only screen and (min-width: 480px) { 80 | body{font-size:14px;} 81 | } 82 | 83 | @media only screen and (min-width: 768px) { 84 | body{font-size:16px;} 85 | } 86 | 87 | @media print { 88 | * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; } 89 | body{font-size:12pt; max-width:100%;} 90 | a, a:visited { text-decoration: underline; } 91 | hr { height: 1px; border:0; border-bottom:1px solid black; } 92 | a[href]:after { content: " (" attr(href) ")"; } 93 | abbr[title]:after { content: " (" attr(title) ")"; } 94 | .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 95 | pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; } 96 | tr, img { page-break-inside: avoid; } 97 | img { max-width: 100% !important; } 98 | @page :left { margin: 15mm 20mm 15mm 10mm; } 99 | @page :right { margin: 15mm 10mm 15mm 20mm; } 100 | p, h2, h3 { orphans: 3; widows: 3; } 101 | h2, h3 { page-break-after: avoid; } 102 | } 103 | -------------------------------------------------------------------------------- /markdown4.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /** 4 | * markdown.css 5 | * 6 | * This program is free software: you can redistribute it and/or modify it under 7 | * the terms of the GNU Lesser General Public License as published by the Free 8 | * Software Foundation, either version 3 of the License, or (at your option) any 9 | * later version. 10 | * 11 | * This program is distributed in the hope that it will be useful, but WITHOUT 12 | * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS 13 | * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more 14 | * details. 15 | * 16 | * You should have received a copy of the GNU Lesser General Public License 17 | * along with this program. If not, see http://gnu.org/licenses/lgpl.txt. 18 | * 19 | * @project Weblog and Open Source Projects of Florian Wolters 20 | * @version GIT: $Id$ 21 | * @package xhtml-css 22 | * @author Florian Wolters 23 | * @copyright 2012 Florian Wolters 24 | * @cssdoc version 1.0-pre 25 | * @license http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License 26 | * @link http://github.com/FlorianWolters/jekyll-bootstrap-theme 27 | * @media all 28 | * @valid true 29 | */ 30 | 31 | body { 32 | font-family: Helvetica, Arial, Freesans, clean, sans-serif; 33 | padding:1em; 34 | margin:auto; 35 | max-width:42em; 36 | background:#fefefe; 37 | } 38 | 39 | h1, h2, h3, h4, h5, h6 { 40 | font-weight: bold; 41 | } 42 | 43 | h1 { 44 | color: #000000; 45 | font-size: 28px; 46 | } 47 | 48 | h2 { 49 | border-bottom: 1px solid #CCCCCC; 50 | color: #000000; 51 | font-size: 24px; 52 | } 53 | 54 | h3 { 55 | font-size: 18px; 56 | } 57 | 58 | h4 { 59 | font-size: 16px; 60 | } 61 | 62 | h5 { 63 | font-size: 14px; 64 | } 65 | 66 | h6 { 67 | color: #777777; 68 | background-color: inherit; 69 | font-size: 14px; 70 | } 71 | 72 | hr { 73 | height: 0.2em; 74 | border: 0; 75 | color: #CCCCCC; 76 | background-color: #CCCCCC; 77 | } 78 | 79 | p, blockquote, ul, ol, dl, li, table, pre { 80 | margin: 15px 0; 81 | } 82 | 83 | code, pre { 84 | border-radius: 3px; 85 | background-color: #F8F8F8; 86 | color: inherit; 87 | } 88 | 89 | code { 90 | border: 1px solid #EAEAEA; 91 | margin: 0 2px; 92 | padding: 0 5px; 93 | } 94 | 95 | pre { 96 | border: 1px solid #CCCCCC; 97 | line-height: 1.25em; 98 | overflow: auto; 99 | padding: 6px 10px; 100 | } 101 | 102 | pre > code { 103 | border: 0; 104 | margin: 0; 105 | padding: 0; 106 | } 107 | 108 | a, a:visited { 109 | color: #4183C4; 110 | background-color: inherit; 111 | text-decoration: none; 112 | } 113 | -------------------------------------------------------------------------------- /markdown5.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0 auto; 3 | background-color:white; 4 | 5 | /* --------- FONT FAMILY -------- 6 | following are some optional font families. Usually a family 7 | is safer to choose than a specific font, 8 | which may not be on the users computer */ 9 | font-family:Georgia, Palatino, serif; 10 | / font-family:"Book Antiqua", Palatino, serif; 11 | / font-family:Arial, Helvetica, sans-serif; 12 | / font-family:Tahoma, Verdana, Geneva, sans-serif; 13 | / font-family:Courier, monospace; 14 | / font-family:"Times New Roman", Times, serif; 15 | 16 | /* -------------- COLOR OPTIONS ------------ 17 | following are additional color options for base font 18 | you could uncomment another one to easily change the base color 19 | or add one to a specific element style below */ 20 | color: #333333; /* dark gray not black */ 21 | / color: #000000; /* black */ 22 | / color: #666666; /* medium gray black */ 23 | / color: #E3E3E3; /* very light gray */ 24 | / color: white; 25 | 26 | line-height: 1; 27 | / max-width: 960px; 28 | max-width: 800px; 29 | padding: 30px; 30 | font-size: 18px; 31 | } 32 | 33 | 34 | p { 35 | / font-size: 22px; 36 | line-height: 150%; 37 | / max-width: 540px; 38 | max-width: 960px; 39 | font-weight: 400; 40 | color: #333333 41 | } 42 | 43 | 44 | h1, h2, h3, h4 { 45 | / color: #111111; 46 | font-weight: 400; 47 | } 48 | 49 | h2, h3, h4, h5, p { 50 | margin-bottom: 25px; 51 | padding: 0; 52 | } 53 | 54 | h1 { 55 | margin-bottom: 10px; 56 | font-size:300%; 57 | padding: 0px; 58 | font-variant:small-caps; 59 | } 60 | 61 | h2 { 62 | font-size:150% 63 | / margin: 24px 0 6px; 64 | } 65 | 66 | h3 { 67 | font-size:120% 68 | } 69 | h4 { 70 | font-size:100% 71 | font-variant:small-caps; 72 | 73 | } 74 | h5 { 75 | font-size:80% 76 | font-weight: 100; 77 | } 78 | 79 | h6 { 80 | font-size:80% 81 | font-weight: 100; 82 | color:red; 83 | font-variant:small-caps; 84 | } 85 | a { 86 | color: grey; 87 | margin: 0; 88 | padding: 0; 89 | vertical-align: baseline; 90 | } 91 | a:hover { 92 | text-decoration: blink; 93 | color: green; 94 | } 95 | a:visited { 96 | color: black; 97 | } 98 | ul, ol { 99 | padding: 0; 100 | margin: 0px 0px 0px 50px; 101 | } 102 | ul { 103 | list-style-type: square; 104 | list-style-position: inside; 105 | 106 | } 107 | 108 | li { 109 | line-height:150% 110 | } 111 | li ul, li ul { 112 | margin-left: 24px; 113 | } 114 | 115 | pre { 116 | padding: 0px 24px; 117 | max-width: 800px; 118 | white-space: pre-wrap; 119 | } 120 | code { 121 | font-family: Consolas, Monaco, Andale Mono, monospace; 122 | line-height: 1.5; 123 | font-size: 13px; 124 | } 125 | aside { 126 | display: block; 127 | float: right; 128 | width: 390px; 129 | } 130 | blockquote { 131 | border-left:.5em solid #eee; 132 | padding: 0 1em; 133 | margin-left:0; 134 | max-width: 476px; 135 | } 136 | blockquote cite { 137 | / font-size:14px; 138 | line-height:20px; 139 | color:#bfbfbf; 140 | } 141 | blockquote cite:before { 142 | content: '\2014 \00A0'; 143 | } 144 | 145 | blockquote p { 146 | color: #666; 147 | max-width: 460px; 148 | } 149 | hr { 150 | / width: 540px; 151 | text-align: left; 152 | margin: 0 auto 0 0; 153 | color: #999; 154 | } 155 | 156 | -------------------------------------------------------------------------------- /markdown6.css: -------------------------------------------------------------------------------- 1 | /* Extracted and interpreted from adcstyle.css and frameset_styles.css */ 2 | 3 | /* body */ 4 | body { 5 | margin: 20px auto; 6 | width: 800px; 7 | background-color: #fff; 8 | color: #000; 9 | font: 13px "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif; 10 | } 11 | 12 | /* links */ 13 | a:link { 14 | color: #00f; 15 | text-decoration: none; 16 | } 17 | 18 | a:visited { 19 | color: #00a; 20 | text-decoration: none; 21 | } 22 | 23 | a:hover { 24 | color: #f60; 25 | text-decoration: underline; 26 | } 27 | 28 | a:active { 29 | color: #f60; 30 | text-decoration: underline; 31 | } 32 | 33 | 34 | /* html tags */ 35 | 36 | /* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */ 37 | 38 | * html code { 39 | font-size: 101%; 40 | } 41 | 42 | * html pre { 43 | font-size: 101%; 44 | } 45 | 46 | /* code */ 47 | 48 | pre, code { 49 | font-size: 11px; font-family: monaco, courier, consolas, monospace; 50 | } 51 | 52 | pre { 53 | margin-top: 5px; 54 | margin-bottom: 10px; 55 | border: 1px solid #c7cfd5; 56 | background: #f1f5f9; 57 | margin: 20px 0; 58 | padding: 8px; 59 | text-align: left; 60 | } 61 | 62 | hr { 63 | color: #919699; 64 | size: 1; 65 | width: 100%; 66 | noshade: "noshade" 67 | } 68 | 69 | /* headers */ 70 | 71 | 72 | h1, h2, h3, h4, h5, h6 { 73 | font-family: "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif; 74 | font-weight: bold; 75 | } 76 | 77 | h1 { 78 | margin-top: 1em; 79 | margin-bottom: 25px; 80 | color: #000; 81 | font-weight: bold; 82 | font-size: 30px; 83 | } 84 | h2 { 85 | margin-top: 2.5em; 86 | font-size: 24px; 87 | color: #000; 88 | padding-bottom: 2px; 89 | border-bottom: 1px solid #919699; 90 | } 91 | h3 { 92 | margin-top: 2em; 93 | margin-bottom: .5em; 94 | font-size: 17px; 95 | color: #000; 96 | } 97 | h4 { 98 | margin-top: 2em; 99 | margin-bottom: .5em; 100 | font-size: 15px; 101 | color: #000; 102 | } 103 | h5 { 104 | margin-top: 20px; 105 | margin-bottom: .5em; 106 | padding: 0; 107 | font-size: 13px; 108 | color: #000; 109 | } 110 | 111 | h6 { 112 | margin-top: 20px; 113 | margin-bottom: .5em; 114 | padding: 0; 115 | font-size: 11px; 116 | color: #000; 117 | } 118 | 119 | p { 120 | margin-top: 0px; 121 | margin-bottom: 10px; 122 | } 123 | 124 | /* lists */ 125 | 126 | ul { 127 | list-style: square outside; 128 | margin: 0 0 0 30px; 129 | padding: 0 0 12px 6px; 130 | } 131 | 132 | li { 133 | margin-top: 7px; 134 | } 135 | 136 | ol { 137 | list-style-type: decimal; 138 | list-style-position: outside; 139 | margin: 0 0 0 30px; 140 | padding: 0 0 12px 6px; 141 | } 142 | 143 | ol ol { 144 | list-style-type: lower-alpha; 145 | list-style-position: outside; 146 | margin: 7px 0 0 30px; 147 | padding: 0 0 0 10px; 148 | } 149 | 150 | ul ul { 151 | margin-left: 40px; 152 | padding: 0 0 0 6px; 153 | } 154 | 155 | li>p { display: inline } 156 | li>p+p { display: block } 157 | li>a+p { display: block } 158 | 159 | 160 | /* table */ 161 | 162 | table { 163 | width: 100%; 164 | border-top: 1px solid #919699; 165 | border-left: 1px solid #919699; 166 | border-spacing: 0; 167 | } 168 | 169 | table th { 170 | padding: 4px 8px 4px 8px; 171 | background: #E2E2E2; 172 | font-size: 12px; 173 | border-bottom: 1px solid #919699; 174 | border-right: 1px solid #919699; 175 | } 176 | table th p { 177 | font-weight: bold; 178 | margin-bottom: 0px; 179 | } 180 | 181 | table td { 182 | padding: 8px; 183 | font-size: 12px; 184 | vertical-align: top; 185 | border-bottom: 1px solid #919699; 186 | border-right: 1px solid #919699; 187 | } 188 | table td p { 189 | margin-bottom: 0px; 190 | } 191 | table td p + p { 192 | margin-top: 5px; 193 | } 194 | table td p + p + p { 195 | margin-top: 5px; 196 | } 197 | 198 | /* forms */ 199 | 200 | form { 201 | margin: 0; 202 | } 203 | 204 | button { 205 | margin: 3px 0 10px 0; 206 | } 207 | input { 208 | vertical-align: middle; 209 | padding: 0; 210 | margin: 0 0 5px 0; 211 | } 212 | 213 | select { 214 | vertical-align: middle; 215 | padding: 0; 216 | margin: 0 0 3px 0; 217 | } 218 | 219 | textarea { 220 | margin: 0 0 10px 0; 221 | width: 100%; 222 | } -------------------------------------------------------------------------------- /markdown7.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Helvetica, arial, sans-serif; 3 | font-size: 14px; 4 | line-height: 1.6; 5 | padding-top: 10px; 6 | padding-bottom: 10px; 7 | background-color: white; 8 | padding: 30px; } 9 | 10 | body > *:first-child { 11 | margin-top: 0 !important; } 12 | body > *:last-child { 13 | margin-bottom: 0 !important; } 14 | 15 | a { 16 | color: #4183C4; } 17 | a.absent { 18 | color: #cc0000; } 19 | a.anchor { 20 | display: block; 21 | padding-left: 30px; 22 | margin-left: -30px; 23 | cursor: pointer; 24 | position: absolute; 25 | top: 0; 26 | left: 0; 27 | bottom: 0; } 28 | 29 | h1, h2, h3, h4, h5, h6 { 30 | margin: 20px 0 10px; 31 | padding: 0; 32 | font-weight: bold; 33 | -webkit-font-smoothing: antialiased; 34 | cursor: text; 35 | position: relative; } 36 | 37 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { 38 | text-decoration: none; } 39 | 40 | h1 tt, h1 code { 41 | font-size: inherit; } 42 | 43 | h2 tt, h2 code { 44 | font-size: inherit; } 45 | 46 | h3 tt, h3 code { 47 | font-size: inherit; } 48 | 49 | h4 tt, h4 code { 50 | font-size: inherit; } 51 | 52 | h5 tt, h5 code { 53 | font-size: inherit; } 54 | 55 | h6 tt, h6 code { 56 | font-size: inherit; } 57 | 58 | h1 { 59 | font-size: 28px; 60 | color: black; } 61 | 62 | h2 { 63 | font-size: 24px; 64 | border-bottom: 1px solid #cccccc; 65 | color: black; } 66 | 67 | h3 { 68 | font-size: 18px; } 69 | 70 | h4 { 71 | font-size: 16px; } 72 | 73 | h5 { 74 | font-size: 14px; } 75 | 76 | h6 { 77 | color: #777777; 78 | font-size: 14px; } 79 | 80 | p, blockquote, ul, ol, dl, li, table, pre { 81 | margin: 15px 0; } 82 | 83 | hr { 84 | border: 0 none; 85 | color: #cccccc; 86 | height: 4px; 87 | padding: 0; 88 | } 89 | 90 | body > h2:first-child { 91 | margin-top: 0; 92 | padding-top: 0; } 93 | body > h1:first-child { 94 | margin-top: 0; 95 | padding-top: 0; } 96 | body > h1:first-child + h2 { 97 | margin-top: 0; 98 | padding-top: 0; } 99 | body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { 100 | margin-top: 0; 101 | padding-top: 0; } 102 | 103 | a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { 104 | margin-top: 0; 105 | padding-top: 0; } 106 | 107 | h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { 108 | margin-top: 0; } 109 | 110 | li p.first { 111 | display: inline-block; } 112 | li { 113 | margin: 0; } 114 | ul, ol { 115 | padding-left: 30px; } 116 | 117 | ul :first-child, ol :first-child { 118 | margin-top: 0; } 119 | 120 | dl { 121 | padding: 0; } 122 | dl dt { 123 | font-size: 14px; 124 | font-weight: bold; 125 | font-style: italic; 126 | padding: 0; 127 | margin: 15px 0 5px; } 128 | dl dt:first-child { 129 | padding: 0; } 130 | dl dt > :first-child { 131 | margin-top: 0; } 132 | dl dt > :last-child { 133 | margin-bottom: 0; } 134 | dl dd { 135 | margin: 0 0 15px; 136 | padding: 0 15px; } 137 | dl dd > :first-child { 138 | margin-top: 0; } 139 | dl dd > :last-child { 140 | margin-bottom: 0; } 141 | 142 | blockquote { 143 | border-left: 4px solid #dddddd; 144 | padding: 0 15px; 145 | color: #777777; } 146 | blockquote > :first-child { 147 | margin-top: 0; } 148 | blockquote > :last-child { 149 | margin-bottom: 0; } 150 | 151 | table { 152 | padding: 0;border-collapse: collapse; } 153 | table tr { 154 | border-top: 1px solid #cccccc; 155 | background-color: white; 156 | margin: 0; 157 | padding: 0; } 158 | table tr:nth-child(2n) { 159 | background-color: #f8f8f8; } 160 | table tr th { 161 | font-weight: bold; 162 | border: 1px solid #cccccc; 163 | margin: 0; 164 | padding: 6px 13px; } 165 | table tr td { 166 | border: 1px solid #cccccc; 167 | margin: 0; 168 | padding: 6px 13px; } 169 | table tr th :first-child, table tr td :first-child { 170 | margin-top: 0; } 171 | table tr th :last-child, table tr td :last-child { 172 | margin-bottom: 0; } 173 | 174 | img { 175 | max-width: 100%; } 176 | 177 | span.frame { 178 | display: block; 179 | overflow: hidden; } 180 | span.frame > span { 181 | border: 1px solid #dddddd; 182 | display: block; 183 | float: left; 184 | overflow: hidden; 185 | margin: 13px 0 0; 186 | padding: 7px; 187 | width: auto; } 188 | span.frame span img { 189 | display: block; 190 | float: left; } 191 | span.frame span span { 192 | clear: both; 193 | color: #333333; 194 | display: block; 195 | padding: 5px 0 0; } 196 | span.align-center { 197 | display: block; 198 | overflow: hidden; 199 | clear: both; } 200 | span.align-center > span { 201 | display: block; 202 | overflow: hidden; 203 | margin: 13px auto 0; 204 | text-align: center; } 205 | span.align-center span img { 206 | margin: 0 auto; 207 | text-align: center; } 208 | span.align-right { 209 | display: block; 210 | overflow: hidden; 211 | clear: both; } 212 | span.align-right > span { 213 | display: block; 214 | overflow: hidden; 215 | margin: 13px 0 0; 216 | text-align: right; } 217 | span.align-right span img { 218 | margin: 0; 219 | text-align: right; } 220 | span.float-left { 221 | display: block; 222 | margin-right: 13px; 223 | overflow: hidden; 224 | float: left; } 225 | span.float-left span { 226 | margin: 13px 0 0; } 227 | span.float-right { 228 | display: block; 229 | margin-left: 13px; 230 | overflow: hidden; 231 | float: right; } 232 | span.float-right > span { 233 | display: block; 234 | overflow: hidden; 235 | margin: 13px auto 0; 236 | text-align: right; } 237 | 238 | code, tt { 239 | margin: 0 2px; 240 | padding: 0 5px; 241 | white-space: nowrap; 242 | border: 1px solid #eaeaea; 243 | background-color: #f8f8f8; 244 | border-radius: 3px; } 245 | 246 | pre code { 247 | margin: 0; 248 | padding: 0; 249 | white-space: pre; 250 | border: none; 251 | background: transparent; } 252 | 253 | .highlight pre { 254 | background-color: #f8f8f8; 255 | border: 1px solid #cccccc; 256 | font-size: 13px; 257 | line-height: 19px; 258 | overflow: auto; 259 | padding: 6px 10px; 260 | border-radius: 3px; } 261 | 262 | pre { 263 | background-color: #f8f8f8; 264 | border: 1px solid #cccccc; 265 | font-size: 13px; 266 | line-height: 19px; 267 | overflow: auto; 268 | padding: 6px 10px; 269 | border-radius: 3px; } 270 | pre code, pre tt { 271 | background-color: transparent; 272 | border: none; } 273 | 274 | sup { 275 | font-size: 0.83em; 276 | vertical-align: super; 277 | line-height: 0; 278 | } 279 | * { 280 | -webkit-print-color-adjust: exact; 281 | } 282 | @media screen and (min-width: 914px) { 283 | body { 284 | width: 854px; 285 | margin:0 auto; 286 | } 287 | } 288 | @media print { 289 | table, pre { 290 | page-break-inside: avoid; 291 | } 292 | pre { 293 | word-wrap: break-word; 294 | } 295 | } 296 | -------------------------------------------------------------------------------- /markdown8.css: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6, p, blockquote { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | body { 6 | font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif; 7 | font-size: 13px; 8 | line-height: 18px; 9 | color: #737373; 10 | background-color: white; 11 | margin: 10px 13px 10px 13px; 12 | } 13 | table { 14 | margin: 10px 0 15px 0; 15 | border-collapse: collapse; 16 | } 17 | td,th { 18 | border: 1px solid #ddd; 19 | padding: 3px 10px; 20 | } 21 | th { 22 | padding: 5px 10px; 23 | } 24 | 25 | a { 26 | color: #0069d6; 27 | } 28 | a:hover { 29 | color: #0050a3; 30 | text-decoration: none; 31 | } 32 | a img { 33 | border: none; 34 | } 35 | p { 36 | margin-bottom: 9px; 37 | } 38 | 39 | h1, h2, h3, h4, h5, h6 { 40 | color: #404040; 41 | line-height: 36px; 42 | } 43 | h1 { 44 | margin-bottom: 18px; 45 | font-size: 30px; 46 | } 47 | h2 { 48 | font-size: 24px; 49 | } 50 | h3 { 51 | font-size: 18px; 52 | } 53 | h4 { 54 | font-size: 16px; 55 | } 56 | h5 { 57 | font-size: 14px; 58 | } 59 | h6 { 60 | font-size: 13px; 61 | } 62 | hr { 63 | margin: 0 0 19px; 64 | border: 0; 65 | border-bottom: 1px solid #ccc; 66 | } 67 | blockquote { 68 | padding: 13px 13px 21px 15px; 69 | margin-bottom: 18px; 70 | font-family:georgia,serif; 71 | font-style: italic; 72 | } 73 | blockquote:before { 74 | content:"\201C"; 75 | font-size:40px; 76 | margin-left:-10px; 77 | font-family:georgia,serif; 78 | color:#eee; 79 | } 80 | blockquote p { 81 | font-size: 14px; 82 | font-weight: 300; 83 | line-height: 18px; 84 | margin-bottom: 0; 85 | font-style: italic; 86 | } 87 | code, pre { 88 | font-family: Monaco, Andale Mono, Courier New, monospace; 89 | } 90 | code { 91 | background-color: #fee9cc; 92 | color: rgba(0, 0, 0, 0.75); 93 | padding: 1px 3px; 94 | font-size: 12px; 95 | -webkit-border-radius: 3px; 96 | -moz-border-radius: 3px; 97 | border-radius: 3px; 98 | } 99 | pre { 100 | display: block; 101 | padding: 14px; 102 | margin: 0 0 18px; 103 | line-height: 16px; 104 | font-size: 11px; 105 | border: 1px solid #d9d9d9; 106 | white-space: pre-wrap; 107 | word-wrap: break-word; 108 | } 109 | pre code { 110 | background-color: #fff; 111 | color:#737373; 112 | font-size: 11px; 113 | padding: 0; 114 | } 115 | sup { 116 | font-size: 0.83em; 117 | vertical-align: super; 118 | line-height: 0; 119 | } 120 | * { 121 | -webkit-print-color-adjust: exact; 122 | } 123 | @media screen and (min-width: 914px) { 124 | body { 125 | width: 854px; 126 | margin:10px auto; 127 | } 128 | } 129 | @media print { 130 | body,code,pre code,h1,h2,h3,h4,h5,h6 { 131 | color: black; 132 | } 133 | table, pre { 134 | page-break-inside: avoid; 135 | } 136 | } 137 | -------------------------------------------------------------------------------- /markdown9.css: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6, p, blockquote { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | body { 6 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 7 | font-size: 13px; 8 | line-height: 18px; 9 | color: #fff; 10 | background-color: #110F14; 11 | margin: 10px 13px 10px 13px; 12 | } 13 | table { 14 | margin: 10px 0 15px 0; 15 | border-collapse: collapse; 16 | } 17 | td,th { 18 | border: 1px solid #ddd; 19 | padding: 3px 10px; 20 | } 21 | th { 22 | padding: 5px 10px; 23 | } 24 | a { 25 | color: #59acf3; 26 | } 27 | a:hover { 28 | color: #a7d8ff; 29 | text-decoration: none; 30 | } 31 | a img { 32 | border: none; 33 | } 34 | p { 35 | margin-bottom: 9px; 36 | } 37 | h1, h2, h3, h4, h5, h6 { 38 | color: #fff; 39 | line-height: 36px; 40 | } 41 | h1 { 42 | margin-bottom: 18px; 43 | font-size: 30px; 44 | } 45 | h2 { 46 | font-size: 24px; 47 | } 48 | h3 { 49 | font-size: 18px; 50 | } 51 | h4 { 52 | font-size: 16px; 53 | } 54 | h5 { 55 | font-size: 14px; 56 | } 57 | h6 { 58 | font-size: 13px; 59 | } 60 | hr { 61 | margin: 0 0 19px; 62 | border: 0; 63 | border-bottom: 1px solid #ccc; 64 | } 65 | blockquote { 66 | padding: 13px 13px 21px 15px; 67 | margin-bottom: 18px; 68 | font-family:georgia,serif; 69 | font-style: italic; 70 | } 71 | blockquote:before { 72 | content:"\201C"; 73 | font-size:40px; 74 | margin-left:-10px; 75 | font-family:georgia,serif; 76 | color:#eee; 77 | } 78 | blockquote p { 79 | font-size: 14px; 80 | font-weight: 300; 81 | line-height: 18px; 82 | margin-bottom: 0; 83 | font-style: italic; 84 | } 85 | 86 | code, pre { 87 | font-family: Menlo, Monaco, Andale Mono, Courier New, monospace; 88 | } 89 | 90 | code { 91 | padding: 1px 3px; 92 | font-size: 12px; 93 | -webkit-border-radius: 3px; 94 | -moz-border-radius: 3px; 95 | border-radius: 3px; 96 | background: #334; 97 | } 98 | 99 | pre { 100 | display: block; 101 | padding: 14px; 102 | margin: 0 0 18px; 103 | line-height: 16px; 104 | font-size: 11px; 105 | border: 1px solid #334; 106 | white-space: pre; 107 | white-space: pre-wrap; 108 | word-wrap: break-word; 109 | background-color: #282a36; 110 | border-radius: 6px; 111 | } 112 | pre code { 113 | font-size: 11px; 114 | padding: 0; 115 | background: transparent; 116 | } 117 | sup { 118 | font-size: 0.83em; 119 | vertical-align: super; 120 | line-height: 0; 121 | } 122 | * { 123 | -webkit-print-color-adjust: exact; 124 | } 125 | @media screen and (min-width: 914px) { 126 | body { 127 | width: 854px; 128 | margin:10px auto; 129 | } 130 | } 131 | @media print { 132 | body,code,pre code,h1,h2,h3,h4,h5,h6 { 133 | color: black; 134 | } 135 | table, pre { 136 | page-break-inside: avoid; 137 | } 138 | } 139 | -------------------------------------------------------------------------------- /sample-markdown.md: -------------------------------------------------------------------------------- 1 | # Markdown 2 | 3 | You just have to love the simplicity of **markdown**, it doens't 4 | provide a lot of fancy features that _reStructured Text_ or _Textile_ 5 | do, but in return, you get a wonderfully straightforward way to create 6 | formatted documents, with almost zero overhead. 7 | 8 | It seems to me that technical authors probably have the most to gain 9 | from using **markdown**, this is probably why the most popular 10 | technical sites on the web use it as their primary text markup 11 | language. 12 | 13 | ## In Emacs Markdown is awesome. 14 | 15 | #### Especially when you customize the faces... 16 | 17 | M-x customize-group 18 | markdown 19 | 20 | And set some pleasant fonts for your headings, I like Helvetica Neue. 21 | 22 | * * * * * 23 | 24 | Lists are phenomenally easy too ... 25 | 26 | 1. Just number each item with 1. 27 | 1. The markdown implementation of your choice will turn it into a 28 | numbered list. 29 | 1. Although, I think you will get varying levels of cleverness from 30 | different implementations... 31 | 1. Nested lists work ok. 32 | 1. But I find as soon as you start to get a bit clever, things tend to go 33 | wrong. You won't have much luck tring to use a combination of code 34 | blocks or blockquotes 35 | 36 | > See what I mean? 37 | > What did I tell you? 38 | 39 | (defn code-blocks (seriously) 40 | "it could work!!" 41 | ) 42 | 43 | 1. But then what about resuming the list, nah, I don't think so. 44 | 45 | 1. Still, it's much better than doing: 46 | 47 | This.... 48 | 49 |
    50 |
  1. 51 |
52 | 53 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /sample.md: -------------------------------------------------------------------------------- 1 | 2 | * * * 3 | # A First Level Header 4 | 5 | ## A Second Level Header 6 | 7 | ### A Third Level Header 8 | 9 | #### A Fourth Level Header 10 | 11 | ##### A Fifth Level Header 12 | 13 | ###### A Sixed Level Header 14 | 15 | Now is the time for all good men to come to 16 | the aid of their country. This is just a 17 | regular paragraph. 18 | 19 | The quick brown fox jumped over the lazy 20 | dog's back. 21 | 22 | * * * 23 | 24 | ### Header 3 25 | 26 | > This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, 27 | > consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. 28 | > Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. 29 | > 30 | > Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse 31 | > id sem consectetuer libero luctus adipiscing. 32 | > 33 | > ## This is an H2 in a blockquote 34 | > 35 | > This is the first level of quoting. 36 | > 37 | > > This is nested blockquote. 38 | > 39 | > Back to the first level. 40 | 41 | Some of these words _are emphasized_. 42 | Some of these words _are emphasized also_. 43 | 44 | Use two asterisks for **strong emphasis**. 45 | Or, if you prefer, **use two underscores instead**. 46 | 47 | * Candy. 48 | * Gum. 49 | * Booze. 50 | * Red 51 | * Green 52 | * Blue 53 | 54 | * A list item. 55 | 56 | With multiple paragraphs. 57 | 58 | * Another item in the list. 59 | 60 | * This is a list item with two paragraphs. Lorem ipsum dolor 61 | sit amet, consectetuer adipiscing elit. Aliquam hendrerit 62 | mi posuere lectus. 63 | 64 | Vestibulum enim wisi, viverra nec, fringilla in, laoreet 65 | vitae, risus. Donec sit amet nisl. Aliquam semper ipsum 66 | sit amet velit.* Suspendisse id sem consectetuer libero luctus adipiscing. 67 | 68 | * This is a list item with two paragraphs. 69 | 70 | This is the second paragraph in the list item. You're 71 | only required to indent the first line. Lorem ipsum dolor 72 | sit amet, consectetuer adipiscing elit. 73 | 74 | * Another item in the same list. 75 | 76 | * A list item with a bit of `code` inline. 77 | 78 | * A list item with a blockquote: 79 | 80 | > This is a blockquote 81 | > inside a list item. 82 | 83 | Here is an example of a pre code block 84 | 85 | tell application "Foo" 86 | beep 87 | end tell 88 | 89 | This is an [example link](http://example.com/). 90 | 91 | I get 10 times more traffic from [Google](http://google.com/ "Google") than from 92 | [Yahoo](http://search.yahoo.com/ "Yahoo Search") or [MSN](http://search.msn.com/ "MSN Search"). 93 | 94 | I start my morning with a cup of coffee and 95 | [The New York Times](http://www.nytimes.com/). 96 | 97 | -------------------------------------------------------------------------------- /screen.css: -------------------------------------------------------------------------------- 1 | img { 2 | max-width: 100%; 3 | } 4 | 5 | table { 6 | width: 100%; 7 | border-collapse: collapse; 8 | } 9 | 10 | th { 11 | background-color: rgba(0,0,0,0.3); 12 | } 13 | 14 | table, th, td { 15 | padding: 5px; 16 | border: 1px solid rgba(0,0,0,0.3); 17 | border-radius: 0.4em; 18 | -moz-border-radius: 0.4em; 19 | -webkit-border-radius: 0.4em; 20 | } 21 | 22 | tr:nth-child(even) { 23 | background-color: rgba(0,0,0,0.3); 24 | } 25 | 26 | html { font-size: 62.5%; } 27 | html, body { height: 100%; } 28 | 29 | body { 30 | font-family: Helvetica, Arial, sans-serif; 31 | font-size: 150%; 32 | line-height: 1.3; 33 | color: #f6e6cc; 34 | width: 700px; 35 | margin: auto; 36 | background: #27221a; 37 | position: relative; 38 | padding: 0 30px; 39 | } 40 | 41 | p,ul,ol,dl,table,pre { margin-bottom: 1em; } 42 | ul { margin-left: 20px; } 43 | a { text-decoration: none; cursor: pointer; color: #ba832c; font-weight: bold; } 44 | a:focus { outline: 1px dotted; } 45 | a:visited { } 46 | a:hover, a:focus { color: #d3a459; text-decoration: none; } 47 | a *, button * { cursor: pointer; } 48 | hr { display: none; } 49 | small { font-size: 90%; } 50 | input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; } 51 | button, label, select, option, input[type=submit] { cursor: pointer; } 52 | .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .group {display: inline-block;} 53 | /* Hides from IE-mac \*/ * html .group {height: 1%;} .group {display: block;} /* End hide from IE-mac */ 54 | sup { font-size: 80%; line-height: 1; vertical-align: super; } 55 | button::-moz-focus-inner { border: 0; padding: 1px; } 56 | span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; } 57 | 58 | h1,h2,h3,h4,h5,h6 { 59 | line-height: 1.1; 60 | font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; 61 | } 62 | 63 | h2 { font-size: 22pt; } 64 | h3 { font-size: 20pt; } 65 | h4 { font-size: 18pt; } 66 | h5 { font-size: 16pt; } 67 | h6 { font-size: 14pt; } 68 | 69 | ::selection { background: #745626; } 70 | ::-moz-selection { background: #745626; } 71 | 72 | h1 { 73 | font-size: 420%; 74 | margin: 0 0 0.1em; 75 | font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; 76 | } 77 | 78 | h1 a, 79 | h1 a:hover { 80 | color: #d7af72; 81 | font-weight: normal; 82 | text-decoration: none; 83 | } 84 | 85 | pre { 86 | background: rgba(0,0,0,0.3); 87 | color: #fff; 88 | padding: 8px 10px; 89 | border-radius: 0.4em; 90 | -moz-border-radius: 0.4em; 91 | -webkit-border-radius: 0.4em; 92 | overflow-x: hidden; 93 | } 94 | 95 | pre code { 96 | font-size: 10pt; 97 | } 98 | 99 | .thumb { 100 | float:left; 101 | margin: 10px; 102 | } 103 | -------------------------------------------------------------------------------- /swiss.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /** 4 | * markdown.css 5 | * 6 | * This program is free software: you can redistribute it and/or modify it under 7 | * the terms of the GNU Lesser General Public License as published by the Free 8 | * Software Foundation, either version 3 of the License, or (at your option) any 9 | * later version. 10 | * 11 | * This program is distributed in the hope that it will be useful, but WITHOUT 12 | * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS 13 | * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more 14 | * details. 15 | * 16 | * You should have received a copy of the GNU Lesser General Public License 17 | * along with this program. If not, see http://gnu.org/licenses/lgpl.txt. 18 | * 19 | * @project Weblog and Open Source Projects of Florian Wolters 20 | * @version GIT: $Id$ 21 | * @package xhtml-css 22 | * @author Florian Wolters 23 | * @copyright 2012 Florian Wolters 24 | * @cssdoc version 1.0-pre 25 | * @license http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License 26 | * @link http://github.com/FlorianWolters/jekyll-bootstrap-theme 27 | * @media all 28 | * @valid true 29 | */ 30 | 31 | img { 32 | max-width: 100%; 33 | } 34 | 35 | table { 36 | border-collapse: collapse; 37 | width: 100%; 38 | } 39 | 40 | table, th, td { 41 | border: 1px solid #EAEAEA; 42 | border-radius: 3px; 43 | padding: 5px; 44 | } 45 | 46 | tr:nth-child(even) { 47 | background-color: #F8F8F8; 48 | } 49 | 50 | body { 51 | font-family: Helvetica, Arial, Freesans, clean, sans-serif; 52 | padding:1em; 53 | margin:auto; 54 | max-width:42em; 55 | background:#fefefe; 56 | } 57 | 58 | h1, h2, h3, h4, h5, h6 { 59 | font-weight: bold; 60 | } 61 | 62 | h1 { 63 | color: #000000; 64 | font-size: 28px; 65 | } 66 | 67 | h2 { 68 | border-bottom: 1px solid #CCCCCC; 69 | color: #000000; 70 | font-size: 24px; 71 | } 72 | 73 | h3 { 74 | font-size: 18px; 75 | } 76 | 77 | h4 { 78 | font-size: 16px; 79 | } 80 | 81 | h5 { 82 | font-size: 14px; 83 | } 84 | 85 | h6 { 86 | color: #777777; 87 | background-color: inherit; 88 | font-size: 14px; 89 | } 90 | 91 | hr { 92 | height: 0.2em; 93 | border: 0; 94 | color: #CCCCCC; 95 | background-color: #CCCCCC; 96 | } 97 | 98 | p, blockquote, ul, ol, dl, li, table, pre { 99 | margin: 15px 0; 100 | } 101 | 102 | code, pre { 103 | border-radius: 3px; 104 | background-color: #F8F8F8; 105 | color: inherit; 106 | } 107 | 108 | code { 109 | border: 1px solid #EAEAEA; 110 | margin: 0 2px; 111 | padding: 0 5px; 112 | } 113 | 114 | pre { 115 | border: 1px solid #CCCCCC; 116 | line-height: 1.25em; 117 | overflow: auto; 118 | padding: 6px 10px; 119 | } 120 | 121 | pre > code { 122 | border: 0; 123 | margin: 0; 124 | padding: 0; 125 | } 126 | 127 | a, a:visited { 128 | color: #4183C4; 129 | background-color: inherit; 130 | text-decoration: none; 131 | } 132 | 133 | --------------------------------------------------------------------------------