Название вашего журнала (quwiero) wrote in changelog,
Название вашего журнала
quwiero
changelog

[ljcom] r12727: LJSUP-13816: friends page redesign: cale...

Committer: sboronchiev
LJSUP-13816: friends page redesign: calendar
U   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;
+	}
 

Tags: css, ljcom, quwiero, sboronchiev
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments