extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-09 15:00:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- Fix couple of issues regarding iOS and Safari
- Fix not fullscreen view mode
This commit is contained in:
Hadi Nategh 2016-02-04 16:31:34 +00:00
parent 138065be64
commit cb61fa7d4e
5 changed files with 566 additions and 707 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
phpgwapi/js/jsapi/app_base.js
View File

@ -421,9 +421,11 @@ var AppJS = Class.extend(
height:"100%", height:"100%",
background:"white", background:"white",
display:'block', display:'block',
position:'absolute', position:'fixed',
top:0, top:0,
left:0, left:0,
bottom:0,
right:0,
overflow:'auto', overflow:'auto',
"padding-top":'60px'}) "padding-top":'60px'})
.attr('id','popupMainDiv') .attr('id','popupMainDiv')

272
pixelegg/css/mobile.css
View File

@ -6572,66 +6572,6 @@ span.egw_tutorial_title {
/*BOF close/back button styling*/ /*BOF close/back button styling*/
/*EOF close/back button styling*/ /*EOF close/back button styling*/
} }
body .pt-page-moveToLeft {
-webkit-animation: moveToLeft .6s ease both;
animation: moveToLeft .6s ease both;
}
body .pt-page-moveFromLeft {
-webkit-animation: moveFromLeft .6s ease both;
animation: moveFromLeft .6s ease both;
}
body .pt-page-moveToRight {
-webkit-animation: moveToRight .6s ease both;
animation: moveToRight .6s ease both;
}
body .pt-page-moveFromRight {
-webkit-animation: moveFromRight .6s ease both;
animation: moveFromRight .6s ease both;
}
@-webkit-keyframes moveToLeft {
to {
-webkit-transform: translateX(-100%);
}
}
@keyframes moveToLeft {
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
}
}
@keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRight {
to {
-webkit-transform: translateX(100%);
}
}
@keyframes moveToRight {
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
}
}
@keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
body div.egw_fw_mobile_iOS_popup_appHeader { body div.egw_fw_mobile_iOS_popup_appHeader {
padding-top: 15px; padding-top: 15px;
} }
@ -6696,13 +6636,13 @@ span.egw_tutorial_title {
padding-left: 5px; padding-left: 5px;
font-weight: bold; font-weight: bold;
} }
#egw_fw_basecontainer { body #egw_fw_basecontainer {
background: white; background: white;
} }
#egw_fw_basecontainer #egw_fw_main #egw_fw_tabs { body #egw_fw_basecontainer #egw_fw_main #egw_fw_tabs {
margin-top: -3px; margin-top: -3px;
} }
#egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header { body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header {
max-height: 60px; max-height: 60px;
width: 60%; width: 60%;
margin-left: 0; margin-left: 0;
@ -6714,7 +6654,7 @@ span.egw_tutorial_title {
top: 15px; top: 15px;
height: 50px; height: 50px;
} }
#egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span { body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span {
margin: 0; margin: 0;
overflow: visible; overflow: visible;
height: 38px; height: 38px;
@ -6723,19 +6663,19 @@ span.egw_tutorial_title {
border: none; border: none;
border-radius: 10px; border-radius: 10px;
} }
#egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span img { body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span img {
height: 32px !important; height: 32px !important;
width: 32px !important; width: 32px !important;
} }
#egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span h1 { body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span h1 {
display: none; display: none;
} }
#egw_fw_basecontainer .egw_fw_top_toolbar > div:hover { body #egw_fw_basecontainer .egw_fw_top_toolbar > div:hover {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
#egw_fw_basecontainer div#egw_fw_menu { body #egw_fw_basecontainer div#egw_fw_menu {
background-image: url(../images/topmenu_items/mobile/menu_active.png); background-image: url(../images/topmenu_items/mobile/menu_active.png);
cursor: pointer; cursor: pointer;
position: fixed; position: fixed;
@ -6747,20 +6687,20 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: 999; z-index: 999;
} }
#egw_fw_basecontainer div#egw_fw_menu:hover { body #egw_fw_basecontainer div#egw_fw_menu:hover {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
#egw_fw_basecontainer div#egw_fw_menu:focus { body #egw_fw_basecontainer div#egw_fw_menu:focus {
outline: none; outline: none;
} }
#egw_fw_basecontainer div#egw_fw_menu:active { body #egw_fw_basecontainer div#egw_fw_menu:active {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items { body #egw_fw_basecontainer div#egw_fw_topmenu_items {
width: 280px; width: 280px;
display: inline; display: inline;
float: left; float: left;
@ -6768,24 +6708,24 @@ span.egw_tutorial_title {
padding-left: 55px; padding-left: 55px;
padding-top: 13px; padding-top: 13px;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul {
display: inline; display: inline;
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul li { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -moz-inline-box; display: -moz-inline-box;
display: inline-block; display: inline-block;
padding: 2px; padding: 2px;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul li:hover { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li:hover {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_logout:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_logout:before {
content: ""; content: "";
background-image: url(../images/logout.png); background-image: url(../images/logout.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6795,7 +6735,7 @@ span.egw_tutorial_title {
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home:before {
content: " "; content: " ";
background-image: url(../images/topmenu_items/mobile/home.png); background-image: url(../images/topmenu_items/mobile/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6805,7 +6745,7 @@ span.egw_tutorial_title {
/*display:inline-block;*/ /*display:inline-block;*/
display: none; display: none;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs:before {
content: ""; content: "";
background-image: url(../images/topmenu_items/mobile/setup.png); background-image: url(../images/topmenu_items/mobile/setup.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6815,7 +6755,7 @@ span.egw_tutorial_title {
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_acl:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_acl:before {
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
width: 32px; width: 32px;
@ -6825,7 +6765,7 @@ span.egw_tutorial_title {
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_cats:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_cats:before {
background-image: url(../images/topmenu_items/mobile/category.png); background-image: url(../images/topmenu_items/mobile/category.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6835,7 +6775,7 @@ span.egw_tutorial_title {
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_password:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_password:before {
background-image: url(../images/topmenu_items/mobile/password.png); background-image: url(../images/topmenu_items/mobile/password.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6845,7 +6785,7 @@ span.egw_tutorial_title {
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_manual:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_manual:before {
background-image: url(../images/topmenu_items/mobile/help.png); background-image: url(../images/topmenu_items/mobile/help.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6854,7 +6794,7 @@ span.egw_tutorial_title {
background-size: 24px 24px; background-size: 24px 24px;
display: inline-block; display: inline-block;
} }
#egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_search:before { body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_search:before {
background-image: url(../images/topmenu_items/mobile/search.png); background-image: url(../images/topmenu_items/mobile/search.png);
content: ""; content: "";
background-repeat: no-repeat; background-repeat: no-repeat;
@ -6864,7 +6804,7 @@ span.egw_tutorial_title {
display: inline-block; display: inline-block;
background-position: center; background-position: center;
} }
.egw_fw_ui_tabs_header { body .egw_fw_ui_tabs_header {
margin: 0px 0 0 0; margin: 0px 0 0 0;
padding: 1px 1px 0px 0px; padding: 1px 1px 0px 0px;
background-position: bottom; background-position: bottom;
@ -6873,21 +6813,21 @@ span.egw_tutorial_title {
height: 34px; height: 34px;
/*Active Tabs*/ /*Active Tabs*/
} }
.egw_fw_ui_tabs_header h1 { body .egw_fw_ui_tabs_header h1 {
display: inline; display: inline;
width: 100%; width: 100%;
text-align: center; text-align: center;
-webkit-margin-before: 0; -webkit-margin-before: 0;
-webkit-margin-after: 0; -webkit-margin-after: 0;
} }
.egw_fw_ui_tabs_header img { body .egw_fw_ui_tabs_header img {
text-align: center; text-align: center;
float: none; float: none;
margin: 0 auto; margin: 0 auto;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header {
padding-left: 0; padding-left: 0;
position: relative; position: relative;
background: transparent; background: transparent;
@ -6902,22 +6842,22 @@ span.egw_tutorial_title {
height: 38px; height: 38px;
width: 97%; width: 97%;
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
background-color: none !important; background-color: none !important;
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header:active { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:active {
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 14.3px; font-size: 14.3px;
line-height: 1em; line-height: 1em;
margin: 0 15px 2px 2px; margin: 0 15px 2px 2px;
vertical-align: super; vertical-align: super;
padding-left: 25px; padding-left: 25px;
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -6933,7 +6873,7 @@ span.egw_tutorial_title {
filter: gray; filter: gray;
/* IE 6-9 */ /* IE 6-9 */
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header object { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header object {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin: 8px 1px 0 5px; margin: 8px 1px 0 5px;
@ -6951,15 +6891,15 @@ span.egw_tutorial_title {
border-top-left-radius: 5px; border-top-left-radius: 5px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
border-width: 1px 1px 0px 1px !important; border-width: 1px 1px 0px 1px !important;
background-color: #ffd140; background-color: #ffd140;
/*Active object*/ /*Active object*/
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
background-color: #ffd140; background-color: #ffd140;
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
@ -6968,7 +6908,7 @@ span.egw_tutorial_title {
-moz-filter: contrast(2); -moz-filter: contrast(2);
-o-filter: contrast(2); -o-filter: contrast(2);
} }
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active object { body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active object {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin: 0px 1px 0 5px; margin: 0px 1px 0 5px;
@ -6987,11 +6927,11 @@ span.egw_tutorial_title {
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
background-color: #b4b4b4; background-color: #b4b4b4;
} }
#egw_fw_sidebar { body #egw_fw_sidebar {
top: 76px; top: 76px;
bottom: 5px; bottom: 5px;
} }
#egw_fw_sidebar #egw_fw_sidemenu { body #egw_fw_sidebar #egw_fw_sidemenu {
position: absolute; position: absolute;
top: 0px; top: 0px;
bottom: 4px; bottom: 4px;
@ -7002,22 +6942,30 @@ span.egw_tutorial_title {
padding-top: 0.6em; padding-top: 0.6em;
font-size: 0.9em; font-size: 0.9em;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header {
margin: 0px 5px 0px 2px;
padding: 4px 10px 0 16px;
overflow: visible;
height: 38px;
border: none;
display: block; display: block;
margin: 0 0;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header img {
height: 32px !important;
width: 32px !important;
}
body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header:hover {
background-color: #d9d9d9; background-color: #d9d9d9;
-webkit-border-radius: 5px; -webkit-border-radius: 0px;
-moz-border-radius: 5px; -moz-border-radius: 0px;
border-radius: 5px; border-radius: 0px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:active { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -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); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h1 {
margin: 0 0 10px 0; margin: 0 0 10px 0;
padding-top: 0.31em; padding-top: 0.31em;
padding-left: 3em; padding-left: 3em;
@ -7025,12 +6973,12 @@ span.egw_tutorial_title {
font-size: 14.3px; font-size: 14.3px;
line-height: 17px; line-height: 17px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header object {
background-color: #ffffff; background-color: #ffffff;
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active {
cursor: pointer; cursor: pointer;
background-image: url("../images/clear.png"); background-image: url("../images/clear.png");
background-position: 95% -3000px; background-position: 95% -3000px;
@ -7044,18 +6992,18 @@ span.egw_tutorial_title {
border-bottom: none; border-bottom: none;
height: 33px; height: 33px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img {
padding-left: 9px; padding-left: 9px;
padding-top: 6px; padding-top: 6px;
height: 18px; height: 18px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 {
text-transform: uppercase; text-transform: uppercase;
font-size: 1.4em; font-size: 1.4em;
color: #000000; color: #000000;
padding-top: .8em; padding-top: .8em;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -7073,7 +7021,7 @@ span.egw_tutorial_title {
border-top-left-radius: 27px; border-top-left-radius: 27px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:active { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -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); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -7091,7 +7039,7 @@ span.egw_tutorial_title {
border-top-left-radius: 27px; border-top-left-radius: 27px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 90% 50%; background-position: 90% 50%;
@ -7100,7 +7048,7 @@ span.egw_tutorial_title {
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
background-color: #bfbfbf; background-color: #bfbfbf;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object {
margin-left: 14px; margin-left: 14px;
margin-top: 8px; margin-top: 8px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -7109,10 +7057,10 @@ span.egw_tutorial_title {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader {
margin-top: -26px; margin-top: -26px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content {
display: block; display: block;
background-image: none; background-image: none;
-webkit-border-top-right-radius: 0; -webkit-border-top-right-radius: 0;
@ -7134,16 +7082,16 @@ span.egw_tutorial_title {
margin: 0 0 2em 0; margin: 0 0 2em 0;
/*######################*/ /*######################*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) {
padding: 5px 0.3em 1.5em 0.3em; padding: 5px 0.3em 1.5em 0.3em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
background-color: #b3b3b3 !important; background-color: #b3b3b3 !important;
border-color: #b4b4b4; border-color: #b4b4b4;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content > div { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content > div {
background-color: #b3b3b3 !important; background-color: #b3b3b3 !important;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
margin: 4px 5px 5px 5px; margin: 4px 5px 5px 5px;
padding: 0.5em 1em 0.5em 0; padding: 0.5em 1em 0.5em 0;
cursor: pointer; cursor: pointer;
@ -7163,7 +7111,7 @@ span.egw_tutorial_title {
border-top-left-radius: 3px; border-top-left-radius: 3px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
@ -7172,17 +7120,17 @@ span.egw_tutorial_title {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon {
display: block; display: block;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content {
border-radius: 0; border-radius: 0;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
background-color: #999999; background-color: #999999;
padding: 0.5em 1em 0.5em 0; padding: 0.5em 1em 0.5em 0;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
border-bottom-width: 0px; border-bottom-width: 0px;
margin-top: 4px; margin-top: 4px;
background-color: #0c5da5; background-color: #0c5da5;
@ -7201,19 +7149,19 @@ span.egw_tutorial_title {
border-top-left-radius: 3px !important; border-top-left-radius: 3px !important;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
background-image: url(../images/arrow_down.png); background-image: url(../images/arrow_down.png);
line-height: 1em; line-height: 1em;
font-size: 12px; font-size: 12px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a {
color: #FFF; color: #FFF;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover {
padding: 5px 30px 5px 0px; padding: 5px 30px 5px 0px;
width: 200px; width: 200px;
background-color: #f0f0f0; background-color: #f0f0f0;
@ -7223,21 +7171,21 @@ span.egw_tutorial_title {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
background-color: inherit; background-color: inherit;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
background-color: #408dd2; background-color: #408dd2;
-webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom {
border-width: 0px 1px 1px 1px; border-width: 0px 1px 1px 1px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_bottom { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_bottom {
border-width: 0px; border-width: 0px;
border-color: #ffffff; border-color: #ffffff;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon {
display: inline-block; display: inline-block;
height: 24px; height: 24px;
padding-left: 0; padding-left: 0;
@ -7255,57 +7203,48 @@ span.egw_tutorial_title {
filter: gray; filter: gray;
/* IE 6-9 */ /* IE 6-9 */
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu { body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu {
width: 82px !important; width: 82px !important;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content, body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content {
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header {
display: none !important; display: none !important;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover {
height: 38px; border-radius: 0;
width: 54px; background-image: url("../images/ajax-loader.gif");
text-overflow: ellipsis;
border-radius: 0px 15px 15px 0px;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img {
src: url(../images/topmenu_items/setup.png) !important; padding: 0;
height: 32px !important;
width: 32px !important;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_tabs_header span { body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header {
margin: 0px 5px 0px 2px; margin: 0px 5px 0px 2px;
padding: 4px 10px 0 16px;
overflow: visible; overflow: visible;
height: 38px; height: 38px;
width: 50px; width: 50px;
border: none; border: none;
border-radius: 10px;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_tabs_header span img { body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img {
height: 32px !important; height: 32px !important;
width: 32px !important; width: 32px !important;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_tabs_header span h1 { body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 {
display: none; display: none;
} }
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu #egw_fw_splitter, body .sidebar-toggle #egw_fw_topmenu_items {
.sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 {
display: none;
}
.sidebar-toggle #egw_fw_topmenu_items {
display: none !important; display: none !important;
} }
#egw_fw_footer { body #egw_fw_footer {
display: none; display: none;
} }
.egw_fw_ui_app_header_container { body .egw_fw_ui_app_header_container {
display: none; display: none;
} }
.egw_fw_content_browser_div { body .egw_fw_content_browser_div {
padding: 0; padding: 0;
background-color: white; background-color: white;
} }
.egw_fw_mobile_popup_container { body .egw_fw_mobile_popup_container {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
@ -7314,12 +7253,14 @@ span.egw_tutorial_title {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
overflow-y: scroll; overflow-y: scroll;
} }
.egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame { body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
width: 100%; width: 100%;
height: 100%; height: 100%;
visibility: hidden; visibility: hidden;
display: block;
background: white;
} }
.dialogHeadbar { body .dialogHeadbar {
height: 50px; height: 50px;
box-shadow: 0px 4px 5px 2px silver; box-shadow: 0px 4px 5px 2px silver;
position: fixed; position: fixed;
@ -7329,20 +7270,20 @@ span.egw_tutorial_title {
right: 0; right: 0;
z-index: 1; z-index: 1;
} }
.dialogHeadbar .et2_button_with_image, body .dialogHeadbar .et2_button_with_image,
.dialogHeadbar .et2_button_text { body .dialogHeadbar .et2_button_text {
height: 46px; height: 46px;
margin: 1px; margin: 1px;
margin-left: 3px; margin-left: 3px;
} }
.dialogHeadbar td { body .dialogHeadbar td {
margin-left: 70px; margin-left: 70px;
display: block; display: block;
} }
#mail-display { body #mail-display {
min-height: initial !important; min-height: initial !important;
} }
#mail-display .mailDisplayContainer { body #mail-display .mailDisplayContainer {
top: 140px; top: 140px;
} }
} }
@ -8030,6 +7971,9 @@ span.egw_tutorial_title {
body .et2_taglist .ms-sel-ctn { body .et2_taglist .ms-sel-ctn {
background: white; background: white;
} }
body .et2_mobile_view {
display: block;
}
body .et2_mobile_view .et2_mobile-view-container { body .et2_mobile_view .et2_mobile-view-container {
padding: 0 14px 0 7px; padding: 0 14px 0 7px;
} }

986
pixelegg/css/mobile.less
View File

File diff suppressed because it is too large Load Diff

8
pixelegg/css/pixelegg.css
View File

@ -4227,7 +4227,7 @@ td.message span.message {
text-decoration: none; text-decoration: none;
height: 32px; height: 32px;
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12.100000000000001px; font-size: 12.1px;
line-height: 1.5em; line-height: 1.5em;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@ -4251,7 +4251,7 @@ td.message span.message {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px; padding-right: 20px;
font-size: 12.100000000000001px; font-size: 12.1px;
content: " "; content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4649,7 +4649,7 @@ td.message span.message {
padding-left: 3em; padding-left: 3em;
color: #999999; color: #999999;
/*font-size: 12px;*/ /*font-size: 12px;*/
font-size: 12.100000000000001px; font-size: 12.1px;
line-height: 17px; line-height: 17px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@ -4820,7 +4820,7 @@ td.message span.message {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
font-size: 12.100000000000001px; font-size: 12.1px;
background-image: url(../images/arrow_left.png); background-image: url(../images/arrow_left.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;

3
pixelegg/head_mobile.tpl
View File

@ -37,8 +37,7 @@
</div> </div>
</div> </div>
<div id="egw_fw_sidebar"> <div id="egw_fw_sidebar">
<div id="egw_fw_sidemenu"> <div id="egw_fw_sidemenu"></div>
</div>
</div> </div>
<div id="egw_fw_main"> <div id="egw_fw_main">