~jstys-z/helioviewer.org/client5

.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

1017

1018

/* "page" containers - full-screen views, one should always be in view post-pageload */

1019

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }

1020

.ui-mobile .ui-page-active { display: block; overflow: visible; }

1021

1022

/*orientations from js are available */

1023

.portrait,

1024

.portrait .ui-page { min-height: 420px; }

1025

.landscape,

1026

.landscape .ui-page { min-height: 300px; }

1027

1028

/* loading screen */

1029

.ui-loading .ui-mobile-viewport { overflow: hidden !important; }

1030

.ui-loading .ui-loader { display: block; }

1031

.ui-loading .ui-page { overflow: hidden; }

1032

.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }

1033

.ui-loader h1 { font-size: 15px; text-align: center; }

1034

.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }

1035

1036

/*fouc*/

1037

.ui-mobile-rendering > * { visibility: hidden; }

1038

1039

/*headers, content panels*/

1040

.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }

1041

.ui-bar { font-size: 16px; margin: 0; }

1042

.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }

1043

1044

.ui-header, .ui-footer { display: block; }

1045

.ui-page .ui-header, .ui-page .ui-footer { position: relative; }

1046

.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }

1047

.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }

1048

.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }

1049

1050

/*content area*/

1051

.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }

1052

.ui-page-fullscreen .ui-content { padding:0; }

1053

1054

/* icons sizing */

1055

.ui-icon { width: 18px; height: 18px; }

1056

1057

/* fullscreen class on ui-content div */

1058

.ui-fullscreen { }

1059

.ui-fullscreen img { max-width: 100%; }

1060

1061

/* non-js content hiding */

1062

.ui-nojs { position: absolute; left: -9999px; }

1063

1064

* jQuery Mobile Framework

1065

* Copyright (c) jQuery Project

1066

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1067

1068

.spin {

1069

-webkit-transform: rotate(360deg);

1070

-webkit-animation-name: spin;

1071

-webkit-animation-duration: 1s;

1072

-webkit-animation-iteration-count: infinite;

1073

}

1074

@-webkit-keyframes spin {

1075

from {-webkit-transform: rotate(0deg);}

1076

to {-webkit-transform: rotate(360deg);}

1077

}

1078

1079

/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/

1080

Built by David Kaneda and maintained by Jonathan Stark.

1081

1082

.in, .out {

1083

-webkit-animation-timing-function: ease-in-out;

1084

-webkit-animation-duration: 350ms;

1085

}

1086

1087

.slide.in {

1088

-webkit-transform: translateX(0);

1089

-webkit-animation-name: slideinfromright;

1090

}

1091

1092

.slide.out {

1093

-webkit-transform: translateX(-100%);

1094

-webkit-animation-name: slideouttoleft;

1095

}

1096

1097

.slide.in.reverse {

1098

-webkit-transform: translateX(0);

1099

-webkit-animation-name: slideinfromleft;

1100

}

1101

1102

.slide.out.reverse {

1103

-webkit-transform: translateX(100%);

1104

-webkit-animation-name: slideouttoright;

1105

}

1106

1107

.slideup.in {

1108

-webkit-transform: translateY(0);

1109

-webkit-animation-name: slideinfrombottom;

1110

z-index: 10;

1111

}

1112

1113

.slideup.out {

1114

-webkit-animation-name: dontmove;

1115

z-index: 0;

1116

}

1117

1118

.slideup.out.reverse {

1119

-webkit-transform: translateY(100%);

1120

z-index: 10;

1121

-webkit-animation-name: slideouttobottom;

1122

}

1123

1124

.slideup.in.reverse {

1125

z-index: 0;

1126

-webkit-animation-name: dontmove;

1127

}

1128

.slidedown.in {

1129

-webkit-transform: translateY(0);

1130

-webkit-animation-name: slideinfromtop;

1131

z-index: 10;

1132

}

1133

1134

.slidedown.out {

1135

-webkit-animation-name: dontmove;

1136

z-index: 0;

1137

}

1138

1139

.slidedown.out.reverse {

1140

-webkit-transform: translateY(-100%);

1141

z-index: 10;

1142

-webkit-animation-name: slideouttotop;

1143

}

1144

1145

.slidedown.in.reverse {

1146

z-index: 0;

1147

-webkit-animation-name: dontmove;

1148

}

1149

1150

@-webkit-keyframes slideinfromright {

1151

from { -webkit-transform: translateX(100%); }

1152

to { -webkit-transform: translateX(0); }

1153

}

1154

1155

@-webkit-keyframes slideinfromleft {

1156

from { -webkit-transform: translateX(-100%); }

1157

to { -webkit-transform: translateX(0); }

1158

}

1159

1160

@-webkit-keyframes slideouttoleft {

1161

from { -webkit-transform: translateX(0); }

1162

to { -webkit-transform: translateX(-100%); }

1163

}

1164

1165

@-webkit-keyframes slideouttoright {

1166

from { -webkit-transform: translateX(0); }

1167

to { -webkit-transform: translateX(100%); }

1168

}

1169

1170

1171

@-webkit-keyframes slideinfromtop {

1172

from { -webkit-transform: translateY(-100%); }

1173

to { -webkit-transform: translateY(0); }

1174

}

1175

1176

@-webkit-keyframes slideinfrombottom {

1177

from { -webkit-transform: translateY(100%); }

1178

to { -webkit-transform: translateY(0); }

1179

}

1180

1181

@-webkit-keyframes slideouttobottom {

1182

from { -webkit-transform: translateY(0); }

1183

to { -webkit-transform: translateY(100%); }

1184

}

1185

1186

@-webkit-keyframes slideouttotop {

1187

from { -webkit-transform: translateY(0); }

1188

to { -webkit-transform: translateY(-100%); }

1189

}

1190

@-webkit-keyframes fadein {

1191

from { opacity: 0; }

1192

to { opacity: 1; }

1193

}

1194

1195

@-webkit-keyframes fadeout {

1196

from { opacity: 1; }

1197

to { opacity: 0; }

1198

}

1199

1200

.fade.in {

1201

opacity: 1;

1202

z-index: 10;

1203

-webkit-animation-name: fadein;

1204

}

1205

.fade.out {

1206

z-index: 0;

1207

-webkit-animation-name: fadeout;

1208

}

1209

1210

/* The properties in this rule are only necessary for the 'flip' transition.

1211

* We need specify the perspective to create a projection matrix. This will add

1212

* some depth as the element flips. The depth number represents the distance of

1213

* the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate

1214

* value.

1215

1216

.viewport-flip {

1217

-webkit-perspective: 1000;

1218

position: absolute;

1219

}

1220

1221

.ui-mobile-viewport-transitioning,

1222

.ui-mobile-viewport-transitioning .ui-page {

1223

width: 100%;

1224

height: 100%;

1225

overflow: hidden;

1226

}

1227

1228

.flip {

1229

-webkit-animation-duration: .65s;

1230

-webkit-backface-visibility:hidden;

1231

-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */

1232

}

1233

1234

.flip.in {

1235

-webkit-transform: rotateY(0) scale(1);

1236

-webkit-animation-name: flipinfromleft;

1237

}

1238

1239

.flip.out {

1240

-webkit-transform: rotateY(-180deg) scale(.8);

1241

-webkit-animation-name: flipouttoleft;

1242

}

1243

1244

/* Shake it all about */

1245

1246

.flip.in.reverse {

1247

-webkit-transform: rotateY(0) scale(1);

1248

-webkit-animation-name: flipinfromright;

1249

}

1250

1251

.flip.out.reverse {

1252

-webkit-transform: rotateY(180deg) scale(.8);

1253

-webkit-animation-name: flipouttoright;

1254

}

1255

1256

@-webkit-keyframes flipinfromright {

1257

from { -webkit-transform: rotateY(-180deg) scale(.8); }

1258

to { -webkit-transform: rotateY(0) scale(1); }

1259

}

1260

1261

@-webkit-keyframes flipinfromleft {

1262

from { -webkit-transform: rotateY(180deg) scale(.8); }

1263

to { -webkit-transform: rotateY(0) scale(1); }

1264

}

1265

1266

@-webkit-keyframes flipouttoleft {

1267

from { -webkit-transform: rotateY(0) scale(1); }

1268

to { -webkit-transform: rotateY(-180deg) scale(.8); }

1269

}

1270

1271

@-webkit-keyframes flipouttoright {

1272

from { -webkit-transform: rotateY(0) scale(1); }

1273

to { -webkit-transform: rotateY(180deg) scale(.8); }

1274

}

1275

1276

1277

/* Hackish, but reliable. */

1278

1279

@-webkit-keyframes dontmove {

1280

from { opacity: 1; }

1281

to { opacity: 1; }

1282

}

1283

1284

.pop {

1285

-webkit-transform-origin: 50% 50%;

1286

}

1287

1288

.pop.in {

1289

-webkit-transform: scale(1);

1290

opacity: 1;

1291

-webkit-animation-name: popin;

1292

z-index: 10;

1293

}

1294

1295

.pop.out.reverse {

1296

-webkit-transform: scale(.2);

1297

opacity: 0;

1298

-webkit-animation-name: popout;

1299

z-index: 10;

1300

}

1301

1302

.pop.in.reverse {

1303

z-index: 0;

1304

-webkit-animation-name: dontmove;

1305

}

1306

1307

@-webkit-keyframes popin {

1308

from {

1309

-webkit-transform: scale(.2);

1310

opacity: 0;

1311

}

1312

to {

1313

-webkit-transform: scale(1);

1314

opacity: 1;

1315

}

1316

}

1317

1318

@-webkit-keyframes popout {

1319

from {

1320

-webkit-transform: scale(1);

1321

opacity: 1;

1322

}

1323

to {

1324

-webkit-transform: scale(.2);

1325

opacity: 0;

1326

}

1327

}/*

1328

* jQuery Mobile Framework

1329

* Copyright (c) jQuery Project

1330

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1331

1332

1333

/* content configurations. */

1334

.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }

1335

.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}

1336

1337

/* grid solo: 100 - single item fallback */

1338

.ui-grid-solo .ui-block-a { width: 100%; float: none; }

1339

1340

/* grid a: 50/50 */

1341

.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }

1342

.ui-grid-a .ui-block-a { clear: left; }

1343

1344

/* grid b: 33/33/33 */

1345

.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }

1346

.ui-grid-b .ui-block-a { clear: left; }

1347

1348

/* grid c: 25/25/25/25 */

1349

.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }

1350

.ui-grid-c .ui-block-a { clear: left; }

1351

1352

/* grid d: 20/20/20/20/20 */

1353

.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }

1354

.ui-grid-d .ui-block-a { clear: left; }

1355

1356

* jQuery Mobile Framework

1357

* Copyright (c) jQuery Project

1358

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1359

1360

/* fixed page header & footer configuration */

1361

.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }

1362

.ui-header-fixed, .ui-footer-fixed {

1363

z-index: 1000;

1364

-webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */

1365

}

1366

.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }

1367

.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }

1368

1369

* jQuery Mobile Framework

1370

* Copyright (c) jQuery Project

1371

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1372

1373

.ui-navbar { overflow: hidden; }

1374

.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}

1375

.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }

1376

.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }

1377

.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }

1378

.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }

1379

.ui-navbar li .ui-btn { margin-right: -1px; }

1380

.ui-navbar li .ui-btn:last-child { margin-right: 0; }

1381

.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,

1382

.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }

1383

.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }

1384

.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }

1385

/*expanded page styles*/

1386

.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }

1387

.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }

1388

.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }

1389

.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }

1390

.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }

1391

.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }

1392

.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }

1393

.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }

1394

1395

* jQuery Mobile Framework

1396

* Copyright (c) jQuery Project

1397

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1398

1399

.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }

1400

.ui-btn:focus, .ui-btn:active { outline: none; }

1401

.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }

1402

.ui-btn-inline { display: inline-block; }

1403

.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }

1404

.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }

1405

.ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }

1406

.ui-btn-icon-notext .ui-btn-inner { padding: 0; }

1407

.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }

1408

.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }

1409

.ui-header .ui-btn-icon-left .ui-btn-inner,

1410

.ui-footer .ui-btn-icon-left .ui-btn-inner,

1411

.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }

1412

.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }

1413

.ui-header .ui-btn-icon-right .ui-btn-inner,

1414

.ui-footer .ui-btn-icon-right .ui-btn-inner,

1415

.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }

1416

.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }

1417

.ui-header .ui-btn-icon-top .ui-btn-inner,

1418

.ui-footer .ui-btn-icon-top .ui-btn-inner,

1419

.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }

1420

.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }

1421

.ui-header .ui-btn-icon-bottom .ui-btn-inner,

1422

.ui-footer .ui-btn-icon-bottom .ui-btn-inner,

1423

.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }

1424

1425

/*btn icon positioning*/

1426

.ui-btn-icon-notext .ui-icon { display: block; }

1427

.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }

1428

.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }

1429

.ui-btn-icon-left .ui-icon { left: 10px; }

1430

.ui-btn-icon-right .ui-icon {right: 10px; }

1431

.ui-header .ui-btn-icon-left .ui-icon,

1432

.ui-footer .ui-btn-icon-left .ui-icon,

1433

.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }

1434

.ui-header .ui-btn-icon-right .ui-icon,

1435

.ui-footer .ui-btn-icon-right .ui-icon,

1436

.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }

1437

.ui-header .ui-btn-icon-top .ui-icon,

1438

.ui-footer .ui-btn-icon-top .ui-icon,

1439

.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }

1440

.ui-header .ui-btn-icon-bottom .ui-icon,

1441

.ui-footer .ui-btn-icon-bottom .ui-icon,

1442

.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }

1443

.ui-btn-icon-top .ui-icon { top: 5px; }

1444

.ui-btn-icon-bottom .ui-icon { bottom: 5px; }

1445

/*hiding native button,inputs */

1446

.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

1447

1448

* jQuery Mobile Framework

1449

* Copyright (c) jQuery Project

1450

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1451

1452

.ui-collapsible-contain { margin: .5em 0; }

1453

.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }

1454

.ui-collapsible-heading a { text-align: left; margin: 0; }

1455

.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }

1456

.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }

1457

.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }

1458

.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }

1459

.ui-collapsible-heading-status { position:absolute; left:-9999px; }

1460

.ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }

1461

.ui-collapsible-content-collapsed { display: none; }

1462

1463

.ui-collapsible-set { margin: .5em 0; }

1464

.ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }

1465

1466

* jQuery Mobile Framework

1467

* Copyright (c) jQuery Project

1468

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1469

1470

.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }

1471

.ui-bar .ui-controlgroup { margin: 0 .3em; }

1472

.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }

1473

.ui-controlgroup-controls { display: block; width: 95%;}

1474

.ui-controlgroup li { list-style: none; }

1475

.ui-controlgroup-vertical .ui-btn,

1476

.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }

1477

.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }

1478

.ui-controlgroup-horizontal { padding: 0; }

1479

.ui-controlgroup-horizontal .ui-btn,

1480

.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }

1481

.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }

1482

.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,

1483

.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }

1484

.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }

1485

.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }

1486

/* conflicts with listview..

1487

.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }

1488

.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }

1489

1490

1491

@media all and (min-width: 450px){

1492

.ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }

1493

.ui-controlgroup-controls { width: 60%; display: inline-block; }

1494

} /*

1495

* jQuery Mobile Framework

1496

* Copyright (c) jQuery Project

1497

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1498

1499

.ui-dialog { min-height: 480px; }

1500

.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }

1501

.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }

1502

.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*

1503

* jQuery Mobile Framework

1504

* Copyright (c) jQuery Project

1505

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1506

1507

.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }

1508

.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }

1509

.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }

1510

.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }

1511

.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }

1512

.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }

1513

.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }

1514

.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }

1515

/* input, label positioning */

1516

.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/*

1517

* jQuery Mobile Framework

1518

* Copyright (c) jQuery Project

1519

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1520

1521

.ui-field-contain { background: none; padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }

1522

.ui-field-contain:first-child { border-top-width: 0; }

1523

@media all and (min-width: 450px){

1524

.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }

1525

} /*

1526

* jQuery Mobile Framework

1527

* Copyright (c) jQuery Project

1528

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1529

1530

.ui-select { display: block; position: relative; }

1531

.ui-select select { position: absolute; left: -9999px; top: -9999px; }

1532

.ui-select .ui-btn { overflow: hidden; }

1533

.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

1534

@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}

1535

.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }

1536

1537

.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }

1538

.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }

1539

1540

/* labels */

1541

label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }

1542

1543

/*listbox*/

1544

.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: inline-block; min-height: 1em; }

1545

.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; display: block;}

1546

1547

.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }

1548

.ui-selectmenu .ui-listview { margin: 0; }

1549

.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }

1550

.ui-selectmenu-hidden { top: -9999px; left: -9999px; }

1551

.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }

1552

.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }

1553

.ui-selectmenu-list .ui-li .ui-icon { display: block; }

1554

.ui-li.ui-selectmenu-placeholder { display: none; }

1555

.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }

1556

1557

@media all and (min-width: 450px){

1558

label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }

1559

.ui-select { width: 60%; display: inline-block; }

1560

}

1561

1562

/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */

1563

.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*

1564

* jQuery Mobile Framework

1565

* Copyright (c) jQuery Project

1566

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1567

1568

label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }

1569

input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }

1570

input.ui-input-text { -webkit-appearance: none; }

1571

textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }

1572

.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }

1573

.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }

1574

.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }

1575

.ui-input-search .ui-input-clear-hidden { display: none; }

1576

1577

/* orientation adjustments - incomplete!*/

1578

@media all and (min-width: 450px){

1579

label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }

1580

input.ui-input-text,

1581

textarea.ui-input-text,

1582

.ui-input-search { width: 60%; display: inline-block; }

1583

.ui-input-search { width: 50%; }

1584

.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }

1585

}/*

1586

* jQuery Mobile Framework

1587

* Copyright (c) jQuery Project

1588

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1589

1590

.ui-listview { margin: 0; counter-reset: listnumbering; }

1591

.ui-content .ui-listview { margin: -15px; }

1592

.ui-content .ui-listview-inset { margin: 1em 0; }

1593

.ui-listview, .ui-li { list-style:none; padding:0; }

1594

.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }

1595

.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

1596

.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }

1597

.ui-li-divider { counter-reset: listnumbering; }

1598

ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }

1599

ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */

1600

.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }

1601

.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }

1602

.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }

1603

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; }

1604

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }

1605

.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }

1606

.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

1607

.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

1608

.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }

1609

.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }

1610

.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }

1611

1612

.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }

1613

@media all and (min-width: 480px){

1614

.ui-li-aside { width: 45%; }

1615

}

1616

.ui-li-divider { cursor: default; }

1617

.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }

1618

.ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }

1619

.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }

1620

.ui-li-has-alt .ui-li-count { right: 55px; }

1621

.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; }

1622

.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }

1623

.ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }

1624

.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }

1625

1626

.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }

1627

.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }

1628

1629

.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }

1630

.ui-li.ui-screen-hidden{display:none;}

1631

/* Odd iPad positioning issue. */

1632

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

1633

.ui-li .ui-btn-text { overflow: visible; }

1634

}/*

1635

* jQuery Mobile Framework

1636

* Copyright (c) jQuery Project

1637

* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.

1638

1639

label.ui-slider { display: block; }

1640

input.ui-slider-input { display: inline-block; width: 50px; }

1641

select.ui-slider-switch { display: none; }

1642

div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }

1643

a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }

1644

a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }

1645

@media all and (min-width: 480px){

1646

label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }

1647

div.ui-slider { width: 45%; }

1648

}

1649

1650

div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }

1651

div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }

1652

div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }

1653

div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }

1654

div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }

1655

div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }

1656

.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }

1657

.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }

1658

1659

div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }

1660

span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }

1661

span.ui-slider-label-a { left: -100%; margin-right: -1px }

1662

span.ui-slider-label-b { right: -100%; margin-left: -1px }

Older »