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

source: OpenPNE/branches/prj/xhtmlcss/OpenPNE/public_html/xhtml_style.php @ 5253

Last change on this file since 5253 was 5253, checked in by ebihara, 14 years ago

#1557:グローバルナビのXHTML化コードのみ取りこみ(r5157:5151)

File size: 14.7 KB
Line 
1<?php
2/**
3 * @copyright 2005-2008 OpenPNE Project
4 * @license   http://www.php.net/license/3_01.txt PHP License 3.01
5 */
6
7require_once './config.inc.php';
8
9// include_path の設定
10include_once OPENPNE_LIB_DIR . '/include/PHP/Compat/Constant/PATH_SEPARATOR.php';
11$include_paths = array(
12    OPENPNE_LIB_DIR . '/include',
13    OPENPNE_WEBAPP_DIR . '/lib',
14    ini_get('include_path')
15);
16ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));
17require_once OPENPNE_WEBAPP_DIR . '/lib/OpenPNE/DB.php';
18require_once OPENPNE_WEBAPP_DIR . '/lib/db/common.php';
19require_once OPENPNE_WEBAPP_DIR . '/lib/db/etc.php';
20
21// エラー出力を抑制
22ini_set('display_errors', false);
23ob_start();
24
25// include_path の設定
26include_once OPENPNE_LIB_DIR . '/include/PHP/Compat/Constant/PATH_SEPARATOR.php';
27$include_paths = array(
28    OPENPNE_LIB_DIR . '/include',
29    OPENPNE_WEBAPP_DIR . '/lib',
30    ini_get('include_path')
31);
32ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));
33
34header('Content-Type: text/css');
35
36?>
37
38@charset "UTF-8";
39
40/*==============================================================================
41 * デフォルトスタイルシートの上書き
42 *----------------------------------------------------------------------------*/
43body, div, p, pre, blockquote, th, td,
44dl, dt, dd, ul, ol, li,
45h1, h2, h3, h4, h5, h6,
46iframe, object, embed {
47        margin: 0;
48        padding: 0;
49        border: 0;
50        text-align: left;
51}
52ul, ol {
53        list-style-position: outside;
54        list-style-type: none;
55}
56table {
57        border-collapse: collapse;
58        border-spacing: 0;
59        empty-cells: show;
60        margin: 0;
61}
62th, td {
63        vertical-align: middle;
64        word-break: break-all;
65}
66address, cite, caption, th, del, ins,
67abbr, acronym, dfn, em, strong,
68code, kbd, samp, var {
69        border: 0;
70        font-style: normal;
71        font-variant: normal;
72        font-weight: normal;
73        text-align: left;
74        text-decoration: none;
75}
76img {
77        border: 0;
78        vertical-align: bottom;
79}
80br {
81        letter-spacing: 0;
82}
83h1, h2, h3, h4, h5, h6 {
84        font-size: 100%;
85        font-weight: normal;
86}
87q:before, q:after {
88        content: "";
89}
90form, fieldset, input, textarea {
91        margin: 0;
92}
93form, fieldset {
94        padding: 0;
95}
96fieldset {
97        border: 0;
98}
99form p {
100        margin: 0;
101        padding: 0;
102}
103
104/*==============================================================================
105 * OpenPNE全共通指定
106 *----------------------------------------------------------------------------*/
107body {
108        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
109}
110a:link {
111        color: #026cd1;
112}
113a:visited {
114        color: #004a95;
115}
116a:hover, a:active {
117        color: #76afe6;
118}
119#Container {
120        width: 720px;
121}
122.input_text,
123.input_password,
124textarea {
125        border: 1px solid #888888;
126        background-color: #f8f8f8;
127}
128div.pbox {
129        position: relative;
130}
131/*----------------------------------------------
132 * サブミットボタン
133 *--------------------------------------------*/
134.input_submit {
135        margin-right: 10px;
136        border: 1px solid #888888;
137        background: #dadce6 url(http://takai.sns.dazai.pne.jp/skin/default/img/bg_button.gif) repeat-x scroll 50% 0;
138        letter-spacing: 2px;
139}
140/*----------------------------------------------
141 * ラベルの矢印
142 *--------------------------------------------*/
143label.arrow {
144        padding: 3px 18px 2px 0;
145        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_2.gif) no-repeat 100% 0;
146}
147/*----------------------------------------------
148 * 「もっと読む」「全てを見る」の部分
149 *--------------------------------------------*/
150ul.moreInfo li {
151        line-height: 1.5;
152}
153ul.moreInfo li a {
154        padding-left: 20px;
155        background: url("http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif") no-repeat 0 50%;
156}
157.footer ul.moreInfo {
158        width: 140px;
159        margin: 4px 2px 4px auto;
160}
161/*----------------------------------------------
162 * 画像置換指定
163 *--------------------------------------------*/
164#globalNav a,
165.localNav a,
166#homePhoto li a {
167        display: block;
168        width: 100%;
169        height: 100%;
170        margin: 0;
171        padding: 0;
172        border: 0;
173        text-indent: -9999px;
174        text-decoration: none;
175}
176#globalNav a:focus,
177.localNav a:focus,
178#homePhoto li a:focus {
179        overflow: hidden;
180}
181/*----------------------------------------------
182 * パーツ枠
183 *--------------------------------------------*/
184div.dparts {
185        width: 636px;
186        margin: 10px auto;
187        padding: 7px;
188        border: 1px solid #cccccc;
189}
190div.dparts div.parts {
191        border: 1px solid #cccccc;
192}
193/*----------------------------------------------
194 * パーツ見出し
195 *--------------------------------------------*/
196h3 {
197        width: auto;
198        margin: 0;
199        padding: 2px 0 2px 36px;
200        border-bottom: 2px solid #cccccc;
201        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/content_header_1.gif) no-repeat 0 50%;
202        line-height: 1.2;
203        text-align: left;
204        font-weight: bold;
205        font-size: 100%;
206}
207/*----------------------------------------------
208 * パーツ内容
209 *--------------------------------------------*/
210div.double {
211        padding: 7px;
212        border: 1px solid #cccccc;
213}
214div.item {
215        margin: 7px 36px;
216}
217div.box {
218        padding: 2px;
219        border: 1px solid #cccccc;
220}
221div.box p {
222        margin: 4px;
223}
224
225/*==============================================================================
226 * 0. h系、f系、c系ナビメニュー(localNav)
227 *----------------------------------------------------------------------------*/
228#globalNav {
229        position: relative;
230        width: 720px;
231        height: 96px;
232        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
233}
234.localNav {
235        position: relative;
236        width: 720px;
237        height: 29px;
238}
239#globalNav li a:hover, #globalNav li a:active {
240        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
241}
242#hLocalNav {
243        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
244}
245#hLocalNav li a:hover, #hLocalNav li a:active {
246        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
247}
248#fLocalNav {
249        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
250}
251#fLocalNav li a:hover, #fLocalNav li a:active {
252        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
253}
254#cLocalNav {
255        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
256}
257#cLocalNav li a:hover, #cLocalNav li a:active {
258        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
259}
260#globalNav h1 {
261        position: absolute;
262        top: 5px;
263        left: 0;
264        width: 240px;
265        height: 60px;
266}
267#globalNav li, .localNav li {
268        position: absolute;
269}
270
271li#globalNav_1,
272li#globalNav_2,
273li#globalNav_3 {
274        top: 70px;
275        height: 18px;
276}
277li#globalNav_4,
278li#globalNav_5,
279li#globalNav_6,
280li#globalNav_7,
281li#globalNav_8,
282li#globalNav_9 {
283        top: 68px;
284        height: 20px;
285}
286li#globalNav_1 { left:   2px; width: 88px; }
287li#globalNav_2 { left:  90px; width: 90px; }
288li#globalNav_3 { left: 180px; width: 88px; }
289li#globalNav_4 { left: 290px; width: 70px; }
290li#globalNav_5 { left: 360px; width: 72px; }
291li#globalNav_6 { left: 432px; width: 72px; }
292li#globalNav_7 { left: 504px; width: 72px; }
293li#globalNav_8 { left: 576px; width: 72px; }
294li#globalNav_9 { left: 648px; width: 70px; }
295li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
296li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
297li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
298li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
299li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
300li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
301li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
302li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
303li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
304
305#hLocalNav li {
306        top: 0;
307        width: 80px;
308        height: 29px;
309}
310li#hLocalNav_1 { left:   0px; }
311li#hLocalNav_2 { left:  80px; }
312li#hLocalNav_3 { left: 160px; }
313li#hLocalNav_4 { left: 240px; }
314li#hLocalNav_5 { left: 320px; }
315li#hLocalNav_6 { left: 400px; }
316li#hLocalNav_7 { left: 480px; }
317li#hLocalNav_8 { left: 560px; }
318li#hLocalNav_9 { left: 640px; }
319li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
320li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
321li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
322li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
323li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
324li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
325li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
326li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
327li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
328
329#fLocalNav li {
330        top: 0;
331        width: 80px;
332        height: 29px;
333}
334li#fLocalNav_1 { left:   0px; }
335li#fLocalNav_2 { left:  80px; }
336li#fLocalNav_3 { left: 160px; }
337li#fLocalNav_4 { left: 240px; }
338li#fLocalNav_5 { left: 320px; }
339li#fLocalNav_6 { left: 400px; }
340li#fLocalNav_7 { left: 480px; }
341li#fLocalNav_8 { left: 560px; }
342li#fLocalNav_9 { left: 640px; }
343li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
344li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
345li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
346li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
347li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
348li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
349li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
350li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
351li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
352
353#cLocalNav li {
354        top: 0;
355        width: 120px;
356        height: 29px;
357}
358li#cLocalNav_1 { left:   0px; }
359li#cLocalNav_2 { left: 120px; }
360li#cLocalNav_3 { left: 240px; }
361li#cLocalNav_4 { left: 360px; }
362li#cLocalNav_5 { left: 480px; }
363li#cLocalNav_6 { left: 600px; }
364li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
365li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
366li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
367li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
368li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
369li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
370
371/*==============================================================================
372 * (2月7日) h_home 書き換え時の指定
373 *----------------------------------------------------------------------------*/
374#search form p {
375        padding: 4px 0;
376        text-align: center;
377}
378#info {
379        margin: 4px 0 0 6px;
380}
381#pc_page_h_home #info table {
382        width: 100%;
383}
384#pc_page_h_home #info table th {
385        width: 102px;
386        border: 1px solid #cccccc;
387        background-color: #dddddd;
388        text-align: center;
389}
390#pc_page_h_home #info table td {
391        border: 1px solid #cccccc;
392        padding: 5px;
393}
394
395/*==============================================================================
396 * 1. ホームの写真表示領域(homePhoto)
397 *----------------------------------------------------------------------------*/
398#HomeLeft table th.heading { /* パーツ見出しの指定、あとで汎用化する */
399        width: auto;
400        margin: 0;
401        padding: 2px 0 2px 24px;
402        border: 2px solid #cccccc;
403        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_title_1.gif) no-repeat 0 50%;
404        line-height: 1.2;
405        text-align: left;
406        font-weight: bold;
407        font-size: 100%;
408}
409#HomeLeft {
410        width: 270px;
411        padding: 0 5px;
412}
413#HomeLeft #homePhoto {
414        margin-top: 5px;
415        padding: 7px;
416        border: 1px solid #cccccc;
417}
418#HomeLeft #homePhoto div.photo {
419        border: 1px solid #cccccc;
420}
421#HomeLeft #homePhoto p {
422        text-align: center;
423}
424#HomeLeft #homePhoto p.photo {
425        margin-top: 7px;
426}
427#HomeLeft #homePhoto li {
428        width: 120px;
429        height: 20px;
430        margin: 2px auto 3px;
431        line-height: 1.2;
432}
433#HomeLeft li#hHomePhoto_1 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_edit_photo.gif) no-repeat; }
434#HomeLeft li#hHomePhoto_2 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_prof_conf.gif) no-repeat; }
435#HomeLeft li#fHomePhoto_1 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_show_photo.gif) no-repeat; }
436
437#HomeLeft #homePhoto div.text p.friendLink { margin-bottom: 3px; }
438#HomeLeft #homePhoto div.text p.rank { margin-top: 6px; }
439#HomeLeft #homePhoto div.text p.point { margin-top: 2px; }
440#HomeLeft #homePhoto div.text p.text { margin-top: 4px; }
441#HomeLeft #homePhoto div.text p.loginTime { margin-top: 0px; }
442
443/*==============================================================================
444 * 2. 9面パズル(table3x)
445 *----------------------------------------------------------------------------*/
446.table3x {
447        margin-top: 6px; /* これはパーツ共通のマージンなのでセレクタを変えるかもしれません */
448}
449.table3x table {
450        width: 100%;
451        border: 2px solid #cccccc;
452}
453.table3x td {
454        border: 1px solid #cccccc;
455        vertical-align: top;
456}
457.table3x p {
458        text-align: center;
459}
460.table3x p.photo {
461        height: 76px;
462        padding: 2px;
463        border-bottom: 1px solid #cccccc;
464}
465.table3x p.text {
466        margin: 2px;
467        overflow: auto;
468}
469/*==============================================================================
470 * 3. 検索結果一覧系(searchResultList)
471 *----------------------------------------------------------------------------*/
472.searchResultList p.partsInfo{
473        padding: 4px;
474        border-style: solid;
475        border-color: #cccccc;
476        text-align: right;
477}
478.searchResultList p.top {
479        border-width: 0 1px 2px 1px;
480}
481.searchResultList p.bottom {
482        border-width: 2px 1px 0 1px;
483}
484.searchResultList p.partsInfo span.moreInfo {
485        margin-left: 8px;
486}
487.searchResultList table {
488        table-layout: fixed;
489        position: relative;
490        width: 100%;
491}
492.searchResultList td.photo {
493        width: 90px;
494        padding: 0;
495        text-align: center;
496}
497.searchResultList th, .searchResultList td {
498        padding: 6px 5px;
499        border: 1px solid #cccccc;
500}
501.searchResultList th {
502        width: 74px;
503}
504.searchResultList tr.name th,
505.searchResultList tr.body th {
506        letter-spacing: 8px;
507}
508.searchResultList tr.date td {
509        background: url("http://takai.sns.dazai.pne.jp/skin/org/r120.gif") repeat-y;
510}
511.searchResultList td span.moreInfo {
512        display: block;
513        position: absolute;
514        bottom: 5px;
515        right: 70px;
516        background-color:#ffd;
517}
518
Note: See TracBrowser for help on using the repository browser.