Committer: narefieva
LJSUP-9528: Small improvemets for FriendsTimes & css-beatyU trunk/htdocs/stc/friendstimes.css
Modified: trunk/htdocs/stc/friendstimes.css =================================================================== --- trunk/htdocs/stc/friendstimes.css 2011-08-15 10:01:56 UTC (rev 10865) +++ trunk/htdocs/stc/friendstimes.css 2011-08-16 07:08:15 UTC (rev 10866) @@ -31,27 +31,27 @@ list-style: none; } .b-friendstimes-wrapper { + margin: 0; padding: 20px; - margin: 0; - -webkit-margin-after:0; - -webkit-margin-before:0; + background-color: #FFF; + -webkit-margin-after: 0; + -webkit-margin-before: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; - background-color: #FFF; } .b-friendstimes-aside { float: left; width: 100%; - margin:0 0 20px; + margin: 0 0 20px; } .b-friendstimes-userpic { - margin: -34px 17px 0 0; position: relative; float: left; - border: 1px solid #B9C0C4; + margin: -34px 17px 0 0; padding: 2px; background-color: #FFF; + border: 1px solid #B9C0C4; } .b-friendstimes-aside P { margin: 0 0 10px; @@ -60,15 +60,15 @@ .b-friendstimes-preposition, .b-friendstimes-date { margin: 0 7px; + font-size: .9em; color: #768794; - font-size: .9em; } .b-friendstimes-preposition { margin: 0 0.5em 0 0.3em; } .b-friendstimes-title { + font-size: 18px; color: #333; - font-size: 18px; } .b-friendstimes-section { margin: 0; @@ -89,12 +89,12 @@ } .b-friendstimes-article A IMG, .b-friendstimes-comments-wrapper A IMG { - border:none; + border: none; } .b-friendstimes-article .ljuser IMG, .b-friendstimes-comments-wrapper .ljuser IMG { - padding-right:1px; - vertical-align:bottom; + padding-right: 1px; + vertical-align: bottom; } .b-friendstimes-article-links { overflow: hidden; @@ -117,8 +117,8 @@ color: #3F5F9E; } .b-friendstimes-comments { + margin: 0 30px; background-color: #E3E9EE; - margin: 0 30px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; @@ -141,9 +141,9 @@ border-radius: 0 0 10px 10px; } .b-friendstimes-child { - background:url(/img/friendstimes/reply.png) no-repeat 0 0; - padding-left:20px; - position:relative; + position: relative; + padding-left: 20px; + background: url(/img/friendstimes/reply.png) no-repeat 0 0; } .b-friendstimes-comments-wrapper .ljuser { margin: 0 7px 0 0; @@ -154,39 +154,39 @@ font-size: .9em; } .b-friendstimes-close-dialog { - display:none; - position:absolute; - padding:0 30px; - top:0; - left:0; - right:0; - border-top:1px solid #C5CFD7; - -webkit-border-radius:0 0 6px 6px; - -moz-border-radius:0 0 6px 6px; - border-radius:0 0 6px 6px; - box-shadow:0 3px 3px #999; - background: #fefeff; - background: -moz-linear-gradient(top, #fefeff 0%, #f1f5f7 3%, #e5e9eb 97%, #ffffff 100%); - background: -webkit-gradient(linear, top top, right top, color-stop(0%,#fefeff), color-stop(3%,#f1f5f7), color-stop(97%,#e5e9eb), color-stop(100%,#ffffff)); - background: -webkit-linear-gradient(top, #fefeff 0%,#f1f5f7 3%,#e5e9eb 97%,#ffffff 100%); - background: -o-linear-gradient(top, #fefeff 0%,#f1f5f7 3%,#e5e9eb 97%,#ffffff 100%); - background: -ms-linear-gradient(top, #fefeff 0%,#f1f5f7 3%,#e5e9eb 97%,#ffffff 100%); - background: linear-gradient(top, #fefeff 0%,#f1f5f7 3%,#e5e9eb 97%,#ffffff 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#ffffff',GradientType=1 ); - z-index:1; + display: none; + position: absolute; + z-index: 1; + top: 0; + left: 0; + right: 0; + padding: 0 30px; + border-top: 1px solid #C5CFD7; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; + box-shadow: 0 3px 3px #999; + background: #FEFEFF; + background: -moz-linear-gradient(top, #FEFEFF 0%, #F1F5F7 3%, #E5E9EB 97%, #ffffff 100%); + background: -webkit-gradient(linear, top top, right top, color-stop(0%,#FEFEFF), color-stop(3%,#F1F5F7), color-stop(97%,#E5E9EB), color-stop(100%,#FFFFFF)); + background: -webkit-linear-gradient(top, #FEFEFF 0%,#F1F5F7 3%,#E5E9EB 97%,#ffffff 100%); + background: -o-linear-gradient(top, #FEFEFF 0%,#F1F5F7 3%,#E5E9EB 97%,#ffffff 100%); + background: -ms-linear-gradient(top, #FEFEFF 0%,#F1F5F7 3%,#E5E9EB 97%,#ffffff 100%); + background: linear-gradient(top, #FEFEFF 0%,#F1F5F7 3%,#E5E9EB 97%,#ffffff 100%); + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFF', endColorstr='#FFFFFF',GradientType=1 ); } .b-friendstimes-apply { - vertical-align:middle; - margin:0 0 0 5px; + margin: 0 0 0 5px; + vertical-align: middle; } .b-friendstimes-child .b-friendstimes-close-dialog { - left:-30px; - right:-30px; + left: -30px; + right: -30px; } .b-friendstimes-cancel { - /*float:right;*/ - position:absolute; - right:30px; + /*float: right;*/ + position: absolute; + right: 30px; } .b-friendstimes-pages { overflow: hidden; @@ -216,8 +216,8 @@ .b-friendstimes-pages-next A { position: relative; margin: 0; + text-shadow: 0 1px 1px #FFF; font-size: 18px; - text-shadow: 0 1px 1px #FFF; } .b-friendstimes-pages-prev A { float: left; @@ -305,10 +305,10 @@ background: -o-linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); background: -ms-linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); background: linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); - color: #436DAA; text-decoration: none; text-shadow: 0px 1px 0 #FFF; text-align: center; + color: #436DAA; } .b-friendstimes-f5 A B { font-size: 21px; @@ -318,10 +318,10 @@ .b-friendstimes-loading { margin: 0 0 24px; padding: 0; - color: #436DAA; - font-size: 18px; text-shadow: 0 1px 1px #FFF; text-align: center; + font-size: 18px; + color: #436DAA; } .b-friendstimes-loading SPAN { position: relative; @@ -345,66 +345,68 @@ } .b-friendstimes-toolbar { - position:relative; + position: relative; border: 1px solid #FFF; border-width: 1px 0 1px 1px; - -moz-border-radius:10px 0 0 10px; - border-radius:10px 0 0 10px; + -moz-border-radius: 10px 0 0 10px; + border-radius: 10px 0 0 10px; -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.5); box-shadow: -1px 1px 2px rgba(0,0,0,.5); } .b-friendstimes-filter-icon, .b-friendstimes-hidden-comments-icon { - position:absolute; - background:url(/img/friendstimes/settings.png) no-repeat 0 0; - top:14px; - left:14px; - width:25px; - height:27px; - cursor:pointer; + position: absolute; + top: 14px; + left: 14px; + width: 25px; + height: 27px; + cursor: pointer; + background: url(/img/friendstimes/settings.png) no-repeat 0 0; } .b-friendstimes-filter-icon { - height:23px; - top:16px; - width:24px; - background:url(/img/friendstimes/filter.png) no-repeat 0 0; + top: 16px; + height: 23px; + width: 24px; + background: url(/img/friendstimes/filter.png) no-repeat 0 0; } /*.w-friendstimes-opened .b-friendstimes-filter-icon { - background-position:0 -23px; + background-position: 0 -23px; }*/ .b-friendstimes-toolbar-title { - margin:0; - font-weight:bold; - font-size:12px; - color:#222; - font-style:normal; - padding:20px 78px 18px 56px; - white-space:nowrap; - -moz-border-radius:11px 0 0 11px; - border-radius:11px 0 0 11px; - - background: #e3e9ee; - background: -moz-linear-gradient(top, #e3e9ee 0%, #ccd2d6 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e9ee), color-stop(100%,#ccd2d6)); - background: -webkit-linear-gradient(top, #e3e9ee 0%,#ccd2d6 100%); - background: -o-linear-gradient(top, #e3e9ee 0%,#ccd2d6 100%); - background: -ms-linear-gradient(top, #e3e9ee 0%,#ccd2d6 100%); - background: linear-gradient(top, #e3e9ee 0%,#ccd2d6 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e9ee', endColorstr='#ccd2d6',GradientType=0 ); + margin: 0; + padding: 20px 78px 18px 56px; + -webkit-border-radius: 11px 0 0 11px; + -moz-border-radius: 11px 0 0 11px; + border-radius: 11px 0 0 11px; + background: #E3E9EE; + background: -moz-linear-gradient(top, #E3E9EE 0%, #CCD2D6 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E9EE), color-stop(100%,#CCD2D6)); + background: -webkit-linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); + background: -o-linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); + background: -ms-linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); + background: linear-gradient(top, #E3E9EE 0%,#CCD2D6 100%); + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#E3E9EE', endColorstr='#CCD2D6',GradientType=0 ); text-shadow: 0px 1px 0 #FFF; + white-space: nowrap; + cursor: pointer; + font-weight: bold; + font-style: normal; + font-size: 12px; + color: #222; } .b-friendstimes-toolbar-title { - padding-right:128px; + padding-right: 128px; } .b-friendstimes-filter-list, .b-friendstimes-hidden-comments-list { - margin:0 0 0 50px; - -moz-border-radius:0 0 0 11px; - border-radius:0 0 0 11px; - border-top-width:0; - position:relative; - top:-1px; + position: relative; + top: -1px; + margin: 0 0 0 50px; + -moz-border-radius: 0 0 0 11px; + -webkit-border-radius: 0 0 0 11px; + border-radius: 0 0 0 11px; + border-top-width: 0; border: 1px solid #FFF; border-width: 0 0 1px 1px; -webkit-box-shadow: -1px 3px 2px rgba(0,0,0,.5); @@ -413,36 +415,35 @@ } .b-friendstimes-filter-list UL, .b-friendstimes-hidden-comments-list UL { + margin: 0; + padding: 6px; + background-color: #CCD2D6; + border-top-width: 0; + -webkit-border-radius: 0 0 0 11px; + -moz-border-radius: 0 0 0 11px; + border-radius: 0 0 0 11px; text-shadow: 0px 1px 0 #FFF; - -moz-border-radius:0 0 0 11px; - border-radius:0 0 0 11px; - background-color:#CCD2D6; - margin:0; - padding:6px; - border-top-width:0; - -moz-border-radius:0 0 0 11px; - border-radius:0 0 0 11px; } .b-friendstimes-filter-list LI, .b-friendstimes-hidden-comments-list LI { - padding:9px; - list-style:none; - -moz-border-radius:4px; - border-radius:4px; - position:relative; - cursor:pointer; + position: relative; + padding: 9px; + list-style: none; + -moz-border-radius: 4px; + border-radius: 4px; + cursor: pointer; } .b-friendstimes-filter-list LI { - padding:5px 9px; + padding: 5px 9px; } .b-friendstimes-hidden-comments-list LI:nth-child(2n+1) { - background-color:#D8DEE2; + background-color: #D8DEE2; } .b-friendstimes-hidden-comments-list LI:hover { - background-color:#FFF; + background-color: #FFF; } .b-friendstimes-filter-list LI:hover { - background-color:#D8DEE2; + background-color: #D8DEE2; } .b-friendstimes-filter-list A, .b-friendstimes-filter-list A:link, @@ -452,113 +453,113 @@ .b-friendstimes-hidden-comments-list A:link, .b-friendstimes-hidden-comments-list A:visited, .b-friendstimes-hidden-comments-list A:hover { - border:none; + border: none; } .b-friendstimes-close { - width:12px; - height:13px; - /*float:right;*/ - position:absolute; - right:15px; - background:url(/img/friendstimes/close.png); - cursor:pointer; - margin:4px 0 0; + position: absolute; + right: 15px; + width: 12px; + height: 13px; + margin: 4px 0 0; + /*float: right;*/ + background: url(/img/friendstimes/close.png); + cursor: pointer; } .b-friendstimes-comments-wrapper .b-friendstimes-close { - display:none; - margin:12px 0 0; + display: none; + margin: 12px 0 0; } .b-friendstimes-child .b-friendstimes-close { - margin:4px 0 0; - right:-15px; + right: -15px; + margin: 4px 0 0; } .b-friendstimes-comments-wrapper:hover .b-friendstimes-close { - display:block; + display: block; } .b-friendstimes-toobar-paginator { - position:absolute; - right:0; - top:20px; - padding:0 3px; + position: absolute; + right: 0; + top: 20px; + padding: 0 3px; } .b-friendstimes-toobar-paginator SPAN { - float:left; - margin-left:3px; - margin-right:3px; - font-weight:bold; + float: left; + margin-left: 3px; + margin-right: 3px; text-shadow: 0px 1px 0 #FFF; - font-size:12px; - color:#222; + font-weight: bold; + font-size: 12px; + color: #222; } .b-friendstimes-toobar-prev, .b-friendstimes-toobar-next { - width:12px; - height:19px; - background:url(/img/friendstimes/paginator.png); - text-indent:-9999px; - margin-top:-2px; - cursor:pointer; + width: 12px; + height: 19px; + margin-top: -2px; + background: url(/img/friendstimes/paginator.png); + text-indent: -9999px; + cursor: pointer; } .b-friendstimes-toobar-next { - background-position:-12px 0; + background-position: -12px 0; } .b-friendstimes-toobar-prev.inactive { - background-position:0 -19px; + background-position: 0 -19px; } .b-friendstimes-toobar-next.inactive { - background-position:-12px -19px; + background-position: -12px -19px; } /* Widgets' positioning */ .w-friendstimes { - position:absolute; - right:-27px; - overflow:hidden; - z-index:1; + position: absolute; + right: -27px; + overflow: hidden; + z-index: 1; } .s-horizon .w-friendstimes { - right:-25px; + right: -25px; } .b-friendstimes-f5 { - top:24px; + top: 24px; } .b-friendstimes-hidden-comments { - top:90px; + top: 90px; } .b-friendstimes-filter { - top:153px; + top: 153px; } .w-friendstimes-inner { - position:relative; - left:100%; - margin-left:-47px; + position: relative; + left: 100%; + margin-left: -47px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .w-friendstimes-opened { - /*overflow:visible;*//* OMG hasLayout crashed transition in Firefox */ - z-index:10; + /*overflow: visible;*//* OMG hasLayout crashed transition in Firefox */ + z-index: 10; } .w-friendstimes-opened .w-friendstimes-inner { - left:0; - margin-left:0; - padding:0 0 2px 20px; /* it's for shadow */ + left: 0; + margin-left: 0; + padding: 0 0 2px 20px; /* it's for shadow */ } /* Widgets' scrolling */ .b-friendstimes-scrolled .w-friendstimes { - position:fixed; - right:0; + position: fixed; + right: 0; } .b-friendstimes-scrolled .b-friendstimes-f5 { top: 10px; } .b-friendstimes-scrolled .b-friendstimes-hidden-comments { - top:74px; + top: 74px; } .b-friendstimes-scrolled .b-friendstimes-filter { - top:138px; + top: 138px; }