Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html><html><head><meta charset="UTF-8"><style>body {
- font-family: Helvetica, arial, sans-serif;
- font-size: 14px;
- line-height: 1.6;
- padding-top: 10px;
- padding-bottom: 10px;
- background-color: white;
- padding: 30px; }
- body > *:first-child {
- margin-top: 0 !important; }
- body > *:last-child {
- margin-bottom: 0 !important; }
- a {
- color: #4183C4; }
- a.absent {
- color: #cc0000; }
- a.anchor {
- display: block;
- padding-left: 30px;
- margin-left: -30px;
- cursor: pointer;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0; }
- h1, h2, h3, h4, h5, h6 {
- margin: 20px 0 10px;
- padding: 0;
- font-weight: bold;
- -webkit-font-smoothing: antialiased;
- cursor: text;
- position: relative; }
- h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
- background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;
- text-decoration: none; }
- h1 tt, h1 code {
- font-size: inherit; }
- h2 tt, h2 code {
- font-size: inherit; }
- h3 tt, h3 code {
- font-size: inherit; }
- h4 tt, h4 code {
- font-size: inherit; }
- h5 tt, h5 code {
- font-size: inherit; }
- h6 tt, h6 code {
- font-size: inherit; }
- h1 {
- font-size: 28px;
- color: black; }
- h2 {
- font-size: 24px;
- border-bottom: 1px solid #cccccc;
- color: black; }
- h3 {
- font-size: 18px; }
- h4 {
- font-size: 16px; }
- h5 {
- font-size: 14px; }
- h6 {
- color: #777777;
- font-size: 14px; }
- p, blockquote, ul, ol, dl, li, table, pre {
- margin: 15px 0; }
- hr {
- background: transparent url("../../images/modules/pulls/dirty-shade.png") repeat-x 0 0;
- border: 0 none;
- color: #cccccc;
- height: 4px;
- padding: 0; }
- body > h2:first-child {
- margin-top: 0;
- padding-top: 0; }
- body > h1:first-child {
- margin-top: 0;
- padding-top: 0; }
- body > h1:first-child + h2 {
- margin-top: 0;
- padding-top: 0; }
- body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
- margin-top: 0;
- padding-top: 0; }
- a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
- margin-top: 0;
- padding-top: 0; }
- h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
- margin-top: 0; }
- li p.first {
- display: inline-block; }
- ul, ol {
- padding-left: 30px; }
- ul :first-child, ol :first-child {
- margin-top: 0; }
- ul :last-child, ol :last-child {
- margin-bottom: 0; }
- dl {
- padding: 0; }
- dl dt {
- font-size: 14px;
- font-weight: bold;
- font-style: italic;
- padding: 0;
- margin: 15px 0 5px; }
- dl dt:first-child {
- padding: 0; }
- dl dt > :first-child {
- margin-top: 0; }
- dl dt > :last-child {
- margin-bottom: 0; }
- dl dd {
- margin: 0 0 15px;
- padding: 0 15px; }
- dl dd > :first-child {
- margin-top: 0; }
- dl dd > :last-child {
- margin-bottom: 0; }
- blockquote {
- border-left: 4px solid #dddddd;
- padding: 0 15px;
- color: #777777; }
- blockquote > :first-child {
- margin-top: 0; }
- blockquote > :last-child {
- margin-bottom: 0; }
- table {
- padding: 0; }
- table tr {
- border-top: 1px solid #cccccc;
- background-color: white;
- margin: 0;
- padding: 0; }
- table tr:nth-child(2n) {
- background-color: #f8f8f8; }
- table tr th {
- font-weight: bold;
- border: 1px solid #cccccc;
- text-align: left;
- margin: 0;
- padding: 6px 13px; }
- table tr td {
- border: 1px solid #cccccc;
- text-align: left;
- margin: 0;
- padding: 6px 13px; }
- table tr th :first-child, table tr td :first-child {
- margin-top: 0; }
- table tr th :last-child, table tr td :last-child {
- margin-bottom: 0; }
- img {
- max-width: 100%; }
- span.frame {
- display: block;
- overflow: hidden; }
- span.frame > span {
- border: 1px solid #dddddd;
- display: block;
- float: left;
- overflow: hidden;
- margin: 13px 0 0;
- padding: 7px;
- width: auto; }
- span.frame span img {
- display: block;
- float: left; }
- span.frame span span {
- clear: both;
- color: #333333;
- display: block;
- padding: 5px 0 0; }
- span.align-center {
- display: block;
- overflow: hidden;
- clear: both; }
- span.align-center > span {
- display: block;
- overflow: hidden;
- margin: 13px auto 0;
- text-align: center; }
- span.align-center span img {
- margin: 0 auto;
- text-align: center; }
- span.align-right {
- display: block;
- overflow: hidden;
- clear: both; }
- span.align-right > span {
- display: block;
- overflow: hidden;
- margin: 13px 0 0;
- text-align: right; }
- span.align-right span img {
- margin: 0;
- text-align: right; }
- span.float-left {
- display: block;
- margin-right: 13px;
- overflow: hidden;
- float: left; }
- span.float-left span {
- margin: 13px 0 0; }
- span.float-right {
- display: block;
- margin-left: 13px;
- overflow: hidden;
- float: right; }
- span.float-right > span {
- display: block;
- overflow: hidden;
- margin: 13px auto 0;
- text-align: right; }
- code, tt {
- margin: 0 2px;
- padding: 0 5px;
- white-space: nowrap;
- border: 1px solid #eaeaea;
- background-color: #f8f8f8;
- border-radius: 3px; }
- pre code {
- margin: 0;
- padding: 0;
- white-space: pre;
- border: none;
- background: transparent; }
- .highlight pre {
- background-color: #f8f8f8;
- border: 1px solid #cccccc;
- font-size: 13px;
- line-height: 19px;
- overflow: auto;
- padding: 6px 10px;
- border-radius: 3px; }
- pre {
- background-color: #f8f8f8;
- border: 1px solid #cccccc;
- font-size: 13px;
- line-height: 19px;
- overflow: auto;
- padding: 6px 10px;
- border-radius: 3px; }
- pre code, pre tt {
- background-color: transparent;
- border: none; }
- .markdown-body code,.markdown-body tt{margin:0 2px;padding:0px 5px;white-space:nowrap;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}
- .markdown-body pre>code{margin:0;padding:0;white-space:pre;border:none;background:transparent}
- .markdown-body .highlight pre,.markdown-body pre{background-color:#f8f8f8;border:1px solid #ccc;font-size:13px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}
- .markdown-body pre code,.markdown-body pre tt{background-color:transparent;border:none}
- .highlight{background:#ffffff}
- .highlight .c{color:#999988;font-style:italic}
- .highlight .err{color:#a61717;background-color:#e3d2d2}
- .highlight .k{font-weight:bold}
- .highlight .o{font-weight:bold}
- .highlight .cm{color:#999988;font-style:italic}
- .highlight .cp{color:#999999;font-weight:bold}
- .highlight .c1{color:#999988;font-style:italic}
- .highlight .cs{color:#999999;font-weight:bold;font-style:italic}
- .highlight .gd{color:#000000;background-color:#ffdddd}
- .highlight .gd .x{color:#000000;background-color:#ffaaaa}
- .highlight .ge{font-style:italic}
- .highlight .gr{color:#aa0000}
- .highlight .gh{color:#999999}
- .highlight .gi{color:#000000;background-color:#ddffdd}
- .highlight .gi .x{color:#000000;background-color:#aaffaa}
- .highlight .go{color:#888888}
- .highlight .gp{color:#555555}
- .highlight .gs{font-weight:bold}
- .highlight .gu{color:#800080;font-weight:bold}
- .highlight .gt{color:#aa0000}
- .highlight .kc{font-weight:bold}
- .highlight .kd{font-weight:bold}
- .highlight .kn{font-weight:bold}
- .highlight .kp{font-weight:bold}
- .highlight .kr{font-weight:bold}
- .highlight .kt{color:#445588;font-weight:bold}
- .highlight .m{color:#009999}
- .highlight .s{color:#d14}
- .highlight .na{color:#008080}
- .highlight .nb{color:#0086B3}
- .highlight .nc{color:#445588;font-weight:bold}
- .highlight .no{color:#008080}
- .highlight .ni{color:#800080}
- .highlight .ne{color:#990000;font-weight:bold}
- .highlight .nf{color:#990000;font-weight:bold}
- .highlight .nn{color:#555555}
- .highlight .nt{color:#000080}
- .highlight .nv{color:#008080}
- .highlight .ow{font-weight:bold}
- .highlight .w{color:#bbbbbb}
- .highlight .mf{color:#009999}
- .highlight .mh{color:#009999}
- .highlight .mi{color:#009999}
- .highlight .mo{color:#009999}
- .highlight .sb{color:#d14}
- .highlight .sc{color:#d14}
- .highlight .sd{color:#d14}
- .highlight .s2{color:#d14}
- .highlight .se{color:#d14}
- .highlight .sh{color:#d14}
- .highlight .si{color:#d14}
- .highlight .sx{color:#d14}
- .highlight .sr{color:#009926}
- .highlight .s1{color:#d14}
- .highlight .ss{color:#990073}
- .highlight .bp{color:#999999}
- .highlight .vc{color:#008080}
- .highlight .vg{color:#008080}
- .highlight .vi{color:#008080}
- .highlight .il{color:#009999}
- .highlight .gc{color:#999;background-color:#EAF2F5}
- .type-csharp .highlight .k{color:#0000FF}
- .type-csharp .highlight .kt{color:#0000FF}
- .type-csharp .highlight .nf{color:#000000;font-weight:normal}
- .type-csharp .highlight .nc{color:#2B91AF}
- .type-csharp .highlight .nn{color:#000000}
- .type-csharp .highlight .s{color:#A31515}
- .type-csharp .highlight .sc{color:#A31515}
- </style><script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script></head><body><h1>Syntax Test.</h1>
- <h2>Blockquotes</h2>
- <blockquote>
- <p>mfw</p>
- <p>mfw</p>
- </blockquote>
- <h3>Lists</h3>
- <ul>
- <li>Red</li>
- <li>Green</li>
- <li>Blue</li>
- </ul><ol>
- <li>Bird</li>
- <li>McHale</li>
- <li>Parish</li>
- </ol><h4>Code Blocks</h4>
- <div class="highlight"><pre><span class="kt">int</span> <span class="n">main</span><span class="p">()</span> <span class="p">{</span>
- <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o"><<</span> <span class="s">"Code::Blocks!"</span><span class="p">;</span>
- <span class="p">}</span>
- </pre></div>
- <h5>Horizontal Rule</h5>
- <p>Hello</p>
- <hr><p>World</p>
- <h6>Reference Style links.</h6>
- <p><a href="http://www.southperry.net/forum.php">hello</a> world!</p>
- <h1>Misc</h1>
- <p><em>italic</em> line, <strong>bold line</strong></p>
- <p>tables..</p>
- <p>Hello. Striked text.* We could verify this with x<sup>2</sup></p>
- <p><sub>*: Testing</sub></p>
- <p><kbd>Alt</kbd></p>
- <p><code>inline code</code></p></body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement