Update dpf and plugins

dpf/dgl/Base.hpp

@@ -74,11 +74,13 @@
 // OpenGL includes
 
 #ifdef DISTRHO_OS_MAC
-# include "OpenGL/gl.h"
+# include <OpenGL/gl.h>
 #else
-# define GL_GLEXT_PROTOTYPES
-# include "GL/gl.h"
-# include "GL/glext.h"
+# ifndef DISTRHO_OS_WINDOWS
+#  define GL_GLEXT_PROTOTYPES
+# endif
+# include <GL/gl.h>
+# include <GL/glext.h>
 #endif
 
 // -----------------------------------------------------------------------

dpf/dgl/src/NanoVG.cpp

@@ -18,26 +18,38 @@
 #include "WidgetPrivateData.hpp"
 
 // -----------------------------------------------------------------------
-// Ignore some warnings if debugging
-
-#if 0 //def DEBUG
-# define NANOVG_GL3   0
-# define NANOVG_GLES2 0
-# define NANOVG_GLES3 0
-# define NANOVG_GL_USE_UNIFORMBUFFER 0
-# if defined(__clang__)
-#  pragma clang diagnostic push
-#  pragma clang diagnostic ignored "-Weverything"
-# elif defined(__GNUC__) && (__GNUC__ > 4 || (__GNUC__ == 4 && __GNUC_MINOR__ >= 6))
-#  pragma GCC diagnostic push
-#  pragma GCC diagnostic ignored "-Wall"
-#  pragma GCC diagnostic ignored "-Wextra"
-#  pragma GCC diagnostic ignored "-Wconversion"
-#  pragma GCC diagnostic ignored "-Weffc++"
-#  pragma GCC diagnostic ignored "-Wsign-conversion"
-#  pragma GCC diagnostic ignored "-Wundef"
-#  pragma GCC diagnostic ignored "-Wzero-as-null-pointer-constant"
-# endif
+
+#if defined(DISTRHO_OS_WINDOWS)
+# include <windows.h>
+# define DGL_EXT(PROC, func) static PROC func;
+DGL_EXT(PFNGLACTIVETEXTUREPROC,            glActiveTexture)
+DGL_EXT(PFNGLATTACHSHADERPROC,             glAttachShader)
+DGL_EXT(PFNGLBINDATTRIBLOCATIONPROC,       glBindAttribLocation)
+DGL_EXT(PFNGLBINDBUFFERPROC,               glBindBuffer)
+DGL_EXT(PFNGLBUFFERDATAPROC,               glBufferData)
+DGL_EXT(PFNGLCOMPILESHADERPROC,            glCompileShader)
+DGL_EXT(PFNGLCREATEPROGRAMPROC,            glCreateProgram)
+DGL_EXT(PFNGLCREATESHADERPROC,             glCreateShader)
+DGL_EXT(PFNGLDELETEBUFFERSPROC,            glDeleteBuffers)
+DGL_EXT(PFNGLDELETEPROGRAMPROC,            glDeleteProgram)
+DGL_EXT(PFNGLDELETESHADERPROC,             glDeleteShader)
+DGL_EXT(PFNGLDISABLEVERTEXATTRIBARRAYPROC, glDisableVertexAttribArray)
+DGL_EXT(PFNGLENABLEVERTEXATTRIBARRAYPROC,  glEnableVertexAttribArray)
+DGL_EXT(PFNGLGENBUFFERSPROC,               glGenBuffers)
+DGL_EXT(PFNGLGETPROGRAMIVPROC,             glGetProgramiv)
+DGL_EXT(PFNGLGETPROGRAMINFOLOGPROC,        glGetProgramInfoLog)
+DGL_EXT(PFNGLGETSHADERIVPROC,              glGetShaderiv)
+DGL_EXT(PFNGLGETSHADERINFOLOGPROC,         glGetShaderInfoLog)
+DGL_EXT(PFNGLGETUNIFORMLOCATIONPROC,       glGetUniformLocation)
+DGL_EXT(PFNGLLINKPROGRAMPROC,              glLinkProgram)
+DGL_EXT(PFNGLSHADERSOURCEPROC,             glShaderSource)
+DGL_EXT(PFNGLSTENCILOPSEPARATEPROC,        glStencilOpSeparate)
+DGL_EXT(PFNGLUNIFORM1IPROC,                glUniform1i)
+DGL_EXT(PFNGLUNIFORM2FVPROC,               glUniform2fv)
+DGL_EXT(PFNGLUNIFORM4FVPROC,               glUniform4fv)
+DGL_EXT(PFNGLUSEPROGRAMPROC,               glUseProgram)
+DGL_EXT(PFNGLVERTEXATTRIBPOINTERPROC,      glVertexAttribPointer)
+# undef DGL_EXT
 #endif
 
 // -----------------------------------------------------------------------
@@ -61,16 +73,48 @@
 # define nvgDeleteGL nvgDeleteGLES3
 #endif
 
-// -----------------------------------------------------------------------
-// Restore normal state if debugging
-
-#if 0//def DEBUG
-# if defined(__clang__)
-#  pragma clang diagnostic pop
-# elif defined(__GNUC__) && (__GNUC__ > 4 || (__GNUC__ == 4 && __GNUC_MINOR__ >= 6))
-#  pragma GCC diagnostic pop
-# endif
+static NVGcontext* nvgCreateGL_helper(int flags)
+{
+#if defined(DISTRHO_OS_WINDOWS)
+    static bool needsInit = true;
+    if (needsInit)
+    {
+        needsInit = false;
+# define DGL_EXT(PROC, func) \
+      func = (PROC) wglGetProcAddress ( #func ); \
+      DISTRHO_SAFE_ASSERT_RETURN(func != nullptr, nullptr);
+DGL_EXT(PFNGLACTIVETEXTUREPROC,            glActiveTexture)
+DGL_EXT(PFNGLATTACHSHADERPROC,             glAttachShader)
+DGL_EXT(PFNGLBINDATTRIBLOCATIONPROC,       glBindAttribLocation)
+DGL_EXT(PFNGLBINDBUFFERPROC,               glBindBuffer)
+DGL_EXT(PFNGLBUFFERDATAPROC,               glBufferData)
+DGL_EXT(PFNGLCOMPILESHADERPROC,            glCompileShader)
+DGL_EXT(PFNGLCREATEPROGRAMPROC,            glCreateProgram)
+DGL_EXT(PFNGLCREATESHADERPROC,             glCreateShader)
+DGL_EXT(PFNGLDELETEBUFFERSPROC,            glDeleteBuffers)
+DGL_EXT(PFNGLDELETEPROGRAMPROC,            glDeleteProgram)
+DGL_EXT(PFNGLDELETESHADERPROC,             glDeleteShader)
+DGL_EXT(PFNGLDISABLEVERTEXATTRIBARRAYPROC, glDisableVertexAttribArray)
+DGL_EXT(PFNGLENABLEVERTEXATTRIBARRAYPROC,  glEnableVertexAttribArray)
+DGL_EXT(PFNGLGENBUFFERSPROC,               glGenBuffers)
+DGL_EXT(PFNGLGETPROGRAMIVPROC,             glGetProgramiv)
+DGL_EXT(PFNGLGETPROGRAMINFOLOGPROC,        glGetProgramInfoLog)
+DGL_EXT(PFNGLGETSHADERIVPROC,              glGetShaderiv)
+DGL_EXT(PFNGLGETSHADERINFOLOGPROC,         glGetShaderInfoLog)
+DGL_EXT(PFNGLGETUNIFORMLOCATIONPROC,       glGetUniformLocation)
+DGL_EXT(PFNGLLINKPROGRAMPROC,              glLinkProgram)
+DGL_EXT(PFNGLSHADERSOURCEPROC,             glShaderSource)
+DGL_EXT(PFNGLSTENCILOPSEPARATEPROC,        glStencilOpSeparate)
+DGL_EXT(PFNGLUNIFORM1IPROC,                glUniform1i)
+DGL_EXT(PFNGLUNIFORM2FVPROC,               glUniform2fv)
+DGL_EXT(PFNGLUNIFORM4FVPROC,               glUniform4fv)
+DGL_EXT(PFNGLUSEPROGRAMPROC,               glUseProgram)
+DGL_EXT(PFNGLVERTEXATTRIBPOINTERPROC,      glVertexAttribPointer)
+# undef DGL_EXT
+    }
 #endif
+    return nvgCreateGL(flags);
+}
 
 // -----------------------------------------------------------------------
 
@@ -172,19 +216,14 @@ NanoVG::Paint::operator NVGpaint() const noexcept
 // NanoVG
 
 NanoVG::NanoVG(int flags)
-    : fContext(nvgCreateGL(flags)),
+    : fContext(nvgCreateGL_helper(flags)),
       fInFrame(false),
-      fIsSubWidget(false)
-{
-    DISTRHO_SAFE_ASSERT_RETURN(fContext != nullptr,);
-}
+      fIsSubWidget(false) {}
 
 NanoVG::NanoVG(NanoWidget* groupWidget)
     : fContext(groupWidget->fContext),
       fInFrame(false),
-      fIsSubWidget(true)
-{
-}
+      fIsSubWidget(true) {}
 
 NanoVG::~NanoVG()
 {
@@ -208,13 +247,15 @@ void NanoVG::beginFrame(const uint width, const uint height, const float scaleFa
 
 void NanoVG::beginFrame(Widget* const widget)
 {
-    if (fContext == nullptr) return;
     DISTRHO_SAFE_ASSERT_RETURN(widget != nullptr,);
     DISTRHO_SAFE_ASSERT_RETURN(! fInFrame,);
 
-    Window& window(widget->getParentWindow());
-
     fInFrame = true;
+
+    if (fContext == nullptr)
+        return;
+
+    Window& window(widget->getParentWindow());
     nvgBeginFrame(fContext, static_cast<int>(window.getWidth()), static_cast<int>(window.getHeight()), 1.0f);
 }
 

dpf/dgl/src/pugl/pugl_x11.c

@@ -460,9 +460,10 @@ dispatchKey(PuglView* view, XEvent* event, bool press)
 	}
 
 send_event:
-	if (view->parent) {
+	if (view->parent != 0) {
+		event->xkey.time   = 0; // purposefully set an invalid time, used for feedback detection on bad hosts
 		event->xany.window = view->parent;
-		XSendEvent(view->impl->display, view->parent, True, press ? KeyPressMask : KeyReleaseMask, event);
+		XSendEvent(view->impl->display, view->parent, False, NoEventMask, event);
 	}
 }
 
@@ -492,7 +493,11 @@ puglProcessEvents(PuglView* view)
 			break;
 		}
 
-		if (event.xany.window != view->impl->win) {
+		if (event.xany.window != view->impl->win &&
+			(view->parent == 0 || event.xany.window != (Window)view->parent)) {
+			continue;
+		}
+		if ((event.type == KeyPress || event.type == KeyRelease) && event.xkey.time == 0) {
 			continue;
 		}
 

modguis/Kars.modgui/modgui/stylesheet-kars.css

@@ -37,125 +37,6 @@
     width:421px;
 }
 
-/* = BACKGROUND IMAGES - Colour of the pedal
-================================================ */
-/* NORMAL */
-.mod-pedal-boxy{{{cns}}}.mod-blue {
-    background-image:url(/resources/pedals/boxy/blue.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-brown {
-    background-image:url(/resources/pedals/boxy/brown.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-cream {
-    background-image:url(/resources/pedals/boxy/cream.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-darkblue {
-    background-image:url(/resources/pedals/boxy/darkblue.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-gray {
-    background-image:url(/resources/pedals/boxy/gray.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-green {
-    background-image:url(/resources/pedals/boxy/green.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-orange {
-    background-image:url(/resources/pedals/boxy/orange.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-purple {
-    background-image:url(/resources/pedals/boxy/purple.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-red {
-    background-image:url(/resources/pedals/boxy/red.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-white {
-    background-image:url(/resources/pedals/boxy/white.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-yellow {
-    background-image:url(/resources/pedals/boxy/yellow.png{{{ns}}});
-}
-
-/* SMALL */
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-blue {
-    background-image:url(/resources/pedals/boxy-small/blue.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-brown {
-    background-image:url(/resources/pedals/boxy-small/brown.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cream {
-    background-image:url(/resources/pedals/boxy-small/cream.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-darkblue {
-    background-image:url(/resources/pedals/boxy-small/darkblue.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gray {
-    background-image:url(/resources/pedals/boxy-small/gray.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-green {
-    background-image:url(/resources/pedals/boxy-small/green.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-orange {
-    background-image:url(/resources/pedals/boxy-small/orange.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-purple {
-    background-image:url(/resources/pedals/boxy-small/purple.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-red {
-    background-image:url(/resources/pedals/boxy-small/red.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-white {
-    background-image:url(/resources/pedals/boxy-small/white.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy50.yellow {
-    background-image:url(/resources/pedals/boxy-small/yellow.png{{{ns}}});
-}
-
-
-/* LARGE */
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-blue {
-    background-image:url(/resources/pedals/boxy75/blue.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-brown {
-    background-image:url(/resources/pedals/boxy75/brown.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cream {
-    background-image:url(/resources/pedals/boxy75/cream.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-darkblue {
-    background-image:url(/resources/pedals/boxy75/darkblue.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gray {
-    background-image:url(/resources/pedals/boxy75/gray.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-green {
-    background-image:url(/resources/pedals/boxy75/green.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-orange {
-    background-image:url(/resources/pedals/boxy75/orange.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-purple {
-    background-image:url(/resources/pedals/boxy75/purple.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-red {
-    background-image:url(/resources/pedals/boxy75/red.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-white {
-    background-image:url(/resources/pedals/boxy75/white.png{{{ns}}});
-}
-.mod-pedal-boxy{{{cns}}}.mod-boxy75.yellow {
-    background-image:url(/resources/pedals/boxy75/yellow.png{{{ns}}});
-}
-
-/* BIGGER */
-.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-yellow {
-    background-image:url(/resources/pedals/boxy85/yellow.png{{{ns}}});
-}
-
-/* HUGE */
-.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-yellow {
-    background-image:url(/resources/pedals/boxy100/yellow.png{{{ns}}});
-}
-
-
 /* = PLUGIN'S AUTHOR
 ================================================ */
 .mod-pedal-boxy{{{cns}}} .mod-plugin-brand {
@@ -219,67 +100,6 @@
 }
 
 
-/* = PLUGIN'S AUTHO AND NAME COLOURS
-================================================ */
-.mod-pedal-boxy{{{cns}}}.mod-blue .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-blue .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-brown .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-brown .mod-plugin-name h1 {
-    border-color:rgb(255,255,255);
-    color:rgb(255,255,255);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-cream .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-cream .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-plugin-name h1 {
-    border-color:rgb(255,255,255);
-    color:rgb(255,255,255);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-gray .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-gray .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-green .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-green .mod-plugin-name h1 {
-    border-color:rgb(255,255,255);
-    color:rgb(255,255,255);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-orange .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-orange .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-purple .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-purple .mod-plugin-name h1 {
-    border-color:rgb(255,255,255);
-    color:rgb(255,255,255);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-red .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-red .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-white .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-white .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
-.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-plugin-brand h1,
-.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-plugin-name h1 {
-    color:rgb(0,0,0);
-}
-
 /* = LIGHT ON/OFF
 ================================================ */
 .mod-pedal-boxy{{{cns}}} .mod-light {
@@ -378,39 +198,6 @@
     right:0;
     text-transform:uppercase;
 }
-.mod-pedal-boxy{{{cns}}}.mod-blue .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-brown .mod-control-group .mod-knob > span.mod-knob-title {
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-cream .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-control-group .mod-knob > span.mod-knob-title {
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-gray .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-green .mod-control-group .mod-knob > span.mod-knob-title {
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-orange .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-purple .mod-control-group .mod-knob > span.mod-knob-title {
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-red .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-white .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-control-group .mod-knob > span.mod-knob-title {
-    color:black;
-}
 
 /* ONE and TWO KNOBS */
 .mod-pedal-boxy{{{cns}}}.mod-one-knob .mod-control-group .mod-knob .mod-knob-image,
@@ -532,52 +319,6 @@
     cursor:pointer;
 }
 
-
-.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
-    color:white;
-}
-.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated {
-    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
-    color:black;
-}
-
 /* SLIDER
 ================================================ */
 .mod-pedal-boxy{{{cns}}} .mod-slider:first-child {
@@ -675,3 +416,650 @@
 .mod-pedal-boxy{{{cns}}}.mod-twelve-sliders .mod-slider .mod-slider-image {
     margin-left:-5px;
 }
+
+
+/* = BACKGROUND IMAGES - Color of the pedal
+================================================ */
+.mod-pedal-boxy{{{cns}}}.mod-gold {
+    background-image:url(/resources/pedals/boxy/gold.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gold {
+    background-image:url(/resources/pedals/boxy-small/gold.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gold {
+    background-image:url(/resources/pedals/boxy75/gold.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-gold {
+    background-image:url(/resources/pedals/boxy85/gold.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-gold {
+    background-image:url(/resources/pedals/boxy100/gold.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-slime {
+    background-image:url(/resources/pedals/boxy/slime.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-slime {
+    background-image:url(/resources/pedals/boxy-small/slime.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-slime {
+    background-image:url(/resources/pedals/boxy75/slime.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-slime {
+    background-image:url(/resources/pedals/boxy85/slime.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-slime {
+    background-image:url(/resources/pedals/boxy100/slime.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-yellow {
+    background-image:url(/resources/pedals/boxy/yellow.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-yellow {
+    background-image:url(/resources/pedals/boxy-small/yellow.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-yellow {
+    background-image:url(/resources/pedals/boxy75/yellow.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-yellow {
+    background-image:url(/resources/pedals/boxy85/yellow.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-yellow {
+    background-image:url(/resources/pedals/boxy100/yellow.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-pink {
+    background-image:url(/resources/pedals/boxy/pink.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-pink {
+    background-image:url(/resources/pedals/boxy-small/pink.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-pink {
+    background-image:url(/resources/pedals/boxy75/pink.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-pink {
+    background-image:url(/resources/pedals/boxy85/pink.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-pink {
+    background-image:url(/resources/pedals/boxy100/pink.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-zinc {
+    background-image:url(/resources/pedals/boxy/zinc.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-zinc {
+    background-image:url(/resources/pedals/boxy-small/zinc.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-zinc {
+    background-image:url(/resources/pedals/boxy75/zinc.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-zinc {
+    background-image:url(/resources/pedals/boxy85/zinc.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-zinc {
+    background-image:url(/resources/pedals/boxy100/zinc.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-cream {
+    background-image:url(/resources/pedals/boxy/cream.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cream {
+    background-image:url(/resources/pedals/boxy-small/cream.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cream {
+    background-image:url(/resources/pedals/boxy75/cream.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-cream {
+    background-image:url(/resources/pedals/boxy85/cream.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-cream {
+    background-image:url(/resources/pedals/boxy100/cream.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-blue {
+    background-image:url(/resources/pedals/boxy/blue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-blue {
+    background-image:url(/resources/pedals/boxy-small/blue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-blue {
+    background-image:url(/resources/pedals/boxy75/blue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-blue {
+    background-image:url(/resources/pedals/boxy85/blue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-blue {
+    background-image:url(/resources/pedals/boxy100/blue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-tribal2 {
+    background-image:url(/resources/pedals/boxy/tribal2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-tribal2 {
+    background-image:url(/resources/pedals/boxy-small/tribal2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-tribal2 {
+    background-image:url(/resources/pedals/boxy75/tribal2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-tribal2 {
+    background-image:url(/resources/pedals/boxy85/tribal2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-tribal2 {
+    background-image:url(/resources/pedals/boxy100/tribal2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-purple {
+    background-image:url(/resources/pedals/boxy/purple.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-purple {
+    background-image:url(/resources/pedals/boxy-small/purple.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-purple {
+    background-image:url(/resources/pedals/boxy75/purple.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-purple {
+    background-image:url(/resources/pedals/boxy85/purple.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-purple {
+    background-image:url(/resources/pedals/boxy100/purple.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-lava {
+    background-image:url(/resources/pedals/boxy/lava.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-lava {
+    background-image:url(/resources/pedals/boxy-small/lava.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-lava {
+    background-image:url(/resources/pedals/boxy75/lava.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-lava {
+    background-image:url(/resources/pedals/boxy85/lava.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-lava {
+    background-image:url(/resources/pedals/boxy100/lava.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-black {
+    background-image:url(/resources/pedals/boxy/black.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-black {
+    background-image:url(/resources/pedals/boxy-small/black.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-black {
+    background-image:url(/resources/pedals/boxy75/black.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-black {
+    background-image:url(/resources/pedals/boxy85/black.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-black {
+    background-image:url(/resources/pedals/boxy100/black.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-orange {
+    background-image:url(/resources/pedals/boxy/orange.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-orange {
+    background-image:url(/resources/pedals/boxy-small/orange.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-orange {
+    background-image:url(/resources/pedals/boxy75/orange.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-orange {
+    background-image:url(/resources/pedals/boxy85/orange.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-orange {
+    background-image:url(/resources/pedals/boxy100/orange.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-white {
+    background-image:url(/resources/pedals/boxy/white.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-white {
+    background-image:url(/resources/pedals/boxy-small/white.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-white {
+    background-image:url(/resources/pedals/boxy75/white.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-white {
+    background-image:url(/resources/pedals/boxy85/white.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-white {
+    background-image:url(/resources/pedals/boxy100/white.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-racing {
+    background-image:url(/resources/pedals/boxy/racing.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-racing {
+    background-image:url(/resources/pedals/boxy-small/racing.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-racing {
+    background-image:url(/resources/pedals/boxy75/racing.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-racing {
+    background-image:url(/resources/pedals/boxy85/racing.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-racing {
+    background-image:url(/resources/pedals/boxy100/racing.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-red {
+    background-image:url(/resources/pedals/boxy/red.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-red {
+    background-image:url(/resources/pedals/boxy-small/red.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-red {
+    background-image:url(/resources/pedals/boxy75/red.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-red {
+    background-image:url(/resources/pedals/boxy85/red.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-red {
+    background-image:url(/resources/pedals/boxy100/red.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-dots {
+    background-image:url(/resources/pedals/boxy/dots.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-dots {
+    background-image:url(/resources/pedals/boxy-small/dots.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-dots {
+    background-image:url(/resources/pedals/boxy75/dots.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-dots {
+    background-image:url(/resources/pedals/boxy85/dots.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-dots {
+    background-image:url(/resources/pedals/boxy100/dots.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-brown {
+    background-image:url(/resources/pedals/boxy/brown.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-brown {
+    background-image:url(/resources/pedals/boxy-small/brown.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-brown {
+    background-image:url(/resources/pedals/boxy75/brown.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-brown {
+    background-image:url(/resources/pedals/boxy85/brown.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-brown {
+    background-image:url(/resources/pedals/boxy100/brown.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-petrol {
+    background-image:url(/resources/pedals/boxy/petrol.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-petrol {
+    background-image:url(/resources/pedals/boxy-small/petrol.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-petrol {
+    background-image:url(/resources/pedals/boxy75/petrol.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-petrol {
+    background-image:url(/resources/pedals/boxy85/petrol.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-petrol {
+    background-image:url(/resources/pedals/boxy100/petrol.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-wood0 {
+    background-image:url(/resources/pedals/boxy/wood0.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood0 {
+    background-image:url(/resources/pedals/boxy-small/wood0.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood0 {
+    background-image:url(/resources/pedals/boxy75/wood0.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood0 {
+    background-image:url(/resources/pedals/boxy85/wood0.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood0 {
+    background-image:url(/resources/pedals/boxy100/wood0.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-wood1 {
+    background-image:url(/resources/pedals/boxy/wood1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood1 {
+    background-image:url(/resources/pedals/boxy-small/wood1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood1 {
+    background-image:url(/resources/pedals/boxy75/wood1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood1 {
+    background-image:url(/resources/pedals/boxy85/wood1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood1 {
+    background-image:url(/resources/pedals/boxy100/wood1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-wood2 {
+    background-image:url(/resources/pedals/boxy/wood2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood2 {
+    background-image:url(/resources/pedals/boxy-small/wood2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood2 {
+    background-image:url(/resources/pedals/boxy75/wood2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood2 {
+    background-image:url(/resources/pedals/boxy85/wood2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood2 {
+    background-image:url(/resources/pedals/boxy100/wood2.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-wood3 {
+    background-image:url(/resources/pedals/boxy/wood3.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood3 {
+    background-image:url(/resources/pedals/boxy-small/wood3.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood3 {
+    background-image:url(/resources/pedals/boxy75/wood3.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood3 {
+    background-image:url(/resources/pedals/boxy85/wood3.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood3 {
+    background-image:url(/resources/pedals/boxy100/wood3.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-wood4 {
+    background-image:url(/resources/pedals/boxy/wood4.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood4 {
+    background-image:url(/resources/pedals/boxy-small/wood4.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood4 {
+    background-image:url(/resources/pedals/boxy75/wood4.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood4 {
+    background-image:url(/resources/pedals/boxy85/wood4.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood4 {
+    background-image:url(/resources/pedals/boxy100/wood4.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-cyan {
+    background-image:url(/resources/pedals/boxy/cyan.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cyan {
+    background-image:url(/resources/pedals/boxy-small/cyan.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cyan {
+    background-image:url(/resources/pedals/boxy75/cyan.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-cyan {
+    background-image:url(/resources/pedals/boxy85/cyan.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-cyan {
+    background-image:url(/resources/pedals/boxy100/cyan.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-gray {
+    background-image:url(/resources/pedals/boxy/gray.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gray {
+    background-image:url(/resources/pedals/boxy-small/gray.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gray {
+    background-image:url(/resources/pedals/boxy75/gray.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-gray {
+    background-image:url(/resources/pedals/boxy85/gray.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-gray {
+    background-image:url(/resources/pedals/boxy100/gray.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-none {
+    background-image:url(/resources/pedals/boxy/none.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-none {
+    background-image:url(/resources/pedals/boxy-small/none.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-none {
+    background-image:url(/resources/pedals/boxy75/none.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-none {
+    background-image:url(/resources/pedals/boxy85/none.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-none {
+    background-image:url(/resources/pedals/boxy100/none.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-flowerpower {
+    background-image:url(/resources/pedals/boxy/flowerpower.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-flowerpower {
+    background-image:url(/resources/pedals/boxy-small/flowerpower.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-flowerpower {
+    background-image:url(/resources/pedals/boxy75/flowerpower.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-flowerpower {
+    background-image:url(/resources/pedals/boxy85/flowerpower.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-flowerpower {
+    background-image:url(/resources/pedals/boxy100/flowerpower.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-darkblue {
+    background-image:url(/resources/pedals/boxy/darkblue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-darkblue {
+    background-image:url(/resources/pedals/boxy-small/darkblue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-darkblue {
+    background-image:url(/resources/pedals/boxy75/darkblue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-darkblue {
+    background-image:url(/resources/pedals/boxy85/darkblue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-darkblue {
+    background-image:url(/resources/pedals/boxy100/darkblue.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-tribal1 {
+    background-image:url(/resources/pedals/boxy/tribal1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-tribal1 {
+    background-image:url(/resources/pedals/boxy-small/tribal1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-tribal1 {
+    background-image:url(/resources/pedals/boxy75/tribal1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-tribal1 {
+    background-image:url(/resources/pedals/boxy85/tribal1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-tribal1 {
+    background-image:url(/resources/pedals/boxy100/tribal1.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-warning {
+    background-image:url(/resources/pedals/boxy/warning.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-warning {
+    background-image:url(/resources/pedals/boxy-small/warning.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-warning {
+    background-image:url(/resources/pedals/boxy75/warning.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-warning {
+    background-image:url(/resources/pedals/boxy85/warning.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-warning {
+    background-image:url(/resources/pedals/boxy100/warning.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-green {
+    background-image:url(/resources/pedals/boxy/green.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-green {
+    background-image:url(/resources/pedals/boxy-small/green.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-green {
+    background-image:url(/resources/pedals/boxy75/green.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-green {
+    background-image:url(/resources/pedals/boxy85/green.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-green {
+    background-image:url(/resources/pedals/boxy100/green.png{{{ns}}});
+}
+
+
+/* = COLORS - Color of the pedals labels
+================================================ */
+.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-lava .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-black .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-racing .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-none .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-warning .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated
+{
+    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-gold .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-slime .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-pink .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-dots .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-enumerated
+{
+    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
+}
+.mod-pedal-boxy{{{cns}}}.mod-tribal2 h1,
+.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-purple h1,
+.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-purple .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-lava h1,
+.mod-pedal-boxy{{{cns}}}.mod-lava .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-lava .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-black h1,
+.mod-pedal-boxy{{{cns}}}.mod-black .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-black .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-racing h1,
+.mod-pedal-boxy{{{cns}}}.mod-racing .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-racing .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-red h1,
+.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-red .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-brown h1,
+.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-brown .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-petrol h1,
+.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-wood2 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-wood3 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-wood4 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-gray h1,
+.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-gray .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-none h1,
+.mod-pedal-boxy{{{cns}}}.mod-none .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-none .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-flowerpower h1,
+.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-darkblue h1,
+.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-warning h1,
+.mod-pedal-boxy{{{cns}}}.mod-warning .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-warning .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-green h1,
+.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-green .mod-control-group .mod-knob > span.mod-knob-title
+{
+    color:white;
+}
+.mod-pedal-boxy{{{cns}}}.mod-gold h1,
+.mod-pedal-boxy{{{cns}}}.mod-gold .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-gold .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-slime h1,
+.mod-pedal-boxy{{{cns}}}.mod-slime .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-slime .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-yellow h1,
+.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-pink h1,
+.mod-pedal-boxy{{{cns}}}.mod-pink .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-pink .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-zinc h1,
+.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-cream h1,
+.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-cream .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-blue h1,
+.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-blue .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-orange h1,
+.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-orange .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-white h1,
+.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-white .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-dots h1,
+.mod-pedal-boxy{{{cns}}}.mod-dots .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-dots .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-wood0 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-wood1 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-cyan h1,
+.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-control-group .mod-knob > span.mod-knob-title,
+.mod-pedal-boxy{{{cns}}}.mod-tribal1 h1,
+.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-enumerated,
+.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-control-group .mod-knob > span.mod-knob-title
+{
+    color:black;
+}
+.mod-pedal-boxy{{{cns}}}.mod-tribal2 h1,
+.mod-pedal-boxy{{{cns}}}.mod-purple h1,
+.mod-pedal-boxy{{{cns}}}.mod-lava h1,
+.mod-pedal-boxy{{{cns}}}.mod-black h1,
+.mod-pedal-boxy{{{cns}}}.mod-racing h1,
+.mod-pedal-boxy{{{cns}}}.mod-red h1,
+.mod-pedal-boxy{{{cns}}}.mod-brown h1,
+.mod-pedal-boxy{{{cns}}}.mod-petrol h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood2 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood3 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood4 h1,
+.mod-pedal-boxy{{{cns}}}.mod-gray h1,
+.mod-pedal-boxy{{{cns}}}.mod-none h1,
+.mod-pedal-boxy{{{cns}}}.mod-flowerpower h1,
+.mod-pedal-boxy{{{cns}}}.mod-darkblue h1,
+.mod-pedal-boxy{{{cns}}}.mod-warning h1,
+.mod-pedal-boxy{{{cns}}}.mod-green h1
+{
+    border-color:white;
+}
+.mod-pedal-boxy{{{cns}}}.mod-gold h1,
+.mod-pedal-boxy{{{cns}}}.mod-slime h1,
+.mod-pedal-boxy{{{cns}}}.mod-yellow h1,
+.mod-pedal-boxy{{{cns}}}.mod-pink h1,
+.mod-pedal-boxy{{{cns}}}.mod-zinc h1,
+.mod-pedal-boxy{{{cns}}}.mod-cream h1,
+.mod-pedal-boxy{{{cns}}}.mod-blue h1,
+.mod-pedal-boxy{{{cns}}}.mod-orange h1,
+.mod-pedal-boxy{{{cns}}}.mod-white h1,
+.mod-pedal-boxy{{{cns}}}.mod-dots h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood0 h1,
+.mod-pedal-boxy{{{cns}}}.mod-wood1 h1,
+.mod-pedal-boxy{{{cns}}}.mod-cyan h1,
+.mod-pedal-boxy{{{cns}}}.mod-tribal1 h1
+{
+    border-color:black;
+}
+

plugins/Makefile.MVerb.mk

@@ -12,11 +12,6 @@ ifeq ($(OBJS_UI),)
 HAVE_DGL = false
 endif
 
-ifeq ($(WIN32),true)
-# FIXME: make OpenGL >= 2 work with mingw
-HAVE_DGL = false
-endif
-
 # --------------------------------------------------------------
 # Basic setup