Skip to content

Instantly share code, notes, and snippets.

@megane9988
Created January 9, 2013 16:40
Show Gist options
  • Save megane9988/4494639 to your computer and use it in GitHub Desktop.
Save megane9988/4494639 to your computer and use it in GitHub Desktop.
styledecco用のCSSのひな型作成中
/*
# まとめて要素セット
<h3>デフォルトパラグラフ</h3>
<p>吾輩の主人は滅多に<a href="http://ja.wordpress.org/">吾輩</a>と顔を合せる事がない。職業は教師だそうだ。学校から帰ると終日書斎に這入ったぎりほとんど出て来る事がない。家のものは大変な勉強家だと思っている。当人も<a href="http://ja.wordpress.org/">勉強家</a>であるかのごとく見せている。しかし実際はうちのものがいうような勤勉家ではない。吾輩は時々忍び足に彼の書斎を覗いて見るが、彼はよく昼寝をしている事がある。<a href="http://ja.wordpress.org/">時々読みかけてある本</a>の上に涎をたらしている。</p>
<h3>左ぞろえ</h3>
<p style="text-align: left;">彼は胃弱で皮膚の色が淡黄色を帯びて弾力のない不活溌な徴候をあらわしている。その癖に大飯を食う。大飯を食った後でタカジヤスターゼを飲む。飲んだ後で書物をひろげる。二三ページ読むと眠くなる。涎を本の上へ垂らす。これが彼の毎夜繰り返す日課である。吾輩は猫ながら時々考える事がある。教師というものは実に楽なものだ。人間と生れたら教師となるに限る。こんなに寝ていて勤まるものなら猫にでも出来ぬ事はないと。それでも主人に云わせると教師ほどつらいものはないそうで彼は友達が来る度に何とかかんとか不平を鳴らしている。</p>
<h3>中央ぞろえ</h3>
<p style="text-align: center;">吾輩がこの家へ住み込んだ当時は、主人以外のものにははなはだ不人望であった。どこへ行っても跳ね付けられて相手にしてくれ手がなかった。いかに珍重されなかったかは、今日に至るまで名前さえつけてくれないのでも分る。吾輩は仕方がないから、出来得る限り吾輩を入れてくれた主人の傍にいる事をつとめた。朝主人が新聞を読むときは必ず彼の膝の上に乗る。彼が昼寝をするときは必ずその背中に乗る。</p>
<h3>右ぞろえ</h3>
<p style="text-align: right;">これはあながち主人が好きという訳ではないが別に構い手がなかったからやむを得んのである。その後いろいろ経験の上、朝は飯櫃の上、夜は炬燵の上、天気のよい昼は椽側へ寝る事とした。しかし一番心持の好いのは夜に入ってここのうちの小供の寝床へもぐり込んでいっしょにねる事である。この小供というのは五つと三つで夜になると二人が一つ床へ入って一間へ寝る。</p>
<h3>両端ぞろえ</h3>
<p style="text-align: justify;">吾輩はいつでも彼等の中間に己れを容るべき余地を見出してどうにか、こうにか割り込むのであるが、運悪く小供の一人が眼を醒ますが最後大変な事になる。小供は——ことに小さい方が質がわるい——猫が来た猫が来たといって夜中でも何でも大きな声で泣き出すのである。すると例の神経胃弱性の主人は必ず眼をさまして次の部屋から飛び出してくる。現にせんだってなどは物指で尻ぺたをひどく叩かれた。</p>
<h1>見出し壱</h1>
<h2>見出し弐</h2>
<h3>見出し参</h3>
<h4>見出し四</h4>
<h5>見出し五</h5>
<h6>見出し六</h6>
<h2>引用 (Blockquote) テスト</h2>
<p>引用:</p>
<blockquote><p>一行だけの引用。</p></blockquote>
<p>この行は引用ではありません。以下は長い引用:</p>
<blockquote><p>これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。</p>
<p><cite>スタン・ゲッツ</cite></p></blockquote>
<p>そしてこれはその後に続くテキスト。</p>
<h2>テーブルレイアウトのテスト</h2>
<table class="statsDay">
<tbody>
<tr>
<th>タイトル</th>
<th class="views">閲覧数</th>
<th></th>
</tr>
<tr class="alternate">
<td class="label"><a href="http://wpthemetestdata.wordpress.com/about/">テストユーザーについて</a></td>
<td class="views">1</td>
<td class="more">以上</td>
</tr>
<tr>
<td class="label"><a href="http://wpthemetestdata.wordpress.com/">260</a></td>
<td class="views">1</td>
<td class="more">以上</td>
</tr>
<tr class="alternate">
<td class="label"><a href="http://wpthemetestdata.wordpress.com/archives/">アーカイブ</a></td>
<td class="views">1</td>
<td class="more">以上</td>
</tr>
<tr>
<td class="label"><a href="http://wpthemetestdata.wordpress.com/">235</a></td>
<td class="views">1</td>
<td class="more">以上</td>
</tr>
</tbody>
</table>
<h2>リストタイプのテスト</h2>
<h3>定義リスト</h3>
<dl>
<dt>定義リストタイトル</dt>
<dd>これは定義リストです。</dd>
<dt>定義</dt>
<dd>物事、領域、何かについての意味の正確な文章や説明: <em>詩を構成するものの定義。</em><em></em></dd>
<dt>ギャラリー</dt>
<dd>WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。 </dd>
<dt>Gravatarグラバター</dt>
<dd>グラバターとはグローバルに認識されるアバター(あるユーザーを表すグラフィックイメージや写真)です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。</dd>
</dl>
<h3>非順序リスト(ネスト化)</h3>
<ul>
<li>リストアイテム1
<ul>
<li>リストアイテム1
<ul>
<li>リストアイテム1</li>
<li>リストアイテム2</li>
<li>リストアイテム3</li>
<li>リストアイテム4</li>
</ul>
</li>
<li>リストアイテム2</li>
<li>リストアイテム3</li>
<li>リストアイテム4</li>
</ul>
</li>
<li>リストアイテム2</li>
<li>リストアイテム3</li>
<li>リストアイテム4</li>
</ul>
<h3>順序リスト</h3>
<ol>
<li>リストアイテム1
<ol>
<li>リストアイテム1
<ol>
<li>リストアイテム1</li>
<li>リストアイテム2</li>
<li>リストアイテム3</li>
<li>リストアイテム4</li>
</ol>
</li>
<li>リストアイテム2</li>
<li>リストアイテム3</li>
<li>リストアイテム4</li>
</ol>
</li>
<li>リストアイテム2</li>
<li>リストアイテム3</li>
<li>リストアイテム4</li>
</ol>
```
*/
a {
text-decoration: none;
}
}
h1, .h1 {
font-size: 2.2em;
line-height: 1.333em;
font-weight: bold;
color: #000;
}
h2, .h2 {
font-size: 1.75em;
line-height: 1.4em;
margin-bottom: 0.375em;
border-left: 5px solid;
padding-left: 10px;
margin-top: 1.75em;
font-weight: bold;
color: #000;
}
.related_entries h2{
font-size: 1.75em;
line-height: 1.4em;
margin-bottom: 0.375em;
border-top: 1px solid;
padding-top: 10px;
border-left: none;
margin-top: 1.5em;
}
h3, .h3 {
font-size: 1.5em;
margin-bottom: 0.375em;
font-weight: bold;
color: #000;
}
h4, .h4 {
font-size: 1.1em;
font-weight: 700;
font-weight: bold;
color: #000;
}
h5, .h5 {
font-size: 0.846em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment