summaryrefslogtreecommitdiffstats
path: root/WebContent
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni.koivuviita@itmill.com>2009-05-06 11:15:32 +0000
committerJouni Koivuviita <jouni.koivuviita@itmill.com>2009-05-06 11:15:32 +0000
commitdcce94df7de1106d74d9338beb41a06c9583aa38 (patch)
treea1091038b16e058af1fa16d1052101449d3655fa /WebContent
parentd31cebd06e5e9c8fccaa437b9514a489bb286054 (diff)
downloadvaadin-framework-dcce94df7de1106d74d9338beb41a06c9583aa38.tar.gz
vaadin-framework-dcce94df7de1106d74d9338beb41a06c9583aa38.zip
"Poro" theme improvements. Now includes three different button styles :)
svn changeset:7638/svn branch:theme_2009_03
Diffstat (limited to 'WebContent')
-rw-r--r--WebContent/ITMILL/themes/base/common/common.css6
-rw-r--r--WebContent/ITMILL/themes/base/styles.css6
-rw-r--r--WebContent/ITMILL/themes/default/styles.css6
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/button.css172
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/primary-left-focus.pngbin0 -> 541 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.pngbin0 -> 385 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/primary-left.pngbin0 -> 465 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.pngbin0 -> 786 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.pngbin0 -> 628 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/primary-right.pngbin0 -> 833 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.pngbin0 -> 443 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.pngbin0 -> 302 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/small-left.pngbin0 -> 324 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.pngbin0 -> 656 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.pngbin0 -> 483 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/img/small-right.pngbin0 -> 513 bytes
-rw-r--r--WebContent/ITMILL/themes/reindeer/label/label.css26
-rw-r--r--WebContent/ITMILL/themes/reindeer/layouts/layouts.css26
-rw-r--r--WebContent/ITMILL/themes/reindeer/panel/panel.css35
-rw-r--r--WebContent/ITMILL/themes/reindeer/styles.css312
-rw-r--r--WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css22
21 files changed, 504 insertions, 107 deletions
diff --git a/WebContent/ITMILL/themes/base/common/common.css b/WebContent/ITMILL/themes/base/common/common.css
index 6678aadea9..ab15255688 100644
--- a/WebContent/ITMILL/themes/base/common/common.css
+++ b/WebContent/ITMILL/themes/base/common/common.css
@@ -52,11 +52,7 @@
.i-window select {
margin: 0;
}
-.i-disabled
-/*,
-.i-app .i-disabled,
-.i-window .i-disabled,
-.i-popupview-popup .i-disabled*/ {
+.i-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
diff --git a/WebContent/ITMILL/themes/base/styles.css b/WebContent/ITMILL/themes/base/styles.css
index 3a7f29ea22..a7b8129611 100644
--- a/WebContent/ITMILL/themes/base/styles.css
+++ b/WebContent/ITMILL/themes/base/styles.css
@@ -219,11 +219,7 @@
.i-window select {
margin: 0;
}
-.i-disabled
-/*,
-.i-app .i-disabled,
-.i-window .i-disabled,
-.i-popupview-popup .i-disabled*/ {
+.i-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
diff --git a/WebContent/ITMILL/themes/default/styles.css b/WebContent/ITMILL/themes/default/styles.css
index 4e262aa44b..cc59ab2e46 100644
--- a/WebContent/ITMILL/themes/default/styles.css
+++ b/WebContent/ITMILL/themes/default/styles.css
@@ -219,11 +219,7 @@
.i-window select {
margin: 0;
}
-.i-disabled
-/*,
-.i-app .i-disabled,
-.i-window .i-disabled,
-.i-popupview-popup .i-disabled*/ {
+.i-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
diff --git a/WebContent/ITMILL/themes/reindeer/button/button.css b/WebContent/ITMILL/themes/reindeer/button/button.css
index cef518e073..b0156f0aae 100644
--- a/WebContent/ITMILL/themes/reindeer/button/button.css
+++ b/WebContent/ITMILL/themes/reindeer/button/button.css
@@ -1,36 +1,36 @@
-/** sprite: buttons; sprite-image: url('img/buttons.png'); sprite-layout: vertical */
+/** sprite: buttons; sprite-image: url(img/buttons.png); sprite-layout: vertical */
-/* IE6 gets native buttons, since it doesn't support the adjacent child selector (>) that is needed to position i-icon properly */
+/* We serve simpler buttons for IE6, since it doesn't support the adjacent
+ * sibling selector (+) that is needed to position .i-icon properly.
+ */
div > .i-button,
-.i-ie7 .i-button,
-.i-ie8 .i-button {
+.i-ie7 .i-button {
height: 26px;
padding: 0 0 0 6px;
background-color: transparent;
- background-repeat: none;
+ background-repeat: no-repeat;
background-image: url(img/left.png); /** sprite-ref: buttons */
border: none;
cursor: default;
}
div > .i-button span,
-.i-ie7 .i-button span,
-.i-ie8 .i-button span {
+.i-ie7 .i-button span {
display: inline-block;
- height: 21px;
- padding: 5px 15px 0 9px;
+ height: 22px;
+ padding: 4px 15px 0 9px;
background-color: transparent;
background-repeat: no-repeat;
background-position: right top;
background-image: url(img/right.png); /** sprite-ref: buttons; sprite-alignment: right */
text-shadow: #fff 0 1px 0;
font-weight: bold;
- float: none;
+ font-size: 11px;
line-height: 16px;
+ float: none;
}
-.i-ie7 .i-button span,
-.i-ie8 .i-button span {
- padding: 5px 15px 0 9px;
+.i-sa .i-button span {
height: 21px;
+ padding-top: 5px;
}
.i-button:focus {
background-image: url(img/left-focus.png); /** sprite-ref: buttons */
@@ -40,14 +40,19 @@ div > .i-button span,
background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
outline: none;
}
-.i-button:active {
+.i-button:active,
+.i-ie7 .i-button.i-pressed {
background-image: url(img/left-pressed.png); /** sprite-ref: buttons */
outline: none;
}
-.i-button:active span {
+.i-button:active span,
+.i-ie7 .i-button.i-pressed span {
background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
outline: none;
}
+.i-ie7 .i-button.i-pressed span {
+ position: relative;
+}
/* FF3 & FF2 */
.i-button::-moz-focus-inner {
border: none;
@@ -57,29 +62,10 @@ div > .i-button span,
display: -moz-inline-box;
}
/* IE7 */
-.i-ie7 .i-button.i-pressed,
-.i-ie8 .i-button.i-pressed {
- background-image: url(img/left-pressed.png); /** sprite-ref: buttons */
-}
-.i-ie7 .i-button.i-pressed span,
-.i-ie8 .i-button.i-pressed span {
- background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
- position: relative;
-}
-.i-ie7 .i-button.i-pressed .i-icon,
-.i-ie8 .i-button.i-pressed .i-icon {
+.i-ie7 .i-button.i-pressed .i-icon {
position: relative;
z-index: 2;
}
-/* IE8 */
-/* TODO
-.i-ie8 .i-button:active {
- background-position: 1px -39px;
-}
-.i-ie8 .i-button:active span {
- position: relative;
-}
-*/
/* Opera */
.i-op .i-button:active span {
margin-top: -1px;
@@ -87,8 +73,7 @@ div > .i-button span,
}
/* Modifications for buttons with icons */
div > .i-button .i-icon,
-.i-ie7 .i-button .i-icon,
-.i-ie8 .i-button .i-icon {
+.i-ie7 .i-button .i-icon {
display: inline-block;
width: 16px;
height: 16px;
@@ -104,25 +89,44 @@ div > .i-button .i-icon,
.i-ff2 .i-button-link .i-icon {
margin: 0;
}
-.i-button .i-icon + span {
+.i-button .i-icon + span,
+.i-button .i-icon + .i-errorindicator + span {
margin-left: -19px;
padding-left: 19px;
}
.i-ie7 .i-button .i-icon + span,
-.i-ie8 .i-button .i-icon + span {
+.i-ie7 .i-button .i-icon + .i-errorindicator + span {
margin-left: -23px;
padding-left: 23px;
}
+/* Buttons with error indicator */
+div > .i-button .i-errorindicator,
+.i-ie7 .i-button .i-errorindicator {
+ display: inline;
+ position: absolute;
+ width: 5px;
+ height: 26px;
+ background: transparent url(../../default/icons/16/error.png) no-repeat 50%;
+ overflow: hidden;
+}
+.i-ie6 .i-button .i-errorindicator {
+ position: absolute;
+ width: 5px;
+ height: 18px;
+ background: transparent url(../../default/icons/16/error.gif) no-repeat 50%;
+ overflow: hidden;
+ margin-left: -10px;
+}
/* Link style buttons */
.i-button.i-button-link,
-.i-ie .i-button-link.i-pressed {
+.i-ie7 .i-button-link.i-pressed {
background: transparent;
height: auto;
padding: 0;
cursor: pointer;
}
.i-button.i-button-link span,
-.i-ie .i-button-link.i-pressed span {
+.i-ie7 .i-button-link.i-pressed span {
background: transparent;
height: auto;
padding: 0;
@@ -136,4 +140,90 @@ div > .i-button .i-icon,
}
.i-button-link:focus {
outline: 1px dotted #1b699f;
+}
+/**
+ * Default action button style --------------------------
+ */
+div > .i-button-primary,
+.i-ie7 .i-button-primary {
+ background-image: url(img/primary-left.png); /** sprite-ref: buttons */
+}
+div > .i-button-primary span,
+.i-ie7 .i-button-primary span {
+ background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.i-button-primary:focus {
+ background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */
+}
+.i-button-primary:focus span {
+ background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.i-button-primary:active,
+.i-ie7 .i-button-primary.i-pressed {
+ background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */
+}
+.i-button-primary:active span,
+.i-ie7 .i-button-primary.i-pressed span {
+ background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+/*
+ * Small-style --------------------------
+ */
+div > .i-button-small,
+.i-ie7 .i-button-small {
+ background-image: url(img/small-left.png); /** sprite-ref: buttons */
+ height: 20px;
+}
+div > .i-button-small span,
+.i-ie7 .i-button-small span {
+ background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+ height: 19px;
+ padding: 1px 11px 0 5px;
+ font-weight: normal;
+}
+.i-sa .i-button-small span {
+ height: 18px;
+ padding-top: 2px;
+}
+.i-button-small:focus {
+ background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
+}
+.i-button-small:focus span {
+ background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.i-button-small:active,
+.i-ie7 .i-button-small.i-pressed {
+ background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */
+}
+.i-button-small:active span,
+.i-ie7 .i-button-small.i-pressed span {
+ background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+
+/**
+ * IE6 buttons --------------------------
+ */
+.i-ie6 .i-button {
+ border: 1px solid #b3b3b3;
+ border-bottom-color: #9a9a9a;
+ background: transparent url(img/right.png) no-repeat 0 -1px;
+ padding: 3px 15px 2px 15px;
+ font-weight: bold;
+ font-size: 11px;
+ line-height: 16px;
+ height: 16px;
+ outline: none;
+}
+.i-ie6 .i-button-primary {
+ background-image: url(img/primary-right.png);
+}
+.i-ie6 .i-button-small {
+ font-weight: normal;
+ padding: 1px 11px 0 11px;
+ height: 12px;
+ line-height: normal;
+ background-image: url(img/small-right.png);
+}
+.i-ie6 .i-button.i-pressed {
+ background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
} \ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-left-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-focus.png
new file mode 100644
index 0000000000..7952ae5022
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-focus.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.png
new file mode 100644
index 0000000000..7ff5296025
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-left.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-left.png
new file mode 100644
index 0000000000..abb6bcc5af
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-left.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.png
new file mode 100644
index 0000000000..5fef4143e6
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.png
new file mode 100644
index 0000000000..3c11bb3814
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-right.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-right.png
new file mode 100644
index 0000000000..c304c9cfdf
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-right.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.png
new file mode 100644
index 0000000000..96408f225f
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.png
new file mode 100644
index 0000000000..90f0d5cbef
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-left.png b/WebContent/ITMILL/themes/reindeer/button/img/small-left.png
new file mode 100644
index 0000000000..4efaa98ac2
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/small-left.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.png
new file mode 100644
index 0000000000..8a0c5cac33
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.png
new file mode 100644
index 0000000000..18e6c6ace1
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-right.png b/WebContent/ITMILL/themes/reindeer/button/img/small-right.png
new file mode 100644
index 0000000000..a9abdc5cf1
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/button/img/small-right.png
Binary files differ
diff --git a/WebContent/ITMILL/themes/reindeer/label/label.css b/WebContent/ITMILL/themes/reindeer/label/label.css
new file mode 100644
index 0000000000..44ea2112ac
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/label/label.css
@@ -0,0 +1,26 @@
+.i-label {
+ line-height: 18px;
+}
+.i-label-h1,
+.i-label-h2,
+.i-caption-h1,
+.i-caption-h2 {
+ font-size: 24px;
+ line-height: 30px;
+ font-weight: bold;
+ color: #44698b;
+}
+.i-ie6 .i-label-h1 {
+ font-size: 1px;
+ line-height: normal;
+}
+.i-label-h2,
+.i-caption-h2 {
+ font-size: 16px;
+ line-height: 22px;
+}
+.i-label-light {
+ font-size: 11px;
+ line-height: 13px;
+ color: #707070;
+} \ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/layouts/layouts.css b/WebContent/ITMILL/themes/reindeer/layouts/layouts.css
new file mode 100644
index 0000000000..631754b50d
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/layouts/layouts.css
@@ -0,0 +1,26 @@
+.i-orderedlayout-margin-top,
+.i-horizontallayout-margin-top,
+.i-verticallayout-margin-top {
+ padding-top: 18px;
+}
+.i-orderedlayout-margin-right,
+.i-horizontallayout-margin-right,
+.i-verticallayout-margin-right {
+ padding-right: 18px;
+}
+.i-orderedlayout-margin-bottom,
+.i-horizontallayout-margin-bottom,
+.i-verticallayout-margin-bottom {
+ padding-bottom: 18px;
+}
+.i-orderedlayout-margin-left,
+.i-horizontallayout-margin-left,
+.i-verticallayout-margin-left {
+ padding-left: 18px;
+}
+.i-orderedlayout-spacing-on,
+.i-horizontallayout-spacing-on,
+.i-verticallayout-spacing-on {
+ padding-top: 7px;
+ padding-left: 6px;
+} \ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/panel/panel.css b/WebContent/ITMILL/themes/reindeer/panel/panel.css
new file mode 100644
index 0000000000..18b6c74922
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/panel/panel.css
@@ -0,0 +1,35 @@
+.i-panel-caption,
+.i-panel-nocaption {
+ border-bottom: 1px solid #dcdcdc;
+ line-height: 16px; /* accommodate minimum icon size */
+}
+.i-sa .i-panel-caption,
+.i-sa .i-panel-nocaption,
+.i-ff3 .i-panel-caption,
+.i-ff3 .i-panel-nocaption {
+ border-bottom-color: rgba(0,0,0,.1);
+}
+.i-panel-caption {
+ padding-bottom: 2px;
+}
+.i-panel-content {
+ border: 1px solid #dcdcdc;
+ border-bottom: none;
+ border-top: none;
+ background: #fff;
+}
+.i-sa .i-panel-content,
+.i-ff3 .i-panel-content {
+ border-color: rgba(0,0,0,.1);
+}
+.i-panel-deco {
+ height: 1px;
+ border-top: 1px solid #bebebe;
+ background: #e2e2e2;
+ overflow: hidden;
+}
+.i-sa .i-panel-deco,
+.i-ff3 .i-panel-deco {
+ border-top-color: rgba(0,0,0,.1);
+ background: rgba(0,0,0,.08);
+} \ No newline at end of file
diff --git a/WebContent/ITMILL/themes/reindeer/styles.css b/WebContent/ITMILL/themes/reindeer/styles.css
index 1906b69143..8ddeee8a65 100644
--- a/WebContent/ITMILL/themes/reindeer/styles.css
+++ b/WebContent/ITMILL/themes/reindeer/styles.css
@@ -219,11 +219,7 @@
.i-window select {
margin: 0;
}
-.i-disabled
-/*,
-.i-app .i-disabled,
-.i-window .i-disabled,
-.i-popupview-popup .i-disabled*/ {
+.i-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
@@ -1553,49 +1549,61 @@ div.i-window-header {
/* Automatically compiled css file from subdirectories. */
/* ./WebContent/ITMILL/themes/reindeer/button/button.css */
-/* IE6 gets native buttons, since it doesn't support the adjacent child selector (>) that is needed to position i-icon properly */
+/** sprite: buttons; sprite-image: url(button/img/buttons.png); sprite-layout: vertical */
+
+/* We serve simpler buttons for IE6, since it doesn't support the adjacent
+ * sibling selector (+) that is needed to position .i-icon properly.
+ */
div > .i-button,
-.i-ie7 .i-button,
-.i-ie8 .i-button {
+.i-ie7 .i-button {
height: 26px;
- padding: 0 0 0 6px; /* Left side padding width the same amount as left.png */
- background: transparent url(button/img/left.png) no-repeat;
+ padding: 0 0 0 6px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-image: url(button/img/left.png); /** sprite-ref: buttons */
border: none;
cursor: default;
}
div > .i-button span,
-.i-ie7 .i-button span,
-.i-ie8 .i-button span {
+.i-ie7 .i-button span {
display: inline-block;
- height: 21px;
- padding: 5px 15px 0 9px;
- background: transparent url(button/img/right.png) no-repeat right top;
+ height: 22px;
+ padding: 4px 15px 0 9px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-image: url(button/img/right.png); /** sprite-ref: buttons; sprite-alignment: right */
text-shadow: #fff 0 1px 0;
font-weight: bold;
- float: none;
+ font-size: 11px;
line-height: 16px;
+ float: none;
}
-.i-ie7 .i-button span,
-.i-ie8 .i-button span {
- padding: 5px 15px 0 9px;
+.i-sa .i-button span {
height: 21px;
+ padding-top: 5px;
}
.i-button:focus {
- background-image: url(button/img/left-focus.png);
+ background-image: url(button/img/left-focus.png); /** sprite-ref: buttons */
outline: none;
}
.i-button:focus span {
- background-image: url(button/img/right-focus.png);
+ background-image: url(button/img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
outline: none;
}
-.i-button:active {
- background-image: url(button/img/left-pressed.png);
+.i-button:active,
+.i-ie7 .i-button.i-pressed {
+ background-image: url(button/img/left-pressed.png); /** sprite-ref: buttons */
outline: none;
}
-.i-button:active span {
- background-image: url(button/img/right-pressed.png);
+.i-button:active span,
+.i-ie7 .i-button.i-pressed span {
+ background-image: url(button/img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
outline: none;
}
+.i-ie7 .i-button.i-pressed span {
+ position: relative;
+}
/* FF3 & FF2 */
.i-button::-moz-focus-inner {
border: none;
@@ -1605,29 +1613,10 @@ div > .i-button span,
display: -moz-inline-box;
}
/* IE7 */
-.i-ie7 .i-button.i-pressed,
-.i-ie8 .i-button.i-pressed {
- background-image: url(button/img/left-pressed.png);
-}
-.i-ie7 .i-button.i-pressed span,
-.i-ie8 .i-button.i-pressed span {
- background-image: url(button/img/right-pressed.png);
- position: relative;
-}
-.i-ie7 .i-button.i-pressed .i-icon,
-.i-ie8 .i-button.i-pressed .i-icon {
+.i-ie7 .i-button.i-pressed .i-icon {
position: relative;
z-index: 2;
}
-/* IE8 */
-/* TODO
-.i-ie8 .i-button:active {
- background-position: 1px -39px;
-}
-.i-ie8 .i-button:active span {
- position: relative;
-}
-*/
/* Opera */
.i-op .i-button:active span {
margin-top: -1px;
@@ -1635,8 +1624,7 @@ div > .i-button span,
}
/* Modifications for buttons with icons */
div > .i-button .i-icon,
-.i-ie7 .i-button .i-icon,
-.i-ie8 .i-button .i-icon {
+.i-ie7 .i-button .i-icon {
display: inline-block;
width: 16px;
height: 16px;
@@ -1652,25 +1640,44 @@ div > .i-button .i-icon,
.i-ff2 .i-button-link .i-icon {
margin: 0;
}
-.i-button .i-icon + span {
+.i-button .i-icon + span,
+.i-button .i-icon + .i-errorindicator + span {
margin-left: -19px;
padding-left: 19px;
}
.i-ie7 .i-button .i-icon + span,
-.i-ie8 .i-button .i-icon + span {
+.i-ie7 .i-button .i-icon + .i-errorindicator + span {
margin-left: -23px;
padding-left: 23px;
}
+/* Buttons with error indicator */
+div > .i-button .i-errorindicator,
+.i-ie7 .i-button .i-errorindicator {
+ display: inline;
+ position: absolute;
+ width: 5px;
+ height: 26px;
+ background: transparent url(../default/icons/16/error.png) no-repeat 50%;
+ overflow: hidden;
+}
+.i-ie6 .i-button .i-errorindicator {
+ position: absolute;
+ width: 5px;
+ height: 18px;
+ background: transparent url(../default/icons/16/error.gif) no-repeat 50%;
+ overflow: hidden;
+ margin-left: -10px;
+}
/* Link style buttons */
.i-button.i-button-link,
-.i-ie .i-button-link.i-pressed {
+.i-ie7 .i-button-link.i-pressed {
background: transparent;
height: auto;
padding: 0;
cursor: pointer;
}
.i-button.i-button-link span,
-.i-ie .i-button-link.i-pressed span {
+.i-ie7 .i-button-link.i-pressed span {
background: transparent;
height: auto;
padding: 0;
@@ -1685,6 +1692,92 @@ div > .i-button .i-icon,
.i-button-link:focus {
outline: 1px dotted #1b699f;
}
+/**
+ * Default action button style --------------------------
+ */
+div > .i-button-primary,
+.i-ie7 .i-button-primary {
+ background-image: url(button/img/primary-left.png); /** sprite-ref: buttons */
+}
+div > .i-button-primary span,
+.i-ie7 .i-button-primary span {
+ background-image: url(button/img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.i-button-primary:focus {
+ background-image: url(button/img/primary-left-focus.png); /** sprite-ref: buttons */
+}
+.i-button-primary:focus span {
+ background-image: url(button/img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.i-button-primary:active,
+.i-ie7 .i-button-primary.i-pressed {
+ background-image: url(button/img/primary-left-pressed.png); /** sprite-ref: buttons */
+}
+.i-button-primary:active span,
+.i-ie7 .i-button-primary.i-pressed span {
+ background-image: url(button/img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+/*
+ * Small-style --------------------------
+ */
+div > .i-button-small,
+.i-ie7 .i-button-small {
+ background-image: url(button/img/small-left.png); /** sprite-ref: buttons */
+ height: 20px;
+}
+div > .i-button-small span,
+.i-ie7 .i-button-small span {
+ background-image: url(button/img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+ height: 19px;
+ padding: 1px 11px 0 5px;
+ font-weight: normal;
+}
+.i-sa .i-button-small span {
+ height: 18px;
+ padding-top: 2px;
+}
+.i-button-small:focus {
+ background-image: url(button/img/small-left-focus.png); /** sprite-ref: buttons */
+}
+.i-button-small:focus span {
+ background-image: url(button/img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.i-button-small:active,
+.i-ie7 .i-button-small.i-pressed {
+ background-image: url(button/img/small-left-pressed.png); /** sprite-ref: buttons */
+}
+.i-button-small:active span,
+.i-ie7 .i-button-small.i-pressed span {
+ background-image: url(button/img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+
+/**
+ * IE6 buttons --------------------------
+ */
+.i-ie6 .i-button {
+ border: 1px solid #b3b3b3;
+ border-bottom-color: #9a9a9a;
+ background: transparent url(button/img/right.png) no-repeat 0 -1px;
+ padding: 3px 15px 2px 15px;
+ font-weight: bold;
+ font-size: 11px;
+ line-height: 16px;
+ height: 16px;
+ outline: none;
+}
+.i-ie6 .i-button-primary {
+ background-image: url(button/img/primary-right.png);
+}
+.i-ie6 .i-button-small {
+ font-weight: normal;
+ padding: 1px 11px 0 11px;
+ height: 12px;
+ line-height: normal;
+ background-image: url(button/img/small-right.png);
+}
+.i-ie6 .i-button.i-pressed {
+ background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px;
+}
/* ./WebContent/ITMILL/themes/reindeer/common/common.css */
.i-generated-body,
@@ -1732,3 +1825,120 @@ div > .i-button .i-icon,
.i-sa .i-popupview-popup textarea {
font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
}
+
+/* ./WebContent/ITMILL/themes/reindeer/label/label.css */
+.i-label {
+ line-height: 18px;
+}
+.i-label-h1,
+.i-label-h2,
+.i-caption-h1,
+.i-caption-h2 {
+ font-size: 24px;
+ line-height: 30px;
+ font-weight: bold;
+ color: #44698b;
+}
+.i-ie6 .i-label-h1 {
+ font-size: 1px;
+ line-height: normal;
+}
+.i-label-h2,
+.i-caption-h2 {
+ font-size: 16px;
+ line-height: 22px;
+}
+.i-label-light {
+ font-size: 11px;
+ line-height: 13px;
+ color: #707070;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/layouts/layouts.css */
+.i-orderedlayout-margin-top,
+.i-horizontallayout-margin-top,
+.i-verticallayout-margin-top {
+ padding-top: 18px;
+}
+.i-orderedlayout-margin-right,
+.i-horizontallayout-margin-right,
+.i-verticallayout-margin-right {
+ padding-right: 18px;
+}
+.i-orderedlayout-margin-bottom,
+.i-horizontallayout-margin-bottom,
+.i-verticallayout-margin-bottom {
+ padding-bottom: 18px;
+}
+.i-orderedlayout-margin-left,
+.i-horizontallayout-margin-left,
+.i-verticallayout-margin-left {
+ padding-left: 18px;
+}
+.i-orderedlayout-spacing-on,
+.i-horizontallayout-spacing-on,
+.i-verticallayout-spacing-on {
+ padding-top: 7px;
+ padding-left: 6px;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/panel/panel.css */
+.i-panel-caption,
+.i-panel-nocaption {
+ border-bottom: 1px solid #dcdcdc;
+ line-height: 16px; /* accommodate minimum icon size */
+}
+.i-sa .i-panel-caption,
+.i-sa .i-panel-nocaption,
+.i-ff3 .i-panel-caption,
+.i-ff3 .i-panel-nocaption {
+ border-bottom-color: rgba(0,0,0,.1);
+}
+.i-panel-caption {
+ padding-bottom: 2px;
+}
+.i-panel-content {
+ border: 1px solid #dcdcdc;
+ border-bottom: none;
+ border-top: none;
+ background: #fff;
+}
+.i-sa .i-panel-content,
+.i-ff3 .i-panel-content {
+ border-color: rgba(0,0,0,.1);
+}
+.i-panel-deco {
+ height: 1px;
+ border-top: 1px solid #bebebe;
+ background: #e2e2e2;
+ overflow: hidden;
+}
+.i-sa .i-panel-deco,
+.i-ff3 .i-panel-deco {
+ border-top-color: rgba(0,0,0,.1);
+ background: rgba(0,0,0,.08);
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css */
+.i-tabsheet-spacertd div {
+ border-color: #bfbfbf;
+ border-left: none;
+}
+.i-tabsheet-tabitem {
+ border: none;
+ border-bottom: 1px solid #bfbfbf;
+ padding: 5px 16px;
+ color: #4d748f;
+}
+.i-tabsheet-tabitem-selected {
+ border: 1px solid #bfbfbf;
+ border-bottom: none;
+ color: #222;
+ padding: 4px 15px 6px 15px;
+}
+.i-tabsheet-content {
+ border: none;
+}
+.i-tabsheet-deco {
+ height: 0;
+}
diff --git a/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css
new file mode 100644
index 0000000000..c067d275f3
--- /dev/null
+++ b/WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css
@@ -0,0 +1,22 @@
+.i-tabsheet-spacertd div {
+ border-color: #bfbfbf;
+ border-left: none;
+}
+.i-tabsheet-tabitem {
+ border: none;
+ border-bottom: 1px solid #bfbfbf;
+ padding: 5px 16px;
+ color: #4d748f;
+}
+.i-tabsheet-tabitem-selected {
+ border: 1px solid #bfbfbf;
+ border-bottom: none;
+ color: #222;
+ padding: 4px 15px 6px 15px;
+}
+.i-tabsheet-content {
+ border: none;
+}
+.i-tabsheet-deco {
+ height: 0;
+} \ No newline at end of file