mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-26 08:39:07 +01:00
pixelegg changes from 19.Dez
This commit is contained in:
Klaus Leithoff
parent
e32c235d2e
commit
f89dd241e6
@ -52,3 +52,14 @@ Raster > fixed Tab_header, tab_header
|
||||
|
||||
Admin > fixed height for global categorys
|
||||
|
||||
|
||||
/* 19.12.2013 ***************** */
|
||||
|
||||
ADDRESSBOOK - all fixed -> ready for testing
|
||||
Infolog - all fixed -> ready for testing
|
||||
|
||||
Dateimanager - still working on it
|
||||
Calendar -> still working on it
|
||||
|
||||
|
||||
/* 20.12.2013 ***************** */
|
||||
@ -1453,6 +1453,8 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
|
||||
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
|
||||
/*visibility: hidden;*/
|
||||
background-image: url(../images/close.png);
|
||||
background: #ffffff;
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
}
|
||||
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
|
||||
@ -1630,11 +1632,11 @@ action buttons, left aligned for "extra" controls
|
||||
}
|
||||
.et2_link_entry .ui-icon-close {
|
||||
display: inline-block;
|
||||
background-color: inherit;
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: -18px;
|
||||
left: 18px;
|
||||
cursor: pointer;
|
||||
margin-top: -3px;
|
||||
}
|
||||
@ -1701,7 +1703,7 @@ action buttons, left aligned for "extra" controls
|
||||
height: 32px;
|
||||
}
|
||||
.et2_link_to .et2_button_icon:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
background-color: #cccccc;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
@ -1711,7 +1713,7 @@ action buttons, left aligned for "extra" controls
|
||||
border-radius: 3px;
|
||||
}
|
||||
.et2_link_to .et2_button_icon:active {
|
||||
background-color: #808080;
|
||||
background-color: #b3b3b3 !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.9);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
@ -2082,8 +2084,9 @@ action buttons, left aligned for "extra" controls
|
||||
.nextmatch_header > .filters input[type=search] {
|
||||
background-color: #ffd44d;
|
||||
color: black;
|
||||
height: 25px;
|
||||
/*height: 25px;*/
|
||||
float: left;
|
||||
margin: 5px 0 0 2px;
|
||||
}
|
||||
.nextmatch_header > .filters button.et2_button {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
@ -2092,7 +2095,7 @@ action buttons, left aligned for "extra" controls
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
width: 45px;
|
||||
height: 27px;
|
||||
height: 22px;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-right-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
@ -2104,7 +2107,7 @@ action buttons, left aligned for "extra" controls
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 0px;
|
||||
margin-left: 5px;
|
||||
margin-left: 0px;
|
||||
background-image: url("../images/search.png");
|
||||
background-position: center 0;
|
||||
background-size: contain;
|
||||
@ -2121,8 +2124,6 @@ action buttons, left aligned for "extra" controls
|
||||
color: #679fd2 !important;
|
||||
}
|
||||
.nextmatch_header > .filters button.et2_button:active {
|
||||
/*hide background image*/
|
||||
/*show arrow*/
|
||||
background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3);
|
||||
-pie-background: linear-gradient(#d8d8d8, #a3a3a3);
|
||||
behavior: url(/PIE.htc);
|
||||
@ -2145,7 +2146,7 @@ action buttons, left aligned for "extra" controls
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
/*margin: 0.5em 0em 0.5em 0;*/
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
@ -2164,7 +2165,8 @@ action buttons, left aligned for "extra" controls
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.nextmatch_header .et2_button_icon {
|
||||
.nextmatch_header > .filters .et2_button_icon {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
background-color: #f0f0f0;
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -2174,14 +2176,13 @@ action buttons, left aligned for "extra" controls
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
margin-top: 0px;
|
||||
margin-right: 1em;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
padding: 2px;
|
||||
}
|
||||
.nextmatch_header .et2_button_icon .et2_button_icon:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
.nextmatch_header > .filters .et2_button_icon:hover {
|
||||
background-color: #cccccc;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
@ -2190,8 +2191,15 @@ action buttons, left aligned for "extra" controls
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.nextmatch_header > .filters .et2_button_icon {
|
||||
margin-top: 8px;
|
||||
.nextmatch_header > .filters .et2_button_icon:active {
|
||||
background-color: #b3b3b3 !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.9);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header {
|
||||
border: none;
|
||||
@ -2398,7 +2406,7 @@ action buttons, left aligned for "extra" controls
|
||||
}
|
||||
.sidebox-favorites ul.favorites li img.sideboxstar:hover {
|
||||
height: 16px;
|
||||
background-color: #b3b3b3 !important;
|
||||
background-color: #cccccc;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
@ -2428,7 +2436,7 @@ action buttons, left aligned for "extra" controls
|
||||
padding: 0.5em 1em 0.5em 0;
|
||||
}
|
||||
.sidebox-favorites .ui-menu-icons .ui-menu-item a:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
background-color: #cccccc;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
@ -2748,7 +2756,7 @@ action buttons, left aligned for "extra" controls
|
||||
*/
|
||||
textarea,
|
||||
textarea.description {
|
||||
background-color: rgba(255, 194, 0, 0.1);
|
||||
background-color: #ffe180;
|
||||
padding: 0.3em 0 0 0.3em;
|
||||
}
|
||||
/*#################################### ADMIN PART #####################################################*/
|
||||
@ -2826,15 +2834,30 @@ option:checked {
|
||||
color: #999999;
|
||||
}
|
||||
.ui-widget-header {
|
||||
border-top: solid 1px 1px;
|
||||
border-left: solid 1px 1px;
|
||||
border-right: solid 1px 1px;
|
||||
border-bottom: solid 1px 1px;
|
||||
border-color: #e6e6e6;
|
||||
color: #ffffff;
|
||||
border-top: solid 1px 0px !important;
|
||||
border-left: solid 1px 0px !important;
|
||||
border-right: solid 1px 0px !important;
|
||||
border-bottom: solid 1px 0px !important;
|
||||
/*.background-color-5-gray;*/
|
||||
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))) !important;
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%) !important;
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0) !important;
|
||||
/* IE6-9 */
|
||||
/*border-color: @gray-10;*/
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
background-image: none;
|
||||
background-color: #0c5da5;
|
||||
border: 0px !important;
|
||||
}
|
||||
.ui-widget-header a {
|
||||
color: #ffffff;
|
||||
@ -2937,10 +2960,60 @@ option:checked {
|
||||
.ui-widget-header .ui-state-error-text {
|
||||
color: #ff0000;
|
||||
}
|
||||
.ui-icon-close {
|
||||
/*visibility: hidden;*/
|
||||
background-image: url(../images/search.png);
|
||||
background-repeat: no-repeat;
|
||||
background-color: #ffffff;
|
||||
background-size: contain;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
padding: 1px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.ui-icon-close:hover {
|
||||
background-color: #b4b4b4;
|
||||
color: #1e1e1e;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.ui-icon-close:active {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
background-color: #ffff4d !important;
|
||||
}
|
||||
span.ui-icon-close {
|
||||
margin-top: 0px;
|
||||
top: 5px !important;
|
||||
}
|
||||
/*Schliessen x*/
|
||||
.ui-icon-closethick {
|
||||
background-image: url(../images/close.png) !important;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #ffffff;
|
||||
background-size: contain;
|
||||
background-position: 0 0 !important;
|
||||
color: #ffffff;
|
||||
background-color: #ff0000;
|
||||
height: 16px;
|
||||
}
|
||||
.ui-icon-closethick:hover {
|
||||
background-color: #e6e6e6;
|
||||
color: #1e1e1e;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.ui-icon-closethick:active {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
background-color: #ffff4d !important;
|
||||
}
|
||||
span.ui-icon-search {
|
||||
background-image: url(../images/search.png) !important;
|
||||
@ -2974,6 +3047,12 @@ span.ui-icon-search {
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
}
|
||||
.ui-dialog-buttonset button:hover {
|
||||
background-color: #b4b4b4;
|
||||
@ -3272,7 +3351,7 @@ span.ui-icon-search {
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
/*margin: 0.5em 0em 0.5em 0;*/
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
@ -3414,7 +3493,7 @@ input {
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
/*margin: 0.5em 0em 0.5em 0;*/
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
@ -4058,13 +4137,26 @@ button {
|
||||
button:hover {
|
||||
background-color: #b4b4b4;
|
||||
color: #1e1e1e;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
/* #####################################################*/
|
||||
/*Button löschen*/
|
||||
input[type="submit"][id*="delete"],
|
||||
input[type="button"][id*="delete"],
|
||||
button[id*="delete"] {
|
||||
background-image: url('../images/delete.png');
|
||||
button:active {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button löschen / delete / => color-negative-action
|
||||
*
|
||||
######################################################################################## */
|
||||
input[type="submit"][id="delete"],
|
||||
input[type="button"][id="delete"],
|
||||
button[id="delete"],
|
||||
button[id="infolog-edit_button[delete]"],
|
||||
button[id="addressbook-edit_button[delete]"] {
|
||||
background-image: url('../images/delete.png') !important;
|
||||
margin-left: 3em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -4080,12 +4172,39 @@ button[id*="delete"] {
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
/*background-color: @color-negative-action !important;*/
|
||||
/*color: @gray-100 !important;*/
|
||||
}
|
||||
input[type="submit"][id*="delete"]:hover,
|
||||
input[type="button"][id*="delete"]:hover,
|
||||
button[id*="delete"]:hover {
|
||||
input[type="submit"][id="delete"]:hover,
|
||||
input[type="button"][id="delete"]:hover,
|
||||
button[id="delete"]:hover,
|
||||
button[id="infolog-edit_button[delete]"]:hover,
|
||||
button[id="addressbook-edit_button[delete]"]:hover {
|
||||
background-image: url('../images/delete-hover.png') !important;
|
||||
background-color: red !important;
|
||||
background-color: #ff0a0a !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
input[type="submit"][id="delete"]:active,
|
||||
input[type="button"][id="delete"]:active,
|
||||
button[id="delete"]:active,
|
||||
button[id="infolog-edit_button[delete]"]:active,
|
||||
button[id="addressbook-edit_button[delete]"]:active {
|
||||
background-image: url('../images/delete-hover.png') !important;
|
||||
background-color: #ff3333 !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -4102,29 +4221,74 @@ button[id*="delete"]:hover {
|
||||
height: 32px;
|
||||
color: #ffffff;
|
||||
}
|
||||
/* #####################################################
|
||||
* Button edit + save + apply + copy = positive action */
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button edit + save + apply + copy => color-positive-action
|
||||
*
|
||||
######################################################################################## */
|
||||
button[id*="save"]:active {
|
||||
background-color: #00ab00;
|
||||
background-color: #00b500;
|
||||
}
|
||||
button[id*="apply"]:active {
|
||||
background-color: #00ab00;
|
||||
background-color: #00b500;
|
||||
}
|
||||
button[id*="copy"]:active {
|
||||
background-color: #00ab00;
|
||||
background-color: #00b500;
|
||||
}
|
||||
button[id*="edit_button[edit]"]:active {
|
||||
background-color: #00ab00;
|
||||
background-color: #00b500;
|
||||
}
|
||||
button#filemanager-select_button[ok]:active {
|
||||
background-color: #00ab00;
|
||||
background-color: #00b500;
|
||||
}
|
||||
/*ui-widget*/
|
||||
/*edit series*/
|
||||
button#series {
|
||||
background-image: url('../images/edit.png') !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
}
|
||||
button#series:hover {
|
||||
background-image: url('../images/edit.png') !important;
|
||||
}
|
||||
button#series:active {
|
||||
background-color: #00ab00 !important;
|
||||
background-color: #00b500 !important;
|
||||
}
|
||||
/*edit exception*/
|
||||
button#exception {
|
||||
background-image: url('../images/edit.png') !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
}
|
||||
button#exception:hover {
|
||||
background-image: url('../images/edit.png') !important;
|
||||
}
|
||||
button#exception:active {
|
||||
background-color: #00ab00 !important;
|
||||
background-color: #00b500 !important;
|
||||
}
|
||||
/*calendar series add*/
|
||||
#calendar-edit_add {
|
||||
@ -4132,33 +4296,35 @@ button#exception:active {
|
||||
&:hover {.Complete_Button_add_hover;} */
|
||||
}
|
||||
#calendar-edit_add:active {
|
||||
background-color: #00ab00 !important;
|
||||
background-color: #00b500 !important;
|
||||
}
|
||||
/*calendar search freetime*/
|
||||
#calendar-edit_freetime:active {
|
||||
background-color: #00ab00 !important;
|
||||
background-color: #00b500 !important;
|
||||
}
|
||||
/*calendar search freetime*/
|
||||
button[id*="edit_button[add_alarm]"]:active {
|
||||
background-color: #00ab00 !important;
|
||||
background-color: #00b500 !important;
|
||||
}
|
||||
/* #####################################################*/
|
||||
/*Button cancel */
|
||||
button[id*="cancel"]:active {
|
||||
background-color: #ffff00 !important;
|
||||
}
|
||||
/* #####################################################*/
|
||||
/*Button abbruch / cancel */
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button cancel / => color-cancel-action
|
||||
*
|
||||
######################################################################################## */
|
||||
button[id*="cancel"]:hover,
|
||||
button#cancel:hover {
|
||||
background-color: red !important;
|
||||
color: #ffffff;
|
||||
}
|
||||
button#cancel:hover:active {
|
||||
background-color: #ffff00 !important;
|
||||
color: #000000;
|
||||
}
|
||||
/* #####################################################*/
|
||||
/*Button mit Bildern*/
|
||||
button.et2_button_with_image {
|
||||
button[id*="cancel"]:active,
|
||||
button#cancel:active {
|
||||
background-color: #ffff4d !important;
|
||||
color: #373737;
|
||||
}
|
||||
/* et2_box_widget ###*/
|
||||
/*div.et2_box_widget .et2_button_text:last-child,*/
|
||||
button[id="cancel"] {
|
||||
background-image: url('../images/cancel.png') !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -4169,15 +4335,29 @@ button.et2_button_with_image {
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: 6px center;
|
||||
background-size: 20px auto;
|
||||
content: "ID missing";
|
||||
}
|
||||
/* #####################################################*/
|
||||
/*Button hinzufügen*/
|
||||
button[id="cancel"]:hover {
|
||||
background-color: #ffff00 !important;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
button[id="cancel"]:active {
|
||||
background-color: #ffff4d !important;
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button hinzufügen
|
||||
*
|
||||
######################################################################################## */
|
||||
button.add {
|
||||
background-color: #0b5fa4 !important;
|
||||
color: #FFF;
|
||||
@ -4197,7 +4377,7 @@ button.add:before {
|
||||
color: #ffc200;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
button[id*=add] {
|
||||
button[id="add"] {
|
||||
background-image: url('../images/add.png') !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -4214,12 +4394,15 @@ button[id*=add] {
|
||||
width: auto;
|
||||
height: 32px;
|
||||
}
|
||||
button[id*=add]:active {
|
||||
background-color: #00ab00 !important;
|
||||
button[id="add"]:active {
|
||||
background-color: #00b500 !important;
|
||||
}
|
||||
/* et2_box_widget #####################################################*/
|
||||
div.et2_box_widget .et2_button_text:last-child {
|
||||
background-image: url('../images/cancel.png') !important;
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button mit Bildern
|
||||
*
|
||||
######################################################################################## */
|
||||
button.et2_button_with_image {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -4230,14 +4413,12 @@ div.et2_box_widget .et2_button_text:last-child {
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
content: "ID missing";
|
||||
}
|
||||
div.et2_box_widget .et2_button_text:last-child:active {
|
||||
background-color: #ffff00 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: 6px center;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
/*Button Ende #######################################################*/
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
@ -4402,10 +4583,10 @@ table.egwGridView_grid tbody {
|
||||
vertical-align: top;
|
||||
}
|
||||
table.egwGridView_grid tbody tr:nth-child(even) {
|
||||
background: #e6e6e6;
|
||||
background: #ffffff;
|
||||
}
|
||||
table.egwGridView_grid tbody tr:nth-child(odd) {
|
||||
background: #ffffff;
|
||||
background: #ebebeb;
|
||||
}
|
||||
table.egwGridView_grid tbody tr.selected {
|
||||
background: rgba(255, 221, 115, 0.2) !important;
|
||||
@ -4611,7 +4792,7 @@ table.egwGridView_grid span.arrow.loading {
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
/*margin: 0.5em 0em 0.5em 0;*/
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
@ -5157,19 +5338,32 @@ img {
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
|
||||
cursor: pointer;
|
||||
background-image: url("../images/header_active.png");
|
||||
/*background-image: url("../images/header_active.png");*/
|
||||
background-image: url("../images/clear.png");
|
||||
background-position: 95% -3000px;
|
||||
background-repeat: no-repeat;
|
||||
/*background-image: none;*/
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 27px 0px 0 0;
|
||||
border-top: 1px solid #C6CED6;
|
||||
border-left: 1px solid #C6CED6;
|
||||
margin: 0 0 0 0;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 27px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 27px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-top-left-radius: 27px;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-top: solid 1px #b4b4b4;
|
||||
border-left: solid 1px #b4b4b4;
|
||||
border-right: solid 1px #b4b4b4;
|
||||
border-bottom: solid 1px #b4b4b4;
|
||||
margin: 0 0 0 0;
|
||||
border-bottom: none;
|
||||
height: 44px;
|
||||
}
|
||||
@ -5184,9 +5378,44 @@ img {
|
||||
padding-top: 8px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 27px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 27px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-top-left-radius: 27px;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 27px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 27px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-top-left-radius: 27px;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus {
|
||||
background-image: url("../images/ajax-loader.gif");
|
||||
@ -5495,7 +5724,7 @@ img {
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
|
||||
background-color: #ff0000;
|
||||
background-color: #b3b3b3 !important;
|
||||
background-color: #cccccc;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
@ -5939,20 +6168,15 @@ tr.dialog-header4 .et2_label {
|
||||
}
|
||||
.dialog-footer-toolbar .et2_selectbox {
|
||||
height: 32px;
|
||||
top: 0px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.dialog-footer-toolbar label.et2_label {
|
||||
border-color: #b4b4b4;
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
color: #000000;
|
||||
background-color: #f0f0f0;
|
||||
/* .Complete_Button_input;
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
.color-100-gray;
|
||||
.background-color-10-gray;*/
|
||||
padding: 6px 5px 6px 0;
|
||||
position: relative;
|
||||
top: 11px;
|
||||
|
||||
@ -109,11 +109,9 @@
|
||||
border-color: @gray-30;
|
||||
.box_shadow_standard_light;
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
/*margin: 0.5em 0em 0.5em 0;*/
|
||||
.border_radius_button_normal;
|
||||
|
||||
// .gradient(#000, #333, #FFF);
|
||||
// .gradient(#F5F5F5, #EEE, #FFF);
|
||||
|
||||
}
|
||||
|
||||
@ -121,6 +119,8 @@
|
||||
.box_shadow_standard_light_hover;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Complete_Button_input_focus {
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
@ -140,7 +140,7 @@
|
||||
border-color: @gray-30;
|
||||
.box_shadow_standard_light;
|
||||
width: 45px;
|
||||
height: 27px;
|
||||
height: 22px;
|
||||
|
||||
.border_radius_button_righttop;
|
||||
.background-color-search;
|
||||
@ -150,7 +150,7 @@
|
||||
|
||||
cursor: pointer;
|
||||
padding: 0px;
|
||||
margin-left: 5px;
|
||||
margin-left: 0px;
|
||||
|
||||
background-image: url("../images/search.png");
|
||||
background-position: center 0;
|
||||
@ -222,14 +222,14 @@
|
||||
}
|
||||
|
||||
.Complete_Button_Icon_hover {
|
||||
.background-color-30-gray;
|
||||
.background-color-20-gray;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_hover;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
.Complete_Button_Icon_active {
|
||||
.background-color-50-gray;
|
||||
.background-color-30-gray;
|
||||
.border_active;
|
||||
.border_radius_button_normal;
|
||||
.box_shadow_standard_light_inset;
|
||||
|
||||
@ -99,6 +99,7 @@
|
||||
.background-color-5-gray { background-color : lighten(@gray, 98%); }
|
||||
.background-color-10-gray { background-color : lighten(@gray, 94%); }
|
||||
.background-color-15-gray { background-color : lighten(@gray, 85%); }
|
||||
.background-color-20-gray { background-color : lighten(@gray, 80%); }
|
||||
.background-color-25-gray { background-color : lighten(@gray, 75%); }
|
||||
.background-color-30-gray { background-color : lighten(@gray, 70%) !important; }
|
||||
.background-color-40-gray { background-color : lighten(@gray, 60%); }
|
||||
@ -112,7 +113,6 @@
|
||||
// Test Colour for debug
|
||||
@yellow : #FFD40F;
|
||||
|
||||
|
||||
// Link Colours
|
||||
@link-color : #000000;
|
||||
@link-color-active: @link-color*010101;
|
||||
@ -124,14 +124,15 @@
|
||||
@color-hint : @egw_color_1_a;
|
||||
|
||||
/*optional / can field*/
|
||||
@color-optional : fade(@egw_color_1_a, 10%);
|
||||
@color-optional : lighten(@egw_color_1_a, 25%);
|
||||
|
||||
|
||||
|
||||
/*Listenausgabe*/
|
||||
|
||||
@color-even : @gray-10;
|
||||
@color-odd : @gray-10 + 222;
|
||||
@color-even : @gray-0;
|
||||
@color-odd : darken(@gray-0, 8%);
|
||||
|
||||
|
||||
// aktiverte Zeilen in allen APP mit Listenausgabe
|
||||
@color_active_row : @egw_color_1_a;
|
||||
@ -142,17 +143,25 @@
|
||||
// Mouse over
|
||||
@color_hover_row : @egw_color_2_e;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*Button edit + save + apply + copy = positive action */
|
||||
@color-positive-action : #00AB00;
|
||||
@color-positive-action : #00AB00; // green
|
||||
@color-positive-action-hover : fade(#00AB00, 2%); // green
|
||||
@color-positive-action-active : lighten(#00AB00, 2%); // green
|
||||
|
||||
|
||||
/*Button delete = negative action */
|
||||
@color-negative-action : red;
|
||||
|
||||
/*Button cancel = do nothing action */
|
||||
@color-cancel-action : yellow;
|
||||
@color-cancel-action-hover : lighten(yellow, 0%);
|
||||
@color-cancel-action-active : lighten(yellow, 15%);
|
||||
|
||||
|
||||
/*Button delete = negative action */
|
||||
@color-negative-action : red;
|
||||
@color-negative-action-hover : lighten(red, 2%);
|
||||
@color-negative-action-active : lighten(red, 10%);
|
||||
|
||||
|
||||
// Search Button
|
||||
@ -234,6 +243,11 @@
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.box_shadow_standard_light_active {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
// Rahmen für Dialoge
|
||||
|
||||
@ -627,4 +641,5 @@
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
@ -342,9 +342,11 @@ button.et2_button_text:focus, input[type=button]:focus {
|
||||
height: 1.8em;
|
||||
}
|
||||
|
||||
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
|
||||
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{
|
||||
/*visibility: hidden;*/
|
||||
background-image: url(../images/close.png);
|
||||
background: @gray-0;
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
}
|
||||
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
|
||||
@ -540,11 +542,11 @@ div.et2_link_entry input.ui-autocomplete-input {
|
||||
}
|
||||
.et2_link_entry .ui-icon-close {
|
||||
display: inline-block;
|
||||
background-color: inherit;
|
||||
background-color: @gray-0;
|
||||
border: none;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: -18px;
|
||||
left: 18px;
|
||||
cursor: pointer;
|
||||
margin-top: -3px;
|
||||
}
|
||||
@ -603,7 +605,7 @@ div.et2_link_entry input.ui-autocomplete-input {
|
||||
.dimension_width_height_xl;
|
||||
|
||||
&:hover {.Complete_Button_Icon_hover;}
|
||||
&:active {.Complete_Button_Icon_active;}
|
||||
&:active {.Complete_Button_Icon_active; }
|
||||
}
|
||||
|
||||
.et2_link {
|
||||
@ -986,8 +988,9 @@ div.message.floating {
|
||||
.nextmatch_header > .filters input[type=search] {
|
||||
.background-color-search;
|
||||
color: black;
|
||||
height: 25px;
|
||||
/*height: 25px;*/
|
||||
float: left;
|
||||
margin: 5px 0 0 2px;
|
||||
}
|
||||
|
||||
.nextmatch_header > .filters button.et2_button {
|
||||
@ -1003,8 +1006,6 @@ div.message.floating {
|
||||
}
|
||||
|
||||
&:active {
|
||||
/*hide background image*/
|
||||
/*show arrow*/
|
||||
.background_verlauf_diagonal_gray;
|
||||
}
|
||||
|
||||
@ -1023,30 +1024,31 @@ div.message.floating {
|
||||
margin-right: 2ex;
|
||||
width: 15%;
|
||||
.Complete_Button_input;
|
||||
&:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
&:focus{
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
&:hover{ .Complete_Button_input_hover; }
|
||||
&:focus{ .Complete_Button_input_focus; }
|
||||
}
|
||||
|
||||
|
||||
.nextmatch_header .et2_button_icon {
|
||||
|
||||
}
|
||||
|
||||
// Export Button
|
||||
.nextmatch_header > .filters .et2_button_icon {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
.Complete_Button_Icon_normal;
|
||||
margin-top: 0px;
|
||||
margin-right: 1em;
|
||||
.dimension_width_height_s;
|
||||
padding: 2px;
|
||||
|
||||
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
|
||||
&:hover{.Complete_Button_Icon_hover ;}
|
||||
&:active{.Complete_Button_Icon_active ;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.nextmatch_header > .filters .et2_button_icon {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.et2_nextmatch .nextmatch_header {
|
||||
border: none;
|
||||
background-image: none;
|
||||
|
||||
@ -65,14 +65,15 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
}
|
||||
.ui-widget-header {
|
||||
// border: 1px solid #4297d7;
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
border-color: @gray-10;
|
||||
.bordered(0px, 0px, 0px,0px) !important;
|
||||
.gradient-thead !important;
|
||||
/*border-color: @gray-10;*/
|
||||
// background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
|
||||
// color: #ffffff;
|
||||
.color-0-gray;
|
||||
color : @gray-100;
|
||||
font-weight: bold;
|
||||
background-image: none;
|
||||
background-color: @egw_color_2_a;
|
||||
border: 0px !important;
|
||||
}
|
||||
.ui-widget-header a {
|
||||
// color: #ffffff;
|
||||
@ -172,11 +173,45 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
}
|
||||
|
||||
|
||||
.ui-icon-close{
|
||||
/*visibility: hidden;*/
|
||||
background-image: url(../images/search.png);
|
||||
background-repeat: no-repeat;
|
||||
background-color: @gray-0;
|
||||
background-size: contain;
|
||||
.dimension_width_height_s;
|
||||
margin: 2px;
|
||||
padding: 1px;
|
||||
margin-top: 1px;
|
||||
.rounded (2px);
|
||||
|
||||
&:hover{ background-color: @gray-30; color: @gray-90;.box_shadow_standard_light_hover;}
|
||||
|
||||
&:active {
|
||||
.box_shadow_standard_light_active !important;
|
||||
background-color: @color-cancel-action-active !important;
|
||||
}
|
||||
}
|
||||
|
||||
span.ui-icon-close {margin-top: 0px; top: 5px !important;}
|
||||
|
||||
/*Schliessen x*/
|
||||
.ui-icon-closethick {
|
||||
|
||||
background-image: url(../images/close.png) !important;
|
||||
background-repeat: no-repeat;
|
||||
background-color: @gray-0;
|
||||
background-size: contain;
|
||||
background-position: 0 0 !important;
|
||||
.color-0-gray;
|
||||
background-color: @red;
|
||||
.dimension_height_s;
|
||||
|
||||
&:hover{ background-color: @gray-10; color: @gray-90; .box_shadow_standard_light_hover;}
|
||||
|
||||
&:active {
|
||||
.box_shadow_standard_light_active !important;
|
||||
background-color: @color-cancel-action-active !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -217,7 +252,7 @@ span.ui-icon-search{
|
||||
.ui-dialog-buttonset{
|
||||
|
||||
button{
|
||||
.Complete_Button_normal;
|
||||
.Complete_Button_text_icon_before;
|
||||
|
||||
&:hover{ background-color: @gray-30; color: @gray-90;}
|
||||
}
|
||||
@ -230,6 +265,4 @@ span.ui-icon-search{
|
||||
&:hover{ background-color: @gray-30 !important;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//
|
||||
@ -800,96 +800,147 @@ a.textSidebox
|
||||
button{
|
||||
.Complete_Button_normal;
|
||||
|
||||
&:hover{ background-color: @gray-30; color: @gray-90;}
|
||||
&:hover{ background-color: @gray-30; color: @gray-90;.box_shadow_standard_light_hover;}
|
||||
|
||||
&:active {.box_shadow_standard_light_active !important;}
|
||||
}
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button löschen / delete / => color-negative-action
|
||||
*
|
||||
######################################################################################## */
|
||||
|
||||
/* #####################################################*/
|
||||
/*Button löschen*/
|
||||
input[type="submit"][id="delete"],
|
||||
input[type="button"][id="delete"],
|
||||
button[id="delete"],
|
||||
button[id="infolog-edit_button[delete]"],
|
||||
button[id="addressbook-edit_button[delete]"]
|
||||
{
|
||||
|
||||
input[type="submit"][id*="delete"],
|
||||
input[type="button"][id*="delete"],
|
||||
button[id*="delete"]{
|
||||
|
||||
background-image:url('../images/delete.png');
|
||||
background-image:url('../images/delete.png')!important;
|
||||
margin-left: 3em;
|
||||
.Complete_Button_text_icon_before;
|
||||
|
||||
}
|
||||
// Hover
|
||||
input[type="submit"][id*="delete"]:hover,
|
||||
input[type="button"][id*="delete"]:hover,
|
||||
button[id*="delete"]:hover {
|
||||
/*background-color: @color-negative-action !important;*/
|
||||
/*color: @gray-100 !important;*/
|
||||
|
||||
&:hover {
|
||||
|
||||
background-image:url('../images/delete-hover.png') !important;
|
||||
background-color: red !important;
|
||||
background-color: @color-negative-action-hover !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
color: @gray-0 !important;;
|
||||
}
|
||||
&:active {
|
||||
|
||||
background-image:url('../images/delete-hover.png') !important;
|
||||
background-color: @color-negative-action-active !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
color: @gray-0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* #####################################################
|
||||
* Button edit + save + apply + copy = positive action */
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button edit + save + apply + copy => color-positive-action
|
||||
*
|
||||
######################################################################################## */
|
||||
|
||||
button[id*="save"] {
|
||||
&:active {background-color: @color-positive-action;}
|
||||
&:active {background-color: @color-positive-action-active;}
|
||||
}
|
||||
button[id*="apply"]{
|
||||
&:active {background-color: @color-positive-action;}
|
||||
&:active {background-color: @color-positive-action-active;}
|
||||
}
|
||||
button[id*="copy"]{
|
||||
&:active {background-color: @color-positive-action;}
|
||||
}
|
||||
|
||||
&:active {background-color: @color-positive-action-active;}
|
||||
}
|
||||
button[id*="edit_button[edit]"]{
|
||||
&:active {background-color: @color-positive-action;}
|
||||
&:active {background-color: @color-positive-action-active;}
|
||||
}
|
||||
|
||||
button#filemanager-select_button[ok]{
|
||||
&:active {background-color: @color-positive-action;}
|
||||
&:active {background-color: @color-positive-action-active;}
|
||||
}
|
||||
|
||||
/*ui-widget*/
|
||||
/*edit series*/
|
||||
button#series {
|
||||
&:active {background-color: @color-positive-action !important;}
|
||||
background-image:url('../images/edit.png') !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
&:hover {background-image:url('../images/edit.png') !important;}
|
||||
&:active {background-color: @color-positive-action-active !important;}
|
||||
}
|
||||
/*edit exception*/
|
||||
button#exception {
|
||||
&:active {background-color: @color-positive-action !important;}
|
||||
background-image:url('../images/edit.png') !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
&:hover {background-image:url('../images/edit.png') !important;}
|
||||
&:active {background-color: @color-positive-action-active !important;}
|
||||
}
|
||||
|
||||
/*calendar series add*/
|
||||
#calendar-edit_add {
|
||||
&:active {background-color: @color-positive-action !important;}
|
||||
&:active {background-color: @color-positive-action-active !important;}
|
||||
/* .Complete_Button_add;
|
||||
&:hover {.Complete_Button_add_hover;} */
|
||||
}
|
||||
/*calendar search freetime*/
|
||||
#calendar-edit_freetime{
|
||||
&:active {background-color: @color-positive-action !important;}
|
||||
&:active {background-color: @color-positive-action-active !important;}
|
||||
}
|
||||
/*calendar search freetime*/
|
||||
button[id*="edit_button[add_alarm]"]{
|
||||
&:active {background-color: @color-positive-action !important;}
|
||||
&:active {background-color: @color-positive-action-active !important;}
|
||||
}
|
||||
/* #####################################################*/
|
||||
/*Button cancel */
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button cancel / => color-cancel-action
|
||||
*
|
||||
######################################################################################## */
|
||||
|
||||
button[id*="cancel"] {
|
||||
button[id*="cancel"],
|
||||
button#cancel{
|
||||
|
||||
&:active{background-color: @color-cancel-action !important;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* #####################################################*/
|
||||
/*Button abbruch / cancel */
|
||||
button#cancel:hover {
|
||||
background-color: red !important; color: @gray-0;
|
||||
&:active{background-color: @color-cancel-action !important;}
|
||||
&:hover { background-color: @color-cancel-action-hover !important; color: @gray-100; }
|
||||
&:active { background-color: @color-cancel-action-active !important; color: @gray-80; }
|
||||
}
|
||||
|
||||
|
||||
/* #####################################################*/
|
||||
/*Button mit Bildern*/
|
||||
/* et2_box_widget ###*/
|
||||
/*div.et2_box_widget .et2_button_text:last-child,*/
|
||||
button[id="cancel"]{
|
||||
|
||||
background-image:url('../images/cancel.png') !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
content: "ID missing";
|
||||
|
||||
|
||||
&:hover {background-color: @color-cancel-action-hover !important; .box_shadow_standard_light_hover;}
|
||||
&:active {background-color: @color-cancel-action-active !important; .box_shadow_standard_light_inset;}
|
||||
}
|
||||
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button hinzufügen
|
||||
*
|
||||
######################################################################################## */
|
||||
|
||||
button.add {
|
||||
.Complete_Button_add ;
|
||||
}
|
||||
|
||||
button[id="add"]{
|
||||
background-image:url('../images/add.png') !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
|
||||
&:active {background-color: @color-positive-action-active !important;}
|
||||
}
|
||||
|
||||
/* ########################################################################################
|
||||
*
|
||||
* Button mit Bildern
|
||||
*
|
||||
######################################################################################## */
|
||||
button.et2_button_with_image{
|
||||
.Complete_Button_text_icon_before;
|
||||
background-repeat: no-repeat !important;
|
||||
@ -898,43 +949,18 @@ button.et2_button_with_image{
|
||||
|
||||
}
|
||||
|
||||
/* #####################################################*/
|
||||
/*Button hinzufügen*/
|
||||
button.add {
|
||||
.Complete_Button_add ;
|
||||
}
|
||||
|
||||
button[id*=add]{
|
||||
background-image:url('../images/add.png') !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
|
||||
&:active {background-color: @color-positive-action !important;}
|
||||
}
|
||||
|
||||
/* et2_box_widget #####################################################*/
|
||||
// Cancel Button
|
||||
div.et2_box_widget .et2_button_text:last-child {
|
||||
|
||||
background-image:url('../images/cancel.png') !important;
|
||||
.Complete_Button_text_icon_before;
|
||||
content: "ID missing";
|
||||
|
||||
&:active {background-color: @color-cancel-action !important;}
|
||||
}
|
||||
|
||||
|
||||
/*Button Ende #######################################################*/
|
||||
|
||||
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
select {
|
||||
padding-right: 20px !important;
|
||||
-webkit-appearance:none;
|
||||
margin:0;
|
||||
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
select {
|
||||
padding-right: 20px !important;
|
||||
-webkit-appearance:none;
|
||||
margin:0;
|
||||
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
}
|
||||
//
|
||||
//
|
||||
|
||||
//
|
||||
Binary file not shown.
@ -472,37 +472,27 @@
|
||||
.egw_fw_ui_sidemenu_entry_header_active {
|
||||
//
|
||||
cursor: pointer;
|
||||
background-image: url("../images/header_active.png");
|
||||
/*background-image: url("../images/header_active.png");*/
|
||||
background-image: url("../images/clear.png");
|
||||
background-position: 95% -3000px;
|
||||
background-repeat: no-repeat;
|
||||
/*background-image: none;*/
|
||||
|
||||
.background-color-10-gray;
|
||||
|
||||
border-radius: 27px 0px 0 0;
|
||||
// border-width: medium 1px;
|
||||
|
||||
border-top: 1px solid #C6CED6;
|
||||
border-left: 1px solid #C6CED6;
|
||||
|
||||
.border-radius ( 5px, 0px, 0px, 27px );
|
||||
|
||||
.bordered (@gray-30, @gray-30, @gray-30, @gray-30);
|
||||
|
||||
margin: 0 0 0 0;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-right-radius:5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-webkit-border-top-left-radius:27px;
|
||||
|
||||
|
||||
border-bottom: none;
|
||||
|
||||
height: 44px;
|
||||
img {padding-left: 10px; padding-top: 8px;}
|
||||
|
||||
h1 {text-transform: uppercase; font-size: 1.4em; .color-100-gray; padding-top: 8px;}
|
||||
|
||||
img {padding-left: 10px; padding-top: 8px;}
|
||||
|
||||
h1 {text-transform: uppercase; font-size: 1.4em; .color-100-gray; padding-top: 8px;}
|
||||
|
||||
&:hover {.box_shadow_standard_light_inset;}
|
||||
&:hover {.box_shadow_standard_light_hover; .border-radius ( 5px, 0px, 0px, 27px );}
|
||||
&:active {.box_shadow_standard_light_active; .border-radius ( 5px, 0px, 0px, 27px );}
|
||||
|
||||
&:focus {
|
||||
background-image: url("../images/ajax-loader.gif");
|
||||
@ -511,9 +501,9 @@
|
||||
.Complete_Button_active;
|
||||
|
||||
.background-color-25-gray;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.egw_fw_ui_ajaxloader {margin-top: -26px;}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user