H1(h1はタイトルで使用)
H2
H3
H4
H5
H6
整形済みテキスト
strong.blue
見出し |
---|
内容 |
※tr.pink-half-bg
▼定型テーブルスタイル .contentsTable
見出し | ||
---|---|---|
.level2 | .level2 | .level2 |
内容 | 内容 | 内容 |
◆ボタン
◆ボタン aタグに直接記入
.form-btn 色は固定
.lp-link-btn .blue2
.ent-btn .blue3
.tile .blue3
.tile-s .blue3
.tile-s2 .blue3
p.lp-link-btn・・・エフェクト
blue1・・・ボタンのカラー
(その他背景色)
.blue2 {background-color: #595da8;} blue2
.blue3 {background-color: #00b7ee;} blue3
.blue4 {background-color: #00aed1;} blue4
.blue5 {background-color: #008cd6;} blue5
.blue6 {background-color: #5185c5;} blue6
.pink {background-color: #e5006e;color: #FFFFFF;} pink
.pink-half {background-color:#f7c8d5;} pink-half
.pink-half-bg {background-color:#f7c8d5;} pink-half-bg
.blue-half-bg {background-color: #A2E0FF;} blue-half-bg
.gray-bg {background-color: #DFDFDF;} gray-bg
.text-right {text-align: right;} ・・・右寄せ
.text-center {text-align: center;} ・・・センター揃え
.text-justify {text-align: justify;} ・・・ジャスティファイ
.text-nowrap {white-space: nowrap;} ・・・改行なし
.text-lowercase {text-transform: lowercase;} ・・・すべての文字を小文字に
.text-uppercase {text-transform: uppercase;} ・・・すべての文字を大文字に
.text-capitalize {text-transform: capitalize;} ・・・単語の先頭文字を大文字に
.text-muted {color: #777;}
.text-primary {color: #337ab7;}
a.text-primary:hover {color: #286090;}
.text-success {color: #3c763d;}
a.text-success:hover {color: #2b542c;}
.text-info {color: #31708f;}
a.text-info:hover {color: #245269;}
.text-warning {color: #8a6d3b;}
a.text-warning:hover {color: #66512c;}
.text-danger {color: #a94442;}
a.text-danger:hover {color: #843534;}
.bg-primary {color: #fff;background-color: #337ab7;}
.a.bg-primary:hover {background-color: #286090;}
.bg-success {background-color: #dff0d8;}
a.bg-success:hover {background-color: #c1e2b3;}
.bg-info {background-color: #d9edf7;}
a.bg-info:hover {background-color: #afd9ee;}
.bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover {background-color: #f7ecb5;}
.bg-danger {background-color: #f2dede;}
a.bg-danger:hover {background-color: #e4b9b9;}
.center-block { display: block; margin-right: auto; margin-left: auto;}
.pull-right { float: right !important;} ・・・フロートライト
.pull-left { float: left !important;} ・・・フロートレフト
.hide { display: none !important;} ・・・絶対隠す
.hidden { display: none !important;} ・・・絶対隠す
.show { display: block !important;} ・・・絶対表示
.invisible { visibility: hidden;} ・・・見えなくする
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.affix { position: fixed;} ・・・位置固定