summaryrefslogtreecommitdiffstats
path: root/WebContent/ITMILL/themes/reindeer/button/button.css
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/ITMILL/themes/reindeer/button/button.css')
-rw-r--r--WebContent/ITMILL/themes/reindeer/button/button.css122
1 files changed, 61 insertions, 61 deletions
diff --git a/WebContent/ITMILL/themes/reindeer/button/button.css b/WebContent/ITMILL/themes/reindeer/button/button.css
index 1be0acead1..bd12e4622c 100644
--- a/WebContent/ITMILL/themes/reindeer/button/button.css
+++ b/WebContent/ITMILL/themes/reindeer/button/button.css
@@ -1,8 +1,8 @@
/* We serve simpler buttons for IE6, since it doesn't support the adjacent
- * sibling selector (+) that is needed to position .i-icon properly.
+ * sibling selector (+) that is needed to position .v-icon properly.
*/
-div > .i-button,
-.i-ie7 .i-button {
+div > .v-button,
+.v-ie7 .v-button {
height: 26px;
padding: 0 0 0 6px;
background-color: transparent;
@@ -11,8 +11,8 @@ div > .i-button,
border: none;
cursor: default;
}
-div > .i-button span,
-.i-ie7 .i-button span {
+div > .v-button span,
+.v-ie7 .v-button span {
display: inline-block;
height: 22px;
padding: 4px 15px 0 9px;
@@ -26,54 +26,54 @@ div > .i-button span,
line-height: 16px;
float: none;
}
-.i-sa .i-button span {
+.v-sa .v-button span {
height: 21px;
padding-top: 5px;
}
-.i-button:focus {
+.v-button:focus {
background-image: url(img/left-focus.png); /** sprite-ref: buttons */
outline: none;
}
-.i-button:focus span {
+.v-button:focus span {
background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
outline: none;
}
-.i-button:active,
-.i-ie7 .i-button.i-pressed {
+.v-button:active,
+.v-ie7 .v-button.v-pressed {
background-image: url(img/left-pressed.png); /** sprite-ref: buttons */
outline: none;
}
-.i-button:active span,
-.i-ie7 .i-button.i-pressed span {
+.v-button:active span,
+.v-ie7 .v-button.v-pressed span {
background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
outline: none;
}
-.i-ie7 .i-button.i-pressed span {
+.v-ie7 .v-button.v-pressed span {
position: relative;
}
/* FF3 & FF2 */
-.i-button::-moz-focus-inner {
+.v-button::-moz-focus-inner {
border: none;
padding: 0;
}
-.i-ff2 .i-button span {
+.v-ff2 .v-button span {
display: -moz-inline-box;
padding-top: 6px;
height: 20px;
}
/* IE7 */
-.i-ie7 .i-button.i-pressed .i-icon {
+.v-ie7 .v-button.v-pressed .v-icon {
position: relative;
z-index: 2;
}
/* Opera */
-.i-op .i-button:active span {
+.v-op .v-button:active span {
margin-top: -1px;
margin-left: -1px;
}
/* Modifications for buttons with icons */
-div > .i-button .i-icon,
-.i-ie7 .i-button .i-icon {
+div > .v-button .v-icon,
+.v-ie7 .v-button .v-icon {
display: inline-block;
width: 16px;
height: 16px;
@@ -81,27 +81,27 @@ div > .i-button .i-icon,
position: relative;
margin: 0 3px 0 0;
}
-.i-ff2 .i-button .i-icon {
+.v-ff2 .v-button .v-icon {
display: block;
float: left;
margin-top: 4px;
}
-.i-ff2 .i-button-link .i-icon {
+.v-ff2 .v-button-link .v-icon {
margin: 0;
}
-.i-button .i-icon + span,
-.i-button .i-icon + .i-errorindicator + span {
+.v-button .v-icon + span,
+.v-button .v-icon + .v-errorindicator + span {
margin-left: -19px;
padding-left: 19px;
}
-.i-ie7 .i-button .i-icon + span,
-.i-ie7 .i-button .i-icon + .i-errorindicator + span {
+.v-ie7 .v-button .v-icon + span,
+.v-ie7 .v-button .v-icon + .v-errorindicator + span {
margin-left: -23px;
padding-left: 23px;
}
/* Buttons with error indicator */
-div > .i-button .i-errorindicator,
-.i-ie7 .i-button .i-errorindicator {
+div > .v-button .v-errorindicator,
+.v-ie7 .v-button .v-errorindicator {
display: inline;
position: absolute;
width: 5px;
@@ -109,7 +109,7 @@ div > .i-button .i-errorindicator,
background: transparent url(../../default/icons/16/error.png) no-repeat 50%;
overflow: hidden;
}
-.i-ie6 .i-button .i-errorindicator {
+.v-ie6 .v-button .v-errorindicator {
position: absolute;
width: 5px;
height: 18px;
@@ -118,15 +118,15 @@ div > .i-button .i-errorindicator,
margin-left: -10px;
}
/* Link style buttons */
-.i-button.i-button-link,
-.i-ie7 .i-button-link.i-pressed {
+.v-button.v-button-link,
+.v-ie7 .v-button-link.v-pressed {
background: transparent;
height: auto;
padding: 0;
cursor: pointer;
}
-.i-button.i-button-link span,
-.i-ie7 .i-button-link.i-pressed span {
+.v-button.v-button-link span,
+.v-ie7 .v-button-link.v-pressed span {
background: transparent;
height: auto;
padding: 0;
@@ -134,80 +134,80 @@ div > .i-button .i-errorindicator,
font-weight: normal;
color: #1b699f;
}
-.i-button.i-button-link .i-icon + span {
+.v-button.v-button-link .v-icon + span {
margin: 0;
padding: 0;
}
-.i-button-link:focus {
+.v-button-link:focus {
outline: 1px dotted #1b699f;
}
/**
* Default action button style --------------------------
*/
-div > .i-button-primary,
-.i-ie7 .i-button-primary {
+div > .v-button-primary,
+.v-ie7 .v-button-primary {
background-image: url(img/primary-left.png); /** sprite-ref: buttons */
}
-div > .i-button-primary span,
-.i-ie7 .i-button-primary span {
+div > .v-button-primary span,
+.v-ie7 .v-button-primary span {
background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
}
-.i-button-primary:focus {
+.v-button-primary:focus {
background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */
}
-.i-button-primary:focus span {
+.v-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 {
+.v-button-primary:active,
+.v-ie7 .v-button-primary.v-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 {
+.v-button-primary:active span,
+.v-ie7 .v-button-primary.v-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 {
+div > .v-button-small,
+.v-ie7 .v-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 {
+div > .v-button-small span,
+.v-ie7 .v-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-ff2 .i-button-small span {
+.v-ff2 .v-button-small span {
height: 17px;
padding-top: 3px;
}
-.i-sa .i-button-small span {
+.v-sa .v-button-small span {
height: 18px;
padding-top: 2px;
}
-.i-button-small:focus {
+.v-button-small:focus {
background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
}
-.i-button-small:focus span {
+.v-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 {
+.v-button-small:active,
+.v-ie7 .v-button-small.v-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 {
+.v-button-small:active span,
+.v-ie7 .v-button-small.v-pressed span {
background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
}
/**
* IE6 buttons --------------------------
*/
-.i-ie6 .i-button {
+.v-ie6 .v-button {
border: 1px solid #b3b3b3;
border-bottom-color: #9a9a9a;
background: #d8d8d8 url(img/right.png) no-repeat 0 -1px;
@@ -218,21 +218,21 @@ div > .i-button-small span,
height: 16px;
outline: none;
}
-.i-ie6 .i-button-primary {
+.v-ie6 .v-button-primary {
background-image: url(img/primary-right.png);
}
-.i-ie6 .i-button-small {
+.v-ie6 .v-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 {
+.v-ie6 .v-button.v-pressed {
background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
}
/* Buttons on blue background */
-.i-ie6 .blue .i-button {
+.v-ie6 .blue .v-button {
border-color: #84949c;
border-top-color: #83939b;
border-bottom-color: #888d91;