Skip to content
Browse files

JS UI Client - Update - Changed over the colors for timeline events t…

…o be controlled by the server. Also updated sprite to include extra timeline images.
  • Loading branch information...
1 parent 3c02f02 commit e9b3b5df6a9a161349fc0e3cbda9d597badd41c5 @avanderhoorn avanderhoorn committed
View
4 source/Glimpse.Core/Glimpse.Core.csproj
@@ -142,10 +142,8 @@
<EmbeddedResource Include="glimpseClient.js" />
</ItemGroup>
<ItemGroup>
- <EmbeddedResource Include="glimpseSprite.png" />
- </ItemGroup>
- <ItemGroup>
<EmbeddedResource Include="glimpseLogo.png" />
+ <EmbeddedResource Include="glimpseSprite.png" />
<Content Include="NuSpec\content\web.config.transform" />
<None Include="NuSpec\Glimpse.nuspec">
<SubType>Designer</SubType>
View
24 source/Glimpse.Core/glimpseClient.js
@@ -77,8 +77,8 @@ var glimpse, glimpsePath;
if (window.jQueryGlimpse) { (function ($) {
//#region Setup
- var glimpseCss = '.glimpse, .glimpse *, .glimpse a, .glimpse td, .glimpse th, .glimpse table { font-family: Helvetica, Arial, sans-serif; background-color:transparent; font-size:11px; line-height:14px; border:0px; color:#232323; text-align:left; }.glimpse a, .glimpse a:hover, .glimpse a:visited { color:#2200C1; text-decoration:underline; font-weight:normal; }.glimpse a:active { color:#c11; text-decoration:underline; font-weight:normal; }.glimpse th { font-weight:bold; }.glimpse-open { z-index: 100010; position:fixed; right:0; bottom:0; height:27px; width:28px; background: #cfcfcf; background: -moz-linear-gradient(top, #cfcfcf 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -o-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -ms-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#cfcfcf\', endColorstr=\'#dddddd\',GradientType=0 ); background: linear-gradient(top, #cfcfcf 0%,#dddddd 100%); -webkit-box-shadow: inset 0px 1px 0px 0px #E2E2E2; -moz-box-shadow: inset 0px 1px 0px 0px #E2E2E2; box-shadow: inset 0px 1px 0px 0px #E2E2E2; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; }.glimpse-icon { background:url() 0px -16px; height:20px; width:20px; margin: 3px 4px 0; cursor:pointer; }.glimpse-holder { display:none; z-index:100010 !important; height:0; position:fixed; bottom:0; left:0; width:100%; background-color:#fff; }.glimpse-bar { background: #cfcfcf; background: -moz-linear-gradient(top, #cfcfcf 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -o-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -ms-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#cfcfcf\', endColorstr=\'#dddddd\',GradientType=0 ); background: linear-gradient(top, #cfcfcf 0%,#dddddd 100%); -webkit-box-shadow: inset 0px 1px 0px 0px #E2E2E2; -moz-box-shadow: inset 0px 1px 0px 0px #E2E2E2; box-shadow: inset 0px 1px 0px 0px #E2E2E2; border-top: 1px solid #7A7A7A; height: 27px; }.glimpse-bar .glimpse-icon { margin-top:4px; float:left; } .glimpse-buttons { text-align:right; float:right; height:17px; width:150px; padding:6px; }.glimpse-title { margin:0 0 0 15px; padding-top:5px; font-weight:bold; display:inline-block; width:75%; overflow:hidden; }.glimpse-title .glimpse-snapshot-type { display:inline-block; height:20px; }.glimpse-title .glimpse-enviro { padding-left:10px; white-space:nowrap; height:20px; } .glimpse-title .glimpse-url .glimpse-drop { padding-left:10px; } .glimpse-title .glimpse-url .loading { margin:5px 0 0; font-weight:normal; display:none; } .glimpse-title .glimpse-url .glimpse-drop-over { padding-left:20px; padding-right:20px; text-align: center; } .glimpse .glimpse-drop { padding:1px 1px 1px 8px; height:14px; font-size:0.9em; } .glimpse .glimpse-drop, .glimpse .glimpse-drop-over { font-weight:normal; font-weight:normal; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #e6e6e6 29%, #e2e2e2 31%, #c9c9c9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(29%,#e6e6e6), color-stop(31%,#e2e2e2), color-stop(100%,#c9c9c9));background: -webkit-linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%);background: -o-linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%);background: -ms-linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f7f7f7\', endColorstr=\'#c9c9c9\',GradientType=0 );background: linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%); -webkit-box-shadow: inset 0px 1px 0px 0px #F9F9F9; -moz-box-shadow: inset 0px 1px 0px 0px #F9F9F9; box-shadow: inset 0px 1px 0px 0px #F9F9F9; border: 1px solid #A7A7A7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 5px 0 0; } .glimpse .glimpse-drop-over { position:absolute; display:none; top:4px; padding: 1px 10px 10px 10px; z-index:100; -webkit-box-shadow: 0px 0px 8px 0px #696969; -moz-box-shadow: 0px 0px 8px 0px #696969; box-shadow: 0px 0px 8px 0px #696969; } .glimpse .glimpse-drop-over div { text-align:center; font-weight:bold; margin:5px 0; } .glimpse .glimpse-drop-arrow-holder { margin: 3px 3px 3px 5px; padding-left: 3px; border-left: 1px solid #A7A7A7; font-size: 9px; height: 9px; width: 10px; } .glimpse .glimpse-drop-arrow { background: url() no-repeat -22px -18px; width: 7px; height: 4px; display: inline-block; } .glimpse-button, .glimpse-button:hover { cursor:pointer; background-image:url(); background-repeat:no-repeat; height:14px; width:14px; margin-left:2px; display:inline-block; }.glimpse-meta-warning { background-position:-168px -1px; display:none; }.glimpse-meta-warning:hover { background-position:-183px -1px; } .glimpse-meta-help { background-position:-138px -1px; margin-right:15px; }.glimpse-meta-help:hover { background-position:-153px -1px; margin-right:15px; }.glimpse-meta-update { background-position:-198px -1px; display:none; }.glimpse-meta-update:hover { background-position:-213px -1px; }.glimpse-close { background-position:-1px -1px; }.glimpse-close:hover { background-position:-17px -1px; }.glimpse-terminate { background-position:-65px -1px; }.glimpse-terminate:hover { background-position:-81px -1px; } .glimpse-popout { background-position:-96px -1px; }.glimpse-popout:hover { background-position: -111px -1px; } .glimpse-tabs { background: #afafaf; background: -moz-linear-gradient(top, #afafaf 0%, #cfcfcf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafaf), color-stop(100%,#cfcfcf)); background: -webkit-linear-gradient(top, #afafaf 0%,#cfcfcf 100%); background: -o-linear-gradient(top, #afafaf 0%,#cfcfcf 100%); background: -ms-linear-gradient(top, #afafaf 0%,#cfcfcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#afafaf\', endColorstr=\'#cfcfcf\',GradientType=0 ); background: linear-gradient(top, #afafaf 0%,#cfcfcf 100%); border-bottom: 1px solid #A4A4A4; border-top: 1px solid #F9F9F9; -webkit-box-shadow: inset 0px 1px 0px 0px #8b8b8b;-moz-box-shadow: inset 0px 1px 0px 0px #8b8b8b;box-shadow: inset 0px 1px 0px 0px #8b8b8b; font-weight: bold; height: 24px; }.glimpse-tabs ul { margin:4px 0px 0 0; padding:0px; }.glimpse-tabs li { display:inline; margin:0 2px 3px 2px; height:22px; padding:4px 9px 3px; color:#565656; cursor:pointer; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease; } .glimpse-tabs li.glimpse-hover { padding:4px 8px 3px; background: #dddddd;background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%);background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#dddddd\', endColorstr=\'#ffffff\',GradientType=0 );background: linear-gradient(top, #dddddd 0%,#ffffff 100%);-webkit-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;-moz-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9; border-bottom: 1px solid #8B8B8B; border-left: 1px solid #8B8B8B; border-right: 1px solid #8B8B8B; border-top: 2px solid #DDD; }.glimpse-tabs li.glimpse-active { background: #dddddd;background: -moz-linear-gradient(top, #dddddd 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #dddddd 0%,#efefef 100%);background: -o-linear-gradient(top, #dddddd 0%,#efefef 100%);background: -ms-linear-gradient(top, #dddddd 0%,#efefef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#dddddd\', endColorstr=\'#efefef\',GradientType=0 );background: linear-gradient(top, #dddddd 0%,#efefef 100%);-webkit-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;-moz-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9; border-bottom: 1px solid #8b8b8b; border-left: 1px solid #8b8b8b; border-right: 1px solid #8b8b8b; border-top: 2px solid #DDD; color: #000; padding: 4px 8px 3px; }.glimpse-tabs li.glimpse-disabled { color:#AAA; cursor:default; }.glimpse-panel-holder {}.glimpse-panel { display:none; overflow:auto; position:relative; } .glimpse-panel-message { text-align:center; padding-top:40px; font-size:1.1em; color:#AAA; }.glimpse-panel table { border-spacing:0; width:100%; }.glimpse-panel table td, .glimpse-panel table th { padding:3px 4px; text-align:left; vertical-align:top; } .glimpse-panel table td .glimpse-cell { vertical-align:top; } .glimpse-panel tbody .mono { font-family:Consolas, monospace, serif; font-size: 1.1em; } .glimpse-panel tr.glimpse-row-header-0 { height:19px; } .glimpse-panel .glimpse-row-header-0 th { background: #DFDFDF; background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 5%, #e6e6e6 6%, #d1d1d1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(5%,#f3f3f3), color-stop(6%,#e6e6e6), color-stop(100%,#d1d1d1)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f3f3f3\', endColorstr=\'#d1d1d1\',GradientType=0 ); background: linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); border-bottom: 1px solid #9C9C9C; font-weight: bold; } .glimpse-panel .glimpse-row-header-0 th { border-left:1px solid #D9D9D9; border-right:1px solid #9C9C9C; } .glimpse-panel .glimpse-soft { color:#999; } .glimpse-panel .glimpse-cell-key { font-weight:bold; } .glimpse-panel th.glimpse-cell-key { width:30%; max-width:150px; } .glimpse-panel table table { border:1px solid #D9D9D9; } .glimpse-panel table table thead th { background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f3f3f3\', endColorstr=\'#e6e6e6\',GradientType=0 ); background: linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); border-bottom: 1px solid #9C9C9C; } .glimpse-panel table table thead tr th { border-left:1px solid #C6C6C6; border-right:1px solid #D9D9D9; padding:1px 4px 2px 4px; }.glimpse-panel table table thead tr th:first-child { border-left:0px; }.glimpse-panel table table thead tr th:last-child { border-right:0px; }.glimpse-panel .even, .glimpse-panel .even > td, .glimpse-panel .even > th, .glimpse-panel .even > tr > td, .glimpse-panel .even > tr > th, .even > td > .glimpse-preview-table > tbody > tr > td, .even > tr > td > .glimpse-preview-table > tbody > tr > td { background-color:#F2F5F9; } .glimpse-panel .odd, .glimpse-panel .odd > td, .glimpse-panel .odd > th, .glimpse-panel .odd > tr > td, .glimpse-panel .odd > tr > th, .odd > td > .glimpse-preview-table > tbody > tr > td, .odd > tr > td > .glimpse-preview-table > tbody > tr > td { background-color:#FEFFFF; }.glimpse-panel table table tbody th { font-weight:normal; font-style:italic; }.glimpse-panel table table thead th { font-weight:bold; font-style:normal; }.glimpse-panel .glimpse-side-sub-panel { right:0; z-index:10; background-color:#FAFCFC; height:100%; width:25%; border-left:1px solid #ACA899; position:absolute; }.glimpse-panel .glimpse-side-main-panel { position:relative; height:100%; width:75%; float:left; } .glimpse-panel-holder .glimpse-active { display:block; }.glimpse-resizer { height:4px; cursor:n-resize; width:100%; position:absolute; top:-1px; }li.glimpse-permanent { font-style:italic; }.glimpse-preview-object { color:#006400; } .glimpse-preview-string, .glimpse-preview-object .glimpse-preview-string { color:#006400; font-weight:normal !important; } .glimpse-preview-string span { padding-left:1px; }.glimpse-preview-object span { font-weight:bold; color:#444; } .glimpse-preview-object span.start { margin-right:5px; } .glimpse-preview-object span.end { margin-left:5px; }.glimpse-preview-object span.rspace { margin-right:4px; }.glimpse-preview-object span.mspace { margin:0 4px; }.glimpse-preview-object span.small { font-size:0.95em; } .glimpse-panel .glimpse-preview-table { border:0; } .glimpse-panel .glimpse-preview-table .glimpse-preview-cell { padding-left:0; padding-right:2px; width:11px; } .glimpse-expand { height:11px; width:11px; display:inline-block; float:left; margin:1px 0 0 0; cursor:pointer; background-image:url(); background-repeat:no-repeat; background-position:-126px 0; }.glimpse-collapse { background-position:-126px -11px; }.glimpse-preview-show { display:none; font-weight:normal !important; }.glimpse-panel .quiet *, .glimpse-panel .ms * { color:#AAA; }.glimpse-panel .suppress { text-decoration:line-through; }.glimpse-panel .suppress * { color:#AAA; } .glimpse-panel .selected, .glimpse-panel .selected > td, .glimpse-panel .selected > th, .glimpse-panel .selected > tr > td, .glimpse-panel .selected > tr > th, .selected > td > .glimpse-preview-table > tbody > tr > td, .selected > tr > td > .glimpse-preview-table > tbody > tr > td { background-color:#FFFF99; }.glimpse-panel .selected * { color:#409B3B; }.glimpse .info .icon, .glimpse .warn .icon, .glimpse .loading .icon, .glimpse .error .icon, .glimpse .fail .icon, .glimpse .ms .icon { width:14px; height:14px; background-image:url(); background-repeat:no-repeat; display:inline-block; margin-right: 5px; } .glimpse .info .icon { background-position: -22px -22px; }.glimpse .warn .icon { background-position:-36px -22px; }.glimpse .loading .icon { background-position:-78px -22px; }.glimpse .error .icon { background-position:-50px -22px; }.glimpse .ms .icon { background-position:-181px -22px; } .glimpse .fail .icon { background-position:-64px -22px; }.glimpse .info * { color:#067CE5; }.glimpse .warn * { color:#FE850C; } .glimpse .error * { color:#B40000; }.glimpse .fail * { color:#B40000; font-weight:bold; }.glimpse-panelitem-Ajax .loading .icon { float:right; }.glimpse-panelitem-Remote .glimpse-side-sub-panel .loading, .glimpse-panelitem-Remote .glimpse-side-main-panel .loading, .glimpse-clear { position:fixed; bottom:5px; right:10px; color:#777; } .glimpse-panelitem-Remote .glimpse-side-main-panel .loading { right:27%; } .glimpse-clear { background-color:white; padding:0.3em 1em 0.5em 1em; border:#CCC solid 1px; bottom:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .glimpse-panel table .glimpse-head-message td { text-align:center; background-color:#DDD; } .glimpse-panelitem-GlimpseInformation div { text-align:center; } .glimpse-panelitem-GlimpseInformation .glimpse-panel-message { padding-top:5px; } .glimpse-panelitem-GlimpseInformation strong { font-weight:bold; } .glimpse-panelitem-GlimpseInformation .glimpse-info-more { font-size:1.5em; margin:1em 0; } .glimpse-panelitem-GlimpseInformation .glimpse-info-quote { font-style:italic; margin:0.75em 0 3em; } @media screen and (-webkit-min-device-pixel-ratio:0) { .glimpse-tabs li.glimpse-hover, .glimpse-tabs li.glimpse-active { border-top:1px solid #DDD; } }';
- glimpseCss += '.glimpse-panel .glimpse-tl-resizer { position:absolute; width:4px; height:100%; cursor:col-resize; } .glimpse-panel .glimpse-tl-row-summary { position:relative; height:100px; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-resizer-bar { background-color:#404040; width:1px; height:100%; margin-left:2px; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-resizer-handle { background-color:#404040; width:5px; height:20px; top:0; position:absolute; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .glimpse-panel .glimpse-tl-row-spacer { background:#cfcfcf; background:-moz-linear-gradient(top, #cfcfcf 0%, #dddddd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background:-o-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background:-ms-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#cfcfcf\', endColorstr=\'#dddddd\',GradientType=0 ); background:linear-gradient(top, #cfcfcf 0%,#dddddd 100%); -webkit-box-shadow:inset 0px 1px 0px 0px #E2E2E2; -moz-box-shadow:inset 0px 1px 0px 0px #E2E2E2; box-shadow:inset 0px 1px 0px 0px #E2E2E2; border-top:1px solid #7A7A7A; height:7px; } .glimpse-panel .glimpse-tl-col-side { position:absolute;width:200px; height:100%; left:0px; } .glimpse-panel .glimpse-tl-col-main { position:absolute; left:200px; right:0px; top:0px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-col-side { border-right:1px solid #404040; } .glimpse-panel .glimpse-tl-row-content { position:relative; height:400px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-resizer { left:200px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-resizer div { background-color:#404040; width:1px; height:100%; } .glimpse-panel .glimpse-tl-band{ padding-top:2px; padding-bottom:2px; } .glimpse-panel .glimpse-tl-col-side .glimpse-tl-band { padding-top:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .glimpse-panel .glimpse-tl-band { position:relative; height:18px; padding:0px; } .glimpse-panel .glimpse-tl-col-main .glimpse-tl-event { position:absolute; top:4px; margin-left:-2px; } .glimpse-panel .glimpse-tl-band-title { height:20px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-weight:bold; padding-top:4px; } .glimpse-panel .glimpse-tl-event { border-radius:4px; width:7px; height:7px; display:inline-block; margin:0 5px 0 2px; background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 70%, rgba(0,0,0,0.5) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(40%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.5))); background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); background:-o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); background:linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); } .glimpse-panel .glimpse-tl-col-main .glimpse-tl-event { width:1%; min-width:3px; } .glimpse-panel .glimpse-tl-event-purple { border:1px solid #823BBE; background-color:#AF78DD; } .glimpse-panel .glimpse-tl-event-orange { border:1px solid #DDA431; background-color:#FDBF45; } .glimpse-panel .glimpse-tl-event-blue { border:1px solid #5087CF; background-color:#72A3E4; } .glimpse-panel .glimpse-tl-event-red { border:1px solid #DD3131; background-color:#FD4545; } .glimpse-panel .glimpse-tl-event-green { border:1px solid #0EC41D; background-color:#10E309; } .glimpse-panel .glimpse-tl-event-aqua { border:1px solid #2EBFC7; background-color:#72DEE4; } .glimpse-panel .glimpse-tl-event-yellow { border:1px solid #DEE81A; background-color:#F0ED5D; } .glimpse-panel .glimpse-tl-event-pink { border:1px solid #DD31DA; background-color:#FD45F7; } .glimpse-panel .glimpse-tl-event-info { position:absolute; top:1px; padding:0.75em; border:1px solid rgba(0, 0, 0, 0.3); background-color:#FCF7BD; display:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow:0px 0px 8px 0px #696969; -moz-box-shadow:0px 0px 8px 0px #696969; box-shadow:0px 0px 8px 0px #696969; } .glimpse-panel .glimpse-tl-event-info th { font-weight:bold; text-align:right; } .glimpse-panel .glimpse-tl-event-info .glimpse-tl-event-info-title { text-align:left; border-bottom:1px solid rgba(0, 0, 0, 0.3); } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-event-holder { margin-left:3px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-event-holder { margin-left:15px; } .glimpse-panel .glimpse-tl-event-holder-inner { position:absolute; left:0px; right:0px; margin-left:4px; } .glimpse-panel .glimpse-tl-event-desc-sub { color:#AAA; font-size:0.9em; margin-left:5px; } .glimpse-panel .glimpse-tl-event-overlay { display:none; position:absolute; height:18px; width:7px; } .glimpse-panel .glimpse-tl-event-overlay-lh { position:absolute; left:0; width:1px; } .glimpse-panel .glimpse-tl-event-overlay-li { position:absolute; right:-2px; font-size:0.8em; top:7px; background:url() no-repeat -31px -17px; width:11px; height:3px; } .glimpse-panel .glimpse-tl-event-overlay-lt { position:absolute; right:15px; font-size:0.8em; top:2px; color:rgba(0, 0, 0, 0.75); } .glimpse-panel .glimpse-tl-event-overlay-rh { position:absolute; right:0; width:1px; } .glimpse-panel .glimpse-tl-event-overlay-ri { position:absolute; left:-4px; font-size:0.8em; top:7px; background:url() no-repeat -44px -17px; width:11px; height:3px; } .glimpse-panel .glimpse-tl-event-overlay-rt { font-size:0.8em; position:absolute; top:2px; left:11px; color:rgba(0, 0, 0, 0.75); } .glimpse-panel .glimpse-tl-event-overlay-c { font-size:0.9em; text-align:center; padding-top:1px; color:rgba(0, 0, 0, 0.75); font-weight:bold; } .glimpse-panel .glimpse-tl-content-scroll { overflow-y:scroll; overflow-x:hidden; width:100%; position:absolute; height:100%; } .glimpse-panel .glimpse-tl-padding-holder { right:18px; } .glimpse-panel .glimpse-tl-padding { position:absolute; width:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.3); } .glimpse-panel .glimpse-tl-padding-l { left:0; border-left:1px solid #555; } .glimpse-panel .glimpse-tl-padding-r { right:0; border-right:1px solid #555; } .glimpse-panel .glimpse-tl-divider-line-holder { position:absolute; height:100%; top:0; right:0; } .glimpse-panel .glimpse-tl-divider { position:absolute; width:1px; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.1); } .glimpse-panel .glimpse-tl-divider div { position:absolute; top:4px; right:5px; font-size:9px; color:#323232; white-space:nowrap; } .glimpse-panel .glimpse-tl-divider-title-bar { width:100%; background-color:rgba(255, 255, 255, 0.8); border-bottom:1px solid rgba(0, 0, 0, 0.3); height:20px; } .glimpse-panel .glimpse-tl-divider-zero-holder { position:absolute; height:100%; top:0; right:0; left:0; } .glimpse-panel .glimpse-tl-divider-zero-holder .glimpse-tl-divider { left:15px } .glimpse-panel .glimpse-tl-content-scroll .glimpse-tl-divider div { display:none; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-divider-holder { right:19px; height:20px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-content-scroll .glimpse-tl-divider-holder { right:-1px; margin-left:1px; height:100%; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-content-overlay .glimpse-tl-divider-holder { right:16px; height:20px; border-left:1px solid #404040; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-divider-line-holder { left:0; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-divider-line-holder { left:15px; } .glimpse-panel .glimpse-tl-resizer-holder { right:17px; } .glimpse-panel .glimpse-tl-resizer-l { left:0px; margin-left:-2px; } .glimpse-panel .glimpse-tl-resizer-r { right:0px; } .glimpse-panel .glimpse-tl-col-side { background-color:#F2F5F7; } .glimpse-panel .glimpse-tl-col-side .odd, .glimpse-panel .glimpse-tl-col-side .odd > td { background-color:#F2F5F7; } .glimpse-panel .glimpse-tl-col-side .even, .glimpse-panel .glimpse-tl-col-side .even > td { background-color:#E1E7F0; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-band-title { opacity:0.9; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-event-desc-group .glimpse-tl-band { opacity:0.95; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-event-desc-group input { margin-right:5px; float:right; display:none; }';
+ var glimpseCss = '.glimpse, .glimpse *, .glimpse a, .glimpse td, .glimpse th, .glimpse table { font-family: Helvetica, Arial, sans-serif; background-color:transparent; font-size:11px; line-height:14px; border:0px; color:#232323; text-align:left; } .glimpse table { min-width:0; } .glimpse a, .glimpse a:hover, .glimpse a:visited { color:#2200C1; text-decoration:underline; font-weight:normal; }.glimpse a:active { color:#c11; text-decoration:underline; font-weight:normal; }.glimpse th { font-weight:bold; }.glimpse-open { z-index: 100010; position:fixed; right:0; bottom:0; height:27px; width:28px; background: #cfcfcf; background: -moz-linear-gradient(top, #cfcfcf 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -o-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -ms-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#cfcfcf\', endColorstr=\'#dddddd\',GradientType=0 ); background: linear-gradient(top, #cfcfcf 0%,#dddddd 100%); -webkit-box-shadow: inset 0px 1px 0px 0px #E2E2E2; -moz-box-shadow: inset 0px 1px 0px 0px #E2E2E2; box-shadow: inset 0px 1px 0px 0px #E2E2E2; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; }.glimpse-icon { background:url() 0px -16px; height:20px; width:20px; margin: 3px 4px 0; cursor:pointer; }.glimpse-holder { display:none; z-index:100010 !important; height:0; position:fixed; bottom:0; left:0; width:100%; background-color:#fff; }.glimpse-bar { background: #cfcfcf; background: -moz-linear-gradient(top, #cfcfcf 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -o-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background: -ms-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#cfcfcf\', endColorstr=\'#dddddd\',GradientType=0 ); background: linear-gradient(top, #cfcfcf 0%,#dddddd 100%); -webkit-box-shadow: inset 0px 1px 0px 0px #E2E2E2; -moz-box-shadow: inset 0px 1px 0px 0px #E2E2E2; box-shadow: inset 0px 1px 0px 0px #E2E2E2; border-top: 1px solid #7A7A7A; height: 27px; }.glimpse-bar .glimpse-icon { margin-top:4px; float:left; } .glimpse-buttons { text-align:right; float:right; height:17px; width:150px; padding:6px; }.glimpse-title { margin:0 0 0 15px; padding-top:5px; font-weight:bold; display:inline-block; width:75%; overflow:hidden; }.glimpse-title .glimpse-snapshot-type { display:inline-block; height:20px; }.glimpse-title .glimpse-enviro { padding-left:10px; white-space:nowrap; height:20px; } .glimpse-title .glimpse-url .glimpse-drop { padding-left:10px; } .glimpse-title .glimpse-url .loading { margin:5px 0 0; font-weight:normal; display:none; } .glimpse-title .glimpse-url .glimpse-drop-over { padding-left:20px; padding-right:20px; text-align: center; } .glimpse .glimpse-drop { padding:1px 1px 1px 8px; height:14px; font-size:0.9em; } .glimpse .glimpse-drop, .glimpse .glimpse-drop-over { font-weight:normal; font-weight:normal; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #e6e6e6 29%, #e2e2e2 31%, #c9c9c9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(29%,#e6e6e6), color-stop(31%,#e2e2e2), color-stop(100%,#c9c9c9));background: -webkit-linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%);background: -o-linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%);background: -ms-linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f7f7f7\', endColorstr=\'#c9c9c9\',GradientType=0 );background: linear-gradient(top, #f7f7f7 0%,#e6e6e6 29%,#e2e2e2 31%,#c9c9c9 100%); -webkit-box-shadow: inset 0px 1px 0px 0px #F9F9F9; -moz-box-shadow: inset 0px 1px 0px 0px #F9F9F9; box-shadow: inset 0px 1px 0px 0px #F9F9F9; border: 1px solid #A7A7A7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 5px 0 0; } .glimpse .glimpse-drop-over { position:absolute; display:none; top:4px; padding: 1px 10px 10px 10px; z-index:100; -webkit-box-shadow: 0px 0px 8px 0px #696969; -moz-box-shadow: 0px 0px 8px 0px #696969; box-shadow: 0px 0px 8px 0px #696969; } .glimpse .glimpse-drop-over div { text-align:center; font-weight:bold; margin:5px 0; } .glimpse .glimpse-drop-arrow-holder { margin: 3px 3px 3px 5px; padding-left: 3px; border-left: 1px solid #A7A7A7; font-size: 9px; height: 9px; width: 10px; } .glimpse .glimpse-drop-arrow { background: url() no-repeat -22px -18px; width: 7px; height: 4px; display: inline-block; } .glimpse-button, .glimpse-button:hover { cursor:pointer; background-image:url(); background-repeat:no-repeat; height:14px; width:14px; margin-left:2px; display:inline-block; }.glimpse-meta-warning { background-position:-168px -1px; display:none; }.glimpse-meta-warning:hover { background-position:-183px -1px; } .glimpse-meta-help { background-position:-138px -1px; margin-right:15px; }.glimpse-meta-help:hover { background-position:-153px -1px; margin-right:15px; }.glimpse-meta-update { background-position:-198px -1px; display:none; }.glimpse-meta-update:hover { background-position:-213px -1px; }.glimpse-close { background-position:-1px -1px; }.glimpse-close:hover { background-position:-17px -1px; }.glimpse-terminate { background-position:-65px -1px; }.glimpse-terminate:hover { background-position:-81px -1px; } .glimpse-popout { background-position:-96px -1px; }.glimpse-popout:hover { background-position: -111px -1px; } .glimpse-tabs { background: #afafaf; background: -moz-linear-gradient(top, #afafaf 0%, #cfcfcf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafaf), color-stop(100%,#cfcfcf)); background: -webkit-linear-gradient(top, #afafaf 0%,#cfcfcf 100%); background: -o-linear-gradient(top, #afafaf 0%,#cfcfcf 100%); background: -ms-linear-gradient(top, #afafaf 0%,#cfcfcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#afafaf\', endColorstr=\'#cfcfcf\',GradientType=0 ); background: linear-gradient(top, #afafaf 0%,#cfcfcf 100%); border-bottom: 1px solid #A4A4A4; border-top: 1px solid #F9F9F9; -webkit-box-shadow: inset 0px 1px 0px 0px #8b8b8b;-moz-box-shadow: inset 0px 1px 0px 0px #8b8b8b;box-shadow: inset 0px 1px 0px 0px #8b8b8b; font-weight: bold; height: 24px; }.glimpse-tabs ul { margin:4px 0px 0 0; padding:0px; }.glimpse-tabs li { display:inline; margin:0 2px 3px 2px; height:22px; padding:4px 9px 3px; color:#565656; cursor:pointer; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease; } .glimpse-tabs li.glimpse-hover { padding:4px 8px 3px; background: #dddddd;background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%);background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#dddddd\', endColorstr=\'#ffffff\',GradientType=0 );background: linear-gradient(top, #dddddd 0%,#ffffff 100%);-webkit-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;-moz-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9; border-bottom: 1px solid #8B8B8B; border-left: 1px solid #8B8B8B; border-right: 1px solid #8B8B8B; border-top: 2px solid #DDD; }.glimpse-tabs li.glimpse-active { background: #dddddd;background: -moz-linear-gradient(top, #dddddd 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #dddddd 0%,#efefef 100%);background: -o-linear-gradient(top, #dddddd 0%,#efefef 100%);background: -ms-linear-gradient(top, #dddddd 0%,#efefef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#dddddd\', endColorstr=\'#efefef\',GradientType=0 );background: linear-gradient(top, #dddddd 0%,#efefef 100%);-webkit-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;-moz-box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9;box-shadow: inset 1px -1px 0px #F9F9F9, inset -1px 0px 0px #F9F9F9; border-bottom: 1px solid #8b8b8b; border-left: 1px solid #8b8b8b; border-right: 1px solid #8b8b8b; border-top: 2px solid #DDD; color: #000; padding: 4px 8px 3px; }.glimpse-tabs li.glimpse-disabled { color:#AAA; cursor:default; }.glimpse-panel-holder {}.glimpse-panel { display:none; overflow:auto; position:relative; } .glimpse-panel-message { text-align:center; padding-top:40px; font-size:1.1em; color:#AAA; }.glimpse-panel table { border-spacing:0; width:100%; }.glimpse-panel table td, .glimpse-panel table th { padding:3px 4px; text-align:left; vertical-align:top; } .glimpse-panel table td .glimpse-cell { vertical-align:top; } .glimpse-panel tbody .mono { font-family:Consolas, monospace, serif; font-size: 1.1em; } .glimpse-panel tr.glimpse-row-header-0 { height:19px; } .glimpse-panel .glimpse-row-header-0 th { background: #DFDFDF; background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 5%, #e6e6e6 6%, #d1d1d1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(5%,#f3f3f3), color-stop(6%,#e6e6e6), color-stop(100%,#d1d1d1)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f3f3f3\', endColorstr=\'#d1d1d1\',GradientType=0 ); background: linear-gradient(top, #f3f3f3 0%,#f3f3f3 5%,#e6e6e6 6%,#d1d1d1 100%); border-bottom: 1px solid #9C9C9C; font-weight: bold; } .glimpse-panel .glimpse-row-header-0 th { border-left:1px solid #D9D9D9; border-right:1px solid #9C9C9C; } .glimpse-panel .glimpse-soft { color:#999; } .glimpse-panel .glimpse-cell-key { font-weight:bold; } .glimpse-panel th.glimpse-cell-key { width:30%; max-width:150px; } .glimpse-panel table table { border:1px solid #D9D9D9; } .glimpse-panel table table thead th { background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#f3f3f3\', endColorstr=\'#e6e6e6\',GradientType=0 ); background: linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); border-bottom: 1px solid #9C9C9C; } .glimpse-panel table table thead tr th { border-left:1px solid #C6C6C6; border-right:1px solid #D9D9D9; padding:1px 4px 2px 4px; }.glimpse-panel table table thead tr th:first-child { border-left:0px; }.glimpse-panel table table thead tr th:last-child { border-right:0px; }.glimpse-panel .even, .glimpse-panel .even > td, .glimpse-panel .even > th, .glimpse-panel .even > tr > td, .glimpse-panel .even > tr > th, .even > td > .glimpse-preview-table > tbody > tr > td, .even > tr > td > .glimpse-preview-table > tbody > tr > td { background-color:#F2F5F9; } .glimpse-panel .odd, .glimpse-panel .odd > td, .glimpse-panel .odd > th, .glimpse-panel .odd > tr > td, .glimpse-panel .odd > tr > th, .odd > td > .glimpse-preview-table > tbody > tr > td, .odd > tr > td > .glimpse-preview-table > tbody > tr > td { background-color:#FEFFFF; }.glimpse-panel table table tbody th { font-weight:normal; font-style:italic; }.glimpse-panel table table thead th { font-weight:bold; font-style:normal; }.glimpse-panel .glimpse-side-sub-panel { right:0; z-index:10; background-color:#FAFCFC; height:100%; width:25%; border-left:1px solid #ACA899; position:absolute; }.glimpse-panel .glimpse-side-main-panel { position:relative; height:100%; width:75%; float:left; } .glimpse-panel-holder .glimpse-active { display:block; }.glimpse-resizer { height:4px; cursor:n-resize; width:100%; position:absolute; top:-1px; }li.glimpse-permanent { font-style:italic; }.glimpse-preview-object { color:#006400; } .glimpse-preview-string, .glimpse-preview-object .glimpse-preview-string { color:#006400; font-weight:normal !important; } .glimpse-preview-string span { padding-left:1px; }.glimpse-preview-object span { font-weight:bold; color:#444; } .glimpse-preview-object span.start { margin-right:5px; } .glimpse-preview-object span.end { margin-left:5px; }.glimpse-preview-object span.rspace { margin-right:4px; }.glimpse-preview-object span.mspace { margin:0 4px; }.glimpse-preview-object span.small { font-size:0.95em; } .glimpse-panel .glimpse-preview-table { border:0; } .glimpse-panel .glimpse-preview-table .glimpse-preview-cell { padding-left:0; padding-right:2px; width:11px; } .glimpse-expand { height:11px; width:11px; display:inline-block; float:left; margin:1px 0 0 0; cursor:pointer; background-image:url(); background-repeat:no-repeat; background-position:-126px 0; }.glimpse-collapse { background-position:-126px -11px; }.glimpse-preview-show { display:none; font-weight:normal !important; }.glimpse-panel .quiet *, .glimpse-panel .ms * { color:#AAA; }.glimpse-panel .suppress { text-decoration:line-through; }.glimpse-panel .suppress * { color:#AAA; } .glimpse-panel .selected, .glimpse-panel .selected > td, .glimpse-panel .selected > th, .glimpse-panel .selected > tr > td, .glimpse-panel .selected > tr > th, .selected > td > .glimpse-preview-table > tbody > tr > td, .selected > tr > td > .glimpse-preview-table > tbody > tr > td { background-color:#FFFF99; }.glimpse-panel .selected * { color:#409B3B; }.glimpse .info .icon, .glimpse .warn .icon, .glimpse .loading .icon, .glimpse .error .icon, .glimpse .fail .icon, .glimpse .ms .icon { width:14px; height:14px; background-image:url(); background-repeat:no-repeat; display:inline-block; margin-right: 5px; } .glimpse .info .icon { background-position: -22px -22px; }.glimpse .warn .icon { background-position:-36px -22px; }.glimpse .loading .icon { background-position:-78px -22px; }.glimpse .error .icon { background-position:-50px -22px; }.glimpse .ms .icon { background-position:-181px -22px; } .glimpse .fail .icon { background-position:-64px -22px; }.glimpse .info * { color:#067CE5; }.glimpse .warn * { color:#FE850C; } .glimpse .error * { color:#B40000; }.glimpse .fail * { color:#B40000; font-weight:bold; }.glimpse-panelitem-Ajax .loading .icon { float:right; }.glimpse-panelitem-Remote .glimpse-side-sub-panel .loading, .glimpse-panelitem-Remote .glimpse-side-main-panel .loading, .glimpse-clear { position:fixed; bottom:5px; right:10px; color:#777; } .glimpse-panelitem-Remote .glimpse-side-main-panel .loading { right:27%; } .glimpse-clear { background-color:white; padding:0.3em 1em 0.5em 1em; border:#CCC solid 1px; bottom:25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .glimpse-panel table .glimpse-head-message td { text-align:center; background-color:#DDD; } .glimpse-panelitem-GlimpseInformation div { text-align:center; } .glimpse-panelitem-GlimpseInformation .glimpse-panel-message { padding-top:5px; } .glimpse-panelitem-GlimpseInformation strong { font-weight:bold; } .glimpse-panelitem-GlimpseInformation .glimpse-info-more { font-size:1.5em; margin:1em 0; } .glimpse-panelitem-GlimpseInformation .glimpse-info-quote { font-style:italic; margin:0.75em 0 3em; } @media screen and (-webkit-min-device-pixel-ratio:0) { .glimpse-tabs li.glimpse-hover, .glimpse-tabs li.glimpse-active { border-top:1px solid #DDD; } }';
+ glimpseCss += '.glimpse-panel .glimpse-tl-resizer { position:absolute; width:4px; height:100%; cursor:col-resize; } .glimpse-panel .glimpse-tl-row-summary { position:relative; height:100px; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-resizer-bar { background-color:#404040; width:1px; height:100%; margin-left:2px; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-resizer-handle { background-color:#404040; width:5px; height:20px; top:0; position:absolute; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .glimpse-panel .glimpse-tl-row-spacer { background:#cfcfcf; background:-moz-linear-gradient(top, #cfcfcf 0%, #dddddd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background:-o-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); background:-ms-linear-gradient(top, #cfcfcf 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#cfcfcf\', endColorstr=\'#dddddd\',GradientType=0 ); background:linear-gradient(top, #cfcfcf 0%,#dddddd 100%); -webkit-box-shadow:inset 0px 1px 0px 0px #E2E2E2; -moz-box-shadow:inset 0px 1px 0px 0px #E2E2E2; box-shadow:inset 0px 1px 0px 0px #E2E2E2; border-top:1px solid #7A7A7A; height:7px; } .glimpse-panel .glimpse-tl-col-side { position:absolute;width:200px; height:100%; left:0px; } .glimpse-panel .glimpse-tl-col-main { position:absolute; left:200px; right:0px; top:0px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-col-side { border-right:1px solid #404040; } .glimpse-panel .glimpse-tl-row-content { position:relative; height:400px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-resizer { left:200px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-resizer div { background-color:#404040; width:1px; height:100%; } .glimpse-panel .glimpse-tl-band{ padding-top:2px; padding-bottom:2px; } .glimpse-panel .glimpse-tl-col-side .glimpse-tl-band { padding-top:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .glimpse-panel .glimpse-tl-band { position:relative; height:18px; padding:0px; } .glimpse-panel .glimpse-tl-col-main .glimpse-tl-event { position:absolute; top:4px; margin-left:-2px; } .glimpse-panel .glimpse-tl-band-title { height:20px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-weight:bold; padding-top:4px; } .glimpse-panel .glimpse-tl-event { border-radius:4px; width:7px; height:7px; display:inline-block; margin:0 5px 0 2px; background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 70%, rgba(0,0,0,0.5) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(40%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.5))); background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); background:-o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); background:linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(0,0,0,0.5) 100%); } .glimpse-panel .glimpse-tl-col-main .glimpse-tl-event { width:1%; min-width:3px; } .glimpse-panel .glimpse-tl-event-info { position:absolute; top:1px; padding:0.75em; border:1px solid rgba(0, 0, 0, 0.3); background-color:#FCF7BD; display:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow:0px 0px 8px 0px #696969; -moz-box-shadow:0px 0px 8px 0px #696969; box-shadow:0px 0px 8px 0px #696969; } .glimpse-panel .glimpse-tl-event-info th { font-weight:bold; text-align:right; } .glimpse-panel .glimpse-tl-event-info .glimpse-tl-event-info-title { text-align:left; border-bottom:1px solid rgba(0, 0, 0, 0.3); } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-event-holder { margin-left:3px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-event-holder { margin-left:15px; } .glimpse-panel .glimpse-tl-event-holder-inner { position:absolute; left:0px; right:0px; margin-left:4px; } .glimpse-panel .glimpse-tl-event-desc-sub { color:#AAA; font-size:0.9em; margin-left:5px; } .glimpse-panel .glimpse-tl-event-overlay { display:none; position:absolute; height:18px; width:7px; } .glimpse-panel .glimpse-tl-event-overlay-lh { position:absolute; left:0; width:1px; } .glimpse-panel .glimpse-tl-event-overlay-li { position:absolute; right:-2px; font-size:0.8em; top:7px; background:url() no-repeat -31px -17px; width:11px; height:3px; } .glimpse-panel .glimpse-tl-event-overlay-lt { position:absolute; right:15px; font-size:0.8em; top:2px; color:rgba(0, 0, 0, 0.75); } .glimpse-panel .glimpse-tl-event-overlay-rh { position:absolute; right:0; width:1px; } .glimpse-panel .glimpse-tl-event-overlay-ri { position:absolute; left:-4px; font-size:0.8em; top:7px; background:url() no-repeat -44px -17px; width:11px; height:3px; } .glimpse-panel .glimpse-tl-event-overlay-rt { font-size:0.8em; position:absolute; top:2px; left:11px; color:rgba(0, 0, 0, 0.75); } .glimpse-panel .glimpse-tl-event-overlay-c { font-size:0.9em; text-align:center; padding-top:1px; color:rgba(0, 0, 0, 0.75); font-weight:bold; } .glimpse-panel .glimpse-tl-content-scroll { overflow-y:scroll; overflow-x:hidden; width:100%; position:absolute; height:100%; } .glimpse-panel .glimpse-tl-padding-holder { right:18px; } .glimpse-panel .glimpse-tl-padding { position:absolute; width:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.3); } .glimpse-panel .glimpse-tl-padding-l { left:0; border-left:1px solid #555; } .glimpse-panel .glimpse-tl-padding-r { right:0; border-right:1px solid #555; } .glimpse-panel .glimpse-tl-divider-line-holder { position:absolute; height:100%; top:0; right:0; } .glimpse-panel .glimpse-tl-divider { position:absolute; width:1px; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.1); } .glimpse-panel .glimpse-tl-divider div { position:absolute; top:4px; right:5px; font-size:9px; color:#323232; white-space:nowrap; } .glimpse-panel .glimpse-tl-divider-title-bar { width:100%; background-color:rgba(255, 255, 255, 0.8); border-bottom:1px solid rgba(0, 0, 0, 0.3); height:20px; } .glimpse-panel .glimpse-tl-divider-zero-holder { position:absolute; height:100%; top:0; right:0; left:0; } .glimpse-panel .glimpse-tl-divider-zero-holder .glimpse-tl-divider { left:15px } .glimpse-panel .glimpse-tl-content-scroll .glimpse-tl-divider div { display:none; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-divider-holder { right:19px; height:20px; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-content-scroll .glimpse-tl-divider-holder { right:-1px; margin-left:1px; height:100%; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-content-overlay .glimpse-tl-divider-holder { right:16px; height:20px; border-left:1px solid #404040; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-divider-line-holder { left:0; } .glimpse-panel .glimpse-tl-row-content .glimpse-tl-divider-line-holder { left:15px; } .glimpse-panel .glimpse-tl-resizer-holder { right:17px; } .glimpse-panel .glimpse-tl-resizer-l { left:0px; margin-left:-2px; } .glimpse-panel .glimpse-tl-resizer-r { right:0px; } .glimpse-panel .glimpse-tl-col-side { background-color:#F2F5F7; } .glimpse-panel .glimpse-tl-col-side .odd, .glimpse-panel .glimpse-tl-col-side .odd > td { background-color:#F2F5F7; } .glimpse-panel .glimpse-tl-col-side .even, .glimpse-panel .glimpse-tl-col-side .even > td { background-color:#E1E7F0; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-band-title { opacity:0.9; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-event-desc-group .glimpse-tl-band { opacity:0.95; } .glimpse-panel .glimpse-tl-row-summary .glimpse-tl-event-desc-group input { margin-right:5px; float:right; display:none; }';
glimpseCss = glimpseCss.replace(/url\(\)/gi, 'url(' + glimpsePath + 'sprite.png)');
$('<style type="text/css"> ' + glimpseCss + ' </style>').appendTo("head"); //http://stackoverflow.com/questions/1212500/jquery-create-css-rule-class-runtime
@@ -2069,7 +2069,7 @@ var glimpseTimeline = function (scope, settings) {
for (var categoryName in settings.category) {
var category = settings.category[categoryName];
- elements.summaryDescHolder.append('<div class="glimpse-tl-band glimpse-tl-category-selected"><input type="checkbox" value="' + categoryName +'" checked="checked" /><div class="glimpse-tl-event glimpse-tl-event-' + category.event + '"></div>' + categoryName +'</div>');
+ elements.summaryDescHolder.append('<div class="glimpse-tl-band glimpse-tl-category-selected"><input type="checkbox" value="' + categoryName +'" checked="checked" /><div class="glimpse-tl-event" style="background-color:' + category.eventColor + ';border:1px solid ' + category.eventColorHighlight + '"></div>' + categoryName +'</div>');
elements.summaryBandHolder.append('<div class="glimpse-tl-band"></div>');
category.holder = $('<div class="glimpse-tl-band"></div>').appendTo(elements.summaryEventHolder);
category.events = {};
@@ -2102,8 +2102,8 @@ var glimpseTimeline = function (scope, settings) {
//Add main event HTML to DOM
elements.contentBandHolder.append('<div class="glimpse-tl-band"></div>');
- elements.contentEventHolder.append('<div class="glimpse-tl-band"><div class="glimpse-tl-event glimpse-tl-event-' + category.event + '" style="left:' + left + '%;' + widthStyle + maxStyle + '"></div>'+ eventDecoration +'</div>');
- elements.contentDescHolder.append('<div class="glimpse-tl-band"><div class="glimpse-tl-event glimpse-tl-event-' + category.event + '"></div>' + event.title + subText +'</div>');
+ elements.contentEventHolder.append('<div class="glimpse-tl-band"><div class="glimpse-tl-event" style="background-color:' + category.eventColor + ';border:1px solid ' + category.eventColorHighlight + ';left:' + left + '%;' + widthStyle + maxStyle + '"></div>'+ eventDecoration +'</div>');
+ elements.contentDescHolder.append('<div class="glimpse-tl-band"><div class="glimpse-tl-event" style="background-color:' + category.eventColor + ';border:1px solid ' + category.eventColorHighlight + '"></div>' + event.title + subText +'</div>');
//Register events for summary
deriveEventSummary(category, left, rLeft, width, rWidth)
@@ -2125,7 +2125,7 @@ var glimpseTimeline = function (scope, settings) {
var width = (finish - start),
widthStyle = (width > 0 ? 'width:' + width + '%' : ''),
maxStyle = (width <= 0 ? 'max-width:7px;' : '');
- category.holder.append('<div class="glimpse-tl-event glimpse-tl-event-' + category.event + '" style="left:' + start + '%;' + widthStyle + maxStyle + '"></div>');
+ category.holder.append('<div class="glimpse-tl-event" style="background-color:' + category.eventColor + ';border:1px solid ' + category.eventColorHighlight + '; left:' + start + '%;' + widthStyle + maxStyle + '"></div>');
};
for (var categoryName in settings.category) {
@@ -2333,7 +2333,7 @@ var glimpseTimeline = function (scope, settings) {
for (detailKey in event.details) {
details += '<tr><th>' + detailKey + '</th><td>' + event.details[detailKey] + '</td></tr>';
}
- return '<table><tr><th colspan="2"><div class="glimpse-tl-event-info-title"><div class="glimpse-tl-event glimpse-tl-event-' + category.event + '"></div>' + event.title + ' - Details</div></th></tr><tr><th>Duration</th><td>' + event.duration + 'ms (at ' + event.startPoint + 'ms' + ( + event.duration > 1 ? (' to ' + (event.startPoint + event.duration) + 'ms') : '' ) +')</td></tr>' + (event.subText ? '<tr><th>Details</th><td>' + event.subText + '</td></tr>' : '' ) + details + '</table>';
+ return '<table><tr><th colspan="2"><div class="glimpse-tl-event-info-title"><div class="glimpse-tl-event" style="background-color:' + category.eventColor + ';border:1px solid ' + category.eventColorHighlight + '"></div>' + event.title + ' - Details</div></th></tr><tr><th>Duration</th><td>' + event.duration + 'ms (at ' + event.startPoint + 'ms' + ( + event.duration > 1 ? (' to ' + (event.startPoint + event.duration) + 'ms') : '' ) +')</td></tr>' + (event.subText ? '<tr><th>Details</th><td>' + event.subText + '</td></tr>' : '' ) + details + '</table>';
},
updateBubble = function (item) {
var eventOffset = item.offset(),
@@ -2466,11 +2466,11 @@ var glimpseTimelineData = {
{ category :'Trace', startTime :'', startPoint :195, duration :29, title :'Process Workflow', subText :'', pluginContextId :'', plugin :'', details :{} }
],
category :{
- 'ASPNET' :{ event:'red' },
- 'Database' :{ event:'purple' },
- 'MVC' :{ event:'blue' },
- 'Trace' :{ event:'orange' },
- 'Routes' :{ event:'green' }
+ 'ASPNET' : { eventColor : '#FD4545', eventColorHighlight : '#DD3131' },
+ 'Database' : { eventColor : '#AF78DD', eventColorHighlight : '#823BBE' }, //:{ event:'purple' },
+ 'MVC' : { eventColor : '#72A3E4', eventColorHighlight : '#5087CF' }, //{ event:'blue' },
+ 'Trace' : { eventColor : '#FDBF45', eventColorHighlight : '#DDA431' }, //{ event:'orange' },
+ 'Routes' : { eventColor : '#10E309', eventColorHighlight : '#0EC41D' }, //{ event:'green' }
},
duration :'230'
};
View
BIN source/Glimpse.Core/glimpseSprite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit e9b3b5d

Please sign in to comment.
Something went wrong with that request. Please try again.