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

<?php
/**
 * @copyright 2005-2008 OpenPNE Project
 * @license   http://www.php.net/license/3_01.txt PHP License 3.01
 */

require_once './config.inc.php';

// include_path の設定
include_once OPENPNE_LIB_DIR . '/include/PHP/Compat/Constant/PATH_SEPARATOR.php';
$include_paths = array(
    OPENPNE_LIB_DIR . '/include',
    OPENPNE_WEBAPP_DIR . '/lib',
    ini_get('include_path')
);
ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));
require_once OPENPNE_WEBAPP_DIR . '/lib/OpenPNE/DB.php';
require_once OPENPNE_WEBAPP_DIR . '/lib/db/common.php';
require_once OPENPNE_WEBAPP_DIR . '/lib/db/etc.php';

// エラー出力を抑制
ini_set('display_errors', false);
ob_start();

// include_path の設定
include_once OPENPNE_LIB_DIR . '/include/PHP/Compat/Constant/PATH_SEPARATOR.php';
$include_paths = array(
    OPENPNE_LIB_DIR . '/include',
    OPENPNE_WEBAPP_DIR . '/lib',
    ini_get('include_path')
);
ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));

header('Content-Type: text/css');

?>

@charset "UTF-8";

/*==============================================================================
 * デフォルトスタイルシートの上書き
 *----------------------------------------------------------------------------*/
body, div, p, pre, blockquote, th, td,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
iframe, object, embed {
        margin: 0;
        padding: 0;
        border: 0;
        text-align: left;
}
ul, ol {
        list-style-position: outside;
        list-style-type: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        margin: 0;
}
th, td {
        vertical-align: middle;
        word-break: break-all;
}
address, cite, caption, th, del, ins,
abbr, acronym, dfn, em, strong,
code, kbd, samp, var {
        border: 0;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
}
img {
        border: 0;
        vertical-align: bottom;
}
br {
        letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
}
q:before, q:after {
        content: "";
}
form, fieldset, input, textarea {
        margin: 0;
}
form, fieldset {
        padding: 0;
}
fieldset {
        border: 0;
}
form p {
        margin: 0;
        padding: 0;
}

/*==============================================================================
 * OpenPNE全共通指定
 *----------------------------------------------------------------------------*/
body {
        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
a:link {
        color: #026cd1;
}
a:visited {
        color: #004a95;
}
a:hover, a:active {
        color: #76afe6;
}
#Container {
        width: 720px;
}
.input_text,
.input_password,
textarea {
        border: 1px solid #888888;
        background-color: #f8f8f8;
}
div.pbox {
        position: relative;
}
/*----------------------------------------------
 * サブミットボタン
 *--------------------------------------------*/
.input_submit {
        margin-right: 10px;
        border: 1px solid #888888;
        background: #dadce6 url(http://takai.sns.dazai.pne.jp/skin/default/img/bg_button.gif) repeat-x scroll 50% 0;
        letter-spacing: 2px;
}
/*----------------------------------------------
 * ラベルの矢印
 *--------------------------------------------*/
label.arrow {
        padding: 3px 18px 2px 0;
        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_2.gif) no-repeat 100% 0;
}
/*----------------------------------------------
 * 「もっと読む」「全てを見る」の部分
 *--------------------------------------------*/
ul.moreInfo li {
        line-height: 1.5;
}
ul.moreInfo li a {
        padding-left: 20px;
        background: url("http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif") no-repeat 0 50%;
}
.footer ul.moreInfo {
        width: 140px;
        margin: 4px 2px 4px auto;
}
/*----------------------------------------------
 * 画像置換指定
 *--------------------------------------------*/
#globalNav a,
.localNav a,
#homePhoto li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        text-indent: -9999px;
        text-decoration: none;
}
#globalNav a:focus,
.localNav a:focus,
#homePhoto li a:focus {
        overflow: hidden;
}
/*----------------------------------------------
 * パーツ枠
 *--------------------------------------------*/
div.dparts {
        width: 636px;
        margin: 10px auto;
        padding: 7px;
        border: 1px solid #cccccc;
}
div.dparts div.parts {
        border: 1px solid #cccccc;
}
/*----------------------------------------------
 * パーツ見出し
 *--------------------------------------------*/
h3 {
        width: auto;
        margin: 0;
        padding: 2px 0 2px 36px;
        border-bottom: 2px solid #cccccc;
        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/content_header_1.gif) no-repeat 0 50%;
        line-height: 1.2;
        text-align: left;
        font-weight: bold;
        font-size: 100%;
}
/*----------------------------------------------
 * パーツ内容
 *--------------------------------------------*/
div.double {
        padding: 7px;
        border: 1px solid #cccccc;
}
div.item {
        margin: 7px 36px;
}
div.box {
        padding: 2px;
        border: 1px solid #cccccc;
}
div.box p {
        margin: 4px;
}

/*==============================================================================
 * 0. h系、f系、c系ナビメニュー（localNav）
 *----------------------------------------------------------------------------*/
#globalNav {
        position: relative;
        width: 720px;
        height: 96px;
        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
}
.localNav {
        position: relative;
        width: 720px;
        height: 29px;
}
#globalNav li a:hover, #globalNav li a:active {
        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
}
#hLocalNav {
        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
}
#hLocalNav li a:hover, #hLocalNav li a:active {
        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
}
#fLocalNav {
        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
}
#fLocalNav li a:hover, #fLocalNav li a:active {
        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
}
#cLocalNav {
        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
}
#cLocalNav li a:hover, #cLocalNav li a:active {
        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
}
#globalNav h1 {
        position: absolute;
        top: 5px;
        left: 0;
        width: 240px;
        height: 60px;
}
#globalNav li, .localNav li {
        position: absolute;
}

li#globalNav_1,
li#globalNav_2,
li#globalNav_3 {
        top: 70px;
        height: 18px;
}
li#globalNav_4,
li#globalNav_5,
li#globalNav_6,
li#globalNav_7,
li#globalNav_8,
li#globalNav_9 {
        top: 68px;
        height: 20px;
}
li#globalNav_1 { left:   2px; width: 88px; }
li#globalNav_2 { left:  90px; width: 90px; }
li#globalNav_3 { left: 180px; width: 88px; }
li#globalNav_4 { left: 290px; width: 70px; }
li#globalNav_5 { left: 360px; width: 72px; }
li#globalNav_6 { left: 432px; width: 72px; }
li#globalNav_7 { left: 504px; width: 72px; }
li#globalNav_8 { left: 576px; width: 72px; }
li#globalNav_9 { left: 648px; width: 70px; }
li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }

#hLocalNav li {
        top: 0;
        width: 80px;
        height: 29px;
}
li#hLocalNav_1 { left:   0px; }
li#hLocalNav_2 { left:  80px; }
li#hLocalNav_3 { left: 160px; }
li#hLocalNav_4 { left: 240px; }
li#hLocalNav_5 { left: 320px; }
li#hLocalNav_6 { left: 400px; }
li#hLocalNav_7 { left: 480px; }
li#hLocalNav_8 { left: 560px; }
li#hLocalNav_9 { left: 640px; }
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }

#fLocalNav li {
        top: 0;
        width: 80px;
        height: 29px;
}
li#fLocalNav_1 { left:   0px; }
li#fLocalNav_2 { left:  80px; }
li#fLocalNav_3 { left: 160px; }
li#fLocalNav_4 { left: 240px; }
li#fLocalNav_5 { left: 320px; }
li#fLocalNav_6 { left: 400px; }
li#fLocalNav_7 { left: 480px; }
li#fLocalNav_8 { left: 560px; }
li#fLocalNav_9 { left: 640px; }
li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }

#cLocalNav li {
        top: 0;
        width: 120px;
        height: 29px;
}
li#cLocalNav_1 { left:   0px; }
li#cLocalNav_2 { left: 120px; }
li#cLocalNav_3 { left: 240px; }
li#cLocalNav_4 { left: 360px; }
li#cLocalNav_5 { left: 480px; }
li#cLocalNav_6 { left: 600px; }
li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }

/*==============================================================================
 * (2月7日) h_home 書き換え時の指定
 *----------------------------------------------------------------------------*/
#search form p {
        padding: 4px 0;
        text-align: center;
}
#info {
        margin: 4px 0 0 6px;
}
#pc_page_h_home #info table {
        width: 100%;
}
#pc_page_h_home #info table th {
        width: 102px;
        border: 1px solid #cccccc;
        background-color: #dddddd;
        text-align: center;
}
#pc_page_h_home #info table td {
        border: 1px solid #cccccc;
        padding: 5px;
}

/*==============================================================================
 * 1. ホームの写真表示領域（homePhoto）
 *----------------------------------------------------------------------------*/
#HomeLeft table th.heading { /* パーツ見出しの指定、あとで汎用化する */
        width: auto;
        margin: 0;
        padding: 2px 0 2px 24px;
        border: 2px solid #cccccc;
        background: #36b3d1 url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_title_1.gif) no-repeat 0 50%;
        line-height: 1.2;
        text-align: left;
        font-weight: bold;
        font-size: 100%;
}
#HomeLeft {
        width: 270px;
        padding: 0 5px;
}
#HomeLeft #homePhoto {
        margin-top: 5px;
        padding: 7px;
        border: 1px solid #cccccc;
}
#HomeLeft #homePhoto div.photo {
        border: 1px solid #cccccc;
}
#HomeLeft #homePhoto p {
        text-align: center;
}
#HomeLeft #homePhoto p.photo {
        margin-top: 7px;
}
#HomeLeft #homePhoto li {
        width: 120px;
        height: 20px;
        margin: 2px auto 3px;
        line-height: 1.2;
}
#HomeLeft li#hHomePhoto_1 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_edit_photo.gif) no-repeat; }
#HomeLeft li#hHomePhoto_2 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_prof_conf.gif) no-repeat; }
#HomeLeft li#fHomePhoto_1 a { background: url(http://takai.sns.dazai.pne.jp/skin/default/img/button_show_photo.gif) no-repeat; }

#HomeLeft #homePhoto div.text p.friendLink { margin-bottom: 3px; }
#HomeLeft #homePhoto div.text p.rank { margin-top: 6px; }
#HomeLeft #homePhoto div.text p.point { margin-top: 2px; }
#HomeLeft #homePhoto div.text p.text { margin-top: 4px; }
#HomeLeft #homePhoto div.text p.loginTime { margin-top: 0px; }

/*==============================================================================
 * 2. 9面パズル（table3x）
 *----------------------------------------------------------------------------*/
.table3x {
        margin-top: 6px; /* これはパーツ共通のマージンなのでセレクタを変えるかもしれません */
}
.table3x table {
        width: 100%;
        border: 2px solid #cccccc;
}
.table3x td {
        border: 1px solid #cccccc;
        vertical-align: top;
}
.table3x p {
        text-align: center;
}
.table3x p.photo {
        height: 76px;
        padding: 2px;
        border-bottom: 1px solid #cccccc;
}
.table3x p.text {
        margin: 2px;
        overflow: auto;
}
/*==============================================================================
 * 3. 検索結果一覧系（searchResultList）
 *----------------------------------------------------------------------------*/
.searchResultList p.partsInfo{
        padding: 4px;
        border-style: solid;
        border-color: #cccccc;
        text-align: right;
}
.searchResultList p.top {
        border-width: 0 1px 2px 1px;
}
.searchResultList p.bottom {
        border-width: 2px 1px 0 1px;
}
.searchResultList p.partsInfo span.moreInfo {
        margin-left: 8px;
}
.searchResultList table {
        table-layout: fixed;
        position: relative;
        width: 100%;
}
.searchResultList td.photo {
        width: 90px;
        padding: 0;
        text-align: center;
}
.searchResultList th, .searchResultList td {
        padding: 6px 5px;
        border: 1px solid #cccccc;
}
.searchResultList th {
        width: 74px;
}
.searchResultList tr.name th,
.searchResultList tr.body th {
        letter-spacing: 8px;
}
.searchResultList tr.date td {
        background: url("http://takai.sns.dazai.pne.jp/skin/org/r120.gif") repeat-y;
}
.searchResultList td span.moreInfo {
        display: block;
        position: absolute;
        bottom: 5px;
        right: 70px;
        background-color:#ffd;
}