global.css

简易的聊天系统,实现在线非点对点的聊天功能,主要有用户登陆和发信息聊天.

/*****************************************************
ASP.NET Forums default theme
Modify this stylesheet to change the colours
and appearance of the ASP.NET Forums
*****************************************************/

/*****************************************************
Body: General page style
*****************************************************/
body /*The scroll bar colours are only visible in IE5.5+ */
{
    font-size: 0.8em;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EFEFEF; 
    scrollbar-face-color: #DEE3E7; 
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}

body.admin /* Admin page style */
{
    background-color: #DDEEFF;
}

image	/* used to align text to images, centered */
{
	vertical-align: middle;
}

/*****************************************************
Forum Name Title
*****************************************************/
/* em: unit of measurement for the height of the element's font, which is resolution independent */
.forumName /* text style for the main forum name */
{
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 1.4em;
    font-weight: bold;
}

a.forumName:hover /* text style for when mouse hovers over main forum name */
{
    color: #FF3300;
    text-decoration: none;
}

.forumThread /* description of Forums on main page (underneath Forum Name) */
{
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 0.9em;
}
/*****************************************************
General Text
*****************************************************/
.txt1 { font-size : 1.0em; } 
.txt2 { font-size : 0.9em; }
.txt3 { font-size : 0.8em; }
.txt4 { font-size : 0.7em; }
.txt5 { font-size : 0.6em; }

.txt1Bold { font-size : 1.0em; font-weight:bold; }
.txt2Bold { font-size : 0.9em; font-weight:bold; }
.txt3Bold { font-size : 0.8em; font-weight:bold; }
.txt4Bold { font-size : 0.7em; font-weight:bold; }
.txt5Bold { font-size : 0.6em; font-weight:bold; }

.txt3red { font-size : 0.8em; color: Red; }

.printDetails{ font-size : 0.6em; color: darkgray; }
.noTopics { font-size: 0.7em; font-weight:bold; }
.dateText { font-size: 0.6em; color: white; }

/* IRC Style Text */
.txtIrcMe { color:Fuchsia ; }

/*****************************************************
Tables
*****************************************************/
.tableBorder /* This is the outline round the main forum tables */
{
/*    border: 1px #B2B2B2 solid;  */
    border: 1px outset;
    background-color: #FFFFFF;
}

.moderationTable /* Moderation table */
{
    border: 1px #FFFFFF solid; 
    background-color: #F1F1F1;
}

.adminTable /* Admin table */
{
    background-color: #FFFFFF;
}

.quoteTable { /* This is the quote table, where quotes from previous posts are shown */
    border:1px inset;
    background-color: #EEF7FF;
}

.editTable { /* This is the edit notes table, shown when someone has edited a post, and this feature is enabled */
    border: 1px inset; 
    color: Red;
    background-color: #EEF7FF;
    font-size: 0.8em;
}

/*****************************************************
Table Header and cell definitions
*****************************************************/
td.column /* td.column is the main heading row of the table, shows either the table title, or the column headings, such as 'Posts', 'Last Post' etc. Top row of all tables. */
{
    font-weight: bold; 
    font-size: 0.7em; 
    background-color: #78ABDE; 
    background-image: url(../images/forumColumnBackground.gif); 
    background-repeat: repeat-x; 
    COLOR: white;
}

td.h1a /* td.h1a is the subheading row of the table, shows the names of Forum Groups on main page, or 'Announcements', 'Topics' on ShowForum page */
{
    color: #4455aa;
    font-size: 0.8em;
    font-weight:bold;
    text-decoration: none; 
    background-image: url(../images/forumHeaderBackgroundAlternate.gif);
    background-color: #E7E3E7;
    background-repeat: repeat-x; 
}

td.h1 /* td.h1 was the old subheading row of the table. This should probably be deleted as I don't think it is used anymore. */
{
    color: white;
    font-size: 0.7em;
    font-weight:bold;
    background-image: url(../images/forumHeaderBackground.gif);
    background-color: #4455aa
}

td.f /* Forums column cells on main page; last post, replies, view cells on ShowForums page (shaded cells?) */
{
    font-size: 0.71em; 
    background-color: #DDEEFF;

}

td.f2
{
    font-size: 0.8em;
    background-color: #DDEEFF;
}

td.fh /* forumRowHighlight - such as forumOptions, forumStatistics, WhoIsOnline boxes etc.*/
{
    font-size: 0.71em; 
    background-color: #FFFFFF; 
    background-image: url(../images/fhBg.gif); 
    background-repeat: repeat-x;
}

TD.fh2 /* used in Forums Statistics box to control size of text*/
{
	font-size: 0.71em; 
}

TD.fh3 /* TD.fh3 is Threads, Posts cells on main table, Thread cells on ShowForum page (not shaded?) */ 
{
	font-size: 0.71em; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh3a /* TD.fh3a is Alternating table for Post Body in the PostView */ 
{
	font-size: 0.71em; 
	background-color: #F6FBFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh4 /* TD.fh4 is Last Post cells on main table (not shaded?) */
{
	font-size: 0.71em; 
	background-color: #FFFFFF; 
	border-top: 1px solid #DDEEFF;
	border-left: 1px solid #DDEEFF;
}

TD.fh5 
{
	font-size: 0.9em; 
}


/*****************************************************
Background color and text used in threaded view
*****************************************************/
td.threadTitle
{
    background-color: #D4D9EC;
}

.threadDetailTextSmall
{
    color: #0055E7;
    font-size: 0.7em;
}

.threadDetailTextSmallBold
{
    color: #0055E7;
    font-size: 0.7em;
    font-weight: bold;
}

/*****************************************************
General Anchors
*****************************************************/
a, a:visited, a:link /* General page anchors */
{
    color: #013DA4;
    text-decoration: none;
}

a:Hover /* General page anchors */
{
	color: #FF3300;
    text-decoration: underline;
}

a.linkSmallBold, a.linkMenuSink 
{
    font-weight: bold;
}

a.linkSmall, a.LinkSmallBold, a.linkMenuSink
{
    color: navy;
    font-size: 0.7em;
}

a.linkSmallBold:visited, a.linkMenuSink:visited
{
    color: #013DA4;
}

a.linkSmallBold:Hover, a.linkMenuSink:Hover
{
/*	color: #DD6900;	*/
    color: #FF3300;
}

a.lnk3, a.lnk3:visited, a.lnk3:link /* Active/Unanswered, name of forum underneath table */
{
	font-size: 0.9em; 
    font-weight: bold;
    color: #013DA4;
}

a.lnk3:Hover
{
    color: #FF3300;
    text-decoration: underline;
}

/*****************************************************
Text and links used in ForumGroupRepeater and ForumRepeater
*****************************************************/
columnText, a.columnText, a.columnText:visited, a.columnText:link 
{ 	
	font-size: 0.7em; 
	color: white; 
	font-weight:bold;
}

a.columnText:hover
{
	color: #FF3300;	
}

a.column:visited, a.column:link, a.column:hover
{
    color: white;
    font-weight:bold;
}

.flnk3
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:visited, a.flnk3:link
{
    font-weight: bold;
    color: #013DA4;
}

a.flnk3:hover
{
    color: #FF3300;
}

.inlineLink /* Username in ShowPost, next to online status */
{
  cursor:pointer;
  color: #555555;
}

.inline 
{
  font-size: 0.75em;
  color: #555555;
}

/*****************************************************
Text and Anchor to display when a user is online
*****************************************************/
.userOnlineLink, a.userOnlineLink, a.userOnlineLink:Visited, a.userOnlineLink:Link
/* text style to show when a user is online */
{
    font-weight: normal;
    color: #013DA4;
}

a.userOnlineLinkBold:Hover
{
	color: #FF3300;
}

.moderatorOnlineLinkBold, a.moderatorOnlineLinkBold, a.moderatorOnlineLinkBold:Visited, a.moderatorOnlineLinkBold:Link
/* text style to show when a moderator is online */
{
    font-weight: bold;
    color: darkBlue;
}

a.moderatorOnlineLinkBold:Hover
{
	color: #FF3300;
}

.adminOnlineLinkBold, a.adminOnlineLinkBold, a.adminOnlineLinkBold:Visited, a.adminOnlineLinkBold:Link
/* text style to show when an administrator is online */
{
    font-weight: bold;
    color: Blue;
}

a.adminOnlineLinkBold:Hover
{
	color: #FF3300;
}

/*****************************************************
Navigation: Text and anchors used in the navigation menu
*****************************************************/
.menuText /* Font used for navigation menu */
{
    font-size: 0.6em;
    font-weight: bold;
    color: #FFFFFF;
}

a.menuLink:visited, a.menuLink:link /* Font used for links in the navigation menu */
{
	font-size: smaller;
	font-weight: normal;
    text-decoration: none; 
    color: white;
}

a.menuLink:Hover /* Font used for hovering over a link in the navigation menu */
{
    color: #FF3300;
}


/*****************************************************
Default separator style for PostList
*****************************************************/
td.flatViewSpacing /* Separates Users from Guests in WhoIsOnline page */
{
	height: 2px; 
	background-color: #80B7FF; 
} 
td.threadSeparator /* Separates posts in ShowPost page */
{
	height: 4px; 
	background-color: #79ABDE; 
} 
td.adminSeparator /* Separates 'groups of options' in Admin Nav Bar */
{
	height: 4px; 
	background-color: #FFFFFF; 
} 
td.moderateSeparator /* Separator in ModerateForum page */
{
	height: 12px; 
	background-color: #FFFFFF; 
} 

/*****************************************************
Validation Text
*****************************************************/
.validationWarning 
{
	color: Red; 
}

/*****************************************************
Page control selected page
*****************************************************/
.currentPage 
{
	font-size : 1.2em; 
	font-weight:bold; 
}

/*****************************************************
Form Elements
*****************************************************/
select /* drop down lists in forms */
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

textarea /* large multi-line text boxes in forms */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

input /* input elements in forms, e.g radio buttons, text boxes, etc. */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

/*****************************************************
Control Panel
*****************************************************/
td.ControlPanelTabActive
{
    font-weight: bold; 
    font-size: 0.7em; 
    background-color: #78ABDE; 
    background-image: url(../images/forumColumnBackground.gif); 
    background-repeat: repeat-x; 
    COLOR: white;
}

td.ControlPanelTabInactive
{
	color: #4455aa;
    font-size: 0.7em;
    font-weight: normal;
    text-decoration: none; 
    background-image: url(../images/forumHeaderBackgroundAlternate.gif);
    background-color: #E7E3E7;
    background-repeat: repeat-x; 
}

td.ControlPanelTabLine
{
	background-color: #7AACE0;
}

.chatmsg
{
	vertical-align:text-top;
	font-size:smaller;	
}