xtras/mathuaerknedam 644:d78f76ffa9f6: Mockie: slight prettifica...
commits at adium.im
commits at adium.im
Mon Nov 18 23:20:28 UTC 2013
details: http://hg.adium.im/xtras/mathuaerknedam/rev/d78f76ffa9f6
revision: 644:d78f76ffa9f6
branch: (none)
author: mathuaerknedam
date: Mon Nov 18 17:20:27 2013 -0600
Mockie: slight prettification, css simplification, and the addition of sendercolor variants.
diffs (truncated from 1468 to 1000 lines):
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/ColorCompare.html
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/ColorCompare.html Mon Nov 18 17:20:27 2013 -0600
@@ -0,0 +1,706 @@
+<html>
+
+<head>
+ <title>
+ Mockie message style mockup
+ </title>
+
+ <style type="text/css" media="screen,print">
+ @import url( "./Variants/SenderColor - Icon Alternate.css" );
+
+ body
+ {
+ font: 8pt "Lucida Grande" !important;
+ border-bottom: 1px solid yellow !important;
+ }
+
+ </style>
+</head>
+
+<body>
+
+<div id="Chat" style="top: 248px; position: static; " class="">
+
+Context
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(0, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(25, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(35, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(45, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(55, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(70, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(85, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(145, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(155, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(165, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(175, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(185, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(195, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(205, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(215, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(255, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(270, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(280, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(290, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(300, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(320, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(330, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(340, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(0, 100%, 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48));">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">REPEAT</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">repeat of first color</div>
+ </div>
+ </div>
+</div>
+
+<hr>
+
+Content
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(0, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(25, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(35, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(45, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(55, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(70, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(85, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(145, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(155, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(165, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(175, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(185, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(195, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(205, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(215, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(255, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(270, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(280, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(290, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(300, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(320, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(330, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(340, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message AIM showIcons SenderColor_-_Icon_Alternate">
+ <div class="x-wrap" style="background-color: hsl(0, 100%, 30%);">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">REPEAT</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message"">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">repeat of first color</div>
+ </div>
+ </div>
+</div>
+
+<div id="insert"></div>
+</div>
+
+</body>
+</html>
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Content.html
--- a/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Content.html Mon Nov 18 15:26:03 2013 -0600
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Content.html Mon Nov 18 17:20:27 2013 -0600
@@ -1,11 +1,11 @@
-<div class="%messageClasses%">
- <div class="x-wrap">
+<div class="%messageClasses% %service% %userIcons% %variant%">
+ <div class="x-wrap" style="background-color: %senderColor%;">
<div class="x-buddyicon">
<img src="%userIconPath%" />
</div>
<div class="x-sender">%sender%</div>
<div class="x-service">%service%</div>
- <div class="x-message" style="background-color:%textbackgroundcolor{.9}%;">
+ <div class="x-message">
<div class="x-time" title="%time{dd MMM yyyy}%">%time%</div>
<div class="x-text">%message%</div>
</div>
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Incoming/SenderColors.txt
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Incoming/SenderColors.txt Mon Nov 18 17:20:27 2013 -0600
@@ -0,0 +1,22 @@
+hsl(0, 100%, 30%):
+hsl(25, 100%, 30%):
+hsl(35, 100%, 30%):
+hsl(45, 100%, 30%):
+hsl(55, 100%, 30%):
+hsl(70, 100%, 30%):
+hsl(85, 100%, 30%):
+hsl(145, 100%, 30%):
+hsl(155, 100%, 30%):
+hsl(165, 100%, 30%):
+hsl(175, 100%, 30%):
+hsl(185, 100%, 30%):
+hsl(195, 100%, 30%):
+hsl(205, 100%, 30%):
+hsl(255, 100%, 30%):
+hsl(270, 100%, 30%):
+hsl(280, 100%, 30%):
+hsl(290, 100%, 30%):
+hsl(300, 100%, 30%):
+hsl(320, 100%, 30%):
+hsl(330, 100%, 30%):
+hsl(340, 100%, 30%)
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/basestyle.css
--- a/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/basestyle.css Mon Nov 18 15:26:03 2013 -0600
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/basestyle.css Mon Nov 18 17:20:27 2013 -0600
@@ -64,8 +64,8 @@
.x-buddyicon img
{
display: block;
- width: 32px;
- height: 32px;
+ width: 34px;
+ height: 34px;
padding: 0px;
text-align: center;
}
@@ -76,21 +76,28 @@
font-weight: bold;
padding-right: 4px;
padding-left: 4px;
+ padding-top: 2px;
+ margin-bottom: 1px;
overflow: hidden;
}
-.message .x-sender
+.message:not(.consecutive) .x-wrap
{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
+.history .x-wrap
+{
+ background-image: linear-gradient(to right, rgba(255, 255, 255, .48), rgba(255, 255, 255, .48)) !important;
+}
+
.x-service
{
color: rgba(255, 255, 255, .5);
font-weight: bold;
float: right;
- margin-top: -1.18em;
+ margin-top: -1.45em;
padding-right: 4px;
right: 0px;
word-wrap: normal;
@@ -145,6 +152,11 @@
text-decoration: none;
}
+.x-message
+{
+ background-image: linear-gradient(to right, rgba(255, 255, 255, .76), rgba(255, 255, 255, .76)) !important;
+}
+
.history .x-message
{
color: rgba(0, 0, 0, .6);
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_brown_olive.css
--- a/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_brown_olive.css Mon Nov 18 15:26:03 2013 -0600
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_brown_olive.css Mon Nov 18 17:20:27 2013 -0600
@@ -12,19 +12,18 @@
.incoming .x-buddyicon
{
- background: rgba(178, 125, 75, .2);
+ background-color: rgba(178, 125, 75, .2);
}
-.incoming .x-sender,
+.incoming .x-wrap,
.incoming a:hover
{
- background: rgba(178, 125, 75, 1);
+ background-color: rgba(178, 125, 75, 1) !important;
}
-.incoming.history .x-sender,
.incoming.history a:hover
{
- background: rgba(209, 184, 156, 1);
+ background-color: rgba(209, 184, 156, 1) !important;
}
.focus.mention .x-message:before,
@@ -42,31 +41,34 @@
.incoming .x-message
{
- background: rgba(226, 219, 203, .9);
border-top: 1px solid rgba(178, 125, 75, 1);
}
-.incoming.history .x-message,
+.incoming.history:not(.consecutive) .x-message,
.incoming.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(209, 184, 156, 1);
}
+.incoming.history.consecutive .x-message
+{
+ border-top: 1px solid rgba(209, 184, 156, .3);
+}
+
.outgoing .x-buddyicon
{
- background: rgba(116, 157, 95, .2);
+ background-color: rgba(116, 157, 95, .2);
}
-.outgoing .x-sender,
+.outgoing .x-wrap,
.outgoing a:hover
{
- background: rgba(116, 157, 95, 1);
+ background-color: rgba(116, 157, 95, 1) !important;
}
-.outgoing.history .x-sender,
.outgoing.history a:hover
{
- background: rgba(178, 200, 166, 1);
+ background-color: rgba(178, 200, 166, 1) !important;
}
.outgoing .x-time,
@@ -82,12 +84,16 @@
.outgoing .x-message
{
- background: rgba(213, 225, 207, .9);
border-top: 1px solid rgba(116, 157, 95, 1);
}
-.outgoing.history .x-message,
+.outgoing.history:not(.consecutive) .x-message,
.outgoing.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(178, 200, 166, 1);
}
+
+.outgoing.history.consecutive .x-message
+{
+ border-top: 1px solid rgba(178, 200, 166, .3);
+}
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_indigo_maroon.css
--- a/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_indigo_maroon.css Mon Nov 18 15:26:03 2013 -0600
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_indigo_maroon.css Mon Nov 18 17:20:27 2013 -0600
@@ -12,19 +12,18 @@
.incoming .x-buddyicon
{
- background: rgba(75, 93, 178, .2);
+ background-color: rgba(75, 93, 178, .2);
}
-.incoming .x-sender,
+.incoming .x-wrap,
.incoming a:hover
{
- background: rgba(75, 93, 178, 1);
+ background-color: rgba(75, 93, 178, 1) !important;
}
-.incoming.history .x-sender,
.incoming.history a:hover
{
- background: rgba(161, 168, 211, 1);
+ background-color: rgba(161, 168, 211, 1) !important;
}
.focus.mention .x-message:before,
@@ -42,31 +41,34 @@
.incoming .x-message
{
- background: rgba(213, 211, 228, .9);
border-top: 1px solid rgba(75, 93, 178, 1);
}
-.incoming.history .x-message,
+.incoming.history:not(.consecutive) .x-message,
.incoming.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(161, 168, 211, 1);
}
+.incoming.history.consecutive .x-message
+{
+ border-top: 1px solid rgba(161, 168, 211, .3);
+}
+
.outgoing .x-buddyicon
{
- background: rgba(177, 74, 75, .2);
+ background-color: rgba(177, 74, 75, .2);
}
-.outgoing .x-sender,
+.outgoing .x-wrap,
.outgoing a:hover
{
- background: rgba(177, 74, 75, 1);
+ background-color: rgba(177, 74, 75, 1) !important;
}
-.outgoing.history .x-sender,
.outgoing.history a:hover
{
- background: rgba(212, 159, 159, 1);
+ background-color: rgba(212, 159, 159, 1) !important;
}
.outgoing .x-time,
@@ -82,12 +84,16 @@
.outgoing .x-message
{
- background: rgba(233, 207, 207, .9);
border-top: 1px solid rgba(177, 74, 75, 1);
}
-.outgoing.history .x-message,
+.outgoing.history:not(.consecutive) .x-message,
.outgoing.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(212, 159, 159, 1);
}
+
+.outgoing.history.consecutive .x-message
+{
+ border-top: 1px solid rgba(212, 159, 159, .3);
+}
diff -r cc34c91498c3 -r d78f76ffa9f6 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_orange_green.css
--- a/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_orange_green.css Mon Nov 18 15:26:03 2013 -0600
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_orange_green.css Mon Nov 18 17:20:27 2013 -0600
@@ -12,19 +12,18 @@
.incoming .x-buddyicon
{
- background: rgba(255, 124, 0, .2);
+ background-color: rgba(255, 124, 0, .2);
}
-.incoming .x-sender,
+.incoming .x-wrap,
More information about the commits
mailing list