diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 8fdbab40d4..cf7dcf2ad0 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -21,73 +21,90 @@
* Top level
*/
.et2_container {
- /*margin: 10px;
- border: 1px solid gray;*/
- padding: 0px;
- background-color: white;
- height: 99%;
- max-width: 100%
+ /*margin: 10px;
+ border: 1px solid gray;*/
+ padding: 0px;
+ background-color: white;
+ height: 99%;
+ max-width: 100%
}
+
.et2_container > div:not([class]) {
- height: 100%;
+ height: 100%;
}
+
/**
* Basic rules
*/
input,
button,
select {
- margin: 1px;
- padding: 0px;
+ margin: 1px;
+ padding: 0px;
}
+
/*Hide element*/
-.hideme {display:none !important;}
+.hideme {
+ display: none !important;
+}
/*display none*/
-.hide {display:none;}
+.hide {
+ display: none;
+}
/**
* VBox widget
*/
div.et2_vbox > * {
- display: block;
+ display: block;
}
+
/**
* HBox widget
*/
div.et2_hbox div.et2_hbox {
- display: inline;
+ display: inline;
}
+
div.et2_hbox {
- white-space: nowrap;
+ white-space: nowrap;
}
+
div.et2_hbox > * {
- text-align: left;
- white-space: normal;
- margin-right: 5px;
- display: inline-block;
+ text-align: left;
+ white-space: normal;
+ margin-right: 5px;
+ display: inline-block;
}
+
div.et2_hbox > select {
white-space: pre;
}
+
div.et2_hbox > *:empty {
- margin-right: 0;
+ margin-right: 0;
}
+
div.et2_hbox_left {
- float: left;
+ float: left;
}
+
div.et2_hbox_al_center {
- text-align: center;
+ text-align: center;
}
+
div.et2_hbox_al_right {
- text-align: right;
+ text-align: right;
}
+
div.et2_hbox_right {
- float: right;
- clear: right;
+ float: right;
+ clear: right;
}
+
div.et2_hbox > div {
- display: inline-block;
+ display: inline-block;
}
/**
@@ -95,410 +112,491 @@ div.et2_hbox > div {
*/
/* Turn off column button, it does nothing */
.et2_historylog table.egwGridView_outer thead tr th.optcol:hover {
- cursor: inherit;
+ cursor: inherit;
}
+
.et2_historylog table.egwGridView_outer thead tr th.optcol span.selectcols {
- background: inherit;
+ background: inherit;
}
/**
* Password widget
*/
.et2_password {
- display: flex;
- flex-direction: row;
- border: 1px solid #e6e6e6;
- white-space: nowrap;
- min-width: fit-content;
+ display: flex;
+ flex-direction: row;
+ border: 1px solid #e6e6e6;
+ white-space: nowrap;
+ min-width: fit-content;
}
+
.et2_password > input {
- border: none;
- flex-grow: 2;
- min-width: 20ex;
+ border: none;
+ flex-grow: 2;
+ min-width: 20ex;
}
+
.et2_password > input:focus {
- outline: none;
+ outline: none;
}
+
.et2_password > * {
- vertical-align: middle;
+ vertical-align: middle;
}
+
.et2_password > img {
- margin: 3px;
+ margin: 3px;
}
/**
* Placeholder widget - used for un-implemented widgets
*/
.et2_placeholder {
- display: inline-block;
- border: 1px solid cornflowerblue;
- background-color: #FCFCFC;
- padding: 3px;
- margin: 1px;
+ display: inline-block;
+ border: 1px solid cornflowerblue;
+ background-color: #FCFCFC;
+ padding: 3px;
+ margin: 1px;
}
+
.et2_placeholder .et2_caption {
- display: block;
- font-size: 8pt;
- margin: 0 0 5px 0;
- font-weight: bold;
- color: #2E2E2E;
- cursor: pointer;
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
+ display: block;
+ font-size: 8pt;
+ margin: 0 0 5px 0;
+ font-weight: bold;
+ color: #2E2E2E;
+ cursor: pointer;
+ text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}
+
.et2_placeholder .et2_attr {
- display: block;
- font-size: 8pt;
- color: #3030A0;
- margin: 2px 0 2px 0;
+ display: block;
+ font-size: 8pt;
+ color: #3030A0;
+ margin: 2px 0 2px 0;
}
+
/**
* Splitter widget - split pane
*/
.et2_split {
- width: 100%;
- min-width: 100px;
- min-height: 100px;
+ width: 100%;
+ min-width: 100px;
+ min-height: 100px;
}
+
.splitter-bar-vertical {
- cursor: ew-resize;
- width: 5px;
+ cursor: ew-resize;
+ width: 5px;
}
+
.splitter-bar-horizontal {
- cursor: ns-resize;
- height: 5px;
- width:100% !important;
+ cursor: ns-resize;
+ height: 5px;
+ width: 100% !important;
}
+
/* Hide iframes so moving works */
.splitter-iframe-hide {
- display: none;
+ display: none;
}
+
.et2_split div.splitter-bar-vertical div.ui-icon {
- position: absolute;
- margin-left: -5px;
- top: 45%;
+ position: absolute;
+ margin-left: -5px;
+ top: 45%;
}
+
.et2_split div.splitter-bar-horizontal div.ui-icon {
- position: absolute;
- margin-top: -6px;
- left: 47%;
+ position: absolute;
+ margin-top: -6px;
+ left: 47%;
}
+
/* Make sure there's no overflow, or hidden bits still appear */
* > .et2_split {
- overflow: hidden;
+ overflow: hidden;
}
+
/* These need to be applied to tame the sizing before printing */
.et2_split.print, .et2_split.print > .splitter-pane {
- height: auto !important;
- width: auto !important;
+ height: auto !important;
+ width: auto !important;
}
+
.et2_split.print > * {
- position: relative !important;
+ position: relative !important;
}
/**
* Label widget, and labels for other widgets
*/
.et2_label {
- color: #101050;
- white-space: pre-wrap;
+ color: #101050;
+ white-space: pre-wrap;
}
+
label.et2_label > * {
- margin-left: 5px !important;
+ margin-left: 5px !important;
}
+
label.et2_label.et2_label_empty > * {
- margin-left: 0 !important;
+ margin-left: 0 !important;
}
+
/*do not pre-wrap label as it would cause empty space*/
.et2_vbox > .et2_label.et2_label_empty {
- white-space: normal;
+ white-space: normal;
}
#msg,
.message {
- color: red;
- font-style: italic;
+ color: red;
+ font-style: italic;
}
+
input.et2_url {
- margin-right: 6px;
- padding-right: 8px;
+ margin-right: 6px;
+ padding-right: 8px;
}
+
a.et2_url {
- background-position: center;
- background-repeat: no-repeat;
- cursor: pointer;
- margin: -4px;
- padding: 2px;
- padding-left: 16px;
- margin-left: -10px;
+ background-position: center;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ margin: -4px;
+ padding: 2px;
+ padding-left: 16px;
+ margin-left: -10px;
}
+
a.et2_url.email {
- background-image: url(images/email.png);
+ background-image: url(images/email.png);
}
+
a.et2_url.phone {
- background-image: url(images/phone.png);
+ background-image: url(images/phone.png);
}
+
a.et2_url.url {
- background-image: url(images/url.png);
+ background-image: url(images/url.png);
}
-.et2_url_email_contactPlus >img {
- width: 16px;
- height: 16px;
+
+.et2_url_email_contactPlus > img {
+ width: 16px;
+ height: 16px;
}
+
.et2_email_popup {
- border:0 !important;
- padding: 0 !important;
- box-shadow: none !important;
- background: transparent !important;
+ border: 0 !important;
+ padding: 0 !important;
+ box-shadow: none !important;
+ background: transparent !important;
}
+
.et2_email > span.noemail {
- display: none;
+ display: none;
}
+
.et2_email a:not(:first-child) {
- margin-left: 1em;
+ margin-left: 1em;
}
+
.et2_hbox > .et2_url_span > a {
- margin-left: 0px;
+ margin-left: 0px;
}
+
/**
* Button widget - text only, and icon
*/
.et2_button {
- text-align: center;
- font-size: 9pt;
- white-space: nowrap;
+ text-align: center;
+ font-size: 9pt;
+ white-space: nowrap;
}
+
.et2_button_text,
input[type=button] {
- background-color: #E0E0E0;
- background-image: url(images/gradient01.png);
- background-position: center;
- background-repeat: repeat-x;
- margin: 5px;
- margin-left: 0;
- padding: 3px;
- border: 1px solid silver;
- color: #101010;
+ background-color: #E0E0E0;
+ background-image: url(images/gradient01.png);
+ background-position: center;
+ background-repeat: repeat-x;
+ margin: 5px;
+ margin-left: 0;
+ padding: 3px;
+ border: 1px solid silver;
+ color: #101010;
}
+
.et2_button_icon {
- border: none;
- background-color: transparent;
- padding: 0px;
+ border: none;
+ background-color: transparent;
+ padding: 0px;
}
+
button.et2_button_text:hover,
.et2_file_spanHover,
span.et2_button_text:hover,
input[type=button]:hover {
- color: #050505;
- border: 1px solid gray;
- background-color: #D0D0EE;
+ color: #050505;
+ border: 1px solid gray;
+ background-color: #D0D0EE;
}
+
button.et2_button_text:active,
span.et2_button_text:active,
input[type=button]:active {
- background-image: url(images/gradient02.png);
- background-color: #D0D0E0;
+ background-image: url(images/gradient02.png);
+ background-color: #D0D0E0;
}
+
button.et2_button_text:focus,
span.et2_button_text:focus,
.et2_file_spanActive,
input[type=button]:focus {
- border: 1px solid #2c3d6f;
- color: #202d52;
- outline: none;
+ border: 1px solid #2c3d6f;
+ color: #202d52;
+ outline: none;
}
+
button.et2_button_with_image {
- padding-left: 20px;
- background-repeat: no-repeat;
- background-size: 16px;
- height: 24px;
- background-position: center;
+ padding-left: 20px;
+ background-repeat: no-repeat;
+ background-size: 16px;
+ height: 24px;
+ background-position: center;
}
+
button.et2_button_with_image.et2_button_text {
- background-position: 4px center;
+ background-position: 4px center;
}
+
button.et2_buttonFitContent, et2-button.et2_buttonFitContent {
- max-width: fit-content;
+ max-width: fit-content;
}
+
/* et2_box_widget ###*/
button[id="cancel"],
button#cancel {
- padding-left: 6px;
- background-repeat: no-repeat;
- background-position: left;
+ padding-left: 6px;
+ background-repeat: no-repeat;
+ background-position: left;
}
+
.ui-dialog-buttonset button {
- padding-left: 6px;
- background-position: left;
- background-repeat: no-repeat !important;
+ padding-left: 6px;
+ background-position: left;
+ background-repeat: no-repeat !important;
}
+
/**
* Drop down button
*/
.et2_dropdown button {
- height: 3.0ex;
- display: inline-block;
- vertical-align: middle;
- margin-right: -2px;
- padding: 0px 1ex;
+ height: 3.0ex;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: -2px;
+ padding: 0px 1ex;
}
+
.et2_dropdown button > div {
- vertical-align: middle;
+ vertical-align: middle;
}
+
.et2_dropdown button:last-child {
- padding: 0px;
+ padding: 0px;
}
+
.et2_dropdown + ul.ui-menu {
- position: absolute;
- z-index: 2;
+ position: absolute;
+ z-index: 2;
}
+
/**
* Color picker widget
*/
.et2_color {
- width: 40px;
- display:inline-block;
- position:relative;
+ width: 40px;
+ display: inline-block;
+ position: relative;
}
+
.et2_color input {
- padding: 0px;
- height: 20px;
- width: 20px;
- border: 1px solid silver;
+ padding: 0px;
+ height: 20px;
+ width: 20px;
+ border: 1px solid silver;
}
+
span.et2_color img[src] {
- /* Extra-specific to make sure we work in grids & preference popup */
- height: 24px;
- position: absolute;
- top: 0px;
- left: 0px;
+ /* Extra-specific to make sure we work in grids & preference popup */
+ height: 24px;
+ position: absolute;
+ top: 0px;
+ left: 0px;
}
+
.et2_color .clear {
- background-position: -95px -126px;
- display:none;
+ background-position: -95px -126px;
+ display: none;
}
+
.et2_color:hover .clear {
- display: inline-block;
+ display: inline-block;
}
+
/**
* Text box
*/
.et2_textbox {
- height: auto;
+ height: auto;
}
+
.et2_textbox_ro {
- white-space: pre-wrap;
+ white-space: pre-wrap;
}
-textarea.et2_textbox {border:1px solid silver;}
-textarea.et2_textbox_ro {border:none;}
+
+textarea.et2_textbox {
+ border: 1px solid silver;
+}
+
+textarea.et2_textbox_ro {
+ border: none;
+}
+
/*Switch of FF red border validation*/
-.et2_textbox:invalid{
- box-shadow: none;
+.et2_textbox:invalid {
+ box-shadow: none;
}
+
.et2_bold {
- font-weight: bold;
+ font-weight: bold;
}
+
.et2_italic {
- font-style: italic;
+ font-style: italic;
}
+
/**
* Multi-select widget
*/
button.et2_selectbox_expand {
- width: 16px;
- display: inline-block;
+ width: 16px;
+ display: inline-block;
}
+
.et2_selectbox .ui-widget-header {
- padding: 0px 6px 0px 6px;
- text-align: center;
+ padding: 0px 6px 0px 6px;
+ text-align: center;
}
+
.et2_selectbox .ui-widget-header ul {
- float: left;
- margin-left: -5px;
- text-align: left;
+ float: left;
+ margin-left: -5px;
+ text-align: left;
}
+
.et2_selectbox .ui-widget-header li {
- float: left;
- padding-top: 0px;
+ float: left;
+ padding-top: 0px;
}
+
.et2_selectbox .ui-widget-header li > span.ui-icon {
- float: left;
- margin-top: -2px;
+ float: left;
+ margin-top: -2px;
}
+
.et2_selectbox .ui-widget-header li > div.et2_link_entry {
- /* Shrink search box to same size as header */
- margin-top: -2px;
- margin-bottom: -2px;
- margin-right: 1ex;
+ /* Shrink search box to same size as header */
+ margin-top: -2px;
+ margin-bottom: -2px;
+ margin-right: 1ex;
}
+
.et2_selectbox .ui-widget-header li > div.et2_link_entry input {
- height: 14px;
+ height: 14px;
}
+
.et2_selectbox .ui-multiselect-checkboxes {
- overflow-y: scroll;
- position: relative;
- text-align: left;
+ overflow-y: scroll;
+ position: relative;
+ text-align: left;
}
-.et2_selectbox .ui-multiselect-checkboxes label:hover{
- font-weight: normal;
+
+.et2_selectbox .ui-multiselect-checkboxes label:hover {
+ font-weight: normal;
}
+
.et2_selectbox .ui-multiselect-checkboxes li {
- margin: 0px;
- clear: both;
- padding-left: 26px;
- padding-right: 3px;
- text-decoration: none;
- list-style-image: none;
- list-style-type: none;
- text-indent: -20px;
+ margin: 0px;
+ clear: both;
+ padding-left: 26px;
+ padding-right: 3px;
+ text-decoration: none;
+ list-style-image: none;
+ list-style-type: none;
+ text-indent: -20px;
}
+
.et2_selectbox .ui-multiselect-checkboxes ul {
- margin: 0px auto;
- padding-left: 0px;
- clear: both;
- text-decoration: none;
- list-style-image: none;
- list-style-type: none;
+ margin: 0px auto;
+ padding-left: 0px;
+ clear: both;
+ text-decoration: none;
+ list-style-image: none;
+ list-style-type: none;
}
+
.et2_selectbox .ui-multiselect-checkboxes ul > label {
- border-bottom: 1px solid black;
+ border-bottom: 1px solid black;
}
+
.et2_selectbox .ui-multiselect-checkboxes label {
- display: block;
- border: 1px solid transparent;
+ display: block;
+ border: 1px solid transparent;
}
+
.et2_selectbox input[type="checkbox"] {
- margin: 3px;
+ margin: 3px;
}
+
.et2_selectbox .ui-multiselect-checkboxes img, .et2_selectbox .ui-multiselect-checkboxes div {
- float: right;
- height: 1.8em;
- width: 1.8em;
- background-size: contain;
- background-repeat: no-repeat;
+ float: right;
+ height: 1.8em;
+ width: 1.8em;
+ background-size: contain;
+ background-repeat: no-repeat;
}
+
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
- visibility: hidden;
- padding: 0px;
+ visibility: hidden;
+ padding: 0px;
}
+
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
- visibility: visible;
+ visibility: visible;
}
+
/* Read-only (multi-)select */
ul.et2_selectbox {
- margin: 0px;
- padding: 0px;
- display: inline-block;
+ margin: 0px;
+ padding: 0px;
+ display: inline-block;
}
+
/* padding between selectbox/textbox and it's label */
input, select {
- text-indent: 5px;
- max-width: 99% !important;
+ text-indent: 5px;
+ max-width: 99% !important;
}
+
.et2_selectbox li {
- text-decoration: none;
- list-style-image: none;
- list-style-type: none;
+ text-decoration: none;
+ list-style-image: none;
+ list-style-type: none;
}
+
/**
* Select account dialog
*/
@@ -506,61 +604,73 @@ input, select {
* Date / Time widgets
*/
span.et2_date {
- min-width: 130px;
+ min-width: 130px;
}
+
span.et2_date input.et2_date {
- min-width: 16.5ex;
- background-repeat: no-repeat;
- background-position-x: right;
- background-position-y: 1px;
- background-size: 18px
+ min-width: 16.5ex;
+ background-repeat: no-repeat;
+ background-position-x: right;
+ background-position-y: 1px;
+ background-size: 18px
}
+
span.et2_date input.et2_time {
- min-width: 6ex;
+ min-width: 6ex;
}
+
span.et2_date span {
- background-position: center;
- background-repeat: no-repeat;
- color: #101010;
- cursor: pointer;
- padding-top: 3px;
- padding-left: 22px;
- text-align: center;
- font-size: 9pt;
+ background-position: center;
+ background-repeat: no-repeat;
+ color: #101010;
+ cursor: pointer;
+ padding-top: 3px;
+ padding-left: 22px;
+ text-align: center;
+ font-size: 9pt;
}
+
span.et2_date_duration {
border: 1px solid gray;
border-radius: 3px;
display: flex;
}
+
span.et2_date_duration .et2_date_duration {
- width: 4.5em;
+ width: 4.5em;
text-align: right;
border: none;
outline: none;
}
+
span.et2_date_duration :not(input:first-child) {
border-left: 1px solid #e0e0e0a8;
}
+
span.et2_date_duration span {
vertical-align: -webkit-baseline-middle;
}
+
.et2_date.required, .et2_date[required] {
- background-color: inherit;
+ background-color: inherit;
}
+
.et2_date.required input, .et2_date[required] input {
- background-color: #FFDD73
+ background-color: #FFDD73
}
+
/* customize calendar layout */
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
- margin-left: 2px;
- margin-right: 4.6em;
- text-align: left;
+ margin-left: 2px;
+ margin-right: 4.6em;
+ text-align: left;
}
+
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
- left: auto;
- right: 4em;
+ left: auto;
+ right: 4em;
}
+
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
position: absolute;
top: 3px;
@@ -569,33 +679,39 @@ span.et2_date_duration span {
height: 2em;
overflow: hidden;
background-color: white;
- background-repeat:no-repeat;
+ background-repeat: no-repeat;
margin-left: 3px;
text-indent: 20px;
background-size: contain;
background-image: url(images/datepopup.svg);
}
+
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
- width: 2em;
- height: 2em;
+ width: 2em;
+ height: 2em;
}
-.ui-timepicker-div dl dd { margin: 0 0px 10px 30%; }
+
+.ui-timepicker-div dl dd {
+ margin: 0 0px 10px 30%;
+}
+
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
- border: none;
+ border: none;
}
/**
* Timestamper widget
*/
button.et2_button_with_image.et2_timestamper {
- background-position: center;
- background-size: 16px;
- padding: 0px;
- width: 24px;
- height: 24px;
+ background-position: center;
+ background-size: 16px;
+ padding: 0px;
+ width: 24px;
+ height: 24px;
}
+
button.et2_timestamper:hover {
- background-size: 16px;
+ background-size: 16px;
}
@@ -604,17 +720,20 @@ button.et2_timestamper:hover {
* It uses jQueryUI, so this is just our little bits - icon on left
*/
.ui-dialog-content .dialog_icon {
- margin-right: 2ex;
- vertical-align: middle;
+ margin-right: 2ex;
+ vertical-align: middle;
}
+
.ui-dialog-content {
- vertical-align: middle;
+ vertical-align: middle;
}
+
.ui-dialog-content > div {
- white-space: pre-wrap;
- display: inline-block;
- vertical-align: middle;
+ white-space: pre-wrap;
+ display: inline-block;
+ vertical-align: middle;
}
+
/* These change button alignment, but it seems the standard is right-aligned for
action buttons, left aligned for "extra" controls
.ui-dialog .ui-dialog-buttonpane {
@@ -631,461 +750,560 @@ action buttons, left aligned for "extra" controls
* Custom field list
*/
.et2_customfield_list {
- width: 100%;
+ width: 100%;
}
-.et2_customfield_list tr td:first-child {width:30%;}
-.et2_customfield_list tr td:nth-child(2)> *:not(.et2_checkbox):not(.et2_file):not(.et2_vfs_btn):not(.et2_button):not(.et2_radiobox),
+
+.et2_customfield_list tr td:first-child {
+ width: 30%;
+}
+
+.et2_customfield_list tr td:nth-child(2) > *:not(.et2_checkbox):not(.et2_file):not(.et2_vfs_btn):not(.et2_button):not(.et2_radiobox),
.et2_customfield_list tr td:nth-child(2) > * > input:not(.et2_checkbox):not(.et2_radiobox):not(.et2_button):not(.et2_vfs_btn) {
width: calc(100% - 20px);
}
+
.et2_customfield_list input, .et2_customfield_list textarea {
- max-width: 100ex;
+ max-width: 100ex;
}
+
/* Custom field list inside nextmatch rows gets an icon for each row */
.et2_nextmatch .egwGridView_grid .et2_customfield_list > tbody > tr {
- background-image: url('images/hint.png');
- background-repeat: no-repeat;
- background-size: 1em;
+ background-image: url('images/hint.png');
+ background-repeat: no-repeat;
+ background-size: 1em;
}
+
.et2_nextmatch .egwGridView_grid .et2_customfield_list > tbody > tr > td:first-child {
- padding-left: 1.2em;
+ padding-left: 1.2em;
}
+
/*stops a tags inside next match extends to their parents width,
which caused click on free space infront of a tag stops nm row selection*/
-.et2_nextmatch .egwGridView_grid tr td div.et2_vbox a {
- display: table-row;
+.et2_nextmatch .egwGridView_grid tr td div.et2_vbox a {
+ display: table-row;
}
/*
Nextmatch print dialog
*/
#nm_print_dialog-xet .slideSwitch_container .on {
- background-image: url('images/portrait.svg');
- background-position: 5px 0px;
+ background-image: url('images/portrait.svg');
+ background-position: 5px 0px;
}
+
#nm_print_dialog-xet .slideSwitch_container .off {
- background-image: url('images/landscape.svg');
- background-position: 5px -2px;
+ background-image: url('images/landscape.svg');
+ background-position: 5px -2px;
}
+
/*
These are set via javascript before printing to help tame nextmatch's layout
for printing
*/
.et2_nextmatch.print .egwGridView_scrollarea {
- width: auto !important;
+ width: auto !important;
}
-.et2_nextmatch.print > div {
- height: auto !important;
+
+.et2_nextmatch.print > div {
+ height: auto !important;
}
+
.et2_nextmatch.print.landscape {
- /* This is fairly arbitrary, but makes it fit in Chrome and Firefox*/
- max-width: 752pt !important;
+ /* This is fairly arbitrary, but makes it fit in Chrome and Firefox*/
+ max-width: 752pt !important;
}
+
.et2_nextmatch.print.portrait {
- /* This is fairly arbitrary, but makes it fit in Chrome and Firefox*/
- max-width: 552pt !important;
+ /* This is fairly arbitrary, but makes it fit in Chrome and Firefox*/
+ max-width: 552pt !important;
}
+
/**
* Diff widget
*/
div.et2_diff {
- width: 100%;
+ width: 100%;
}
+
.et2_diff thead,
.author,
.d2h-file-header,
.d2h-file-info,
.d2h-info,
-.et2_diff:not(.ui-dialog-content) .d2h-cntx
-{
- display: none;
+.et2_diff:not(.ui-dialog-content) .d2h-cntx {
+ display: none;
}
+
.d2h-file-diff {
- white-space:normal;
+ white-space: normal;
}
+
.et2_diff .d2h-file-wrapper {
}
+
.et2_diff .d2h-file-diff {
- overflow-x: hidden;
+ overflow-x: hidden;
}
+
.et2_diff .d2h-code-wrapper {
- position: relative;
+ position: relative;
}
+
.ui-widget-content .d2h-code-line-ctn {
- white-space:normal;
+ white-space: normal;
}
+
.ui-widget-content .d2h-file-diff {
- overflow-x: visible;
- overflow-y: visible;
+ overflow-x: visible;
+ overflow-y: visible;
}
+
.et2_diff .ui-icon {
- margin-top: -14px;
- float: right;
+ margin-top: -14px;
+ float: right;
}
-.et2_diff .d2h-del, .et2_diff.d2h-del.d2h-change, .et2_diff .d2h-file-diff .d2h-del.d2h-change {
- background-color: #ffeef0;
+
+.et2_diff .d2h-del, .et2_diff.d2h-del.d2h-change, .et2_diff .d2h-file-diff .d2h-del.d2h-change {
+ background-color: #ffeef0;
}
+
.et2_diff .d2h-code-line del, .et2_diff .d2h-code-side-line del {
- background-color: #fdb8c0;
+ background-color: #fdb8c0;
}
+
.et2_diff .d2h-ins, .et2_diff.d2h-ins.d2h-change, .et2_diff .d2h-file-diff .d2h-ins.d2h-change {
- background-color: #e6ffed;
+ background-color: #e6ffed;
}
+
.et2_diff .d2h-code-line ins, .et2_diff .d2h-code-side-line ins {
- background-color: #acf2bd;
+ background-color: #acf2bd;
}
/** Display a loading icon **/
.loading {
- background-position: center;
- background-repeat: no-repeat;
- background-image: url('images/ajax-loader.gif');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-image: url('images/ajax-loader.gif');
}
+
/**
* File upload
*/
div.et2_file {
- display: inline-block;
- position: relative;
- vertical-align: top;
- margin-top: 0;
+ display: inline-block;
+ position: relative;
+ vertical-align: top;
+ margin-top: 0;
}
+
.et2_file .progress_dropDown_fileList {
- background: white;
- position: absolute;
- border: 1px solid gray;
- border-top: 0;
- margin-top: 6px !important;
- margin-left: 0 !important;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- max-height: 300px;
- z-index: 201 !important;
- box-shadow: 6px 6px 9px gray;
+ background: white;
+ position: absolute;
+ border: 1px solid gray;
+ border-top: 0;
+ margin-top: 6px !important;
+ margin-left: 0 !important;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ max-height: 300px;
+ z-index: 201 !important;
+ box-shadow: 6px 6px 9px gray;
}
+
.et2_file .progress_dropDown_fileList > li {
- border-bottom: 1px solid lightgray;
+ border-bottom: 1px solid lightgray;
}
+
.et2_file .totalProgress_loader {
- background-repeat: no-repeat;
- background-image: url('images/ajax-loader.gif');
+ background-repeat: no-repeat;
+ background-image: url('images/ajax-loader.gif');
}
.et2_file .progress {
- width: 300px;
- max-height: 12em;
- overflow: auto;
- margin-left: 20px;
- padding: 8px;
+ width: 300px;
+ max-height: 12em;
+ overflow: auto;
+ margin-left: 20px;
+ padding: 8px;
}
+
.et2_file .progress span.progressBar {
- height: 5px;
- width: 150px;
- max-width: 150px;
- display: inline;
- border:none;
+ height: 5px;
+ width: 150px;
+ max-width: 150px;
+ display: inline;
+ border: none;
}
+
/* Remove icon displayed when hovering */
.et2_file .progress li div.remove {
- display: inline;
- cursor: pointer;
- margin: 0px;
- width: 16px;
- height: 16px;
- padding: 0;
- border-radius: 0;
+ display: inline;
+ cursor: pointer;
+ margin: 0px;
+ width: 16px;
+ height: 16px;
+ padding: 0;
+ border-radius: 0;
}
+
.et2_file .progress li:hover div.remove {
- width: 16px;
- height: 16px;
- float: right;
- display: block;
- background-image: url("images/close.png");
- background-position: center;
- background-repeat: no-repeat;
- background-size: 16px;
+ width: 16px;
+ height: 16px;
+ float: right;
+ display: block;
+ background-image: url("images/close.png");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 16px;
}
+
.et2_file .progress p {
- background-color: green;
- height: 5px;
- margin: 0px;
- width: 0px;
+ background-color: green;
+ height: 5px;
+ margin: 0px;
+ width: 0px;
}
+
/* Hide progress bar when completed */
.et2_file .progress li.success > span.progressBar {
- display: none;
+ display: none;
}
+
/* Customize file upload styling */
-span.et2_file_span{
- display: inline-block;
- background-position: 2px;
- background-image: url(images/attach.png);
- background-repeat: no-repeat;
- background-size: 16px;
- cursor: pointer;
- height: 15px;
- text-align: left;
- text-indent: 22px;
- white-space: nowrap;
- margin-top:0;
+span.et2_file_span {
+ display: inline-block;
+ background-position: 2px;
+ background-image: url(images/attach.png);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ cursor: pointer;
+ height: 15px;
+ text-align: left;
+ text-indent: 22px;
+ white-space: nowrap;
+ margin-top: 0;
}
-div.et2_file input.et2_file_upload{
- display:none;
+
+div.et2_file input.et2_file_upload {
+ display: none;
}
+
/**
* Autocomplete - used in link widget
* Restricting result size
*/
.ui-autocomplete {
- max-height: 25ex;
- overflow-y: auto;
- /* prevent horizontal scrollbar */
- overflow-x: hidden;
+ max-height: 25ex;
+ overflow-y: auto;
+ /* prevent horizontal scrollbar */
+ overflow-x: hidden;
}
+
/**
* Autocomplete in dialogs - fix so they go over/out of the dialog
*/
.ui-dialog * ul.ui-autocomplete {
- position: fixed;
+ position: fixed;
}
+
/**
* Link wiget(s)
*/
/* Link entry - x button*/
div.et2_link_entry {
- width: 99%;
- white-space: nowrap;
+ width: 99%;
+ white-space: nowrap;
}
+
div.et2_link_entry:after {
- display: inline-block;
- content: ".";
- height: 0;
- visibility: hidden;
- margin: -20px;
+ display: inline-block;
+ content: ".";
+ height: 0;
+ visibility: hidden;
+ margin: -20px;
}
+
/* Special layout for inside nm grid */
.et2_nextmatch div.et2_link_entry {
- padding-right: 4px;
+ padding-right: 4px;
}
+
.et2_nextmatch .et2_link_entry:after {
- margin: -12px;
+ margin: -12px;
}
+
div.et2_link_entry select, div.et2_link_entry {
- /*width: 40%;*/
- margin-right: 10px;
+ /*width: 40%;*/
+ margin-right: 10px;
}
+
/* Icons in app selection */
div.et2_link_entry span[role="combobox"] {
- width: 100px;
- height: 3ex;
- border: 1px solid #e6e6e6;
- position: relative;
- top: 5px;
- background: transparent;
+ width: 100px;
+ height: 3ex;
+ border: 1px solid #e6e6e6;
+ position: relative;
+ top: 5px;
+ background: transparent;
}
+
div.et2_link_entry span[role="combobox"] .ui-selectmenu-text, .et2_link_entry_app_option div span {
- background: transparent;
- background-size: contain;
- background-repeat: no-repeat;
- padding: 0px 5px;
- right: auto;
- height:100%;
+ background: transparent;
+ background-size: contain;
+ background-repeat: no-repeat;
+ padding: 0px 5px;
+ right: auto;
+ height: 100%;
}
+
div.et2_link_entry.app_icons:not(.no_app) input {
- width: calc(100% - 58px);
+ width: calc(100% - 58px);
}
+
.et2_link_entry_app_option.ui-state-focus {
- border: none;
- transition: width 0s;
+ border: none;
+ transition: width 0s;
}
+
.et2_link_entry_app_option {
- line-height: 34px;
+ line-height: 34px;
}
+
.et2_link_entry_app_option > div {
- padding-left: 34px;
- font-weight: normal;
+ padding-left: 34px;
+ font-weight: normal;
}
+
div.et2_link_entry input.ui-autocomplete-input {
- padding-bottom: 1px;
- width: 100%;
+ padding-bottom: 1px;
+ width: 100%;
}
+
.et2_link_entry.no_app input.ui-autocomplete-input {
- width: calc(100% - 22px);
- padding-right: 16px
+ width: calc(100% - 22px);
+ padding-right: 16px
}
+
.et2_link_entry.no_app select {
- display: none;
+ display: none;
}
+
.et2_link_entry .ui-icon-close {
- display: inline-block;
- background-color: inherit;
- border: none;
- position: relative;
- top: 3px;
- left: -18px;
- cursor: pointer;
- margin-top: -3px;
+ display: inline-block;
+ background-color: inherit;
+ border: none;
+ position: relative;
+ top: 3px;
+ left: -18px;
+ cursor: pointer;
+ margin-top: -3px;
}
+
/* Link to */
.et2_link_to {
- overflow-x: visible;
+ overflow-x: visible;
}
-.et2_link_to > div {display: inline-block; margin-right:5px;vertical-align: top;}
-.et2_link_to.et2_toolbar {margin-top:10px !important;}
+.et2_link_to > div {
+ display: inline-block;
+ margin-right: 5px;
+ vertical-align: top;
+}
+
+.et2_link_to.et2_toolbar {
+ margin-top: 10px !important;
+}
.et2_link_to.et2_toolbar div.et2_link_entry input.ui-autocomplete-input {
- height:22px;
- border-radius: 3px;
- width: 40%;
+ height: 22px;
+ border-radius: 3px;
+ width: 40%;
}
-.et2_link_to.et2_toolbar .div_link {width:80%;vertical-align: top;}
-.et2_link_to.et2_toolbar .div_link select {margin-right: 4px;}
+
+.et2_link_to.et2_toolbar .div_link {
+ width: 80%;
+ vertical-align: top;
+}
+
+.et2_link_to.et2_toolbar .div_link select {
+ margin-right: 4px;
+}
+
.et2_link_to button {
- display: inline;
+ display: inline;
}
+
.et2_link_to span.status {
- background-repeat: no-repeat;
- background-position: 3px center;
- width: 22px;
- height: 22px;
- display: inline-block;
+ background-repeat: no-repeat;
+ background-position: 3px center;
+ width: 22px;
+ height: 22px;
+ display: inline-block;
}
+
.et2_link_to span.status.success {
- background-image: url(images/tick.png);
+ background-image: url(images/tick.png);
}
+
.et2_link_to span.status.error {
- background-image: url(images/error.png);
+ background-image: url(images/error.png);
}
+
.et2_link_to .progress {
- max-height: 12em;
- overflow-y: auto;
- padding:8px;
+ max-height: 12em;
+ overflow-y: auto;
+ padding: 8px;
}
+
.et2_link_to .progress > .success input {
- width: 100%;
- margin-right: -20px;
- /* Leave room for remove icon */
+ width: 100%;
+ margin-right: -20px;
+ /* Leave room for remove icon */
}
+
.et2_link_to .progress li {
- list-style: none;
- padding-bottom: 1px;
- padding-top: 0px;
+ list-style: none;
+ padding-bottom: 1px;
+ padding-top: 0px;
}
+
.et2_link_to .progress li.success span.ui-icon-comment {
- display: none;
- float: right;
- cursor: pointer;
- margin-right: 5px;
+ display: none;
+ float: right;
+ cursor: pointer;
+ margin-right: 5px;
}
+
.et2_link_to .progress li:hover.success span.ui-icon-comment {
- display: inline;
+ display: inline;
}
+
.et2_link_to .et2_button_icon {
- float: left;
- width: 22px;
+ float: left;
+ width: 22px;
}
-.et2_link_to button.et2_vfs_btn{
- width:24px;
- height:24px;
- background-position: center;
- background-size: 16px;
- padding:0 !important;
- vertical-align: bottom;
- margin:0;
- margin-top:1px;
- z-index: 999;
+
+.et2_link_to button.et2_vfs_btn {
+ width: 24px;
+ height: 24px;
+ background-position: center;
+ background-size: 16px;
+ padding: 0 !important;
+ vertical-align: bottom;
+ margin: 0;
+ margin-top: 1px;
+ z-index: 999;
+}
+
+.et2_link_to.et2_toolbar div.et2_file {
+ width: 22px;
}
-.et2_link_to.et2_toolbar div.et2_file {width:22px;}
.et2_link_to.et2_toolbar span.et2_file_span {
- width:22px;
- height: 22px;
- background-position: center;
-}
-.et2_link_to.et2_toolbar div.et2_file {
- vertical-align: bottom;
- padding-right: 2px;
+ width: 22px;
+ height: 22px;
+ background-position: center;
}
-.et2_link_to.et2_toolbar span.et2_file_span { padding-right: 0;}
+.et2_link_to.et2_toolbar div.et2_file {
+ vertical-align: bottom;
+ padding-right: 2px;
+}
+
+.et2_link_to.et2_toolbar span.et2_file_span {
+ padding-right: 0;
+}
.et2_link {
- cursor: pointer;
- color: #003075;
- text-decoration: none;
+ cursor: pointer;
+ color: #003075;
+ text-decoration: none;
}
+
.et2_link:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
+
ul.et2_link_string {
- list-style-type: none;
- display: inline;
- padding: 0px;
+ list-style-type: none;
+ display: inline;
+ padding: 0px;
}
+
.et2_link_string li {
- display: inline;
+ display: inline;
}
+
.et2_link_string li:not(:last-child):after {
- content: '\002C\00A0';
+ content: '\002C\00A0';
}
+
.et2_link_list {
- border-collapse: collapse;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- white-space: normal;
+ border-collapse: collapse;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ white-space: normal;
}
+
.et2_link_list tr {
- cursor: pointer;
+ cursor: pointer;
}
+
.et2_link_list td.remark {
- font-style: italic;
+ font-style: italic;
}
+
.et2_link_list td div.delete, .et2_vfs td div.delete {
- visibility: hidden;
- background-image: url("images/close.png");
- background-position: center;
- background-repeat: no-repeat;
- padding: 0px;
+ visibility: hidden;
+ background-image: url("images/close.png");
+ background-position: center;
+ background-repeat: no-repeat;
+ padding: 0px;
+ width: 16px;
+ height: 16px;
}
+
.et2_link_list .icon img,
.et2_vfs .icon img {
- width: 16px;
- height: 16px;
- display: inline-block;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
}
+
div.et2_vfsPath {
- position: relative;
- overflow: hidden;
+ position: relative;
+ overflow: hidden;
}
+
div.et2_vfsPath ul {
- position: absolute;
- top: 0px;
- left: 0px;
- padding: 0px;
- margin: 0px;
- margin-right: 4px;
- display:flex;
- justify-content: flex-start;
- flex-flow: row nowrap;
- /* This hides the higher level directories if overflow */
- direction: rtl;
- height: 100%;
- overflow-y: hidden;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ padding: 0px;
+ margin: 0px;
+ margin-right: 4px;
+ display: flex;
+ justify-content: flex-start;
+ flex-flow: row nowrap;
+ /* This hides the higher level directories if overflow */
+ direction: rtl;
+ height: 100%;
+ overflow-y: hidden;
overflow-x: auto;
padding-bottom: 13px;
max-width: 92%;
margin-right: 7%;
- background-color: #e2e2e24f;
+ background-color: #e2e2e24f;
}
+
div.et2_vfsPath ul::-webkit-scrollbar {
- background: transparent;
- overflow-y: hidden;
- width: 1px;
+ background: transparent;
+ overflow-y: hidden;
+ width: 1px;
}
div.et2_vfsPath ul::-webkit-scrollbar-thumb {
@@ -1096,40 +1314,47 @@ div.et2_vfsPath ul::-webkit-scrollbar-thumb {
}
div.et2_vfsPath li {
- direction: ltr;
+ direction: ltr;
display: inline-block;
padding-right: 5px;
flex: none;
padding-top: 6px;
- color: #26537C;
- border-radius: 5px 0px 0px 5px;
+ color: #26537C;
+ border-radius: 5px 0px 0px 5px;
}
+
div.et2_vfsPath ul.scrollable li {
- cursor: url(images/mouse_scroll_lr.svg) 20 1 , pointer;
+ cursor: url(images/mouse_scroll_lr.svg) 20 1, pointer;
}
+
li.vfsPath.et2_clickable:last-child:hover {
background: #c0c0c054;
}
+
li.vfsPath.et2_clickable:first-child {
font-weight: bold;
}
+
li.vfsPath.et2_clickable:last-child:before {
content: '/';
width: 5px;
padding-left: 10px;
padding-right: 2px;
}
+
li.vfsPath.et2_clickable:last-child:after {
- display: none !important;
+ display: none !important;
}
+
li.vfsPath.et2_clickable:not(:first-child):after {
- content: '/';
+ content: '/';
width: 8px;
height: 8px;
margin-left: 5px;
display: inline-block;
- font-size:8pt;
+ font-size: 8pt;
}
+
.et2_vfsPath input.et2_textbox.et2_vfs {
background-image: url(images/edit.png);
background-repeat: no-repeat;
@@ -1140,98 +1365,113 @@ li.vfsPath.et2_clickable:not(:first-child):after {
}
div.et2_vfsPath li:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
+
div.et2_vfsPath li img {
- height: 12px;
- float: left;
- margin: 0px;
- margin-left: 3px;
- margin-right: 5px;
+ height: 12px;
+ float: left;
+ margin: 0px;
+ margin-left: 3px;
+ margin-right: 5px;
}
+
.et2_link_list tr:hover div.delete, .et2_vfs tr:hover div.delete {
- visibility: visible;
+ visibility: visible;
}
+
.egw_tooltip {
- position: fixed;
- border: 1px solid #897f51;
- background-color: #FDF9DB;
- max-width: 300px;
- color: black;
- z-index: 1002;
- -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
- -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
- box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
- white-space: pre-wrap;
+ position: fixed;
+ border: 1px solid #897f51;
+ background-color: #FDF9DB;
+ max-width: 300px;
+ color: black;
+ z-index: 1002;
+ -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
+ -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
+ box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
+ white-space: pre-wrap;
}
+
/**
* Tabs widget
*/
.et2_tabflag {
- display: inline-block;
- margin-right: 5px;
- padding: 5px;
- min-width: 60px;
- cursor: pointer;
- border: 1px solid silver;
- background-color: #E0E0E0;
- background-position: center;
- background-repeat: repeat-x;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
+ display: inline-block;
+ margin-right: 5px;
+ padding: 5px;
+ min-width: 60px;
+ cursor: pointer;
+ border: 1px solid silver;
+ background-color: #E0E0E0;
+ background-position: center;
+ background-repeat: repeat-x;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
}
+
.et2_tabflag a:link, .et2_tabflag a:visited, .et2_tabflag a:hover {
color: inherit;
text-decoration: none;
}
+
.et2_tabflag:hover {
- color: #050505;
- border: 1px solid gray;
- background-color: #D0D0EE;
+ color: #050505;
+ border: 1px solid gray;
+ background-color: #D0D0EE;
}
+
.et2_tabflag:active {
- background-color: #D0D0E0;
+ background-color: #D0D0E0;
}
+
.et2_tabs {
- border-width: 0px 1px 1px 1px;
- border-style: solid;
- border-color: silver;
- padding: 5px;
- overflow-y: auto;
+ border-width: 0px 1px 1px 1px;
+ border-style: solid;
+ border-color: silver;
+ padding: 5px;
+ overflow-y: auto;
}
+
.et2_tabcntr {
- height: inherit;
+ height: inherit;
}
+
.et2_tabflag.active {
- border-bottom: 1px solid white;
- background-color: white;
- background-image: none;
+ border-bottom: 1px solid white;
+ background-color: white;
+ background-image: none;
}
+
.et2_tabheader {
- background-image: url(images/tab_header_bg.png);
- background-position: bottom;
- background-repeat: repeat-x;
- white-space: nowrap;
+ background-image: url(images/tab_header_bg.png);
+ background-position: bottom;
+ background-repeat: repeat-x;
+ white-space: nowrap;
}
.et2_tabbox.vertical .et2_tabflag {
- display: block;
- padding: 0;
+ display: block;
+ padding: 0;
}
-.et2_tabbox.vertical .et2_tabflag .et2_tabcntr{
- display: none;
+
+.et2_tabbox.vertical .et2_tabflag .et2_tabcntr {
+ display: none;
}
+
.et2_tabbox.vertical .et2_tabflag.active .et2_tabcntr {
- display: block;
+ display: block;
}
+
.et2_tabbox.vertical .et2_tabflag div.et2_tabtitle {
- background-color: #C4C4C4;
+ background-color: #C4C4C4;
padding: 6px 0 6px 0;
}
+
.et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before {
- content: "+";
+ content: "+";
color: white;
font-size: 12pt;
font-weight: bold;
@@ -1239,10 +1479,11 @@ div.et2_vfsPath li img {
float: right;
background-color: #636363;
border-radius: 3px;
- margin-top: -6px;
+ margin-top: -6px;
}
+
.et2_tabbox.vertical .et2_tabflag.active div.et2_tabtitle:before {
- content: "\2212";
+ content: "\2212";
}
/**
@@ -1250,59 +1491,71 @@ div.et2_vfsPath li img {
*/
.ms-ctn,
.ms-res-ctn {
- /* It doesn't really work smaller than this */
- min-width: 150px;
- border: solid 1px #bbbbbb;
+ /* It doesn't really work smaller than this */
+ min-width: 150px;
+ border: solid 1px #bbbbbb;
}
+
.ms-ctn .loading {
- position: relative;
- margin: 0px auto -16px auto;
- top: 5px;
- background-image: url('images/ajax-loader.gif');
+ position: relative;
+ margin: 0px auto -16px auto;
+ top: 5px;
+ background-image: url('images/ajax-loader.gif');
}
-.et2_taglist .ms-input-readonly {display: none;}
+
+.et2_taglist .ms-input-readonly {
+ display: none;
+}
+
.et2_taglist div.ms-sel-ctn .ms-close-btn {
width: 10px;
height: 10px;
- background-position: 0px -10px;
- background-size: cover;
- background-repeat: no-repeat;
- margin: 2px -16px 0 10px;
+ background-position: 0px -10px;
+ background-size: cover;
+ background-repeat: no-repeat;
+ margin: 2px -16px 0 10px;
}
+
.et2_taglist div.ms-sel-ctn .ms-edit-btn,
-.et2_taglist div.ms-sel-ctn .ms-check-btn{
+.et2_taglist div.ms-sel-ctn .ms-check-btn {
width: 10px;
height: 10px;
- background-position: 0px -10px;
- background-size: cover;
- background-repeat: no-repeat;
- margin: 2px 6px 0 2px;
+ background-position: 0px -10px;
+ background-size: cover;
+ background-repeat: no-repeat;
+ margin: 2px 6px 0 2px;
}
-.et2_taglist div.ms-sel-ctn span.ms-check-btn {margin: 2px 0px 0 6px;}
+
+.et2_taglist div.ms-sel-ctn span.ms-check-btn {
+ margin: 2px 0px 0 6px;
+}
+
.et2_taglist .ms-res-ctn {
- position:absolute;
- background: #FFF;
- overflow-y: auto;
- z-index: 9999;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- border: 1px solid #CCC;
- left: -1px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- border-top: 0;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- padding: 1px 0px;
+ position: absolute;
+ background: #FFF;
+ overflow-y: auto;
+ z-index: 9999;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ border: 1px solid #CCC;
+ left: -1px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ border-top: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ padding: 1px 0px;
}
+
.et2_taglist div.ms-sel-ctn {
- padding-right: 0px;
- overflow-x: hidden;
+ padding-right: 0px;
+ overflow-x: hidden;
}
+
.et2_taglist div.ms-sel-ctn .ms-sel-item {
- margin: 0px 5px 3px 0px;
+ margin: 0px 5px 3px 0px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
@@ -1316,58 +1569,66 @@ div.et2_vfsPath li img {
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
- font-size: 11px;
+ font-size: 11px;
cursor: default;
- word-break: break-word;
- white-space: normal;
- max-width: calc(100% - 30px);
+ word-break: break-word;
+ white-space: normal;
+ max-width: calc(100% - 30px);
}
+
.et2_taglist.ui-state-hover,
.et2_taglist.ui-state-active {
- font-weight: inherit;
- border: inherit;
- background: inherit;
+ font-weight: inherit;
+ border: inherit;
+ background: inherit;
}
+
.et2_taglist div.ms-ctn {
- background-color: white;
- padding-right: 0;
+ background-color: white;
+ padding-right: 0;
}
+
.et2_taglist div.ms-ctn input {
- padding: 3px 0px;
- min-width:20px;
- border: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 3px 0px;
+ min-width: 20px;
+ border: 1px solid rgba(0, 0, 0, 0.1);
}
.et2_taglist .ms-res-ctn .ms-res-item {
- line-height: 13px;
- padding: 3px 6px;
+ line-height: 13px;
+ padding: 3px 6px;
}
+
.et2_taglist_ro ul {
- margin: 0px;
- padding: 0px;
+ margin: 0px;
+ padding: 0px;
}
+
.et2_taglist .mailinglist {
- width: 100%;
- background-image: url(images/email.png);
- padding-right: 20px;
- background-position: right;
- background-repeat: no-repeat;
- font-weight: bold;
+ width: 100%;
+ background-image: url(images/email.png);
+ padding-right: 20px;
+ background-position: right;
+ background-repeat: no-repeat;
+ font-weight: bold;
}
+
.et2_taglist .ms-res-item[data-json*='more_results']:after {
- content:'…';
- display: block;
+ content: '…';
+ display: block;
font-size: 200%;
- padding: 5px;
+ padding: 5px;
padding-left: 3ex;
- margin-top: -1ex;
+ margin-top: -1ex;
}
+
/* min-height to fix calculations done while hidden */
-.et2_taglist, .et2_taglist > div.ms-ctn {
- min-height: 23px;
+.et2_taglist, .et2_taglist > div.ms-ctn {
+ min-height: 23px;
}
+
.et2_taglist .et2_taglist_tags_icon {
- height: 16px;
+ height: 16px;
width: 16px;
display: inline-block;
padding-right: 3px;
@@ -1375,205 +1636,246 @@ div.et2_vfsPath li img {
background-size: 16px;
vertical-align: text-top;
}
+
.et2_taglist .dropdown-menu .et2_taglist_tags_icon {
- height: 32px;
+ height: 32px;
width: 32px;
- background-size: 32px;
- vertical-align: middle;
+ background-size: 32px;
+ vertical-align: middle;
}
+
.et2_taglist .et2_taglist_tags_icon_wrapper {
- display: inline;
+ display: inline;
}
+
.et2_taglist_thumbnail {
- overflow-y: hidden;
+ overflow-y: hidden;
}
+
.et2_taglist_thumbnail .ms-ctn.form-control {
- max-height: 220px;
- overflow-y: auto;
+ max-height: 220px;
+ overflow-y: auto;
}
+
.et2_taglist_thumbnail .et2_taglist_thumbnail_img,
table.egwGridView_grid .et2_taglist_thumbnail .et2_taglist_thumbnail_img {
- height:70px;
+ height: 70px;
}
+
table.egwGridView_grid img.et2_avatar {
height: auto;
}
+
/* Toggle single / multiple */
.et2_taglist_toggle {
- position: relative;
- overflow: visible !important;
+ position: relative;
+ overflow: visible !important;
}
+
.et2_taglist_toggle > div.ms-ctn {
- display: inline-block;
+ display: inline-block;
width: calc(100% - 10px);
- padding-right: 2px;
+ padding-right: 2px;
}
+
.et2_taglist_toggle.ui-state-hover,
.et2_taglist_toggle.ui-state-active {
- z-index: 1;
+ z-index: 1;
}
+
.et2_taglist_toggle:not(.et2_taglist_single) .ms-ctn {
-/* height: 100%;*/
+ /* height: 100%;*/
}
.et2_taglist_toggle > div.toggle {
- top: 1px;
- width: 23px;
+ top: 1px;
+ width: 23px;
height: 23px;
position: absolute;
right: 0px;
z-index: 5;
- background-color: white;
- background-repeat: no-repeat;
- background-position: center center;
- background-image: url("../../../api/templates/default/images/foldertree_nolines_minus.gif");
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-image: url("../../../api/templates/default/images/foldertree_nolines_minus.gif");
}
+
.et2_taglist_toggle div.ms-ctn {
- padding:0;
- padding-left: 10px;
+ padding: 0;
+ padding-left: 10px;
}
+
.et2_taglist_toggle.et2_taglist_single:not(.expanded) > div.toggle {
- display: none;
+ display: none;
}
+
.et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
- background-image: url("../../../api/templates/default/images/foldertree_nolines_plus.gif");
- display: block;
+ background-image: url("../../../api/templates/default/images/foldertree_nolines_plus.gif");
+ display: block;
}
+
.et2_taglist_toggle:not(.et2_taglist_single) .ms-trigger {
display: none;
}
+
/* Single select */
.et2_taglist_single .ms-ctn {
- padding: 0px 7px;
- min-width: 50px;
+ padding: 0px 7px;
+ min-width: 50px;
}
+
.et2_taglist_single div.ms-ctn .ms-sel-item + input {
- display: none;
+ display: none;
}
+
.et2_taglist_single .ms-ctn .ms-trigger .ms-trigger-ico {
- margin-top: 9px;
+ margin-top: 9px;
}
+
div .et2_taglist_single div.ms-sel-ctn div.ms-sel-item {
- border: none;
- background: inherit;
- margin-bottom: 0px;
+ border: none;
+ background: inherit;
+ margin-bottom: 0px;
- white-space: nowrap;
- overflow: hidden;
+ white-space: nowrap;
+ overflow: hidden;
}
+
div .et2_taglist_single:not(.et2_taglist_small) div.ms-sel-ctn div.ms-sel-item {
- width: calc(100% - 30px);
+ width: calc(100% - 30px);
}
+
.et2_taglist_single div.ms-sel-item > span:not(.ms-close-btn):not(.ms-edit-btn) {
- max-width: 100%;
- width: 100%;
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
+ max-width: 100%;
+ width: 100%;
+ display: inline-block;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-.et2_taglist_single .ms-edit-btn {display: none;}
+
+.et2_taglist_single .ms-edit-btn {
+ display: none;
+}
+
.et2_taglist_toggle.et2_taglist_small.et2_taglist_single::before {
- display: none;
+ display: none;
}
+
.et2_taglist_single div.ms-sel-ctn .ms-close-btn {
- position: relative;
- top: 0px;
- right: 20px;
- float: none;
- display: inline-block;
+ position: relative;
+ top: 0px;
+ right: 20px;
+ float: none;
+ display: inline-block;
}
-.et2_taglist_toggle .ms-ctn-focus {
- box-shadow: none;
+
+.et2_taglist_toggle .ms-ctn-focus {
+ box-shadow: none;
}
+
.et2_taglist.et2_taglist_toggle div.ms-ctn input {
- border:none;
+ border: none;
}
-.et2_taglist.et2_taglist_single .ms-ctn.form-control {
+
+.et2_taglist.et2_taglist_single .ms-ctn.form-control {
}
+
.et2_taglist_single.et2_taglist_category .ms-sel-item > span:first-child {
- padding: 0;
+ padding: 0;
}
+
/* Taglist that is limited in size - does not grow */
.et2_taglist.et2_taglist_small .ms-ctn,
.et2_taglist.et2_taglist_small .ms-res-ctn {
- min-width: auto;
+ min-width: auto;
}
+
.et2_taglist_small {
- position: relative;
- max-height: 3em;
- overflow: hidden;
+ position: relative;
+ max-height: 3em;
+ overflow: hidden;
}
+
.et2_taglist_small::before {
- content: attr(data-content) '';
- text-align: right;
- position: absolute;
- z-index: 10;
- bottom: 0px;
- right: 0;
- padding-top: 1em;
- padding-bottom: 3px;
- padding-right: 1em;
- padding-left: 2em;
- min-height: 1.2em;
- min-width: 25%;
- background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 25%);
+ content: attr(data-content) '';
+ text-align: right;
+ position: absolute;
+ z-index: 10;
+ bottom: 0px;
+ right: 0;
+ padding-top: 1em;
+ padding-bottom: 3px;
+ padding-right: 1em;
+ padding-left: 2em;
+ min-height: 1.2em;
+ min-width: 25%;
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 25%);
}
+
.et2_taglist_small:not(.et2_taglist_single) {
- border-bottom: 1px solid silver;
- border-right: 1px solid silver;
+ border-bottom: 1px solid silver;
+ border-right: 1px solid silver;
}
+
div .et2_taglist_small.et2_taglist_single div.ms-sel-ctn div.ms-sel-item {
- max-width: calc(100% - 43px);
- width: 100%;
+ max-width: calc(100% - 43px);
+ width: 100%;
}
+
.et2_taglist_toggle.et2_taglist_small::before {
}
+
.et2_taglist_small.ui-state-hover,
.et2_taglist_small.ui-state-active {
- max-height: none;
- min-width: 10em;
- background: white;
- z-index: 5;
- margin-top: 0px;
- transition-duration: 0s;
- font-weight: normal;
- overflow: visible;
+ max-height: none;
+ min-width: 10em;
+ background: white;
+ z-index: 5;
+ margin-top: 0px;
+ transition-duration: 0s;
+ font-weight: normal;
+ overflow: visible;
}
+
.et2_taglist_small.ui-state-hover::before,
.et2_taglist_small.ui-state-active::before {
- display: none;
+ display: none;
}
+
.et2_taglist_small div.ms-sel-item {
- white-space: nowrap;
- overflow: hidden;
+ white-space: nowrap;
+ overflow: hidden;
}
.et2_taglist.et2_taglist_single.nm_filterheader_taglist div.ms-ctn input {
- min-width: calc(100% - 30px);
+ min-width: calc(100% - 30px);
}
/* Taglist category */
.et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) {
- height: 1.7em;
- width: 6px;
- margin: -3px -5px;
- float: left;
+ height: 1.7em;
+ width: 6px;
+ margin: -3px -5px;
+ float: left;
}
+
.et2_taglist_category.et2_taglist_single span[class*="cat_"]:not([class*="cat_level"]) {
- height: 2em;
- margin-bottom: -6px;
- position: absolute;
+ height: 2em;
+ margin-bottom: -6px;
+ position: absolute;
margin-left: -8px;
margin-top: -2px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
+
.et2_taglist_category .ms-res-item > span {
- margin-left: 3px;
+ margin-left: 3px;
}
+
.et2_taglist_category .ms-sel-item > span:first-child {
- padding-left: 5px;
+ padding-left: 5px;
}
@@ -1581,128 +1883,149 @@ div .et2_taglist_small.et2_taglist_single div.ms-sel-ctn div.ms-sel-item {
* VFS widget(s)
*/
ul.et2_vfs {
- padding-left: 0px;
- margin: 1px;
+ padding-left: 0px;
+ margin: 1px;
}
+
.et2_vfs li.vfsFilename {
- display: inline;
+ display: inline;
}
+
.et2_vfs li.vfsFilename:not(:last-child):after {
- padding: 0.25ex;
+ padding: 0.25ex;
}
+
.et2_vfs table {
- width: 100%;
- max-height: 6em;
- overflow: auto;
+ width: 100%;
+ max-height: 6em;
+ overflow: auto;
}
+
.et2_vfs td.icon {
- width: 16px;
- max-width: 16px;
+ width: 16px;
+ max-width: 16px;
}
+
button.et2_vfs_btn {
- margin: 0;
- text-align: left;
- height: 24px !important;
- padding-left: 30px !important;
+ margin: 0;
+ text-align: left;
+ height: 24px !important;
+ padding-left: 30px !important;
background-repeat: no-repeat;
- background-position: 4px center;
- background-size: 20px auto;
+ background-position: 4px center;
+ background-size: 20px auto;
}
+
img.vfsMimeIcon, #api\.vfsSelectUI img.vfsMimeIcon {
- max-height: 16px;
- height: auto;
+ max-height: 16px;
+ height: auto;
}
+
img.vfsMimeIcon[src*="/etemplate/thumbnail.php"] {
- max-height: none;
+ max-height: none;
}
/**
* Validation
*/
.et2_required, [required] {
- background-color: #ffffd0;
+ background-color: #ffffd0;
}
+
td.et2_required {
- background-color: transparent;
+ background-color: transparent;
}
+
.invalid {
- border: 1px solid #a6261d;
- background-color: #faecec;
+ border: 1px solid #a6261d;
+ background-color: #faecec;
}
+
.error {
- -moz-border-radius: 0 4px 4px 0;
- -moz-box-shadow: 0 0 6px #DDDDDD;
- background-color: #FFFE36;
- border: 1px solid #E1E16D;
- color: #000000;
- font-size: 11px;
- min-height: 15px;
- padding: 4px 10px;
+ -moz-border-radius: 0 4px 4px 0;
+ -moz-box-shadow: 0 0 6px #DDDDDD;
+ background-color: #FFFE36;
+ border: 1px solid #E1E16D;
+ color: #000000;
+ font-size: 11px;
+ min-height: 15px;
+ padding: 4px 10px;
}
+
.error p {
- margin: 0;
+ margin: 0;
}
+
/**
* hrule widget
*/
hr {
- border-style: none;
- border-top: 1px solid silver;
- height: 1px;
- margin: 10px 0px 10px 0px;
+ border-style: none;
+ border-top: 1px solid silver;
+ height: 1px;
+ margin: 10px 0px 10px 0px;
}
+
/**
* grid widget
*/
table.et2_grid {
- border-collapse: collapse;
+ border-collapse: collapse;
}
+
.et2_grid td {
- /* border: 1px dashed silver;*/
+ /* border: 1px dashed silver;*/
}
+
.et2_grid td[align="right"] {
- padding-right: 8px;
+ padding-right: 8px;
}
+
table.egwGridView_grid img {
/* Keep images in a grid from growing if they're in a box */
flex-grow: 0;
}
+
/**
* Sortable grid
*/
table.et2_grid tbody.ui-sortable:not(.ui-sortable-disabled) > tr:not(.th) {
- cursor: ns-resize;
+ cursor: ns-resize;
}
.et2_scrollable_tbody {
- display: flex;
- flex-flow: column;
- height: 100%;
- width: 100%;
+ display: flex;
+ flex-flow: column;
+ height: 100%;
+ width: 100%;
}
+
.et2_scrollable_tbody thead {
- flex: 0 0 auto;
- width: calc(100% - 0.9em);
- display: table;
- table-layout: fixed;
+ flex: 0 0 auto;
+ width: calc(100% - 0.9em);
+ display: table;
+ table-layout: fixed;
}
-.et2_scrollable_tbody tbody > tr{
- width: 100%;
- display: table;
- table-layout: fixed;
+
+.et2_scrollable_tbody tbody > tr {
+ width: 100%;
+ display: table;
+ table-layout: fixed;
}
+
.et2_scrollable_tbody tbody {
- flex: 1 1 auto;
- display: block;
- overflow-y: scroll;
+ flex: 1 1 auto;
+ display: block;
+ overflow-y: scroll;
}
+
/**
* irame & loader
*/
.et2_iframe.loading {
- position: absolute;
- width: 100%;
- height: 100%;
+ position: absolute;
+ width: 100%;
+ height: 100%;
}
/**
@@ -1710,599 +2033,695 @@ table.et2_grid tbody.ui-sortable:not(.ui-sortable-disabled) > tr:not(.th) {
*/
/* Style used for a generic message (such as success messages or validation errors) */
div.message {
- display: block;
- border: 1px solid gray;
- padding: 3px 3px 3px 22px;
- margin: 5px 0px 5px 0px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-repeat: no-repeat;
- background-position: 3px center;
- clear: left;
- max-width: 500px;
+ display: block;
+ border: 1px solid gray;
+ padding: 3px 3px 3px 22px;
+ margin: 5px 0px 5px 0px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ background-repeat: no-repeat;
+ background-position: 3px center;
+ clear: left;
+ max-width: 500px;
}
+
div.message.floating {
- display: inline-block;
- margin: 0px 5px 0px 5px;
+ display: inline-block;
+ margin: 0px 5px 0px 5px;
}
+
.message.validation_error {
- color: #a93030;
- font-style: italic;
- background-color: #f3d4d0;
- border-color: #a93030;
- background-image: url(images/error.png);
- background-repeat: no-repeat;
- padding-left: 20px;
+ color: #a93030;
+ font-style: italic;
+ background-color: #f3d4d0;
+ border-color: #a93030;
+ background-image: url(images/error.png);
+ background-repeat: no-repeat;
+ padding-left: 20px;
}
+
.message.success {
- font-style: normal;
- background-color: #e5f3d0;
- color: #98a930;
- border-color: #9ea930;
- background-image: url(images/tick.png);
- background-repeat: no-repeat;
- padding-left: 20px;
- white-space: nowrap;
+ font-style: normal;
+ background-color: #e5f3d0;
+ color: #98a930;
+ border-color: #9ea930;
+ background-image: url(images/tick.png);
+ background-repeat: no-repeat;
+ padding-left: 20px;
+ white-space: nowrap;
}
+
.message.hint {
- font-style: normal;
- background-color: #d9e2ed;
- border-color: #56729a;
- color: #56729a;
- background-image: url(images/hint.png);
- background-repeat: no-repeat;
- padding-left: 20px;
+ font-style: normal;
+ background-color: #d9e2ed;
+ border-color: #56729a;
+ color: #56729a;
+ background-image: url(images/hint.png);
+ background-repeat: no-repeat;
+ padding-left: 20px;
}
+
/**
* Nextmatch widget
*/
.et2_nextmatch {
- /* background-color: silver;*/
+ /* background-color: silver;*/
}
-
/* Allow space for category color indicators, preserving column calculations */
.egwGridView_outer thead tr > th:first-child {
- border-left: 6px solid transparent;
+ border-left: 6px solid transparent;
}
+
.egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li {
- border-left: 6px solid transparent;
+ border-left: 6px solid transparent;
}
+
.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr.row_category td:first-child > div {
- margin-left:-6px;
- margin-right: 2px;
- padding-left: 4px;
+ margin-left: -6px;
+ margin-right: 2px;
+ padding-left: 4px;
}
/* Left & right headers*/
.et2_nextmatch > div > .header {
- margin-top: -20px;
- border: none;
+ margin-top: -20px;
+ border: none;
}
+
.nextmatch_header_row {
- width: 100%;
- padding-bottom: 5px;
- position: relative;
+ width: 100%;
+ padding-bottom: 5px;
+ position: relative;
}
+
.nextmatch_header .header_count {
- padding: 0px 10px;
- margin: 1px 6px 1px;
- height: 22px;
- border: 1px solid silver;
- text-align: center;
- border-radius: 3px;
- float: right;
- position: relative;
- min-width: 40px;
+ padding: 0px 10px;
+ margin: 1px 6px 1px;
+ height: 22px;
+ border: 1px solid silver;
+ text-align: center;
+ border-radius: 3px;
+ float: right;
+ position: relative;
+ min-width: 40px;
}
+
.nextmatch_header .header_count span {
- position: relative;
- top: 4px;
- font-size: 11px;
- color: gray;
+ position: relative;
+ top: 4px;
+ font-size: 11px;
+ color: gray;
}
+
.nextmatch_header .et2_dropdown button {
- border: 1px solid silver;
+ border: 1px solid silver;
}
-.nextmatch_header_row > select,.nextmatch_header_row > label > select {
- max-width: 14%;
- margin-right: 2ex;
+
+.nextmatch_header_row > select, .nextmatch_header_row > label > select {
+ max-width: 14%;
+ margin-right: 2ex;
}
+
.nextmatch_header_row > .header_row_right {
- float: right;
- padding-right: 1ex;
+ float: right;
+ padding-right: 1ex;
}
+
.nextmatch_header_row > .header_row_right > * {
- display: inline-block;
- float: left;
+ display: inline-block;
+ float: left;
}
+
.et2_nextmatch .nextmatch_header {
- border: none;
- background-image: none;
- background-color: transparent;
+ border: none;
+ background-image: none;
+ background-color: transparent;
}
+
.et2_nextmatch .nextmatch_header_row > div {
- display: inline-block;
+ display: inline-block;
}
+
/* Firefox only search clear button */
.et2_nextmatch .nextmatch_header_row input[type="search"] + span {
- position: relative;
- display: inline-block;
- top: 4px;
- margin-left: -16px;
- /* Clear icon (x) ui-icon-clear */
- background-position: -80px -128px;
+ position: relative;
+ display: inline-block;
+ top: 4px;
+ margin-left: -16px;
+ /* Clear icon (x) ui-icon-clear */
+ background-position: -80px -128px;
}
/* Favorites */
.nextmatch_header div[id$=favorite_wrapper] {
- position: relative;
- float: left;
+ position: relative;
+ float: left;
}
+
#nm_favorites_popup_filters .filter_id,
#nm_favorites_popup_filters .filter_value {
- width: 45%;
- display: inline-block;
+ width: 45%;
+ display: inline-block;
}
+
.nextmatch_header ul.favorites {
- min-width: 30ex;
- border: 1px solid silver;
- box-shadow: 6px 6px 9px gray;
+ min-width: 30ex;
+ border: 1px solid silver;
+ box-shadow: 6px 6px 9px gray;
}
+
.ui-fav-sortable-placeholder {
- height: 24px;
- border: 1px dashed silver;
- border-radius: 2px;
- margin: 0px;
- padding: 2px 5px;
+ height: 24px;
+ border: 1px dashed silver;
+ border-radius: 2px;
+ margin: 0px;
+ padding: 2px 5px;
}
+
.nextmatch_header .favorites li .ui-menu .ui-menu-item a {
- text-indent: -22px;
- margin-left: 21px;
+ text-indent: -22px;
+ margin-left: 21px;
}
+
.nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover {
- margin-left: 20px;
+ margin-left: 20px;
}
+
.favorites li span.ui-state-active {
- border: none;
+ border: none;
}
+
.favorites input,
.favorites img {
- margin-right: 1ex;
+ margin-right: 1ex;
}
+
.favorites li.ui-menu-item img {
- width: 12px;
- height: 12px;
- margin-top: -3px;
- margin-left: 2px;
- vertical-align: middle;
+ width: 12px;
+ height: 12px;
+ margin-top: -3px;
+ margin-left: 2px;
+ vertical-align: middle;
}
+
.favorites div.ui-icon-trash {
- position: relative;
- float: right;
- display: none;
+ position: relative;
+ float: right;
+ display: none;
}
+
.favorites li:hover div.ui-icon {
- display: inline-block;
+ display: inline-block;
}
+
.favorites .sideboxstar {
- height: 9px;
- display: inline-block;
- padding: 0px 4px;
- margin: -2px 5px;
- background-image: url(images/fav_filter.png);
- background-size: 9px 9px;
+ height: 9px;
+ display: inline-block;
+ padding: 0px 4px;
+ margin: -2px 5px;
+ background-image: url(images/fav_filter.png);
+ background-size: 9px 9px;
}
+
.sidebox-favorites ul.favorites {
- width: 99%;
- padding: 0px;
- border: none;
- background: white;
+ width: 99%;
+ padding: 0px;
+ border: none;
+ background: white;
}
+
.sidebox-favorites .ui-menu .ui-menu-item a {
- line-height: inherit;
- padding: 2px 0px;
+ line-height: inherit;
+ padding: 2px 0px;
}
+
.sidebox-favorites .ui-menu .ui-menu-item a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
+
.sidebox-favorites .favorites div.ui-icon-heart {
- position: relative;
- vertical-align: middle;
- display: inline-block;
- margin: -1px 1px 0px 1px;
+ position: relative;
+ vertical-align: middle;
+ display: inline-block;
+ margin: -1px 1px 0px 1px;
}
+
.sidebox-favorites .favorites div.ui-icon-trash {
- margin-top: -5px;
- margin-right: 4px;
+ margin-top: -5px;
+ margin-right: 4px;
}
+
ul[id$='favorites_popup_state'] span.filter_value {
- position: absolute;
- left: 50%;
- white-space: nowrap;
+ position: absolute;
+ left: 50%;
+ white-space: nowrap;
}
+
.nextmatch_sortheader {
- color: #003075;
- cursor: pointer;
- padding-right: 10px;
- margin-right: 10px;
- background-repeat: no-repeat;
- background-position: right center;
+ color: #003075;
+ cursor: pointer;
+ padding-right: 10px;
+ margin-right: 10px;
+ background-repeat: no-repeat;
+ background-position: right center;
}
+
.nextmatch_sortheader:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
+
.nextmatch_sortheader.asc {
- font-weight: bold;
- background-image: url(images/up.png);
+ font-weight: bold;
+ background-image: url(images/up.png);
}
+
.nextmatch_sortheader.desc {
- font-weight: bold;
- background-image: url(images/down.png);
+ font-weight: bold;
+ background-image: url(images/down.png);
}
+
.nextmatch_resize_helper {
- border-right: 1px dotted gray;
- min-height: 100%;
- background-color: gray;
- opacity: 0.5;
+ border-right: 1px dotted gray;
+ min-height: 100%;
+ background-color: gray;
+ opacity: 0.5;
}
@media print {
- /** Keeps rows from breaking */
- .et2_nextmatch .egwGridView_grid > tbody > tr {
- display: block;
- }
- .et2_nextmatch .egwGridView_spacer {
- display:none;
- }
- .et2_nextmatch .nextmatch_header {
- display: none !important;
- }
- .egwGridView_outer > thead {
- border-bottom: 1px solid;
- }
- .egwGridView_outer > thead select {
- appearance: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- }
- .egwGridView_grid > tbody > tr {
- page-break-inside: avoid;
- -webkit-region-break-inside: avoid;
- }
- .et2_nextmatch > div {
- width: auto !important;
- height: auto !important;
- }
- .et2_nextmatch table.egwGridView_outer thead tr th div.innerContainer {
- max-height: inherit;
- }
- #cke_1_top.cke_top {
- display: none;
- border:none;
- }
- .et2_split, .et2_split > .splitter-pane {
- height: auto !important;
- width: auto !important;
- }
- /** Show tab labels full width, with a little extra space */
- .et2_tabbox .et2_tabflag {
- width: 100%;
- padding-top: 1em;
- margin-bottom: 0.5em;
- font-size: 150%;
- }
- .et2_tabs {
- overflow: visible;
- }
+ /** Keeps rows from breaking */
+ .et2_nextmatch .egwGridView_grid > tbody > tr {
+ display: block;
+ }
+
+ .et2_nextmatch .egwGridView_spacer {
+ display: none;
+ }
+
+ .et2_nextmatch .nextmatch_header {
+ display: none !important;
+ }
+
+ .egwGridView_outer > thead {
+ border-bottom: 1px solid;
+ }
+
+ .egwGridView_outer > thead select {
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ }
+
+ .egwGridView_grid > tbody > tr {
+ page-break-inside: avoid;
+ -webkit-region-break-inside: avoid;
+ }
+
+ .et2_nextmatch > div {
+ width: auto !important;
+ height: auto !important;
+ }
+
+ .et2_nextmatch table.egwGridView_outer thead tr th div.innerContainer {
+ max-height: inherit;
+ }
+
+ #cke_1_top.cke_top {
+ display: none;
+ border: none;
+ }
+
+ .et2_split, .et2_split > .splitter-pane {
+ height: auto !important;
+ width: auto !important;
+ }
+
+ /** Show tab labels full width, with a little extra space */
+ .et2_tabbox .et2_tabflag {
+ width: 100%;
+ padding-top: 1em;
+ margin-bottom: 0.5em;
+ font-size: 150%;
+ }
+
+ .et2_tabs {
+ overflow: visible;
+ }
}
+
/**
* Grid / nextmatch Hierarchy
*/
/* Make sure arrow & cell content don't overlap */
.et2_nextmatch .egwGridView_grid span.arrow {
- margin: 6px -12px 4px 4px;
- float: left;
- position: relative;
+ margin: 6px -12px 4px 4px;
+ float: left;
+ position: relative;
}
+
/* Indent the sub-grid */
.egwGridView_grid .egwGridView_grid {
- margin-left: 10px;
- border-left: 1px solid silver;
+ margin-left: 10px;
+ border-left: 1px solid silver;
}
/** Initial height used for calculating average heights, before content is loaded */
-.egwGridView_grid > tbody > tr > td > .loading{
- min-height: 1.6em;
+.egwGridView_grid > tbody > tr > td > .loading {
+ min-height: 1.6em;
}
+
/**
* This class' margin-right is used to line up columns at each indent level
* Classes level_# are created programmatically with margin-right * depth
* Margin-right = -(indent + border)
*/
.indentation {
- margin-right: -11px;
+ margin-right: -11px;
}
+
/* End of hierarchy */
.et2_nextmatch .egwGridView_grid tr.focused {
- background: rgba(153, 204, 255, 0.4) !important;
+ background: rgba(153, 204, 255, 0.4) !important;
}
+
.et2_nextmatch .egwGridView_grid tr.focused.selected {
- background: rgba(153, 204, 255, 0.7) !important;
+ background: rgba(153, 204, 255, 0.7) !important;
}
+
/* Nextmatch tiled view */
.et2_nextmatch .egwGridView_grid tr.tile {
- display: inline-block;
- width: 240px;
- float: left;
- padding: 2px;
+ display: inline-block;
+ width: 240px;
+ float: left;
+ padding: 2px;
}
+
.et2_nextmatch .egwGridView_grid tr.tile > td > div > *:first-child {
- text-align: center;
+ text-align: center;
}
/* Mangled link-to widget inside a nextmatch - used for DnD uploads */
.et2_nextmatch * .et2_link_to {
- position: fixed;
- left: 0px;
- background-color: white;
- border: 1px gray;
- padding: 5px;
+ position: fixed;
+ left: 0px;
+ background-color: white;
+ border: 1px gray;
+ padding: 5px;
}
+
.et2_clickable {
- cursor: pointer;
+ cursor: pointer;
}
+
/**
* et2_portlet
*/
.et2_portlet .ui-widget-header {
- margin: 0em;
- padding-bottom: 4px;
- padding-left: 0.2em;
+ margin: 0em;
+ padding-bottom: 4px;
+ padding-left: 0.2em;
}
+
.et2_portlet .ui-widget-header span.ui-icon {
- display: inline-block;
- float: right;
+ display: inline-block;
+ float: right;
}
+
.et2_portlet .ui-widget-header span.ui-icon.ui-icon-gear {
- display: inline-block;
- float: left;
+ display: inline-block;
+ float: left;
}
+
/**
* et2_progress
*/
div.et2_progress {
- display: inline-block;
- border: 1px solid black;
- background-color: white;
- width: 30px;
- padding: 1px;
- margin: 2px;
- text-align: left;
+ display: inline-block;
+ border: 1px solid black;
+ background-color: white;
+ width: 30px;
+ padding: 1px;
+ margin: 2px;
+ text-align: left;
}
+
div.et2_progress > div {
- background-color: #D00000;
- height: 100%;
- min-height: 5px;
+ background-color: #D00000;
+ height: 100%;
+ min-height: 5px;
}
/**
* For resizing (nextmatch columns)
*/
table.egwGridView_outer.egwResizing .fixedWidth {
- opacity: 0.5;
+ opacity: 0.5;
}
+
table.egwGridView_outer thead tr th.noResize:hover {
background-image: none;
background-color: inherit;
}
+
.egwResizeOverlay {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0px;
- left: 0px;
- z-index: 99999;
- cursor: ew-resize;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+ z-index: 99999;
+ cursor: ew-resize;
}
+
.egwResizeHelper {
- position: absolute;
- display: block;
- z-index: 99998;
- opacity: 0.5;
- background-color: #829cbc;
- cursor: ew-resize;
+ position: absolute;
+ display: block;
+ z-index: 99998;
+ opacity: 0.5;
+ background-color: #829cbc;
+ cursor: ew-resize;
}
+
/**
* Indent grid sublevels
*/
.et2_nextmatch .subentry.level_1 div.et2_vbox {
- margin-left: 2.5em;
+ margin-left: 2.5em;
}
+
.et2_nextmatch .subentry.level_2 div.et2_vbox {
- margin-left: 5em;
+ margin-left: 5em;
}
+
.et2_nextmatch .subentry.level_3 div.et2_vbox {
- margin-left: 7.5em;
+ margin-left: 7.5em;
}
/**
* New entry (via push)
*/
.et2_nextmatch .new_entry {
- animation-name: new_entry_pulse, new_entry_clear;
- animation-duration: 5s;
- animation-delay: 0s, 180s;
- animation-fill-mode: forwards;
+ animation-name: new_entry_pulse, new_entry_clear;
+ animation-duration: 5s;
+ animation-delay: 0s, 180s;
+ animation-fill-mode: forwards;
}
+
@keyframes new_entry_pulse {
- 0% {
- background-color: rgba(255,255,185,0);
- }
- 15% {
- background-color: rgba(255,255,185, 1);
- }
- 100% {
- background-color: rgba(255,255,185,0.3);
- }
+ 0% {
+ background-color: rgba(255, 255, 185, 0);
+ }
+ 15% {
+ background-color: rgba(255, 255, 185, 1);
+ }
+ 100% {
+ background-color: rgba(255, 255, 185, 0.3);
+ }
}
+
@keyframes new_entry_clear {
- 100% {
- background-color: inherit;
- }
+ 100% {
+ background-color: inherit;
+ }
}
/**
* itempicker widget
*/
.et2_itempicker {
- display: block;
- position: relative;
- margin: 0;
- padding: 0;
- width: 100%;
- height: 256px;
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 256px;
}
+
.et2_itempicker_left {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 50px;
- overflow: hidden;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50px;
+ overflow: hidden;
}
+
.et2_itempicker_right {
- display: block;
- position: absolute;
- margin: 0;
- top: 0;
- left: 49px;
- right: 0;
- bottom: 0;
- border: 1px solid #b6b6b6;
- background-color: #f9f9f9;
+ display: block;
+ position: absolute;
+ margin: 0;
+ top: 0;
+ left: 49px;
+ right: 0;
+ bottom: 0;
+ border: 1px solid #b6b6b6;
+ background-color: #f9f9f9;
}
+
.et2_itempicker_right_container {
- display: block;
- position: relative;
- width: 100%;
- height: 100%;
+ display: block;
+ position: relative;
+ width: 100%;
+ height: 100%;
}
+
.et2_itempicker_app_select {
- list-style-type: none;
- padding: 0;
+ list-style-type: none;
+ padding: 0;
}
+
.et2_itempicker_app_select li {
- display: block;
- margin: 0;
- padding: 6px;
+ display: block;
+ margin: 0;
+ padding: 6px;
}
+
.et2_itempicker_app_select li.selected {
- border: 1px solid #b6b6b6;
- border-right: 1px solid transparent;
- background-color: #f9f9f9;
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
+ border: 1px solid #b6b6b6;
+ border-right: 1px solid transparent;
+ background-color: #f9f9f9;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
}
+
.et2_itempicker_search {
- display: inline-block;
- margin: 1em;
- margin-bottom: 0;
- margin-right: 0;
- width: 67%;
- padding: 0.2em;
+ display: inline-block;
+ margin: 1em;
+ margin-bottom: 0;
+ margin-right: 0;
+ width: 67%;
+ padding: 0.2em;
}
+
.et2_itempicker_clear {
- position: relative;
- top: 3px;
- left: -20px;
+ position: relative;
+ top: 3px;
+ left: -20px;
}
+
.et2_itempicker_button_action {
- position: absolute;
- margin: 1em;
- top: 0;
- right: 0;
+ position: absolute;
+ margin: 1em;
+ top: 0;
+ right: 0;
}
+
.et2_itempicker_itemlist {
- display: block;
- border: 1px solid #b6b6b6;
- margin: 1em;
- margin-bottom: 0;
- padding: 0;
- height: 67%;
- background-color: #ffffff;
- overflow: auto;
+ display: block;
+ border: 1px solid #b6b6b6;
+ margin: 1em;
+ margin-bottom: 0;
+ padding: 0;
+ height: 67%;
+ background-color: #ffffff;
+ overflow: auto;
}
+
.et2_itempicker_itemlist ul {
- margin: 0;
- padding: 0;
- list-style-type: none;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
}
+
.et2_itempicker_itemlist li {
- display: block;
- margin: 0;
- padding: 4px;
- color: #284d8a;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ display: block;
+ margin: 0;
+ padding: 4px;
+ color: #284d8a;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
+
.et2_itempicker_itemlist li.row_on {
- background-color: #f2f9fe;
+ background-color: #f2f9fe;
}
+
.et2_itempicker_itemlist li.selected {
- color: #ffffff;
- background-color: #3875d7;
+ color: #ffffff;
+ background-color: #3875d7;
}
+
/**
* et2_dialog: EGroupware left aligns all buttons, but [Delete]
*/
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
- float: left;
- width: 100%;
+ float: left;
+ width: 100%;
}
+
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
- float: left;
- margin-right: 1em;
- background-position: 3px;
- outline: none;
+ float: left;
+ margin-right: 1em;
+ background-position: 3px;
+ outline: none;
}
+
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.right {
float: right;
}
+
.et2_prompt #message {
- white-space: pre-wrap;
- padding-bottom: 10px;
+ white-space: pre-wrap;
+ padding-bottom: 10px;
}
+
.et2_prompt #value {
- width: 100%;
+ width: 100%;
}
+
.long_task .message {
- height: inherit;
+ height: inherit;
}
+
.long_task .message.error {
- color: white;
- background-color: red;
+ color: white;
+ background-color: red;
}
+
div.ui-dialog div.ui-dialog-content > div {
- width: 100%;
+ width: 100%;
}
+
/**
* et2_toolbar
*/
.et2_toolbar {
- border: none;
- background: none;
- margin: 0 !important;
- padding: 0 !important;
+ border: none;
+ background: none;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+div.et2_toolbar.ui-widget-header {
+ background: none;
}
-div.et2_toolbar.ui-widget-header {background: none;}
div.et2_toolbar_more h.ui-accordion-header.header_list-short span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
background-image: url(../../../pixelegg/images/dots.svg);
@@ -2318,18 +2737,21 @@ div.et2_toolbar_more h.ui-accordion-header.header_list-short {
height: 24px;
margin-top: 0px;
}
+
div.et2_toolbar_more h.ui-accordion-header.header_list-short span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
top: 0px;
left: auto;
}
+
.et2_toolbar_more .ui-accordion-header-active.header_list-short.ui-state-active span.ui-accordion-header-icon {
background-position: bottom !important;
margin-top: 2px;
left: 0;
top: 0;
}
+
.et2_toolbar .et2_toolbar_more h .toolbar-admin-pref {
- background-image: url(../../../pixelegg/images/setup.svg);
+ background-image: url(../../../pixelegg/images/setup.svg);
background-repeat: no-repeat;
background-size: 12px;
width: 20px;
@@ -2340,295 +2762,342 @@ div.et2_toolbar_more h.ui-accordion-header.header_list-short span.ui-accordion-h
top: 0px;
background-position: center;
}
+
.et2_toolbar .et2_toolbar_more h .toolbar-admin-pref:hover {
- background-color: #ffd555;
+ background-color: #ffd555;
}
+
.et2_toolbar .et2_toolbar_more span.ui-accordion-header-icon {
background-image: url(../../../pixelegg/images/arrow_right.svg);
background-position: center;
background-size: 12px;
background-repeat: no-repeat;
}
-.et2_toolbar .et2_toolbar_more .ui-toolbar-menulistHeader.ui-accordion-header-active.ui-state-active span.ui-accordion-header-icon{
+
+.et2_toolbar .et2_toolbar_more .ui-toolbar-menulistHeader.ui-accordion-header-active.ui-state-active span.ui-accordion-header-icon {
background-image: url(../../../pixelegg/images/arrow_down.svg);
background-size: 12px;
background-position: center;
background-repeat: no-repeat;
}
+
.et2_toolbar .et2_toolbar_actionlist span[data-group]:not(:first-child) > button.et2_button:first-child {
- margin-left: 7px;
+ margin-left: 7px;
}
+
.et2_toolbar .et2_toolbar_actionlist button.et2_button_with_image, .nextmatch_header_row .et2_button {
- width: 24px;
- height: 24px;
- background-position: center;
- background-size: 16px 16px;
- padding-left: 0;
- background-color: #fafafa;
+ width: 24px;
+ height: 24px;
+ background-position: center;
+ background-size: 16px 16px;
+ padding-left: 0;
+ background-color: #fafafa;
}
-.et2_toolbar .et2_toolbar_actionlist button.et2_button_with_image.et2_toolbar_hasCaption, .nextmatch_header_row .et2_button_text {
- width:auto;
- background-position: 6px center;
- padding-left: 26px;
- padding-right: 5px;
- color: #5B5B5B;
+
+.et2_toolbar .et2_toolbar_actionlist button.et2_button_with_image.et2_toolbar_hasCaption, .nextmatch_header_row .et2_button_text {
+ width: auto;
+ background-position: 6px center;
+ padding-left: 26px;
+ padding-right: 5px;
+ color: #5B5B5B;
}
+
.et2_toolbar .et2_toolbar_actionlist button.et2_button_with_image.et2_toolbar_onlyCaption {
- vertical-align: top;
- width:auto;
- padding-left: 3px;
- background-image: none;
+ vertical-align: top;
+ width: auto;
+ padding-left: 3px;
+ background-image: none;
}
+
.et2_toolbar button, .nextmatch_header_row button,
.et2_toolbar div.et2_progress,
.nextmatch_header_row div.et2_progress {
- margin: 1px 4px 1px 0;
- height: 24px;
- border-radius: 3px;
- background-color: #fafafa;
- border: 1px solid silver;
+ margin: 1px 4px 1px 0;
+ height: 24px;
+ border-radius: 3px;
+ background-color: #fafafa;
+ border: 1px solid silver;
}
+
.et2_toolbar div.et2_progress, .nextmatch_header_row div.et2_progress {
- padding: 0;
- height: 22px;
+ padding: 0;
+ height: 22px;
}
+
.et2_toolbar .et2_progress > div, .nextmatch_header_row .et2_progress > div {
- margin: 2px;
- border-radius: 3px;
- height: 18px;
+ margin: 2px;
+ border-radius: 3px;
+ height: 18px;
}
+
.et2_toolbar div.chzn-container-multi, .nextmatch_header_row div.chzn-container-multi {
- margin-right: 4px;
+ margin-right: 4px;
}
+
.et2_toolbar .chzn-container-multi ul.chzn-choices, .nextmatch_header_row .chzn-container-multi ul.chzn-choices {
- border-radius: 3px;
- border: 1px solid silver;
+ border-radius: 3px;
+ border: 1px solid silver;
}
+
.et2_toolbar .chzn-container-multi li.search-choice, .nextmatch_header_row .chzn-container-multi li.search-choice {
- margin: 1px;
+ margin: 1px;
}
+
.et2_toolbar .chzn-container-multi li.search-field input, .nextmatch_header_row .chzn-container-multi li.search-field input {
- padding: 3px;
+ padding: 3px;
}
+
/**
* Fileupload in toolbar or NM header
*/
.et2_toolbar div.et2_file, .nextmatch_header_row div.et2_file {
- width: 145px;
- margin-top: 1px;
- padding-right: 4px;
+ width: 145px;
+ margin-top: 1px;
+ padding-right: 4px;
}
+
.et2_toolbar div.et2_file span, .nextmatch_header_row div.et2_file span,
.et2_toolbar div.et2_file input, .nextmatch_header_row div.et2_file input {
- height: 16px;
- top: 0;
- margin: 0;
- border-radius: 3px;
- background-color: #fafafa;
- border: 1px solid silver;
- text-indent: 0;
- background-position: center;
+ height: 16px;
+ top: 0;
+ margin: 0;
+ border-radius: 3px;
+ background-color: #fafafa;
+ border: 1px solid silver;
+ text-indent: 0;
+ background-position: center;
}
+
/**
* Textbox in toolbar or NM header
*/
.et2_toolbar input.et2_textbox, .nextmatch_header_row input.et2_textbox {
- height: 18px;
- margin: 1px 4px 1px 0;
- border-radius: 3px;
- background-color: #fafafa;
- border: 1px solid silver;
- padding: 2px 5px 2px 2px;
+ height: 18px;
+ margin: 1px 4px 1px 0;
+ border-radius: 3px;
+ background-color: #fafafa;
+ border: 1px solid silver;
+ padding: 2px 5px 2px 2px;
}
+
/**
* Daterange selection in NM header
*/
.nextmatch_header_row span.et2_date[name$=date] {
- min-width: 14ex;
- padding: 0;
+ min-width: 14ex;
+ padding: 0;
}
+
.nextmatch_header_row span.et2_date[name$=date] > input.et2_date {
- margin: 1px 4px 1px 0;
- height: 22px;
- min-width: 14ex;
- padding: 0;
- background-color: #fafafa;
- border: 1px solid silver;
- border-radius: 3px;
- padding-left: 5px;
+ margin: 1px 4px 1px 0;
+ height: 22px;
+ min-width: 14ex;
+ padding: 0;
+ background-color: #fafafa;
+ border: 1px solid silver;
+ border-radius: 3px;
+ padding-left: 5px;
}
+
.nextmatch_header_row > div {
- float: left;
+ float: left;
}
+
.nextmatch_header_row:after {
clear: both;
display: block;
content: "";
}
+
.et2_toolbar select, .nextmatch_header_row select {
- height: 24px;
- margin: 1px 4px 1px 0;
- background-color: #fafafa;
- border: 1px solid silver;
- border-radius: 3px;
- padding-left: 5px;
+ height: 24px;
+ margin: 1px 4px 1px 0;
+ background-color: #fafafa;
+ border: 1px solid silver;
+ border-radius: 3px;
+ padding-left: 5px;
}
+
.et2_toolbar button.toolbar_toggled, .et2_searchbox button.et2_button.toolbar_toggled {
- background-color: lightgray;
- box-shadow: inset 1px 1px 1px 1px gray !important;
+ background-color: lightgray;
+ box-shadow: inset 1px 1px 1px 1px gray !important;
}
-.et2_toolbar-dropdown{
- margin: 1px;
- display: inline-block;
- direction: ltr;
- background: #E0E0E0 !important;
- background-color: #E0E0E0 !important;
- border: 1px solid silver;
- text-align: left;
- font-weight: normal !important;
- font-size: 9pt !important;
- vertical-align: bottom !important;
- padding: 1px !important;
+
+.et2_toolbar-dropdown {
+ margin: 1px;
+ display: inline-block;
+ direction: ltr;
+ background: #E0E0E0 !important;
+ background-color: #E0E0E0 !important;
+ border: 1px solid silver;
+ text-align: left;
+ font-weight: normal !important;
+ font-size: 9pt !important;
+ vertical-align: bottom !important;
+ padding: 1px !important;
}
-.et2_toolbar-dropdown > div{
- direction: ltr;
- display: inline;
- background: #E0E0E0 !important;
- background-color: #E0E0E0 !important;
- vertical-align: bottom !important;
- padding: 0 !important;
- margin: 0 !important;
+
+.et2_toolbar-dropdown > div {
+ direction: ltr;
+ display: inline;
+ background: #E0E0E0 !important;
+ background-color: #E0E0E0 !important;
+ vertical-align: bottom !important;
+ padding: 0 !important;
+ margin: 0 !important;
}
-.et2_toolbar-dropdown img{
- padding-left: 7px;
+
+.et2_toolbar-dropdown img {
+ padding-left: 7px;
background-repeat: no-repeat;
- background-position: 5% center;
+ background-position: 5% center;
background-size: 16px;
}
-.et2_toolbar-dropdown button:hover{
- color: transparent !important;
- border: none !important;
- background-color: transparent !important;
- vertical-align: bottom !important;
+
+.et2_toolbar-dropdown button:hover {
+ color: transparent !important;
+ border: none !important;
+ background-color: transparent !important;
+ vertical-align: bottom !important;
}
-.et2_toolbar-dropdown button{
- height: 100% !important;
- border: none !important;
- background: #E0E0E0 !important;
- background-color: #E0E0E0 !important;
- border-radius: 0 !important;
- color:#101010 !important;
- font-size: 9pt !important;
- font-weight: normal !important;
- vertical-align: bottom !important;
- padding: 0 !important;
- margin: 0 !important;
- min-height: 19px;
+.et2_toolbar-dropdown button {
+ height: 100% !important;
+ border: none !important;
+ background: #E0E0E0 !important;
+ background-color: #E0E0E0 !important;
+ border-radius: 0 !important;
+ color: #101010 !important;
+ font-size: 9pt !important;
+ font-weight: normal !important;
+ vertical-align: bottom !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ min-height: 19px;
}
-.et2_toolbar-dropdown ul> li{
- width: 100%
+
+.et2_toolbar-dropdown ul > li {
+ width: 100%
}
-.et2_toolbar-dropdown-menulist button{
- height: 100% !important;
- border: none;
- background: #E0E0E0 !important;
- background-color: #E0E0E0 !important;
+
+.et2_toolbar-dropdown-menulist button {
+ height: 100% !important;
+ border: none;
+ background: #E0E0E0 !important;
+ background-color: #E0E0E0 !important;
}
-.et2_toolbar-dropdown-menulist button:nth-child(2){
- float: right;
- padding: 0;
+
+.et2_toolbar-dropdown-menulist button:nth-child(2) {
+ float: right;
+ padding: 0;
}
-.et2_toolbar-dropdown ul{
- z-index: 1000 !important;
- position: absolute;
+
+.et2_toolbar-dropdown ul {
+ z-index: 1000 !important;
+ position: absolute;
}
-.et2_toolbar-dropdown ul >li{
+
+.et2_toolbar-dropdown ul > li {
}
-.et2_toolbar-dropdown-menulist ul{
- position: relative !important;
+
+.et2_toolbar-dropdown-menulist ul {
+ position: relative !important;
}
+
.et2_toolbar div.ui-toolbar-menulist button.et2_button_with_image {
background-size: 16px 16px;
background-color: #fafafa;
}
+
.et2_toolbar div.ui-toolbar-menulist span.slideSwitch_container {
- width:100%;
+ width: 100%;
}
-div.ui-toolbar-menulist{
- position: absolute;
- height: inherit;
- z-index: 999 !important;
- overflow: hidden !important;
- border: solid black 1px;
- padding: 0 !important;
- margin-top: 3px !important;
- min-width: 150px;
- padding-top: 3px;
+
+div.ui-toolbar-menulist {
+ position: absolute;
+ height: inherit;
+ z-index: 999 !important;
+ overflow: hidden !important;
+ border: solid black 1px;
+ padding: 0 !important;
+ margin-top: 3px !important;
+ min-width: 150px;
+ padding-top: 3px;
}
+
.ui-toolbar-menulist > h {
- padding-bottom: 7px;
- margin: 0;
+ padding-bottom: 7px;
+ margin: 0;
}
+
.ui-toolbar-menulist > button {
- margin: 0 !important;
- text-align: left;
- border-radius: 0 !important;
- width: 100% !important;
- white-space: nowrap;
- display: block;
+ margin: 0 !important;
+ text-align: left;
+ border-radius: 0 !important;
+ width: 100% !important;
+ white-space: nowrap;
+ display: block;
}
-.ui-toolbar-menulist > div{
- margin: 0 !important;
- text-align: left;
- border-radius: 0 !important;
- width: 100% !important;
- white-space: nowrap;
- background-color: #E0E0E0 !important;
- border: 1px solid silver;
+
+.ui-toolbar-menulist > div {
+ margin: 0 !important;
+ text-align: left;
+ border-radius: 0 !important;
+ width: 100% !important;
+ white-space: nowrap;
+ background-color: #E0E0E0 !important;
+ border: 1px solid silver;
}
-.ui-toolbar-menulistHeader{
- font-size: xx-small;
- height:100%;
- margin-top: 2px;
- direction: ltr;
+
+.ui-toolbar-menulistHeader {
+ font-size: xx-small;
+ height: 100%;
+ margin-top: 2px;
+ direction: ltr;
}
-.et2_toolbar_more{
- float:right;
- direction: rtl;
- padding-bottom: 3px;
+
+.et2_toolbar_more {
+ float: right;
+ direction: rtl;
+ padding-bottom: 3px;
}
+
div.et2_toolbar_more .ui-accordion-header-active {
- font-weight: normal;
- color:black;
- outline: none;
+ font-weight: normal;
+ color: black;
+ outline: none;
}
+
div.et2_toolbar_more h.ui-accordion-header {
- padding: 4px 30px 3px 25px !important;
- margin:1px;
+ padding: 4px 30px 3px 25px !important;
+ margin: 1px;
}
-.et2_toolbar_actionlist{
- float:left;
- height:24px;
- white-space: nowrap;
+
+.et2_toolbar_actionlist {
+ float: left;
+ height: 24px;
+ white-space: nowrap;
}
-.et2_toolbarDropArea{
- border: 1px dashed lightgray;
+
+.et2_toolbarDropArea {
+ border: 1px dashed lightgray;
}
+
.et2_label > input.et2_checkbox {
- margin-right: 5px;
+ margin-right: 5px;
}
/*slide switch representing checkbox*/
span.et2_checkbox_slideSwitch {
- position: relative;
+ position: relative;
display: inline-block;
- vertical-align: middle;
- border: 1px solid silver;
- cursor: pointer;
+ vertical-align: middle;
+ border: 1px solid silver;
+ cursor: pointer;
}
+
span.et2_checkbox_slideSwitch > span.slideSwitch_container {
height: 16px;
background-color: #FFF;
@@ -2640,46 +3109,52 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container {
padding: 3px 0px 3px 0px;
font-size: 12px;
}
-span.et2_checkbox_slideSwitch > span.slideSwitch_container > span {
- background-size: contain;
- background-repeat: no-repeat;
-}
-span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child {
- width: 50%;
- display: inline-block;
- text-align: center;
- text-align: -webkit-center;
- text-align: -moz-center;
- position: absolute;
- left:0;
- font-weight: bold;
- color:#C0C0C0;
- top: 4px;
+span.et2_checkbox_slideSwitch > span.slideSwitch_container > span {
+ background-size: contain;
+ background-repeat: no-repeat;
}
-span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child {
- color:#FAFAFA;
- z-index: 1;
-}
-span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container> span:nth-child(2) {
- color:#C0C0C0;
- z-index: 0;
-}
-span.et2_checkbox_slideSwitch > span.slideSwitch_container> span:nth-child(2) {
- width: 50%;
+
+span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:first-child {
+ width: 50%;
display: inline-block;
- text-align: center;
+ text-align: center;
text-align: -webkit-center;
- text-align: -moz-center;
- position: absolute;
- z-index:1;
- left:50%;
- font-weight: bold;
- color:#FAFAFA;
- top:4px;
+ text-align: -moz-center;
+ position: absolute;
+ left: 0;
+
+ font-weight: bold;
+ color: #C0C0C0;
+ top: 4px;
}
+
+span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:first-child {
+ color: #FAFAFA;
+ z-index: 1;
+}
+
+span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container > span:nth-child(2) {
+ color: #C0C0C0;
+ z-index: 0;
+}
+
+span.et2_checkbox_slideSwitch > span.slideSwitch_container > span:nth-child(2) {
+ width: 50%;
+ display: inline-block;
+ text-align: center;
+ text-align: -webkit-center;
+ text-align: -moz-center;
+ position: absolute;
+ z-index: 1;
+ left: 50%;
+ font-weight: bold;
+ color: #FAFAFA;
+ top: 4px;
+}
+
span.et2_checkbox_slideSwitch > span.slideSwitch_container a {
- position: absolute;
+ position: absolute;
right: 0px;
top: 0px;
z-index: 0;
@@ -2693,36 +3168,42 @@ span.et2_checkbox_slideSwitch > span.slideSwitch_container a {
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
+
span.et2_checkbox_slideSwitch > input {
- opacity: 0;
- position: absolute;
- z-index: 7;
- width: 100%;
- height: 100%;
- cursor: pointer;
+ opacity: 0;
+ position: absolute;
+ z-index: 7;
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
}
+
span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container a {
- right:50%;
+ right: 50%;
}
+
/* Slide switch in a toolbar */
.et2_toolbar_actionlist span.et2_checkbox_slideSwitch {
- vertical-align: bottom;
- margin: 1px;
- margin-right: 3px;
- border-radius: 3px;
- cursor: pointer;
+ vertical-align: bottom;
+ margin: 1px;
+ margin-right: 3px;
+ border-radius: 3px;
+ cursor: pointer;
}
+
.et2_toolbar_more span.et2_checkbox_slideSwitch {
- text-align: left;
- color: black;
- font-size: 11px;
- font-weight: normal;
- width: 100%;
+ text-align: left;
+ color: black;
+ font-size: 11px;
+ font-weight: normal;
+ width: 100%;
}
+
.et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container {
- width: 100%;
- float: left;
+ width: 100%;
+ float: left;
}
+
.et2_toolbar_more span.et2_checkbox_slideSwitch > input {
display: none;
}
@@ -2755,110 +3236,124 @@ span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container a {
ul.et2_nowrap, div.et2_nowrap {
display: inline-block;
}
-.et2_nowrap > *{
- padding-left: 5px;
+
+.et2_nowrap > * {
+ padding-left: 5px;
}
-.et2_nowrap > *:first-child{
- padding-left: 0;
+
+.et2_nowrap > *:first-child {
+ padding-left: 0;
}
-.et2_nowrap > label > *{
- padding-left: 5px;
+
+.et2_nowrap > label > * {
+ padding-left: 5px;
}
/**
* Some general styles usable for all apps (and widgets)
*/
-.et2_fullWidth, .et2_fullWidth input, .et2_fullWidth select,et2_fullWidth.et2_file
-.et2_fullWidth textarea , .et2_fullWidth input.et2_link_entry {
- width: 99%;
+.et2_fullWidth, .et2_fullWidth input, .et2_fullWidth select, et2_fullWidth.et2_file
+.et2_fullWidth textarea, .et2_fullWidth input.et2_link_entry {
+ width: 99%;
}
+
/* position icons behind input */
.et2_fullWidth, .et2_fullWidth span.et2_url_span {
- position: relative;
+ position: relative;
}
+
span.et2_url_span input.et2_fullWidth {
- width: calc(99% - 18px);
+ width: calc(99% - 18px);
}
+
.et2_fullWidth a.et2_url {
- position: absolute;
- height: 16px;
- right: -16px;
- top: 0px;
+ position: absolute;
+ height: 16px;
+ right: -16px;
+ top: 0px;
}
.et2_fullWidth input.et2_date_duration {
- float: left;
+ float: left;
}
+
.et2_fullWidth select.et2_date_duration {
- width: 75%;
- float: right;
+ width: 75%;
+ float: right;
}
/*et2_image_widget*/
div.et2_image_tooltipPopup {
- background: white;
- color: black;
- border: 1px solid gray;
- padding: 0;
- opacity: 1;
- max-width: 600px;
- max-height: 480px;
- box-shadow: 5px 5px 11px gray;
- overflow:auto;
+ background: white;
+ color: black;
+ border: 1px solid gray;
+ padding: 0;
+ opacity: 1;
+ max-width: 600px;
+ max-height: 480px;
+ box-shadow: 5px 5px 11px gray;
+ overflow: auto;
}
/*egw_action_ddHelper*/
div.et2_egw_action_ddHelper {
- z-index: 100;
+ z-index: 100;
}
+
/* The last div which shows Ctrl tip to user*/
div.et2_egw_action_ddHelper_tip {
- position: relative;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- float: left;
- background-color: rgba(0, 0, 0, 0.70);
- box-shadow: 6px 6px 8px gray;
- border: 1px solid black;
- border-top: none;
- color: white;
+ position: relative;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ float: left;
+ background-color: rgba(0, 0, 0, 0.70);
+ box-shadow: 6px 6px 8px gray;
+ border: 1px solid black;
+ border-top: none;
+ color: white;
}
+
div.et2_egw_action_ddHelper table.et2_egw_action_ddHelper_row {
- background-color: rgba(255, 194, 0, 0.70);
- box-shadow: 6px 6px 8px gray;
- border: 1px solid black;
+ background-color: rgba(255, 194, 0, 0.70);
+ box-shadow: 6px 6px 8px gray;
+ border: 1px solid black;
}
+
table.et2_egw_action_ddHelper_row tr {
- background: none;
- max-height: 20px;
+ background: none;
+ max-height: 20px;
}
+
/* Apply to all displaied rows in order to get same result*/
table.et2_egw_action_ddHelper_row * {
- white-space: nowrap !important;
- max-height: 15px;
- overflow:hidden;
- text-overflow: ellipsis;
- max-width: 400px;
+ white-space: nowrap !important;
+ max-height: 15px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 400px;
}
+
table.et2_egw_action_ddHelper_row img {
- width: 15px !important;
- height: 15px !important;
+ width: 15px !important;
+ height: 15px !important;
}
+
/* Last row of items which shows the number of more items*/
-tr.et2_egw_action_ddHelper_moreRow{
+tr.et2_egw_action_ddHelper_moreRow {
}
+
/* The big total item counter*/
span.et2_egw_action_ddHelper_itemsCnt {
- background: transparent;
- position: absolute;
- left: 20px;
- top: 8%;
- font-size: 367%;
- color: rgba(255, 255, 255, 1);
- text-align: center;
- font-weight: bold;
+ background: transparent;
+ position: absolute;
+ left: 20px;
+ top: 8%;
+ font-size: 367%;
+ color: rgba(255, 255, 255, 1);
+ text-align: center;
+ font-weight: bold;
}
@@ -2867,233 +3362,264 @@ span.et2_egw_action_ddHelper_itemsCnt {
*/
/* Paginating with nextmatch */
.blueimp-gallery-controls > .indicator.paginating {
- border-bottom: 2px solid rgba(255, 255, 255, 0.5);
- border-top: 2px solid rgba(255, 255, 255, 0.5);
- left: 0px;
- right: auto;
- white-space: nowrap;
- bottom:0;
+ border-bottom: 2px solid rgba(255, 255, 255, 0.5);
+ border-top: 2px solid rgba(255, 255, 255, 0.5);
+ left: 0px;
+ right: auto;
+ white-space: nowrap;
+ bottom: 0;
}
+
/*Carousel thumbnails*/
-.blueimp-gallery>.indicator>li {
- display: inline-block;
- width: auto;
- height: 100px;
- margin: 0;
- background: transparent;
- opacity: 1;
- cursor: pointer;
- border-radius: 0;
- border:0;
+.blueimp-gallery > .indicator > li {
+ display: inline-block;
+ width: auto;
+ height: 100px;
+ margin: 0;
+ background: transparent;
+ opacity: 1;
+ cursor: pointer;
+ border-radius: 0;
+ border: 0;
}
.blueimp-gallery > .indicator > li > img {
- display: inline-block;
- width: auto;
- height: 100px;
- margin:0;
- cursor: pointer;
- z-index: -1;
- position: relative;
+ display: inline-block;
+ width: auto;
+ height: 100px;
+ margin: 0;
+ cursor: pointer;
+ z-index: -1;
+ position: relative;
}
+
/*Make indicator visible all the time to be able accuratley estimate
current active slide position in thubmnal bar*/
-.blueimp-gallery>.indicator {
- opacity:0; /* Hide it through opacity*/
- white-space: nowrap;
- display: inline-block; /* Very important to keep gallery indicator always with display inline-block*/
+.blueimp-gallery > .indicator {
+ opacity: 0; /* Hide it through opacity*/
+ white-space: nowrap;
+ display: inline-block; /* Very important to keep gallery indicator always with display inline-block*/
}
+
/*Thumbnail border on hover*/
-.blueimp-gallery>.indicator>li:hover {
- -webkit-box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 1);
- -moz-box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 1);
- box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 1);
- background: transparent;
+.blueimp-gallery > .indicator > li:hover {
+ -webkit-box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 1);
+ -moz-box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 1);
+ box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 1);
+ background: transparent;
}
+
/*Active thumbnail border*/
-.blueimp-gallery>.indicator>.active
-{
- -webkit-box-shadow: inset 0px 0px 0px 4px #0c5da5;
- -moz-box-shadow: inset 0px 0px 0px 4px #0c5da5;
- box-shadow: inset 0px 0px 0px 4px #0c5da5;
- background: transparent;
+.blueimp-gallery > .indicator > .active {
+ -webkit-box-shadow: inset 0px 0px 0px 4px #0c5da5;
+ -moz-box-shadow: inset 0px 0px 0px 4px #0c5da5;
+ box-shadow: inset 0px 0px 0px 4px #0c5da5;
+ background: transparent;
}
+
/*Slideshow Play/Pause button*/
-body:last-child .blueimp-gallery>.play-pause, .blueimp-gallery>.play-pause{
- right: 50px;
- top: 20px;
- background-size: 44px 24px;
- width:24px;
- height:24px;
+body:last-child .blueimp-gallery > .play-pause, .blueimp-gallery > .play-pause {
+ right: 50px;
+ top: 20px;
+ background-size: 44px 24px;
+ width: 24px;
+ height: 24px;
}
+
/*fullScreen button*/
-.blueimp-gallery>.fullscreen{
- right: 85px;
- top: 20px;
- background-size: 24px;
- width:24px;
- height:24px;
+.blueimp-gallery > .fullscreen {
+ right: 85px;
+ top: 20px;
+ background-size: 24px;
+ width: 24px;
+ height: 24px;
}
+
/* download button*/
-.blueimp-gallery>.download{
- right: 120px;
- top: 20px;
- background: url(images/apply.svg) 0 0 no-repeat;
- background-size: 24px;
- height:24px;
- width:24px;
- filter: invert(1) brightness(1.5);
+.blueimp-gallery > .download {
+ right: 120px;
+ top: 20px;
+ background: url(images/apply.svg) 0 0 no-repeat;
+ background-size: 24px;
+ height: 24px;
+ width: 24px;
+ filter: invert(1) brightness(1.5);
}
+
/*close button*/
-.blueimp-gallery>.close{
- font-size: 40px;
+.blueimp-gallery > .close {
+ font-size: 40px;
}
+
/*Give room to Carousel indicator when the gallery controls is on*/
-.blueimp-gallery-controls>.slides {
- height:85%;
+.blueimp-gallery-controls > .slides {
+ height: 85%;
}
+
/*indicator bar with controls*/
-.blueimp-gallery-controls>.indicator {
- white-space: nowrap;
- opacity:1; /* When the controls panel is on then we need to show back the indicators*/
+.blueimp-gallery-controls > .indicator {
+ white-space: nowrap;
+ opacity: 1; /* When the controls panel is on then we need to show back the indicators*/
}
+
/*Generic class for text overflow ellipsis*/
.et2_ellipsis {
- text-overflow: ellipsis;
- overflow: hidden;
+ text-overflow: ellipsis;
+ overflow: hidden;
}
.et2_details {
- width:100%;
- color: black;
- background-color: transparent;
+ width: 100%;
+ color: black;
+ background-color: transparent;
}
-.et2_details .et2_details_wrapper{
- display: none;
+
+.et2_details .et2_details_wrapper {
+ display: none;
}
+
.et2_details .et2_details_toggle {
- background-color: #636363;
- border-radius: 3px;
- float: right;
- margin: 5px 8px 0px 0px;
+ background-color: #636363;
+ border-radius: 3px;
+ float: right;
+ margin: 5px 8px 0px 0px;
}
-.et2_details .et2_details_toggle:after{
- content: "+";
- color: white;
- font-size: 12pt;
- font-weight: bold;
- padding: 5px;
+
+.et2_details .et2_details_toggle:after {
+ content: "+";
+ color: white;
+ font-size: 12pt;
+ font-weight: bold;
+ padding: 5px;
}
-.et2_details.et2_details_expanded .et2_details_wrapper{
- display: block;
+
+.et2_details.et2_details_expanded .et2_details_wrapper {
+ display: block;
}
+
.et2_details.et2_details_expanded .et2_details_toggle:after {
- content: "\2212";
+ content: "\2212";
}
+
.et2_details .et2_details_title {
- cursor: pointer;
- margin-top: 12px;
+ cursor: pointer;
+ margin-top: 12px;
display: inline-block;
}
+
.et2_details.et2_details_expanded .et2_details_title {
- display: none;
+ display: none;
}
+
td.avatar {
- border:none;
+ border: none;
}
+
.avatar {
- box-shadow: 0px 0px 0px 1px #c0c0c07a;
- border-radius: 50%;
- overflow: hidden;
- width: 40px;
- height: 40px;
- background-image: url(images/photo.png);
- background-size: 35px 35px;
- background-repeat: no-repeat;
- background-position: center;
- bottom:25%;
- top:25%;
+ box-shadow: 0px 0px 0px 1px #c0c0c07a;
+ border-radius: 50%;
+ overflow: hidden;
+ width: 40px;
+ height: 40px;
+ background-image: url(images/photo.png);
+ background-size: 35px 35px;
+ background-repeat: no-repeat;
+ background-position: center;
+ bottom: 25%;
+ top: 25%;
flex-grow: 0;
margin: 0;
}
-.avatar img{
- padding-top:0 !important;
- width:40px;
- border:none;
- box-shadow: none;
+
+.avatar img {
+ padding-top: 0 !important;
+ width: 40px;
+ border: none;
+ box-shadow: none;
}
.et2_searchbox {
- position: relative;
- padding: 0;
- z-index: 10;
+ position: relative;
+ padding: 0;
+ z-index: 10;
}
+
.et2_searchbox .flex.overlay input {
- position: absolute;
-}
-.et2_searchbox .flex input{
- height: 18px;
- width: 100%;
- border-color: silver;
- border-radius: 3px;
- padding-right: 20px;
-}
-.et2_searchbox button.et2_button.toolbar_toggled {
- background-color: rgba(70, 155, 221, 0.16);
- box-shadow: inset 1px 1px 1px 0px #656769 !important;
-}
-.et2_searchbox span.ui-icon.clear{
- display: inline-block;
- background-position: -95px -126px;
- position: absolute;
- float: right;
- right: 8px;
- top: 3px;
-}
-.et2_searchbox .flex {
- width: 120px;
- position:relative;
- display: inline-block;
- padding-right: 28px;
- float: right;
-}
-.et2_searchbox .flex.overlay {
- width: 120px;
position: absolute;
}
-.et2_searchbox .flex.overlay span.ui-icon.clear {
- right: 0;
+
+.et2_searchbox .flex input {
+ height: 18px;
+ width: 100%;
+ border-color: silver;
+ border-radius: 3px;
+ padding-right: 20px;
}
+
+.et2_searchbox button.et2_button.toolbar_toggled {
+ background-color: rgba(70, 155, 221, 0.16);
+ box-shadow: inset 1px 1px 1px 0px #656769 !important;
+}
+
+.et2_searchbox span.ui-icon.clear {
+ display: inline-block;
+ background-position: -95px -126px;
+ position: absolute;
+ float: right;
+ right: 8px;
+ top: 3px;
+}
+
+.et2_searchbox .flex {
+ width: 120px;
+ position: relative;
+ display: inline-block;
+ padding-right: 28px;
+ float: right;
+}
+
+.et2_searchbox .flex.overlay {
+ width: 120px;
+ position: absolute;
+}
+
+.et2_searchbox .flex.overlay span.ui-icon.clear {
+ right: 0;
+}
+
.et2_searchbox .hide {
- display: none !important;
+ display: none !important;
}
/*Dialog headers styling*/
tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
-tr.dialogOperators td,.dialogFooterToolbar {
- padding: 5px 0 5px 3px;
- vertical-align: middle;
+tr.dialogOperators td, .dialogFooterToolbar {
+ padding: 5px 0 5px 3px;
+ vertical-align: middle;
}
+
.dialogHeader {
- vertical-align: middle;
- border-bottom: 1px solid #E6E6E6;
- height: 50px;
+ vertical-align: middle;
+ border-bottom: 1px solid #E6E6E6;
+ height: 50px;
+}
+
+tr.dialogHeader2 td {
+ padding-top: 15px;
}
-tr.dialogHeader2 td {padding-top:15px;}
/*readonly widget style*/
-.et2_button_ro,.et2_file_span.et2_button.et2_file_ro {
- opacity: 0.5;
- background-color: initial !important;
- box-shadow: none !important;
- cursor: default !important;
+.et2_button_ro, .et2_file_span.et2_button.et2_file_ro {
+ opacity: 0.5;
+ background-color: initial !important;
+ box-shadow: none !important;
+ cursor: default !important;
}
/*et2_selectbox select-cat chosen (cats selectbox with colors) */
-.nextmatch_header_row .chzn-container.et2_selectbox.select-cat .chzn-single
-{
- border: none;
+.nextmatch_header_row .chzn-container.et2_selectbox.select-cat .chzn-single {
+ border: none;
padding-left: 3px;
background: transparent;
box-shadow: none;
@@ -3101,13 +3627,13 @@ tr.dialogHeader2 td {padding-top:15px;}
border-radius: 3px;
height: 24px;
border-left: 6px solid transparent;
- line-height:16px;
+ line-height: 16px;
}
-.nextmatch_header_row .chzn-container.et2_selectbox.select-cat
-{
+
+.nextmatch_header_row .chzn-container.et2_selectbox.select-cat {
padding-right: 3px !important;
-webkit-appearance: none;
- height: 22px !important;
+ height: 22px !important;
margin: 1px 4px 1px 0;
background-color: #fafafa;
border: 1px solid silver;
@@ -3115,39 +3641,51 @@ tr.dialogHeader2 td {padding-top:15px;}
padding-left: 0px;
display: inline-block;
float: left;
- min-height: 20px;
- min-width: 160px;
+ min-height: 20px;
+ min-width: 160px;
+}
+
+.nextmatch_header_row .et2_selectbox.select-cat.chzn-container .chzn-results {
+ max-height: 340px;
}
-.nextmatch_header_row .et2_selectbox.select-cat.chzn-container .chzn-results {max-height: 340px;}
.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single {
- width: auto !important;
- background: white;
- position: inherit;
- margin-bottom: 3px;
+ width: auto !important;
+ background: white;
+ position: inherit;
+ margin-bottom: 3px;
}
-.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single a.chzn-single{
- border:none;
- border-radius: 0;
- background: white;
+
+.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single a.chzn-single {
+ border: none;
+ border-radius: 0;
+ background: white;
}
-.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-drop{
- top:auto;
- z-index: 10000;
- left:auto;
+
+.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-drop {
+ top: auto;
+ z-index: 10000;
+ left: auto;
}
+
.et2_nextmatch .egwGridView_outer .et2_selectbox.chzn-container-single.chzn-container-active.chzn-with-drop {
- position: static;
+ position: static;
}
+
/* Implementation for et2_selectbox mulit tags with single row*/
.et2_selectbox_multi_row ul.chzn-choices {
- height: auto;
+ height: auto;
}
-.nextmatch_header_row .et2_selectbox.chzn-container-multi { margin-top: 1px;}
+
+.nextmatch_header_row .et2_selectbox.chzn-container-multi {
+ margin-top: 1px;
+}
+
.et2_selectbox_single_row ul.chzn-choices {
- height: 24px !important;
+ height: 24px !important;
}
+
.et2_selectbox_single_row ul.chzn-choices:after {
content: attr(data-after);
width: 30px;
@@ -3165,7 +3703,7 @@ tr.dialogHeader2 td {padding-top:15px;}
color: #888888;
text-align: center;
padding-top: 2px;
- box-shadow: 0px 0px 10px 2px #888888;
+ box-shadow: 0px 0px 10px 2px #888888;
}
/*Posion the selected flag better*/
@@ -3173,15 +3711,19 @@ a.chzn-single.et2_country-select span.img {
color: transparent;
top: -4px;
}
+
.et2_nextmatch .chzn-container-single a.chzn-single.et2_country-select span.img {
- padding-top: 0;
+ padding-top: 0;
}
-.et2_nextmatch .chzn-container-single a.chzn-single.et2_country-select span{
- padding-top: 4px;
+
+.et2_nextmatch .chzn-container-single a.chzn-single.et2_country-select span {
+ padding-top: 4px;
}
+
.chzn-container-single .chzn-single.et2_country-select span {
- padding-top: 0;
+ padding-top: 0;
}
+
.et2_avatar {
overflow: hidden;
width: 40px;
@@ -3190,64 +3732,73 @@ a.chzn-single.et2_country-select span.img {
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center;
- bottom:25%;
- top:25%;
+ bottom: 25%;
+ top: 25%;
+}
+
+.tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke:nth-child(2) {
+ width: 60px;
}
-.tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke:nth-child(2) {width: 60px;}
div.eml {
- position:absolute;
- height: 100%;
- width: 100%;
- display: block;
- background: white;
- opacity:0.9;
- top:0;
- left:0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ display: block;
+ background: white;
+ opacity: 0.9;
+ top: 0;
+ left: 0;
}
div.eml div.emlEdit {
- background-image: url(../../../pixelegg/images/edit.png);
+ background-image: url(../../../pixelegg/images/edit.png);
background-position: center;
width: 100%;
height: 50%;
display: inline-block;
background-size: 30%;
background-repeat: no-repeat;
- opacity:0.5;
+ opacity: 0.5;
}
div.eml div.emlDelete {
- background-image: url(../../../pixelegg/images/delete.png);
+ background-image: url(../../../pixelegg/images/delete.png);
background-position: center;
width: 100%;
height: 50%;
display: inline-block;
background-size: 30%;
background-repeat: no-repeat;
- opacity:0.5;
+ opacity: 0.5;
}
-div.eml div.emlDelete:hover, div.eml div.emlEdit:hover {
- opacity:1;
- filter:contrast(9);
+div.eml div.emlDelete:hover, div.eml div.emlEdit:hover {
+ opacity: 1;
+ filter: contrast(9);
}
-.vfs-select-container .et2_toolbar *{
- float: left;
+.vfs-select-container .et2_toolbar * {
+ float: left;
}
-.vfs-select-toggle {display:none;}
+
+.vfs-select-toggle {
+ display: none;
+}
+
.vfs-select-app {
- display: inline-block;
+ display: inline-block;
padding: 5px;
}
+
.vfs-select-container .selectFiles {
- height: 250px;
- overflow-x: hidden;
- overflow-y: auto;
+ height: 250px;
+ overflow-x: hidden;
+ overflow-y: auto;
}
+
.vfs-select-container div.et2_file span {
- width: 22px !important;
+ width: 22px !important;
height: 22px !important;
padding: 0;
background-position-x: 3px !important;
@@ -3255,42 +3806,57 @@ div.eml div.emlDelete:hover, div.eml div.emlEdit:hover {
overflow: hidden !important;
text-indent: 100px !important;
}
+
.vfs-select-container div.et2_file {
- width: 24px;
+ width: 24px;
}
+
.vfs-select-container div.et2_file .progress {
- width: 252px;
+ width: 252px;
max-height: 12em;
overflow: auto;
padding: 0px;
float: right !important;
margin-left: 0;
}
-#api\.vfsSelectUI_app {width:177px}
+
+#api\.vfsSelectUI_app {
+ width: 177px
+}
+
#api\.vfsSelectUI_name {
- padding-right: 0;
- margin-right:0;
+ padding-right: 0;
+ margin-right: 0;
}
-#api\.vfsSelectUI_search.et2_searchbox .flex{
- width: 142px;
- padding-right: 0px;
+
+#api\.vfsSelectUI_search.et2_searchbox .flex {
+ width: 142px;
+ padding-right: 0px;
}
-#api\.vfsSelectUI_search.et2_searchbox .flex input{
- padding-right: 0px;
+
+#api\.vfsSelectUI_search.et2_searchbox .flex input {
+ padding-right: 0px;
}
-#api\.vfsSelectUI_path {width:100%;}
+
+#api\.vfsSelectUI_path {
+ width: 100%;
+}
+
#api\.vfsSelectUI_path .et2_textbox.et2_vfs {
- padding-right: 0px;
- margin-right: 0px;
+ padding-right: 0px;
+ margin-right: 0px;
}
+
tr.disableIfNoEPL {
box-shadow: inset 1px 1px 1px 1px #b9b9b9bf;
}
+
.disableIfNoEPL td {
opacity: 0.6;
}
+
.disableIfNoEPL:after {
- content: 'EPL ONLY';
+ content: 'EPL ONLY';
color: #ffffff;
position: absolute;
opacity: 0.5;
@@ -3306,23 +3872,32 @@ tr.disableIfNoEPL {
margin-right: 1px;
border-radius: 1px;
}
+
.egw_fw_ui_sidemenu_listitem.disableIfNoEPL > * {
opacity: 0.5;
pointer-events: none;
}
+
.egw_fw_ui_sidemenu_entry_content hr {
/* HR in sidebox */
border-top: 1px solid silver;
margin: 10px 5px 2px 5px;
}
-.inactive_blur > * {opacity: 0.4; filter:blur(2px); pointer-events: none;}
+
+.inactive_blur > * {
+ opacity: 0.4;
+ filter: blur(2px);
+ pointer-events: none;
+}
.et2_editable {
- cursor: url(images/cursor_editable.svg), pointer;
+ cursor: url(images/cursor_editable.svg), pointer;
}
+
.dragover {
- position: relative;
+ position: relative;
}
+
.dragover::after {
content: ' ';
height: 100%;
@@ -3343,42 +3918,51 @@ tr.disableIfNoEPL {
}
.colselection.ui-widget-content {
- width: 45%;
+ width: 45%;
}
.colselection .et2_selectbox .ui-widget-header.ui-helper-clearfix {
- padding: 10px;
- font-size:10pt;
+ padding: 10px;
+ font-size: 10pt;
}
+
.colselection .et2_selectbox .ui-multiselect-checkboxes li {
- border-bottom: 1px solid #e6e6e6;
+ border-bottom: 1px solid #e6e6e6;
padding-bottom: 3px;
padding-top: 3px;
}
-.colselection .et2_selectbox .ui-multiselect-checkboxes li label{
- cursor: grab;
+
+.colselection .et2_selectbox .ui-multiselect-checkboxes li label {
+ cursor: grab;
+}
+
+.colselection .et2_selectbox .ui-multiselect-checkboxes li label.ui-state-hover {
+ background: none;
}
-.colselection .et2_selectbox .ui-multiselect-checkboxes li label.ui-state-hover {background: none;}
.colselection.ui-widget-content .et2_selectbox {
- height: calc(100% - 68px);
+ height: calc(100% - 68px);
}
+
.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
- height: calc(100% - 68px) !important;
+ height: calc(100% - 68px) !important;
}
+
.et2_countdown {
margin-left: 10px;
background: #f1f1f1;
}
+
.et2_countdown > span {
margin-right: 10px;
}
+
span.et2_countdown_seconds {
margin-right: 0px;
}
/*et2_audio widget*/
-.et2_audio.et2_audio_autohide{
+.et2_audio.et2_audio_autohide {
width: 35px;
height: 35px;
overflow: hidden;
@@ -3387,13 +3971,16 @@ span.et2_countdown_seconds {
transition: width 1s;
transition-delay: 1s;
}
+
.et2_audio.et2_audio_autohide audio {
margin-left: -7px;
height: 35px;
}
+
.et2_audio.et2_audio_autohide:hover {
width: 280px;
}
+
.et2_audio audio {
outline: none;
}
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index d5df581629..53801bbcb8 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -46,126 +46,154 @@
* @version $Id$
*/
@media (prefers-color-scheme: dark) {
- html[data-darkmode='2'] {
- background: #000;
- filter: invert(1) hue-rotate(180deg) brightness(0.7);
- }
- html[data-darkmode='2'] #loginMainDiv {
- filter: invert(1) hue-rotate(180deg) !important;
- }
- html[data-darkmode='2'] #loginMainDiv div#centerBox {
- filter: invert(1) hue-rotate(180deg) !important;
- }
+ html[data-darkmode='2'] {
+ background: #000;
+ filter: invert(1) hue-rotate(180deg) brightness(0.7);
+ }
+
+ html[data-darkmode='2'] #loginMainDiv {
+ filter: invert(1) hue-rotate(180deg) !important;
+ }
+
+ html[data-darkmode='2'] #loginMainDiv div#centerBox {
+ filter: invert(1) hue-rotate(180deg) !important;
+ }
}
+
/**
* DARK THEME
*/
@media all {
- html[data-darkmode='1'] {
- background: #000;
- filter: invert(1) hue-rotate(180deg) brightness(0.7);
- }
- html[data-darkmode='1'] img,
- html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
- html[data-darkmode='1'] #blueimp-gallery ol,
- html[data-darkmode='1'] iframe,
- html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active,
- html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content,
- html[data-darkmode='1'] video,
- html[data-darkmode='1'] #loginMainDiv,
- html[data-darkmode='1'] .et2_taglist_tags_icon {
- filter: invert(1) hue-rotate(180deg) !important;
- }
- html[data-darkmode='1'] #blueimp-gallery video,
- html[data-darkmode='1'] #blueimp-gallery .video-content {
- filter: invert(0) hue-rotate(180deg) !important;
- }
- html[data-darkmode='1'] #loginMainDiv div#centerBox {
- filter: invert(1) hue-rotate(180deg) !important;
- }
- html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon,
- html[data-darkmode='1'] .egw_tooltip,
- html[data-darkmode='1'] body .egw_message_wrapper,
- html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu,
- html[data-darkmode='1'] .ui-dialog,
- html[data-darkmode='1'] .box_shadow,
- html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded {
- box-shadow: 0px 0px 2px 2px #666666;
- -moz-box-shadow: 0px 0px 2px 2px #666666;
- -webkit-box-shadow: 0px 0px 2px 2px #666666;
- -khtml-box-shadow: 0px 0px 2px 2px #666666;
- }
- html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #calendar_sidebox_header {
- border-color: #ff9dca !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #ff9dca !important;
- }
- html[data-darkmode='1'] #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #addressbook_sidebox_header {
- border-color: #aadaff !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #aadaff !important;
- }
- html[data-darkmode='1'] #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #infolog_sidebox_header {
- border-color: #ffccff !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #ffccff !important;
- }
- html[data-darkmode='1'] #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #timesheet_sidebox_header {
- border-color: #ffdbff !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #ffdbff !important;
- }
- html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #mail_sidebox_header {
- border-color: #5db9ec !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #5db9ec !important;
- }
- html[data-darkmode='1'] #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #projectmanager_sidebox_header {
- border-color: #487b7b !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #487b7b !important;
- }
- html[data-darkmode='1'] #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #resources_sidebox_header {
- border-color: #aee0e0 !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #aee0e0 !important;
- }
- html[data-darkmode='1'] #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #admin_sidebox_header {
- border-color: #cccccc !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #cccccc !important;
- }
- html[data-darkmode='1'] #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #filemanager_sidebox_header {
- border-color: #ac4500 !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #ac4500 !important;
- }
- html[data-darkmode='1'] #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
- html[data-darkmode='1'] #bookmarks_sidebox_header {
- border-color: #cc6633 !important;
- }
- html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top-color: #cc6633 !important;
- }
+ html[data-darkmode='1'] {
+ background: #000;
+ filter: invert(1) hue-rotate(180deg) brightness(0.7);
+ }
+
+ html[data-darkmode='1'] img,
+ html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
+ html[data-darkmode='1'] #blueimp-gallery ol,
+ html[data-darkmode='1'] iframe,
+ html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active,
+ html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content,
+ html[data-darkmode='1'] video,
+ html[data-darkmode='1'] #loginMainDiv,
+ html[data-darkmode='1'] .et2_taglist_tags_icon {
+ filter: invert(1) hue-rotate(180deg) !important;
+ }
+
+ html[data-darkmode='1'] #blueimp-gallery video,
+ html[data-darkmode='1'] #blueimp-gallery .video-content {
+ filter: invert(0) hue-rotate(180deg) !important;
+ }
+
+ html[data-darkmode='1'] #loginMainDiv div#centerBox {
+ filter: invert(1) hue-rotate(180deg) !important;
+ }
+
+ html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon,
+ html[data-darkmode='1'] .egw_tooltip,
+ html[data-darkmode='1'] body .egw_message_wrapper,
+ html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu,
+ html[data-darkmode='1'] .ui-dialog,
+ html[data-darkmode='1'] .box_shadow,
+ html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded {
+ box-shadow: 0px 0px 2px 2px #666666;
+ -moz-box-shadow: 0px 0px 2px 2px #666666;
+ -webkit-box-shadow: 0px 0px 2px 2px #666666;
+ -khtml-box-shadow: 0px 0px 2px 2px #666666;
+ }
+
+ html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #calendar_sidebox_header {
+ border-color: #ff9dca !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #ff9dca !important;
+ }
+
+ html[data-darkmode='1'] #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #addressbook_sidebox_header {
+ border-color: #aadaff !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #aadaff !important;
+ }
+
+ html[data-darkmode='1'] #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #infolog_sidebox_header {
+ border-color: #ffccff !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #ffccff !important;
+ }
+
+ html[data-darkmode='1'] #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #timesheet_sidebox_header {
+ border-color: #ffdbff !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #ffdbff !important;
+ }
+
+ html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #mail_sidebox_header {
+ border-color: #5db9ec !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #5db9ec !important;
+ }
+
+ html[data-darkmode='1'] #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #projectmanager_sidebox_header {
+ border-color: #487b7b !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #487b7b !important;
+ }
+
+ html[data-darkmode='1'] #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #resources_sidebox_header {
+ border-color: #aee0e0 !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #aee0e0 !important;
+ }
+
+ html[data-darkmode='1'] #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #admin_sidebox_header {
+ border-color: #cccccc !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #cccccc !important;
+ }
+
+ html[data-darkmode='1'] #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #filemanager_sidebox_header {
+ border-color: #ac4500 !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #ac4500 !important;
+ }
+
+ html[data-darkmode='1'] #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
+ html[data-darkmode='1'] #bookmarks_sidebox_header {
+ border-color: #cc6633 !important;
+ }
+
+ html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+ border-top-color: #cc6633 !important;
+ }
}
+
/**
* Styles for etemplate2 widgets
* Überschreibt egroupware/etemplate/templates/default/etemplate2.css
@@ -175,372 +203,438 @@
*/
/*@import (less) "../../api/templates/default/etemplate2.css";*/
@media all {
- /**
+ /**
* Top level
*/
- .et2_container {
- padding: 0px;
- background-color: transparent;
- }
- .et2_container > div:not([class]) {
- height: 100%;
- }
- /**
+ .et2_container {
+ padding: 0px;
+ background-color: transparent;
+ }
+
+ .et2_container > div:not([class]) {
+ height: 100%;
+ }
+
+ /**
* Basic rules
*/
- input,
- button,
- select {
- margin: 1px;
- /*-webkit-appearance: none;*/
- }
- /**
+ input,
+ button,
+ select {
+ margin: 1px;
+ /*-webkit-appearance: none;*/
+ }
+
+ /**
* img gray filter
*/
- img.et2_appicon,
- .et2_appicon img,
- table.egwGridView_grid img.et2_appicon {
- /*filter grey*/
- filter: url("data:image/svg+xml;utf8,#grayscale");
- -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: gray;
- /* IE 6-9 */
- }
- /**
+ img.et2_appicon,
+ .et2_appicon img,
+ table.egwGridView_grid img.et2_appicon {
+ /*filter grey*/
+ filter: url("data:image/svg+xml;utf8,#grayscale");
+ -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: gray;
+ /* IE 6-9 */
+ }
+
+ /**
* VBox widget
*/
- div.et2_vbox > * {
- display: block;
- }
- /**
+ div.et2_vbox > * {
+ display: block;
+ }
+
+ /**
* HBox widget
*/
- div.et2_hbox_right {
- background: transparent;
- }
- /**
+ div.et2_hbox_right {
+ background: transparent;
+ }
+
+ /**
* Placeholder widget - used for un-implemented widgets
*/
- .et2_placeholder {
- display: inline-block;
- /*border: 1px solid cornflowerblue;*/
- border: 1px solid rgba(0, 0, 0, 0.15);
- background-color: #E6E6E6;
- }
- .et2_placeholder .et2_attr {
- color: #000000;
- }
- /**
+ .et2_placeholder {
+ display: inline-block;
+ /*border: 1px solid cornflowerblue;*/
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ background-color: #E6E6E6;
+ }
+
+ .et2_placeholder .et2_attr {
+ color: #000000;
+ }
+
+ /**
* Label widget, and labels for other widgets
*/
- .et2_label {
- color: #1E1E1E;
- white-space: pre-wrap;
- }
- /**
+ .et2_label {
+ color: #1E1E1E;
+ white-space: pre-wrap;
+ }
+
+ /**
* img Icons
*/
- a.et2_url {
- background-position: center;
- background-repeat: no-repeat;
- background-size: 14px 14px;
- cursor: pointer;
- margin: -4px;
- padding: 2px;
- padding-left: 16px;
- margin-left: -10px;
- }
- a.et2_url.email {
- background-image: url(../images/email.svg);
- }
- a.et2_url.phone {
- background-image: url(../images/phone.svg);
- }
- a.et2_url.url {
- background-image: url(../images/url.svg);
- }
- /**
+ a.et2_url {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 14px 14px;
+ cursor: pointer;
+ margin: -4px;
+ padding: 2px;
+ padding-left: 16px;
+ margin-left: -10px;
+ }
+
+ a.et2_url.email {
+ background-image: url(../images/email.svg);
+ }
+
+ a.et2_url.phone {
+ background-image: url(../images/phone.svg);
+ }
+
+ a.et2_url.url {
+ background-image: url(../images/url.svg);
+ }
+
+ /**
* Button widget - text only, and icon
*/
- .et2_button {
- text-shadow: 0px 0px !important;
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- }
- .et2_button_icon {
- height: 16px;
- background-color: transparent;
- }
- /* give the image a button lock and feel*/
- img.et2_button_icon[src*="svg"] {
- background-color: #b4b4b4;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
- background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
- background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
- background-repeat: repeat-x;
- }
- img.et2_button_icon[src*="svg"]:hover {
- background-color: #b3e4a6;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
- background-image: -moz-linear-gradient(top, #b3e4a6, #b3e4a6);
- background-image: -ms-linear-gradient(top, #b3e4a6, #b3e4a6);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3e4a6), to(#b3e4a6));
- background-image: -webkit-linear-gradient(top, #b3e4a6, #b3e4a6);
- background-image: -o-linear-gradient(top, #b3e4a6, #b3e4a6);
- background-image: linear-gradient(top, #b3e4a6, #b3e4a6);
- background-repeat: repeat-x;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- }
- img.et2_button_icon[src*="svg"]: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);
- }
- /*look in layout_content_elements*/
- .et2_selectbox .ui-multiselect-checkboxes li:hover {
- background-color: rgba(102, 153, 204, 0.7) !important;
- }
- .et2_selectbox .ui-multiselect-checkboxes label {
- display: block;
- border: 0px solid transparent;
- padding: 0.1em 0.2em;
- }
- .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
- /*visibility: hidden;*/
- background-image: url(../images/close.svg);
- margin: -2px -3px;
- padding: 0px;
- }
- /**
+ .et2_button {
+ text-shadow: 0px 0px !important;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ }
+
+ .et2_button_icon {
+ height: 16px;
+ background-color: transparent;
+ }
+
+ /* give the image a button lock and feel*/
+ img.et2_button_icon[src*="svg"] {
+ background-color: #b4b4b4;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
+ background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-repeat: repeat-x;
+ }
+
+ img.et2_button_icon[src*="svg"]:hover {
+ background-color: #b3e4a6;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top, #b3e4a6, #b3e4a6);
+ background-image: -ms-linear-gradient(top, #b3e4a6, #b3e4a6);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3e4a6), to(#b3e4a6));
+ background-image: -webkit-linear-gradient(top, #b3e4a6, #b3e4a6);
+ background-image: -o-linear-gradient(top, #b3e4a6, #b3e4a6);
+ background-image: linear-gradient(top, #b3e4a6, #b3e4a6);
+ background-repeat: repeat-x;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ }
+
+ img.et2_button_icon[src*="svg"]: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);
+ }
+
+ /*look in layout_content_elements*/
+ .et2_selectbox .ui-multiselect-checkboxes li:hover {
+ background-color: rgba(102, 153, 204, 0.7) !important;
+ }
+
+ .et2_selectbox .ui-multiselect-checkboxes label {
+ display: block;
+ border: 0px solid transparent;
+ padding: 0.1em 0.2em;
+ }
+
+ .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
+ /*visibility: hidden;*/
+ background-image: url(../images/close.svg);
+ margin: -2px -3px;
+ padding: 0px;
+ }
+
+ /**
* Date / Time widgets
*/
- span.et2_date input.et2_date {
- min-width: 21.5ex;
- }
- span.et2_date span {
- color: #FFFFFF;
- }
- span.et2_date_duration {
- border: 1px solid #E6E6E6;
- }
- span.et2_date_duration :not(input:first-child) {
- border-left: 1px solid #F2F2F2;
- }
- .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
- background-image: url(../images/bullet.svg);
- background-color: transparent;
- background-size: contain;
- border: none;
- opacity: 1;
- }
- .ui-datepicker .ui-datepicker-prev:hover,
- .ui-datepicker .ui-datepicker-next:hover {
- border: none;
- background-color: transparent;
- }
- .ui-datepicker .ui-datepicker-prev span {
- background-image: url(../images/previous.svg) !important;
- background-position: 0px 0px !important;
- background-size: contain;
- }
- .ui-datepicker .ui-datepicker-next span {
- background-image: url(../images/next.svg) !important;
- background-position: 0px 0px !important;
- background-size: contain;
- }
- .ui-datepicker .ui-datepicker-next span:hover {
- border: none;
- background-color: transparent;
- }
- .et2_file .progress li:hover div.remove {
- width: 16px;
- height: 16px;
- background-image: url("../images/delete.svg");
- }
- .et2_file .progress p {
- background-color: #FFDD73;
- }
- span.et2_file_span {
- background-image: url(../images/attach.svg);
- }
- span.et2_file_span img[url*="svg"] {
- background-color: #b4b4b4 !important;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
- background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
- background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important;
- background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
- background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
- background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important;
- background-repeat: repeat-x !important;
- fill: red !important;
- }
- span.et2_file_span:hover {
- color: #000000 !important;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
- }
- div.et2_file input.et2_file_upload {
- background-color: #FFFFFF !important;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- div.et2_file input.et2_file_upload:hover {
- /*.background_color_20_gray;*/
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- border: 1px solid rgba(0, 0, 0, 0.5);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #b3e4a6 !important;
- }
- /* Gantt widget */
- .et2_gantt .gantt_task_line {
- background-color: #679FD2;
- }
- .et2_gantt .gantt_task_line .gantt_task_content {
- color: #043A6B;
- }
- .et2_gantt .gantt_task_line .gantt_selected {
- background-color: rgba(255, 194, 0, 0.01);
- }
- .et2_gantt .gantt_task_line .gantt_task_progress {
- color: #043A6B;
- background-color: #FFDD73;
- /* outline progress in a complementary color */
- border: 1px solid #BF9D30;
- border-right: none;
- margin: -1px;
- }
- .et2_gantt .gantt_task_line.gantt_milestone {
- background-color: #ffc200;
- border-color: #BF9D30;
- }
- .et2_gantt .gantt_task_link .gantt_line_wrapper div {
- background-color: green;
- }
- .et2_gantt .gantt_task_link .gantt_link_arrow_left {
- border-right-color: green;
- }
- .et2_gantt .gantt_task_link .gantt_link_arrow_right {
- border-left-color: green;
- }
- .et2_gantt .gantt_task_link:hover .gantt_line_wrapper div {
- box-shadow: 0 0 5px 0 green;
- }
- .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div {
- background-color: #AE1D00;
- }
- .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left {
- border-right-color: #AE1D00;
- }
- .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right {
- border-left-color: #AE1D00;
- }
- .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div {
- box-shadow: 0 0 5px 0 #AE1D00;
- }
- /*
+ span.et2_date input.et2_date {
+ min-width: 21.5ex;
+ }
+
+ span.et2_date span {
+ color: #FFFFFF;
+ }
+
+ span.et2_date_duration {
+ border: 1px solid #E6E6E6;
+ }
+
+ span.et2_date_duration :not(input:first-child) {
+ border-left: 1px solid #F2F2F2;
+ }
+
+ .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
+ background-image: url(../images/bullet.svg);
+ background-color: transparent;
+ background-size: contain;
+ border: none;
+ opacity: 1;
+ }
+
+ .ui-datepicker .ui-datepicker-prev:hover,
+ .ui-datepicker .ui-datepicker-next:hover {
+ border: none;
+ background-color: transparent;
+ }
+
+ .ui-datepicker .ui-datepicker-prev span {
+ background-image: url(../images/previous.svg) !important;
+ background-position: 0px 0px !important;
+ background-size: contain;
+ }
+
+ .ui-datepicker .ui-datepicker-next span {
+ background-image: url(../images/next.svg) !important;
+ background-position: 0px 0px !important;
+ background-size: contain;
+ }
+
+ .ui-datepicker .ui-datepicker-next span:hover {
+ border: none;
+ background-color: transparent;
+ }
+
+ .et2_file .progress li:hover div.remove {
+ width: 16px;
+ height: 16px;
+ background-image: url("../images/delete.svg");
+ }
+
+ .et2_file .progress p {
+ background-color: #FFDD73;
+ }
+
+ span.et2_file_span {
+ background-image: url(../images/attach.svg);
+ }
+
+ span.et2_file_span img[url*="svg"] {
+ background-color: #b4b4b4 !important;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
+ background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+ background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important;
+ background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+ background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+ background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+ background-repeat: repeat-x !important;
+ fill: red !important;
+ }
+
+ span.et2_file_span:hover {
+ color: #000000 !important;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
+ }
+
+ div.et2_file input.et2_file_upload {
+ background-color: #FFFFFF !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ }
+
+ div.et2_file input.et2_file_upload:hover {
+ /*.background_color_20_gray;*/
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ background-color: #b3e4a6 !important;
+ }
+
+ /* Gantt widget */
+ .et2_gantt .gantt_task_line {
+ background-color: #679FD2;
+ }
+
+ .et2_gantt .gantt_task_line .gantt_task_content {
+ color: #043A6B;
+ }
+
+ .et2_gantt .gantt_task_line .gantt_selected {
+ background-color: rgba(255, 194, 0, 0.01);
+ }
+
+ .et2_gantt .gantt_task_line .gantt_task_progress {
+ color: #043A6B;
+ background-color: #FFDD73;
+ /* outline progress in a complementary color */
+ border: 1px solid #BF9D30;
+ border-right: none;
+ margin: -1px;
+ }
+
+ .et2_gantt .gantt_task_line.gantt_milestone {
+ background-color: #ffc200;
+ border-color: #BF9D30;
+ }
+
+ .et2_gantt .gantt_task_link .gantt_line_wrapper div {
+ background-color: green;
+ }
+
+ .et2_gantt .gantt_task_link .gantt_link_arrow_left {
+ border-right-color: green;
+ }
+
+ .et2_gantt .gantt_task_link .gantt_link_arrow_right {
+ border-left-color: green;
+ }
+
+ .et2_gantt .gantt_task_link:hover .gantt_line_wrapper div {
+ box-shadow: 0 0 5px 0 green;
+ }
+
+ .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div {
+ background-color: #AE1D00;
+ }
+
+ .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left {
+ border-right-color: #AE1D00;
+ }
+
+ .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right {
+ border-left-color: #AE1D00;
+ }
+
+ .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div {
+ box-shadow: 0 0 5px 0 #AE1D00;
+ }
+
+ /*
Link to / Selector Widget
*/
- .et2_link_to.et2_toolbar {
- margin-top: 2px !important;
- }
- .et2_link_to .et2_link_entry select,
- .et2_link_to .et2_link_entry input,
- .et2_link_to .et2_link_entry button {
- padding: 0;
- padding-left: 4px;
- }
- .et2_link_to .et2_link_entry .ui-icon-close {
- background-color: transparent;
- left: 0px;
- }
- .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
- background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
- }
- .et2_link_to .et2_file span {
- background-position: center;
- background-size: 16px 16px;
- background-repeat: no-repeat;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .et2_link_entry .ui-icon-triangle-1-s {
- background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
- background-size: contain;
- }
- .et2_link {
- color: #0C5DA5;
- }
- .et2_link_list tr {
- cursor: pointer;
- }
- .et2_link_list tr:hover {
- background-color: rgba(153, 204, 255, 0.4);
- }
- .et2_link_list tr:active {
- background-color: rgba(255, 194, 0, 0.01);
- }
- .et2_link_list .icon img {
- width: 14px !important;
- height: 14px !important;
- }
- .et2_link_list td div.delete {
- visibility: hidden;
- background-image: url("../images/delete.svg");
- background-position: center;
- background-repeat: no-repeat;
- background-size: 12px 12px;
- padding: 0px;
- }
- .et2_vfs td div.delete {
- visibility: hidden;
- background-image: url("../images/delete.svg");
- background-position: center;
- background-repeat: no-repeat;
- background-size: 12px 12px;
- padding: 0px;
- }
- .egw_tooltip {
- background-color: #ffffff;
- }
- /**
+ .et2_link_to.et2_toolbar {
+ margin-top: 2px !important;
+ }
+
+ .et2_link_to .et2_link_entry select,
+ .et2_link_to .et2_link_entry input,
+ .et2_link_to .et2_link_entry button {
+ padding: 0;
+ padding-left: 4px;
+ }
+
+ .et2_link_to .et2_link_entry .ui-icon-close {
+ background-color: transparent;
+ left: 0px;
+ }
+
+ .et2_link_to .et2_link_entry .ui-icon-triangle-1-s {
+ background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
+ }
+
+ .et2_link_to .et2_file span {
+ background-position: center;
+ background-size: 16px 16px;
+ background-repeat: no-repeat;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ }
+
+ .et2_link_entry .ui-icon-triangle-1-s {
+ background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
+ background-size: contain;
+ }
+
+ .et2_link {
+ color: #0C5DA5;
+ }
+
+ .et2_link_list tr {
+ cursor: pointer;
+ }
+
+ .et2_link_list tr:hover {
+ background-color: rgba(153, 204, 255, 0.4);
+ }
+
+ .et2_link_list tr:active {
+ background-color: rgba(255, 194, 0, 0.01);
+ }
+
+ .et2_link_list .icon img {
+ width: 14px !important;
+ height: 14px !important;
+ }
+
+ .et2_link_list td div.delete {
+ visibility: hidden;
+ background-image: url("../images/delete.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 12px 12px;
+ padding: 0px;
+ width: 16px;
+ height: 16px;
+ }
+
+ .et2_vfs td div.delete {
+ visibility: hidden;
+ background-image: url("../images/delete.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 12px 12px;
+ padding: 0px;
+ }
+
+ .egw_tooltip {
+ background-color: #ffffff;
+ }
+
+ /**
* Tabs widget
*/
- /*.et2_tabflag {
+ /*.et2_tabflag {
margin: 1em 3px -1px 0;
padding: 4px;
.background_color_25_gray;
@@ -586,7 +680,7 @@
background-color: @gray_0;
.border_radius_button_normal;
}*/
- /*.et2_tabheader {
+ /*.et2_tabheader {
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
margin: 0 2px;
@@ -595,222 +689,246 @@
margin-left: 1px;
}
}*/
- /**
+ /**
* Validation
*/
- .et2_required,
- [required] {
- background-color: #FFDD73;
- -webkit-border-top-right-radius: 3px;
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-radius-topright: 3px;
- -moz-border-radius-bottomright: 3px;
- -moz-border-radius-bottomleft: 3px;
- -moz-border-radius-topleft: 3px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px;
- /*.background-clip(padding-box);*/
- }
- /**
+ .et2_required,
+ [required] {
+ background-color: #FFDD73;
+ -webkit-border-top-right-radius: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-radius-topright: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -moz-border-radius-topleft: 3px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+ /*.background-clip(padding-box);*/
+ }
+
+ /**
* hrule widget
*/
- hr {
- border-top: 1px solid #E6E6E6;
- }
- /**
+ hr {
+ border-top: 1px solid #E6E6E6;
+ }
+
+ /**
* grid widget
*/
- .et2_grid th,
- .et2_grid tr,
- .et2_grid td {
- /* border: 1px dashed silver;*/
- }
- .et2_grid th .gray,
- .et2_grid tr .gray,
- .et2_grid td .gray {
- padding: 0px;
- height: 24px;
- /*background-color: @color_hint;*/
- /*.background-color-5-gray;*/
- background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
- /* 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)));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
- /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
- /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
- /* IE10+ */
- background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
- /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
- /* IE6-9 */
- }
- .et2_grid th .gray span.et2_label,
- .et2_grid tr .gray span.et2_label,
- .et2_grid td .gray span.et2_label {
- background-color: transparent;
- padding-left: 3px;
- }
- /* ##################################################################################
+ .et2_grid th,
+ .et2_grid tr,
+ .et2_grid td {
+ /* border: 1px dashed silver;*/
+ }
+
+ .et2_grid th .gray,
+ .et2_grid tr .gray,
+ .et2_grid td .gray {
+ padding: 0px;
+ height: 24px;
+ /*background-color: @color_hint;*/
+ /*.background-color-5-gray;*/
+ background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
+ /* 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)));
+ /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
+ /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
+ /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
+ /* IE10+ */
+ background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
+ /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
+ /* IE6-9 */
+ }
+
+ .et2_grid th .gray span.et2_label,
+ .et2_grid tr .gray span.et2_label,
+ .et2_grid td .gray span.et2_label {
+ background-color: transparent;
+ padding-left: 3px;
+ }
+
+ /* ##################################################################################
* Nextmatch widget
*
* SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT
*
* ##################################################################################*/
- div.header_row_right div[id$=favorite_wrapper] {
- margin-top: 0px;
- }
- .et2_nextmatch {
- background-color: transparent;
- }
- .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
- border-left: 6px solid #B4B4B4;
- }
- .et2_nextmatch .nextmatch_header {
- padding: 0;
- border: none;
- background-image: none;
- background-color: transparent;
- }
- .et2_nextmatch > img {
- width: 16px;
- height: 16px;
- }
- /*################################################################
+ div.header_row_right div[id$=favorite_wrapper] {
+ margin-top: 0px;
+ }
+
+ .et2_nextmatch {
+ background-color: transparent;
+ }
+
+ .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
+ border-left: 6px solid #B4B4B4;
+ }
+
+ .et2_nextmatch .nextmatch_header {
+ padding: 0;
+ border: none;
+ background-image: none;
+ background-color: transparent;
+ }
+
+ .et2_nextmatch > img {
+ width: 16px;
+ height: 16px;
+ }
+
+ /*################################################################
*
* Filters
*
################################################################*/
- .nextmatch_header_row .et2_label select {
- margin-left: 3px;
- border-color: #CDCDCD;
- }
- .nextmatch_header_row > .filters {
- /*width: 83%;*/
- z-index: 7;
- margin-bottom: 4px;
- top: 0px;
- padding: 0 5px 0 0;
- /*background-color: @gray_30;*/
- background: transparent;
- border: none !important;
- /*border-color: @gray_100;*/
- background-image: none !important;
- min-height: 37px;
- margin-left: 224px;
- margin-right: 119px;
- /* .border_radius (3px, 3px, 0px, 0px);*/
- }
- .nextmatch_header_row > .filters select {
- margin-top: 10px;
- }
- .nextmatch_header_row > .filters .et2_label {
- padding: 0.2em;
- }
- .nextmatch_header_row > .filters .et2_label select {
- /*.Complete_Button_select;*/
- margin-left: 2px;
- margin-right: 1px;
- margin-top: 8px;
- width: 20%;
- max-width: 20% !important;
- /*Dialog - Addressbook - View */
- }
- .nextmatch_header_row > .filters .et2_label select:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- }
- .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id,
- .nextmatch_header_row > .filters .et2_label select #infolog-index_filter {
- width: 50% !important;
- }
- .nextmatch_header > .filters > select > option {
- font-size: 11px;
- }
- .nextmatch_header > .filters input {
- margin-right: 2ex;
- width: 15%;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-color: #B4B4B4;
- -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);
- width: auto;
- /*margin: 0.5em 0em 0.5em 0;*/
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .nextmatch_header > .filters input:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- }
- .nextmatch_header > .filters input:focus {
- outline: 0;
- border-width: 1px;
- border-style: solid;
- border-color: #B4B4B4;
- -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
- -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_row .et2_label select {
+ margin-left: 3px;
+ border-color: #CDCDCD;
+ }
+
+ .nextmatch_header_row > .filters {
+ /*width: 83%;*/
+ z-index: 7;
+ margin-bottom: 4px;
+ top: 0px;
+ padding: 0 5px 0 0;
+ /*background-color: @gray_30;*/
+ background: transparent;
+ border: none !important;
+ /*border-color: @gray_100;*/
+ background-image: none !important;
+ min-height: 37px;
+ margin-left: 224px;
+ margin-right: 119px;
+ /* .border_radius (3px, 3px, 0px, 0px);*/
+ }
+
+ .nextmatch_header_row > .filters select {
+ margin-top: 10px;
+ }
+
+ .nextmatch_header_row > .filters .et2_label {
+ padding: 0.2em;
+ }
+
+ .nextmatch_header_row > .filters .et2_label select {
+ /*.Complete_Button_select;*/
+ margin-left: 2px;
+ margin-right: 1px;
+ margin-top: 8px;
+ width: 20%;
+ max-width: 20% !important;
+ /*Dialog - Addressbook - View */
+ }
+
+ .nextmatch_header_row > .filters .et2_label select:hover {
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ }
+
+ .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id,
+ .nextmatch_header_row > .filters .et2_label select #infolog-index_filter {
+ width: 50% !important;
+ }
+
+ .nextmatch_header > .filters > select > option {
+ font-size: 11px;
+ }
+
+ .nextmatch_header > .filters input {
+ margin-right: 2ex;
+ width: 15%;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-color: #B4B4B4;
+ -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);
+ width: auto;
+ /*margin: 0.5em 0em 0.5em 0;*/
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ }
+
+ .nextmatch_header > .filters input:hover {
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ }
+
+ .nextmatch_header > .filters input:focus {
+ outline: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #B4B4B4;
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
+ -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);
+ }
+
+ /*################################################################
*
* Export Button
*
################################################################*/
- .nextmatch_header > .filters .et2_button_icon {
- margin-top: 8px;
- vertical-align: middle;
- /*.background_color_10_gray;*/
- -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);
- border: 1px solid rgba(0, 0, 0, 0.15);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- box-shadow: none;
- margin-right: 1em;
- width: 16px;
- height: 16px;
- padding: 2px;
- }
- .nextmatch_header > .filters .et2_button_icon:hover {
- /*.background_color_20_gray;*/
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- border: 1px solid rgba(0, 0, 0, 0.5);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .nextmatch_header > .filters .et2_button_icon:active {
- /*.background_color_30_gray;*/
- 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);
- background-color: #b3e4a6;
- }
- /*################################################################
+ .nextmatch_header > .filters .et2_button_icon {
+ margin-top: 8px;
+ vertical-align: middle;
+ /*.background_color_10_gray;*/
+ -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);
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: none;
+ margin-right: 1em;
+ width: 16px;
+ height: 16px;
+ padding: 2px;
+ }
+
+ .nextmatch_header > .filters .et2_button_icon:hover {
+ /*.background_color_20_gray;*/
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ }
+
+ .nextmatch_header > .filters .et2_button_icon:active {
+ /*.background_color_30_gray;*/
+ 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);
+ background-color: #b3e4a6;
+ }
+
+ /*################################################################
*
* Kategorien
*
################################################################*/
- /*div#admin-categories-index{
+ /*div#admin-categories-index{
padding: 0px;
@@ -818,232 +936,270 @@
// set height to zero
div.ui-helper-clearfix { height: 0px;}
}*/
- /*################################################################
+ /*################################################################
*
* Favorites
*
################################################################*/
- .nextmatch_header div[id$=favorite_wrapper] {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- /*.background_color_25_gray;*/
- z-index: 200;
- }
- /**
+ .nextmatch_header div[id$=favorite_wrapper] {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ /*.background_color_25_gray;*/
+ z-index: 200;
+ }
+
+ /**
* Drop down button
*/
- .et2_dropdown {
- position: relative;
- /*top: -5px;*/
- /*left Button*/
- /*right Button*/
- /* hover */
- }
- .et2_dropdown button {
- height: 24px;
- display: inline-block;
- vertical-align: middle;
- margin-right: -2px;
- padding: 0px 1ex;
- background-color: #FFFFFF;
- background-image: none;
- }
- .et2_dropdown button img {
- width: 12px;
- height: 12px;
- }
- .et2_dropdown button > div {
- vertical-align: middle;
- }
- .et2_dropdown button:last-child {
- padding: 0px;
- }
- .et2_dropdown + ul.ui-menu {
- position: absolute;
- z-index: 2;
- }
- .et2_dropdown button.ui-corner-left,
- .et2_dropdown button.ui-state-default {
- background-image: none !important;
- background-repeat: no-repeat !important;
- /*&:hover {.Complete_Button_save_apply_copy;}*/
- }
- .et2_dropdown button.ui-corner-left img,
- .et2_dropdown button.ui-state-default img {
- width: 16px;
- height: 16px;
- text-align: left;
- position: relative;
- right: 1px;
- top: 1px;
- }
- .et2_dropdown button.ui-corner-left:active,
- .et2_dropdown button.ui-state-default:active {
- background-color: #b3e4a6;
- }
- .et2_dropdown button.ui-state-hover {
- background-color: #E6E6E6;
- }
- .sidebox-favorites ul.favorites {
- width: 99%;
- padding: 0px;
- border: none;
- background: white;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item {
- margin-left: 0px;
- min-height: 16px;
- padding: 3px 0px;
- margin-bottom: 0.2em;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item a {
- color: #000000;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item:hover {
- color: #000000;
- background-color: rgba(153, 204, 255, 0.4);
- padding: 3px 0;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item:hover a {
- text-decoration: none;
- color: #000000;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
- background-image: url(../images/delete.svg);
- background-size: 12px 12px;
- background-position: center 2px;
- margin-top: 0px;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
- color: #000000;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
- color: #000000;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item a {
- line-height: inherit;
- padding: 2px 1px;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
- background-image: url(../images/favorites.svg);
- background-size: 12px 12px;
- background-position: 1px 0;
- margin-right: 9px;
- margin-left: 2px;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar {
- width: 4px;
- height: 12px;
- margin-left: 5px;
- margin-right: 10px;
- background-image: url(../images/fav_filter.svg);
- background-size: 12px 12px;
- background-position: 0 0;
- background-repeat: no-repeat;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item img {
- width: 12px;
- height: 12px;
- margin-left: 5px;
- margin-right: 10px;
- margin-top: -3px;
- }
- .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
- color: #000000;
- background: rgba(102, 153, 204, 0.7);
- padding: 3px 0;
- border: none;
- }
- .favorites img {
- width: 12px;
- height: 12px;
- }
- .nextmatch_sortheader {
- /* background-position: right center;
+ .et2_dropdown {
+ position: relative;
+ /*top: -5px;*/
+ /*left Button*/
+ /*right Button*/
+ /* hover */
+ }
+
+ .et2_dropdown button {
+ height: 24px;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: -2px;
+ padding: 0px 1ex;
+ background-color: #FFFFFF;
+ background-image: none;
+ }
+
+ .et2_dropdown button img {
+ width: 12px;
+ height: 12px;
+ }
+
+ .et2_dropdown button > div {
+ vertical-align: middle;
+ }
+
+ .et2_dropdown button:last-child {
+ padding: 0px;
+ }
+
+ .et2_dropdown + ul.ui-menu {
+ position: absolute;
+ z-index: 2;
+ }
+
+ .et2_dropdown button.ui-corner-left,
+ .et2_dropdown button.ui-state-default {
+ background-image: none !important;
+ background-repeat: no-repeat !important;
+ /*&:hover {.Complete_Button_save_apply_copy;}*/
+ }
+
+ .et2_dropdown button.ui-corner-left img,
+ .et2_dropdown button.ui-state-default img {
+ width: 16px;
+ height: 16px;
+ text-align: left;
+ position: relative;
+ right: 1px;
+ top: 1px;
+ }
+
+ .et2_dropdown button.ui-corner-left:active,
+ .et2_dropdown button.ui-state-default:active {
+ background-color: #b3e4a6;
+ }
+
+ .et2_dropdown button.ui-state-hover {
+ background-color: #E6E6E6;
+ }
+
+ .sidebox-favorites ul.favorites {
+ width: 99%;
+ padding: 0px;
+ border: none;
+ background: white;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item {
+ margin-left: 0px;
+ min-height: 16px;
+ padding: 3px 0px;
+ margin-bottom: 0.2em;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item a {
+ color: #000000;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item:hover {
+ color: #000000;
+ background-color: rgba(153, 204, 255, 0.4);
+ padding: 3px 0;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item:hover a {
+ text-decoration: none;
+ color: #000000;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash {
+ background-image: url(../images/delete.svg);
+ background-size: 12px 12px;
+ background-position: center 2px;
+ margin-top: 0px;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
+ color: #000000;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
+ color: #000000;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item a {
+ line-height: inherit;
+ padding: 2px 1px;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart {
+ background-image: url(../images/favorites.svg);
+ background-size: 12px 12px;
+ background-position: 1px 0;
+ margin-right: 9px;
+ margin-left: 2px;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar {
+ width: 4px;
+ height: 12px;
+ margin-left: 5px;
+ margin-right: 10px;
+ background-image: url(../images/fav_filter.svg);
+ background-size: 12px 12px;
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item img {
+ width: 12px;
+ height: 12px;
+ margin-left: 5px;
+ margin-right: 10px;
+ margin-top: -3px;
+ }
+
+ .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight {
+ color: #000000;
+ background: rgba(102, 153, 204, 0.7);
+ padding: 3px 0;
+ border: none;
+ }
+
+ .favorites img {
+ width: 12px;
+ height: 12px;
+ }
+
+ .nextmatch_sortheader {
+ /* background-position: right center;
background-repeat: no-repeat;
color: #003075;
cursor: pointer;
margin-right: 10px;*/
- padding-right: 18px;
- }
- .nextmatch_sortheader.asc {
- font-weight: bold;
- background-image: url(../images/arrow_up.svg);
- background-size: 8px 8px;
- }
- .nextmatch_sortheader.desc {
- font-weight: bold;
- background-image: url(../images/arrow_down.svg);
- background-size: 8px 8px;
- }
- /**
+ padding-right: 18px;
+ }
+
+ .nextmatch_sortheader.asc {
+ font-weight: bold;
+ background-image: url(../images/arrow_up.svg);
+ background-size: 8px 8px;
+ }
+
+ .nextmatch_sortheader.desc {
+ font-weight: bold;
+ background-image: url(../images/arrow_down.svg);
+ background-size: 8px 8px;
+ }
+
+ /**
* Grid / nextmatch Hierarchy
*/
- /**
+ /**
* This class' margin-right is used to line up columns at each indent level
* Classes level_# are created programmatically with margin-right * depth
* Margin-right = -(indent + border)
*/
- .indentation {
- margin-right: -15px;
- }
- /* End of hierarchy */
- /* Mangled link-to widget inside a nextmatch - used for DnD uploads */
- .et2_nextmatch * .et2_link_to {
- position: relative;
- }
- div.et2_progress > div {
- background-color: #FFDD73;
- /*height: 5px;*/
- }
- /**
+ .indentation {
+ margin-right: -15px;
+ }
+
+ /* End of hierarchy */
+ /* Mangled link-to widget inside a nextmatch - used for DnD uploads */
+ .et2_nextmatch * .et2_link_to {
+ position: relative;
+ }
+
+ div.et2_progress > div {
+ background-color: #FFDD73;
+ /*height: 5px;*/
+ }
+
+ /**
* et2_toolbar
*/
- .ui-toolbar_dropShadow {
- min-height: 30px;
- border: dashed;
- border-width: 1px;
- border-color: gray;
- opacity: 0.7;
- }
- /**
+ .ui-toolbar_dropShadow {
+ min-height: 30px;
+ border: dashed;
+ border-width: 1px;
+ border-color: gray;
+ opacity: 0.7;
+ }
+
+ /**
* et2_textbox
*/
- textarea.et2_textbox {
- border: 1px solid #E6E6E6;
- }
- textarea,
- textarea.description {
- background-color: #fafafa;
- padding: 0.3em 0 0 0.3em;
- border: none;
- height: auto;
- }
- /**
+ textarea.et2_textbox {
+ border: 1px solid #E6E6E6;
+ }
+
+ textarea,
+ textarea.description {
+ background-color: #fafafa;
+ padding: 0.3em 0 0 0.3em;
+ border: none;
+ height: auto;
+ }
+
+ /**
* et2_taglist
*/
- .et2_taglist_toggle > div.toggle {
- background-image: url("../images/minus.svg");
- background-size: 50%;
- }
- .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
- background-image: url("../images/plus.svg");
- background-size: 50%;
- }
- .et2_taglist.et2_taglist_category {
- max-height: 30px !important;
- }
- /**
+ .et2_taglist_toggle > div.toggle {
+ background-image: url("../images/minus.svg");
+ background-size: 50%;
+ }
+
+ .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle {
+ background-image: url("../images/plus.svg");
+ background-size: 50%;
+ }
+
+ .et2_taglist.et2_taglist_category {
+ max-height: 30px !important;
+ }
+
+ /**
* et2_toolbar
*/
- .et2_toolbar {
- background: none;
- margin: 0 !important;
- padding: 0 !important;
- }
- .et2_toolbar-dropdown button {
- /* height: 100% !important;
+ .et2_toolbar {
+ background: none;
+ margin: 0 !important;
+ padding: 0 !important;
+ }
+
+ .et2_toolbar-dropdown button {
+ /* height: 100% !important;
border: none !important;
background: #E0E0E0 !important;
background-color: #E0E0E0 !important;
@@ -1055,138 +1211,165 @@
padding: 1px !important;
margin: 2px !important;
min-height: 19px;*/
- }
- div.ui-toolbar-menulist {
- position: absolute;
- height: inherit;
- z-index: 999 !important;
- overflow: hidden !important;
- border: solid black 1px;
- padding: 0 !important;
- margin-top: 3px !important;
- }
- .ui-toolbar-menulist > h {
- padding-bottom: 7px;
- }
- .ui-toolbar-menulistHeader {
- font-size: xx-small;
- height: 100%;
- margin-top: 2px;
- direction: ltr;
- }
- .et2_toolbar_more {
- float: right;
- direction: rtl;
- }
- .et2_toolbar_actionlist {
- float: left;
- }
- .splitter-bar .ui-icon.ui-icon-grip-solid-vertical {
- background-image: url(../images/splitter_vert.png);
- background-position: center;
- background-repeat: no-repeat;
- }
- .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal {
- background-image: url(../images/splitter_horz.png);
- background-position: center;
- background-repeat: no-repeat;
- }
- .splitter-bar.ui-state-hover {
- background: none;
- }
- /**
+ }
+
+ div.ui-toolbar-menulist {
+ position: absolute;
+ height: inherit;
+ z-index: 999 !important;
+ overflow: hidden !important;
+ border: solid black 1px;
+ padding: 0 !important;
+ margin-top: 3px !important;
+ }
+
+ .ui-toolbar-menulist > h {
+ padding-bottom: 7px;
+ }
+
+ .ui-toolbar-menulistHeader {
+ font-size: xx-small;
+ height: 100%;
+ margin-top: 2px;
+ direction: ltr;
+ }
+
+ .et2_toolbar_more {
+ float: right;
+ direction: rtl;
+ }
+
+ .et2_toolbar_actionlist {
+ float: left;
+ }
+
+ .splitter-bar .ui-icon.ui-icon-grip-solid-vertical {
+ background-image: url(../images/splitter_vert.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+
+ .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal {
+ background-image: url(../images/splitter_horz.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+
+ .splitter-bar.ui-state-hover {
+ background: none;
+ }
+
+ /**
* Do not wrap content of a single widget incl. a label or children of a hbox.
* Taking into eg. select-account widget rendered as ul and prefixed with a label
* and maintaining some space between widgets.
*/
- .et2_nowrap {
- white-space: nowrap;
- }
- ul.et2_nowrap,
- div.et2_nowrap {
- display: inline-block;
- }
- .et2_nowrap > * {
- padding-left: 5px;
- }
- .et2_nowrap > *:first-child {
- padding-left: 0;
- }
- .et2_nowrap > label > * {
- padding-left: 5px;
- }
- .et2_vfsPath input.et2_textbox.et2_vfs {
- background-image: url(../images/edit.svg);
- }
- /*#################################### ET2 SEARCHBOX #####################################################*/
- .et2_searchbox button.et2_button {
- background-image: url(../images/search.svg);
- background-size: 20px 20px;
- background-position: center;
- }
- /*#################################### ET2 SLIDESWITCH #####################################################*/
- span.et2_checkbox_slideSwitch:hover {
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- border: 1px solid gray;
- cursor: pointer;
- }
- span.et2_checkbox_slideSwitch > span.slideSwitch_container {
- background-color: #fafafa;
- }
- .et2_toolbar span.et2_checkbox_slideSwitch {
- filter: grayscale(1) contrast(0.9999) opacity(0.7);
- }
- .et2_toolbar span.et2_checkbox_slideSwitch.switchOn {
- filter: none;
- }
- /*#################################### ADMIN PART #####################################################*/
- iframe#admin-index_iframe {
- background-color: yellow;
- }
- table.egwGridView_grid img {
- /*filter grey*/
- /*filter grey*/
- filter: none;
- -webkit-filter: initial;
- -moz-filter: initial;
- -ms-filter: initial;
- -o-filter: initial;
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: initial;
- /* IE 6-9 */
- }
- .admin_aclAPP {
- /*filter grey*/
- filter: none;
- -webkit-filter: initial;
- -moz-filter: initial;
- -ms-filter: initial;
- -o-filter: initial;
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: initial;
- /* IE 6-9 */
- }
- /*#################################### END ADMIN PART #####################################################*/
+ .et2_nowrap {
+ white-space: nowrap;
+ }
+
+ ul.et2_nowrap,
+ div.et2_nowrap {
+ display: inline-block;
+ }
+
+ .et2_nowrap > * {
+ padding-left: 5px;
+ }
+
+ .et2_nowrap > *:first-child {
+ padding-left: 0;
+ }
+
+ .et2_nowrap > label > * {
+ padding-left: 5px;
+ }
+
+ .et2_vfsPath input.et2_textbox.et2_vfs {
+ background-image: url(../images/edit.svg);
+ }
+
+ /*#################################### ET2 SEARCHBOX #####################################################*/
+ .et2_searchbox button.et2_button {
+ background-image: url(../images/search.svg);
+ background-size: 20px 20px;
+ background-position: center;
+ }
+
+ /*#################################### ET2 SLIDESWITCH #####################################################*/
+ span.et2_checkbox_slideSwitch:hover {
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ border: 1px solid gray;
+ cursor: pointer;
+ }
+
+ span.et2_checkbox_slideSwitch > span.slideSwitch_container {
+ background-color: #fafafa;
+ }
+
+ .et2_toolbar span.et2_checkbox_slideSwitch {
+ filter: grayscale(1) contrast(0.9999) opacity(0.7);
+ }
+
+ .et2_toolbar span.et2_checkbox_slideSwitch.switchOn {
+ filter: none;
+ }
+
+ /*#################################### ADMIN PART #####################################################*/
+ iframe#admin-index_iframe {
+ background-color: yellow;
+ }
+
+ table.egwGridView_grid img {
+ /*filter grey*/
+ /*filter grey*/
+ filter: none;
+ -webkit-filter: initial;
+ -moz-filter: initial;
+ -ms-filter: initial;
+ -o-filter: initial;
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: initial;
+ /* IE 6-9 */
+ }
+
+ .admin_aclAPP {
+ /*filter grey*/
+ filter: none;
+ -webkit-filter: initial;
+ -moz-filter: initial;
+ -ms-filter: initial;
+ -o-filter: initial;
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: initial;
+ /* IE 6-9 */
+ }
+
+ /*#################################### END ADMIN PART #####################################################*/
}
+
/*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
- .nextmatch_header > .filters select {
- margin: 0px;
- }
+ .nextmatch_header > .filters select {
+ margin: 0px;
+ }
}
+
/*
Printing
*/
@media screen {
- .onlyPrint {
- display: none !important;
- }
+ .onlyPrint {
+ display: none !important;
+ }
}
+
@media print {
- .noPrint {
- display: none !important;
- }
+ .noPrint {
+ display: none !important;
+ }
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -1201,501 +1384,585 @@
* @version $Id$
*/
#uical_select_resource {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
.uiaccountselection .primary_group {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
option:checked {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
.ui-tooltip {
- padding: 8px;
- position: absolute;
- z-index: 9999;
- max-width: 300px;
- -webkit-box-shadow: 0 0 5px #aaa;
- -moz-box-shadow: 0 0 5px #aaa;
- box-shadow: 0 0 5px #aaa;
+ padding: 8px;
+ position: absolute;
+ z-index: 9999;
+ max-width: 300px;
+ -webkit-box-shadow: 0 0 5px #aaa;
+ -moz-box-shadow: 0 0 5px #aaa;
+ box-shadow: 0 0 5px #aaa;
}
+
/* Component containers
----------------------------------*/
.ui-widget {
- font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
- font-size: 1.1em;
+ font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
+ font-size: 1.1em;
}
+
.ui-widget .ui-widget {
- font-size: 1em;
+ font-size: 1em;
}
+
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
- font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
- font-size: 11px;
+ font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
+ font-size: 11px;
}
+
.ui-widget-content {
- /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/
- background-image: none;
- color: #808080 !important;
- background: white;
+ /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/
+ background-image: none;
+ color: #808080 !important;
+ background: white;
}
+
.ui-widget-content a {
- color: #999999;
+ color: #999999;
}
+
.ui-widget-header {
- border-top: solid 1px 0px !important;
- border-left: solid 1px 0px !important;
- border-right: solid 1px 0px !important;
- border-bottom: solid 1px 0px !important;
- /*.gradient_thead !important;*/
- background-color: #0C5DA5;
- /*border-color: @gray_10;*/
- color: #000000;
- font-weight: bold;
- background-image: none;
- border: 0px !important;
+ border-top: solid 1px 0px !important;
+ border-left: solid 1px 0px !important;
+ border-right: solid 1px 0px !important;
+ border-bottom: solid 1px 0px !important;
+ /*.gradient_thead !important;*/
+ background-color: #0C5DA5;
+ /*border-color: @gray_10;*/
+ color: #000000;
+ font-weight: bold;
+ background-image: none;
+ border: 0px !important;
}
+
.ui-widget-header a {
- color: #ffffff;
+ color: #ffffff;
}
+
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
- border-top: solid 1px 1px;
- border-left: solid 1px 1px;
- border-right: solid 1px 1px;
- border-bottom: solid 1px 1px;
- border-color: #B4B4B4;
- background: transparent;
- font-weight: normal;
- color: #1a1a1a;
+ border-top: solid 1px 1px;
+ border-left: solid 1px 1px;
+ border-right: solid 1px 1px;
+ border-bottom: solid 1px 1px;
+ border-color: #B4B4B4;
+ background: transparent;
+ font-weight: normal;
+ color: #1a1a1a;
}
+
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
- color: #999999;
- text-decoration: none;
+ color: #999999;
+ text-decoration: none;
}
+
.ui-state-default .ui-icon.ui-icon-triangle-1-s {
- background: url("../images/arrow_down.svg");
- background-size: 8px auto;
- background-position: center;
- background-repeat: no-repeat;
+ background: url("../images/arrow_down.svg");
+ background-size: 8px auto;
+ background-position: center;
+ background-repeat: no-repeat;
}
+
.ui-widget-header .ui-icon.ui-icon-check {
- background-image: url("../images/check.svg");
- background-size: 12px auto;
- background-position: center;
- background-repeat: no-repeat;
- filter: brightness(2.5);
+ background-image: url("../images/check.svg");
+ background-size: 12px auto;
+ background-position: center;
+ background-repeat: no-repeat;
+ filter: brightness(2.5);
}
+
.ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-focus {
- border-color: #E6E6E6;
- background: rgba(102, 153, 204, 0.7);
- background-image: none;
- color: #FFFFFF;
- font-weight: normal;
+ border-color: #E6E6E6;
+ background: rgba(102, 153, 204, 0.7);
+ background-image: none;
+ color: #FFFFFF;
+ font-weight: normal;
}
+
.ui-state-focus.ui-menu-item a {
- color: #E6E6E6;
+ color: #E6E6E6;
}
+
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
- border-top: solid 1px 1px;
- border-left: solid 1px 1px;
- border-right: solid 1px 1px;
- border-bottom: solid 1px 1px;
- border-color: #E6E6E6;
- background: rgba(102, 153, 204, 0.7);
- background-image: none;
- color: #ffffff;
+ border-top: solid 1px 1px;
+ border-left: solid 1px 1px;
+ border-right: solid 1px 1px;
+ border-bottom: solid 1px 1px;
+ border-color: #E6E6E6;
+ background: rgba(102, 153, 204, 0.7);
+ background-image: none;
+ color: #ffffff;
}
+
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
- color: #808080;
- text-decoration: none;
+ color: #808080;
+ text-decoration: none;
}
+
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
- border-top: solid 1px 1px;
- border-left: solid 1px 1px;
- border-right: solid 1px 1px;
- border-bottom: solid 1px 1px;
- border-color: #CDCDCD;
- background-image: none;
- font-weight: bold;
- color: #808080;
+ border-top: solid 1px 1px;
+ border-left: solid 1px 1px;
+ border-right: solid 1px 1px;
+ border-bottom: solid 1px 1px;
+ border-color: #CDCDCD;
+ background-image: none;
+ font-weight: bold;
+ color: #808080;
}
+
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
- color: #808080;
- text-decoration: none;
+ color: #808080;
+ text-decoration: none;
}
+
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
- border-top: solid 1px 1px;
- border-left: solid 1px 1px;
- border-right: solid 1px 1px;
- border-bottom: solid 1px 1px;
- border-color: #B4B4B4;
- color: #808080;
+ border-top: solid 1px 1px;
+ border-left: solid 1px 1px;
+ border-right: solid 1px 1px;
+ border-bottom: solid 1px 1px;
+ border-color: #B4B4B4;
+ color: #808080;
}
+
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
- color: #e6e6e6;
+ color: #e6e6e6;
}
+
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
- border-top: solid 1px 1px;
- border-left: solid 1px 1px;
- border-right: solid 1px 1px;
- border-bottom: solid 1px 1px;
- border-color: #E6E6E6;
- color: #b3b3b3;
+ border-top: solid 1px 1px;
+ border-left: solid 1px 1px;
+ border-right: solid 1px 1px;
+ border-bottom: solid 1px 1px;
+ border-color: #E6E6E6;
+ color: #b3b3b3;
}
+
.ui-state-error a,
.ui-widget-content .ui-state-error a {
- color: #FF0000;
+ color: #FF0000;
}
+
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
- color: #FF0000;
+ color: #FF0000;
}
+
.drop-hover {
- background-color: #FFDD73;
+ background-color: #FFDD73;
}
+
.ui-icon-close {
- /*visibility: hidden;*/
- /*background-image: url(../images/search.png);*/
- background-image: url("../images/cancel.svg");
- background-repeat: no-repeat;
- background-color: #FFFFFF;
- background-size: 12px 12px;
- width: 16px;
- height: 16px;
- margin: 2px;
- padding: 1px;
- margin-top: 1px;
- background-position: 0px 0px;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ /*visibility: hidden;*/
+ /*background-image: url(../images/search.png);*/
+ background-image: url("../images/cancel.svg");
+ background-repeat: no-repeat;
+ background-color: #FFFFFF;
+ background-size: 12px 12px;
+ width: 16px;
+ height: 16px;
+ margin: 2px;
+ padding: 1px;
+ margin-top: 1px;
+ background-position: 0px 0px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
}
+
.ui-icon-close:hover {
- background-color: transparent;
+ background-color: transparent;
}
+
.ui-icon-close:active {
- background-color: #fff0c7 !important;
+ background-color: #fff0c7 !important;
}
+
span.ui-icon-close {
- margin-top: 0px;
- top: 5px;
+ margin-top: 0px;
+ top: 5px;
}
+
.et2_link_entry .ui-icon-close {
- margin-top: -5px;
- top: 9px !important;
+ margin-top: -5px;
+ top: 9px !important;
}
+
/*Schliessen x*/
.ui-icon-closethick {
- background-image: url(../images/close.svg) !important;
- background-repeat: no-repeat;
- background-color: #FFFFFF;
- background-size: contain;
- background-position: 0 0 !important;
- color: #ffffff;
- height: 16px;
+ background-image: url(../images/close.svg) !important;
+ background-repeat: no-repeat;
+ background-color: #FFFFFF;
+ background-size: contain;
+ background-position: 0 0 !important;
+ color: #ffffff;
+ height: 16px;
}
+
.ui-icon-closethick:hover {
- background-color: #E6E6E6;
- color: #1E1E1E;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ background-color: #E6E6E6;
+ color: #1E1E1E;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
.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: #fff0c7 !important;
+ -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: #fff0c7 !important;
}
+
/*###########################################*/
/*Menu */
.ui-menu .ui-menu-item {
- padding: 0px;
+ padding: 0px;
}
+
.ui-menu .ui-menu-item a {
- line-height: 24px;
- margin: 0px;
- padding: 2px 5px;
+ line-height: 24px;
+ margin: 0px;
+ padding: 2px 5px;
}
+
.ui-menu .ui-menu-item a input {
- padding: 0;
+ padding: 0;
}
+
.ui-menu .ui-menu-item a img {
- padding: 0;
+ padding: 0;
}
+
.ui-menu .ui-menu-item a.ui-state-focus {
- margin: 0px !important;
- line-height: 24px;
- padding: 2px 5px;
- border: none;
+ margin: 0px !important;
+ line-height: 24px;
+ padding: 2px 5px;
+ border: none;
}
+
/*###########################################*/
/* col selection */
span.ui-multiselect-header {
- color: #FFFFFF;
+ color: #FFFFFF;
}
+
span.ui-icon-search {
- background-image: url(../images/search.svg) !important;
- background-position: 0px;
- background-size: 10px 10px;
+ background-image: url(../images/search.svg) !important;
+ background-position: 0px;
+ background-size: 10px 10px;
}
+
.ui-corner-all {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
}
+
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
- border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px;
}
+
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
- border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
}
+
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
- border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px;
}
+
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
- border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
}
+
/*###########################################*/
/*Dialog: edit row*/
.ui-widget-overlay {
- background: #CDCDCD;
+ background: #CDCDCD;
}
+
.ui-dialog {
- z-index: 1000;
- box-shadow: -2px 1px 9px 3px #B4B4B4;
+ z-index: 1000;
+ box-shadow: -2px 1px 9px 3px #B4B4B4;
}
+
.ui-dialog .ui-dialog-buttonpane {
- padding-left: 0.8em;
- padding-right: 0.8em;
- padding-top: 0.7em;
+ padding-left: 0.8em;
+ padding-right: 0.8em;
+ padding-top: 0.7em;
}
+
.ui-dialog .ui-dialog-titlebar {
- padding-left: 0.8em;
- padding-right: 0.8em;
- font-size: 12pt;
- border: none;
- font-weight: normal;
- background: white;
+ padding-left: 0.8em;
+ padding-right: 0.8em;
+ font-size: 12pt;
+ border: none;
+ font-weight: normal;
+ background: white;
}
+
.ui-dialog .ui-dialog-titlebar-close {
- right: 0.8em;
+ right: 0.8em;
}
+
.ui-widget-content {
- border: 1px solid #B4B4B4;
+ border: 1px solid #B4B4B4;
}
+
.ui-widget-content .et2_selectbox button.et2_button_text,
.ui-widget-content .et2_selectbox select.et2_selectbox {
- height: 20px;
+ height: 20px;
}
+
.ui-widget-content .et2_selectbox button {
- background-image: none;
+ background-image: none;
}
+
.ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover {
- background-color: rgba(102, 153, 204, 0.7);
- font-weight: normal;
+ background-color: rgba(102, 153, 204, 0.7);
+ font-weight: normal;
}
+
button.ui-button {
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
- border-color: #B4B4B4;
- outline: none;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
+ border-color: #B4B4B4;
+ outline: none;
}
+
button.ui-button:hover {
- background-color: #B4B4B4;
- color: #1E1E1E;
+ background-color: #B4B4B4;
+ color: #1E1E1E;
}
+
button.ui-button .ui-button-icon-primary:hover {
- background-color: #B4B4B4;
- color: #1E1E1E;
- box-shadow: none;
+ background-color: #B4B4B4;
+ color: #1E1E1E;
+ box-shadow: none;
}
+
/*###########################################*/
/*Dialog: calendar edit series*/
.ui-dialog-buttonset button.ui-button-text-only {
- background-color: #CDCDCD;
- background: inherit;
- color: #000000 !important;
- font-weight: normal !important;
+ background-color: #CDCDCD;
+ background: inherit;
+ color: #000000 !important;
+ font-weight: normal !important;
}
+
.ui-dialog-buttonset button.ui-button-text-only:hover {
- background-color: #B4B4B4;
+ background-color: #B4B4B4;
}
+
.ui-dialog-buttonset button.ui-button {
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
.ui-dialog-buttonset button.ui-button:hover {
- background-color: #B4B4B4;
- color: #1E1E1E;
+ background-color: #B4B4B4;
+ color: #1E1E1E;
}
+
/*###########################################*/
/*Dialog: calendar edit series*/
div#ui-datepicker-div {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- border: 1px solid #B4B4B4;
- -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-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ border: 1px solid #B4B4B4;
+ -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);
}
+
.ui-datepicker-header {
- background-color: transparent;
+ background-color: transparent;
}
+
.ui-datepicker .ui-state-default {
- border: none;
- padding: 2px;
- text-align: center;
+ border: none;
+ padding: 2px;
+ text-align: center;
}
+
.ui-datepicker .ui-state-highlight {
- color: #1a1a1a;
- font-weight: bold;
+ color: #1a1a1a;
+ font-weight: bold;
}
+
.ui-datepicker .ui-datepicker-close {
- border: 1px solid #b4b4b4;
+ border: 1px solid #b4b4b4;
}
+
.ui-datepicker table.ui-datepicker-calendar .ui-state-active {
- background-color: #0C5DA5;
- color: #FFFFFF;
+ background-color: #0C5DA5;
+ color: #FFFFFF;
}
+
.ui-datepicker div.ui-timepicker-div {
- padding: 3px;
+ padding: 3px;
}
+
.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label {
- font-size: 0.9em;
- margin-top: 6px;
+ font-size: 0.9em;
+ margin-top: 6px;
}
+
.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time {
- padding-left: 75px;
- background-color: #ffc200;
+ padding-left: 75px;
+ background-color: #ffc200;
}
+
.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time input {
- font-size: 1.3em;
+ font-size: 1.3em;
}
+
.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label {
- font-size: 0.9em;
+ font-size: 0.9em;
}
+
.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_minute_label {
- font-size: 0.9em;
+ font-size: 0.9em;
}
+
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle {
- background-color: #0C5DA5;
- padding: 1px;
- outline: none;
+ background-color: #0C5DA5;
+ padding: 1px;
+ outline: none;
}
+
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle {
- background-color: #0C5DA5;
- padding: 1px;
- outline: none;
+ background-color: #0C5DA5;
+ padding: 1px;
+ outline: none;
}
+
.ui-datepicker div.ui-datepicker-buttonpane {
- background-color: #679FD2;
+ background-color: #679FD2;
}
+
.ui-datepicker button.ui-datepicker-current .ui-state-hover {
- background-color: #b3e4a6 !important;
+ background-color: #b3e4a6 !important;
}
+
.ui-datepicker button.ui-datepicker-current .ui-state-hover:active {
- background-color: #b3e4a6;
+ background-color: #b3e4a6;
}
+
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active {
- background-color: #b3e4a6;
+ background-color: #b3e4a6;
}
+
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {
- background-color: #ffdb7a !important;
- color: #000000;
+ background-color: #ffdb7a !important;
+ color: #000000;
}
+
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:active {
- background-color: #fff0c7 !important;
- color: #373737;
+ background-color: #fff0c7 !important;
+ color: #373737;
}
+
.ui-widget-overlay,
.ui-widget-shadow {
- background-image: none;
+ background-image: none;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -1711,16 +1978,19 @@ div#ui-datepicker-div {
*/
.ms-ctn,
.ms-res-ctn {
- /* It doesn't really work smaller than this */
- border: solid 1px #e6e6e6;
+ /* It doesn't really work smaller than this */
+ border: solid 1px #e6e6e6;
}
+
.ms-ctn .ms-res-item-active,
.ms-res-ctn .ms-res-item-active {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
.ms-ctn .ms-trigger {
- border-left: none;
+ border-left: none;
}
+
/**
* EGroupware: CSS with less preprocessor
@@ -1810,69 +2080,83 @@ hgroup,
menu,
nav,
section {
- display: block;
+ display: block;
}
+
body {
- line-height: 1;
+ line-height: 1;
}
+
ol,
ul {
- /*list-style: none;*/
+ /*list-style: none;*/
}
+
blockquote,
q {
- quotes: none;
+ quotes: none;
}
+
blockquote:before,
blockquote:after,
q:before,
q:after {
- content: '';
- content: none;
+ content: '';
+ content: none;
}
+
table {
- border-collapse: collapse;
- border-spacing: 0;
+ border-collapse: collapse;
+ border-spacing: 0;
}
+
*::-webkit-input-placeholder {
- color: #696969;
+ color: #696969;
}
+
*:-moz-placeholder {
- /* FF 4-18 */
- color: #696969;
+ /* FF 4-18 */
+ color: #696969;
}
+
*::-moz-placeholder {
- /* FF 19+ */
- color: #696969;
+ /* FF 19+ */
+ color: #696969;
}
+
*:-ms-input-placeholder {
- /* IE 10+ */
- color: #696969;
+ /* IE 10+ */
+ color: #696969;
}
+
iframe {
- border: none;
+ border: none;
}
+
html * {
- font-size: 100%;
+ font-size: 100%;
}
+
html {
- margin: 0px !important;
- padding: 0px !important;
- width: 99.9% !important;
- height: 99.9% !important;
+ margin: 0px !important;
+ padding: 0px !important;
+ width: 99.9% !important;
+ height: 99.9% !important;
}
+
body {
- background-image: none;
- background-color: #ffffff;
- color: #000000;
- margin: 0px !important;
- padding: 0px !important;
- width: 99.9%;
- height: 99.9% !important;
- font-size: 11px;
- line-height: 1.28;
- font-weight: normal;
+ background-image: none;
+ background-color: #ffffff;
+ color: #000000;
+ margin: 0px !important;
+ padding: 0px !important;
+ width: 99.9%;
+ height: 99.9% !important;
+ font-size: 11px;
+ line-height: 1.28;
+ font-weight: normal;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -1887,430 +2171,501 @@ body {
* @version $Id$
*/
@keyframes login-apps {
- 0% {
- transform: translateY(30px);
- }
- 60% {
- transform: translateY(45px);
- }
- 100% {
- transform: none;
- }
+ 0% {
+ transform: translateY(30px);
+ }
+ 60% {
+ transform: translateY(45px);
+ }
+ 100% {
+ transform: none;
+ }
}
+
/**
* 19.1 Login page with stock background image
*/
div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo {
- position: relative;
- top: 35%;
- left: -50px;
+ position: relative;
+ top: 35%;
+ left: -50px;
}
+
div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div.login_logo_container {
- height: 80px;
+ height: 80px;
}
+
div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div.login_logo_container div.login_logo {
- width: 350px;
- max-width: 350px;
+ width: 350px;
+ max-width: 350px;
}
+
div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div#loginScreenMessage {
- font-size: 28.5px;
- font-weight: 500;
- color: #075ca3;
- font-family: arial, helvetica, sans-serif;
- margin: 0;
- padding-left: 106px;
+ font-size: 28.5px;
+ font-weight: 500;
+ color: #075ca3;
+ font-family: arial, helvetica, sans-serif;
+ margin: 0;
+ padding-left: 106px;
}
+
div#loginMainDiv.stockLoginBackground div#centerBox form {
- border: 1px solid gray;
- border-radius: 0 !important;
+ border: 1px solid gray;
+ border-radius: 0 !important;
}
+
#socialBox {
- display: inline-block;
- width: 100%;
- margin-top: 8px;
+ display: inline-block;
+ width: 100%;
+ margin-top: 8px;
}
+
#socialBox #socialMedia {
- width: 210px;
- margin: 0 auto;
+ width: 210px;
+ margin: 0 auto;
}
+
#socialBox #socialMedia a {
- margin: 5px;
+ margin: 5px;
}
+
#socialBox #socialMedia a:first-child img {
- filter: none;
+ filter: none;
}
+
#socialBox #socialMedia a:last-child {
- margin-right: 0;
+ margin-right: 0;
}
+
#socialBox #socialMedia a img {
- width: 24px;
- filter: contrast(0.3);
+ width: 24px;
+ filter: contrast(0.3);
}
+
/* ##################################################################################
* login page
*/
#loginMainDiv {
- padding: 0;
- height: 100%;
- width: 100%;
- border: none;
- margin: 0 auto 0px;
- background-color: white;
- background-image: url(../../api/templates/default/images/login_background.jpg);
- background-repeat: no-repeat;
- background-position: 50% 50%;
- background-size: cover;
+ padding: 0;
+ height: 100%;
+ width: 100%;
+ border: none;
+ margin: 0 auto 0px;
+ background-color: white;
+ background-image: url(../../api/templates/default/images/login_background.jpg);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ background-size: cover;
}
+
#loginMainDiv .egw_message_wrapper {
- box-shadow: 2px 1px 6px #bbbbbb;
- -moz-box-shadow: 2px 1px 6px #bbbbbb;
- -webkit-box-shadow: 2px 1px 6px #bbbbbb;
- -khtml-box-shadow: 2px 1px 6px #bbbbbb;
- min-width: 280px;
- width: max-content;
- margin: auto;
- padding-top: 2px;
- background-color: transparent;
+ box-shadow: 2px 1px 6px #bbbbbb;
+ -moz-box-shadow: 2px 1px 6px #bbbbbb;
+ -webkit-box-shadow: 2px 1px 6px #bbbbbb;
+ -khtml-box-shadow: 2px 1px 6px #bbbbbb;
+ min-width: 280px;
+ width: max-content;
+ margin: auto;
+ padding-top: 2px;
+ background-color: transparent;
}
+
#loginMainDiv .egw_message_wrapper #egw_message {
- white-space: normal;
- background-image: none;
- border-left-width: 12px !important;
- font-size: 9pt;
+ white-space: normal;
+ background-image: none;
+ border-left-width: 12px !important;
+ font-size: 9pt;
}
+
#loginMainDiv .egw_message_wrapper #egw_message:not(.error_message):not(.warning_message) {
- display: none;
+ display: none;
}
+
#loginMainDiv #divAppIconBar {
- background: transparent;
- width: 100%;
- text-align: center;
- height: 30%;
- display: block;
- max-height: 40%;
+ background: transparent;
+ width: 100%;
+ text-align: center;
+ height: 30%;
+ display: block;
+ max-height: 40%;
}
+
#loginMainDiv #divAppIconBar #divLogo {
- position: relative;
- padding-top: 20px;
+ position: relative;
+ padding-top: 20px;
}
+
#loginMainDiv #divAppIconBar #divLogo .login_logo_container {
- width: 250px;
- height: 150px;
- max-height: 150px;
- max-width: 250px;
- margin: 0 auto;
+ width: 250px;
+ height: 150px;
+ max-height: 150px;
+ max-width: 250px;
+ margin: 0 auto;
}
+
#loginMainDiv #divAppIconBar #divLogo .login_logo_container .login_logo {
- width: auto;
- height: 100%;
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
+ width: auto;
+ height: 100%;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
}
+
#loginMainDiv #loginScreenMessage:not([class $= "error"]) {
- margin: 1em;
- font-size: 12pt;
- color: #0a5ca5;
+ margin: 1em;
+ font-size: 12pt;
+ color: #0a5ca5;
}
+
#loginMainDiv #loginScreenMessage:not([class $= "error"]) img {
- max-width: 100%;
+ max-width: 100%;
}
+
#loginMainDiv div#login_footer {
- position: fixed;
- bottom: 0;
- display: inline-block;
- right: 0;
- width: 100%;
- height: 40px;
- background: #4177A2;
- overflow-x: clip;
+ position: fixed;
+ bottom: 0;
+ display: inline-block;
+ right: 0;
+ width: 100%;
+ height: 40px;
+ background: #4177A2;
+ overflow-x: clip;
}
+
#loginMainDiv div#login_footer .apps {
- width: 812px;
- margin: 0 auto;
- display: flex;
- overflow: hidden;
+ width: 812px;
+ margin: 0 auto;
+ display: flex;
+ overflow: hidden;
}
+
#loginMainDiv div#login_footer .apps .app {
- width: 30px;
- height: 30px;
- margin: 5px 1% auto 2%;
- display: flex;
+ width: 30px;
+ height: 30px;
+ margin: 5px 1% auto 2%;
+ display: flex;
}
+
#loginMainDiv div#login_footer .apps .app:hover img.icon {
- transform: scale(1.1);
+ transform: scale(1.1);
}
+
#loginMainDiv div#login_footer .apps .app img.icon {
- width: 30px;
- filter: brightness(0) invert(1);
- height: 30px;
+ width: 30px;
+ filter: brightness(0) invert(1);
+ height: 30px;
}
+
#loginMainDiv div#login_footer .apps .app span {
- display: none;
+ display: none;
}
+
#loginMainDiv div#login_footer .apps .app[data-id="guacamole"] .content img.icon2-bg {
- right: 15px;
+ right: 15px;
}
+
#loginMainDiv div#login_footer .apps .tooltip {
- display: inline-flex;
- position: absolute;
- text-align: left;
- height: 34px;
- width: 30px;
- cursor: pointer;
+ display: inline-flex;
+ position: absolute;
+ text-align: left;
+ height: 34px;
+ width: 30px;
+ cursor: pointer;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content {
- min-width: 350px;
- top: -10px;
- left: 50%;
- height: 190px;
- max-height: 190px;
- transform: translate(-50%, -100%);
- padding: 10px 20px;
- color: #444444;
- background-color: #fafafa;
- font-weight: normal;
- font-size: 13px;
- border-radius: 3px;
- position: absolute;
- z-index: 99999999;
- box-sizing: border-box;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.8s;
- border: 1px solid #0d789f;
- border-bottom: 6px solid #4177A2;
- cursor: default;
+ min-width: 350px;
+ top: -10px;
+ left: 50%;
+ height: 190px;
+ max-height: 190px;
+ transform: translate(-50%, -100%);
+ padding: 10px 20px;
+ color: #444444;
+ background-color: #fafafa;
+ font-weight: normal;
+ font-size: 13px;
+ border-radius: 3px;
+ position: absolute;
+ z-index: 99999999;
+ box-sizing: border-box;
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.8s;
+ border: 1px solid #0d789f;
+ border-bottom: 6px solid #4177A2;
+ cursor: default;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content img.icon-bg {
- width: 35px;
- position: absolute;
- margin: 0 auto;
- right: 15px;
- top: 15px;
+ width: 35px;
+ position: absolute;
+ margin: 0 auto;
+ right: 15px;
+ top: 15px;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content img.icon2-bg {
- right: 55px;
+ right: 55px;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content img.icon3-bg {
- right: 90px;
+ right: 90px;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content h3 {
- height: 30px;
- border-bottom: 1px solid #d9e4ed;
+ height: 30px;
+ border-bottom: 1px solid #d9e4ed;
}
+
#loginMainDiv div#login_footer .apps .tooltip:hover .content {
- visibility: visible;
- opacity: 1;
+ visibility: visible;
+ opacity: 1;
}
+
#loginMainDiv div#login_footer .apps .tooltip:hover .content:hover {
- visibility: visible;
- opacity: 1;
+ visibility: visible;
+ opacity: 1;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content .arrow {
- width: 100%;
- position: absolute;
- left: 0;
- bottom: -21px;
- height: 15px;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ bottom: -21px;
+ height: 15px;
}
+
#loginMainDiv div#login_footer .apps .tooltip .content .arrow::after {
- content: '';
- position: absolute;
- width: 9px;
- height: 9px;
- left: 50%;
- transform: translate(-50%, -50%) rotate(45deg);
- background-color: #4177A2;
+ content: '';
+ position: absolute;
+ width: 9px;
+ height: 9px;
+ left: 50%;
+ transform: translate(-50%, -50%) rotate(45deg);
+ background-color: #4177A2;
}
+
#loginMainDiv div#centerBox {
- margin: 0 auto -20px;
- background: transparent;
- border: none;
- z-index: 100;
- padding: 0;
- width: 280px;
- border-radius: 5px;
+ margin: 0 auto -20px;
+ background: transparent;
+ border: none;
+ z-index: 100;
+ padding: 0;
+ width: 280px;
+ border-radius: 5px;
}
+
#loginMainDiv div#centerBox .egw_logo {
- width: 24px;
- height: 24px;
- float: right;
+ width: 24px;
+ height: 24px;
+ float: right;
}
+
#loginMainDiv div#centerBox .egw_logo a.logo_footer {
- margin: auto;
- width: 24px;
- display: block;
+ margin: auto;
+ width: 24px;
+ display: block;
}
+
#loginMainDiv div#centerBox .egw_logo a.logo_footer img {
- height: 24px;
- width: 24px;
+ height: 24px;
+ width: 24px;
}
+
#loginMainDiv div#centerBox form {
- opacity: 0.94;
- background-color: white;
- padding: 1em;
- border: 1px solid #cdcdce;
- border-radius: 5px;
+ opacity: 0.94;
+ background-color: white;
+ padding: 1em;
+ border: 1px solid #cdcdce;
+ border-radius: 5px;
}
+
#loginMainDiv div#centerBox form .hiddenCredential {
- display: none;
+ display: none;
}
+
#loginMainDiv div#centerBox form table.divLoginbox {
- background-color: transparent;
- -webkit-border-radius: 3px;
- -webkit-border-top-left-radius: 10px;
- -moz-border-radius: 3px;
- -moz-border-radius-topleft: 10px;
- border-radius: 3px;
- border-top-left-radius: 10px;
+ background-color: transparent;
+ -webkit-border-radius: 3px;
+ -webkit-border-top-left-radius: 10px;
+ -moz-border-radius: 3px;
+ -moz-border-radius-topleft: 10px;
+ border-radius: 3px;
+ border-top-left-radius: 10px;
}
+
#loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage {
- background-color: #b3ad54;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4REQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
- background-image: -moz-linear-gradient(top, #ffc200, #408DD2);
- background-image: -ms-linear-gradient(top, #ffc200, #408DD2);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408DD2));
- background-image: -webkit-linear-gradient(top, #ffc200, #408DD2);
- background-image: -o-linear-gradient(top, #ffc200, #408DD2);
- background-image: linear-gradient(top, #ffc200, #408DD2);
- background-repeat: repeat-x;
+ background-color: #b3ad54;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4REQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top, #ffc200, #408DD2);
+ background-image: -ms-linear-gradient(top, #ffc200, #408DD2);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408DD2));
+ background-image: -webkit-linear-gradient(top, #ffc200, #408DD2);
+ background-image: -o-linear-gradient(top, #ffc200, #408DD2);
+ background-image: linear-gradient(top, #ffc200, #408DD2);
+ background-repeat: repeat-x;
}
+
#loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage {
- margin: 0 auto;
- max-width: 400px;
- border-top: solid 1px 5px;
- border-left: solid 1px #EEE;
- border-right: solid 1px #EEE;
- border-bottom: solid 1px #EEE;
+ margin: 0 auto;
+ max-width: 400px;
+ border-top: solid 1px 5px;
+ border-left: solid 1px #EEE;
+ border-right: solid 1px #EEE;
+ border-bottom: solid 1px #EEE;
}
+
#loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage[src$="svg"] {
- border-top: solid 1px 5px;
- border-left: solid 1px #EEE;
- border-right: solid 1px #EEE;
- border-bottom: solid 1px #EEE;
- width: 40px;
- height: 40px;
+ border-top: solid 1px 5px;
+ border-left: solid 1px #EEE;
+ border-right: solid 1px #EEE;
+ border-bottom: solid 1px #EEE;
+ width: 40px;
+ height: 40px;
}
+
#loginMainDiv div#centerBox form table.divLoginbox td {
- font-size: 12pt;
- position: relative;
+ font-size: 12pt;
+ position: relative;
}
+
#loginMainDiv div#centerBox form table.divLoginbox select {
- padding-left: 25px;
- width: 100%;
- height: 42px;
- border: none;
- border-bottom: 1px solid silver;
- border-radius: 0px;
- background-color: transparent;
+ padding-left: 25px;
+ width: 100%;
+ height: 42px;
+ border: none;
+ border-bottom: 1px solid silver;
+ border-radius: 0px;
+ background-color: transparent;
}
+
#loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] {
- background-image: url(../images/task.png);
- background-repeat: no-repeat;
- background-position-x: 0;
+ background-image: url(../images/task.png);
+ background-repeat: no-repeat;
+ background-position-x: 0;
}
+
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
- border-bottom: 1px solid silver;
+ border-bottom: 1px solid silver;
}
+
#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
- color: #666666;
- opacity: 1;
+ color: #666666;
+ opacity: 1;
}
+
#loginMainDiv div#centerBox form table.divLoginbox select:focus,
#loginMainDiv div#centerBox form table.divLoginbox select:hover {
- box-shadow: none;
+ box-shadow: none;
}
+
#loginMainDiv div#centerBox form table.divLoginbox input {
- width: calc(250px - 22px);
- height: 40px;
- padding: 0;
- margin: 0;
- border: none;
- border-bottom: 1px solid silver;
- padding-left: 25px;
- background-color: transparent;
+ width: calc(250px - 22px);
+ height: 40px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ border-bottom: 1px solid silver;
+ padding-left: 25px;
+ background-color: transparent;
}
+
#loginMainDiv div#centerBox form table.divLoginbox input:focus {
- outline: none;
+ outline: none;
}
+
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons {
- position: absolute;
- left: 0px;
- width: 20px;
- height: 20px;
- background-size: 16px;
- background-position: left center;
- background-repeat: no-repeat;
- top: 12px;
- z-index: 100;
- opacity: 0.5;
+ position: absolute;
+ left: 0px;
+ width: 20px;
+ height: 20px;
+ background-size: 16px;
+ background-position: left center;
+ background-repeat: no-repeat;
+ top: 12px;
+ z-index: 100;
+ opacity: 0.5;
}
+
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username {
- background-image: url(../images/personal.png);
+ background-image: url(../images/personal.png);
}
+
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password {
- background-image: url(../images/password.png);
+ background-image: url(../images/password.png);
}
+
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me {
- background-image: none;
- z-index: 0;
- width: 230px;
- padding-left: 31px;
+ background-image: none;
+ z-index: 0;
+ width: 230px;
+ padding-left: 31px;
}
+
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain {
- background-image: url(../images/internet.png);
+ background-image: url(../images/internet.png);
}
+
#loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language {
- background-image: url(../images/language.png);
+ background-image: url(../images/language.png);
}
+
#loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] {
- height: 25px;
- margin-top: 7px;
- width: auto;
+ height: 25px;
+ margin-top: 7px;
+ width: auto;
}
+
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"],
#loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit {
- background-color: #4177A2;
- color: #ffffff;
- font-size: 20px;
- padding-left: 0;
- width: 250px;
- margin-top: 15px;
+ background-color: #4177A2;
+ color: #ffffff;
+ font-size: 20px;
+ padding-left: 0;
+ width: 250px;
+ margin-top: 15px;
}
+
#loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit {
- padding-left: 25px;
+ padding-left: 25px;
}
+
#loginMainDiv div#centerBox form table.divLoginbox .registration {
- font-size: 11px;
+ font-size: 11px;
}
+
#loginMainDiv div#centerBox form table.divLoginbox .registration a:not(:first-child):before {
- padding-left: 5px;
- padding-right: 5px;
- content: '|';
+ padding-left: 5px;
+ padding-right: 5px;
+ content: '|';
}
+
#loginMainDiv div#centerBox form table.divLoginbox a.signup {
- margin-top: 8px;
- display: block;
+ margin-top: 8px;
+ display: block;
}
+
#wrap div.animation_login {
- margin: 0.3em;
- position: fixed;
- width: 100%;
- bottom: 0;
+ margin: 0.3em;
+ position: fixed;
+ width: 100%;
+ bottom: 0;
}
+
#wrap img[src$="svg"],
#wrap background-image[url$="svg"] {
- background-color: #679fd2;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
- background-image: -moz-linear-gradient(top, #679FD2, #679FD2);
- background-image: -ms-linear-gradient(top, #679FD2, #679FD2);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FD2), to(#679FD2));
- background-image: -webkit-linear-gradient(top, #679FD2, #679FD2);
- background-image: -o-linear-gradient(top, #679FD2, #679FD2);
- background-image: linear-gradient(top, #679FD2, #679FD2);
- background-repeat: repeat-x;
+ background-color: #679fd2;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top, #679FD2, #679FD2);
+ background-image: -ms-linear-gradient(top, #679FD2, #679FD2);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FD2), to(#679FD2));
+ background-image: -webkit-linear-gradient(top, #679FD2, #679FD2);
+ background-image: -o-linear-gradient(top, #679FD2, #679FD2);
+ background-image: linear-gradient(top, #679FD2, #679FD2);
+ background-repeat: repeat-x;
}
+
#img1,
#img2,
#img3,
@@ -2319,75 +2674,87 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
#img6,
#img7,
#img8 {
- width: 12%;
- z-index: -1;
- animation-name: test;
- animation-duration: 8s;
- animation-iteration-count: infinite;
- -webkit-animation-name: test;
- -webkit-animation-duration: 8s;
- -webkit-animation-iteration-count: infinite;
- opacity: 0;
+ width: 12%;
+ z-index: -1;
+ animation-name: test;
+ animation-duration: 8s;
+ animation-iteration-count: infinite;
+ -webkit-animation-name: test;
+ -webkit-animation-duration: 8s;
+ -webkit-animation-iteration-count: infinite;
+ opacity: 0;
}
+
#img1 {
- animation-delay: 0s;
- -webkit-animation-delay: 0s;
+ animation-delay: 0s;
+ -webkit-animation-delay: 0s;
}
+
#img2 {
- animation-delay: 3s;
- -webkit-animation-delay: 3s;
+ animation-delay: 3s;
+ -webkit-animation-delay: 3s;
}
+
#img3 {
- animation-delay: 6s;
- -webkit-animation-delay: 6s;
+ animation-delay: 6s;
+ -webkit-animation-delay: 6s;
}
+
#img4 {
- animation-delay: 9s;
- -webkit-animation-delay: 9s;
+ animation-delay: 9s;
+ -webkit-animation-delay: 9s;
}
+
#img5 {
- animation-delay: 12s;
- -webkit-animation-delay: 12s;
+ animation-delay: 12s;
+ -webkit-animation-delay: 12s;
}
+
#img6 {
- animation-delay: 15s;
- -webkit-animation-delay: 15s;
+ animation-delay: 15s;
+ -webkit-animation-delay: 15s;
}
+
#img7 {
- animation-delay: 18s;
- -webkit-animation-delay: 18s;
+ animation-delay: 18s;
+ -webkit-animation-delay: 18s;
}
+
#img8 {
- animation-delay: 21s;
- -webkit-animation-delay: 21s;
+ animation-delay: 21s;
+ -webkit-animation-delay: 21s;
}
+
@-webkit-keyframes test {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
}
+
@keyframes test {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
}
+
@media only screen and (max-width: 1024px) and (min-width: 736px) {
- #loginMainDiv #divAppIconBar #divLogo .login_logo_container {
- height: 90px;
- }
+ #loginMainDiv #divAppIconBar #divLogo .login_logo_container {
+ height: 90px;
+ }
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -2402,20 +2769,22 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/
.egw_fw_ui_ajaxloader {
- display: inline-block;
- width: 16px;
- height: 16px;
- background-image: url(../images/ajax-loader.gif);
- background-repeat: no-repeat;
- background-position: center;
- float: right;
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ background-image: url(../images/ajax-loader.gif);
+ background-repeat: no-repeat;
+ background-position: center;
+ float: right;
}
+
.egw_fw_ui_tab_content > .loading {
- background-image: url('../images/loading.gif');
- background-repeat: no-repeat;
- text-align: center;
- line-height: 400px;
+ background-image: url('../images/loading.gif');
+ background-repeat: no-repeat;
+ text-align: center;
+ line-height: 400px;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -2461,83 +2830,90 @@ input[type=button]:disabled,
input[type=reset]:disabled,
button:disabled,
.egwbutton:disabled {
- background-color: rgba(12, 93, 165, 0.2);
- color: gray;
+ background-color: rgba(12, 93, 165, 0.2);
+ color: gray;
}
+
button.et2_button_text background-image[src$="svg"],
input[type=button] background-image[src$="svg"] {
- background-color: #b4b4b4;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
- background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
- background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
- background-repeat: repeat-x;
+ background-color: #b4b4b4;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
+ background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-repeat: repeat-x;
}
+
button.et2_button_text:hover,
input[type=button]:hover {
- /*background-color: @gray_30;*/
- text-shadow: 0px 0px;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ /*background-color: @gray_30;*/
+ text-shadow: 0px 0px;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
button.et2_button_text:active,
input[type=button]: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-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);
}
+
/* ########################################################################################
* Content Element
* Button mit Bildern
*
######################################################################################## */
button.et2_button_with_image {
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
- background-repeat: no-repeat !important;
- background-position: center;
- background-size: 20px 20px;
- background-color: #E6E6E6;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
+ background-repeat: no-repeat !important;
+ background-position: center;
+ background-size: 20px 20px;
+ background-color: #E6E6E6;
}
+
button.et2_button_with_image background-color[url$="svg"] {
- background-color: #b4b4b4;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
- background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
- background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
- background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
- background-repeat: repeat-x;
+ background-color: #b4b4b4;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
+ background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
+ background-repeat: repeat-x;
}
+
button.et2_button_with_image.et2_button_text {
- background-position: 6px center;
+ background-position: 6px center;
}
+
/* ########################################################################################
* Content Element
* Button löschen / delete / => color-negative-action // red
@@ -2553,34 +2929,35 @@ button[id="calendar-edit_button[delete]"],
button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"],
button.et2_button_delete {
- /*background-color: @color_negative_action_hover !important;*/
- background-image: url('../images/delete.png');
- margin-left: 3em;
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ /*background-color: @color_negative_action_hover !important;*/
+ background-image: url('../images/delete.png');
+ margin-left: 3em;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
input[type="submit"][id*="delete"]:hover,
input[type="button"][id*="delete"]:hover,
button[id="delete"]:hover,
@@ -2591,31 +2968,32 @@ button[id="calendar-edit_button[delete]"]:hover,
button[id="timesheet-edit_button[delete]"]:hover,
button[id="displayToolbar-delete"]:hover,
button.et2_button_delete:hover {
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
input[type="submit"][id*="delete"]:active,
input[type="button"][id*="delete"]:active,
button[id="delete"]:active,
@@ -2626,75 +3004,79 @@ button[id="calendar-edit_button[delete]"]:active,
button[id="timesheet-edit_button[delete]"]:active,
button[id="displayToolbar-delete"]:active,
button.et2_button_delete:active {
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
/* ########################################################################################
* Content Element
* Button edit + save + apply + copy => color-positive-action // green
*
######################################################################################## */
#passwordchange {
- background-image: url('../images/cancel.png') !important;
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ background-image: url('../images/cancel.png') !important;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
#passwordchange:hover {
- background-color: #b3e4a6 !important;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ background-color: #b3e4a6 !important;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
#passwordchange:active {
- background-color: #b3e4a6 !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);
+ background-color: #b3e4a6 !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 cancel / => color-cancel-action // yellow
@@ -2704,137 +3086,146 @@ button.et2_button_delete:active {
/*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"],
button#cancel {
- background-image: url('../images/cancel.png') !important;
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
- content: "ID missing";
+ background-image: url('../images/cancel.png') !important;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
+ content: "ID missing";
}
+
button[id="cancel"]:hover,
button#cancel:hover {
- color: #000000;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ color: #000000;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
button[id="cancel"]:active,
button#cancel:active {
- color: #000000;
- -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);
+ color: #000000;
+ -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);
}
+
#passwordcancel {
- background-image: url('../images/cancel.png') !important;
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ background-image: url('../images/cancel.png') !important;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
#passwordcancel:hover {
- background-color: #ffdb7a !important;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ background-color: #ffdb7a !important;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
#passwordcancel:active {
- background-color: #fff0c7 !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);
+ background-color: #fff0c7 !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 {
- color: #FFF;
- text-shadow: none;
- height: 24px;
- /* height: auto;*/
- background-image: none;
- -webkit-border-radius: 3px;
- -webkit-border-top-left-radius: 10px;
- -moz-border-radius: 3px;
- -moz-border-radius-topleft: 10px;
- border-radius: 3px;
- border-top-left-radius: 10px;
+ color: #FFF;
+ text-shadow: none;
+ height: 24px;
+ /* height: auto;*/
+ background-image: none;
+ -webkit-border-radius: 3px;
+ -webkit-border-top-left-radius: 10px;
+ -moz-border-radius: 3px;
+ -moz-border-radius-topleft: 10px;
+ border-radius: 3px;
+ border-top-left-radius: 10px;
}
+
button.add:before {
- content: "+";
- font-size: 1.5em;
- color: #ffc200;
- line-height: 1.1em;
+ content: "+";
+ font-size: 1.5em;
+ color: #ffc200;
+ line-height: 1.1em;
}
+
button[id="add"] {
- background-image: url('../images/add.png') !important;
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- padding-left: 30px;
- background-position: 6px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- /*.Button_size_h32_auto;*/
- height: 24px;
+ background-image: url('../images/add.png') !important;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ padding-left: 30px;
+ background-position: 6px center;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ /*.Button_size_h32_auto;*/
+ height: 24px;
}
+
/*Button Ende #######################################################*/
/**
* EGroupware: Stylite Pixelegg template
@@ -2851,72 +3242,81 @@ button[id="add"] {
*/
/* @group Base */
.chzn-container {
- color: #808080;
+ color: #808080;
}
+
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single div b {
- background-image: url("../images/arrow_down.svg") !important;
- background-size: 8px auto !important;
- background-position: center;
- background-repeat: no-repeat;
+ background-image: url("../images/arrow_down.svg") !important;
+ background-size: 8px auto !important;
+ background-position: center;
+ background-repeat: no-repeat;
}
+
.chzn-container-single.chzn-with-drop .chzn-single div b {
- background-image: url("../images/arrow_up.svg") !important;
- background-size: 8px auto;
- background-position: center;
- background-repeat: no-repeat;
+ background-image: url("../images/arrow_up.svg") !important;
+ background-size: 8px auto;
+ background-position: center;
+ background-repeat: no-repeat;
}
+
/* @end */
/* @group Results */
.chzn-container .chzn-results {
- color: #808080;
- margin: 0 4px 4px 0;
- max-height: 240px;
- padding: 0 0 0 4px;
- position: relative;
- overflow-x: hidden;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
+ color: #808080;
+ margin: 0 4px 4px 0;
+ max-height: 240px;
+ padding: 0 0 0 4px;
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
}
+
.chzn-container .chzn-results li {
- color: #1E1E1E;
+ color: #1E1E1E;
}
+
.chzn-container .chzn-results li.highlighted {
- background: rgba(153, 204, 255, 0.4);
- color: #000000;
+ background: rgba(153, 204, 255, 0.4);
+ color: #000000;
}
+
/* @end */
/* @group Multi Chosen */
/* @end */
/* @group Active */
.chzn-container-active .chzn-choices li.search-field input {
- color: #111 !important;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-color: #B4B4B4;
- -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);
- width: auto;
- /*margin: 0.5em 0em 0.5em 0;*/
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
+ color: #111 !important;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-color: #B4B4B4;
+ -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);
+ width: auto;
+ /*margin: 0.5em 0em 0.5em 0;*/
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
}
+
.chzn-container-active .chzn-choices li.search-field input:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
.chzn-container-active .chzn-choices li.search-field input:focus {
- outline: 0;
- border-width: 1px;
- border-style: solid;
- border-color: #B4B4B4;
- -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
- -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);
+ outline: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #B4B4B4;
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
+ -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);
}
+
/* @end */
/* @group Disabled Support */
/* @end */
@@ -2928,24 +3328,28 @@ button[id="add"] {
* Egw customizations for Chosen widget
*/
.chzn-container-single .chzn-single {
- border: 1px solid #e5e5e5;
- border-radius: 3px;
- background: none !important;
- box-shadow: none !important;
- color: #26537C;
- height: 21px;
- top: -2px;
+ border: 1px solid #e5e5e5;
+ border-radius: 3px;
+ background: none !important;
+ box-shadow: none !important;
+ color: #26537C;
+ height: 21px;
+ top: -2px;
}
+
.chzn-container-single .et2_country-select.chzn-single span {
- display: inline-block;
+ display: inline-block;
}
+
.chzn-single.chzn-single-with-deselect.et2_country-select span.img {
- top: -4px;
- color: transparent;
+ top: -4px;
+ color: transparent;
}
+
.chzn-container-single.chzn-container-active.chzn-with-drop:hover {
- transition: none;
+ transition: none;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -2963,33 +3367,40 @@ button[id="add"] {
* Clientside Javascript error-log
*/
#topmenu_info_error {
- width: 16px;
- cursor: pointer;
+ width: 16px;
+ cursor: pointer;
}
+
div.client_error_log {
- max-height: 50ex;
+ max-height: 50ex;
}
+
div.client_error_log tbody {
- vertical-align: top;
+ vertical-align: top;
}
+
div.client_error_log tr.hidden td > div {
- max-height: 2ex;
- max-width: 40ex;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ max-height: 2ex;
+ max-width: 40ex;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
+
div.client_error_log tr td.timestamp > div {
- text-wrap: none;
- white-space: normal;
- width: 27ex;
+ text-wrap: none;
+ white-space: normal;
+ width: 27ex;
}
+
div.client_error_log tr.hidden td.stack > div {
- text-indent: 100%;
+ text-indent: 100%;
}
+
div.client_error_log tr td.stack > div {
- white-space: pre;
+ white-space: pre;
}
+
/**
* EGroupware: CSS with less preprocessor
*
@@ -3014,123 +3425,142 @@ div.client_error_log tr td.stack > div {
body,
textarea,
button {
- font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
+ font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
+
#egw_fw_basecontainer {
- position: fixed;
- width: 100%;
- height: 100%;
- padding: 0px;
- margin: 0px;
- font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
- background-color: #ffffff;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ padding: 0px;
+ margin: 0px;
+ font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
+ background-color: #ffffff;
}
+
input {
- /* .Complete_Button_input;
+ /* .Complete_Button_input;
.basefontfamily;
&:hover{.Complete_Button_input_hover;}
&:focus{.Complete_Button_input_focus;}*/
}
+
select,
.et2_selectbox.select-cat {
- margin: 0;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
+ margin: 0;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
}
+
select:hover,
.et2_selectbox.select-cat:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
select:focus,
.et2_selectbox.select-cat:focus {
- outline: 0;
- border-width: 1px;
- border-style: solid;
- border-color: #B4B4B4;
- -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
- -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);
+ outline: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #B4B4B4;
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
+ -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);
}
+
:hover {
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ -o-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
}
+
p {
- font-size: 1em;
+ font-size: 1em;
}
+
div.selectbox-wrapper ul {
- list-style-type: none;
- margin: 0px;
- padding: 0px;
+ list-style-type: none;
+ margin: 0px;
+ padding: 0px;
}
+
div.selectbox-wrapper ul li.selected {
- background-color: #EAF2FB;
+ background-color: #EAF2FB;
}
+
div.selectbox-wrapper ul li.current {
- background-color: #CDD8E4;
+ background-color: #CDD8E4;
}
+
div.selectbox-wrapper ul li {
- list-style-type: none;
- display: block;
- margin: 0;
- padding: 2px;
- cursor: pointer;
+ list-style-type: none;
+ display: block;
+ margin: 0;
+ padding: 2px;
+ cursor: pointer;
}
+
select {
- position: relative;
- padding-right: 20px !important;
- -webkit-appearance: none;
- -moz-appearance: none;
- margin: 0;
- background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
- background-size: 8px auto;
- background-position-x: calc(100% - 8px);
+ position: relative;
+ padding-right: 20px !important;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ margin: 0;
+ background: #ffffff url(../images/arrow_down.svg) no-repeat center right;
+ background-size: 8px auto;
+ background-position-x: calc(100% - 8px);
}
+
select:active {
- background: #ffffff url(../images/arrow_up.svg) no-repeat center right;
- background-size: 8px auto;
- background-position-x: calc(100% - 8px);
+ background: #ffffff url(../images/arrow_up.svg) no-repeat center right;
+ background-size: 8px auto;
+ background-position-x: calc(100% - 8px);
}
+
/*IE has no appearance but we can remove arrows by ms-expand*/
select::-ms-expand {
- display: none;
+ display: none;
}
+
select,
input,
button {
- color: #000000;
- /*font-size:99%;*/
- padding-top: 4px;
- padding-bottom: 4px;
- padding-right: 0;
- border-width: 1px;
- border-style: solid;
- border-color: #E6E6E6;
+ color: #000000;
+ /*font-size:99%;*/
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-right: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #E6E6E6;
}
+
a:link,
a:visited,
select,
input,
textarea {
- color: #26537C;
+ color: #26537C;
}
+
a:link,
a:visited {
- cursor: pointer;
- color: #26537C;
- text-decoration: none;
+ cursor: pointer;
+ color: #26537C;
+ text-decoration: none;
}
+
a:hover,
a:active {
- cursor: pointer;
- color: rgba(38, 83, 124, 0.6);
- text-decoration: underline;
+ cursor: pointer;
+ color: rgba(38, 83, 124, 0.6);
+ text-decoration: underline;
}
+
.divLoginboxHeader,
.divSideboxHeader,
a.appTitles,
@@ -3138,63 +3568,75 @@ a.appTitles,
a.textSidebox,
.textSidebox,
#fmStatusBar {
- font-size: 90%;
+ font-size: 90%;
}
+
.prefSection {
- font-weight: bold;
- font-size: 145%;
- line-height: 40px;
+ font-weight: bold;
+ font-size: 145%;
+ line-height: 40px;
}
+
#divAppboxHeader {
- line-height: 28px;
- font-size: 125%;
- font-weight: bold;
- color: #666666;
+ line-height: 28px;
+ font-size: 125%;
+ font-weight: bold;
+ color: #666666;
}
+
#divGenTime,
#divPoweredBy {
- font-size: 80%;
- color: #ff0000;
+ font-size: 80%;
+ color: #ff0000;
}
+
#divPoweredBy {
- color: #000000;
+ color: #000000;
}
+
#sideboxdragarea {
- z-index: 100;
- position: absolute;
- left: 0px;
- top: 105px;
+ z-index: 100;
+ position: absolute;
+ left: 0px;
+ top: 105px;
}
+
#menu2handle {
- padding-top: 10px;
+ padding-top: 10px;
}
+
#menu1close {
- position: absolute;
- right: 7px;
- top: 7px;
+ position: absolute;
+ right: 7px;
+ top: 7px;
}
+
hr.clearer {
- clear: both;
- height: 20px;
- width: 100%;
- background-color: #ffc200;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- border: 1px solid #000000;
+ clear: both;
+ height: 20px;
+ width: 100%;
+ background-color: #ffc200;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ border: 1px solid #000000;
}
+
/**
* table_passord_change
*/
table.table_passord_change {
- margin: 1em;
+ margin: 1em;
}
+
table.table_passord_change tr {
- height: 50px;
+ height: 50px;
}
+
table.table_passord_change td:first-child {
- padding-right: 4em;
+ padding-right: 4em;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -3209,20 +3651,24 @@ table.table_passord_change td:first-child {
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/
div.dhtmlxMenu_egw_SubLevelArea_Polygon {
- background: white;
- border: 1px solid transparent;
- border-radius: 2px;
+ background: white;
+ border: 1px solid transparent;
+ border-radius: 2px;
}
+
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk {
- color: #373f3f;
+ color: #373f3f;
}
+
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
- background-color: rgba(153, 204, 255, 0.4) !important;
- background-image: none !important;
+ background-color: rgba(153, 204, 255, 0.4) !important;
+ background-image: none !important;
}
+
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep {
- border-top: 1px solid #E6E6E6;
+ border-top: 1px solid #E6E6E6;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -3245,49 +3691,58 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
background-repeat: repeat-x;
}*/
div#popupMainDiv {
- padding: 8px;
- background-color: #FFFFFF;
- background-repeat: repeat-x;
+ padding: 8px;
+ background-color: #FFFFFF;
+ background-repeat: repeat-x;
}
+
div#popupMainDiv > * {
- margin: 0px;
+ margin: 0px;
}
+
form.et2_container {
- padding: 0;
+ padding: 0;
}
+
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
- margin: 4px 5px 4px 0;
- -webkit-border-top-right-radius: 3px;
- -webkit-border-bottom-right-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-radius-topright: 3px;
- -moz-border-radius-bottomright: 3px;
- -moz-border-radius-bottomleft: 3px;
- -moz-border-radius-topleft: 3px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px;
- /*.background-clip(padding-box);*/
+ margin: 4px 5px 4px 0;
+ -webkit-border-top-right-radius: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-radius-topright: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -moz-border-radius-topleft: 3px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+ /*.background-clip(padding-box);*/
}
+
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker {
- background-image: url("../images/datepopup.png");
+ background-image: url("../images/datepopup.png");
}
+
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
- cursor: pointer;
+ cursor: pointer;
}
+
form.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
- background-color: #ffffff;
+ background-color: #ffffff;
}
+
.high {
- border-top: 5px solid #E6E6E6;
- border-bottom: 5px solid #E6E6E6 !important;
+ border-top: 5px solid #E6E6E6;
+ border-bottom: 5px solid #E6E6E6 !important;
}
+
/*Main div*/
table.dialog-main-view {
- width: 100%;
+ width: 100%;
}
+
/*###########################################
# #
# dialogHeader app-img #
@@ -3318,334 +3773,392 @@ table.dialog-main-view {
/*** dialogHeader on a box not table ***/
/********** Header Part ********************/
.dialogHeader {
- color: #000000;
- border-bottom: 3px solid #696969;
+ color: #000000;
+ border-bottom: 3px solid #696969;
}
+
.dialogHeader img[src*="navbar"] {
- padding: 0 0 0 15px;
+ padding: 0 0 0 15px;
}
+
.dialogHeader input[type="radio"],
.dialogHeader input.et2_radiobox {
- -webkit-appearance: none;
- border: none;
+ -webkit-appearance: none;
+ border: none;
}
+
.dialogHeader table.et2_grid {
- border-top: none;
+ border-top: none;
}
+
.dialogHeader table.et2_grid .th {
- background-color: #0C5DA5 !important;
+ background-color: #0C5DA5 !important;
}
+
.dialogHeader table.et2_grid tr {
- height: 30px;
+ height: 30px;
}
+
.dialogHeader table.et2_grid td {
- padding: 0px 0px 0px 3px;
- color: #000000;
+ padding: 0px 0px 0px 3px;
+ color: #000000;
}
+
.dialogHeader table.et2_grid table.et2_grid label.et2_label span.et2_selectbox li {
- float: left;
+ float: left;
}
+
.dialogHeader input.et2_textbox {
- font-size: 1.3em;
+ font-size: 1.3em;
}
+
.dialogHeader .et2_label {
- color: #000000;
- vertical-align: middle;
- padding: 0px 0px 0px 0px !important;
- /*margin-right: 57px;*/
- margin: 0px important;
- font-size: 1em;
- text-align: right;
+ color: #000000;
+ vertical-align: middle;
+ padding: 0px 0px 0px 0px !important;
+ /*margin-right: 57px;*/
+ margin: 0px important;
+ font-size: 1em;
+ text-align: right;
}
+
.dialogHeader td.space span img {
- background: #FFFFFF;
- border: 2px solid #FFFFFF;
- /*filter grey*/
- filter: url("data:image/svg+xml;utf8,#grayscale");
- /* Firefox 10+, Firefox on Android */
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: gray;
- /* IE 6-9 */
+ background: #FFFFFF;
+ border: 2px solid #FFFFFF;
+ /*filter grey*/
+ filter: url("data:image/svg+xml;utf8,#grayscale");
+ /* Firefox 10+, Firefox on Android */
+ -webkit-filter: grayscale(100%);
+ -moz-filter: grayscale(100%);
+ -ms-filter: grayscale(100%);
+ -o-filter: grayscale(100%);
+ filter: grayscale(100%);
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: gray;
+ /* IE 6-9 */
}
+
/********** Header Row2 - 4 ********************/
tr.dialogHeader2,
tr.dialogHeader3,
tr.dialogHeader4 {
- vertical-align: middle;
+ vertical-align: middle;
}
+
tr.dialogHeader2 .et2_label,
tr.dialogHeader3 .et2_label,
tr.dialogHeader4 .et2_label {
- color: #1a1a1a;
- vertical-align: middle;
- font-size: 1em;
+ color: #1a1a1a;
+ vertical-align: middle;
+ font-size: 1em;
}
+
/************* Tabs *********************************/
/**
* Tabs widget
*/
.et2_tabheader {
- padding-left: 0em;
- margin: 0;
- background-image: none;
- background-color: #FFFFFF;
+ padding-left: 0em;
+ margin: 0;
+ background-image: none;
+ background-color: #FFFFFF;
}
+
.et2_tabheader :first-child {
- margin-left: 0px;
+ margin-left: 0px;
}
+
.et2_tabflag {
- border: none;
+ border: none;
}
+
.et2_tabflag,
.etemplate_tab > div,
.etemplate_tab_active > div {
- margin: 1em 5px -1px 0;
- padding: 4px;
- background-color: white;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- min-width: 73px;
- border-bottom: 3px solid #E6E6E6;
- margin-bottom: -3px;
+ margin: 1em 5px -1px 0;
+ padding: 4px;
+ background-color: white;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ min-width: 73px;
+ border-bottom: 3px solid #E6E6E6;
+ margin-bottom: -3px;
}
+
.et2_tabflag:hover,
.etemplate_tab > div:hover,
.etemplate_tab_active > div:hover {
- background-color: rgba(153, 204, 255, 0.4);
- border: none;
- border-bottom: 3px solid #696969;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
+ background-color: rgba(153, 204, 255, 0.4);
+ border: none;
+ border-bottom: 3px solid #696969;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
}
+
td.etemplate_tab_active.th {
- background-color: transparent;
+ background-color: transparent;
}
+
.et2_tabflag.active,
.etemplate_tab_active > div {
- border-spacing: 0px;
- background-color: white;
- color: #000000;
- border-bottom: 3px solid #696969;
- margin-bottom: -3px;
+ border-spacing: 0px;
+ background-color: white;
+ color: #000000;
+ border-bottom: 3px solid #696969;
+ margin-bottom: -3px;
}
+
.et2_tabflag.active:hover,
.etemplate_tab_active > div:hover {
- color: #000000;
- background-color: white;
+ color: #000000;
+ background-color: white;
}
+
.et2_tabs,
.tab_body {
- border: none;
- border-bottom: 1px solid #E6E6E6;
- border-top: 1px solid #E6E6E6;
- padding: 5px;
- background-color: #FFFFFF;
- margin-bottom: 11px;
- margin-top: 3px;
- padding-top: 15px;
+ border: none;
+ border-bottom: 1px solid #E6E6E6;
+ border-top: 1px solid #E6E6E6;
+ padding: 5px;
+ background-color: #FFFFFF;
+ margin-bottom: 11px;
+ margin-top: 3px;
+ padding-top: 15px;
}
+
.tab_body {
- border-top-width: 1px;
+ border-top-width: 1px;
}
+
.tab_body img {
- /*filter grey*/
- /*filter grey*/
- filter: url("data:image/svg+xml;utf8,#grayscale");
- -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: gray;
- /* IE 6-9 */
+ /*filter grey*/
+ /*filter grey*/
+ filter: url("data:image/svg+xml;utf8,#grayscale");
+ -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: gray;
+ /* IE 6-9 */
}
+
div#etemplate\.tab_widget {
- margin-bottom: 11px;
+ margin-bottom: 11px;
}
+
/************* Main **********************************/
.dialogMainTimeframe div {
- min-height: 100px;
+ min-height: 100px;
}
+
/********** Operators *******************************/
/*#############################################
# dialogOperators #
#############################################*/
.dialogOperators {
- border-top: 0px solid #E6E6E6;
- border-bottom: 0px solid #E6E6E6;
+ border-top: 0px solid #E6E6E6;
+ border-bottom: 0px solid #E6E6E6;
}
+
.dialogOperators td {
- padding: 2px 2px;
+ padding: 2px 2px;
}
+
.dialogOperators .et2_label {
- margin-left: 6px;
- display: inline-block;
+ margin-left: 6px;
+ display: inline-block;
}
+
/********** Footer *******************************/
/*#############################################*/
/*# Toolbar #*/
/*# button | button | button delete #*/
/*##############################################*/
.dialogFooterToolbar {
- background-color: transparent;
- margin: 10px 0 0 0;
- padding: 3px;
- white-space: nowrap;
- border-top: 3px solid #696969;
- padding-top: 8px !important;
- /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/
+ background-color: transparent;
+ margin: 10px 0 0 0;
+ padding: 3px;
+ white-space: nowrap;
+ border-top: 3px solid #696969;
+ padding-top: 8px !important;
+ /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/
}
+
.dialogFooterToolbar td {
- padding: 0px 5px 0px 0px;
+ padding: 0px 5px 0px 0px;
}
+
.dialogFooterToolbar td:first-child {
- padding-left: 5px;
+ padding-left: 5px;
}
+
.dialogFooterToolbar button {
- min-width: 86px;
- height: 24px;
- border-radius: 3px;
- border: 1px solid silver;
+ min-width: 86px;
+ height: 24px;
+ border-radius: 3px;
+ border: 1px solid silver;
}
+
.dialogFooterToolbar button:hover {
- height: 24px;
+ height: 24px;
}
+
.dialogFooterToolbar button:action {
- height: 24px;
+ height: 24px;
}
+
.dialogFooterToolbar button[id="addressbook-edit_button[delete]"] {
- float: right;
+ float: right;
}
+
.dialogFooterToolbar div.et2_hbox {
- white-space: normal;
+ white-space: normal;
}
+
.dialogFooterToolbar div.et2_box_widget {
- white-space: nowrap;
+ white-space: nowrap;
}
+
.dialogFooterToolbar label.et2_label {
- white-space: nowrap;
+ white-space: nowrap;
}
+
.dialogFooterToolbar input.et2_checkbox {
- top: 0px;
+ top: 0px;
}
+
/*Dialog Calendar - Resourcen suchen*/
div#divMain {
- padding: 1em;
+ padding: 1em;
}
+
div#divMain img {
- width: 16px;
- height: 16px;
+ width: 16px;
+ height: 16px;
}
+
div#divMain input[type*="image"] {
- width: 16px;
- height: 16px;
+ width: 16px;
+ height: 16px;
}
+
/**
* admin - site configuration
*/
div.admin-config form > table {
- width: 100%;
- padding: 5px;
+ width: 100%;
+ padding: 5px;
}
+
div.admin-config form > table tr.th td {
- font-size: 110%;
- font-weight: bold;
- padding-top: 5px;
- padding-bottom: 5px;
+ font-size: 110%;
+ font-weight: bold;
+ padding-top: 5px;
+ padding-bottom: 5px;
}
+
div.admin-config form > table td {
- padding-left: 5px;
- border-bottom: 1px solid #e0e0e0;
+ padding-left: 5px;
+ border-bottom: 1px solid #e0e0e0;
}
+
div.admin-config form > table td b {
- font-weight: bold;
+ font-weight: bold;
}
+
/**
* Styles for different egw_message-types
*/
.success_message,
.warning_message,
.error_message {
- font-weight: normal;
- text-align: left;
- margin-left: 5px;
- padding-left: 20px;
- white-space: pre-wrap;
+ font-weight: normal;
+ text-align: left;
+ margin-left: 5px;
+ padding-left: 20px;
+ white-space: pre-wrap;
}
+
.warning_message {
- border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
- background-image: url(../images/dialog_warning.png);
+ border-left: 24px solid rgba(255, 204, 0, 0.5) !important;
+ background-image: url(../images/dialog_warning.png);
}
+
.error_message {
- border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
- background-image: url(../images/dialog_error.png);
+ border-left: 24px solid rgba(204, 0, 51, 0.5) !important;
+ background-image: url(../images/dialog_error.png);
}
+
.info_message {
- background-image: url(../images/dialog_info.png);
+ background-image: url(../images/dialog_info.png);
}
+
.info_message .discard {
- float: right;
- margin-top: 4px;
+ float: right;
+ margin-top: 4px;
}
+
.success_message {
- background-image: url(../images/check.png);
+ background-image: url(../images/check.png);
}
+
/**
* Message in popup
*/
body .egw_message_wrapper {
- background-color: #d9d9d9;
- right: 33%;
- box-shadow: 2px 3px 13px #666666;
- -moz-box-shadow: 2px 3px 13px #666666;
- -webkit-box-shadow: 2px 3px 13px #666666;
- -khtml-box-shadow: 2px 3px 13px #666666;
- top: 0px;
- z-index: 100000;
+ background-color: #d9d9d9;
+ right: 33%;
+ box-shadow: 2px 3px 13px #666666;
+ -moz-box-shadow: 2px 3px 13px #666666;
+ -webkit-box-shadow: 2px 3px 13px #666666;
+ -khtml-box-shadow: 2px 3px 13px #666666;
+ top: 0px;
+ z-index: 100000;
}
+
body .egw_message_wrapper > div:last-child {
- margin-bottom: 0px !important;
+ margin-bottom: 0px !important;
}
+
body .egw_message_wrapper div#egw_message {
- background-color: #fafafa;
- position: relative;
- padding: 13px;
- padding-left: 20px;
- padding-right: 40px;
- min-width: 130px;
- margin: 0px auto 2px 0px;
- white-space: pre-wrap;
- border-left: 24px solid rgba(51, 204, 102, 0.5);
- display: block;
- background-position: -19px;
- background-size: 16px;
- background-repeat: no-repeat;
+ background-color: #fafafa;
+ position: relative;
+ padding: 13px;
+ padding-left: 20px;
+ padding-right: 40px;
+ min-width: 130px;
+ margin: 0px auto 2px 0px;
+ white-space: pre-wrap;
+ border-left: 24px solid rgba(51, 204, 102, 0.5);
+ display: block;
+ background-position: -19px;
+ background-size: 16px;
+ background-repeat: no-repeat;
}
+
body .egw_message_wrapper div#egw_message span.close {
- float: right;
- height: 20px;
- width: 20px;
- position: absolute;
- background: #d0cdcdb5;
- right: 10px;
- top: 10px;
- background-image: url(../images/close.svg);
- background-size: 12px;
- background-repeat: no-repeat;
- background-position: center;
- border-radius: 50%;
- cursor: pointer;
+ float: right;
+ height: 20px;
+ width: 20px;
+ position: absolute;
+ background: #d0cdcdb5;
+ right: 10px;
+ top: 10px;
+ background-image: url(../images/close.svg);
+ background-size: 12px;
+ background-repeat: no-repeat;
+ background-position: center;
+ border-radius: 50%;
+ cursor: pointer;
}
+
body .egw_message_wrapper div#egw_message span.close:hover {
- filter: invert(1);
+ filter: invert(1);
}
+
/**
* Less-file for egroupware
* Definitionen Layout
@@ -3660,25 +4173,28 @@ body .egw_message_wrapper div#egw_message span.close:hover {
* ##################################################
*/
#egw_fw_footer {
- position: fixed;
- bottom: 0px;
- width: 50%;
- text-align: left;
- padding: 3px;
- clear: both;
- opacity: 1;
- z-index: 100;
- color: #828282;
+ position: fixed;
+ bottom: 0px;
+ width: 50%;
+ text-align: left;
+ padding: 3px;
+ clear: both;
+ opacity: 1;
+ z-index: 100;
+ color: #828282;
}
+
#egw_fw_footer a {
- color: #696969;
+ color: #696969;
}
+
#egw_fw_footer:hover {
- opacity: 0.1;
- transition: opacity 0.5s ease-out;
- -moz-transition: opacity 0.5s ease-out;
- -webkit-transition: opacity;
+ opacity: 0.1;
+ transition: opacity 0.5s ease-out;
+ -moz-transition: opacity 0.5s ease-out;
+ -webkit-transition: opacity;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -3693,72 +4209,85 @@ body .egw_message_wrapper div#egw_message span.close:hover {
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/
h1 {
- font-size: 200%;
- /*line-height: 330%;*/
- margin: 0.4em 0 0;
- font-weight: normal;
+ font-size: 200%;
+ /*line-height: 330%;*/
+ margin: 0.4em 0 0;
+ font-weight: normal;
}
+
.headline_h1 {
- font-size: 200%;
- /*line-height: 330%;*/
- margin: 0.4em 0 0;
+ font-size: 200%;
+ /*line-height: 330%;*/
+ margin: 0.4em 0 0;
}
+
h2 {
- font-size: 150%;
- /*line-height: 270%;*/
- margin: 0.6em 0 0;
+ font-size: 150%;
+ /*line-height: 270%;*/
+ margin: 0.6em 0 0;
}
+
.headline_h2 {
- font-size: 150%;
- /*line-height: 270%;*/
- margin: 0.6em 0 0;
- font-weight: lighter;
+ font-size: 150%;
+ /*line-height: 270%;*/
+ margin: 0.6em 0 0;
+ font-weight: lighter;
}
+
h3 {
- font-size: 130%;
- /*line-height: 220%;*/
- margin: 0.8571em 0 0;
+ font-size: 130%;
+ /*line-height: 220%;*/
+ margin: 0.8571em 0 0;
}
+
.headline_h3 {
- font-size: 130%;
- /*line-height: 220%;*/
- margin: 0.8571em 0 0;
+ font-size: 130%;
+ /*line-height: 220%;*/
+ margin: 0.8571em 0 0;
}
+
h3 a {
- color: #999999;
+ color: #999999;
}
+
h4 {
- font-size: 110%;
- /*line-height: 160%;*/
- margin: 1.125em 0 0;
+ font-size: 110%;
+ /*line-height: 160%;*/
+ margin: 1.125em 0 0;
}
+
.headline_h4 {
- font-size: 110%;
- /*line-height: 160%;*/
- margin: 1.125em 0 0;
+ font-size: 110%;
+ /*line-height: 160%;*/
+ margin: 1.125em 0 0;
}
+
h5 {
- font-size: 100%;
- /*line-height: 110%;*/
- margin: 1.2857em 0 0;
+ font-size: 100%;
+ /*line-height: 110%;*/
+ margin: 1.2857em 0 0;
}
+
.headline_h5 {
- font-size: 100%;
- /*line-height: 110%;*/
- margin: 1.2857em 0 0;
+ font-size: 100%;
+ /*line-height: 110%;*/
+ margin: 1.2857em 0 0;
}
+
h6 {
- font-size: 100%;
- font-weight: bold;
- /*line-height: 100%;*/
- margin: 1.5em 0 0;
+ font-size: 100%;
+ font-weight: bold;
+ /*line-height: 100%;*/
+ margin: 1.5em 0 0;
}
+
.headline_h6 {
- font-size: 100%;
- font-weight: bold;
- /*line-height: 100%;*/
- margin: 1.5em 0 0;
+ font-size: 100%;
+ font-weight: bold;
+ /*line-height: 100%;*/
+ margin: 1.5em 0 0;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -3773,30 +4302,35 @@ h6 {
* @version $Id$
*/
table.nextmatch_lettersearch {
- margin-bottom: 6px;
+ margin-bottom: 6px;
}
+
.lettersearch {
- border: 1px solid #E6E6E6;
- background: #f8f8f8;
- text-align: center;
- cursor: pointer;
+ border: 1px solid #E6E6E6;
+ background: #f8f8f8;
+ text-align: center;
+ cursor: pointer;
}
+
.lettersearch:hover {
- background-color: #b3b3b3 !important;
- color: #ffffff;
+ background-color: #b3b3b3 !important;
+ color: #ffffff;
}
+
.lettersearch_active {
- border: 1px solid #E6E6E6;
- background: #f8f8f8;
- text-align: center;
- cursor: pointer;
- background-color: #b3b3b3 !important;
- font-weight: bold;
+ border: 1px solid #E6E6E6;
+ background: #f8f8f8;
+ text-align: center;
+ cursor: pointer;
+ background-color: #b3b3b3 !important;
+ font-weight: bold;
}
+
td.lettersearch {
- background-image: none;
- width: 3%;
+ background-image: none;
+ width: 3%;
}
+
/*.nextmatch_header table {
border: none !important;
width: 99% !important;
@@ -3815,350 +4349,400 @@ td.lettersearch {
* @version $Id$
*/
#egwpopup {
- top: 46px;
- right: 0px !important;
- left: auto !important;
- height: calc(100% - 69px);
- width: 277px !important;
- position: absolute;
- background: white;
- border: 1px solid silver;
- border-top: none;
- border-bottom: none;
- padding: 1em;
- /*Button*/
+ top: 46px;
+ right: 0px !important;
+ left: auto !important;
+ height: calc(100% - 69px);
+ width: 277px !important;
+ position: absolute;
+ background: white;
+ border: 1px solid silver;
+ border-top: none;
+ border-bottom: none;
+ padding: 1em;
+ /*Button*/
}
+
#egwpopup input#egwpopup_ok_button,
#egwpopup button#desktop_perms {
- /*.border_normal;*/
- /*.box_shadow_standard_light;*/
- /*.rounded (3px);*/
- color: #000000;
- -webkit-appearance: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- background-color: #E6E6E6;
- height: 24px;
- padding: 0 5px;
+ /*.border_normal;*/
+ /*.box_shadow_standard_light;*/
+ /*.rounded (3px);*/
+ color: #000000;
+ -webkit-appearance: none;
+ -webkit-transition-property: background-color;
+ -moz-transition-property: background-color;
+ -o-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear;
+ background-color: #E6E6E6;
+ height: 24px;
+ padding: 0 5px;
}
+
#egwpopup input#egwpopup_ok_button:hover,
#egwpopup button#desktop_perms:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- background-color: inherit;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ background-color: inherit;
}
+
#egwpopup input#egwpopup_ok_button:active,
#egwpopup button#desktop_perms:active {
- background-color: #b3e4a6 !important;
+ background-color: #b3e4a6 !important;
}
+
#egwpopup #egwpopup_list::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
- background-color: #fafafa;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ background-color: #fafafa;
}
+
#egwpopup #egwpopup_list::-webkit-scrollbar {
- width: 4px;
- background-color: #fafafa;
+ width: 4px;
+ background-color: #fafafa;
}
+
#egwpopup #egwpopup_list::-webkit-scrollbar-thumb {
- background-color: #6a6f71;
+ background-color: #6a6f71;
}
+
#egwpopup #egwpopup_list {
- overflow-y: auto;
- height: calc(100% - 52px);
+ overflow-y: auto;
+ height: calc(100% - 52px);
}
+
#egwpopup #egwpopup_list .egwpopup_time_label {
- width: 100%;
- color: #fafafa;
- text-align: center;
- font-style: italic;
- opacity: 0.5;
- font-size: 10pt;
- background: #255ea5;
- font-weight: bold;
+ width: 100%;
+ color: #fafafa;
+ text-align: center;
+ font-style: italic;
+ opacity: 0.5;
+ font-size: 10pt;
+ background: #255ea5;
+ font-weight: bold;
}
+
#egwpopup #egwpopup_list span.egwpopup_delete {
- display: inline-block;
- float: right;
- width: 24px;
- height: 24px;
- background-image: url(../images/delete.svg);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 12px;
- cursor: pointer;
+ display: inline-block;
+ float: right;
+ width: 24px;
+ height: 24px;
+ background-image: url(../images/delete.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 12px;
+ cursor: pointer;
}
+
#egwpopup #egwpopup_list .egwpopup_mark {
- display: inline-block;
- float: right;
- width: 10px;
- height: 10px;
- border: 1px solid #b9436c;
- border-radius: 50%;
- margin: 7px;
- background: #b9436c;
- cursor: pointer;
+ display: inline-block;
+ float: right;
+ width: 10px;
+ height: 10px;
+ border: 1px solid #b9436c;
+ border-radius: 50%;
+ margin: 7px;
+ background: #b9436c;
+ cursor: pointer;
}
+
#egwpopup #egwpopup_list .egwpopup_message {
- height: auto;
- overflow: hidden;
- padding: 10px;
- background-color: #fafafa;
- margin-bottom: 5px;
+ height: auto;
+ overflow: hidden;
+ padding: 10px;
+ background-color: #fafafa;
+ margin-bottom: 5px;
}
+
#egwpopup #egwpopup_list .egwpopup_message:hover {
- background-color: rgba(103, 159, 210, 0.2);
+ background-color: rgba(103, 159, 210, 0.2);
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_inner_container {
- height: 63px;
- overflow: hidden;
+ height: 63px;
+ overflow: hidden;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar {
- display: inline-block;
- width: 100%;
+ display: inline-block;
+ width: 100%;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_date {
- float: left;
- color: #767676;
+ float: left;
+ color: #767676;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_open {
- display: inline-block;
- float: right;
- width: 24px;
- height: 24px;
- background-image: url(../images/search.svg);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 12px;
- cursor: pointer;
+ display: inline-block;
+ float: right;
+ width: 24px;
+ height: 24px;
+ background-image: url(../images/search.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 12px;
+ cursor: pointer;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_collapse {
- display: none;
+ display: none;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_actions_container {
- text-align: center;
+ text-align: center;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_actions_container > button {
- height: 24px;
- width: 80px;
- border: none;
- background: #e6e6e6;
- background-size: 16px;
- background-position: 12px center;
- background-repeat: no-repeat;
- padding-left: 26px;
+ height: 24px;
+ width: 80px;
+ border: none;
+ background: #e6e6e6;
+ background-size: 16px;
+ background-position: 12px center;
+ background-repeat: no-repeat;
+ padding-left: 26px;
}
+
#egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_more_info {
- color: #767676;
- padding-top: 5px;
- padding-bottom: 5px;
+ color: #767676;
+ padding-top: 5px;
+ padding-bottom: 5px;
}
+
#egwpopup #egwpopup_list .egwpopup_message span.egwpopup_nav_prev,
#egwpopup #egwpopup_list .egwpopup_message span.egwpopup_nav_next {
- display: none;
+ display: none;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded {
- position: fixed;
- top: 85px;
- height: calc(100% - 130px);
- left: 20vw;
- width: 60vw;
- box-shadow: 0 0 40px #666;
- overflow: auto;
+ position: fixed;
+ top: 85px;
+ height: calc(100% - 130px);
+ left: 20vw;
+ width: 60vw;
+ box-shadow: 0 0 40px #666;
+ overflow: auto;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded:hover {
- background-color: #fafafa;
+ background-color: #fafafa;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_message_inner_container {
- height: calc(100% - 62px);
- overflow: auto;
+ height: calc(100% - 62px);
+ overflow: auto;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_collapse {
- float: right;
- width: 24px;
- height: 24px;
- background-image: url(../images/close.svg);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 12px;
- cursor: pointer;
- display: inline-block;
+ float: right;
+ width: 24px;
+ height: 24px;
+ background-image: url(../images/close.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 12px;
+ cursor: pointer;
+ display: inline-block;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_message_more_info {
- display: none;
+ display: none;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded span.egwpopup_nav_prev {
- display: inline-block;
- float: right;
- width: 24px;
- height: 24px;
- background-image: url(../images/back.png);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 16px;
- cursor: pointer;
+ display: inline-block;
+ float: right;
+ width: 24px;
+ height: 24px;
+ background-image: url(../images/back.png);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 16px;
+ cursor: pointer;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_nav_disable {
- opacity: 0.5;
- pointer-events: none;
+ opacity: 0.5;
+ pointer-events: none;
}
+
#egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded span.egwpopup_nav_next {
- display: inline-block;
- float: right;
- width: 24px;
- height: 24px;
- background-image: url(../images/forward.png);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 16px;
- cursor: pointer;
+ display: inline-block;
+ float: right;
+ width: 24px;
+ height: 24px;
+ background-image: url(../images/forward.png);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 16px;
+ cursor: pointer;
}
+
#egwpopup #egwpopup_list .egwpopup_message_seen .egwpopup_mark {
- cursor: auto;
- background: none;
- border-color: #666c6e;
+ cursor: auto;
+ background: none;
+ border-color: #666c6e;
}
+
#egwpopup #egwpopup_list .egwpopup_message_clone {
- border: 2px dashed silver;
- opacity: 0.3;
- height: 125px;
+ border: 2px dashed silver;
+ opacity: 0.3;
+ height: 125px;
}
+
#egwpopup div#egwpopup_header {
- font-size: 16px;
- color: silver;
- text-align: center;
- padding: 15px;
+ font-size: 16px;
+ color: silver;
+ text-align: center;
+ padding: 15px;
}
+
#egwpopup div#egwpopup_header .egwpopup_seenall {
- float: right;
- width: 10px;
- height: 10px;
- border: 1px solid silver;
- border-radius: 50%;
- cursor: pointer;
- margin: 4px 0px 0px 0px;
+ float: right;
+ width: 10px;
+ height: 10px;
+ border: 1px solid silver;
+ border-radius: 50%;
+ cursor: pointer;
+ margin: 4px 0px 0px 0px;
}
+
#egwpopup div#egwpopup_header .egwpopup_seenall:hover {
- border-color: gray;
- background: rgba(103, 159, 210, 0.2);
+ border-color: gray;
+ background: rgba(103, 159, 210, 0.2);
}
+
#egwpopup div#egwpopup_header .egwpopup_deleteall {
- background-image: url(../images/delete.svg);
- width: 12px;
- height: 12px;
- background-position: center;
- background-size: 12px;
- float: right;
- background-repeat: no-repeat;
- margin-right: 15px;
- margin-top: 4px;
- cursor: pointer;
- display: inline-block;
- opacity: 0.5;
+ background-image: url(../images/delete.svg);
+ width: 12px;
+ height: 12px;
+ background-position: center;
+ background-size: 12px;
+ float: right;
+ background-repeat: no-repeat;
+ margin-right: 15px;
+ margin-top: 4px;
+ cursor: pointer;
+ display: inline-block;
+ opacity: 0.5;
}
+
#egwpopup div#egwpopup_header .egwpopup_deleteall:hover {
- opacity: 1;
+ opacity: 1;
}
+
/*popup Messsage*/
div#egwpopup_message {
- background-color: #FFFFFF;
- padding: 1em;
- overflow-y: auto;
+ background-color: #FFFFFF;
+ padding: 1em;
+ overflow-y: auto;
}
+
#msg,
.message {
- color: red;
- font-style: italic;
- background: #FFFFFF;
+ color: red;
+ font-style: italic;
+ background: #FFFFFF;
}
+
.egw_fw_ui_app_header_container {
- height: auto;
+ height: auto;
}
+
.egw_fw_ui_app_header_container .egw_fw_ui_app_header {
- padding: 1px 0 0 0;
- font-weight: normal;
- color: silver;
- overflow: hidden;
- height: 15px;
- visibility: hidden;
+ padding: 1px 0 0 0;
+ font-weight: normal;
+ color: silver;
+ overflow: hidden;
+ height: 15px;
+ visibility: hidden;
}
+
.colselection.ui-widget-content {
- width: 45%;
- height: auto;
+ width: 45%;
+ height: auto;
}
+
.colselection.ui-widget-content .et2_selectbox {
- height: calc(100% - 68px);
+ height: calc(100% - 68px);
}
+
.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
- height: calc(100% - 68px) !important;
+ height: calc(100% - 68px) !important;
}
+
/*Calendar ##############*/
td.message {
- background-color: #E6E6E6 !important;
- height: 0px;
- padding: 0px;
+ background-color: #E6E6E6 !important;
+ height: 0px;
+ padding: 0px;
}
+
td.message span.message {
- height: 35px;
- border-bottom: 2px solid #E6E6E6;
- color: red;
- background: #E6E6E6;
- height: auto;
- width: 100%;
+ height: 35px;
+ border-bottom: 2px solid #E6E6E6;
+ color: red;
+ background: #E6E6E6;
+ height: auto;
+ width: 100%;
}
+
.button_right_toggle {
- height: 32px;
- width: 32px;
- cursor: pointer;
- position: relative;
- margin-top: 1px;
- margin-left: -20px;
- float: left;
+ height: 32px;
+ width: 32px;
+ cursor: pointer;
+ position: relative;
+ margin-top: 1px;
+ margin-left: -20px;
+ float: left;
}
+
.button_right_toggle:after {
- content: "";
- position: absolute;
- left: 13px;
- top: 5px;
- width: 10px;
- height: 2px;
- background-color: silver;
- backface-visibility: hidden;
- border-radius: 6px;
- transform: rotate(145deg) translate(8px, -1px);
- -ms-transform: rotate(145deg) translate(8px, -1px);
- -moz-transform: rotate(145deg) translate(8px, -1px);
- -webkit-transform: rotate(145deg) translate(8px, -1px);
+ content: "";
+ position: absolute;
+ left: 13px;
+ top: 5px;
+ width: 10px;
+ height: 2px;
+ background-color: silver;
+ backface-visibility: hidden;
+ border-radius: 6px;
+ transform: rotate(145deg) translate(8px, -1px);
+ -ms-transform: rotate(145deg) translate(8px, -1px);
+ -moz-transform: rotate(145deg) translate(8px, -1px);
+ -webkit-transform: rotate(145deg) translate(8px, -1px);
}
+
.button_right_toggle:before {
- content: "";
- position: absolute;
- left: 0px;
- top: 0px;
- width: 10px;
- height: 2px;
- background-color: silver;
- backface-visibility: hidden;
- border-radius: 6px;
- transform: rotate(45deg) translate(8px, -2px);
- -ms-transform: rotate(45deg) translate(8px, -2px);
- -moz-transform: rotate(45deg) translate(8px, -2px);
- -webkit-transform: rotate(45deg) translate(8px, -2px);
+ content: "";
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 10px;
+ height: 2px;
+ background-color: silver;
+ backface-visibility: hidden;
+ border-radius: 6px;
+ transform: rotate(45deg) translate(8px, -2px);
+ -ms-transform: rotate(45deg) translate(8px, -2px);
+ -moz-transform: rotate(45deg) translate(8px, -2px);
+ -webkit-transform: rotate(45deg) translate(8px, -2px);
}
+
.button_right_toggle:hover:before,
.button_right_toggle:hover:after {
- background-color: gray;
+ background-color: gray;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -4231,16 +4815,19 @@ span.overlayContainer img.overlay {
*/
.egw_fw_content_browser_iframe,
#divMainView {
- margin: 0;
+ margin: 0;
}
+
.egw_fw_content_browser_iframe body,
#divMainView body {
- background-color: #ffffff;
+ background-color: #ffffff;
}
+
.egwGridView_scrollarea {
- width: 100%;
- overflow-x: hidden;
+ width: 100%;
+ overflow-x: hidden;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -4259,262 +4846,303 @@ span.overlayContainer img.overlay {
Author : stefanreinhardt
*/
#egw_fw_header {
- width: 100%;
- float: left;
- position: absolute;
- border-bottom: 1px solid silver;
- /* Logo EGW or Company - left top*/
- /* ###########################################################################################################################################
+ width: 100%;
+ float: left;
+ position: absolute;
+ border-bottom: 1px solid silver;
+ /* Logo EGW or Company - left top*/
+ /* ###########################################################################################################################################
Topmenu / Home / Einstellungen / Zugriff / Kategorien usw..
###########################################################################################################################################
*/
}
+
#egw_fw_header #egw_divLogo {
- float: left;
- max-width: 220px;
- display: block;
- margin-left: 63px;
- text-align: center;
- height: 45px;
+ float: left;
+ max-width: 220px;
+ display: block;
+ margin-left: 63px;
+ text-align: center;
+ height: 45px;
}
+
#egw_fw_header #egw_divLogo img {
- max-width: 210px;
- border: none;
- height: 45px;
+ max-width: 210px;
+ border: none;
+ height: 45px;
}
+
#egw_fw_header #egw_fw_topmenu ul,
#egw_fw_header #egw_fw_topmenu > * > ul > li,
#egw_fw_header .topmenu_info_item,
#egw_fw_header #egw_fw_topmenu_items,
#egw_fw_header #egw_fw_topmenu_info_items {
- display: inline;
+ display: inline;
}
+
#egw_fw_header #egw_fw_topmenu {
- position: absolute;
- display: none;
- right: 5px;
- width: 241px;
- z-index: 1001;
- top: 46px;
- background: white;
- box-shadow: 2px 3px 13px #666666;
- -moz-box-shadow: 2px 3px 13px #666666;
- -webkit-box-shadow: 2px 3px 13px #666666;
- -khtml-box-shadow: 2px 3px 13px #666666;
+ position: absolute;
+ display: none;
+ right: 5px;
+ width: 241px;
+ z-index: 1001;
+ top: 46px;
+ background: white;
+ box-shadow: 2px 3px 13px #666666;
+ -moz-box-shadow: 2px 3px 13px #666666;
+ -webkit-box-shadow: 2px 3px 13px #666666;
+ -khtml-box-shadow: 2px 3px 13px #666666;
}
+
#egw_fw_header #egw_fw_topmenu a.powered_by {
- width: calc(100% - 20px);
- display: inline-block;
- padding: 10px;
- font-size: 7pt;
- background-color: #fbfbfb;
+ width: calc(100% - 20px);
+ display: inline-block;
+ padding: 10px;
+ font-size: 7pt;
+ background-color: #fbfbfb;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items {
- display: inline-block;
- background: white;
- float: right;
- height: auto;
- padding-left: 10px;
- border-top: 1px solid silver;
+ display: inline-block;
+ background: white;
+ float: right;
+ height: auto;
+ padding-left: 10px;
+ border-top: 1px solid silver;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item {
- overflow: visible;
- display: inline-block;
+ overflow: visible;
+ display: inline-block;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) {
- margin-top: 0;
- font-size: 1em;
+ margin-top: 0;
+ font-size: 1em;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(3) {
- position: relative;
- top: 0px;
- padding-left: 3px;
- display: inline-block;
+ position: relative;
+ top: 0px;
+ padding-left: 3px;
+ display: inline-block;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items {
- padding-top: 14px;
- width: 100%;
- display: block;
- float: right;
- background: white;
- height: auto;
- z-index: 1000;
- top: 45px;
+ padding-top: 14px;
+ width: 100%;
+ display: block;
+ float: right;
+ background: white;
+ height: auto;
+ z-index: 1000;
+ top: 45px;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select,
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
- width: 50% !important;
- margin-left: 10px;
+ width: 50% !important;
+ margin-left: 10px;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
- padding-top: 0px;
+ padding-top: 0px;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result {
- color: #000000;
+ color: #000000;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover {
- color: #000000;
+ color: #000000;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before {
- content: ' ';
- width: 12px;
- height: 12px;
- display: inline-block;
- border-radius: 50%;
- margin-right: 4px;
- vertical-align: text-bottom;
+ content: ' ';
+ width: 12px;
+ height: 12px;
+ display: inline-block;
+ border-radius: 50%;
+ margin-right: 4px;
+ vertical-align: text-bottom;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before {
- background: #2de0a5;
+ background: #2de0a5;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before {
- background: #ffd21f;
+ background: #ffd21f;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before {
- background: #f5455c;
+ background: #f5455c;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before {
- background: #cbced1;
+ background: #cbced1;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul {
- width: 100%;
- padding: 0px;
- display: inline-grid;
- /*Home*/
- /*home*/
- /*Setup / Einstellungen*/
- /*access / Zugriff */
- /*category*/
- /*password*/
- /*help*/
- /*Search*/
- /*logout*/
- /*print*/
+ width: 100%;
+ padding: 0px;
+ display: inline-grid;
+ /*Home*/
+ /*home*/
+ /*Setup / Einstellungen*/
+ /*access / Zugriff */
+ /*category*/
+ /*password*/
+ /*help*/
+ /*Search*/
+ /*logout*/
+ /*print*/
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li {
- color: #FFFFFF;
- padding: 8px 10px;
- border-top: #E6E6E6;
+ color: #FFFFFF;
+ padding: 8px 10px;
+ border-top: #E6E6E6;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover {
- background: rgba(153, 204, 255, 0.4);
- color: #FFFFFF;
+ background: rgba(153, 204, 255, 0.4);
+ color: #FFFFFF;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a {
- color: #000000;
- text-decoration: none;
- font-size: 12px;
- padding-left: 26px;
- line-height: 1.5em;
- display: inline-block;
- width: 100%;
+ color: #000000;
+ text-decoration: none;
+ font-size: 12px;
+ padding-left: 26px;
+ line-height: 1.5em;
+ display: inline-block;
+ width: 100%;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
- text-decoration: none !important;
+ text-decoration: none !important;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before {
- border: none;
+ border: none;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
- margin-left: 0px;
- background-image: url(../images/topmenu_items/home.svg);
- background-repeat: no-repeat;
- background-size: 16px;
+ margin-left: 0px;
+ background-image: url(../images/topmenu_items/home.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
- margin-left: 0px;
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/topmenu_items/setup.svg);
+ margin-left: 0px;
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/topmenu_items/setup.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/topmenu_items/access.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/topmenu_items/access.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/topmenu_items/category.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/topmenu_items/category.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/topmenu_items/password.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/topmenu_items/password.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/topmenu_items/help.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/topmenu_items/help.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/users.png);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/users.png);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/topmenu_items/logout.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/topmenu_items/logout.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print {
- background-repeat: no-repeat;
- background-size: 16px;
- background-image: url(../images/print.svg);
+ background-repeat: no-repeat;
+ background-size: 16px;
+ background-image: url(../images/print.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone span {
- width: 100%;
- text-align: center;
- display: inline-block;
- background-color: #fafafa;
- padding: 5px 0px 5px 0px;
+ width: 100%;
+ text-align: center;
+ display: inline-block;
+ background-color: #fafafa;
+ padding: 5px 0px 5px 0px;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select {
- width: calc(100% - 20px);
- margin-left: 10px;
+ width: calc(100% - 20px);
+ margin-left: 10px;
}
+
/* ###################################################
Slide Effekt
###################################################*/
#egw_fw_topmenu_slide {
- width: auto;
- text-align: center;
- height: 15px;
- float: left;
- position: fixed;
- left: 194px;
+ width: auto;
+ text-align: center;
+ height: 15px;
+ float: left;
+ position: fixed;
+ left: 194px;
}
+
/*ICON List*/
#egw_fw_topmenu_slide.slidedown {
- background-image: url("../images/list.png");
- background-position: center center;
- height: 15px;
- width: 15px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- background-size: 15px 15px;
- float: left;
- position: relative;
- left: -5px;
- cursor: pointer;
+ background-image: url("../images/list.png");
+ background-position: center center;
+ height: 15px;
+ width: 15px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ background-size: 15px 15px;
+ float: left;
+ position: relative;
+ left: -5px;
+ cursor: pointer;
}
+
/*Icon ARROW UP*/
#egw_fw_topmenu_slide.slideup {
- background-image: url("../images/slideup.png");
- background-position: center center;
- height: 15px;
- width: 15px;
- display: block;
- margin-top: -36px;
- margin-left: 40px;
- cursor: pointer;
+ background-image: url("../images/slideup.png");
+ background-position: center center;
+ height: 15px;
+ width: 15px;
+ display: block;
+ margin-top: -36px;
+ margin-left: 40px;
+ cursor: pointer;
}
+
#slidetoggle {
- width: 20px;
- height: 20px;
- display: block;
+ width: 20px;
+ height: 20px;
+ display: block;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -4551,151 +5179,172 @@ span.overlayContainer img.overlay {
/* #####################################################################################################
*/
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
- padding-left: 235px;
+ padding-left: 235px;
}
+
#egw_fw_main {
- padding: 0;
- width: auto;
+ padding: 0;
+ width: auto;
}
+
#egw_fw_main #egw_fw_tabs {
- position: relative;
- background-color: transparent;
- float: left;
- width: 100%;
+ position: relative;
+ background-color: transparent;
+ float: left;
+ width: 100%;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
- margin: 0px 0 0 0;
- padding: 0px 250px 0px 60px;
- background-position: bottom;
- background-repeat: repeat-x;
- background-color: transparent;
- height: 39px;
- /*active Tabs*/
+ margin: 0px 0 0 0;
+ padding: 0px 250px 0px 60px;
+ background-position: bottom;
+ background-repeat: repeat-x;
+ background-color: transparent;
+ height: 39px;
+ /*active Tabs*/
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 {
- display: inline;
- width: 100%;
- text-align: center;
- -webkit-margin-before: 0;
- -webkit-margin-after: 0;
+ display: inline;
+ width: 100%;
+ text-align: center;
+ -webkit-margin-before: 0;
+ -webkit-margin-after: 0;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img {
- text-align: center;
- float: none;
- margin: 0 auto;
- width: 16px;
- height: 16px;
+ text-align: center;
+ float: none;
+ margin: 0 auto;
+ width: 16px;
+ height: 16px;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header {
- padding-left: 0;
- position: relative;
- display: inline-block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- padding: 0px 5px 0px 0px;
- cursor: pointer;
- background-repeat: repeat-x;
- height: 100%;
- max-width: 200px;
+ padding-left: 0;
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding: 0px 5px 0px 0px;
+ cursor: pointer;
+ background-repeat: repeat-x;
+ height: 100%;
+ max-width: 200px;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv {
- position: absolute;
- background-color: #c14343;
- bottom: 5px;
- height: 17px;
- left: 0%;
- color: #fff9fb;
- border: 2px solid #ffffff;
- text-align: center;
- border-bottom: 0;
- border-radius: 50%;
- white-space: nowrap;
- line-height: 16px;
- width: 17px;
- font-weight: bold;
+ position: absolute;
+ background-color: #c14343;
+ bottom: 5px;
+ height: 17px;
+ left: 0%;
+ color: #fff9fb;
+ border: 2px solid #ffffff;
+ text-align: center;
+ border-bottom: 0;
+ border-radius: 50%;
+ white-space: nowrap;
+ line-height: 16px;
+ width: 17px;
+ font-weight: bold;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv:hover {
- background-color: #1E1E1E;
+ background-color: #1E1E1E;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
- background-color: rgba(153, 204, 255, 0.4);
- padding-bottom: 0px;
- padding-top: 8px;
- transition: none;
+ background-color: rgba(153, 204, 255, 0.4);
+ padding-bottom: 0px;
+ padding-top: 8px;
+ transition: none;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button {
- background-image: url(../images/close.svg);
+ background-image: url(../images/close.svg);
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button {
- top: 8px;
+ top: 8px;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
- font-size: 11px;
- line-height: 1em;
- margin: 0 15px 2px 2px;
- vertical-align: super;
+ font-size: 11px;
+ line-height: 1em;
+ margin: 0 15px 2px 2px;
+ vertical-align: super;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin: 5px 1px 0 1em;
- /*filter grey*/
- filter: url("data:image/svg+xml;utf8,#grayscale");
- -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: gray;
- /* IE 6-9 */
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ margin: 5px 1px 0 1em;
+ /*filter grey*/
+ filter: url("data:image/svg+xml;utf8,#grayscale");
+ -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: gray;
+ /* IE 6-9 */
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
- border-left: 1px solid #bfc0bf;
- border-right: 1px solid #bfc0bf;
- border-bottom: 4px solid white !important;
- border-top: 4px solid transparent;
- background-color: #ffffff;
- background-image: none !important;
+ border-left: 1px solid #bfc0bf;
+ border-right: 1px solid #bfc0bf;
+ border-bottom: 4px solid white !important;
+ border-top: 4px solid transparent;
+ background-color: #ffffff;
+ background-image: none !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
- background-color: #ffffff;
- padding-top: 0px;
+ background-color: #ffffff;
+ padding-top: 0px;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
- padding-top: 3px;
- display: inline-block;
- width: 16px;
- height: 16px;
+ padding-top: 3px;
+ display: inline-block;
+ width: 16px;
+ height: 16px;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
- right: 3px;
- top: 3px;
- display: inline-block;
- width: 12px;
- height: 12px;
- margin-left: 0px;
- background-repeat: no-repeat;
- background-position: center;
- background-size: 6px 6px;
- position: absolute;
+ right: 3px;
+ top: 3px;
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ margin-left: 0px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 6px 6px;
+ position: absolute;
}
+
#egw_fw_main .egw_fw_ui_tab_header_hover {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
#egw_fw_main .egw_fw_ui_tab_content {
- width: 100%;
- padding: 0px;
- margin: 0;
- overflow-x: hidden;
- overflow-y: hidden;
+ width: 100%;
+ padding: 0px;
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: hidden;
}
+
#egw_fw_main .egw_fw_ui_tab_content > div {
- width: 100%;
- padding: 0 0 0 0;
+ width: 100%;
+ padding: 0 0 0 0;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -4717,506 +5366,586 @@ span.overlayContainer img.overlay {
* Sidebar
* ################################################################################################################*/
#egw_fw_sidebar {
- position: fixed;
- overflow: hidden;
- top: 45px;
- left: 0px;
- bottom: 0px;
- width: 225px;
- /*#################################*/
+ position: fixed;
+ overflow: hidden;
+ top: 45px;
+ left: 0px;
+ bottom: 0px;
+ width: 225px;
+ /*#################################*/
}
+
#egw_fw_sidebar #egw_fw_sidemenu {
- position: absolute;
- top: 1px;
- bottom: 1px;
- left: 0px;
- right: 8px;
- overflow: hidden;
- z-index: 0;
- font-size: 0.9em;
- border-right: 1px solid #bfbfbf;
+ position: absolute;
+ top: 1px;
+ bottom: 1px;
+ left: 0px;
+ right: 8px;
+ overflow: hidden;
+ z-index: 0;
+ font-size: 0.9em;
+ border-right: 1px solid #bfbfbf;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
- background-color: #fafafa;
+ background-color: #fafafa;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div {
- padding: 3px 0 1px 3px;
- cursor: pointer;
+ padding: 3px 0 1px 3px;
+ cursor: pointer;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header {
- display: block;
- margin: 0 0;
+ display: block;
+ margin: 0 0;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header: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-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);
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 {
- margin: 0 0 10px 0;
- padding-top: 0.4em;
- padding-left: 3em;
- color: #999999;
- /*font-size: 12px;*/
- font-size: 12px;
- line-height: 17px;
+ margin: 0 0 10px 0;
+ padding-top: 0.4em;
+ padding-left: 3em;
+ color: #999999;
+ /*font-size: 12px;*/
+ font-size: 12px;
+ line-height: 17px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object {
- background-color: #FFFFFF;
- width: 24px;
- height: 24px;
+ background-color: #FFFFFF;
+ width: 24px;
+ height: 24px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active {
- cursor: pointer;
- background-image: url("../images/clear.png");
- background-position: 95% -3000px;
- background-repeat: no-repeat;
- background-color: #ffffff;
- margin: 0 0 0 0;
- border-bottom: none;
- height: 33px;
+ cursor: pointer;
+ background-image: url("../images/clear.png");
+ background-position: 95% -3000px;
+ background-repeat: no-repeat;
+ background-color: #ffffff;
+ margin: 0 0 0 0;
+ border-bottom: none;
+ height: 33px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img {
- padding-left: 9px;
- padding-top: 7px;
- height: 18px;
+ padding-left: 9px;
+ padding-top: 7px;
+ height: 18px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 {
- text-transform: uppercase;
- font-size: 1.4em;
- color: #000000;
- padding-top: 0;
- line-height: 33px;
- height: 33px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding-left: 10px;
+ text-transform: uppercase;
+ font-size: 1.4em;
+ color: #000000;
+ padding-top: 0;
+ line-height: 33px;
+ height: 33px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ padding-left: 10px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover {
- padding-left: 35px;
+ padding-left: 35px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
- background-image: url(../images/reload.png);
- background-size: 18px;
- background-position: 9px 6px;
- background-repeat: no-repeat;
+ background-image: url(../images/reload.png);
+ background-size: 18px;
+ background-position: 9px 6px;
+ background-repeat: no-repeat;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img {
- display: none !important;
+ display: none !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus {
- background-image: url("../images/ajax-loader.gif");
- background-repeat: no-repeat;
- background-position: 90% 50%;
- -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);
- background-color: #bfbfbf;
+ background-image: url("../images/ajax-loader.gif");
+ background-repeat: no-repeat;
+ background-position: 90% 50%;
+ -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);
+ background-color: #bfbfbf;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object {
- margin-left: 14px;
- margin-top: 8px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- width: 16px;
- height: 16px;
+ margin-left: 14px;
+ margin-top: 8px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ width: 16px;
+ height: 16px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader {
- margin-top: -26px;
+ margin-top: -26px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom {
- border-width: 0px 1px 1px 1px;
+ border-width: 0px 1px 1px 1px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon {
- display: inline-block;
- height: 24px;
- padding-left: 0;
- padding-right: 0px;
- float: left;
- /*filter grey*/
- /*filter grey*/
- filter: url("data:image/svg+xml;utf8,#grayscale");
- -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: gray;
- /* IE 6-9 */
+ display: inline-block;
+ height: 24px;
+ padding-left: 0;
+ padding-right: 0px;
+ float: left;
+ /*filter grey*/
+ /*filter grey*/
+ filter: url("data:image/svg+xml;utf8,#grayscale");
+ -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: gray;
+ /* IE 6-9 */
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content {
- display: block;
- background-image: none;
- border-color: #B4B4B4;
- border-style: solid;
- border-width: 1px;
- margin: 0 0 2em 0;
- border-left: none;
- /*######################*/
+ display: block;
+ background-image: none;
+ border-color: #B4B4B4;
+ border-style: solid;
+ border-width: 1px;
+ margin: 0 0 2em 0;
+ border-left: none;
+ /*######################*/
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) {
- background-color: #ffffff;
- border-color: #B4B4B4;
- border-right: 0px;
- margin-bottom: 0px;
- border-top-color: white;
- padding-top: 0px;
+ background-color: #ffffff;
+ border-color: #B4B4B4;
+ border-right: 0px;
+ margin-bottom: 0px;
+ border-top-color: white;
+ padding-top: 0px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
- margin: 4px 5px 5px 5px;
- padding: 2px 0 2px 0;
- cursor: pointer;
- border-color: #B4B4B4;
- background-color: #E6E6E6;
- /*background-color: @egw_color_2_d;*/
+ margin: 4px 5px 5px 5px;
+ padding: 2px 0 2px 0;
+ cursor: pointer;
+ border-color: #B4B4B4;
+ background-color: #E6E6E6;
+ /*background-color: @egw_color_2_d;*/
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
- margin: 5px 0px 3px 5px;
- padding: 0px 0px 0px 24px;
- line-height: 1em;
- font-size: 12px;
- font-weight: normal;
- background-image: url(../images/arrow_right.svg);
- background-repeat: no-repeat;
- background-position: left center;
- background-size: 12px;
+ margin: 5px 0px 3px 5px;
+ padding: 0px 0px 0px 24px;
+ line-height: 1em;
+ font-size: 12px;
+ font-weight: normal;
+ background-image: url(../images/arrow_right.svg);
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-size: 12px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
- padding-bottom: 2px;
+ padding-bottom: 2px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon {
- display: block;
+ display: block;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
- background-color: #999999;
+ background-color: #999999;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
- border-bottom-width: 0px;
- margin-top: 4px;
- background-color: #0C5DA5;
- color: #f2f2f2;
+ border-bottom-width: 0px;
+ margin-top: 4px;
+ background-color: #0C5DA5;
+ color: #f2f2f2;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 {
- background-image: url(../images/arrow_down.svg);
- line-height: 1em;
- font-size: 12px;
- background-size: 12px;
- filter: brightness(3);
+ background-image: url(../images/arrow_down.svg);
+ line-height: 1em;
+ font-size: 12px;
+ background-size: 12px;
+ filter: brightness(3);
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a {
- color: #FFF;
+ color: #FFF;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a img {
- width: 16px;
- height: 16px;
+ width: 16px;
+ height: 16px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a:hover {
- padding: 5px 30px 5px 0px;
- width: 200px;
- background-color: #f0f0f0;
- color: #808080;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- background-color: inherit;
+ padding: 5px 30px 5px 0px;
+ width: 200px;
+ background-color: #f0f0f0;
+ color: #808080;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ background-color: inherit;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
- background-color: #408DD2;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out;
+ background-color: #408DD2;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ -o-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
}
+
#egw_fw_sidebar #egw_fw_splitter {
- position: absolute;
- width: 8px;
- top: 40px;
- bottom: 3px;
- right: 0px;
+ position: absolute;
+ width: 8px;
+ top: 40px;
+ bottom: 3px;
+ right: 0px;
}
+
#egw_fw_sidebar #egw_fw_splitter:hover {
- border-color: #E6E6E6;
+ border-color: #E6E6E6;
}
+
#egw_fw_basecontainer #egw_fw_toggler {
- display: block;
- width: 51px;
- height: 45px;
- position: absolute;
- z-index: 1;
- margin-top: 0px;
- left: 0px;
- background-color: #fbfbfb;
- padding-left: 10px;
+ display: block;
+ width: 51px;
+ height: 45px;
+ position: absolute;
+ z-index: 1;
+ margin-top: 0px;
+ left: 0px;
+ background-color: #fbfbfb;
+ padding-left: 10px;
}
+
#egw_fw_basecontainer #egw_fw_toggler span {
- background-color: transparent;
- position: relative;
- display: block;
- width: 35px;
- height: 3px;
- backface-visibility: hidden;
- border-radius: 2px;
- top: 11px;
- left: 10px;
+ background-color: transparent;
+ position: relative;
+ display: block;
+ width: 35px;
+ height: 3px;
+ backface-visibility: hidden;
+ border-radius: 2px;
+ top: 11px;
+ left: 10px;
}
+
#egw_fw_basecontainer #egw_fw_toggler span:before {
- transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration: 0.7s;
- transform: rotate(145deg) translate(8px, -2px);
- -ms-transform: rotate(145deg) translate(8px, -2px);
- -moz-transform: rotate(145deg) translate(8px, -2px);
- -webkit-transform: rotate(145deg) translate(8px, -2px);
- background-color: #b4b4b4;
+ transition-duration: 0.7s;
+ -webkit-transition-duration: 0.7s;
+ -moz-transition-duration: 0.7s;
+ transform: rotate(145deg) translate(8px, -2px);
+ -ms-transform: rotate(145deg) translate(8px, -2px);
+ -moz-transform: rotate(145deg) translate(8px, -2px);
+ -webkit-transform: rotate(145deg) translate(8px, -2px);
+ background-color: #b4b4b4;
}
+
#egw_fw_basecontainer #egw_fw_toggler span:before,
#egw_fw_basecontainer #egw_fw_toggler span:after {
- content: "";
- position: absolute;
- left: 0px;
- top: 3px;
- width: 35px;
- height: 3px;
- background-color: #b4b4b4;
- backface-visibility: hidden;
- border-radius: 2px;
+ content: "";
+ position: absolute;
+ left: 0px;
+ top: 3px;
+ width: 35px;
+ height: 3px;
+ background-color: #b4b4b4;
+ backface-visibility: hidden;
+ border-radius: 2px;
}
+
#egw_fw_basecontainer #egw_fw_toggler span:after {
- top: 15px;
- transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration: 0.7s;
- transform: rotate(-145deg) translate(8px, 2px);
- -ms-transform: rotate(-145deg) translate(8px, 2px);
- -moz-transform: rotate(-145deg) translate(8px, 2px);
- -webkit-transform: rotate(-145deg) translate(8px, 2px);
- background-color: #b4b4b4;
+ top: 15px;
+ transition-duration: 0.7s;
+ -webkit-transition-duration: 0.7s;
+ -moz-transition-duration: 0.7s;
+ transform: rotate(-145deg) translate(8px, 2px);
+ -ms-transform: rotate(-145deg) translate(8px, 2px);
+ -moz-transform: rotate(-145deg) translate(8px, 2px);
+ -webkit-transform: rotate(-145deg) translate(8px, 2px);
+ background-color: #b4b4b4;
}
+
#egw_fw_basecontainer #egw_fw_toggler:hover span:before {
- background-color: #606060;
+ background-color: #606060;
}
+
#egw_fw_basecontainer #egw_fw_toggler:hover span:after {
- background-color: #606060;
+ background-color: #606060;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
- /* toggler button*/
+ /* toggler button*/
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span {
- background-color: #b4b4b4;
- transition: all 0.3s;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- left: 5px;
+ background-color: #b4b4b4;
+ transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ left: 5px;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
- transform: none;
- -ms-transform: none;
- -moz-transform: none;
- -webkit-transform: none;
- width: 35px;
- height: 3px;
- background-color: #b4b4b4;
+ transform: none;
+ -ms-transform: none;
+ -moz-transform: none;
+ -webkit-transform: none;
+ width: 35px;
+ height: 3px;
+ background-color: #b4b4b4;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before {
- top: 10px;
+ top: 10px;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
- top: 20px;
+ top: 20px;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span {
- background-color: #606060;
+ background-color: #606060;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before {
- background-color: #606060;
+ background-color: #606060;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after {
- background-color: #606060;
+ background-color: #606060;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu {
- top: 1px;
- /*sidebar adjustments*/
+ top: 1px;
+ /*sidebar adjustments*/
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content {
- display: none !important;
+ display: none !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active {
- border-radius: 0 !important;
- width: auto !important;
- border: 0;
+ border-radius: 0 !important;
+ width: auto !important;
+ border: 0;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
- background-size: 24px;
- background-position: 15px 8px;
+ background-size: 24px;
+ background-position: 15px 8px;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header {
- width: 50px;
- height: 35px;
+ width: 50px;
+ height: 35px;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 {
- visibility: hidden;
+ visibility: hidden;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img {
- margin: 4px 13px 0px !important;
- padding: 0 !important;
- float: none !important;
- display: block !important;
- height: 24px !important;
+ margin: 4px 13px 0px !important;
+ padding: 0 !important;
+ float: none !important;
+ display: block !important;
+ height: 24px !important;
}
+
/** DON"T MOVE THIS **/
.egw_fw_ui_splitter_vertical {
- background-image: url(../images/splitter_vert.png);
- background-position: center;
- background-repeat: no-repeat;
- background-color: #ffffff;
- position: absolute;
- width: 5px;
- height: 100%;
- cursor: col-resize;
+ background-image: url(../images/splitter_vert.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-color: #ffffff;
+ position: absolute;
+ width: 5px;
+ height: 100%;
+ cursor: col-resize;
}
+
.egw_fw_ui_splitter.ui-draggable-dragging {
- background-color: #fbec88;
- border-left: 1px solid #B4B4B4;
- opacity: 1 !important;
+ background-color: #fbec88;
+ border-left: 1px solid #B4B4B4;
+ opacity: 1 !important;
}
+
.egw_fw_ui_splitter_hover {
- background-color: white;
+ background-color: white;
}
+
.egw_fw_ui_category_content {
- background-color: #ffffff;
- border-top-width: 0;
- border-left: 0px solid;
- border-bottom: 0px solid;
- margin-left: 0px;
- margin-top: 0px;
- padding-bottom: 5px;
- padding-left: 0px;
- padding-top: 3px;
- margin-right: 0px;
- /*min-height: 50px;*/
+ background-color: #ffffff;
+ border-top-width: 0;
+ border-left: 0px solid;
+ border-bottom: 0px solid;
+ margin-left: 0px;
+ margin-top: 0px;
+ padding-bottom: 5px;
+ padding-left: 0px;
+ padding-top: 3px;
+ margin-right: 0px;
+ /*min-height: 50px;*/
}
+
.egw_fw_ui_category_content:last-of-type {
- border-color: #B4B4B4;
- margin-bottom: -2px;
+ border-color: #B4B4B4;
+ margin-bottom: -2px;
}
+
.egw_fw_ui_category_content img {
- height: 16px;
- vertical-align: middle;
+ height: 16px;
+ vertical-align: middle;
}
+
.egw_fw_ui_category_content:hover {
- background-color: #ffffff;
- border-color: #828282;
+ background-color: #ffffff;
+ border-color: #828282;
}
+
.egw_fw_ui_category_content input#uical_select_owner_multiple {
- height: 16px;
- vertical-align: middle;
+ height: 16px;
+ vertical-align: middle;
}
+
.egw_fw_ui_category_content .egwTutorial div#list_grid_wrapper {
- border-bottom-left-radius: 10px;
- overflow-x: hidden !important;
+ border-bottom-left-radius: 10px;
+ overflow-x: hidden !important;
}
+
.egw_fw_ui_category_content .egwTutorial div#list_grid_wrapper .et2_label {
- padding-bottom: 5px;
+ padding-bottom: 5px;
}
+
.egw_fw_ui_sidemenu_listitem {
- padding: 9px 0px 0px 0px;
- margin: 0px 0 1px 0px;
- position: relative;
- min-height: 18px;
- background-color: #FFFFFF;
- overflow-x: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+ padding: 9px 0px 0px 0px;
+ margin: 0px 0 1px 0px;
+ position: relative;
+ min-height: 18px;
+ background-color: #FFFFFF;
+ overflow-x: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
+
.egw_fw_ui_sidemenu_listitem:hover {
- color: #000000;
- background-color: rgba(153, 204, 255, 0.4);
+ color: #000000;
+ background-color: rgba(153, 204, 255, 0.4);
}
+
.egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
- /*display: none;*/
- width: 12px;
- height: 12px;
- padding: 0px;
- margin: 0px 6px;
- float: left;
+ /*display: none;*/
+ width: 12px;
+ height: 12px;
+ padding: 0px;
+ margin: 0px 6px;
+ float: left;
}
+
.egw_fw_ui_sidemenu_listitem input {
- height: 16px;
- width: 81% !important;
+ height: 16px;
+ width: 81% !important;
}
+
.egw_fw_ui_sidemenu_listitem input[type="image"] {
- height: 10px;
- width: 10px !important;
- margin-left: 1px;
+ height: 10px;
+ width: 10px !important;
+ margin-left: 1px;
}
+
.egw_fw_ui_sidemenu_listitem select {
- max-width: 85% !important;
+ max-width: 85% !important;
}
+
.egw_fw_ui_sidemenu_listitem img {
- height: 9px;
- width: 9px;
- padding: 0px;
- float: right;
+ height: 9px;
+ width: 9px;
+ padding: 0px;
+ float: right;
}
+
.egw_fw_ui_sidemenu_listitem a {
- padding: 5px 0px 5px 6px;
- text-decoration: none;
- min-width: 5em;
- vertical-align: bottom;
- color: #000000;
+ padding: 5px 0px 5px 6px;
+ text-decoration: none;
+ min-width: 5em;
+ vertical-align: bottom;
+ color: #000000;
}
+
.egw_fw_ui_sidemenu_listitem a: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-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);
}
+
.egw_fw_ui_sidemenu_listitem div a:first-child {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- background-color: #f0f0f0;
- border-color: #828282;
- cursor: pointer;
- width: 72% !important;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ background-color: #f0f0f0;
+ border-color: #828282;
+ cursor: pointer;
+ width: 72% !important;
}
+
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) {
- position: absolute;
- right: 0;
- top: 0;
- background: transparent;
- padding: 0px 2px 0 2px;
- width: 10px;
- min-width: 5px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ background: transparent;
+ padding: 0px 2px 0 2px;
+ width: 10px;
+ min-width: 5px;
}
+
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) img {
- margin: 0 0 0 0;
- padding: 0em 0em 0 0em;
- height: 10px;
- width: 10px;
+ margin: 0 0 0 0;
+ padding: 0em 0em 0 0em;
+ height: 10px;
+ width: 10px;
}
+
.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
- background-color: #FF0000;
- /*.background_color_20_gray;*/
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- border: 1px solid rgba(0, 0, 0, 0.5);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- color: #ffffff;
+ background-color: #FF0000;
+ /*.background_color_20_gray;*/
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ color: #ffffff;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -5235,82 +5964,94 @@ span.overlayContainer img.overlay {
Author : stefanreinhardt
*/
.egw_fw_ui_scrollarea {
- overflow: hidden;
- z-index: 0;
- background-color: #ffffff;
+ overflow: hidden;
+ z-index: 0;
+ background-color: #ffffff;
}
+
.egw_fw_ui_scrollarea_button {
- position: absolute;
- display: block;
- width: 100%;
- height: 12px;
- z-index: 2;
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 12px;
+ z-index: 2;
}
+
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
- background-color: silver;
+ background-color: silver;
}
+
.egw_fw_ui_scrollarea_button_disabled {
- display: none !important;
+ display: none !important;
}
+
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
- top: 7px !important;
+ top: 7px !important;
}
+
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active {
- position: fixed;
- top: 50px;
- background: white;
- z-index: 1;
+ position: fixed;
+ top: 50px;
+ background: white;
+ z-index: 1;
}
+
.egw_fw_ui_scrollarea_button_up,
.egw_fw_ui_scrollarea_button_down {
- height: 14px;
- background-image: none;
- background-color: white;
- background-repeat: no-repeat;
- background-position: center;
+ height: 14px;
+ background-image: none;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center;
}
+
.egw_fw_ui_scrollarea_button_up {
- height: 35px;
- top: 0px;
- border-bottom: 1px solid silver;
- background-image: url(../images/up.svg);
- background-position: center;
- background-repeat: no-repeat;
- background-position-y: 5px;
- background-size: 24px;
+ height: 35px;
+ top: 0px;
+ border-bottom: 1px solid silver;
+ background-image: url(../images/up.svg);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-position-y: 5px;
+ background-size: 24px;
}
+
.egw_fw_ui_scrollarea_button_down {
- bottom: 0px;
- height: 35px;
- border-top: 1px solid silver;
- background-image: url(../images/down.svg);
- background-repeat: no-repeat;
- background-position: center;
- background-position-y: 6px;
- background-size: 24px;
+ bottom: 0px;
+ height: 35px;
+ border-top: 1px solid silver;
+ background-image: url(../images/down.svg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-position-y: 6px;
+ background-size: 24px;
}
+
.egw_fw_ui_scrollarea_outerdiv {
- height: 100%;
+ height: 100%;
}
+
.egw_fw_content_browser_div {
- display: block;
- overflow-x: hidden;
- overflow-y: auto;
- padding-right: 10px;
- /* background-color: RGB(240, 240, 255);*/
+ display: block;
+ overflow-x: hidden;
+ overflow-y: auto;
+ padding-right: 10px;
+ /* background-color: RGB(240, 240, 255);*/
}
+
.egw_fw_content_browser_div_loading {
- position: absolute;
- z-index: 1000;
- top: 0px;
- left: 0px;
- width: 16px;
- height: 16px;
- background-image: url(../images/ajax-loader.gif);
- background-position: center;
- background-repeat: no-repeat;
+ position: absolute;
+ z-index: 1000;
+ top: 0px;
+ left: 0px;
+ width: 16px;
+ height: 16px;
+ background-image: url(../images/ajax-loader.gif);
+ background-position: center;
+ background-repeat: no-repeat;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -5329,371 +6070,421 @@ span.overlayContainer img.overlay {
Author : stefanreinhardt
*/
#egw_fw_topmenu_info_items {
- display: inline-block;
- height: 45px;
- position: absolute;
- padding-right: 2px;
- right: 0px;
- z-index: 1000;
- background-color: #fbfbfb;
- /*darkmode*/
- /*Notification*/
- /*Search button*/
- /*current user info*/
- /*current user info*/
- /*time zone*/
- /*quick*/
- /* Firefox */
- /* Webkit */
- /* IE */
- /* Opera and prob css3 final iteration */
+ display: inline-block;
+ height: 45px;
+ position: absolute;
+ padding-right: 2px;
+ right: 0px;
+ z-index: 1000;
+ background-color: #fbfbfb;
+ /*darkmode*/
+ /*Notification*/
+ /*Search button*/
+ /*current user info*/
+ /*current user info*/
+ /*time zone*/
+ /*quick*/
+ /* Firefox */
+ /* Webkit */
+ /* IE */
+ /* Opera and prob css3 final iteration */
}
+
#egw_fw_topmenu_info_items .topmenu_info_item {
- height: 45px;
- width: 45px;
- border-left: 1px solid #bfc0bf;
- display: inline-block;
- padding-left: 3px;
- float: right;
- background-size: 20px;
- background-position: center center;
- background-repeat: no-repeat;
- cursor: pointer;
+ height: 45px;
+ width: 45px;
+ border-left: 1px solid #bfc0bf;
+ display: inline-block;
+ padding-left: 3px;
+ float: right;
+ background-size: 20px;
+ background-position: center center;
+ background-repeat: no-repeat;
+ cursor: pointer;
}
+
#egw_fw_topmenu_info_items .topmenu_info_item:hover {
- background-color: rgba(153, 204, 255, 0.4);
+ background-color: rgba(153, 204, 255, 0.4);
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span {
- height: 40px;
- width: 40px;
- display: inline-block;
- border: none;
- margin-top: 2px;
- margin-left: 1px;
+ height: 40px;
+ width: 40px;
+ display: inline-block;
+ border: none;
+ margin-top: 2px;
+ margin-left: 1px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span img {
- width: 40px;
+ width: 40px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat {
- position: absolute;
+ position: absolute;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 {
- width: 14px;
- height: 14px;
- position: absolute;
- right: 30px;
- bottom: 0px;
- border-radius: 50%;
- z-index: 100000;
- background-size: 14px;
- background-repeat: no-repeat;
- color: #2d2b2b;
- font-weight: bold;
- text-align: center;
- font-size: 10px;
- line-height: 14px;
- border: 2px solid #fbfbfb;
+ width: 14px;
+ height: 14px;
+ position: absolute;
+ right: 30px;
+ bottom: 0px;
+ border-radius: 50%;
+ z-index: 100000;
+ background-size: 14px;
+ background-repeat: no-repeat;
+ color: #2d2b2b;
+ font-weight: bold;
+ text-align: center;
+ font-size: 10px;
+ line-height: 14px;
+ border: 2px solid #fbfbfb;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online {
- background-color: #2de0a5;
+ background-color: #2de0a5;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline {
- background-color: #cbced1;
+ background-color: #cbced1;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away {
- background-color: #ffd21f;
+ background-color: #ffd21f;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy {
- background-color: #f5455c;
+ background-color: #f5455c;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection {
- background-color: #E1E16D;
+ background-color: #E1E16D;
}
+
#egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before {
- content: "!";
+ content: "!";
}
+
#egw_fw_topmenu_info_items #topmenu_info_logout {
- background-image: url(../images/logout.svg);
+ background-image: url(../images/logout.svg);
}
+
#egw_fw_topmenu_info_items #topmenu_info_logout a {
- width: 45px;
- height: 45px;
- display: inline-block;
+ width: 45px;
+ height: 45px;
+ display: inline-block;
}
+
#egw_fw_topmenu_info_items #topmenu_info_print_title {
- background-image: url(../images/print.svg);
+ background-image: url(../images/print.svg);
}
+
#egw_fw_topmenu_info_items #topmenu_info_print_title span {
- width: 45px;
- height: 45px;
- display: inline-block;
+ width: 45px;
+ height: 45px;
+ display: inline-block;
}
+
#egw_fw_topmenu_info_items #topmenu_info_darkmode span {
- background-image: url(../images/darkmode_off.svg);
- width: 45px;
- height: 45px;
- display: inline-block;
- background-position: center;
- background-repeat: no-repeat;
+ background-image: url(../images/darkmode_off.svg);
+ width: 45px;
+ height: 45px;
+ display: inline-block;
+ background-position: center;
+ background-repeat: no-repeat;
}
+
#egw_fw_topmenu_info_items #topmenu_info_darkmode span.darkmode_on {
- background-image: url(../images/darkmode_on.svg);
- filter: invert(1) hue-rotate(180deg);
+ background-image: url(../images/darkmode_on.svg);
+ filter: invert(1) hue-rotate(180deg);
}
+
#egw_fw_topmenu_info_items #topmenu_info_notifications {
- line-height: 45px;
- text-align: center;
- cursor: pointer;
- display: inline-block;
- color: #fbfbfb;
- font-weight: bold;
- opacity: 0.4;
- background-image: url(../images/notification_message.svg);
- border-left: 1px solid #636262;
+ line-height: 45px;
+ text-align: center;
+ cursor: pointer;
+ display: inline-block;
+ color: #fbfbfb;
+ font-weight: bold;
+ opacity: 0.4;
+ background-image: url(../images/notification_message.svg);
+ border-left: 1px solid #636262;
}
+
#egw_fw_topmenu_info_items #topmenu_info_notifications .egw_fw_topmenu_info_notify {
- position: absolute;
- background-color: #c14343;
- bottom: 0px;
- height: 17px;
- white-space: nowrap;
- line-height: 16px;
- width: 17px;
- border-top-right-radius: 50%;
- margin-left: -3px;
- color: #fff9fb;
- border: 2px solid #ffffff;
- text-align: center;
- border-radius: 50%;
+ position: absolute;
+ background-color: #c14343;
+ bottom: 0px;
+ height: 17px;
+ white-space: nowrap;
+ line-height: 16px;
+ width: 17px;
+ border-top-right-radius: 50%;
+ margin-left: -3px;
+ color: #fff9fb;
+ border: 2px solid #ffffff;
+ text-align: center;
+ border-radius: 50%;
}
+
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note {
- position: absolute;
- width: 280px;
- height: 30px;
- left: -96px;
- top: 45px;
- border: 1px solid silver;
- background: #ffffff;
- text-align: center;
- font-size: 10pt;
- line-height: 22pt;
- color: #b9436c;
- white-space: nowrap;
- z-index: 999;
+ position: absolute;
+ width: 280px;
+ height: 30px;
+ left: -96px;
+ top: 45px;
+ border: 1px solid silver;
+ background: #ffffff;
+ text-align: center;
+ font-size: 10pt;
+ line-height: 22pt;
+ color: #b9436c;
+ white-space: nowrap;
+ z-index: 999;
}
+
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before {
- content: '';
- position: absolute;
- top: -13px;
- left: 251px;
- width: 0;
- height: 0px;
- border-left: 14px solid transparent;
- border-right: 15px solid transparent;
- border-bottom: 12px solid #aaa;
- margin-bottom: 12px;
- margin-left: 1px;
+ content: '';
+ position: absolute;
+ top: -13px;
+ left: 251px;
+ width: 0;
+ height: 0px;
+ border-left: 14px solid transparent;
+ border-right: 15px solid transparent;
+ border-bottom: 12px solid #aaa;
+ margin-bottom: 12px;
+ margin-left: 1px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after {
- content: '';
- position: absolute;
- top: -11px;
- left: 251px;
- width: 0;
- height: 0;
- border-left: 15px solid transparent;
- border-right: 15px solid transparent;
- border-bottom: 12px solid #ffffff;
- margin-bottom: 11px;
+ content: '';
+ position: absolute;
+ top: -11px;
+ left: 251px;
+ width: 0;
+ height: 0;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ border-bottom: 12px solid #ffffff;
+ margin-bottom: 11px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_notifications.egwpopup_notify {
- background-image: url(../images/notification_message_active.svg);
- opacity: 1;
- border-left: 1px solid #bfc0bf;
+ background-image: url(../images/notification_message_active.svg);
+ opacity: 1;
+ border-left: 1px solid #bfc0bf;
}
+
#egw_fw_topmenu_info_items #topmenu_info_search {
- background-repeat: no-repeat;
- background-image: url(../images/topmenu_items/search.svg);
+ background-repeat: no-repeat;
+ background-image: url(../images/topmenu_items/search.svg);
}
+
#egw_fw_topmenu_info_items #topmenu_info_search a {
- width: 45px;
- height: 45px;
- display: inline-block;
+ width: 45px;
+ height: 45px;
+ display: inline-block;
}
+
#egw_fw_topmenu_info_items form {
- height: 0px;
+ height: 0px;
}
+
#egw_fw_topmenu_info_items form select {
- padding: 0px;
+ padding: 0px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add {
- position: relative;
+ position: relative;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
- float: right;
- background-image: url(../images/add.svg);
- background-repeat: no-repeat;
- background-size: 24px;
- background-position: center;
- width: 45px;
- height: 45px;
- padding-right: 3px;
+ float: right;
+ background-image: url(../images/add.svg);
+ background-repeat: no-repeat;
+ background-size: 24px;
+ background-position: center;
+ width: 45px;
+ height: 45px;
+ padding-right: 3px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add:before {
- content: " ";
- font-size: 2em;
- color: #0C5DA5;
- line-height: 0.6em;
- background-color: white;
+ content: " ";
+ font-size: 2em;
+ color: #0C5DA5;
+ line-height: 0.6em;
+ background-color: white;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container {
- z-index: 1000;
- position: absolute;
- right: -54px !important;
- top: 47px;
- min-width: 160px !important;
- width: 160px !important;
- background: #FFFFFF;
+ z-index: 1000;
+ position: absolute;
+ right: -54px !important;
+ top: 47px;
+ min-width: 160px !important;
+ width: 160px !important;
+ background: #FFFFFF;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before {
- content: '';
- position: absolute;
- bottom: 51%;
- left: 42%;
- width: 0;
- height: 0px;
- border-left: 14px solid transparent;
- border-right: 15px solid transparent;
- border-bottom: 12px solid #aaa;
- margin-bottom: 12px;
- margin-left: 1px;
+ content: '';
+ position: absolute;
+ bottom: 51%;
+ left: 42%;
+ width: 0;
+ height: 0px;
+ border-left: 14px solid transparent;
+ border-right: 15px solid transparent;
+ border-bottom: 12px solid #aaa;
+ margin-bottom: 12px;
+ margin-left: 1px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:after {
- content: '';
- position: absolute;
- bottom: 50%;
- left: 42%;
- width: 0;
- height: 0;
- border-left: 15px solid transparent;
- border-right: 15px solid transparent;
- border-bottom: 12px solid #ffffff;
- margin-bottom: 11px;
+ content: '';
+ position: absolute;
+ bottom: 50%;
+ left: 42%;
+ width: 0;
+ height: 0;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ border-bottom: 12px solid #ffffff;
+ margin-bottom: 11px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-single span {
- display: none;
+ display: none;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container a.chzn-single.chzn-default {
- border: 1px solid #bfc0bf;
- border-radius: 0px;
+ border: 1px solid #bfc0bf;
+ border-radius: 0px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-drop {
- border-radius: 0px;
- margin-top: -2px;
+ border-radius: 0px;
+ margin-top: -2px;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results {
- max-height: none;
+ max-height: none;
}
+
#egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox {
- visibility: hidden;
+ visibility: hidden;
}
+
#egw_fw_topmenu_info_items img#topmenu_info_error {
- width: 16px;
- height: 16px;
- position: fixed;
- /*.Button_size_square_16;*/
- 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);
- padding: 5px;
- top: 6px;
- right: 112px;
- z-index: 200;
- background-color: #FF0000;
- -moz-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- /* order: name, direction, duration, iteration-count, timing-function */
- -moz-animation: blink normal 2s infinite ease-in-out;
- /* Firefox */
- -webkit-animation: blink normal 2s infinite ease-in-out;
- /* Webkit */
- -ms-animation: blink normal 2s infinite ease-in-out;
- /* IE */
- animation: blink normal 2s infinite ease-in-out;
- /* Opera and prob css3 final iteration */
+ width: 16px;
+ height: 16px;
+ position: fixed;
+ /*.Button_size_square_16;*/
+ 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);
+ padding: 5px;
+ top: 6px;
+ right: 112px;
+ z-index: 200;
+ background-color: #FF0000;
+ -moz-transition: all 1s ease-in-out;
+ -webkit-transition: all 1s ease-in-out;
+ -o-transition: all 1s ease-in-out;
+ -ms-transition: all 1s ease-in-out;
+ transition: all 1s ease-in-out;
+ /* order: name, direction, duration, iteration-count, timing-function */
+ -moz-animation: blink normal 2s infinite ease-in-out;
+ /* Firefox */
+ -webkit-animation: blink normal 2s infinite ease-in-out;
+ /* Webkit */
+ -ms-animation: blink normal 2s infinite ease-in-out;
+ /* IE */
+ animation: blink normal 2s infinite ease-in-out;
+ /* Opera and prob css3 final iteration */
}
+
#egw_fw_topmenu_info_items img#topmenu_info_error:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
#egw_fw_topmenu_info_items img#topmenu_info_error: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-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);
}
+
#egw_fw_topmenu_info_items img#topmenu_info_error:focus {
- -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-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);
}
+
@-moz-keyframes blink {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
+
@-webkit-keyframes blink {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
+
@-ms-keyframes blink {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
+
@keyframes blink {
- 0% {
- opacity: 1;
- }
- 50% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
}
+
div#topmenu_info_update {
- display: inline-block;
+ display: inline-block;
}
+
div#topmenu_info_update img {
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- padding: 5px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ padding: 5px;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -5716,23 +6507,25 @@ div#topmenu_info_update img {
/* ##################################################################
*/
.standartTreeImage {
- /*filter grey*/
- filter: url("data:image/svg+xml;utf8,#grayscale");
- -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: gray;
- /* IE 6-9 */
- width: 16px;
- height: 16px;
+ /*filter grey*/
+ filter: url("data:image/svg+xml;utf8,#grayscale");
+ -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%);
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: gray;
+ /* IE 6-9 */
+ width: 16px;
+ height: 16px;
}
+
button.image_button {
- background: none;
- border: none;
+ background: none;
+ border: none;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -5747,131 +6540,150 @@ button.image_button {
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/
.sbHolder {
- /*.box_shadow_standard_light;*/
- width: auto;
- margin: 5px 0em 5px 0px;
- padding: 3px;
- outline: none;
- display: inline-block;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- cursor: pointer;
- font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
- font-size: 1.2em;
- font-weight: normal;
- height: 30px;
- position: relative;
- width: 10em;
+ /*.box_shadow_standard_light;*/
+ width: auto;
+ margin: 5px 0em 5px 0px;
+ padding: 3px;
+ outline: none;
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
+ font-size: 1.2em;
+ font-weight: normal;
+ height: 30px;
+ position: relative;
+ width: 10em;
}
+
.sbHolder:hover {
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
+
.sbHolder:focus {
- outline: 0;
- border-width: 1px;
- border-style: solid;
- border-color: #B4B4B4;
- -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
- -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);
+ outline: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #B4B4B4;
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
+ -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);
}
+
.sbSelector {
- display: block;
- height: 30px;
- left: 0;
- line-height: 30px;
- outline: none;
- overflow: hidden;
- position: absolute;
- text-indent: 10px;
- top: 0;
- width: 170px;
+ display: block;
+ height: 30px;
+ left: 0;
+ line-height: 30px;
+ outline: none;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 10px;
+ top: 0;
+ width: 170px;
}
+
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
- color: #808080;
- outline: none;
- text-decoration: none;
+ color: #808080;
+ outline: none;
+ text-decoration: none;
}
+
.sbToggle {
- background: url(../img/select-icons.png) 0 -116px no-repeat;
- display: block;
- height: 30px;
- outline: none;
- position: absolute;
- right: 0;
- top: 0;
- width: 30px;
+ background: url(../img/select-icons.png) 0 -116px no-repeat;
+ display: block;
+ height: 30px;
+ outline: none;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 30px;
}
+
.sbToggle:hover {
- background: url(../images/select-icons.png) 0 -167px no-repeat;
+ background: url(../images/select-icons.png) 0 -167px no-repeat;
}
+
.sbToggleOpen {
- background: url(../images/select-icons.png) 0 -16px no-repeat;
+ background: url(../images/select-icons.png) 0 -16px no-repeat;
}
+
.sbToggleOpen:hover {
- background: url(../images/select-icons.png) 0 -66px no-repeat;
+ background: url(../images/select-icons.png) 0 -66px no-repeat;
}
+
.sbHolderDisabled {
- background-color: #3C3C3C;
- border: solid 1px #515151;
+ background-color: #3C3C3C;
+ border: solid 1px #515151;
}
+
.sbOptions {
- background-color: #ffffff;
- border: solid 1px #515151;
- list-style: none;
- left: -1px;
- margin: 0;
- padding: 0;
- position: absolute;
- top: 30px;
- width: 200px;
- z-index: 1;
- overflow-y: auto;
+ background-color: #ffffff;
+ border: solid 1px #515151;
+ list-style: none;
+ left: -1px;
+ margin: 0;
+ padding: 0;
+ position: absolute;
+ top: 30px;
+ width: 200px;
+ z-index: 1;
+ overflow-y: auto;
}
+
.sbOptions li {
- padding: 0 7px;
+ padding: 0 7px;
}
+
.sbOptions a {
- border-bottom: dotted 1px #515151;
- display: block;
- outline: none;
- padding: 7px 0 7px 3px;
- color: #26537C;
+ border-bottom: dotted 1px #515151;
+ display: block;
+ outline: none;
+ padding: 7px 0 7px 3px;
+ color: #26537C;
}
+
.sbOptions a:link,
.sbOptions a:visited {
- color: #26537C;
- text-decoration: none;
+ color: #26537C;
+ text-decoration: none;
}
+
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
- color: rgba(38, 83, 124, 0.6);
+ color: rgba(38, 83, 124, 0.6);
}
+
.sbOptions li.last a {
- border-bottom: none;
+ border-bottom: none;
}
+
.sbOptions .sbDisabled {
- border-bottom: dotted 1px #515151;
- color: #999;
- display: block;
- padding: 7px 0 7px 3px;
+ border-bottom: dotted 1px #515151;
+ color: #999;
+ display: block;
+ padding: 7px 0 7px 3px;
}
+
.sbOptions .sbGroup {
- border-bottom: dotted 1px #515151;
- color: #EBB52D;
- display: block;
- font-weight: bold;
- padding: 7px 0 7px 3px;
+ border-bottom: dotted 1px #515151;
+ color: #EBB52D;
+ display: block;
+ font-weight: bold;
+ padding: 7px 0 7px 3px;
}
+
.sbOptions .sbSub {
- padding-left: 17px;
+ padding-left: 17px;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -5920,275 +6732,331 @@ button.image_button {
*/
/* TABLE STYLE */
.th {
- border-bottom: 1px solid #E6E6E6;
+ border-bottom: 1px solid #E6E6E6;
}
+
.th.thb {
- border-color: darkgray;
+ border-color: darkgray;
}
+
.th.thb td {
- padding-top: 10px;
+ padding-top: 10px;
}
+
.innerContainer {
- overflow: hidden;
- /*padding: 0;*/
+ overflow: hidden;
+ /*padding: 0;*/
}
+
.egwGridView_grid > tbody > tr.th > td {
- border-bottom: 1px solid darkgray;
- font-weight: normal;
- padding: 0 2px 2px 0;
- background-image: none;
- background-position: center;
- background-repeat: repeat-x;
- vertical-align: top;
+ border-bottom: 1px solid darkgray;
+ font-weight: normal;
+ padding: 0 2px 2px 0;
+ background-image: none;
+ background-position: center;
+ background-repeat: repeat-x;
+ vertical-align: top;
}
+
table.egwGridView_outer {
- background-color: transparent;
- border-spacing: 0px;
- font-size: 0.9em;
+ background-color: transparent;
+ border-spacing: 0px;
+ font-size: 0.9em;
}
+
table.egwGridView_outer thead {
- max-height: 118px;
- overflow-y: auto;
- background: white;
+ max-height: 118px;
+ overflow-y: auto;
+ background: white;
}
+
table.egwGridView_outer thead tr th {
- background-position: -200px;
- font-weight: normal;
- padding: 3px 1px 3px 4px;
- border: 1px solid #B4B4B4;
- border-top: transparent;
- vertical-align: middle;
- overflow: auto;
- background-color: #f8f8f8;
+ background-position: -200px;
+ font-weight: normal;
+ padding: 3px 1px 3px 4px;
+ border: 1px solid #B4B4B4;
+ border-top: transparent;
+ vertical-align: middle;
+ overflow: auto;
+ background-color: #f8f8f8;
}
+
table.egwGridView_outer thead tr th:hover {
- background-color: #bfbfbf;
- color: #ffffff;
- /*border-right: 5px solid white;*/
- background-image: url(../images/hint-arrow-right.png);
- background-position: right bottom;
- background-repeat: no-repeat;
- background-size: 15px 15px;
- -webkit-transition: all 0s ease-out;
- -moz-transition: all 0s ease-out;
- -o-transition: all 0s ease-out;
- transition: all 0s ease-out;
- /*transition-delay: 1s;*/
+ background-color: #bfbfbf;
+ color: #ffffff;
+ /*border-right: 5px solid white;*/
+ background-image: url(../images/hint-arrow-right.png);
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ background-size: 15px 15px;
+ -webkit-transition: all 0s ease-out;
+ -moz-transition: all 0s ease-out;
+ -o-transition: all 0s ease-out;
+ transition: all 0s ease-out;
+ /*transition-delay: 1s;*/
}
+
table.egwGridView_outer thead tr th:active {
- background-color: #d9d9d9;
- -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);
- border-bottom: 1px solid silver;
+ background-color: #d9d9d9;
+ -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);
+ border-bottom: 1px solid silver;
}
+
table.egwGridView_outer thead tr th div.innerContainer {
- max-height: 10em;
- overflow-y: auto;
+ max-height: 10em;
+ overflow-y: auto;
}
+
table.egwGridView_outer thead tr th.optcol {
- padding: 0;
- text-align: center;
- background-image: none;
- border-right: none;
- /*width: 32px !important;*/
- vertical-align: bottom;
- background-color: #f0f0f0;
+ padding: 0;
+ text-align: center;
+ background-image: none;
+ border-right: none;
+ /*width: 32px !important;*/
+ vertical-align: bottom;
+ background-color: #f0f0f0;
}
+
table.egwGridView_outer thead tr th.optcol:hover {
- cursor: pointer;
+ cursor: pointer;
}
+
table.egwGridView_outer thead tr th.optcol span.selectcols {
- height: 9px;
- padding: 4px 14px 0px 2px;
- margin-top: 4px;
- background-image: url(../images/selectcols.svg);
- background-repeat: no-repeat;
- background-size: 10px 10px;
- display: inline-block;
- background-position: top;
+ height: 9px;
+ padding: 4px 14px 0px 2px;
+ margin-top: 4px;
+ background-image: url(../images/selectcols.svg);
+ background-repeat: no-repeat;
+ background-size: 10px 10px;
+ display: inline-block;
+ background-position: top;
}
+
table.egwGridView_outer > tbody > tr {
- /*Elements inside td*/
+ /*Elements inside td*/
}
+
table.egwGridView_outer > tbody > tr td.frame {
- /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
+ /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
/*padding: 0px 5px; no need*/
}
+
table.egwGridView_outer > tbody > tr > td {
- /* disabled as it skrews display of svg in filemanager
+ /* disabled as it skrews display of svg in filemanager
img[src$="svg"] {
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
}
+
table.egwGridView_outer > tbody > tr > td .et2_link {
- margin-left: 0px;
- color: #26537C;
+ margin-left: 0px;
+ color: #26537C;
}
+
table.egwGridView_outer > tbody > tr > td img {
- border: 1px solid transparent;
- box-shadow: none;
+ border: 1px solid transparent;
+ box-shadow: none;
}
+
table.egwGridView_outer > tbody > tr > td time {
- display: block;
+ display: block;
}
+
/*########################################################*/
table.egwGridView_grid {
- font-size: 12px;
- background-color: #ffffff;
- border-spacing: 0px 1px;
- width: 100%;
- /*subentry*/
+ font-size: 12px;
+ background-color: #ffffff;
+ border-spacing: 0px 1px;
+ width: 100%;
+ /*subentry*/
}
+
table.egwGridView_grid img {
- height: 16px;
- flex-grow: 0;
+ height: 16px;
+ flex-grow: 0;
}
+
table.egwGridView_grid tbody {
- border-bottom: 1px solid #000000;
- /*padding: 2px 3px 2px 4px;*/
- margin: 0;
- vertical-align: top;
- /* tr:nth-child(even) {background: @color_even;}
+ border-bottom: 1px solid #000000;
+ /*padding: 2px 3px 2px 4px;*/
+ margin: 0;
+ vertical-align: top;
+ /* tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;}*/
- /*multiple choise*/
+ /*multiple choise*/
}
+
table.egwGridView_grid tbody tr:hover {
- background: rgba(153, 204, 255, 0.4);
+ background: rgba(153, 204, 255, 0.4);
}
+
table.egwGridView_grid tbody tr.th:hover {
- background: transparent;
+ background: transparent;
}
+
table.egwGridView_grid tbody tr.selected {
- background-image: none;
- background-color: rgba(102, 153, 204, 0.7) !important;
+ background-image: none;
+ background-color: rgba(102, 153, 204, 0.7) !important;
}
+
table.egwGridView_grid tbody td {
- border-bottom: 1px solid #E6E6E6;
- color: #000000;
+ border-bottom: 1px solid #E6E6E6;
+ color: #000000;
}
+
table.egwGridView_grid tbody td .innerContainer {
- padding: 3px 0 3px 3px;
+ padding: 3px 0 3px 3px;
}
+
table.egwGridView_grid tbody td table.customfields tbody {
- border-bottom: 0px;
+ border-bottom: 0px;
}
+
table.egwGridView_grid tbody td table.customfields tbody tr {
- border-bottom: 0px;
- /*background-size: 12px 12px;*/
+ border-bottom: 0px;
+ /*background-size: 12px 12px;*/
}
+
table.egwGridView_grid tbody td table.customfields tbody tr td {
- border-bottom: 0px;
- border: 0px;
- padding: 0;
- /*height: 12px;*/
+ border-bottom: 0px;
+ border: 0px;
+ padding: 0;
+ /*height: 12px;*/
}
+
table.egwGridView_grid tbody td table.customfields tbody tr td .et2_textbox_ro {
- /*white-space: inherit;*/
+ /*white-space: inherit;*/
}
+
table.egwGridView_grid tbody td[align="right"] {
- padding: 3px 5px 3px 0;
+ padding: 3px 5px 3px 0;
}
+
table.egwGridView_grid > tr {
- border-bottom: 1px solid;
- border-color: #828282;
+ border-bottom: 1px solid;
+ border-color: #828282;
}
+
table.egwGridView_grid > tr > td {
- border-left: 1px;
- border-right: 1px;
- padding: 0.3em 0 0.3em 0.3em;
- border-bottom: 1px solid;
- color: #E6E6E6;
- /*&:hover {background-color: @egw_color_2_e;} legacy*/
+ border-left: 1px;
+ border-right: 1px;
+ padding: 0.3em 0 0.3em 0.3em;
+ border-bottom: 1px solid;
+ color: #E6E6E6;
+ /*&:hover {background-color: @egw_color_2_e;} legacy*/
}
+
table.egwGridView_grid > tr > td:active {
- /*background-color: @egw_color_2_a;*/
- -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);
- color: #ffffff;
+ /*background-color: @egw_color_2_a;*/
+ -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);
+ color: #ffffff;
}
+
table.egwGridView_grid > tr > td span {
- color: #505050;
+ color: #505050;
}
+
table.egwGridView_grid > tr > td span[id*="[info_subject]"] {
- margin-right: 30px;
+ margin-right: 30px;
}
+
table.egwGridView_grid > tr > td span.high {
- color: red;
+ color: red;
}
+
table.egwGridView_grid > tr > td span.urgent {
- color: red;
- background-color: rgba(153, 204, 255, 0.4);
+ color: red;
+ background-color: rgba(153, 204, 255, 0.4);
}
+
table.egwGridView_grid > tr > td span.low {
- color: #373737;
+ color: #373737;
}
+
table.egwGridView_grid tr.subentry {
- background: rgba(102, 153, 204, 0.2);
+ background: rgba(102, 153, 204, 0.2);
}
+
table.egwGridView_grid tr.subentry:hover {
- background: rgba(102, 153, 204, 0.7) !important;
+ background: rgba(102, 153, 204, 0.7) !important;
}
+
table.egwGridView_grid tr.drop-hover {
- background: rgba(102, 153, 204, 0.7) !important;
+ background: rgba(102, 153, 204, 0.7) !important;
}
+
table.egwGridView_grid span.arrow {
- -moz-user-select: none;
- background-repeat: no-repeat;
- background-size: 12px;
- background-position: center;
- display: inline-block;
- height: 8px;
- margin-right: 2px;
- vertical-align: middle;
- width: 8px;
+ -moz-user-select: none;
+ background-repeat: no-repeat;
+ background-size: 12px;
+ background-position: center;
+ display: inline-block;
+ height: 8px;
+ margin-right: 2px;
+ vertical-align: middle;
+ width: 8px;
}
+
table.egwGridView_grid span.arrow.opened {
- background-image: url("../images/arrow_down.svg");
- cursor: pointer;
- background-position: bottom;
+ background-image: url("../images/arrow_down.svg");
+ cursor: pointer;
+ background-position: bottom;
}
+
table.egwGridView_grid span.arrow.closed {
- background-image: url("../images/arrow_right.svg");
- cursor: pointer;
- background-position: right;
+ background-image: url("../images/arrow_right.svg");
+ cursor: pointer;
+ background-position: right;
}
+
table.egwGridView_grid span.arrow.loading {
- background-image: url("../egw_action/ajax-loader.gif");
- background-position: 0 0;
- cursor: pointer;
+ background-image: url("../egw_action/ajax-loader.gif");
+ background-position: 0 0;
+ cursor: pointer;
}
+
.nextmatch_header .selectcols {
- background: none;
+ background: none;
}
+
.nextmatch_header tr {
- background: none;
+ background: none;
}
+
/*Custom Fields*/
table.customfields tbody tr:nth-child(2n) {
- background: inherit;
+ background: inherit;
}
+
table.customfields tr {
- background-color: inherit !important;
+ background-color: inherit !important;
}
+
table.customfields td span > div {
- display: inherit;
- margin: 0px;
+ display: inherit;
+ margin: 0px;
}
+
/*########################################################*/
table.nextmatch_header img {
- width: 16px;
- height: 16px;
+ width: 16px;
+ height: 16px;
}
+
.egwGridView_empty {
- text-align: center;
- border-bottom: 1px solid silver;
- font-size: 1.5em;
+ text-align: center;
+ border-bottom: 1px solid silver;
+ font-size: 1.5em;
}
+
.egwGridView_empty td {
- color: #1E1E1E !important;
+ color: #1E1E1E !important;
}
+
/**
* EGroupware: Stylite Pixelegg template
*
@@ -6204,337 +7072,389 @@ table.nextmatch_header img {
*/
/* traditional */
form {
- margin: 0px;
- padding: 0px;
+ margin: 0px;
+ padding: 0px;
}
+
img {
- border: 0;
+ border: 0;
}
+
div {
- color: #000000;
+ color: #000000;
}
+
input[type=submit],
input[type=button],
input[type=reset],
button,
.egwbutton {
- background-color: #f0f0f0;
- background-image: none;
- border: outset 1px #b9d5e3;
- margin: 1px;
- padding: 1px;
- cursor: pointer;
- color: #004e7d;
+ background-color: #f0f0f0;
+ background-image: none;
+ border: outset 1px #b9d5e3;
+ margin: 1px;
+ padding: 1px;
+ cursor: pointer;
+ color: #004e7d;
}
+
input[type=submit] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
+
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
.egwbutton:hover {
- background-color: #d9d9d9 !important;
- background-image: none;
- border: outset 1px #b9d5e3;
- color: #004e7d;
+ background-color: #d9d9d9 !important;
+ background-image: none;
+ border: outset 1px #b9d5e3;
+ color: #004e7d;
}
+
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active,
button:active,
.egwbutton:active {
- border: inset 1px #bbbbbb;
+ border: inset 1px #bbbbbb;
}
+
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
button:disabled,
.egwbutton:disabled {
- background-color: transparent;
- color: gray;
+ background-color: transparent;
+ color: gray;
}
+
input.egwbutton {
- background-color: #b9d5e3;
- border: outset 1px #b9d5e3;
- margin: 1px;
- padding: 1px;
- cursor: pointer;
- color: #004e7d;
+ background-color: #b9d5e3;
+ border: outset 1px #b9d5e3;
+ margin: 1px;
+ padding: 1px;
+ cursor: pointer;
+ color: #004e7d;
}
+
input.egwbutton:hover {
- background-color: #94bfd4;
- border: outset 1px #b9d5e3;
- color: #004e7d;
+ background-color: #94bfd4;
+ border: outset 1px #b9d5e3;
+ color: #004e7d;
}
+
input.egwbutton:active {
- border: inset 1px #bbbbbb;
+ border: inset 1px #bbbbbb;
}
+
input[type=image] {
- cursor: pointer;
- border: 0;
- width: 16px;
- height: 16px;
+ cursor: pointer;
+ border: 0;
+ width: 16px;
+ height: 16px;
}
+
#thesideboxcolumn {
- width: 177px;
- position: relative;
+ width: 177px;
+ position: relative;
}
+
#sideresize {
- background-image: url(../images/resize.png);
- width: 13px;
- height: 13px;
- right: 1px;
- top: 1px;
- position: absolute;
- z-index: 9999;
+ background-image: url(../images/resize.png);
+ width: 13px;
+ height: 13px;
+ right: 1px;
+ top: 1px;
+ position: absolute;
+ z-index: 9999;
}
+
.divSidebox {
- position: relative;
- border: #9c9c9c 1px solid;
- overflow: auto;
+ position: relative;
+ border: #9c9c9c 1px solid;
+ overflow: auto;
}
+
.divSideboxHeader {
- text-align: center;
- background-color: #d9d9d9;
- padding-top: 2px;
- color: #808080;
+ text-align: center;
+ background-color: #d9d9d9;
+ padding-top: 2px;
+ color: #808080;
}
+
a.divSideboxEntry,
.divSideboxEntry {
- text-align: left;
- background-color: #FDFDFD;
+ text-align: left;
+ background-color: #FDFDFD;
}
+
a.appTitles,
.appTitles {
- height: 18px;
- padding-top: 2px;
- padding-bottom: 2px;
+ height: 18px;
+ padding-top: 2px;
+ padding-bottom: 2px;
}
+
a.textSidebox {
- padding: 0;
- border-top: 0;
+ padding: 0;
+ border-top: 0;
}
+
.textSidebox {
- padding-top: 3px;
- padding-bottom: 3px;
- padding-left: 1px;
- border-top: solid #aaaaaa 1px;
- overflow: auto;
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 1px;
+ border-top: solid #aaaaaa 1px;
+ overflow: auto;
}
+
.sideboxSpace {
- height: 9px;
+ height: 9px;
}
+
.greyLine {
- margin: 1px;
- border-top: solid 1px #7e7e7e;
- height: 1px;
+ margin: 1px;
+ border-top: solid 1px #7e7e7e;
+ height: 1px;
}
+
#extraIcons {
- background-color: #eeeeee;
- border: solid 1px #7e7e7e;
+ background-color: #eeeeee;
+ border: solid 1px #7e7e7e;
}
+
.extraIconsRow {
- border: solid 1px #dddddd;
- padding: 2px;
+ border: solid 1px #dddddd;
+ padding: 2px;
}
+
#topmenu {
- background-color: #0081c1;
- background-image: url(../images/bgtopmenu2.png);
- color: #006699;
- /*border-top: solid 1px #7e7e7e;*/
- border-bottom: solid #5793ff 1px;
- height: 20px;
- padding-top: 4px ;
- line-height: 16px;
+ background-color: #0081c1;
+ background-image: url(../images/bgtopmenu2.png);
+ color: #006699;
+ /*border-top: solid 1px #7e7e7e;*/
+ border-bottom: solid #5793ff 1px;
+ height: 20px;
+ padding-top: 4px;
+ line-height: 16px;
}
+
#topmenu a {
- color: #006699;
+ color: #006699;
}
+
#topmenu_items {
- float: left;
+ float: left;
}
+
#topmenu_info {
- float: right;
+ float: right;
}
+
#divUpperTabs {
- text-align: right;
- height: 15px;
- margin-right: 10px;
+ text-align: right;
+ height: 15px;
+ margin-right: 10px;
}
+
#divUpperTabs ul {
- display: inline;
- margin: 0;
- padding: 10px 10px 0 1px;
- list-style: none;
+ display: inline;
+ margin: 0;
+ padding: 10px 10px 0 1px;
+ list-style: none;
}
+
#divUpperTabs li {
- float: right;
- margin: 0 5px 0 0;
- padding: 0 5px 0 5px;
- border: solid 1px #9c9c9c;
- border-bottom: 0px;
+ float: right;
+ margin: 0 5px 0 0;
+ padding: 0 5px 0 5px;
+ border: solid 1px #9c9c9c;
+ border-bottom: 0px;
}
+
/* Star-Plus-HTML Hack fix for the above */
*:first-child + html #divAppIconBar {
- height: 60px;
+ height: 60px;
}
+
#divAppTextBar {
- background-color: white;
+ background-color: white;
}
+
#divStatusBar {
- background-color: white;
- height: 18px;
- padding-left: 3px;
+ background-color: white;
+ height: 18px;
+ padding-left: 3px;
}
+
#tdSidebox {
- width: 170px;
- background-color: white;
- overflow: visible;
+ width: 170px;
+ background-color: white;
+ overflow: visible;
}
+
#tdAppbox {
- background-color: white;
- padding-left: 5px;
- width: 100%;
+ background-color: white;
+ padding-left: 5px;
+ width: 100%;
}
+
#divAppboxHeader {
- background-image: url(../images/appbox-header-background.png);
- background-repeat: repeat-x;
- height: 25px;
- border-bottom: solid 1px #c0c0c0;
- text-align: center;
- padding-bottom: 0px;
- border-top: solid 1px #9c9c9c;
- border-left: solid 1px #9c9c9c;
- border-right: solid 1px #9c9c9c;
+ background-image: url(../images/appbox-header-background.png);
+ background-repeat: repeat-x;
+ height: 25px;
+ border-bottom: solid 1px #c0c0c0;
+ text-align: center;
+ padding-bottom: 0px;
+ border-top: solid 1px #9c9c9c;
+ border-left: solid 1px #9c9c9c;
+ border-right: solid 1px #9c9c9c;
}
+
#divAppboxHeader table img {
- height: 16px;
+ height: 16px;
}
+
#divAppbox {
- background-color: #ffffff;
- padding: 5px;
- border-bottom: solid 1px #9c9c9c;
- border-left: solid 1px #9c9c9c;
- border-right: solid 1px #9c9c9c;
+ background-color: #ffffff;
+ padding: 5px;
+ border-bottom: solid 1px #9c9c9c;
+ border-left: solid 1px #9c9c9c;
+ border-right: solid 1px #9c9c9c;
}
+
#divGenTime,
#divPoweredBy {
- bottom: 4px;
- text-align: center;
- width: 99%;
+ bottom: 4px;
+ text-align: center;
+ width: 99%;
}
+
.pageGenTime,
#divPoweredBy {
- font-size: 80%;
- color: #ff0000;
- text-align: center;
+ font-size: 80%;
+ color: #ff0000;
+ text-align: center;
}
+
.pageGenTime {
- margin-top: 1em;
- position: absolute;
- bottom: -18px;
- left: 25%;
+ margin-top: 1em;
+ position: absolute;
+ bottom: -18px;
+ left: 25%;
}
+
.pageGenTime > span:after {
- content: ", ";
+ content: ", ";
}
+
.pageGenTime > span:last-child:after {
- content: "";
+ content: "";
}
+
@keyframes loading-prompt-spinner {
- from {
- transform: rotateZ(0deg);
- }
- to {
- transform: rotateZ(360deg);
- }
+ from {
+ transform: rotateZ(0deg);
+ }
+ to {
+ transform: rotateZ(360deg);
+ }
}
+
.egw-loading-prompt-container::before {
- opacity: 0.3;
- content: "";
- background-color: #aaaaaa;
- width: 100%;
- height: 100%;
- position: absolute;
- z-index: 999;
+ opacity: 0.3;
+ content: "";
+ background-color: #aaaaaa;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ z-index: 999;
}
+
.egw-loading-prompt-container .egw-loading-prompt-spinner-msg {
- position: absolute;
- width: 100%;
- text-align: center;
- left: 0;
- top: 48%;
- z-index: 999;
- text-shadow: 4px 4px 7px #679FD2;
- color: #0B5FA4;
- margin-top: 52px;
+ position: absolute;
+ width: 100%;
+ text-align: center;
+ left: 0;
+ top: 48%;
+ z-index: 999;
+ text-shadow: 4px 4px 7px #679FD2;
+ color: #0B5FA4;
+ margin-top: 52px;
}
+
.egw-loading-prompt-container .egw-loading-prompt-spinner-animator {
- width: 38px;
- height: 38px;
- position: absolute;
- margin-left: 50%;
- left: -17px;
- top: 48%;
- z-index: 999;
- background-position: 3px 3px;
- opacity: 1;
- background-repeat: no-repeat;
- vertical-align: middle;
- border: 5px solid;
- border: 6px #679fd2 solid;
- border-top: 6px #0C5DA5 solid;
- border-radius: 50%;
- -webkit-animation: loading-prompt-spinner 1.2s infinite linear;
- animation: loading-prompt-spinner 1.2s infinite linear;
+ width: 38px;
+ height: 38px;
+ position: absolute;
+ margin-left: 50%;
+ left: -17px;
+ top: 48%;
+ z-index: 999;
+ background-position: 3px 3px;
+ opacity: 1;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+ border: 5px solid;
+ border: 6px #679fd2 solid;
+ border-top: 6px #0C5DA5 solid;
+ border-radius: 50%;
+ -webkit-animation: loading-prompt-spinner 1.2s infinite linear;
+ animation: loading-prompt-spinner 1.2s infinite linear;
}
+
@keyframes loading-prompt-horizental {
- 0% {
- transform: translate(-52.5px, -7.5px);
- }
- 100% {
- transform: translate(38.5px, -7.5px);
- }
+ 0% {
+ transform: translate(-52.5px, -7.5px);
+ }
+ 100% {
+ transform: translate(38.5px, -7.5px);
+ }
}
+
.egw-loading-prompt-container .egw-loading-prompt-horizental-animator::after {
- content: '';
- position: absolute;
- top: 48%;
- left: 50%;
- width: 15px;
- height: 15px;
- z-index: 999;
- border-radius: 30%;
- background: #FBC200;
- animation-name: loading-prompt-horizental;
- animation-duration: 1.5s;
- animation-direction: alternate;
- animation-timing-function: ease-in-out;
- animation-iteration-count: infinite;
+ content: '';
+ position: absolute;
+ top: 48%;
+ left: 50%;
+ width: 15px;
+ height: 15px;
+ z-index: 999;
+ border-radius: 30%;
+ background: #FBC200;
+ animation-name: loading-prompt-horizental;
+ animation-duration: 1.5s;
+ animation-direction: alternate;
+ animation-timing-function: ease-in-out;
+ animation-iteration-count: infinite;
}
+
.egw-loading-prompt-container .egw-loading-prompt-horizental-msg {
- position: absolute;
- left: 50%;
- top: 50%;
- z-index: 999;
- text-shadow: 4px 4px 7px #679FD2;
- color: #0B5FA4;
- margin-left: -35px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ z-index: 999;
+ text-shadow: 4px 4px 7px #679FD2;
+ color: #0B5FA4;
+ margin-left: -35px;
}
+
.egw-loading-prompt-container .egw-loading-prompt-horizental-animator::before {
- content: '';
- position: absolute;
- top: 48%;
- left: 50%;
- z-index: 999;
- width: 100px;
- border-radius: 5px;
- border: solid 10px #679FD2;
- transform: translate(-50%, -50%);
+ content: '';
+ position: absolute;
+ top: 48%;
+ left: 50%;
+ z-index: 999;
+ width: 100px;
+ border-radius: 5px;
+ border: solid 10px #679FD2;
+ transform: translate(-50%, -50%);
}
+
/**
* EGroupware: Pixelegg styles
*
@@ -6562,117 +7482,135 @@ a.textSidebox {
* @version $Id$
*/
span.egw_tutorial_title {
- color: black;
- font-weight: bold;
- text-align: left;
- width: 99%;
- background-color: #D6DEF0;
- border: 1px solid #B3B3B3;
- padding-top: 4px;
- padding-left: 5px;
- padding-bottom: 5px;
- border-radius: 2px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow-x: hidden;
+ color: black;
+ font-weight: bold;
+ text-align: left;
+ width: 99%;
+ background-color: #D6DEF0;
+ border: 1px solid #B3B3B3;
+ padding-top: 4px;
+ padding-left: 5px;
+ padding-bottom: 5px;
+ border-radius: 2px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow-x: hidden;
}
+
.egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn,
.egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn {
- background-color: #FF0000;
- opacity: 0.68;
+ background-color: #FF0000;
+ opacity: 0.68;
}
+
.egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div,
.egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn > div {
- border-left-color: white;
+ border-left-color: white;
}
+
.egw_tutorial_thumb {
- background-repeat: no-repeat;
- background-position: -2px;
- border-radius: 5px;
- display: block !important;
+ background-repeat: no-repeat;
+ background-position: -2px;
+ border-radius: 5px;
+ display: block !important;
}
+
[id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn,
#home-tutorial_play.egw_tutorial_playBtn {
- display: block;
- margin: 10%;
- border: 2px solid rgba(0, 0, 0, 0.7);
- -webkit-border-radius: 100%;
- -moz-border-radius: 100%;
- border-radius: 100%;
- width: 40px;
- height: 40px;
- cursor: pointer;
+ display: block;
+ margin: 10%;
+ border: 2px solid rgba(0, 0, 0, 0.7);
+ -webkit-border-radius: 100%;
+ -moz-border-radius: 100%;
+ border-radius: 100%;
+ width: 40px;
+ height: 40px;
+ cursor: pointer;
}
+
[id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div,
#home-tutorial_play.egw_tutorial_playBtn > div {
- display: block;
- position: relative;
- top: 10px;
- left: 45%;
- width: 0;
- height: 0;
- border-top: 10px solid transparent;
- border-bottom: 10px solid transparent;
- border-left: 10px solid rgba(0, 0, 0, 0.8);
+ display: block;
+ position: relative;
+ top: 10px;
+ left: 45%;
+ width: 0;
+ height: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ border-left: 10px solid rgba(0, 0, 0, 0.8);
}
+
[id^="egw_tutorial_"][id$="sidebox_list"] {
- overflow-x: hidden;
- overflow-y: auto;
- max-height: 200px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ max-height: 200px;
}
+
#list_grid_wrapper {
- max-height: 200px;
+ max-height: 200px;
}
+
#home-tutorial_list {
- float: left;
+ float: left;
}
+
#home-tutorial_list .egw_tutorial_thumb {
- display: block;
+ display: block;
}
+
#home-tutorial_list .th .et2_label {
- font-size: 12px;
- padding-left: 7px;
+ font-size: 12px;
+ padding-left: 7px;
}
+
#home-tutorial_list .th #home-tutorial_apps {
- margin-left: 5px;
+ margin-left: 5px;
}
+
#home-tutorial_list tbody td:first-child {
- padding-top: 4px;
+ padding-top: 4px;
}
+
#home-tutorial_src {
- border-left: 6px solid #E0E0E0;
+ border-left: 6px solid #E0E0E0;
}
+
.tutorial_popup {
- background-color: white;
- padding-top: 5px;
- overflow-y: hidden;
+ background-color: white;
+ padding-top: 5px;
+ overflow-y: hidden;
}
+
.tutorial_videoList {
- overflow-x: hidden;
- overflow-y: auto;
- height: 100%;
- display: inline-block !important;
+ overflow-x: hidden;
+ overflow-y: auto;
+ height: 100%;
+ display: inline-block !important;
}
+
div.tutorial_iframe_wrapper {
- position: absolute;
- left: 225px;
- right: 12px;
- height: 90%;
+ position: absolute;
+ left: 225px;
+ right: 12px;
+ height: 90%;
}
+
span.egw_tutorial_title {
- color: #FFFFFF;
- font-weight: bold;
- text-align: left;
- width: 99%;
- background-color: #434343;
- border: 1px solid #B3B3B3;
- padding-top: 4px;
- padding-left: 5px;
- border-radius: 2px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow-x: hidden;
+ color: #FFFFFF;
+ font-weight: bold;
+ text-align: left;
+ width: 99%;
+ background-color: #434343;
+ border: 1px solid #B3B3B3;
+ padding-top: 4px;
+ padding-left: 5px;
+ border-radius: 2px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow-x: hidden;
}
+
/*@import "../less/layout_buttons_global.less";*/
/*@import "../less/layout_chosen.less";*/
/*@import "../less/layout_messages.less";*/
@@ -6703,22 +7641,26 @@ div[id^="addressbook-"] .search.nm-mob-header,
form[id^="addressbook-"] .search.nm-mob-header,
div[id^="addressbook-"] .dialogHeadbar,
form[id^="addressbook-"] .dialogHeadbar {
- background-color: #003366;
+ background-color: #003366;
}
+
#addressbook_sidebox_header {
- border-left: 6px solid #003366 !important;
+ border-left: 6px solid #003366 !important;
}
+
div[id^="admin-"] .plus_button,
form[id^="admin-"] .plus_button,
div[id^="admin-"] .search.nm-mob-header,
form[id^="admin-"] .search.nm-mob-header,
div[id^="admin-"] .dialogHeadbar,
form[id^="admin-"] .dialogHeadbar {
- background-color: #333333;
+ background-color: #333333;
}
+
#admin_sidebox_header {
- border-left: 6px solid #333333 !important;
+ border-left: 6px solid #333333 !important;
}
+
div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="bookmarks-"] .plus_button,
@@ -6727,11 +7669,13 @@ div[id^="bookmarks-"] .search.nm-mob-header,
form[id^="bookmarks-"] .search.nm-mob-header,
div[id^="bookmarks-"] .dialogHeadbar,
form[id^="bookmarks-"] .dialogHeadbar {
- background-color: #CC6633;
+ background-color: #CC6633;
}
+
#bookmarks_sidebox_header {
- border-left: 6px solid #CC6633 !important;
+ border-left: 6px solid #CC6633 !important;
}
+
div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="calendar-"] .plus_button,
@@ -6740,11 +7684,13 @@ div[id^="calendar-"] .search.nm-mob-header,
form[id^="calendar-"] .search.nm-mob-header,
div[id^="calendar-"] .dialogHeadbar,
form[id^="calendar-"] .dialogHeadbar {
- background-color: #CC0033;
+ background-color: #CC0033;
}
+
#calendar_sidebox_header {
- border-left: 6px solid #CC0033 !important;
+ border-left: 6px solid #CC0033 !important;
}
+
div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="filemanager-"] .plus_button,
@@ -6753,11 +7699,13 @@ div[id^="filemanager-"] .search.nm-mob-header,
form[id^="filemanager-"] .search.nm-mob-header,
div[id^="filemanager-"] .dialogHeadbar,
form[id^="filemanager-"] .dialogHeadbar {
- background-color: #ff9933;
+ background-color: #ff9933;
}
+
#filemanager_sidebox_header {
- border-left: 6px solid #ff9933 !important;
+ border-left: 6px solid #ff9933 !important;
}
+
div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="infolog-"] .plus_button,
@@ -6766,22 +7714,26 @@ div[id^="infolog-"] .search.nm-mob-header,
form[id^="infolog-"] .search.nm-mob-header,
div[id^="infolog-"] .dialogHeadbar,
form[id^="infolog-"] .dialogHeadbar {
- background-color: #660033;
+ background-color: #660033;
}
+
#infolog_sidebox_header {
- border-left: 6px solid #660033 !important;
+ border-left: 6px solid #660033 !important;
}
+
div[id^="mail-"] .plus_button,
form[id^="mail-"] .plus_button,
div[id^="mail-"] .search.nm-mob-header,
form[id^="mail-"] .search.nm-mob-header,
div[id^="mail-"] .dialogHeadbar,
form[id^="mail-"] .dialogHeadbar {
- background-color: #006699;
+ background-color: #006699;
}
+
#mail_sidebox_header {
- border-left: 6px solid #006699 !important;
+ border-left: 6px solid #006699 !important;
}
+
div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="projectmanager-"] .plus_button,
@@ -6790,11 +7742,13 @@ div[id^="projectmanager-"] .search.nm-mob-header,
form[id^="projectmanager-"] .search.nm-mob-header,
div[id^="projectmanager-"] .dialogHeadbar,
form[id^="projectmanager-"] .dialogHeadbar {
- background-color: #669999;
+ background-color: #669999;
}
+
#projectmanager_sidebox_header {
- border-left: 6px solid #669999 !important;
+ border-left: 6px solid #669999 !important;
}
+
div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="resources-"] .plus_button,
@@ -6803,11 +7757,13 @@ div[id^="resources-"] .search.nm-mob-header,
form[id^="resources-"] .search.nm-mob-header,
div[id^="resources-"] .dialogHeadbar,
form[id^="resources-"] .dialogHeadbar {
- background-color: #003333;
+ background-color: #003333;
}
+
#resources_sidebox_header {
- border-left: 6px solid #003333 !important;
+ border-left: 6px solid #003333 !important;
}
+
div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="timesheet-"] .plus_button,
@@ -6816,11 +7772,13 @@ div[id^="timesheet-"] .search.nm-mob-header,
form[id^="timesheet-"] .search.nm-mob-header,
div[id^="timesheet-"] .dialogHeadbar,
form[id^="timesheet-"] .dialogHeadbar {
- background-color: #330066;
+ background-color: #330066;
}
+
#timesheet_sidebox_header {
- border-left: 6px solid #330066 !important;
+ border-left: 6px solid #330066 !important;
}
+
div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="tracker-"] .plus_button,
@@ -6829,11 +7787,13 @@ div[id^="tracker-"] .search.nm-mob-header,
form[id^="tracker-"] .search.nm-mob-header,
div[id^="tracker-"] .dialogHeadbar,
form[id^="tracker-"] .dialogHeadbar {
- background-color: #009966;
+ background-color: #009966;
}
+
#tracker_sidebox_header {
- border-left: 6px solid #009966 !important;
+ border-left: 6px solid #009966 !important;
}
+
div[id^="wiki-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="wiki-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="wiki-"] .plus_button,
@@ -6842,11 +7802,13 @@ div[id^="wiki-"] .search.nm-mob-header,
form[id^="wiki-"] .search.nm-mob-header,
div[id^="wiki-"] .dialogHeadbar,
form[id^="wiki-"] .dialogHeadbar {
- background-color: #797979;
+ background-color: #797979;
}
+
#wiki_sidebox_header {
- border-left: 6px solid #797979 !important;
+ border-left: 6px solid #797979 !important;
}
+
div[id^="ranking-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="ranking-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="ranking-"] .plus_button,
@@ -6855,11 +7817,13 @@ div[id^="ranking-"] .search.nm-mob-header,
form[id^="ranking-"] .search.nm-mob-header,
div[id^="ranking-"] .dialogHeadbar,
form[id^="ranking-"] .dialogHeadbar {
- background-color: #404040;
+ background-color: #404040;
}
+
#ranking_sidebox_header {
- border-left: 6px solid #404040 !important;
+ border-left: 6px solid #404040 !important;
}
+
div[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="kanban-"] .plus_button,
@@ -6868,381 +7832,476 @@ div[id^="kanban-"] .search.nm-mob-header,
form[id^="kanban-"] .search.nm-mob-header,
div[id^="kanban-"] .dialogHeadbar,
form[id^="kanban-"] .dialogHeadbar {
- background-color: #4663c8;
+ background-color: #4663c8;
}
+
#kanban_sidebox_header {
- border-left: 6px solid #4663c8 !important;
+ border-left: 6px solid #4663c8 !important;
}
+
img.et2_appicon,
.et2_appicon img,
table.egwGridView_grid img.et2_appicon {
- /*filter grey*/
- filter: none;
- -webkit-filter: initial;
- -moz-filter: initial;
- -ms-filter: initial;
- -o-filter: initial;
- /*filter: url(grayscale.svg); Firefox 4+ */
- filter: initial;
- /* IE 6-9 */
+ /*filter grey*/
+ filter: none;
+ -webkit-filter: initial;
+ -moz-filter: initial;
+ -ms-filter: initial;
+ -o-filter: initial;
+ /*filter: url(grayscale.svg); Firefox 4+ */
+ filter: initial;
+ /* IE 6-9 */
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(0, 51, 102, 0.3);
- border-left: 4px solid #003366 !important;
+ background-color: rgba(0, 51, 102, 0.3);
+ border-left: 4px solid #003366 !important;
}
+
#egw_fw_firstload {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- background: white;
- height: 100%;
- width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background: white;
+ height: 100%;
+ width: 100%;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #addressbook_sidebox_content .egw_fw_ui_category_active {
- background-color: #003366 !important;
+ background-color: #003366 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #infolog_sidebox_content .egw_fw_ui_category_active {
- background-color: #660033 !important;
+ background-color: #660033 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #mail_sidebox_content .egw_fw_ui_category_active {
- background-color: #006699 !important;
+ background-color: #006699 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #calendar_sidebox_content .egw_fw_ui_category_active {
- background-color: #CC0033 !important;
+ background-color: #CC0033 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #tracker_sidebox_content .egw_fw_ui_category_active {
- background-color: #009966 !important;
+ background-color: #009966 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #timesheet_sidebox_content .egw_fw_ui_category_active {
- background-color: #330066 !important;
+ background-color: #330066 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #admin_sidebox_content .egw_fw_ui_category_active {
- background-color: #333333 !important;
+ background-color: #333333 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #resources_sidebox_content .egw_fw_ui_category_active {
- background-color: #003333 !important;
+ background-color: #003333 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #filemanager_sidebox_content .egw_fw_ui_category_active {
- background-color: #ff9933 !important;
+ background-color: #ff9933 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #bookmarks_sidebox_content .egw_fw_ui_category_active {
- background-color: #CC6633 !important;
+ background-color: #CC6633 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #projectmanager_sidebox_content .egw_fw_ui_category_active {
- background-color: #669999 !important;
+ background-color: #669999 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active {
- background-color: #404040 !important;
+ background-color: #404040 !important;
}
+
#egw_fw_sidebar #egw_fw_sidemenu #kanban_sidebox_content .egw_fw_ui_category_active {
- background-color: #4663c8 !important;
+ background-color: #4663c8 !important;
}
+
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #003366 !important;
- border-left: 0px !important;
+ border-top: 4px solid #003366 !important;
+ border-left: 0px !important;
}
+
#addressbook_sidebox_header {
- border-left: 4px solid #003366 !important;
+ border-left: 4px solid #003366 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #003366;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #003366;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(51, 51, 51, 0.3);
- border-left: 4px solid #333333 !important;
+ background-color: rgba(51, 51, 51, 0.3);
+ border-left: 4px solid #333333 !important;
}
+
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #333333 !important;
- border-left: 0px !important;
+ border-top: 4px solid #333333 !important;
+ border-left: 0px !important;
}
+
#admin_sidebox_header {
- border-left: 4px solid #333333 !important;
+ border-left: 4px solid #333333 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #333333;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #333333;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(204, 102, 51, 0.3);
- border-left: 4px solid #CC6633 !important;
+ background-color: rgba(204, 102, 51, 0.3);
+ border-left: 4px solid #CC6633 !important;
}
+
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #CC6633 !important;
- border-left: 0px !important;
+ border-top: 4px solid #CC6633 !important;
+ border-left: 0px !important;
}
+
#bookmarks_sidebox_header {
- border-left: 4px solid #CC6633 !important;
+ border-left: 4px solid #CC6633 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #CC6633;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #CC6633;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(204, 0, 51, 0.3);
- border-left: 4px solid #CC0033 !important;
+ background-color: rgba(204, 0, 51, 0.3);
+ border-left: 4px solid #CC0033 !important;
}
+
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #CC0033 !important;
- border-left: 0px !important;
+ border-top: 4px solid #CC0033 !important;
+ border-left: 0px !important;
}
+
#calendar_sidebox_header {
- border-left: 4px solid #CC0033 !important;
+ border-left: 4px solid #CC0033 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #CC0033;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #CC0033;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(255, 153, 51, 0.3);
- border-left: 4px solid #ff9933 !important;
+ background-color: rgba(255, 153, 51, 0.3);
+ border-left: 4px solid #ff9933 !important;
}
+
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #ff9933 !important;
- border-left: 0px !important;
+ border-top: 4px solid #ff9933 !important;
+ border-left: 0px !important;
}
+
#filemanager_sidebox_header {
- border-left: 4px solid #ff9933 !important;
+ border-left: 4px solid #ff9933 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #ff9933;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #ff9933;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(102, 0, 51, 0.3);
- border-left: 4px solid #660033 !important;
+ background-color: rgba(102, 0, 51, 0.3);
+ border-left: 4px solid #660033 !important;
}
+
#infolog_sidebox_header {
- border-left: 4px solid #660033 !important;
+ border-left: 4px solid #660033 !important;
}
+
#infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #660033 !important;
- border-left: 0px !important;
+ border-top: 4px solid #660033 !important;
+ border-left: 0px !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #660033;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #660033;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(0, 102, 153, 0.3);
- border-left: 4px solid #006699 !important;
+ background-color: rgba(0, 102, 153, 0.3);
+ border-left: 4px solid #006699 !important;
}
+
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #006699 !important;
- border-left: 0px !important;
+ border-top: 4px solid #006699 !important;
+ border-left: 0px !important;
}
+
#mail_sidebox_header {
- border-left: 4px solid #006699 !important;
+ border-left: 4px solid #006699 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #006699;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #006699;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(102, 153, 153, 0.3);
- border-left: 4px solid #669999 !important;
+ background-color: rgba(102, 153, 153, 0.3);
+ border-left: 4px solid #669999 !important;
}
+
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #669999 !important;
- border-left: 0px !important;
+ border-top: 4px solid #669999 !important;
+ border-left: 0px !important;
}
+
#projectmanager_sidebox_header {
- border-left: 4px solid #669999 !important;
+ border-left: 4px solid #669999 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #669999;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #669999;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(0, 51, 51, 0.3);
- border-left: 4px solid #003333 !important;
+ background-color: rgba(0, 51, 51, 0.3);
+ border-left: 4px solid #003333 !important;
}
+
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #003333 !important;
- border-left: 0px !important;
+ border-top: 4px solid #003333 !important;
+ border-left: 0px !important;
}
+
#resources_sidebox_header {
- border-left: 4px solid #003333 !important;
+ border-left: 4px solid #003333 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #003333;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #003333;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(51, 0, 102, 0.3);
- border-left: 4px solid #330066 !important;
+ background-color: rgba(51, 0, 102, 0.3);
+ border-left: 4px solid #330066 !important;
}
+
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #330066 !important;
- border-left: 0px !important;
+ border-top: 4px solid #330066 !important;
+ border-left: 0px !important;
}
+
#timesheet_sidebox_header {
- border-left: 4px solid #330066 !important;
+ border-left: 4px solid #330066 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #330066;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #330066;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(0, 153, 102, 0.3);
- border-left: 4px solid #009966 !important;
+ background-color: rgba(0, 153, 102, 0.3);
+ border-left: 4px solid #009966 !important;
}
+
#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #009966 !important;
- border-left: 0px !important;
+ border-top: 4px solid #009966 !important;
+ border-left: 0px !important;
}
+
#tracker_sidebox_header {
- border-left: 4px solid #009966 !important;
+ border-left: 4px solid #009966 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #009966;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #009966;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(121, 121, 121, 0.3);
- border-left: 4px solid #797979 !important;
+ background-color: rgba(121, 121, 121, 0.3);
+ border-left: 4px solid #797979 !important;
}
+
#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #797979 !important;
- border-left: 0px !important;
+ border-top: 4px solid #797979 !important;
+ border-left: 0px !important;
}
+
#wiki_sidebox_header {
- border-left: 4px solid #797979 !important;
+ border-left: 4px solid #797979 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #797979;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #797979;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(70, 99, 200, 0.3);
- border-left: 4px solid #4663c8 !important;
+ background-color: rgba(70, 99, 200, 0.3);
+ border-left: 4px solid #4663c8 !important;
}
+
#kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #4663c8 !important;
- border-left: 0px !important;
+ border-top: 4px solid #4663c8 !important;
+ border-left: 0px !important;
}
+
#kanban_sidebox_header {
- border-left: 4px solid #4663c8 !important;
+ border-left: 4px solid #4663c8 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #4663c8;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #4663c8;
+ border-top-width: 4px !important;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- background-color: rgba(64, 64, 64, 0.3);
- border-left: 4px solid #404040 !important;
+ background-color: rgba(64, 64, 64, 0.3);
+ border-left: 4px solid #404040 !important;
}
+
#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #404040 !important;
- border-left: 0px !important;
+ border-top: 4px solid #404040 !important;
+ border-left: 0px !important;
}
+
#ranking_sidebox_header {
- border-left: 4px solid #404040 !important;
+ border-left: 4px solid #404040 !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #ranking-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
- border-top: 4px solid;
- border-top-color: #404040;
- border-top-width: 4px !important;
+ border-top: 4px solid;
+ border-top-color: #404040;
+ border-top-width: 4px !important;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon,
.standartTreeImage {
- filter: none;
+ filter: none;
}
+
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
- border-top: 0px !important;
- margin-left: 3px !important;
- padding-top: 6px;
+ border-top: 0px !important;
+ margin-left: 3px !important;
+ padding-top: 6px;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header {
- border-left: 4px solid #797979;
+ border-left: 4px solid #797979;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon {
- filter: none;
+ filter: none;
}
+
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
- border-top: 4px solid #797979;
- border-left: 0px;
+ border-top: 4px solid #797979;
+ border-left: 0px;
}
+
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
- border-top-color: #797979;
- border-top: 4px solid;
+ border-top-color: #797979;
+ border-top: 4px solid;
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
- background-image: url(../images/topmenu_items/category.svg);
+ background-image: url(../images/topmenu_items/category.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
- background-image: url(../images/topmenu_items/password.svg);
+ background-image: url(../images/topmenu_items/password.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
- background-image: url(../images/topmenu_items/search.svg);
+ background-image: url(../images/topmenu_items/search.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
- background-image: url(../images/topmenu_items/setup.svg);
+ background-image: url(../images/topmenu_items/setup.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
- background-image: url(../images/topmenu_items/home.svg);
+ background-image: url(../images/topmenu_items/home.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
- background-image: url(../images/topmenu_items/access.svg);
+ background-image: url(../images/topmenu_items/access.svg);
}
+
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_calls {
- background-image: url(../images/phone.svg);
- background-repeat: no-repeat;
- background-size: 18px;
- background-position-x: -2px;
+ background-image: url(../images/phone.svg);
+ background-repeat: no-repeat;
+ background-size: 18px;
+ background-position-x: -2px;
}
+
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon img[src*="svg"] {
- background-color: transparent;
- background-image: none;
+ background-color: transparent;
+ background-image: none;
}
+
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
- background-image: url('../images/dhxmenu_subar.svg');
+ background-image: url('../images/dhxmenu_subar.svg');
}
+
.egwGridView_scrollarea tr.row_category > td:first-child,
.select-cat li {
- border-left: 4px solid transparent;
+ border-left: 4px solid transparent;
}
+
.egwGridView_scrollarea tr {
- touch-action: initial;
+ touch-action: initial;
}
+
.et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) {
- width: 4px;
+ width: 4px;
}
+
.et2_taglist_category.et2_taglist_single span[class*="cat_"]:not([class*="cat_level"]) {
- height: 1.5em;
- margin-bottom: -6px;
- position: absolute;
- margin-left: -8px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
+ height: 1.5em;
+ margin-bottom: -6px;
+ position: absolute;
+ margin-left: -8px;
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
}
+
img.et2_button_icon[src*="svg"],
img.et2_button_icon[src*="svg"]:hover {
- background-color: transparent;
- background-image: none;
+ background-color: transparent;
+ background-image: none;
}
+
/* set default placeholder color*/
::placeholder {
- color: #666666;
- opacity: 1;
+ color: #666666;
+ opacity: 1;
}
+
:-ms-input-placeholder {
- color: #666666;
+ color: #666666;
}
+
::-ms-input-placeholder {
- color: #666666;
+ color: #666666;
}