PageRenderTime 21ms CodeModel.GetById 13ms app.highlight 6ms RepoModel.GetById 1ms app.codeStats 0ms

/projekty/list/files/resources/css/mobilebase.css

https://bitbucket.org/baniol/mobilang
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}