[livejournal] r20069: LJSUP-9777: betatest.bml changes

U   trunk/htdocs/stc/ie.css
U   trunk/htdocs/stc/lj_base.css

Modified: trunk/htdocs/stc/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2011-09-19 06:36:40 UTC (rev 20068)
+++ trunk/htdocs/stc/ie.css	2011-09-19 07:01:04 UTC (rev 20069)
@@ -577,16 +577,6 @@
 	top: 0;
 	}
 
-/* Should be at bottom of the page! */
-* HTML .i-ljtimes-btn,
-* HTML .i-ljtimes-drag,
-* HTML .i-ljtimes-click,
-* HTML .b-ljtimes-bubble-bg,
-* HTML .b-ljtimes-bubble-top {
-	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg : this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
-	}
-
-
 /* LJ like buttons 
 -----------------------------------------------*/
 .lj-like-item {
@@ -600,3 +590,19 @@
 	zoom: 1;
 	}
 
+/* Betatest
+-----------------------------------------------*/
+.alt-servers-list LI.production-server {
+	margin-bottom: -4px;
+	}
+
+/* Should be at bottom of the page! */
+* HTML .i-ljtimes-btn,
+* HTML .i-ljtimes-drag,
+* HTML .i-ljtimes-click,
+* HTML .b-ljtimes-bubble-bg,
+* HTML .b-ljtimes-bubble-top {
+	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg : this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
+	}
+
+

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2011-09-19 06:36:40 UTC (rev 20068)
+++ trunk/htdocs/stc/lj_base.css	2011-09-19 07:01:04 UTC (rev 20069)
@@ -57,6 +57,7 @@
 
 /* New buttons */
 .b-btn {
+	overflow: visible;
 	padding: 10px 25px;
 	background: #6ED1FF;
 	background: -moz-linear-gradient(top, #6ED1FF 0%, #1BB5FD 3%, #158FC8 100%);
@@ -3734,6 +3735,7 @@
 /* Betatest
 ------------------------------------------------------------------------*/
 .beta-testing {
+	width: 70%;
 	margin-bottom: 50px;
 	}
 	.beta-testing .user-agent {
@@ -3772,22 +3774,10 @@
 	.alt-servers-list LI:nth-child(2n-1) {
 		background: #F4F4F4;
 		}
-		.alt-servers-list LI .server-name {
+		.alt-servers-list LI .section {
 			float: left;
-			text-shadow: 0 1px 1px #FFF;
-			line-height: 24px;
-			font-size: 22px;
+			width: 70%;
 			}
-		.alt-servers-list LI .server-desc {
-			clear: both;
-			width: 60%;
-			padding: 3px 0 0 0;
-			margin: 0;
-			text-shadow: 0 1px 1px #FFF;
-			line-height: 13px;
-			font-size: 11px;
-			color: #666;
-			}
 		.alt-servers-list LI .side {
 			position: absolute;
 			top: 50%;
@@ -3796,17 +3786,106 @@
 			margin-top: -12px;
 			text-align: center;
 			}
-		.alt-servers-list LI .b-btn {
-			margin: -7px 0;
-			}
-		.alt-servers-list LI .note {
-			text-shadow: 0 1px 1px #FFF;
-			line-height: 20px;
-			font-weight: bold;
-			font-size: 18px;
-			}
-		.alt-servers-list LI .checkbox {
-			margin: 0;
-			padding: 0;
-			}
+			.alt-servers-list LI .server-name {
+				padding: 0;
+				margin: 0;
+				text-shadow: 0 1px 1px #FFF;
+				line-height: 24px;
+				font-size: 22px;
+				color: #000;
+				}
+			.alt-servers-list LI .server-desc {
+				padding: 3px 0 0 0;
+				margin: 0;
+				text-shadow: 0 1px 1px #FFF;
+				line-height: 13px;
+				font-size: 11px;
+				color: #666;
+				}
+			.alt-servers-list LI .b-btn {
+				margin: -7px 0;
+				}
+			.alt-servers-list LI .b-btn-slide-off,
+			.alt-servers-list LI .b-btn-slide-on {
+				position: relative;
+				display: inline-block;
+				height: 21px;
+				padding: 5px 15px 0px 15px;
+				margin: 0;
+				-webkit-border-radius: 4px;
+				-moz-border-radius: 4px;
+				border-radius: 4px;
+				border: 1px solid #B2B2B2;
+				text-transform: uppercase;
+				text-shadow: 1px 1px 1px #0B6294;
+				font-size: 14px;
+				font-weight: bold;
+				color: #FFF;
+				}
+			.alt-servers-list LI .b-btn-slide-off {
+				padding-left: 50px;
+				background: #BDBDBD;
+				background: -moz-linear-gradient(top, #BDBDBD 0%, #E3E3E3 20%, #EEEEEE 51%, #FFFFFF 51%, #FFFFFF 100%, #FFFFFF 100%);
+				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDBDBD), color-stop(20%,#E3E3E3), color-stop(51%,#EEEEEE), color-stop(51%,#FFFFFF), color-stop(100%,#FFFFFF), color-stop(100%,#FFFFFF));
+				background: -webkit-linear-gradient(top, #BDBDBD 0%,#E3E3E3 20%,#EEEEEE 51%,#FFFFFF 51%,#FFFFFF 100%,#FFFFFF 100%);
+				background: -o-linear-gradient(top, #BDBDBD 0%,#E3E3E3 20%,#EEEEEE 51%,#FFFFFF 51%,#FFFFFF 100%,#FFFFFF 100%);
+				background: -ms-linear-gradient(top, #BDBDBD 0%,#E3E3E3 20%,#EEEEEE 51%,#FFFFFF 51%,#FFFFFF 100%,#FFFFFF 100%);
+				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BDBDBD', endColorstr='#FFFFFF',GradientType=0 );
+				background: linear-gradient(top, #BDBDBD 0%,#E3E3E3 20%,#EEEEEE 51%,#FFFFFF 51%,#FFFFFF 100%,#FFFFFF 100%);
+				border-color: #C0C0C0;
+				text-shadow: 1px 1px 1px #FFF;
+				color: #7F7F7F;
+				}
+			.alt-servers-list LI .b-btn-slide-on {
+				padding-right: 55px;
+				background: #6ED1FF;
+				background: -moz-linear-gradient(top, #6ED1FF 0%, #1BB5FD 3%, #158FC8 100%);
+				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ED1FF), color-stop(3%,#1BB5FD), color-stop(100%,#158FC8));
+				background: -webkit-linear-gradient(top, #6ED1FF 0%,#1BB5FD 3%,#158FC8 100%);
+				background: -o-linear-gradient(top, #6ED1FF 0%,#1BB5FD 3%,#158FC8 100%);
+				background: -ms-linear-gradient(top, #6ED1FF 0%,#1BB5FD 3%,#158FC8 100%);
+				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ED1FF', endColorstr='#158FC8',GradientType=0 );
+				background: linear-gradient(top, #6ED1FF 0%,#1BB5FD 3%,#158FC8 100%);
+				border: 1px solid #518593;
+				text-shadow: 1px 1px 1px #0B6294;
+				color: #FFF;
+				}
+				.alt-servers-list LI .b-btn-slide-off .b-btn,
+				.alt-servers-list LI .b-btn-slide-on .b-btn {
+					position: absolute;
+					top: -1px;
+					width: 40px;
+					height: 28px;
+					padding: 0;
+					margin: 0;
+					background: #D8D8D8;
+					background: -moz-linear-gradient(top, #D8D8D8 0%, #FFFFFF 100%);
+					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#FFFFFF));
+					background: -webkit-linear-gradient(top, #D8D8D8 0%,#FFFFFF 100%);
+					background: -o-linear-gradient(top, #D8D8D8 0%,#FFFFFF 100%);
+					background: -ms-linear-gradient(top, #D8D8D8 0%,#FFFFFF 100%);
+					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#FFFFFF',GradientType=0 );
+					background: linear-gradient(top, #D8D8D8 0%,#FFFFFF 100%);
+					border: 1px solid #B2B2B2;
+					}
+				.alt-servers-list LI .b-btn-slide-off .b-btn {
+					left: -1px;
+					}
+				.alt-servers-list LI .b-btn-slide-on .b-btn {
+					right: -1px;
+					}
+			.alt-servers-list LI .note {
+				text-shadow: 0 1px 1px #FFF;
+				line-height: 20px;
+				font-weight: bold;
+				font-size: 18px;
+				}
+	.alt-servers-list LI.production-server {
+		position: relative;
+		margin-bottom: -1px;
+		background: #F0F0F0;
+		border-bottom: 1px solid #DDD;
+		border-top: 1px solid #DDD;
+		z-index: 1;
+		}