[ljcom] r12727: LJSUP-13816: friends page redesign: cale...
Committer: sboronchiev
LJSUP-13816: friends page redesign: calendarU trunk/htdocs/stc/friendstimes.css
Modified: trunk/htdocs/stc/friendstimes.css
===================================================================
--- trunk/htdocs/stc/friendstimes.css 2012-10-04 08:23:32 UTC (rev 12726)
+++ trunk/htdocs/stc/friendstimes.css 2012-10-04 11:37:29 UTC (rev 12727)
@@ -355,6 +355,7 @@
box-shadow: -1px 1px 2px rgba(0,0,0,.5);
}
.b-friendstimes-filter-icon,
+ .b-friendstimes-calendar-icon,
.b-friendstimes-hidden-comments-icon {
position: absolute;
top: 14px;
@@ -370,6 +371,12 @@
width: 24px;
background: url(/img/friendstimes/filter.png) no-repeat 0 0;
}
+ .b-friendstimes-calendar-icon {
+ top: 16px;
+ height: 23px;
+ width: 24px;
+ background: url(/img/friendstimes/calendar.png) no-repeat 0 0;
+ }
/*.w-friendstimes-opened .b-friendstimes-filter-icon {
background-position: 0 -23px;
}*/
@@ -399,6 +406,7 @@
padding-right: 128px;
}
.b-friendstimes-filter-list,
+ .b-friendstimes-calendar-body,
.b-friendstimes-hidden-comments-list {
position: relative;
top: -1px;
@@ -509,7 +517,188 @@
.b-friendstimes-toobar-next.inactive {
background-position: -12px -19px;
}
+
+/* Calendar */
+.b-friendstimes-calendar-body TH,
+.b-friendstimes-calendar-body TD {
+ padding: 3px;
+ border: 0 solid salmon;
+ }
+ .b-friendstimes-calendar-body TH,
+ .b-friendstimes-calendar-body TABLE TBODY TD,
+ .b-friendstimes-calendar-body TD SPAN,
+ .b-friendstimes-calendar-body A {
+ font-size: 12px;
+ }
+ .b-friendstimes-calendar-body TH {
+ background: #E3E8ED;
+ text-shadow: 1px 1px 1px #FFF;
+ font-weight: bold;
+ color: #B9C0C4;
+ }
+ .child-1 {
+ border-radius: 5px 0 0 5px;
+ }
+ .child-7 {
+ border-radius: 0 5px 5px 0;
+ }
+ .b-friendstimes-calendar-body TABLE TBODY TD {
+ text-shadow: 1px 1px 1px #FFF;
+ color: #9AA0A4;
+ }
+ #page .b-friendstimes-calendar-body TABLE TBODY TD A {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ border: 0 none;
+ text-align: center;
+ font-weight: bold;
+ }
+.b-friendstimes-calendar-body {
+ width: 225px;
+ 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;
+ font: 12px/18px Helvetica, Arial, sans-serif;
+ }
+ .b-friendstimes-calendar-body TABLE {
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 1px;
+ }
+ .b-friendstimes-calendar-body TABLE CAPTION {
+ text-align: left;
+ height: 2em;
+ }
+ .b-friendstimes-calendar-body TABLE THEAD TH {
+ font-size: .85em;
+ text-align: center;
+ font-weight: normal;
+ }
+ .b-friendstimes-calendar-body TABLE TBODY TD {
+ padding: 2px 4px;
+ font-size: 1.1em;
+ text-align: right;
+ font-weight: bold;
+ }
+ .b-friendstimes-calendar-body TABLE TBODY TD A {
+ display: block;
+ padding: 2px 4px;
+ border: 0;
+ margin: -2px -4px;
+ text-align: right;
+ }
+ .b-friendstimes-calendar-body TABLE TBODY TD SPAN {
+ position: static;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ float: none;
+ display: inline;
+ width: auto;
+ height: auto;
+ margin: 0;
+ padding: 0;
+ }
+ .b-friendstimes-calendar-body TABLE TBODY TD.other SPAN {
+ display: none;
+ }
+
+.b-friendstimes-calendar-body A:link,
+.b-friendstimes-calendar-body A:visited {
+ color: #436DAA;
+ }
+.b-friendstimes-calendar-body A:hover,
+.b-friendstimes-calendar-body A:active {
+ color: #436DAA;
+ }
+
+.sbar-cal-nav {
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ color: #000;
+ font-size: 15px;
+ line-height:17px;
+ }
+ .sbar-cal-nav-month {
+ float: left;
+ }
+ .sbar-cal-nav-month.idle {
+ padding: 0 20px 0 0;
+ background: url(/img/preloader-s.gif) no-repeat 100% 50%;
+ }
+ .sbar-cal-nav-year {
+ float: right;
+ }
+ .sbar-cal-nav-year.idle {
+ padding: 0 0 0 20px;
+ background: url(/img/preloader-s.gif) no-repeat 0 50%;
+ }
+ #js .sbar-cal-month,
+ #js .sbar-cal-year {
+ margin: 0;
+ padding: 0 3px;
+ vertical-align: middle;
+ }
+ #js .sbar-cal-month {
+ display: inline-block;
+ min-width: 35px;
+ text-align: center;
+ }
+ .sbar-cal-nav-prev,
+ .sbar-cal-nav-next {
+ display: none;
+ }
+ #js .sbar-cal-nav-prev,
+ #js .sbar-cal-nav-next {
+ position: relative;
+ display: inline-block;
+ width: 15px;
+ height: 20px;
+ vertical-align: top;
+ cursor: pointer;
+ }
+ .sbar-cal-nav-prev .sbar-cal-nav-arr,
+ .sbar-cal-nav-next .sbar-cal-nav-arr {
+ position: absolute;
+ top: 50%;
+ display: block;
+ width: 0;
+ margin: -5px 0 0;
+ border-top: 5px solid transparent;
+ border-bottom: 5px solid transparent;
+ font: 0/0 serif;
+ line-height: 0;
+ }
+ .sbar-cal-nav-prev .sbar-cal-nav-arr {
+ left: 5px;
+ border-right: 6px solid #FFF;
+ }
+ .sbar-cal-nav-next .sbar-cal-nav-arr {
+ right: 5px;
+ border-left: 6px solid #FFF;
+ }
+ #js .sbar-cal-nav-prev.disabled,
+ #js .sbar-cal-nav-next.disabled {
+ cursor: default;
+ }
+ .sbar-cal-nav-prev.disabled .sbar-cal-nav-arr,
+ .sbar-cal-nav-next.disabled .sbar-cal-nav-arr {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ }
+
+
+
/* Widgets' positioning */
.w-friendstimes {
position: absolute;
@@ -529,6 +718,9 @@
.b-friendstimes-filter {
top: 153px;
}
+.b-friendstimes-calendar {
+ top: 216px;
+ }
.w-friendstimes-inner {
position: relative;
left: 100%;
@@ -565,4 +757,7 @@
.b-friendstimes-scrolled .b-friendstimes-filter {
top: 138px;
}
+.b-friendstimes-scrolled .b-friendstimes-calendar {
+ top: 201px;
+ }