下面是一个标准的主题样式表,带有注释
/* 此处控制页面上的默认设置 */
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;}
/* 控制HTML头标签#1-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 {}
/* 以下主要应用于新闻故事, */
/* 但可能在其他区域也能找到 */
/*
BEGIN NEWS SECTION DEALING PRIMARILY WITH NEWS
*/
/* 新闻故事的边框 */
.item {border: 1px solid #cccccc;}
/* 新闻标题单元格的背景颜色 */
.itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;}
/* 新闻标题下方(由某人发表的)区域的背景颜色 */
.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;}
/* 发表者名称之前的“exta6sy”文本 */
.itemPoster {font-size: 90%; font-style:italic;}
/* 发表者名称之后的“On $date $time”文本 */
.itemPostDate {font-size: 90%; font-style:italic;}
/* 故事的XX #阅读,但不包括括号周围的总数 */
.itemStats {font-size: 90%; font-style:italic;}
/* 故事的文本 */
.itemBody {padding-left: 5px;}
/* 需要XOOPS开发者帮助 - 这似乎与上面的 .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%;}
/* 新闻底部 | xx# 字节更多 | 部分 */
.itemPermaLink {font-size: 90%;}
/*
END SECTION DEALING PRIMARILY WITH NEWS
*/
/* 控制表格标题的设置 */
th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}
/* 页面顶部版权和广告横幅所在区域 */
td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}
/* 默认安装底部部分/标题下的白色灰色条 */
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}
/*
BEGIN Section DEALING WITH THE THPREFIX 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;}
/* 控制页面中居中对齐的块设置 */
td#centerCcolumn {padding: 0px 3px 1px 3px;}
/* 中居中对齐块的标题 */
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
/* 中居中对齐块的内容 */
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%;}
/* 控制页面左对齐的中间块设置 */
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
/* 左对齐的中间块的标题 */
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
/* 左对齐的中间块的内容 */
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%;}
/* 控制页面右对齐的中间块设置 */
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
/* 右对齐的中间块的标题 */
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
/* 右对齐的中间块的内容区域 */
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%;}
/* 控制所有定义为内容的东西,例如在新闻中控制: */
/* 文章文本、发布者、日期、时间及阅读次数,包括括号内的内容 */
/* 管理员编辑部分周围的方括号 [ | ] 以及免责声明:“评论由 */
/* 发布者拥有。我们对评论内容不承担任何责任”位于新闻评论页面底部 */
/* 论坛页面上还有大量文本...可能到处都有很多内容...注意这一点 */
div#content {text-align: left; padding: 8px;}
/* 页面右侧列中各个块设置的样式 */
td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}
/* 控制右侧列的表格标题。*/
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
/* 控制右侧列块标题的样式。*/
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
/* 控制右侧列块内容区域的样式。*/
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}
/* 结束处理三大列的部分。*/
/* 页脚栏的设置,这里是 xoops 版权声明所在。*/
tr#footerbar {text-align:center; background-image: url(hbar.gif);}
/* 主菜单的设置。*/
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;}
/* 用来绘制同质表格的样式。*/
/* 在xoops.org 维基中的单独页面中描述。*/
.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;}
/* 不在默认中包含。*/
/* 针对论坛标题的样式定制,需要编辑 newbb_index.html 模板。*/
.outerhead{}
.outerhead a{font-size: 12px; color : #FFFFFF;}
.outerhead a:hover{}
/* 不确定特殊系统消息可能”。*/
/* 我保留默认值。*/
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 { 背景颜色: #DDFFDF; 文字颜色: #136C99; 文本居中; 上边框: 1px 实线 #DDDDFF; 左边框: 1px 实线 #DDDDFF; 右边框: 1px 实线 #AAAAAA; 下边框: 1px 实线 #AAAAAA; 字体粗细: 加粗; 内边距: 10px;}
div.resultMsg { 背景颜色 : #CCCCCC; 文字颜色: #333333; 文本居中; 上边框: 1px 实线 银色; 左边框: 1px 实线 银色; 字体粗细: 加粗; 右边框: 1px 实线 #666666; 下边框: 1px 实线 #666666; 内边距: 10px;}
/* 在论坛帖子中插入代码时的设置 */
div.xoopsCode { 背景: #FFFFFF; 边框: 1px 嵌入 #000080; 字体系列: "Courier New",Courier,等宽字体; 内边距: 0px 6px 6px 6px;}
/* 在论坛帖子中引用时的设置 */
div.xoopsQuote { 背景: #FFFFFF; 边框: 1px 嵌入 #000080; 字体系列: "Courier New",Courier,等宽字体; 内边距: 0px 6px 6px 6px;}
/* 评论系统的样式 */
.comTitle {字体粗细: 加粗; 底边距: 2px;}
.comText {内边距: 2px;}
.comUserStat {字体大小: 10px; 文字颜色: #2F5376; 字体粗细: 加粗; 边框: 1px 实线 银色; 背景颜色: #ffffff; 边距: 2px; 内边距: 2px;}
.comUserStatCaption {字体粗细: 正常;}
.comUserStatus {左边距: 2px; 上边距: 10px; 文字颜色: #2F5376; 字体粗细: 加粗; 字体大小: 10px;}
.comUserRank {边距: 2px;}
.comUserRankText {字体大小: 10px; 字体粗细: 加粗;}
.comUserRankImg {边框: 0px;}
.comUserName {}
.comUserImg {边距: 2px;}
.comDate {字体粗细: 正常; font-style: italic; 字体大小: smaller}
.comDateCaption {字体粗细: 加粗; font-style: normal;}
有没有类似此FAQ但针对theme.html文件的条目?
这对初学者很有用。