mermaid
Version:
Markdownish syntax for generating flowcharts, sequence diagrams and gantt charts.
92 lines (84 loc) • 4.25 kB
HTML
<html>
<head>
<title>demo.css</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" media="all" href="../../../doc-style.css" />
<script src="../../../doc-filelist.js"></script>
<script>
var relativeDir = "../../../", thisFile = "Users/knut/Documents/source/mermaid/bower_components/dagre-d3/demo/demo.css", defaultSidebar = true;
</script>
<script src="../../../doc-script.js"></script>
<script src="../../../mermaid.js"></script>
<link rel="stylesheet" href="../../../mermaid.css" />
</head>
<body>
<div id="sidebar_wrapper">
<div id="sidebar_switch">
<span class="tree">Files</span>
<span class="headings">Headings</span>
</div>
<div id="tree"></div>
<div id="headings">
<div class="heading h1">
<a href="#demo.css">demo.css</a>
</div>
</div>
</div>
<div id="sidebar-toggle"></div>
<div id="container"><div class="background highlight"></div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="docs">
<div class="pilwrap" id="demo.css">
<h1>
<a href="#demo.css" name="demo.css" class="pilcrow">¶</a>demo.css
</h1>
</div>
</td>
<td class="code highlight"></td>
</tr>
<tr>
<td class="docs">
<div class="pilwrap">
<a class="pilcrow" href="#section-1" id="section-1">¶</a>
</div>
</td>
<td class="code highlight"><div class="highlight"><pre><span class="nt">body</span> <span class="p">{</span>
<span class="k">width</span><span class="o">:</span> <span class="m">960px</span><span class="p">;</span>
<span class="k">margin</span><span class="o">:</span> <span class="m">0</span> <span class="k">auto</span><span class="p">;</span>
<span class="k">color</span><span class="o">:</span> <span class="m">#333</span><span class="p">;</span>
<span class="k">font-weight</span><span class="o">:</span> <span class="m">300</span><span class="p">;</span>
<span class="k">font-family</span><span class="o">:</span> <span class="s2">"Helvetica Neue"</span><span class="o">,</span> <span class="n">Helvetica</span><span class="o">,</span> <span class="n">Arial</span><span class="o">,</span> <span class="n">sans</span><span class="o">-</span><span class="n">serf</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">h1</span> <span class="p">{</span>
<span class="k">font-size</span><span class="o">:</span> <span class="m">3em</span><span class="p">;</span>
<span class="k">font-weight</span><span class="o">:</span> <span class="m">300</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">h2</span> <span class="p">{</span>
<span class="k">font-size</span><span class="o">:</span> <span class="m">1.5em</span><span class="p">;</span>
<span class="k">font-weight</span><span class="o">:</span> <span class="m">300</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">section</span> <span class="p">{</span>
<span class="k">margin-bottom</span><span class="o">:</span> <span class="m">3em</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">section</span> <span class="nt">p</span> <span class="p">{</span>
<span class="k">text-align</span><span class="o">:</span> <span class="k">justify</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">svg</span> <span class="p">{</span>
<span class="k">border</span><span class="o">:</span> <span class="m">1px</span> <span class="k">solid</span> <span class="m">#ccc</span><span class="p">;</span>
<span class="k">overflow</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span>
<span class="k">margin</span><span class="o">:</span> <span class="m">0</span> <span class="k">auto</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">pre</span> <span class="p">{</span>
<span class="k">border</span><span class="o">:</span> <span class="m">1px</span> <span class="k">solid</span> <span class="m">#ccc</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>