xtras/mathuaerknedam 649:66ebad0002d9: minimal_mod: tweak focus ...
commits at adium.im
commits at adium.im
Sun Nov 24 04:12:04 UTC 2013
details: http://hg.adium.im/xtras/mathuaerknedam/rev/66ebad0002d9
revision: 649:66ebad0002d9
branch: (none)
author: mathuaerknedam
date: Sat Nov 23 22:11:55 2013 -0600
minimal_mod: tweak focus indications and links in singleline variant, and throw in a dark variant I created sometime last year.
diffs (322 lines):
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/mockup.html
--- a/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/mockup.html Fri Nov 22 16:44:30 2013 -0600
+++ b/Resources/Message Styles/Mockie.AdiumMessageStyle/Contents/Resources/mockup.html Sat Nov 23 22:11:55 2013 -0600
@@ -19,12 +19,12 @@
<body>
-<div id="topic" title="1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || <a href="irc://irc.freenode.net:7070/#adium">#adium-devl</a> for development talk || Paste into http://paste.lisp.org/new/adium">
+<div id="topic" title="1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium">
<style type="text/css">
@import url(./Styles/Topic.css);
</style>
- <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 <a href="http://adium.im">http://adium.im</a> || Adium VV? See <a href="http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/">http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/</a> || #adium-devl for development talk || Paste into <a href="http://paste.lisp.org/new/adium">http://paste.lisp.org/new/adium</a> || >a href="irc://</span>
+ <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 <a href="http://adium.im">http://adium.im</a> || Adium VV? See <a href="http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/">http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/</a> || #adium-devl for development talk || Paste into <a href="http://paste.lisp.org/new/adium">http://paste.lisp.org/new/adium</a></span>
</div>
<div id="Chat" style="top: 248px; position: static; " class="">
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Nov 22 16:44:30 2013 -0600
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Mockup.html Sat Nov 23 22:11:55 2013 -0600
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/alternating.css" );
+ @import url( "./Variants/classic.css" );
body
{
@@ -417,14 +417,14 @@
</span>
</div>
-<div class="status away firstFocus ZZZ showIcons">
+<div class="status away firstFocus focus ZZZ showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:47:54 </span>
<span class="x-ltime" title="19 Apr 2004">12:47:54 </span>
<span class="x-mark"></span>
<span class="x-message">Jeff went away </span>
</span>
- <div class="consecutive status away_message ZZZ showIcons">
+ <div class="consecutive status away_message lastFocus focus ZZZ showIcons">
<span class="x-wrap">
<span class="x-rtime" title="19 Apr 2004">12:47:55 </span>
<span class="x-ltime" title="19 Apr 2004">12:47:55 </span>
@@ -434,7 +434,7 @@
</div>
</div>
-<div class="incoming autoreply message firstFocus ZZZ showIcons" user="fetchgreebledonx" style="background-color: paleturquoise;">
+<div class="incoming autoreply message firstFocus focus ZZZ showIcons" user="fetchgreebledonx" style="background-color: paleturquoise;">
<img class="x-icon" src="./mockup-incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url('./mockup-incoming_icon.png');"></span>
<span class="x-color" style="background-color: paleturquoise" src="./mockup-incoming_icon.png"></span>
@@ -445,7 +445,7 @@
<span class="x-mark"></span>
<span class="x-message">Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. Away for the sake of being away. </span>
</span>
- <div class="incoming message firstFocus focus consecutive ZZZ showIcons" user="fetchgreebledonx" style="background-color: paleturquoise;">
+ <div class="incoming message lastFocus focus consecutive ZZZ showIcons" user="fetchgreebledonx" style="background-color: paleturquoise;">
<img class="x-icon" src="./mockup-incoming_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url('./mockup-incoming_icon.png');"></span>
<span class="x-color" style="background-color: paleturquoise" src="./mockup-incoming_icon.png"></span>
@@ -459,7 +459,7 @@
</div>
</div>
-<div class="outgoing message focus ZZZ showIcons" user="TekJew" style="background-color: red;">
+<div class="outgoing message firstFocus lastFocus focus ZZZ showIcons" user="TekJew" style="background-color: red;">
<img class="x-icon" src="./outgoing/buddy_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url('./outgoing/buddy_icon.png');"></span>
<span class="x-color" style="background-color: red" src="./outgoing/buddy_icon.png"></span>
@@ -472,7 +472,7 @@
</span>
</div>
-<div class="incoming message regainedFocus focus ZZZ showIcons" user="fetchgreebledonx" style="background-color: paleturquoise;">
+<div class="incoming message regainedFocus ZZZ showIcons" user="fetchgreebledonx" style="background-color: paleturquoise;">
<img class="x-icon" src="./incoming/buddy_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url('./incoming/buddy_icon.png');"></span>
<span class="x-color" style="background-color: paleturquoise" src="./incoming/buddy_icon.png"></span>
@@ -483,7 +483,7 @@
<span class="x-mark"></span>
<span class="x-message">So what happens next? </span>
</span>
- <div class="incoming message regainedFocus focus ZZZ showIcons consecutive" user="fetchgreebledonx" style="background-color: paleturquoise;">
+ <div class="incoming message firstFocus ZZZ showIcons consecutive" user="fetchgreebledonx" style="background-color: paleturquoise;">
<img class="x-icon" src="./incoming/buddy_icon.png" />
<span class="x-iconmask" style="-webkit-mask-box-image: url('./incoming/buddy_icon.png');"></span>
<span class="x-color" style="background-color: paleturquoise" src="./incoming/buddy_icon.png"></span>
@@ -519,7 +519,19 @@
<span class="x-mark"></span>
<span class="x-message">So what happens next? </span>
</span>
- <span id="insert"></span>
+ <div class="incoming message regainedFocus ZZZ showIcons consecutive" user="xx-fetchgreebledonx" style="background-color: paleturquoise;">
+ <img class="x-icon" src="./incoming/buddy_icon.png" />
+ <span class="x-iconmask" style="-webkit-mask-box-image: url('./incoming/buddy_icon.png');"></span>
+ <span class="x-color" style="background-color: paleturquoise" src="./incoming/buddy_icon.png"></span>
+ <span class="x-wrap">
+ <span class="x-sender" title="fetchgreebledonx">Jeff </span>
+ <span class="x-rtime" title="19 Apr 2004">12:51:32 </span>
+ <span class="x-ltime" title="19 Apr 2004">12:51:32 </span>
+ <span class="x-mark"></span>
+ <span class="x-message">Well? </span>
+ </span>
+ <span id="insert"></span>
+ </div>
</div>
</div>
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Fri Nov 22 16:44:30 2013 -0600
+++ b/Resources/Message Styles/Smooth Operator.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Sat Nov 23 22:11:55 2013 -0600
@@ -153,7 +153,7 @@
.IRC.message:not(.consecutive),
.message.hideIcons:not(.consecutive)
{
-border-radius: 5px;
+ border-radius: 5px;
}
.message:not(.autoreply):not(.x-hover):not(.consecutive):not(.history)
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Mockup.html Fri Nov 22 16:44:30 2013 -0600
+++ b/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Mockup.html Sat Nov 23 22:11:55 2013 -0600
@@ -6,7 +6,7 @@
</title>
<style type="text/css" media="screen,print">
- @import url( "./Variants/sendercolor.css" );
+ @import url( "./Variants/SenderColor SingleLine Dark.css" );
body
{
@@ -21,7 +21,7 @@
<div id="topic" title="1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium">
<div id="x-header">
- <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium</span>
+ <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 <a href="http://adium.im">http://adium.im</a> || Adium VV? See <a href="http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/">http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/</a> || #adium-devl for development talk || Paste into <a href="http://paste.lisp.org/new/adium">http://paste.lisp.org/new/adium</a></span>
</div>
</div>
@@ -42,7 +42,7 @@
<img class="x-buddyicon" src="Incoming/buddy_icon.png">
<div class="x-time" title="18 May 2010">08:46:43</div>
<div class="x-sender" style="color: indigo;" title=" Zemfira">Zemfira</div>
- <div class="x-message" title="Jabber 08:46:43">Lёlya*: привет *MOO* </div>
+ <div class="x-message" title="Jabber 08:46:43">Lёlya*: привет <a href="irc://irc.freenode.net:6667/#moo" title="irc://irc.freenode.net:6667/#moo">*MOO*</a> </div>
</div>
<div class="x-container x-filetransfer incoming message showIcons" style="background-color:%textbackgroundcolor{.75}%;" src="file:///Users/mneedham/Library/Caches/Adium/Default/d2df6b79669c518bac33aa5fbb23b54615ea6b8c.png">
<img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/d2df6b79669c518bac33aa5fbb23b54615ea6b8c.png">
@@ -220,7 +220,7 @@
<div class="x-sender" style="color: aqua;" title="+ LuX">LuX</div>
<div class="x-message" title="IRC 09:28:21">moo, you.</div>
</div>
-<div class="x-container focus lastFocus action outgoing consecutive message voice showIcons" style="background-color:;" src="file:///Users/mneedham/Library/Caches/Adium/Default/d2df6b79669c518bac33aa5fbb23b54615ea6b8c.png">
+<div class="x-container lastFocus focus action outgoing consecutive message voice showIcons" style="background-color:;" src="file:///Users/mneedham/Library/Caches/Adium/Default/d2df6b79669c518bac33aa5fbb23b54615ea6b8c.png">
<img class="x-buddyicon" src="file:///Users/mneedham/Library/Caches/Adium/Default/d2df6b79669c518bac33aa5fbb23b54615ea6b8c.png">
<div class="x-time" title="16 Feb 2011">09:28:15</div>
<div class="x-sender" style="color: saddlebrown;" title="+ mathuaerknedam">mathuaerknedam</div>
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/Dark.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/Dark.css Sat Nov 23 22:11:55 2013 -0600
@@ -0,0 +1,80 @@
+body
+{
+ color: rgba(208, 208, 208, 1);
+ background-color: black;
+}
+
+#Chat
+{
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0 ,0, .5)), to(rgba(0, 0, 0, .9)));
+}
+
+.x-icon,
+.x-container:not(.focus) .x-sender,
+.x-message,
+.x-time
+{
+ border-top: 1px solid rgba(255, 255, 255, .1);
+}
+
+.x-container.firstFocus .x-sender
+{
+ border-top: 1px solid rgba(255, 255, 255, .03);
+}
+
+.status .x-sender:after,
+.event .x-sender:after
+{
+ color: rgb(72, 72, 72) !important;
+ content: "<-->";
+}
+
+.focus.status .x-sender:after,
+.focus.event .x-sender:after
+{
+ color: rgb(88, 88, 88) !important;
+ content: "<-->";
+}
+
+.focus .x-sender
+{
+ background: rgba(64, 64, 64, .3);
+}
+
+.mention .x-time
+{
+ background:
+ linear-gradient(to bottom, rgba(64, 64, 64, .75), rgba(64, 64, 64, .75)) 0px 0px no-repeat;
+ background-size: 10px 100%;
+}
+
+.history .x-message,
+.groupchat .status .x-message,
+.groupchat .event .x-message,
+.groupchat .status a,
+.groupchat .event a,
+.x-time
+{
+ color: rgba(96, 96, 96, 1);
+}
+
+.x-message a
+{
+ color: rgba(255, 255, 255, 1);
+}
+
+.history .x-message a
+{
+ color: rgba(104, 104, 104, 1);
+}
+
+#x-header
+{
+ color: rgba(208, 208, 208, 1);
+ background: rgba(64, 64, 64, .75);
+}
+
+#x-header a
+{
+ color: rgba(255, 255, 255, 1);
+}
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/Main.css
--- a/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/Main.css Fri Nov 22 16:44:30 2013 -0600
+++ b/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/Main.css Sat Nov 23 22:11:55 2013 -0600
@@ -168,7 +168,7 @@
margin: 0px;
padding: 5px;
overflow: auto;
- color: white;
+ color: rgba(255, 255, 255, 1);
text-align: center;
font-size: 1em;
background: rgba(0, 0, 0, .75);
@@ -183,7 +183,7 @@
#x-header a
{
- color: white;
+ color: rgba(255, 255, 255, 1);
}
.status .x-buddyicon,
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/SingleLine.css
--- a/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/SingleLine.css Fri Nov 22 16:44:30 2013 -0600
+++ b/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Styles/SingleLine.css Sat Nov 23 22:11:55 2013 -0600
@@ -25,12 +25,24 @@
.x-time
{
display: table-cell !important;
- border-top: 1px solid rgba(0, 0, 0, .1);
padding-top: 4px;
padding-bottom: 2px;
margin-left: 0px !important;
}
+.x-icon,
+.x-container:not(.focus) .x-sender,
+.x-message,
+.x-time
+{
+ border-top: 1px solid rgba(0, 0, 0, .1);
+}
+
+.x-container.firstFocus .x-sender
+{
+ border-top: 1px solid rgba(0, 0, 0, .08);
+}
+
.x-sender,
.x-time
{
@@ -100,3 +112,13 @@
{
text-align: right;
}
+
+.x-message a
+{
+ color: rgba(48, 48, 48, 1);
+}
+
+.history .x-message a
+{
+ color: rgba(160, 160, 160, 1);
+}
diff -r 6be32c825d47 -r 66ebad0002d9 Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Variants/SenderColor SingleLine Dark.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/Resources/Message Styles/minimal_mod.AdiumMessageStyle/Contents/Resources/Variants/SenderColor SingleLine Dark.css Sat Nov 23 22:11:55 2013 -0600
@@ -0,0 +1,6 @@
+ at charset "utf-8";
+
+ at import url(../Styles/Main.css);
+ at import url(../Styles/SenderColor.css);
+ at import url(../Styles/SingleLine.css);
+ at import url(../Styles/Dark.css);
More information about the commits
mailing list