Merge branch 'tabs'

README.md

@@ -27,6 +27,10 @@ Feel free to change and share the code.
 
 ## changelog
 
+0.71 fix left/right anchored tabs
+
+0.70 modernize tabs
+
 0.65 add `darker` Qt5 colorscheme for Kate and installer script, tweak GTK2 theme and Qt5 colorscheme
 
 0.632 fix selected text color

gtk-2.0/gtkrc

@@ -98,6 +98,128 @@ style "default" {
     GtkProgressBar::min-horizontal-bar-height = 6
     GtkProgressBar::min-vertical-bar-width = 6
     
+  engine "pixmap" {
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-180.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-90.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-270.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+     image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = LEFT
+    }
+
+         image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = RIGHT
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = TOP
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "../img/base.png"
+      border   = {0,0,0,0}
+      stretch  = TRUE
+    }
+}
 }
 
 style "button" {
@@ -323,6 +445,129 @@ style "notebook" {
     fg[PRELIGHT] = @black_color
     bg[ACTIVE]          = @darker_color   # pour variantes de couleur
     
+  engine "pixmap" {
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-180.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-90.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-270.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+     image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = LEFT
+    }
+
+         image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = RIGHT
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = TOP
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base.png"
+      gap_border = {0,0,0,0}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "../img/base.png"
+      border   = {0,0,0,0}
+      stretch  = TRUE
+    }
+}
+
 }
 
 style "entry" {

gtk-3.0/gtk.css

@@ -500,27 +500,23 @@ notebook {
     background-color: @base_color;
     color: @black_color;
     padding: 0px;
-    border-left: 1px solid @outset_lighter_color;
+    border: none;
-    border-top: 1px solid @outset_lighter_color;
-    border-right: 1.3px solid @trueblack;
-    border-bottom: 1.3px solid @trueblack;
 }
 
 notebook frame {
     background-color: @base_color;
-    border-left: 1px solid @outset_lighter_color;
+    border-left: none;
-    border-top: 1px solid @outset_lighter_color;
+    border-top: none;
-    border-right: 1.3px solid @trueblack;
+    border-right: none;
-    border-bottom: 1.3px solid @trueblack;
+    border-bottom: none;
 }
 
 notebook tab {
-    background-color: @darker_color;
+    background-color: @base_color;
-    border: 1px solid @outset_darker_color;
+    border-right: 0px solid @base_color;
-    border-right: 1px solid @trueblack;
+    border-bottom: 2px solid @base_color;
-    border-bottom: 1px solid @outset_lighter_color;
+    border-left: 0px solid @base_color;
-    border-left: none;
+    border-top: 0px solid @base_color;
-    border-top: 1px solid @darker_color;
         padding: 3px;
         margin: 0px;
 }
@@ -528,10 +524,10 @@ notebook tab {
 notebook tab:checked,
 notebook tab:active {
     background-color: @base_color;
-    border-left: 1px solid @outset_lighter_color;
+    border-right: 0px solid @base_color;
-    border-top: 1px solid @base_color;
+    border-bottom: 2px solid @scale_color;
-    border-bottom: 1px solid @base_color;
+    border-left: 0px solid @base_color;
-    border-right: 1px solid @trueblack;
+    border-top: 0px solid @base_color;
 }
 
 frame