/** * EGroupware: CSS with less preprocessor * * Please do NOT change app.css directly, instead change app.less and compile it! * * TIMESHEET * * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Stefan Reinhard <stefan.reinhard@pixelegg.de> * @package timesheet * @version $Id$ */ /** * Styles for etemplate2 widgets * * @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; } /* add # sign behind the ts_id */ #timesheet-edit_ts_id:before { content: "#"; } /* make the modifier inline*/ .timesheet_modifier label { display: inline-block; float: right; } .timesheet_modifier ul { display: inline-block; float: left; } #timesheet-index { /*Details Bold*/ } #timesheet-index div.et2_dropdown { top: 0px; } #timesheet-index .nextmatch_header div.ui-helper-clearfix, #timesheet-index .nextmatch_header div.ui-helper-reset { height: 0px; } #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right, #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right { padding: 0 0em; margin-right: 0em; } #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget, #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget { color: #FFF; text-shadow: none; height: 24px; /* height: auto;*/ background-image: none; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); height: 35px; } #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before, #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before { content: "+"; font-size: 1.5em; color: #ffc200; line-height: 1.1em; } #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget .infolog_headertext, #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget .infolog_headertext { color: #FFF !important; } #timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover, #timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add { width: 32px; /*border: 1px solid #0C5DA5;*/ margin: 6px 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); padding: -0.5em; background-color: #e6e6e6 !important; background-size: 16px 16px; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; height: 24px; } #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:before { content: ""; font-size: 2em; color: #0c5da5; line-height: 0.6em; padding-left: 0.1em; padding-right: 100em; } #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:active { background-color: #1aa200; } #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:hover { background-color: #189800 !important; color: #ffc200; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-border-radius: 3px; -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; } #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button#timesheet-index_add:active { background-color: #1aa200 !important; } #timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img { height: 16px; width: 16px; } #timesheet-index .nextmatch_header span.header_count { margin: 3px 4px 0 6px; } #timesheet-index div#timesheet-index_favorite_wrapper { top: -5px; right: 6px; } #timesheet-index table.egwGridView_outer tbody td .et2_link { font-weight: bold; } #timesheet-index span.timesheet_titleDetails { font-weight: bold; } /*########################################### # # # dialogHeader # ############################################# # # # # # # # # # # # dialog # # # # # ############################################# # # # buttons # # # # # ##############################################*/ #timesheet-edit #timesheet-edit_tabs { padding: 0 3px; } #timesheet-edit #timesheet-edit_tabs .et2_tabheader { background: none; } #timesheet-edit #timesheet-edit_ts_id:before { content: "#"; } #timesheet-edit_pm_id input { width: 99% !important; } /* tablets and smartphones */ @media only screen and (max-device-width: 1024px) { #timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_start]'] > time { font-weight: bold; float: left; } #timesheet-index table.egwGridView_outer tbody ul[id^='timesheet-index'][id$='ts_owner]'] > li { overflow: hidden; width: 90px; white-space: nowrap; text-overflow: ellipsis; font-size: 8pt; } #timesheet-index table.egwGridView_outer tbody tr.timesheetRow td { position: relative; } #timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='cat_id]'] { position: absolute; bottom: 5px; font-size: 8pt; } #timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_description]'] { height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #timesheet-index table.egwGridView_outer tbody div.timesheet3Col { font-size: 8pt; } #timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_duration]'] { font-weight: bold; } #timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link { font-weight: normal; } }