From d250955a1902710493a3831850dc67e49e76fc34 Mon Sep 17 00:00:00 2001 From: Zach Wise Date: Mon, 11 Jun 2012 11:03:25 -0500 Subject: [PATCH] Style tweaks for tag/categories --- compiled/css/themes/dark.css | 2 +- compiled/css/timeline.css | 2 +- source/less/VMM.Timeline.TimeNav.less | 20 ++++++++++++++++++-- 3 files changed, 20 insertions(+), 4 deletions(-) diff --git a/compiled/css/themes/dark.css b/compiled/css/themes/dark.css index 0f6c470..7d0459c 100644 --- a/compiled/css/themes/dark.css +++ b/compiled/css/themes/dark.css @@ -143,7 +143,7 @@ .vmm-timeline .navigation .timenav-background{position:absolute;cursor:move;top:0px;left:0px;height:150px;width:100%;background-color:#262626;}.vmm-timeline .navigation .timenav-background .timenav-interval-background{position:absolute;top:151px;left:0px;background:#1a1a1a;width:100%;height:49px;-webkit-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);}.vmm-timeline .navigation .timenav-background .timenav-interval-background .top-highlight{position:absolute;top:-1px;left:0px;z-index:30;width:100%;height:1px;background:#1a1a1a;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);} .vmm-timeline .navigation .timenav-background .timenav-line{position:absolute;top:0px;left:50%;width:3px;height:150px;background:#0bd4e3;z-index:201;-webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);} .vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;} -.vmm-timeline .navigation .timenav-background .timenav-tag{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#000000;} +.vmm-timeline .navigation .timenav-background .timenav-tag{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#0c0c0c;font-weight:bold;text-shadow:0px 1px 1px #727272;text-transform:uppercase;} .vmm-timeline .navigation .timenav-background .timenav-tag-row-2{background:#2e2e2e;} .vmm-timeline .navigation .timenav-background .timenav-tag-row-3{background:#262626;} .vmm-timeline .navigation .timenav{position:absolute;top:0px;left:-250px;z-index:1;}.vmm-timeline .navigation .timenav .content{position:relative;}.vmm-timeline .navigation .timenav .content .marker.start{display:none;} diff --git a/compiled/css/timeline.css b/compiled/css/timeline.css index 6a5a078..71c015f 100644 --- a/compiled/css/timeline.css +++ b/compiled/css/timeline.css @@ -143,7 +143,7 @@ .vmm-timeline .navigation .timenav-background{position:absolute;cursor:move;top:0px;left:0px;height:150px;width:100%;background-color:#e9e9e9;}.vmm-timeline .navigation .timenav-background .timenav-interval-background{position:absolute;top:151px;left:0px;background:#ffffff;width:100%;height:49px;-webkit-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);box-shadow:-1px -1px 7px rgba(0, 0, 0, 0.1);}.vmm-timeline .navigation .timenav-background .timenav-interval-background .top-highlight{position:absolute;top:-1px;left:0px;z-index:30;width:100%;height:1px;background:#ffffff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);} .vmm-timeline .navigation .timenav-background .timenav-line{position:absolute;top:0px;left:50%;width:3px;height:150px;background:#0088cc;z-index:201;-webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);box-shadow:1px 1px 7px rgba(0, 0, 0, 0.3);} .vmm-timeline .navigation .timenav-background .timenav-indicator{position:absolute;top:-1px;left:50%;z-index:202;background-image:url(timeline.png?v2.6);background-repeat:no-repeat;background-position:-160px -48px;width:24px;height:24px;} -.vmm-timeline .navigation .timenav-background .timenav-tag{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#9d9d9d;} +.vmm-timeline .navigation .timenav-background .timenav-tag{height:50px;}.vmm-timeline .navigation .timenav-background .timenav-tag div{height:50px;display:table;}.vmm-timeline .navigation .timenav-background .timenav-tag div h3{display:table-cell;vertical-align:middle;padding-left:65px;font-size:15px;color:#d0d0d0;font-weight:bold;text-shadow:0px 1px 1px #ffffff;text-transform:uppercase;} .vmm-timeline .navigation .timenav-background .timenav-tag-row-2{background:#f1f1f1;} .vmm-timeline .navigation .timenav-background .timenav-tag-row-3{background:#e9e9e9;} .vmm-timeline .navigation .timenav{position:absolute;top:0px;left:-250px;z-index:1;}.vmm-timeline .navigation .timenav .content{position:relative;}.vmm-timeline .navigation .timenav .content .marker.start{display:none;} diff --git a/source/less/VMM.Timeline.TimeNav.less b/source/less/VMM.Timeline.TimeNav.less index 40815f8..c72846b 100644 --- a/source/less/VMM.Timeline.TimeNav.less +++ b/source/less/VMM.Timeline.TimeNav.less @@ -154,8 +154,13 @@ vertical-align:middle; padding-left:@navigation-time-height + @base-space; font-size:@base-font; - color: darken(@color-background-dark, 30%); - //font-weight: bold; + color: darken(@color-background-dark, 10%); + //text-shadow: 0px -1px 0px darken(@color-background-dark, 30%); + //text-shadow: darken(@color-background-dark, 30%) -1px -1px 0px; + font-weight: bold; + text-shadow: 0px 1px 1px lighten(@color-background-dark, 30%); + text-transform: uppercase; + //font-size:18px; } } @@ -167,11 +172,18 @@ //background: darken(@color-background-dark, 10%); //background:@color-background-dark; //background: lighten(@color-background-dark, 6%); + h3 { + //color: @color-background-dark; + } } .timenav-tag-row-2 { //background: @color-theme-complement-dark; //background: fadeout(@color-theme-complement-dark, 70%); //background: fadeout(desaturate(@color-theme, 70%), 60%); + h3 { + //color: lighten(@color-background-dark, 3%); + } + background: lighten(@color-background-dark, 3%); } .timenav-tag-row-3 { @@ -179,6 +191,10 @@ //background: fadeout(@color-theme-complement-darker, 70%); //background: fadeout(desaturate(@color-theme, 70%), 50%); //background: lighten(@color-background-dark, 10%); + h3 { + //color: @color-background-dark; + } + background:@color-background-dark; }