mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-13 17:38:19 +01:00
Mobile theme W.I.P.:
- Make pixelegg mobile theme separated from mobile fw theme - Fix devices with high resolution don't work properly
This commit is contained in:
Hadi Nategh
parent
c871f25ddb
commit
2ff7313efc
@ -1407,7 +1407,7 @@ abstract class egw_framework
|
||||
|
||||
// For mobile user-agent we prefer mobile theme over selected one with a final fallback to theme named as template
|
||||
$themes_to_check = array();
|
||||
if (html::$ua_mobile) $themes_to_check[] = $this->template_dir.'/css/mobile.css';
|
||||
if (html::$ua_mobile) $themes_to_check[] = $this->template_dir.'/mobile/fw_mobile.css';
|
||||
$themes_to_check[] = $this->template_dir.'/css/'.$GLOBALS['egw_info']['user']['preferences']['common']['theme'].'.css';
|
||||
$themes_to_check[] = $this->template_dir.'/css/'.$this->template.'.css';
|
||||
foreach($themes_to_check as $theme_css)
|
||||
|
||||
@ -600,109 +600,6 @@
|
||||
}
|
||||
/*################################################################
|
||||
*
|
||||
* ADD BUTTON for Infolog View in ADDRESSBOOK
|
||||
*
|
||||
################################################################*/
|
||||
.nextmatch_header div.et2_box_widget {
|
||||
/*border: 1px solid #0C5DA5;*/
|
||||
/*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
|
||||
/*text-shadow: none;*/
|
||||
height: 24px;
|
||||
margin-top: 0px;
|
||||
margin-left: 12px;
|
||||
padding: 4px;
|
||||
/*background-color: @gray_10;*/
|
||||
position: relative;
|
||||
top: 5px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-moz-border-radius-topleft: 10px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-top-left-radius: 10px;
|
||||
/*.background-clip(padding-box);*/
|
||||
background-image: none !important;
|
||||
transition: all 0.5s linear;
|
||||
-webkit-transition: all 0.5s linear;
|
||||
/* Safari */
|
||||
/* &:before {
|
||||
content: "+";
|
||||
font-size: 20px;
|
||||
color: @egw_color_1_a;
|
||||
line-height: 1px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
text-shadow: 1px 1px 2px #000;*/
|
||||
/*.Complete_Button_Icon_normal;*/
|
||||
/*.dimension_width_height_sm;*/
|
||||
/*}*/
|
||||
/*Text ""hinzufügen" "*/
|
||||
/* commented as it hides upload in filemanager span {display: none;}*/
|
||||
/*MouseOver*/
|
||||
/* &:hover {
|
||||
.box_shadow_standard_light_hover;
|
||||
background-color: fade(@egw_color_2_a, 80%) !important;
|
||||
.border_radius_button_lefttop;
|
||||
.dimension_height_sm;
|
||||
|
||||
&:before {content: ""; font-size: 1em;padding-left: 5px;}
|
||||
|
||||
Text
|
||||
span {visibility: hidden; display: none;};
|
||||
img {.scale; margin: 0 5px; background: @gray_0;}
|
||||
}*/
|
||||
}
|
||||
.nextmatch_header div.et2_box_widget img {
|
||||
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
|
||||
/*.background_color_10_gray;*/
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 0.5em;
|
||||
padding: 0px;
|
||||
margin-top: 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.nextmatch_header div.et2_box_widget img:hover {
|
||||
/*.background_color_20_gray;*/
|
||||
-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);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #189800;
|
||||
}
|
||||
.nextmatch_header div.et2_box_widget img:active {
|
||||
/*.background_color_30_gray;*/
|
||||
border: 1px solid rgba(0, 0, 0, 0.9);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-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);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
background-color: #1aa200;
|
||||
}
|
||||
.nextmatch_header div.et2_box_widget img:last-child {
|
||||
margin-right: 5px;
|
||||
}
|
||||
/*######################################################*/
|
||||
/*################################################################
|
||||
*
|
||||
* Filters
|
||||
*
|
||||
################################################################*/
|
||||
@ -6188,19 +6085,6 @@ span.egw_tutorial_title {
|
||||
/*@import "../less/layout_nextmatch.less";*/
|
||||
/*@import "../less/layout_footer.less";*/
|
||||
/*@import "../less/layout_dialog.less";*/
|
||||
/********************************/
|
||||
/* */
|
||||
/* MEDIA DEFINITION */
|
||||
/* */
|
||||
/********************************/
|
||||
/*Tablets Max-Width*/
|
||||
/*Smartphones Max-Width*/
|
||||
/*Smartphones Min-Width*/
|
||||
/*All devices portrait mode*/
|
||||
/*All devices landscape mode*/
|
||||
/*Tablets landscape mode*/
|
||||
/*Tablets Portrait*/
|
||||
/*Smartphones*/
|
||||
@keyframes fw-firstload {
|
||||
0%,
|
||||
20%,
|
||||
@ -7017,841 +6901,3 @@ span.egw_tutorial_title {
|
||||
top: 140px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-device-width : 1024px) {
|
||||
#egw_fw_print {
|
||||
display: none;
|
||||
}
|
||||
div#loginMainDiv {
|
||||
background-color: #486F93;
|
||||
width: 101%;
|
||||
}
|
||||
div#loginMainDiv #divAppIconBar {
|
||||
background: white;
|
||||
}
|
||||
div#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
|
||||
width: 40%;
|
||||
margin-top: 5px;
|
||||
background: white;
|
||||
}
|
||||
div#loginMainDiv div#centerBox {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form {
|
||||
margin-top: 3em;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox tr.hiddenCredential {
|
||||
display: none;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
||||
font-size: large;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox input,
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox select {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox td {
|
||||
font-size: large;
|
||||
padding: 0.8%;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox td.registration {
|
||||
font-size: 180%;
|
||||
}
|
||||
div#loginMainDiv div#centerBox form table.divLoginbox td select {
|
||||
background-size: 48px auto;
|
||||
}
|
||||
div#loginMainDiv div#centerBox #loginCdMessage {
|
||||
font-size: 10pt !important;
|
||||
color: white;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
|
||||
body div#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
|
||||
width: 70%;
|
||||
}
|
||||
body div#loginMainDiv div#centerBox form table.divLoginbox {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
||||
font-size: large;
|
||||
}
|
||||
body div#loginMainDiv div#centerBox form table.divLoginbox input,
|
||||
body div#loginMainDiv div#centerBox form table.divLoginbox select {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
body div#loginMainDiv div#centerBox form table.divLoginbox td {
|
||||
font-size: large;
|
||||
padding: 0.8%;
|
||||
}
|
||||
body div#loginMainDiv div#centerBox form table.divLoginbox td.registration {
|
||||
font-size: 250%;
|
||||
}
|
||||
body div#loginMainDiv div#centerBox #loginCdMessage {
|
||||
font-size: large;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-device-width: 700px) and (min-width: 321px) {
|
||||
body #egw_fw_basecontainer.sidebar-toggle div#egw_fw_top_toolbar {
|
||||
z-index: 0;
|
||||
}
|
||||
body #egw_fw_basecontainer.sidebar-toggle #egw_fw_main {
|
||||
margin-left: 0 !important ;
|
||||
}
|
||||
body #egw_fw_basecontainer.sidebar-toggle #egw_fw_main #egw_fw_tabs {
|
||||
-webkit-filter: none;
|
||||
-moz-filter: none;
|
||||
-ms-filter: none;
|
||||
-o-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
body #egw_fw_basecontainer #egw_fw_top_toolbar {
|
||||
z-index: 998;
|
||||
width: 300px;
|
||||
background: white;
|
||||
}
|
||||
body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
|
||||
width: 245px;
|
||||
display: inline;
|
||||
float: left;
|
||||
position: fixed;
|
||||
padding-left: 50px;
|
||||
padding-right: 5px;
|
||||
background: white;
|
||||
height: 100%;
|
||||
z-index: 998;
|
||||
border-right: 2px solid silver;
|
||||
}
|
||||
body #egw_fw_basecontainer #egw_fw_sidebar {
|
||||
z-index: 999;
|
||||
background: white;
|
||||
}
|
||||
body #egw_fw_basecontainer #egw_fw_main #egw_fw_tabs {
|
||||
-webkit-filter: brightness(20%);
|
||||
-moz-filter: brightness(20%);
|
||||
-ms-filter: brightness(20%);
|
||||
-o-filter: brightness(20%);
|
||||
filter: brightness(20%);
|
||||
}
|
||||
}
|
||||
/*mobile etemplate2*/
|
||||
/*mobile etemplate2*/
|
||||
@media only screen and (min-width: 320px) and (max-width: 1290px) {
|
||||
html * {
|
||||
touch-action: auto;
|
||||
}
|
||||
body {
|
||||
/*Chosen*/
|
||||
/* View mode styles*/
|
||||
}
|
||||
body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu {
|
||||
background-image: url(../images/topmenu_items/mobile/menu_white.png);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-color: transparent;
|
||||
background-position: 15px center;
|
||||
margin-left: 8px;
|
||||
}
|
||||
body #egw_fw_basecontainer .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
|
||||
padding-top: 8px;
|
||||
}
|
||||
body div.dhtmlxMenu_egw_SubLevelArea_Polygon {
|
||||
font-size: medium;
|
||||
top: 50px !important;
|
||||
right: 0px;
|
||||
left: auto !important;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
}
|
||||
body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
|
||||
width: 100%;
|
||||
}
|
||||
body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
|
||||
height: 46px;
|
||||
}
|
||||
body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
|
||||
width: 100%;
|
||||
height: 46px !important;
|
||||
}
|
||||
body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
|
||||
width: 100%;
|
||||
}
|
||||
body div#egw_message {
|
||||
bottom: 0px;
|
||||
top: auto;
|
||||
left: 0px;
|
||||
right: 0px !important;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
body div.ui-dialog {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
body div.ui-dialog-content {
|
||||
height: 87% !important;
|
||||
margin-top: 60px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
body .ui-dialog .ui-dialog-buttonpane {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
display: block !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
height: 50px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
body .ui-dialog-titlebar {
|
||||
display: none;
|
||||
}
|
||||
body button.plus_button {
|
||||
position: absolute !important;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-position: center;
|
||||
z-index: 100;
|
||||
background-color: #0c5da5;
|
||||
border: none;
|
||||
box-shadow: 0px 1px 5px 3px silver;
|
||||
background-image: none !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body button.plus_button:after {
|
||||
content: '+';
|
||||
font-weight: bold;
|
||||
font-size: 34pt;
|
||||
color: #fafafa;
|
||||
}
|
||||
body button.plus_button:hover,
|
||||
body button.plus_button:active {
|
||||
background-color: #0c5da5;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header_row,
|
||||
body .et2_nextmatch .nextmatch_header {
|
||||
background-color: background-color-egw-dark;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header_row div.header_row_right,
|
||||
body .et2_nextmatch .nextmatch_header div.header_row_right {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header_row div.filtersContainer,
|
||||
body .et2_nextmatch .nextmatch_header div.filtersContainer {
|
||||
width: 100%;
|
||||
margin-top: 37px;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header_row select,
|
||||
body .et2_nextmatch .nextmatch_header select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
font-size: 12pt;
|
||||
background-size: 32px;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-radius: 0;
|
||||
border-bottom: none;
|
||||
padding-left: 10px;
|
||||
max-width: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header_row label,
|
||||
body .et2_nextmatch .nextmatch_header label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
float: left;
|
||||
font-size: 12pt;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header_row label select,
|
||||
body .et2_nextmatch .nextmatch_header label select {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin: 0;
|
||||
height: 50px;
|
||||
font-size: 12pt;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header.nm_header_hide {
|
||||
display: none !important;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header {
|
||||
background-color: white;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid silver;
|
||||
border-top: none;
|
||||
box-shadow: 0px 1px 1px 1px silver;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header div.et2_box_widget {
|
||||
display: block;
|
||||
height: 50px;
|
||||
}
|
||||
body .et2_nextmatch .nextmatch_header .et2_button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
body .et2_nextmatch .egwGridView_outer thead tr {
|
||||
visibility: hidden;
|
||||
}
|
||||
body .et2_nextmatch .search.searchOn input {
|
||||
border: none;
|
||||
background: white;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: 110px;
|
||||
width: 80%;
|
||||
height: 50px;
|
||||
}
|
||||
body .et2_nextmatch .search.searchOn button[id$="search_button"] {
|
||||
background-image: none !important;
|
||||
}
|
||||
body .et2_nextmatch .search.searchOn button[id$="search_button"]:after {
|
||||
content: "\2613";
|
||||
font-weight: bold;
|
||||
font-size: 18pt;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header {
|
||||
background: #0c5da5;
|
||||
margin-top: 0;
|
||||
padding-left: 60px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
position: relative;
|
||||
height: 50px;
|
||||
z-index: 1;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background-repeat: no-repeat;
|
||||
font-size: large;
|
||||
background-color: #0c5da5;
|
||||
border: none;
|
||||
margin: 0;
|
||||
color: white;
|
||||
background-size: 18px 18px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.et2_searchbox {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_toggle_header {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right: 5px;
|
||||
border-left: 1px solid silver;
|
||||
border: 0;
|
||||
color: white;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_toggle_header:focus {
|
||||
outline: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_toggle_header:after {
|
||||
font-size: 18pt;
|
||||
content: "\2261";
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_action_header {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right: 5px;
|
||||
border-left: 1px solid silver;
|
||||
border: 0;
|
||||
color: white;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_action_header:focus {
|
||||
outline: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_action_header:after {
|
||||
font-size: 18pt;
|
||||
content: "\205D";
|
||||
font-weight: bold;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_action_header.back:after {
|
||||
font-size: 18pt;
|
||||
content: "\2190";
|
||||
font-weight: bold;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right: 5px;
|
||||
border-left: 1px solid silver;
|
||||
border: 0;
|
||||
color: white;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div:focus {
|
||||
outline: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] {
|
||||
position: relative !important;
|
||||
top: 0 !important;
|
||||
outline: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:first-child {
|
||||
display: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:nth-child(2) div:first-child {
|
||||
display: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:nth-child(2):after {
|
||||
font-size: 17pt;
|
||||
content: "\2606";
|
||||
font-weight: bold;
|
||||
vertical-align: super;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites {
|
||||
width: 160px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid silver;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a {
|
||||
width: 100%;
|
||||
line-height: 30px;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a input {
|
||||
display: none;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a div.ui-icon-trash {
|
||||
display: block;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header button.nm_toggle_header_on:after {
|
||||
content: "\2613";
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header input[type="search"] {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-size: large;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
opacity: 0;
|
||||
background-color: #0c5da5;
|
||||
color: black;
|
||||
position: absolute;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header input[type="search"]:active {
|
||||
border: none;
|
||||
background: #0c5da5;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header input[type="search"]:focus {
|
||||
border: none;
|
||||
background: white;
|
||||
outline: none;
|
||||
opacity: 1;
|
||||
left: 110px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
z-index: 2;
|
||||
}
|
||||
body .et2_nextmatch .nm-mob-header div.nm_appname_header {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
color: white;
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
opacity: 0.2;
|
||||
text-align: center;
|
||||
display: inline;
|
||||
padding-top: 13px;
|
||||
z-index: -1;
|
||||
}
|
||||
body .et2_nextmatch .header_row_right {
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
body .et2_nextmatch .header_row_right div[id$=favorite_wrapper] {
|
||||
margin: 0;
|
||||
top: 0 !important;
|
||||
height: 50px;
|
||||
}
|
||||
body .et2_nextmatch .header_row_right * {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
body .et2_nextmatch .header_row_right .et2_dropdown button {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
body .et2_nextmatch .header_count {
|
||||
margin: 0;
|
||||
height: 50px;
|
||||
font-size: 12pt;
|
||||
margin-top: -3px;
|
||||
margin-right: 0px;
|
||||
float: right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
body .et2_nextmatch .header_count span {
|
||||
font-size: 12pt;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tr div.h2_hbox {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tr img {
|
||||
height: 12px;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr.focused {
|
||||
background-image: none;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr.selected {
|
||||
background: #696969 !important;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr.selected * {
|
||||
color: white !important;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr.selected td:last-child:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
background: #ffffff;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
color: white;
|
||||
background-image: url(../images/agt_action_success.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: auto;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr:hover {
|
||||
background: transparent;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td {
|
||||
padding: 10px 0px 10px 0px;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_label,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_button,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_link,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox_ro,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_email,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td img,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td span {
|
||||
padding: 8px 0px 0px 0px;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td time.et2_label,
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td span.mobile_cat_col {
|
||||
padding: 0;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr td div.et2_progress {
|
||||
margin: 0;
|
||||
}
|
||||
body .et2_nextmatch table.egwGridView_grid tbody tr.swipe {
|
||||
background-color: #ffc200;
|
||||
border: none;
|
||||
}
|
||||
body .et2_nextmatch .egwGridView_outer {
|
||||
width: 100%;
|
||||
}
|
||||
body .et2_nextmatch .egwGridView_outer thead {
|
||||
max-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
body .et2_nextmatch .egwGridView_outer thead tr th {
|
||||
font-size: large;
|
||||
}
|
||||
body .et2_nextmatch .egwGridView_outer td img {
|
||||
border: none;
|
||||
}
|
||||
body .dtree img {
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
}
|
||||
body .dtree table,
|
||||
body .dtree tr,
|
||||
body .dtree td {
|
||||
padding: 2px;
|
||||
padding-left: 0;
|
||||
padding-right: 0px;
|
||||
}
|
||||
body .dtree .containerTableStyle {
|
||||
overflow: auto;
|
||||
}
|
||||
body .et2_details .et2_details_toggle:after {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
font-size: 18pt;
|
||||
text-align: center;
|
||||
padding: 9px;
|
||||
}
|
||||
body input {
|
||||
border: none;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
body #popupMainDiv * {
|
||||
font-size: 10pt;
|
||||
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
|
||||
}
|
||||
body #popupMainDiv .et2_textbox,
|
||||
body #popupMainDiv .et2_date,
|
||||
body #popupMainDiv .et2_dropdown,
|
||||
body #popupMainDiv .et2_link,
|
||||
body #popupMainDiv .et2_label,
|
||||
body #popupMainDiv input {
|
||||
height: 25px;
|
||||
}
|
||||
body #popupMainDiv .et2_button_with_image,
|
||||
body #popupMainDiv .et2_button_text {
|
||||
height: 46px;
|
||||
margin: 1px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
body #popupMainDiv form {
|
||||
margin-top: 50px;
|
||||
}
|
||||
body #popupMainDiv .et2_details.et2_details_expanded {
|
||||
background-color: transparent;
|
||||
}
|
||||
body #popupMainDiv .et2_details.et2_details_expanded .et2_details_title {
|
||||
display: inline-block;
|
||||
background-color: #F0F0F0;
|
||||
width: 100%;
|
||||
padding-top: 6px;
|
||||
}
|
||||
body #popupMainDiv .et2_details {
|
||||
position: relative;
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
body #popupMainDiv .et2_details .et2_details_toggle {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
body #popupMainDiv .et2_details .et2_details_title {
|
||||
padding-top: 6px;
|
||||
margin-top: 0;
|
||||
}
|
||||
body .rowHeader {
|
||||
font-size: 12pt;
|
||||
}
|
||||
body .et2_fullWidth input[type="radio"] {
|
||||
width: auto;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar {
|
||||
background-color: transparent;
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar button {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
background-size: 18px 18px;
|
||||
touch-action: auto;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar div.ui-toolbar-menulist {
|
||||
min-width: 200px;
|
||||
height: 322px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption {
|
||||
width: auto;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-state-hover {
|
||||
background: none;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader {
|
||||
color: transparent;
|
||||
border: none;
|
||||
height: 46px;
|
||||
width: 35px;
|
||||
padding: 0 !important;
|
||||
margin-right: 15px;
|
||||
margin-top: -7px;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader:after {
|
||||
font-size: 18pt;
|
||||
content: "\205D";
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader span {
|
||||
display: none;
|
||||
}
|
||||
body .et2_tabbox.vertical .et2_tabflag {
|
||||
border: none;
|
||||
}
|
||||
body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before {
|
||||
padding: 0;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
font-size: 18pt;
|
||||
}
|
||||
body .et2_link_to div {
|
||||
height: 40px;
|
||||
padding-bottom: 3px;
|
||||
width: 99% !important;
|
||||
}
|
||||
body .et2_link_to .et2_file {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body .et2_link_to .et2_file .et2_file_span,
|
||||
body .et2_link_to .et2_file .et2_file_spanHover,
|
||||
body .et2_link_to .et2_file .et2_file_upload {
|
||||
height: 25px !important;
|
||||
}
|
||||
body .chzn-container ul.chzn-choices {
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
body .chzn-container-multi .chzn-choices li.search-field .default {
|
||||
color: #666;
|
||||
}
|
||||
body .et2_taglist .ms-ctn {
|
||||
border: none;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
border-radius: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
body .et2_taglist .ms-sel-ctn {
|
||||
background: white;
|
||||
}
|
||||
body .et2_mobile_view {
|
||||
display: block;
|
||||
}
|
||||
body .et2_mobile_view .et2_mobile-view-container {
|
||||
padding: 0 14px 0 7px;
|
||||
/*Disable et2_link_to as it does not make sense in view mode*/
|
||||
}
|
||||
body .et2_mobile_view .et2_mobile-view-container div.et2_link_to {
|
||||
display: none;
|
||||
}
|
||||
body .et2_mobile_view table.et2_grid tr td {
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
body .mobile-view-editBtn {
|
||||
position: fixed;
|
||||
top: 2px;
|
||||
left: 70px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
float: left;
|
||||
z-index: 104;
|
||||
font-size: 18pt !important;
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
body .mobile-view-editBtn:before {
|
||||
content: "";
|
||||
font-size: 24pt;
|
||||
color: white;
|
||||
padding-left: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
body .et2_searchbox button.et2_button.searched {
|
||||
background-image: url(../images/topmenu_items/mobile/search.png);
|
||||
}
|
||||
body .et2_searchbox button.et2_button {
|
||||
background-image: url(../images/topmenu_items/mobile/search_white.png) !important;
|
||||
}
|
||||
body .et2_searchbox input {
|
||||
font-size: 10pt;
|
||||
}
|
||||
body .et2_searchbox.expanded {
|
||||
position: absolute;
|
||||
width: 100% !important;
|
||||
height: 50px;
|
||||
margin-left: 0;
|
||||
}
|
||||
body .et2_searchbox.expanded button.et2_button {
|
||||
display: none;
|
||||
}
|
||||
body .et2_searchbox.expanded input {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
margin: 0;
|
||||
top: 0;
|
||||
outline: none;
|
||||
}
|
||||
body .et2_searchbox.expanded span.ui-icon.clear {
|
||||
right: 80px;
|
||||
top: 14px;
|
||||
}
|
||||
body .et2_searchbox.expanded .flex {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -12,29 +12,6 @@
|
||||
|
||||
@import "pixelegg.less";
|
||||
@import (reference) "../less/def_mobile.less";
|
||||
/********************************/
|
||||
/* */
|
||||
/* MEDIA DEFINITION */
|
||||
/* */
|
||||
/********************************/
|
||||
/*Tablets Max-Width*/
|
||||
@tablet-max: 1024px;
|
||||
/*Smartphones Max-Width*/
|
||||
@smartphone-max: 700px;
|
||||
/*Smartphones Min-Width*/
|
||||
@smartphone-min: 321px;
|
||||
@handheld: ~"only screen and (max-device-width : @{tablet-max})";
|
||||
/*All devices portrait mode*/
|
||||
@handheld-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : portrait)";
|
||||
/*All devices landscape mode*/
|
||||
@handheld-landscape: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : landscape)";
|
||||
/*Tablets landscape mode*/
|
||||
@tablet-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (min-width: @{smartphone-max}) and (orientation : landscape)";
|
||||
/*Tablets Portrait*/
|
||||
@tablet-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (min-width: @{smartphone-max}) and (orientation : portrait)";
|
||||
/*Smartphones*/
|
||||
@smartphones: ~"only screen and (max-device-width: @{smartphone-max}) and (min-width: @{smartphone-min})";
|
||||
|
||||
|
||||
@keyframes fw-firstload {
|
||||
0%, 20%, 50%, 80%, 100% {
|
||||
@ -874,944 +851,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
@media @handheld
|
||||
{
|
||||
#egw_fw_print {
|
||||
display:none;
|
||||
}
|
||||
div#loginMainDiv{
|
||||
.mob-bg-login;
|
||||
width:101%;
|
||||
#divAppIconBar {
|
||||
background:white;
|
||||
#divLogo img[src$="svg"] {
|
||||
width:40%;
|
||||
margin-top: 5px;
|
||||
background:white;
|
||||
}
|
||||
}
|
||||
div#centerBox{
|
||||
position:absolute;
|
||||
margin: 0;
|
||||
bottom:0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius:0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
background-repeat: no-repeat;
|
||||
border:none;
|
||||
border-radius: 0;
|
||||
form {
|
||||
margin-top: 3em;
|
||||
|
||||
table.divLoginbox {
|
||||
width:100%;
|
||||
float:left;
|
||||
tr.hiddenCredential {
|
||||
display:none;
|
||||
}
|
||||
input[type="submit"] {
|
||||
font-size: large;
|
||||
|
||||
}
|
||||
input, select {
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
td {
|
||||
font-size: large;
|
||||
padding:0.8%;
|
||||
&.registration{
|
||||
font-size: 180%;
|
||||
}
|
||||
select {
|
||||
background-size: 48px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#loginCdMessage {
|
||||
.mob-fontsize-n !important;
|
||||
.mob-color-login-message;
|
||||
padding:0;
|
||||
border:0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media @handheld-portrait
|
||||
{
|
||||
body{
|
||||
div#loginMainDiv{
|
||||
#divAppIconBar {
|
||||
#divLogo img[src$="svg"] {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
div#centerBox{
|
||||
form {
|
||||
table.divLoginbox {
|
||||
width:100%;
|
||||
float:left;
|
||||
input[type="submit"] {
|
||||
font-size: large;
|
||||
|
||||
}
|
||||
input, select {
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
td {
|
||||
font-size: large;
|
||||
padding:0.8%;
|
||||
&.registration {
|
||||
font-size: 250%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#loginCdMessage {
|
||||
font-size:large;
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media @smartphones {
|
||||
body{
|
||||
#egw_fw_basecontainer.sidebar-toggle
|
||||
{
|
||||
div#egw_fw_top_toolbar {
|
||||
z-index: 0;
|
||||
}
|
||||
#egw_fw_main {
|
||||
margin-left:0 !important ;
|
||||
#egw_fw_tabs {
|
||||
-webkit-filter: none;
|
||||
-moz-filter: none;
|
||||
-ms-filter: none;
|
||||
-o-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
#egw_fw_basecontainer {
|
||||
|
||||
#egw_fw_top_toolbar {
|
||||
z-index: 998;
|
||||
width: 300px;
|
||||
background: white;
|
||||
div#egw_fw_topmenu_items{
|
||||
width: 245px;
|
||||
display: inline;
|
||||
float: left;
|
||||
position: fixed;
|
||||
padding-left: 50px;
|
||||
padding-right:5px;
|
||||
background:white;
|
||||
height:100%;
|
||||
z-index:998;
|
||||
border-right:2px solid silver;
|
||||
}
|
||||
}
|
||||
#egw_fw_sidebar {
|
||||
z-index: 999;
|
||||
background:white;
|
||||
}
|
||||
#egw_fw_main {
|
||||
#egw_fw_tabs {
|
||||
-webkit-filter: brightness(20%);
|
||||
-moz-filter: brightness(20%);
|
||||
-ms-filter: brightness(20%);
|
||||
-o-filter: brightness(20%);
|
||||
filter: brightness(20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*mobile etemplate2*/
|
||||
|
||||
/*mobile etemplate2*/
|
||||
@mobile-elem-height: 50px;
|
||||
@mobile-button-width: 50px;
|
||||
@mobile-nm-search-bg: #0c5da5;
|
||||
@media only screen and (min-width: 320px) and (max-width: 1290px) {
|
||||
html *{touch-action:auto;}
|
||||
body
|
||||
{
|
||||
#egw_fw_basecontainer.sidebar-toggle {
|
||||
#egw_fw_top_toolbar {
|
||||
div#egw_fw_menu {
|
||||
background-image: url(../images/topmenu_items/mobile/menu_white.png);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-color: transparent;
|
||||
background-position: 15px center;
|
||||
margin-left:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#egw_fw_basecontainer {
|
||||
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
|
||||
width:18px;
|
||||
height:18px;
|
||||
}
|
||||
#egw_fw_top_toolbar {
|
||||
div#egw_fw_topmenu_items {
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//###################
|
||||
//# #
|
||||
//# CONTEXT MENU #
|
||||
//# #
|
||||
//###################
|
||||
div.dhtmlxMenu_egw_SubLevelArea_Polygon
|
||||
{
|
||||
font-size:medium;
|
||||
top:50px !important;
|
||||
right:0px;
|
||||
left:auto !important;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
table.dhtmlxMebu_SubLevelArea_Tbl{
|
||||
width:100%;
|
||||
tr.sub_item_selected {height:46px;}
|
||||
tr.sub_item {width:100%;height:46px !important;}
|
||||
td.sub_item_hk {width:100%;}
|
||||
}
|
||||
}
|
||||
div#egw_message {
|
||||
bottom: 0px;
|
||||
top: auto;
|
||||
left: 0px;
|
||||
right: 0px !important;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
div.ui-dialog {
|
||||
width:100% !important;
|
||||
height:100% !important;
|
||||
left:0 !important;
|
||||
top:0 !important;
|
||||
}
|
||||
div.ui-dialog-content {
|
||||
height:87% !important;
|
||||
margin-top: 60px !important;
|
||||
padding:0 !important;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
position: fixed !important;
|
||||
top:0 !important;
|
||||
left:0 !important;
|
||||
display:block !important;
|
||||
padding:0 !important;
|
||||
margin: 0 !important;
|
||||
height: 50px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
width: 100%;
|
||||
z-index:1;
|
||||
.ui-dialog-buttonset {float:right;}
|
||||
}
|
||||
.ui-dialog-titlebar {
|
||||
display: none;
|
||||
}
|
||||
button.plus_button {
|
||||
position: absolute !important;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-position: center;
|
||||
z-index: 100;
|
||||
background-color: #0c5da5;
|
||||
border: none;
|
||||
box-shadow: 0px 1px 5px 3px silver;
|
||||
background-image: none !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&:after {
|
||||
content: '+';
|
||||
font-weight: bold;
|
||||
font-size: 34pt;
|
||||
color: #fafafa;
|
||||
}
|
||||
&:hover, &:active {
|
||||
background-color: #0c5da5;
|
||||
}
|
||||
}
|
||||
.et2_nextmatch {
|
||||
.nextmatch_header_row, .nextmatch_header
|
||||
{
|
||||
div.header_row_right {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top:0;
|
||||
}
|
||||
div.filtersContainer {
|
||||
width:100%;
|
||||
margin-top:37px;
|
||||
}
|
||||
background-color: background-color-egw-dark;
|
||||
|
||||
select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: @mobile-elem-height;
|
||||
.mob-fontsize-l;
|
||||
background-size: 32px;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-radius: 0;
|
||||
border-bottom: none;
|
||||
padding-left:10px;
|
||||
max-width:none;
|
||||
background-color: transparent;
|
||||
}
|
||||
label {
|
||||
display:block;
|
||||
width: 100%;
|
||||
float: left;
|
||||
.mob-fontsize-l;
|
||||
select {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin: 0;
|
||||
height: @mobile-elem-height;
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nextmatch_header.nm_header_hide {
|
||||
display:none !important;
|
||||
}
|
||||
.nextmatch_header {
|
||||
background-color: white;
|
||||
padding:0;
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
border-bottom: 1px solid silver;
|
||||
border-top: none;
|
||||
box-shadow: 0px 1px 1px 1px silver;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
div.et2_box_widget {
|
||||
display:block;
|
||||
height:@mobile-elem-height;
|
||||
}
|
||||
.et2_button {
|
||||
width:@mobile-button-width;
|
||||
height: @mobile-elem-height;
|
||||
}
|
||||
|
||||
}
|
||||
.egwGridView_outer {
|
||||
thead {
|
||||
tr {
|
||||
visibility:hidden;
|
||||
th{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.search.searchOn {
|
||||
input {
|
||||
border:none;
|
||||
background: white;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: 110px;
|
||||
width:80%;
|
||||
height:@mobile-elem-height;
|
||||
}
|
||||
button[id$="search_button"] {
|
||||
background-image: none !important;
|
||||
&:after{
|
||||
content:"\2613";
|
||||
font-weight: bold;
|
||||
font-size:18pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nm-mob-header {
|
||||
background: @mobile-nm-search-bg;
|
||||
margin-top: 0;
|
||||
padding-left: 60px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
position: relative;
|
||||
height: 50px;
|
||||
z-index: 1;
|
||||
button {
|
||||
height: @mobile-elem-height;
|
||||
width: @mobile-button-width;
|
||||
background-repeat: no-repeat;
|
||||
font-size:large;
|
||||
background-color: @mobile-nm-search-bg;
|
||||
border: none;
|
||||
margin:0;
|
||||
color: white;
|
||||
background-size: 18px 18px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
div.et2_searchbox {
|
||||
display: inline-block;
|
||||
width:50px;
|
||||
}
|
||||
button.nm_toggle_header {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right:5px;
|
||||
border-left:1px solid silver;
|
||||
border:0;
|
||||
color: white;
|
||||
width:50px;
|
||||
height:50px;
|
||||
display:block;
|
||||
float:right;
|
||||
&:focus{
|
||||
outline:none;
|
||||
}
|
||||
&:after{
|
||||
font-size: 18pt;
|
||||
content:"\2261";
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
button.nm_action_header {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right:5px;
|
||||
border-left:1px solid silver;
|
||||
border:0;
|
||||
color: white;
|
||||
width:50px;
|
||||
height:50px;
|
||||
display:block;
|
||||
float:right;
|
||||
&:focus{
|
||||
outline:none;
|
||||
}
|
||||
&:after{
|
||||
font-size:18pt;
|
||||
content:"\205D";
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
button.nm_action_header.back {
|
||||
|
||||
&:after{
|
||||
font-size:18pt;
|
||||
content: "\2190";
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
div.nm_favorites_div {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right:5px;
|
||||
border-left:1px solid silver;
|
||||
border:0;
|
||||
color: white;
|
||||
width:50px;
|
||||
height:50px;
|
||||
display:block;
|
||||
float:right;
|
||||
&:focus{
|
||||
outline:none;
|
||||
}
|
||||
div[name="favorite"] {
|
||||
position:relative !important;
|
||||
top:0 !important;
|
||||
outline:none;
|
||||
.et2_dropdown {
|
||||
button:first-child {
|
||||
display: none;
|
||||
}
|
||||
button:nth-child(2) {
|
||||
div:first-child {
|
||||
display: none;
|
||||
}
|
||||
&:after{
|
||||
font-size: 17pt;
|
||||
content: "\2606";
|
||||
font-weight: bold;
|
||||
vertical-align: super;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.favorites {
|
||||
width:160px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
border: 1px solid silver;
|
||||
li.ui-menu-item {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid silver;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
line-height: 30px;
|
||||
input{
|
||||
display: none;
|
||||
}
|
||||
div.ui-icon-trash {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
button.nm_toggle_header_on {
|
||||
&:after {
|
||||
content:"\2613";
|
||||
}
|
||||
}
|
||||
input[type="search"] {
|
||||
width: 50px;
|
||||
height: @mobile-elem-height;
|
||||
font-size: large;
|
||||
margin:0;
|
||||
border:0;
|
||||
opacity: 0;
|
||||
background-color:@mobile-nm-search-bg;
|
||||
color: black;
|
||||
position: absolute;
|
||||
&:active{
|
||||
border:none;
|
||||
background: @mobile-nm-search-bg;
|
||||
}
|
||||
&:focus {
|
||||
border:none;
|
||||
background:white;
|
||||
outline: none;
|
||||
opacity: 1;
|
||||
left:110px;
|
||||
position: absolute;
|
||||
width:100%;
|
||||
height:@mobile-elem-height;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
div.nm_appname_header {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 50px;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
color: white;
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
opacity:0.2;
|
||||
text-align: center;
|
||||
display: inline;
|
||||
padding-top: 13px;
|
||||
z-index:-1;
|
||||
}
|
||||
}
|
||||
.header_row_right {
|
||||
div[id$=favorite_wrapper] {
|
||||
margin:0;
|
||||
top:0 !important;
|
||||
height:@mobile-elem-height;
|
||||
}
|
||||
height: @mobile-elem-height;
|
||||
width: 100%;
|
||||
padding:0;
|
||||
* {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
}
|
||||
.et2_dropdown {
|
||||
button {
|
||||
height:@mobile-elem-height;
|
||||
width: @mobile-button-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header_count{
|
||||
margin:0;
|
||||
height:@mobile-elem-height;
|
||||
.mob-fontsize-l;
|
||||
margin-top: -3px;
|
||||
margin-right: 0px;
|
||||
float:right;
|
||||
border: none;
|
||||
border-radius:0;
|
||||
span {
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
}
|
||||
table.egwGridView_grid {
|
||||
tr {
|
||||
div.h2_hbox {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
img {
|
||||
height: 12px;
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
tr.focused{background-image: none;}
|
||||
tr.selected {
|
||||
background: #696969 !important;
|
||||
* {color:white !important;}
|
||||
td:last-child:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
background: rgb(255, 255, 255);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
color: white;
|
||||
background-image: url(../images/agt_action_success.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
td {
|
||||
padding: 10px 0px 10px 0px;
|
||||
.et2_label, .et2_button, .et2_link, .et2_textbox, .et2_textbox_ro,
|
||||
.et2_email, img, span{
|
||||
padding: 8px 0px 0px 0px;
|
||||
}
|
||||
time.et2_label, span.mobile_cat_col {
|
||||
padding: 0;
|
||||
}
|
||||
div.et2_progress {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
tr.swipe{
|
||||
background-color:rgba(255, 194, 0, 1);
|
||||
border:none;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.egwGridView_outer {
|
||||
width: 100%;
|
||||
thead{
|
||||
max-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
thead tr th {
|
||||
font-size: large;
|
||||
}
|
||||
td {
|
||||
img{
|
||||
border:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dtree {
|
||||
img {
|
||||
width:24px !important;
|
||||
height:24px !important;
|
||||
}
|
||||
table , tr, td
|
||||
{
|
||||
padding: 2px;
|
||||
padding-left: 0;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.containerTableStyle {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
.et2_details {
|
||||
.et2_details_toggle {
|
||||
&:after{
|
||||
width:30px;
|
||||
height: 30px;
|
||||
font-size: 18pt;
|
||||
text-align: center;
|
||||
padding:9px;
|
||||
}
|
||||
}
|
||||
}
|
||||
input {
|
||||
border:none;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
#popupMainDiv {
|
||||
* {
|
||||
.mob-fontsize-n;
|
||||
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
|
||||
}
|
||||
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
|
||||
height:25px;
|
||||
}
|
||||
.et2_button_with_image, .et2_button_text {
|
||||
height: 46px;
|
||||
margin: 1px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
form {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.et2_details.et2_details_expanded {
|
||||
background-color: transparent;
|
||||
.et2_details_title {
|
||||
display: inline-block;
|
||||
background-color: #F0F0F0;
|
||||
width:100%;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.et2_details_toggle {
|
||||
|
||||
}
|
||||
}
|
||||
.et2_details {
|
||||
position: relative;
|
||||
background-color: #F0F0F0;
|
||||
.et2_details_toggle {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top:0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.et2_details_title {
|
||||
padding-top: 6px;
|
||||
margin-top:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rowHeader {
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
.et2_fullWidth {
|
||||
input[type="radio"] {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
//###########################################
|
||||
//# #
|
||||
//# et2_toolbar styles used in headbar #
|
||||
//# #
|
||||
//###########################################
|
||||
|
||||
div.et2_toolbar.et2_head_toolbar {
|
||||
background-color: transparent;
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
button {
|
||||
width:46px;
|
||||
height:46px;
|
||||
background-size: 18px 18px;
|
||||
touch-action: auto;
|
||||
}
|
||||
div.ui-toolbar-menulist
|
||||
{
|
||||
min-width: 200px;
|
||||
height: 322px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
button.et2_toolbar_hasCaption {
|
||||
width:auto;
|
||||
}
|
||||
div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
div.et2_toolbar_more {
|
||||
|
||||
h.ui-state-hover {
|
||||
background:none;
|
||||
}
|
||||
h.ui-toolbar-menulistHeader {
|
||||
color:transparent;
|
||||
border: none;
|
||||
height: 46px;
|
||||
width: 35px;
|
||||
padding: 0 !important;
|
||||
margin-right: 15px;
|
||||
margin-top: -7px;
|
||||
&:hover {
|
||||
|
||||
}
|
||||
&:after {
|
||||
font-size:18pt;
|
||||
content:"\205D";
|
||||
font-weight: bold;
|
||||
color:white;
|
||||
}
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//###########################################
|
||||
//# #
|
||||
//# et2_tabbox styles #
|
||||
//# #
|
||||
//###########################################
|
||||
.et2_tabbox.vertical {
|
||||
.et2_tabflag {
|
||||
border:none;
|
||||
div.et2_tabtitle {
|
||||
background-color: #f0f0f0;
|
||||
&:before {
|
||||
padding: 0;
|
||||
width:30px;
|
||||
height:30px;
|
||||
text-align: center;
|
||||
font-size: 18pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.et2_link_to {
|
||||
div {
|
||||
height:40px;
|
||||
padding-bottom: 3px;
|
||||
width: 99% !important;
|
||||
}
|
||||
.et2_file {
|
||||
margin: 0;
|
||||
padding:0;
|
||||
.et2_file_span, .et2_file_spanHover, .et2_file_upload {
|
||||
height:25px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*Chosen*/
|
||||
.chzn-container {
|
||||
ul.chzn-choices {
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid @gray_10;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.chzn-container-multi {
|
||||
.chzn-choices {
|
||||
li.search-field {
|
||||
.default {
|
||||
color:#666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.et2_taglist {
|
||||
.ms-ctn {
|
||||
border: none;
|
||||
border-bottom: 1px solid @gray_10;
|
||||
border-radius: 0;
|
||||
margin-right:5px;
|
||||
}
|
||||
.ms-sel-ctn {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* View mode styles*/
|
||||
.et2_mobile_view {
|
||||
display:block;
|
||||
|
||||
.et2_mobile-view-container {
|
||||
padding:0 14px 0 7px;
|
||||
/*Disable et2_link_to as it does not make sense in view mode*/
|
||||
div.et2_link_to {display: none;}
|
||||
}
|
||||
table.et2_grid{
|
||||
tr {
|
||||
td {
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mobile-view-editBtn {
|
||||
position: fixed;
|
||||
top:2px;
|
||||
left: 70px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
float:left;
|
||||
z-index:104;
|
||||
font-size:18pt !important;
|
||||
color: white;
|
||||
&:before {
|
||||
content: "";
|
||||
font-size: 24pt;
|
||||
color: white;
|
||||
padding-left: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
display: block;
|
||||
}
|
||||
|
||||
.et2_searchbox {
|
||||
button.et2_button.searched {
|
||||
background-image: url(../images/topmenu_items/mobile/search.png);
|
||||
}
|
||||
button.et2_button {
|
||||
background-image: url(../images/topmenu_items/mobile/search_white.png) !important;
|
||||
}
|
||||
input{
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
}
|
||||
.et2_searchbox.expanded {
|
||||
position: absolute;
|
||||
width:100% !important;
|
||||
height:50px;
|
||||
margin-left:0;
|
||||
button.et2_button{
|
||||
display: none;
|
||||
}
|
||||
input {
|
||||
width:100%;
|
||||
height:45px;
|
||||
margin:0;
|
||||
top:0;
|
||||
outline: none;
|
||||
}
|
||||
span.ui-icon.clear{
|
||||
right:80px;
|
||||
top:14px;
|
||||
}
|
||||
.flex{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
7764
pixelegg/mobile/fw_mobile.css
Normal file
7764
pixelegg/mobile/fw_mobile.css
Normal file
File diff suppressed because it is too large
Load Diff
979
pixelegg/mobile/fw_mobile.less
Normal file
979
pixelegg/mobile/fw_mobile.less
Normal file
@ -0,0 +1,979 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template - mobile fw
|
||||
*
|
||||
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||
*
|
||||
* @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 pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import "../css/mobile.less";
|
||||
@import (reference) "../less/def_mobile.less";
|
||||
|
||||
/********************************/
|
||||
/* */
|
||||
/* MEDIA DEFINITION */
|
||||
/* */
|
||||
/********************************/
|
||||
/*Tablets Max-Width*/
|
||||
@tablet-max: 1024px;
|
||||
/*Smartphones Max-Width*/
|
||||
@smartphone-max: 700px;
|
||||
/*Smartphones Min-Width*/
|
||||
@smartphone-min: 321px;
|
||||
@handheld: ~"only screen and (max-device-width : @{tablet-max})";
|
||||
/*All devices portrait mode*/
|
||||
@handheld-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : portrait)";
|
||||
/*All devices landscape mode*/
|
||||
@handheld-landscape: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : landscape)";
|
||||
/*Tablets landscape mode*/
|
||||
@tablet-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (min-width: @{smartphone-max}) and (orientation : landscape)";
|
||||
/*Tablets Portrait*/
|
||||
@tablet-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (min-width: @{smartphone-max}) and (orientation : portrait)";
|
||||
/*Smartphones*/
|
||||
@smartphones: ~"only screen and (max-device-width: @{smartphone-max}) and (min-width: @{smartphone-min})";
|
||||
|
||||
|
||||
@media @handheld
|
||||
{
|
||||
#egw_fw_print {
|
||||
display:none;
|
||||
}
|
||||
div#loginMainDiv{
|
||||
.mob-bg-login;
|
||||
width:101%;
|
||||
#divAppIconBar {
|
||||
background:white;
|
||||
#divLogo img[src$="svg"] {
|
||||
width:40%;
|
||||
margin-top: 5px;
|
||||
background:white;
|
||||
}
|
||||
}
|
||||
div#centerBox{
|
||||
position:absolute;
|
||||
margin: 0;
|
||||
bottom:0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius:0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
background-repeat: no-repeat;
|
||||
border:none;
|
||||
border-radius: 0;
|
||||
form {
|
||||
margin-top: 3em;
|
||||
|
||||
table.divLoginbox {
|
||||
width:100%;
|
||||
float:left;
|
||||
tr.hiddenCredential {
|
||||
display:none;
|
||||
}
|
||||
input[type="submit"] {
|
||||
font-size: large;
|
||||
|
||||
}
|
||||
input, select {
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
td {
|
||||
font-size: large;
|
||||
padding:0.8%;
|
||||
&.registration{
|
||||
font-size: 180%;
|
||||
}
|
||||
select {
|
||||
background-size: 48px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#loginCdMessage {
|
||||
.mob-fontsize-n !important;
|
||||
.mob-color-login-message;
|
||||
padding:0;
|
||||
border:0;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media @handheld-portrait
|
||||
{
|
||||
body{
|
||||
div#loginMainDiv{
|
||||
#divAppIconBar {
|
||||
#divLogo img[src$="svg"] {
|
||||
width:70%;
|
||||
}
|
||||
}
|
||||
div#centerBox{
|
||||
form {
|
||||
table.divLoginbox {
|
||||
width:100%;
|
||||
float:left;
|
||||
input[type="submit"] {
|
||||
font-size: large;
|
||||
|
||||
}
|
||||
input, select {
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
td {
|
||||
font-size: large;
|
||||
padding:0.8%;
|
||||
&.registration {
|
||||
font-size: 250%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#loginCdMessage {
|
||||
font-size:large;
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media @smartphones {
|
||||
body{
|
||||
#egw_fw_basecontainer.sidebar-toggle
|
||||
{
|
||||
div#egw_fw_top_toolbar {
|
||||
z-index: 0;
|
||||
}
|
||||
#egw_fw_main {
|
||||
margin-left:0 !important ;
|
||||
#egw_fw_tabs {
|
||||
-webkit-filter: none;
|
||||
-moz-filter: none;
|
||||
-ms-filter: none;
|
||||
-o-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
#egw_fw_basecontainer {
|
||||
|
||||
#egw_fw_top_toolbar {
|
||||
z-index: 998;
|
||||
width: 300px;
|
||||
background: white;
|
||||
div#egw_fw_topmenu_items{
|
||||
width: 245px;
|
||||
display: inline;
|
||||
float: left;
|
||||
position: fixed;
|
||||
padding-left: 50px;
|
||||
padding-right:5px;
|
||||
background:white;
|
||||
height:100%;
|
||||
z-index:998;
|
||||
border-right:2px solid silver;
|
||||
}
|
||||
}
|
||||
#egw_fw_sidebar {
|
||||
z-index: 999;
|
||||
background:white;
|
||||
}
|
||||
#egw_fw_main {
|
||||
#egw_fw_tabs {
|
||||
-webkit-filter: brightness(20%);
|
||||
-moz-filter: brightness(20%);
|
||||
-ms-filter: brightness(20%);
|
||||
-o-filter: brightness(20%);
|
||||
filter: brightness(20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*mobile etemplate2*/
|
||||
@mobile-elem-height: 50px;
|
||||
@mobile-button-width: 50px;
|
||||
@mobile-nm-search-bg: #0c5da5;
|
||||
@media all {
|
||||
html *{touch-action:auto;}
|
||||
body
|
||||
{
|
||||
#egw_fw_basecontainer.sidebar-toggle {
|
||||
#egw_fw_top_toolbar {
|
||||
div#egw_fw_menu {
|
||||
background-image: url(../images/topmenu_items/mobile/menu_white.png);
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-color: transparent;
|
||||
background-position: 15px center;
|
||||
margin-left:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#egw_fw_basecontainer {
|
||||
.egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
|
||||
width:18px;
|
||||
height:18px;
|
||||
}
|
||||
#egw_fw_top_toolbar {
|
||||
div#egw_fw_topmenu_items {
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//###################
|
||||
//# #
|
||||
//# CONTEXT MENU #
|
||||
//# #
|
||||
//###################
|
||||
div.dhtmlxMenu_egw_SubLevelArea_Polygon
|
||||
{
|
||||
font-size:medium;
|
||||
top:50px !important;
|
||||
right:0px;
|
||||
left:auto !important;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
table.dhtmlxMebu_SubLevelArea_Tbl{
|
||||
width:100%;
|
||||
tr.sub_item_selected {height:46px;}
|
||||
tr.sub_item {width:100%;height:46px !important;}
|
||||
td.sub_item_hk {width:100%;}
|
||||
}
|
||||
}
|
||||
div#egw_message {
|
||||
bottom: 0px;
|
||||
top: auto;
|
||||
left: 0px;
|
||||
right: 0px !important;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
div.ui-dialog {
|
||||
width:100% !important;
|
||||
height:100% !important;
|
||||
left:0 !important;
|
||||
top:0 !important;
|
||||
}
|
||||
div.ui-dialog-content {
|
||||
height:87% !important;
|
||||
margin-top: 60px !important;
|
||||
padding:0 !important;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
position: fixed !important;
|
||||
top:0 !important;
|
||||
left:0 !important;
|
||||
display:block !important;
|
||||
padding:0 !important;
|
||||
margin: 0 !important;
|
||||
height: 50px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
width: 100%;
|
||||
z-index:1;
|
||||
.ui-dialog-buttonset {float:right;}
|
||||
}
|
||||
.ui-dialog-titlebar {
|
||||
display: none;
|
||||
}
|
||||
button.plus_button {
|
||||
position: absolute !important;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-position: center;
|
||||
z-index: 100;
|
||||
background-color: #0c5da5;
|
||||
border: none;
|
||||
box-shadow: 0px 1px 5px 3px silver;
|
||||
background-image: none !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&:after {
|
||||
content: '+';
|
||||
font-weight: bold;
|
||||
font-size: 34pt;
|
||||
color: #fafafa;
|
||||
}
|
||||
&:hover, &:active {
|
||||
background-color: #0c5da5;
|
||||
}
|
||||
}
|
||||
.et2_nextmatch {
|
||||
.nextmatch_header_row, .nextmatch_header
|
||||
{
|
||||
div.header_row_right {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top:0;
|
||||
}
|
||||
div.filtersContainer {
|
||||
width:100%;
|
||||
margin-top:37px;
|
||||
}
|
||||
background-color: background-color-egw-dark;
|
||||
|
||||
select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: @mobile-elem-height;
|
||||
.mob-fontsize-l;
|
||||
background-size: 32px;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-radius: 0;
|
||||
border-bottom: none;
|
||||
padding-left:10px;
|
||||
max-width:none;
|
||||
background-color: transparent;
|
||||
}
|
||||
label {
|
||||
display:block;
|
||||
width: 100%;
|
||||
float: left;
|
||||
.mob-fontsize-l;
|
||||
select {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin: 0;
|
||||
height: @mobile-elem-height;
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nextmatch_header.nm_header_hide {
|
||||
display:none !important;
|
||||
}
|
||||
.nextmatch_header {
|
||||
background-color: white;
|
||||
padding:0;
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
border-bottom: 1px solid silver;
|
||||
border-top: none;
|
||||
box-shadow: 0px 1px 1px 1px silver;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
div.et2_box_widget {
|
||||
display:block;
|
||||
height:@mobile-elem-height;
|
||||
}
|
||||
.et2_button {
|
||||
width:@mobile-button-width;
|
||||
height: @mobile-elem-height;
|
||||
}
|
||||
|
||||
}
|
||||
.egwGridView_outer {
|
||||
thead {
|
||||
tr {
|
||||
visibility:hidden;
|
||||
th{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.search.searchOn {
|
||||
input {
|
||||
border:none;
|
||||
background: white;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: 110px;
|
||||
width:80%;
|
||||
height:@mobile-elem-height;
|
||||
}
|
||||
button[id$="search_button"] {
|
||||
background-image: none !important;
|
||||
&:after{
|
||||
content:"\2613";
|
||||
font-weight: bold;
|
||||
font-size:18pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nm-mob-header {
|
||||
background: @mobile-nm-search-bg;
|
||||
margin-top: 0;
|
||||
padding-left: 60px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
position: relative;
|
||||
height: 50px;
|
||||
z-index: 1;
|
||||
button {
|
||||
height: @mobile-elem-height;
|
||||
width: @mobile-button-width;
|
||||
background-repeat: no-repeat;
|
||||
font-size:large;
|
||||
background-color: @mobile-nm-search-bg;
|
||||
border: none;
|
||||
margin:0;
|
||||
color: white;
|
||||
background-size: 18px 18px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
div.et2_searchbox {
|
||||
display: inline-block;
|
||||
width:50px;
|
||||
}
|
||||
button.nm_toggle_header {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right:5px;
|
||||
border-left:1px solid silver;
|
||||
border:0;
|
||||
color: white;
|
||||
width:50px;
|
||||
height:50px;
|
||||
display:block;
|
||||
float:right;
|
||||
&:focus{
|
||||
outline:none;
|
||||
}
|
||||
&:after{
|
||||
font-size: 18pt;
|
||||
content:"\2261";
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
button.nm_action_header {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right:5px;
|
||||
border-left:1px solid silver;
|
||||
border:0;
|
||||
color: white;
|
||||
width:50px;
|
||||
height:50px;
|
||||
display:block;
|
||||
float:right;
|
||||
&:focus{
|
||||
outline:none;
|
||||
}
|
||||
&:after{
|
||||
font-size:18pt;
|
||||
content:"\205D";
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
button.nm_action_header.back {
|
||||
|
||||
&:after{
|
||||
font-size:18pt;
|
||||
content: "\2190";
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
div.nm_favorites_div {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
margin-right:5px;
|
||||
border-left:1px solid silver;
|
||||
border:0;
|
||||
color: white;
|
||||
width:50px;
|
||||
height:50px;
|
||||
display:block;
|
||||
float:right;
|
||||
&:focus{
|
||||
outline:none;
|
||||
}
|
||||
div[name="favorite"] {
|
||||
position:relative !important;
|
||||
top:0 !important;
|
||||
outline:none;
|
||||
.et2_dropdown {
|
||||
button:first-child {
|
||||
display: none;
|
||||
}
|
||||
button:nth-child(2) {
|
||||
div:first-child {
|
||||
display: none;
|
||||
}
|
||||
&:after{
|
||||
font-size: 17pt;
|
||||
content: "\2606";
|
||||
font-weight: bold;
|
||||
vertical-align: super;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul.favorites {
|
||||
width:160px;
|
||||
box-shadow: 0px 4px 5px 2px silver;
|
||||
border: 1px solid silver;
|
||||
li.ui-menu-item {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid silver;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
line-height: 30px;
|
||||
input{
|
||||
display: none;
|
||||
}
|
||||
div.ui-icon-trash {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
button.nm_toggle_header_on {
|
||||
&:after {
|
||||
content:"\2613";
|
||||
}
|
||||
}
|
||||
input[type="search"] {
|
||||
width: 50px;
|
||||
height: @mobile-elem-height;
|
||||
font-size: large;
|
||||
margin:0;
|
||||
border:0;
|
||||
opacity: 0;
|
||||
background-color:@mobile-nm-search-bg;
|
||||
color: black;
|
||||
position: absolute;
|
||||
&:active{
|
||||
border:none;
|
||||
background: @mobile-nm-search-bg;
|
||||
}
|
||||
&:focus {
|
||||
border:none;
|
||||
background:white;
|
||||
outline: none;
|
||||
opacity: 1;
|
||||
left:110px;
|
||||
position: absolute;
|
||||
width:100%;
|
||||
height:@mobile-elem-height;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
div.nm_appname_header {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 50px;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
color: white;
|
||||
font-size: 14pt;
|
||||
font-weight: bold;
|
||||
opacity:0.2;
|
||||
text-align: center;
|
||||
display: inline;
|
||||
padding-top: 13px;
|
||||
z-index:-1;
|
||||
}
|
||||
}
|
||||
.header_row_right {
|
||||
div[id$=favorite_wrapper] {
|
||||
margin:0;
|
||||
top:0 !important;
|
||||
height:@mobile-elem-height;
|
||||
}
|
||||
height: @mobile-elem-height;
|
||||
width: 100%;
|
||||
padding:0;
|
||||
* {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
}
|
||||
.et2_dropdown {
|
||||
button {
|
||||
height:@mobile-elem-height;
|
||||
width: @mobile-button-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header_count{
|
||||
margin:0;
|
||||
height:@mobile-elem-height;
|
||||
.mob-fontsize-l;
|
||||
margin-top: -3px;
|
||||
margin-right: 0px;
|
||||
float:right;
|
||||
border: none;
|
||||
border-radius:0;
|
||||
span {
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
}
|
||||
table.egwGridView_grid {
|
||||
tr {
|
||||
div.h2_hbox {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
img {
|
||||
height: 12px;
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
tr.focused{background-image: none;}
|
||||
tr.selected {
|
||||
background: #696969 !important;
|
||||
* {color:white !important;}
|
||||
td:last-child:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
background: rgb(255, 255, 255);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
color: white;
|
||||
background-image: url(../images/agt_action_success.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
td {
|
||||
padding: 10px 0px 10px 0px;
|
||||
.et2_label, .et2_button, .et2_link, .et2_textbox, .et2_textbox_ro,
|
||||
.et2_email, img, span{
|
||||
padding: 8px 0px 0px 0px;
|
||||
}
|
||||
time.et2_label, span.mobile_cat_col {
|
||||
padding: 0;
|
||||
}
|
||||
div.et2_progress {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
tr.swipe{
|
||||
background-color:rgba(255, 194, 0, 1);
|
||||
border:none;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.egwGridView_outer {
|
||||
width: 100%;
|
||||
thead{
|
||||
max-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
thead tr th {
|
||||
font-size: large;
|
||||
}
|
||||
td {
|
||||
img{
|
||||
border:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dtree {
|
||||
img {
|
||||
width:24px !important;
|
||||
height:24px !important;
|
||||
}
|
||||
table , tr, td
|
||||
{
|
||||
padding: 2px;
|
||||
padding-left: 0;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.containerTableStyle {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
.et2_details {
|
||||
.et2_details_toggle {
|
||||
&:after{
|
||||
width:30px;
|
||||
height: 30px;
|
||||
font-size: 18pt;
|
||||
text-align: center;
|
||||
padding:9px;
|
||||
}
|
||||
}
|
||||
}
|
||||
input {
|
||||
border:none;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
#popupMainDiv {
|
||||
* {
|
||||
.mob-fontsize-n;
|
||||
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
|
||||
}
|
||||
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
|
||||
height:25px;
|
||||
}
|
||||
.et2_button_with_image, .et2_button_text {
|
||||
height: 46px;
|
||||
margin: 1px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
form {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.et2_details.et2_details_expanded {
|
||||
background-color: transparent;
|
||||
.et2_details_title {
|
||||
display: inline-block;
|
||||
background-color: #F0F0F0;
|
||||
width:100%;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.et2_details_toggle {
|
||||
|
||||
}
|
||||
}
|
||||
.et2_details {
|
||||
position: relative;
|
||||
background-color: #F0F0F0;
|
||||
.et2_details_toggle {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top:0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.et2_details_title {
|
||||
padding-top: 6px;
|
||||
margin-top:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rowHeader {
|
||||
.mob-fontsize-l;
|
||||
}
|
||||
.et2_fullWidth {
|
||||
input[type="radio"] {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
//###########################################
|
||||
//# #
|
||||
//# et2_toolbar styles used in headbar #
|
||||
//# #
|
||||
//###########################################
|
||||
|
||||
div.et2_toolbar.et2_head_toolbar {
|
||||
background-color: transparent;
|
||||
padding: 1px 5px 5px 10px !important;
|
||||
button {
|
||||
width:46px;
|
||||
height:46px;
|
||||
background-size: 18px 18px;
|
||||
touch-action: auto;
|
||||
}
|
||||
div.ui-toolbar-menulist
|
||||
{
|
||||
min-width: 200px;
|
||||
height: 322px !important;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
button.et2_toolbar_hasCaption {
|
||||
width:auto;
|
||||
}
|
||||
div.et2_toolbar_actionlist {
|
||||
margin-left: 50px;
|
||||
}
|
||||
div.et2_toolbar_more {
|
||||
|
||||
h.ui-state-hover {
|
||||
background:none;
|
||||
}
|
||||
h.ui-toolbar-menulistHeader {
|
||||
color:transparent;
|
||||
border: none;
|
||||
height: 46px;
|
||||
width: 35px;
|
||||
padding: 0 !important;
|
||||
margin-right: 15px;
|
||||
margin-top: -7px;
|
||||
&:hover {
|
||||
|
||||
}
|
||||
&:after {
|
||||
font-size:18pt;
|
||||
content:"\205D";
|
||||
font-weight: bold;
|
||||
color:white;
|
||||
}
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//###########################################
|
||||
//# #
|
||||
//# et2_tabbox styles #
|
||||
//# #
|
||||
//###########################################
|
||||
.et2_tabbox.vertical {
|
||||
.et2_tabflag {
|
||||
border:none;
|
||||
div.et2_tabtitle {
|
||||
background-color: #f0f0f0;
|
||||
&:before {
|
||||
padding: 0;
|
||||
width:30px;
|
||||
height:30px;
|
||||
text-align: center;
|
||||
font-size: 18pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.et2_link_to {
|
||||
div {
|
||||
height:40px;
|
||||
padding-bottom: 3px;
|
||||
width: 99% !important;
|
||||
}
|
||||
.et2_file {
|
||||
margin: 0;
|
||||
padding:0;
|
||||
.et2_file_span, .et2_file_spanHover, .et2_file_upload {
|
||||
height:25px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*Chosen*/
|
||||
.chzn-container {
|
||||
ul.chzn-choices {
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid @gray_10;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.chzn-container-multi {
|
||||
.chzn-choices {
|
||||
li.search-field {
|
||||
.default {
|
||||
color:#666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.et2_taglist {
|
||||
.ms-ctn {
|
||||
border: none;
|
||||
border-bottom: 1px solid @gray_10;
|
||||
border-radius: 0;
|
||||
margin-right:5px;
|
||||
}
|
||||
.ms-sel-ctn {
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* View mode styles*/
|
||||
.et2_mobile_view {
|
||||
display:block;
|
||||
|
||||
.et2_mobile-view-container {
|
||||
padding:0 14px 0 7px;
|
||||
/*Disable et2_link_to as it does not make sense in view mode*/
|
||||
div.et2_link_to {display: none;}
|
||||
}
|
||||
table.et2_grid{
|
||||
tr {
|
||||
td {
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mobile-view-editBtn {
|
||||
position: fixed;
|
||||
top:2px;
|
||||
left: 70px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
float:left;
|
||||
z-index:104;
|
||||
font-size:18pt !important;
|
||||
color: white;
|
||||
&:before {
|
||||
content: "";
|
||||
font-size: 24pt;
|
||||
color: white;
|
||||
padding-left: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
display: block;
|
||||
}
|
||||
|
||||
.et2_searchbox {
|
||||
button.et2_button.searched {
|
||||
background-image: url(../images/topmenu_items/mobile/search.png);
|
||||
}
|
||||
button.et2_button {
|
||||
background-image: url(../images/topmenu_items/mobile/search_white.png) !important;
|
||||
}
|
||||
input{
|
||||
.mob-fontsize-n;
|
||||
}
|
||||
}
|
||||
.et2_searchbox.expanded {
|
||||
position: absolute;
|
||||
width:100% !important;
|
||||
height:50px;
|
||||
margin-left:0;
|
||||
button.et2_button{
|
||||
display: none;
|
||||
}
|
||||
input {
|
||||
width:100%;
|
||||
height:45px;
|
||||
margin:0;
|
||||
top:0;
|
||||
outline: none;
|
||||
}
|
||||
span.ui-icon.clear{
|
||||
right:80px;
|
||||
top:14px;
|
||||
}
|
||||
.flex{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user