Revision e4bcd410
Von Sven Schöling vor mehr als 2 Jahren hinzugefügt
| css/design40/less/buttons.less | ||
|---|---|---|
|
}
|
||
|
input[type="button"].button-image{
|
||
|
&.delete {
|
||
|
background-image: url("image/cross.png");
|
||
|
background-image: url("image/cross2.png");
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 0 0;
|
||
|
color: #fff;
|
||
| css/design40/less/common.less | ||
|---|---|---|
|
padding-left: 18px;
|
||
|
top: 2px;
|
||
|
vertical-align: middle;
|
||
|
background-image: url(../image/icons/16x16/phone.png);
|
||
|
background-image: url(../../image/icons/16x16/phone.png);
|
||
|
background-repeat: no-repeat;
|
||
|
}
|
||
|
|
||
| css/design40/less/control_panels.less | ||
|---|---|---|
|
}
|
||
|
|
||
|
div.filtered_select input {
|
||
|
background-image: url(../../image/glass14x14.png);
|
||
|
background-image: url(../../../image/glass14x14.png);
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 2px 2px;
|
||
|
border-radius: 0px;
|
||
| css/design40/less/forms.less | ||
|---|---|---|
|
// PENDENT: Pop-Down-Symbol wo definiert?
|
||
|
|
||
|
select {
|
||
|
// background: white url('../image/select-down.png') no-repeat scroll right center;
|
||
|
// background: white url('../../image/select-down.png') no-repeat scroll right center;
|
||
|
//padding-right: 1.0em;
|
||
|
//padding-left: 0.6em ;
|
||
|
&.helper {
|
||
| css/design40/less/icons16.less | ||
|---|---|---|
|
/* ------------------------------------------------------------- */
|
||
|
|
||
|
|
||
|
.icon16 { background: url(../image/maps/icons16.png) 16px 0px no-repeat; padding: 0; width: 16px; height: 16px; }
|
||
|
.icon16 { background: url(../../image/maps/icons16.png) 16px 0px no-repeat; padding: 0; width: 16px; height: 16px; }
|
||
|
.icon16.admin { background-position: -0px 0px; }
|
||
|
.icon16.ap { background-position: -16px 0px; }
|
||
|
.icon16.ap_aging { background-position: -32px 0px; }
|
||
| css/design40/less/jquery-ui.less | ||
|---|---|---|
|
|
||
|
&.ui-widget-header {
|
||
|
.ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
|
||
|
}
|
||
|
.ui-state-hover{
|
||
|
.ui-icon{
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
|
||
|
//background: #ffffff;
|
||
|
}
|
||
|
}
|
||
| ... | ... | |
|
background-position: 4px 2px;
|
||
|
|
||
|
// Original Code (but now disabled)
|
||
|
// &.icon-edit { background-image: url(../image/jquery.contextMenu/page_white_edit.png) ; }
|
||
|
// &.icon-cut { background-image: url(../image/jquery.contextMenu/cut.png) ; }
|
||
|
// &.icon-copy { background-image: url(../image/jquery.contextMenu/page_white_copy.png) ; }
|
||
|
// &.icon-paste { background-image: url(../image/jquery.contextMenu/page_white_paste.png) ; }
|
||
|
// &.icon-delete { background-image: url(../image/jquery.contextMenu/page_white_delete.png); }
|
||
|
// &.icon-add { background-image: url(../image/jquery.contextMenu/page_white_add.png) ; }
|
||
|
// &.icon-quit { background-image: url(../image/jquery.contextMenu/door.png) ; }
|
||
|
// &.icon-edit { background-image: url(../../image/jquery.contextMenu/page_white_edit.png) ; }
|
||
|
// &.icon-cut { background-image: url(../../image/jquery.contextMenu/cut.png) ; }
|
||
|
// &.icon-copy { background-image: url(../../image/jquery.contextMenu/page_white_copy.png) ; }
|
||
|
// &.icon-paste { background-image: url(../../image/jquery.contextMenu/page_white_paste.png) ; }
|
||
|
// &.icon-delete { background-image: url(../../image/jquery.contextMenu/page_white_delete.png); }
|
||
|
// &.icon-add { background-image: url(../../image/jquery.contextMenu/page_white_add.png) ; }
|
||
|
// &.icon-quit { background-image: url(../../image/jquery.contextMenu/door.png) ; }
|
||
|
|
||
|
// All Icons are listed here
|
||
|
&.icon-add { }
|
||
| ... | ... | |
|
height: 100%;
|
||
|
}
|
||
|
.ui-progressbar-overlay {
|
||
|
background: url("ui-lightness/images/animated-overlay.gif");
|
||
|
background: url("ui-lightne../../images/animated-overlay.gif");
|
||
|
height: 100%;
|
||
|
filter: alpha(opacity=25);
|
||
|
opacity: 0.25;
|
||
| ... | ... | |
|
.ui-state-focus,
|
||
|
.ui-state-active {
|
||
|
.ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
|
||
|
background-image: url(ui-lightne../../images/ui-icons_777777_256x240.png) !important;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.ui-state-default {
|
||
|
border: 1px solid #cccccc;
|
||
|
//background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
|
||
|
//background: #f6f6f6 url(ui-lightne../../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
|
||
|
background: none ;
|
||
|
font-weight: bold;
|
||
|
color: @base-darker;
|
||
| ... | ... | |
|
.ui-state-hover,
|
||
|
.ui-state-focus {
|
||
|
//border: 1px solid #fbcb09;
|
||
|
//background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
|
||
|
//background: #fdf5ce url(ui-lightne../../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
|
||
|
background: none ;
|
||
|
font-weight: bold;
|
||
|
color: #c77405;
|
||
| ... | ... | |
|
|
||
|
.ui-state-active {
|
||
|
border: 1px solid #fbd850;
|
||
|
//background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
|
||
|
//background: #ffffff url(ui-lightne../../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
|
||
|
background: none ;
|
||
|
font-weight: bold;
|
||
|
color: #eb8f00;
|
||
| ... | ... | |
|
// ----------------------------------
|
||
|
.ui-state-highlight {
|
||
|
border: 1px solid #fed22f;
|
||
|
//background: #ffe45c url(ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
|
||
|
//background: #ffe45c url(ui-lightne../../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
|
||
|
background: none ;
|
||
|
color: #363636;
|
||
|
a { color: #363636; }
|
||
| ... | ... | |
|
|
||
|
.ui-state-error {
|
||
|
border: 1px solid #cd0a0a;
|
||
|
//background: #b81900 url(ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
|
||
|
//background: #b81900 url(ui-lightne../../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
|
||
|
background: none ;
|
||
|
color: #ffffff;
|
||
|
a { color: #ffffff; }
|
||
| ... | ... | |
|
}
|
||
|
.ui-icon,
|
||
|
.ui-widget-content .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
|
||
|
}
|
||
|
.ui-widget-header .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_ffffff_256x240.png);
|
||
|
}
|
||
|
.ui-state-default .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-state-hover .ui-icon,
|
||
|
.ui-state-focus .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-state-active .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-state-highlight .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_228ef1_256x240.png);
|
||
|
}
|
||
|
.ui-state-error .ui-icon,
|
||
|
.ui-state-error-text .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ffd27a_256x240.png);
|
||
|
background-image: url(ui-lightne../../images/ui-icons_ffd27a_256x240.png);
|
||
|
}
|
||
|
|
||
|
// positioning
|
||
| ... | ... | |
|
|
||
|
// Overlays */
|
||
|
.ui-widget-overlay {
|
||
|
//background: #666666 url(ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
|
||
|
//background: #666666 url(ui-lightne../../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
|
||
|
background: #666666 ;
|
||
|
opacity: .5;
|
||
|
filter: Alpha(Opacity=50);
|
||
| ... | ... | |
|
.ui-widget-shadow {
|
||
|
margin: -5px 0 0 -5px;
|
||
|
padding: 5px;
|
||
|
//background: #000000 url(ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
|
||
|
//background: #000000 url(ui-lightne../../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
|
||
|
background: #000000 ;
|
||
|
opacity: .2;
|
||
|
filter: Alpha(Opacity=20);
|
||
| css/design40/less/jquery-ui_overrides.less | ||
|---|---|---|
|
// Forward / Backward Arrows
|
||
|
//.ui-widget-header {
|
||
|
// .ui-icon {
|
||
|
// background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
|
||
|
// background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
|
||
|
// }
|
||
|
// .ui-state-hover{
|
||
|
// .ui-icon{
|
||
|
// background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
// background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
|
||
|
// background: #ffffff;
|
||
|
// }
|
||
|
// }
|
||
| ... | ... | |
|
//.ui-state-focus,
|
||
|
//.ui-state-active {
|
||
|
// .ui-icon {
|
||
|
// background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
|
||
|
// background-image: url(ui-lightne../../images/ui-icons_777777_256x240.png) !important;
|
||
|
// }
|
||
|
//}
|
||
| css/design40/less/jquery.chartpicker.less | ||
|---|---|---|
|
height: 20px;
|
||
|
width: 20px;
|
||
|
cursor: pointer;
|
||
|
background: url("../image/search.svg") no-repeat center right;
|
||
|
background: url("../../image/search.svg") no-repeat center right;
|
||
|
background-size: contain;
|
||
|
}
|
||
|
|
||
| css/design40/less/main.less | ||
|---|---|---|
|
background-position: 50% 50%;
|
||
|
&.min,
|
||
|
&.max { background-position-x: 99% ; }
|
||
|
&.min { background-image: url(../image/toggle-down.png); }
|
||
|
&.max { background-image: url(../image/toggle-left.png); }
|
||
|
&.min { background-image: url(../../image/toggle-down.png); }
|
||
|
&.max { background-image: url(../../image/toggle-left.png); }
|
||
|
}
|
||
|
} // /.toggles
|
||
|
|
||
| css/design40/less/menu.less | ||
|---|---|---|
|
|
||
|
// Items with Sub Items
|
||
|
div.x {
|
||
|
background: no-repeat right url("../image/menu-arrow-to-right-5.png");
|
||
|
background: no-repeat right url("../../image/menu-arrow-to-right-5.png");
|
||
|
padding-right: 2.0em ;
|
||
|
|
||
|
// does not work because text has to be a block
|
||
| css/design40/less/menu_actionbar.less | ||
|---|---|---|
|
border-bottom-right-radius: @actionbar-border-radius ;
|
||
|
padding: 4px;
|
||
|
background-color: @actionbar-bg ;
|
||
|
//background-image: url("../image/select-down.png") no-repeat;
|
||
|
background-image: url("../image/select-down.png") ;
|
||
|
//background-image: url("../../image/select-down.png") no-repeat;
|
||
|
background-image: url("../../image/select-down.png") ;
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 5px 5px;
|
||
|
}
|
||
| css/design40/less/requirement_spec.less | ||
|---|---|---|
|
|
||
|
// Special things that apply to the tree
|
||
|
#tree li.flagged > a > ins {
|
||
|
background-image: url("../image/flag-red.png") !important;
|
||
|
background-image: url("../../image/flag-red.png") !important;
|
||
|
background-position: 0;
|
||
|
}
|
||
|
|
||
| ... | ... | |
|
// --------------------------------------
|
||
|
|
||
|
// Have a look on jquery-ui.less
|
||
|
//.context-menu-item.icon-flag { background-image: url("../image/flag-red.png"); }
|
||
|
//.context-menu-item.icon-close { background-image: url("../image/document-close.png"); }
|
||
|
//.context-menu-item.icon-save { background-image: url("../image/document-save.png"); }
|
||
|
//.context-menu-item.icon-revert { background-image: url("../image/edit-undo.png"); }
|
||
|
//.context-menu-item.icon-pdf { background-image: url("../image/application-pdf.png"); }
|
||
|
//.context-menu-item.icon-html { background-image: url("../image/text-html.png"); }
|
||
|
//.context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); }
|
||
|
//.context-menu-item.icon-download { background-image: url("../image/download.png"); }
|
||
|
//.context-menu-item.icon-renumber { background-image: url("../image/format-list-ordered.png"); }
|
||
|
//.context-menu-item.icon-flag { background-image: url("../../image/flag-red.png"); }
|
||
|
//.context-menu-item.icon-close { background-image: url("../../image/document-close.png"); }
|
||
|
//.context-menu-item.icon-save { background-image: url("../../image/document-save.png"); }
|
||
|
//.context-menu-item.icon-revert { background-image: url("../../image/edit-undo.png"); }
|
||
|
//.context-menu-item.icon-pdf { background-image: url("../../image/application-pdf.png"); }
|
||
|
//.context-menu-item.icon-html { background-image: url("../../image/text-html.png"); }
|
||
|
//.context-menu-item.icon-add-picture { background-image: url("../../image/add-picture.png"); }
|
||
|
//.context-menu-item.icon-download { background-image: url("../../image/download.png"); }
|
||
|
//.context-menu-item.icon-renumber { background-image: url("../../image/format-list-ordered.png"); }
|
||
|
|
||
|
|
||
|
|
||
| css/design40/style.css | ||
|---|---|---|
|
padding-left: 18px;
|
||
|
top: 2px;
|
||
|
vertical-align: middle;
|
||
|
background-image: url(../image/icons/16x16/phone.png);
|
||
|
background-image: url(../../image/icons/16x16/phone.png);
|
||
|
background-repeat: no-repeat;
|
||
|
}
|
||
|
.interact {
|
||
| ... | ... | |
|
margin-left: 1px;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li div.x {
|
||
|
background: no-repeat right url("../image/menu-arrow-to-right-5.png");
|
||
|
background: no-repeat right url("../../image/menu-arrow-to-right-5.png");
|
||
|
padding-right: 2em;
|
||
|
}
|
||
|
#menuv3 > ul > li > ul > li:hover {
|
||
| ... | ... | |
|
border-bottom-right-radius: 4px;
|
||
|
padding: 4px;
|
||
|
background-color: #ccccbb;
|
||
|
background-image: url("../image/select-down.png");
|
||
|
background-image: url("../../image/select-down.png");
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 5px 5px;
|
||
|
}
|
||
| ... | ... | |
|
vertical-align: middle;
|
||
|
}
|
||
|
input[type="button"].button-image.delete {
|
||
|
background-image: url("image/cross.png");
|
||
|
background-image: url("image/cross2.png");
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 0 0;
|
||
|
color: #fff;
|
||
| ... | ... | |
|
display: block;
|
||
|
}
|
||
|
div.filtered_select input {
|
||
|
background-image: url(../../image/glass14x14.png);
|
||
|
background-image: url(../../../image/glass14x14.png);
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 2px 2px;
|
||
|
border-radius: 0px;
|
||
| ... | ... | |
|
background-position-x: 99% ;
|
||
|
}
|
||
|
.wrapper.toggled > .toggles a.toggle.min {
|
||
|
background-image: url(../image/toggle-down.png);
|
||
|
background-image: url(../../image/toggle-down.png);
|
||
|
}
|
||
|
.wrapper.toggled > .toggles a.toggle.max {
|
||
|
background-image: url(../image/toggle-left.png);
|
||
|
background-image: url(../../image/toggle-left.png);
|
||
|
}
|
||
|
.wrapper.bordered {
|
||
|
border: 1px #666633 solid;
|
||
| ... | ... | |
|
width: 98% ;
|
||
|
}
|
||
|
#column-container #tree-column #tree li.flagged > a > ins {
|
||
|
background-image: url("../image/flag-red.png") !important;
|
||
|
background-image: url("../../image/flag-red.png") !important;
|
||
|
background-position: 0;
|
||
|
}
|
||
|
#column-container #content-column {
|
||
| ... | ... | |
|
curser: pointer ;
|
||
|
}
|
||
|
.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
|
||
|
background-image: url(images/ui-icons_222222_256x240.png);
|
||
|
}
|
||
|
.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-hover .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-datepicker table {
|
||
|
width: 100%;
|
||
| ... | ... | |
|
height: 100%;
|
||
|
}
|
||
|
.ui-progressbar .ui-progressbar-overlay {
|
||
|
background: url("ui-lightness/images/animated-overlay.gif");
|
||
|
background: url("images/animated-overlay.gif");
|
||
|
height: 100%;
|
||
|
filter: alpha(opacity=25);
|
||
|
opacity: 0.25;
|
||
| ... | ... | |
|
.ui-state-hover .ui-icon,
|
||
|
.ui-state-focus .ui-icon,
|
||
|
.ui-state-active .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
|
||
|
background-image: url(images/ui-icons_777777_256x240.png) !important;
|
||
|
}
|
||
|
.ui-state-default {
|
||
|
border: 1px solid #cccccc;
|
||
| ... | ... | |
|
}
|
||
|
.ui-icon,
|
||
|
.ui-widget-content .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
|
||
|
background-image: url(images/ui-icons_222222_256x240.png);
|
||
|
}
|
||
|
.ui-widget-header .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png);
|
||
|
background-image: url(images/ui-icons_ffffff_256x240.png);
|
||
|
}
|
||
|
.ui-state-default .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-state-hover .ui-icon,
|
||
|
.ui-state-focus .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-state-active .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
|
||
|
background-image: url(images/ui-icons_ef8c08_256x240.png);
|
||
|
}
|
||
|
.ui-state-highlight .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png);
|
||
|
background-image: url(images/ui-icons_228ef1_256x240.png);
|
||
|
}
|
||
|
.ui-state-error .ui-icon,
|
||
|
.ui-state-error-text .ui-icon {
|
||
|
background-image: url(ui-lightness/images/ui-icons_ffd27a_256x240.png);
|
||
|
background-image: url(images/ui-icons_ffd27a_256x240.png);
|
||
|
}
|
||
|
.ui-icon-blank {
|
||
|
background-position: 16px 16px;
|
||
| ... | ... | |
|
height: 20px;
|
||
|
width: 20px;
|
||
|
cursor: pointer;
|
||
|
background: url("../image/search.svg") no-repeat center right;
|
||
|
background: url("../../image/search.svg") no-repeat center right;
|
||
|
background-size: contain;
|
||
|
}
|
||
|
/* ------------------------------------------------------------- */
|
||
| ... | ... | |
|
/* ICONS 16 (icons16.less) */
|
||
|
/* ------------------------------------------------------------- */
|
||
|
.icon16 {
|
||
|
background: url(../image/maps/icons16.png) 16px 0px no-repeat;
|
||
|
background: url(../../image/maps/icons16.png) 16px 0px no-repeat;
|
||
|
padding: 0;
|
||
|
width: 16px;
|
||
|
height: 16px;
|
||
Auch abrufbar als: Unified diff
design40: image pfade