Add basic styles

electron-tabs.css

@@ -0,0 +1,108 @@
+.etabs-tabgroup {
+    width: 100%;
+    height: 32px;
+    background-color: #ccc;
+    cursor: default;
+    font: caption;
+    font-size: 14px;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.etabs-tabs {
+    float: left;
+}
+
+.etabs-tab {
+    display: none;
+    position: relative;
+    color: #333;
+    height: 22px;
+    padding: 6px 8px 4px;
+    border: 1px solid #aaa;
+    border-bottom: none;
+    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(204,204,204,1) 100%);
+}
+
+.etabs-tab:first-child {
+    border-left: none;
+}
+
+.etabs-tab.visible {
+    display: inline-block;
+}
+
+.etabs-tab.active {
+    background: #fff;
+}
+
+.etabs-tab.flash {
+    background: linear-gradient(to bottom, rgba(255,243,170,1) 0%,rgba(255,227,37,1) 100%);
+}
+
+.etabs-buttons {
+    float: left;
+}
+
+.etabs-buttons button {
+    float: left;
+    color: #333;
+    background: none;
+    border: none;
+    font-size: 12px;
+    margin-top: 6px;
+    border-radius: 2px;
+    margin-left: 4px;
+    width: 20px;
+    text-align: center;
+    padding: 4px 0;
+}
+
+.etabs-buttons button:hover {
+    color: #eee;
+    background-color: #aaa;
+}
+
+.etabs-tab-icon {
+    display: inline-block;
+    height: 16px;
+}
+
+.etabs-tab-icon img {
+    max-width: 16px;
+    max-height: 16px;
+}
+
+.etabs-tab-title {
+    display: inline-block;
+    margin-left: 10px;
+}
+
+.etabs-tab-buttons {
+    display: inline-block;
+    margin-left: 10px;
+}
+
+.etabs-tab-buttons button {
+    display: inline-block;
+    color: #333;
+    background: none;
+    border: none;
+    width: 20px;
+    text-align: center;
+    border-radius: 2px;
+}
+
+.etabs-tab-buttons button:hover {
+    color: #eee;
+    background-color: #aaa;
+}
+
+.etabs-views {
+    border-top: 1px solid #aaa;
+    height: calc(100vh - 33px);
+}
+
+.etab-view {
+
+}