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

source: OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4/public_html/xhtml_style.php @ 5983

Last change on this file since 5983 was 5983, checked in by ogawa, 13 years ago

#1955:fh_diary_list,h_diary_list_allのrecentList(最新書き込みリスト)をXHTML+CSS化

File size: 31.3 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(OPENPNE_LIB_DIR . '/include', OPENPNE_WEBAPP_DIR . '/lib', ini_get('include_path'));
12ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));
13require_once OPENPNE_WEBAPP_DIR . '/lib/OpenPNE/DB.php';
14require_once OPENPNE_WEBAPP_DIR . '/lib/db/common.php';
15require_once OPENPNE_WEBAPP_DIR . '/lib/db/etc.php';
16
17header('Content-Type: text/css');
18?>
19
20@charset "UTF-8";
21
22/*==============================================================================
23 * デフォルトスタイルシートの上書き
24 *----------------------------------------------------------------------------*/
25html {} /* Safariで先頭のスタイル指定が無視される現象への対策 */
26
27body, div, p, pre, blockquote, th, td,
28dl, dt, dd, ul, ol, li,
29h1, h2, h3, h4, h5, h6,
30iframe, object, embed {
31        margin: 0;
32        padding: 0;
33        border: none;
34        text-align: left;
35}
36ul, ol {
37        list-style-position: outside;
38        list-style-type: none;
39}
40table {
41        border-collapse: separate;
42        border-spacing: 0;
43        empty-cells: show;
44        margin: 0;
45        font-size: 1em;
46}
47* {
48        word-break: break-all;
49}
50*:first-child+html table {
51        border-collapse: collapse;
52}
53* html table {
54        border-collapse: collapse;
55}
56th, td {
57        vertical-align: middle;
58}
59address, cite, caption, th, del, ins,
60abbr, acronym, dfn, em, strong,
61code, kbd, samp, var {
62        border: none;
63        font-style: normal;
64        font-variant: normal;
65        font-weight: normal;
66        text-align: left;
67        text-decoration: none;
68}
69img {
70        border: none;
71        vertical-align: baseline;
72}
73a img {
74        vertical-align: text-bottom;
75}
76br {
77        letter-spacing: 0;
78}
79h1, h2, h3, h4, h5, h6 {
80        font-size: 100%;
81        font-weight: normal;
82}
83q:before, q:after {
84        content: "";
85}
86form, fieldset, input, textarea {
87        margin: 0;
88}
89form, fieldset {
90        padding: 0;
91}
92fieldset {
93        border: none;
94}
95form p {
96        margin: 0;
97        padding: 0;
98}
99
100/*==============================================================================
101 * OpenPNE全共通指定
102 *----------------------------------------------------------------------------*/
103body {
104        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
105}
106input,
107textarea,
108select {
109        color: #333333;
110        font-size: inherit;
111        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
112}
113a:link {
114        color: #026cd1;
115}
116a:visited {
117        color: #004a95;
118}
119a:hover, a:active {
120        color: #76afe6;
121}
122.input_text,
123.input_password,
124textarea {
125        background-color: #f8f8f8;
126}
127.input_text,
128.input_password,
129textarea,
130select {
131        border: 1px solid #888888;
132}
133.input_image {
134        border: none;
135}
136p {
137        overflow: hidden;
138}
139strong {
140        font-weight: bold;
141}
142/*----------------------------------------------
143 * テーブル
144 *--------------------------------------------*/
145div.parts table {
146        table-layout: fixed;
147        width: 100%;
148}
149div.parts th,
150div.parts td {
151        overflow: hidden;
152        border-width: 1px 0 0 1px;
153        border-style: solid;
154        border-color: #cccccc;
155}
156div.parts tr th:first-child,
157div.parts tr td:first-child {
158        border-left-width: 0;
159}
160/*----------------------------------------------
161 * マーカー付きリンク、ボタンリンク
162 *--------------------------------------------*/
163ul.moreInfo li {
164        padding: 2px 0 2px 20px;
165        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif) no-repeat 0 0.4em;
166}
167ul.moreInfo.button li {
168        padding: 0;
169        background: none;
170}
171ul.moreInfo.button li form {
172        display: inline;
173}
174ul.moreInfo.button li form .input_submit {
175        margin: 0 5px;
176}
177/*----------------------------------------------
178 * サブミットボタン
179 *--------------------------------------------*/
180.input_submit {
181        border: 1px solid #888888;
182        background: #dadce6 url(http://takai.sns.dazai.pne.jp/skin/default/img/bg_button.gif) repeat-x scroll 50% 0;
183        letter-spacing: 0;
184}
185/*----------------------------------------------
186 * ラジオボタン、セレクトボタン
187 *--------------------------------------------*/
188.input_checkbox,
189.input_radio {
190        width: 16px;
191}
192ul.check {
193        line-height: 1.4;
194}
195ul.check .input_radio,
196ul.check .input_checkbox {
197        margin: 0 4px;
198}
199/*----------------------------------------------
200 * 画像置換指定
201 *--------------------------------------------*/
202#globalNav a,
203#globalNavBefore a,
204.localNav a {
205        display: block;
206        width: 100%;
207        height: 100%;
208        margin: 0;
209        padding: 0;
210        border: none;
211        text-indent: -9999px;
212        text-decoration: none;
213}
214#globalNav a:focus,
215#globalNavBefore a:focus,
216.localNav a:focus {
217        overflow: hidden;
218}
219/*----------------------------------------------
220 * clearfix, overflow: hidden
221 *--------------------------------------------*/
222div#LayoutA,
223div#LayoutB,
224div#LayoutC {
225        zoom: 1;
226        overflow: hidden;
227}
228/*----------------------------------------------
229 * ベースレイアウト
230 *--------------------------------------------*/
231#Container {
232        position: relative;
233        width: 720px;
234}
235#Header {
236        position: relative;
237}
238#LayoutA #Top {
239        padding-left: 5px;
240}
241#LayoutA #Left {
242        float: left;
243        width: 270px;
244        padding: 0 5px;
245}
246#LayoutA #Center {
247        float: right;
248        width: 440px;
249}
250#LayoutB #Left {
251        float: left;
252        width: 180px;
253}
254#LayoutB #Center {
255        float: right;
256        width: 540px;
257}
258#LayoutC #Center {
259        width: 650px;
260        margin: 0 auto;
261}
262/*----------------------------------------------
263 * パーツ枠
264 *--------------------------------------------*/
265div.dparts,
266div.dparts div.parts,
267div.ditem,
268#LayoutA #Left div.parts {
269        border: 1px solid #cccccc;
270}
271div.ditem div.item {
272        border-width: 0 1px 1px;
273        border-style: solid;
274        border-color: #cccccc;
275}
276div.dparts {
277        margin: 0 auto 10px;
278        padding: 7px;
279}
280div.dparts div.parts {
281        margin: 0;
282}
283div.parts {
284        margin: 0 auto 10px;
285}
286div.ditem {
287        padding: 5px 6px;
288}
289/*----------------------------------------------
290 * パーツ見出し
291 *--------------------------------------------*/
292.partsHeading {
293        overflow: hidden;
294        padding: 2px 0 2px 36px;
295        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/content_header_1.gif) no-repeat 0 0;
296        text-align: left;
297        font-size: 100%;
298}
299#LayoutA #Left .partsHeading {
300        padding-left: 24px;
301        background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_title_1.gif);
302}
303.partsHeading h3 {
304        display: inline;
305        font-weight: bold;
306}
307.partsHeading p {
308        display: inline;
309        margin-left: 0.5em;
310}
311/*----------------------------------------------
312 * パーツ内上下の部分(1件~20件を表示など)
313 *--------------------------------------------*/
314div.block,
315div.partsInfo,
316div.pagerAbsolute,
317div.pagerRelative,
318div.pagerRelativeMulti,
319div.operation {
320        border-top: 1px solid #cccccc;
321}
322div.partsInfo {
323        padding: 10px 40px;
324}
325div.pagerAbsolute {
326        padding: 4px;
327        text-align: center;
328}
329div.pagerAbsolute p {
330        display: inline;
331}
332div.pagerRelative,
333div.pagerRelativeMulti {
334        padding: 4px;
335        text-align: right;
336}
337div.pagerRelative p,
338div.pagerRelativeMulti div.pager p {
339        display: inline;
340        margin-left: 10px;
341}
342div.pagerRelativeMulti {
343        zoom: 1;
344        position: relative;
345}
346div.pagerRelativeMulti div.pager {
347        position: absolute;
348        top: 1em;
349        right: 4px;
350}
351div.operation {
352        padding: 4px;
353}
354div.operation ul.moreInfo {
355        text-align: center;
356}
357div.operation ul.moreInfo li {
358        display: inline;
359        background-position: 0 50%;
360}
361/*----------------------------------------------
362 * カレンダー
363 *--------------------------------------------*/
364table.calendar th {
365        text-align: center;
366}
367table.calendar td {
368        text-align: right;
369}
370th.sun {
371        color: #d92c49;
372}
373th.sat {
374        color: #2c65d9;
375}
376
377/*==============================================================================
378 * 0. h系、f系、c系ナビメニュー(localNav)
379 *----------------------------------------------------------------------------*/
380#globalNav,
381#globalNavBefore {
382        zoom: 1;
383        position: relative;
384        width: 720px;
385        height: 96px;
386}
387#globalNav {
388        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
389}
390#globalNavBefore {
391        margin-bottom: 10px;
392        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_before_header.jpg) 0 0 no-repeat;
393}
394#Footer {
395        position: relative;
396        width: 720px;
397        height: 21px;
398        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/skin_footer.jpg) 0 0 no-repeat;
399}
400#Footer p {
401        padding-right: 12px;
402        line-height: 21px;
403        text-align: right;
404}
405.localNav {
406        zoom: 1;
407        position: relative;
408        width: 720px;
409        height: 29px;
410}
411#globalNav li a:hover, #globalNav li a:active {
412        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
413}
414#hLocalNav {
415        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
416}
417#hLocalNav li a:hover, #hLocalNav li a:active {
418        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
419}
420#fLocalNav {
421        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
422}
423#fLocalNav li a:hover, #fLocalNav li a:active {
424        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
425}
426#cLocalNav {
427        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
428}
429#cLocalNav li a:hover, #cLocalNav li a:active {
430        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
431}
432#globalNav h1,
433#globalNavBefore h1 {
434        position: absolute;
435        top: 5px;
436        left: 0;
437        width: 240px;
438        height: 60px;
439}
440#globalNav li, .localNav li {
441        position: absolute;
442}
443
444li#globalNav_1,
445li#globalNav_2,
446li#globalNav_3 {
447        top: 70px;
448        height: 18px;
449}
450li#globalNav_4,
451li#globalNav_5,
452li#globalNav_6,
453li#globalNav_7,
454li#globalNav_8,
455li#globalNav_9 {
456        top: 68px;
457        height: 20px;
458}
459li#globalNav_1 { left:   2px; width: 88px; }
460li#globalNav_2 { left:  90px; width: 90px; }
461li#globalNav_3 { left: 180px; width: 88px; }
462li#globalNav_4 { left: 290px; width: 70px; }
463li#globalNav_5 { left: 360px; width: 72px; }
464li#globalNav_6 { left: 432px; width: 72px; }
465li#globalNav_7 { left: 504px; width: 72px; }
466li#globalNav_8 { left: 576px; width: 72px; }
467li#globalNav_9 { left: 648px; width: 70px; }
468li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
469li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
470li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
471li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
472li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
473li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
474li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
475li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
476li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
477
478#hLocalNav li {
479        top: 0;
480        width: 80px;
481        height: 29px;
482}
483li#hLocalNav_1 { left:   0px; }
484li#hLocalNav_2 { left:  80px; }
485li#hLocalNav_3 { left: 160px; }
486li#hLocalNav_4 { left: 240px; }
487li#hLocalNav_5 { left: 320px; }
488li#hLocalNav_6 { left: 400px; }
489li#hLocalNav_7 { left: 480px; }
490li#hLocalNav_8 { left: 560px; }
491li#hLocalNav_9 { left: 640px; }
492li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
493li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
494li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
495li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
496li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
497li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
498li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
499li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
500li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
501
502#fLocalNav li {
503        top: 0;
504        width: 80px;
505        height: 29px;
506}
507li#fLocalNav_1 { left:   0px; }
508li#fLocalNav_2 { left:  80px; }
509li#fLocalNav_3 { left: 160px; }
510li#fLocalNav_4 { left: 240px; }
511li#fLocalNav_5 { left: 320px; }
512li#fLocalNav_6 { left: 400px; }
513li#fLocalNav_7 { left: 480px; }
514li#fLocalNav_8 { left: 560px; }
515li#fLocalNav_9 { left: 640px; }
516li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
517li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
518li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
519li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
520li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
521li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
522li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
523li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
524li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
525
526#cLocalNav li {
527        top: 0;
528        width: 120px;
529        height: 29px;
530}
531li#cLocalNav_1 { left:   0px; }
532li#cLocalNav_2 { left: 120px; }
533li#cLocalNav_3 { left: 240px; }
534li#cLocalNav_4 { left: 360px; }
535li#cLocalNav_5 { left: 480px; }
536li#cLocalNav_6 { left: 600px; }
537li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
538li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
539li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
540li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
541li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
542li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
543
544#topBanner {
545        display: block;
546        position: absolute;
547        top: 5px;
548        left: 247px;
549        width: 468px;
550        height: 60px;
551}
552#sideBanner {
553        display: block;
554        position: absolute;
555        top: 0px;
556        left: 720px;
557}
558
559#Footer {
560        position: relative;
561        width: 720px;
562        height: 21px;
563        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/skin_footer.jpg) 0 0 no-repeat;
564}
565#Footer p {
566        padding-right: 12px;
567        line-height: 21px;
568        text-align: right;
569}
570
571
572/*==============================================================================
573 * 11. homePhotoBox(ホーム写真ボックス)
574 *----------------------------------------------------------------------------*/
575.homePhotoBox * {
576        text-align: center;
577}
578.homePhotoBox p.friendLink {
579        margin-bottom: 3px;
580}
581.homePhotoBox p.photo {
582        margin-top: 7px;
583}
584.homePhotoBox ul.moreInfo {
585        margin: 1px 0;
586}
587.homePhotoBox ul.moreInfo li {
588        padding: 1px 0;
589        background: none;
590}
591.homePhotoBox ul.moreInfo li img {
592        vertical-align: bottom;
593}
594.homePhotoBox p.rank {
595        margin-top: 6px;
596}
597.homePhotoBox p.point {
598        margin-top: 2px;
599}
600.homePhotoBox p.text {
601        margin-top: 4px;
602}
603.homePhotoBox p.loginTime {
604        margin-top: 0px;
605}
606
607/*==============================================================================
608 * 28. homeNineTable(ホーム9面テーブル)
609 *----------------------------------------------------------------------------*/
610.homeNineTable tr.photo td {
611        padding: 2px 0;
612        text-align: center;
613}
614.homeNineTable tr.photo td p.crown {
615        text-align: center;
616}
617.homeNineTable tr.text td {
618        padding: 2px;
619        text-align: center;
620}
621.homeNineTable div.moreInfo ul.moreInfo {
622        width: 11em;
623        margin: 6px 0 6px auto;
624}
625
626/*==============================================================================
627 * 18. searchResultList(検索結果リスト)
628 *----------------------------------------------------------------------------*/
629.searchResultList .ditem {
630        margin: 8px 34px;
631}
632.searchResultList .item {
633        zoom: 1;
634        position: relative;
635}
636.searchResultList td.photo {
637        width: 90px;
638        padding: 0;
639        text-align: center;
640}
641.searchResultList th, .searchResultList td {
642        padding: 5px;
643}
644.searchResultList th {
645        width: 75px;
646}
647#Body .searchResultList th:first-child {
648        border-left-width: 1px;
649}
650.searchResultList td.operation {
651        padding: 0;
652        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 120px 0;
653}
654.searchResultList span.text {
655        position: absolute;
656        padding: 2px 0 0 5px;
657}
658.searchResultList span.moreInfo {
659        display: block;
660        margin-left: 120px;
661        text-align: center;
662}
663.searchResultList span.moreInfo img {
664        vertical-align: middle;
665}
666
667/*==============================================================================
668 * 30. homeMainTable(ホームメインテーブル)
669 *----------------------------------------------------------------------------*/
670.homeMainTable .partsHeading {
671        zoom: 1;
672        position: relative;
673}
674.homeMainTable .partsHeading p.link {
675        position: absolute;
676        top: 2px;
677        right: 8px;
678}
679.homeMainTable th {
680        width: 83px;
681        background-color: #eeeeee;
682}
683.homeMainTable th, .homeMainTable td {
684        padding: 5px;
685}
686.homeMainTable dl.articleList {
687        line-height: 1.3;
688}
689.homeMainTable dl.articleList dt {
690        clear: both;
691        float: left;
692        width: 4.3em;
693        padding-left: 13px;
694        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif) 3px 50% no-repeat scroll;
695}
696.homeMainTable dl.articleList dd {
697        min-height: 1.3em; /* ddが空のとき領域確保 */
698        margin-left: 5.3em;
699        padding-left: 18px;
700        background: url(http://takai.sns.dazai.pne.jp/skin/org/articleList_marker.gif) 0 4px no-repeat scroll;
701}
702.homeMainTable div.moreInfo ul.moreInfo {
703        width: 10em;
704        margin: 0 2px 0 auto;
705}
706.homeMainTable td.halfway ul.moreInfo {
707        width: 12em;
708        margin: 0 0 20px auto;
709}
710
711/*==============================================================================
712 * 34. sideNav(サイドナビ)
713 *----------------------------------------------------------------------------*/
714.sideNav .item {
715        overflow: hidden;
716        width: 150px;
717        margin: 0 auto 10px;
718        border: 8px solid #cccccc;
719}
720.sideNav .partsHeading {
721        border-bottom: 1px solid #cccccc;
722}
723.sideNav .pageNav ul {
724        margin: 1px;
725}
726.sideNav .pageNav li {
727        padding: 4px 0 4px 18px;
728        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif) 8px 50% no-repeat scroll;
729}
730.sideNav .pageNav li.looking {
731        background-color: #eeeeee;
732}
733.sideNav .calendar .partsHeading {
734        padding: 4px 0;
735        border: none;
736        background: none;
737        text-align: center;
738}
739.sideNav .calendar th {
740        background-color: #eeeeee;
741}
742.sideNav .calendar td {
743        padding: 1px 2px;
744}
745.sideNav .list {
746        padding: 4px 0;
747}
748.sideNav .list li {
749        padding-left: 16px;
750        background: no-repeat 6px 4px;
751}
752.sideNav .monthlyMessage li  { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif); }
753.sideNav .recentlyDiary li   { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_3.gif); }
754.sideNav .recentlyComment li { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_1.gif); }
755.sideNav .monthlyDiary li    { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_2.gif); }
756.sideNav .listCategory li    { background-image: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_2.gif); }
757
758/*==============================================================================
759 * 1. simpleBox(シンプルボックス)
760 *----------------------------------------------------------------------------*/
761.simpleBox .block {
762        padding: 10px 0;
763}
764.simpleBox .block p {
765        text-align: center;
766}
767
768/*==============================================================================
769 * 31. formTable(入力フォームテーブル)
770 *----------------------------------------------------------------------------*/
771.formTable .partsHeading {
772        zoom: 1;
773        position: relative;
774}
775.formTable strong {
776        font-weight: normal;
777        color: #ff0000;
778}
779.formTable p.caution {
780        color: #ff0000;
781}
782.formTable .partsHeading p.link {
783        position: absolute;
784        top: 2px;
785        right: 8px;
786}
787.formTable div.partsInfo {
788        background-color: #eeeeee;
789}
790.formTable th, .formTable td {
791        padding: 5px;
792}
793.formTable th {
794        width: 140px;
795}
796#LayoutB #Center .formTable th {
797        width: 80px;
798}
799.formTable table table td {
800        padding: 0;
801        border: none;
802}
803.formTable textarea {
804        width: 99%;
805}
806.formTable input.input_text_long {
807        width: 99%;
808}
809.formTable table table td.publicSelector {
810        width: 150px;
811        text-align: right;
812}
813.formTable div.checkList ul {
814        overflow: hidden;
815}
816.formTable div.checkList li {
817        overflow: hidden;
818        float: left;
819        width: 27%;
820        padding-left: 18px;
821        text-indent: -18px;
822        line-height: 1.6;
823}
824.formTable div.operation {
825        padding: 10px 0;
826}
827
828/*==============================================================================
829 * 29. photoTable(写真テーブル)
830 *----------------------------------------------------------------------------*/
831.photoTable {
832        width: 561px;
833}
834.photoTable tr.photo td {
835        padding: 8px 0;
836        text-align: center;
837}
838.photoTable tr.photo td p.crown {
839        text-align: center;
840}
841.photoTable tr.text td {
842        padding: 5px 2px;
843        text-align: center;
844}
845
846/*==============================================================================
847 * 6. yesNoButtonBox(はい、いいえボタン付きボックス)
848 *----------------------------------------------------------------------------*/
849.yesNoButtonBox .block {
850        padding: 10px 0;
851}
852.yesNoButtonBox .block p,
853.yesNoButtonBox ul.moreInfo.button {
854        text-align: center;
855}
856.yesNoButtonBox ul.moreInfo.button {
857        margin-top: 4px;
858}
859.yesNoButtonBox ul.moreInfo.button li {
860        display: inline;
861}
862
863/*==============================================================================
864 * 3. alertBox(アラートボックス)
865 *----------------------------------------------------------------------------*/
866.alertBox {
867        width: 564px;
868}
869#Body .alertBox th {
870        width: 148px;
871        padding: 8px 0;
872        border: none;
873        text-align: center;
874}
875#Body .alertBox td {
876        padding: 6px;
877        border-width: 0 0 0 1px;
878        color: #ff0000;
879}
880
881/*==============================================================================
882 * 17. commentList(コメントリスト)
883 *----------------------------------------------------------------------------*/
884.commentList dl {
885        border-top: 1px solid #cccccc; overflow:hidden;
886}
887.commentList dt {
888        float: left;
889        width: 70px;
890        padding-top: 5px;
891        text-align: center;
892}
893.commentList dd {
894        zoom: 1;
895        min-height: 5.5em;
896        margin-left: 70px;
897        border-left: 1px solid #cccccc;
898}
899* html .commentList dd {
900        height: 5.5em;
901}
902#LayoutC .commentList dt {
903        width: 110px;
904}
905#LayoutC .commentList dd {
906        margin-left: 110px;
907}
908.commentList dd div {
909        border-top: 1px solid #cccccc;
910}
911.commentList dd div p {
912        padding: 4px 3px;
913}
914.commentList dd div.title {
915        zoom: 1;
916        position: relative;
917        border-top: none;
918}
919.commentList dd div.title p.heading {
920        margin-right: 10.5em;
921}
922.commentList dd div.title p.public {
923        position: absolute;
924        top: 0;
925        right: 0;
926}
927.commentList dd ul.photo {
928        padding: 5px 5px 0;
929}
930.commentList dd ul.photo li {
931        display: inline;
932        margin-left: 6px;
933}
934.commentList dd div.footer p {
935        text-align: right;
936}
937.commentList div.operation {
938        padding: 8px 0;
939}
940
941/*==============================================================================
942 * 8. diaryDetailBox(日記詳細ボックス)
943 *----------------------------------------------------------------------------*/
944.diaryDetailBox .partsHeading {
945        zoom: 1;
946        position: relative;
947}
948.diaryDetailBox .partsHeading p.public {
949        position: absolute;
950        right: 3px;
951}
952.diaryDetailBox dl {
953        border-top: 1px solid #cccccc;
954}
955.diaryDetailBox dt {
956        float: left;
957        width: 70px;
958        padding-top: 5px;
959        text-align: center;
960}
961.diaryDetailBox dd {
962        zoom: 1;
963        min-height: 4.2em;
964        margin-left: 70px;
965        border-left: 1px solid #cccccc;
966}
967* html .diaryDetailBox dd {
968        height: 4.2em;
969}
970.diaryDetailBox dd div {
971        border-top: 1px solid #cccccc;
972}
973.diaryDetailBox dd div p {
974        padding: 4px 3px;
975}
976.diaryDetailBox dd div.title {
977        border-top: none;
978}
979.diaryDetailBox dd ul.photo {
980        padding: 5px 5px 0;
981}
982.diaryDetailBox dd ul.photo li {
983        display: inline;
984        margin-left: 6px;
985}
986.diaryDetailBox div.category ul {
987        padding: 4px;
988        text-align: right;
989}
990.diaryDetailBox div.category ul li {
991        display: inline;
992        font-size: 80%;
993}
994
995/*==============================================================================
996 * 21. recentList(最新書き込みリスト)
997 *----------------------------------------------------------------------------*/
998.recentList dl {
999        border-top: 1px solid #cccccc;
1000}
1001.recentList dt {
1002        float: left;
1003        width: 170px;
1004        padding: 5px;
1005        text-align: center;
1006}
1007.recentList dd {
1008        zoom: 1;
1009        margin-left: 180px;
1010        padding: 5px;
1011        border-left: 1px solid #cccccc;
1012}
1013#LayoutB #Center .recentList dt {
1014        width: 110px;
1015}
1016#LayoutB #Center .recentList dd {
1017        margin-left: 120px;
1018}
1019
1020/*==============================================================================
1021 * 10. eventDetailBox(イベント詳細ボックス)
1022 *----------------------------------------------------------------------------*/
1023.eventDetailBox dl {
1024        border-top: 1px solid #cccccc;
1025}
1026.eventDetailBox dt {
1027        float: left;
1028        width: 100px;
1029        padding: 5px;
1030        text-align: center;
1031}
1032.eventDetailBox dd {
1033        zoom: 1;
1034        margin-left: 110px;
1035        border-left: 1px solid #cccccc;
1036}
1037.eventDetailBox dd ul.photo {
1038        padding: 5px;
1039        border-bottom: 1px solid #cccccc;
1040}
1041.eventDetailBox dd ul.photo li {
1042        display: inline;
1043        margin-left: 6px;
1044}
1045.eventDetailBox dd table th {
1046        width: 112px;
1047        text-align: center;
1048        border-left: none;
1049}
1050.eventDetailBox dd table th,
1051.eventDetailBox dd table td {
1052        padding: 5px;
1053}
1054.eventDetailBox dd table tr:first-child th,
1055.eventDetailBox dd table tr:first-child td {
1056        border-top: none;
1057}
1058.eventDetailBox dd table ul.moreInfo {
1059        margin-top: -1.2em;
1060        text-align: right;
1061}
1062.eventDetailBox dd table ul.moreInfo li {
1063        display: inline;
1064        background-position: 0 50%;
1065}
1066
1067/*==============================================================================
1068 * 22. friendIntroList(フレンド紹介文リスト)
1069 *----------------------------------------------------------------------------*/
1070.friendIntroList th,
1071.friendIntroList td {
1072        padding: 14px;
1073}
1074.friendIntroList th {
1075        width: 120px;
1076        text-align: center;
1077}
1078.friendIntroList div.moreInfo ul.moreInfo {
1079        width: 10em;
1080        margin-left: auto;
1081        padding: 6px 2px;
1082}
1083.friendIntroList p.text {
1084        margin-bottom: 1em;
1085}
1086
1087/*==============================================================================
1088 * 9. topicDetailBox(トピック詳細ボックス)
1089 *----------------------------------------------------------------------------*/
1090.topicDetailBox dl {
1091        border-top: 1px solid #cccccc;
1092}
1093.topicDetailBox dt {
1094        float: left;
1095        width: 100px;
1096        padding: 5px;
1097        text-align: center;
1098}
1099.topicDetailBox dd {
1100        zoom: 1;
1101        margin-left: 110px;
1102        border-left: 1px solid #cccccc;
1103}
1104.topicDetailBox dd div {
1105        border-top: 1px solid #cccccc;
1106}
1107.topicDetailBox dd div p {
1108        padding: 5px;
1109}
1110.topicDetailBox dd div.title {
1111        border-top: none;
1112}
1113.topicDetailBox dd ul.photo {
1114        padding: 5px;
1115}
1116.topicDetailBox dd ul.photo li {
1117        display: inline;
1118        margin-left: 6px;
1119}
1120.topicDetailBox dd div.attachFile {
1121        padding: 16px 5px;
1122}
1123.topicDetailBox div.operation {
1124        padding: 10px 0;
1125}
1126
1127/*==============================================================================
1128 * 26. ashiatoList(あしあとリスト)
1129 *----------------------------------------------------------------------------*/
1130.ashiatoList div.partsInfo {
1131        border-bottom: 1px solid #cccccc;
1132}
1133.ashiatoList div.item {
1134        margin: 8px 40px;
1135        padding: 8px 0;
1136        border: 1px solid #cccccc;
1137}
1138.ashiatoList div.item p,
1139.ashiatoList div.item ul.list {
1140        padding-left: 160px;
1141}
1142.ashiatoList div.item p strong {
1143        margin: 0 2px;
1144}
1145.ashiatoList div.item ul.list {
1146        overflow: hidden;
1147        margin-top: 16px;
1148}
1149
1150/*==============================================================================
1151 * 15. linkLine(リンクライン)
1152 *----------------------------------------------------------------------------*/
1153.linkLine ul.moreInfo {
1154        text-align: center;
1155}
1156.linkLine ul.moreInfo li {
1157        display: inline;
1158        background-position: 0 50%;
1159}
1160
1161/*==============================================================================
1162 * 14. searchFormLine(検索フォームライン)
1163 *----------------------------------------------------------------------------*/
1164.searchFormLine ul {
1165        text-align: center;
1166        padding: 1px 0;
1167}
1168.searchFormLine ul li {
1169        display: inline;
1170}
1171.searchFormLine ul li * {
1172        vertical-align: middle;
1173}
1174.searchFormLine ul li label {
1175        margin-right: 2px;
1176        padding: 1px 13px 0 0;
1177        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_2.gif) no-repeat 100% 0;
1178}
1179
1180/*==============================================================================
1181 * 5. infoButtonBox(ボタン付き案内ボックス)
1182 *----------------------------------------------------------------------------*/
1183.infoButtonBox .block {
1184        padding: 30px 10px;
1185}
1186.infoButtonBox p,
1187.infoButtonBox ul {
1188        margin-top: 6px;
1189        text-align: center;
1190}
1191.infoButtonBox ul.check li {
1192        text-align: center;
1193}
1194.infoButtonBox ul.check li .input_submit {
1195        margin-top: 6px;
1196}
1197.infoButtonBox ul.moreInfo {
1198        margin-left: 230px;
1199}
1200.infoButtonBox ul.moreInfo.button {
1201        margin-left: 0;
1202}
1203.infoButtonBox ul.moreInfo.button li {
1204        text-align: center;
1205}
1206
1207/*==============================================================================
1208 * 12. homeInfoBox(ホームインフォメーションボックス)
1209 *----------------------------------------------------------------------------*/
1210#Body .homeInfoBox {
1211        border: 1px solid #cccccc;
1212}
1213#Body .homeInfoBox th {
1214        width: 105px;
1215        padding: 8px 0;
1216        border: none;
1217        text-align: center;
1218        background: #dddddd;
1219}
1220#Body .homeInfoBox td {
1221        padding: 6px;
1222        border-width: 0 0 0 1px;
1223}
1224 
1225/*==============================================================================
1226 * 32. weeklyCalendarTable(週間カレンダーテーブル)
1227 *----------------------------------------------------------------------------*/
1228.weeklyCalendarTable p.scheduleForm {
1229        margin: 0 auto;
1230        padding: 6px 5px;
1231}
1232.weeklyCalendarTable table td {
1233        vertical-align: top;
1234}
1235.weeklyCalendarTable table.calendar th {
1236        padding: 5px;
1237        text-align: left;
1238}
1239.weeklyCalendarTable table.calendar td {
1240        padding: 5px;
1241        border-top: none;
1242        text-align: left;
1243}
1244.weeklyCalendarTable table.calendar th.now,
1245.weeklyCalendarTable table.calendar td.now {
1246        background: #eeeeee;
1247}
1248.weeklyCalendarTable span.holiday {
1249        color: #d92c49;
1250}
1251.weeklyCalendarTable div.moreInfo ul.moreInfo {
1252        width: 11em;
1253        margin: 6px 0 6px auto;
1254}
1255
1256/*==============================================================================
1257 * 2. descriptionBox(説明ボックス)
1258 *----------------------------------------------------------------------------*/
1259#Top .descriptionBox {
1260        margin: 0 20px 10px;
1261}
1262.descriptionBox p {
1263        margin: 1em 2em;
1264}
1265
1266/*==============================================================================
1267 * 4. infoBox(案内ボックス)
1268 *----------------------------------------------------------------------------*/
1269#Body .infoBox {
1270        margin: 0 20px 10px;
1271}
1272#Body .infoBox th,
1273#Body .infoBox td {
1274        padding: 5px;
1275        border-top: none;
1276}
1277.infoBox th {
1278        background: #eeeeee;
1279}
1280.infoBox td {
1281        width: 15em;
1282}
1283
1284/*==============================================================================
1285 * 36. buttonLine(ボタンライン)
1286 *----------------------------------------------------------------------------*/
1287.buttonLine {
1288        text-align: center;
1289}
1290
1291/*==============================================================================
1292 *
1293 *----------------------------------------------------------------------------*/
1294
1295/*==============================================================================
1296 *
1297 *----------------------------------------------------------------------------*/
1298
1299/*==============================================================================
1300 *
1301 *----------------------------------------------------------------------------*/
Note: See TracBrowser for help on using the repository browser.