From 07b8d8c8e7b2992a19aae4fb80c73150a8e40c54 Mon Sep 17 00:00:00 2001
From: KaiSD <kai.saerthen.darker@gmail.com>
Date: Wed, 4 Sep 2019 01:08:36 +0300
Subject: [PATCH] toolbar style

---
 ace/index.html | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)
diff --git a/ace/index.html b/ace/index.html
index 3e6b1dd..a9b6456 100644
--- a/ace/index.html
+++ b/ace/index.html
@@ -9,23 +9,48 @@
     <style type="text/css" media="screen">
         body {
             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 {
-            margin-top: 32px;
+            margin-top: 36px;
             position: absolute;
             top: 0;
             bottom: 0;
             left: 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>
     </head>
     <body>
         <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 class="inner" id="editor"></div>
         
