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

source: OpenPNE/branches/stable-2.12.x/public_html/xhtml_style.php @ 7135

Last change on this file since 7135 was 7135, checked in by ebihara, 12 years ago

#2140:xhtml_style.php に Etag を導入

File size: 49.5 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';
8require_once OPENPNE_WEBAPP_DIR . '/init.inc';
9require_once 'smarty_plugins/function.t_img_url_skin.php';
10require_once 'Etag.php';
11
12$custom_css = p_common_c_siteadmin4target_pagename('inc_custom_css');
13$decoration_config = db_decoration_enable_list();
14$old_colors = util_get_color_config();
15$colors = array(
16    1 => $old_colors['bg_01'], // (1)線の色
17    2 => $old_colors['bg_12'], // (2)ページ背景
18    3 => $old_colors['bg_13'], // (3)コンテンツ領域背景
19    4 => $old_colors['bg_00'], // (4)枠色
20    5 => $old_colors['bg_06'], // (5)コンテンツ見出し背景
21    6 => $old_colors['bg_09'], // (6)説明領域背景
22    7 => $old_colors['bg_09'], // (7)項目背景
23    8 => $old_colors['bg_02'], // (8)ボックスの背景
24    9 => $old_colors['bg_10'], // (9)左メニュー枠色
25);
26
27$etag_key = md5(OPENPNE_SKIN_THEME . $custom_css . serialize($decoration_config) . serialize($colors));
28$etag =& new Etag($etag_key, @filemtime(__FILE__));
29if ($etag->etagCheck()) {
30    exit;
31}
32
33function getSkin($name)
34{
35    $params['filename'] = $name;
36    return smarty_function_t_img_url_skin($params, $dummy);
37}
38
39header('Content-Type: text/css');
40?>
41@charset "UTF-8";
42
43/*==============================================================================
44 * デフォルトスタイルシートの上書き
45 *----------------------------------------------------------------------------*/
46body, div, p, pre, blockquote, th, td,
47dl, dt, dd, ul, ol, li,
48h1, h2, h3, h4, h5, h6,
49iframe, object, embed {
50        margin: 0;
51        padding: 0;
52        border: none;
53        text-align: left;
54}
55ul, ol {
56        list-style-position: outside;
57        list-style-type: none;
58}
59table {
60        border-collapse: separate;
61        border-spacing: 0;
62        empty-cells: show;
63        margin: 0;
64        font-size: 1em;
65}
66* {
67        word-break: break-all;
68}
69*:first-child+html table {
70        border-collapse: collapse;
71}
72* html table {
73        border-collapse: collapse;
74}
75th, td {
76        vertical-align: middle;
77}
78address, cite, caption, th, del, ins,
79abbr, acronym, dfn, em, strong,
80code, kbd, samp, var {
81        border: none;
82        font-style: normal;
83        font-variant: normal;
84        font-weight: normal;
85        text-align: left;
86        text-decoration: none;
87}
88img {
89        border: none;
90        vertical-align: baseline;
91}
92a img {
93        vertical-align: text-bottom;
94}
95br {
96        letter-spacing: 0;
97}
98h1, h2, h3, h4, h5, h6 {
99        font-size: 100%;
100        font-weight: normal;
101}
102q:before, q:after {
103        content: "";
104}
105form, fieldset, input, textarea {
106        margin: 0;
107}
108form, fieldset {
109        padding: 0;
110}
111fieldset {
112        border: none;
113}
114form p {
115        margin: 0;
116        padding: 0;
117}
118
119/*==============================================================================
120 * OpenPNE全共通指定
121 *----------------------------------------------------------------------------*/
122body {
123        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
124}
125input,
126textarea,
127select {
128        color: #333333;
129        font-size: inherit;
130        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
131}
132a:link {
133        color: #026cd1;
134}
135a:visited {
136        color: #004a95;
137}
138a:hover, a:active {
139        color: #76afe6;
140}
141.input_text,
142.input_password,
143textarea {
144        background-color: #f8f8f8;
145}
146.input_text,
147.input_password,
148textarea,
149select {
150        border: 1px solid #888888;
151}
152.input_image {
153        border: none;
154}
155p {
156        overflow: hidden;
157}
158a:focus {
159        margin-left: 1px;
160        margin-right: -1px;
161}
162strong {
163        font-weight: bold;
164}
165/*----------------------------------------------
166 * テーブル
167 *--------------------------------------------*/
168div.parts table {
169        table-layout: fixed;
170        width: 100%;
171}
172div.parts th,
173div.parts td {
174        overflow: hidden;
175        border-width: 1px 0 0 1px;
176        border-style: solid;
177        border-color: #<?php echo $colors[1]; ?>;
178}
179div.parts tr th:first-child,
180div.parts tr td:first-child {
181        border-left-width: 0;
182}
183/*----------------------------------------------
184 * マーカー付きリンク、ボタンリンク
185 *--------------------------------------------*/
186ul.moreInfo li {
187        padding: 2px 0 2px 20px;
188        background: url(<?php echo getSkin('icon_arrow_1'); ?>) no-repeat 0 0.4em;
189}
190ul.moreInfo.button li {
191        padding: 0;
192        background: none;
193}
194/*----------------------------------------------
195 * サブミットボタン
196 *--------------------------------------------*/
197.input_submit {
198        border: 1px solid #888888;
199        background: #dadce6 url(<?php echo getSkin('bg_button'); ?>) repeat-x scroll 50% 0;
200        letter-spacing: 0;
201}
202.input_file {
203        background: none;
204}
205/*----------------------------------------------
206 * ラジオボタン、セレクトボタン
207 *--------------------------------------------*/
208.input_checkbox,
209.input_radio {
210        width: 16px;
211}
212ul.check {
213        line-height: 1.4;
214}
215ul.check .input_radio,
216ul.check .input_checkbox {
217        margin: 0 4px;
218}
219/*----------------------------------------------
220 * 画像置換指定
221 *--------------------------------------------*/
222#globalNav a,
223#globalNavBefore a,
224.localNav a {
225        display: block;
226        width: 100%;
227        height: 100%;
228        margin: 0;
229        padding: 0;
230        border: none;
231        text-indent: -9999px;
232        text-decoration: none;
233}
234#globalNav a:focus,
235#globalNavBefore a:focus,
236.localNav a:focus {
237        overflow: hidden;
238}
239/*----------------------------------------------
240 * clearfix, overflow: hidden
241 *--------------------------------------------*/
242div#LayoutA,
243div#LayoutB,
244div#LayoutC {
245        zoom: 1;
246        overflow: hidden;
247        overflow: -moz-scrollbars-none;
248}
249#Left,
250#Center {
251        overflow: hidden;
252}
253
254/*----------------------------------------------
255 * ベースレイアウト
256 *--------------------------------------------*/
257#Container {
258        width: 720px;
259}
260#LayoutA #Left {
261        float: left;
262        width: 270px;
263        padding: 0 5px;
264}
265#LayoutA #Center {
266        float: right;
267        width: 440px;
268}
269#LayoutB #Left {
270        float: left;
271        width: 180px;
272}
273#LayoutB #Center {
274        float: right;
275        width: 540px;
276}
277#LayoutC #Center {
278        width: 650px;
279        margin: 0 auto;
280}
281/*----------------------------------------------
282 * パーツ枠
283 *--------------------------------------------*/
284div.dparts,
285div.dparts div.parts,
286div.ditem,
287#LayoutA #Left div.parts {
288        border: 1px solid #<?php echo $colors[1]; ?>;
289}
290div.ditem div.item {
291        border-width: 0 1px 1px;
292        border-style: solid;
293        border-color: #<?php echo $colors[1]; ?>;
294}
295div.dparts {
296        margin: 0 auto 10px;
297        padding: 7px;
298}
299div.dparts div.parts {
300        margin: 0;
301}
302div.parts {
303        margin: 0 auto 10px;
304}
305div.ditem {
306        padding: 5px 6px;
307}
308/*----------------------------------------------
309 * パーツ見出し
310 *--------------------------------------------*/
311.partsHeading {
312        overflow: hidden;
313        padding: 2px 0 2px 36px;
314        background: #<?php echo $colors[5]; ?> url(<?php echo getSkin('content_header_1'); ?>) no-repeat 0 0;
315        text-align: left;
316        font-size: 100%;
317}
318#LayoutA #Left .partsHeading {
319        padding-left: 24px;
320        background-image: url(<?php echo getSkin('icon_title_1'); ?>);
321}
322.partsHeading h3 {
323        display: inline;
324        font-weight: bold;
325}
326.partsHeading p {
327        display: inline;
328        margin-left: 0.5em;
329}
330/*----------------------------------------------
331 * パーツ内上下の部分(1件~20件を表示など)
332 *--------------------------------------------*/
333div.block,
334div.partsInfo,
335div.pagerAbsolute,
336div.pagerRelative,
337div.pagerRelativeMulti,
338div.operation {
339        border-top: 1px solid #<?php echo $colors[1]; ?>;
340}
341div.partsInfo {
342        padding: 10px 40px;
343}
344div.pagerAbsolute {
345        padding: 4px;
346        text-align: center;
347}
348div.pagerAbsolute p {
349        display: inline;
350}
351div.pagerRelative {
352        padding: 4px;
353        text-align: right;
354}
355div.pagerRelativeMulti {
356        padding: 4px;
357}
358div.pagerRelative p,
359div.pagerRelativeMulti div.pager p {
360        display: inline;
361        margin-left: 10px;
362}
363div.pagerRelativeMulti {
364        zoom: 1;
365        position: relative;
366}
367div.pagerRelativeMulti div.pager {
368        position: absolute;
369        top: 1em;
370        right: 4px;
371}
372div.operation {
373        padding: 4px;
374}
375div.operation ul.moreInfo {
376        text-align: center;
377}
378div.operation ul.moreInfo li {
379        display: inline;
380        background-position: 0 50%;
381}
382/*----------------------------------------------
383 * カレンダー
384 *--------------------------------------------*/
385#Body .calendar .holiday,
386.calendar .sun {
387        color: #d92c49;
388}
389.calendar .sat {
390        color: #2c65d9;
391}
392
393/*==============================================================================
394 * 0. h系、f系、c系ナビメニュー(localNav)
395 *----------------------------------------------------------------------------*/
396#globalNav,
397#globalNavBefore {
398        zoom: 1;
399        position: relative;
400        width: 720px;
401        height: 96px;
402}
403#globalNav {
404        background: url(<?php echo getSkin('skin_after_header'); ?>) 0 0 no-repeat;
405}
406#globalNavBefore {
407        margin-bottom: 10px;
408        background: url(<?php echo getSkin('skin_before_header'); ?>) 0 0 no-repeat;
409}
410.localNav {
411        zoom: 1;
412        position: relative;
413        width: 720px;
414        height: 29px;
415}
416#hLocalNav {
417        background: url(<?php echo getSkin('skin_navi_h'); ?>) 0 0 no-repeat;
418}
419#fLocalNav {
420        background: url(<?php echo getSkin('skin_navi_f'); ?>) 0 0 no-repeat;
421}
422#cLocalNav {
423        background: url(<?php echo getSkin('skin_navi_c'); ?>) 0 0 no-repeat;
424}
425<?php if (OPENPNE_ENABLE_ROLLOVER): ?>
426#globalNav li a:hover, #globalNav li a:active {
427        background-image: url(<?php echo getSkin('skin_after_header_2'); ?>);
428}
429#hLocalNav li a:hover, #hLocalNav li a:active {
430        background-image: url(<?php echo getSkin('skin_navi_h_2'); ?>);
431}
432#fLocalNav li a:hover, #fLocalNav li a:active {
433        background-image: url(<?php echo getSkin('skin_navi_f_2'); ?>);
434}
435#cLocalNav li a:hover, #cLocalNav li a:active {
436        background-image: url(<?php echo getSkin('skin_navi_c_2'); ?>);
437}
438<?php endif; ?>
439
440#globalNav h1,
441#globalNavBefore h1 {
442        position: absolute;
443        top: 5px;
444        left: 0;
445        width: 240px;
446        height: 60px;
447}
448#globalNav li, .localNav li {
449        position: absolute;
450}
451
452li#globalNav_1,
453li#globalNav_2,
454li#globalNav_3 {
455        top: 70px;
456        height: 18px;
457}
458li#globalNav_4,
459li#globalNav_5,
460li#globalNav_6,
461li#globalNav_7,
462li#globalNav_8,
463li#globalNav_9 {
464        top: 68px;
465        height: 20px;
466}
467li#globalNav_1 { left:   2px; width: 88px; }
468li#globalNav_2 { left:  90px; width: 90px; }
469li#globalNav_3 { left: 180px; width: 88px; }
470li#globalNav_4 { left: 290px; width: 70px; }
471li#globalNav_5 { left: 360px; width: 72px; }
472li#globalNav_6 { left: 432px; width: 72px; }
473li#globalNav_7 { left: 504px; width: 72px; }
474li#globalNav_8 { left: 576px; width: 72px; }
475li#globalNav_9 { left: 648px; width: 70px; }
476li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
477li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
478li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
479li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
480li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
481li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
482li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
483li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
484li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
485
486#hLocalNav li {
487        top: 0;
488        width: 80px;
489        height: 29px;
490}
491li#hLocalNav_1 { left:   0px; }
492li#hLocalNav_2 { left:  80px; }
493li#hLocalNav_3 { left: 160px; }
494li#hLocalNav_4 { left: 240px; }
495li#hLocalNav_5 { left: 320px; }
496li#hLocalNav_6 { left: 400px; }
497li#hLocalNav_7 { left: 480px; }
498li#hLocalNav_8 { left: 560px; }
499li#hLocalNav_9 { left: 640px; }
500li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
501li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
502li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
503li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
504li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
505li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
506li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
507li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
508li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
509
510#fLocalNav li {
511        top: 0;
512        width: 80px;
513        height: 29px;
514}
515li#fLocalNav_1 { left:   0px; }
516li#fLocalNav_2 { left:  80px; }
517li#fLocalNav_3 { left: 160px; }
518li#fLocalNav_4 { left: 240px; }
519li#fLocalNav_5 { left: 320px; }
520li#fLocalNav_6 { left: 400px; }
521li#fLocalNav_7 { left: 480px; }
522li#fLocalNav_8 { left: 560px; }
523li#fLocalNav_9 { left: 640px; }
524li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
525li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
526li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
527li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
528li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
529li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
530li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
531li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
532li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
533
534#cLocalNav li {
535        top: 0;
536        width: 120px;
537        height: 29px;
538}
539li#cLocalNav_1 { left:   0px; }
540li#cLocalNav_2 { left: 120px; }
541li#cLocalNav_3 { left: 240px; }
542li#cLocalNav_4 { left: 360px; }
543li#cLocalNav_5 { left: 480px; }
544li#cLocalNav_6 { left: 600px; }
545li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
546li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
547li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
548li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
549li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
550li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
551
552/*==============================================================================
553 * 11. homePhotoBox(ホーム写真ボックス)
554 *----------------------------------------------------------------------------*/
555.homePhotoBox * {
556        text-align: center;
557}
558.homePhotoBox p.friendLink {
559        margin-bottom: 3px;
560}
561.homePhotoBox .parts {
562        padding: 7px;
563}
564.homePhotoBox ul.moreInfo {
565        margin: 2px 0 -5px;
566}
567.homePhotoBox ul.moreInfo li {
568        padding: 1px 0;
569        background: none;
570}
571.homePhotoBox ul.moreInfo li img {
572        vertical-align: bottom;
573}
574.homePhotoBox p.rank {
575        margin-top: 6px;
576}
577.homePhotoBox p.point {
578        margin-top: 2px;
579}
580.homePhotoBox p.text {
581        margin-top: 4px;
582}
583.homePhotoBox p.loginTime {
584        margin-top: 0px;
585}
586
587/*==============================================================================
588 * 28. homeNineTable(ホーム9面テーブル)
589 *----------------------------------------------------------------------------*/
590.homeNineTable tr.photo td {
591        height: 80px;
592        padding: 2px 0;
593        text-align: center;
594}
595.homeNineTable tr.photo td p.crown {
596        text-align: center;
597}
598.homeNineTable tr.text td {
599        padding: 2px;
600        text-align: center;
601}
602.homeNineTable div.moreInfo ul.moreInfo {
603        width: 11em;
604        margin: 6px 0 6px auto;
605}
606
607/*==============================================================================
608 * 18. searchResultList(検索結果リスト)
609 *----------------------------------------------------------------------------*/
610.searchResultList .partsInfo {
611        background: #<?php echo $colors[6]; ?>;
612}
613.searchResultList .ditem {
614        margin: 8px 34px;
615}
616.searchResultList .item {
617        zoom: 1;
618        position: relative;
619}
620.searchResultList td.photo {
621        width: 90px;
622        padding: 0;
623        border-left: none;
624        text-align: center;
625}
626.searchResultList th, .searchResultList td {
627        padding: 5px;
628}
629.searchResultList th {
630        width: 75px;
631}
632#Body .searchResultList th:first-child {
633        border-left-width: 1px;
634}
635.searchResultList tr.operation th {
636        padding-top: 0;
637        padding-bottom: 0;
638}
639.searchResultList tr.operation td {
640        padding: 0;
641}
642.searchResultList tr.operation span.text {
643        float: left;
644        display: block;
645        width: 110px;
646        margin-top: 5px;
647        padding: 0 5px;
648}
649.searchResultList tr.operation span.moreInfo{
650        zoom: 1;
651        display: block;
652        margin-left: 120px;
653        padding: 4px 0 3px;
654        border-left: 1px solid #<?php echo $colors[1]; ?>;
655        text-align: center;
656}
657.searchResultList div.operation {
658        text-align: center;
659}
660.searchResultList tr.operation span.moreInfo img,
661.searchResultList div.operation form,
662.searchResultList div.operation fieldset {
663        display: inline;
664        vertical-align: top;
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: #<?php echo $colors[7]; ?>;
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(<?php echo getSkin('icon_1'); ?>) 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(<?php echo getSkin('articleList_marker'); ?>) 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 #<?php echo $colors[9]; ?>;
719}
720.sideNav .partsHeading {
721        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
722}
723.sideNav .pageNav ul {
724        margin: 1px;
725}
726.sideNav .pageNav li {
727        padding: 4px 0 4px 18px;
728        background: url(<?php echo getSkin('icon_1'); ?>) 8px 50% no-repeat scroll;
729}
730.sideNav .pageNav li.looking {
731        background-color: #<?php echo $colors[7]; ?>;
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: #<?php echo $colors[7]; ?>;
741        text-align: center;
742}
743.sideNav .calendar td {
744        padding: 1px 2px;
745        text-align: right;
746}
747.sideNav .list {
748        padding: 4px 0;
749}
750.sideNav .list li {
751        padding-left: 16px;
752        background: no-repeat 6px 4px;
753}
754.sideNav .monthlyMessage li  { background-image: url(<?php echo getSkin('icon_1'); ?>); }
755.sideNav .recentlyDiary li   { background-image: url(<?php echo getSkin('icon_3'); ?>); }
756.sideNav .recentlyComment li { background-image: url(<?php echo getSkin('icon_1'); ?>); }
757.sideNav .monthlyDiary li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
758.sideNav .listCategory li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
759
760/*==============================================================================
761 * 1. simpleBox(シンプルボックス)
762 *----------------------------------------------------------------------------*/
763.simpleBox .block {
764        padding: 10px 0;
765}
766.simpleBox .block p {
767        text-align: center;
768}
769
770/*==============================================================================
771 * 31. formTable(入力フォームテーブル)
772 *----------------------------------------------------------------------------*/
773.formTable .partsHeading {
774        zoom: 1;
775        position: relative;
776}
777.formTable strong {
778        font-weight: normal;
779        color: #ff0000;
780}
781.formTable p.caution {
782        color: #ff0000;
783}
784.formTable .partsHeading p.link {
785        position: absolute;
786        top: 2px;
787        right: 8px;
788}
789.formTable div.partsInfo {
790        background-color: #<?php echo $colors[6]; ?>;
791}
792.formTable th, .formTable td {
793        padding: 5px;
794}
795#Body .formTable th {
796        width: 140px;
797        border-left: none;
798}
799#LayoutB #Center .formTable th {
800        width: 80px;
801}
802.formTable table table td {
803        padding: 0;
804        border: none;
805}
806.formTable textarea {
807        width: 99%;
808}
809.formTable input.input_text_long {
810        width: 99%;
811}
812.formTable table table td.publicSelector {
813        width: 150px;
814        text-align: right;
815}
816.formTable div.checkList ul {
817        zoom: 1;
818        overflow: hidden;
819        overflow: -moz-scrollbars-none;
820}
821.formTable div.checkList li {
822        overflow: hidden;
823        overflow: -moz-scrollbars-none;
824        float: left;
825        width: 27%;
826        padding-left: 18px;
827        text-indent: -18px;
828        line-height: 1.6;
829}
830.formTable div.operation {
831        padding: 10px 0;
832}
833
834/*==============================================================================
835 * 29. photoTable(写真テーブル)
836 *----------------------------------------------------------------------------*/
837.photoTable {
838        width: 561px;
839}
840.photoTable tr.photo td {
841        height: 90px;
842        padding: 8px 0;
843        text-align: center;
844}
845.photoTable tr.photo td p.crown {
846        text-align: center;
847}
848.photoTable tr.text td {
849        padding: 5px 2px;
850        text-align: center;
851}
852
853/*==============================================================================
854 * 6. yesNoButtonBox(はい、いいえボタン付きボックス)
855 *----------------------------------------------------------------------------*/
856.yesNoButtonBox .block {
857        padding: 10px 0;
858}
859.yesNoButtonBox .block p,
860.yesNoButtonBox ul.moreInfo.button {
861        text-align: center;
862}
863.yesNoButtonBox ul.moreInfo.button {
864        margin-top: 4px;
865}
866.yesNoButtonBox ul.moreInfo.button li {
867        display: inline;
868}
869
870/*==============================================================================
871 * 3. alertBox(アラートボックス)
872 *----------------------------------------------------------------------------*/
873.alertBox {
874        width: 564px;
875}
876#Body .alertBox th {
877        width: 148px;
878        padding: 8px 0;
879        border: none;
880        text-align: center;
881}
882#Body .alertBox td {
883        padding: 6px;
884        border-width: 0 0 0 1px;
885        color: #ff0000;
886}
887
888/*==============================================================================
889 * 17. commentList(コメントリスト)
890 *----------------------------------------------------------------------------*/
891.commentList dl {
892        border-top: 1px solid #<?php echo $colors[1]; ?>; overflow:hidden;
893}
894.commentList dt {
895        float: left;
896        width: 70px;
897        padding-top: 5px;
898        text-align: center;
899}
900.commentList dd {
901        zoom: 1;
902        min-height: 5.5em;
903        margin-left: 70px;
904        border-left: 1px solid #<?php echo $colors[1]; ?>;
905}
906* html .commentList dd {
907        height: 5.5em;
908}
909#LayoutC .commentList dt {
910        width: 110px;
911}
912#LayoutC .commentList dd {
913        margin-left: 110px;
914}
915.commentList dd div {
916        border-top: 1px solid #<?php echo $colors[1]; ?>;
917}
918.commentList dd div p {
919        padding: 4px 3px;
920}
921.commentList dd div.title {
922        zoom: 1;
923        position: relative;
924        border-top: none;
925}
926.commentList dd div.title p.heading {
927        margin-right: 10.5em;
928}
929.commentList dd div.title p.public {
930        position: absolute;
931        top: 0;
932        right: 0;
933}
934.commentList dd ul.photo {
935        padding: 5px 5px 0;
936}
937.commentList dd ul.photo li {
938        display: inline;
939        margin-left: 6px;
940}
941.commentList dd div.footer p {
942        text-align: right;
943}
944.commentList div.operation {
945        padding: 8px 0;
946}
947.commentList dd div.attachFile {
948        padding: 16px 5px;
949}
950
951/*==============================================================================
952 * 8. diaryDetailBox(日記詳細ボックス)
953 *----------------------------------------------------------------------------*/
954.diaryDetailBox .partsHeading {
955        zoom: 1;
956        position: relative;
957}
958.diaryDetailBox .partsHeading p.public {
959        position: absolute;
960        right: 3px;
961}
962.diaryDetailBox dl {
963        border-top: 1px solid #<?php echo $colors[1]; ?>;
964}
965.diaryDetailBox dt {
966        float: left;
967        width: 70px;
968        padding-top: 5px;
969        text-align: center;
970}
971.diaryDetailBox dd {
972        zoom: 1;
973        min-height: 4.2em;
974        margin-left: 70px;
975        border-left: 1px solid #<?php echo $colors[1]; ?>;
976}
977* html .diaryDetailBox dd {
978        height: 4.2em;
979}
980.diaryDetailBox dd div {
981        border-top: 1px solid #<?php echo $colors[1]; ?>;
982}
983.diaryDetailBox dd div p {
984        padding: 4px 3px;
985}
986.diaryDetailBox dd div.title {
987        border-top: none;
988}
989.diaryDetailBox dd div.body {
990        padding: 4px 3px;
991}
992.diaryDetailBox dd ul.photo {
993        padding: 4px 5px;
994}
995.diaryDetailBox dd ul.photo li {
996        display: inline;
997        margin-left: 6px;
998}
999.diaryDetailBox div.category ul {
1000        padding: 4px;
1001        text-align: right;
1002}
1003.diaryDetailBox div.category ul li {
1004        display: inline;
1005        font-size: 80%;
1006}
1007
1008/*==============================================================================
1009 * 21. recentList(最新書き込みリスト)
1010 *----------------------------------------------------------------------------*/
1011.recentList dl {
1012        border-top: 1px solid #<?php echo $colors[1]; ?>;
1013}
1014.recentList dt {
1015        float: left;
1016        width: 170px;
1017        padding: 5px;
1018        text-align: center;
1019}
1020.recentList dd {
1021        zoom: 1;
1022        margin-left: 180px;
1023        padding: 5px;
1024        border-left: 1px solid #<?php echo $colors[1]; ?>;
1025}
1026#LayoutB #Center .recentList dt {
1027        width: 110px;
1028}
1029#LayoutB #Center .recentList dd {
1030        margin-left: 120px;
1031}
1032
1033/*==============================================================================
1034 * 10. eventDetailBox(イベント詳細ボックス)
1035 *----------------------------------------------------------------------------*/
1036.eventDetailBox dl {
1037        border-top: 1px solid #<?php echo $colors[1]; ?>;
1038}
1039.eventDetailBox dt {
1040        float: left;
1041        width: 100px;
1042        padding: 5px;
1043        text-align: center;
1044}
1045.eventDetailBox dd {
1046        zoom: 1;
1047        margin-left: 110px;
1048        border-left: 1px solid #<?php echo $colors[1]; ?>;
1049}
1050.eventDetailBox dd ul.photo {
1051        padding: 5px;
1052        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1053}
1054.eventDetailBox dd ul.photo li {
1055        display: inline;
1056        margin-left: 6px;
1057}
1058.eventDetailBox dd table th {
1059        width: 112px;
1060        text-align: center;
1061        border-left: none;
1062}
1063.eventDetailBox dd table th,
1064.eventDetailBox dd table td {
1065        padding: 5px;
1066}
1067.eventDetailBox dd table tr:first-child th,
1068.eventDetailBox dd table tr:first-child td {
1069        border-top: none;
1070}
1071.eventDetailBox dd table ul.moreInfo {
1072        margin-top: -1.2em;
1073        text-align: right;
1074}
1075.eventDetailBox dd table ul.moreInfo li {
1076        display: inline;
1077        background-position: 0 50%;
1078}
1079
1080/*==============================================================================
1081 * 22. friendIntroList(フレンド紹介文リスト)
1082 *----------------------------------------------------------------------------*/
1083.friendIntroList th,
1084.friendIntroList td {
1085        padding: 14px;
1086}
1087#Body .friendIntroList th {
1088        width: 120px;
1089        border-left: none;
1090        text-align: center;
1091}
1092.friendIntroList div.moreInfo ul.moreInfo {
1093        width: 10em;
1094        margin-left: auto;
1095        padding: 6px 2px;
1096}
1097
1098/*==============================================================================
1099 * 9. topicDetailBox(トピック詳細ボックス)
1100 *----------------------------------------------------------------------------*/
1101.topicDetailBox dl {
1102        border-top: 1px solid #<?php echo $colors[1]; ?>;
1103}
1104.topicDetailBox dt {
1105        float: left;
1106        width: 100px;
1107        padding: 5px;
1108        text-align: center;
1109}
1110.topicDetailBox dd {
1111        zoom: 1;
1112        margin-left: 110px;
1113        border-left: 1px solid #<?php echo $colors[1]; ?>;
1114}
1115.topicDetailBox dd div {
1116        border-top: 1px solid #<?php echo $colors[1]; ?>;
1117}
1118.topicDetailBox dd div p {
1119        padding: 5px;
1120}
1121.topicDetailBox dd div.title {
1122        border-top: none;
1123}
1124.topicDetailBox dd ul.photo {
1125        padding: 5px;
1126}
1127.topicDetailBox dd ul.photo li {
1128        display: inline;
1129        margin-left: 6px;
1130}
1131.topicDetailBox dd div.attachFile {
1132        padding: 16px 5px;
1133}
1134.topicDetailBox div.operation {
1135        padding: 10px 0;
1136}
1137
1138/*==============================================================================
1139 * 26. ashiatoList(あしあとリスト)
1140 *----------------------------------------------------------------------------*/
1141.ashiatoList div.partsInfo {
1142        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1143}
1144.ashiatoList div.item {
1145        margin: 8px 40px;
1146        padding: 8px 0;
1147        border: 1px solid #<?php echo $colors[1]; ?>;
1148}
1149.ashiatoList div.item p,
1150.ashiatoList div.item ul.list {
1151        padding-left: 160px;
1152}
1153.ashiatoList div.item p strong {
1154        margin: 0 2px;
1155}
1156.ashiatoList div.item ul.list {
1157        overflow: hidden;
1158        margin-top: 16px;
1159}
1160
1161/*==============================================================================
1162 * 15. linkLine(リンクライン)
1163 *----------------------------------------------------------------------------*/
1164.linkLine ul.moreInfo {
1165        text-align: center;
1166}
1167.linkLine ul.moreInfo li {
1168        display: inline;
1169        background-position: 0 50%;
1170}
1171
1172/*==============================================================================
1173 * 14. searchFormLine(検索フォームライン)
1174 *----------------------------------------------------------------------------*/
1175.searchFormLine ul {
1176        text-align: center;
1177        padding: 1px 0;
1178}
1179.searchFormLine ul li {
1180        display: inline;
1181}
1182.searchFormLine ul li * {
1183        vertical-align: middle;
1184}
1185.searchFormLine ul li label {
1186        margin-right: 2px;
1187        padding: 1px 13px 0 0;
1188        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1189}
1190
1191/*==============================================================================
1192 * 5. infoButtonBox(ボタン付き案内ボックス)
1193 *----------------------------------------------------------------------------*/
1194.infoButtonBox .block {
1195        padding: 30px 10px;
1196}
1197.infoButtonBox p,
1198.infoButtonBox ul {
1199        margin-top: 6px;
1200        text-align: center;
1201}
1202.infoButtonBox ul.check li {
1203        text-align: center;
1204}
1205.infoButtonBox ul.check li .input_submit {
1206        margin-top: 6px;
1207}
1208.infoButtonBox ul.moreInfo {
1209        margin-left: 230px;
1210}
1211.infoButtonBox ul.moreInfo.button {
1212        margin-left: 0;
1213}
1214.infoButtonBox ul.moreInfo.button li {
1215        text-align: center;
1216}
1217
1218/*==============================================================================
1219 * 7. searchFormBox(検索フォームボックス)
1220 *----------------------------------------------------------------------------*/
1221.searchFormBox .partsHeading {
1222        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1223}
1224.searchFormBox .parts {
1225        zoom: 1;
1226}
1227.searchFormBox .item {
1228        overflow: hidden;
1229        margin: 10px 40px;
1230        padding-top: 8px;
1231        border: 1px solid #<?php echo $colors[1]; ?>;
1232}
1233.searchFormBox label,
1234.searchFormBox span.label {
1235        margin: 0 4px 0 8px;
1236        padding: 1px 16px 0 0;
1237        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1238}
1239.searchFormBox .input_submit {
1240        margin-right: 8px;
1241}
1242.searchFormBox p.desc {
1243        margin: 0 4px 16px 8px;
1244}
1245.searchFormBox p.form {
1246        margin: 0 4px 8px 0;
1247}
1248.searchFormBox p.note {
1249        margin: -4px 4px 8px 8px;
1250}
1251.searchFormBox ul.moreInfo {
1252        margin: 0 4px 8px 150px;
1253}
1254.searchFormBox div.block {
1255        padding: 8px 0;
1256}
1257.searchFormBox dl.category {
1258        zoom: 1;
1259}
1260.searchFormBox dl.category dt {
1261        float: left;
1262        width: 6em;
1263}
1264.searchFormBox dl.category dd {
1265        zoom: 1;
1266        margin-left: 6em;
1267}
1268.searchFormBox dl.category dd p {
1269        margin: 0 16px;
1270}
1271.searchFormBox dl.categories dt {
1272        margin-bottom: 4px;
1273}
1274.searchFormBox table.category th {
1275        width: 74px;
1276        padding: 3px 7px 3px 5px;
1277        border: none;
1278        background: url(<?php echo getSkin('colon'); ?>) no-repeat 100% 4px;
1279        font-weight: bold;
1280        vertical-align: top;
1281}
1282.searchFormBox table.category td {
1283        padding: 3px 8px;
1284        border: none;
1285        vertical-align: top;
1286}
1287
1288/*==============================================================================
1289 * 4. infoBox(案内ボックス)
1290 *----------------------------------------------------------------------------*/
1291#Body .infoBox {
1292        margin: 0 20px 10px;
1293}
1294.infoBox .parts {
1295        zoom: 1;
1296        overflow: hidden;
1297        position: relative;
1298}
1299.infoBox p {
1300        overflow: hidden;
1301        margin-right: 16em;
1302        padding: 5px;
1303        border-right: 1px solid #<?php echo $colors[1]; ?>;
1304        background: #<?php echo $colors[6]; ?>;
1305}
1306.infoBox ul.moreInfo {
1307        position: absolute;
1308        bottom: 3px;
1309        right: 0;
1310        width: 15.5em;
1311}
1312
1313/*==============================================================================
1314 * 12. homeInfoBox(ホームインフォメーションボックス)
1315 *----------------------------------------------------------------------------*/
1316#Body .homeInfoBox {
1317        margin-left: 5px;
1318        padding-left: 102px;
1319        border: 1px solid #<?php echo $colors[1]; ?>;
1320        background: #<?php echo $colors[7]; ?> url(<?php echo getSkin('icon_information'); ?>) no-repeat 5px 50%;
1321}
1322.homeInfoBox div.body {
1323        min-height: 1.2em;
1324        padding: 5px;
1325        border-left: 1px solid #<?php echo $colors[1]; ?>;
1326        background: #<?php echo $colors[8]; ?>;
1327}
1328.homeInfoBox .caution {
1329        color: #ff0000;
1330}
1331
1332/*==============================================================================
1333 * 2. descriptionBox(説明ボックス)
1334 *----------------------------------------------------------------------------*/
1335#Body .descriptionBox {
1336        margin: 0 20px 10px;
1337}
1338.descriptionBox p {
1339        margin: 12px;
1340}
1341
1342/*==============================================================================
1343 * 27. rankingList(ランキングリスト)
1344 *----------------------------------------------------------------------------*/
1345.rankingList .partsHeading p {
1346        margin: 0;
1347}
1348#Body .rankingList th:first-child {
1349        border-left-width: 1px;
1350}
1351.rankingList td.photo {
1352        width: 120px;
1353        text-align: center;
1354}
1355.rankingList th {
1356        width: 75px;
1357        padding: 5px;
1358}
1359.rankingList td {
1360        padding: 5px;
1361}
1362.rankingList td.name {
1363        background: #<?php echo $colors[7]; ?>;
1364}
1365.rankingList td.name a {
1366        font-weight: bold;
1367}
1368.rankingList .ditem {
1369        margin: 8px 15px;
1370        background: #<?php echo $colors[7]; ?>;
1371}
1372.rankingList .item {
1373        background: #<?php echo $colors[8]; ?>;
1374}
1375.rankingList .item td.photo {
1376        width: 90px;
1377}
1378
1379/*==============================================================================
1380 * 35. rankingSideNav(ランキングサイドナビ)
1381 *----------------------------------------------------------------------------*/
1382.rankingSideNav {
1383        width: 150px;
1384        margin: 0 auto;
1385        border: 8px solid #<?php echo $colors[9]; ?>;
1386}
1387.rankingSideNav .partsHeading {
1388        padding: 2px 4px;
1389        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1390        background-image: none;
1391        text-align: center;
1392}
1393.rankingSideNav p {
1394        margin: 3px;
1395}
1396.rankingSideNav p.link {
1397        padding: 3px;
1398        border: 1px solid #<?php echo $colors[1]; ?>;
1399        text-align: right;
1400}
1401
1402
1403/*==============================================================================
1404 * 24. searchCategoryList(検索項目リスト)
1405 *----------------------------------------------------------------------------*/
1406.searchCategoryList .partsInfo {
1407        padding: 5px;
1408        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
1409        background: #<?php echo $colors[6]; ?>;
1410        text-align: center;
1411}
1412.searchCategoryList .item {
1413        margin: 10px 40px;
1414        border: 1px solid #<?php echo $colors[1]; ?>;
1415        border-top: none;
1416}
1417.searchCategoryList span.label {
1418        margin: 0 4px 0 8px;
1419        padding: 1px 16px 0 0;
1420        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
1421}
1422.searchCategoryList dl {
1423        border-top: 1px solid #<?php echo $colors[1]; ?>;
1424}
1425.searchCategoryList dl dt {
1426        margin: 8px 0 0;
1427}
1428.searchCategoryList dl dd {
1429        margin: 8px 10px 8px 70px;
1430}
1431.searchCategoryList dl dd ul {
1432        zoom: 1;
1433        overflow: hidden;
1434        overflow: -moz-scrollbars-none;
1435        margin: 4px 0;
1436}
1437.searchCategoryList dl dd ul li {
1438        overflow: hidden;
1439        float: left;
1440        width: 19%;
1441        margin: 0 2px;
1442}
1443
1444/*==============================================================================
1445 * 23. manageList(管理リスト)
1446 *----------------------------------------------------------------------------*/
1447.manageList td {
1448        padding: 5px;
1449}
1450.manageList td.photo {
1451        width: 140px;
1452        border-left: none;
1453        text-align: center;
1454}
1455.manageList td.delete {
1456        width: 120px;
1457}
1458.manageList col.date {
1459        width: 160px;
1460}
1461* html .manageList col.date {
1462        width: 150px;
1463}
1464*:first-child+html .manageList col.date {
1465        width: 150px;
1466}
1467.manageList col.name {
1468        width: auto;
1469}
1470.manageList colgroup.operation col {
1471        width: 86px;
1472}
1473* html .manageList colgroup.operation col {
1474        width: 76px;
1475}
1476*:first-child+html .manageList colgroup.operation col {
1477        width: 76px;
1478}
1479
1480/*==============================================================================
1481 * 13. photoUploadFormBox(プロフィール写真アップロードフォームボックス)
1482 *----------------------------------------------------------------------------*/
1483.photoUploadFormBox table {
1484        border-top: 1px solid #<?php echo $colors[1]; ?>;
1485}
1486#Body .photoUploadFormBox td {
1487        padding: 8px 0;
1488        border: none;
1489        text-align: center;
1490}
1491.photoUploadFormBox form {
1492        float: left;
1493        width: 230px;
1494}
1495.photoUploadFormBox form p {
1496        margin: 8px 0;
1497        text-align: center;
1498}
1499.photoUploadFormBox ul {
1500        zoom: 1;
1501        margin: 8px 0 8px 230px;
1502}
1503.photoUploadFormBox li {
1504        padding-left: 12px;
1505        background: url(<?php echo getSkin('marker'); ?>) no-repeat 3px 3px;
1506}
1507
1508/*==============================================================================
1509 * 36. buttonLine(ボタンライン)
1510 *----------------------------------------------------------------------------*/
1511.buttonLine form {
1512        text-align: center;
1513}
1514
1515/*==============================================================================
1516 * 16. prevNextLinkLine(前次リンクライン)
1517 *----------------------------------------------------------------------------*/
1518.prevNextLinkLine {
1519        zoom: 1;
1520        overflow: hidden;
1521        overflow: -moz-scrollbars-none;
1522}
1523.prevNextLinkLine p.prev {
1524        float: left;
1525        width: 50%;
1526        text-align: left;
1527}
1528.prevNextLinkLine p.next {
1529        float: right;
1530        width: 50%;
1531        text-align: right;
1532}
1533
1534/*==============================================================================
1535 * 37. messageDetailBox(メッセージ詳細ボックス)
1536 *----------------------------------------------------------------------------*/
1537#Body .messageDetailBox th:first-child {
1538        border-left-width: 1px;
1539}
1540.messageDetailBox th,
1541.messageDetailBox td {
1542        padding: 5px;
1543}
1544.messageDetailBox td.photo {
1545        width: 110px;
1546        text-align: center;
1547}
1548.messageDetailBox th {
1549        width: 54px;
1550        padding-left: 0;
1551        padding-right: 16px;
1552        background: url(<?php echo getSkin('colon'); ?>) no-repeat 96% 50%;
1553        text-align: right;
1554}
1555#Body .messageDetailBox td {
1556        border-left: none;
1557}
1558.messageDetailBox ul.photo {
1559        margin: 10px;
1560        text-align: center;
1561}
1562.messageDetailBox p.text {
1563        margin: 10px 60px;;
1564}
1565.messageDetailBox ul.photo li {
1566        display: inline;
1567        margin-left: 6px;
1568}
1569.messageDetailBox div.operation {
1570        zoom: 1;
1571        overflow: hidden;
1572        overflow: -moz-scrollbars-none;
1573}
1574.messageDetailBox form.delete {
1575        float: left;
1576        width: 50%;
1577        text-align: left;
1578}
1579.messageDetailBox form.send {
1580        float: right;
1581        width: 50%;
1582        text-align: right;
1583}
1584.messageDetailBox form ul.moreInfo {
1585        display: inline;
1586}
1587.messageDetailBox div.attachFile {
1588        padding: 16px 5px;
1589}
1590
1591/*==============================================================================
1592 * 20. reviewList(レビューリスト)
1593 *----------------------------------------------------------------------------*/
1594.reviewList dl {
1595        zoom: 1;
1596        overflow: hidden;
1597        overflow: -moz-scrollbars-none;
1598        border-top: 1px solid #<?php echo $colors[1]; ?>;
1599}
1600.reviewList dl dt {
1601        float:left;
1602        width: 170px;
1603        padding: 5px;
1604        text-align: center;
1605}
1606.reviewList dl dt span {
1607        display: block;
1608        margin: 3px 0;
1609}
1610.reviewList dl dd {
1611        zoom: 1;
1612        margin-left: 180px;
1613        border-left: 1px solid #<?php echo $colors[1]; ?>;
1614}
1615.reviewList dl dd table {
1616        height: 216px;
1617}
1618.reviewList dl dd th,
1619.reviewList dl dd td {
1620        padding: 5px;
1621}
1622.reviewList dl tr.title th,
1623.reviewList dl dd tr.title td {
1624        border-top: none;
1625}
1626.reviewList dl dd th {
1627        width: 100px;
1628        border-left: none;
1629        text-align: center;
1630}
1631.reviewList dl dd tr.title td {
1632        font-weight: bold;
1633}
1634.reviewList dl dd td p.operation {
1635        text-align: right;
1636}
1637.reviewList dl dd tr.footer td {
1638        border-left: none;
1639        text-align: right;
1640}
1641.reviewList div.operation {
1642        padding: 10px 0;
1643}
1644
1645/*==============================================================================
1646 * 32. weeklyCalendarTable(週間カレンダーテーブル)
1647 *----------------------------------------------------------------------------*/
1648#Body .weeklyCalendarTable .parts {
1649        border-top: none;
1650}
1651.weeklyCalendarTable div.block {
1652        padding: 5px;
1653}
1654.weeklyCalendarTable .input_submit {
1655        margin-right: 8px;
1656}
1657.weeklyCalendarTable .calendar td {
1658        padding: 5px;
1659        vertical-align: top;
1660}
1661.weeklyCalendarTable .calendar .today {
1662        background: #<?php echo $colors[7]; ?>;
1663}
1664.weeklyCalendarTable .calendar .today p.day {
1665        font-weight: bold;
1666}
1667.weeklyCalendarTable ul.moreInfo {
1668        margin: 0 2px 0 auto;
1669        width: 9em;
1670}
1671
1672/*==============================================================================
1673 * 33. monthlyCalendarTable(月間カレンダーテーブル)
1674 *----------------------------------------------------------------------------*/
1675.monthlyCalendarTable div.block {
1676        zoom: 1;
1677        overflow: hidden;
1678        overflow: -moz-scrollbars-none;
1679        padding: 2px 5px;
1680}
1681.monthlyCalendarTable div.block p.moreInfo {
1682        float: left;
1683        width: 70%;
1684        text-align: left;
1685}
1686.monthlyCalendarTable div.block p.moreInfo a {
1687        margin-right: 4px;
1688}
1689.monthlyCalendarTable div.block p.pager {
1690        float: right;
1691        width: 30%;
1692        margin-top: 2px;
1693        text-align: right;
1694}
1695.monthlyCalendarTable .calendar th {
1696        padding: 2px;
1697}
1698.monthlyCalendarTable .calendar td {
1699        height: 65px;
1700        padding: 2px;
1701        vertical-align: top;
1702}
1703.monthlyCalendarTable .calendar td.today {
1704        background: #<?php echo $colors[7]; ?>;
1705        font-weight: bold;
1706}
1707.monthlyCalendarTable .calendar td p {
1708        font-weight: normal;
1709}
1710.monthlyCalendarTable .partsInfo {
1711        padding: 5px;
1712        background: #<?php echo $colors[6]; ?>;
1713}
1714.monthlyCalendarTable .partsInfo img {
1715        margin: 0 1px;
1716}
1717
1718/*==============================================================================
1719 * 25. messageList(メッセージリスト)
1720 *----------------------------------------------------------------------------*/
1721.messageList .partsHeading p.date {
1722        font-weight: bold;
1723}
1724.messageList .pagerRelativeMulti {
1725        zoom: 1;
1726        overflow: hidden;
1727        overflow: -moz-scrollbars-none;
1728}
1729.messageList .pagerRelativeMulti .pager {
1730        position: static;
1731        float: right;
1732        width: 290px;
1733        margin-top: 1px;
1734        text-align: right;
1735}
1736.messageList .pagerRelativeMulti .pager p {
1737        margin-left: 0;
1738}
1739* html .messageList .pagerRelativeMulti .pager p {
1740        margin-left: 4px;
1741}
1742*:first-child+html .messageList .pagerRelativeMulti .pager p {
1743        margin-left: 4px;
1744}
1745.messageList p.icons {
1746        float: left;
1747        width: 220px;
1748}
1749.messageList p.icons img {
1750        padding-right: 16px;
1751        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
1752        vertical-align: text-bottom;
1753}
1754.messageList tr {
1755        height: 20px;
1756}
1757.messageList tr.unread {
1758        background: #<?php echo $colors[7]; ?>;
1759}
1760#Body .messageList th.delete {
1761        font-weight: normal;
1762}
1763#Body .messageList th {
1764        padding: 0 2px;
1765        border-width: 1px 0 0;
1766        font-weight: bold;
1767}
1768#Body .messageList td {
1769        padding: 0 2px;
1770        border-width: 1px 0 0;
1771}
1772#Body .messageList td .input_checkbox {
1773        margin-left: 4px;
1774}
1775.messageList td.status {
1776        text-align: center;
1777}
1778.messageList col.status {
1779        width: 35px;
1780}
1781.messageList col.delete {
1782        width: 35px;
1783}
1784.messageList col.target {
1785        width: 130px;
1786}
1787.messageList col.title {
1788        width: auto;
1789}
1790.messageList col.date {
1791        width: 80px;
1792}
1793.messageList table span {
1794        width: 100%;
1795        display: block;
1796        overflow: hidden;
1797        white-space: nowrap;
1798        text-overflow: ellipsis;
1799}
1800.messageList div.operation p {
1801        margin-top: 8px;
1802        margin-bottom: 5px;
1803}
1804.messageList div.operation ul.moreInfo {
1805        text-align: left;
1806}
1807
1808/**=============================================================================
1809 * 未確認スタイル
1810 *----------------------------------------------------------------------------*/
1811/**150 o_regist_prof */
1812ul.moreInfo.button li form {
1813        display: inline;
1814}
1815ul.moreInfo.button li form .input_submit {
1816        margin: 0 5px;
1817}
1818
1819/**200 ヘッダ、Layout直下でなく#Topボックスで包含 */
1820#Container {
1821        position: relative;
1822}
1823#Header {
1824        position: relative;
1825}
1826#LayoutA #Top {
1827        padding-left: 5px;
1828}
1829
1830/**498 バナー、フッタ */
1831#topBanner {
1832        display: block;
1833        position: absolute;
1834        top: 5px;
1835        left: 247px;
1836        width: 468px;
1837        height: 60px;
1838}
1839#sideBanner {
1840        display: block;
1841        position: absolute;
1842        top: 0px;
1843        left: 720px;
1844}
1845#Footer {
1846        position: relative;
1847        width: 720px;
1848        height: 21px;
1849        background: url(<?php echo getSkin('skin_footer'); ?>) 0 0 no-repeat;
1850}
1851#Footer p {
1852        padding-right: 12px;
1853        line-height: 21px;
1854        text-align: right;
1855}
1856
1857/**1012 フレンド紹介文リスト */
1858.friendIntroList p.text {
1859        margin-bottom: 1em;
1860}
1861
1862/** 配色設定 */
1863#Body {
1864        background: #<?php echo $colors[2]; ?>;
1865}
1866#Container {
1867        background: #<?php echo $colors[3]; ?>;
1868}
1869div.dparts {
1870        background-color: #<?php echo $colors[4]; ?>;
1871}
1872div.parts {
1873        background-color: #<?php echo $colors[8]; ?>;
1874}
1875.sideNav .item {
1876        background-color: #<?php echo $colors[8]; ?>;
1877}
1878#Body .sideNav {
1879        background-color: transparent;
1880}
1881#Body .linkLine,
1882#Body .searchFormLine,
1883#Body .buttonLine,
1884#Body .prevNextLinkLine {
1885        background-color: transparent;
1886}
1887
1888/** page_o_login */
1889div#container_login {
1890        display: block;
1891        margin: 0px auto 0px 0px;
1892        width: 720px;
1893        height: 563px;
1894        padding: 0px;
1895}
1896
1897div#container_login img.bg {
1898        display: block;
1899        position: absolute;
1900        left: 0px;
1901        top: 0px;
1902        width: 720px;
1903        height: 563px;
1904        z-index: 0;
1905}
1906
1907div#container_login a img {
1908        width: 100%;
1909        height: 100%;
1910}
1911
1912div#container_login div.banner ,
1913div#container_login a.banner {
1914        display: block;
1915        position: absolute;
1916        left: 247px;
1917        top: 5px;
1918        width: 468px;
1919        height: 60px;
1920        z-index: 200;
1921}
1922
1923div#container_login div.header a.main_menu {
1924        display: block;
1925        display: none;
1926        position: absolute;
1927        height: 22px;
1928        top: 0px;
1929}
1930
1931div#container_login input#username {
1932        display: block;
1933        position: absolute;
1934        left: 504px;
1935        top: 246px;
1936        width: 185px;
1937        height: 23px;
1938        font-size: 10pt;
1939        z-index: 100;
1940}
1941
1942div#container_login input#password {
1943        display: block;
1944        position: absolute;
1945        left: 504px;
1946        top: 299px;
1947        width: 185px;
1948        height: 23px;
1949        font-size: 10pt;
1950        z-index: 110;
1951}
1952
1953div#container_login input#button_login {
1954        display: block;
1955        position: absolute;
1956        left: 536px;
1957        top: 384px;
1958        width: 120px;
1959        height: 24px;
1960        border: none 0px;
1961        background-color: transparent;
1962        z-index: 120;
1963}
1964
1965div#container_login a#button_new_regist {
1966        display: block;
1967        position: absolute;
1968        left: 536px;
1969        top: 414px;
1970        width: 120px;
1971        height: 24px;
1972        border: none 0px;
1973        z-index: 130;
1974}
1975
1976div#container_login div.msg {
1977        display: block;
1978        position: absolute;
1979        border: none 0px;
1980        padding: 3px 0px;
1981        left: 504px;
1982        top: 327px;
1983        width: 185px;
1984        height: 42px;
1985        font-size: 9pt;
1986        text-align: center;
1987        z-index: 140;
1988}
1989
1990div#container_login div.msg * {
1991        font-size: 8pt;
1992}
1993
1994div#container_login .footer {
1995        display: block;
1996        position: absolute;
1997        left: 0px;
1998        top: 542px;
1999        width: 720px;
2000        height: 21px;
2001        z-index: 300;
2002}
2003div#container_login .footer p {
2004        margin-right: 12px;
2005        text-align: right;
2006        line-height: 21px;
2007}
2008
2009
2010/*==============================================================================
2011 * bizTodoList
2012 *----------------------------------------------------------------------------*/
2013#Body .bizTodoList {
2014        width: 220px;
2015        margin: 10px 5px;
2016        border: 1px solid #<?php echo $colors[1]; ?>;
2017}
2018#Body .bizTodoList td {
2019        border-width: 1px 0 0;
2020}
2021.bizTodoList .block {
2022        padding: 5px;
2023}
2024.bizTodoList textarea {
2025        width: 99%;
2026}
2027.bizTodoList tr.someone {
2028        background: #<?php echo $colors[7]; ?>;
2029}
2030.bizTodoList tr.checked {
2031        color: #999999;
2032}
2033.bizTodoList td.state {
2034        width: 35px;
2035}
2036.bizTodoList td.operation {
2037        width: 16px;
2038}
2039
2040/*==============================================================================
2041 * bizUnreadScheduleList
2042 *----------------------------------------------------------------------------*/
2043#Body .bizUnreadScheduleList {
2044        width: 220px;
2045        margin: 10px 5px;
2046        border: 1px solid #<?php echo $colors[1]; ?>;
2047}
2048.bizUnreadScheduleList dl {
2049        border-top: 1px solid #<?php echo $colors[1]; ?>;
2050}
2051.bizUnreadScheduleList dt {
2052        float: left;
2053        width: 60px;
2054        padding: 5px;
2055        text-align: center;
2056}
2057.bizUnreadScheduleList dd {
2058        zoom: 1;
2059        margin-left: 70px;
2060        padding: 5px;
2061        border-left: 1px solid #<?php echo $colors[1]; ?>;
2062}
2063
2064/*==============================================================================
2065 * albumImageBox
2066 *----------------------------------------------------------------------------*/
2067.albumImageBox p.photo {
2068        padding: 10px;
2069        border-top: 1px solid #<?php echo $colors[1]; ?>;
2070        text-align: center;
2071}
2072.albumImageBox th, .albumImageBox td {
2073        padding: 5px;
2074}
2075#Body .albumImageBox th {
2076        width: 140px;
2077        border-left: none;
2078}
2079
2080/*==============================================================================
2081 * 文字装飾
2082 *----------------------------------------------------------------------------*/
2083<?php if ($decoration_config['op_b']) : ?>
2084span.op_b {
2085    text-decoration : inherit;
2086    font-style : inherit;
2087    font-weight : bold;
2088    color : inherit;
2089    font-size: inherit;
2090}
2091<?php endif; ?>
2092
2093<?php if ($decoration_config['op_u']) : ?>
2094span.op_u {
2095    text-decoration : underline;
2096    font-style : inherit;
2097    font-weight : inherit;
2098    color : inherit;
2099    font-size: inherit;
2100}
2101<?php endif; ?>
2102
2103<?php if ($decoration_config['op_s']) : ?>
2104span.op_s {
2105    text-decoration : line-through;
2106    font-style : inherit;
2107    font-weight : inherit;
2108    color : inherit;
2109    font-size: inherit;
2110}
2111<?php endif; ?>
2112
2113<?php if ($decoration_config['op_i']) : ?>
2114span.op_i {
2115    text-decoration : inherit;
2116    font-style : italic;
2117    font-weight : inherit;
2118    color : inherit;
2119    font-size: inherit;
2120}
2121<?php endif; ?>
2122
2123<?php if ($decoration_config['op_large']) : ?>
2124span.op_large {
2125    text-decoration : inherit;
2126    font-style : inherit;
2127    font-weight : inherit;
2128    color : inherit;
2129    font-size : 20px;
2130}
2131<?php endif; ?>
2132
2133<?php if ($decoration_config['op_small']) : ?>
2134span.op_small {
2135    text-decoration : inherit;
2136    font-style : inherit;
2137    font-weight : inherit;
2138    color : inherit;
2139    font-size : 8px;
2140}
2141<?php endif; ?>
2142
2143<?php if ($decoration_config['op_color']) : ?>
2144span.op_color {
2145    text-decoration : inherit;
2146    font-style : inherit;
2147    font-weight : inherit;
2148    color : inherit;
2149    font-size: inherit;
2150}
2151<?php else : ?>
2152span.op_color {
2153    text-decoration : inherit;
2154    font-style : inherit;
2155    font-weight : inherit;
2156    color : #000 !important;
2157    font-size: inherit;
2158}
2159<?php endif; ?>
2160
2161/*==============================================================================
2162 *
2163 *----------------------------------------------------------------------------*/
2164
2165/*==============================================================================
2166 *
2167 *----------------------------------------------------------------------------*/
2168<?php if ($custom_css): ?>
2169
2170/*==============================================================================
2171 * カスタムCSS
2172 *----------------------------------------------------------------------------*/
2173<?php echo $custom_css; ?>
2174
2175<?php endif; ?>
Note: See TracBrowser for help on using the repository browser.