初めて、XOOPSでサイトを作成しています。
早速ですが、XOOPSのサイトよりFCT_Isometric のテーマを使用作成中ですが、タイトル名
とサブタイトルの文字を明朝体に変更し、文字の大きさも変更、又ロゴが挿入できればと思い、下記の所を変更してみましたが、ロゴは挿入できるのですが、背景の色が変わってしまいました。どこを変更すればよいのか、行き詰まっています。
ご指導をお願い致します。
body {
margin: 0; padding: 0; background: #FFFFFF url(images/img1.gif) repeat-x; text-align: justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #8F8F8F;
}
テーマのstyle.cssは下記のようになっています。
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
/
body {
margin: 0; padding: 0; background: #FFFFFF url(images/img1.gif) repeat-x; text-align: justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #8F8F8F;
}
h2, h3, h4, h5, h6 {
margin: 0;
}
h2 {
text-transform: lowercase; letter-spacing: -1px; font-size: 26px; color: #31576F;
}
h2 em {
font-weight: bold;
}
h3 {
padding: 13px 0 0 20px; font-size: 20px;
}
p {
line-height: 170%;
}
ul, ol {
margin: 0; padding: 0; line-height: 160%;
}
#colL li,
#colR li {
margin: 0 0 0 2em;
}
a {
color: #6B6B6B;
}
a:hover {
text-decoration: none;
}
a img,
img {
border: none;
}
.image {
float: left; margin: 0 20px 0 0;
}
.bg1 {
border-top: 1px solid #FFFFFF; background: #FFFFFF url(images/img4.gif) repeat-x;
}
.bg2 {
padding: 20px; border-top: 1px solid #CBE1EF; background: #FFFFFF url(images/img4.gif) repeat-x;
}
/* Header */
#header {
width: 892px; height: 160px; margin: 0 auto; position: relative;
}
#header * {
margin: 0; padding: 0; text-transform: lowercase; color: #FFFFFF;
}
#header h1 {
float: left; font-size: 32px; position: absolute; top: 60px; left: 10px;
}
#header h1 a {
text-decoration: none;
}
#header h2 {
float: left; font-size: 11px; font-weight: normal; position: absolute; top: 99px; left: 10px;
}
#header ul {
float: right; margin: 0; padding: 82px 0 0 0; list-style: none;
}
#header li {
display: inline;
}
#header ul li a {
display: block; float: left; height: 25px; margin: 0 0 0 8px; padding: 12px 20px 0 20px; background: #ABBA47 url(images/img2.gif) repeat-x; text-decoration: none; font-weight: bold;
}
/* Content */
#content {
width: 892px; margin: 0 auto;
}
#colL {
float: left; width: 186px;
}
#colR {
float: right; width: 186px;
}
#colL ul {
padding-left: 0; list-style: none none outside;
}
#colCL0R0 {
float: left; width: 892px;
}
#colCL1R0 {
float: left; width: 686px;
}
#colCL1R1 {
float: left; width: 480px; margin: 0 0 0 20px;
}
#colCL0R1 {
float: left; width: 686px;
}
/* Footer */
#footer {
clear: both; width: 892px; margin: 0 auto; padding: 30px 0; background: url(images/img7.gif) repeat-x;
}
#footer p {
margin: 0; text-align: center; text-transform: lowercase;
}
#theme_breadcrumbs {
height: 8px; padding-top: 8px;
}
.BlockTitle {
height: 25px; background: #0077A7 url(images/img3.gif) repeat-x left bottom; padding: 13px 0 0 20px; text-transform: lowercase; font-size: 11px; color: #FFFFFF;
}
#colOne .BlockContent {
margin-bottom: 5px;
}
#colTwo .BlockContent {
padding: .5em 1.2em; margin-bottom: 1em;
}
.CenterLblock,
.CenterLblockBottom {
width: 48%; margin: 0 0 1.2em 5px; float: left;
}
.CenterRblock,
.CenterRblockBottom {
width: 48%; margin: 0 5px 1.2em 0; float: right;
}
#CenterCColumn,
#CenterCColumnBottom {
clear: both;
}
/* XOOPS Main Menu */
#mainmenu, #usermenu {
margin:0; padding:0; text-align:left;
}
#mainmenu li,
#usermenu li,
{
margin: 0; padding: 0;
}
#mainmenu ul,
#usermenu ul
{
margin:0; padding:0;
}
#mainmenu a {
display: block; border: 1px #ABBA47 solid; border-left: 5px #ABBA47 solid; text-decoration: none; margin: 1px 0; background-color: #fff; color: #ABBA47;
}
#mainmenu a.menuTop {
padding: 7px;
}
#mainmenu a.menuMain {
padding: 7px;
}
#mainmenu a.menuSub {
padding: 3px 3px 3px 13px; border: 1px #ABBA47 solid; margin: 1px 0;
}
#mainmenu a:hover {
color: #fff; background-color: #ABBA47; border: 1px #ABBA47 solid; border-left: 5px #0077A7 solid;
}
#usermenu a {
display: block; border-bottom: #aaa solid 1px; margin:0 5px; padding: 5px; text-decoration: none;
}
#usermenu a.menuTop {}
#usermenu a.highlight {
border-bottom: #c66 solid 1px;
}
#usermenu a:hover {
/*background-color: #fff;*/ border-bottom: #334 solid 1px;
}
/* XOOPS table */
table {
width: 100%; margin: 0; padding: 0;
}
td {
padding: 8px; vertical-align: top;
}
html td {
font-size: 0.9em;
} /* IE6 */
.outer {
/* border: 1px #bda solid;*/
}
.head {
background-color: #f0f0f0; padding: 5px; font-weight: bold;
}
tr.even td,
.even {
background-color: #f9f9f9; padding: 5px;
}
tr.odd td,
.odd {
background-color: #fbfbfb; padding: 5px;
}
.foot {
padding: 5px;
}
/* XOOPS item */
.item {}
.itemHead {
padding: 10px; background-color: #f3f3f3; border: color: #000000; height: 100%; border-bottom: 1px #f0f0f0 solid;
}
.itemInfo {
text-align: right; padding: 3px; background-color: #f9f9f9; color: #333333; font-size: 85%;
}
.itemTitle a {
font-weight: bold; font-variant: small-caps; color: #000000; background-color: transparent;
}
.itemPoster {
}
.itemPostDate {
}
.itemStats {
}
.itemBody {
padding: 1em; line-height: 170%;
}
.itemText {
margin-top: 5px; margin-bottom: 5px;
}
.itemText:first-letter {}
.itemFoot {
text-align: right; padding: 3px; background-color: #f8f9fa; font-size: 85%;
}
.itemAdminLink {
font-size: 90%;
}
.itemPermaLink {
font-size: 90%;
}
/* XOOPS Error Msg */
div.errorMsg {
background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAff; border-bottom: 1px solid #AAAAff; 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 #AAAAff; border-bottom: 1px solid #AAAAff; font-weight: bold; padding: 10px;
}
div.resultMsg {
background-color : #CCCCfc; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #822666; border-bottom: 1px solid #822666; padding: 10px;
}
/* XOOPS Code & Quote */
div.xoopsCode {
background: #FAFAFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
background-color:#FAFAFF; border: #336699 solid 1px; padding: 3px;
}
/* XOOPS com */
.comTitle {
font-weight: bold; margin-bottom: 2px;
}
.comText {
padding: 2px;
}
.comUserStat {
font-size: 85%; 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: 80%;
}
.comUserRank {
margin: 2px;
}
.comUserRankText {
font-size: 80%;font-weight:bold;
}
.comUserRankImg {
border: 0;
}
.comUserName {}
.comUserImg {
margin: 2px;
}
.comDate {
font-weight: normal; font-style: italic; font-size: smaller;
}
.comDateCaption {
font-weight: bold; font-style: normal;
}
#theme_breadcrumbs {
position: relative; top: -1.3em;
}
#BacktoCTop {
font-size: 100%; margin: 1.2em; clear: both;
}
#BacktoTop {
text-align: right; font-size: 100%; padding-right: 5px;
}
#Copyright,
#Copyright p {
font-size: 10px; text-align: right; margin: 0 auto; padding: 2em 1em; width: 900px;
}
#Copyright,
#Copyright p,
#Copyright p span,
#Copyright a {
text-decoration: none; background-color: transparent; color: #eeeeee;
}
/* Classes */
.fcRed {color: red}
.fcBlue {color: blue}
.fcPink {color: hotpink}
.fcGreen {color: green}
.fcOrange {color: orange}