v1.5.2 — Style updates, smarter size calculations, and iOS integration

fbender · Jun 17, 2011 · 93ca93a · 93ca93a
1 parent b639ee9
commit 93ca93a
Show file tree

Hide file tree

Showing 10 changed files with 228 additions and 122 deletions.
diff --git a/Docs/files/mediaboxAdv-Dark.css b/Docs/files/mediaboxAdv-Dark.css
@@ -10,7 +10,7 @@
 	top: 0;
 	left: 0;
 	width: 100%;
-	height: 100%;
+	height: 150%;
 	background-color: #000;
 	cursor: pointer;
 }
@@ -25,12 +25,23 @@
 	position: absolute;
 }
 
+#mbOverlay.mbMobile {
+	position: absolute;
+	background-color: transparent;
+}
+
+#mbBottom.mbMobile {
+	line-height: 28px;
+	font-size: 24px;
+}
+
 		/*	Overlay panel styling	*/
 
 #mbCenter {
 	position: absolute;
 	z-index: 9999;
 	left: 50%;
+	padding: 10px;
 	background-color: #000;
 	-webkit-border-radius: 10px;
 	-khtml-border-radius: 10px;
@@ -70,7 +81,7 @@
 	text-align: left;
 	background-position: center center;
 	background-repeat: no-repeat;
-	padding: 10px;
+/*	padding: 10px;*/
 }
 
 		/*	Title, Caption and Button styling	*/
@@ -81,31 +92,30 @@
 	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
 	color: #999;
-	min-height: 20px;
-	padding: 0 10px 10px;
+/*	min-height: 20px;	*/
+/*	padding: 0 10px 10px;*/
+	padding: 10px 0 0;
 }
 
 #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
 	display: inline;
 	color: #fff;
 	font-weight: bold;
-	line-height: 20px;
-	font-size: 12px;
 }
 
 #mbNumber {
 	display: inline;
 	color: #999;
-	line-height: 14px;
-	font-size: 10px;
+/*	line-height: 0.8em; */
+	font-size: 0.8em;
 	margin: auto 10px;
 }
 
 #mbCaption {
 	display: block;
 	color: #999;
-	line-height: 14px;
-	font-size: 10px;
+	line-height: 1.6em;
+	font-size: 0.8em;
 }
 
 #mbPrevLink, #mbNextLink, #mbCloseLink {
@@ -123,8 +133,8 @@
 
 #mbPrevLink big, #mbNextLink big, #mbCloseLink big {
 	color: #eee;
-	font-size: 16px;
-	line-height: 14px;
+	font-size: 1.4em;
+/*	line-height: 0.9em;*/
 	font-weight: bold;
 }
 
@@ -138,7 +148,6 @@
 	color: #fff;
 }
 
-
 		/*	Error message styling	*/
 
 #mbError {

diff --git a/Docs/files/mediaboxAdv-Light.css b/Docs/files/mediaboxAdv-Light.css
@@ -1,5 +1,5 @@
 		/*	mediaboxAdvanced Light theme	*/
-		/*	version 2.5 - May 2011			*/
+		/*	version 2.5 - June 2011			*/
 		/*	for mediaboxAdvanced v.1.5.x	*/
 
 		/*	Overlay background styling	*/
@@ -18,19 +18,30 @@
 		/*	Fixes for older or limited browsers	*/
 
 #mbOverlay.mbOverlayOpaque {
-	background: transparent url(files/80.png) repeat;
+	background: transparent url(80.png) repeat;
 }
 
 #mbOverlay.mbOverlayAbsolute {
 	position: absolute;
 }
 
+#mbOverlay.mbMobile {
+	position: absolute;
+	background-color: transparent;
+}
+
+#mbBottom.mbMobile {
+	line-height: 28px;
+	font-size: 24px;
+}
+
 		/*	Overlay panel styling	*/
 
 #mbCenter {
 	position: absolute;
 	z-index: 9999;
 	left: 50%;
+	padding: 10px;
 	background-color: #fff;
 	-webkit-border-radius: 10px;
 	-khtml-border-radius: 10px;
@@ -70,7 +81,7 @@
 	text-align: left;
 	background-position: center center;
 	background-repeat: no-repeat;
-	padding: 10px;
+/*	padding: 10px;*/
 }
 
 @mbMedia img {
@@ -93,31 +104,30 @@
 	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
 	color: #777;
-	min-height: 20px;
-	padding: 0 10px 10px;
+/*	min-height: 20px;	*/
+/*	padding: 0 10px 10px;*/
+	padding: 10px 0 0;
 }
 
 #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
 	display: inline;
 	color: #000;
 	font-weight: bold;
-	line-height: 20px;
-	font-size: 12px;
 }
 
 #mbNumber {
 	display: inline;
 	color: #777;
-	line-height: 14px;
-	font-size: 10px;
+/*	line-height: 0.8em; */
+	font-size: 0.8em;
 	margin: auto 10px;
 }
 
 #mbCaption {
 	display: block;
 	color: #777;
-	line-height: 14px;
-	font-size: 10px;
+	line-height: 1.6em;
+	font-size: 0.8em;
 }
 
 #mbPrevLink, #mbNextLink, #mbCloseLink {
@@ -135,8 +145,8 @@
 
 #mbPrevLink big, #mbNextLink big, #mbCloseLink big {
 	color: #333;
-	font-size: 16px;
-	line-height: 14px;
+	font-size: 1.4em;
+/*	line-height: 0.9em;*/
 	font-weight: bold;
 }
 
@@ -150,7 +160,6 @@
 	color: #000;
 }
 
-
 		/*	Error message styling	*/
 
 #mbError {

diff --git a/Docs/files/mediaboxAdv-Minimal.css b/Docs/files/mediaboxAdv-Minimal.css
@@ -1,5 +1,5 @@
 		/*	mediaboxAdvanced Minimal theme	*/
-		/*	version 2.5 - May 2011			*/
+		/*	version 2.5 - June 2011			*/
 		/*	for mediaboxAdvanced v.1.5.x	*/
 
 		/*	Overlay background styling	*/
@@ -25,6 +25,16 @@
 	position: absolute;
 }
 
+#mbOverlay.mbMobile {
+	position: absolute;
+	background-color: transparent;
+}
+
+#mbBottom.mbMobile {
+	line-height: 24px;
+	font-size: 18px;
+}
+
 		/*	Overlay panel styling	*/
 
 #mbCenter {
@@ -68,31 +78,29 @@
 	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
 	color: #999;
-	min-height: 20px;
+/*	min-height: 20px;	*/
 	padding: 10px 6px 4px;
 }
 
 #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
 	display: inline;
 	color: #fff;
 	font-weight: bold;
-	line-height: 20px;
-	font-size: 12px;
 }
 
 #mbNumber {
 	display: inline;
 	color: #999;
-	line-height: 14px;
-	font-size: 10px;
+/*	line-height: 0.8em; */
+	font-size: 0.8em;
 	margin: auto 10px;
 }
 
 #mbCaption {
 	display: block;
 	color: #999;
-	line-height: 14px;
-	font-size: 10px;
+	line-height: 1.6em;
+	font-size: 0.8em;
 }
 
 #mbPrevLink, #mbNextLink, #mbCloseLink {
@@ -110,8 +118,8 @@
 
 #mbPrevLink big, #mbNextLink big, #mbCloseLink big {
 	color: #eee;
-	font-size: 16px;
-	line-height: 14px;
+	font-size: 1.4em;
+/*	line-height: 0.9em;*/
 	font-weight: bold;
 }
 

diff --git a/Docs/files/mediaboxAdv-Smooth.css b/Docs/files/mediaboxAdv-Smooth.css
@@ -1,5 +1,5 @@
 		/*	mediaboxAdvanced Smooth theme	*/
-		/*	version 2.5 - May 2011			*/
+		/*	version 2.5 - June 2011			*/
 		/*	for mediaboxAdvanced v.1.5.x	*/
 
 		/*	Overlay background styling	*/
@@ -25,6 +25,16 @@
 	position: absolute;
 }
 
+#mbOverlay.mbMobile {
+	position: absolute;
+	background-color: transparent;
+}
+
+#mbBottom.mbMobile {
+	line-height: 28px;
+	font-size: 24px;
+}
+
 		/*	Overlay panel styling	*/
 
 #mbCenter {
@@ -119,31 +129,29 @@
 	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
 	color: #444;
-	min-height: 20px;
+/*	min-height: 20px;	*/
 	padding: 10px 0 0;
 }
 
 #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
 	display: inline;
 	color: #000;
 	font-weight: bold;
-	line-height: 20px;
-	font-size: 12px;
 }
 
 #mbNumber {
 	display: inline;
 	color: #444;
-	line-height: 14px;
-	font-size: 10px;
+/*	line-height: 0.8em; */
+	font-size: 0.8em;
 	margin: auto 10px;
 }
 
 #mbCaption {
 	display: block;
 	color: #444;
-	line-height: 14px;
-	font-size: 10px;
+	line-height: 1.6em;
+	font-size: 0.8em;
 }
 
 #mbPrevLink, #mbNextLink, #mbCloseLink {
@@ -162,8 +170,8 @@
 
 #mbPrevLink big, #mbNextLink big, #mbCloseLink big {
 	color: #222;
-	font-size: 20px;
-	line-height: 10px;
+	font-size: 1.6em;
+	line-height: 0.6em;
 	font-weight: bold;
 }