Update mediaboxAdvanced and mootools to the latest upstream version

Sources: https://github.com/iaian7/mediaboxAdvanced and http://mootools.net/ Signed-off-by: Denis Shulyaka <[email protected]>
gentoomaniac · Mar 11, 2015 · acb2a37 · acb2a37
1 parent 244796f
commit acb2a37
Show file tree

Hide file tree

Showing 13 changed files with 3,299 additions and 2,070 deletions.
diff --git a/src/images/50.gif b/src/images/50.gif
diff --git a/src/images/loading.gif → src/images/loading-dark.gif b/src/images/loading.gif → src/images/loading-dark.gif
diff --git a/src/images/loading3.gif → src/images/loading-light.gif b/src/images/loading3.gif → src/images/loading-light.gif
diff --git a/src/images/loading2.gif → src/images/loading-minimal.gif b/src/images/loading2.gif → src/images/loading-minimal.gif
diff --git a/src/css/mediaboxAdvBlack21.css → src/images/mediaboxAdv-Dark.css b/src/css/mediaboxAdvBlack21.css → src/images/mediaboxAdv-Dark.css
@@ -1,6 +1,6 @@
-		/*	mediaboxAdvanced Black theme	*/
-		/*	version 2.1 - August 2010		*/
-		/*	for mediaboxAdvanced v.1.3.1	*/
+		/*	mediaboxAdvanced Dark theme	*/
+		/*	version 2.6 - June 2011			*/
+		/*	for mediaboxAdvanced v.1.5.x	*/
 
 		/*	Overlay background styling	*/
 
@@ -10,45 +10,53 @@
 	top: 0;
 	left: 0;
 	width: 100%;
-	height: 100%;
+	height: 150%;
 	background-color: #000;
 	cursor: pointer;
 }
 
-		/*	Legacy fix for older browsers	*/
+		/*	Fixes for older or limited browsers	*/
 
-#mbOverlay.mbOverlayFF {
-	background: transparent url(../images/80.png) repeat;
+#mbOverlay.mbOverlayOpaque {
+	background: transparent url(80.png) repeat;
 }
 
-#mbOverlay.mbOverlayIE {
+#mbOverlay.mbOverlayAbsolute {
 	position: absolute;
 }
 
+#mbOverlay.mbMobile {
+	position: absolute;
+	background-color: transparent;
+}
+
+#mbBottom.mbMobile {
+	line-height: 24px;
+	font-size: 16px;
+}
+
 		/*	Overlay panel styling	*/
 
 #mbCenter {
 	position: absolute;
 	z-index: 9999;
 	left: 50%;
-	overflow: hidden;
+	padding: 10px;
 	background-color: #000;
 	-webkit-border-radius: 10px;
 	-khtml-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */
 	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
 	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
 	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
 	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-	/* For IE 8 */
-	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
-	/* For IE 5.5 - 7 */
-	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
 }
 
 #mbCenter.mbLoading {
-	background: #000 url(../images/loading2.gif) no-repeat center;
+	background: #000 url(loading-dark.gif) no-repeat center;
 		/*	This style is applied only during animation.	*/
 		/*	For example, the next lines turn off shadows	*/
 		/*	improving browser performance on slow systems.	*/
@@ -59,7 +67,7 @@
 	box-shadow: none;
 }
 
-#mbImage {
+#mbMedia {
 	position: relative;
 	left: 0;
 	top: 0;
@@ -73,42 +81,39 @@
 	text-align: left;
 	background-position: center center;
 	background-repeat: no-repeat;
-	padding: 10px;
 }
 
 		/*	Title, Caption and Button styling	*/
 
 #mbBottom {
-	min-height: 20px;
-	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	line-height: 20px;
 	font-size: 12px;
-	color: #999;
+	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
-	padding: 0 10px 10px;
+	color: #999;
+	min-height: 20px;
+	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 {
@@ -126,8 +131,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;
 }
 
@@ -141,7 +146,6 @@
 	color: #fff;
 }
 
-
 		/*	Error message styling	*/
 
 #mbError {

diff --git a/src/css/mediaboxAdvWhite.css → src/images/mediaboxAdv-Light.css b/src/css/mediaboxAdvWhite.css → src/images/mediaboxAdv-Light.css
@@ -1,6 +1,6 @@
-		/*	mediaboxAdvanced Black theme	*/
-		/*	version 2.1 - August 2010		*/
-		/*	for mediaboxAdvanced v.1.3.1	*/
+		/*	mediaboxAdvanced Light theme	*/
+		/*	version 2.6 - June 2011			*/
+		/*	for mediaboxAdvanced v.1.5.x	*/
 
 		/*	Overlay background styling	*/
 
@@ -11,18 +11,28 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	background-color: #000;
+	background-color: #ccc;
 	cursor: pointer;
 }
 
-		/*	Legacy fix for older browsers	*/
+		/*	Fixes for older or limited browsers	*/
+
+#mbOverlay.mbOverlayOpaque {
+	background: transparent url(80.png) repeat;
+}
 
-#mbOverlay.mbOverlayFF {
-	background: transparent url(../images/80.png) repeat;
+#mbOverlay.mbOverlayAbsolute {
+	position: absolute;
 }
 
-#mbOverlay.mbOverlayIE {
+#mbOverlay.mbMobile {
 	position: absolute;
+	background-color: transparent;
+}
+
+#mbBottom.mbMobile {
+	line-height: 24px;
+	font-size: 16px;
 }
 
 		/*	Overlay panel styling	*/
@@ -31,24 +41,22 @@
 	position: absolute;
 	z-index: 9999;
 	left: 50%;
-	overflow: hidden;
+	padding: 10px;
 	background-color: #fff;
 	-webkit-border-radius: 10px;
 	-khtml-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */
 	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
 	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
 	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
 	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-	/* For IE 8 */
-	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
-	/* For IE 5.5 - 7 */
-	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
 }
 
 #mbCenter.mbLoading {
-	background: #fff url(../images/WhiteLoading.gif) no-repeat center;
+	background: #fff url(loading-light.gif) no-repeat center;
 		/*	This style is applied only during animation.	*/
 		/*	For example, the next lines turn off shadows	*/
 		/*	improving browser performance on slow systems.	*/
@@ -59,7 +67,7 @@
 	box-shadow: none;
 }
 
-#mbImage {
+#mbMedia {
 	position: relative;
 	left: 0;
 	top: 0;
@@ -69,46 +77,55 @@
 	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	line-height: 20px;
 	font-size: 12px;
-	color: #333;
+	color: #000;
 	text-align: left;
 	background-position: center center;
 	background-repeat: no-repeat;
-	padding: 10px;
+}
+
+@mbMedia img {
+	-webkit-border-radius: 4px;
+	-khtml-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+
+#mbAudio {
+	padding: 0 0 2px;
+	background-color: #000;
 }
 
 		/*	Title, Caption and Button styling	*/
 
 #mbBottom {
-	min-height: 20px;
-	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	line-height: 20px;
 	font-size: 12px;
-	color: #000;
+	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
-	padding: 0 10px 10px;
+	color: #777;
+	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: #333;
-	line-height: 14px;
-	font-size: 10px;
+	color: #777;
+/*	line-height: 0.8em; */
+	font-size: 0.8em;
 	margin: auto 10px;
 }
 
 #mbCaption {
 	display: block;
-	color: #000;
-	line-height: 14px;
-	font-size: 10px;
+	color: #777;
+	line-height: 1.6em;
+	font-size: 0.8em;
 }
 
 #mbPrevLink, #mbNextLink, #mbCloseLink {
@@ -126,22 +143,21 @@
 
 #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;
 }
 
 #mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
 	text-decoration: none;
-	color: #ddd;
+	color: #333;
 }
 
 #mbBottom a:hover, #mbBottom a:active {
 	text-decoration: underline;
 	color: #000;
 }
 
-
 		/*	Error message styling	*/
 
 #mbError {