]> source.dussan.org Git - vaadin-framework.git/commitdiff
"Poro" theme updates: textfield styles.
authorJouni Koivuviita <jouni.koivuviita@itmill.com>
Fri, 8 May 2009 12:39:49 +0000 (12:39 +0000)
committerJouni Koivuviita <jouni.koivuviita@itmill.com>
Fri, 8 May 2009 12:39:49 +0000 (12:39 +0000)
svn changeset:7681/svn branch:theme_2009_03

WebContent/ITMILL/themes/reindeer/button/button.css
WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png
WebContent/ITMILL/themes/reindeer/layouts/layouts.css
WebContent/ITMILL/themes/reindeer/styles.css
WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css
WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png [new file with mode: 0644]
WebContent/ITMILL/themes/reindeer/textfield/img/bg.png [new file with mode: 0644]
WebContent/ITMILL/themes/reindeer/textfield/textfield.css [new file with mode: 0644]

index 3023690de514f002118f00e24a4b581cac0d1257..1be0acead1bdd5c6c43e5a4d229327077d138abf 100644 (file)
@@ -210,7 +210,7 @@ div > .i-button-small span,
 .i-ie6 .i-button {
        border: 1px solid #b3b3b3;
        border-bottom-color: #9a9a9a;
-       background: transparent url(img/right.png) no-repeat 0 -1px;
+       background: #d8d8d8 url(img/right.png) no-repeat 0 -1px;
        padding: 3px 15px 2px 15px;
        font-weight: bold;
        font-size: 11px;
@@ -230,4 +230,10 @@ div > .i-button-small span,
 }
 .i-ie6 .i-button.i-pressed {
        background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
+}
+/* Buttons on blue background */
+.i-ie6 .blue .i-button {
+       border-color: #84949c;
+       border-top-color: #83939b;
+       border-bottom-color: #888d91;
 }
\ No newline at end of file
index 07ebba5e3db6054321e5508df19d3d96846cce01..99652769d4089d36cd67c15db54a4e25b6929283 100644 (file)
Binary files a/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png and b/WebContent/ITMILL/themes/reindeer/common/img/vertical-sprites.png differ
index 631754b50d1fee74a48949045d837c7bb1db5aff..b53ce5bf3c2768ffa989cc17c09328cb0504868c 100644 (file)
 .i-verticallayout-spacing-on {
        padding-top: 7px;
        padding-left: 6px;
+}
+/* Blue background */
+.i-verticallayout-blue,
+.i-horizontallayout-blue,
+.i-orderedlayout-blue {
+       background-color: #bcd3de;
 }
\ No newline at end of file
index 36f0998768ca4da261da37af25c16d7b81596cb2..7c37d5d5ecadc201383a779679ec13f7fb2064ef 100644 (file)
@@ -1801,7 +1801,7 @@ div > .i-button-small span,
 .i-ie6 .i-button {
        border: 1px solid #b3b3b3;
        border-bottom-color: #9a9a9a;
-       background: transparent url(button/img/right.png) no-repeat 0 -1px;
+       background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px;
        padding: 3px 15px 2px 15px;
        font-weight: bold;
        font-size: 11px;
@@ -1822,6 +1822,12 @@ div > .i-button-small span,
 .i-ie6 .i-button.i-pressed {
        background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px;
 }
+/* Buttons on blue background */
+.i-ie6 .blue .i-button {
+       border-color: #84949c;
+       border-top-color: #83939b;
+       border-bottom-color: #888d91;
+}
 
 /* ./WebContent/ITMILL/themes/reindeer/common/common.css */
 .i-generated-body,
@@ -1925,6 +1931,12 @@ div > .i-button-small span,
        padding-top: 7px;
        padding-left: 6px;
 }
+/* Blue background */
+.i-verticallayout-blue,
+.i-horizontallayout-blue,
+.i-orderedlayout-blue {
+       background-color: #bcd3de;
+}
 
 /* ./WebContent/ITMILL/themes/reindeer/panel/panel.css */
 .i-panel-caption,
@@ -2046,3 +2058,48 @@ div > .i-button-small span,
        zoom:1;
        display:inline;
 }
+/* Tabsheet on blue background */
+.blue .i-tabsheet-spacertd div,
+.blue .i-tabsheet-tabitem,
+.blue .i-tabsheet-tabitem-selected  {
+       border-color: #7c8a91;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/textfield/textfield.css */
+.i-textfield {
+       line-height: normal;
+       height: 19px;
+       border: 1px solid #bcbdbe;
+       border-top-color: #a2a3a4;
+       border-bottom-color: #d2d3d4;
+       background: #fff;
+       background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  background-position: left -14px;
+       -moz-border-radius: 3px;
+}
+/* Need more specific selector because of #2384 fixes in base/common/common.css */
+.i-app input.i-textfield {
+       padding: 3px 3px 0 3px;
+}
+/* Textfield on blue background */
+.blue .i-textfield {
+       border-color: #92a2aa;
+       border-top-color: #7c8a90;
+       border-bottom-color: #a1b3bc;
+}
+/* Capable browsers get fancier border images */
+.i-sa input.i-textfield,
+.i-ff35 input.i-textfield,
+.i-op input.i-textfield {
+       -moz-border-radius: 0;
+       border: none;
+       background: transparent;
+       border-width: 0 3px 0 3px;
+       padding: 4px 0 0 0;
+       height: 20px;
+       -webkit-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+       -moz-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+       -o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+       
+}
index 8341e0fac078aaacb1e54040530bdbbc4dd2af78..0b4c425a71eff8e5fc7ce87dba60809023b59317 100644 (file)
 .i-ie .i-tabsheet-tabs .i-errorindicator {
        zoom:1;
        display:inline;
+}
+/* Tabsheet on blue background */
+.blue .i-tabsheet-spacertd div,
+.blue .i-tabsheet-tabitem,
+.blue .i-tabsheet-tabitem-selected  {
+       border-color: #7c8a91;
 }
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png
new file mode 100644 (file)
index 0000000..38fe3e6
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/textfield/img/bg-border-image.png differ
diff --git a/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png b/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png
new file mode 100644 (file)
index 0000000..4096e9d
Binary files /dev/null and b/WebContent/ITMILL/themes/reindeer/textfield/img/bg.png differ
diff --git a/WebContent/ITMILL/themes/reindeer/textfield/textfield.css b/WebContent/ITMILL/themes/reindeer/textfield/textfield.css
new file mode 100644 (file)
index 0000000..6943cb5
--- /dev/null
@@ -0,0 +1,36 @@
+.i-textfield {
+       line-height: normal;
+       height: 19px;
+       border: 1px solid #bcbdbe;
+       border-top-color: #a2a3a4;
+       border-bottom-color: #d2d3d4;
+       background: #fff;
+       background-repeat: repeat-x;
+       background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+       -moz-border-radius: 3px;
+}
+/* Need more specific selector because of #2384 fixes in base/common/common.css */
+.i-app input.i-textfield {
+       padding: 3px 3px 0 3px;
+}
+/* Textfield on blue background */
+.blue .i-textfield {
+       border-color: #92a2aa;
+       border-top-color: #7c8a90;
+       border-bottom-color: #a1b3bc;
+}
+/* Capable browsers get fancier border images */
+.i-sa input.i-textfield,
+.i-ff35 input.i-textfield,
+.i-op input.i-textfield {
+       -moz-border-radius: 0;
+       border: none;
+       background: transparent;
+       border-width: 0 3px 0 3px;
+       padding: 4px 0 0 0;
+       height: 20px;
+       -webkit-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+       -moz-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+       -o-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+       
+}
\ No newline at end of file