2004/04/30

Re: XOOPS 2.x 的預設 CSS 說明






以下 Class 不包含於主程式中,通常在佈景內指定。

/* 這裡是表頭 (table header) 的設定 */
th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

/*
BEGIN SECTION DEALING WITH THE THREE COLUMNS
*/

/* 這裡控制頁面左邊的區塊 */
td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;}

/* 這裡控制左欄的表格頂端的設定 */
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

/* 這裡控制左欄的區塊標題的設定 */
td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}

/* 這裡控制左欄的區塊內容的設定 */
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}

/* 這裡控制頁面的中間主要區塊的設定 */
td#centercolumn {font-size: 12px;}

/* 這裡控制頁面的中間欄的表格頂端的設定 */
td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

/* Controls the settings for "center-aligned CENTER blocks" on the page */
td#centerCcolumn {padding: 0px 3px 1px 3px;}
/* The title for center center blocks */
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
/* The content for center center blocks */
td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

/* Controls the settings for "left-aligned CENTER blocks" on the page */
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}

/* The title for left-aligned center blocks*/
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}

/* The content for left-aligned center blocks */
td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

/* Controls the settings for "right-aligned CENTER blocks on the page */
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}

/* The title for right-aligned center blocks */
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
/* The content area for left-aligned center blocks */
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

/* Controls everything defined as content. for example in news it controls: */
/* The article text, posted by, date, time & number of reads Including the parenthesis */
/* the [ | ] brackets around the admin edit section and also the disclaimer: "the comments are */
/* owned by the poster. We aren't responsible for their content" on the bottom of a news comments page */
/* also a ton of text on the forum page...probably a ton of stuff everywhere...be careful with this one */

div#content {text-align: left; padding: 8px;}



/* settings for blocks in teh RIGHT column on a page*/
td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}

/* Controls the table headers for the right columns.*/
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

/* Controls the right column blocks' titles */
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}

/* Controls the right column blocks' content area */
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

/* END SECTION DEALING WITH THREE COLUMNS */

/* settings for the footerbar where the xoops copyright notice is */
tr#footerbar {text-align:center; background-image: url(hbar.gif);}

2004/04/20

修正圖檔管理員畫面問題

發表文章時,按下圖檔管理,會出現圖檔管理員介面,在預設狀況下,該畫面頂端會出現網站的 Logo,由於樣版錯誤,會造成 Logo 被壓扁,修正方式如下:

1. 用 UltraEdit 開啟下列檔案:
/modules/system/templates/system_imagemanager.html 第 48 行
/modules/system/templates/system_imagemanager2.html 第 29 行
引文:
(以上檔案的該兩行的內容應該相同)
<img src="<{$xoops_url}>/images/logo.gif" width="150" height="80" alt="" />

2. 將上述紅色文字部分刪除。
3. 系統管理員選單 → 系統管理 → 模組管理 → 更新系統管理模組。

如果你的網站使用 default 樣版的話,到此步驟就完成了,如果使用自訂樣版的話,繼續進行下面的步驟。

4. 系統管理員選單 → 系統管理 → 樣版管理 → default 樣版 → 系統管理區 → system_imagemanager.html → 觀看。將此樣版程式碼複製到你的自訂樣版的對應位置,system_imagemanager2.html 的程式碼亦同。

完畢。


雖然這是小地方,但是畢竟還是有人在用,希望總站未來會修正。

2004/04/14

Re: XOOPS 2.x 的預設 CSS 說明


原文轉自:

http://wiki.xoops.org/wakka.php?wakka=Defa...show_comments=1

/* 這行是所有頁面的預設值 */
body {color: black; background: white; margin: 0px; padding: 0px;}

/* 這裡是整個站內所有表格的預設值,除了另外指定的表格以外 */
table {width: 100%; margin: 5px; padding: 5px; font-size: small}
table td {padding: 0px; border-width: 0px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* 這裡是所有超連結的設定,包括未連結、游標指處、按下時、連結後的設定 */
a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff6600;}

/* 這裡控制所有的標題標籤 (H1-5) 和無排序列表的項目 */
h1 {4}
h2 {3}
h3 {9}
h4 {2}
h5 {1}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #2F5376}

/* 表單按鈕的樣式設定 */
input.formButton {}

/* 以下出現的功能主要應用於新聞模組的內文,但也可能會出現在其他的區域內 */
/* 新聞區塊的主要設定開始 */
/* 圍繞在新聞文章外圍的框線 */
.item {border: 1px solid #cccccc;}
/* 新聞標題的儲存格之背景顏色 */
/* 此 Class 也用於"提供檔案"、"提供連結" 之標題畫面頁面 */
.itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;}
/* 新聞標題下面的區域 (向右對齊) (post by so-and-so) */
.itemInfo {text-align: right; padding: 3px; background-color: #efefef;}
/* 新聞標題的文字部分,除了新聞分類的那個冒號以外 */
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
/* 新聞發表者的帳號名稱 */
.itemPoster {font-size: 90%; font-style:italic;}
/* 新聞發表者的帳號名稱後面的日期時間 */
.itemPostDate {font-size: 90%; font-style:italic;}
/* 新聞的閱讀人次數(人氣),但不包括那個括號 */
.itemStats {font-size: 90%; font-style:italic;}
/* 新聞內文部分 */
.itemBody {padding-left: 5px;}
/* 這部分需要開發人員的協助了 - 這段似乎跟 .itemBody 一樣,有哪裡不同嗎??? */
/* 譯註:等我明天去公司再來試試哪裡不一樣 */
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
/* 新聞內文的第一個字(頭文字) */
.itemText:first-letter {font-size: 133%; font-weight: bold;}
/* 新聞尾段的 "詳全文"...之類的 */
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
/* 新聞尾段的"編輯"、"刪除"字串 */
.itemAdminLink {font-size: 90%;}
/* 新聞尾段的 "xxx 字元(含本文)|回應討論" 字串 */
.itemPermaLink {font-size: 90%;}
/* 新聞區塊的主要設定結束 */


/* 主選單設定 */
td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0px padding: 4px;}

/* 當滑鼠移至主選單時的變化 */
td#mainmenu a:hover {background-color: #ffffff;}

/* 主選單的第一項(通常是"首頁"),這個設定可以讓你的第一項有個特別的框線或其他的樣式 */
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* 主選單除第一項以外的剩餘項目的設定。 */
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* 主選單內選項的子項目,例如"發布新聞"、"分月新聞"之類的 */
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* 使用者選單(個人資訊區塊)的超連結設定 */
td#usermenu a {background-color: #e6e6e6; display: block; margin: 0px padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* 滑鼠移至使用者選單時的變化 */
td#usermenu a:hover {background-color: #ffffff;}

/* 使用者選單第一項的設定 */
td#usermenu a.menuTop {border-top: 1px solid silver;}

/* 當使用者收到私人訊息時的變化 */
td#usermenu a.highlight {background-color: #fcc;}


/* 以下設定指定大部分基本區塊的樣式,包括發表數排行區塊、檔案下載、網站連結、討論區、投票、聯繫管理員等模組的基本區塊 */
/* XOOPS2 內建模組的所有區塊幾乎都使用此處設定,以下不再一一列舉 */
/* 表格外框的樣式設定 */
.outer {border: 1px solid silver;}
/* 基本區塊的標題的樣式設定 */
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
/* 偶數行的樣式設定 */
.even {background-color: #dee3e7; padding: 5px;}
/* 奇數行的樣式設定 */
.odd {background-color: #E9E9E9; padding: 5px;}
/* 基本區塊的底部的樣式設定 */
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
/* 部分系統區塊的偶數行樣式設定(包含發表數排行、分月新聞等區塊) */
tr.even td {background-color: #dee3e7; padding: 5px;}
/* 部分系統區塊的奇數行樣式設定(包含發表數排行、分月新聞等區塊) */
tr.odd td {background-color: #E9E9E9; padding: 5px;}
/* 基本區塊設定結束 */

/* NOT INCLUDED IN DEFAULT */
/* customization to add special color to forum title head. requires editing newbb_index.html template as well */
.outerhead{}
.outerhead a{font-size: 12px; color : #FFFFFF;}
.outerhead a:hover{}

/* NOT SURE Special system messages MAYBE */
/* I leave the defaults */
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

/* 討論區(newbb)中的代碼(code)格式 */
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
/* 討論區(newbb)中的引言(quote)格式 */
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


/* 以下設定評論系統的樣式 */
/* 評論標題的樣式(例如回覆新聞評論) */
.comTitle {font-weight: bold; margin-bottom: 2px;}
/* 評論內文的樣式 */
.comText {padding: 2px;}
/* 發表評論者的狀態區塊,包括註冊日、來自、發表數。 */
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
/* 發表評論者的狀態文字,包括「註冊日」、「來自」、「發表數」。 */
.comUserStatCaption {font-weight: normal;}
/* (這個樣式已失效,僅出現在內建佈景中) */
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
/* 發表評論者的等級的樣式 */
.comUserRank {margin: 2px;}
/* 發表評論者的等級的文字部分樣式 */
.comUserRankText {font-size: 10px;font-weight:bold;}
/* 發表評論者的等級的圖片部分樣式 */
.comUserRankImg {border: 0px}
/* (這個樣式已失效,僅出現在內建佈景中) */
.comUserName {}
/* 發表評論者的等級的大頭照樣式 */
.comUserImg {margin: 2px;}
/* 發表與更新評論的日期的樣式 */
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
/* 「發表」與「更新」評論日期的文字的樣式 */
.comDateCaption {font-weight: bold; font-style: normal;}
/* 評論系統的樣式設定結束 */


未完待續...

2004/04/04

XOOPS 2.x 的預設 CSS 說明

原文轉自:
http://wiki.xoops.org/wakka.php?wakka=Defa...show_comments=1

/* This controls the default settings on a page */
body {color: black; background: white; margin: 0px; padding: 0px;}

/* The default settings for ALL tables on a site, unless explicity defined for a particular table */
table {width: 100%; margin: 5px; padding: 5px; font-size: small}
table td {padding: 0px; border-width: 0px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* This controls the default link settings & link mouseover/hover settings */
a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #ff6600;}

/* Controls HTML tags for headings #1-5, unordered list and items in the list */
h1 {4}
h2 {3}
h3 {9}
h4 {2}
h5 {1}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #2F5376}

/* Selector for a form button */

input.formButton {}

/* The following appear to primarily apply to the NEWS stories, */
/* though they may be found in other areas as well */
/* 
BEGIN NEWS SECTION DEALING PRIMARILY WITH NEWS 
*/

/* The border around news stories */
.item {border: 1px solid #cccccc;}

/* The BG color for the cell for news story titles */
.itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;}

/* The BG color for the area right under a news title (post by so-and-so) */
.itemInfo {text-align: right; padding: 3px; background-color: #efefef;}

/* The text in the story title EXCEPT the colon between the topic and the title */
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}

/* The text "exta6sy" just preceding the posters name */
.itemPoster {font-size: 90%; font-style:italic;}

/* The text On $date $time immediately after the posters name */
.itemPostDate {font-size: 90%; font-style:italic;}

/* The xx # reads for a story, but NOT the parenthesis surrounding the total */
.itemStats {font-size: 90%; font-style:italic;}

/* The text of the story itself */
.itemBody {padding-left: 5px;}

/* XOOPS DEVELOPER HELP NEEDED - This seems to be the same as .itemBody above. What is the difference??? */
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}

/* Makes the first letter in a story bold */
.itemText:first-letter {font-size: 133%; font-weight: bold;}

/* The foooter of a new story (read more, etc.) */
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}

/* The [edit | delete] section of a news footer */
.itemAdminLink {font-size: 90%;}

/* The | xx# bytes more | section of the news footer */
.itemPermaLink {font-size: 90%;}

/* 
END SECTION DEALING PRIMARILY WITH NEWS
*/

/* Controls the settings for a table header */

th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* The area at the top of the page where the logo and advertising banner are */

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}

/* The whitish-grey bar on the default install right underneath the top section/header */

td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}

/* 
BEGIN SECTION DEALING WITH THE THREE COLUMNS
*/

/* controls the settings for blocks on the LEFT side of the page */
td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;}

/* controls the settings for the table headers on the left column */
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

/* controls the settings for the block titles on the left column */
td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}

/* controls the settings for the blocks' content on the left column */
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}

/* controls the settings for block in the CENTER section of the page */
td#centercolumn {font-size: 12px;}

/* controls the settings for the table headers on the center column */
td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

/* Controls the settings for "center-aligned CENTER blocks" on the page */
td#centerCcolumn {padding: 0px 3px 1px 3px;}
/* The title for center center blocks */ 
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
/* The content for center center blocks */
td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

/* Controls the settings for "left-aligned CENTER blocks" on the page */
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}

/* The title for left-aligned center blocks*/
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}

/* The content for left-aligned center blocks */
td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

/* Controls the settings for "right-aligned CENTER blocks on the page */
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}

/* The title for right-aligned center blocks */
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
/* The content area for left-aligned center blocks */
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

/* Controls everything defined as content. for example in news it controls: */
/* The article text, posted by, date, time & number of reads Including the parenthesis */
/* the [ | ] brackets around the admin edit section and also the disclaimer: "the comments are */
/* owned by the poster. We aren't responsible for their content" on the bottom of a news comments page */
/* also a ton of text on the forum page...probably a ton of stuff everywhere...be careful with this one */

div#content {text-align: left; padding: 8px;}



/* settings for blocks in teh RIGHT column on a page*/
td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}

/* Controls the table headers for the right columns.*/
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

/* Controls the right column blocks' titles */
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}

/* Controls the right column blocks' content area */
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

/* END SECTION DEALING WITH THREE COLUMNS */

/* settings for the footerbar where the xoops copyright notice is */
tr#footerbar {text-align:center; background-image: url(hbar.gif);}

/* settings for the Main Menu */
td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0px padding: 4px;}

/* What happens on a mouse hover on the main menu */
td#mainmenu a:hover {background-color: #ffffff;}

/* The top cell on the main menu (typically HOME). This way you can give the top cell a different border or */
/* other appearance. Useful for drawing a box around the entire menu, for instance. */
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* The remaining entries in the main menu other than the top most defined one line above */
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* The settings for submenu items that open when u are in a particular module. For example */
/* "Submit news" and "Archives" when you are on the news module */
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* settings for the User Menu */
td#usermenu a {background-color: #e6e6e6; display: block; margin: 0px padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

/* What happens on a mouse hover on the user menu */
td#usermenu a:hover {background-color: #ffffff;}

/* The top most entry on the user menu */
td#usermenu a.menuTop {border-top: 1px solid silver;}

/* The settings for when a user has a private message */
td#usermenu a.highlight {background-color: #fcc;}


/* Styles used to draw homogeneous tables */
/* Described in a seperate page in the xoops.org wiki */
.outer {border: 1px solid silver;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}

/* NOT INCLUDED IN DEFAULT */
/* customization to add special color to forum title head. requires editing newbb_index.html template as well */
.outerhead{}
.outerhead a{font-size: 12px; color : #FFFFFF;}
.outerhead a:hover{}

/* NOT SURE Special system messages MAYBE */
/* I leave the defaults */
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

/* Settings for when you insert code in a forum post */
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
/* Settings for when you quote during a forum post */
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


/* Styles for the commenting system */
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0px}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}


有空來翻譯吧....