Changeset 500:1b7b1a61ee50 in qutecom-2.2


Ignore:
Timestamp:
Feb 22, 2010 2:54:12 PM (3 years ago)
Author:
laurent@…
Branch:
default
Message:

add new chat theme

Location:
wengophone/resources/chat
Files:
471 added
7 edited

Legend:

Unmodified
Added
Removed

  • wengophone/resources/chat/minimal/footer.html

    r0 r500  
    1 <div style='font-size: 3px'>&nbsp;</div><br> 
    2  

  • wengophone/resources/chat/minimal/incoming/content.html

    r0 r500  
    1 <span class='incoming'>%time% %sender%:</span> %message% 
    2 <br> 
     1<div class="container" style="background-color:%textbackgroundcolor{.75}%;"> 
     2    <span class="time_initial"> 
     3                %time% 
     4        </span> 
     5    <span class="buddyicon"> 
     6        <img src="%userIconPath%" width="24" height="24" /> 
     7    </span> 
     8    <div class="placeholder" visible="%userIconPath%"> 
     9        <span class="sender incoming"> 
     10            %sender% 
     11        </span> 
     12        <span class="message incoming_link"> 
     13            <br>%message% 
     14        </span> 
     15    </div> 
     16    <span class="clear"></span> 
     17</div> 
     18<span id="insert"></span> 

  • wengophone/resources/chat/minimal/incoming/nextcontent.html

    r0 r500  
    1 <span class='incoming'>%time% &raquo;</span> %message% 
    2 <br> 
     1<div class="container_next" style="background-color:%textbackgroundcolor{.75}%;"> 
     2    <span class="time_initial"> 
     3                 
     4        </span> 
     5        <div class="placeholder_next" visible="%userIconPath%"> 
     6        <span class="next_label incoming"> 
     7             
     8        </span> 
     9        <span class="message incoming_link"> 
     10            %message% 
     11        </span> 
     12    </div> 
     13    <span class="clear"></span> 
     14</div> 
     15<span id="insert"></span> 

  • wengophone/resources/chat/minimal/main.css

    r0 r500  
    1 .incoming { 
    2         color: #0b9dd5; 
    3     font-weight: bold; 
    4 } 
    5  
    6 .outgoing { 
    7         color: #ef3800; 
    8     font-weight: bold; 
    9 } 
     1/* 
     2--------------------------------------------------------------------------- 
     3  PROJECT:      Adium Message Style 
     4 
     5FILE NAME:      minimal_mod.AdiumMessageStyle     
     6 
     7     NAME:      minimal_mod 
     8                [http://caenim.com/public/minimal_mod.AdiumMessageStyle.zip] 
     9 
     10 DESIGNER:      John Muhl [http://caenim.com/] 
     11 
     12  CREATED:      2005.04.25 [first local version] 
     13 
     14REVISIONS:      1.0.2005.05.03 [first public version] 
     15                new image background image [back_l.png] 
     16                changed default font to Lucida Grande 
     17                removed all existing color variants 
     18                created 67 new color variants (lots contributed by amy b.) 
     19                removed consecutive message timestamp 
     20                changed sender name to ALL CAPS 
     21                changed all colors to "web safe" 
     22                increased user icons to 36x36 px 
     23                adjusted line height in messages 
     24                adjusted line height between sender and initial message 
     25                minor adjustments to text padding in messages 
     26            
     27                1.1.2005.09.18 
     28                very (VERY!) minor changes to the line height & hyperlink decoration 
     29                corrected a few errors in the variants (fixes contributed by amy b.) 
     30            
     31                1.2.2005.10.04 
     32                corrected zany user icon placement throughout: 
     33                fixed problem where user icons appeared diagonally 
     34                fixed vertical alignment problems with user icons 
     35                decreased user icon size to 24x24 px 
     36                removed forceable capitalization of user names 
     37                fixed vertical alignment problem in the status message 
     38            
     39                1.3.2005.11.18 
     40                added service indicator to initial time stamp 
     41                lightened the dotted line between messages 
     42                removed all reference to specific typefaces; improves compatibility with Adium and user selected fonts 
     43                more minor changes to hyperlink decoration 
     44                updated: Black vs ... color variants 
     45                updated: Blue vs ... color variants 
     46                updated: Green vs ... color variants 
     47                updated: Grey vs ... color variants 
     48                updated: Orange vs ... color variants 
     49                updated: Pink vs ... color variants 
     50                updated: Purple vs ... color variants 
     51                updated: Red vs ... color variants 
     52                updated: White vs ... color variants 
     53                updated: Yellow vs ... color variants 
     54                added a "Conversation started at ... " header 
     55 
     56                        1.4.2006.06.06 
     57                        fixed problem with six digit time stamps 
     58                        removed a bunch of cruft; thanks to Catfish_Man for the catch 
     59                 
     60     TODO:      wait for new issues to arise via users or personal use. 
     61                update for user with XtrasManager [currently does not work with message styles]. 
     62                hyperlink decoration tweaks [?]. 
     63                                  
     64 BASED ON:      Minimal Adium Message Style [default package 0.8 b12 version] 
     65                check http://www.adiumxtras.com/index.php?a=xtras&xtra_id=1576 for full credits 
     66---------------------------------------------------------------------------*/ 
     67body 
     68{ 
     69        color: #333333; 
     70        background-color: #ffffff; 
     71        background-image: url("images/back_l.png"); 
     72        margin: 0; 
     73        background-repeat: repeat-y; 
     74        line-height: 1.4em; 
     75} 
     76 
     77p 
     78{ 
     79        margin: 0; 
     80        padding: 0; 
     81} 
     82 
     83a {  
     84        border-bottom: 1px dashed; 
     85        text-decoration: none; } 
     86a:hover{ 
     87        border-bottom: 1px solid; 
     88} 
     89 
     90.convo_container 
     91{ 
     92        width: 100%; 
     93        padding-bottom: 6px; 
     94} 
     95 
     96.container 
     97{ 
     98        padding-top: 4px; 
     99        border-top: 1px dotted #ccc; 
     100} 
     101 
     102.container_next { padding-top: 2px; } 
     103 
     104.container, .container_next 
     105{ 
     106        padding-left: 16px; 
     107        padding-right: 8px; 
     108        padding-bottom: 0px; 
     109        margin-left: 0px; 
     110        padding-bottom: 5px; 
     111} 
     112 
     113.fromstatus 
     114{ 
     115        float: left; 
     116        padding-right: 7px; 
     117        position: relative; 
     118        top: 2px; 
     119} 
     120 
     121.next_label 
     122{ 
     123        font-size: 16px; 
     124        font-family: Helvetica; 
     125        font-weight: normal; 
     126        position: relative; 
     127        top: 0px; 
     128        left: -12px; 
     129        text-align: right; 
     130        width: 10px; 
     131        float: left; 
     132        margin-right: -10px; 
     133} 
     134 
     135.sender { text-align: left; } 
     136 
     137.sender, .fromstatus 
     138{ 
     139        font-size: 11px; 
     140        font-family: Helvetica; 
     141        font-weight: bold; 
     142} 
     143 
     144.sender, .next_label { overflow: hidden; } 
     145 
     146.time_initial 
     147{ 
     148        color: #9F9F9F; 
     149        float: right; 
     150        text-align: right; 
     151        padding-left: 6px; 
     152        font-size: 9px; 
     153        font-family: Helvetica; 
     154} 
     155 
     156.message { 
     157        overflow: auto; 
     158} 
     159.context_message { color: #999; } 
     160 
     161.message, .context_message 
     162{ 
     163        width: auto; 
     164        text-align: left; 
     165} 
     166 
     167.indent { text-indent: 12px; } 
     168.clear { clear: both; } 
     169 
     170.buddyicon img 
     171{ 
     172        float: left; 
     173        margin-top: 2px; 
     174        margin-right: 6px; 
     175        width: 24px; 
     176        height: 24px; 
     177        border-color: #CCCCCC; 
     178        border-width: 1px; 
     179} 
     180 
     181.buddyicon img[src="Incoming/buddy_icon.png"], .buddyicon img[src="Outgoing/buddy_icon.png"] { display: none; } 
     182 
     183.placeholder { 
     184        margin-left: 30px; 
     185} 
     186 
     187.placeholder[visible="Incoming/buddy_icon.png"], .placeholder[visible="Outgoing/buddy_icon.png"] { 
     188        margin-left: 0; 
     189} 
     190 
     191.placeholder_next { 
     192        margin-left: 30px; 
     193} 
     194 
     195.placeholder_next[visible="Incoming/buddy_icon.png"], .placeholder_next[visible="Outgoing/buddy_icon.png"] { 
     196        margin-left: 0; 
     197} 
     198 
     199img 
     200{ 
     201        vertical-align: middle; 
     202        top: -3px; 
     203} 
     204 
     205#Chat { overflow: hidden; } 
     206 
     207img.scaledToFitImage{ width:auto; } 
     208 
     209#header{  
     210    position: fixed;  
     211        top: 0px;  
     212        left: 0px;  
     213        right: 0px;  
     214    margin: 0;  
     215    padding: 5px;  
     216    overflow: auto;  
     217    color: white;  
     218    font-family: sans-serif;  
     219    text-align: center;  
     220    font-size: 10px; 
     221    background: rgba(0,0,0,.85);  
     222    z-index: 999;  
     223} 

  • wengophone/resources/chat/minimal/outgoing/content.html

    r0 r500  
    1 <span class='outgoing'>%time% %sender%:</span> %message% 
    2 <br> 
     1<div class="container" style="background-color:%textbackgroundcolor{.75}%;"> 
     2    <span class="time_initial"> 
     3                %time% 
     4        </span> 
     5    <span class="buddyicon"> 
     6        <img src="%userIconPath%" width="24" height="24" /> 
     7    </span> 
     8    <div class="placeholder" visible="%userIconPath%"> 
     9        <span class="sender outgoing"> 
     10            %sender% 
     11        </span> 
     12        <span class="message outgoing_link"> 
     13            <br>%message% 
     14        </span> 
     15    </div> 
     16    <span class="clear"></span> 
     17</div> 
     18<span id="insert"></span> 

  • wengophone/resources/chat/minimal/outgoing/nextcontent.html

    r0 r500  
    1 <span class='outgoing'>%time% &raquo;</span> %message% 
    2 <br> 
     1<div class="container_next" style="background-color:%textbackgroundcolor{.75}%;"> 
     2    <span class="time_initial"> 
     3                 
     4        </span> 
     5        <div class="placeholder_next" visible="%userIconPath%"> 
     6        <span class="next_label outgoing"> 
     7             
     8        </span> 
     9        <span class="message outgoing_link"> 
     10            %message% 
     11        </span> 
     12    </div> 
     13    <span class="clear"></span> 
     14</div> 
     15<span id="insert"></span> 

  • wengophone/resources/chat/minimal/status.html

    r0 r500  
    1 <table width="100%" cellpadding="0" cellspacing="0"> 
    2 <tr> 
    3     <td align="center" style="background-color: #f8f8f8; color: #444"> 
    4         %time% - %message% 
    5     </td> 
    6 </tr> 
    7 </table> 
     1<div class="container"> 
     2    <span class="time_initial"> 
     3                %time% 
     4        </span> 
     5    <span class="message status"> 
     6        %message% 
     7    </span> 
     8    <span class="clear"></span> 
     9</div> 
     10<span id="insert"></span> 
Note: See TracChangeset for help on using the changeset viewer.