MOMENT | ナノ

123456 - rank rank
LAST UP >> 0123 〇〇+1

冬っぽい色合いで画像不使用のシンプルなデザインです。強調はこうなります。

ABOUT

リンクフリーです。お好きにどうぞ。
管理人は〇〇〇

MOMENT - http://nanos.jp/xxxxx/

自動改行しないで作成しています。

HEAD

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Federo|Limelight ');

body {
    background: #fff;
    color: #333;
    font-size: 12px;
    font-family: 'Federo', 'メイリオ', sans-serif;
    line-height: 200%;
    letter-spacing: 2px;
    margin:0;
    padding:0;
}

a {
    color: #333;
    background: #ebf6f7;
    text-decoration: none;
}

a:hover {
    background: none;
}

header {
    background: #b0e0e6;
    margin: 0;
    padding: 50px 0 0;
    width: 100%;
    color: #fff;
}

h1 {
    color: #fff;
    font-size: 40px;
    font-family: 'Abril Fatface', 'メイリオ', sans-serif;
    line-height: 100%;
    letter-spacing: 2px;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    top: 5px;
}

h2 {
    border: solid 1px #333;
    display: inline-block;
    padding: 3px 15px;
    font-weight: 200;
    font-size: 14px;
    margin: 20px 0 10px;
}

b {
    background: linear-gradient(transparent 50%, #e4dc8a 50%);
    margin: 2px;
    padding: 0 1px;
}

hr {
    border: none;
    border-top: solid 2px #b0e0e6;
    margin: 20px;
}

textarea {
    height: 50px;
    width: 60%;
    font-size: 12px;
    font-family: 'Federo', 'メイリオ', sans-serif;
    line-height: 150%;
    letter-spacing: 2px;
    color: #333;
    background: #efefef;
    border: solid 1px #efefef;
        -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    margin: 3px 0;
    padding: 3px;
}

.top {
    max-width: 450px;
    margin: 20px auto 0;
    padding: 0 20px;
}

.wrp {
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
}

.wrp a {
    padding: 0 3px;
}

.menu {
    margin: 10px auto;
    padding: 10px 20px;
    max-width: 450px;
}

.menu a {
    margin: 0 5px;
    padding: 5px 10px;
    background: #b0e0e6;
    color: #fff;
}

.menu a:hover {
    background: #83ccd2;
}

.text {
    margin: 10px auto;
    padding: 10px 20px;
    max-width: 450px;
}

.box {
    background: #efefef;
    margin: 10px;
    padding: 10px;
}

</style>

全体レイアウト

子ページ