egroupware/pixelegg/less/etemplate2.less

1742 lines
34 KiB
Plaintext
Raw Normal View History

2013-11-14 20:11:29 +01:00
/**
* Styles for etemplate2 widgets
* Überschreibt egroupware/etemplate/templates/default/etemplate2.css
*
* @version: 1
* Stefan Reinhardt
*/
2013-12-08 22:36:30 +01:00
@import (reference) "./def_design_pattern_color_font_shadow.less";
@import (reference) "./def_buttons.less";
@import (less) "../../etemplate/templates/default/etemplate2.css";
2013-11-14 20:11:29 +01:00
2013-12-12 21:27:20 +01:00
@media all {
2013-11-14 20:11:29 +01:00
/**
* Top level
*/
.et2_container {
2013-11-15 18:05:59 +01:00
// /*margin: 10px; border: 1px solid gray;*/
padding: 0px;
background-color: transparent;
2013-12-12 10:10:25 +01:00
/*height: 100%; */
2013-11-14 20:11:29 +01:00
}
.et2_container > div:not([class]) {
2013-11-15 18:05:59 +01:00
height: 100%;
2013-11-14 20:11:29 +01:00
}
/**
* Basic rules
*/
input,button,select {
2013-11-15 18:05:59 +01:00
margin: 1px;
padding: 0px;
2013-11-14 20:11:29 +01:00
}
/**
* VBox widget
*/
div.et2_vbox>* {
2013-11-15 18:05:59 +01:00
display: block;
2013-11-14 20:11:29 +01:00
}
/**
* HBox widget
*/
div.et2_hbox div.et2_hbox {
2013-11-15 18:05:59 +01:00
display: inline;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox {
2013-11-15 18:05:59 +01:00
white-space: nowrap;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox>* {
2013-11-15 18:05:59 +01:00
text-align: left;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox_left {
2013-11-15 18:05:59 +01:00
float: left;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox_al_center {
2013-11-15 18:05:59 +01:00
text-align: center;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox_al_right {
2013-11-15 18:05:59 +01:00
text-align: right;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox_right {
2013-11-15 18:05:59 +01:00
float: right;
clear: right;
2013-11-22 06:27:29 +01:00
background: transparent;
2013-11-14 20:11:29 +01:00
}
div.et2_hbox>div {
2013-11-15 18:05:59 +01:00
display: inline-block;
2013-11-14 20:11:29 +01:00
}
/**
* Placeholder widget - used for un-implemented widgets
*/
.et2_placeholder {
2013-11-15 18:05:59 +01:00
display: inline-block;
2013-11-25 04:16:41 +01:00
/*border: 1px solid cornflowerblue;*/
.border_normal;
2013-12-30 18:32:42 +01:00
background-color: @gray_10;
2013-11-15 18:05:59 +01:00
padding: 3px;
margin: 1px;
2013-11-14 20:11:29 +01:00
}
.et2_placeholder .et2_caption {
2013-11-15 18:05:59 +01:00
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;
2013-11-14 20:11:29 +01:00
}
.et2_placeholder .et2_attr {
2013-11-15 18:05:59 +01:00
display: block;
font-size: 8pt;
2013-12-30 18:32:42 +01:00
color: @gray_100;
2013-11-15 18:05:59 +01:00
margin: 2px 0 2px 0;
2013-11-14 20:11:29 +01:00
}
/**
* Splitter widget - split pane
*/
.et2_split {
2013-11-15 18:05:59 +01:00
width: 100%;
min-width: 100px;
min-height: 100px;
2013-11-14 20:11:29 +01:00
}
2013-11-28 07:19:58 +01:00
//.splitter-bar{z-index: 1000;}
//.splitter-bar-vertical { cursor: ew-resize; width: 5px;}
//.splitter-bar-horizontal { cursor: ns-resize; height: 5px;}
///* Hide iframes so moving works */
//.splitter-iframe-hide { display: none;}
//.et2_split div.splitter-bar-vertical div.ui-icon {
// position: absolute;
// margin-left: -5px;
// top: 45%;
//}
//.et2_split div.splitter-bar-horizontal div.ui-icon {
// position: absolute;
// margin-top: -6px;
// left: 47%;
//}
2013-11-14 20:11:29 +01:00
/* Make sure there's no overflow, or hidden bits still appear */
* > .et2_split {
2013-11-15 18:05:59 +01:00
overflow: hidden;
2013-11-14 20:11:29 +01:00
}
/**
* Label widget, and labels for other widgets
*/
.et2_label {
2013-12-30 18:32:42 +01:00
color: @gray_90;
2013-11-28 07:19:58 +01:00
// float: left;
2013-11-14 20:11:29 +01:00
}
2013-12-16 10:37:26 +01:00
/*defined in layout_messages.less*/
/*#msg,.message {
2013-11-15 18:05:59 +01:00
color: red;
font-style: italic;
2013-12-16 10:37:26 +01:00
}*/
2013-11-14 20:11:29 +01:00
input.et2_url {
2013-11-15 18:05:59 +01:00
margin-right: 6px;
padding-right: 8px;
2013-11-14 20:11:29 +01:00
}
a.et2_url {
2013-11-15 18:05:59 +01:00
background-position: center;
background-repeat: no-repeat;
2013-11-14 20:11:29 +01:00
2013-11-15 18:05:59 +01:00
cursor: pointer;
margin: -4px;
padding: 2px;
padding-left: 16px;
margin-left: -10px;
2013-11-14 20:11:29 +01:00
}
a.et2_url.email {
2013-11-15 18:05:59 +01:00
background-image: url(images/email.png);
2013-11-14 20:11:29 +01:00
}
a.et2_url.phone {
2013-11-15 18:05:59 +01:00
background-image: url(images/phone.png);
2013-11-14 20:11:29 +01:00
}
a.et2_url.url {
2013-11-15 18:05:59 +01:00
background-image: url(images/url.png);
2013-11-14 20:11:29 +01:00
}
/**
* Button widget - text only, and icon
*/
.et2_button {
2013-12-30 18:32:42 +01:00
/* cursor: pointer;
2013-11-15 18:05:59 +01:00
text-align: center;
2013-11-14 20:11:29 +01:00
2013-12-30 18:32:42 +01:00
font-size: 9pt;*/
text-shadow: 0px 0px !important;
.Complete_Button_normal;
2013-11-14 20:11:29 +01:00
}
2013-11-25 04:16:41 +01:00
/*in Nextmatch definiert*/
.et2_button_text, input[type=button] {
2013-11-15 18:05:59 +01:00
2013-11-25 04:16:41 +01:00
}
2013-11-14 20:11:29 +01:00
.et2_button_icon {
2013-11-15 18:05:59 +01:00
border: none;
background: transparent;
padding: 0px;
2013-11-28 21:20:58 +01:00
// width: 16px;
2013-12-16 10:37:26 +01:00
.dimension_height_s;
2013-11-14 20:11:29 +01:00
}
2013-12-30 18:32:42 +01:00
button.et2_button_text,
input[type=button] {
&:hover{
/*background-color: @gray_30;*/
text-shadow: 0px 0px;
color: @gray_0;
.box_shadow_standard_light_hover;
background-color: @color_positive_action_active;
}
&:active {.box_shadow_standard_light_active !important;}
}
/*button.et2_button_text:hover, input[type=button]:hover {
color: @gray_90;
border: 1px solid @gray_20;
background-color: @gray_30;
2013-11-14 20:11:29 +01:00
}
button.et2_button_text:active, input[type=button]:active {
2013-12-30 18:32:42 +01:00
background-image: none !important;
background-color: @gray_50;
color: @gray_0;
2013-11-14 20:11:29 +01:00
}
button.et2_button_text:focus, input[type=button]:focus {
2013-12-30 18:32:42 +01:00
border: 1px solid @gray_40;
color: @gray_0;
2013-11-15 18:05:59 +01:00
outline: none;
2013-12-30 18:32:42 +01:00
}*/
2013-11-14 20:11:29 +01:00
/**
* Drop down button
*/
.et2_dropdown button {
2013-11-15 18:05:59 +01:00
height: 3.0ex;
display: inline-block;
vertical-align: middle;
margin-right: -2px;
padding: 0px 1ex;
2013-11-14 20:11:29 +01:00
}
.et2_dropdown button > div {
2013-11-15 18:05:59 +01:00
vertical-align: middle;
2013-11-14 20:11:29 +01:00
}
.et2_dropdown button:last-child {
2013-11-15 18:05:59 +01:00
padding: 0px
2013-11-14 20:11:29 +01:00
}
.et2_dropdown + ul.ui-menu {
2013-11-15 18:05:59 +01:00
position: absolute;
z-index: 2;
2013-11-14 20:11:29 +01:00
}
/**
* Color picker widget
*/
.et2_color {
2013-11-15 18:05:59 +01:00
padding: .5ex;
height: 2ex;
width: 2ex;
border: 1px solid silver;
2013-11-14 20:11:29 +01:00
}
/**
* Text box
*/
.et2_textbox {
2013-11-15 18:05:59 +01:00
resize: none;
2013-11-14 20:11:29 +01:00
}
.et2_textbox_ro {
2013-11-15 18:05:59 +01:00
white-space: pre-wrap;
2013-11-14 20:11:29 +01:00
}
.et2_bold {
2013-11-15 18:05:59 +01:00
font-weight: bold;
2013-11-14 20:11:29 +01:00
}
.et2_italic {
2013-11-15 18:05:59 +01:00
font-style: italic;
2013-11-14 20:11:29 +01:00
}
/**
* Multi-select widget
*/
.et2_selectbox .ui-widget-header {
2013-11-15 18:05:59 +01:00
padding: 0px 6px 0px 10px;
text-align: center;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-widget-header ul {
2013-11-15 18:05:59 +01:00
float: left;
margin-left: -5px;
text-align: left;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-widget-header li {
2013-11-15 18:05:59 +01:00
float: left;
padding-top: 0px
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-widget-header li>span.ui-icon {
2013-11-15 18:05:59 +01:00
float: left;
margin-top: -2px;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-widget-header li>div.et2_link_entry {
2013-11-15 18:05:59 +01:00
/* Shrink search box to same size as header */
margin-top: -2px;
margin-bottom: -2px;
margin-right: 1ex;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-widget-header li>div.et2_link_entry input {
2013-11-15 18:05:59 +01:00
height: 14px;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes {
2013-11-15 18:05:59 +01:00
overflow-y: scroll;
position: relative;
text-align: left;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes li {
2013-11-15 18:05:59 +01:00
margin: 0px;
clear: both;
// padding-left: 26px;
// padding-right: 3px;
text-decoration: none;
list-style-image: none;
list-style-type: none;
// text-indent: -26px;
// max-width: 85%;
2013-12-30 18:32:42 +01:00
&:hover {background-color: @color_hint !important;}
2013-11-22 06:27:29 +01:00
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes ul {
2013-11-15 18:05:59 +01:00
margin: 0px auto;
padding-left: 0px;
clear:both;
text-decoration: none;
list-style-image: none;
list-style-type: none;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes ul>label {
2013-11-15 18:05:59 +01:00
border-bottom: 1px solid black;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes label {
2013-11-15 18:05:59 +01:00
display: block;
border: 0px solid transparent;
padding: 0.1em 0.2em;
// &:hover {background-color: @egw_color_2_e;}
2013-11-14 20:11:29 +01:00
}
.et2_selectbox input[type="checkbox"] {
2013-11-15 18:05:59 +01:00
margin: 3px;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes img {
2013-11-15 18:05:59 +01:00
float: right;
height: 1.8em;
2013-11-14 20:11:29 +01:00
}
2013-12-20 10:36:43 +01:00
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{
2013-12-08 22:36:30 +01:00
/*visibility: hidden;*/
background-image: url(../images/close.png);
2013-12-30 18:32:42 +01:00
background: @gray_0;
2013-12-20 10:36:43 +01:00
margin: 2px;
2013-11-15 18:05:59 +01:00
padding: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
2013-11-15 18:05:59 +01:00
visibility: visible;
2013-11-14 20:11:29 +01:00
}
/* Read-only multi-select */
ul.et2_selectbox {
2013-11-15 18:05:59 +01:00
margin: 0px;
padding: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_selectbox li {
2013-11-15 18:05:59 +01:00
text-decoration: none;
list-style-image: none;
list-style-type: none;
2013-11-14 20:11:29 +01:00
}
/**
* Select account dialog
*/
/**
* Date / Time widgets
*/
span.et2_date {
2013-11-15 18:05:59 +01:00
min-width: 130px;
2013-11-14 20:11:29 +01:00
}
span.et2_date input.et2_date {
2013-11-15 18:05:59 +01:00
min-width: 21.5ex;
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
2013-11-14 20:11:29 +01:00
}
span.et2_date input.et2_time {
2013-11-15 18:05:59 +01:00
min-width: 6ex;
2013-11-14 20:11:29 +01:00
}
span.et2_date span {
2013-11-15 18:05:59 +01:00
background-position: center;
background-repeat: no-repeat;
2013-11-14 20:11:29 +01:00
2013-12-30 18:32:42 +01:00
color: @gray_0;
2013-11-15 18:05:59 +01:00
cursor: pointer;
padding-top: 3px;
padding-left: 22px;
text-align: center;
2013-11-14 20:11:29 +01:00
2013-11-15 18:05:59 +01:00
font-size: 9pt;
2013-11-14 20:11:29 +01:00
}
/**
* Dialog widget
* It uses jQueryUI, so this is just our little bits - icon on left
*/
.ui-dialog-content .dialog_icon {
2013-11-15 18:05:59 +01:00
margin-right: 2ex;
vertical-align: middle;
2013-11-14 20:11:29 +01:00
}
.ui-dialog-content {
2013-11-15 18:05:59 +01:00
vertical-align: middle;
2013-11-14 20:11:29 +01:00
}
/* 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 {
2013-11-15 18:05:59 +01:00
text-align: left;
2013-11-14 20:11:29 +01:00
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
2013-11-15 18:05:59 +01:00
float: none;
2013-11-14 20:11:29 +01:00
}
.ui-dialog .ui-dialog-buttonpane button {
2013-11-15 18:05:59 +01:00
float: none;
2013-11-14 20:11:29 +01:00
}
*/
/**
* Diff widget
*/
.diff thead,.author {
2013-11-15 18:05:59 +01:00
display: none;
2013-11-14 20:11:29 +01:00
}
.diff .ui-icon {
2013-11-15 18:05:59 +01:00
margin-top: -16px;
float: right;
2013-11-14 20:11:29 +01:00
}
/** Display a loading icon **/
.loading {
2013-11-15 18:05:59 +01:00
background-position: center;
background-repeat: no-repeat;
2013-11-20 09:41:08 +01:00
background-image: url('../images/ajax-loader.gif');
2013-11-14 20:11:29 +01:00
}
/**
* File upload
*/
2013-12-08 22:36:30 +01:00
div.et2_file input {background-color: @egw_color_1_a;}
2013-11-14 20:11:29 +01:00
.et2_file .progress {
2013-11-15 18:05:59 +01:00
width: 300px;
max-height: 6em;
overflow: auto;
margin-left: 20px;
2013-11-14 20:11:29 +01:00
}
.et2_file .progress span.progressBar {
2013-11-15 18:05:59 +01:00
height: 5px;
width: 150px;
max-width: 150px;
display: inline;
2013-11-14 20:11:29 +01:00
}
/* Remove icon displayed when hovering */
.et2_file .progress li div.remove {
2013-11-15 18:05:59 +01:00
display: none;
cursor: pointer;
margin: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_file .progress li:hover div.remove {
2013-12-16 10:37:26 +01:00
.dimension_width_height_s;
2013-11-15 18:05:59 +01:00
float: right;
display: block;
background-image: url("images/close.png");
background-position: center;
background-repeat: no-repeat;
2013-11-14 20:11:29 +01:00
}
.et2_file .progress p {
2013-12-30 18:32:42 +01:00
background-color: @color_progress;
2013-11-15 18:05:59 +01:00
height:5px;
margin: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_file .progress li {
}
/* Hide progress bar when completed */
.et2_file .progress li.success > span.progressBar {
2013-11-15 18:05:59 +01:00
display: none;
2013-11-14 20:11:29 +01:00
}
/**
* Autocomplete - used in link widget
* Restricting result size
*/
.ui-autocomplete {
2013-11-15 18:05:59 +01:00
max-height: 20ex;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
2013-11-14 20:11:29 +01:00
}
/**
* Autocomplete in dialogs - fix so they go over/out of the dialog
*/
.ui-dialog * ul.ui-autocomplete {
2013-11-15 18:05:59 +01:00
position: fixed;
2013-11-14 20:11:29 +01:00
}
/**
* Link wiget(s)
*/
/* Link entry - x button*/
div.et2_link_entry {
2013-11-15 18:05:59 +01:00
white-space: nowrap;
2013-11-14 20:11:29 +01:00
}
div.et2_link_entry:after {
2013-11-15 18:05:59 +01:00
display: inline-block;
content: ".";
height: 0;
visibility: hidden;
margin: -20px;
2013-11-14 20:11:29 +01:00
}
/* Special layout for inside nm grid */
.et2_nextmatch div.et2_link_entry {
2013-11-15 18:05:59 +01:00
padding-right: 4px;
2013-11-14 20:11:29 +01:00
}
.et2_nextmatch .et2_link_entry:after {
2013-11-15 18:05:59 +01:00
margin: -12px;
2013-11-14 20:11:29 +01:00
}
div.et2_link_entry select {
2013-11-15 18:05:59 +01:00
width: 39%;
2013-11-14 20:11:29 +01:00
}
div.et2_link_entry input.ui-autocomplete-input {
2013-11-15 18:05:59 +01:00
width: 61%;
padding-bottom: 1px;
2013-11-14 20:11:29 +01:00
}
.et2_link_entry.no_app input.ui-autocomplete-input {
2013-11-15 18:05:59 +01:00
width: 100%;
2013-11-14 20:11:29 +01:00
}
.et2_link_entry.no_app select {
2013-11-15 18:05:59 +01:00
display: none;
2013-11-14 20:11:29 +01:00
}
.et2_link_entry .ui-icon-close {
2013-11-15 18:05:59 +01:00
display: inline-block;
2013-12-30 18:32:42 +01:00
background-color: @gray_0;
2013-11-15 18:05:59 +01:00
border: none;
position: relative;
top: 3px;
2013-12-20 10:36:43 +01:00
left: 18px;
2013-11-15 18:05:59 +01:00
cursor: pointer;
margin-top: -3px;
2013-11-14 20:11:29 +01:00
}
/* Link to */
.et2_link_to {
2013-11-15 18:05:59 +01:00
width: 350px;
overflow-x: visible;
2013-11-14 20:11:29 +01:00
}
.et2_link_to button {
2013-11-15 18:05:59 +01:00
display: inline;
float: right;
height: 5ex;
2013-11-14 20:11:29 +01:00
}
.et2_link_to span.status {
2013-11-15 18:05:59 +01:00
background-repeat: no-repeat;
background-position: 3px center;
width: 22px;
height: 22px;
display: block;
float: right;
2013-11-14 20:11:29 +01:00
}
.et2_link_to span.status.success {
2013-11-15 18:05:59 +01:00
background-image:url(images/tick.png);
2013-11-14 20:11:29 +01:00
}
.et2_link_to span.status.error {
2013-11-15 18:05:59 +01:00
background-image:url(images/error.png);
2013-11-14 20:11:29 +01:00
}
.et2_link_to .progress {
2013-11-15 18:05:59 +01:00
max-height: 12em;
overflow-y: scroll;
2013-11-14 20:11:29 +01:00
}
.et2_link_to .progress > .success input {
2013-11-15 18:05:59 +01:00
width: 100%;
margin-right: -20px; /* Leave room for remove icon */
2013-11-14 20:11:29 +01:00
}
.et2_link_to .progress li {
2013-11-15 18:05:59 +01:00
list-style: none;
padding-bottom: 1px;
padding-top: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_link_to .progress li.success span.ui-icon-comment {
2013-11-15 18:05:59 +01:00
display: none;
float: right;
cursor: pointer;
margin-right: 5px;
2013-11-14 20:11:29 +01:00
}
.et2_link_to .progress li:hover.success span.ui-icon-comment {
2013-11-15 18:05:59 +01:00
display: inline;
2013-11-14 20:11:29 +01:00
}
.et2_link_to .et2_button_icon {
2013-12-16 10:37:26 +01:00
.Complete_Button_Icon_normal;
float: left;
margin: 0.5em 2em;
padding: 0.5em;
.dimension_width_height_xl;
&:hover {.Complete_Button_Icon_hover;}
2013-12-20 10:36:43 +01:00
&:active {.Complete_Button_Icon_active; }
2013-11-14 20:11:29 +01:00
}
.et2_link {
2013-11-15 18:05:59 +01:00
cursor: pointer;
2013-11-25 04:16:41 +01:00
color: @egw_color_2_a;
2013-11-15 18:05:59 +01:00
text-decoration: none;
2013-11-14 20:11:29 +01:00
}
.et2_link:hover {
2013-11-15 18:05:59 +01:00
text-decoration: underline;
2013-11-14 20:11:29 +01:00
}
ul.et2_link_string {
2013-11-15 18:05:59 +01:00
list-style-type: none;
display: inline;
padding: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_link_string li {
2013-11-15 18:05:59 +01:00
display: inline;
2013-11-14 20:11:29 +01:00
}
.et2_link_string li:not(:last-child):after {
content: ', ';
}
.et2_link_list {
2013-11-15 18:05:59 +01:00
border-collapse:collapse;
2013-11-14 20:11:29 +01:00
}
.et2_link_list tr {
2013-11-15 18:05:59 +01:00
cursor: pointer;
2013-12-08 22:36:30 +01:00
&:hover {background-color: @color_hover_row;}
&:active {background-color: @color_active_row;}
2013-11-14 20:11:29 +01:00
}
.et2_link_list td.remark {
2013-11-15 18:05:59 +01:00
font-style: italic;
2013-11-14 20:11:29 +01:00
}
.et2_link_list td div.delete {
2013-11-15 18:05:59 +01:00
visibility: hidden;
2013-12-08 22:36:30 +01:00
background-image: url("../images/close.png");
2013-11-15 18:05:59 +01:00
background-position: center;
background-repeat: no-repeat;
2013-12-08 22:36:30 +01:00
background-size: contain;
2013-11-15 18:05:59 +01:00
padding: 0px;
2013-11-14 20:11:29 +01:00
}
.et2_link_list .icon img, .et2_link_list .icon {
2013-12-08 22:36:30 +01:00
width: 14px !important;
height: 14px !important;
2013-11-15 18:05:59 +01:00
display: inline-block;
2013-11-14 20:11:29 +01:00
}
.et2_link_list tr:hover div.delete {
2013-11-15 18:05:59 +01:00
visibility: visible;
2013-11-14 20:11:29 +01:00
}
.egw_tooltip
{
2013-11-15 18:05:59 +01:00
position: fixed;
border: 1px solid #897f51;
padding: 3px;
2013-12-30 18:32:42 +01:00
background-color: @color_hint;
2013-11-15 18:05:59 +01:00
max-width: 300px;
color: black;
2013-11-14 20:11:29 +01:00
}
/**
* Tabs widget
*/
.et2_tabflag {
2013-11-15 18:05:59 +01:00
display: inline-block;
margin: 1em 3px -1px 0;
padding: 4px;
cursor: pointer;
2013-12-08 22:36:30 +01:00
font-size: 0.8em;
2013-12-30 18:32:42 +01:00
/*.border_radius(3px,0,0,3px);*/
2013-11-15 18:05:59 +01:00
2013-12-30 18:32:42 +01:00
.background_color_25_gray;
.inner_shadow(1px, 0px, 0px, 0.5);
2013-11-15 18:05:59 +01:00
-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
&:hover {
2013-12-30 18:32:42 +01:00
.color_5_gray;
.background_color_25_gray;
2013-11-15 18:05:59 +01:00
}
&:active{
2013-12-30 18:32:42 +01:00
.background_color_0_gray;
.color_0_gray;
2013-11-15 18:05:59 +01:00
}
2013-11-14 20:11:29 +01:00
}
.et2_tabflag.active {
2013-11-15 18:05:59 +01:00
// .background-color-50-gray !important;
// border-width: 8px 7px 0px 6px;
// border-style: solid;
border-spacing: 0px;
// border-color: @active_button_border_bottom;
2013-12-30 18:32:42 +01:00
// .color_0_gray;
2013-11-15 18:05:59 +01:00
background-color: white;
2013-12-30 18:32:42 +01:00
.color_100_gray;
2013-11-15 18:05:59 +01:00
border-width: 1px 1px 0px 1px;
border-style: solid;
2013-12-30 18:32:42 +01:00
border-color: @gray_70;
2013-11-15 18:05:59 +01:00
&:hover {
2013-12-30 18:32:42 +01:00
.color_100_gray;
2013-11-15 18:05:59 +01:00
// border: 1px solid gray;
background-color: white;
}
2013-11-14 20:11:29 +01:00
}
.et2_tabs {
2013-11-15 18:05:59 +01:00
border-width: 0px 1px 1px 1px;
border-style: solid;
2013-12-30 18:32:42 +01:00
border-color: @gray_70;
2013-11-15 18:05:59 +01:00
padding: 5px;
overflow-y: auto;
2013-12-30 18:32:42 +01:00
background-color: @gray_0;
2013-11-15 18:05:59 +01:00
.border_radius_button_normal;
2013-11-14 20:11:29 +01:00
}
.et2_tabheader {
2013-12-30 18:32:42 +01:00
// background-color: @gray_20;
2013-11-15 18:05:59 +01:00
background-position: bottom;
background-repeat: repeat-x;
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
margin: 0 2px;
2013-11-30 07:20:37 +01:00
background-image: none;
2013-11-15 18:05:59 +01:00
:first-child {
margin-left: 0.3em;
}
2013-11-14 20:11:29 +01:00
}
/**
* VFS widget(s)
*/
2013-11-22 06:27:29 +01:00
2013-11-14 20:11:29 +01:00
ul.et2_vfs {
2013-11-15 18:05:59 +01:00
padding-left: 0px;
margin: 1px;
2013-11-14 20:11:29 +01:00
}
.et2_vfs li.vfsFilename {
2013-11-15 18:05:59 +01:00
display: inline;
2013-11-14 20:11:29 +01:00
}
.et2_vfs li.vfsFilename:not(:last-child):after {
2013-11-15 18:05:59 +01:00
padding: 0.25ex;
2013-11-14 20:11:29 +01:00
}
/**
* Validation
*/
[required] {
2013-11-15 18:05:59 +01:00
background-color: @egw_color_1_a;
2013-12-30 18:32:42 +01:00
.border_radius (3px, 3px ,3px ,3px );
2013-11-15 18:05:59 +01:00
input{
2013-11-22 06:27:29 +01:00
2013-11-15 18:05:59 +01:00
}
2013-11-14 20:11:29 +01:00
}
.invalid {
2013-11-15 18:05:59 +01:00
border: 1px solid #a6261d;
background-color: #faecec;
2013-11-14 20:11:29 +01:00
}
.error {
2013-11-15 18:05:59 +01:00
-moz-border-radius: 0 4px 4px 0;
-moz-box-shadow: 0 0 6px #DDDDDD;
background-color: #FFFE36;
border: 1px solid #E1E16D;
2013-12-30 18:32:42 +01:00
color: @color_warning;
2013-11-15 18:05:59 +01:00
display: none;
font-size: 11px;
height: 15px;
padding: 4px 10px;
2013-11-14 20:11:29 +01:00
}
.error p {
2013-11-15 18:05:59 +01:00
margin: 0;
2013-11-14 20:11:29 +01:00
}
/**
* hrule widget
*/
hr {
2013-11-15 18:05:59 +01:00
border-style: none;
2013-12-30 18:32:42 +01:00
border-top: 1px solid @gray_10;
2013-11-15 18:05:59 +01:00
height: 1px;
margin: 10px 0px 10px 0px;
2013-11-14 20:11:29 +01:00
}
/**
* grid widget
*/
table.et2_grid {
2013-11-15 18:05:59 +01:00
border-collapse: collapse;
2013-11-14 20:11:29 +01:00
}
.et2_grid td {
2013-11-15 18:05:59 +01:00
/* border: 1px dashed silver;*/
2013-11-25 04:16:41 +01:00
2013-12-16 10:37:26 +01:00
.gray {
2013-12-30 18:32:42 +01:00
padding: 1em; background-color: @color_hint;
2013-12-16 10:37:26 +01:00
span {background-color: transparent;}
}
2013-11-14 20:11:29 +01:00
}
/**
* Sortable grid
*/
table.et2_grid tbody.ui-sortable > tr:not(.th) {
2013-11-15 18:05:59 +01:00
cursor: ns-resize;
2013-11-14 20:11:29 +01:00
}
/**
* Create some spacing for widgets inside labels
*/
label input, label span, label div, label select, label textarea {
2013-11-15 18:05:59 +01:00
margin-left: 1ex;
margin-right: 1ex;
2013-11-14 20:11:29 +01:00
}
/**
* Message styles
*/
/* Style used for a generic message (such as success messages or validation errors) */
div.message {
2013-11-15 18:05:59 +01:00
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;
2013-11-14 20:11:29 +01:00
}
div.message.floating {
2013-11-15 18:05:59 +01:00
display: inline-block;
margin: 0px 5px 0px 5px;
2013-11-14 20:11:29 +01:00
}
.message.validation_error {
2013-11-15 18:05:59 +01:00
color: #a93030;
font-style: italic;
background-color: #f3d4d0;
border-color: #a93030;
background-image:url(images/error.png);
background-repeat: no-repeat;
padding-left: 20px;
2013-11-14 20:11:29 +01:00
}
.message.success {
2013-11-15 18:05:59 +01:00
font-style: normal;
background-color: #e5f3d0;
color: #98a930;
border-color: #9ea930;
background-image:url(images/tick.png);
background-repeat: no-repeat;
padding-left: 20px;
2013-11-14 20:11:29 +01:00
}
.message.hint {
2013-11-15 18:05:59 +01:00
font-style: normal;
background-color: #d9e2ed;
border-color: #56729a;
color: #56729a;
background-image:url(images/hint.png);
background-repeat: no-repeat;
padding-left: 20px;
2013-11-14 20:11:29 +01:00
}
/**
* Nextmatch widget
2013-11-22 06:27:29 +01:00
*/
2013-11-14 20:11:29 +01:00
.et2_nextmatch {
2013-12-30 18:32:42 +01:00
.background_color_10_gray;
2013-11-14 20:11:29 +01:00
}
/* Left & right headers*/
.et2_nextmatch > div > .header {
2013-11-15 18:05:59 +01:00
margin-top: -20px;
border: none;
2013-11-14 20:11:29 +01:00
}
2013-11-22 06:27:29 +01:00
/* images*/
2013-12-16 10:37:26 +01:00
.et2_nextmatch > img {.dimension_width_height_s;}
2013-11-22 06:27:29 +01:00
// little rectangle
2013-11-27 08:20:56 +01:00
2013-11-22 06:27:29 +01:00
.nextmatch_header .header_count {
2013-11-15 18:05:59 +01:00
padding: 0px 20px;
margin: 6px 20px 0px;
border: 1px solid #E0E0E0;
float:right;
2013-11-25 04:16:41 +01:00
font-size: 11px;
2013-11-22 06:27:29 +01:00
text-align: center;
position: relative;
top: 7px;
/*width: 50px;*/
}
/*################################################################
*
* Filters
*
################################################################*/
2013-11-14 20:11:29 +01:00
.nextmatch_header > .filters {
2013-11-22 06:27:29 +01:00
width: 80%;
margin-bottom: 4px;
padding: 0;
2013-12-30 18:32:42 +01:00
background-color: @gray_30;
2013-11-22 06:27:29 +01:00
border: none !important;
2013-12-30 18:32:42 +01:00
border-color: @gray_100;
2013-11-22 06:27:29 +01:00
background-image: none !important;
2013-12-12 21:27:20 +01:00
height: 37px;
2013-12-30 18:32:42 +01:00
.border_radius (15px, 3px, 0px, 0px);
2013-12-12 21:27:20 +01:00
.et2_label {
2013-12-16 10:37:26 +01:00
/* font-size: 0.9em;*/
2013-12-12 21:27:20 +01:00
padding: 0.2em;
select {
2013-12-16 10:37:26 +01:00
/*.Complete_Button_select;*/
2013-12-12 21:27:20 +01:00
margin-left: 2px;
margin-right: 1px;
2013-12-16 10:37:26 +01:00
margin-top: 8px;
2013-12-12 21:27:20 +01:00
max-width: 14% !important;
2013-12-16 10:37:26 +01:00
/*height: 25px;*/
2013-12-12 21:27:20 +01:00
/*top: 8px;*/
/*padding: 5px 0px 0px 3px;*/
2013-11-22 06:27:29 +01:00
2013-12-12 21:27:20 +01:00
&:hover{
.Complete_Button_select_hover;
}
&:after {}
2013-11-27 08:20:56 +01:00
2013-12-12 21:27:20 +01:00
/*Dialog - Addressbook - View */
#infolog-index_cat_id,
#infolog-index_filter {width: 50% !important;}
2013-11-22 06:27:29 +01:00
2013-12-12 21:27:20 +01:00
}
}
}
2013-11-22 06:27:29 +01:00
2013-12-12 21:27:20 +01:00
2013-11-22 06:27:29 +01:00
// Select -> Option
.nextmatch_header > .filters > select > option {font-size: 0.9em;}
// Search Field
2013-12-12 21:27:20 +01:00
.nextmatch_header > .filters input[type=search] {
2013-12-30 18:32:42 +01:00
.background_color_search;
2013-12-12 21:27:20 +01:00
color: black;
2013-12-20 10:36:43 +01:00
/*height: 25px;*/
2013-12-12 21:27:20 +01:00
float: left;
2013-12-20 10:36:43 +01:00
margin: 5px 0 0 2px;
2013-12-12 21:27:20 +01:00
}
2013-12-08 22:36:30 +01:00
2013-11-22 06:27:29 +01:00
.nextmatch_header > .filters button.et2_button {
.Complete_Button_search_action;
2013-12-12 21:27:20 +01:00
float: left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
2013-12-12 21:27:20 +01:00
2013-11-22 06:27:29 +01:00
&:hover{
2013-12-08 22:36:30 +01:00
.box_shadow_standard_light_hover;
/* .Complete_Button_search_action_hover;*/
2013-11-22 06:27:29 +01:00
background-color: @egw_color_2_e !important;
2013-12-08 22:36:30 +01:00
/*hide arrow*/
color: @egw_color_2_e !important;
2013-11-22 06:27:29 +01:00
}
&:active {
2013-12-08 22:36:30 +01:00
.background_verlauf_diagonal_gray;
2013-11-22 06:27:29 +01:00
}
&:focus {
.Complete_Button_input_focus;
}
}
// Input Field
2013-11-27 08:20:56 +01:00
2013-11-22 06:27:29 +01:00
.nextmatch_header > .filters input {
2013-11-15 18:05:59 +01:00
margin-right: 2ex;
2013-11-20 09:41:08 +01:00
width: 15%;
2013-11-22 06:27:29 +01:00
.Complete_Button_input;
2013-12-20 10:36:43 +01:00
&:hover{ .Complete_Button_input_hover; }
&:focus{ .Complete_Button_input_focus; }
2013-11-14 20:11:29 +01:00
}
2013-11-22 06:27:29 +01:00
2013-11-14 20:11:29 +01:00
.nextmatch_header .et2_button_icon {
2013-12-20 10:36:43 +01:00
}
// Export Button
.nextmatch_header > .filters .et2_button_icon {
margin-top: 8px;
2013-11-15 18:05:59 +01:00
vertical-align: middle;
2013-11-22 06:27:29 +01:00
.Complete_Button_Icon_normal;
margin-right: 1em;
2013-12-16 10:37:26 +01:00
.dimension_width_height_s;
2013-11-22 06:27:29 +01:00
padding: 2px;
2013-12-20 10:36:43 +01:00
&:hover{.Complete_Button_Icon_hover ;}
&:active{.Complete_Button_Icon_active ;}
2013-11-14 20:11:29 +01:00
}
2013-11-22 06:27:29 +01:00
2013-12-20 10:36:43 +01:00
2013-11-14 20:11:29 +01:00
.et2_nextmatch .nextmatch_header {
2013-11-15 18:05:59 +01:00
border: none;
background-image: none;
// background-color: transparent;
margin-bottom: 3px;
// margin-right: 3px;
2013-11-14 20:11:29 +01:00
}
2013-11-22 06:27:29 +01:00
.et2_nextmatch .nextmatch_header > .filters {
2013-12-30 18:32:42 +01:00
border: 1px solid @gray_10;
background-color: @gray_20;
2013-11-25 04:16:41 +01:00
background-image: url(../images/header_overlay.png);
2013-11-15 18:05:59 +01:00
background-position: center;
background-repeat: repeat-x;
margin-bottom: 3px;
2013-11-22 06:27:29 +01:00
}
2013-12-12 21:27:20 +01:00
/*################################################################
*
* Kategorien
*
################################################################*/
/*ADD Button*/
#admin-categories-index_add {
.Complete_Button_add;
&:hover {.Complete_Button_add_hover};
}
#admin-categories-index_filter {top: 8px;}
2013-11-22 06:27:29 +01:00
/*################################################################
*
* Favorites
*
################################################################*/
.nextmatch_header div[id$=favorite_wrapper] {
margin-top: 6px;
vertical-align: middle;
.box_shadow_standard_light;
.border_radius_button_normal;
2013-12-30 18:32:42 +01:00
.background_color_25_gray;
2013-11-22 06:27:29 +01:00
}
/**
* Drop down button
*/
.et2_dropdown{
button {
height: 3.0ex;
display: inline-block;
vertical-align: middle;
margin-right: -2px;
padding: 0px 1ex;
2013-12-30 18:32:42 +01:00
.background_color_0_gray;
2013-11-22 06:27:29 +01:00
background-image: none;
2013-11-27 08:20:56 +01:00
// width: 50px;
2013-11-22 06:27:29 +01:00
}
button > div {
vertical-align: middle;
}
button:last-child {
padding: 0px
}
+ ul.ui-menu {
position: absolute;
z-index: 2;
}
/*left Button*/
button.ui-corner-left,
button.ui-state-default{
background-image: none !important;
background-repeat: no-repeat !important;
2013-11-28 07:19:58 +01:00
// background-size: 10px 10px;
2013-11-22 06:27:29 +01:00
img {
2013-12-16 10:37:26 +01:00
.dimension_width_height_s;
2013-11-22 06:27:29 +01:00
text-align: left;
position: relative;
2013-12-08 22:36:30 +01:00
right: 1px;
2013-11-22 06:27:29 +01:00
top: 3px;
}
}
/*right Button*/
button.ui-corner-right {
2013-11-28 07:19:58 +01:00
// background-image: url("../images/fav_filter_normal.png");
// background-repeat: no-repeat !important;
// background-size: 10px 10px;
2013-11-22 06:27:29 +01:00
}
/* hover */
button.ui-state-hover {
2013-12-30 18:32:42 +01:00
background-color: @gray_30 !important;
2013-11-27 08:20:56 +01:00
// background-image: url("../images/fav_filter_normal.png") !important;
// background-repeat: no-repeat !important;
2013-11-22 06:27:29 +01:00
background-size: 16px 16px !important;
background-position: 10px center !important;
}
button.ui-state-hover > img {
2013-11-28 07:19:58 +01:00
// position: absolute;
// top: 70000px;
2013-11-22 06:27:29 +01:00
}
} // dropdown
2013-11-14 20:11:29 +01:00
/* Favorites */
.nextmatch_header div[id$=favorite_wrapper] {
2013-11-15 18:05:59 +01:00
margin-top: 6px;
vertical-align: middle;
2013-11-14 20:11:29 +01:00
}
#nm_favorites_popup_filters .filter_id, #nm_favorites_popup_filters .filter_value {
2013-11-15 18:05:59 +01:00
width: 45%;
display: inline-block;
2013-11-14 20:11:29 +01:00
}
.nextmatch_header ul.favorites {
2013-11-15 18:05:59 +01:00
min-width: 20ex;
2013-11-14 20:11:29 +01:00
}
.nextmatch_header .favorites li .ui-menu .ui-menu-item a {
2013-11-15 18:05:59 +01:00
text-indent: -22px;
margin-left: 21px;
2013-11-14 20:11:29 +01:00
}
.nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover {
2013-11-15 18:05:59 +01:00
margin-left: 20px;
2013-11-14 20:11:29 +01:00
}
// Favoriten
.favorites {
2013-11-15 18:05:59 +01:00
li {
&:hover {
div.ui-icon {
display:inline-block;
}
}
span.ui-state-active {
border: none;
}
}
input {margin-right: 1ex;}
img {
2013-12-16 10:37:26 +01:00
margin-right: 1ex;
.dimension_width_height_s;
2013-11-15 18:05:59 +01:00
}
div.ui-icon-trash {
position: relative;
float:right;
display:none;
}
2013-11-22 06:27:29 +01:00
2013-11-15 18:05:59 +01:00
// List Icon
.sideboxstar{
2013-11-22 06:27:29 +01:00
background-image: url("../images/bullet.png");
background-repeat: no-repeat;
2013-12-16 10:37:26 +01:00
.dimension_width_height_xs;
2013-11-22 06:27:29 +01:00
}
2013-11-15 18:05:59 +01:00
}
2013-11-14 20:11:29 +01:00
.sidebox-favorites {
2013-11-15 18:05:59 +01:00
ul.favorites {
width: 99%;
padding: 0px;
border: none;
background: white;
li {
padding-left: 0 !important;
margin-left: 0px;
2013-12-30 18:32:42 +01:00
line-height: 2.5em;
2013-11-15 18:05:59 +01:00
img {
2013-12-04 06:23:37 +01:00
// margin-right: 1ex;
margin: 0px 5px;
2013-12-16 10:37:26 +01:00
.dimension_height_s;
2013-11-15 18:05:59 +01:00
padding: 3px;
.Complete_Button_Icon_normal;
&:hover {
2013-12-16 10:37:26 +01:00
.dimension_height_s;
2013-11-15 18:05:59 +01:00
/*.Complete_Button_Icon_hover ;*/
}
}
img.sideboxstar {
margin-right: 1ex;
2013-12-16 10:37:26 +01:00
.dimension_height_s;
2013-11-15 18:05:59 +01:00
.Complete_Button_Icon_normal;
2013-12-04 06:23:37 +01:00
background-size: 16px 16px;
background-position: center;
2013-12-16 10:37:26 +01:00
&:hover {.dimension_height_s; .Complete_Button_Icon_hover ;}
2013-11-15 18:05:59 +01:00
}
}
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
.bordered(1px, 1px, 1px,1px);
2013-12-30 18:32:42 +01:00
border-color: @gray_10;
2013-11-15 18:05:59 +01:00
background: transparent !important;
font-weight: bold;
2013-12-30 18:32:42 +01:00
.color_100_gray;
2013-11-15 18:05:59 +01:00
}
.ui-menu-icons {
.ui-menu-item {
a {
position: relative;
padding-left: 1em;
padding: 0.5em 1em 0.5em 0;
&:hover {.Complete_Button_Icon_hover ;}
}
}
}
.ui-menu {
.ui-menu-item {
2013-11-22 06:27:29 +01:00
&:hover {background-color: @egw_color_1_e;}
2013-11-15 18:05:59 +01:00
2013-11-22 06:27:29 +01:00
a {
line-height: inherit;
padding: 2px 0px;
padding-left: 0 !important;
2013-11-15 18:05:59 +01:00
2013-11-22 06:27:29 +01:00
&:hover {text-decoration: underline;
/*.Complete_Button_Icon_hover ;*/
}
2013-12-16 10:37:26 +01:00
img { .dimension_width_height_s ;
2013-11-22 06:27:29 +01:00
}
}
}
2013-11-15 18:05:59 +01:00
}
2013-11-22 06:27:29 +01:00
2013-11-15 18:05:59 +01:00
div.ui-icon-heart{
position: relative;
float: left;
display:inline-block;
margin: -3px 1px 0px 1px;
background-image: none;
}
div.ui-icon-trash{
background-image:url(../images/delete.png);
background-size: 16px 16px;
background-position: 0 0;
background-color: #e6e6e6;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
box-shadow: 1px 1px 1px 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;
margin-right: 0.5em;
padding: 0px 2px 0 2px;
width: 10px;
}
2013-11-14 20:11:29 +01:00
} // sidebox-favorites
.nextmatch_sortheader {
2013-11-15 18:05:59 +01:00
color: #003075;
cursor: pointer;
padding-right: 10px;
margin-right: 10px;
background-repeat: no-repeat;
background-position: right center;
2013-11-14 20:11:29 +01:00
}
.nextmatch_sortheader:hover {
2013-11-15 18:05:59 +01:00
text-decoration: underline;
2013-11-14 20:11:29 +01:00
}
.nextmatch_sortheader.asc {
2013-11-15 18:05:59 +01:00
font-weight: bold;
background-image: url(../images/up.png);
background-size: 12px 12px;
2013-11-14 20:11:29 +01:00
}
.nextmatch_sortheader.desc {
2013-11-15 18:05:59 +01:00
font-weight: bold;
background-image: url(../images/down.png);
background-size: 12px 12px;
2013-11-14 20:11:29 +01:00
}
.nextmatch_resize_helper {
2013-11-15 18:05:59 +01:00
border-right: 1px dotted gray;
min-height: 100%;
background-color: gray;
opacity: 0.5;
2013-11-14 20:11:29 +01:00
}
/**
* Grid / nextmatch Hierarchy
*/
/* Make sure arrow & cell content don't overlap */
.egwGridView_grid span.arrow {
2013-11-15 18:05:59 +01:00
margin: 6px -12px 4px 4px;
float: left;
position:relative;
2013-11-14 20:11:29 +01:00
}
.egwGridView_grid span.arrow ~ div.innerContainer {
2013-11-15 18:05:59 +01:00
display: inline-block;
2013-11-14 20:11:29 +01:00
}
/* Indent the sub-grid */
.egwGridView_grid .egwGridView_grid {
2013-11-15 18:05:59 +01:00
margin-left: 10px;
border-left: 1px solid silver;
2013-11-14 20:11:29 +01:00
}
/**
* 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; }
/* End of hierarchy */
/* Mangled link-to widget inside a nextmatch - used for DnD uploads */
.et2_nextmatch * .et2_link_to {
2013-11-15 18:05:59 +01:00
position: relative;
left: 0px;
background-color: inherit;
border: 1px gray;
padding: 5px;
2013-11-14 20:11:29 +01:00
}
.et2_clickable {
2013-11-15 18:05:59 +01:00
cursor: pointer;
2013-11-14 20:11:29 +01:00
}
/**
* et2_portlet
*/
div.et2_portlet {
2013-11-15 18:05:59 +01:00
min-width: 100px;
2013-11-14 20:11:29 +01:00
}
.et2_portlet .ui-widget-header {
2013-11-15 18:05:59 +01:00
margin: 0em;
padding-bottom: 4px;
padding-left: 0.2em;
2013-11-14 20:11:29 +01:00
}
.et2_portlet .ui-widget-header span.ui-icon {
2013-11-15 18:05:59 +01:00
display: inline-block;
float: right;
2013-11-14 20:11:29 +01:00
}
.et2_portlet .ui-widget-header span.ui-icon.ui-icon-gear {
2013-11-15 18:05:59 +01:00
display: inline-block;
float: left;
2013-11-14 20:11:29 +01:00
}
/**
* et2_progress
*/
div.et2_progress {
2013-11-15 18:05:59 +01:00
display: inline-block;
border: 1px solid black;
background-color: white;
width: 30px;
padding: 1px;
margin: 2px;
text-align: left;
2013-11-14 20:11:29 +01:00
}
div.et2_progress > div {
2013-12-30 18:32:42 +01:00
background-color: @color_progress;
2013-11-15 18:05:59 +01:00
height: 5px;
2013-11-14 20:11:29 +01:00
}
.egwResizeOverlay {
2013-11-15 18:05:59 +01:00
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 99999;
cursor: ew-resize;
2013-11-14 20:11:29 +01:00
}
.egwResizeHelper {
2013-11-15 18:05:59 +01:00
position: absolute;
display: block;
z-index: 99998;
opacity: 0.5;
background-color: #829cbc;
cursor: ew-resize;
2013-11-14 20:11:29 +01:00
}
/**
* Indent grid sublevels
*/
.et2_nextmatch .subentry.level_1 div.et2_vbox {
2013-11-15 18:05:59 +01:00
margin-left: 2.5em;
2013-11-14 20:11:29 +01:00
}
.et2_nextmatch .subentry.level_2 div.et2_vbox {
2013-11-15 18:05:59 +01:00
margin-left: 5em;
2013-11-14 20:11:29 +01:00
}
.et2_nextmatch .subentry.level_3 div.et2_vbox {
2013-11-15 18:05:59 +01:00
margin-left: 7.5em;
2013-11-14 20:11:29 +01:00
}
/**
* itempicker widget
*/
.et2_itempicker {
2013-11-15 18:05:59 +01:00
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
height: 256px;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_left {
2013-11-15 18:05:59 +01:00
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50px;
overflow: hidden;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_right {
2013-11-15 18:05:59 +01:00
display: block;
position: absolute;
margin: 0;
top: 0;
left: 49px;
right: 0;
bottom: 0;
border: 1px solid #b6b6b6;
background-color: #f9f9f9;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_right_container {
2013-11-15 18:05:59 +01:00
display: block;
position: relative;
width: 100%;
height: 100%;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_app_select {
2013-11-15 18:05:59 +01:00
list-style-type: none;
padding: 0;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_app_select li {
2013-11-15 18:05:59 +01:00
display: block;
margin: 0;
padding: 6px;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_app_select li.selected {
2013-11-22 06:27:29 +01:00
border: 1px solid #b6b6b6;
border-right: 1px solid transparent;
background-color: #f9f9f9;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_search {
2013-11-22 06:27:29 +01:00
display: inline-block;
margin: 1em;
margin-bottom: 0;
margin-right: 0;
width: 67%;
padding: 0.2em;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_clear {
2013-11-22 06:27:29 +01:00
position: relative;
top: 3px;
left: -20px;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_button_action {
2013-11-22 06:27:29 +01:00
position: absolute;
margin: 1em;
top: 0;
right: 0;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_itemlist {
2013-11-22 06:27:29 +01:00
display: block;
border: 1px solid #b6b6b6;
margin: 1em;
margin-bottom: 0;
padding: 0;
height: 67%;
background-color: #ffffff;
overflow: auto;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_itemlist ul {
2013-11-22 06:27:29 +01:00
margin: 0;
padding: 0;
list-style-type: none;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_itemlist li {
2013-11-22 06:27:29 +01:00
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;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_itemlist li.row_on {
2013-11-22 06:27:29 +01:00
background-color: #f2f9fe;
2013-11-14 20:11:29 +01:00
}
.et2_itempicker_itemlist li.selected {
2013-11-22 06:27:29 +01:00
color: #ffffff;
background-color: #3875d7;
2013-11-14 20:11:29 +01:00
}
/**
* et2_dialog: EGroupware left aligns all buttons, but [Delete]
*/
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
2013-11-22 06:27:29 +01:00
float: left;
2013-11-14 20:11:29 +01:00
}
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
2013-11-22 06:27:29 +01:00
float: left;
margin-right: 1em;
2013-11-14 20:11:29 +01:00
}
.et2_prompt #message {
2013-11-22 06:27:29 +01:00
white-space: pre-wrap;
padding-bottom: 10px;
2013-11-14 20:11:29 +01:00
}
.et2_prompt #value {
2013-11-22 06:27:29 +01:00
width: 100%;
2013-11-14 20:11:29 +01:00
}
/**
* et2_taglist
*/
2013-11-15 18:05:59 +01:00
.ms-ctn,
.ms-res-ctn {
2013-11-22 06:27:29 +01:00
/* It doesn't really work smaller than this */
min-width: 150px;
2013-11-14 20:11:29 +01:00
}
2013-11-15 18:05:59 +01:00
2013-11-14 20:11:29 +01:00
.ms-ctn .loading {
2013-11-22 06:27:29 +01:00
position: relative;
margin: 0px auto -16px auto;
top: 5px;
2013-11-14 20:11:29 +01:00
}
.ms-res-ctn {
2013-11-22 06:27:29 +01:00
overflow-x: hidden;
2013-11-14 20:11:29 +01:00
}
2013-12-12 21:27:20 +01:00
2013-12-16 10:37:26 +01:00
/**
* et2_textbox
*/
textarea,
textarea.description {
2013-12-30 18:32:42 +01:00
background-color: @color_optional;
2013-12-16 10:37:26 +01:00
padding: 0.3em 0 0 0.3em;
}
2013-12-12 21:27:20 +01:00
2013-12-19 04:14:06 +01:00
/*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe{
background-color: yellow;
}
// Content Iframe
#admin-categories-index{
background-color: green;
div.egwGridView_scrollarea { min-height: 500px;}
table.et2_grid {
#admin-categories-index_nm {
div.egwGridView_outer{
td.frame {
}
}
}
}
}
/*#################################### ADMIN PART #####################################################*/
2013-12-12 21:27:20 +01:00
} // Ende Media all
/*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.nextmatch_header > .filters select { margin: 0px;}
}
@media only screen and (min-width: 760px) and (max-width: 979px) {
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
}
2013-12-16 10:37:26 +01:00
//
2013-12-30 18:32:42 +01:00
//