CSS設定

投稿日時: 投稿者:
Column One Column Two Column Three
商品名 商品番号 商品価格
スモールライト 1-100 300円
ダックモービル 1-107 700円
しびれおにぎり 2-098 200円
 左のセル  右のセル
スモールライト
ダックモービル
しびれおにぎり
愛媛県松山市 岡田印刷株式会社様

H1 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

H2 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

H3 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

H4 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

H5 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日
H6 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

段落 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

整形済みテキスト 行替え3月2日 ヤマネ研究30周年成果発表会(キープやまねミュージアム) 2019年3月5日

table

表題 項目1  項目2  項目3  項目4
タイトル1 内容A 説明A

翌日有志で行われた懇談会

タイトル1 内容B 説明B

野呂さんからIENE2018の講演・ツアー内容紹介

タイトル3  内容C 説明C

table.apwa-table

表題 項目1  項目2  項目3  項目4
タイトル1 内容A 説明A

翌日有志で行われた懇談会

タイトル1 内容B 説明B

野呂さんからIENE2018の講演・ツアー内容紹介

タイトル3  内容C 説明C

 

Google Map1

[bgmp-map categories=”山梨,栃木,名古屋” center=”山梨県北杜市高根町清里” ]

最終行

アニマルパスウェイと野生生物の会,企業との協働,森と命を繋ぐ架け橋プロジェクト,自販機,岡田印刷,自然保護,環境保全,樹上性動物,ヤマネ,生物多様性,企業CSR、企業の社会的責任,社会貢献,環境への取り組み,地域貢献,社会奉仕活動,ボランティア

CSS

  • キーカラー
    • #8fac0dキーグリーン
    • #b7c200キーグリーン
    • #d9dfbcかなり控え目な緑(トップ背景)
    • #a1b09e地味グリーン
  • フォントカラー茶色
    • #48331d かなり濃い茶(文字用)
    • #755a3a テキスト濃い茶
    • #624a31 濃い茶 (タイトル h1/h2/3)
    • #5F2F08 H2左のバー(茶)
    • #373737 テキスト(ほぼ黒)
  • ウイジットボックス
    • #fffff5背景クリーム
    • #f9f7f9 暖色背景
    • #f4f4dd ニュートラルな薄いグリーン系クリーム(セル背景向き)
    • #f5f4f2 サブメニューホワイト
    • #f6f5f3 people trust背景色
  • さし色
    • #e0006d ピンク
    • #ff8410  オレンジ
    • #ff4500 テキストオレンジ
    • #f9bc01明るいオレンジ
    • #7ea6e0 穏やかブルー
    • #009db5 リンクブルー

contact form 7

/* —————contact form 7 アスタリスク————— */
.asterisk {
margin: 0 0 0 0.2em;
color: #f5637a;
}

/* ————— フォーム部品の幅は100%————— */
input[type=”text”].wpcf7-text {
width: auto;
}

div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:15px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:16px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:10px; font-size:16px; }
div.wpcf7 textarea { width:97.5%; height:300px; }

div.wpcf7 input.wpcf7-submit {
cursor:pointer; color:#fff; font-weight:bold; font-size:18px; width:200px; height:45px; margin:0 auto; display:block;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#8fac0d; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #b7c200; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#ff8410; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #f9bc01; border:1px solid #ff8410; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* ————— フォーム部品の幅は100%————— */
input[type=”text”].wpcf7-text {
width: auto;


 

@import “http://fonts.googleapis.com/earlyaccess/notosansjapanese.css”;
/*日本語フォント*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family: “Noto Sans Japanese”, sans-serif, Helvetica, Arvo, Arial, ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, “MS Pゴシック”;
}
/* Image borders */
img[class*=”align”],
img[class*=”wp-image-“],
#content .gallery .gallery-icon img,
img.wp-post-image,
img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border: 0px solid #ccc;
padding:0px;

}

/* ————— FONT ————— */

#fixed-header-top ul.menu ul li a {
font-size: 18px;
}

.entry-title {
font-size: 20px; /* no use */
}

.entry-content h1 {
font-size: 30px; /* no use */
}

.entry-content h2 {
border-left: 4px solid #5F2F08; /* blown 624a31 */
padding: 0px 0 5px 10px;
margin: 20px 0 20px 0px;;
color: #624a31;
}

.entry-content h3 {
border-bottom:2px dashed #5F2F08; /* blown */
padding-bottom: 5px 0 5px 0;
margin: 10px 0 10px 0px;;
color: #624a31;
display:inline-block;
/*width: 50%;*/
}
/* ————— Columnsのレイアウト ————— */

/* Three Columns Layout with 2 Sidebars メイン */
.three-columns .content-sidebar-wrap {
float: right;
width: 920px;
}

#primary {
float: left;
width: 904px;
}

#secondary {
float: right;
overflow: hidden;
width: 256px;
}

/* Three Columns Layout with 2 Sidebars */
.three-columns .content-sidebar-wrap {
float: right;
width: 920px;
}

.three-columns #primary {
width:650px;
}
.three-columns #secondary {
width: 240px;
}
.three-columns #third {
float: left;
width: 240px;
}
/* ————— Widgets ————— */
.widget li {
list-style-type: none;
line-height: 1.2;
padding: 5px 0;
}

.widget {
margin-bottom: 15px; /* widgetbox間の距離 */
padding: 12px; /* widgetbox中のマージン */
}
.widget.widget_catchevolution_social_widget {
padding-bottom: 0px;
}

.widget .widget-title {
border-bottom: 1px solid #c6b688; /* 薄いブラウンのバー */
font-size: 16px;
font-weight:normal; /* タイトル属性 font-weight: bold; */
padding-bottom: 0px; /* 文字とバーの間 */
color: ff0090; /* no use */
}
.widget-area { /* 本文のフォントサイズ */
font-size: 14px;
line-height: 1.62em; { /* 行間 */
}
.widget-title a {/* no use */
color: #f4ddee;
font-size: 12px;
font-weight: bold;
}

/* —————color ————— */
#fixed-header-top ul.menu > li a {
color: #ff0090; /* no use pink */
}

/* ————— table ————— */

table, td { /* no use – change in original css */
border: 0;
vertical-align:top;
}

/* ————— footer ————— */
#colophon {
background-color: #ff0090;
border-top: 1px solid #ccc;
clear: both;
}
#supplementary {
padding: 40px 0 10px;
}

/* Site Generator Line */
#site-generator a {
color: #fffff9; /* ミルキーホワイト milky white */
font-weight: normal;
}

/* no use */
.site-footer {
padding: 10px 0;
background-color: #8fac0d; /* grn */
}

.site-footer,
.site-footer h4,
.site-footer a {
color: #fff; /* white text */
}