출처 : http://www.ktsonline.jp/minatsu/inputfo ... 3330363038
다운로드 : http://www.ktsonline.jp/minatsu/archives/tsunamisou.css
津波莊(쓰나미-장)이라는 css입니다.
위에 있는것이 원본인데, 그대로 사용해보니,
폰트 크기랑, 글자 뒤에 흐릿한 숫자랑, 나뭇잎 아이콘이 마음에 안들어서 수정했습니다. (수정이라 해도 주석처리 한것 뿐이지만 -_-)
필요하신분 잘 쓰시기 바랍니다.
Code: Select all
/*@charset "Shift_JIS";*/
/* Initialize */
*{
margin: 0px;
padding: 0px;
}
/* Elements */
a:link{
text-decoration: none;
background-color: transparent;
color: #C35656;
font-weight: bold;
}
a:visited{
text-decoration: none;
background-color: transparent;
color: #CC8033;
font-weight: bold;
}
a:hover{
text-decoration: underline;
background-color: transparent;
color: #C35656;
font-weight: bold;
}
a:active{
text-decoration: none;
background-color: transparent;
color: #C35656;
font-weight: bold;
}
body{
color: #333333;
background-color: #FFFFFF;
font-size: 0.8em;/*100%; */
font-family: "Meiryo", sans-serif;
/*font-family: "Trebuchet MS", sans-serif;*/
margin-left: 5%;
margin-right: 5%;
}
h1{
text-align: center;
font-size: 1.6em; /*1.2em;*/
letter-spacing: 5px;
margin-top: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #000000;
margin-left: 0.7%;
margin-right: 0.7%;
}
ul{
margin-left: 0.5em;
}
li{
list-style: none;
}
/* IDs */
div#rss-header{
color: #333333;
/*background: transparent url("chrome://sage/skin/sage_icon.png") no-repeat 50% 95%;*/
padding-bottom: 24px;
}
div#rss-header p#rss-desc{
color: #333333;
background-color: #F7F6EE;
border: 1px solid #E0E0E0;
-moz-border-radius: 5px;
line-height: 1.5em;
padding: 5px;
margin-left: 0.7%;
margin-right: 0.7%;
margin-bottom: 1em;
}
/* Classes */
div.item{
position: relative;
z-index: 1;
float: left;
width: 50%;
padding-bottom: 1em;
}
/*
div.item span.item-ordinal{
position: absolute;
z-index: -1;
margin-left: 35%;
padding-top: 0.4em;
font-size: 4em;
font-weight: bold;
color: #EAEAEA;
background-color: transparent;
}
*/
div.item h2.item-title{
font-size: 1em;
color: #333333;
background-color: #FAFAFF;
border: 1px solid #E0E0E0;
-moz-border-radius: 5px;
margin-left: 1.5%;
margin-right: 1.5%;
padding-left: 22px;
}
div.item div.item-desc{
color: #000000;
line-height: 1.5em;
background-color: transparent;
margin-top: 0.3em;
margin-bottom: 0.3em;
margin-left: 1.5%;
margin-right: 1.5%;
}
div.item div.item-pubDate{
color: #666666;
background-color: transparent;
font-size: 0.8em;
text-align: right;
margin-right: 1.5%;
}
div.item div.item-pubDate:before{
content: "[";
}
div.item div.item-pubDate:after{
content: "]";
}
div.item div.item-technorati{
position: absolute;
top: 4px;
left: 7px;
}