forked from extern/egroupware
Mobile theme W.I.P.:
-Add mobile specific css files
This commit is contained in:
Hadi Nategh
parent
c2622dcd50
commit
feaba0de71
102
addressbook/templates/mobile/app.css
Normal file
102
addressbook/templates/mobile/app.css
Normal file
@ -0,0 +1,102 @@
|
||||
/**
|
||||
*
|
||||
* Addressbook - Mobile
|
||||
*
|
||||
* Please do NOT change app.css directly, instead change app.less and compile it!
|
||||
* Pixleegg Template app.css
|
||||
* @link http://www.egroupware.org
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Hadi Nategh <hn@stylite.de>
|
||||
* @package addressbook
|
||||
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
|
||||
*/
|
||||
@media all {
|
||||
.et2_mobile_view div.et2_hbox.avatar {
|
||||
width: 100px;
|
||||
display: block;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
}
|
||||
.et2_mobile_view div.et2_hbox.avatar img {
|
||||
width: 100px;
|
||||
}
|
||||
.et2_mobile_view .et2_email {
|
||||
color: #26537c;
|
||||
}
|
||||
.et2_mobile_view #addressbook-view_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
font-size: 15pt;
|
||||
}
|
||||
.et2_mobile_view #addressbook-view_n_fn span {
|
||||
font-size: 15pt;
|
||||
}
|
||||
#addressbook-edit div.et2_hbox.avatar {
|
||||
width: 70px;
|
||||
display: block;
|
||||
height: 70px;
|
||||
margin: auto;
|
||||
}
|
||||
#addressbook-edit div.et2_hbox.avatar img {
|
||||
width: 70px;
|
||||
}
|
||||
#addressbook-edit #addressbook-edit_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
font-size: 12pt;
|
||||
}
|
||||
#addressbook-edit #addressbook-edit_adr_one_locality,
|
||||
#addressbook-edit #addressbook-edit_adr_two_locality,
|
||||
#addressbook-edit #addressbook-edit_room {
|
||||
margin-left: 0;
|
||||
}
|
||||
#addressbook-edit a.et2_url.url,
|
||||
#addressbook-edit a.et2_url.phone,
|
||||
#addressbook-edit a.et2_url.email {
|
||||
display: none !important;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line1]'] {
|
||||
font-size: 12pt;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line2]'] {
|
||||
font-size: 12pt;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody .addressbookCol2 .et2_box_widget {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 99%;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='adr_one_locality]'] {
|
||||
font-size: 9pt;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='email]'] {
|
||||
font-size: 9pt;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #26537c;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_cell]'],
|
||||
#addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_work]'] {
|
||||
font-size: 9pt;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
121
addressbook/templates/mobile/app.less
Normal file
121
addressbook/templates/mobile/app.less
Normal file
@ -0,0 +1,121 @@
|
||||
/**
|
||||
*
|
||||
* Addressbook - Mobile
|
||||
*
|
||||
* Please do NOT change app.css directly, instead change app.less and compile it!
|
||||
* Pixleegg Template app.css
|
||||
* @link http://www.egroupware.org
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Hadi Nategh <hn@stylite.de>
|
||||
* @package addressbook
|
||||
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
|
||||
*/
|
||||
|
||||
@import (reference) "../../../pixelegg/less/definitions.less";
|
||||
@import (reference) "../../../pixelegg/less/def_mobile.less";
|
||||
|
||||
@media all{
|
||||
.et2_mobile_view {
|
||||
div.et2_hbox.avatar {
|
||||
width: 100px;
|
||||
display: block;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
|
||||
img {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
.et2_email {
|
||||
color:#26537c;
|
||||
}
|
||||
#addressbook-view_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
span {
|
||||
.mob-fontsize-xl;
|
||||
}
|
||||
.mob-fontsize-xl;
|
||||
}
|
||||
}
|
||||
#addressbook-edit {
|
||||
div.et2_hbox.avatar {
|
||||
width: 70px;
|
||||
display: block;
|
||||
height: 70px;
|
||||
margin: auto;
|
||||
|
||||
img {
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
#addressbook-edit_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
#addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{
|
||||
margin-left:0;
|
||||
}
|
||||
a.et2_url.url, a.et2_url.phone, a.et2_url.email {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#addressbook-index {
|
||||
table.egwGridView_outer tbody {
|
||||
|
||||
span[id^='addressbook-index_'][id$='line1]'] {
|
||||
.mob-fontsize-l;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
span[id^='addressbook-index_'][id$='line2]']{
|
||||
.mob-fontsize-l;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
.addressbookCol2 {
|
||||
.et2_box_widget {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width:99%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
span[id^='addressbook-index_'][id$='adr_one_locality]']
|
||||
{
|
||||
.mob-fontsize-s;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
a[id^='addressbook-index_'][id$='email]']{
|
||||
.mob-fontsize-s;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #26537c;
|
||||
white-space: nowrap;
|
||||
}
|
||||
a[id^='addressbook-index_'][id$='tel_cell]'],
|
||||
a[id^='addressbook-index_'][id$='tel_work]']
|
||||
{
|
||||
.mob-fontsize-s;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -381,94 +381,3 @@ select#addressbook-index_col_filter\[tid\] {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width: 1024px) {
|
||||
.et2_mobile_view div.et2_hbox.avatar {
|
||||
width: 100px;
|
||||
display: block;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
}
|
||||
.et2_mobile_view div.et2_hbox.avatar img {
|
||||
width: 100px;
|
||||
}
|
||||
.et2_mobile_view .et2_email {
|
||||
color: #26537c;
|
||||
}
|
||||
.et2_mobile_view #addressbook-view_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
font-size: 15pt;
|
||||
}
|
||||
.et2_mobile_view #addressbook-view_n_fn span {
|
||||
font-size: 15pt;
|
||||
}
|
||||
#addressbook-edit div.et2_hbox.avatar {
|
||||
width: 70px;
|
||||
display: block;
|
||||
height: 70px;
|
||||
margin: auto;
|
||||
}
|
||||
#addressbook-edit div.et2_hbox.avatar img {
|
||||
width: 70px;
|
||||
}
|
||||
#addressbook-edit #addressbook-edit_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
font-size: 12pt;
|
||||
}
|
||||
#addressbook-edit #addressbook-edit_adr_one_locality,
|
||||
#addressbook-edit #addressbook-edit_adr_two_locality,
|
||||
#addressbook-edit #addressbook-edit_room {
|
||||
margin-left: 0;
|
||||
}
|
||||
#addressbook-edit a.et2_url.url,
|
||||
#addressbook-edit a.et2_url.phone,
|
||||
#addressbook-edit a.et2_url.email {
|
||||
display: none !important;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line1]'] {
|
||||
font-size: 12pt;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line2]'] {
|
||||
font-size: 12pt;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody .addressbookCol2 .et2_box_widget {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 99%;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='adr_one_locality]'] {
|
||||
font-size: 9pt;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='email]'] {
|
||||
font-size: 9pt;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #26537c;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_cell]'],
|
||||
#addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_work]'] {
|
||||
font-size: 9pt;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
@ -270,110 +270,3 @@ div.addressbook_edit_general_picture img {
|
||||
|
||||
} // Ende Media all
|
||||
|
||||
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width:1024px) {
|
||||
.et2_mobile_view {
|
||||
div.et2_hbox.avatar {
|
||||
width: 100px;
|
||||
display: block;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
|
||||
img {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
.et2_email {
|
||||
color:#26537c;
|
||||
}
|
||||
#addressbook-view_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
span {
|
||||
.mob-fontsize-xl;
|
||||
}
|
||||
.mob-fontsize-xl;
|
||||
}
|
||||
}
|
||||
#addressbook-edit {
|
||||
div.et2_hbox.avatar {
|
||||
width: 70px;
|
||||
display: block;
|
||||
height: 70px;
|
||||
margin: auto;
|
||||
|
||||
img {
|
||||
width: 70px;
|
||||
}
|
||||
}
|
||||
#addressbook-edit_n_fn {
|
||||
border: none;
|
||||
text-align: center;
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
#addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{
|
||||
margin-left:0;
|
||||
}
|
||||
a.et2_url.url, a.et2_url.phone, a.et2_url.email {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#addressbook-index {
|
||||
table.egwGridView_outer tbody {
|
||||
|
||||
span[id^='addressbook-index_'][id$='line1]'] {
|
||||
.mob-fontsize-l;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
span[id^='addressbook-index_'][id$='line2]']{
|
||||
.mob-fontsize-l;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
.addressbookCol2 {
|
||||
.et2_box_widget {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width:99%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
span[id^='addressbook-index_'][id$='adr_one_locality]']
|
||||
{
|
||||
.mob-fontsize-s;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
a[id^='addressbook-index_'][id$='email]']{
|
||||
.mob-fontsize-s;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #26537c;
|
||||
white-space: nowrap;
|
||||
}
|
||||
a[id^='addressbook-index_'][id$='tel_cell]'],
|
||||
a[id^='addressbook-index_'][id$='tel_work]']
|
||||
{
|
||||
.mob-fontsize-s;
|
||||
padding-left: 3px;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
104
infolog/templates/mobile/app.css
Normal file
104
infolog/templates/mobile/app.css
Normal file
@ -0,0 +1,104 @@
|
||||
/**
|
||||
*
|
||||
* INFOLOG - Mobile
|
||||
*
|
||||
* Please do NOT change app.css directly, instead change app.less and compile it!
|
||||
* Pixleegg Template app.css
|
||||
* @link http://www.egroupware.org
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Hadi Nategh <hn@stylite.de>
|
||||
* @package infolog
|
||||
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
|
||||
*/
|
||||
@media all {
|
||||
#infolog-index_nm .gridCont_0_div_col_0.innerContainer {
|
||||
min-width: auto;
|
||||
}
|
||||
div.infoDescRow {
|
||||
height: 32px;
|
||||
font-size: 9pt;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-top: 8px;
|
||||
}
|
||||
div.infoLinksRow,
|
||||
div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
|
||||
font-size: 9pt;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_enddate]'] {
|
||||
font-size: 8pt;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_enddate]'] time {
|
||||
float: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_startdate]'] {
|
||||
font-size: 8pt;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_startdate]'] time {
|
||||
float: none;
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='info_responsible]'] {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
max-height: 15px;
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='info_responsible]'] li {
|
||||
font-size: 9pt;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding-right: 8px;
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='filelinks]'] {
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
.infoSubRow span[id^='infolog-index_'][id$='info_subject]'] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_link]'] {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-size: 9pt;
|
||||
font-weight: normal;
|
||||
}
|
||||
infolog_rowHasSubs span.arrow,
|
||||
table.egwGridView_grid span.arrow.closed {
|
||||
display: none !important;
|
||||
}
|
||||
tr.infolog_rowHasParent > td:first-child {
|
||||
background: none !important;
|
||||
}
|
||||
div.et2_vbox.infolog_CompletedClmn {
|
||||
display: table-caption;
|
||||
}
|
||||
select#infolog-edit_pl_id {
|
||||
width: 52%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
/*Disable notification label in view mode*/
|
||||
#infolog-view tr.dialogHeadbar div.et2_hbox {
|
||||
display: none;
|
||||
}
|
||||
.infolog_CompletedClmn .infoPercent {
|
||||
height: 23px;
|
||||
float: right;
|
||||
}
|
||||
.infolog_CompletedClmn .infoType {
|
||||
position: relative;
|
||||
height: 30px;
|
||||
}
|
||||
.infolog_CompletedClmn .infoType img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
119
infolog/templates/mobile/app.less
Normal file
119
infolog/templates/mobile/app.less
Normal file
@ -0,0 +1,119 @@
|
||||
/**
|
||||
*
|
||||
* INFOLOG - Mobile
|
||||
*
|
||||
* Please do NOT change app.css directly, instead change app.less and compile it!
|
||||
* Pixleegg Template app.css
|
||||
* @link http://www.egroupware.org
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Hadi Nategh <hn@stylite.de>
|
||||
* @package infolog
|
||||
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
|
||||
*/
|
||||
|
||||
|
||||
@import (reference) "../../../pixelegg/less/def_buttons.less";
|
||||
@import (reference) "../../../pixelegg/less/def_mobile.less";
|
||||
|
||||
@media all {
|
||||
#infolog-index_nm .gridCont_0_div_col_0.innerContainer {
|
||||
min-width: auto;
|
||||
}
|
||||
div.infoDescRow {
|
||||
height:32px;
|
||||
.mob-fontsize-s;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-top: 8px;
|
||||
}
|
||||
div.infoLinksRow, div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
|
||||
.mob-fontsize-s;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_enddate]'] {
|
||||
.mob-fontsize-xs;
|
||||
|
||||
time {
|
||||
float: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_startdate]']{
|
||||
.mob-fontsize-xs;
|
||||
time {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='info_responsible]'] {
|
||||
overflow:hidden;
|
||||
white-space:nowrap;
|
||||
max-height: 15px;
|
||||
li{
|
||||
.mob-fontsize-s;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='filelinks]']
|
||||
{
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
.infoSubRow {
|
||||
span[id^='infolog-index_'][id$='info_subject]'] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_link]']
|
||||
{
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
.mob-fontsize-s;
|
||||
font-weight: normal;
|
||||
}
|
||||
infolog_rowHasSubs span.arrow,
|
||||
table.egwGridView_grid span.arrow.closed{
|
||||
display: none !important;
|
||||
}
|
||||
tr.infolog_rowHasParent > td:first-child {
|
||||
background: none !important;
|
||||
}
|
||||
div.et2_vbox.infolog_CompletedClmn {
|
||||
display: table-caption;
|
||||
}
|
||||
select#infolog-edit_pl_id {
|
||||
width:52%;
|
||||
margin-left:5px;
|
||||
}
|
||||
/*Disable notification label in view mode*/
|
||||
#infolog-view {
|
||||
tr.dialogHeadbar{
|
||||
div.et2_hbox {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.infolog_CompletedClmn {
|
||||
.infoPercent{
|
||||
height:23px;
|
||||
float:right;
|
||||
}
|
||||
.infoType{
|
||||
position: relative;
|
||||
height: 30px;
|
||||
img{
|
||||
position: absolute;
|
||||
right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
2902
mail/templates/mobile/app.css
Normal file
2902
mail/templates/mobile/app.css
Normal file
File diff suppressed because it is too large
Load Diff
345
mail/templates/mobile/app.less
Normal file
345
mail/templates/mobile/app.less
Normal file
@ -0,0 +1,345 @@
|
||||
/**
|
||||
*
|
||||
* Mail - Mobile
|
||||
*
|
||||
* Please do NOT change app.css directly, instead change app.less and compile it!
|
||||
* Pixleegg Template app.css
|
||||
* @link http://www.egroupware.org
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Hadi Nategh <hn@stylite.de>
|
||||
* @package Mail
|
||||
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
|
||||
*/
|
||||
|
||||
|
||||
|
||||
@import (reference) "../../../pixelegg/less/def_buttons.less";
|
||||
@import (reference) "../../../pixelegg/less/def_mobile.less";
|
||||
@import (less) "../pixelegg/app.css";
|
||||
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width:1024px) {
|
||||
div.mailDisplayContainer{
|
||||
margin-top: 30px;
|
||||
margin-left:0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#mail-display.et2_container {
|
||||
min-height: initial;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mailDisplayHeaders, .mailDisplayAttachments > * {
|
||||
font-size: large !important;
|
||||
}
|
||||
/*compose dialog*/
|
||||
body {
|
||||
#popupMainDiv {
|
||||
padding: 1px 8px 0 8px;
|
||||
background: none;
|
||||
|
||||
div.et2_toolbar.et2_head_toolbar {
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
button {
|
||||
width:46px;
|
||||
height:46px;
|
||||
background-size: 18px 18px;
|
||||
}
|
||||
button.et2_toolbar_hasCaption {
|
||||
width:auto;
|
||||
}
|
||||
div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
div.et2_toolbar_more {
|
||||
|
||||
h.ui-state-hover {
|
||||
background:none;
|
||||
}
|
||||
h.ui-toolbar-menulistHeader {
|
||||
color:transparent;
|
||||
border: none;
|
||||
height: 46px;
|
||||
width: 35px;
|
||||
padding: 0 !important;
|
||||
margin-right: 15px;
|
||||
margin-top: -7px;
|
||||
&:hover {
|
||||
|
||||
}
|
||||
&:after {
|
||||
font-size:18pt;
|
||||
content:"\205D";
|
||||
font-weight: bold;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#mail-compose_composeToolbar{
|
||||
// Senden Button
|
||||
button#composeToolbar-send{
|
||||
height: 46px;
|
||||
width: auto;
|
||||
margin-top: 0.7px !important;
|
||||
padding: 0 3px 0 0;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
padding-left: 20px;
|
||||
background-image: url(images/mail_send.png);
|
||||
background-position: left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
background-color: #fafafa;
|
||||
color: black;
|
||||
&:hover {box-shadow: none; background-color:none;}
|
||||
&:disabled {background-color: none;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#mail-display{
|
||||
.mail-d-h1{
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid silver;
|
||||
span {
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
.mob-fontsize-l;
|
||||
padding-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mail-d-h2{
|
||||
padding-top: 5px;
|
||||
.mob-fontsize-n;
|
||||
color: grey;
|
||||
a,span,.et2_label {
|
||||
color: grey;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
a#mail-display_FROM>* {
|
||||
color:black;
|
||||
padding-top: 15px;
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
|
||||
}
|
||||
.et2_details {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
.et2_details.et2_details_expanded {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
span.et2_details_title {
|
||||
color:#26537c;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
div#mail-display_mailDisplayHeadersFrom>*, {
|
||||
color:black;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.mailDisplayAttachments {
|
||||
position: initial;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
button[id="displayToolbar-delete"] {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.mailDisplay {
|
||||
position: initial;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#mail-display_mailDisplayBodySrc {
|
||||
display: none;
|
||||
}
|
||||
#tempPrintDiv {
|
||||
|
||||
div:first-child {
|
||||
height:auto !important;
|
||||
}
|
||||
td, textarea {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
|
||||
}
|
||||
.td_display {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 120%;
|
||||
color: black;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.dtree {
|
||||
div.containerTableStyle {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
#mail-compose {
|
||||
.cke_chrome {
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
}
|
||||
span#cke_1_top {
|
||||
display: none;
|
||||
}
|
||||
.mailComposeHeaderSection > table {
|
||||
padding: 0;
|
||||
tr.mailComposeHeaders.subjectContainer td:first-child::after {
|
||||
content: '';
|
||||
}
|
||||
tr.mailComposeHeaders {
|
||||
span {
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
border-bottom: 1px solid silver;
|
||||
.subjectContainer:first-child::after{
|
||||
content: ':';
|
||||
}
|
||||
&:first-child {
|
||||
border-top: 1px solid silver;
|
||||
}
|
||||
span#mail-compose_cc_expander, span#mail-compose_cc_expander,
|
||||
span#mail-compose_bcc_expander, span#mail-compose_bcc_expander,
|
||||
span#mail-compose_folder_expander, span#mail-compose_folder_expander,
|
||||
span#mail-compose_replyto_expander, span#mail-compose_replyto_expander
|
||||
{
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #26537c;
|
||||
text-decoration: underline;
|
||||
.mob-fontsize-n;
|
||||
width: 65px;
|
||||
height:25px;
|
||||
}
|
||||
}
|
||||
div.et2_taglist > *, #mail-compose_subject, #mail-compose_mailaccount {
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
#mail-compose_subject:focus {
|
||||
outline-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mail-index {
|
||||
table.egwGridView_outer tbody {
|
||||
span.et2_date_ro.et2_label {
|
||||
font-size: 9px;
|
||||
}
|
||||
td {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
a[id^='mail-index_'][id$='fromaddress]']{
|
||||
color:@gray_80;
|
||||
.mob-fontsize-l;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
}
|
||||
span[id^='mail-index_'][id$='attachments]'] {
|
||||
float: right;
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
span[id^='mail-index_'][id$='subject]'] {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
.mob-fontsize-n;
|
||||
color: @gray_50 !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
label[id^='mail-index_'][id$='date]']{
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
height:55px;
|
||||
div.recent ,
|
||||
span.recent ,
|
||||
time.recent ,
|
||||
a.recent,
|
||||
div.unseen ,
|
||||
span.unseen ,
|
||||
time.unseen ,
|
||||
a.unseen {
|
||||
color: black !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.mail.mobile_cat_col {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
span.mail.labelone.mobile_cat_col {
|
||||
background: #ff0080;
|
||||
}
|
||||
span.mail.labeltwo.mobile_cat_col{
|
||||
background: #ff8000;
|
||||
}
|
||||
span.mail.labelthree.mobile_cat_col {
|
||||
background: #008000;
|
||||
}
|
||||
span.mail.labelfour.mobile_cat_col {
|
||||
background: #0000ff;
|
||||
}
|
||||
span.mail.labelfive.mobile_cat_col {
|
||||
background: #8000ff;
|
||||
}
|
||||
|
||||
span.mail.flagged.mobile_cat_col {
|
||||
background: #ff0000;
|
||||
}
|
||||
|
||||
span.mail.prio_high.mobile_cat_col {
|
||||
background: #ac0000;
|
||||
}
|
||||
|
||||
span.mail.deleted.mobile_cat_col {
|
||||
background: silver;
|
||||
text-decoration : line-through;
|
||||
}
|
||||
span.status_img {
|
||||
padding:0 2px 2px 0;
|
||||
}
|
||||
span.deleted.status_img {
|
||||
background-image: url(images/kmmsgdel.png);
|
||||
}
|
||||
span.unseen.status_img {
|
||||
background-image: url(images/kmmsgunseen.png);
|
||||
}
|
||||
span.flagged_seen.status_img {
|
||||
background-image: url(images/read_flagged_small.png);
|
||||
}
|
||||
span.flagged_unseen.status_img {
|
||||
background-image: url(images/unread_flagged_small.png);
|
||||
}
|
||||
span.recent.status_img {
|
||||
background-image: url(images/kmmsgnew.png);
|
||||
}
|
||||
span.replied.status_img {
|
||||
background-image: url(images/kmmsgreplied.png);
|
||||
}
|
||||
span.forwarded.status_img {
|
||||
background-image: url(images/kmmsgforwarded.png);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2586,305 +2586,3 @@ div.mailComposeHeaderSection > table {
|
||||
-o-transition: all 0.1s ease-out;
|
||||
transition: all 0.1s ease-out;
|
||||
}
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width: 1024px) {
|
||||
div.mailDisplayContainer {
|
||||
margin-top: 30px;
|
||||
margin-left: 0;
|
||||
height: auto;
|
||||
}
|
||||
#mail-display.et2_container {
|
||||
min-height: initial;
|
||||
padding: 0;
|
||||
}
|
||||
.mailDisplayHeaders,
|
||||
.mailDisplayAttachments > * {
|
||||
font-size: large !important;
|
||||
}
|
||||
/*compose dialog*/
|
||||
body #popupMainDiv {
|
||||
padding: 1px 8px 0 8px;
|
||||
background: none;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar {
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar button {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
background-size: 18px 18px;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption {
|
||||
width: auto;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-state-hover {
|
||||
background: none;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader {
|
||||
color: transparent;
|
||||
border: none;
|
||||
height: 46px;
|
||||
width: 35px;
|
||||
padding: 0 !important;
|
||||
margin-right: 15px;
|
||||
margin-top: -7px;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader:after {
|
||||
font-size: 18pt;
|
||||
content: "\205D";
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more span {
|
||||
display: none;
|
||||
}
|
||||
body #popupMainDiv #mail-compose_composeToolbar button#composeToolbar-send {
|
||||
height: 46px;
|
||||
width: auto;
|
||||
margin-top: 0.7px !important;
|
||||
padding: 0 3px 0 0;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
padding-left: 20px;
|
||||
background-image: url(images/mail_send.png);
|
||||
background-position: left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
background-color: #fafafa;
|
||||
color: black;
|
||||
}
|
||||
body #popupMainDiv #mail-compose_composeToolbar button#composeToolbar-send:hover {
|
||||
box-shadow: none;
|
||||
background-color: none;
|
||||
}
|
||||
body #popupMainDiv #mail-compose_composeToolbar button#composeToolbar-send:disabled {
|
||||
background-color: none;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mail-d-h1 {
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid silver;
|
||||
font-size: 12pt;
|
||||
padding-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mail-d-h1 span {
|
||||
font-size: 12pt;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mail-d-h2 {
|
||||
padding-top: 5px;
|
||||
font-size: 10pt;
|
||||
color: grey;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mail-d-h2 a,
|
||||
body #popupMainDiv #mail-display .mail-d-h2 span,
|
||||
body #popupMainDiv #mail-display .mail-d-h2 .et2_label {
|
||||
color: grey;
|
||||
font-size: 10pt;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mail-d-h2 a#mail-display_FROM > * {
|
||||
color: black;
|
||||
padding-top: 15px;
|
||||
font-size: 12pt;
|
||||
}
|
||||
body #popupMainDiv #mail-display .et2_details {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
body #popupMainDiv #mail-display .et2_details.et2_details_expanded {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
body #popupMainDiv #mail-display span.et2_details_title {
|
||||
color: #26537c;
|
||||
font-size: 10pt;
|
||||
}
|
||||
body #popupMainDiv #mail-display div#mail-display_mailDisplayHeadersFrom > * {
|
||||
color: black;
|
||||
padding-top: 15px;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mailDisplayAttachments {
|
||||
position: initial;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
body #popupMainDiv #mail-display button[id="displayToolbar-delete"] {
|
||||
margin-left: 0;
|
||||
}
|
||||
body #popupMainDiv #mail-display .mailDisplay {
|
||||
position: initial;
|
||||
margin-top: 20px;
|
||||
}
|
||||
body #popupMainDiv #mail-display #mail-display_mailDisplayBodySrc {
|
||||
display: none;
|
||||
}
|
||||
body #popupMainDiv #mail-display #tempPrintDiv div:first-child {
|
||||
height: auto !important;
|
||||
}
|
||||
body #popupMainDiv #mail-display #tempPrintDiv td,
|
||||
body #popupMainDiv #mail-display #tempPrintDiv textarea {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
body #popupMainDiv #mail-display #tempPrintDiv .td_display {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 120%;
|
||||
color: black;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
body .dtree div.containerTableStyle {
|
||||
overflow: hidden;
|
||||
}
|
||||
body #mail-compose .cke_chrome {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
body #mail-compose span#cke_1_top {
|
||||
display: none;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table {
|
||||
padding: 0;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders.subjectContainer td:first-child::after {
|
||||
content: '';
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders {
|
||||
border-bottom: 1px solid silver;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span {
|
||||
font-size: 10pt;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders .subjectContainer:first-child::after {
|
||||
content: ':';
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders:first-child {
|
||||
border-top: 1px solid silver;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_cc_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_cc_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_bcc_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_bcc_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_folder_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_folder_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_replyto_expander,
|
||||
body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_replyto_expander {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #26537c;
|
||||
text-decoration: underline;
|
||||
font-size: 10pt;
|
||||
width: 65px;
|
||||
height: 25px;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table div.et2_taglist > *,
|
||||
body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject,
|
||||
body #mail-compose .mailComposeHeaderSection > table #mail-compose_mailaccount {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 10pt;
|
||||
}
|
||||
body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject:focus {
|
||||
outline-color: transparent;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody span.et2_date_ro.et2_label {
|
||||
font-size: 9px;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td a[id^='mail-index_'][id$='fromaddress]'] {
|
||||
color: #373737;
|
||||
font-size: 12pt;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td span[id^='mail-index_'][id$='attachments]'] {
|
||||
float: right;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td span[id^='mail-index_'][id$='attachments]'] img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td span[id^='mail-index_'][id$='subject]'] {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
font-size: 10pt;
|
||||
color: #828282 !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody td label[id^='mail-index_'][id$='date]'] {
|
||||
padding-top: 0;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr {
|
||||
height: 55px;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr div.recent,
|
||||
#mail-index table.egwGridView_outer tbody tr span.recent,
|
||||
#mail-index table.egwGridView_outer tbody tr time.recent,
|
||||
#mail-index table.egwGridView_outer tbody tr a.recent,
|
||||
#mail-index table.egwGridView_outer tbody tr div.unseen,
|
||||
#mail-index table.egwGridView_outer tbody tr span.unseen,
|
||||
#mail-index table.egwGridView_outer tbody tr time.unseen,
|
||||
#mail-index table.egwGridView_outer tbody tr a.unseen {
|
||||
color: black !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.mobile_cat_col {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.labelone.mobile_cat_col {
|
||||
background: #ff0080;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.labeltwo.mobile_cat_col {
|
||||
background: #ff8000;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.labelthree.mobile_cat_col {
|
||||
background: #008000;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.labelfour.mobile_cat_col {
|
||||
background: #0000ff;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.labelfive.mobile_cat_col {
|
||||
background: #8000ff;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.flagged.mobile_cat_col {
|
||||
background: #ff0000;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.prio_high.mobile_cat_col {
|
||||
background: #ac0000;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.mail.deleted.mobile_cat_col {
|
||||
background: silver;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.status_img {
|
||||
padding: 0 2px 2px 0;
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.deleted.status_img {
|
||||
background-image: url(images/kmmsgdel.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.unseen.status_img {
|
||||
background-image: url(images/kmmsgunseen.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.flagged_seen.status_img {
|
||||
background-image: url(images/read_flagged_small.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.flagged_unseen.status_img {
|
||||
background-image: url(images/unread_flagged_small.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.recent.status_img {
|
||||
background-image: url(images/kmmsgnew.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.replied.status_img {
|
||||
background-image: url(images/kmmsgreplied.png);
|
||||
}
|
||||
#mail-index table.egwGridView_outer tbody tr span.forwarded.status_img {
|
||||
background-image: url(images/kmmsgforwarded.png);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1733,329 +1733,3 @@ div.mailComposeHeaderSection > table {
|
||||
transition: all 0.1s ease-out;
|
||||
}
|
||||
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width:1024px) {
|
||||
div.mailDisplayContainer{
|
||||
margin-top: 30px;
|
||||
margin-left:0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#mail-display.et2_container {
|
||||
min-height: initial;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mailDisplayHeaders, .mailDisplayAttachments > * {
|
||||
font-size: large !important;
|
||||
}
|
||||
/*compose dialog*/
|
||||
body {
|
||||
#popupMainDiv {
|
||||
padding: 1px 8px 0 8px;
|
||||
background: none;
|
||||
|
||||
div.et2_toolbar.et2_head_toolbar {
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
button {
|
||||
width:46px;
|
||||
height:46px;
|
||||
background-size: 18px 18px;
|
||||
}
|
||||
button.et2_toolbar_hasCaption {
|
||||
width:auto;
|
||||
}
|
||||
div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
div.et2_toolbar_more {
|
||||
|
||||
h.ui-state-hover {
|
||||
background:none;
|
||||
}
|
||||
h.ui-toolbar-menulistHeader {
|
||||
color:transparent;
|
||||
border: none;
|
||||
height: 46px;
|
||||
width: 35px;
|
||||
padding: 0 !important;
|
||||
margin-right: 15px;
|
||||
margin-top: -7px;
|
||||
&:hover {
|
||||
|
||||
}
|
||||
&:after {
|
||||
font-size:18pt;
|
||||
content:"\205D";
|
||||
font-weight: bold;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#mail-compose_composeToolbar{
|
||||
// Senden Button
|
||||
button#composeToolbar-send{
|
||||
height: 46px;
|
||||
width: auto;
|
||||
margin-top: 0.7px !important;
|
||||
padding: 0 3px 0 0;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
padding-left: 20px;
|
||||
background-image: url(images/mail_send.png);
|
||||
background-position: left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
background-color: #fafafa;
|
||||
color: black;
|
||||
&:hover {box-shadow: none; background-color:none;}
|
||||
&:disabled {background-color: none;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#mail-display{
|
||||
.mail-d-h1{
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid silver;
|
||||
span {
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
.mob-fontsize-l;
|
||||
padding-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mail-d-h2{
|
||||
padding-top: 5px;
|
||||
.mob-fontsize-n;
|
||||
color: grey;
|
||||
a,span,.et2_label {
|
||||
color: grey;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
a#mail-display_FROM>* {
|
||||
color:black;
|
||||
padding-top: 15px;
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
|
||||
}
|
||||
.et2_details {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
.et2_details.et2_details_expanded {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
span.et2_details_title {
|
||||
color:#26537c;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
div#mail-display_mailDisplayHeadersFrom>*, {
|
||||
color:black;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.mailDisplayAttachments {
|
||||
position: initial;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
button[id="displayToolbar-delete"] {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.mailDisplay {
|
||||
position: initial;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#mail-display_mailDisplayBodySrc {
|
||||
display: none;
|
||||
}
|
||||
#tempPrintDiv {
|
||||
|
||||
div:first-child {
|
||||
height:auto !important;
|
||||
}
|
||||
td, textarea {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
|
||||
}
|
||||
.td_display {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 120%;
|
||||
color: black;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.dtree {
|
||||
div.containerTableStyle {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
#mail-compose {
|
||||
.cke_chrome {
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
}
|
||||
span#cke_1_top {
|
||||
display: none;
|
||||
}
|
||||
.mailComposeHeaderSection > table {
|
||||
padding: 0;
|
||||
tr.mailComposeHeaders.subjectContainer td:first-child::after {
|
||||
content: '';
|
||||
}
|
||||
tr.mailComposeHeaders {
|
||||
span {
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
border-bottom: 1px solid silver;
|
||||
.subjectContainer:first-child::after{
|
||||
content: ':';
|
||||
}
|
||||
&:first-child {
|
||||
border-top: 1px solid silver;
|
||||
}
|
||||
span#mail-compose_cc_expander, span#mail-compose_cc_expander,
|
||||
span#mail-compose_bcc_expander, span#mail-compose_bcc_expander,
|
||||
span#mail-compose_folder_expander, span#mail-compose_folder_expander,
|
||||
span#mail-compose_replyto_expander, span#mail-compose_replyto_expander
|
||||
{
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #26537c;
|
||||
text-decoration: underline;
|
||||
.mob-fontsize-n;
|
||||
width: 65px;
|
||||
height:25px;
|
||||
}
|
||||
}
|
||||
div.et2_taglist > *, #mail-compose_subject, #mail-compose_mailaccount {
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
#mail-compose_subject:focus {
|
||||
outline-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mail-index {
|
||||
table.egwGridView_outer tbody {
|
||||
span.et2_date_ro.et2_label {
|
||||
font-size: 9px;
|
||||
}
|
||||
td {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
a[id^='mail-index_'][id$='fromaddress]']{
|
||||
color:@gray_80;
|
||||
.mob-fontsize-l;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
}
|
||||
span[id^='mail-index_'][id$='attachments]'] {
|
||||
float: right;
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
span[id^='mail-index_'][id$='subject]'] {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 98%;
|
||||
.mob-fontsize-n;
|
||||
color: @gray_50 !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
label[id^='mail-index_'][id$='date]']{
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
height:55px;
|
||||
div.recent ,
|
||||
span.recent ,
|
||||
time.recent ,
|
||||
a.recent,
|
||||
div.unseen ,
|
||||
span.unseen ,
|
||||
time.unseen ,
|
||||
a.unseen {
|
||||
color: black !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
span.mail.mobile_cat_col {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
span.mail.labelone.mobile_cat_col {
|
||||
background: #ff0080;
|
||||
}
|
||||
span.mail.labeltwo.mobile_cat_col{
|
||||
background: #ff8000;
|
||||
}
|
||||
span.mail.labelthree.mobile_cat_col {
|
||||
background: #008000;
|
||||
}
|
||||
span.mail.labelfour.mobile_cat_col {
|
||||
background: #0000ff;
|
||||
}
|
||||
span.mail.labelfive.mobile_cat_col {
|
||||
background: #8000ff;
|
||||
}
|
||||
|
||||
span.mail.flagged.mobile_cat_col {
|
||||
background: #ff0000;
|
||||
}
|
||||
|
||||
span.mail.prio_high.mobile_cat_col {
|
||||
background: #ac0000;
|
||||
}
|
||||
|
||||
span.mail.deleted.mobile_cat_col {
|
||||
background: silver;
|
||||
text-decoration : line-through;
|
||||
}
|
||||
span.status_img {
|
||||
padding:0 2px 2px 0;
|
||||
}
|
||||
span.deleted.status_img {
|
||||
background-image: url(images/kmmsgdel.png);
|
||||
}
|
||||
span.unseen.status_img {
|
||||
background-image: url(images/kmmsgunseen.png);
|
||||
}
|
||||
span.flagged_seen.status_img {
|
||||
background-image: url(images/read_flagged_small.png);
|
||||
}
|
||||
span.flagged_unseen.status_img {
|
||||
background-image: url(images/unread_flagged_small.png);
|
||||
}
|
||||
span.recent.status_img {
|
||||
background-image: url(images/kmmsgnew.png);
|
||||
}
|
||||
span.replied.status_img {
|
||||
background-image: url(images/kmmsgreplied.png);
|
||||
}
|
||||
span.forwarded.status_img {
|
||||
background-image: url(images/kmmsgforwarded.png);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user