diff --git a/demo/css/editor.css b/demo/css/editor.css new file mode 100644 index 0000000..529d6ad --- /dev/null +++ b/demo/css/editor.css @@ -0,0 +1,47 @@ +* { + margin: 0; + padding: 0; +} +ul { + list-style: none; +} +a { + color: #03C; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +.hide { + display: none; +} +body, +html { + height: 100%; +} +#render-view { + font-size: 12px; + width: 100%; + height: 100%; + position: relative; + -webkit-text-size-adjust: none; +} +#render-view .editor-contextmenu { + width: 120px; + border: 1px solid #999; + background: #FEFEFE; + line-height: 24px; + padding: 0 4px; + box-shadow: 1px 1px 1px #CCC; +} +#render-view .editor-contextmenu div { + padding-left: 10px; + cursor: pointer; + border-bottom: 1px solid #CCC; +} +#render-view .editor-contextmenu div:hover { + background: #EEE; +} +#render-view .editor-contextmenu div:last-child { + border-bottom: none; +} diff --git a/demo/css/editor.less b/demo/css/editor.less new file mode 100644 index 0000000..d2142a1 --- /dev/null +++ b/demo/css/editor.less @@ -0,0 +1,37 @@ +@import './reset'; + +body, html { + height: 100%; +} + +#render-view { + font-size: 12px; + width: 100%; + height: 100%; + position: relative; + -webkit-text-size-adjust: none; + + .editor-contextmenu { + width: 120px; + border: 1px solid #999; + background: #FEFEFE; + line-height: 24px; + padding: 0 4px; + box-shadow: 1px 1px 1px #CCC; + + div { + padding-left: 10px; + cursor: pointer; + border-bottom: 1px solid #CCC; + } + + div:hover { + background: #EEE; + } + + div:last-child { + border-bottom: none; + } + + } +} \ No newline at end of file diff --git a/demo/editor.html b/demo/editor.html index 90c04c4..30a65cc 100644 --- a/demo/editor.html +++ b/demo/editor.html @@ -5,7 +5,7 @@ 测试render - + @@ -19,7 +19,7 @@ define('jquery', $); -
+