Helpscout Doc Editor by sspoon865

/* ==UserStyle==
@name           Helpscout Doc Editor
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Match the CSS of published articles within the WYSIWYG Helpscout Doc editor.
@author         Stephen
==/UserStyle== */

@-moz-document url-prefix("https://secure.helpscout.net/docs/") {
    .redactor_editor p {
        color: #000000;
    }
    .redactor_editor, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor li, .redactor_editor div, .redactor_editor blockquote, .redactor_editor dd, .redactor_editor table {
	    color: #000000;
    }
    .redactor_editor, .redactor_editor blockquote, .redactor_editor div, .redactor_editor dl, .redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5, .redactor_editor h6, .redactor_editor ol, .redactor_editor p, .redactor_editor pre, .redactor_editor table, .redactor_editor ul, .redactor_editor:focus {
        color: #000000;
    }
    .redactor_editor {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        color: #000000;
    }
    /*.redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor li, .redactor_editor div, .redactor_editor blockquote, .redactor_editor dd, .redactor_editor table {
        margin-bottom: 12px;
    }*/
    .redactor_editor h4 {
        font-weight: 500;
        text-decoration: underline;
        font-variant: small-caps;
    }
    .redactor_editor h4 em {
        font-size: 12px;
        font-variant: small-caps;
    }
    .redactor_editor h5 {
        font-size: 15px;
        font-weight: 700;
        font-variant: small-caps;
    }
    .redactor_editor a, .redactor_editor a:hover, .redactor_editor a:active, .redactor_editor a:focus, .redactor_editor a:visited {
        color: #4381b5;
        text-decoration: none;
    }
    .redactor_editor img {
        margin: 20px;
        padding: 0px;
        border-style: hidden;
        border-radius: 5px;
        box-shadow: 2px 2px 3px gray;
    }
    .redactor_editor strong {
        color: black;
        font-weight: bolder;
    }
    div.toc {
        background: #f0f0f0;
        border: 3px solid #dfdfdf;
        display: inline-flex;
        font-size: smaller;
        flex-direction: column;
        float: right;
        margin: 12px 0px 12px 12px !important;
        padding: 12px;
        width: max-content;
    }
    div.toc div:nth-child(1) {
        font-size: medium;
        text-align: center;
        padding-bottom: 5px;
    }
    div.note, div.module, div.tip {
        width: 100%;
        margin: 0.5% 1% 1% 1% !important;
        display: inline-flex;
        flex-direction: row;
    }
    div.note strong:first-of-type, div.tip strong:first-of-type {
        font-variant: small-caps;
    }
    div.note div:nth-child(1) {
        width: 5px;
        padding: 0px;
        background-color: #ffc555;
    }
    div.note div:nth-child(2) {
        background-color: #fff6e3;
        padding: 10px;
    }
    div.module div:nth-child(1) {
        width: 5px;
        padding: 0px;
        background-color: #88c0ff;
    }
    div.module div:nth-child(2) {
        background-color: #041f3d;
        color: white !important;
        padding: 10px;
    }
    div.module div:nth-child(2) strong {
        color: white !important;
    }
    div.module div:nth-child(2) a > strong{
        color: #88c0ff !important;
    }
    div.tip div:nth-child(1) {
        width: 5px;
        padding: 0px;
        background-color: #a3d7ff;
    }
    div.tip div:nth-child(2) {
        background-color: #d6edff;
        padding: 10px;
    }
    .redactor_editor ul {
        list-style-type: "⯈";
        list-style-position: outside;
        padding-left: 0px;
    }
    .redactor_editor ul li {
        padding: 2px 0px 0px 6px;
    }
    .redactor_editor ul li ul {
        list-style-type: disc;
        list-style-position: outside;
    }
    .redactor_editor ul li ul li {
        padding: 2px 0px 0px 0px;
    }
    .redactor_editor ul li ul li ul {
        list-style-type: circle;
        list-style-position: outside;
    }
    .redactor_editor ul li ul li ul li {
        padding: 2px 0px 0px 0px;
    }
    .redactor_editor ul ::marker {
        font-size: smaller;
    }
    .redactor_editor iframe {
        border-style: none;
        clear: both;
        border-radius: 5px;
        box-shadow: 3px 3px 5px grey;
    }
    .redactor_dropdown_p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        color: #000000;
    }
    .redactor_dropdown_blockquote {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        color: #000000;
    }
    .redactor_dropdown_pre {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        color: #000000;
    }
    .redactor_dropdown_h1 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
    }
    .redactor_dropdown_h2 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
    }
    .redactor_dropdown_h3 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
    }
    .redactor_dropdown_h4 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        font-weight: 500;
        text-decoration: underline;
        font-variant: small-caps;
    }
    .redactor_dropdown_h5 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        font-size: 15px;
        font-weight: 700;
        font-variant: small-caps;
    }
    .redactor_dropdown > a {
        color: #000000;
    }
}