Another attempt to fix the http blog redirects.
[WebKit-https.git] / Websites / webkit.org / blog / wp-admin / css / press-this-editor.css
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 0 1.5em 3em;
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-left: 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 0 1.5em .75em;
123 }