草鹿

Realtime

ここにタイトル
今日はいい天気です。家の庭で野良猫がひなたぼっこしてました。などなど呟きをどうぞ
2015/02/26

no title
追記は用意してませんが一覧と同じタグで大丈夫だと思います。追記サンプル ...more
2015/02/25

color&material
配色はjumble様、素材はデコヤ様よりお借りしました。（アイコン→スタンプ風）

対応機種から見るとこんな感じです。

カラーコード■■■■
背景色、文字色、リンク色はHEAD内に指定してあるので変更される場合はHEADを書き換えてください。

HEAD

/*ページ全体の設定*/
body{
font-size:12px;
font-family: 'Dancing Script' , cursive;
 /*背景色*/
background-color:#ffeeee;
 /*文字色*/
color: #fdeff2; }

/*リンクの設定*/
a {
 /*リンク色*/
 color: #202f55;
 /*リンクをゆっくり表示するエフェクト*/
text-decoration: none;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
-ms-transition: 0.1s;
transition: 0.1s;}

/*オンマウス時のリンク色*/
a:hover { color: #FA80AA; }

/*メニュー枠のリンク色*/
.box a { color: #FFBFDF;}
.box a:hover { color: #fdeff2;}

/*ページの幅、行間の設定*/
.all { 
max-width: 400px ;
line-height:1.5; 
letter-spacing:1px;
padding: 3%;}

/*メニュー枠*/
.box { 
font-family:Georgia ;
background-color:#202f55;
padding: 5px;
border-radius: 6px;}

/*メニュー枠の中の余白、点線の設定*/
.yohaku { 
border: 1px dashed #f4b3c2;
padding: 6px;}

/*サイトタイトルの装飾*/
h2 {
letter-spacing:2px;
color: #202f55;}

/*日付タグ*/
.time{
color: #FFBFDF;}

/*文字位置、文字色*/
.center{
color: #FFBFDF;
text-align:center;}

/*フォームの設定*/
input,textarea,select,option{
font-family:“メイリオ”,”Meiryo” ;
color:#FFBFDF;
background-image:none;
background-color:#fff;
border:dotted 2px #D5D5D5;}

/*画像を画面サイズに縮小*/
img {
    max-width: 100%;
    height:auto;}

--></style>

上部(ナノ向け)

一覧

下部

bykusaka