View Source

Code syntax highlighter using theme:

Default

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"default","language":"css","showLineNumbers":true}

Dark

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"dark","language":"css","showLineNumbers":true}

Funky

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"funky","language":"css","showLineNumbers":true}

Coy

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"coy","language":"css","showLineNumbers":true}

Tomorrow Night

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"tomorrow","language":"css","showLineNumbers":true}

Okaidia

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"okaidia","language":"css","showLineNumbers":true}

Twilight

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"twilight","language":"css","showLineNumbers":true}

Solarized Light

{"code":"section h1 > a:before,\nsection h2[id] > a:before {\n\tcontent: '§';\n\tposition: absolute;\n\tpadding: 0 .2em;\n\tmargin-left: -1em;\n\tborder-radius: .2em;\n\tcolor: silver;\n\ttext-shadow: 0 1px white;\n}\n\nsection h1 > a:hover:before,\nsection h2[id] > a:hover:before {\n\tcolor: black;\n\tbackground: #f1ad26;\n}","theme":"solarizedlight","language":"css","showLineNumbers":true}