Xpages Mobile Controls iOS7 Theme


.mobile body {
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font: -apple-system-font;
}
.mblColorDefault {
	background-color: inherit;
	background-image: none;
	color: rgb(21,125,251); 
}

/* Bars */

.mblHeading {
	background-color: rgba(248,248,248, 0.9);
	background-image: none;
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font: -apple-system-heading;
	border-color: rgb(200,199,204);
	height: 44px;
	font-weight: 300;
	text-shadow: none;
	border-top: none;
	border-bottom: 1px solid rgb(200,199,204);
}
.mblHeadingSpanTitle, .mblHeadingDivTitle {
	color: rgb(0,0,0);
	text-shadow: none;
}
.mblToolBarButton, .mblTabBarButton {
	color: rgb(21,125,251);
	background-image: none;
	font-size: 20px;
	-webkit-tap-highlight-color: inherit;
}
.mblTabBarSegmentedControl .mblTabBarButton {
	color: rgb(21,125,251);
	background-image: none;
	font-size: 20px;
	border: none;
	-webkit-tap-highlight-color: inherit;
}
.mblHeading .mblToolBarButtonArrow {
	border-color: rgb(21,125,251);
	border-width: 0 0 2px 2px;
	top: 7px;
	width: 12px;
	height: 12px;
}
.mblToolBarButtonArrow {
	-webkit-transform: scale(1, 1) rotate(45deg);
}
.mblHeading .mblToolBarButtonBody {
	border: none;
	padding-left: 2px;
	font-weight: 300;
}
.rpToolBar .mblToolBarButton {
	margin-top: 12px;
	font-size: 30px;
}
.mblTabBar {
	background-color: rgba(248,248,248, 0.9);
	color: rgba(116, 116, 116, 0.85);
	text-shadow: none;
	border-color: rgb(200,199,204);
	border-bottom: none;
	border-top: 1px solid;
}
.mblTabBarTabBar {
	background-image: none;
}
.mblTabBarTabBar .mblTabBarButtonSelected {
	background-color: inherit;
	background-image: none;
	color: rgb(21,125,251);
}
.mblTabBarTabBar .mblTabBarButtonSelected .mblTabBarButtonLabel {
	color: rgb(21,125,251);
}
.mblTabBarSegmentedControl {
	background-image: none;
	border-top: 1px solid rgb(200,199,204);
}
.mobileFormHeader {
	font-weight: normal;
}
.rpEdgeListHeadingBar {
	background-color: rgba(248, 248, 248, 0.9);
}
.rpEmbeddedViewHeading {
	color: rgb(0,0,0);
}
/* List Items */

.mblListItem {
	font-weight: normal;
}
.mblListItemRightText {
	color: inherit;
	font-weight: normal;
}
.mblListItemChecked {
	color: rgb(21, 125, 251);
}

/* Overlays */
.mblOverlay {
	opacity: 0.95;
}
/* Buttons */

.mblButton {
	border: none;
	background-image: none;
	color: rgb(21, 125, 251);
	background: inherit;
	font-size: 17px;
	font-weight: 100;
	font: -apple-system-font;
}
/* Icons */

[fonticon ^="icon-"]:before {
	color: rgb(0,0,0);
	font-weight: 100;
}
All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.
No comments yetLogin first to comment...