- update readme

internet2 · Apr 5, 2018 · cae5cd1 · cae5cd1
1 parent 45c61b3
commit cae5cd1
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/readme.md b/readme.md
@@ -62,7 +62,7 @@ dev_user: root
 ```
 - Start tool
   + Python binary should be in path if not use `which python2.7` to obtian path info
-  + start with `python2.7 main.py`
+  + Start UI with `python2.7 main.py`
 - Access WebUi URL `<IP>:8080`
 
 ## WebUI ##

diff --git a/ui/index.html b/ui/index.html
@@ -60,14 +60,14 @@ <h2 style="text-align:right;float:right;" class="mainheader">Monitoring BGP Flow
                 <div class="panel-heading"><h3>Flow Configuration</h3></div>
                 <div class="panel-body">
                     <p>
-                        <button id="flowAddBtn" type="button" class="btn btn-primary btn-sm" data-toggle="modal"
+                        <button id="flowAddBtn" type="button" class="btn btn-primary btn-sm btn-custom" data-toggle="modal"
                                 data-target="#modalFlowAddNew">
                             <span class="glyphicon glyphicon-plus"></span> Add
                         </button>
-                        <button id="flowModBtn" type="button" class="btn btn-primary btn-sm">
+                        <button id="flowModBtn" type="button" class="btn btn-primary btn-sm btn-custom">
                             <span class="glyphicon glyphicon-pencil"></span> Mod
                         </button>
-                        <button id="flowDelBtn" type="button" class="btn btn-primary btn-sm">
+                        <button id="flowDelBtn" type="button" class="btn btn-primary btn-sm btn-custom">
                             <span class="glyphicon glyphicon-minus"></span> Del
                         </button>
                     </p>

diff --git a/ui/ui.css b/ui/ui.css
@@ -2,6 +2,23 @@
  color: #575d68;
 }
 
+.btn-custom {
+  background-color: hsl(0, 0%, 75%) !important;
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9c9c9", endColorstr="#bfbfbf");
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#c9c9c9), to(#bfbfbf));
+  background-image: -moz-linear-gradient(top, #c9c9c9, #bfbfbf);
+  background-image: -ms-linear-gradient(top, #c9c9c9, #bfbfbf);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(100%, #bfbfbf));
+  background-image: -webkit-linear-gradient(top, #c9c9c9, #bfbfbf);
+  background-image: -o-linear-gradient(top, #c9c9c9, #bfbfbf);
+  background-image: linear-gradient(#c9c9c9, #bfbfbf);
+  border-color: #bfbfbf #bfbfbf hsl(0, 0%, 74%);
+  color: #333 !important;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.06);
+  -webkit-font-smoothing: antialiased;
+}
+
 tr.newRow {
     background-color: red;
 }