Source

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

Full commit
$width-nick: 92px

$color: rgba(57, 58, 57, 1.0)
$color-light: rgba(230, 230, 230, 1.0)
$color-lighter: rgba(50, 50, 50, 0.05)
$color-history: fade_out($color, 0.1)

$color-blue: rgba(76, 109, 132, 1.0)
// $color-blue-light: rgba(212, 233, 248, 1.0)
$color-green: rgba(87, 119, 74, 1.0)
// $color-green-light: rgba(222, 248, 212, 1.0)
$color-purple: rgba(155, 81, 155, 1.0)
$color-red: rgba(196, 77, 85, 1.0)
// $color-red-light: rgba(255, 219, 214, 1.0)
$color-redish: rgba(232, 116, 94, 1.0)
$color-yellow: rgba(217, 130, 0, 1.0)

$color-in: $color-red
$color-out: $color-blue

$color-away: $color-redish
$color-date: $color-blue
$color-error: $color-yellow
$color-event: $color-blue
$color-online: $color-green




=clearfix
	overflow: hidden
	zoom: 1


=col-left
	width: 92px
	padding-left: 8px
	margin-right: 15px


=setup-event($clr, $lighten=50, $saturate=40)
	background: saturate(lighten($clr, $lighten), $saturate)
	color: $clr



body
	margin: 4px 0 5px 0
	color: $color
	background-color: white
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif
	font-size: 13px
	padding: 0px 1px 1px 1px


.content
	display: block
	padding-top: 1px
	margin: -1em 0 0 115px



.event,
.message,
.status
	+clearfix
	padding: 5px 0



.history
	opacity: 0.75



.message
	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
		+setup-event($color-away, 30)

	&.date_separator
		+setup-event($color-date)

	&.error
		+setup-event($color-error)

	&.idle
		// +setup-event($color-)

	&.offline
		+setup-event(complement($color-online))

	&.online
		+setup-event($color-online)

	&.return_idle



.sender,
.event .time,
.status .time
	+col-left
	height: 1em
	display: block
	overflow: hidden
	font-weight: bold
	text-align: right



.sender
	color: $color-out