Mobile theme:

- Implement apps color code
This commit is contained in:
Hadi Nategh 2016-03-09 11:55:26 +00:00
parent f3965b964f
commit f5a6d52ae2
14 changed files with 626 additions and 6 deletions

View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="addressbook_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#333399" d="M11.483,16.831c0,0-0.764,0.982-2.397,0.982
c-1.478,0-2.418-0.982-2.418-0.982s-0.602,0.194-1.101,0.781c-0.715,0.838-0.481,2.675-0.481,2.675l7.981,0.008
c0,0,0.274-1.882-0.482-2.683C11.983,16.974,11.483,16.831,11.483,16.831z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#333399" d="M5.843,14.402h0.441c0.417,0.842,1.929,1.605,2.791,1.605
s2.375-0.764,2.792-1.605h0.44l0.481-1.605l-0.481-0.535c0-0.522,0-0.535,0-0.535s0.033-1.175-0.481-1.604
c-0.41-0.341-0.485-1.346-2.74-1.375c-1.608-0.022-2.119,0.663-2.762,1.375c-0.293,0.326-0.438,0.982-0.481,1.604
c-0.011,0.1,0,0.44,0,0.535l-0.481,0.535L5.843,14.402z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#333399" d="M23.924,4.624H4.141c-1.367,0-2.473,1.107-2.473,2.474v14.838
c0,1.365,1.106,2.473,2.473,2.473h19.783c1.366,0,2.473-1.107,2.473-2.473V7.098C26.397,5.731,25.29,4.624,23.924,4.624z
M14.857,21.111c0,0.454-0.37,0.824-0.825,0.824H4.141c-0.457,0-0.824-0.37-0.824-0.824V7.922c0-0.455,0.368-0.824,0.824-0.824
h9.892c0.455,0,0.825,0.369,0.825,0.824V21.111z M23.924,18.638h-5.771c-0.455,0-0.824-0.369-0.824-0.824s0.369-0.824,0.824-0.824
h5.771c0.457,0,0.824,0.369,0.824,0.824S24.38,18.638,23.924,18.638z M23.924,14.517h-5.771c-0.455,0-0.824-0.369-0.824-0.824
c0-0.456,0.369-0.825,0.824-0.825h5.771c0.457,0,0.824,0.369,0.824,0.825C24.748,14.147,24.38,14.517,23.924,14.517z
M23.924,10.396h-5.771c-0.455,0-0.824-0.371-0.824-0.825c0-0.455,0.369-0.824,0.824-0.824h5.771c0.457,0,0.824,0.369,0.824,0.824
C24.748,10.025,24.38,10.396,23.924,10.396z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="admin_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<path fill="#0073ce" d="M16.736,8.489h0.776c0.062,0.356,0.174,0.693,0.317,1.01l-0.632,0.484c-0.316,0.24-0.387,0.705-0.158,1.036
c0.23,0.331,0.673,0.405,0.987,0.164l0.637-0.485c0.244,0.242,0.516,0.457,0.813,0.629l-0.242,0.779
c-0.12,0.391,0.084,0.809,0.453,0.936c0.372,0.127,0.771-0.086,0.891-0.477l0.242-0.783c0.166,0.023,0.333,0.048,0.505,0.048
c0.174,0,0.337-0.029,0.504-0.053l0.244,0.788c0.12,0.391,0.519,0.604,0.889,0.477c0.372-0.127,0.574-0.545,0.455-0.936
L23.17,11.31c0.295-0.172,0.576-0.369,0.818-0.613l0.638,0.487c0.315,0.241,0.757,0.167,0.986-0.164s0.159-0.796-0.156-1.036
l-0.641-0.489c0.145-0.317,0.263-0.649,0.325-1.005h0.777c0.39,0,0.706-0.333,0.706-0.742c0-0.41-0.316-0.743-0.706-0.743h-0.777
c-0.063-0.356-0.175-0.693-0.319-1.009l0.635-0.484c0.315-0.241,0.386-0.705,0.156-1.037c-0.229-0.332-0.671-0.405-0.986-0.164
L23.99,4.796c-0.246-0.244-0.517-0.458-0.814-0.629l0.242-0.78c0.119-0.39-0.083-0.809-0.455-0.936
c-0.37-0.127-0.769,0.086-0.889,0.477l-0.243,0.783c-0.167-0.023-0.332-0.047-0.505-0.047c-0.172,0-0.337,0.029-0.503,0.052
l-0.244-0.789c-0.12-0.39-0.519-0.604-0.891-0.477c-0.369,0.127-0.573,0.545-0.453,0.936l0.247,0.797
c-0.296,0.173-0.575,0.37-0.817,0.613L18.027,4.31c-0.314-0.241-0.757-0.167-0.987,0.164c-0.229,0.332-0.158,0.796,0.158,1.037
L17.837,6c-0.143,0.317-0.262,0.649-0.323,1.004h-0.777c-0.392,0-0.707,0.333-0.707,0.743C16.029,8.157,16.345,8.489,16.736,8.489z
M21.329,5.965c0.974,0,1.764,0.798,1.764,1.782s-0.79,1.781-1.764,1.781c-0.973,0-1.763-0.797-1.763-1.781
S20.356,5.965,21.329,5.965z"/>
<path fill="#0073ce" d="M17.813,18.829c1.258-1.122,1.532-2.998,0.895-4.785l-4.309,1.98l-1.26-1.434l2.481-4.078
c-1.682-0.855-3.569-0.799-4.829,0.323C9.461,12.022,9.214,14.054,10,15.928l-7.684,6.904c-0.484,0.685-0.396,1.712,0.257,2.456
c0.652,0.744,1.655,0.955,2.39,0.556l7.737-6.843C14.451,20.017,16.482,20.015,17.813,18.829z M5.249,24.548
c-0.441,0.393-1.162,0.299-1.61-0.21c-0.446-0.509-0.451-1.241-0.01-1.636c0.441-0.393,1.162-0.299,1.61,0.21
C5.687,23.422,5.69,24.153,5.249,24.548z"/>
<path fill="#0073ce" d="M24.179,20.329c0,1.893-1.523,3.426-3.401,3.426H10.324l0.067,2.463h11.342
c2.701,0,4.891-2.205,4.891-4.926v-8.277l-2.445,0.068V20.329z"/>
<path fill="#0073ce" d="M4.619,7.479c0-1.892,1.523-3.426,3.402-3.426h8.008V1.59H7.064c-2.7,0-4.891,2.206-4.891,4.926v11.493
h2.445V7.479z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -10,6 +10,124 @@
* @package calendar
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
/**
*
* Mobile FW - Applications colors
*
* 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 Mobile Framework
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="addressbook-"] .plus_button,
form[id^="addressbook-"] .plus_button,
div[id^="addressbook-"] .search.nm-mob-header,
form[id^="addressbook-"] .search.nm-mob-header,
div[id^="addressbook-"] .dialogHeadbar,
form[id^="addressbook-"] .dialogHeadbar {
background-color: #333399;
}
div[id^="admin-"] .plus_button,
form[id^="admin-"] .plus_button,
div[id^="admin-"] .search.nm-mob-header,
form[id^="admin-"] .search.nm-mob-header,
div[id^="admin-"] .dialogHeadbar,
form[id^="admin-"] .dialogHeadbar {
background-color: #0073ce;
}
div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="bookmarks-"] .plus_button,
form[id^="bookmarks-"] .plus_button,
div[id^="bookmarks-"] .search.nm-mob-header,
form[id^="bookmarks-"] .search.nm-mob-header,
div[id^="bookmarks-"] .dialogHeadbar,
form[id^="bookmarks-"] .dialogHeadbar {
background-color: #db0087;
}
div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="calendar-"] .plus_button,
form[id^="calendar-"] .plus_button,
div[id^="calendar-"] .search.nm-mob-header,
form[id^="calendar-"] .search.nm-mob-header,
div[id^="calendar-"] .dialogHeadbar,
form[id^="calendar-"] .dialogHeadbar {
background-color: #cc0033;
}
div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="filemanager-"] .plus_button,
form[id^="filemanager-"] .plus_button,
div[id^="filemanager-"] .search.nm-mob-header,
form[id^="filemanager-"] .search.nm-mob-header,
div[id^="filemanager-"] .dialogHeadbar,
form[id^="filemanager-"] .dialogHeadbar {
background-color: #f9d730;
}
div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="infolog-"] .plus_button,
form[id^="infolog-"] .plus_button,
div[id^="infolog-"] .search.nm-mob-header,
form[id^="infolog-"] .search.nm-mob-header,
div[id^="infolog-"] .dialogHeadbar,
form[id^="infolog-"] .dialogHeadbar {
background-color: #ffb936;
}
div[id^="mail-"] .plus_button,
form[id^="mail-"] .plus_button,
div[id^="mail-"] .search.nm-mob-header,
form[id^="mail-"] .search.nm-mob-header,
div[id^="mail-"] .dialogHeadbar,
form[id^="mail-"] .dialogHeadbar {
background-color: #47b2d4;
}
div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="projectmanager-"] .plus_button,
form[id^="projectmanager-"] .plus_button,
div[id^="projectmanager-"] .search.nm-mob-header,
form[id^="projectmanager-"] .search.nm-mob-header,
div[id^="projectmanager-"] .dialogHeadbar,
form[id^="projectmanager-"] .dialogHeadbar {
background-color: #75de27;
}
div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="resources-"] .plus_button,
form[id^="resources-"] .plus_button,
div[id^="resources-"] .search.nm-mob-header,
form[id^="resources-"] .search.nm-mob-header,
div[id^="resources-"] .dialogHeadbar,
form[id^="resources-"] .dialogHeadbar {
background-color: #009966;
}
div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="timesheet-"] .plus_button,
form[id^="timesheet-"] .plus_button,
div[id^="timesheet-"] .search.nm-mob-header,
form[id^="timesheet-"] .search.nm-mob-header,
div[id^="timesheet-"] .dialogHeadbar,
form[id^="timesheet-"] .dialogHeadbar {
background-color: #9d15ea;
}
div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="tracker-"] .plus_button,
form[id^="tracker-"] .plus_button,
div[id^="tracker-"] .search.nm-mob-header,
form[id^="tracker-"] .search.nm-mob-header,
div[id^="tracker-"] .dialogHeadbar,
form[id^="tracker-"] .dialogHeadbar {
background-color: #006666;
}
/**
* EGroupware: CSS with less preprocessor
*
@ -2565,4 +2683,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#popupMainDiv .et2_date.calendar_alarm_date_display {
padding-left: 3px;
}
#calendar-toolbar {
background-color: #cc0033;
}
}

View File

@ -11,6 +11,7 @@
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
@import (reference) "../../../pixelegg/less/definitions.less";
@import (less) "../../../pixelegg/mobile/app_colors.less";
@import (less) "../pixelegg/app.css";
/* tablets and smartphones */
@media all {
@ -38,12 +39,12 @@
text-overflow: ellipsis;
overflow: hidden;
}
label[id^="calendar-list_"][id$="start]"]> time ,label[id^="calendar-list_"][id$="end]"]> time{
float: none;
color:#828282;
}
.calDates .dash {
text-align: center;
padding: 0px 5px 0 5px !important;
@ -53,6 +54,7 @@
}
#calendar-edit_category {max-width: 100%;}
#calendar-edit #calendar-edit_whole_day {margin:0;}
.quantity{margin-left:5px;}
.quantity{margin-left:5px;}
#popupMainDiv .et2_date.calendar_alarm_date_display {padding-left: 3px;}
#calendar-toolbar {background-color: @calendar-color;}
}

View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="calendar_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC0033" d="M18.804,8.086c0.888,0,1.607-0.721,1.607-1.608V4.067
c0-0.89-0.72-1.609-1.607-1.609c-0.89,0-1.608,0.72-1.608,1.609v2.411C17.196,7.366,17.915,8.086,18.804,8.086z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC0033" d="M9.259,8.086c0.891,0,1.609-0.721,1.609-1.608V4.067
c0-0.89-0.719-1.609-1.609-1.609c-0.887,0-1.606,0.72-1.606,1.609v2.411C7.653,7.366,8.373,8.086,9.259,8.086z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC0033" d="M8.807,20.488c0,2.689,2.262,2.871,3.104,2.871
c1.799,0,3.044-1.15,3.044-2.775c0-1.467-1.032-1.916-1.345-2.002v-0.023c0.502-0.217,1.067-0.764,1.067-1.637
c0-1.818-1.572-2.4-2.767-2.4c-2.011,0-2.954,1.15-2.954,2.763h1.634c0-0.305,0-1.406,1.206-1.406c0.969,0,1.12,0.787,1.12,1.102
c0,1.117-0.969,1.168-1.497,1.168h-0.275v1.211c0.816,0,2,0.049,2,1.225c0,0.957-0.618,1.418-1.321,1.418
c-1.183,0-1.309-1.043-1.309-1.504l0.014-0.01H8.807z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC0033" d="M22.066,4.874h-0.642v2.582c0,0.965-0.781,1.748-1.746,1.748
h-1.749c-0.965,0-1.747-0.783-1.747-1.748V4.874h-4.3v2.582c0,0.965-0.781,1.748-1.747,1.748H8.387
c-0.966,0-1.747-0.783-1.747-1.748V4.874H5.998c-2.001,0-3.619,1.622-3.619,3.616v0.003v14.466c0,1.996,1.618,3.615,3.619,3.615
h16.068c1.997,0,3.62-1.619,3.62-3.615V8.493V8.49C25.686,6.496,24.063,4.874,22.066,4.874z M23.255,22.895
c0,0.596-0.482,1.084-1.081,1.084H6.041c-0.598,0-1.084-0.488-1.084-1.084v-9.343h18.299V22.895z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CC0033" d="M17.497,23.129h1.761v-8.607h-1.446
c-0.036,0.643-0.489,1.492-2.185,1.492h-0.253v1.188h2.123V23.129z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="filemanager_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
xml:space="preserve">
<g>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#F9d730" points="24.45,8.459 25.252,4.452 14.032,4.452 14.032,2.849
2.812,2.849 3.614,8.459 "/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#F9d730" d="M21.645,15.672c1.025,0,1.991,0.258,2.835,0.71l2.375-7.122H1.21
l4.809,14.425h9.966c-0.223-0.627-0.35-1.3-0.35-2.003C15.635,18.361,18.326,15.672,21.645,15.672z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#F9d730" d="M21.645,17.18c-2.485,0-4.501,2.016-4.501,4.502
s2.016,4.501,4.501,4.501c2.486,0,4.502-2.015,4.502-4.501S24.131,17.18,21.645,17.18z M24.401,21.326l-2.882,2.4
c-0.097,0.081-0.214,0.129-0.335,0.16c-0.075,0.025-0.15,0.039-0.228,0.037c-0.213,0.003-0.428-0.061-0.591-0.197
c-0.116-0.096-0.174-0.217-0.205-0.34l-0.589-0.589c-0.258-0.259-0.258-0.677,0-0.936c0.258-0.258,0.677-0.258,0.936,0l0.43,0.429
l2.311-1.926c0.318-0.264,0.834-0.264,1.153,0C24.718,20.631,24.718,21.061,24.401,21.326z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,21 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="infolog_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB936" d="M9.411,25.186c0,0-0.694,0.272-0.842,0
c-0.151-0.277,0-0.842,0-0.842l1.685-7.579L22.392,4.626c-0.305-0.305-0.726-0.493-1.19-0.493h-2.526v2.105
c0,0.697-0.314,1.264-0.702,1.264H7.586c-0.387,0-0.701-0.566-0.701-1.264V4.133H4.358c-0.93,0-1.684,0.754-1.684,1.685v19.368
c0,0.931,0.754,1.685,1.684,1.685h16.843c0.93,0,1.684-0.754,1.684-1.685v-7.579l-5.895,5.895L9.411,25.186z"/>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFB936" points="11.923,17.836 10.36,23.279 15.832,21.725 "/>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFB936" points="13.31,16.452 17.219,20.34 24.133,13.471 20.225,9.582
"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB936" d="M25.949,10.204l-2.443-2.43c-0.405-0.403-1.082-0.381-1.515,0.049
L20.82,8.989l3.907,3.888l1.172-1.166C26.331,11.281,26.354,10.607,25.949,10.204z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFB936" d="M9.411,6.659h6.737c0.465,0,0.842-0.377,0.842-0.842V4.133
c0-0.465-0.377-0.842-0.842-0.842h-0.894c0.032-0.136,0.051-0.277,0.051-0.422c0-1.162-1.131-2.104-2.526-2.104
s-2.525,0.942-2.525,2.104c0,0.145,0.017,0.286,0.051,0.422H9.411c-0.465,0-0.842,0.377-0.842,0.842v1.685
C8.569,6.282,8.946,6.659,9.411,6.659z M11.938,2.448h1.685v1.685h-1.685V2.448z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="mail_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#47b2d4" d="M20.038,16.039c-3.507,0-5.767,2.659-5.767,5.72
c0,2.867,2.195,4.649,4.788,4.649c1.059,0,1.942-0.163,2.812-0.595l-0.253-0.639c-0.647,0.342-1.485,0.521-2.386,0.521
c-2.338,0-4.06-1.545-4.06-4.026c0-3.016,2.164-4.947,4.739-4.947c2.448,0,3.823,1.561,3.823,3.729
c0,1.708-0.901,2.733-1.707,2.703c-0.521-0.015-0.711-0.534-0.473-1.663l0.537-2.689c-0.412-0.178-1.028-0.312-1.691-0.312
c-2.196,0-3.743,1.68-3.743,3.521c0,1.174,0.789,1.871,1.706,1.871c0.947,0,1.674-0.43,2.228-1.307h0.046
c-0.03,0.921,0.554,1.307,1.186,1.307c1.469,0,2.797-1.307,2.797-3.535C24.62,17.866,22.787,16.039,20.038,16.039z M20.67,21.061
c-0.174,0.92-1.011,2.02-1.927,2.02c-0.695,0-1.043-0.476-1.043-1.129c0-1.44,1.121-2.674,2.512-2.674
c0.363,0,0.632,0.06,0.79,0.119L20.67,21.061z"/>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#47b2d4" points="22.897,4.501 22.467,2.624 2.439,7.218 2.869,9.095
14.319,13.058 "/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#47b2d4" d="M23.185,6.551l-8.578,8.556l-11.45-3.961l2.44,9.842l7.337-1.684
c0.902-2.904,3.611-5.013,6.812-5.013c2.052,0,3.896,0.872,5.197,2.259l0.683-0.157L23.185,6.551z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,118 @@
/**
*
* Mobile FW - Applications colors
*
* 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 Mobile Framework
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="addressbook-"] .plus_button,
form[id^="addressbook-"] .plus_button,
div[id^="addressbook-"] .search.nm-mob-header,
form[id^="addressbook-"] .search.nm-mob-header,
div[id^="addressbook-"] .dialogHeadbar,
form[id^="addressbook-"] .dialogHeadbar {
background-color: #333399;
}
div[id^="admin-"] .plus_button,
form[id^="admin-"] .plus_button,
div[id^="admin-"] .search.nm-mob-header,
form[id^="admin-"] .search.nm-mob-header,
div[id^="admin-"] .dialogHeadbar,
form[id^="admin-"] .dialogHeadbar {
background-color: #0073ce;
}
div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="bookmarks-"] .plus_button,
form[id^="bookmarks-"] .plus_button,
div[id^="bookmarks-"] .search.nm-mob-header,
form[id^="bookmarks-"] .search.nm-mob-header,
div[id^="bookmarks-"] .dialogHeadbar,
form[id^="bookmarks-"] .dialogHeadbar {
background-color: #db0087;
}
div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="calendar-"] .plus_button,
form[id^="calendar-"] .plus_button,
div[id^="calendar-"] .search.nm-mob-header,
form[id^="calendar-"] .search.nm-mob-header,
div[id^="calendar-"] .dialogHeadbar,
form[id^="calendar-"] .dialogHeadbar {
background-color: #cc0033;
}
div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="filemanager-"] .plus_button,
form[id^="filemanager-"] .plus_button,
div[id^="filemanager-"] .search.nm-mob-header,
form[id^="filemanager-"] .search.nm-mob-header,
div[id^="filemanager-"] .dialogHeadbar,
form[id^="filemanager-"] .dialogHeadbar {
background-color: #f9d730;
}
div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="infolog-"] .plus_button,
form[id^="infolog-"] .plus_button,
div[id^="infolog-"] .search.nm-mob-header,
form[id^="infolog-"] .search.nm-mob-header,
div[id^="infolog-"] .dialogHeadbar,
form[id^="infolog-"] .dialogHeadbar {
background-color: #ffb936;
}
div[id^="mail-"] .plus_button,
form[id^="mail-"] .plus_button,
div[id^="mail-"] .search.nm-mob-header,
form[id^="mail-"] .search.nm-mob-header,
div[id^="mail-"] .dialogHeadbar,
form[id^="mail-"] .dialogHeadbar {
background-color: #47b2d4;
}
div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="projectmanager-"] .plus_button,
form[id^="projectmanager-"] .plus_button,
div[id^="projectmanager-"] .search.nm-mob-header,
form[id^="projectmanager-"] .search.nm-mob-header,
div[id^="projectmanager-"] .dialogHeadbar,
form[id^="projectmanager-"] .dialogHeadbar {
background-color: #75de27;
}
div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="resources-"] .plus_button,
form[id^="resources-"] .plus_button,
div[id^="resources-"] .search.nm-mob-header,
form[id^="resources-"] .search.nm-mob-header,
div[id^="resources-"] .dialogHeadbar,
form[id^="resources-"] .dialogHeadbar {
background-color: #009966;
}
div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="timesheet-"] .plus_button,
form[id^="timesheet-"] .plus_button,
div[id^="timesheet-"] .search.nm-mob-header,
form[id^="timesheet-"] .search.nm-mob-header,
div[id^="timesheet-"] .dialogHeadbar,
form[id^="timesheet-"] .dialogHeadbar {
background-color: #9d15ea;
}
div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="tracker-"] .plus_button,
form[id^="tracker-"] .plus_button,
div[id^="tracker-"] .search.nm-mob-header,
form[id^="tracker-"] .search.nm-mob-header,
div[id^="tracker-"] .dialogHeadbar,
form[id^="tracker-"] .dialogHeadbar {
background-color: #006666;
}

View File

@ -0,0 +1,72 @@
/**
*
* Mobile FW - Applications colors
*
* 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 Mobile Framework
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
// Color code for applications
@addressbook-color: #333399;
@admin-color: #0073ce;
@bookmarks-color: #db0087;
@calendar-color: #CC0033;
@filemanager-color:#F9d730;
@infolog-color: #FFB936;
@mail-color:#47b2d4;
@projectmanager-color: #75de27;
@resources-color: #009966;
@timesheet-color:#9d15ea;
@tracker-color: #006666;
// Addressbook
div[id^="addressbook-"],form[id^="addressbook-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @addressbook-color;}
}
// Admin
div[id^="admin-"],form[id^="admin-"] {
.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @admin-color;}
}
// Bookmarks
div[id^="bookmarks-"],form[id^="bookmarks-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @bookmarks-color;}
}
// Calendar
div[id^="calendar-"],form[id^="calendar-"]{
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @calendar-color;}
}
// Filemanager
div[id^="filemanager-"],form[id^="filemanager-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @filemanager-color;}
}
// Infolog
div[id^="infolog-"],form[id^="infolog-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @infolog-color;}
}
// Mail
div[id^="mail-"],form[id^="mail-"] {
.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @mail-color;}
}
// Projectmanager
div[id^="projectmanager-"],form[id^="projectmanager-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @projectmanager-color;}
}
// Resources
div[id^="resources-"],form[id^="resources-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @resources-color;}
}
// Timesheet
div[id^="timesheet-"],form[id^="timesheet-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @timesheet-color;}
}
// Tracker
div[id^="tracker-"],form[id^="tracker-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @tracker-color;}
}

View File

@ -6895,6 +6895,124 @@ span.egw_tutorial_title {
top: 140px;
}
}
/**
*
* Mobile FW - Applications colors
*
* 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 Mobile Framework
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="addressbook-"] .plus_button,
form[id^="addressbook-"] .plus_button,
div[id^="addressbook-"] .search.nm-mob-header,
form[id^="addressbook-"] .search.nm-mob-header,
div[id^="addressbook-"] .dialogHeadbar,
form[id^="addressbook-"] .dialogHeadbar {
background-color: #333399;
}
div[id^="admin-"] .plus_button,
form[id^="admin-"] .plus_button,
div[id^="admin-"] .search.nm-mob-header,
form[id^="admin-"] .search.nm-mob-header,
div[id^="admin-"] .dialogHeadbar,
form[id^="admin-"] .dialogHeadbar {
background-color: #0073ce;
}
div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="bookmarks-"] .plus_button,
form[id^="bookmarks-"] .plus_button,
div[id^="bookmarks-"] .search.nm-mob-header,
form[id^="bookmarks-"] .search.nm-mob-header,
div[id^="bookmarks-"] .dialogHeadbar,
form[id^="bookmarks-"] .dialogHeadbar {
background-color: #db0087;
}
div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="calendar-"] .plus_button,
form[id^="calendar-"] .plus_button,
div[id^="calendar-"] .search.nm-mob-header,
form[id^="calendar-"] .search.nm-mob-header,
div[id^="calendar-"] .dialogHeadbar,
form[id^="calendar-"] .dialogHeadbar {
background-color: #cc0033;
}
div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="filemanager-"] .plus_button,
form[id^="filemanager-"] .plus_button,
div[id^="filemanager-"] .search.nm-mob-header,
form[id^="filemanager-"] .search.nm-mob-header,
div[id^="filemanager-"] .dialogHeadbar,
form[id^="filemanager-"] .dialogHeadbar {
background-color: #f9d730;
}
div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="infolog-"] .plus_button,
form[id^="infolog-"] .plus_button,
div[id^="infolog-"] .search.nm-mob-header,
form[id^="infolog-"] .search.nm-mob-header,
div[id^="infolog-"] .dialogHeadbar,
form[id^="infolog-"] .dialogHeadbar {
background-color: #ffb936;
}
div[id^="mail-"] .plus_button,
form[id^="mail-"] .plus_button,
div[id^="mail-"] .search.nm-mob-header,
form[id^="mail-"] .search.nm-mob-header,
div[id^="mail-"] .dialogHeadbar,
form[id^="mail-"] .dialogHeadbar {
background-color: #47b2d4;
}
div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="projectmanager-"] .plus_button,
form[id^="projectmanager-"] .plus_button,
div[id^="projectmanager-"] .search.nm-mob-header,
form[id^="projectmanager-"] .search.nm-mob-header,
div[id^="projectmanager-"] .dialogHeadbar,
form[id^="projectmanager-"] .dialogHeadbar {
background-color: #75de27;
}
div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="resources-"] .plus_button,
form[id^="resources-"] .plus_button,
div[id^="resources-"] .search.nm-mob-header,
form[id^="resources-"] .search.nm-mob-header,
div[id^="resources-"] .dialogHeadbar,
form[id^="resources-"] .dialogHeadbar {
background-color: #009966;
}
div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="timesheet-"] .plus_button,
form[id^="timesheet-"] .plus_button,
div[id^="timesheet-"] .search.nm-mob-header,
form[id^="timesheet-"] .search.nm-mob-header,
div[id^="timesheet-"] .dialogHeadbar,
form[id^="timesheet-"] .dialogHeadbar {
background-color: #9d15ea;
}
div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="tracker-"] .plus_button,
form[id^="tracker-"] .plus_button,
div[id^="tracker-"] .search.nm-mob-header,
form[id^="tracker-"] .search.nm-mob-header,
div[id^="tracker-"] .dialogHeadbar,
form[id^="tracker-"] .dialogHeadbar {
background-color: #006666;
}
/********************************/
/* */
/* MEDIA DEFINITION */
@ -7133,6 +7251,8 @@ span.egw_tutorial_title {
background: none;
box-shadow: none;
border: none;
filter: none;
-webkit-filter: none;
}
body #egw_fw_basecontainer #egw_fw_main img[src$="svg"],
body #egw_fw_basecontainer #egw_fw_footer img[src$="svg"] {
@ -7466,6 +7586,7 @@ span.egw_tutorial_title {
}
body .et2_nextmatch .nm-mob-header div.nm_appname_header {
width: 100%;
display: none;
position: absolute;
top: 0;
height: 50px;
@ -7477,7 +7598,6 @@ span.egw_tutorial_title {
font-weight: bold;
opacity: 0.2;
text-align: center;
display: inline;
padding-top: 13px;
z-index: -1;
}

View File

@ -12,7 +12,7 @@
@import "../css/mobile.less";
@import (reference) "../less/def_mobile.less";
@import "app_colors.less";
/********************************/
/* */
/* MEDIA DEFINITION */
@ -297,6 +297,8 @@
background: none;
box-shadow: none;
border:none;
filter:none;
-webkit-filter:none;
}
#egw_fw_main img[src$="svg"], #egw_fw_footer img[src$="svg"] {
background:none;
@ -630,6 +632,7 @@
}
div.nm_appname_header {
width: 100%;
display: none;
position: absolute;
top: 0;
height: 50px;
@ -641,7 +644,6 @@
font-weight: bold;
opacity:0.2;
text-align: center;
display: inline;
padding-top: 13px;
z-index:-1;
}

View File

@ -0,0 +1,18 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="resources_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#009966" d="M14.664,2.714V1.837c0-0.217-0.176-0.393-0.393-0.393h-0.208
c-0.217,0-0.392,0.176-0.392,0.393v0.88C6.858,8.991,8.077,17.628,10.705,22.85h6.959C20.298,17.365,21.524,8.938,14.664,2.714z
M17.051,12.328c-1.365,0.627-4.366,0.626-5.728,0c-0.138-0.953-0.183-1.689,0.061-2.752c1.746,0.344,3.858,0.344,5.606,0
C17.233,10.639,17.188,11.375,17.051,12.328z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#009966" d="M8.946,23.727c-0.747-1.483-1.366-3.159-1.772-4.944l-2.748,4.752
c-0.4,0.689-0.51,1.508-0.307,2.277l0.287,1.09l4.677-2.881c-0.001-0.006-0.004-0.021-0.01-0.041L8.946,23.727z"/>
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#009966" points="12.398,25.775 15.928,25.775 17.134,24.034
11.191,24.034 "/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#009966" d="M23.921,23.534l-2.78-4.808c-0.384,1.684-0.967,3.36-1.739,4.968
l-0.065,0.138c-0.021,0.09-0.036,0.161-0.047,0.206l4.651,2.863l0.288-1.09C24.431,25.042,24.32,24.224,23.921,23.534z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,22 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
<svg version="1.1" id="timesheet_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
xml:space="preserve">
<g>
<path fill="#9d15ea" d="M14.173,1.308c-7.104,0-12.864,5.761-12.864,12.864c0,7.105,5.76,12.865,12.864,12.865
c7.105,0,12.865-5.76,12.865-12.865C27.038,7.069,21.278,1.308,14.173,1.308z M14.173,24.361C9,24.361,4.004,19.389,4.004,14.246
C4.004,9.103,9,4.13,14.173,4.13c5.174,0,10.169,4.974,10.169,10.116C24.342,19.389,19.346,24.361,14.173,24.361z"/>
<path fill="#9d15ea" d="M14.173,7.749c1.264,0,0.804-2.409,0-2.409C13.37,5.34,12.91,7.749,14.173,7.749z"/>
<path fill="#9d15ea" d="M5.34,14.174c0,1.263,2.409,1.263,2.409,0C7.749,12.912,5.34,12.912,5.34,14.174z"/>
<path fill="#9d15ea" d="M14.173,20.598c-1.263,0-1.146,2.408,0,2.408C15.32,23.007,15.436,20.598,14.173,20.598z"/>
<path fill="#9d15ea" d="M17.853,7.747c-0.588-0.271-1.282-0.018-1.554,0.566l-2.495,5.403l-2.757-0.009
c-0.644-0.002-1.166,0.52-1.165,1.165c0.004,0.646,0.526,1.17,1.173,1.171l3.505,0.012c0.039,0,0.076-0.009,0.112-0.013
c0.028-0.003,0.059-0.003,0.086-0.009c0.056-0.009,0.107-0.023,0.159-0.041c0.02-0.006,0.036-0.01,0.056-0.017
c0.053-0.021,0.104-0.046,0.153-0.074c0.017-0.008,0.031-0.015,0.047-0.025c0.049-0.029,0.093-0.063,0.136-0.101
c0.015-0.012,0.029-0.023,0.044-0.036c0.042-0.039,0.079-0.082,0.113-0.126c0.013-0.015,0.025-0.028,0.037-0.044
c0.035-0.05,0.066-0.104,0.094-0.158c0.006-0.012,0.015-0.021,0.021-0.034l0.01-0.021c0.003-0.007,0.006-0.013,0.01-0.02
l2.79-6.043C18.697,8.712,18.439,8.018,17.853,7.747z"/>
<path fill="#9d15ea" d="M20.597,14.174c0,1.263,2.408,1.263,2.408,0C23.006,12.912,20.597,12.912,20.597,14.174z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB