egroupware_official/timesheet/templates/pixelegg/app.css
Hadi Nategh 163e1fdcc2 Mobile theme W.I.P.:
- Implement template and styling for timesheet's listview
2015-12-07 18:41:19 +00:00

223 lines
7.1 KiB
CSS
Executable File

/**
* 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;
}
}