nvALT settings

custom.css

html,
body {
    color: black;
}

* {
    margin: 0;
    padding: 0;
}

body {
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 13.34px helvetica,arial,freesans,clean,sans-serif;
    line-height: 1.4;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

p {
    margin: 1em 0;
}

a {
    text-decoration: none;
    color: #4183c4;
}

#wrapper {
    margin: 15px;
    padding: 0 30px;
    border: 3px solid #eee!important;
    background-color: #fff;
}

#wrapper {
    font-size: 14px;
    line-height: 1.6;
}

#wrapper>*:first-child {
    margin-top: 0!important;
}

#wrapper>*:last-child {
    margin-bottom: 0!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1 {
    margin: 15px 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #eee;
    font-size: 24px;
}

h2 {
    margin: 20px 0 10px 0;
    font-size: 18px;
}

h3 {
    margin: 20px 0 10px 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

h4 {
    padding: 18px 0 4px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

h5 {
    padding: 14px 0 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 26px;
}

h6 {
    padding: 18px 0 0;
    font-size: 14px;
    font-variant: italic;
    font-weight: normal;
    line-height: 26px;
    color: #666;
}

hr {
    height: 4px;
    margin: 20px 0;
    padding: 0;
    border: 0 none;
    color: #ccc;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
}

#wrapper>h2:first-child,
#wrapper>h1:first-child,
#wrapper>h1:first-child+h2 {
    margin: 0;
    padding: 0;
    border: 0;
}

#wrapper>h3:first-child,
#wrapper>h4:first-child,
#wrapper>h5:first-child,
#wrapper>h6:first-child {
    margin: 0;
    padding: 0;
}

h4+p,
h5+p,
h6+p {
    margin-top: 0;
}

li p.first {
    display: inline-block;
}

ul,
ol {
    margin: 15px 0 15px 25px;
}

ul li,
ol li {
    margin-top: 7px;
    margin-bottom: 7px;
}

ul li>*:last-child,
ol li>*:last-child {
    margin-bottom: 0;
}

ul li>*:first-child,
ol li>*:first-child {
    margin-top: 0;
}

#wrapper>ul,
#wrapper>ol {
    margin-top: 21px;
    margin-left: 36px;
}

dl {
    margin: 0;
    padding: 20px 0 0;
}

dl dt {
    margin: 0;
    padding: 20px 0 0;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
}

dl dt:first-child {
    padding: 0;
}

dl dd {
    margin: 0;
    padding: 3px 0 0;
    font-size: 13px;
}

blockquote {
    margin: 14px 0;
    padding-left: 11px;
    border-left: 4px solid #ddd;
    color: #555;
}

table {
    margin: 20px 0 0;
    padding: 0;
    border-collapse: collapse;
}

table tr {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

table tr th,
table tr td {
    margin: 0;
    padding: 6px 13px;
    border: 1px solid #ccc;
    text-align: left;
}

img {
    height: auto;
    max-width: 100%;
}

code,
tt {
    margin: 0 2px;
    padding: 2px 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    white-space: nowrap;
    background-color: #f8f8f8;
}

pre>code {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    white-space: pre;
    background: transparent;
}

.highlight pre,
pre {
    padding: 6px 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: auto;
    font-size: 13px;
    line-height: 19px;
    background-color: #f8f8f8;
}

#wrapper>pre,
#wrapper>div.highlight {
    margin: 10px 0 0;
}

pre code,
pre tt {
    border: 0;
    background-color: transparent;
}

#wrapper {
    padding: 30px;
    border: 1px solid #cacaca;
    background-color: #fff;
}

.poetry pre {
    display: block;
    margin-left: 1em;
    font-family: Georgia,Garamond,serif!important;
    font-size: 110%!important;
    font-style: italic;
    line-height: 1.6em;
}

.poetry pre code {
    font-family: Georgia,Garamond,serif!important;
}

sup,
sub,
a.footnote {
    position: relative;
    height: 0;
    font-size: 1.4ex;
    line-height: 1;
    vertical-align: super;
}

sub {
    top: -1px;
    vertical-align: sub;
}

@media print {
    body {
        background: #fff;
    }
    
    img,
    pre,
    blockquote,
    table,
    figure {
        page-break-inside: avoid;
    }
    
    #wrapper {
        border: 0;
        background: #fff;
    }
    
    code {
        padding: 0 .2em;
        border: 1px solid #dedede;
        color: #444!important;
        background-color: #fff;
    }
    
    pre code {
        overflow: visible;
        background-color: #fff!important;
    }
    
    pre {
        background: #fff;
    }
}

@media screen {
    body.inverted,
    .inverted #wrapper,
    .inverted hr .inverted p,
    .inverted td,
    .inverted li,
    .inverted h1,
    .inverted h2,
    .inverted h3,
    .inverted h4,
    .inverted h5,
    .inverted h6,
    .inverted th,
    .inverted .math,
    .inverted caption,
    .inverted dd,
    .inverted dt,
    .inverted blockquote {
        border-color: #555;
        color: #eee!important;
    }
    
    .inverted td,
    .inverted th {
        background: #333;
    }
    
    .inverted pre,
    .inverted code,
    .inverted tt {
        background: #444!important;
    }
    
    .inverted h2 {
        border-color: #555;
    }
    
    .inverted hr {
        border-color: #777;
        border-width: 1px!important;
    }
    
    ::selection {
        background: rgba(157,193,200,.5);
    }
    
    h1::selection {
        background-color: rgba(45,156,208,.3);
    }
    
    h2::selection {
        background-color: rgba(90,182,224,.3);
    }
    
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection,
    li::selection,
    ol::selection {
        background-color: rgba(133,201,232,.3);
    }
    
    code::selection {
        color: #eee;
        background-color: rgba(0,0,0,.7);
    }
    
    code span::selection {
        color: #eee!important;
        background-color: rgba(0,0,0,.7) !important;
    }
    
    a::selection {
        background-color: rgba(255,230,102,.2);
    }
    
    .inverted a::selection {
        background-color: rgba(255,230,102,.6);
    }
    
    td::selection,
    th::selection,
    caption::selection {
        background-color: rgba(180,237,95,.5);
    }
    
    .inverted {
        background: #0b2531;
    }
    
    .inverted #wrapper,
    .inverted {
        background: rgba(37,42,42,1);
    }
    
    .inverted a {
        color: rgba(172,209,213,1);
    }
}

.highlight .c {
    font-style: italic;
    color: #998;
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2;
}

.highlight .k {
    font-weight: bold;
}

.highlight .o {
    font-weight: bold;
}

.highlight .cm {
    font-style: italic;
    color: #998;
}

.highlight .cp {
    font-weight: bold;
    color: #999;
}

.highlight .c1 {
    font-style: italic;
    color: #998;
}

.highlight .cs {
    font-style: italic;
    font-weight: bold;
    color: #999;
}

.highlight .gd {
    color: #000;
    background-color: #fdd;
}

.highlight .gd .x {
    color: #000;
    background-color: #faa;
}

.highlight .ge {
    font-style: italic;
}

.highlight .gr {
    color: #a00;
}

.highlight .gh {
    color: #999;
}

.highlight .gi {
    color: #000;
    background-color: #dfd;
}

.highlight .gi .x {
    color: #000;
    background-color: #afa;
}

.highlight .go {
    color: #888;
}

.highlight .gp {
    color: #555;
}

.highlight .gs {
    font-weight: bold;
}

.highlight .gu {
    font-weight: bold;
    color: #800080;
}

.highlight .gt {
    color: #a00;
}

.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 {
    font-weight: bold;
    color: #458;
}

.highlight .m {
    color: #099;
}

.highlight .s {
    color: #d14;
}

.highlight .na {
    color: #008080;
}

.highlight .nb {
    color: #0086b3;
}

.highlight .nc {
    font-weight: bold;
    color: #458;
}

.highlight .no {
    color: #008080;
}

.highlight .ni {
    color: #800080;
}

.highlight .ne {
    font-weight: bold;
    color: #900;
}

.highlight .nf {
    font-weight: bold;
    color: #900;
}

.highlight .nn {
    color: #555;
}

.highlight .nt {
    color: #000080;
}

.highlight .nv {
    color: #008080;
}

.highlight .ow {
    font-weight: bold;
}

.highlight .w {
    color: #bbb;
}

.highlight .mf {
    color: #099;
}

.highlight .mh {
    color: #099;
}

.highlight .mi {
    color: #099;
}

.highlight .mo {
    color: #099;
}

.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: #999;
}

.highlight .vc {
    color: #008080;
}

.highlight .vg {
    color: #008080;
}

.highlight .vi {
    color: #008080;
}

.highlight .il {
    color: #099;
}

.highlight .gc {
    color: #999;
    background-color: #eaf2f5;
}

.type-csharp .highlight .k {
    color: #00F;
}

.type-csharp .highlight .kt {
    color: #00F;
}

.type-csharp .highlight .nf {
    font-weight: normal;
    color: #000;
}

.type-csharp .highlight .nc {
    color: #2b91af;
}

.type-csharp .highlight .nn {
    color: #000;
}

.type-csharp .highlight .s {
    color: #a31515;
}

.type-csharp .highlight .sc {
    color: #a31515;
}

template.html

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">

        <meta name="Format" content="complete" />
        <meta name="format" content="complete" />

        <style type="text/css">

        {%style%}

        </style>
        <base href="file:///Users/mfc/Dropbox/Notes/images/">
</head>
<body>
        <div id="wrapper">
<!--  i like it better w/o the note title...
                <h1 class="doctitle">{%title%}</h1>
-->
                <div id="contentdiv">
                        {%content%}
                </div>

        </div>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
                $(document).ready(function() {
                        $('a').attr('target', '_blank');
                });
        </script>

</body>
</html>