Source

adium-xtras / Squader.AdiumMessageStyle / Contents / Resources / main.sass

Diff from to

Squader.AdiumMessageStyle/Contents/Resources/main.sass

 @mixin col-left
 	width: $width-nick
 	text-align: right
+	word-break: break-word
 	display: table-cell
 	padding-left: 5px
 	padding-right: 10px
 	margin: 4px 0 5px 0
 	color: $color
 	//background-color: white
-	font-family: "Helvetica Neue", Helvetica, arial, sans-serif
-	font-size: 13px
+	// font-family: "Helvetica Neue", Helvetica, arial, sans-serif
+	// font-size: 13px
 	padding: 0px 1px 1px 1px
 
 
+a
+	&:visited
+		text-decoration: none
+		// border-bottom: 1px dashed red
+
 
 .event,
 .message,
 	&.incoming
 
 		a
-			&:link,
-			&:hover,
-			&:visited
-				color: $color-in
+			color: $color-in
 
 		.sender
 			color: $color-in
 		background: $color-lighter
 
 		a
-			&:link,
-			&:hover,
-			&:visited
-				color: $color-out
+			color: $color-out
 		
 		.sender
 			color: $color-out
 
 	.content
+		word-break: break-word
 		display: table-cell
 		padding-right: 10px
+		
+		// :line-break
 	
 	.sender
 		+col-left
 	font-weight: bold
 	color: $color-status
 	
-	// &:hover
-	// 	.time
-	// 		// z-index: -10
-	// 		color: $color-light
-	// 		// -webkit-transition: color .1s linear
-
 	&.date_separator
 		+setup-event($color-date)
 
 		// padding-right: 10px
 		// text-align: right
 
+.history
+	&.incoming
+		a
+			color: fade-out($color-in, 0.5)
 
-// .content
-// 	display: table-cell
-// 	// padding-top: 1px
-// 	margin: -1em 0 0 115px
-// 
-// 
-// .event,
-// .message,
-// .status
-// 	+clearfix
-// 	padding: 5px 0
-// 
-// 
-// 
-// .history
-// 	opacity: 0.7
-// 
-// 
-// 
-// .message
-// 	display: table-row
-// 	// position: relative
-// 	//border-top: 1px solid $color-light
-// 
-// 	.time
-// 		position: absolute
-// 		right: 0
-// 		bottom: 0
-// 		font-weight: bold
-// 		font-size: 1.2em
-// 		color: $color-lighter
-// 
-// 	&:hover
-// 		.time
-// 			color: $color-light
-// 			-webkit-transition: color .1s linear
-// 
-// 	&.consecutive
-// 		.sender
-// 			visibility: hidden
-// 
-// 	&.incoming
-// 
-// 		a
-// 			&:link,
-// 			&:hover,
-// 			&:visited
-// 				color: $color-in
-// 
-// 		.sender
-// 			color: $color-in
-// 
-// 
-// 	&.outgoing
-// 		background: $color-lighter
-// 
-// 		a
-// 			&:link,
-// 			&:hover,
-// 			&:visited
-// 				color: $color-out
-// 
-// 
-// 
-// .event,
-// .status
-// 	font-weight: bold
-// 
-// 	&.away,
-// 	&.idle
-// 		+setup-event($color-away, 30)
-// 
-// 	&.date_separator
-// 		+setup-event($color-date)
-// 
-// 	&.error
-// 		+setup-event($color-error)
-// 
-// 	&.idle
-// 		// +setup-event($color-idle, 28)
-// 		opacity: 0.5
-// 
-// 	&.offline
-// 		+setup-event(complement($color-online))
-// 
-// 	&.online
-// 		+setup-event($color-online)
-// 
-// 	&.return_away,
-// 	&.return_idle
-// 		+setup-event($color-away-return, 35)
-// 	
-// 	&.return_idle
-// 		// +setup-event(complement($color-idle), 30)
-// 		opacity: 0.5
-// 
-// 
-// 
-// .sender,
-// .event .time,
-// .status .time
-// 	+col-left
-// 	height: 1em
-// 	// display: block
-// 	overflow: hidden
-// 	font-weight: bold
-// 	text-align: right
-// 
-// 
-// 
-// .sender
-// 	color: $color-out
-// 
-// .time
-// 	margin-top: 1px
+		.sender
+			color: fade-out($color-in, 0.5)
+	
+	&.outgoing
+		a
+			color: fade-out($color-out, 0.5)
+
+		.sender
+			color: fade-out($color-out, 0.5)
+	
+	.content
+		color: fade-out($color, 0.5)
+