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; + }