R55054 - in /trunk: addressbook/templates/mobile/ addressbook/templates/pixelegg/ infolog/templates/mobile/ mail/templates/m

hnategh-2 2016-02-17 17:43:41 UTC #1

Author: hnategh
New Revision: 55054

URL: http://svn.stylite.de/viewvc/egroupware?rev=55054&view=rev
Log:
Mobile theme W.I.P.:
-Add mobile specific css files

Added:
trunk/addressbook/templates/mobile/app.css
trunk/addressbook/templates/mobile/app.less
trunk/infolog/templates/mobile/app.css
trunk/infolog/templates/mobile/app.less
trunk/mail/templates/mobile/app.css
trunk/mail/templates/mobile/app.less
Modified:
trunk/addressbook/templates/pixelegg/app.css
trunk/addressbook/templates/pixelegg/app.less
trunk/mail/templates/pixelegg/app.css
trunk/mail/templates/pixelegg/app.less

Added: trunk/addressbook/templates/mobile/app.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/addressbook/templates/mobile/app.css?rev=55054&view=auto

— trunk/addressbook/templates/mobile/app.css (added)
+++ trunk/addressbook/templates/mobile/app.css Wed Feb 17 18:43:41 2016
@@ -1,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;
}
+}

Added: trunk/addressbook/templates/mobile/app.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/addressbook/templates/mobile/app.less?rev=55054&view=auto

— trunk/addressbook/templates/mobile/app.less (added)
+++ trunk/addressbook/templates/mobile/app.less Wed Feb 17 18:43:41 2016
@@ -1,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;
```
```
  	}
```
```
  }
```
}
+}

Modified: trunk/addressbook/templates/pixelegg/app.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/addressbook/templates/pixelegg/app.css?rev=55054&r1=55053&r2=55054&view=diff

— trunk/addressbook/templates/pixelegg/app.css (original)
+++ trunk/addressbook/templates/pixelegg/app.css Wed Feb 17 18:43:41 2016
@@ -381,94 +381,3 @@
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;
}
-}

Modified: trunk/addressbook/templates/pixelegg/app.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/addressbook/templates/pixelegg/app.less?rev=55054&r1=55053&r2=55054&view=diff

— trunk/addressbook/templates/pixelegg/app.less (original)
+++ trunk/addressbook/templates/pixelegg/app.less Wed Feb 17 18:43:41 2016
@@ -270,110 +270,3 @@

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

Added: trunk/infolog/templates/mobile/app.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/infolog/templates/mobile/app.css?rev=55054&view=auto

— trunk/infolog/templates/mobile/app.css (added)
+++ trunk/infolog/templates/mobile/app.css Wed Feb 17 18:43:41 2016
@@ -1,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;
}
+}

Added: trunk/infolog/templates/mobile/app.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/infolog/templates/mobile/app.less?rev=55054&view=auto

— trunk/infolog/templates/mobile/app.less (added)
+++ trunk/infolog/templates/mobile/app.less Wed Feb 17 18:43:41 2016
@@ -1,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;
```
```
  	}
```
```
  }
```
}
+}

Added: trunk/mail/templates/mobile/app.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/mail/templates/mobile/app.css?rev=55054&view=auto

— trunk/mail/templates/mobile/app.css (added)
+++ trunk/mail/templates/mobile/app.css Wed Feb 17 18:43:41 2016
@@ -1,0 +1,2902 @@
+/**

- 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 $
/
+/*
- EGroupware: CSS with less preprocessor
- Mail
- Please do NOT change app.css directly, instead change app.less and compile it!
- @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 mail
- @version $Id$
*/
+textarea {
font-family: monospace, sans-serif;
font-size: 110%;
+}
+.defaultProfile {
color: #000000;
font-weight: bold !important;
+}
+.quoted1 {
color: #660066;
+}
+.quoted2 {
color: #007777;
+}
+.quoted3 {
color: #990000;
+}
+.quoted4 {
color: #000099;
+}
+.quoted5 {
color: #bb6600;
+}
+tr.mail div {
cursor: default;
white-space: nowrap;
+}
+tr.mail a {
cursor: pointer;
white-space: nowrap;
+}
+tr.recent div,
+tr.recent span,
+tr.recent time,
+tr.recent a,
+tr.unseen div,
+tr.unseen span,
+tr.unseen time,
+tr.unseen a {
color: #003075;
font-weight: bold;
+}
+tr.labelone div,
+tr.labelone span,
+tr.labelone time,
+tr.labelone a {
color: #ff0080 !important;
+}
+tr.labeltwo div,
+tr.labeltwo span,
+tr.labeltwo time,
+tr.labeltwo a {
color: #ff8000 !important;
+}
+tr.labelthree div,
+tr.labelthree span,
+tr.labelthree time,
+tr.labelthree a {
color: #008000 !important;
+}
+tr.labelfour div,
+tr.labelfour span,
+tr.labelfour time,
+tr.labelfour a {
color: #0000ff !important;
+}
+tr.labelfive div,
+tr.labelfive span,
+tr.labelfive time,
+tr.labelfive a {
color: #8000ff !important;
+}
+tr.flagged div,
+tr.flagged span,
+tr.flagged time,
+tr.flagged a {
color: #ff0000 !important;
+}
+tr.prio_high div,
+tr.prio_high span,
+tr.prio_high time,
+tr.prio_high a {
color: #ac0000 !important;
+}
+tr.deleted div,
+tr.deleted span,
+tr.deleted time,
+tr.deleted a {
color: silver;
text-decoration: line-through;
+}
+span.status_img {
display: inline-block;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(images/kmmsgread.png);
+}
+tr.deleted span.status_img {
background-image: url(images/kmmsgdel.png);
+}
+tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png);
+}
+tr.flagged_seen span.status_img {
background-image: url(images/read_flagged_small.png) !important;
+}
+tr.flagged_unseen span.status_img {
background-image: url(images/unread_flagged_small.png) !important;
+}
+tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important;
+}
+tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important;
+}
+tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important;
+}
+.subjectBold {
font-size: 12px;
font-weight: bold;
font-family: Arial;
+}
+.subject {
font-size: 12px;
font-family: Arial;
+}
+TR.sieveRowActive {
font-size: 11px;
height: 20px;
padding: 0;
background: White;
+}
+A.sieveRowActive {
font-size: 11px;
height: 14px;
padding: 0;
+}
+TR.sieveRowInActive {
font-size: 11px;
height: 20px;
padding: 0;
background: White;
color: Silver;
+}
+A.sieveRowInActive {
font-size: 11px;
height: 14px;
padding: 0;
color: Silver;
+}
+.bodyDIV {
position: absolute;
background-color: white;
top: 134px;
bottom: 0px;
width: 100%;
border-top: 1px solid #efefdf;
+}
+.bodyDIVAttachment {
bottom: 80px;
+}
+table tr.attachmentRow > td {
padding: 0 !important;
+}
+table tr.attachmentRow > td > img {
background: transparent;
padding-left: 5px;
cursor: pointer;
+}
+#mail-compose_attachments.egwGridView_grid {
display: table !important;
+}
+#attachmentSpanAllDIV {
background-color: #efefdf;
height: 260px;
overflow: auto;
+}
+#attachmentDIV {
position: fixed;
background-color: #efefdf;
bottom: 0px;
min-height: 80px;
max-height: 239px;
width: 100%;
border-top: 1px solid silver;
overflow: auto;
+}
+#popupattachmentDIV {
position: top;
background-color: #efefdf;
bottom: 0px;
min-height: 80px;
max-height: 239px;
width: 100%;
border-top: 1px solid silver;
overflow: auto;
+}
+pre {
white-space: pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
width: 99%;
+}
+/*
avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
+*/
+.divSidebox {
overflow: hidden;
+}
+.textSidebox {
overflow-x: hidden;
overflow-y: auto;
+}
+/*
avoid the vertical scrollbar within the actual tablecontainer (of the tree)
+*/
+.containerTableStyle {
width: 100%;
overflow: hidden;
+}
+.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
+}
+.dtree div {
width: 100%;
+}
+.dtree img {
border: 0px;
vertical-align: middle;
+}
+.dtree a {
color: #333;
text-decoration: none;
+}
+.dtree a.node,
+.dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
+}
+.dtree a.node:hover,
+.dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
+}
+.dtree a.nodeSel {
background-color: #c0d2ec;
+}
+.dtree .clip {
overflow: hidden;
+}
+.dtree table,
+.dtree tr,
+.dtree td {
border: none;
+}
+.dtree table {
overflow: hidden;
width: 100%;
display: table-row;
+}
+.useEllipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: break-word;
max-width: 0px;
+}
+#mail-index {
position: relative;
+}
+.mail-index_quotabox {
position: absolute;
top: 8px;
right: 74px;
width: 200px !important;
z-index: 99;
+}
+.mail-index_vacation {
position: absolute;
top: 3px;
right: 190px;
width: 250px !important;
z-index: 99;
+}
+.mail-index_vacation > div {
text-align: center;
+}
+.mail-index_vacation > div > span {
color: red;
+}
+.mail_DisplayNone {
display: none !important;
+}
+.mail-index_quotaDisplayNone {
display: none !important;
+}
+.mail-index_QuotaGreen,
+.mail-index_QuotaYellow,
+.mail-index_QuotaRed {
height: 12px !important;
width: 100px !important;
+}
+.mail-index_QuotaGreen > div {
background-color: green !important;
height: 11px !important;
+}
+.mail-index_QuotaYellow > div {
background-color: yellow !important;
height: 11px !important;
+}
+.mail-index_QuotaRed > div {
background-color: red !important;
height: 11px !important;
+}
+/*
influence the tree display and scrolling behavior
+*/
+#mail-tree_target {
min-height: 35px;
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 100%;
overflow: hidden;
overflow-y: auto;
z-index: 100;
+}
+/*
we need the the image displayed with our buttons on the left side
+*/
+input[type=button] {
background-position: left;
+}
+#mail-index_messageIFRAME {
width: 100%;
height: 100%;
border: 0;
+}
+/*********************************
************ mailCompose ******
*********************************/
+div.mailUploadSection {
border-top: 1px solid silver;
margin-top: 16px;
width: 99%;
+}
+div.mailUploadSection > div.et2_hbox {
margin-top: -10px;
margin-left: 6px;
margin-right: -12px;
background-color: white;
display: table-caption;
+}
+div.mailUploadSection > div.et2_hbox > label {
padding-left: 4px;
white-space: nowrap;
+}
+#mail-compose_filemode {
margin-left: 6px;
+}
+#mail-compose_expiration > input {
min-width: 15ex;
+}
+#mail-compose_selectFromVFSForCompose {
width: 20px;
float: none;
background-color: transparent;
background-size: 18px;
padding: 0;
background-position: center;
border: none;
+}
+#mail-index_button[mailcreate] {
width: 99%;
text-align: left;
font-weight: bold;
padding-left: 25px;
background-image: url(images/write_mail.png) !important;
background-position: left;
background-repeat: no-repeat;
+}
+.mail-compose_composeToolbar {
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #c0d2ec;
background-image: url(…/…/…/phpgwapi/templates/default/images/egw_action/header_overlay.png);
background-position: center;
background-repeat: repeat-x;
+}
+.mail-compose_composeToolbarr > span {
padding: 10px;
white-space: nowrap;
+}
+.mail-compose_composeToolbar > span.priority {
border-right: none;
+}
+.compose_egw_icons {
height: 24px;
width: 24px;
vertical-align: middle;
+}
+div.mail-compose_fileselector {
width: auto;
margin-top: 3px;
+}
+.mail-compose_fileselector span.et2_file_span {
background-repeat: no-repeat;
background-image: url(images/attach.png);
background-size: inherit;
background-position: left;
+}
+.mail-compose_fileselector div.progress {
display: none;
+}
+#mail-compose_button[send] {
text-align: left;
font-weight: bold;
padding-left: 30px;
width: 80px;
background-image: url(images/mail_send.png) !important;
background-position: left;
background-repeat: no-repeat;
+}
+.mailDisplay {
position: relative;
background-color: white;
width: 100%;
+}
+#mail-index_mailPreview {
overflow: hidden;
position: relative;
background-color: white;
+}
+.maildisplayAllAdresses {
max-height: 245px !important;
overflow: scroll;
overflow-x: hidden;
+}
+#mail-compose_composeToolbar {
padding: 0px !important;
border: none;
+}
+#mail-compose_composeToolbar > button {
padding: .2em .4em;
+}
+#mail-compose_composeToolbar > img {
width: 16px;
padding: 0px;
height: 16px !important;
+}
+#mail-compose_composeToolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
+}
+#mail-compose_composeToolbar > button {
padding: .2em .4em;
+}
+#mail-compose_to div.ms-sel-ctn,
+#mail-compose_cc .ms-sel-ctn,
+#mail-compose_bcc .ms-sel-ctn {
max-height: 75px;
+}
+#mail-display_toolbar > button > span {
padding: .2em .4em;
+}
+#mail-display_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
+}
+#mail-display_toolbar .et2_button_icon,
+.previewAttachmentArea .et2_button_icon,
+#mail-display_mail_displayattachments .et2_button_icon {
width: 16px;
height: 16px;
+}
+.mailPreviewIcons {
position: absolute;
right: 0;
top: 0;
+}
+#mail-index_toolbar {
padding: 0px;
+}
+#mail-index_toolbar > button > span {
padding: .2em .4em;
+}
+#mail-index_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: 16px !important;
+}
+#mail-index_toolbar > #toolbar-actionlist {
width: auto;
+}
+#mail-index_mailPreviewContainer {
position: absolute;
border: 1px solid silver;
top: 9em;
bottom: 0;
left: 3px;
right: 0;
+}
+#mail-index_previewAttachmentArea {
background-color: #f0f0f0;
max-height: 3.6em;
max-width: 50%;
overflow: scroll;
overflow-x: hidden;
border: 1px solid grey;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
display: inline-block !important;
width: 100%;
vertical-align: text-top;
+}
+#mail-index_previewAttachmentArea.noContent {
border: 0px !important;
display: none !important;
+}
+#mail-display {
min-height: 768px;
+}
+.mailDisplayContainer,
+.mailDisplayAttachments {
display: block;
display: -moz-inline-stack;
display: -moz-box;
/width: 99%;/
overflow: hidden;
left: 8px;
right: 8px;
+}
+.mailDisplayContainer {
position: fixed;
overflow: hidden;
border: 1px solid silver;
top: 120px;
+}
+.mailDisplayContainerFixedHeight {
bottom: 123px;
overflow: hidden;
+}
+.mailDisplayContainerFullHeight {
bottom: .1em;
+}
+.mailDisplayBody {
height: 100%;
width: 100%;
background-color: white;
padding: 0px;
margin: 0px;
+}
+.mailDisplayAttachments {
height: 121px;
position: fixed;
bottom: .1em;
border-top: 1px solid grey;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
+}
+#mail-display_mailDisplayBodySrc {
height: 100%;
+}
+#divGenTime_mail {
display: none;
+}
+div.mail-display > div:first-parent > div.first-parent {
height: 99%;
+}
+.mailDisplayHeaders {
overflow: hidden;
right: 8px;
+}
+.mailDisplayHeaderSection {
position: absolute;
top: 12px;
+}
+div.mailDisplayHeaders > div:first-parent {
overflow: hidden;
+}
+div.mailDisplayHeaders > span:first-child,
+div.mailPreviewHeaders > span:first-child {
width: 7em;
display: inline-block;
+}
+#mail-display_toolbar {
display: inline-flex;
+}
+div.mailComposeHeaders > span:first-child {
width: 8em;
+}
+div.mailDisplayHeaders > span:first-child,
+div.mailComposeHeaders > span:first-child,
+div.mailComposeBody,
+div.mailPreviewHeaders > * {
margin-left: 3px;
+}
+div.mailDisplayHeaders div.mail_extraEmails {
display: inline-block;
max-height: 1.3em;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
+}
+div.mailDisplayHeaders div.mail_extraEmails.visible {
position: fixed;
left: 7em;
display: block;
max-height: 8em;
min-width: 30em;
z-index: 999;
overflow-y: auto;
background-color: white;
box-shadow: 5px 5px 5px #aaa;
border: 1px solid gray;
+}
+div.mailComposeBody {
white-space: normal !important;
+}
+#mail-compose_mail_plaintext {
white-space: pre-wrap !important;
+}
+div.mailPreviewHeaders div.mail_extraEmails {
display: inline-block;
max-height: 1.3em;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
width: 58%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
white-space: nowrap;
+}
+div.mailPreviewHeaders div.mail_extraEmails.visible,
+div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible {
position: absolute;
left: 7em;
display: block;
max-height: 8em;
min-width: 30em;
z-index: 1;
overflow-y: auto;
background-color: white;
box-shadow: 5px 5px 5px #aaa;
border: 1px solid gray;
+}
+.mail_extraEmails > a {
display: inline;
margin: 5px 5px 0 0;
+}
+.mail_extraEmails.visible > a {
display: list-item;
border-bottom: 1px solid gray;
+}
+/**
- Lock div for tree to prevent further clicks
*/
+#mail-index_nm[foldertree] {
position: relative;
+}
+#mail_folder_lock_div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10000;
background-position: left top;
background-repeat: no-repeat;
+}
+.mail_subscription_header,
+.mail_folder_management_header {
font-weight: bold;
font-size: 150%;
padding-bottom: 20px;
+}
+#mail-subscribe table.et2_grid tr td,
+#mail-folder_management table.et2_grid tr td {
padding: 0px;
+}
+#mail-subscribe table.et2_grid tr td div.et2_box,
+#mail-folder_management table.et2_grid tr td .mail_subscription_header {
height: 500px;
overflow: auto;
+}
+.mail_importMessageFile {
width: 40%;
+}
+#mail-importMessage .dialogHeader {
font-weight: bold;
font-size: 150%;
+}
+blockquote {
margin: 0;
border-left: 2px solid gray;
padding-left: 7px;
margin-left: 0;
color: black;
+}
+blockquote blockquote {
border-color: blue !important;
+}
+blockquote blockquote blockquote {
border-color: purple !important;
+}
+blockquote blockquote blockquote blockquote {
border-color: green !important;
+}
+blockquote blockquote blockquote blockquote blockquote {
border-color: orange !important;
+}
+blockquote blockquote blockquote blockquote blockquote blockquote {
border-color: gray !important;
+}
+/* MAIL PRINT */
+@media print {
html {
height: auto !important;
}
html *,
.td_display {
border-right: none !important;
border-left: none !important;
}
/* set font size for printing of text mail body and all headers, attachments */
.td_display pre,
.mailDisplayHeaders,
.mailDisplayAttachments * {
font-size: 10pt !important;
font-family: arial;
}
#mail-display_mail_displaysubject {
font-weight: bold;
}
.mailDisplayHeaders {
border-bottom: 0.1em solid #d7d7d7;
padding-top: 4px;
padding-bottom: 4px;
}
#mail-display_mailDisplayBodySrc {
display: none;
}
.tmpPrintDiv {
margin-top: 10px;
margin-bottom: 30px;
display: block;
overflow: visible;
height: auto;
}
.tmpPrintDiv td,
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tmpPrintDiv .td_display {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
background-color: #FFFFFF;
}
pre {
width: 99% !important;
}
div.mailDisplayContainer {
border-top: none;
overflow: visible !important;
position: static !important;
}
.mailDisplayAttachments {
border: none;
overflow: visible !important;
position: inherit !important;
}
.et2_button {
display: none;
}
div.mailDisplay .mailDisplayHeaders .mail_extraEmails {
max-height: 100%;
max-width: 80%;
}
div.mailDisplayHeaders > span:first-child {
vertical-align: top;
}
div.mailDisplayHeaders {
padding-top: 10px;
}
div.mailDisplayContainer.mailvelopeTopContainer {
top: 190px;
}
div.mailDisplayContainer.mailvelopeTopContainer > iframe {
position: static;
min-width: 860px;
}
+}
+/* MOBILE and tablets (Portrait & Landscape) View --------------/
+/ tablets and smartphones (portrait) ----------- /
+/ Smartphones (landscape) ----------- /
+/ Mobile (landscape) Tablet----------- */
+span#mail-compose_cc_expander,
+span#mail-compose_bcc_expander,
+span#mail-compose_folder_expander,
+span#mail-compose_replyto_expander {
float: left;
width: 100%;
margin: 3px;
margin-right: 12px;
text-align: center;
padding: 0;
+}
+/Make file uploads in compose dialog invisible/
+div.mail-compose_toolbar_assist div.mail-compose_fileselector,
+#mail-compose_selectFromVFSForCompose,
+div.mail-compose_toolbar_assist {
display: none;
+}
+/Make file uploads in compose dialog invisible/
+div.mail-compose_toolbar_assist div.mail-compose_fileselector,
+#mail-compose_selectFromVFSForCompose,
+div.mail-compose_toolbar_assist {
display: none;
+}
+div.mailComposeHeaderSection > table {
padding-top: 35px;
+}
+.mail-index-extra-iframe {
position: relative;
z-index: 999;
width: 100%;
height: 100%;
+}
+/Avoid getting scrollbar on form area, let scrolling be handled by tree/
+#mail-subscribe {
overflow: hidden;
+}
+#popupMainDiv {
padding: 5px;
+}
+#popupMainDiv .et2_grid tr td {
padding: 5px 0;
+}
+/##############################################
+# # #
+# # #
+# # #
+# # #
+# # #
+# # #
+# # #
+# # iframe #
+# # #
+# # #
+# # #
+# # #
+# # #
+# # #
+##############################################
+/
+/Border around iframe/
+iframe#mail-display_mailDisplayBodySrc {
height: 99%;
/border: 4px solid yellow;/
+}
+/Border around iframe/
+.mailDisplayContainer {
border: 0px;
+}
+body {
background-color: white;
+}
+#mail-index div#mail-index_nm div.nextmatch_header div.filters select {
margin-top: 9px;
+}
+#mail-index div#mail-index_nm div.nextmatch_header div.filters input#mail-index_search {
/height: 20px !important;/
+}
+#mail-index div#mail-index_nm tr.mail td img {
height: 12px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
border: 0px solid rgba(0, 0, 0, 0.9);
+}
+#mail-index div#mail-index_nm tr.mail td img[src*=“svg”] {
background-color: #505050;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNTA1MDUwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTA1MDUwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #505050, #505050);
background-image: -ms-linear-gradient(top, #505050, #505050);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#505050));
background-image: -webkit-linear-gradient(top, #505050, #505050);
background-image: -o-linear-gradient(top, #505050, #505050);
background-image: linear-gradient(top, #505050, #505050);
background-repeat: repeat-x;
+}
+#mail-index div#mail-index_nm tr.mail div span {
height: 12px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+}
+#mail-index div.splitter-bar,
+#mail-index div.splitter-bar-horizontal {
background-color: #ffc200;
+}
+#mail-index div#mail-index_mailPreview {
margin: 0;
background-color: #fafafa;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersFrom {
width: 50%;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersTo {
width: 50%;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersDate {
position: absolute;
right: 0px;
margin: 3px 5px 0 0;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
width: 58%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
+}
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
white-space: nowrap;
+}
+/*##############################################
+# # #
+# # #
+# # #
+# # #
+# # #
+# # #
+# # #
+# Side # #
+# bar # #
+# # #
+# # #
+# # #
+# # #
+# # #
+############################################## */
+.egw_fw_ui_category_content {
/*new mail in FOlder
span.standartTreeRow b {color: @egw_color_2_a;}
*/
/move Mail/
/* .draggedOver {
```
   background-color: @color_hint;
```
}*/
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate {
margin-left: 0px;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate],
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*=“mailcreate”] {
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;
background-image: url(“images/write_mail_lighter.png”) !important;
background-position: right center !important;
background-repeat: no-repeat;
background-size: 20px 20px;
padding-left: 25px;
text-align: left;
width: 93%;
background-color: #696969;
height: 32px;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:before,
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*=“mailcreate”]:before {
content: “+”;
font-size: 1.5em;
color: #ffc200;
line-height: 1.1em;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:hover,
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*=“mailcreate”]:hover {
background-color: #1aa200 !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;
color: #1e1e1e;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:active,
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*=“mailcreate”]:active {
background-color: #1aa200 !important;
-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: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
bo