-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (53 loc) · 5.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>広告フォーマットテスト用</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<style>
body { font-family: 'HelveticaNeue-Light', 'Arial'; color: #555; background: #f0f0f0; font-size: 14px; } #over { position: relative; z-index: 1; min-width: 320px; } header.globalHeader { width: 100%; height: 40px; overflow: hidden; background: #85929b; color: #fff; display: flex; } header.globalHeader a { color: #fff; text-decoration: none; } header.globalHeader h1 { margin: 0; padding: 9px 0 11px 10px; width: 50%; font-size: 16px; line-height: 20px; font-weight: normal; } header.globalHeader h1 .title { font-weight: bold; } header.globalHeader h1 .service { padding-left: 5px; border-left: 1px solid rgba(255, 255, 255, 0.5); } header.globalHeader .globalTop { width: 50%; padding: 10px 10px 10px 0; text-align: right; font-size: 11px; line-height: 20px; } section.mainVisual { width: 100%; height: 150px; background: #666 url(mainVisual.jpg) 50% 50% no-repeat; background-size: 100% auto; } section.content { margin: 10px 0; } section.content article { margin: 10px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } section.content article h2 { margin: 0; padding: 10px; font-size: 14px; line-height: 18px; font-weight: bold; border-bottom: 1px solid #f0f0f0; } section.content article .text { margin: 0; padding: 10px; line-height: 20px; word-wrap: break-word; } section.content article .sample { margin: 0; padding: 10px 10px 0 10px; line-height: 18px; word-wrap: break-word; } section.content article .sample:last-child { padding: 10px; } section.content article .text p { margin: 0; } section.content article .sample div { display:table-cell; background-color:#c3c3c3; width: 80px; height: 80px; } section.content article .sample p.sampletext { display:table-cell; margin: 0; padding: 4px; } footer.globalFooter { background: #333; color: #fff; } footer.globalFooter .copyright { color: #999; font-size: 11px; line-height: 30px; text-align: center; } ul.fmt_list > span{ text-decoration: underline; font-weight: bold; } ul.fmt_list > li{ margin-bottom: 40px; }
@media screen and (min-width: 1200px){
ul.fmt_list { display:table-cell; width:400px; }
}
</style>
</head>
<body style="overflow:visible;">
<div data-rma-pos="SPH"></div>
<header class="globalHeader">
<h1><a href=""><span class="service">gallery</span></a></h1>
</header>
<section class="content">
<h1 style="text-align:center">広告フォーマット 審査でどう判定がくだるかのテストサイト トップページ</h1>
<article>
<ul class="fmt_list"><span style="text-decoration: underline">インライン広告</span>
<li><a href="./inline/normal_inline.html">通常インライン300x250</a></li>
<li><a href="./inline/inline_expand.html">通常インライン300x250+横幅拡大</a></li>
<li><a href="./inline/normal_inline_336x280.html">通常インライン336x280</a></li>
<li><a href="./inline/sticky_inline.html">ページ途中から追尾160x600</a></li>
<li><a href="./inline/mitayo_inline.html">mitayo.インライン</a></li>
<li><a href="./inline/behind_inline.html">ページ裏広告</a></li>
<li><!--<a href="./inline/normal_inline.html">-->マルチアドウィジェット<!--</a>--></li>
<li><!--<a href="./inline/normal_inline.html">-->Dableレコメンド<!--</a>--></li>
</ul>
<ul class="fmt_list"><span>オーバーレイ広告</span>
<li><a href="./overlay/normal_overlay.html">通常オーバーレイ320x50</a></li>
<li><a href="./overlay/closable_overlay">オーバーレイ320x50 Xボタン付き</a></li>
<li><a href="./overlay/upshift_end_overlay.html">320x50 ページ最下部で上部固定になる</a></li>
<li><a href="./overlay/makeSpace_overlay.html">320x50 ページ一番下にOV一つ分スペースを作る</a></li>
<li><a href="./overlay/vanish_end_overlay.html">320x50 ページ最下部で非表示になる</a></li>
<li><a href="./overlay/up_overlay.html">320x50 上部固定</a></li>
<li><a href="./overlay/up_bottom_overlay.html">320x50 上部固定+下部固定</a></li>
<li><a href="./overlay/VRise_overlay.html">VRise</a></li>
</ul>
<ul class="fmt_list"><span>インタースティシャル広告</span>
<li><a href="./inst/normal_inst.html">通常インステ300x250</a></li>
<li><a href="./inst/double_inst.html">ダブルインステ300x250x2</a></li>
<li><a href="./inst/after_inst.html">アフタースティシャル300x250</a></li>
<li><a href="./inst/zoom_inst.html">インステ300x250横幅拡大</a></li>
<li><a href="./inst/expand_inst.html">インステ300x250横幅拡大(挙動なし)</a></li>
<li><a href="./inst/mitayo_inst.html">mitayo.</a></li>
<li><a href="./inst/inst_inline.html">媒体でstyleを実装</a></li>
<li><a href="./inst/avoidBAS_inst.html">回避FMT適用インステ</a></li>
</ul>
</article>
<footer class="globalFooter">
</footer>
</body></html>