1 changed files with 30 additions and 5 deletions
Unified View
Diff Options
-
+30 -5ace/index.html
+ 30
- 5
ace/index.html
View File
| @@ -9,23 +9,48 @@ | |||||
| <style type="text/css" media="screen"> | <style type="text/css" media="screen"> | ||||
| body { | body { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| background-color: #222; | |||||
| background: #232B30; /* old browsers */ | |||||
| background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */ | |||||
| background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */ | |||||
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */ | |||||
| } | } | ||||
| .inner { | .inner { | ||||
| margin-top: 32px; | |||||
| margin-top: 36px; | |||||
| position: absolute; | position: absolute; | ||||
| top: 0; | top: 0; | ||||
| bottom: 0; | bottom: 0; | ||||
| left: 0; | left: 0; | ||||
| right: 0; | right: 0; | ||||
| } | } | ||||
| .btn { | |||||
| outline: 0; | |||||
| padding: 3px 8px; | |||||
| color: #9fa8b0; | |||||
| font-weight: bold; | |||||
| text-shadow: 1px 1px #1f272b; | |||||
| border: 1px solid #1c252b; | |||||
| border-radius: 3px; | |||||
| -moz-border-radius: 3px; | |||||
| -webkit-border-radius: 3px; | |||||
| background: #232B30; /* old browsers */ | |||||
| background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */ | |||||
| background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */ | |||||
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */ | |||||
| box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */ | |||||
| -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */ | |||||
| -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */ | |||||
| } | |||||
| .btn_g { | |||||
| margin-right: 10px; | |||||
| } | |||||
| </style> | </style> | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div class="toolbar"> | <div class="toolbar"> | ||||
| <button id="btnSave" onClick="save()" class="btn btn-primary btn-xs">save</button> | |||||
| <button id="btnUndo" onClick="editor.undo()" class="btn btn-primary btn-xs">undo</button> | |||||
| <button id="btnRedo" onClick="editor.redo()" class="btn btn-primary btn-xs">redo</button> | |||||
| <button id="btnSave" onClick="save()" class="btn btn_g">save</button> | |||||
| <button id="btnUndo" onClick="editor.undo()" class="btn">undo</button> | |||||
| <button id="btnRedo" onClick="editor.redo()" class="btn">redo</button> | |||||
| </div> | </div> | ||||
| <div class="inner" id="editor"></div> | <div class="inner" id="editor"></div> | ||||