草鹿

site name
http://nanos.jp/yourID/

info text note bkm

joinrank rank

素材はデコヤ様よりお借りしました。

素材リンク
花輪、オンマウスした時のチェック緑

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

HEAD

/* 全体の設定 */
body{
  font-size:82%;
  font-family: 'Unkempt',DotumChe,serif;
  background-image:url(花輪の素材url);
  background-repeat:no-repeat;
  background-position:50% 4%;
  background-color:#fff; /*背景色*/
  color: #e95464; /*文字色*/ 
}

/* リンクの設定 */
a {
  color: #7b5544; /*リンク色*/
  background-color:#fbdac8; /*背景色*/
  text-decoration: none;
  padding:3px;
  border-radius:15px;}

/* オンマウス時のリンク色 */
a:hover {
  color: #e95464;
  background-image:url(チェックの素材url);
  padding:3px;}

/* 余白、行間、文字位置 */
.yohaku {
  text-align:center;
  max-width : 500px;
  letter-spacing:3px;
  line-height:1.5;}

/*文字に白い縁取り*/
span{
  text-shadow:
  0 0 5px #fff,
  0 0 2px #fff,
  0 0 0.4px #fff;}

/* フォームの設定 */
select,input,input[type="text"] {
  width:auto;
  margin-top:2px;
  padding:1px;
 /* 文字色 */
  color:#c49a6a;
 /* 背景色 */
  background-color:#fff;
 /* 枠の色 */
 border-left: 2px solid #ccffe4;
 border-top: 2px solid #e4ffcc;
 border-right: 2px solid #ffffcc;
 border-bottom: 2px solid #ffe4cc;
 /* 角を丸くする */
  border-radius:10px;}

/* セレクトリンクの設定 */
select,option {
  color:#c49a6a;
  background-color:#ffffff;}

/* セレクト、テキストエリア （オンマウス時の設定） */
textarea:focus,select:focus,input[type]:focus{
  border: 2px solid #ccffe4;
  color:#936745;}

/* 送信ボタンの設定 */
input[type="number"],input[type="password"],input[type="submit"]{
  width:auto;
  padding-right:5px;
  padding-left:5px;
  margin:1%;
  text-align:center;
  font-family: 'Unkempt',DotumChe,serif;
  font-size:13px;
 /* 文字色 */
  color:#c49a6a;
 /* 背景色 */
  background-color:#fff;
 /* 枠の色 */
 border-left: 2px solid #ccffe4;
 border-top: 2px solid #e4ffcc;
 border-right: 2px solid #ffffcc;
 border-bottom: 2px solid #ffe4cc;
 /* 角を丸くする */
  border-radius:10px;}

/* 送信ボタン （オンマウス時の設定） */
input[type="submit"]:hover,input[type="reset"]:hover{
   border: 2px solid #ccffe4;
   color:#9fc24d;}

/* コピーボックスなど、テキストエリアの設定 */
textarea {
  width:auto;
  font-family: 'Unkempt',DotumChe,serif;
  font-size:13px;
 /* 文字色 */
  color:#c49a6a;
 /* 背景色 */
  background-color:#fff;
 /* 枠の色 */
 border-left: 2px solid #ccffe4;
 border-top: 2px solid #e4ffcc;
 border-right: 2px solid #ffffcc;
 border-bottom: 2px solid #ffe4cc;
 /* 角を丸くする */
  border-radius:10px;}

--></style>

全体レイアウト

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

bykusaka