From: Marc Englund Date: Mon, 10 Nov 2008 10:50:35 +0000 (+0000) Subject: Sampler: ProminentPrimaryAction css X-Git-Tag: 6.7.0.beta1~3852 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=a5678498b35e7237503feb540aa554a64dea3f88;p=vaadin-framework.git Sampler: ProminentPrimaryAction css svn changeset:5837/svn branch:trunk --- diff --git a/WebContent/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png new file mode 100644 index 0000000000..cef6bec5cd Binary files /dev/null and b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png differ diff --git a/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css new file mode 100644 index 0000000000..7c71594cc4 --- /dev/null +++ b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css @@ -0,0 +1,23 @@ +.i-button-primary { + /* PNG with alpha as background */ + background: #66aa00 url(prominentbg.png) bottom right; + /* make PNG work in IE */ + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png", sizingMethod="scale"); + border: 2px solid #66aa00; + /* make some extra room */ + padding: 10px; + /* round corners for browsers that support it */ + -moz-border-radius: 9px; + -webkit-border-radius: 9px; + border-radius: 9px; +} +.i-button-primary:hover { + /* changing color works due to PNG with alpha */ + background-color: #ff9000; + border-color: #ff9000; +} +.i-button-primary span { + /* big white caption */ + color: #fff; + font-size: 26px; +} \ No newline at end of file