egroupware_official/pixelegg/less/etemplate2.less

1717 lines
33 KiB
Plaintext
Executable File
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* Styles for etemplate2 widgets
* Überschreibt egroupware/etemplate/templates/default/etemplate2.css
*
* @version: 1
* Stefan Reinhardt
*/
@import (reference) "./def_design_pattern_color_font_shadow.less";
@import (reference) "./def_buttons.less";
/*@import (less) "../../etemplate/templates/default/etemplate2.css";*/
@media all {
/**
* Top level
*/
.et2_container {
// /*margin: 10px; border: 1px solid gray;*/
padding: 0px;
background-color: transparent;
/*height: 100%; */
}
.et2_container > div:not([class]) {
height: 100%;
}
/**
* Basic rules
*/
input,button,select {
margin: 1px;
padding: 0px;
}
/**
* VBox widget
*/
div.et2_vbox>* {
display: block;
}
/**
* HBox widget
*/
div.et2_hbox div.et2_hbox {
display: inline;
}
div.et2_hbox {
white-space: normal;
}
div.et2_hbox>* {
text-align: left;
}
div.et2_hbox_left {
float: left;
}
div.et2_hbox_al_center {
text-align: center;
}
div.et2_hbox_al_right {
text-align: right;
}
div.et2_hbox_right {
float: right;
clear: right;
background: transparent;
}
div.et2_hbox>div {
display: inline-block;
}
/**
* Placeholder widget - used for un-implemented widgets
*/
.et2_placeholder {
display: inline-block;
/*border: 1px solid cornflowerblue;*/
.border_normal;
background-color: @gray_10;
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;
}
.et2_placeholder .et2_attr {
display: block;
font-size: 8pt;
color: @gray_100;
margin: 2px 0 2px 0;
}
/**
* Splitter widget - split pane
*/
.et2_split {
width: 100%;
min-width: 100px;
min-height: 100px;
}
//.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%;
//}
/* Make sure there's no overflow, or hidden bits still appear */
* > .et2_split {
overflow: hidden;
}
/**
* Label widget, and labels for other widgets
*/
.et2_label {
color: @gray_90;
// float: left;
}
/*defined in layout_messages.less*/
/*#msg,.message {
color: red;
font-style: italic;
}*/
input.et2_url {
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;
}
a.et2_url.email {
background-image: url(images/email.png);
}
a.et2_url.phone {
background-image: url(images/phone.png);
}
a.et2_url.url {
background-image: url(images/url.png);
}
/**
* Button widget - text only, and icon
*/
.et2_button {
/* cursor: pointer;
text-align: center;
font-size: 9pt;*/
text-shadow: 0px 0px !important;
.Complete_Button_normal;
}
/*in Nextmatch definiert*/
.et2_button_text, input[type=button] {
}
.et2_button_icon {
border: none;
background: transparent;
padding: 0px;
// width: 16px;
.dimension_height_s;
}
/*look in layout_content_elements*/
button.et2_button_text,
input[type=button] {}
/**
* Drop down button
*/
.et2_dropdown button {
height: 3.0ex;
display: inline-block;
vertical-align: middle;
margin-right: -2px;
padding: 0px 1ex;
}
.et2_dropdown button > div {
vertical-align: middle;
}
.et2_dropdown button:last-child {
padding: 0px
}
.et2_dropdown + ul.ui-menu {
position: absolute;
z-index: 2;
}
/**
* Color picker widget
*/
.et2_color {
padding: .5ex;
height: 2ex;
width: 2ex;
border: 1px solid silver;
}
/**
* Text box
*/
.et2_textbox {
resize: none;
}
.et2_textbox_ro {
white-space: pre-wrap;
}
.et2_bold {
font-weight: bold;
}
.et2_italic {
font-style: italic;
}
/**
* Multi-select widget
*/
.et2_selectbox .ui-widget-header {
padding: 0px 6px 0px 10px;
text-align: center;
}
.et2_selectbox .ui-widget-header ul {
float: left;
margin-left: -5px;
text-align: left;
}
.et2_selectbox .ui-widget-header li {
float: left;
padding-top: 0px
}
.et2_selectbox .ui-widget-header li>span.ui-icon {
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;
}
.et2_selectbox .ui-widget-header li>div.et2_link_entry input {
height: 14px;
}
.et2_selectbox .ui-multiselect-checkboxes {
overflow-y: scroll;
position: relative;
text-align: left;
}
.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: -26px;
// max-width: 85%;
&:hover {background-color: @color_hint !important;}
}
.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;
}
.et2_selectbox .ui-multiselect-checkboxes ul>label {
border-bottom: 1px solid black;
}
.et2_selectbox .ui-multiselect-checkboxes label {
display: block;
border: 0px solid transparent;
padding: 0.1em 0.2em;
// &:hover {background-color: @egw_color_2_e;}
}
.et2_selectbox input[type="checkbox"] {
margin: 3px;
}
.et2_selectbox .ui-multiselect-checkboxes img {
float: right;
height: 1.8em;
}
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{
/*visibility: hidden;*/
background-image: url(../images/close.png);
background: @gray_0;
margin: 2px;
padding: 0px;
}
.et2_selectbox .ui-multiselect-checkboxes li:hover div.ui-icon-close {
visibility: visible;
}
/* Read-only multi-select */
ul.et2_selectbox {
margin: 0px;
padding: 0px;
}
.et2_selectbox li {
text-decoration: none;
list-style-image: none;
list-style-type: none;
}
/**
* Select account dialog
*/
/**
* Date / Time widgets
*/
span.et2_date {
min-width: 130px;
}
span.et2_date input.et2_date {
min-width: 21.5ex;
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
}
span.et2_date input.et2_time {
min-width: 6ex;
}
span.et2_date span {
background-position: center;
background-repeat: no-repeat;
color: @gray_0;
cursor: pointer;
padding-top: 3px;
padding-left: 22px;
text-align: center;
font-size: 9pt;
}
/**
* Dialog widget
* It uses jQueryUI, so this is just our little bits - icon on left
*/
.ui-dialog-content .dialog_icon {
margin-right: 2ex;
vertical-align: middle;
}
.ui-dialog-content {
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 {
text-align: left;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.ui-dialog .ui-dialog-buttonpane button {
float: none;
}
*/
/**
* Diff widget
*/
.diff thead,.author {
display: none;
}
.diff .ui-icon {
margin-top: -16px;
float: right;
}
/** Display a loading icon **/
.loading {
background-position: center;
background-repeat: no-repeat;
background-image: url('../images/ajax-loader.gif');
}
/**
* File upload
*/
div.et2_file input {background-color: @egw_color_1_a;}
.et2_file .progress {
width: 300px;
max-height: 6em;
overflow: auto;
margin-left: 20px;
}
.et2_file .progress span.progressBar {
height: 5px;
width: 150px;
max-width: 150px;
display: inline;
}
/* Remove icon displayed when hovering */
.et2_file .progress li div.remove {
display: none;
cursor: pointer;
margin: 0px;
}
.et2_file .progress li:hover div.remove {
.dimension_width_height_s;
float: right;
display: block;
background-image: url("images/close.png");
background-position: center;
background-repeat: no-repeat;
}
.et2_file .progress p {
background-color: @color_progress;
height:5px;
margin: 0px;
}
.et2_file .progress li {
}
/* Hide progress bar when completed */
.et2_file .progress li.success > span.progressBar {
display: none;
}
/**
* Autocomplete - used in link widget
* Restricting result size
*/
.ui-autocomplete {
max-height: 20ex;
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;
}
/**
* Link wiget(s)
*/
/* Link entry - x button*/
div.et2_link_entry {
white-space: nowrap;
}
div.et2_link_entry:after {
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;
}
.et2_nextmatch .et2_link_entry:after {
margin: -12px;
}
div.et2_link_entry select {
width: 39%;
}
div.et2_link_entry input.ui-autocomplete-input {
width: 61%;
padding-bottom: 1px;
}
.et2_link_entry.no_app input.ui-autocomplete-input {
width: 100%;
}
.et2_link_entry.no_app select {
display: none;
}
.et2_link_entry .ui-icon-close {
}
/* Link to */
.et2_link_to {
width: 350px;
overflow-x: visible;
}
.et2_link_to button {
display: inline;
float: right;
height: 5ex;
}
.et2_link_to span.status {
background-repeat: no-repeat;
background-position: 3px center;
width: 22px;
height: 22px;
display: block;
float: right;
}
.et2_link_to span.status.success {
background-image:url(images/tick.png);
}
.et2_link_to span.status.error {
background-image:url(images/error.png);
}
.et2_link_to .progress {
max-height: 12em;
overflow-y: scroll;
}
.et2_link_to .progress > .success input {
width: 100%;
margin-right: -20px; /* Leave room for remove icon */
}
.et2_link_to .progress li {
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;
}
.et2_link_to .progress li:hover.success span.ui-icon-comment {
display: inline;
}
.et2_link_to .et2_button_icon {
.Complete_Button_Icon_normal;
float: left;
margin: 0.5em 2em;
padding: 0.5em;
.dimension_width_height_l;
&:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active; }
}
.et2_link {
cursor: pointer;
color: @egw_color_2_a;
text-decoration: none;
}
.et2_link:hover {
text-decoration: underline;
}
ul.et2_link_string {
list-style-type: none;
display: inline;
padding: 0px;
}
.et2_link_string li {
display: inline;
}
.et2_link_string li:not(:last-child):after {
content: ', ';
}
.et2_link_list {
border-collapse:collapse;
}
.et2_link_list tr {
cursor: pointer;
&:hover {background-color: @color_hover_row;}
&:active {background-color: @color_active_row;}
}
.et2_link_list td.remark {
font-style: italic;
}
.et2_link_list td div.delete {
visibility: hidden;
background-image: url("../images/close.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 0px;
}
.et2_link_list .icon img, .et2_link_list .icon {
width: 14px !important;
height: 14px !important;
display: inline-block;
}
.et2_link_list tr:hover div.delete {
visibility: visible;
}
.egw_tooltip
{
position: fixed;
border: 1px solid #897f51;
padding: 3px;
background-color: @color_tooltip;
max-width: 300px;
color: black;
}
/**
* Tabs widget
*/
.et2_tabflag {
display: inline-block;
margin: 1em 3px -1px 0;
padding: 4px;
cursor: pointer;
font-size: 0.8em;
/*.border_radius(3px,0,0,3px);*/
.background_color_25_gray;
.inner_shadow(1px, 0px, 0px, 0.5);
-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 {
.color_5_gray;
.background_color_25_gray;
}
&:active{
.background_color_0_gray;
.color_0_gray;
}
}
.et2_tabflag.active {
// .background-color-50-gray !important;
// border-width: 8px 7px 0px 6px;
// border-style: solid;
border-spacing: 0px;
// border-color: @active_button_border_bottom;
// .color_0_gray;
background-color: white;
.color_100_gray;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: @gray_70;
&:hover {
.color_100_gray;
// border: 1px solid gray;
background-color: white;
}
}
.et2_tabs {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: @gray_70;
padding: 5px;
overflow-y: auto;
background-color: @gray_0;
.border_radius_button_normal;
}
.et2_tabheader {
// background-color: @gray_20;
background-position: bottom;
background-repeat: repeat-x;
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
margin: 0 2px;
background-image: none;
:first-child {
margin-left: 0.3em;
}
}
/**
* VFS widget(s)
*/
ul.et2_vfs {
padding-left: 0px;
margin: 1px;
}
.et2_vfs li.vfsFilename {
display: inline;
}
.et2_vfs li.vfsFilename:not(:last-child):after {
padding: 0.25ex;
}
/**
* Validation
*/
[required] {
background-color: lighten(@egw_color_1_e, 10%);
.border_radius (3px, 3px ,3px ,3px );
input{ }
}
.invalid {
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: @color_warning;
display: none;
font-size: 11px;
height: 15px;
padding: 4px 10px;
}
.error p {
margin: 0;
}
/**
* hrule widget
*/
hr {
border-style: none;
border-top: 1px solid @gray_10;
height: 1px;
margin: 10px 0px 10px 0px;
}
/**
* grid widget
*/
table.et2_grid {
border-collapse: collapse;
}
.et2_grid td {
/* border: 1px dashed silver;*/
.gray {
padding: 1em; background-color: @color_hint;
span {background-color: transparent;}
}
}
/**
* Sortable grid
*/
table.et2_grid tbody.ui-sortable > tr:not(.th) {
cursor: ns-resize;
}
/**
* Create some spacing for widgets inside labels
*/
label input, label span, label div, label select, label textarea {
margin-left: 1ex;
margin-right: 1ex;
}
/**
* Message styles
*/
/* 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;
}
div.message.floating {
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;
}
.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;
}
.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;
}
/**
* Nextmatch widget
*/
.et2_nextmatch {
.background_color_10_gray;
}
/* Left & right headers*/
.et2_nextmatch > div > .header {
margin-top: -20px;
border: none;
}
/* images*/
.et2_nextmatch > img {.dimension_width_height_s;}
// little rectangle
.nextmatch_header .header_count {
padding: 0px 20px;
margin: 6px 20px 0px;
border: 1px solid #E0E0E0;
float:right;
font-size: 11px;
text-align: center;
position: relative;
top: 7px;
/*width: 50px;*/
}
/*################################################################
*
* Filters
*
################################################################*/
.nextmatch_header > .filters {
width: 80%;
margin-bottom: 4px;
padding: 0;
background-color: @gray_30;
border: none !important;
border-color: @gray_100;
background-image: none !important;
height: 37px;
.border_radius (15px, 3px, 0px, 0px);
.et2_label {
/* font-size: 0.9em;*/
padding: 0.2em;
select {
/*.Complete_Button_select;*/
margin-left: 2px;
margin-right: 1px;
margin-top: 8px;
max-width: 14% !important;
/*height: 25px;*/
/*top: 8px;*/
/*padding: 5px 0px 0px 3px;*/
&:hover{
.Complete_Button_select_hover;
}
&:after {}
/*Dialog - Addressbook - View */
#infolog-index_cat_id,
#infolog-index_filter {width: 50% !important;}
}
}
}
// Select -> Option
.nextmatch_header > .filters > select > option {font-size: 0.9em;}
// Search Field
.nextmatch_header > .filters input[type=search] {
.background_color_search;
color: black;
/*height: 16.21875px;*/
float: left;
margin: 5px 0 0 2px;
font-size: 0.95em;
}
.nextmatch_header > .filters button.et2_button {
.Complete_Button_search_action;
float: left;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
&:hover{
.box_shadow_standard_light_hover;
/* .Complete_Button_search_action_hover;*/
background-color: @egw_color_2_e !important;
/*hide arrow*/
color: @egw_color_2_e !important;
}
&:active {
.background_verlauf_diagonal_gray;
}
&:focus {
.Complete_Button_input_focus;
}
}
// Input Field
.nextmatch_header > .filters input {
margin-right: 2ex;
width: 15%;
.Complete_Button_input;
&:hover{ .Complete_Button_input_hover; }
&:focus{ .Complete_Button_input_focus; }
}
.nextmatch_header .et2_button_icon {
}
// Export Button
.nextmatch_header > .filters .et2_button_icon {
margin-top: 8px;
vertical-align: middle;
.Complete_Button_Icon_normal;
margin-right: 1em;
.dimension_width_height_s;
padding: 2px;
&:hover{.Complete_Button_Icon_hover ;}
&:active{.Complete_Button_Icon_active ;}
}
.et2_nextmatch .nextmatch_header {
border: none;
background-image: none;
// background-color: transparent;
margin-bottom: 3px;
// margin-right: 3px;
}
.et2_nextmatch .nextmatch_header > .filters {
border: 1px solid @gray_10;
background-color: @gray_20;
background-image: url(../images/header_overlay.png);
background-position: center;
background-repeat: repeat-x;
margin-bottom: 3px;
}
/*################################################################
*
* Kategorien
*
################################################################*/
/*ADD Button*/
#admin-categories-index_add {
.dimension_width_height_l;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
padding: 0.5em;
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 4em;
}
&:hover {.Complete_Button_add_hover};
}
#admin-categories-index_filter {top: 8px;}
/*################################################################
*
* Favorites
*
################################################################*/
.nextmatch_header div[id$=favorite_wrapper] {
margin-top: 6px;
vertical-align: middle;
.box_shadow_standard_light;
.border_radius_button_normal;
.background_color_25_gray;
}
/**
* Drop down button
*/
.et2_dropdown{
button {
height: 3.0ex;
display: inline-block;
vertical-align: middle;
margin-right: -2px;
padding: 0px 1ex;
.background_color_0_gray;
background-image: none;
// width: 50px;
}
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;
// background-size: 10px 10px;
img {
.dimension_width_height_s;
text-align: left;
position: relative;
right: 1px;
top: 3px;
}
}
/*right Button*/
button.ui-corner-right {
// background-image: url("../images/fav_filter_normal.png");
// background-repeat: no-repeat !important;
// background-size: 10px 10px;
}
/* hover */
button.ui-state-hover {
background-color: @gray_30 !important;
// background-image: url("../images/fav_filter_normal.png") !important;
// background-repeat: no-repeat !important;
background-size: 16px 16px !important;
background-position: 10px center !important;
}
button.ui-state-hover > img {
// position: absolute;
// top: 70000px;
}
} // dropdown
/* Favorites */
.nextmatch_header div[id$=favorite_wrapper] {
margin-top: 6px;
vertical-align: middle;
}
#nm_favorites_popup_filters .filter_id, #nm_favorites_popup_filters .filter_value {
width: 45%;
display: inline-block;
}
.nextmatch_header ul.favorites {
min-width: 20ex;
}
.nextmatch_header .favorites li .ui-menu .ui-menu-item a {
text-indent: -22px;
margin-left: 21px;
}
.nextmatch_header .favorites.ui-menu li.ui-menu-item a.ui-state-hover {
margin-left: 20px;
}
// Favoriten
.favorites {
li {
&:hover {
div.ui-icon {
display:inline-block;
}
}
span.ui-state-active {
border: none;
}
}
input {margin-right: 1ex;}
img {
margin-right: 1ex;
.dimension_width_height_s;
}
div.ui-icon-trash {
position: relative;
float:right;
display:none;
}
// List Icon
.sideboxstar{
background-image: url("../images/bullet.svg");
background-repeat: no-repeat;
background-size: contain;
.dimension_width_height_xs;
}
}
.sidebox-favorites {
ul.favorites {
width: 99%;
padding: 0px;
border: none;
background: white;
li {
padding-left: 1em !important;
margin-left: 0px;
line-height: 2em;
img {
// margin-right: 1ex;
margin: 0px 5px;
.dimension_height_s;
padding: 3px;
.Complete_Button_Icon_normal;
&:hover {
.dimension_height_s;
/*.Complete_Button_Icon_hover ;*/
}
}
img.sideboxstar {
margin-right: 1ex;
.dimension_height_s;
.Complete_Button_Icon_normal;
background-size: 16px 16px;
background-position: center;
&:hover {.dimension_height_s; .Complete_Button_Icon_hover ;}
}
a {
div.sideboxstar {display: none;}
div.ui-icon-trash{
margin-top: -1px;
margin-right: 2px;
}
}
}
}
.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);
border-color: @gray_10;
background: transparent !important;
font-weight: bold;
.color_100_gray;
}
.ui-menu-icons {
.ui-menu-item {
a {
position: relative;
padding-left: 1em;
padding: 0.5em 1em 0.5em 0;
&:hover {.Complete_Button_Icon_hover ;}
}
}
}
/*ul*/
.ui-menu {
/*li*/
.ui-menu-item {
width: 93%;
&:hover {background-color: @egw_color_1_e;}
a {
line-height: inherit;
padding: 2px 0px;
padding-left: 5px !important;
&:hover {text-decoration: underline;
/*.Complete_Button_Icon_hover ;*/
}
img { .dimension_width_height_s ;}
div.ui-icon-heart{display: none}
}
}
}
div.ui-icon-heart{
position: relative;
float: left;
display:inline-block;
margin: -3px 1px 0px 1px;
background-image: none;
}
div.ui-icon-trash{
margin-top: 0px;
margin-right: 2px;
background-image:url(../images/delete.svg);
background-size: 16px 16px;
background-position: 0 0;
background-color: #000;
.box_shadow_standard_light;
.rounded;
}
} // sidebox-favorites
.nextmatch_sortheader {
color: #003075;
cursor: pointer;
padding-right: 10px;
margin-right: 10px;
background-repeat: no-repeat;
background-position: right center;
}
.nextmatch_sortheader:hover {
text-decoration: underline;
}
.nextmatch_sortheader.asc {
font-weight: bold;
background-image: url(../images/up.png);
background-size: 12px 12px;
}
.nextmatch_sortheader.desc {
font-weight: bold;
background-image: url(../images/down.png);
background-size: 12px 12px;
}
.nextmatch_resize_helper {
border-right: 1px dotted gray;
min-height: 100%;
background-color: gray;
opacity: 0.5;
}
/**
* Grid / nextmatch Hierarchy
*/
/* Make sure arrow & cell content don't overlap */
.egwGridView_grid span.arrow {
margin: 6px -12px 4px 4px;
float: left;
position:relative;
}
.egwGridView_grid span.arrow ~ div.innerContainer {
display: inline-block;
}
/* Indent the sub-grid */
.egwGridView_grid .egwGridView_grid {
margin-left: 10px;
border-left: 1px solid silver;
}
/**
* 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 {
position: relative;
left: 0px;
background-color: inherit;
border: 1px gray;
padding: 5px;
}
.et2_clickable {
cursor: pointer;
}
/**
* et2_portlet
*/
div.et2_portlet {
min-width: 100px;
}
.et2_portlet .ui-widget-header {
margin: 0em;
padding-bottom: 4px;
padding-left: 0.2em;
}
.et2_portlet .ui-widget-header span.ui-icon {
display: inline-block;
float: right;
}
.et2_portlet .ui-widget-header span.ui-icon.ui-icon-gear {
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;
}
div.et2_progress > div {
background-color: @color_progress;
height: 5px;
}
.egwResizeOverlay {
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;
}
/**
* Indent grid sublevels
*/
.et2_nextmatch .subentry.level_1 div.et2_vbox {
margin-left: 2.5em;
}
.et2_nextmatch .subentry.level_2 div.et2_vbox {
margin-left: 5em;
}
.et2_nextmatch .subentry.level_3 div.et2_vbox {
margin-left: 7.5em;
}
/**
* itempicker widget
*/
.et2_itempicker {
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;
}
.et2_itempicker_right {
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%;
}
.et2_itempicker_app_select {
list-style-type: none;
padding: 0;
}
.et2_itempicker_app_select li {
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;
}
.et2_itempicker_search {
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;
}
.et2_itempicker_button_action {
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;
}
.et2_itempicker_itemlist ul {
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;
}
.et2_itempicker_itemlist li.row_on {
background-color: #f2f9fe;
}
.et2_itempicker_itemlist li.selected {
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;
}
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
float: left;
margin-right: 1em;
}
.et2_prompt #message {
white-space: pre-wrap;
padding-bottom: 10px;
}
.et2_prompt #value {
width: 100%;
}
/**
* et2_taglist
*/
.ms-ctn,
.ms-res-ctn {
/* It doesn't really work smaller than this */
min-width: 150px;
}
.ms-ctn .loading {
position: relative;
margin: 0px auto -16px auto;
top: 5px;
}
.ms-res-ctn {
overflow-x: hidden;
}
/**
* et2_textbox
*/
textarea,
textarea.description {
background-color: @color_optional;
padding: 0.3em 0 0 0.3em;
}
/*#################################### ADMIN PART #####################################################*/
iframe#admin-index_iframe{
background-color: yellow;
}
// Content Iframe
#admin-categories-index{
div.egwGridView_scrollarea { min-height: 500px;}
table.et2_grid {
#admin-categories-index_nm {
div.egwGridView_outer{
td.frame {
}
}
}
}
}
/*#################################### ADMIN PART #####################################################*/
} // 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) {
}
//
//