north/editor-style.css at master · ArrayHQ/north · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
.mceContentBody {
	font: 18px/1.6 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
	max-width: 75%;
}

.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
    margin: 0 0 2% 0;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
    color: #555;
    line-height: 1.2;
}

.mceContentBody h1 {
	font-size: 38px;
}

.mceContentBody h2 {
	font-size: 32px;
 }

.mceContentBody h3 {
	font-size: 28px;
}

.mceContentBody h4 {
	font-size: 24px;
}

.mceContentBody h5 {
	font-size: 18px;
}

.mceContentBody h6 {
	font-size: 14px;
}

.mceContentBody p {
	font: 18px/1.6 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
	margin-bottom: 30px;
	color: #555;
}

.mceContentBody blockquote {
    position: relative;
	padding: 35px 40px;
	margin: 0 0 35px 0;
	background: #90979f;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mceContentBody blockquote p {
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
	color: #fff;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

.mceContentBody ul {
	margin: 0 0 30px 0;
	padding: 0;
}

.mceContentBody li {
	list-style-type: circle;
	margin: 0 0 8px 18px;
}

.mceContentBody ol {
	margin: 0 0 30px 0;
	padding: 0;
}
.mceContentBody ol li {
	list-style-type: decimal;
}

.intro {
	color: #90979F;
	margin: 0 0 30px 0;
	font-size: 20px;
	line-height: 30px;
}

.pull-quote {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	text-align: right;
	color: #fff;
	width: 25%;
	float: right;
	margin: 0 0 35px 35px;
	padding: 20px;
	background: #48ADD8;
	position: relative;
}

.pull-quote:after {
	position: absolute;
	display: block;
	content: " ";
	width: 0;
	height: 0;
	right: 20px;
	bottom: -20px;
	border-top: 20px solid #48ADD8;
	border-right: 20px solid transparent;
}

.highlight {
	background: #fff198;
	color: #222;
}

hr {
	margin: 20px 0 30px;
    border: 0;
    border-bottom: 1px dotted #ddd;
    height: 1px;
}

.alignright {
	margin: 5px 0 30px 30px;
}

.alignleft {
	margin: 5px 30px 30px 0;
}