Added Tab Views

1 files changed, 72 insertions, 1 deletions

diff --git a/dist/mac/css/all.css b/dist/mac/css/all.css
index bf434d1..3d26049 100644
--- a/dist/mac/css/all.css
+++ b/dist/mac/css/all.css
@@ -1051,7 +1051,7 @@ h6 {
 .box-layout {
     background-color: #E3E3E3;
     width: 90%;
-    margin: 10px auto;
+    margin: 30px auto;
     padding: 10px 15px 10px 15px;
     border: solid 1px #D4D4D4;
     border-radius: 4px;
@@ -1479,6 +1479,77 @@ textarea {
     margin-right: 0;
 }
 
+/* Tab Views */
+
+.tabview {
+    list-style-type: none;
+    position: absolute;
+    top: -12px;
+    left: 50%;
+    transform: translateX(-50%);
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+    border-radius: 4px;
+}
+
+.tabitem {
+    display: inline-block;
+    vertical-align: middle;
+    -webkit-app-region: no-drag;
+    border: solid 1px #C9C9C9;
+    padding: 3px 10px;
+    font-size: 12.5px;
+    border-right: none;
+    border-left: solid 1px #E5E5E5;
+}
+
+.tabitem {
+    position: relative;
+    float: left;
+}
+
+.tabitem:last-child {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+    border-right: solid 1px #C9C9C9;
+}
+
+.tabitem:first-child {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+
+.tabitem:not(:first-child):not(:last-child) {
+    border-radius: 0;
+}
+
+.tabitem.active {
+    border: solid 1px #4A8FF7;
+    background-image: linear-gradient(to bottom, #69A2F8 0%, #116DF6 100%);
+    color: white;
+}
+
+/* .tabitem {
+    display: inline-block;
+    background-color: #fff;
+    margin: 0;
+    padding: 8px 12px;
+    border: solid 1px #A6A6A6;
+    border-right: solid 1px #fff;
+}
+.tabitem:first-child {
+    border-radius: 4px 0px 0px 4px;
+}
+.tabitem:last-child {
+    border-radius: 0px 4px 4px 0px;
+    border-right: solid 1px #A6A6A6;
+} */
+
 /* Progress Indicators */
 
 progress {