ここの情報は古いです。ご理解頂いた上でお取り扱いください。

source: OpenPNE/branches/prj/xhtmlcss/markup/1985.html @ 5409

Last change on this file since 5409 was 5409, checked in by ogawa, 14 years ago

#1985:1.simpleBoxマークアップ用HTML追加
File size: 15.4 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<base href="http://takai.sns.dazai.pne.jp/">
6<meta http-equiv="Content-Style-Type" content="text/css">
7<title>XHTML+CSS化</title>
8<link rel="stylesheet" href="./css/default.css" type="text/css">
9<script type="text/javascript" src="./js/prototype.js"></script>
10<script type="text/javascript" src="./js/pne.js"></script>
11<style type="text/css">
12<!--
13/*枠線要素*/
14.border_01 { border: #CCCCCC 1px solid ; }
15.border_07 { border: #CCCCCC 1px solid ; }
16.border_10 { border: #FFFFFF 1px solid ; }
17
18/*背景要素*/
19.bg_00 { background-color: #FFFFFF ; }
20.bg_01 { background-color: #CCCCCC ; }
21.bg_02 { background-color: #FFFFFF ; }
22.bg_03 { background-color: #FFFFFF ; }
23.bg_04 { background-color: #CCCCCC ; }
24.bg_05 { background-color: #FFFFFF ; }
25.bg_06 { background-color: #36B3D1 ; }
26.bg_07 { background-color: #CCCCCC ; }
27.bg_08 { background-color: #FFFFFF ; }
28.bg_09 { background-color: #EEEEEE ; }
29.bg_10 { background-color: #CCCCCC ; }
30.bg_11 { background-color: #DDDDDD ; }
31.bg_12 { background-color: #FFFFFF ; }
32.bg_13 { background-color: #FFFFFF ; }
33.bg_14 { background-color: #FFFFFF ; }
34.color_19 { background-color: #FFFFFF ; }
35
36body { background-color: #FFFFFF ; }
37.container { background-color: #FFFFFF ; }
38
39.arrow_1 {
40  width: 17px ;
41  height: 14px ;
42  background: url(./skin/default/img/icon_arrow_1.gif) 0% 100%  no-repeat ;
43}
44.icon_1 {
45  width: 14px ;
46  height: 14px ;
47  background: url(./skin/default/img/icon_1.gif) 50% 70%  no-repeat ;
48}
49.icon_2 {
50  width: 14px ;
51  height: 14px ;
52  background: url(./skin/default/img/icon_2.gif) 50% 70%  no-repeat ;
53}
54.icon_3 {
55  width: 14px ;
56  height: 14px ;
57  background: url(./skin/default/img/icon_3.gif) 50% 70%  no-repeat ;
58}
59
60* { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif ; }
61
62/*ここから：safari1.xパスワードフォーム非表示対策*/
63html:\66irst-child input[type="password"] { font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3",sans-serif,"Osaka" ; }
64/*ここまで：safari1.xパスワードフォーム非表示対策*/
65
66/*テキスト入力欄のフォーカス時のクラス*/
67.text       { background-color:#F8F8F8; }
68.text_focus { background-color:#FFFFFF; }
69
70
71/*ボタンに対する背景画像の指定*/
72input.submit {
73        background: #DADCE6 url(./skin/default/img/bg_button.gif) 50% 0 repeat-x ;
74}
75
76/*ページヘッダロールオーバー設定*/
77div.inc_page_header div.navi_global a.navi_global_1:active ,
78div.inc_page_header div.navi_global a.navi_global_1:hover {
79        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) 0 -70px no-repeat ;
80}
81
82div.inc_page_header div.navi_global a.navi_global_2:active ,
83div.inc_page_header div.navi_global a.navi_global_2:hover {
84        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -90px -70px no-repeat ;
85}
86
87div.inc_page_header div.navi_global a.navi_global_3:active ,
88div.inc_page_header div.navi_global a.navi_global_3:hover {
89        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -180px -70px no-repeat ;
90}
91
92div.inc_page_header div.navi_global a.navi_global_4:active ,
93div.inc_page_header div.navi_global a.navi_global_4:hover {
94        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -288px -70px no-repeat ;
95}
96
97div.inc_page_header div.navi_global a.navi_global_5:active ,
98div.inc_page_header div.navi_global a.navi_global_5:hover {
99        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -360px -70px no-repeat ;
100}
101
102div.inc_page_header div.navi_global a.navi_global_6:active ,
103div.inc_page_header div.navi_global a.navi_global_6:hover {
104        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -432px -70px no-repeat ;
105}
106
107div.inc_page_header div.navi_global a.navi_global_7:active ,
108div.inc_page_header div.navi_global a.navi_global_7:hover {
109        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -504px -70px no-repeat ;
110}
111
112div.inc_page_header div.navi_global a.navi_global_8:active ,
113div.inc_page_header div.navi_global a.navi_global_8:hover {
114        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -576px -70px no-repeat ;
115}
116
117div.inc_page_header div.navi_global a.navi_global_9:active ,
118div.inc_page_header div.navi_global a.navi_global_9:hover {
119        background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -648px -70px no-repeat ;
120}
121
122/*h系ナビロールオーバー設定*/
123.inc_navi div.h a.navi_h_1:active ,
124.inc_navi div.h a.navi_h_1:hover {
125        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) 0 0 no-repeat ;
126}
127
128.inc_navi div.h a.navi_h_2:active ,
129.inc_navi div.h a.navi_h_2:hover {
130        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -80px 0 no-repeat ;
131}
132
133.inc_navi div.h a.navi_h_3:active ,
134.inc_navi div.h a.navi_h_3:hover {
135        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -160px 0 no-repeat ;
136}
137
138.inc_navi div.h a.navi_h_4:active ,
139.inc_navi div.h a.navi_h_4:hover {
140        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -240px 0 no-repeat ;
141}
142
143.inc_navi div.h a.navi_h_5:active ,
144.inc_navi div.h a.navi_h_5:hover {
145        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -320px 0 no-repeat ;
146}
147
148.inc_navi div.h a.navi_h_6:active ,
149.inc_navi div.h a.navi_h_6:hover {
150        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -400px 0 no-repeat ;
151}
152
153.inc_navi div.h a.navi_h_7:active ,
154.inc_navi div.h a.navi_h_7:hover {
155        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -480px 0 no-repeat ;
156}
157
158.inc_navi div.h a.navi_h_8:active ,
159.inc_navi div.h a.navi_h_8:hover {
160        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -560px 0 no-repeat ;
161}
162
163.inc_navi div.h a.navi_h_9:active ,
164.inc_navi div.h a.navi_h_9:hover {
165        background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -640px 0 no-repeat ;
166}
167
168/*f系ナビロールオーバー設定*/
169.inc_navi div.f a.navi_f_1:active ,
170.inc_navi div.f a.navi_f_1:hover {
171        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) 0 0 no-repeat ;
172}
173
174.inc_navi div.f a.navi_f_2:active ,
175.inc_navi div.f a.navi_f_2:hover {
176        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -80px 0 no-repeat ;
177}
178
179.inc_navi div.f a.navi_f_3:active ,
180.inc_navi div.f a.navi_f_3:hover {
181        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -160px 0 no-repeat ;
182}
183
184.inc_navi div.f a.navi_f_4:active ,
185.inc_navi div.f a.navi_f_4:hover {
186        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -240px 0 no-repeat ;
187}
188
189.inc_navi div.f a.navi_f_5:active ,
190.inc_navi div.f a.navi_f_5:hover {
191        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -320px 0 no-repeat ;
192}
193
194.inc_navi div.f a.navi_f_6:active ,
195.inc_navi div.f a.navi_f_6:hover {
196        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -400px 0 no-repeat ;
197}
198
199.inc_navi div.f a.navi_f_7:active ,
200.inc_navi div.f a.navi_f_7:hover {
201        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -480px 0 no-repeat ;
202}
203
204.inc_navi div.f a.navi_f_8:active ,
205.inc_navi div.f a.navi_f_8:hover {
206        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -560px 0 no-repeat ;
207}
208
209.inc_navi div.f a.navi_f_9:active ,
210.inc_navi div.f a.navi_f_9:hover {
211        background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -640px 0 no-repeat ;
212}
213
214/*c系ナビロールオーバー設定*/
215.inc_navi div.c a.navi_c_1:active ,
216.inc_navi div.c a.navi_c_1:hover {
217        background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) 0 0 no-repeat ;
218}
219
220.inc_navi div.c a.navi_c_2:active ,
221.inc_navi div.c a.navi_c_2:hover {
222        background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -120px 0 no-repeat ;
223}
224
225.inc_navi div.c a.navi_c_3:active ,
226.inc_navi div.c a.navi_c_3:hover {
227        background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -240px 0 no-repeat ;
228}
229
230.inc_navi div.c a.navi_c_4:active ,
231.inc_navi div.c a.navi_c_4:hover {
232        background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -360px 0 no-repeat ;
233}
234
235.inc_navi div.c a.navi_c_5:active ,
236.inc_navi div.c a.navi_c_5:hover {
237        background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -480px 0 no-repeat ;
238}
239
240.inc_navi div.c a.navi_c_6:active ,
241.inc_navi div.c a.navi_c_6:hover {
242        background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -600px 0 no-repeat ;
243}
244
245/**フォント色変更**/
246
247/*リンク関連*/
248a:link    { color: #026CD1; }
249a:visited { color: #004A95; }
250a:hover   { color: #76AFE6; }
251a:active  { color: #76AFE6; }
252
253/*コンテンツ見出しlv1*/
254td.bg_06 span.b_b,
255.c_00 { color: #222222; }
256
257/*コンテンツ見出しlv2*/
258.c_01 { color: #444444; }
259
260/*強調文字暖色*/
261.c_02 { color: #D92C49; }
262
263/*強調文字寒色*/
264.c_03 { color: #2C65D9; }
265
266/*その他文字色*/
267body { color: #000000; }
268
269-->
270</style>
271<script type="text/javascript">
272<!--
273TextFiledClassName_normal = 'text';
274TextFiledClassName_focus  = 'text_focus';
275
276Event.observe(window, 'load', setFocusClass, false);
277
278function setFocusClass() {
279        var TFs = $A(document.getElementsByClassName(TextFiledClassName_normal));
280        TFs.each(function (node){
281                node.TFclass = node.className;
282                node.TFclass_onfocus = TextFiledClassName_focus;
283                node.onfocus = function() { this.className = this.TFclass_onfocus; };
284                node.onblur  = function() { this.className = this.TFclass; };
285        });
286}
287//-->
288</script>
289
290</head>
291
292<body id="pc_page_h_bookmark_list">
293
294
295
296<div align="left">
297
298<table class="ext_sub_container" border="0" cellspacing="0" cellpadding="0">
299<tr>
300<td class="ext_sub_container_left" align="left" valign="top">
301
302
303<table class="mainframe" border="0" cellspacing="0" cellpadding="0">
304<tr>
305<td class="container inc_page_header">
306
307<div class="w_screen inc_page_header after_login">
308
309<img src="./skin/005_openpne_blue/img/skin_after_header.jpg" class="bg_after">
310
311
312<a class="logo_home" href="./"><img src="./skin/dummy.gif" alt="XHTML+CSS化"></a>
313
314<div class="navi_global">
315<a class="navi_global_1" href="?m=pc&amp;a=page_h_search"><img src="./skin/dummy.gif" alt="メンバー検索"></a>
316<a class="navi_global_2" href="?m=pc&amp;a=page_h_com_find_all"><img src="./skin/dummy.gif" alt="コミュニティ検索"></a>
317<a class="navi_global_3" href="?m=pc&amp;a=page_h_review_search"><img src="./skin/dummy.gif" alt="レビュー検索"></a>
318<a class="navi_global_4" href="?m=pc&amp;a=page_h_home"><img src="./skin/dummy.gif" alt="マイホーム"></a>
319<a class="navi_global_5" href="?m=pc&amp;a=page_h_invite"><img src="./skin/dummy.gif" alt="友人を誘う"></a>
320<a class="navi_global_6" href="?m=pc&amp;a=page_h_diary_list_all"><img src="./skin/dummy.gif" alt="最新日記"></a>
321<a class="navi_global_7" href="?m=pc&amp;a=page_h_ranking"><img src="./skin/dummy.gif" alt="ランキング"></a>
322<a class="navi_global_8" href="?m=pc&amp;a=page_h_config"><img src="./skin/dummy.gif" alt="設定変更"></a>
323<a class="navi_global_9" href="./?m=pc&amp;a=do_inc_page_header_logout&amp;sessid=815bb1e79eddbcb30854f37f34c69672"><img src="./skin/dummy.gif" alt="ログアウト"></a>
324
325</div>
326
327</div>
328
329</td>
330</tr>
331<tr>
332<td class="container inc_navi">
333<div class="w_screen inc_navi">
334
335<img src="./skin/005_openpne_blue/img/skin_navi_h.jpg" class="bg">
336<div class="h">
337
338<a class="navi_h_1" href="?m=pc&amp;a=page_h_home"><img src="./skin/dummy.gif" alt="ホーム"></a>
339<a class="navi_h_2" href="?m=pc&amp;a=page_fh_friend_list"><img src="./skin/dummy.gif" alt="マイフレンド"></a>
340<a class="navi_h_3" href="?m=pc&amp;a=page_fh_diary_list"><img src="./skin/dummy.gif" alt="日記"></a>
341<a class="navi_h_4" href="?m=pc&amp;a=page_h_message_box"><img src="./skin/dummy.gif" alt="メッセージ"></a>
342
343<a class="navi_h_5" href="?m=pc&amp;a=page_h_ashiato"><img src="./skin/dummy.gif" alt="あしあと"></a>
344<a class="navi_h_6" href="?m=pc&amp;a=page_h_bookmark_list"><img src="./skin/dummy.gif" alt="お気に入り"></a>
345<a class="navi_h_7" href="?m=pc&amp;a=page_fh_review_list_member"><img src="./skin/dummy.gif" alt="マイレビュー"></a>
346<a class="navi_h_8" href="?m=pc&amp;a=page_h_prof"><img src="./skin/dummy.gif" alt="マイページ確認"></a>
347<a class="navi_h_9" href="?m=pc&amp;a=page_h_config_prof"><img src="./skin/dummy.gif" alt="プロフィール変更"></a>
348
349</div>
350
351</div>
352</td>
353</tr>
354
355<tr>
356<td class="container main_content" align="center">
357
358<table class="container" border="0" cellspacing="0" cellpadding="0"><tr>
359<td class="full_content" align="center">
360
361
362<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
363
364<!-- ********************************** -->
365<!-- ******ここから：無ブックマーク****** -->
366<table border="0" cellspacing="0" cellpadding="0" style="width:650px;margin:0px auto;" class="border_07">
367<tr>
368<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
369<td style="width:636px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
370<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
371</tr>
372<tr>
373<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
374<td class="bg_01" align="center">
375<!-- *ここから：無ブックマーク＞内容* -->
376<!-- ここから：小タイトル -->
377
378<table border="0" cellspacing="0" cellpadding="0" style="width:636px;" class="border_01">
379<tr>
380<td style="width:36px;" class="bg_06"><img src="./skin/default/img/content_header_1.gif" style="width:30px;height:20px;" class="dummy"></td>
381<td style="width:600px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">
382お気に入り
383</span></td>
384</tr>
385</table>
386<!-- ここまで：小タイトル -->
387<!-- ここから：主内容 -->
388<table border="0" cellspacing="0" cellpadding="0" style="width:636px;margin:0px auto;">
389<tr>
390<td style="width:636px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
391</tr>
392<tr>
393<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
394<td style="width:634px;" class="bg_02" align="center" valign="middle">
395
396<div style="padding:10px 90px;">
397
398まだお気に入り登録がありません。
399
400</div>
401
402</td>
403<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
404</tr>
405<tr>
406<td style="width:636px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
407</tr>
408</table>
409<!-- ここまで：主内容 -->
410<!-- 無し -->
411<!-- *ここまで：無ブックマーク＞＞内容* -->
412</td>
413
414<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
415</tr>
416<tr>
417<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
418<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
419<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
420</tr>
421</table>
422<!-- ******ここまで：無ブックマーク****** -->
423<!-- ********************************** -->
424
425<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
426
427
428</td>
429</tr>
430</table></td>
431
432</tr>
433<tr>
434<td class="container inc_page_footer">
435
436
437<table class="inc_page_footer" border="0" cellspacing="0" cellpadding="0">
438<tr>
439<td class="bg_page_footer" style="background: url(./skin/default/img/skin_footer.jpg) no-repeat ;">
440
441<a href="./?m=pc&amp;a=page_o_sns_kiyaku" target="_blank">利用規約</a> <a href="./?m=pc&amp;a=page_o_sns_privacy" target="_blank">プライバシーポリシー</a>
442
443</td>
444</tr>
445</table>
446
447</td>
448</tr>
449</table>
450
451
452
453</td>
454
455</tr>
456</table>
457
458</div>
459
460
461
462</body>
463
464</html>
Note: See TracBrowser for help on using the repository browser.