From e3b21da773385b8602b806215205a2bb5754097b Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Wed, 11 Feb 2009 11:35:56 +0000 Subject: Sampler theme update. Many sample descriptions split into two pieces: featureset description and feature description. svn changeset:6794/svn branch:trunk --- WebContent/ITMILL/themes/sampler/icons/sample.png | Bin 0 -> 731 bytes .../ITMILL/themes/sampler/sampler/bullet.png | Bin 125 -> 0 bytes .../themes/sampler/sampler/sample-desc-arrow.png | Bin 0 -> 301 bytes .../themes/sampler/sampler/sample-desc-bg.png | Bin 0 -> 305 bytes .../ITMILL/themes/sampler/sampler/sampler.png | Bin 2493 -> 7179 bytes .../ITMILL/themes/sampler/sampler/styles.css | 51 +++++++++++++++++---- 6 files changed, 42 insertions(+), 9 deletions(-) create mode 100644 WebContent/ITMILL/themes/sampler/icons/sample.png delete mode 100644 WebContent/ITMILL/themes/sampler/sampler/bullet.png create mode 100644 WebContent/ITMILL/themes/sampler/sampler/sample-desc-arrow.png create mode 100644 WebContent/ITMILL/themes/sampler/sampler/sample-desc-bg.png (limited to 'WebContent') diff --git a/WebContent/ITMILL/themes/sampler/icons/sample.png b/WebContent/ITMILL/themes/sampler/icons/sample.png new file mode 100644 index 0000000000..c1ff888aae Binary files /dev/null and b/WebContent/ITMILL/themes/sampler/icons/sample.png differ diff --git a/WebContent/ITMILL/themes/sampler/sampler/bullet.png b/WebContent/ITMILL/themes/sampler/sampler/bullet.png deleted file mode 100644 index cda2f7ac56..0000000000 Binary files a/WebContent/ITMILL/themes/sampler/sampler/bullet.png and /dev/null differ diff --git a/WebContent/ITMILL/themes/sampler/sampler/sample-desc-arrow.png b/WebContent/ITMILL/themes/sampler/sampler/sample-desc-arrow.png new file mode 100644 index 0000000000..ae79de39aa Binary files /dev/null and b/WebContent/ITMILL/themes/sampler/sampler/sample-desc-arrow.png differ diff --git a/WebContent/ITMILL/themes/sampler/sampler/sample-desc-bg.png b/WebContent/ITMILL/themes/sampler/sampler/sample-desc-bg.png new file mode 100644 index 0000000000..e9019d307e Binary files /dev/null and b/WebContent/ITMILL/themes/sampler/sampler/sample-desc-bg.png differ diff --git a/WebContent/ITMILL/themes/sampler/sampler/sampler.png b/WebContent/ITMILL/themes/sampler/sampler/sampler.png index e97eeac346..d18883211d 100644 Binary files a/WebContent/ITMILL/themes/sampler/sampler/sampler.png and b/WebContent/ITMILL/themes/sampler/sampler/sampler.png differ diff --git a/WebContent/ITMILL/themes/sampler/sampler/styles.css b/WebContent/ITMILL/themes/sampler/sampler/styles.css index 2008704faa..a48069e714 100644 --- a/WebContent/ITMILL/themes/sampler/sampler/styles.css +++ b/WebContent/ITMILL/themes/sampler/sampler/styles.css @@ -15,7 +15,7 @@ } .i-app-SamplerApplication .topbar .logo { - width: 147px; + width: 167px; height: 44px; margin: 0; padding: 0; @@ -250,8 +250,7 @@ color: #b7c0c7; font-size: 11px; line-height: 18px; - background: transparent url(bullet.png) no-repeat 2px 60%; - padding-left: 8px; + margin-left: 28px; } .i-app-SamplerApplication .feature-info div.i-link a:hover { color: #dcebf6; @@ -291,18 +290,52 @@ padding-right: 20px; } -.i-app-SamplerApplication .feature-info .i-caption { +.i-app-SamplerApplication .feature-info .i-label { + padding: 0 20px 9px 28px; +} + +.i-app-SamplerApplication .feature-info .i-label-section { font-weight: bold; font-size: 12px; line-height: 30px; color: #fff; - background: transparent url(info-bubble-separator.png) repeat-x 0 10px; + border: none; + text-indent: 0; + text-shadow: none; + padding: 0; +} + +.i-app-SamplerApplication .feature-info .i-label-section span { + display: block; + background: transparent url(info-bubble-separator.png) repeat-x; + padding: 5px 0 0 19px; + margin: 0 5px 0 9px; } -.i-app-SamplerApplication .feature-info .i-captiontext { - padding-top: 15px; + +.i-app-SamplerApplication .feature-info .i-label-sample-description { + margin: 0 5px 0 9px; + color: #e0ecff; + text-shadow: 0 1px 0 #19406b; + border: 1px solid #225792; + border-top: none; + border-bottom: 1px solid #2763ad; + padding: 5px 0 0 0; + width: 353px; } -.i-app-SamplerApplication .feature-info .i-label { - padding-bottom: 9px; + +.i-app-SamplerApplication .feature-info .i-label-sample-description div.deco { + padding: 1px 19px 13px 19px; + background: #2a6bba url(sample-desc-bg.png) repeat-x; + border: 1px solid #478cca; + border-top: none; + border-bottom: none; +} + +.i-app-SamplerApplication .feature-info .i-label-sample-description span.deco { + display: block; + height: 6px; + background: transparent url(sample-desc-arrow.png) no-repeat 50% 0; + margin: -6px 0 13px 0; } .i-app-SamplerApplication .i-button-showcode { -- cgit v1.2.3