1 /*

     2 Press This TinyMCE editor styles :)

     3 */

     4 

     5 

     6 /**

     7 * Links

     8 */

     9 @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,600,700");

    10 a {

    11 	color: #0073aa;

    12 }

    13 

    14 a:visited {

    15 	color: #0073aa;

    16 }

    17 

    18 a:hover,

    19 a:focus,

    20 a:active {

    21 	color: #00a0d2;

    22 }

    23 

    24 

    25 /**

    26 * Lists

    27 */

    28 ul,

    29 ol {

    30 	margin: 0 3em 1.5em 0;

    31 }

    32 

    33 ul {

    34 	list-style: disc;

    35 }

    36 

    37 ol {

    38 	list-style: decimal;

    39 }

    40 

    41 li > ul,

    42 li > ol {

    43 	margin-bottom: 0;

    44 	margin-right: 1.5em;

    45 }

    46 

    47 dt {

    48 	font-weight: 700;

    49 }

    50 

    51 dd {

    52 	margin: 0 1.5em 1.5em;

    53 }

    54 

    55 

    56 /**

    57 * Media

    58 *

    59 * Basic image and object styles

    60 */

    61 img {

    62 	max-width: 100%;

    63 	height: auto;

    64 }

    65 

    66 /* Makes sure embeds and iframes fit inside their containers */

    67 embed,

    68 iframe,

    69 object {

    70 	max-width: 100%;

    71 }

    72 

    73 

    74 /**

    75 * TinyMCE styles

    76 *

    77 * Pretty dang good.

    78 */

    79 body {

    80 	color: #404040;

    81 	font-family: "Open Sans", Helvetica, Arial, sans-serif;

    82 	font-size: 20px;

    83 	font-weight: 400;

    84 	line-height: 1.6;

    85 }

    86 @media (max-width: 900px) {

    87 	body#tinymce {

    88 		padding-top: 30px !important;

    89 	}

    90 }

    91 @media (max-width: 640px) {

    92 	body {

    93 		font-size: 16px;

    94 	}

    95 }

    96 @media (max-width: 320px) {

    97 	body {

    98 		margin: 0 15px;

    99 	}

   100 }

   101 

   102 #tinymce b,

   103 #tinymce strong {

   104 	/* overrides TinyMCE's !important. Woohoo. */

   105 	font-weight: 700 !important;

   106 }

   107 

   108 blockquote {

   109 	margin: 1em 1.5em;

   110 	color: #9ea7af;

   111 	font-size: em(25px);

   112 	font-style: italic;

   113 }

   114 @media (max-width: 900px) {

   115 	blockquote {

   116 		margin: 1.5em 1em;

   117 	}

   118 }

   119 

   120 ul,

   121 ol {

   122 	margin: 0 .75em 1.5em 0;

   123 }