Notre destiN* | ナノ

White day top

はじめに

white dayはvalentineの色違いのテンプレートです。
根本的な構成やタグが変わらない為此方ではHEAD内タグのみ公開しています。
これだけではサンプルの様なレイアウトにはならない為、white day用のテンプレートをご利用頂くには先ず共有テンプレートにてvalentineをダウンロードして頂けます様お願い致します。

HEAD内

body{
   color:#999999;}

br{
   letter-spacing:0;}

/* ― 文字装飾 ――――――― */
em{
   font-weight:bold;
   font-style:normal;
   background:#e5f6ff;}

strong{
   color:#66ccff;
   font-weight:bold;
   border-bottom:1px solid #66ccff;}

del{
   text-decoration:line-through;}

/* ― リンク ――――――― */
a{
   text-decoration:none;
   outline:none;}

a:link,a:visited{
   color:#66ccff;
   background:#e5f6ff;}

a:hover{
   background:#ffffff;}

/* ― 画像設定 ――――――― */
img{
   -ms-interpolation-mode:bicubic;}

a img{
   border:none;}

/* ― フォーム ――――――― */
input[type],textarea,select{
   margin:1px 1px;
   padding:1px 2px;
   color:#999999;
   background:#ffffff;
   border:1px solid #66ccff;
   outline:none;}

input[type]:focus,textarea:focus,select:focus,select:hover{
   color:#66ccff;}

input[type="submit"],input[type="reset"]{
   color:#ffffff;
   background:#66ccff;}

input[type="submit"]:hover,input[type="reset"]:hover{
   color:#e5f6ff;}

/* ― リスト ――――――― */
ul,ol{
   list-style-position:inside;}

.menu  li{
   padding:0 2px;
   list-style:none;
   display:inline;}

/* ― 文字寄せ ――――――― */
.left{
   text-align:left;}

.center{
   text-align:center;}

.right{
   text-align:right;}

/* ― 見出し ――――――― */
h1{
   margin:20px 0 5px 0;
   text-align:center;
   font-size:130%;
   font-weight:normal;
   letter-spacing:2pt;
   line-height:85px;
   background-image:url(//img.mobilerz.net/sozai/519_w.gif);
   background-size:56px 81px;
   background-repeat:no-repeat;
   background-position:right center;}

h2{
   margin:1.5em 0 0 0;
   padding:0 0 0 15px;
   color:#66ccff;
   font-size:110%;
   font-weight:normal;
   letter-spacing:2pt;
   line-height:15px;
   background-image:url(//img.mobilerz.net/sozai/4_w.gif);
   background-size:12px 10px;
   background-repeat:no-repeat;
   background-position:left center;}

/* ― 中身 ――――――― */
.menu{
   text-align:center;}

.footer{
   margin:20px 0 0 0;}

<pc_only>
/* ――――――――――――――――
　以下PCのみ
――――――――――――――― */
*{
   cursor:default;}

body{
   width:350px;
   margin:0 auto;}

body,th{
   font-size:62.5%;
   letter-spacing:2pt;
   line-height:1.5;}

/* ― スクロールバー ――――――― */
html,body{
   scrollbar-face-color:#66ccff;
   scrollbar-3dlight-color:#ffffff;
   scrollbar-darkshadow-color:#ffffff;
   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color:#ffffff;
   scrollbar-arrow-color:#66ccff;
   scrollbar-track-color:#ffffff;}

/* ― ドラッグ ――――――― */
::selection{
   background:#e5f6ff;}

::-moz-selection{
   background:#e5f6ff;}

/* ― フォーム ――――――― */
input[type],textarea,select{
   font-size:100%;
   letter-spacing:1pt;}

/* ― リスト ――――――― */
.menu  li{
   letter-spacing:3pt;}

/* ― 中身 ――――――― */

</pc_only><nopc>
/* ――――――――――――――――
　以下携帯のみ
――――――――――――――― */
body{
   width:85%;
   margin:0 auto;}

body,th{
   font-size:x-small;
   line-height:120%;
   letter-spacing:1pt;}

/* ― リンク ――――――― */
/* docomo */
<imode>a:link,a:visited{
   color:#66ccff;}

a:focus{
   color:#ffffff;}</imode>

/* softbank */
<softbank>a:active,a:focus{
   color:#66ccff;}</softbank>

/* ― フォーム ――――――― */
input[type],textarea,select{
   font-size:x-small;}

</nopc><smartphone>
/* ――――――――――――――――
　以下スマホのみ
――――――――――――――― */
*{
   -webkit-tap-highlight-color:rgba(0,0,0,0);}

body{
   max-width:85%;
   margin:0 auto;}

body,th{
   font-size:x-small;
   line-height:120%;
   letter-spacing:2pt;}

img{
   max-width:85%;}

/* ― フォーム ――――――― */
input[type],textarea,select{
   width:auto;
   height:auto;
   font-weight:normal;
   font-size:x-small;
   -webkit-box-shadow:none;
   webkit-appearance:none;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   word-break:break-all;}

textarea:focus{
   height:auto;}

/* ― リスト ――――――― */
.menu  li{
   letter-spacing:3pt;}

</smartphone></style>