/projekty/list/files/resources/css/mobilebase.css
CSS | 175 lines | 124 code | 36 blank | 15 comment | 0 complexity | 9a1d92b2fc4bcfed03b859831bdb1504 MD5 | raw file
1body { 2 overflow: auto; 3} 4 5.ui-field-contain { 6 padding: 0; 7 border-bottom-width: 0px; 8} 9.ui-selectmenu { 10 z-index: 1001 !important; 11} 12 13/* 14* Overload .ui-header .ui-title, .ui-footer .ui-title classes, 15* because in flex and mobile preview they has differend font-size 16*/ 17 18.ui-header .ui-title, .ui-footer .ui-title{ 19 font-size: 15px; 20} 21 22 23/* Need to match mobilegrid cells min-height in preview to min-height in flex */ 24.ui-content .ui-block-a, 25.ui-content .ui-block-b, 26.ui-content .ui-block-c, 27.ui-content .ui-block-d, 28.ui-content .ui-block-e { 29 min-height: 51px !important; 30} 31 32/* Need to let user have a long caption in header */ 33.ui-mobile-viewport .ui-header .ui-title { 34 margin-left: 0; 35 margin-right: 0; 36 /*original jquery mobile is ".6em 30% .8em;"*/ 37} 38 39/* We set own margins to elements in control groups and we need to discard native jquerymobile's margins */ 40.ui-mobile-viewport fieldset.ui-controlgroup { 41 margin: 0; 42} 43 44.ui-mobile-viewport input.ui-input-text { 45 padding: 6px; 46} 47 48.ui-mobile-viewport .ui-header div[class*="mobileselectmenu"] { 49 margin: 0; 50} 51 52/* Buttons */ 53 54.ui-mobile-viewport .ui-btn[class*="mobilebutton"] { 55 margin: 0; 56} 57 58.ui-mobile-viewport .ui-header div[class*="mobilebutton"][class*="_wrapper"] { 59 margin: 0; 60} 61 62.ui-mobile-viewport .ui-header .ui-btn-right div[class*="mobilebutton"][class*="_wrapper"] { 63 text-align: right; 64} 65 66.ui-mobile-viewport .ui-footer div[class*="mobilebutton"][class*="_wrapper"] { 67 margin: 0; 68 float: left; 69} 70 71/* Textarea */ 72 73.ui-mobile-viewport textarea.ui-input-text { 74 margin: 0; 75} 76 77.ui-mobile-viewport .ui-footer div[class*="mobileselectmenu"].ui-field-contain { 78 margin: 0; 79 float: left; 80} 81 82.ui-mobile-viewport .ui-footer .ui-body { 83 clear: none; 84} 85 86.ui-mobile-viewport .ui-footer div[class*="mobilebutton"][class*="_wrapper"] a.ui-btn { 87 margin: 0 !important; 88} 89 90.ui-mobile-viewport .ui-header div.ui-navbar, 91.ui-mobile-viewport .ui-footer div.ui-navbar { 92 position: absolute; 93 width: 100%; 94 bottom: 0px; 95} 96 97 98.ui-mobile-viewport input.ui-input-text, 99.ui-mobile-viewport textarea.ui-input-text { 100 box-sizing: border-box; 101 -moz-box-sizing: border-box; 102 -webkit-box-sizing: border-box; 103 width: 100%; 104} 105 106/* Listview */ 107 108.ui-mobile-viewport li.ui-li-static { 109 font-size: 16px; 110} 111 112.ui-mobile-viewport .ui-content .ui-listview { 113 margin: 0; 114} 115 116.ui-mobile-viewport .ui-listview .ui-li-icon { 117 /* remove after migrating to jqm 1.1.1, see https://github.com/jquery/jquery-mobile/issues/4489 */ 118 max-height: 16px; 119 max-width: 16px; 120 margin-top: -3px; 121} 122 123h3.ui-li-heading { 124 margin: 0; 125} 126 127li.ui-li.tgz-cg-has-thumbnail h3.ui-li-heading { 128 margin-top: 20px; 129} 130 131/* Ajax busy indicator*/ 132 133#ajaxBusy { 134 display: none; 135 margin: 0px; 136 padding-left: 0px; 137 padding-right: 0px; 138 padding-top: 0px; 139 padding-bottom: 0px; 140 position: absolute; 141 width: 100%; 142 height: 100%; 143 z-index: 999999999; 144 opacity: 0.5; 145 background-color: #EEEEEE; 146} 147 148#ajaxBusy img { 149 position: absolute; 150 left: 50%; 151 top: 50%; 152} 153 154input::-webkit-outer-spin-button, 155input::-webkit-inner-spin-button { 156 /* display: none; <- Crashes Chrome on hover */ 157 -webkit-appearance: none; 158 margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ 159} 160 161input{ 162 backface-visibility:hidden; 163 -webkit-backface-visibility:hidden; /* Chrome and Safari */ 164 -moz-backface-visibility:hidden; /* Firefox */ 165} 166 167.ui-li.ui-screen-hidden { 168 display: none !important; 169} 170 171/* Native jqm loader is hidden, 'cos we are using our own Ajax Busy Indicator */ 172 173div.ui-loader { 174 display:none !important; 175}