Advertisement
Rapptz

Untitled

Oct 4th, 2012
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.02 KB | None | 0 0
  1.  
  2. <!DOCTYPE html><html><head><meta charset="UTF-8"><style>body {
  3.   font-family: Helvetica, arial, sans-serif;
  4.   font-size: 14px;
  5.   line-height: 1.6;
  6.   padding-top: 10px;
  7.   padding-bottom: 10px;
  8.   background-color: white;
  9.   padding: 30px; }
  10.  
  11. body > *:first-child {
  12.   margin-top: 0 !important; }
  13. body > *:last-child {
  14.   margin-bottom: 0 !important; }
  15.  
  16. a {
  17.   color: #4183C4; }
  18. a.absent {
  19.   color: #cc0000; }
  20. a.anchor {
  21.   display: block;
  22.   padding-left: 30px;
  23.   margin-left: -30px;
  24.   cursor: pointer;
  25.   position: absolute;
  26.   top: 0;
  27.   left: 0;
  28.   bottom: 0; }
  29.  
  30. h1, h2, h3, h4, h5, h6 {
  31.   margin: 20px 0 10px;
  32.   padding: 0;
  33.   font-weight: bold;
  34.   -webkit-font-smoothing: antialiased;
  35.   cursor: text;
  36.   position: relative; }
  37.  
  38. h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
  39.   background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;
  40.   text-decoration: none; }
  41.  
  42. h1 tt, h1 code {
  43.   font-size: inherit; }
  44.  
  45. h2 tt, h2 code {
  46.   font-size: inherit; }
  47.  
  48. h3 tt, h3 code {
  49.   font-size: inherit; }
  50.  
  51. h4 tt, h4 code {
  52.   font-size: inherit; }
  53.  
  54. h5 tt, h5 code {
  55.   font-size: inherit; }
  56.  
  57. h6 tt, h6 code {
  58.   font-size: inherit; }
  59.  
  60. h1 {
  61.   font-size: 28px;
  62.   color: black; }
  63.  
  64. h2 {
  65.   font-size: 24px;
  66.   border-bottom: 1px solid #cccccc;
  67.   color: black; }
  68.  
  69. h3 {
  70.   font-size: 18px; }
  71.  
  72. h4 {
  73.   font-size: 16px; }
  74.  
  75. h5 {
  76.   font-size: 14px; }
  77.  
  78. h6 {
  79.   color: #777777;
  80.   font-size: 14px; }
  81.  
  82. p, blockquote, ul, ol, dl, li, table, pre {
  83.   margin: 15px 0; }
  84.  
  85. hr {
  86.   background: transparent url("../../images/modules/pulls/dirty-shade.png") repeat-x 0 0;
  87.   border: 0 none;
  88.   color: #cccccc;
  89.   height: 4px;
  90.   padding: 0; }
  91.  
  92. body > h2:first-child {
  93.   margin-top: 0;
  94.   padding-top: 0; }
  95. body > h1:first-child {
  96.   margin-top: 0;
  97.   padding-top: 0; }
  98.   body > h1:first-child + h2 {
  99.     margin-top: 0;
  100.     padding-top: 0; }
  101. body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
  102.   margin-top: 0;
  103.   padding-top: 0; }
  104.  
  105. a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  106.   margin-top: 0;
  107.   padding-top: 0; }
  108.  
  109. h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
  110.   margin-top: 0; }
  111.  
  112. li p.first {
  113.   display: inline-block; }
  114.  
  115. ul, ol {
  116.   padding-left: 30px; }
  117.  
  118. ul :first-child, ol :first-child {
  119.   margin-top: 0; }
  120.  
  121. ul :last-child, ol :last-child {
  122.   margin-bottom: 0; }
  123.  
  124. dl {
  125.   padding: 0; }
  126.   dl dt {
  127.     font-size: 14px;
  128.     font-weight: bold;
  129.     font-style: italic;
  130.     padding: 0;
  131.     margin: 15px 0 5px; }
  132.     dl dt:first-child {
  133.       padding: 0; }
  134.     dl dt > :first-child {
  135.       margin-top: 0; }
  136.     dl dt > :last-child {
  137.       margin-bottom: 0; }
  138.   dl dd {
  139.     margin: 0 0 15px;
  140.     padding: 0 15px; }
  141.     dl dd > :first-child {
  142.       margin-top: 0; }
  143.     dl dd > :last-child {
  144.       margin-bottom: 0; }
  145.  
  146. blockquote {
  147.   border-left: 4px solid #dddddd;
  148.   padding: 0 15px;
  149.   color: #777777; }
  150.   blockquote > :first-child {
  151.     margin-top: 0; }
  152.   blockquote > :last-child {
  153.     margin-bottom: 0; }
  154.  
  155. table {
  156.   padding: 0; }
  157.   table tr {
  158.     border-top: 1px solid #cccccc;
  159.     background-color: white;
  160.     margin: 0;
  161.     padding: 0; }
  162.     table tr:nth-child(2n) {
  163.       background-color: #f8f8f8; }
  164.     table tr th {
  165.       font-weight: bold;
  166.       border: 1px solid #cccccc;
  167.       text-align: left;
  168.       margin: 0;
  169.       padding: 6px 13px; }
  170.     table tr td {
  171.       border: 1px solid #cccccc;
  172.       text-align: left;
  173.       margin: 0;
  174.       padding: 6px 13px; }
  175.     table tr th :first-child, table tr td :first-child {
  176.       margin-top: 0; }
  177.     table tr th :last-child, table tr td :last-child {
  178.       margin-bottom: 0; }
  179.  
  180. img {
  181.   max-width: 100%; }
  182.  
  183. span.frame {
  184.   display: block;
  185.   overflow: hidden; }
  186.   span.frame > span {
  187.     border: 1px solid #dddddd;
  188.     display: block;
  189.     float: left;
  190.     overflow: hidden;
  191.     margin: 13px 0 0;
  192.     padding: 7px;
  193.     width: auto; }
  194.   span.frame span img {
  195.     display: block;
  196.     float: left; }
  197.   span.frame span span {
  198.     clear: both;
  199.     color: #333333;
  200.     display: block;
  201.     padding: 5px 0 0; }
  202. span.align-center {
  203.   display: block;
  204.   overflow: hidden;
  205.   clear: both; }
  206.   span.align-center > span {
  207.     display: block;
  208.     overflow: hidden;
  209.     margin: 13px auto 0;
  210.     text-align: center; }
  211.   span.align-center span img {
  212.     margin: 0 auto;
  213.     text-align: center; }
  214. span.align-right {
  215.   display: block;
  216.   overflow: hidden;
  217.   clear: both; }
  218.   span.align-right > span {
  219.     display: block;
  220.     overflow: hidden;
  221.     margin: 13px 0 0;
  222.     text-align: right; }
  223.   span.align-right span img {
  224.     margin: 0;
  225.     text-align: right; }
  226. span.float-left {
  227.   display: block;
  228.   margin-right: 13px;
  229.   overflow: hidden;
  230.   float: left; }
  231.   span.float-left span {
  232.     margin: 13px 0 0; }
  233. span.float-right {
  234.   display: block;
  235.   margin-left: 13px;
  236.   overflow: hidden;
  237.   float: right; }
  238.   span.float-right > span {
  239.     display: block;
  240.     overflow: hidden;
  241.     margin: 13px auto 0;
  242.     text-align: right; }
  243.  
  244. code, tt {
  245.   margin: 0 2px;
  246.   padding: 0 5px;
  247.   white-space: nowrap;
  248.   border: 1px solid #eaeaea;
  249.   background-color: #f8f8f8;
  250.   border-radius: 3px; }
  251.  
  252. pre code {
  253.   margin: 0;
  254.   padding: 0;
  255.   white-space: pre;
  256.   border: none;
  257.   background: transparent; }
  258.  
  259. .highlight pre {
  260.   background-color: #f8f8f8;
  261.   border: 1px solid #cccccc;
  262.   font-size: 13px;
  263.   line-height: 19px;
  264.   overflow: auto;
  265.   padding: 6px 10px;
  266.   border-radius: 3px; }
  267.  
  268. pre {
  269.   background-color: #f8f8f8;
  270.   border: 1px solid #cccccc;
  271.   font-size: 13px;
  272.   line-height: 19px;
  273.   overflow: auto;
  274.   padding: 6px 10px;
  275.   border-radius: 3px; }
  276.   pre code, pre tt {
  277.     background-color: transparent;
  278.     border: none; }
  279.  
  280.  
  281. .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}
  282. .markdown-body pre>code{margin:0;padding:0;white-space:pre;border:none;background:transparent}
  283. .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}
  284. .markdown-body pre code,.markdown-body pre tt{background-color:transparent;border:none}
  285. .highlight{background:#ffffff}
  286. .highlight .c{color:#999988;font-style:italic}
  287. .highlight .err{color:#a61717;background-color:#e3d2d2}
  288. .highlight .k{font-weight:bold}
  289. .highlight .o{font-weight:bold}
  290. .highlight .cm{color:#999988;font-style:italic}
  291. .highlight .cp{color:#999999;font-weight:bold}
  292. .highlight .c1{color:#999988;font-style:italic}
  293. .highlight .cs{color:#999999;font-weight:bold;font-style:italic}
  294. .highlight .gd{color:#000000;background-color:#ffdddd}
  295. .highlight .gd .x{color:#000000;background-color:#ffaaaa}
  296. .highlight .ge{font-style:italic}
  297. .highlight .gr{color:#aa0000}
  298. .highlight .gh{color:#999999}
  299. .highlight .gi{color:#000000;background-color:#ddffdd}
  300. .highlight .gi .x{color:#000000;background-color:#aaffaa}
  301. .highlight .go{color:#888888}
  302. .highlight .gp{color:#555555}
  303. .highlight .gs{font-weight:bold}
  304. .highlight .gu{color:#800080;font-weight:bold}
  305. .highlight .gt{color:#aa0000}
  306. .highlight .kc{font-weight:bold}
  307. .highlight .kd{font-weight:bold}
  308. .highlight .kn{font-weight:bold}
  309. .highlight .kp{font-weight:bold}
  310. .highlight .kr{font-weight:bold}
  311. .highlight .kt{color:#445588;font-weight:bold}
  312. .highlight .m{color:#009999}
  313. .highlight .s{color:#d14}
  314. .highlight .na{color:#008080}
  315. .highlight .nb{color:#0086B3}
  316. .highlight .nc{color:#445588;font-weight:bold}
  317. .highlight .no{color:#008080}
  318. .highlight .ni{color:#800080}
  319. .highlight .ne{color:#990000;font-weight:bold}
  320. .highlight .nf{color:#990000;font-weight:bold}
  321. .highlight .nn{color:#555555}
  322. .highlight .nt{color:#000080}
  323. .highlight .nv{color:#008080}
  324. .highlight .ow{font-weight:bold}
  325. .highlight .w{color:#bbbbbb}
  326. .highlight .mf{color:#009999}
  327. .highlight .mh{color:#009999}
  328. .highlight .mi{color:#009999}
  329. .highlight .mo{color:#009999}
  330. .highlight .sb{color:#d14}
  331. .highlight .sc{color:#d14}
  332. .highlight .sd{color:#d14}
  333. .highlight .s2{color:#d14}
  334. .highlight .se{color:#d14}
  335. .highlight .sh{color:#d14}
  336. .highlight .si{color:#d14}
  337. .highlight .sx{color:#d14}
  338. .highlight .sr{color:#009926}
  339. .highlight .s1{color:#d14}
  340. .highlight .ss{color:#990073}
  341. .highlight .bp{color:#999999}
  342. .highlight .vc{color:#008080}
  343. .highlight .vg{color:#008080}
  344. .highlight .vi{color:#008080}
  345. .highlight .il{color:#009999}
  346. .highlight .gc{color:#999;background-color:#EAF2F5}
  347. .type-csharp .highlight .k{color:#0000FF}
  348. .type-csharp .highlight .kt{color:#0000FF}
  349. .type-csharp .highlight .nf{color:#000000;font-weight:normal}
  350. .type-csharp .highlight .nc{color:#2B91AF}
  351. .type-csharp .highlight .nn{color:#000000}
  352. .type-csharp .highlight .s{color:#A31515}
  353. .type-csharp .highlight .sc{color:#A31515}
  354.  
  355.  
  356. </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>
  357.  
  358. <h2>Blockquotes</h2>
  359.  
  360. <blockquote>
  361. <p>mfw</p>
  362.  
  363. <p>mfw</p>
  364. </blockquote>
  365.  
  366. <h3>Lists</h3>
  367.  
  368. <ul>
  369. <li>Red</li>
  370. <li>Green</li>
  371. <li>Blue</li>
  372. </ul><ol>
  373. <li>Bird</li>
  374. <li>McHale</li>
  375. <li>Parish</li>
  376. </ol><h4>Code Blocks</h4>
  377.  
  378. <div class="highlight"><pre><span class="kt">int</span> <span class="n">main</span><span class="p">()</span> <span class="p">{</span>
  379.     <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">"Code::Blocks!"</span><span class="p">;</span>
  380. <span class="p">}</span>
  381. </pre></div>
  382.  
  383. <h5>Horizontal Rule</h5>
  384.  
  385. <p>Hello</p>
  386.  
  387. <hr><p>World</p>
  388.  
  389. <h6>Reference Style links.</h6>
  390.  
  391. <p><a href="http://www.southperry.net/forum.php">hello</a> world!</p>
  392.  
  393. <h1>Misc</h1>
  394.  
  395. <p><em>italic</em> line, <strong>bold line</strong></p>
  396.  
  397. <p>tables..</p>
  398.  
  399. <p>Hello. Striked text.* We could verify this with x<sup>2</sup></p>
  400.  
  401. <p><sub>*: Testing</sub></p>
  402.  
  403. <p><kbd>Alt</kbd></p>
  404.  
  405. <p><code>inline code</code></p></body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement