Movable Type의 Main Menu > yongsang's weblog Editing Menu > List Templates > Edit Template 에서 Template Name Stylesheet의 내용입니다.
맨처음 설치하고나서 호찬님과 진호님의 스타일 시트 내용을 흉내내보았는데 스타일에 대한 지식이 없다보니 잘못 만져서 꼬여버리고 말았습니다. 하는 수 없이 얼마전에 디폴트셋팅으로 돌리고 난 뒤 Stylesheet에 대해 공부하면서 개털님의 Stylesheet등을 참고로 해서 일단 현재와 같은 모습으로 만들었습니다.
스타일을 적용하니 한꺼번에 글꼴이나 색깔이 변하는게 신기하고 재미있더군요. ^^
주석처리한 것은 원래의 내용이고 추가한 것에는 추가라는 설명을 붙였습니다.
A { color: #ff6600; text-decoration: none; } /*{ color: #003366; text-decoration: underline; }*/
A:link{ color: #ff6600; text-decoration: none; } /*{ color: #003366; text-decoration: underline; }*/
A:visited{ color: #CC0000; text-decoration: none; } /*{ color: #003366; text-decoration: underline; }*/
A:active{ color: #ff6600; text-decoration: underline; } /*{ color: #999999; }*/
A:hover{ text-decoration: underline; } /*{ color: #999999; }*/
h1, h2, h3 {
margin: 0px;
padding: 0px;
}
#banner {
font-family:굴림,/*추가*/ palatino, georgia, verdana, arial, sans-serif;
color:#222222; /*color:#333;*/
font-size:13pt;/*font-size:x-large;*/
font-weight:normal;
padding:20px; /*padding:15px;*/
/*border-top:4px double #444444;*/
}
#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family:굴림,/*추가*/ palatino, georgia, verdana, arial, sans-serif;
font-size: 20pt;/*font-size: xx-large;*/
color: #222222;/*color: #333;*/
text-decoration: none;
}
.description {
font-family:굴림,/*추가*/ palatino, georgia, times new roman, serif;
color:#222222;/*color:#333;*/
font-size:9pt;/*font-size:small;*/
font-weight:bold;/*추가*/
text-transform:none;
}
#content {
/*position:absolute;*/
background:#FFF;
/*margin-right:20px;*/
/*margin-left:225px;*/
margin-bottom:20px;
border-right:1px solid #999;/*border:1px solid #FFF;*/
float:left;/*추가*/
width:65%;
}
#container {
/*background:#FFF;*/
/*border:1px solid #FFF;*/
}
#menu {
margin-bottom:15px;
background:#FFF;
text-align:center;
}
.blog {
/*padding:15px;*/
padding-left:20px;/*추가*/
padding-top:10px;/*추가*/
padding-right:15px;/*추가*/
padding-bottom:10px;/*추가*/
background:#FFF;
}
.date {
font-family:palatino, georgia, times new roman, serif;
font-size: 11pt;/*font-size: large;*/
color: #444444;/*color: #333;*/
/*border-bottom:1px solid #999;*/
margin-bottom:10px;
font-weight:bold;
text-decoration: underline;/*추가*/
}
.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
font-weight: normal;
text-decoration: underline;
}
.blogbody {
font-family:굴림,/*추가*/ palatino, georgia, verdana, arial, sans-serif;
color:#222222;/*color:#333;*/
font-size:9pt;/*font-size:small;*/
font-weight:normal;
background:#FFF;
line-height:140%;/*line-height:200%;*/
padding-left:20px;/*추가*/
padding-top:10px;/*추가*/
padding-right:10px;/*추가*/
}
.title {
font-family:굴림,/*추가*/ palatino, georgia, times new roman, serif;
font-size: 10pt;/*font-size: medium;*/
color: #444444;/*color: #666;*/
font-weight:bold;/*추가*/
}
.posted {
font-family:굴림,/*추가*/ verdana, arial, sans-serif;
font-size: 8pt;/*font-size: x-small;*/
color: #000000;
margin-bottom:25px;
text-align:right;/*추가*/
}
#links {
padding-left:15px;/*padding:15px;*/
/*border:1px solid #FFF;*/
width:200px;
}
.calendarhead {
font-family:palatino, georgia, times new roman, serif;
color:#444444;/*color:#666600;*/
font-size:9pt;/*font-size:small;*/
font-weight:bold;/*font-weight:normal;*/
padding:2px;
letter-spacing: .2em;/*letter-spacing: .3em;*/
background:#FFF;
text-transform:uppercase;
text-align:center;/*text-align:left;*/
}
.calendar a, /*추가*/
.calendar a:link, /*추가*/
.calendar a:visited, /*추가*/
.calendar a:active, /*추가*/
.calendar a:hover { /*추가*/
font-weight: bold; /*추가*/
}
.calendar {
font-family:verdana, arial, sans-serif;
color:#444444;/*color:#666;*/
font-size:8pt;/*font-size:x-small;*/
font-weight:normal;
background:#FFF;
line-height:140%;
padding:1px;/*padding:2px;*/
text-align:left;
}
.sidetitle {
font-family:palatino, georgia, times new roman, serif;
color:#444444;/*color:#666600;*/
font-size:9pt;/*font-size:small;*/
font-weight:bold;/*font-weight:normal;*/
padding:2px;
margin-top:30px;
letter-spacing: .2em;/*letter-spacing: .3em;*/
background:#FFF;
text-transform:uppercase;
}
.side {
font-family:굴림,/*추가*/ verdana, arial, sans-serif;
color:#222222;/*color:#333;*/
font-size:8pt;/*font-size:x-small;*/
font-weight:normal;
background:#FFF;
line-height:140%;
padding:2px;
}
.syndicate {
font-family:verdana, arial, sans-serif;
font-size:7pt;/*font-size:xx-small;*/
line-height:140%;
padding:2px;
margin-top:15px;
background:#FFF;
}
.powered {
font-family:palatino, georgia, times new roman, serif;
color:#444444;/*color:#666;*/
font-size:8pt;/*font-size:x-small;*/
line-height:140%;
text-transform:uppercase;
padding:2px;
margin-top:50px;
letter-spacing: .2em;
background:#FFF;
}
.comments-body {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#444444;/*color:#666;*/
font-size:9pt;/*font-size:small;*/
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #999;
}
.comments-post {
font-family:verdana, arial, sans-serif;
color:#444444;/*color:#666;*/
font-size:8pt;/*font-size:x-small;*/
font-weight:normal;
background:#FFF;
}
.trackback-url {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#444444;/*color:#666;*/
font-size:9pt;/*font-size:small;*/
font-weight:normal;
background:#FFF;
line-height:140%;
padding:5px;
border:1px dotted #999;
}
.trackback-body {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#444444;/*color:#666;*/
font-size:9pt;/*font-size:small;*/
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #999;
}
.trackback-post {
font-family:verdana, arial, sans-serif;
color:#444444;/*color:#666;*/
font-size:8pt;/*font-size:x-small;*/
font-weight:normal;
background:#FFF;
}
.comments-head {
font-family:palatino, georgia, verdana, arial, sans-serif;
font-size:9pt;/*font-size:small;*/
color: #444444;/*color:#666;*/
border-bottom:1px solid #999;
margin-top:20px;
font-weight:bold;
background:#FFF;
}
#banner-commentspop {
font-family:palatino, georgia, verdana, arial, sans-serif;
color:#FFF;
font-size:11pt;/*font-size:large;*/
font-weight:bold;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
background:#003366;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
}
Comments (4)
스타일 시트를 잘 설정해야 겠더라구요. 한 번 설정해 두고 나중에 뭔가를 덧붙였다가 나중에 다시 바꾸려면 추가로 적용한 사항들을 또 번번히 수정해야 하기 때문이죠...한번 말뚝 박으면 끝까지 가는 자세가 필요하겠네요 :)
Posted by 개털로그 | 2003年07月27日 07:59
Posted on 2003年07月27日 07:59
하하~~ 네~~ 많이 공부해야겠습니다 ^^
Posted by yongsang | 2003年07月27日 14:56
Posted on 2003年07月27日 14:56
그래도 오랜시간이 지나면 다시 디폴트 부터 출발하는겄도 좋은 방법이라고 생각됩니다^^
Posted by dalbong.org | 2003年07月29日 03:43
Posted on 2003年07月29日 03:43
하하~~ 달봉님 감사합니다 ^^
Posted by yongsang | 2003年07月30日 02:20
Posted on 2003年07月30日 02:20