diff options
author | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-05-06 11:15:32 +0000 |
---|---|---|
committer | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-05-06 11:15:32 +0000 |
commit | dcce94df7de1106d74d9338beb41a06c9583aa38 (patch) | |
tree | a1091038b16e058af1fa16d1052101449d3655fa /WebContent | |
parent | d31cebd06e5e9c8fccaa437b9514a489bb286054 (diff) | |
download | vaadin-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')
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 Binary files differnew file mode 100644 index 0000000000..7952ae5022 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-focus.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.png Binary files differnew file mode 100644 index 0000000000..7ff5296025 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-left-pressed.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-left.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-left.png Binary files differnew file mode 100644 index 0000000000..abb6bcc5af --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-left.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.png Binary files differnew file mode 100644 index 0000000000..5fef4143e6 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-focus.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.png Binary files differnew file mode 100644 index 0000000000..3c11bb3814 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-right-pressed.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/primary-right.png b/WebContent/ITMILL/themes/reindeer/button/img/primary-right.png Binary files differnew file mode 100644 index 0000000000..c304c9cfdf --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/primary-right.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.png Binary files differnew file mode 100644 index 0000000000..96408f225f --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/small-left-focus.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.png Binary files differnew file mode 100644 index 0000000000..90f0d5cbef --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/small-left-pressed.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-left.png b/WebContent/ITMILL/themes/reindeer/button/img/small-left.png Binary files differnew file mode 100644 index 0000000000..4efaa98ac2 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/small-left.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.png b/WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.png Binary files differnew file mode 100644 index 0000000000..8a0c5cac33 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/small-right-focus.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.png b/WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.png Binary files differnew file mode 100644 index 0000000000..18e6c6ace1 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/small-right-pressed.png diff --git a/WebContent/ITMILL/themes/reindeer/button/img/small-right.png b/WebContent/ITMILL/themes/reindeer/button/img/small-right.png Binary files differnew file mode 100644 index 0000000000..a9abdc5cf1 --- /dev/null +++ b/WebContent/ITMILL/themes/reindeer/button/img/small-right.png 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 |