]> source.dussan.org Git - vaadin-framework.git/commitdiff
Sampler: ProminentPrimaryAction css
authorMarc Englund <marc.englund@itmill.com>
Mon, 10 Nov 2008 10:50:35 +0000 (10:50 +0000)
committerMarc Englund <marc.englund@itmill.com>
Mon, 10 Nov 2008 10:50:35 +0000 (10:50 +0000)
svn changeset:5837/svn branch:trunk

WebContent/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png [new file with mode: 0644]
WebContent/ITMILL/themes/sampler/prominentprimaryaction/styles.css [new file with mode: 0644]

diff --git a/WebContent/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png b/WebContent/ITMILL/themes/sampler/prominentprimaryaction/prominentbg.png
new file mode 100644 (file)
index 0000000..cef6bec
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 (file)
index 0000000..7c71594
--- /dev/null
@@ -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