| Index: trunk/parsers/wikidom/lib/es/es.Surface.css |
| — | — | @@ -1,19 +1,3 @@ |
| 2 | | -body { |
| 3 | | - font-family: "Arial"; |
| 4 | | - font-size: 1em; |
| 5 | | - width: 100%; |
| 6 | | - margin: 0; |
| 7 | | - padding: 0; |
| 8 | | - overflow-y: scroll; |
| 9 | | -} |
| 10 | | - |
| 11 | | -.editSurface { |
| 12 | | - border: solid 1px silver; |
| 13 | | - margin-left: 12.5%; |
| 14 | | - margin-top: 1em; |
| 15 | | - width: 75%; |
| 16 | | -} |
| 17 | | - |
| 18 | 2 | .editSurface-input { |
| 19 | 3 | position: absolute; |
| 20 | 4 | z-index: -1; |
| Index: trunk/parsers/wikidom/demos/es/index.html |
| — | — | @@ -4,9 +4,45 @@ |
| 5 | 5 | <head> |
| 6 | 6 | <title>EditSurface Demo</title> |
| 7 | 7 | <link rel="stylesheet" href="../../lib/es/es.Surface.css"> |
| | 8 | + <style> |
| | 9 | + body { |
| | 10 | + font-family: "Arial"; |
| | 11 | + font-size: 1em; |
| | 12 | + width: 100%; |
| | 13 | + margin: 0; |
| | 14 | + padding: 0; |
| | 15 | + overflow-y: scroll; |
| | 16 | + } |
| | 17 | + #es-toolbar, |
| | 18 | + #es-editor { |
| | 19 | + border: solid 1px silver; |
| | 20 | + margin-left: 12.5%; |
| | 21 | + margin-top: 1em; |
| | 22 | + width: 75%; |
| | 23 | + } |
| | 24 | + .es-toolbarTool { |
| | 25 | + float: left; |
| | 26 | + width: 23px; |
| | 27 | + height: 23px; |
| | 28 | + margin: 0.5em 0 0.5em 0.5em; |
| | 29 | + } |
| | 30 | + .es-toolbarTool img { |
| | 31 | + border: solid 1px white; |
| | 32 | + cursor: pointer; |
| | 33 | + } |
| | 34 | + .es-toolbarTool img:hover { |
| | 35 | + border-color: silver; |
| | 36 | + } |
| | 37 | + </style> |
| 8 | 38 | </head> |
| 9 | 39 | <body> |
| 10 | | - <div id="es"></div> |
| | 40 | + <div id="es-toolbar" class="es-toolbar"> |
| | 41 | + <div class="es-toolbarTool" id="es-toolbar-bold"><img src="images/bold.png"></div> |
| | 42 | + <div class="es-toolbarTool" id="es-toolbar-italic"><img src="images/italic.png"></div> |
| | 43 | + <div class="es-toolbarTool" id="es-toolbar-link"><img src="images/link.png"></div> |
| | 44 | + <div style="clear:both"></div> |
| | 45 | + </div> |
| | 46 | + <div id="es-editor"></div> |
| 11 | 47 | |
| 12 | 48 | <!-- EditSurface --> |
| 13 | 49 | <script type="text/javascript" src="../../lib/jquery.js"></script> |
| — | — | @@ -51,7 +87,7 @@ |
| 52 | 88 | { 'text': "Text might have\ttabs\tin it too. Not all text will end in a line breaking character" } |
| 53 | 89 | ]) |
| 54 | 90 | ]); |
| 55 | | - var surface = new Surface( $('#es'), doc ); |
| | 91 | + var surface = new Surface( $('#es-editor'), doc ); |
| 56 | 92 | |
| 57 | 93 | $(window).resize( function() { |
| 58 | 94 | surface.render(); |