forked from refinery/refinerycms
/
wymiframe.css
156 lines (146 loc) · 5.64 KB
/
wymiframe.css
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
/*
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/
* Dual licensed under the MIT (MIT-license.txt)
* and GPL (GPL-license.txt) licenses.
*
* For further information visit:
* http://www.wymeditor.org/
*
* File Name:
* wymeditor.css
* Main editor css file.
* See the documentation for more info.
*
* File Authors:
* Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
* Daniel Reszka (d.reszka a-t wymeditor dotorg)
*/
/* VISUAL FEEDBACK */
/* basic */
body { background: #fff;}
/* make HTML blocks visible */
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
table,
blockquote,
pre,
article,
aside,
command,
details,
summary,
figure,
figcaption,
footer,
header,
hgroup,
mark,
meter,
nav,
progress,
ruby,
rt,
rp,
section,
time { background: transparent no-repeat 2px 2px;
padding:8px 5px 5px;
margin:6px 0px;
border: 1px dotted #cccccc;
}
td { background: #F0F4F8; }
th { background: #ffffcc; }
ul,
ol { border-left:20px solid #B9C4D0; padding:0px 5px; }
caption { background: #E4E4B0; padding: 5px; font-weight: bold; }
table { font-size: 12px; width: 500px; }
td { width: 25%; }
blockquote { margin-left: 30px; }
pre { background-color:transparent; border: 1px solid white; }
/* Gecko min height fix */
p { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */
html.ie p { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
td { height: 1.6em; }
/* labels */
p { background-image: url('/images/wymeditor/skins/refinery/html5/p.png'); }
h1 { background-image: url('/images/wymeditor/skins/refinery/html5/h1.png'); }
h2 { background-image: url('/images/wymeditor/skins/refinery/html5/h2.png'); }
h3 { background-image: url('/images/wymeditor/skins/refinery/html5/h3.png'); }
h4 { background-image: url('/images/wymeditor/skins/refinery/html5/h4.png'); }
h5 { background-image: url('/images/wymeditor/skins/refinery/html5/h5.png'); }
h6 { background-image: url('/images/wymeditor/skins/refinery/html5/h6.png'); }
blockquote { background-image: url('/images/wymeditor/skins/refinery/html5/blockquote.png'); }
pre { background-image: url('/images/wymeditor/skins/refinery/html5/pre.png'); }
meter { background-image: url('/images/wymeditor/skins/refinery/html5/meter.png'); }
nav { background-image: url('/images/wymeditor/skins/refinery/html5/nav.png'); }
ruby { background-image: url('/images/wymeditor/skins/refinery/html5/ruby.png'); }
rt { background-image: url('/images/wymeditor/skins/refinery/html5/rt.png'); }
rp { background-image: url('/images/wymeditor/skins/refinery/html5/rp.png'); }
article { background-image: url('/images/wymeditor/skins/refinery/html5/article.png'); }
aside { background-image: url('/images/wymeditor/skins/refinery/html5/aside.png'); }
command { background-image: url('/images/wymeditor/skins/refinery/html5/command.png'); }
details { background-image: url('/images/wymeditor/skins/refinery/html5/details.png'); }
summary { background-image: url('/images/wymeditor/skins/refinery/html5/summary.png'); }
figure { background-image: url('/images/wymeditor/skins/refinery/html5/figure.png'); }
figcaption { background-image: url('/images/wymeditor/skins/refinery/html5/figcaption.png'); }
footer { background-image: url('/images/wymeditor/skins/refinery/html5/footer.png'); }
header { background-image: url('/images/wymeditor/skins/refinery/html5/header.png'); }
hgroup { background-image: url('/images/wymeditor/skins/refinery/html5/hgroup.png'); }
mark { background-image: url('/images/wymeditor/skins/refinery/html5/mark.png'); }
progress { background-image: url('/images/wymeditor/skins/refinery/html5/progress.png'); }
section { background-image: url('/images/wymeditor/skins/refinery/html5/section.png'); }
time { background-image: url('/images/wymeditor/skins/refinery/html5/time.png'); }
/* specific HTML elements */
caption { text-align: left; }
img { margin-right: 5px;
border: 1px solid transparent; }
a img { border: 1px dotted blue !important; }
acronym { border: 1px solid gray; }
/* visual feedback for non-valid nesting of elements*/
h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
address h1, address h2, address h3, address h4, address h5, address h6,
address p, address pre, address address
{ background-color: #ff9999 !important;
border: 1px solid red !important;
font-size: 12px !important;
font-weight: normal; }
/* indicate invalid text area fields */
body.fieldWithErrors { background-color: #ffecf0 !important; }
img.selected_by_wym {
border: 1px dashed #22a7f2;
}
article,
aside,
command,
details,
summary,
figure,
figcaption,
footer,
header,
hgroup,
mark,
meter,
nav,
progress,
ruby,
rt,
rp,
section,
time {
display: block;
}