for the user who needs to see what the front end styling in the editor

/*— INSERTS STYLESHEET LINK FOR VISUAL EDITOR DISPLAY —–*/

function my_theme_add_editor_styles() {

    add_editor_style( ‘custom-editor-style.css’ );

}

add_action( ‘after_setup_theme’, ‘my_theme_add_editor_styles’ );

IN FUNCTIONS FILE

/* — THIS STYLESHEET IS INTENDED TO REFLECT THE FRONT END APPEARAQNCE IN THE VISUAL EDITOR —*/

/*—————Links—————————–*/

a{color:#0f4103}

a:visited{color:#5f5000}

a:hover, a:focus, a:active{color:#5f5000}

/*– CONTENT TYPOGRAPHY —*/

p {margin-bottom: 1.25em;line-height: 1.25em;}

h1{line-height:1em; margin:.5em 0; font-family: “Lucida Bright”, Georgia, serif; font-style: italic;font-size: 1.5em; color:#000000;  text-decoration: none; }

h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{text-decoration: none;}

h2{line-height:1em; margin:.5em 0;font-family: “Lucida Bright”, Georgia, serif; font-style: italic;color:#000b3d; font-size:1.25em;}

h3{line-height:1em; margin:.5em 0;font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;color:#000b3d; font-size:1.1em; font-weight: bold;}

h4{line-height:1em; margin:.5em 0;font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;color:#000b3d; font-size:1.1em; font-weight: normal;}

h5{line-height:1em; margin:.5em 0;font-family:”Lucida Bright”, Georgia, serif; font-style: italic;color:#000b3d; font-size:1em; font-weight: bold;}

h6{line-height:1em; margin:.5em 0;font-family:”Lucida Bright”, Georgia, serif; font-style: italic;color:#000b3d; font-size:1em; font-weight: normal;}

#content p{line-height:1em; margin:.5em 0;}

.smallcontent{ line-height: .5em; font-size: .75em}

.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, p.blue{color:#0d0b4e;}

.brown, h1.brown, h2.brown, h3.brown, h4.brown,h5.brown, h6.brown,#content p.brown{color:#8d3b0e;}

.purple, h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple, p.purple{color:#410333;}

.red, h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, p.red{color:#741711;}

.gold, h1.gold, h2.gold, h3.gold, h4.gold, h5.gold, h6.gold, p.gold{color:#5f5000;}

.orange,  h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, p.orange{color:#a74008;}

/*——Typography—————————*/

body, button, input, select, textarea{	font-family:sans-serif; }

body#tinymce{width:60%;}

body#tinymce .clear{clear:both;}

h1, h2, h3, h4, h5, h6{clear:both}

p{margin-bottom:1.5em}

b, strong{font-weight:bold}

dfn, cite, em, i{font-style:italic}

blockquote{margin:1.5em; font-style: italic; font-size: .9em; line-height: 1.5em;}

address{margin:0 0 1.5em}

pre{background:#eee; font-family:”Courier 10 Pitch”,Courier,monospace; font-size:15px; font-size:1.5rem; line-height:1.6; margin-bottom:1.6em; max-width:100%; 

overflow:auto; padding:1.6em}

code, kbd, tt, var{font:15px Monaco,Consolas,”Andale Mono”,”DejaVu Sans Mono”,monospace}

abbr, acronym{border-bottom:1px dotted #0f4103; cursor:help}

mark, ins{background:#fff9c0; text-decoration:none}

sup,sub{font-size:75%; height:0; line-height:0; position:relative; vertical-align:baseline}

sup{bottom:1ex}

sub{top:.5ex}

small{font-size:75%}

big{font-size:125%}

/*——-Elements——————–*/

.alignleft{display:inline; float:left; margin-right:1.5em}

.alignright{display:inline; float:right; margin-left:1.5em}

.aligncenter{clear:both; display:block; margin:0 auto}

hr{background-color:#ccc; border:0; height:1px; margin-bottom:1.5em; clear:both;}

ul, ol{margin:0 0 1.5em 3em}

ul{list-style:disc}

ol{list-style:decimal}

li >ul, 

li >ol{margin-bottom:0; margin-left:1.5em}

dt{font-weight:bold}

dd{margin:0 1.5em 1.5em}

img{height:auto; /* Make sure images are scaled correctly. */max-width:100%; /* Adhere to container width. */}

figure{margin:0}

table{margin:0 0 1.5em; width:100%}

/*—ADDITION—*/

td{vertical-align: top;}

th{font-weight:bold}