svn changeset:14986/svn branch:6.4tags/6.7.0.beta1
@@ -0,0 +1,28 @@ | |||
.v-accordion { | |||
border: 1px solid #999; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
} | |||
.v-accordion-item-caption { | |||
color: #222; | |||
text-shadow: 1px 1px #FFFFFF; | |||
font-size: 12px; | |||
font-weight: bold; | |||
background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0; | |||
border-top: 1px solid #999; | |||
border-bottom: none; | |||
padding: 4px 5px 5px 5px; | |||
} | |||
.v-accordion-item-first .v-accordion-item-caption { | |||
border-top: none; | |||
-webkit-border-radius: 4px 4px 0 0; | |||
-moz-border-radius: 4px 4px 0 0; | |||
border-radius: 4px 4px 0 0; | |||
} | |||
.v-accordion-item-open .v-accordion-item-caption { | |||
border-bottom: 1px solid #999; | |||
} |
@@ -0,0 +1,87 @@ | |||
.v-button:focus { | |||
outline: none; | |||
} | |||
.v-button:hover { | |||
background: #b9ced9 url(/html/themes/classic/images/application/state_hover_bg.png) repeat-x 0 0; | |||
border-color: #627782; | |||
color: #369; | |||
} | |||
.v-button:active, | |||
.v-button.v-pressed, | |||
.v-button:focus { | |||
background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; | |||
border-color: #555; | |||
} | |||
.v-button, | |||
.v-disabled.v-button { | |||
display: block; | |||
font-size: 11px; | |||
font-weight: bold; | |||
border: 1px solid #c8c9ca; | |||
border-right-color: #9e9e9e; | |||
border-bottom-color: #9e9e9e; | |||
background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0; | |||
-webkit-background-origin: padding; | |||
-moz-background-origin: padding; | |||
padding: 3px 8px 4px 8px; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
line-height: 16px; | |||
min-height: 16px; | |||
text-shadow: 1px 1px #fff; | |||
color: #34404f; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
/* Link style button */ | |||
.v-button-link, | |||
.v-disabled.v-button-link, | |||
.v-button-link:focus, | |||
.v-button-link:active, | |||
.v-button-link:hover, | |||
.v-button-link-pressed, | |||
button.v-nativebutton-link, | |||
.v-disabled.v-nativebutton-link, | |||
button.v-nativebutton-link:focus, | |||
button.v-nativebutton-link:active, | |||
button.v-nativebutton-link:hover, | |||
button.v-nativebutton-link-pressed { | |||
color: #5B677D; | |||
font-weight: normal; | |||
border: none; | |||
border-style: none; | |||
background: transparent; | |||
padding: 0; | |||
font-size: inherit; | |||
-webkit-box-shadow: none; | |||
-mox-box-shadow: none; | |||
-webkit-border-radius: 0; | |||
-moz-border-radius: 0; | |||
border-radius: 0; | |||
text-shadow: none; | |||
} | |||
.v-button-link:hover { | |||
color: #0066cc; | |||
text-decoration: none; | |||
} | |||
.v-button-link:focus, | |||
.v-nativebutton-link:focus { | |||
outline: 1px dotted #1b699f; | |||
outline-offset: -1px; | |||
} | |||
.v-sa .v-button-link:focus { | |||
outline-offset: -1px; | |||
} | |||
/* CheckBox */ | |||
.v-checkbox input { | |||
margin-right: 3px; | |||
} |
@@ -0,0 +1,7 @@ | |||
div.v-app { | |||
background-color: transparent; | |||
} | |||
.v-caption { | |||
font-weight: bold; | |||
} |
@@ -0,0 +1,40 @@ | |||
.v-contextmenu { | |||
background: #ccc9c9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; | |||
border: 1px solid; | |||
border-color: #aeafb1 #777879 #777879 #aeafb1; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
} | |||
.v-contextmenu table { | |||
border-collapse: separate; | |||
} | |||
.v-contextmenu .gwt-MenuItem { | |||
padding: 3px 8px 2px 8px; | |||
height: 16px; | |||
color: #2c2f34; | |||
text-shadow: -1px -1px #fff; | |||
font-weight: bold; | |||
border-bottom: 1px solid #bcbbbb; | |||
border-top: 1px solid #eee; | |||
} | |||
.v-contextmenu tr:last-child .gwt-MenuItem { | |||
border-bottom-width: 0; | |||
} | |||
.v-contextmenu .gwt-MenuItem img { | |||
margin-right: 4px; | |||
} | |||
.v-contextmenu .gwt-MenuItem-selected { | |||
background-color: #5b677d; | |||
color: #FFF; | |||
text-shadow: -1px -1px #2c2f34; | |||
} | |||
.v-contextmenu .gwt-MenuItem-selected div { | |||
background: transparent; | |||
} |
@@ -0,0 +1,169 @@ | |||
.v-datefield-popup { | |||
padding: 3px; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
} | |||
.v-datefield-calendarpanel:focus { | |||
outline: none; | |||
} | |||
.v-datefield-calendarpanel-body { | |||
text-align: right; | |||
vertical-align: top; | |||
} | |||
.v-datefield-popupcalendar .v-datefield-button { | |||
background: transparent url(../common/buttons_sprites.png) no-repeat 0 -48px; | |||
width: 24px; | |||
height: 24px; | |||
border: none; | |||
} | |||
.v-datefield-popupcalendar .v-datefield-button:hover { | |||
background-position: 0px -72px; | |||
} | |||
.v-datefield-popupcalendar .v-datefield-button:focus { | |||
background-position: 0px -96px; | |||
} | |||
.v-datefield-month .v-datefield-calendarpanel-month, | |||
.v-datefield-day .v-datefield-calendarpanel-month, | |||
.v-datefield-full .v-datefield-calendarpanel-month { | |||
width: 124px; | |||
} | |||
.v-datefield-year .v-datefield-calendarpanel-month { | |||
width: 35px; | |||
} | |||
.v-datefield-calendarpanel-month { | |||
background: transparent url(datefield_sprites.png) repeat-x 0 -112px; | |||
font-weight: bold; | |||
} | |||
span.v-datefield-calendarpanel-month { | |||
display: block; | |||
text-align: center; | |||
background: transparent; | |||
overflow: hidden; | |||
padding: 1px 3px 0; | |||
} | |||
.v-datefield-calendarpanel-prevyear, | |||
.v-datefield-calendarpanel-nextyear { | |||
width: 22px; | |||
} | |||
.v-datefield-calendarpanel-prevyear button, | |||
.v-datefield-calendarpanel-prevmonth button, | |||
.v-datefield-calendarpanel-nextmonth button, | |||
.v-datefield-calendarpanel-nextyear button { | |||
width: 22px; | |||
height: 28px; | |||
border: none; | |||
background: transparent; | |||
background-repeat: no-repeat; | |||
background-image: url(datefield_sprites.png); | |||
background-position: 0 0; | |||
overflow: hidden; | |||
padding: 0; | |||
text-indent: -9999px; | |||
outline: none; | |||
-webkit-border-radius: 0; | |||
-moz-border-radius: 0; | |||
border-radius: 0; | |||
} | |||
.v-ie .v-datefield-calendarpanel-prevyear button, | |||
.v-ie .v-datefield-calendarpanel-nextyear button, | |||
.v-ie .v-datefield-calendarpanel-prevmonth button, | |||
.v-ie .v-datefield-calendarpanel-nextmonth button { | |||
text-indent: 0; | |||
font-size: 1px; | |||
} | |||
.v-datefield-calendarpanel-prevmonth button { | |||
background-position: 0 -56px; | |||
} | |||
.v-datefield-calendarpanel-prevmonth { | |||
background: transparent url(datefield_sprites.png) repeat-x 0 -112px; | |||
} | |||
.v-datefield-calendarpanel-nextyear button { | |||
background-position: 0 -28px; | |||
width: 100%; | |||
min-width: 22px; | |||
} | |||
.v-datefield-calendarpanel-nextmonth button { | |||
background-position: 0 -84px; | |||
} | |||
.v-datefield-calendarpanel-nextmonth { | |||
background: transparent url(datefield_sprites.png) repeat-x 0 -112px; | |||
} | |||
.v-datefield-calendarpanel-prevyear button { | |||
width: 100%; | |||
min-width: 22px; | |||
} | |||
.v-ie6 .v-datefield-calendarpanel-prevyear button, | |||
.v-ie6 .v-datefield-calendarpanel-nextyear button, | |||
.v-ie7 .v-datefield-calendarpanel-prevyear button, | |||
.v-ie7 .v-datefield-calendarpanel-nextyear button { | |||
width: 22px; | |||
} | |||
.v-datefield-calendarpanel-day { | |||
display: block; | |||
width: 22px; | |||
margin: 0 0 3px 3px; | |||
text-align: center; | |||
background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; | |||
border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca; | |||
border-style: solid; | |||
border-width: 1px; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
} | |||
.v-datefield-calendarpanel-day-today { | |||
font-weight: bold; | |||
} | |||
.v-datefield-calendarpanel-day-selected { | |||
background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; | |||
color: #000; | |||
border-color: #555; | |||
} | |||
.v-datefield-calendarpanel-day-focused { | |||
outline: 1px dotted #555; | |||
} | |||
.v-datefield-calendarpanel-weekdays { | |||
text-align: center; | |||
} | |||
.v-datefield-calendarpanel-weekdays strong { | |||
font-weight: normal; | |||
} | |||
.v-datefield-calendarpanel-weeknumber { | |||
display: block; | |||
border: none; | |||
padding: 2px 0 2px 0; | |||
margin: 0; | |||
} | |||
.v-datefield-calendarpanel-body table { | |||
margin: 0 auto; | |||
width: 200px; | |||
} |
@@ -0,0 +1,3 @@ | |||
.v-formlayout .v-caption { | |||
font-weight: normal; | |||
} |
@@ -0,0 +1,64 @@ | |||
.v-menubar { | |||
background: #97A1AE url(/html/themes/classic/images/dockbar/dockbar_bg.png) repeat-x 0 0; | |||
border-bottom: 1px solid #636364; | |||
} | |||
.v-menubar-separator span { | |||
display: none; | |||
} | |||
.v-menubar-menuitem { | |||
padding: 3px 8px; | |||
line-height: 16px; | |||
font-weight: bold; | |||
color: #2c2f34; | |||
text-shadow: -1px -1px #FFF; | |||
} | |||
.v-menubar-menuitem-selected { | |||
color: #FFF; | |||
text-shadow: -1px -1px #2c2f34; | |||
} | |||
.v-menubar-submenu { | |||
background: #CCC9C9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; | |||
border: 1px solid; | |||
border-color: #aeafb1 #777879 #777879 #aeafb1; | |||
-webkit-border-radius: 0 0 4px 4px; | |||
-moz-border-radius: 0 0 4px 4px; | |||
border-radius: 0 0 4px 4px; | |||
padding: 2px 0; | |||
} | |||
.v-menubar-submenu .v-menubar-menuitem { | |||
color: #2c2f34; | |||
font-weight: bold; | |||
text-shadow: 1px 1px #fff; | |||
padding: 1px 26px 1px 10px; | |||
line-height: 16px; | |||
border-bottom: 1px solid #bcbbbb; | |||
border-top: 1px solid #eee; | |||
} | |||
.v-menubar-submenu .v-menubar-menuitem:last-child { | |||
border-bottom-width: 0; | |||
} | |||
.v-menubar-submenu .v-menubar-menuitem-caption * { | |||
vertical-align: middle; | |||
} | |||
.v-menubar .v-menubar-menuitem-selected, | |||
.v-menubar-submenu .v-menubar-menuitem-selected { | |||
color: #fff; | |||
text-shadow: 1px 1px #000; | |||
background-color: #5b677d; | |||
} | |||
.v-menubar-menuitem-disabled, | |||
.v-menubar-submenu .v-menubar-menuitem-disabled, | |||
.v-menubar span.v-menubar-menuitem-disabled:hover, | |||
.v-menubar span.v-menubar-menuitem-disabled:focus, | |||
.v-menubar span.v-menubar-menuitem-disabled:active { | |||
color: #999; | |||
} |
@@ -0,0 +1,48 @@ | |||
.v-Notification { | |||
background: #dff4ff; | |||
color: #34404F; | |||
font-weight: bold; | |||
cursor: pointer; | |||
overflow: hidden; | |||
padding: 1em; | |||
max-width: 85%; | |||
border: 1px solid #a7cedf; | |||
} | |||
.v-Notification h1, | |||
.v-Notification p, | |||
.v-Notification-error h1, | |||
.v-Notification-error p, | |||
.v-Notification-warning h1, | |||
.v-Notification-warning p { | |||
display: inline; | |||
margin: 0 0.5em 0 0; | |||
} | |||
.v-Notification-warning { | |||
background: #ffc; | |||
border-color: #fc0; | |||
} | |||
.v-Notification-error { | |||
background-color: #ffdddd; | |||
border-color: #ff0000; | |||
} | |||
.v-Notification-tray { | |||
color: #111111; | |||
background-color: #e5e5e5; | |||
border-color: #b5b5b5; | |||
} | |||
.v-Notification-tray h1 { | |||
display: block; | |||
} | |||
.v-Notification-tray p { | |||
display: block; | |||
} | |||
.v-Notification-system { | |||
background-color: #ffdddd; | |||
border-color: #ff0000; | |||
} | |||
.v-Notification-system h1 { | |||
display: block; | |||
margin: 0; | |||
} |
@@ -0,0 +1,54 @@ | |||
.v-panel-caption { | |||
text-shadow: 1px 1px #fff; | |||
font-size: 12px; | |||
color: #222; | |||
background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; | |||
border: 1px solid #999; | |||
-webkit-border-radius: 4px 4px 0 0; | |||
-moz-border-radius: 4px 4px 0 0; | |||
border-radius: 4px 4px 0 0; | |||
padding: 4px 5px 5px 5px; | |||
} | |||
.v-panel-nocaption { | |||
height: 4px; | |||
border: 1px solid #999; | |||
border-bottom: none; | |||
-webkit-border-radius: 4px 4px 0 0; | |||
-moz-border-radius: 4px 4px 0 0; | |||
border-radius: 4px 4px 0 0; | |||
} | |||
.v-panel-caption .v-icon { | |||
padding-right: 2px; | |||
} | |||
.v-panel-content { | |||
border: 1px solid #999; | |||
border-top: none; | |||
-webkit-border-radius: 0 0 4px 4px; | |||
-moz-border-radius: 0 0 4px 4px; | |||
border-radius: 0 0 4px 4px; | |||
} | |||
/* Light style Panel */ | |||
.v-panel-caption-light, | |||
.v-panel-nocaption-light { | |||
border: none; | |||
background: none; | |||
} | |||
.v-panel-caption-light { | |||
border-bottom: 1px solid #999; | |||
} | |||
.v-panel-content-light { | |||
border: none; | |||
} | |||
.v-panel-content-light > div { | |||
background: transparent; | |||
} | |||
.v-ie6 .v-panel-content-light { | |||
background: transparent; | |||
} |
@@ -0,0 +1,9 @@ | |||
.v-popupview-popup { | |||
background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; | |||
padding: 8px; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
border: 1px solid #c8c9ca; | |||
border-color :#c8c9ca #9e9e9e #9e9e9e #c8c9ca; | |||
} |
@@ -0,0 +1,12 @@ | |||
.v-progressindicator-wrapper { | |||
background: #dfe2e4 url(../../reindeer/progressindicator/img/base.gif) repeat-x; | |||
border: 1px solid #bfbfbf; | |||
} | |||
.v-disabled .v-progressindicator-wrapper { | |||
background-image: url(../../reindeer/progressindicator/img/disabled.gif); | |||
} | |||
.v-progressindicator-indicator { | |||
background: #f7f9f9 url(../../reindeer/progressindicator/img/progress.png); | |||
} |
@@ -0,0 +1,64 @@ | |||
.v-app select, | |||
.v-window select { | |||
padding: 1px; | |||
} | |||
.v-filterselect-button { | |||
width: 24px; | |||
height: 24px; | |||
background: transparent url(../common/buttons_sprites.png) no-repeat 0 0; | |||
} | |||
.v-filterselect-button:hover { | |||
background-position: 0px -24px; | |||
} | |||
.v-filterselect-suggestpopup { | |||
border: 1px solid #98C0F4; | |||
} | |||
.v-filterselect-suggestmenu { | |||
min-height: 2px; | |||
} | |||
.v-filterselect-prevpage, | |||
.v-filterselect-prevpage-off, | |||
.v-filterselect-nextpage, | |||
.v-filterselect-nextpage-off { | |||
background-color: #fff; | |||
} | |||
.v-filterselect-prevpage span, | |||
.v-filterselect-prevpage-off span, | |||
.v-filterselect-nextpage span, | |||
.v-filterselect-nextpage-off span { | |||
display: block; | |||
height: 8px; | |||
width: 16px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
text-indent: -99999px; | |||
} | |||
.v-filterselect-prevpage span, .v-filterselect-nextpage span { | |||
background: transparent no-repeat 0 -4px; | |||
background-image: url(/html/themes/classic/images/aui/icon_sprite.png); | |||
} | |||
.v-filterselect-nextpage span { | |||
background-position: -65px -4px; | |||
} | |||
.v-filterselect-suggestmenu .gwt-MenuItem span { | |||
display: block; | |||
width: 100%; | |||
height: 18px; | |||
border: 1px solid #fff; | |||
border-style: solid none; | |||
} | |||
.v-filterselect-suggestmenu .gwt-MenuItem-selected span { | |||
color: #000; | |||
background: #dfe8f6; | |||
border-color: #a3bae9; | |||
} |
@@ -0,0 +1,29 @@ | |||
.v-slider { | |||
border: 1px solid #9e9e9e; | |||
border-right: 1px solid #c8c9ca; | |||
border-bottom: 1px solid #c8c9ca; | |||
margin: 4px 0; | |||
} | |||
.v-slider-base { | |||
height: 1px; | |||
} | |||
.v-slider-vertical { | |||
margin: 0 5px; | |||
width: 2px; | |||
} | |||
.v-slider-vertical .v-slider-base { | |||
width: 1px; | |||
} | |||
.v-slider-handle { | |||
background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -115px -147px; | |||
width: 10px; | |||
height: 10px; | |||
} | |||
.v-slider-feedback { | |||
background: #33; | |||
} |
@@ -0,0 +1,63 @@ | |||
.v-splitpanel-hsplitter, | |||
.v-splitpanel-hsplitter-locked { | |||
font-size: 1px; | |||
width: 3px; | |||
background-color: #c8c9ca; | |||
} | |||
.v-splitpanel-hsplitter div { | |||
font-size: 1px; | |||
width: 3px; | |||
background: transparent; | |||
background-repeat: no-repeat; | |||
background-image: url(hsplit.png); | |||
background-position: center; | |||
} | |||
.v-splitpanel-hsplitter-locked div { | |||
font-size: 1px; | |||
width: 3px; | |||
} | |||
.v-splitpanel-vsplitter, | |||
.v-splitpanel-vsplitter-locked { | |||
font-size: 1px; | |||
height: 3px; | |||
} | |||
.v-splitpanel-vsplitter div { | |||
font-size: 1px; | |||
height: 3px; | |||
background: transparent; | |||
background-color: #c8c9ca; | |||
background-repeat: no-repeat; | |||
background-image: url(vsplit.png); | |||
background-position: center; | |||
} | |||
.v-splitpanel-vsplitter-locked, | |||
.v-splitpanel-vsplitter-locked div { | |||
font-size: 1px; | |||
height: 3px; | |||
background-color: #c8c9ca; | |||
} | |||
/* Small SplitPanel */ | |||
.v-splitpanel-hsplitter-small, | |||
.v-splitpanel-hsplitter-small div, | |||
.v-splitpanel-hsplitter-small-locked, | |||
.v-splitpanel-hsplitter-small-locked div { | |||
font-size: 1px; | |||
width: 1px; | |||
background: #c8c9ca; | |||
} | |||
.v-splitpanel-vsplitter-small, | |||
.v-splitpanel-vsplitter-small div, | |||
.v-splitpanel-vsplitter-small-locked, | |||
.v-splitpanel-vsplitter-small-locked div { | |||
font-size: 1px; | |||
height: 1px; | |||
background: #c8c9ca; | |||
} |
@@ -0,0 +1,115 @@ | |||
.v-table-body { | |||
border: 1px solid #999; | |||
} | |||
.v-table-body:focus, | |||
.v-table-body-wrapper:focus { | |||
outline: none; | |||
} | |||
.v-table-body.focused { | |||
border-color: #555; | |||
} | |||
.v-table-focus .v-table-cell-content { | |||
border-top: 1px dotted #555; | |||
border-bottom: 1px dotted #555; | |||
} | |||
.v-table-header-wrap, | |||
.v-table-footer-wrap { | |||
border-color: #999; | |||
background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; | |||
height: 26px; | |||
} | |||
.v-table-footer-wrap { | |||
border: 1px solid #999; | |||
border-top: none; | |||
} | |||
.v-table-footer td { | |||
height: 100%; | |||
border-right: 1px solid #999; | |||
padding-bottom: 5px; | |||
padding-top: 5px; | |||
} | |||
.v-table-footer-container { | |||
height: 16px; | |||
float: right; | |||
padding-right: 7px; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
} | |||
.v-table-caption-container { | |||
color: #336699; | |||
font-weight: bold; | |||
font-size: 11px; | |||
padding-right: 4px; | |||
padding-top: 6px; | |||
} | |||
.v-table-caption-container .v-icon { | |||
height: 16px; | |||
margin: -4px 3px 0 0; | |||
} | |||
.v-ie .v-table-caption-container .v-icon { | |||
margin-top: -2px; | |||
} | |||
.v-table-header-cell-asc .v-table-caption-container { | |||
background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px; | |||
} | |||
.v-table-header-cell-desc .v-table-caption-container { | |||
background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px; | |||
} | |||
.v-table-resizer { | |||
height: 26px; | |||
background: #999; | |||
} | |||
.v-table-column-selector { | |||
background: transparent url(columnselect.png); | |||
width: 16px; | |||
height: 26px; | |||
margin: -26px 0 0; | |||
} | |||
.v-table-row-odd { | |||
background: #dde1e6; | |||
} | |||
.v-table .v-selected { | |||
background-color: #5B677D; | |||
color: #FFF; | |||
text-shadow: -1px -1px #2C2F34; | |||
} | |||
.v-table-cell-wrapper { | |||
padding-top: 3px; | |||
padding-bottom: 3px; | |||
} | |||
.v-table-focus .v-table-cell-wrapper { | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
} | |||
.v-table-cell-content { | |||
border-right: 1px solid #999; | |||
padding: 0 6px; | |||
} | |||
.v-table-cell-content:last-child { | |||
border-right-color: transparent; | |||
} | |||
.v-off { | |||
color: #999; | |||
} |
@@ -0,0 +1,142 @@ | |||
.v-tabsheet-content { | |||
border: none; | |||
} | |||
.v-tabsheet-deco { | |||
background: transparent; | |||
} | |||
.v-tabsheet-tabitem { | |||
border: none; | |||
} | |||
.v-tabsheet-tabitem .v-caption { | |||
height: 14px; | |||
padding: 3px 10px; | |||
} | |||
.v-tabsheet-tabitem .v-captiontext { | |||
color: #336699; | |||
font-size: 11px; | |||
font-weight: bold; | |||
text-decoration: underline; | |||
} | |||
.v-tabsheet-tabitem-selected .v-caption { | |||
background: none repeat scroll 0 0 #333; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
} | |||
.v-tabsheet-tabitem-selected .v-captiontext { | |||
color: #fff; | |||
text-decoration: none; | |||
text-shadow: -1px -1px #000; | |||
} | |||
.v-tabsheet-tabitem-selected { | |||
position: relative; | |||
} | |||
.v-tabsheet-tabitem-selected:after { | |||
border: 10px solid; | |||
border-bottom-width: 0; | |||
border-color: #333 transparent transparent; | |||
bottom: -6px; | |||
content: '-'; | |||
display: block; | |||
height: 0; | |||
left: 50%; | |||
margin-left: -10px; | |||
position: absolute; | |||
text-indent: -9999px; | |||
z-index: 9999; | |||
width: 0; | |||
} | |||
.v-tabsheet-tabcontainer, | |||
.v-tabsheet-tabs { | |||
overflow: visible !important; | |||
} | |||
.v-tabsheet-tabitemcell-first .v-tabsheet-tabitem { | |||
border-left: 1px solid #c8c9ca; | |||
-webkit-border-radius: 4px 0 0 4px; | |||
-moz-border-radius: 4px 0 0 4px; | |||
border-radius: 4px 0 0 4px; | |||
} | |||
.v-tabsheet-spacertd div { | |||
height: 23px; | |||
border: 1px solid #c8c9ca; | |||
border-left: none; | |||
-webkit-border-radius: 0 4px 4px 0; | |||
-moz-border-radius: 0 4px 4px 0; | |||
border-radius: 0 4px 4px 0; | |||
} | |||
.v-ie6 .v-tabsheet-spacertd div, | |||
.v-ie7 .v-tabsheet-spacertd div, | |||
.v-op .v-tabsheet-spacertd div, | |||
.v-sa .v-tabsheet-spacertd div { | |||
height: 24px; | |||
} | |||
.v-tabsheet-tabitem { | |||
height: 20px; | |||
border-top: 1px solid #c8c9ca; | |||
border-bottom: 1px solid #c8c9ca; | |||
padding: 4px; | |||
} | |||
.v-tabsheet-scroller { | |||
float: right; | |||
width: 33px; | |||
height: 28px; | |||
margin-top: -30px; | |||
background-color: #eef0f2; | |||
border: 1px solid #c8c9ca; | |||
border-left: none; | |||
-webkit-border-radius: 0 4px 4px 0; | |||
-moz-border-radius: 0 4px 4px 0; | |||
border-radius: 0 4px 4px 0; | |||
position: relative; | |||
} | |||
.v-tabsheet-scroller button { | |||
padding: 0; | |||
margin-top: 6px; | |||
width: 16px; | |||
height: 16px; | |||
border: none; | |||
background: transparent; | |||
} | |||
.v-tabsheet-scroller .v-tabsheet-scrollerPrev, | |||
.v-tabsheet-scroller .v-tabsheet-scrollerPrev-disabled { | |||
background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -192px; | |||
} | |||
.v-tabsheet-scroller .v-tabsheet-scrollerNext, | |||
.v-tabsheet-scroller .v-tabsheet-scrollerNext-disabled { | |||
background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -48px -192px; | |||
} | |||
.v-tabsheet-scrollerPrev-disabled, | |||
.v-tabsheet-scrollerNext-disabled { | |||
opacity: 0.5; | |||
filter: alpha(opacity=50); | |||
} | |||
.v-tabsheet-caption-close { | |||
background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -128px; | |||
cursor: default; | |||
float: right; | |||
margin: -1px -1px 0; | |||
overflow: hidden; | |||
padding-left: 2px; | |||
text-indent: -999px; | |||
width: 10px; | |||
height: 16px; | |||
} |
@@ -0,0 +1,15 @@ | |||
.v-app input[type="text"], | |||
.v-app input[type="password"], | |||
.v-app input[type="reset"], | |||
.v-app textarea , | |||
.v-window input[type="text"], | |||
.v-window input[type="password"], | |||
.v-window input[type="reset"], | |||
.v-window textarea { | |||
padding: 5px 1px; | |||
} | |||
input.v-textfield-prompt, | |||
textarea.v-textarea-prompt { | |||
font-style: normal; | |||
} |
@@ -0,0 +1,62 @@ | |||
.v-tree { | |||
outline: none; | |||
} | |||
.v-tree-node { | |||
background: transparent url(arrows_sprites.png) no-repeat -42px 1px; | |||
} | |||
.v-tree-node span { | |||
color: #336699; | |||
padding: 1px 2px; | |||
display: inline-block; | |||
} | |||
.v-tree-node:hover { | |||
background-position: -14px -30px; | |||
} | |||
.v-tree-node-expanded { | |||
background-position: -28px -14px; | |||
} | |||
.v-tree-node-expanded:hover { | |||
background-position: 0 -47px; | |||
} | |||
.v-tree .v-tree-node-drag-top { | |||
background-position: -42px 0px; | |||
} | |||
.v-tree .v-tree-node-drag-top.v-tree-node-expanded { | |||
background-position: -28px -15px; | |||
} | |||
.v-tree-node-selected { | |||
background: #333; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
} | |||
.v-tree-node-selected span { | |||
display: inline-block; | |||
background: transparent; | |||
color: #fff; | |||
text-shadow: -1px -1px #000; | |||
padding: 1px 2px; | |||
} | |||
.v-tree-node-caption { | |||
margin-left: 14px; | |||
padding: 1px; | |||
} | |||
.v-tree-node-focused { | |||
border: 1px dotted #555; | |||
padding: 0; | |||
} | |||
.v-tree-node-children { | |||
padding-left: 14px; | |||
} |
@@ -0,0 +1,68 @@ | |||
.v-window { | |||
background: none; | |||
} | |||
.v-window-wrap { | |||
border: 1px solid #c8c9ca; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
background: #fff; | |||
} | |||
.v-window-outerheader { | |||
background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; | |||
border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca; | |||
border-style: solid; | |||
border-width: 0 0 1px; | |||
padding-left: 10px; | |||
height: 16px; | |||
padding: 6px 32px 6px 10px; | |||
-webkit-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
border-radius: 4px; | |||
margin: 5px; | |||
} | |||
.v-ie6 .v-window-outerheader, | |||
.v-ie7 .v-window-outerheader { | |||
margin-bottom: 0; | |||
} | |||
.v-window-header { | |||
color: #000; | |||
font-size: 12px; | |||
text-shadow: 1px 1px #fff; | |||
} | |||
.v-window-contents { | |||
padding: 0 5px 0 5px; | |||
} | |||
.v-window-closebox { | |||
background: url(closebutton_sprites.png) no-repeat scroll 0 0 transparent; | |||
position: absolute; | |||
width: 24px; | |||
height: 24px; | |||
right: 9px; | |||
top: 8px; | |||
} | |||
.v-ie6 .v-window-closebox, | |||
.v-ie7 .v-window-closebox { | |||
top: 4px; | |||
} | |||
.v-window-closebox:hover { | |||
background-position: 0 -24px; | |||
} | |||
.v-window-closebox:active { | |||
background-position: 0 -48px; | |||
} | |||
.v-window-resizebox { | |||
background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -64px -228px; | |||
width: 14px; | |||
height: 16px; | |||
} |
@@ -25,6 +25,7 @@ public class CompileDefaultTheme { | |||
private static final String BASE = "base"; | |||
private static final String RUNO = "runo"; | |||
private static final String REINDEER = "reindeer"; | |||
private static final String LIFERAY = "liferay"; | |||
/** | |||
* @param args | |||
@@ -43,6 +44,7 @@ public class CompileDefaultTheme { | |||
combineTheme(new String[] { BASE }, false, ver); | |||
combineTheme(new String[] { BASE, RUNO }, false, ver); | |||
combineTheme(new String[] { BASE, REINDEER }, true, ver); | |||
combineTheme(new String[] { BASE, LIFERAY }, false, ver); | |||
} | |||
/** | |||
@@ -163,7 +165,9 @@ public class CompileDefaultTheme { | |||
urlPrefix = "../" + themeName + "/"; | |||
} | |||
if (strLine.indexOf("url(../") > 0) { | |||
if (strLine.indexOf("url(/") > 0) { | |||
// Do nothing for urls beginning with / | |||
} else if (strLine.indexOf("url(../") > 0) { | |||
strLine = strLine.replaceAll("url\\(../", | |||
("url\\(" + urlPrefix)); | |||