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

source: OpenPNE/branches/2_4/webapp/modules/pc/templates/inc_html_header.tpl @ 1118

Last change on this file since 1118 was 1118, checked in by takanashi, 14 years ago

ロールオーバー、ボタン背景画像にカスタムCSSが効かない問題を修正

File size: 8.4 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html>
3<head>
4<meta http-equiv="Pragma" content="no-cache">
5<meta http-equiv="Cache-Control" content="no-cache">
6<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">
7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8<meta http-equiv="Content-Style-Type" content="text/css">
9<title>({$title})</title>
10({if $smarty.const.SKIN_VERSION=='1.8'})
11<link rel="stylesheet" href="./css/default_1_8.css?v=2.2.5" type="text/css">
12({else})
13<link rel="stylesheet" href="./css/default.css?v=2.2.5" type="text/css">
14({/if})
15<style type="text/css">
16<!--
17/*枠線要素*/
18.border_00 { border: #({$border_00}) 1px solid ; }
19.border_01 { border: #({$border_01}) 1px solid ; }
20.border_02 { border: #({$border_02}) 1px solid ; }
21.border_03 { border: #({$border_03}) 1px solid ; }
22.border_04 { border: #({$border_04}) 1px solid ; }
23.border_05 { border: #({$border_05}) 1px solid ; }
24.border_06 { border: #({$border_06}) 1px solid ; }
25.border_07 { border: #({$border_07}) 1px solid ; }
26.border_08 { border: #({$border_08}) 1px solid ; }
27.border_09 { border: #({$border_09}) 1px solid ; }
28.border_10 { border: #({$border_10}) 1px solid ; }
29
30/*背景要素*/
31.bg_00 { background-color: #({$bg_00}) ; }
32.bg_01 { background-color: #({$bg_01}) ; }
33.bg_02 { background-color: #({$bg_02}) ; }
34.bg_03 { background-color: #({$bg_03}) ; }
35.bg_04 { background-color: #({$bg_04}) ; }
36.bg_05 { background-color: #({$bg_05}) ; }
37.bg_06 { background-color: #({$bg_06}) ; }
38.bg_07 { background-color: #({$bg_07}) ; }
39.bg_08 { background-color: #({$bg_08}) ; }
40.bg_09 { background-color: #({$bg_09}) ; }
41.bg_10 { background-color: #({$bg_10}) ; }
42.bg_11 { background-color: #({$bg_11}) ; }
43.bg_12 { background-color: #({$bg_12}) ; }
44.bg_13 { background-color: #({$bg_13}) ; }
45
46body { background-color: #({$bg_12}) ; }
47.container { background-color: #({$bg_13}) ; }
48
49.arrow_1 {
50  width: 17px ;
51  height: 14px ;
52  background: url(({t_img_url_skin filename=icon_arrow_1})) 0% 100%  no-repeat ;
53}
54.icon_1 {
55  width: 14px ;
56  height: 14px ;
57  background: url(({t_img_url_skin filename=icon_1})) 50% 70%  no-repeat ;
58}
59.icon_2 {
60  width: 14px ;
61  height: 14px ;
62  background: url(({t_img_url_skin filename=icon_2})) 50% 70%  no-repeat ;
63}
64.icon_3 {
65  width: 14px ;
66  height: 14px ;
67  background: url(({t_img_url_skin filename=icon_3})) 50% 70%  no-repeat ;
68}
69
70* { font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif ; }
71
72
73/*ボタンに対する背景画像の指定*/
74input.submit {
75        background: #DADCE6 url(({t_img_url_skin filename=bg_button})) 50% 0 repeat-x ;
76}
77
78({if $smarty.const.OPENPNE_ENABLE_ROLLOVER})
79/*ページヘッダロールオーバー設定*/
80div.inc_page_header div.navi_global a.navi_global_1:active ,
81div.inc_page_header div.navi_global a.navi_global_1:hover {
82        background: url(({t_img_url_skin filename=skin_after_header_2})) 0 -70px no-repeat ;
83}
84
85div.inc_page_header div.navi_global a.navi_global_2:active ,
86div.inc_page_header div.navi_global a.navi_global_2:hover {
87        background: url(({t_img_url_skin filename=skin_after_header_2})) -90px -70px no-repeat ;
88}
89
90div.inc_page_header div.navi_global a.navi_global_3:active ,
91div.inc_page_header div.navi_global a.navi_global_3:hover {
92        background: url(({t_img_url_skin filename=skin_after_header_2})) -180px -70px no-repeat ;
93}
94
95div.inc_page_header div.navi_global a.navi_global_4:active ,
96div.inc_page_header div.navi_global a.navi_global_4:hover {
97        background: url(({t_img_url_skin filename=skin_after_header_2})) -288px -70px no-repeat ;
98}
99
100div.inc_page_header div.navi_global a.navi_global_5:active ,
101div.inc_page_header div.navi_global a.navi_global_5:hover {
102        background: url(({t_img_url_skin filename=skin_after_header_2})) -360px -70px no-repeat ;
103}
104
105div.inc_page_header div.navi_global a.navi_global_6:active ,
106div.inc_page_header div.navi_global a.navi_global_6:hover {
107        background: url(({t_img_url_skin filename=skin_after_header_2})) -432px -70px no-repeat ;
108}
109
110div.inc_page_header div.navi_global a.navi_global_7:active ,
111div.inc_page_header div.navi_global a.navi_global_7:hover {
112        background: url(({t_img_url_skin filename=skin_after_header_2})) -504px -70px no-repeat ;
113}
114
115div.inc_page_header div.navi_global a.navi_global_8:active ,
116div.inc_page_header div.navi_global a.navi_global_8:hover {
117        background: url(({t_img_url_skin filename=skin_after_header_2})) -576px -70px no-repeat ;
118}
119
120div.inc_page_header div.navi_global a.navi_global_9:active ,
121div.inc_page_header div.navi_global a.navi_global_9:hover {
122        background: url(({t_img_url_skin filename=skin_after_header_2})) -648px -70px no-repeat ;
123}
124
125/*h系ナビロールオーバー設定*/
126.inc_navi div.h a.navi_h_1:active ,
127.inc_navi div.h a.navi_h_1:hover {
128        background: url(({t_img_url_skin filename=skin_navi_h_2})) 0 0 no-repeat ;
129}
130
131.inc_navi div.h a.navi_h_2:active ,
132.inc_navi div.h a.navi_h_2:hover {
133        background: url(({t_img_url_skin filename=skin_navi_h_2})) -80px 0 no-repeat ;
134}
135
136.inc_navi div.h a.navi_h_3:active ,
137.inc_navi div.h a.navi_h_3:hover {
138        background: url(({t_img_url_skin filename=skin_navi_h_2})) -160px 0 no-repeat ;
139}
140
141.inc_navi div.h a.navi_h_4:active ,
142.inc_navi div.h a.navi_h_4:hover {
143        background: url(({t_img_url_skin filename=skin_navi_h_2})) -240px 0 no-repeat ;
144}
145
146.inc_navi div.h a.navi_h_5:active ,
147.inc_navi div.h a.navi_h_5:hover {
148        background: url(({t_img_url_skin filename=skin_navi_h_2})) -320px 0 no-repeat ;
149}
150
151.inc_navi div.h a.navi_h_6:active ,
152.inc_navi div.h a.navi_h_6:hover {
153        background: url(({t_img_url_skin filename=skin_navi_h_2})) -400px 0 no-repeat ;
154}
155
156.inc_navi div.h a.navi_h_7:active ,
157.inc_navi div.h a.navi_h_7:hover {
158        background: url(({t_img_url_skin filename=skin_navi_h_2})) -480px 0 no-repeat ;
159}
160
161.inc_navi div.h a.navi_h_8:active ,
162.inc_navi div.h a.navi_h_8:hover {
163        background: url(({t_img_url_skin filename=skin_navi_h_2})) -560px 0 no-repeat ;
164}
165
166.inc_navi div.h a.navi_h_9:active ,
167.inc_navi div.h a.navi_h_9:hover {
168        background: url(({t_img_url_skin filename=skin_navi_h_2})) -640px 0 no-repeat ;
169}
170
171/*f系ナビロールオーバー設定*/
172.inc_navi div.f a.navi_f_1:active ,
173.inc_navi div.f a.navi_f_1:hover {
174        background: url(({t_img_url_skin filename=skin_navi_f_2})) 0 0 no-repeat ;
175}
176
177.inc_navi div.f a.navi_f_2:active ,
178.inc_navi div.f a.navi_f_2:hover {
179        background: url(({t_img_url_skin filename=skin_navi_f_2})) -80px 0 no-repeat ;
180}
181
182.inc_navi div.f a.navi_f_3:active ,
183.inc_navi div.f a.navi_f_3:hover {
184        background: url(({t_img_url_skin filename=skin_navi_f_2})) -160px 0 no-repeat ;
185}
186
187.inc_navi div.f a.navi_f_4:active ,
188.inc_navi div.f a.navi_f_4:hover {
189        background: url(({t_img_url_skin filename=skin_navi_f_2})) -240px 0 no-repeat ;
190}
191
192.inc_navi div.f a.navi_f_5:active ,
193.inc_navi div.f a.navi_f_5:hover {
194        background: url(({t_img_url_skin filename=skin_navi_f_2})) -320px 0 no-repeat ;
195}
196
197.inc_navi div.f a.navi_f_6:active ,
198.inc_navi div.f a.navi_f_6:hover {
199        background: url(({t_img_url_skin filename=skin_navi_f_2})) -400px 0 no-repeat ;
200}
201
202.inc_navi div.f a.navi_f_7:active ,
203.inc_navi div.f a.navi_f_7:hover {
204        background: url(({t_img_url_skin filename=skin_navi_f_2})) -480px 0 no-repeat ;
205}
206
207.inc_navi div.f a.navi_f_8:active ,
208.inc_navi div.f a.navi_f_8:hover {
209        background: url(({t_img_url_skin filename=skin_navi_f_2})) -560px 0 no-repeat ;
210}
211
212.inc_navi div.f a.navi_f_9:active ,
213.inc_navi div.f a.navi_f_9:hover {
214        background: url(({t_img_url_skin filename=skin_navi_f_2})) -640px 0 no-repeat ;
215}
216
217/*c系ナビロールオーバー設定*/
218.inc_navi div.c a.navi_c_1:active ,
219.inc_navi div.c a.navi_c_1:hover {
220        background: url(({t_img_url_skin filename=skin_navi_c_2})) 0 0 no-repeat ;
221}
222
223.inc_navi div.c a.navi_c_2:active ,
224.inc_navi div.c a.navi_c_2:hover {
225        background: url(({t_img_url_skin filename=skin_navi_c_2})) -120px 0 no-repeat ;
226}
227
228.inc_navi div.c a.navi_c_3:active ,
229.inc_navi div.c a.navi_c_3:hover {
230        background: url(({t_img_url_skin filename=skin_navi_c_2})) -240px 0 no-repeat ;
231}
232
233.inc_navi div.c a.navi_c_4:active ,
234.inc_navi div.c a.navi_c_4:hover {
235        background: url(({t_img_url_skin filename=skin_navi_c_2})) -360px 0 no-repeat ;
236}
237
238.inc_navi div.c a.navi_c_5:active ,
239.inc_navi div.c a.navi_c_5:hover {
240        background: url(({t_img_url_skin filename=skin_navi_c_2})) -480px 0 no-repeat ;
241}
242
243.inc_navi div.c a.navi_c_6:active ,
244.inc_navi div.c a.navi_c_6:hover {
245        background: url(({t_img_url_skin filename=skin_navi_c_2})) -600px 0 no-repeat ;
246}
247({/if})
248
249({$inc_custom_css|smarty:nodefaults})
250
251
252-->
253</style>
254({$inc_html_head|smarty:nodefaults})
255</head>
Note: See TracBrowser for help on using the repository browser.