home *** CD-ROM | disk | FTP | other *** search
/ OS/2 Shareware BBS: 35 Internet / 35-Internet.zip / mozil06.zip / bin / chrome / chatzilla.jar / skin / modern / chatzilla / output-default.css < prev    next >
Cascading Style Sheet File  |  2000-05-12  |  5KB  |  316 lines
  1. /* -*- Mode: Text; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 4 -*-
  2.  * The contents of this file are subject to the Mozilla Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/MPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla JSIRC Library.
  13.  *
  14.  * The Initial Developer of the Original Code is New Dimensions Consulting,
  15.  * Inc. Portions created by New Dimensions Consulting, Inc. are
  16.  * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
  17.  * Rights Reserved.
  18.  *
  19.  * Contributor(s): 
  20.  *
  21.  *
  22.  * Contributor(s):
  23.  *  Robert Ginda, rginda@ndcico.com, original author
  24.  * 
  25.  * Styles for output window, See test3.css for UI styles
  26.  *
  27.  */
  28.  
  29. body {
  30.  
  31.     margin: 0px 0px 0px 0px;
  32. /*    background: url(chrome://chatzilla/skin/images/blue_rock.gif);*/
  33.     background: black;
  34.  
  35. }
  36.  
  37. a {
  38.  
  39.     color: cyan;
  40.  
  41. }
  42.  
  43. .bold {
  44.  
  45.     font-weight: bold;
  46.  
  47. }
  48.  
  49. .italic {
  50.  
  51.     font-style: italic;
  52.  
  53. }
  54.  
  55. .underline {
  56.  
  57.     text-decoration: underline;
  58.  
  59. }
  60.  
  61. .strikethrough {
  62.  
  63.     text-decoration: line-through;
  64.  
  65. }
  66.  
  67. .teletype {
  68.  
  69.     font-family: monospace;
  70.  
  71. }
  72.  
  73. .smallcap {
  74.  
  75.     font-variant: small-caps;
  76.  
  77. }
  78.  
  79. .rheet {
  80.  
  81.     font-size: 14pt;
  82.     font-weight: bold;
  83.     color: magenta;
  84.  
  85. }
  86.  
  87. /* output from a chat session (contains msgs) */
  88. .chat-view {
  89.  
  90.     vertical-align: text-bottom;
  91.  
  92. }
  93.  
  94. /* common container for all portions of a message
  95.  * (contains msg-*s) */
  96. .msg {
  97.  
  98.     font-family: sans-serif;
  99.  
  100. }
  101.  
  102. .msg[user="!ME"] {
  103.  
  104.     background: lightgrey;
  105.  
  106. }
  107.  
  108. /* message data in output window */
  109. .msg-data {
  110.  
  111.     padding: 2px;
  112.     color: white;
  113.  
  114. }
  115.  
  116. .msg-data[msgtype="311"] {
  117.  
  118.     border: none;
  119.     border-top: 1 cyan solid;
  120.     border-right: 1 cyan solid;
  121.  
  122. }
  123.  
  124. .msg-data[msgtype="319"],
  125. .msg-data[msgtype="312"],
  126. .msg-data[msgtype="317"] {
  127.  
  128.     margin-top: 0px;
  129.     border: none;
  130.     border-right: 1 cyan solid;
  131.  
  132. }
  133.  
  134. .msg-data[msgtype="318"] {
  135.  
  136.     border: none;
  137.     border-right: 1 cyan solid;
  138.     border-bottom: 1 cyan solid;
  139.     margin-top: 0px;
  140.  
  141. }
  142.  
  143. /* message data in output window */
  144.  
  145. .msg-data[user="!ME"]{
  146.  
  147.  
  148. }
  149.  
  150. .msg-data[mark="odd"]{
  151.  
  152.     color: lightgrey;
  153.  
  154. }
  155.  
  156. .msg-data[directedToMe="true"] {
  157.  
  158.     color: orange;
  159.  
  160. }
  161.  
  162. .msg-data[msgtype="EVAL"] {
  163.  
  164.     font-family: monospace;
  165.  
  166. }
  167.  
  168. .msg-data[msgtype="JOIN"],
  169. .msg-data[msgtype="PART"] {
  170.  
  171.     width: 100%;
  172.     font-variant: small-caps;
  173.     color: lightblue;
  174.  
  175. }
  176.  
  177. .msg-data[msgtype="HELLO"] {
  178.  
  179.     border: 1 white solid;
  180.     color: yellow;
  181.  
  182. }
  183.  
  184. .msg-data[msgtype="ERROR"] {
  185.  
  186.     background: red;
  187.     color: white;
  188.  
  189. }
  190.  
  191. .msg-data[msgtype="USAGE"] {
  192.  
  193.     font-style: italic;
  194.     color: white;
  195.  
  196. }
  197.  
  198. .msg-data[msgtype="HELP"] {
  199.  
  200.     font-weight: normal;
  201.  
  202. }
  203.  
  204. .msg-data[msgtype="ACTION"] {
  205.  
  206.     color: #6ac9ee;
  207.  
  208. }
  209.  
  210. .msg-data[msgtype="NICK"] {
  211.  
  212.     color: #96fa94;
  213.  
  214. }
  215.  
  216. .msg-data[msgtype="NOTICE"],
  217. .msg-data[msgtype="MODE"] {
  218.  
  219.     color: yellow;
  220.  
  221. }
  222.  
  223. .msg-data[msgtype="KICK"] {
  224.  
  225.     background: orange;
  226.     color: yellow;
  227.  
  228. }
  229.  
  230. .msg-data[msgtype="QUIT"] {
  231.  
  232.     background: #222222;
  233.     color: brown;
  234.  
  235. }
  236.  
  237. /* nickname field in output */
  238. .msg-user {
  239.     
  240.     text-align: center;
  241.     vertical-align: middle;
  242.     color: white;
  243.     font-weight: bold;
  244.     border: 1 white solid;
  245.  
  246. }
  247.  
  248. .msg-user[user="!ME"] {
  249.  
  250.     color : yellow;
  251.  
  252. }
  253.  
  254. .msg-user[msgtype="ACTION"] {
  255.  
  256.     font-style: italic;
  257.  
  258. }
  259.  
  260. .msg-user[msgtype="PRIVMSG"],
  261. .msg-user[msgtype="ACTION"] {
  262.  
  263.     border: none;
  264.     padding-right: 2px;
  265.     text-align: right;
  266.     vertical-align: middle;
  267.     font-weight: bold;
  268.  
  269. }
  270.  
  271. /* Message type indicator in output window */
  272. .msg-type {
  273.  
  274.     text-align: center;
  275.     vertical-align: middle;
  276.     color: silver;
  277.     border: 1 white solid;
  278.     font-weight: bold;
  279.  
  280. }
  281.  
  282. .msg-type[msgtype="311"] {
  283.  
  284.     border: none;
  285.     border-top: 1 cyan solid;
  286.     border-left: 1 cyan solid;
  287.  
  288. }
  289.  
  290. .msg-type[msgtype="319"],
  291. .msg-type[msgtype="312"],
  292. .msg-type[msgtype="317"] {
  293.  
  294.     margin-top: 0px;
  295.     border: none;
  296.     border-left: 1 cyan solid;
  297.  
  298. }
  299.  
  300. .msg-type[msgtype="318"] {
  301.  
  302.     border: none;
  303.     border-left: 1 cyan solid;
  304.     border-bottom: 1 cyan solid;
  305.     margin-top: 0px;
  306.  
  307. }
  308.  
  309.  
  310. .msg-type[user="!ME"] {
  311.  
  312.     background: slategrey;
  313.  
  314. }
  315.  
  316.