💾 Archived View for jdcard.com › Opera › im.css captured on 2023-04-26 at 13:46:40.

View Raw

More Information

⬅️ Previous capture (2023-01-29)

-=-=-=-=-=-=-

@charset "utf-8";
/* CSS style sheet for Instant Messenger */
/* Copyright 2000-2003 Opera Software */
/* Converted to use system colors by James Card 2003-12-20 */

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: Window;
	color: WindowText;
	font: Menu;
  font-size: 100%;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
	padding: 3px 5px;
}

td + td {
  border-right: solid thin ButtonShadow;
  }

td + td + td {
  border: none;
  }

td img {
	vertical-align: middle;
}

.time {
	color: ButtonText;
	background-color: ButtonFace;
}

div.highlight {
	display: table-cell;
	border: thin solid InactiveBorder;
	padding: 1px;
	background-color: InactiveCaption;
  color: InactiveCaptionText;
}

span.highlight {
	border: thin solid InactiveBorder;
	padding: 1px;
	background-color: InactiveCaption;
  color: InactiveCaptionText;
}

.self {
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
}

.self-message {
	font-weight: bolder;
}

.sender {
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
}

.sender-message {
}

.join {
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
  font-size: 80%;
}

.join-message {
	color: GrayText;
  font-size: 80%;
}

/* .join:before { content: "\21E8"; } */

.leave {
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
  font-size: 80%;
}

.leave-message {
	color: GrayText;
  font-size: 80%;
}

.nick {
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
}

.nick-message {
	color: GrayText;
  border-left: 1ex solid ButtonShadow;
}

.disconnect {
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
  font-size: 80%;
}

.disconnect-message {
	color: GrayText;
  font-size: 80%;
}

.self-action {
	background-color: ButtonFace;
	text-align: right;
}

.self-action-message {
	color: GrayText;
  font-weight: bolder;
  border: solid thin WindowFrame;
}

.action {
	background-color: ButtonFace;
	text-align: right;
}

.action-message {
	color: GrayText;
  border: solid thin WindowFrame;
}

.action-message:before, .self-action-message:before {	
	content: "\2023\2009";	
  }

.status {
	width:	6em;
	color: ButtonText;
	background-color: ButtonFace;
	text-align: right;
}

.status-message {
	color: GrayText;
  border-left: 1ex solid GrayText;
}

.smiley-happy {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Happy");
}

.smiley-unhappy {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Unhappy");
}

.smiley-wink {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Wink");
}

.smiley-surprised {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Surprised");
}

.smiley-grin {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Grin");
}

.smiley-cool {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Cool");
}

.smiley-indifferent {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Indifferent");
}

.smiley-cry {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Cry");
}

.smiley-angry {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Angry");
}

.smiley-tongue {
	width: -o-skin;
	height: -o-skin;
	background-image: -o-skin("Smiley Tongue");
}