Commits

Christian Kaula  committed efd90dd

update to 1.2
nice styling of history messages
breaks on long lines

  • Participants
  • Parent commits 3290c7e

Comments (0)

Files changed (4)

File Squader.AdiumMessageStyle/Contents/Info.plist

 	<key>CFBundleDevelopmentRegion</key>
 	<string>English</string>
 	<key>CFBundleGetInfoString</key>
-	<string>Squader 1.1</string>
+	<string>Squader 1.2</string>
 	<key>CFBundleIdentifier</key>
 	<string>com.adiumx.squader.style</string>
 	<key>CFBundleInfoDictionaryVersion</key>

File Squader.AdiumMessageStyle/Contents/Resources/Context_Mockup.html

 			<div class="outgoing message history">
 				<span class="time">23:04:12</span>
 				<span class="sender">Me:</span>
-				<span class="content"><a href="example.com">http://nowhere.anywhere.at</a></span>
+				<span class="content"><a href="example.com">http://www.amazon.de/gp/product/B0000AN3QH/ref=ord_cart_shr?ie=UTF8&m=A3VJ28RZM7OIAE</a></span>
 			</div>
 
 			<div class="incoming message">

File Squader.AdiumMessageStyle/Contents/Resources/main.css

 body {
   margin: 4px 0 5px 0;
   color: #393a39;
-  font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
-  font-size: 13px;
   padding: 0px 1px 1px 1px; }
 
+a:visited {
+  text-decoration: none; }
+
 .event,
 .message,
 .status {
   color: #e6e6e6; }
 .message.consecutive .sender {
   visibility: hidden; }
-.message.incoming a:link, .message.incoming a:hover, .message.incoming a:visited {
+.message.incoming a {
   color: #c44d55; }
 .message.incoming .sender {
   color: #c44d55; }
 .message.outgoing {
   background: rgba(50, 50, 50, 0.05); }
-  .message.outgoing a:link, .message.outgoing a:hover, .message.outgoing a:visited {
+  .message.outgoing a {
     color: #4c6d84; }
   .message.outgoing .sender {
     color: #4c6d84; }
 .message .content {
+  word-break: break-word;
   display: table-cell;
   padding-right: 10px; }
 .message .sender {
   width: 95px;
   text-align: right;
+  word-break: break-word;
   display: table-cell;
   padding-left: 5px;
   padding-right: 10px;
   .status .time {
     width: 95px;
     text-align: right;
+    word-break: break-word;
     display: table-cell;
     padding-left: 5px;
     padding-right: 10px; }
+
+.history.incoming a {
+  color: rgba(196, 77, 85, 0.5); }
+.history.incoming .sender {
+  color: rgba(196, 77, 85, 0.5); }
+.history.outgoing a {
+  color: rgba(76, 109, 132, 0.5); }
+.history.outgoing .sender {
+  color: rgba(76, 109, 132, 0.5); }
+.history .content {
+  color: rgba(57, 58, 57, 0.5); }

File 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)
+