dojox/mobile/themes/iphone/common.css

Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.

html.mobile,
.mobile body {
  width: 100%;
  margin: 0;
  padding: 0;
}
.mobile body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  font-family: Helvetica;
  font-size: 17px;
}
.mblBackground {
  background-color: #c5ccd3;
}
/* Button Colors */
.mblColorBlue {
  color: #ffffff;
  background-color: #366edf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
  background-image: linear-gradient(to bottom, #7a9de9 0%, #366edf 50%, #215fdc 50%, #2362dd 100%);
}
.mblColorBlue45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
  background-image: linear-gradient(to right bottom, #7a9de9 0%, #366edf 50%, #215fdc 50%, #2362dd 100%);
}
/* Default Button Colors */
.mblColorDefault {
  color: #ffffff;
  background-color: #5877a2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#4a6c9b), color-stop(0.02, #8ea4c1), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
  background-image: linear-gradient(to bottom, #222222 0%, #8ea4c1 2%, #5877a2 50%, #476999 50%, #4a6c9b 100%);
}
.mblColorDefault45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#222222), to(#4a6c9b), color-stop(0.02, #8ea4c1), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
  background-image: linear-gradient(to right bottom, #222222 0%, #8ea4c1 2%, #5877a2 50%, #476999 50%, #4a6c9b 100%);
}
.mblColorDefaultSel {
  color: #ffffff;
  background-color: #394d77;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69));
  background-image: linear-gradient(to bottom, #7c87a4 0%, #394d77 50%, #243b69 50%, #263e6c 100%);
}
.mblColorDefaultSel45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69));
  background-image: linear-gradient(to right bottom, #7c87a4 0%, #394d77 50%, #243b69 50%, #263e6c 100%);
}
.mblSpriteIcon {
  position: absolute;
}
.mblSpriteIconParent {
  position: relative;
  font-size: 1px;
}
.mblImageIcon {
  vertical-align: top;
}
.unselectable {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
/* iOS 6 specific */
.dj_ios6 .mblColorBlue {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#89abec), to(#2057c1));
  background-image: linear-gradient(to bottom, #89abec 0%, #2057c1 100%);
}
.dj_ios6 .mblColorBlue45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#89abec), to(#2057c1));
  background-image: linear-gradient(to right bottom, #89abec 0%, #2057c1 100%);
}
.dj_ios6.dj_phone {
  /* mblColorBlue also defined here to correctly show up in openers */
}
.dj_ios6.dj_phone body {
  background-color: #d7dce5;
}
.dj_ios6.dj_phone body.mblIOS6Stripes {
  /* Vertical stripes on webkit */
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#d4d9e3), color-stop(0.7, transparent), color-stop(0.7, #d4d9e3));
  background-size: 8px 8px;
}
.dj_ios6.dj_phone .mblColorDefault {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#99aac2), to(#41618d));
  background-image: linear-gradient(to bottom, #99aac2 0%, #41618d 100%);
}
.dj_ios6.dj_phone .mblColorDefault45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#99aac2), to(#41618d));
  background-image: linear-gradient(to right bottom, #99aac2 0%, #41618d 100%);
}
.dj_ios6.dj_phone .mblColorDefaultSel {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8b97af), to(#273e6b));
  background-image: linear-gradient(to bottom, #8b97af 0%, #273e6b 100%);
}
.dj_ios6.dj_phone .mblColorDefaultSel45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#8b97af), to(#273e6b));
  background-image: linear-gradient(to right bottom, #8b97af 0%, #273e6b 100%);
}
.dj_ios6.dj_phone .mblColorBlue {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#89abec), to(#2057c1));
  background-image: linear-gradient(to bottom, #89abec 0%, #2057c1 100%);
}
.dj_ios6.dj_phone .mblColorBlue45 {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#89abec), to(#2057c1));
  background-image: linear-gradient(to right bottom, #89abec 0%, #2057c1 100%);
}