![]() | cyber_wing
サンプル
|
||
| カテゴリー:シンプル | ベーステーマ:なし | ヘッダー:■標準(太) | |
| 登録日:2011/07/10 | 更新日:2011/07/14 | 利用数:10 | |
|
MacのSafari 5.0.5, Firefox 5.0, Google Chrome 12.0.742.112およびiPhone 4 Safariで表示を確認しています。 Windows環境では確認していません。 「アンテナ」での表示は問題ないですが、「シンプル」「画像」での表示は崩れてしまいます。今後修正していきます(…が、アンテナ表示しか使っていませんので、気が向いたときに修正します。) あと、サイトのスクリーンショット画像は、設定で「大(200x150)」を使ってください。設定するとこのような感じになります。→http://cdn-ak.f.st-hatena.com/images/fotolife/c/cyber_wing/20110710/20110710181737_original.jpg |
|||
<h1><hatena name="title"></h1> <div class="box"> <div class="main">
</div>
/* CSS Document */
body {
width: 950px;
background-color: #FFFFFF;
font-size: 9px;
font-family: sans-serif;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
a:link {
color: #666666;
text-decoration: none;
font-weight: normal;
}
a:hover {
color:#666666;
text-decoration: none;
font-weight: normal;
}
a:active {
color: #666666;
text-decoration: none;
font-weight: normal;
}
a:visited {
color: #666666;
text-decoration: none;
font-weight: normal;
}
/* ### 自分のアンテナのタイトル ### */
h1 {
font-size: 12px;
text-align: left;
margin: 20px 0px 10px 20px;
padding: 0px;
}
/* ### カテゴリ ### */
#pager_group {
text-align: center;
margin: 0px;
padding: 0px;
}
/* ### おとなりアンテナ, おすすめページ ### */
#pager_relate {
text-align: center;
margin: 0px;
padding: 0px;
}
/* ### 配置場所 ### */
ol[start] {
width: 930px;
list-style: none;
margin: 20px 0px 0px 20px;
padding: 0px;
}
/* ### サイトごとの表示領域 ### */
ol[start] li {
display: inline-block;
width: 200px;
height: auto;
font-size: 10px;
font-weight: normal;
margin: 0px 30px 30px 0px;
padding: 0px;
}
/* ### サイトの更新日時 ### */
ol[start] li span.modified {
/*display: block;*/
}
/* ### サイトのタイトル ### */
ol[start] li a {
display: block;
height: 13px;
width: 200px;
overflow: hidden;
float: left;
position: relative;
top: 165px;
}
/* ### 含むアンテナ(矢印) ### */
ol[start] li a[href^="/include?"] {
display: block;
float: left;
width: 10px;
height: 7px;
margin-top: 5px;
}
/* ### おとなりページ(MAP) ### */
ol[start] li a[href^="/map?"] {
display: block;
width: 25px;
height: 10px;
float: left;
margin-top: 5px;
}
/* ### 編集(鉛筆) ### */
ol[start] li a[href^="./editpage?"] {
display: block;
width: 15px;
height: 10px;
float: left;
margin-top: 5px;
}
/* ### 更新内容(スクリーンショットも含まれるのでその分imgをマイナス設定必要) ### */
ol[start] li p.diff {
float: left;
}
/* ### スクリーンショット ### */
ol[start] li p a img {
margin: 0px;
border: 0px;
}
/* ### スクリーンショット ### */
ol[start] li p.diff a.screenshot {
display: block;
float: left;
margin-bottom: 20px;
height: 150px;
width: 200px;
position: relative;
top: -35px;
}
div.adminmenu {
font-size: 90%;
margin: 2% 5% 0% 0%;
text-align: right
}
span.adminmenu {}
div.footer {
color: #cccccc;
margin: 5px;
font-size: 80%;
text-align: center;
}
form.hatena-searchform {
text-align: right;
margin-right: 5%;
}
#simple-header a {
font-weight:normal;
}
#simple-header input.search-word {
width:7em;
}
