[livejournal] r20069: LJSUP-9777: betatest.bml changes
Committer: skomarov
LJSUP-9777: betatest.bml changesU 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;
+ }