ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

css スタイルシートの文字食の変え方

日時: 2010/10/29 22:04
識別: IDsGWpe3O17zs
名前: まるみ
参照: 食ではなく色ですごめんなさい

クイックを使って統一のとれたサイトを考えてます
せめて文字の色を変えたい
(黒色なので、グリーンなどに)

タグをのせて(長くなってて)しまって申し訳ないのですが
教えていただけないでしょうか?
お願いいたします


/*- themeid=hpb9tm01_6; --------------------------------*/
/*-------------------- body --------------------*/

.hpb-body1 {
color: #548989;
font-size: 80%;
}

.hpb-body2 {
color: #444444;
}

.hpb-body3 {
color: #444444;
font-size: 80%;
}

.hpb-body4 {
color: #548989;
font-size: 205%;
font-style: normal;
line-height: 22px;
font-weight: normal;
font-variant: normal;
}

.hpb-body5 {
}

/*-------------------- bullet --------------------*/

.hpb-bul1 {
color: #cc6600;
}

.hpb-bul2 {
color: #cc6600;
font-size: 80%;
}

/*-------------------- maintable --------------------*/

.hpb-main {
}

/*-------------------- contents --------------------*/

.hpb-cnt-cell1 {
background-color: #a0d6d1;
}

.hpb-cnt-cell2 {
background-color: #f8ffe8;
}

.hpb-cnt-cell3 {
color: #548989;
font-size: 80%;
}

.hpb-cnt-cell3-x {
color: #333333;
font-size: 80%;
background: #98CDA7;
border-top: 0px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.hpb-cnt-cell4 {
background-color: #a0d6d1;
}

.hpb-cnt-cell5 {
background: #F8FFE8;
color: #548989;
font-size: 80%;
}

.hpb-cnt-cell6 {
background: #F8FFE8;
color: #548989;
font-size: 80%;
}

.hpb-cnt-cell7 {
background: #F8FFE8;
}

.hpb-cnt-tb-cell1 {
color: #548989;
background-color: #dff7e2;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell2 {
color: #548989;
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell3 {
color: #548989;
background-color: #dff7e2;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell4 {
color: #548989;
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
font-size: 80%;
}

.hpb-cnt-tb-cell5 {
color: #548989;
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 1px 0px;
font-size: 80%;
}

/*-------------------- design table --------------------*/

.hpb-cnt-tb-th1 {
color: #548989;
background-color: #bfe1c7;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-cnt-tb-th2 {
color: #548989;
background-color: #bfe1c7;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
font-size: 80%;
}

.hpb-cnt-tb1 {
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 1px 0px 0px 1px;
}

.hpb-cnt-tb2 {
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
}

.hpb-cnt-tb3 {
background-color: #ffffff;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 0px 0px 0px;
}

/*-------------------- column --------------------*/

.hpb-colm0 {
}

.hpb-colm0-cell1 {
color: #548989;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-size: 80%;
font-weight: bold;
}

.hpb-colm0-cell2 {
color: #548989;
font-size: 80%;
}

.hpb-colm1 {
}

.hpb-colm1-cell1 {
color: #548989;
background-color: #e6f0e6;
border-color: #728aa7 #728aa7 #728aa7 #728aa7;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
font-size: 80%;
font-weight: bold;
}

.hpb-colm1-cell2 {
color: #548989;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
font-size: 80%;
}

.hpb-colm2 {
}

.hpb-colm2-cell1 {
color: #548989;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid none solid;
border-width: 1px 1px 1px 1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-size: 80%;
font-weight: bold;
}

.hpb-colm2-cell2 {
color: #548989;
border-color: #548989 #548989 #548989 #548989;
border-style: none solid solid solid;
border-width: 1px 1px 1px 1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-size: 80%;
}

/*------------------- Mount --------------------*/
/* style */
.hpb-lay-mount1 {
/*border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;*/
font-size: 80%;
}

.hpb-lay-mount2 {
padding: 4px 4px 4px 4px;
color: #548989;
background-color: #dff7e2;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

.hpb-lay-mount3 {
padding: 0px 4px 4px 0px;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

/*-------------------- head --------------------*/

.hpb-head {
}

.hpb-head-cell1 {
color: #ffffff;
background-color: #adc96d;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 95%;
font-weight: bold;
}

.hpb-head-cell2 {
background-color: #62a483;
}

.hpb-head-tb1 {
}

.hpb-head-tb1-cell1 {
}

.hpb-head-tb1-cell2 {
color: #2c562c;
font-size: 80%;
}

/*-------------------- horizontal rule --------------------*/

.hpb-hr01 {
margin-top: 7px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}

.hpb-hr01-cell1 {
background-image : url(01hr01.gif);
background-repeat: repeat-x;
font-size: 80%;
font-weight: bold;
}

.hpb-hr02 {
}

.hpb-hr02-cell1 {
border-bottom: 1px solid #548989;

}

.hpb-hr02-cell2 {
border-bottom: 1px dashed #548989;
}

.hpb-hr02-cell3 {
}

/*-------------------- list --------------------*/

.hpb-list1 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 16px;
list-style-image : url(01bul25.gif);
list-style-position: outside;
list-style-type: none;
}

/*-------------------- side --------------------*/

.hpb-side-cell1 {
background-color: #62a483;
}

.hpb-side-cell2 {
background-color: #98cda7;
}

.hpb-side-cell3 {
color: #548989;
background-color: #98cda7;
font-size: 80%;
}

.hpb-side-cell4 {
background-color: #62a483;
}

.hpb-side-tb1 {
}

.hpb-side-tb1-cell1 {
}

.hpb-side-tb1-cell2 {
}

.hpb-side-tb1-cell3 {
}

.hpb-side-tb1-cell4 {
}

.hpb-side-tb1-cell5 {
}

.hpb-side-tb1-cell6 {
}

.hpb-side-tb1-cell7 {
}

/*-------------------- subhead --------------------*/

.hpb-subh01 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 7px;
}

.hpb-subh01-cell1 {
color: #548989;
background-image : url(01subh04.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 80%;
font-weight: bold;
}

.hpb-subh02 {
}

.hpb-subh02-cell1 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
border: none;
padding: 3px 3px 3px 7px;
}

.hpb-subh02-cell2 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
padding: 3px 3px 3px 7px;
}

.hpb-subh02-cell3 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
padding: 3px 7px 3px 3px;
}

.hpb-subh02-cell4 {
font-size: 80%;
font-weight: bold;
padding: 3px 3px 3px 7px;
border-right: 1px solid #D0EBED;
border-bottom: 1px solid #D0EBED;
}

.hpb-subh02-cell5 {
}

.hpb-subh02-cell6 {
}

.hpb-subh03 {
color: #548989;
font-size: 80%;
font-weight: bold;
background: #D0EBED;
padding: 3px 3px 3px 7px;
}
.hpb-subh04 {
font-size: 80%;
font-weight: bold;
padding: 3px 3px 3px 7px;
}
.hpb-subh05 {
font-size: 80%;
height: 15px;
}

/*-------------------- layout base --------------------*/

.hpb-lb-tb1 {
width: 610px;
background: #F8FFE8;
border-top: 1px none;
border-right: 0px solid #ffffff;
border-bottom: 0px none;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb1-cell1 {
font-size: 80%;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 14px;
width: 204px;
}

.hpb-lb-tb1-cell2 {
width: 406px;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb1-cell3 {
padding-left: 27px;
padding-right: 2px;
font-size: 80%;
line-height: 14px;
}

.hpb-lb-tb1-cell4 {
font-size: 100%;
font-weight: bold;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 13px 14px;
}

.hpb-lb-tb1-cell5 {
}

.hpb-lb-tb1-cell6 {
}

.hpb-lb-tb1-cell7 {
}

.hpb-lb-tb1-cell8 {
}

.hpb-lb-tb2 {
width: 453px;
background: #F8FFE8;
border-top: 1px none;
border-right: 0px solid #ffffff;
border-bottom: 0px none;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb2-cell3 {
padding-left: 27px;
padding-right: 2px;
font-size: 80%;
line-height: 14px;
}

.hpb-lb-tb2-cell4 {
font-size: 100%;
font-weight: bold;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 13px 14px;
}

.hpb-lb-tb3 {
width: 603px;
background: #F8FFE8;
border-top: 1px none;
border-right: 0px solid #ffffff;
border-bottom: 0px none;
border-left: 0px solid #FFFFFF;
}

.hpb-lb-tb3-cell3 {
padding-left: 27px;
padding-right: 2px;
font-size: 80%;
line-height: 14px;
}

.hpb-lb-tb3-cell4 {
font-size: 100%;
font-weight: bold;
line-height: 16px;
color: #548989;
background-color: #CAE197;
padding: 13px 14px;
}

.hpb-lb-tb4{
}

/*-------------------- design parts--------------------*/

.hpb-dp-tb1 {
}

.hpb-dp-tb1-cell1 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
background-color: #ffffff;
}

.hpb-dp-tb1-cell2 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-dp-tb1-cell3 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
}

.hpb-dp-tb1-cell4 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-dp-tb1-cell5 {
font-size: 80%;
line-height: 16px;
border: 1px dashed #548989;
}

.hpb-dp-tb2 {
}

.hpb-dp-tb2-cell1 {
background: #BFE1C7;
border-right: 1px solid #548989;
font-size: 80%;
line-height: 16px;
font-weight: bold;
padding: 10px 7px;
color: #548989;
}

.hpb-dp-tb2-cell2 {
border-right: 1px solid #548989;
font-size: 80%;
line-height: 16px;
padding-right: 7px;
padding-left: 7px;
padding-top: 7px;
}

.hpb-dp-tb2-cell3 {
font-size: 80%;
line-height: 16px;
border-right: 1px solid #548989;
padding: 7px 7px 7px 14px;
}

.hpb-dp-tb2-cell4 {
border-right: 1px solid #548989;
}

.hpb-dp-tb2-cell5 {
}

.hpb-dp-tb3 {
}

.hpb-dp-tb3-cell1 {
border: 1px solid #548989;
}

.hpb-dp-tb3-cell2 {
}

.hpb-dp-tb3-cell3 {
}

.hpb-dp-tb4 {
}

.hpb-dp-tb4-cell1 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell2 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell3 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell4 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
border-top: 1px solid #548989;
}

.hpb-dp-tb4-cell5 {
font-size: 80%;
line-height: 16px;
padding: 14px;
}

.hpb-dp-tb4-cell6 {
font-size: 80%;
line-height: 16px;
}

.hpb-dp-tb4-cell7 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border: 1px solid #548989;
}

.hpb-dp-tb4-cell8 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border: 1px dashed #548989;
}

.hpb-dp-tb4-cell9 {
font-size: 80%;
line-height: 16px;
padding: 14px;
}

.hpb-dp-tb4-cell10 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;

}

.hpb-dp-tb4-cell11 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-dp-tb4-cell12 {
font-size: 80%;
line-height: 16px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-dp-tb4-cell13 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-right: 1px solid #548989;
border-bottom: 1px solid #548989;
}

.hpb-dp-tb4-cell14 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-dp-tb5 {
}

.hpb-dp-tb5-cell1 {
font-size: 80%;
line-height: 16px;
border-right: 1px solid #548989;
border-bottom: 1px solid #548989;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
}

.hpb-dp-tb5-cell2 {
font-size: 80%;
line-height: 16px;
}

.hpb-dp-tb5-cell3 {
}

.hpb-dp-tb5-cell4 {
}

.hpb-dp-tb5-cell5 {
font-size: 80%;
line-height: 16px;
padding: 14px;
background: #BFE1C7;
color: #548989;
}

.hpb-dp-tb5-cell6 {
font-size: 80%;
line-height: 16px;
border-left: 1px solid #548989;
border-top: 1px solid #548989;
padding-right: 7px;
padding-top: 7px;
padding-left: 7px;
}

.hpb-dp-tb6{
width:9px;
}
.hpb-dp-tb7{
font-size: 80%;
line-height: 16px;
padding: 14px;
}
.hpb-dp-tb8{
width:9px;
}
.hpb-dp-tb9{
}
.hpb-dp-tb9-ph{
}

/*-------------------- calendar --------------------*/

.hpb-ca-tb1 {
}

.hpb-ca-tb1-cell1 {
background: #e6e6e6;
color: #548989;
font-size: 80%;
border-top: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-ca-tb1-cell2 {
font-size: 80%;
background: #BFE1C7;
font-weight: bold;
color: #548989;
border-left: 0px solid #548989;
border-top: 1px solid #548989;
}

.hpb-ca-tb1-cell3 {
font-size: 80%;
background: #BFE1C7;
font-weight: bold;
color: #548989;
border-left: 0px solid #548989;
border-top: 1px solid #548989;
}

.hpb-ca-tb1-cell4 {
font-size: 80%;
background: #DFF7E2;
border-bottom: 1px solid #548989;
border-left: 1px solid #548989;
border-right: 1px solid #548989;
}

.hpb-ca-tb1-cell5 {
font-size: 80%;
background: #ffffff;
border-bottom: 1px solid #548989;
border-right: 1px solid #548989;
height: 85px;
}

.hpb-ca-tb1-cell6 {
font-size: 80%;
background: #ffffff;
border-bottom: 1px solid #548989;
height: 85px;
border-right: 1px solid #548989;
}

.hpb-ca-tb1-cell7 {
}

.hpb-ca-tb1-cell8 {
}

.hpb-ca-tb1-cell9 {
}

.hpb-ca-tb1-cell10 {
}

.hpb-ca-tb1-cell11 {
}

.hpb-ca-tb1-cell12 {
}

.hpb-ca-tb1-cell13 {
}

.hpb-ca-tb1-cell14 {
}

.hpb-ca-tb1-cell15 {
}

.hpb-ca-tb1-cell16 {
}

.hpb-ca-tb1-cell17 {
}

.hpb-ca-tb1-cell18 {
}

.hpb-ca-tb1-cell19 {
}

.hpb-ca-tb1-cell20 {
}

.hpb-ca-tb1-cell21 {
}

.hpb-ca-tb1-cell22 {
}

.hpb-ca-tb2 {
}

.hpb-ca-tb2-cell1 {
font-size: 80%;
font-weight: bold;
color: #dd6666;
}

.hpb-ca-tb2-cell2 {
font-size: 80%;
font-weight: bold;
color: #868686;
}

.hpb-ca-tb2-cell3 {
font-size: 80%;
font-weight: bold;
color: #8080F3;
}

.hpb-ca-tb2-cell4 {
}

.hpb-ca-tb2-cell5 {
}

.hpb-ca-tb2-cell6 {
}

.hpb-ca-tb2-cell7 {
}

.hpb-ca-tb2-cell8 {
}

.hpb-ca-tb2-cell9 {
}

.hpb-ca-tb3 {
}

.hpb-ca-tb3-cell1 {
}

.hpb-ca-tb3-cell2 {
}

.hpb-ca-tb3-cell3 {
}

/*-------------------- Schedule --------------------*/

.hpb-sc-tb1 {
}

.hpb-sc-tb1-cell1 {
background: #BFE1C7;
color: #548989;
font-size: 80%;
border-top: 1px solid #548989;
border-left: 1px solid #548989;
}

.hpb-sc-tb1-cell2 {
font-size: 80%;
background: #BFE1C7;
font-weight: bold;
color: #548989;
border-top: 1px solid #548989;
}

.hpb-sc-tb1-cell3 {
font-size: 80%;
background: #ffffff;
font-weight: bold;
color: #548989;
border-top: 1px solid #548989;
}

.hpb-sc-tb1-cell4 {
font-size: 80%;
border-bottom: 1px solid #548989;
font-weight: bold;
}

.hpb-sc-tb1-cell5 {
font-size: 80%;
border-bottom: 1px solid #548989;
height: 30px;
font-weight: bold;
color: #868686;
}

.hpb-sc-tb1-cell6 {
font-size: 80%;
border-bottom: 1px solid #548989;
height: 30px;
font-weight: bold;
color: #dd6666;
}

.hpb-sc-tb1-cell7 {
font-size: 80%;
border-bottom: 1px solid #548989;
height: 30px;
}

.hpb-sc-tb1-cell8 {
}

.hpb-sc-tb1-cell9 {
}

.hpb-sc-tb1-cell10 {
}

/*-------------------- Links --------------------*/

.hpb-li-tb1 {
}

.hpb-li-tb1-cell1 {
font-size: 80%;
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 1px solid #548989;
}

.hpb-li-tb1-cell2 {
font-size: 80%;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
border-bottom: 1px solid #548989;
}

.hpb-li-tb1-cell3 {
}

/*-------------------- vertical menu --------------------*/

.hpb-vmenu1 {
width: 150px;
}


.hpb-vmenu1-head {
background-color: #98CDA7;
}

.hpb-vmenu1-foot{
background-color: #98CDA7;
}

.hpb-vmenu1-hil {
color: #ffffff;
background-color: #7bbf8e;
font-size: 80%;
font-weight: bold;
}


.hpb-vmenu1-plain {
color: #FFFFFF;
background-color: #98CDA7;
font-size: 80%;
font-weight: bold;
}

.hpb-vmenu1-idle1 {
color: #FFFFFF;
background: #98CDA7;

}

.hpb-vmenu1-idle2 {
color: #FFFFFF;
background: #98CDA7;
background-image : url(c1.gif);
background-repeat: no-repeat;
background-position: left center;
}

.hpb-vmenu1-link0:link {
color: #ffffff;
text-decoration: none;
}

.hpb-vmenu1-link0:visited {
color: #ffffff;
text-decoration: none;
}

.hpb-vmenu1-link0:hover {
color: #ffffff;
text-decoration: underline;
}

.hpb-vmenu1-link1:link {
color: #ffffff;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link1:visited {
color: #f8ebfc;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link1:hover {
color: #ffffff;
font-size: 80%;
text-decoration: underline;
}

.hpb-vmenu1-link2:link {
color: #ffffff;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link2:visited {
color: #f8ebfc;
font-size: 80%;
text-decoration: none;
}

.hpb-vmenu1-link2:hover {
color: #ffffff;
font-size: 80%;
text-decoration: underline;
}

/*-------------------- horizontal menu --------------------*/

.hpb-hmenu1 {
}


.hpb-hmenu1-hil {
color: #5f9c9c;
font-size: 80%;
font-weight: bold;
padding-right: 13px;
padding-left: 13px;
}


.hpb-hmenu1-plain {
font-size: 80%;
color: #548989;
padding-right: 13px;
padding-left: 13px;
}

.hpb-hmenu1-idle1 {
padding-right: 13px;
padding-left: 13px;
}

.hpb-hmenu1-idle2 {
padding-right: 13px;
padding-left: 13px;
background-image : url(c1.gif);
background-repeat: no-repeat;
background-position: left center;
}

.hpb-hmenu1-link0:link {
color: #5f9c9c;
text-decoration: none;
}

.hpb-hmenu1-link0:visited {
color: #5f9c9c;
text-decoration: none;
}

.hpb-hmenu1-link0:hover {
color: #5f9c9c;
text-decoration: underline;
}

.hpb-hmenu1-link1:link {
color: #548989;
font-size: 80%;
text-decoration: none;
}

.hpb-hmenu1-link1:visited {
color: #c982d0;
font-size: 80%;
text-decoration: blink;
}

.hpb-hmenu1-link1:hover {
color: #548989;
font-size: 80%;
text-decoration: underline;
}

.hpb-hmenu1-link2:link {
color: #548989;
font-size: 80%;
text-decoration: none;
}

.hpb-hmenu1-link2:visited {
color: #c982d0;
font-size: 80%;
text-decoration: none;
}

.hpb-hmenu1-link2:hover {
color: #548989;
font-size: 80%;
text-decoration: underline;
}

.hpb-hmenu2 {
}

.hpb-hmenu2-hil {
color: #a4a4a4;
font-size: 70%;
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-plain {
font-size: 70%;
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-idle1 {
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-idle2 {
background-image : url(c1.gif);
background-repeat: no-repeat;
background-position: left center;
padding-right: 10px;
padding-left: 10px;
}

.hpb-hmenu2-link0:link {
color: #a4a4a4;
font-size: 90%;
text-decoration: none;
}

.hpb-hmenu2-link0:visited {
color: #a4a4a4;
font-size: 90%;
text-decoration: none;
}

.hpb-hmenu2-link0:hover {
color: #a4a4a4;
font-size: 90%;
text-decoration: underline;
}

.hpb-hmenu2-link1:link {
color: #a4a4a4;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link1:visited {
color: #ec7dcb;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link1:hover {
color: #a4a4a4;
font-size: 70%;
text-decoration: underline;
}

.hpb-hmenu2-link2:link {
color: #a4a4a4;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link2:visited {
color: #ec7dcb;
font-size: 70%;
text-decoration: none;
}

.hpb-hmenu2-link2:hover {
color: #a4a4a4;
font-size: 70%;
text-decoration: underline;
}

/*-------------------- content menu --------------------*/

.hpb-vmenuc1 {
}

.hpb-vmenuc1-hil {
}

.hpb-vmenuc1-plain {
font-size: 80%;
padding-top: 3px;
padding-bottom: 3px;
}

.hpb-vmenuc1-idle1 {
padding-top: 3px;
padding-bottom: 3px;
}

.hpb-vmenuc1-idle2 {
padding-left: 12px;
padding-top: 3px;
padding-bottom: 3px;
}

.hpb-vmenuc1-link0:link {
}

.hpb-vmenuc1-link0:visited {
}

.hpb-vmenuc1-link0:hover {
}

.hpb-vmenuc1-link1:link {
font-size: 80%;
}

.hpb-vmenuc1-link1:visited {
font-size: 80%;
}

.hpb-vmenuc1-link1:hover {
font-size: 80%;
}

.hpb-vmenuc1-link2:link {
font-size: 80%;
}

.hpb-vmenuc1-link2:visited {
font-size: 80%;
}

.hpb-vmenuc1-link2:hover {
font-size: 80%;
}

.hpb-hmenuc1 {
}

.hpb-hmenuc1-hil {
}

.hpb-hmenuc1-plain {
padding-right: 8px;
padding-left: 8px;
font-size: 80%;
}

.hpb-hmenuc1-idle1 {
padding-right: 8px;
padding-left: 8px;
}

.hpb-hmenuc1-idle2 {
padding-right: 8px;
padding-left: 8px;
}

.hpb-hmenuc1-link0:link {
}

.hpb-hmenuc1-link0:visited {
}

.hpb-hmenuc1-link0:hover {
}

.hpb-hmenuc1-link1:link {
font-size: 80%;
}

.hpb-hmenuc1-link1:visited {
font-size: 80%;
}

.hpb-hmenuc1-link1:hover {
font-size: 80%;
}

.hpb-hmenuc1-link2:link {
font-size: 80%;
}

.hpb-hmenuc1-link2:visited {
font-size: 80%;
}

.hpb-hmenuc1-link2:hover {
font-size: 80%;
}

/*-------------------- element type --------------------*/

A:LINK {
color: #0000ff;
text-decoration: none;
}

A:VISITED {
color: #990099;
text-decoration: none;
}

A:HOVER {
color: #0000ff;
text-decoration: underline;
}

BODY {
color: #548989;
background-color: #f8ffe8;
background-image: none;
background-repeat: no-repeat;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
font-size: 80%;
}

H1 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 140%;
font-weight: bold;
}

H2 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 135%;
font-weight: bold;
}

H3 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 125%;
font-weight: bold;
}

H4 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 119%;
font-weight: bold;
}

H5 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 110%;
font-weight: bold;
}

H6 {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 100%;
font-weight: bold;
}

ADDRESS {
color: #1b9dc9;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

BLOCKQUOTE {
color: #1b9dc9;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
margin-left: 15px;
}

P {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-weight: normal;
}

PRE {
color: #1b9dc9;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

UL {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 16px;
list-style-image : url(01bul25.gif);
list-style-position: outside;
list-style-type: none;
}

TH {
color: #548989;
background-color: #bfe1c7;
border-color: #548989 #548989 #548989 #548989;
border-style: solid solid solid solid;
border-width: 0px 1px 1px 0px;
font-size: 80%;
}

SELECT {
color: #548989;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-weight: normal;
}

Re: css スタイルシートの文字色の変え方 ( No.1 )
日時: 2010/10/30 15:05
名前: nn

「クイック」ってのはよく知りませんが、該当するセレクタのcolor属性の値を好みの色にするだけです。

スタイルシートマネージャーでやるなら、「色と背景」の「前景色」です。
https://hpbuilder.net/hpbuilder5.htm

「該当するセレクタ」がわからないということでしたら、スタイルシートの解説サイト等である程度の知識を身につける必要があるかと思います。


該当ページのURIを提示して、どこの部分の色を変えたいのか書けば、手っ取り早く変更箇所を教えてくれる人がいるかもしれません。
Re: css スタイルシートの文字食の変え方 ( No.2 )
日時: 2010/11/03 21:18
名前: まるみ

スタイルシートマネージャーでやるなら、「色と背景」の「前景色」

わかりました
全体に変えるやり方はまだわかりませんが
部分的に変えることはできました
ありがとうございます

クイックは既にレイアウトができていていいのですが
modifyがあまりできません…
またよろしくお願いいたします

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved