Dynalist CSS Clone

.Node.is-heading3 > div:first-child {
    /*font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;*/
    /*font-family: "Architects Daughter";*/
    /*font-family: 'Patrick Hand', cursive;*/
    /*font-family: "Comic Sans MS", cursive, sans-serif;*/
    /*font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;*/
    /*font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;*/
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 11px; /*12px;*/
    /*font-style: italic;*/
    font-weight: bold;
    color: #A0522D; /* brown */
    /*font-variant: small-caps;*/
}

.Node.is-heading1 > div:first-child {
    font-size: 13px;
}

.Node.is-heading2 > div:first-child {
    /*background-color: #e6e6e6;*/ /*#808080;*/ /*#402100;*/ /*#4d2800;*/ /*#331a00;*/ /*#808080;*/ /* #ffffb3; */
    /*color: black;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 10.5px; /*10.5px;*/
    font-style: normal;
    font-weight: lighter;
}

/* Deleted header tags 1 and 2 */

.node-italics {
    background-color: yellow;
    color: black;
    text-decoration: none;
    /*font-style: normal;*/
    display: inline-block;    /*so you can cross out and still highlight */
}

/*.node-tag {*/
    /*color: #008000;*//*#d9ffd9;*/ /*#009900;*/ /*  #004d00, #006600, was green */
    /*font-style: italic;*/
    /*font-weight: 600;*/
/*}*/

.sup {
    color: hotpink;
}

.node-bold {
    color: #800080; /*#ffffb3;*/ /*#99ffff;*/ /*#ccffff;*/ /* #ffff00; */
    font-style: normal;
    font-weight: 600; /*normal;*//*lighter;*/
}

a {
    color: #87CEFA; /* was blue, now light blue */
}

a[href^="https://youtube.com"] {
    color: Teal;
}

a[href^="http://i.imgur.com"] {
    color: #cccccc; /*#666666*/ /*#595959*/ /*#4d4d4d;*/ /*  #666666    #A9A9A9 */
}

a[href^="https://i.imgur.com"] {
    color: #cccccc; /*#4d4d4d;*/
}

a[href^="http://stackoverflow.com"] {
    color: Pink;
}

a[href^="https://github.com"] {
    color: #ff99a8; /* darker pink */
}

a[href^="https://dynalist.io"] {
    color: red;
}

a[title^="Filter #"] {
    color: #000099; /*#0000cc;*/ /*#000080;*/ /*#0000ff;*/ /*#ff8c00;*/ /*#ffa500;*/ /*#ffbea5;*/ /*#ffb499;*/ /*#ffc7b3*/ /*#ff8f66;*/ /* #ff7c4d   OrangeRed */
    /*font-family: "Arial Narrow", Arial, sans-serif;*/
    font-style: normal;
}

i {
    background-color: yellow;
}





/* change color labels*/
.set-color-label[data-color="1"], .Node-contentContainer.mod-color-label-1 {
background: #FFDBD3 !important;
border-radius: 0;
padding-left: 3px !important;
    border-left: solid  red;
    max-width: 70%;

}


.set-color-label[data-color="2"], .Node-contentContainer.mod-color-label-2 {
background: #FFEFD3 !important;
padding-left: 3px !important;

    border-left: solid  orange;
    border-radius: 0;
     max-width: 70%;

}

.set-color-label[data-color="3"], .Node-contentContainer.mod-color-label-3 {
background: #FFF9D3 !important;
padding-left: 3px !important;
    border-left: solid  #FFE84A;
    border-radius: 0;
     max-width: 70%;

}

.set-color-label[data-color="4"], .Node-contentContainer.mod-color-label-4 {

padding-left: 3px !important;
    border-left: solid  green;
    border-radius: 0;
     max-width: 70%;

}

.set-color-label[data-color="5"], .Node-contentContainer.mod-color-label-5 {
background: #EDF4FF !important;
padding-left: 3px !important;
    border-left: solid  #09387D;
    border-radius: 0;
    color: #09387D !important;
    max-width: 70%;
}

.set-color-label[data-color="6"], .Node-contentContainer.mod-color-label-6 {
background: #F6EBFC !important;
padding-left: 3px !important;
    border-left: solid  purple;
    border-radius: 0;
     max-width: 70%;

}