Edit dialogs style W.I.P.:

- Give tab widget new look
- Style grid header different
- Re-design calendar edit dialog
- Some fixes for multi et2_taglist
This commit is contained in:
Hadi Nategh 2016-04-06 16:43:51 +00:00
parent 8df7c00b21
commit 50aae863b6
26 changed files with 522 additions and 1063 deletions

View File

@ -70,11 +70,6 @@ div.addressbook_edit_general_picture img {
.custom_country {
display: none;
}
tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
tr.dialogOperators td,.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
input.et2_radiobox {
position: relative;
left: -16px;

View File

@ -83,15 +83,6 @@ div.addressbook_edit_general_picture img {
.custom_country {
display: none;
}
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td,
.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
input.et2_radiobox {
position: relative;
left: -16px;
@ -201,16 +192,9 @@ select#addressbook-index_col_filter\[tid\] {
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/
/*padding: 1em;*/
/*min-height: 250px;*/
/*ADD Button */
/* div.et2_hbox,
div.et2_box_widget*/
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget {
/*border: 1px solid rgba(0, 0, 0, 0.15);*/
/*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none;
height: 32px;
margin-top: 5px;
@ -350,24 +334,6 @@ select#addressbook-index_col_filter\[tid\] {
button#tracker-index-addressbook_add:active {
background-color: #1aa200 !important;
}
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
div.addressbook_edit_general_picture img {
top: -4px;
width: 70px;

View File

@ -44,7 +44,6 @@
// Image + Data
div#addressbook_view_sidebox{
//img
img.photo {
width: 68px;
@ -53,7 +52,6 @@ div#addressbook_view_sidebox{
vertical-align: top;
margin-right: 5px;
}
// name
#addressbook-view_n_fn {
.fontsize_xl;
@ -61,32 +59,24 @@ div#addressbook_view_sidebox{
padding: 2px 0 2px 0;
width: 85%;
}
// org
#addressbook-view_org_name {
.fontsize_xl;
padding: 2px 0 2px 0;
width: 85%;
}
// Unit
#addressbook-view_org_unit {
.fontsize_m;
padding: 2px 0 2px 0;
}
// Ort
#addressbook-view_adr_one_locality {
.fontsize_m;
padding: 2px 0 2px 0;
}
}
/**
* Give space to both contact view & infolog list
*/
@ -97,46 +87,29 @@ div#addressbook_view_sidebox{
overflow: auto;
}
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/
/*padding: 1em;*/
/*min-height: 250px;*/
/*ADD Button */
/* div.et2_hbox,
div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"] {
div.et2_box_widget {
/*border: 1px solid rgba(0, 0, 0, 0.15);*/
/*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none;
.dimension_height_l;
margin-top: 5px;
background-image: none !important;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; /* Safari */
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1;
line-height: 0.5em;
}
/*Text ""hinzufügen" "*/
span {display: none;}
// IMG
img {
.Complete_Button_Icon_normal;
@ -154,8 +127,6 @@ div#addressbook_view_sidebox{
img:last-child {margin-right: 5px;};
/*MouseOver*/
&:hover {
.box_shadow_standard_light_hover;
@ -168,12 +139,7 @@ div#addressbook_view_sidebox{
img {.scale; margin: 0.5em; background: @gray_0;}
}
}
}
// Scrollarea in Infolog
.egwGridView_scrollarea{
overflow-y: scroll !important;
@ -185,68 +151,11 @@ div#addressbook_view_sidebox{
// CRM View - Tracking System
button#tracker-index-addressbook_add{
.Complete_Button_add_only_plus;
.dimension_height_m;
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}
//******************************************************************
// sidebar
//******************************************************************
#egw_fw_sidemenu{
//Tabelle mit Ansichten des Kalenders
.egw_fw_ui_category_content{
// table {margin-left: -14px;}
}
// Bilder für Favoriten
img.sideboxstar {
}
// select {margin-top: -5px;}
}
// #############################################################################
// Addressbook edit dialog
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#addressbook-edit.et2_container {
}
// person image
@ -257,16 +166,9 @@ div.addressbook_edit_general_picture img {
left: 7px;
}
// general
#addressbook-edit_addressbook-edit-general{
.et2_label {margin-right: 6px;}
}
}
// END DIALOG #############################################################################
} // Ende Media all

View File

@ -18,7 +18,7 @@
* @package etemplate
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id: app.css 55140 2016-02-25 08:42:33Z ralfbecker $
* @version $Id: app.css 55532 2016-03-28 18:51:38Z ralfbecker $
*/
.admin_tree table,
.admin_tree tr,
@ -200,22 +200,4 @@ select#admin-mailaccount_ident_id {
filter: initial;
/* IE 6-9 */
}
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
}

View File

@ -21,22 +21,12 @@
@media all {
// ADMIN in SIDEBAR
div.dhtmlxTree {
// selected Item
td.standartTreeRow {
span.selectedTreeRow { background-color: @egw_color_1_e; color: @gray_90;}
}
}
/* #############################################################################
// iframe
// Rahmen + padding**/
@ -56,30 +46,9 @@
*/
iframe#admin-index_iframe {
background-color: transparent;
#admin-categories-index{
padding: 10px;
table.et2_grid {
#admin-categories-index_nm {
div.egwGridView_outer{
td.frame {
}
}
}
}
}
#admin-categories-index{padding: 10px;}
table.egwGridView_grid tr td {color: #000;}
@ -90,33 +59,4 @@ iframe#admin-index_iframe{
/*filter grey*/
.img_filter_none;
}
// #############################################################################
// Dialog ADMIN
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
} // Media
//
//
}

View File

@ -304,6 +304,8 @@ button#cancel {
.et2_textbox_ro {
white-space: pre-wrap;
}
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;
@ -852,7 +854,6 @@ ul.et2_link_string {
cursor: pointer;
border: 1px solid silver;
background-color: #E0E0E0;
background-image: url(images/gradient01.png);
background-position: center;
background-repeat: repeat-x;
-webkit-user-select: none;
@ -865,7 +866,6 @@ ul.et2_link_string {
background-color: #D0D0EE;
}
.et2_tabflag:active {
background-image: url(images/gradient02.png);
background-color: #D0D0E0;
}
.et2_tabs {
@ -1024,7 +1024,7 @@ ul.et2_link_string {
}
.et2_taglist_toggle > div.ms-ctn {
display: inline-block;
width: calc(100% - 16px);
width: calc(100% - 10px);
padding-right: 2px;
}
.et2_taglist_toggle.ui-state-hover,
@ -1034,26 +1034,23 @@ ul.et2_link_string {
.et2_taglist_toggle:not(.et2_taglist_single) .ms-ctn {
/* height: 100%;*/
}
.et2_taglist_toggle.et2_taglist_single > div.ms-ctn {
padding-right: 7px
}
.et2_taglist_toggle > div.toggle {
margin-left: -1px;
float: right;
width: 25px;
top: 1px;
width: 23px;
height: 23px;
position: relative;
position: absolute;
right: 5px;
z-index: 5;
border: 1px solid #BBB;
background-color: white;
background-repeat: no-repeat;
background-position: center center;
background-image: url("../../../phpgwapi/templates/default/images/foldertree_nolines_minus.gif");
}
.et2_taglist_toggle div.ms-ctn {
padding:0;
padding-left: 10px;
}
.et2_taglist_toggle.et2_taglist_single:not(.expanded) > div.toggle {
display: none;
}
@ -2603,3 +2600,17 @@ td.avatar {
.et2_searchbox .hide {
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 0;
vertical-align: middle;
}
.dialogHeader {
vertical-align: middle;
border-bottom: 1px solid #E6E6E6;
height: 50px;
}
tr.dialogHeader2 td {padding-top:15px;}

View File

@ -148,12 +148,7 @@
#calendar-view_view td {
padding: 0px;
}
/* Header classes */
tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
tr.dialogOperators td,.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
.calendar_inputFullWidth input { width: 100%; }
/******************************************************************
@ -1313,11 +1308,7 @@ img.calendar_print_button, img.calendar_print_appicon {
#calendar-edit_account + .chzn-container .chzn-results {
max-height: 195px;
}
#calendar-edit_category {
max-width:230px;
}
input#calendar-edit_location {padding-left: 0;}
#calendar_sidebox_content .ui-datepicker div.ui-datepicker-buttonpane {
border-top: 0;
margin: 0;

View File

@ -2,43 +2,10 @@
<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
<!-- $Id$ -->
<overlay>
<template id="calendar.edit.details" template="" lang="" group="0" version="1.9.001">
<hbox>
<grid width="60%">
<columns>
<column width="80px"/>
<column/>
</columns>
<rows>
<row>
<description for="location" value="Location"/>
<textbox id="location" maxlength="255" class="calendar_inputFullWidth"/>
</row>
<row class="row_off">
<description for="priority" value="Priority"/>
<menulist>
<menupopup type="select-priority" id="priority"/>
</menulist>
</row>
<row>
<description value="Options"/>
<hbox>
<checkbox statustext="A non blocking event will not conflict with other events" label="non blocking" id="non_blocking" options="1,0, ,disable"/>
<checkbox label="Private" id="public" options="0,1"/>
</hbox>
</row>
<row>
<grid width="100%">
<columns>
<column width="80px" height="30px"/>
<column/>
</columns>
<rows>
<row class="th" disabled="@view" height="28">
<description value="Add new alarm" span="all"/>
</row>
<row class="row add_alarm_action" valign="top" disabled="@no_add_alarm">
<hbox span="all">
<template id="calendar.edit.description" template="" lang="" group="0" version="1.0.1.001">
<textbox multiline="true" id="description" rows="12" cols="70" width="99%" height="150" resize_ratio="0.7"/>
<hbox disabled="@no_add_alarm" height="35">
<button label="Add new alarm" id="button[add_alarm]" image="add" background_image="1"/>
<menulist>
<menupopup type="select" statustext="" id="new_alarm[options]" onchange="app.calendar.alarm_custom_date"/>
</menulist>
@ -46,11 +13,8 @@
<menulist>
<menupopup statustext="Select who should get the alarm" label="for" id="new_alarm[owner]" no_lang="1"/>
</menulist>
<button label="Add" id="button[add_alarm]" image="add" background_image="1"/>
</hbox>
</row>
<row valign="top" disabled="!@alarm" height="100%">
<grid id="alarm" width="100%" class="egwGridView_grid calendar_alarm_grid">
<grid id="alarm" width="100%" class="egwGridView_grid" resize_ratio="0.3">
<columns>
<column/>
<column/>
@ -77,23 +41,17 @@
</row>
</rows>
</grid>
</row>
</rows>
</grid>
</row>
</rows>
</grid>
<vbox align="right" width="100%" height="240">
<description for="category" value="Categories" class="row_on"/>
<taglist-cat id="category" height="190" />
</vbox>
</hbox>
</template>
<template id="calendar.edit.description" template="" lang="" group="0" version="1.0.1.001">
<textbox multiline="true" id="description" rows="12" cols="70" width="99%" height="240"/>
</template>
<template id="calendar.edit.participants" template="" lang="" group="0" version="1.9.001">
<grid width="99%" id="participants">
<hbox disabled="@no_add" height="60">
<button id="add" image="add" background_image="1" novalidate="1"/>
<calendar-owner id="participant" allowFreeEntries="true" empty_label="Add new participants or resource" width="40%"/>
<textbox type="integer" label="Quantity" id="quantity" min="1" size="3"/>
<menulist>
<menupopup label="Role" class="selectRole" id="role"/>
</menulist>
</hbox>
<grid width="99%" id="participants" class="egwGridView_grid">
<columns>
<column width="85"/>
<column/>
@ -103,18 +61,7 @@
<column/>
</columns>
<rows>
<row class="th gray" disabled="@view">
<description value="Add new participants or resource" span="all"/>
</row>
<row class="row optional" disabled="@no_add">
<calendar-owner id="participant" allowFreeEntries="true" span="2"/>
<textbox type="integer" align="center" id="quantity" min="1" size="3"/>
<menulist>
<menupopup class="selectRole" id="role"/>
</menulist>
<button align="center" label="Add" id="add" image="add" background_image="1" novalidate="1"/>
</row>
<row class="th gray">
<row class="th">
<description value="Type"/>
<description value="Participants"/>
<description align="center" value="Quantity"/>
@ -238,7 +185,10 @@
<grid width="100%">
<columns>
<column width="88"/>
<column width="80"/>
<column width="130"/>
<column width="88"/>
<column width="130"/>
<column width="130"/>
<column/>
<column width="50"/>
<column width="50"/>
@ -246,31 +196,43 @@
<rows>
<row class="dialogHeader" height="28">
<description value="Title"/>
<textbox id="title" needed="1" size="75" maxlength="255" tabindex="1" class="et2_fullWidth" span="2"/>
<textbox id="title" needed="1" size="75" maxlength="255" tabindex="1" class="et2_fullWidth" span="5"/>
<description font_style="n" id="id"/>
<appicon/>
</row>
<row class="dialogHeader2" height="28">
<description for="start" value="Start" width="88"/>
<date-time id="start" needed="1" class="required"/>
<checkbox statustext="Event will occupy the whole day" label="whole day" id="whole_day" span="all" onchange="app.calendar.set_alarmOptions_WD"/>
</row>
<row class="dialogHeader2" height="28">
<description for="duration" value="Duration" width="0" id="calendar_edit_duration" />
<hbox>
<description for="duration" value="Duration" id="calendar_edit_duration" />
<menulist >
<menupopup statustext="Duration of the meeting" class="et2_fullWidth" id="duration" no_lang="1" onchange="app.calendar.set_enddate_visibility" options="Use end date,,,,,,,false"/>
</menulist>
<date-time id="end"/>
</row>
<row class="dialogHeader2" height="28">
<label value="options"/>
<checkbox statustext="Event will occupy the whole day" label="whole day" id="whole_day" onchange="app.calendar.set_alarmOptions_WD"/>
<checkbox label="Private" id="public" options="0,1"/>
<checkbox statustext="A non blocking event will not conflict with other events" label="non blocking" id="non_blocking" options="1,0, ,disable"/>
<hbox>
<label for="priority" value="Priority"/>
<menulist class="et2_fullWidth">
<menupopup type="select-priority" id="priority"/>
</menulist>
</hbox>
<buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" label="Freetime search" id="freetime" onclick="app.calendar.freetime_search" image="add" background_image="1" span="all"/>
<description/>
</row>
<row class="dialogHeader3" height="28">
<label for="location" value="Location"/>
<textbox id="location" maxlength="255" class="et2_fullWidth" span="2"/>
<description/>
<taglist-cat id="category" height="190" empty_label="Categories" multiple="toggle" class="et2_fullWidth" />
</row>
<row>
<tabbox id="tabs" span="all" tab_height="260">
<tabs>
<tab id="description" label="Description" statustext="Full description"/>
<tab id="participants" label="Participants" statustext="Participants, Resources, ..."/>
<tab id="details" label="Details" statustext="Location, Start- and Endtimes, ..."/>
<tab id="recurrence" label="Recurrence" statustext="Repeating Event Information"/>
<tab id="custom" label="Custom" statustext="Custom fields"/>
<tab id="links" label="Links" statustext="Links, Attachments"/>
@ -279,7 +241,6 @@
<tabpanels>
<template id="calendar.edit.description"/>
<template id="calendar.edit.participants"/>
<template id="calendar.edit.details"/>
<template id="calendar.edit.recurrence"/>
<template id="calendar.edit.custom"/>
<template id="calendar.edit.links"/>
@ -309,6 +270,7 @@
<menupopup statustext="Execute a further action for this entry" id="action" onchange="app.calendar.actions_change" options="Actions..."/>
</menulist>
<checkbox label="Do not notify" id="no_notifications"/>
<buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" label="Freetime search" id="freetime" onclick="app.calendar.freetime_search" image="add" background_image="1" span="all"/>
<button align="right" statustext="Delete this event" label="Delete" id="button[delete]" onclick="app.calendar.delete_btn(widget,$cont[query_delete_exceptions]);" image="delete" background_image="1"/>
<textbox type="hidden" id="delete_exceptions"/>
</hbox>

View File

@ -11,7 +11,7 @@
* @package calendar
* @version $Id$
*/
/* $Id: app.css 55614 2016-04-04 17:55:49Z nathangray $ */
/* $Id: app.css 55640 2016-04-05 21:38:49Z nathangray $ */
/*Media print classes*/
@media print {
#calendar-view.et2_container,
@ -159,16 +159,6 @@
#calendar-view_view td {
padding: 0px;
}
/* Header classes */
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td,
.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
.calendar_inputFullWidth input {
width: 100%;
}
@ -1288,8 +1278,8 @@ img.calendar_print_appicon {
#calendar-edit_account + .chzn-container .chzn-results {
max-height: 195px;
}
#calendar-edit_category {
max-width: 230px;
input#calendar-edit_location {
padding-left: 0;
}
#calendar_sidebox_content .ui-datepicker div.ui-datepicker-buttonpane {
border-top: 0;
@ -1631,24 +1621,6 @@ div.calendar {
background-color: #000;
color: #0f0;
}
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#calendar-edit {
/*###########################################*/
/*###########################################*/

View File

@ -385,32 +385,10 @@ div.calendar { position: relative; }
} // calendar
//###################################################################
//# Bearbeiten Formular
//###################################################################
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#calendar-edit{
label.et2_label{
/*padding: 0 2px;*/

View File

@ -37,7 +37,6 @@ table.egwGridView_grid img {
/*Dialog filemanager*/
#filemanager-select {
.dialogHeader {
.et2_button_icon {
margin: 4px 4px 0 4px;
@ -47,15 +46,12 @@ table.egwGridView_grid img {
height: auto;
width: 24px;
}
.selectPathContainer {
overflow: auto;
width: 470px;
margin-top: 0px;
height: 32px;
input {height: 20px;}
}
}
#filemanager-select_apps {
@ -68,21 +64,15 @@ table.egwGridView_grid img {
}
table#filemanager-select_dir{
.border_normal;
tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;}
}
}
/*// #####################################################*/
/*Dialog filemanager edit POPUP WINDOW*/
div#filemanager-file_tabs {
span.ui-icon-search {
.Complete_Button_Icon_normal;
position: relative;
@ -92,14 +82,10 @@ div#filemanager-file_tabs {
&:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active;}
}
/*eacl*/
#filemanager-file_filemanager-file-eacl {
/*Owner*/
td.filemanager-file_filemanager-file-eaclowner {
span {display: flex; margin-right: 1px;}
span.ui-icon-search {
position: relative;
@ -107,12 +93,8 @@ div#filemanager-file_tabs {
margin-left: -3px;
margin-right: 3px;
}
}
}
/*Abonements*/
td.eaclAccount {width: 200px;}
}
@ -122,7 +104,6 @@ div#filemanager-file_tabs {
div#stylite-filemanager-upload {
margin: 0.5em;
.et2_file{
.dimension_height_m;
input {
@ -132,30 +113,18 @@ div#stylite-filemanager-upload{
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}
div.progress {width: 0px;}
}
// th
.th {background: none;}
// Schliessen / Close
.dialogFooterToolbar {
button {
.Complete_Button_text_icon_before;
&:hover {background-color: @color_cancel_action_hover !important; color: @gray_100; .box_shadow_standard_light_hover;}
&:active {background-color: @color_cancel_action_active !important; color: @gray_100; .box_shadow_standard_light_inset;}
}
}
}
}
}

View File

@ -46,11 +46,7 @@ tr.infolog_rowHasParent > td:first-child {
background-repeat: no-repeat;
background-position: 6px -2px;
}
tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
tr.dialogOperators td,.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
/*Project Name*/
#infolog-edit_infolog-edit-project .et2_link_entry.no_app input.ui-autocomplete-input {
width: 291px;

View File

@ -39,7 +39,7 @@
}
.normal,
.normal_done {
color: #000000;
color: black;
}
.high {
color: #cc0000;
@ -116,15 +116,6 @@ tr.infolog_rowHasParent > td:first-child {
background-repeat: no-repeat;
background-position: 6px -2px;
}
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td,
.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
/*Project Name*/
#infolog-edit_infolog-edit-project .et2_link_entry.no_app input.ui-autocomplete-input {
width: 291px;

View File

@ -462,6 +462,9 @@ div.mail-compose_fileselector {
position: relative;
background-color: white;
}
#mail-index_mailPreview .et2_email > span {
display: inline;
}
.maildisplayAllAdresses {
max-height: 245px !important;
overflow: scroll;

View File

@ -955,6 +955,9 @@
/**
* et2_textbox
*/
textarea.et2_textbox {
border: 1px solid #e6e6e6;
}
textarea,
textarea.description {
background-color: rgba(255, 221, 115, 0.1);
@ -1547,6 +1550,14 @@ div#ui-datepicker-div {
* @package pixelegg
* @version $Id$
*/
.ms-ctn,
.ms-res-ctn {
/* It doesn't really work smaller than this */
border: solid 1px #e6e6e6;
}
.ms-ctn .ms-trigger {
border-left: none;
}
/**
* EGroupware: CSS with less preprocessor
@ -2899,7 +2910,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div#popupMainDiv {
padding: 8px;
background-color: #ffffff;
background-image: url(../images/bgDialog.png);
background-repeat: repeat-x;
}
div#popupMainDiv > * {
@ -2975,30 +2985,10 @@ table.dialog-main-view {
# #
# button | button | button delete #
##############################################*/
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td {
padding: 5px 6px 5px 0;
vertical-align: middle;
}
/*** dialogHeader on a box not table ***/
div.dialogHeader {
/*background-color: @egw_color_2_a !important;*/
vertical-align: middle;
/*font-size: 150%*/
}
.dialogHeader2,
.dialogHeader3,
.dialogHeader4 {
/*font-size: 120%;*/
}
/********** Header Part ********************/
.dialogHeader {
/*.gradient_thead;*/
color: #000000;
height: 50px;
}
.dialogHeader img[src*="navbar"] {
padding: 0 0 0 15px;
@ -3055,7 +3045,6 @@ div.dialogHeader {
tr.dialogHeader2,
tr.dialogHeader3,
tr.dialogHeader4 {
background-color: #f2f2f2 !important;
vertical-align: middle;
}
tr.dialogHeader2 .et2_label,
@ -3063,9 +3052,6 @@ tr.dialogHeader3 .et2_label,
tr.dialogHeader4 .et2_label {
color: #1a1a1a;
vertical-align: middle;
padding: 0px 0px 0px 0px !important;
/*margin-right: 55px;*/
margin: 0px;
font-size: 1em;
}
/************* Tabs *********************************/
@ -3074,7 +3060,7 @@ tr.dialogHeader4 .et2_label {
*/
.et2_tabheader {
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
border-bottom: 3px solid #e6e6e6;
margin: 0;
background-image: none;
background-color: #ffffff;
@ -3082,41 +3068,25 @@ tr.dialogHeader4 .et2_label {
.et2_tabheader :first-child {
margin-left: 0px;
}
.et2_tabflag {
border: none;
}
.et2_tabflag,
.etemplate_tab > div,
.etemplate_tab_active > div {
margin: 1em 3px -1px 0;
padding: 4px;
background-color: #b4b4b4;
background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
min-width: 73px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 3px;
/*.background-clip(padding-box);*/
}
.et2_tabflag:hover,
.etemplate_tab > div:hover,
.etemplate_tab_active > div:hover {
color: #808080;
background-color: #bfbfbf;
}
.et2_tabflag:active,
.etemplate_tab > div:active,
.etemplate_tab_active > div:active {
background-color: #ffffff;
color: #ffffff;
background-color: #ffdd73;
border: none;
}
td.etemplate_tab_active.th {
background-color: transparent;
@ -3126,9 +3096,8 @@ td.etemplate_tab_active.th {
border-spacing: 0px;
background-color: white;
color: #000000;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #505050;
border-bottom: 3px solid #696969;
margin-bottom: -3px;
}
.et2_tabflag.active:hover,
.etemplate_tab_active > div:hover {
@ -3137,15 +3106,10 @@ td.etemplate_tab_active.th {
}
.et2_tabs,
.tab_body {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #b4b4b4;
border: none;
border-bottom: 1px solid #e6e6e6;
padding: 5px;
/*overflow-y: auto;*/
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 11px;
}
.tab_body {
@ -5300,23 +5264,16 @@ button.image_button {
*/
/* TABLE STYLE */
.th {
background-color: #e0e0e0;
border-bottom: 1px solid #e6e6e6;
}
.innerContainer {
overflow: hidden;
/*padding: 0;*/
}
.egwGridView_grid > tbody > tr.th > td {
background-color: #d9d9d9;
border-bottom: 1px solid darkgray;
font-weight: normal;
padding: 0 2px 2px 0;
border-width: 0;
border-style: solid;
border-color: #b4b4b4;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
background-image: none;
background-position: center;
background-repeat: repeat-x;

View File

@ -944,6 +944,9 @@
/**
* et2_textbox
*/
textarea.et2_textbox {
border: 1px solid #e6e6e6;
}
textarea,
textarea.description {
background-color: rgba(255, 221, 115, 0.1);
@ -1536,6 +1539,14 @@ div#ui-datepicker-div {
* @package pixelegg
* @version $Id$
*/
.ms-ctn,
.ms-res-ctn {
/* It doesn't really work smaller than this */
border: solid 1px #e6e6e6;
}
.ms-ctn .ms-trigger {
border-left: none;
}
/**
* EGroupware: CSS with less preprocessor
@ -2888,7 +2899,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div#popupMainDiv {
padding: 8px;
background-color: #ffffff;
background-image: url(../images/bgDialog.png);
background-repeat: repeat-x;
}
div#popupMainDiv > * {
@ -2964,30 +2974,10 @@ table.dialog-main-view {
# #
# button | button | button delete #
##############################################*/
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td {
padding: 5px 6px 5px 0;
vertical-align: middle;
}
/*** dialogHeader on a box not table ***/
div.dialogHeader {
/*background-color: @egw_color_2_a !important;*/
vertical-align: middle;
/*font-size: 150%*/
}
.dialogHeader2,
.dialogHeader3,
.dialogHeader4 {
/*font-size: 120%;*/
}
/********** Header Part ********************/
.dialogHeader {
/*.gradient_thead;*/
color: #000000;
height: 50px;
}
.dialogHeader img[src*="navbar"] {
padding: 0 0 0 15px;
@ -3044,7 +3034,6 @@ div.dialogHeader {
tr.dialogHeader2,
tr.dialogHeader3,
tr.dialogHeader4 {
background-color: #f2f2f2 !important;
vertical-align: middle;
}
tr.dialogHeader2 .et2_label,
@ -3052,9 +3041,6 @@ tr.dialogHeader3 .et2_label,
tr.dialogHeader4 .et2_label {
color: #1a1a1a;
vertical-align: middle;
padding: 0px 0px 0px 0px !important;
/*margin-right: 55px;*/
margin: 0px;
font-size: 1em;
}
/************* Tabs *********************************/
@ -3063,7 +3049,7 @@ tr.dialogHeader4 .et2_label {
*/
.et2_tabheader {
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
border-bottom: 3px solid #e6e6e6;
margin: 0;
background-image: none;
background-color: #ffffff;
@ -3071,41 +3057,25 @@ tr.dialogHeader4 .et2_label {
.et2_tabheader :first-child {
margin-left: 0px;
}
.et2_tabflag {
border: none;
}
.et2_tabflag,
.etemplate_tab > div,
.etemplate_tab_active > div {
margin: 1em 3px -1px 0;
padding: 4px;
background-color: #b4b4b4;
background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
min-width: 73px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 3px;
/*.background-clip(padding-box);*/
}
.et2_tabflag:hover,
.etemplate_tab > div:hover,
.etemplate_tab_active > div:hover {
color: #808080;
background-color: #bfbfbf;
}
.et2_tabflag:active,
.etemplate_tab > div:active,
.etemplate_tab_active > div:active {
background-color: #ffffff;
color: #ffffff;
background-color: #ffdd73;
border: none;
}
td.etemplate_tab_active.th {
background-color: transparent;
@ -3115,9 +3085,8 @@ td.etemplate_tab_active.th {
border-spacing: 0px;
background-color: white;
color: #000000;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #505050;
border-bottom: 3px solid #696969;
margin-bottom: -3px;
}
.et2_tabflag.active:hover,
.etemplate_tab_active > div:hover {
@ -3126,15 +3095,10 @@ td.etemplate_tab_active.th {
}
.et2_tabs,
.tab_body {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #b4b4b4;
border: none;
border-bottom: 1px solid #e6e6e6;
padding: 5px;
/*overflow-y: auto;*/
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 11px;
}
.tab_body {
@ -5289,23 +5253,16 @@ button.image_button {
*/
/* TABLE STYLE */
.th {
background-color: #e0e0e0;
border-bottom: 1px solid #e6e6e6;
}
.innerContainer {
overflow: hidden;
/*padding: 0;*/
}
.egwGridView_grid > tbody > tr.th > td {
background-color: #d9d9d9;
border-bottom: 1px solid darkgray;
font-weight: normal;
padding: 0 2px 2px 0;
border-width: 0;
border-style: solid;
border-color: #b4b4b4;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
background-image: none;
background-position: center;
background-repeat: repeat-x;

View File

@ -916,7 +916,9 @@ div.et2_progress > div {
/**
* et2_textbox
*/
textarea.et2_textbox {
border:1px solid @gray_10;
}
textarea,
textarea.description {
background-color: @color_optional;

View File

@ -29,7 +29,6 @@
div#popupMainDiv {
padding: 8px;
background-color: @gray_0;
background-image: url(../images/bgDialog.png);
background-repeat: repeat-x;
}
@ -148,33 +147,14 @@ table.dialog-main-view {width: 100%;}
# button | button | button delete #
##############################################*/
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td {
padding: 5px 6px 5px 0;
vertical-align: middle;
}
/*** dialogHeader on a box not table ***/
div.dialogHeader {
/*background-color: @egw_color_2_a !important;*/
vertical-align: middle;
/*font-size: 150%*/
}
.dialogHeader2, .dialogHeader3, .dialogHeader4 {
/*font-size: 120%;*/
}
/********** Header Part ********************/
.dialogHeader {
// background-color gradient
/*.gradient_thead;*/
.color_100_gray;
height: 50px;
// APP img
img[src*="navbar"] {
@ -191,10 +171,7 @@ input.et2_radiobox{
table.et2_grid {
border-top: none;
.th {
background-color: @egw_color_2_a !important;
}
.th {background-color: @egw_color_2_a !important;}
tr { height: 30px; }
@ -207,12 +184,9 @@ table.et2_grid {
li {float: left;}
}
}
}
} // et2_grid End
// Inputfield Header
input.et2_textbox { font-size: 1.3em; }
@ -226,16 +200,12 @@ input.et2_textbox { font-size: 1.3em; }
text-align: right;
}
td.space {
span img {
background: @gray_0;
border: 2px solid @gray_0;
/*filter grey*/
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
@ -243,34 +213,20 @@ td.space {
filter: grayscale(100%);
/*filter: url(grayscale.svg); Firefox 4+ */
filter: gray; /* IE 6-9 */
}
}
}
/********** Header Row2 - 4 ********************/
tr.dialogHeader2,
tr.dialogHeader3,
tr.dialogHeader4{
background-color: @gray_5 !important;
vertical-align: middle;
.et2_label {
.color_90_gray;
vertical-align: middle;
padding: 0px 0px 0px 0px !important;
/*margin-right: 55px;*/
margin: 0px;
font-size: 1em;
}
}
/************* Tabs *********************************/
@ -280,7 +236,7 @@ tr.dialogHeader4{
.et2_tabheader {
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
border-bottom: 3px solid @gray_10;
margin: 0;
background-image: none;
background-color: @gray_0;
@ -288,23 +244,18 @@ tr.dialogHeader4{
margin-left: 0px;
}
}
.et2_tabflag {border:none;}
.et2_tabflag, .etemplate_tab > div, .etemplate_tab_active > div {
margin: 1em 3px -1px 0;
padding: 4px;
background-color: @gray_30;
background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
min-width: 73px;
.border_radius(3px, 0px, 0px, 3px);
&:hover {
.color_50_gray;
.background_color_25_gray;
}
&:active{
.background_color_0_gray;
.color_0_gray;
.background_color_egw_lighter;
border:none;
}
}
td.etemplate_tab_active.th {
@ -316,9 +267,8 @@ td.etemplate_tab_active.th {
border-spacing: 0px;
background-color: white;
.color_100_gray;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: @gray_70;
border-bottom: 3px solid @gray_60;
margin-bottom:-3px;
&:hover {
.color_100_gray;
// border: 1px solid gray;
@ -329,13 +279,10 @@ td.etemplate_tab_active.th {
// field for content
.et2_tabs, .tab_body {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: @gray_30;
border:none;
border-bottom:1px solid @gray_10;
padding: 5px;
/*overflow-y: auto;*/
background-color: @gray_0;
.rounded(3px);
margin-bottom: 11px;
}

View File

@ -31,7 +31,7 @@ table.et2_grid {
// Tabellen
.th {
background-color: #e0e0e0;
border-bottom: 1px solid @gray_10;
}
.innerContainer{
@ -42,16 +42,9 @@ table.et2_grid {
.egwGridView_grid > tbody > tr.th > td /*legacy*/
{
.background_color_15_gray;
border-bottom: 1px solid darkgray;
font-weight: normal;
padding: 0 2px 2px 0;
border-width: 0;
border-style: solid;
border-color: @gray_30;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
background-image: none;
background-position: center;
background-repeat: repeat-x;

View File

@ -11,3 +11,11 @@
* @package pixelegg
* @version $Id$
*/
.ms-ctn,
.ms-res-ctn {
/* It doesn't really work smaller than this */
border: solid 1px #e6e6e6;
}
.ms-ctn .ms-trigger {
border-left: none;
}

View File

@ -15,3 +15,9 @@
@import (reference) "definitions.less";
//##############################################################################################################
.ms-ctn,
.ms-res-ctn {
/* It doesn't really work smaller than this */
border: solid 1px #e6e6e6;
}
.ms-ctn .ms-trigger {border-left:none;}

View File

@ -966,6 +966,9 @@
/**
* et2_textbox
*/
textarea.et2_textbox {
border: 1px solid #e6e6e6;
}
textarea,
textarea.description {
background-color: rgba(255, 221, 115, 0.1);
@ -1558,6 +1561,14 @@ div#ui-datepicker-div {
* @package pixelegg
* @version $Id: magicsuggest.less 55035 2016-02-16 21:37:19Z nathangray $
*/
.ms-ctn,
.ms-res-ctn {
/* It doesn't really work smaller than this */
border: solid 1px #e6e6e6;
}
.ms-ctn .ms-trigger {
border-left: none;
}
/**
* EGroupware: CSS with less preprocessor
@ -2910,7 +2921,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
div#popupMainDiv {
padding: 8px;
background-color: #ffffff;
background-image: url(../images/bgDialog.png);
background-repeat: repeat-x;
}
div#popupMainDiv > * {
@ -2986,30 +2996,10 @@ table.dialog-main-view {
# #
# button | button | button delete #
##############################################*/
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td {
padding: 5px 6px 5px 0;
vertical-align: middle;
}
/*** dialogHeader on a box not table ***/
div.dialogHeader {
/*background-color: @egw_color_2_a !important;*/
vertical-align: middle;
/*font-size: 150%*/
}
.dialogHeader2,
.dialogHeader3,
.dialogHeader4 {
/*font-size: 120%;*/
}
/********** Header Part ********************/
.dialogHeader {
/*.gradient_thead;*/
color: #000000;
height: 50px;
}
.dialogHeader img[src*="navbar"] {
padding: 0 0 0 15px;
@ -3066,7 +3056,6 @@ div.dialogHeader {
tr.dialogHeader2,
tr.dialogHeader3,
tr.dialogHeader4 {
background-color: #f2f2f2 !important;
vertical-align: middle;
}
tr.dialogHeader2 .et2_label,
@ -3074,9 +3063,6 @@ tr.dialogHeader3 .et2_label,
tr.dialogHeader4 .et2_label {
color: #1a1a1a;
vertical-align: middle;
padding: 0px 0px 0px 0px !important;
/*margin-right: 55px;*/
margin: 0px;
font-size: 1em;
}
/************* Tabs *********************************/
@ -3085,7 +3071,7 @@ tr.dialogHeader4 .et2_label {
*/
.et2_tabheader {
padding-left: 0em;
border-bottom: 1px solid #bfbfbf;
border-bottom: 3px solid #e6e6e6;
margin: 0;
background-image: none;
background-color: #ffffff;
@ -3093,41 +3079,25 @@ tr.dialogHeader4 .et2_label {
.et2_tabheader :first-child {
margin-left: 0px;
}
.et2_tabflag {
border: none;
}
.et2_tabflag,
.etemplate_tab > div,
.etemplate_tab_active > div {
margin: 1em 3px -1px 0;
padding: 4px;
background-color: #b4b4b4;
background-color: white;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
min-width: 73px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 3px;
/*.background-clip(padding-box);*/
}
.et2_tabflag:hover,
.etemplate_tab > div:hover,
.etemplate_tab_active > div:hover {
color: #808080;
background-color: #bfbfbf;
}
.et2_tabflag:active,
.etemplate_tab > div:active,
.etemplate_tab_active > div:active {
background-color: #ffffff;
color: #ffffff;
background-color: #ffdd73;
border: none;
}
td.etemplate_tab_active.th {
background-color: transparent;
@ -3137,9 +3107,8 @@ td.etemplate_tab_active.th {
border-spacing: 0px;
background-color: white;
color: #000000;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #505050;
border-bottom: 3px solid #696969;
margin-bottom: -3px;
}
.et2_tabflag.active:hover,
.etemplate_tab_active > div:hover {
@ -3148,15 +3117,10 @@ td.etemplate_tab_active.th {
}
.et2_tabs,
.tab_body {
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #b4b4b4;
border: none;
border-bottom: 1px solid #e6e6e6;
padding: 5px;
/*overflow-y: auto;*/
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 11px;
}
.tab_body {
@ -5311,23 +5275,16 @@ button.image_button {
*/
/* TABLE STYLE */
.th {
background-color: #e0e0e0;
border-bottom: 1px solid #e6e6e6;
}
.innerContainer {
overflow: hidden;
/*padding: 0;*/
}
.egwGridView_grid > tbody > tr.th > td {
background-color: #d9d9d9;
border-bottom: 1px solid darkgray;
font-weight: normal;
padding: 0 2px 2px 0;
border-width: 0;
border-style: solid;
border-color: #b4b4b4;
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
background-image: none;
background-position: center;
background-repeat: repeat-x;

View File

@ -4,13 +4,6 @@
* @version: $Id$
*/
/* Header classes*/
tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
tr.dialogOperators td,.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
#resources-edit.et2_container
{
width:848px;

View File

@ -16,12 +16,10 @@
@import (reference) "../../../pixelegg/less/def_mobile.less";
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
//******************************************************************
// sidebar
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 {font-size: 1.15em !important;}
// Dialog Resources bearbeiten und alle weiteren
//
#resources-edit_res_id:before {content:"#"}

View File

@ -4,13 +4,6 @@
* @version: $Id$
*/
/* Header classes*/
tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td,
tr.dialogOperators td,.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
.timesheet_titleSum,.timesheet_titleDetails { font-weight: bold; }
#timesheet-edit.et2_container

View File

@ -16,16 +16,6 @@
*
* @version: $Id$
*/
/* Header classes*/
tr.dialogHeader td,
tr.dialogHeader2 td,
tr.dialogHeader3 td,
tr.dialogHeader4 td,
tr.dialogOperators td,
.dialogFooterToolbar {
padding: 5px 0 5px 0;
vertical-align: middle;
}
.timesheet_titleSum,
.timesheet_titleDetails {
font-weight: bold;