1 | /* |
---|
2 | * WYMeditor : what you see is What You Mean web-based editor |
---|
3 | * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/ |
---|
4 | * Dual licensed under the MIT (MIT-license.txt) |
---|
5 | * and GPL (GPL-license.txt) licenses. |
---|
6 | * |
---|
7 | * For further information visit: |
---|
8 | * http://www.wymeditor.org/ |
---|
9 | * |
---|
10 | * File Name: |
---|
11 | * wymeditor.css |
---|
12 | * Main editor css file. |
---|
13 | * See the documentation for more info. |
---|
14 | * |
---|
15 | * File Authors: |
---|
16 | * Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg) |
---|
17 | * Daniel Reszka (d.reszka a-t wymeditor dotorg) |
---|
18 | */ |
---|
19 | |
---|
20 | /* VISUAL FEEDBACK */ |
---|
21 | |
---|
22 | /* basic */ |
---|
23 | body { background: #e1e8f1;} |
---|
24 | |
---|
25 | /* make HTML blocs visible */ |
---|
26 | p, |
---|
27 | h1, |
---|
28 | h2, |
---|
29 | h3, |
---|
30 | h4, |
---|
31 | h5, |
---|
32 | h6, |
---|
33 | ul, |
---|
34 | ol, |
---|
35 | table, |
---|
36 | blockquote, |
---|
37 | pre { background: #FFFFFF no-repeat 2px 2px; |
---|
38 | padding:8px 5px 5px; |
---|
39 | margin:10px; } |
---|
40 | td { background: #F0F4F8; } |
---|
41 | th { background: #ffffcc; } |
---|
42 | ul, |
---|
43 | ol { border-left:20px solid #B9C4D0; padding:0px 5px; } |
---|
44 | caption { background: #E4E4B0; padding: 5px; font-weight: bold; } |
---|
45 | table { font-size: 12px; width: 500px; } |
---|
46 | td { width: 25%; } |
---|
47 | blockquote { margin-left: 30px; } |
---|
48 | pre { background-color:transparent; border: 1px solid white; } |
---|
49 | |
---|
50 | /* Gecko min height fix */ |
---|
51 | p { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */ |
---|
52 | *+html p { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */ |
---|
53 | td { height: 1.6em; } |
---|
54 | |
---|
55 | /* labels */ |
---|
56 | p { background-image: url(lbl-p.png); } |
---|
57 | h1 { background-image: url(lbl-h1.png); } |
---|
58 | h2 { background-image: url(lbl-h2.png); } |
---|
59 | h3 { background-image: url(lbl-h3.png); } |
---|
60 | h4 { background-image: url(lbl-h4.png); } |
---|
61 | h5 { background-image: url(lbl-h5.png); } |
---|
62 | h6 { background-image: url(lbl-h6.png); } |
---|
63 | blockquote{ background-image: url(lbl-blockquote.png); } |
---|
64 | pre { background-image: url(lbl-pre.png); } |
---|
65 | |
---|
66 | /* specific HTML elements */ |
---|
67 | caption { text-align: left; } |
---|
68 | img { margin-right: 5px; |
---|
69 | border-style: solid; |
---|
70 | border-color: gray; |
---|
71 | border-width: 0; } |
---|
72 | a img { border-width: 1px; border-color: blue; } |
---|
73 | acronym { border: 1px solid gray; } |
---|
74 | span { background-color: #eef; } |
---|
75 | |
---|
76 | /* visual feedback for non-valid nesting of elements*/ |
---|
77 | h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address, |
---|
78 | h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address, |
---|
79 | h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address, |
---|
80 | h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address, |
---|
81 | h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address, |
---|
82 | h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address, |
---|
83 | p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address, |
---|
84 | pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address, |
---|
85 | address h1, address h2, address h3, address h4, address h5, address h6, |
---|
86 | address p, address pre, address address |
---|
87 | { background-color: #ff9999 !important; |
---|
88 | border: 1px solid red !important; |
---|
89 | font-size: 12px !important; |
---|
90 | font-weight: normal; } |
---|