w2v-server: minimal style tabs
diff --git a/img/uiTabsArrow.png b/img/uiTabsArrow.png
new file mode 100644
index 0000000..e6791d6
--- /dev/null
+++ b/img/uiTabsArrow.png
Binary files differ
diff --git a/templates/index.html.ep b/templates/index.html.ep
index b344a28..81b63b6 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -141,7 +141,7 @@
} );
$( function() {
- $( "#tabs" ).tabs(); // .addClass('ui-helper-clearfix tabs-left-vertical');
+ $( "#tabs" ).tabs().addClass('tabs-min');
} );
$( function() {
@@ -273,6 +273,39 @@
overflow: hidden; /* if you don't want #second to wrap below #first */
}
+
+ .tabs-min {
+ background: transparent;
+ border: none;
+ }
+
+ .tabs-min .ui-widget-header {
+ background: transparent;
+ border: none;
+ border-bottom: 1px solid #c0c0c0;
+ -moz-border-radius: 0px;
+ -webkit-border-radius: 0px;
+ border-radius: 0px;
+ }
+
+ .tabs-min .ui-tabs-nav .ui-state-default {
+ background: transparent;
+ border: none;
+ }
+
+ .tabs-min .ui-tabs-nav .ui-state-active {
+ background: transparent url(img/uiTabsArrow.png) no-repeat bottom center;
+ border: none;
+ }
+
+ .tabs-min .ui-tabs-nav .ui-state-default a {
+ color: #c0c0c0;
+ }
+
+ .tabs-min .ui-tabs-nav .ui-state-active a {
+ color: rgb(246,168,0);
+ }
+
#embed {
max-width: 802px;
border: 1px solid #333;
diff --git a/w2v-server.pl b/w2v-server.pl
index 6d6f421..6c6d6d8 100755
--- a/w2v-server.pl
+++ b/w2v-server.pl
@@ -82,6 +82,14 @@
$c->reply->static($url);
};
+get '*/img/*' => sub {
+ my $c = shift;
+ my $url = $c->req->url;
+ $url =~ s@/derekovecs@@g;
+ $c->app->log->info("GET: " . $url);
+ $c->reply->static($url);
+};
+
get '/' => sub {
my $c = shift;
$c->app->log->info("get: ".$c->req->url->to_abs);
