[2] | 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; } |
---|