jhin.com/blog

sage의 기본 Style Sheet가 여러모로 좋은데, font-size가 x-small로 되어 있어 ctrl + + 를 누르게 강제하는 면이 있습니다. 그리하여, Sage Community Wiki의 Seef Style Sheets에 방문하여 여러가지 시험해 보았지만, 아무래도 default의 그것이 좋아 보입니다. - 사실 제가 default를 좋아하는 면이 있습니다. 예전에 제 차는 창문에 칼라필름은 고사하고 차 속에 추가된 물품은 오로지 운전석과 조수석의 방석 뿐이었습니다 ;) default라는 단어를 자세히 보면, de-fault 입니다. 그래서 좋아하죠.

하지만, font-size에 대한 불편을 감수하기가 쉽지 않아 다음과 같이 h2.item-title과 dev.item-ordinal 부분의 font-size를 x-small에서 small로 바꾸었습니다. 혹, 같은 불편을 가지고 있다면, 아래의 부분을 copy & paste 하여 파일로 만든다음, - 이름은 적당히 *.css로 - firefox의 menu > Tools > Extensions > Sage - Options > Feed Rendering - Use custom style sheet 에서 저장한 파일을 지정해 주시면 되겠습니다.

html * {
  -moz-box-sizing: border-box;
}
 
html {
  line-height: 1.3;
  background-color: #FFF;
}
 
body {
  margin: 0px;
  color: #222;
  font-family: verdana;
}
 
a:link    { text-decoration: none;
    color: #436976; font-weight: bold; }
a:visited  { text-decoration: none;  color: #537986; }
a:hover    { text-decoration: underline; }
a:active  { text-decoration: none; }
 
p.item-desc a:link { color: #029; }
 
#rss-header {
  background-color: #dee7ec;
  border: 1px solid #8cacbb;
  padding: 6px 8px;
  margin: 10px 2%;
}
 
#rss-title {
  font-size: large;
  line-height: 1;
  margin: 0px;
  padding: 0px;
}
 
#rss-desc {
  font-size: small;
  margin: 0px;
  padding: 5px 0px 0px 20px;
}
 
div.item {
  border: 1px solid #8cacbb;
  width: 47%;
  min-width: 14em;
  margin: 0px 0px 8px 2%;
  padding: 0px;
  float: left;
}
 
h2.item-title {
  background-color: #dee7ec;
  font-size: small;
  font-weight: normal;
  line-height: 1.1;
  margin: 0px;
  padding: 5px 5px 8px 8px;
}
 
span.item-ordinal {
  padding-right: 0.2em;
}
 
div.item-desc {
  min-height: 8em;
  font-size: small;
  margin: 0px;
  padding: 8px 10px;
}
 
div.item-pubDate {
  font-size: x-small;
  margin: 0px;
  padding: 8px 10px;
  width: 80%;
  float: left;
}
 
div.item-technorati {
  font-size: x-small;
  margin: 0px;
  padding: 8px 10px;
  width: 20%;
  float: right;
  text-align: right;
}
 
img {
  max-width: 100%;
  height: auto;
}